/*
Styles relating to SearchPanel.ascx
Update 16/1/09: Now includes styles for the info pop-up windows. JMM
*/

DIV.searchPanel {
	position:absolute; 
	top:9px; left:6px; /* was 12px JMM 21/5/09 */
	border: #666 0px dashed; width: 251px; height: 465px; z-index:10;
}

DIV#searchPanel DIV.dateTimePicker {
	float:left;
}

DIV#searchPanel {
	position:relative;
}

DIV#searchPanel, DIV.popupBackground {
	font-family: Verdana, "Myriad light", Sans-Serif;
	font-size: 8.5pt;
	/*background-color: #fff;*/
	background-color:rgb(95,135,214);
	/*color:#FF6600;*/
	color:#fff;
	width: 248px;
	border: dashed 0px red;
	padding: 0px;
}
DIV.popupBackground { text-align:left; }
DIV.popupBackground .sectionTitle { visibility:hidden; }

DIV#searchPanel A, DIV#searchPanel A:visited, DIV.popupBackground A, DIV.popupBackground A:visited {
	color:#fff;
}

DIV#searchPanel DIV.validator 
{
	background-color:#eee;
	border:solid 1px red;
	margin:4px 0px 0px 0px;
}

DIV#searchPanel DIV.validator UL {
	margin:4px 0px 4px 10px;
	padding:4px 0px 10px 10px;
}

DIV#searchPanel TABLE.container {
	width:100%;
}

DIV#searchPanel TD {
	padding:1px 3px;
}

DIV#searchPanel TD.topBorder {
	background: url(./images/SearchPanel/top.gif) no-repeat left;
	height: 4px; 
	width: 248px;
}

DIV#searchPanel TH.header 
{
	padding:3px 0px;
	/*color:#FF6600;*/
	color:#fff;
	text-align:center;
	font-size:10.5pt;
}

DIV#searchPanel TD.head, DIV.popupBackground H1, DIV.popupBackground H2 {
	color:#fff; 
	background-color:#FF6600;
	font-size:9.5pt;
}
DIV.popupBackground H1, DIV.popupBackground H2 { padding:0 2px; }
DIV.popupBackground { margin:0 auto; }
DIV.popupBackground P {	margin-top:3px; padding:0 2px; }
DIV.popupBackground TABLE {	border-collapse:collapse; }
DIV.popupBackground TD, DIV.popupBackground TH { border:1px solid #ffffff; }
DIV.popupBackground TH { color:#FF6600;	background-color:#ffffff; }

DIV#searchPanel TR.partyNum {
	padding:5px 0px;
}

DIV#searchPanel TD.listBox {
	padding-bottom:4px;
}

DIV#searchPanel TD.fields {
}

DIV#searchPanel TD.bottomBorder {
	background: #fff url(./images/SearchPanel/bottom.gif) no-repeat;
	height: 5px; 
	width: 248px;
}

DIV#searchPanel IMG {
	border-width: 0px;
}

DIV#searchPanel SELECT {
	font-size: 8.5pt;
}

DIV#searchPanel SELECT OPTGROUP {
	color:#FF6600;
}

DIV#searchPanel SELECT OPTION {
	color:#000;
}

DIV#searchPanel IMG.regionHelpIcon {
	vertical-align: middle; margin-left: 5px;
}

DIV#searchPanel SELECT.ddlCampsite {
	width:231px;
}

DIV#searchPanel SELECT.ddlRegion {
	width: 120px;
	float:left;
}

DIV#searchPanel SELECT.ddlDuration {
	float:left;
}

DIV#searchPanel SPAN.lblDuration {
	float: left; margin: 2px 6px;
}

DIV#searchPanel SELECT.ddlAccomCategory {
	float:left;
}

DIV#searchPanel DIV.accomCategoryInfoLink {
	float: right; /*width: 50%;*/ text-align: right; padding-top: 2px;
}

DIV#searchPanel DIV.accomCategoryInfoLink IMG {
	padding-left:4px;
	vertical-align:middle;
}

DIV#searchPanel DIV.regionInfoLink {
	float:right; 
	vertical-align:middle;
}

DIV#searchPanel SELECT.partyNum {
	width:40px;
}

DIV#searchPanel SPAN.tiny {
	font-size: 7.5pt;
}

DIV#searchPanel SPAN.help {
	text-align: center;
	vertical-align: middle;
}

DIV#searchPanel SPAN.help IMG {
	vertical-align: bottom;
}

DIV#searchPanel DIV.region{ float:left; }

DIV#searchPanel SPAN.requiredField {
	float: right; padding:2px 8px 2px 0px; 
	border:solid 0px red;
	clear:none;
}

DIV#searchPanel TD.submit {
	 padding-top: 5px;
	 border-top:solid 1px #fff;
}

DIV#searchPanel INPUT.butSubmit {
	margin-left:120px;
}

DIV#searchPanel DIV#updateProgress {
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:20; 
	border:solid 0px red; 
	width: 248px; 
	height: 434px;
	_height: 440px; /* IE6 */
	background-color:#515151;
	opacity: .2; /* IE 5-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
	filter: alpha(opacity=20); /* All other browsers */
	text-align:center;
	vertical-align:middle;
	cursor:wait;
}

DIV#searchPanel DIV#updateProgress SPAN {
	color:#ff6600;
	font-size:16px;
	font-weight:bold;
	margin:100px auto 0px;
}

DIV#searchPanel DIV#updateProgress IMG {
	border:solid 0px red;
}