#contents{position:absolute;top:0;left:0;}

/*Main Page*/
html, body, #contents{min-height: 100%;width: 100%;height: 100%;}
html>body, html>body #contents{height: auto;}

/* Start Module settings ------------------------------------------------------------------------------------------------------------*/

Table.ModuleControl{width:100%;padding:0px;margin:0;border-collapse: collapse;}
Table.ModuleControl TD{padding:0px;margin:0px;}

/*Left hand pane*/
Table.Control_LeftHeaderBar{width: 100%;border-collapse: collapse;}
TD.Control_LeftTopHeaderTD {height: 15px;}
TD.Control_LeftTopHeaderIMG{margin:0;padding:0px;}
TR.Control_LeftBottomHeaderTR TD {height: 20px;color:black;font-size:12px;font-weight:bold;}
TR.Control_LeftBottomHeaderTR_Style1 TD {height: 15px;color:black;font-size:12px;font-weight:bold;}
Table.Control_LeftFooterBar{height: 15px;bottom:0;width:100%;border-collapse: collapse;}

/*Centre pane*/
Table.Control_CentreHeaderBar{width: 100%;height: 20px;border-collapse: collapse;}
TD.Control_CentreTopHeaderTD {height: 20px;}
TD.Control_CentreTopHeaderIMG{margin:0;padding:0px;}
TR.Control_CentreBottomHeaderTR TD {height: 15px;color:black;font-size:12px;font-weight:bold;}
TR.Control_CentreBottomHeaderTR_Style1 TD {height: 15px;color:black;font-size:12px;font-weight:bold;}
Table.Control_CentreFooterBar{height: 15px;bottom:0;width:100%;border-collapse: collapse;}

/*Right hand pane*/
Table.Control_RightHeaderBar{width: 100%;height: 15px;border-collapse: collapse;}
TD.Control_RightTopHeaderTD {height: 15px;}
TD.Control_RightTopHeaderIMG{margin:0;padding:0px;}
TR.Control_RightBottomHeaderTR TD {height: 20px;color:black;font-size:12px;font-weight:bold;}
TR.Control_RightBottomHeaderTR_Style1 TD {height: 15px;color:black;font-size:12px;font-weight:bold;}
Table.Control_RightFooterBar{height: 15px;bottom:0;width:100%;border-collapse: collapse;}

/* END Module settings ------------------------------------------------------------------------------------------------------------*/

/*How a clickable icon should look*/
IMG.ClickImage{cursor:pointer; cursor:hand; border:0;}
IMG.ExpandCollapseModule{display:none;}
TD.Section_Header{height: 15px;color:black;font-size:12px;font-weight:bold;}
SPAN.Section_Header{height: 15px;color:black;font-size:12px;font-weight:bold;}

/*Wizard header*/
.Wizard_Header_Text {font-size:11pt;font-weight:bold;}

/*Wizard HyperLink*/
.Control_CentreModule_Body A.Wizard_HyperLink {color:black;font-size:9pt;}
.Control_RightModule_Body A.Wizard_HyperLink {color:black;font-size:9pt;}
.Control_LeftModule_Body A.Wizard_HyperLink {color:black;font-size:9pt;}

/*Wizard Selected Fields*/
.Wizard_SelectedField {font-weight:bold;}

/*Wizard next cancel back style*/
/*.WizardButtons  {background-color: transparent;text-decoration: underline;border: none;cursor: pointer;cursor: hand;}*/
.WizardButtons {Font-Size:8pt;font-weight:bold;}

/*.ActionButton {background-color: transparent;text-decoration: underline;border: none;cursor: pointer;cursor: hand;}*/
.ActionButton {Font-Size:8pt;font-weight:bold;}

/*Control buttons ie Save,Cancel*/
.ControlButtons {Font-Size:8pt;font-weight:bold;}

/*Reminder Text*/
.Reminder_Text {font-size:14pt; font-weight:bold;}

/*Reminder HyperLink*/
.Control_CentreModule_Body A.Reminder_HyperLink {font-size:12pt; font-weight:bold;color:blue}

/*Buttons on search pages when next to a search field*/
.SearchGridButton {position:relative;top:8px;}

/*Headers*/
.HeaderLine {font-size:14pt;font-weight:bold;background-color:Gray;color:White;}
.HeaderText {font-size:12pt;font-weight:bold;color:Black;}

/*Makes a button look like a hyper link*/
.ButtonHyperLink {background-color: transparent;text-decoration: underline;border: none;cursor: pointer;cursor: hand;}

/*Invalid login message*/
TD.InvalidLogin{color:red;font-size:12px;font-weight:bold;}

/*Detail Panes*/
.LeftHandDetailPane
{
	position:relative;
	left:0px;
	top:0px;
}

.RightHandDetailPane
{
	position:relative;
	left:400px;
	top:0px;
}

/*Overall List Layout*/
TABLE.ListControl{border-style:none;border-width:3px;border-collapse: collapse;}
/*List header row*/
TABLE.ListControl THEAD TR TH {font-size:12px;color:Black;border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px; text-align:center;}
/*List header row hyperlink look*/
/*TABLE.ListControl THEAD TR TH A{font-size:12px;color:Black;}*/
/*List row button look*/
TABLE.ListControl TBODY TR TD INPUT{font-size:12px;color:Black;}
/*Standard row*/
TABLE.ListControl TBODY TR TD {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px;}

TABLE.ListRowWarning TR TD {font-size:12px;color:red;font-weight:bold;}

.NewBooking_EventList_Header {background-color:MediumSlateBlue;font-size:12px;color:black;font-weight:bold;text-align:left;}

/*List header row (this is the control used on pages like the my attributes screen)*/
.hierargrid_header {font-weight:bold; border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px; text-align:center;}
/*List sub header row*/
.hierargrid_subheader {font-weight:bold; border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px; text-align:left;}
/*Standard row*/
.hierargrid_row {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px;}
/*Standard sub row*/
.hierargrid_subrow {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px;}
/*List header row cell*/
.hierargrid_header TD {font-size:12px;}
/*List sub header row cell*/
.hierargrid_subheader TD {font-size:12px;}
/*List row cell*/
.hierargrid_row TD {font-size:12px;}
/*List sub row cell*/
.hierargrid_subrow TD {font-size:12px;}

/*List summary header row (this is the control used on pages like the my attributes screen)*/
.hierargrid_summary_header {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px; text-align:center;}
/*List summary sub header row*/
.hierargrid_summary_subheader {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px; text-align:center;}
/*Standard summary row*/
.hierargrid_summary_row {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px;background-color:LightBlue;font-weight: bold;}
/*Standard summary sub row*/
.hierargrid_summary_subrow {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px;}
/*List summary sub footer row */
.hierargrid_summary_subfooter {border-color:#808080; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px; text-align:center;background-color:#FFE4B5}
/*List summary header row cell*/
.hierargrid_summary_header TD {font-size:12px;}
/*List summary sub header row cell*/
.hierargrid_summary_subheader TD {font-size:12px;}
/*List summary row cell*/
.hierargrid_summary_row TD {font-size:12px;}
/*List summary sub row cell*/
.hierargrid_summary_subrow TD {font-size:12px;}

/*Standard Lists*/
TR.gridview_header TD {font-size:12px;border-color:white; border-style:solid; border-width:1px;padding-right: 6px;padding-left: 6px;}
TR.gridview_row TD {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
TR.gridview_alternatingrow TD {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
TR.gridview_selectedrow TD {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
TR.gridview_pager TD {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
/*End of standard list*/

/*Infragistics Grid View*/
.gridview_header {font-size:12px;border-color:white; border-style:solid; border-width:1px;padding-right: 6px;padding-left: 6px;}
.gridview_row {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
.gridview_alternatingrow {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
.gridview_selectedrow {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
.gridview_pager {font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
.gridview_emptyrow {background-color:white;color:black;font-size:12px;height:22px;padding-right:6px;padding-left:6px;}
.gridview_row Input{Font-Size:8pt;font-weight:bold;}
.gridview_alternatingrow Input{Font-Size:8pt;font-weight:bold;}
.gridview_selectedrow Input{Font-Size:8pt;font-weight:bold;}
.HiddenColumnButton {visibility:hidden;}
/*End of Infragistics Grid View*/

TR.Header_Bar {background-color:blue;font-weight:bold;color:white;}
TR.Header_Bar TD {color:white;}

TEXTAREA.Textarea_Class {font-family:Arial;font-size:9pt;}

/*Please note: A lot of the list box styles come from the portal setup and not above e.g. colors. If you specify colors they will be OVERRIDDEN.*/

/*Standard control eg. Textbox,Datetime,lookup when in non edit mode*/
TD.NonEdit_InputLabel{font-weight:bold;width:120px;}
TD.NonEdit_Seperator{width: 1px;text-align: center;}
TD.NonEdit_InputBox{}

/*Standard control eg. Textbox,Datetime,lookup when in edit mode*/
TD.Edit_InputLabel{font-weight:bold;width:120px;}
TD.Edit_Seperator{width: 1px;text-align: center;}
TD.Edit_InputBox{}

/*Standard control eg. Textbox,Datetime,lookup when in non edit mode*/
label.NonEdit_InputLabel{font-weight:bold;width:120px;}
label.NonEdit_Seperator{width:1px;text-align:center;}
label.NonEdit_InputBox{}

/*Standard control eg. Textbox,Datetime,lookup when in edit mode*/
label.Edit_InputLabel{font-weight:bold;width:120px;}
label.Edit_Seperator{width:1px;text-align:center;}
label.Edit_InputBox{}

.collapsePanel {
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:640px;		
	height:20px;
	color: Yellow;
	background-color: white;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

.Edit_ReadOnly{background-color:gray;}

.SearchPopup {border: solid 1px black;background-color:#CFE2EE;}

.NavMenu {margin:0 0 0 0;}
.NavPane_MenuItem {list-style-type:none;font-weight:bold;}
.NavPane_MenuTitle {list-style-type:none;font-weight:bold;}

.NavPane_SubMenuItem {list-style-type:none;font-weight:normal;}
.NavPane_SubMenuTitle {list-style-type:none;font-weight:normal;}

.ReadOnlyTextArea {background-color:Transparent ;}

.Button {font-size:9pt;font-weight: bold;}

/* Used when rendering the background unusable for popups */
#PopupLockout {background:  url(../images/shadowlight.gif) repeat;position: absolute; left: 0;top: 0;z-index: 100;width: 100%; height: 150%;margin: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;}

/* Add delegate popup on the basket page */
#DelegateBox {height: 400px;overflow: none;border: 5px ridge #ccc;z-index: 150;background: #fff;position: relative;padding: 10px;top: -5px; /* these two define the shadow 'offset'*/left: -5px; /*...*/}
.DelegatePopup {position: absolute;top:100px;z-index: 1000;width: 750px; margin-left:auto;margin-right:auto;background: url(../images/shadow.png) repeat !important;background: url(../images/shadowlight.gif) repeat;}

/* Organisation Search Popup */
#OrgBox {height: 350px;overflow: none;border: 5px ridge #ccc;z-index: 150;background: #fff;position: relative;padding: 10px;top: -5px; /* these two define the shadow 'offset'*/left: -5px; /*...*/}
.OrgPopup {position: absolute;top:100px;z-index: 1000;width: 750px; margin-left:auto;margin-right:auto;background: url(../images/shadow.png) repeat !important;background: url(../images/shadowlight.gif) repeat;}

/* QAS Search Popup */
#QASBox {height: 350px;overflow: none;border: 5px ridge #ccc;z-index: 150;background: #fff;position: relative;padding: 10px;top: -5px; /* these two define the shadow 'offset'*/left: -5px; /*...*/}
.QASPopup {position: absolute;top:100px;z-index: 1000;width: 600px; margin-left:auto;margin-right:auto;background: url(../images/shadow.png) repeat !important;background: url(../images/shadowlight.gif) repeat;}

/* Comments Popup */
#CommentsBox {height: 350px;overflow: none;border: 5px ridge #ccc;z-index: 150;background: #fff;position: relative;padding: 10px;top: -5px; /* these two define the shadow 'offset'*/left: -5px; /*...*/}
.CommentsPopup {position: absolute;top:100px;z-index: 1000;width: 750px; margin-left:auto;margin-right:auto;background: url(../images/shadow.png) repeat !important;background: url(../images/shadowlight.gif) repeat;}

/* Start Menu Code ------------------------------------------------------------------------------------------------------------*/

DIV.mnuBar{height:25px;}
DIV.mnubar A.mnuBtn{height:15px;FONT-WEIGHT: bold;FONT-SIZE: 40px;FONT-STYLE: normal;FONT-FAMILY: Arial,sans-serif;PADDING-RIGHT: 6px;PADDING-LEFT: 6px;Z-INDEX: 100;LEFT: 0px;PADDING-BOTTOM: 2px;MARGIN: 1px;CURSOR: default;COLOR: #ffffff;PADDING-TOP: 2px;POSITION: relative;TOP: 3px;BACKGROUND-COLOR: transparent;TEXT-DECORATION: none}
DIV.mnubar A.mnuBtn:hover{BORDER-LEFT-COLOR: #f0f0f0;BORDER-BOTTOM-COLOR: #909090;COLOR: #ffffff;BORDER-TOP-COLOR: #f0f0f0;BACKGROUND-COLOR: transparent;BORDER-RIGHT-COLOR: #909090}
DIV.mnuBar A.mnuBtnAct{BORDER-LEFT-COLOR: #909090;LEFT: 1px;BORDER-BOTTOM-COLOR: #f0f0f0;COLOR: #ffffff;BORDER-TOP-COLOR: #909090;TOP: 1px;BACKGROUND-COLOR: #3060a0;BORDER-RIGHT-COLOR: #f0f0f0}
DIV.mnuBar A.mnuBtnAct:hover {BORDER-LEFT-COLOR: #909090;LEFT: 1px;BORDER-BOTTOM-COLOR: #f0f0f0;COLOR: #ffffff;BORDER-TOP-COLOR: #909090;TOP: 1px;BACKGROUND-COLOR: #3060a0;BORDER-RIGHT-COLOR: #f0f0f0}




DIV.mnu{FONT-WEIGHT: bold;FONT-SIZE: 11px;FONT-STYLE: normal;FONT-FAMILY: Arial,sans-serif}
DIV.mnu A.mnuItm{FONT-WEIGHT: bold;FONT-SIZE: 11px;FONT-STYLE: normal;FONT-FAMILY: Arial,sans-serif}
DIV.mnu{BORDER-RIGHT: #909090 2px solid;PADDING-RIGHT: 1px;BORDER-TOP: #f0f0f0 2px solid;PADDING-LEFT: 0px;Z-INDEX: 101;LEFT: 0px;VISIBILITY: hidden;PADDING-BOTTOM: 1px;BORDER-LEFT: #f0f0f0 2px solid;PADDING-TOP: 0px;BORDER-BOTTOM: #909090 2px solid;POSITION: absolute;TOP: 0px;}
DIV.mnu A.mnuItm{PADDING-RIGHT: 1em;DISPLAY: block;PADDING-LEFT: 1em;PADDING-BOTTOM: 3px;CURSOR: default;COLOR: #ffffff;PADDING-TOP: 3px;WHITE-SPACE: nowrap;TEXT-DECORATION: none}
DIV.mnu A.mnuItm:hover{COLOR: #ffffff;BACKGROUND-COLOR: #3060a0}
DIV.mnu A.mnuItmHlt{COLOR: #ffffff;BACKGROUND-COLOR: #3060a0}
DIV.mnu A.mnuItm SPAN.mnuItmArr{MARGIN-RIGHT: -0.75em}
DIV.mnu DIV.mnuItmSep{BORDER-TOP: #909090 1px solid;MARGIN: 4px 2px;BORDER-BOTTOM: #f0f0f0 1px solid}

/* End Menu Code ------------------------------------------------------------------------------------------------------------*/

.ifgWebTab td{white-space:nowrap;}