/**********************************************************************************
*								HTML Styles
**********************************************************************************/
body,html
{
 	height						:	100%; 
 	width						:	100%;
 	overflow					:	hidden;
	background-color			:	#fefefe;
}
#screen
{
	height						:	100%;
	width						:	100%;
	overflow					:	scroll;
	overflow-x					:	auto;
	 /* stop absolutepanels failing to scroll */
	position					:	relative;
}
#site
{
	width						:	800px;
	margin						:	0 auto;
	height						:	90px; /* IE fix - don't ask */
}
hr
{
	color						:	#ddd;
	background-color			:	#ddd;
	height						:	1px;
	border						:	0;
}
hr.bold
{
	color						:	#aaa;
	background-color			:	#aaa;
	height						:	3px;
	border						:	0;
}
#page h2
{
	margin						:	0 0 10px 0;
	padding						:	5px;
	border-top					:	1px solid #009;
	border-bottom				:	1px solid #009;
}
.site-banner
{
	text-align					:	center;
	font-size					:	250%;
	font-weight					:	bold;
	padding						:	10px 0 0 0;
	margin						:	0 auto;
}
.site-version
{
	text-align					:	center;
	font-size					:	70%;
	font-weight					:	bold;
	padding						:	0 0 10px 0;
	margin						:	0 auto;
}
.site-version, .site-banner
{
	background-color			:	#fcfcfc;
	color						:	#ccf;
}
.site-footer
{
	text-align					:	center;
	font-size					:	70%;
	padding						:	5px 0 5px 0;
	margin						:	30px auto 0 auto;
	color						:	#666;
	border-top					:	1px solid #009;
	border-bottom				:	1px solid #009;
	background-color			:	#ccf;
}
.banner
{
	color						:	#009;
}
.boxoutleft, .boxoutright
{
	border						:	1px solid #009;
	background-color			:	#eef;
	margin-bottom				:	20px;

}
.boxoutleftholder
{
	width						:	200px;
	float						:	left;
	clear						:	left;
	margin						:	0 10px 20px 0;

}
.boxoutrightholder
{
	width						:	200px;
	float						:	right;
	clear						:	right;
	margin						:	0 0 20px 10px;

}
.boxout
{
	color						:	#009;
	background-color			:	#bbf;
	border-bottom				:	1px solid #009;
	font-size					:	80%;

}
.leftboxmargin
{
	margin-left					:	210px;
}
.rightboxmargin
{
	margin-right				:	210px;
}
.table-center
{
	margin-left					:	auto;
	margin-right				:	auto;
}
.table-fullwidth
{
	width						:	100%;
}
.table-dotborders
{
	border-top					:	2px solid #000;
	border-bottom				:	2px solid #000;
}
.table-dotborders td, .table-dotborders th
{
	font-size					:	9pt;
	padding-right				:	5px;
	padding-left				:	5px;
	border-bottom				:	1px dotted #000;
	background-color			:	#eef;
}
.table-dotborders th
{
	font-weight					:	bold;
	border-bottom				:	2px solid #000;
	background-color			:	#ddf;
}
.warning
{
	background-color			:	yellow;
}
/**********************************************************************************
*								Menu System Changes And Additions
**********************************************************************************/
.rxf-MenuBlockLeft-menu .header
{
	text-align					:	center;
	font-weight					:	bold;
	font-size					:	80%;
	padding						:	2px;
	margin						:	3px;
	margin-bottom				:	5px;
}
.rxf-MenuBlockLeft-menu .xhead
{
	background-color			:	#ddf;
	text-align					:	center;
	font-weight					:	bold;
	font-size					:	70%;
	padding						:	2px;
	margin						:	3px;
	margin-bottom				:	5px;
}
/**********************************************************************************
*								Demo Pages
**********************************************************************************/
.demo-panel, .demo-panel-borderless, .demo-panel-padded
{
	margin						:	15px auto;
	background-color			:	#ddd;
}
.demo-panel
{
	border						:	5px solid #999;
}
.demo-panel-padded
{
	border						:	5px solid #999;
	padding						:	10px;
}
.demo-panel-padded td
{
	padding						:	5px;
}
.demo-buttons
{
	margin						:	15px;
	margin-left					:	auto;
	margin-right				:	auto;
}
.demo-label, .demo-label-bigborder
{
	margin						:	0 auto;
	background-color			:	#ff0;
	text-align					:	center;
	border						:	1px solid #009;
}
.demo-label-bigborder
{
	margin						:	7px;
	border						:	7px solid #66f;
}
.demo-label-over
{
	background-color			:	#00f;
	color						:	#ff0;
}
.demo-table
{
	border-collapse				:	separate;
	border						:	5px solid #999;
	background-color			:	#ddd;

}
.demo-table-cell
{
	border						:	1px solid #009;
    background-color            :   #ff0;
    padding						:	5px;
}
/**********************************************************************************
*						Hyperlink
**********************************************************************************/
.demo-Hyperlink
{
	font-size					:	80%;
}
/**********************************************************************************
* 						ChangeListener Demo
**********************************************************************************/
.demo-ChangeListener-listbox
{
	font-family					:	Courier New;
}
/**********************************************************************************
* 						Popup Demo
**********************************************************************************/
.demo-popup, .demo-Composite
{
	background-color			:	#ffc;
	border						:	3px solid #009;
}
.demo-Composite
{
	margin						:	0 auto;
}
.demo-popup-header, .demo-Composite-header
{
	background-color			:	#ff0;
	font-size					:	90%;
	font-weight					:	bold;
	border-bottom				:	3px solid #009;
	padding						:	5px;
	text-align					:	center;
}
.demo-popup-message, .demo-Composite-data
{
	font-size					:	80%;
	padding						:	15px;
}
.demo-popup-footer
{
	padding						:	5px;
	text-align					:	center;
	width						:	100%;
}
/**********************************************************************************
* 						Label Demo
**********************************************************************************/
.demo-Label
{
}
/**********************************************************************************
* 						TextBox Demo
**********************************************************************************/
.demo-TextBox, .demo-TextArea
{
	width						:	100%;
	background-color			:	#ddd;
	cursor						:	default;
	text-align					:	center;
}
.demo-TextBox-editing, .demo-TextArea-editing
{
	background-color			:	#ffa;
	text-align					:	left;
	cursor						:	beam;
}
/**********************************************************************************
* 						DialogBox Demo
**********************************************************************************/
.demo-DialogBox
{
	background-color			:	#ffc;
	border						:	3px solid #009;
}
.demo-DialogBox .Caption
{
	background-color			:	#ff0;
	font-size					:	90%;
	font-weight					:	bold;
	border-bottom				:	3px solid #009;
	padding						:	5px;
	text-align					:	center;
	cursor						:	move;
}
.demo-DialogBox-message
{
	font-size					:	80%;
	padding						:	15px;
}
.demo-DialogBox-footer
{
	padding						:	5px;
	text-align					:	center;
	width						:	100%;
}
/**********************************************************************************
* 						HorizontalPanel/VerticalPanel Demo
**********************************************************************************/
.demo-HorizontalPanel-SimplePanel, .demo-VerticalPanel-SimplePanel,
.demo-HorizontalSplitPanel,.demo-VerticalSplitPanel
{
	background-color			:	#ccc;
	border						:	1px solid #009;
}
.demo-HorizontalSplitPanel .hsplitter
{
	background-color			:	#999;
	cursor						:	e-resize;
	cursor						:	col-resize;
}
.demo-VerticalSplitPanel .vsplitter
{
	background-color			:	#999;
	cursor						:	n-resize;
	cursor						:	row-resize;
}
/**********************************************************************************
* 						FormPanel Demo
**********************************************************************************/
.demo-FormPanel
{
	background-color			:	#ddd;
	padding						:	5px;
	width						:	150px;
	border						:	3px solid #999;
}
/**********************************************************************************
* 						ListBox Demo
**********************************************************************************/
.demo-ListBox
{
	margin						:	25px;
	width						:	150px;
}
/**********************************************************************************
* 						CellPanel Demo
**********************************************************************************/
.demo-HorizontalPanel-SimplePanel, .demo-VerticalPanel-SimplePanel
{
	background-color			:	#ccc;
	margin						:	1px;
	border						:	1px solid #009;
}
/**********************************************************************************
* 						DockPanel Demo
**********************************************************************************/
.demo-DockPanel
{
    border                      :   5px solid #009;
}
.demo-DockPanel td
{
    font-family                 :   Courier New;
    border                      :   3px solid #009;
    background-color            :   #ddf;
}
/**********************************************************************************
* 						MenuBar Demo
**********************************************************************************/
.demo-MenuBar
{
    border                      :   1px solid #666;
    margin						:	0 auto;
    background-color            :   #eee;
	font-size					:	70%;
	padding						:	3px;
}
.demo-MenuBar table
{
	border-collapse				:	separate;
    border                      :   1px solid #00f;
    background-color            :   #ddd;
}
.demo-MenuBar .gwt-MenuItem
{
	cursor						:	hand;
	cursor						:	pointer;

    border                      :   1px solid #999;
    background-color            :   #eee;
	padding						:	2px 10px;
}
.demo-MenuBar .gwt-MenuItem-selected
{
    background-color            :   #fff;
}
/**********************************************************************************
* 						MenuItem Demo
**********************************************************************************/
.demo-MenuItem
{
    border                      :   1px solid #666;
    border-width				:	1px 0;
    margin						:	0 auto;
	font-size					:	80%;
}
.demo-MenuItem .gwt-MenuItem
{
	cursor						:	hand;
	cursor						:	pointer;

    border-left                 :   1px solid #999;
    border-right                :   1px solid #999;
    background-color            :   #eee;
	padding						:	0 10px;
}
.demo-MenuItem .gwt-MenuItem-selected
{
    background-color            :   #ffc;
}
/****************************************
* 			ToggleButton Demo
*****************************************/
.demo-ToggleButton
{
	background-color			:	#ffa;
	color						:	#555;
	border						:	1px solid #666;

	cursor						:	hand;
	cursor						:	pointer;
	font-size					:	75%;

    margin						:	3px 1px;
	padding						:	1px 10px;
	width						:	150px;
	text-align					:	center;
}
.demo-ToggleButton-up-hovering
{
	padding						:	0px 9px;
	color						:	#009;
	background-color			:	#ffd;
	border-top					:	2px solid #fff;
	border-left					:	2px solid #fff;
	border-right				:	2px solid #888;
	border-bottom				:	2px solid #888;
}
.demo-ToggleButton-down, .demo-ToggleButton-down-hovering
{
	background-color			:	#ff0;
	padding						:	0px 9px;
	border-top					:	2px solid #333;
	border-left					:	2px solid #333;
	border-right				:	2px solid #ccc;
	border-bottom				:	2px solid #ccc;
}
/**********************************************************************************
* 						PushButton Demo
**********************************************************************************/
.demo-PushButton
{
    border                      :   1px solid #666;
    margin						:	3px 1px;
	font-size					:	80%;
	cursor						:	hand;
	cursor						:	pointer;
    background-color            :   #ff0;
	padding						:	0 10px;
}
.demo-PushButton-down-hovering
{
    background-color            :   #ccf;
}
.demo-PushButton-up-hovering
{
    background-color            :   #0f0;
}