/**********************************************************************************
*						Roughian Menu - Defaults For All
**********************************************************************************/

.rxf-MenuPanel
{											/* 
											 * The panel (table) enclosing 
											 * the menu and target  
											 */
}
.rxf-MenuPanel-menuholder
{											/* A panel enclosing the menu panel
											 * Useful if you want a screen-wide 
											 * banner with the menu centred
											 */
	background-color			:	#ccf;
}
.rxf-MenuPanel-menu
{											/* 
											 * The table which holds the menu items
											 */
}
.rxf-MenuPanel-target-outer
{											/* 
											 * The outer panel of the target.
											 * With the inner, allows for a border
											 * to inset (setting the margin of a
											 * single panel would mean getting the
											 * background-color if the parent)
											 */
}
.rxf-MenuPanel-target-inner
{											/*
											 * The inner panel of the target 
											 * - see 'outer'
											 */
}
.rxf-MenuPanel-menu .html
{											/* 
											 * Style for addHTML() items
											 */
}
.rxf-MenuPanel-menu .menuitem
{											/* 
											 * The menu item - sets defaults and 
											 * unselected style
											 */
	background-color			:	#ffd;
	color						:	#555;
	border						:	1px solid #666;
	padding						:	1px;
	
	cursor						:	hand;
	cursor						:	pointer;
	font-size					:	75%;
}
.rxf-MenuPanel-menu .menuitem-over
{											/* 
											 * Overrides when mouse is hovering over 
											 * a menu item
											 */
	color						:	#009;
	font-weight					:	bold;
	border-top					:	2px solid #fff;
	border-left					:	2px solid #fff;
	border-right				:	2px solid #888;
	border-bottom				:	2px solid #888;
	padding						:	0px;
}
.rxf-MenuPanel-menu .menuitem-down
{											/*
											 * Overrides when mouse-button is pressed 
											 * over a menu item
											 */
	border-top					:	2px solid #333;
	border-left					:	2px solid #333;
	border-right				:	2px solid #ccc;
	border-bottom				:	2px solid #ccc;
	padding						:	0px;
}
.rxf-MenuPanel-menu .menuitem-selected
{											/*
											 * Overrides when menu item is selected. 
											 * Need to re-apply anything  from 'over' 
											 * and 'down' back to unselected style if
											 * them to show up under these conditions
											 */
	font-weight					:	bold;
	cursor						:	default;
	border						:	2px solid #009;
	padding						:	0px;
	color						:	#009;
	background-color			:	#ff9;
}
/**********************************************************************************
*						MenuPanelTop
**********************************************************************************/
.rxf-MenuPanelTop
{
}
.rxf-MenuPanelTop-menuholder, #loading-message
{
	background-color			:	#ddf;
	border-top					:	1px solid #009;
	border-bottom				:	1px solid #009;
	width						:	100%;
	margin						:	10px 0;
}
.rxf-MenuPanelTop-menu
{
	margin						:	3px auto;
}
.rxf-MenuPanelTop-menu .menuitem
{
	padding						:	2px 5px;
	margin						:	2px;
	width						:	90px;
	text-align					:	center;
}
.rxf-MenuPanel-menu .menuitem-over
{
	background-color			:	#ff6;
	padding						:	1px 4px;
}
.rxf-MenuPanel-menu .menuitem-selected
{
	background-color			:	#ff6;
	padding						:	1px 4px;
}
.rxf-MenuPanelTop-target-outer
{
	width						:	800px;
	margin						:	0 auto;
}
/**********************************************************************************
*						MenuPanelLeft
**********************************************************************************/
.rxf-MenuPanelLeft
{											/*
											 * All MenuPanel extensions are available
											 */
}
.rxf-MenuPanelLeft-panel
{
	margin-top					:	10px;
}
.rxf-MenuPanelLeft-target-outer
{
	padding-left				:	20px;
}
.rxf-MenuPanelLeft-menu
{
}
.rxf-MenuPanelLeft-menuholder
{
	border						:	1px solid #009;
}
.rxf-MenuPanelLeft-menu .menuitem
{
	width						:	142px;
	padding						:	1px 5px 1px 5px;
	margin						:	0px 3px 3px 3px;
}
.rxf-MenuPanelLeft-menu .menuitem-over
{
	padding						:	0px 4px 0px 4px;
}
.rxf-MenuPanelLeft-menu .menuitem-down
{
}
.rxf-MenuPanelLeft-menu .menuitem-selected
{
	padding						:	0px 4px 0px 4px;
	margin						:	0px 3px 3px 3px;
	text-align					:	center;
}
.rxf-MenuPanelLeft-menu .header
{
	text-align					:	center;
	font-weight					:	bold;
	font-size					:	80%;
	padding						:	2px;
	margin						:	3px;
	margin-bottom				:	5px;
}
/**********************************************************************************
*						MenuPanelRight
**********************************************************************************/
.rxf-MenuPanelRight
{											/*
											 * All MenuPanel extensions are available
											 */
}
/**********************************************************************************
*						MenuPanelBottom
**********************************************************************************/
.rxf-MenuPanelBottom
{											/*
											 * All MenuPanel extensions are available
											 */
}
/**********************************************************************************
*						Page
**********************************************************************************/
.rxf-Page-outer
{											/*
											 * The outer panel of any final page
											 */
}
.rxf-Page-inner
{											/*
											 * The inner panel of any final page
											 */

/**********************************************************************************
*						Roughian Menu - Glass Panel - Blinder
**********************************************************************************/
.rxf-glass
{
	background-color			:	#000;
	opacity						:	0.70;
	-moz-opacity				:	0.70;
	filter						:	alpha(opacity=70);

	width						:	100%;
	height						:	100%;
}
/**********************************************************************************
*						Roughian Live Debug Pane
**********************************************************************************/
.rxf-LiveDebugPane
{
	background-color			:	#ddd;
}
.rxf-LiveDebugPane-table
{
	border-top					:	1px dotted #000;
}
.rxf-LiveDebugPane-table td
{
	font-family					:	Courier New;
	font-size					:	9pt;
	padding-right				:	5px;
	padding-left				:	5px;
	border-bottom				:	1px dotted #000;
}
.rxf-LiveDebugPane-Event
{
	background-color			:	#ddd;
}