/* START COLOURS */
.panetitle
{
	/*color:#20385E;*/
}
.panetitlebutton
{
	background:transparent url(../images/pane.png) no-repeat top left;
}
.panetitletext
{
	background:transparent url(../images/pane.png) no-repeat top right;
}
.panebody, .pane .datapager_container, .pane .datapager_toptoolbar_section
{
	background-color: White;
}
.navigation_disabled
{
	color: Gray;
}
.controlcontainer
{
    border:0px;
}
.button_div
{
	border-right-color: #8A9FB2;
	border-bottom-color: #8A9FB2;
	border-top-color: #BABFBF;
	border-left-color: #BABFBF;	
    color: #033266;
}
.toolbar_element_drop_down, .enumeration_filter_drop_down
{
	background-color: #E8F0FF;
}
.panebody, .datapager_table_container, .search_control_container
{
	border-color: #99b4cb;
}
.result_odd_row
{
	background-color: White;
}
.result_even_row
{
	background-color:  White;
}
.toolbar_element
{
	background-color: Transparent;
}
.drop_down_header
{
	background: transparent url(../images/graduatedbutton.png) no-repeat center right;
}
.header_row
{
	background-color: #d5e2ea;
}
.header
{
	background-color: #d5e2ea;
}
.datapager_cell
{
	border-bottom-color: #A5B1BF;
}
.datapager_column_sortable .sortable_columnheader_button
{
	background:transparent url(../images/sortable.png) no-repeat top left;
}
.datapager_column_sorted_ascending .sortable_columnheader_button
{
	background:transparent url(../images/sorted_up.png) no-repeat center left;
}
.datapager_column_sorted_descending .sortable_columnheader_button
{
	background:transparent url(../images/sorted_down.png) no-repeat center left;
}
.toolbar_element_apply_button
{
	background: transparent url(../images/graduatedbutton.png) no-repeat bottom left;
}
.enumeration_filter_drop_down_container
{
	background-color:Transparent;
}
.simple_pane_container
{
}
.simple_pane_border_gutter
{
}
.simple_pane_border
{
	border-color: #99b4cb;
	color: #033266;
}
.simple_pane_body
{
	background-color: White;
}
.simple_pane_titlebar
{
	background:  url(../images/simplepanetitlebg.png) repeat-x center left;
}
.simple_pane_titlebar_button_shown
{
	background:  url(../images/simplepanetitlebuttonshown.png) no-repeat center left;
}
.simple_pane_titlebar_button_collapsed
{
	background:  url(../images/simplepanetitlebuttoncollapsed.png) no-repeat center left;
}
.tab_title
{
    color: #033266;
}
.tab_fieldgroup_border
{
	color: #033266;
	border-color: #99b4cb;
}
.fieldgroup_tab
{
    border-color:#99b4cb;
    background: url(../images/simplepanetitlebg.png) repeat-x left center;
}
.active_fieldgroup_tab
{
    border-bottom-color: #ffffff;
    background: #ffffff;
}
.tab_validation_failed
{
    color: #ff0000;
    font-weight: bold;
}
.int_spinner_button
{
    border:#99b4cb 1px solid;
    background:#ABC7E5;
    color: #033266;
}
/* BlockUI styling */
.blockUI.blockOverlay { background-color: #a5bfe1; }
.blockUI.blockMsg { }

/* END COLOURS */

/* START LAYOUT*/
.pane
{
	 clear: both;
	 margin-top: 8px;
	 width: 100%;
}
.panetitle
{
	font-weight:500;
	min-height:34px;
	_height: expression(document.body.clientHeight ? "34px" : "auto");  /* simulates min-height in IE6 */
}

.panetitlebutton
{
	float: left;
	width: 30px;
	padding-top: 6px;
	padding-left: 6px;
    min-height: 28px;
    _height: expression(document.body.clientHeight ? "28px" : "auto");  /* simulates min-height in IE6 */
    display: block;
}
* html .panetitlebutton{margin-right: -3px;} /* Fix for gap between button and title bar in IE6.0 */

.panetitletext
{
	font-size: medium;
	padding-top: 6px;
    min-height: 28px;
    _height: expression(document.body.clientHeight ? "28px" : "auto");  /* simulates min-height in IE6 */
}

.panebody
{
	margin-left:0px; 
	padding: 8px;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-style:solid;
	border-right-width: 1px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-top-style:solid;
	border-top-width: 1px;
}

.panebody_default_collapse
{
    display: none;
}

.panecontents
{
    width: 100%;   
}
.button_div
{
	border-left-style:solid;
	border-left-width: 1px;
	border-right-style:solid;
	border-right-width: 2px;
	border-bottom-style:solid;
	border-bottom-width: 2px;
	border-top-style:solid;
	border-top-width: 1px;
	float:left;
	font-size:10px;
	font-family:Verdana, Arial, Tahoma, "Times New Roman", sans-serif;
	height: auto;
	margin: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:2px; 
	padding-bottom:4px;
	text-align: center;
	cursor: pointer;
}
.navigation_disabled
{
	cursor: default;
}
.datapager_table_container
{
	border-style: solid;
	border-width: 1px;
}
.pagelist_toolbar_element
{
	width: auto;
}
.toolbar_element
{
	float:left; 
	margin: none;
	border: none;
}

.toolbar_container .stand_alone_field_control_container
{
	clear:none;
	padding-top:0.5em;
	margin-top:2px;
	margin-left:1em;
}

.toolbar_container .input_button
{
	height: 22px;
	padding-bottom:4px;
	_padding-bottom:2px; /* IE6 hack*/
	font-size:10px;
	FONT-FAMILY: Verdana, Arial,Tahoma, "Times New Roman", sans-serif;
}
*:first-child+html .toolbar_container .input_button
{
	padding-bottom:0px; /* IE7 only hack*/
}

.toolbar_element_drop_down
{
	position: absolute;
	display: none;
}

.drop_down_header
{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	cursor: pointer;
}
.datapager_container
{
	border: none;
}

.column_selector_toolbar_element
{
	width: 140px;
	float : right;
}
.export_toolbar_element
{
	width: 20px;
	float : right;
}
.page_size_toolbar_element
{
	width: 180px;
	float: right;
}
.page_size_inline_toolbar_element
{
	width: auto;
	float: right;
}
.page_size_inline_select_label
{
	font-size:10px;
}
.page_size_inline_button
{
	/*min-width: 1em;*/
}
.toolbar_element_drop_down_header
{
	width: 100%;
}

.datapager_cell
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.datapager_column_sortable .sortable_columnheader_button, .datapager_column_sorted_ascending .sortable_columnheader_button, .datapager_column_sorted_descending .sortable_columnheader_button
{
	float: left;
	/*padding-right: 6px;*/
	width: 10px;
}
.datapager_table_container 
{
	width: 99.9%;
	margin-bottom: 0px;
}
.pane .datapager_table_container
{
	/*for backward compatibility with old XSL panes*/
	margin-bottom: 5px;
}
.toolbar_element
{
	min-height: 0.5em;
	_height: expression(document.body.clientHeight ? "0.5em" : "auto"); /* simulates min-height in IE6 */
}

.enumeration_filter_drop_down_container
{
	min-height: 0.5em;
	_height: expression(document.body.clientHeight ? "0.5em" : "auto"); /* simulates min-height in IE6 */
	border: none;
}
.enumeration_filter_drop_down_control
{
}
.enumeration_filter_drop_down_button
{
	margin:0px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 3em;
	padding-left: 2.5em;
	/*min-width: 80px;
	width:auto !important;
	_width: auto;/*expression(document.body.clientWidth ? "80px" : "auto"); /* simulates min-height in IE6 */
}

.column_selector_column_shown
{
	padding-top: 4px;
}
.column_selector_column_name
{
	height: 1em;
}
.pagelist_control
{
	margin: 0px;
}
.row_count_toolbar_element
{
	margin-left: 20px;
}
.pageposition_toolbar_element
{
	margin-left: 20px;
}
.stand_alone_actionbutton_field_value
{
	padding-right: 2px;
}
.stand_alone_field_none_label_width
{
	width: auto;
	padding-right: 10px;
}
.stand_alone_field_small_label_width
{
	width: 100px;
}
.stand_alone_field_standard_label_width
{
	width: 200px;
}
.stand_alone_field_large_label_width
{
	width: 300px;
}
.stand_alone_field_label_above_fieldname
{
	width: auto;
	padding-right: 10px;
}
.stand_alone_fieldname_outline
{
	float: left;
	border-bottom: solid 1px silver;
}
.stand_alone_fieldname_no_outline
{
	float: left;
}
.stand_alone_field_mandatory_flag_label_above
{
	padding-top: 1.5em;
}
.stand_alone_field_help_icon_label_above
{
	padding-top: 1.5em;
}
.filter_none_label_width
{
	width: auto;
	padding-right: 10px;
}
.filter_small_label_width
{
	width: 100px;
}
.filter_standard_label_width
{
	width: 200px;
}
.filter_large_label_width
{
	width: 300px;
}
.filter_label_above_fieldname
{
	width: auto;
	padding-right: 10px;
}
.simple_pane_container
{
	padding-top: 4px;
	padding-bottom: 4px;
}
/* The gutter is being used to reserve space for the inner span that will have a a border on it, but will incorrectly put the border on AFTER it has calculated 100% width.  By reserving the width
	as a padding here, the browser will calculate 100% width and then overflow into the gutter, which will ultimately look correct on the screen.  By putting a double width gutter on
	the bottom and to the right, we reserve the correct amount of space without making the inner span honour the left and top padding.
*/
.simple_pane_border_gutter
{
	padding-right: 4px;
	padding-bottom: 4px;
	display: block;
}
.simple_pane_border
{
	width: 100%;
	float: left;
	border-style: solid;
	border-width: 2px;
}
.simple_pane_titlebar
{
	width: 100%;
	float: left;
	padding-top: 1px;
	padding-bottom: 2px;
}
.simple_pane_title
{
	padding-left: 10px;
	display: block;
}
.simple_pane_body
{
	width: 100%;
	float: left;
	_width: 99%;
}
.simple_pane_body_contents_with_border
{
	display: block;
	margin: 8px;
}
.simple_pane_body_contents_without_border
{
	display: block;
	padding-right: 1px;
}
.simple_pane_titlebar_button_shown, .simple_pane_titlebar_button_collapsed
{
	float: left;
	width: 16px;
	height: 16px;
	border: 0px;
	text-indent:-9999px;
}
.simple_pane_container .clearboth_span 
{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.simple_pane_collapsed
{
	display: none;
}
.horizontal_control_container
{
	display: block;
	float: none;
}
.filter_group_vertical_flow
{
	display: inline-block;
}
/* END LAYOUT*/

/* DEBUG Stuff, put this right at the end, so that it overrides all other pretty styling! */
.vertical_control_container_debug
{
	border-color: Fuchsia;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
}
.horizontal_control_container_debug
{
	border-color: Green;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
}
.horizontal_control_container_debug .simple_pane_body
{
	padding: 1px;
}
.vertical_control_container_debug .simple_pane_body
{
	width: 99%;
}
/* End of Debug stuff */