﻿/* Colours
	Orange: DA8B17
*/
/* ******************************* LAYERS */
#PageNav				{ z-index: 10;	}
#PageDetail_Content		{ z-index: 8;	}
/*#PageDetail_Top			{ z-index: 7;	}
#PageDetail				{ z-index: 6;	}*/
/* ******************************* LAYOUT */

body { background: white url(../images/page_bg.jpg) repeat-x top left; }
#PageWrapper 
{
	position: relative;
	/*width: 948px;*/
	margin: 0;
	text-align: left;
}
		#PageDetail
		{
			position: relative;
			margin: 0;
			height: 490px;
			background: transparent url(../images/pagedetail_bg.jpg) repeat-y top left;
		}
				#PageDetail_Top 
				{
					position: relative;
					height: 100px;
					background: transparent url(../images/pagedetail_top.jpg) repeat-y top left;
					margin-bottom: -80px;
				}
				#PageDetailOrangeBar
				{
					position: relative;
					top: -3px;
					background-color: #DA8B17;
					margin: 0 1px 0 1px;
					height: 10px;
					display: none;
				}
				.PageDetailImage
				{
					position: absolute;
					top: 0; left:19px;
					width: 711px; height: 488px;
					border-top: solid 5px #DA8B17;
				}
				#PageDetail_Logo 
				{
					position: absolute; top: 27px; left: 1px;
					width: 237px; height: 92px;
					background: url(../images/pagedetail_logo_bg.png) no-repeat top left;
				}
				#PageNav {
					position: absolute; top: 121px; left: 1px;
					width: 237px;
				}
						#PageNav .jd_menu { width: 235px; height: 400px; }
						#PageNav .jd_menu * { color: black; }
						#PageNav ul.jd_menu ul,
						#PageNav ul.jd_menu_vertical ul {
							background-color: white;
							border: 1px solid #555;
							border-top: 1px solid #ccc;
							border-left: 1px solid #ccc;
						}
						#PageNav ul.jd_menu li.jdm_hover	{ background-color: #CDEDFB; }
						#PageNav ul.jd_menu li.jdm_active	{ background-color: #CDEDFB; }
						#PageNav .QMI_Sel					{ background-color: #DA8B17; }
						#PageNav .QMI						{ border-bottom: dotted 1px #CDEDFB; }
						#PageNav .QMI .navTreeLabel			{ padding: 5px 10px 5px 10px; }

				#SearchBar
				{
					position: absolute; top: 27px; left: 239px;
					width: 711px; height: 92px;					
					border-bottom: dotted 1px #ccc;
				}
						#SearchBar .ContactInfo	
						{ 
							color: #676767; 
							font-weight: bold;
							position: absolute; top: 15px; left: 100px;
							width: 400px; height: 50px;
							/*margin: 22px 0 0 10px; */
							display: block; 
						}
						#SearchBar .SearchBox{ position: absolute; top: 20px; right: 10px; color: #676767; vertical-align: middle; display: block; }
						#SearchBar .SearchBox .TextBox { background: white url(../images/searchbox_bg.jpg) no-repeat top left; border: solid 1px #da8b17; height: 18px; }
						#SearchBar .SearchBox .Button { background-color: #da8b17; border: solid 1px #0c1d3b; color: White; }
						#SearchBar .PageLocation {
							position: absolute; top: 70px; left: 0; 
							width: 702px; height: 18px; 
							background: white url(../images/fadetop_10.jpg) repeat-x bottom left;
							
							padding: 2px 5px 2px 5px;
						}
				#PageDetail_Content
				{
					position: absolute;
					top: 121px; left: 239px;
					width: 711px; height: 360px;
					border-bottom: dotted 1px #ccc;
				}
						.CentreContent
						{
							margin: 60px 50px 50px 60px;
						}
								.ctlUsers_UserName,.ctlUsers_Password	{ display: block;}
						#SearchResults
						{
							position: relative;
							height: 359px;
							overflow: auto;
						}
		#PageDetail_Bottom
		{
			position: relative;
			height: 14px;
			background: white url(../images/pagedetail_bottom.jpg) repeat-y top left;
			margin-top:-7px;
		}
		#SecondaryLinks
		{
			position: relative;
			margin: 0 17px 0 17px;
		}
		#Footer
		{
			color: #8C8C8C;
			font-size: 10px;
			position: relative;
			height: 50px; width: 950px;
			margin: 0 0 0 1px;
			background-color: white; /* url(../images/footer.jpg) repeat-y top left;*/
		}
				#Footer_About
				{
					font-family: inherit;
					color: inherit;
					font-size: inherit;
					position: absolute;
					top: 0; left: 20px;
					width: 350px; height: 80px;
					text-align: justify;
				}
				#Footer_Contact
				{
					font-family: inherit;
					color: inherit;
					font-size: inherit;
					position: absolute;
					top: 0; right: 50px;
					width: 250px; height: 80px;
					text-align: right;					
				}
		#ContentAdmin
		{			
			position: relative;
			margin: 0 17px 0 17px;
			padding-top: 5px;
			text-align: left;
		}
				#ContentAdmin * {color: #8C8C8C;font-family: Arial,Sans-Serif;font-size: 10px;}
#Header {}

/* **************************************************************** Autocompleter */
.ac_results {
	border: 1px solid #da8b17;
	background-color: white;
	overflow: hidden;
	z-index: 2000;
}

.ac_results ul {
}

.ac_results li 
{
	border-bottom: 1px dotted #ccc;
}

.ac_loading {}

.ac_over {
	background-color: #da8b17;
	color: white;
}

/* **************************************************************** QMenuItem */
ul.jd_menu li li { width: 250px; }

