/*

Styles For Valad Website
Lateral Systems
Todd Baker - May 2007

Used for ALL Full page pages

*/




html, body{padding:0px;margin:0;font:82% Arial, Helvetica, sans-serif, Verdana;background:#0078ae;}
form, fieldset{margin:0;padding:0;}
/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address{margin: 0 0 8px 0;padding: 0;}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}

/* Miscellaneous conveniences: */
form label{cursor: pointer;}
fieldset{border: none;}
input, select, textarea{font:1em Arial, Helvetica, sans-serif;}


body#left{
	background:#fff !important;
}
#wrapper{
	width:954px;
	margin:16px auto 5px auto;
	padding:22px;
	position:relative;
	background:#fff;
}

#ValadHiResLogo{
	display:none;
}
#ValadBanner{
	height:128px;
	overflow:hidden;
	position:relative;
}


#ValadBanner #ValadLogo{
	margin-top:20px;
}
#ValadBanner #TopNav{
	position:absolute;
	left:0;
	bottom:5px;
	height:15px;
	overflow:hidden;
}
#ValadBanner #TopNav li{
	float:left;
	padding-right:15px;
}
#ValadBanner #TopNav li a{
	color:#231f20;
	text-transform:uppercase;
}
#ValadBanner #TopNav li a:hover,#ValadBanner #TopNav li.active a{
	color:#0078ae;
}
#ContentWrapper{
	margin-top:30px;
}
#left{
	float:left;
	width:182px;
	background:#fff !important;
	border:1px solid #fff;
}
ul#LeftNav li h3 {
	font-weight: bold;
}

#main{
	line-height:1.35;
	padding-bottom:15px;
	float:right;
	margin-right:65px;
	width:645px;
}
#main.HomePage{
	float:none;
	margin-right:0;
	width:954px;

}
#main #images{
	float:right;
	width:150px;
	padding:10px 10px 0 10px;
	margin:0 0 20px 20px;
	border:1px solid #000;
	background-color:#fff;
}
#main #images img{
	margin-bottom:10px;

}
#main a{
	color:#0078ae;
}
#main:after{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}	

#LeftContent{
	float:left;
	width:470px;
	margin-top:10px;
}
#LeftContent h1{
	font-size:1.5em;
	margin-bottom:10px;
}





#PageLinks{
	color:#0078ae;
	margin:0px;
}
#PageLinks li{
	float:left;
	height:1em;
	margin:7px 5px 7px 0px;
}
#PageLinks li a{
    font-size:1.2em;
	color:#0078ae;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	margin-right:5px;
}

#Intro{font:2.6em Arial, Helvetica, sans-serif;color:#0078ae;letter-spacing:-1px;padding-top:25px;}
#Intro .blackIntro{color:#000;}
#Intro .blueIntro{color:#0078ae;}
#Intro .smallGrey{color:#999;font-size:0.7em;font-weight:normal !important;line-height:1.3;}
#Intro a{padding-right:25px;background:url(/css/images/more_arrow.gif) right no-repeat;color:#000 !important;text-decoration:none !important;}
#Intro p{margin:0 0 2px 0;}
#hr{margin:10px 0 0 0;height:3px;overflow:hidden;background-color:#000;}

#HomeTiles{
	width:660px;
}
#HomeTiles .homeTile{
	width:288px;
	float:left;
	margin:0 14px 14px 0;
	height:117px;
	overflow:hidden;
	padding:10px;
	background-color:#d6e6f2;

}
#HomeTiles .homeTileWhite{
	background-color:#fff !important;

}
#HomeTiles .TileIntro{
	color:#0078ae;
}
#HomeTiles img{
	float:left;
	margin:0 10px 10px 0;
}
#HomeTiles h3{
	font-size:1.4em;
	margin:0 0 3px 0;
}
#HomeTiles p{
	line-height:1.2;
	margin-bottom:1px;
}

#HomeRight{
	float:right;
	width:209px;

}

#HomeRight #QuickLinks{
	margin-bottom:12px;	
}

#HomeRight #QuickLinks select{
	background-color:#999;
	padding:3px;
	width:227px;
	color:#fff;
	border:0;
}
#HomeRight #SharePrice{
	color:#000;
	background-color:#e6e6e6;
	padding:9px;
}

#HomeRight #SharePrice iframe{
	width:191px;
	height:131px;
	overflow:hidden;
	margin:0 auto;
	border-left:1px solid #0078AE;
}


#HomeRight #SharePrice table{
	border-collapse:collapse;
}
#HomeRight #SharePrice table td{
	border:1px solid #fff;
	border-right:none;
	padding:3px 7px;
}
#HomeRight #SharePrice table td.lable{
	border-left:none;
	padding-left:0;
}
#HomeRight #SharePrice p{
	margin:2px 0;
}
#HomeRight #SharePrice #RefreshQuote{
	color:#ed1c24 !important;
}
#HomeRight #SharePrice #UpdateResult{
	font-weight:bold;
}
#HomeRight #spChange{
	color:#ed1c24;

}
	
#HomeRight #spChange.positive{
	color:#000;

}

/*
#HomeLower h3{
	text-transform:uppercase;
	margin-bottom:3px;
	font-size:1.2em;
}	
#HomeLower #MostViewed, #HomeLower #SharePrice, #HomeLower #News{
	width:180px;
	float:left;
	margin-right:15px;
}
#HomeLower #MostViewed li, #HomeLower #News li{
	margin-bottom:4px;
}

#HomeLower #News small{
	display:block;
}
*/
#PeopleList{
	width:645px;
	float:left;
	overflow:hidden;
	margin-top:15px;
}

#PersonList li{
	float:left;
	width:179px;
	margin-right:52px;	
	padding-bottom:15px;
}
#PersonList h3{
	margin-bottom:1px;
	font-size:1.2em;
}
#PersonList li .Content{
	width:auto !important;
	float:none;
}
#JobDiv{
	float:left;
	/*border-top:4px solid #000;*/
	padding-top:8px;
}

#JobDeatils{
	font-weight:bold;
	font-size:1.2em;
	width:200px;
	float:left; 
}

#JobDiv .JobDetail{
	/*float:left;
	width:350px;*/
	width: 570px;
	padding-right:14px;	
	padding-bottom:15px;
}
#JobDiv .JobDetail .JobItem{
	display:block;
	margin-top:10px;
}

#JobDiv .JobDetail ul li{
	padding:1px 0 1px 13px;
	list-style-type:none;
	float:none;	
	background:url(/css/images/list_arrow.gif) 0 3px no-repeat;
}
.JobLine{
	clear:both;
	width:650px !important;
	height:2px !important;
	padding:0 !important;
	overflow:hidden;
	margin:0 0 10px 0 !important;
	background:#000;
}
.ApplyNowButton{
	display:block;
	margin-top:5px;
}
#SubmitButton{
	float:right;
}
#MediaList{
	margin-top:5px;
}
#MediaList li{
	margin-bottom:10px;
}
.more a{
	display:block;
	padding:0 0 0 12px;
	background:url(/css/images/list_arrow.gif) 0 3px no-repeat;	
}
#TopLink{
	width:17px;
	height:15px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:4px;
}
body #TopLink a{
	width:17px;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}	

#PropertyBanner{
	height:96px;
	overflow:hidden;
	position:relative;
	background:#0078ae;
	
}
#PropertyError
{
	display:none;
	color:Red;
}

#PropertySelections{
	width:766px;
	position:absolute;
	bottom:0;
	left:243px;
} 
#PropertySelections li{
	width:139px;
	margin-right:30px;
	float:left;
	text-transform:uppercase;
}
#PropertySelections li select{
	width:136px;
	margin-bottom:5px;
	background-color:#daebf3;
	color:#0078ae;
	border:0;
	padding:2px;
}
#PropertySelections li strong{

	display:block;
	color:#fff;
	padding:0 0 10px 0;
}
#PropertySelections li #SearchProperty{

	margin-top:18px;
	background-color:#66abd2;
	color:#daebf3;	
	padding:1px 3px;
	margin-top:20px;
	border:0;
}

.PropertyPageNumbers{
	clear:both;
	padding:0 0 3px 0;
	margin-bottom:5px;
	text-align:right;
}
.PropertyPageNumbers a{
	color:#000 !important;
	padding-right:2px;
}
.PropertyPageNumbers span{
	color:#0078ae !important;
	padding-right:2px;
}
#PropertyBookFinalList li
{
	padding-bottom:5px;
}
#PropertyBookFinalList label
{
	padding-top:-2px;
	padding-left:10px;
	cursor:pointer;
}
#PropertyList{}
#PropertyList li{
	width:136px;
	float:left;
	margin:0 33px 10px 0;
	padding:0;
}

#PropertyList li.clearListItem{
	float:none;
	clear:left;
	width:630px;
	height:0px;
	overflow:hidden;
	margin:0 !important;	
}

#PropertyList li img{
}
#PropertyList li div{
	margin-top:3px;
}
#PropertyList li h3{
	font-size:2.2em;
	margin:7px 0 0 0;
	padding:0;
}
#PropertyList li h4{
	font-size:1.2em;
	margin:0 !important;
	padding:0 !important;
	text-transform:uppercase;
}


#PropertyList li h4 a{
	padding:0 !important;
	margin:0 !important;
	display:block;
	line-height:1;

}
#PropertyList li .Address{
	margin-top:0px;
}
#PropertyList li input{
	float:right;
	margin:-1px -1px 0 0;
}
#PropertyList li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#EmptyBook{
	color:#0078AE;
	font-weight:bold;
	

}
#EmptyBook a{
	text-decoration:underline;
}
#PropertyBookDownload{
	float:right;
	padding:0;	
	color:#0078ae !important;
	text-transform:uppercase;
}
/*
.PropertyDetailRight{
	float:right;
	width:180px;
	padding-top:200px;
	font-size:0.9em;
}
.PropertyDetailRight li{
	text-align:right;
	font-style:italic;
	text-transform:uppercase;

}	
*/
.PropertyPrintFund{
	display:none;
}
.PropertyDetail{
	float:left;
	width:642px;
}
.PropertyName
{
	padding:0 0 5px 0;
	border-bottom:2px solid #0078ae;
	margin-bottom:16px;
	font-weight:bold;
	font-size:1.2em;
}
.PropertyName span
{
	color:#0078ae;
}

/*
.PropertyWrapper{
	position:relative;
}
.PropertyBanner,#PropertyBannerBG{
	position:absolute;
	top:270px;
	right:0;
	width:390px;
	height:60px;
	overflow:hidden;
	z-index:50;
}
#PropertyBannerBG{
	z-index:10;
}
*/
.PropertyImages
{
	float:left;
	width:312px;
}
.PropertyImages h3
{
	color:#0078ae;
}
.PropertyBanner div{
	color:#0078ae;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	line-height:0.9;
}
#PropertyCriteria
{
	color:#fff;
	position:absolute;
	left:95px;
	bottom:7px;
}
/*
.PropertyDetailLeft{
	width:180px;
	margin:10px 10px 0 0;
	float:left;
}
.PropertyDetailCenter{
	width:380px;
	margin:10px 0 0 0;
	float:left;
}
.PropertyDetailCenter1,.PropertyDetailCenter2{
	float:left;
	width:180px;
	margin-right:10px;
}
*/
.PrintMap{
	display:none;
}




#PropertyBook{
	margin:0 auto;
	width:570px;
	padding:30px;
	background-color:#fff;
}
#KeyInformation 
{
	width:462px;
	float:left;
}

#ContactDetails, #SecContactDetails
{
	margin-left:18px;
	width:160px;
	float:left;
}

#SecContactDetails
{
	margin-top:27px;
}

#KeyInformation h2 ,#ContactDetails h2, #SecContactDetails h2{
	margin:0;
	font-size:1.2em;
	border-bottom:1px solid #0078ae;
	padding-bottom:2px;
	color:#0078ae
}
.PropertyInfo{
	width:226px;
	margin:0;
	float:left;
	font-size:0.9em;

}
.PropertyInfo li{
	padding:5px 0 !important;
	clear:both;
	border-bottom:1px solid  #0078ae;
	width:226px;
}


#ContactDetails li, #SecContactDetails li
{
	width:160px;
}
.PropertyInfo li:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.PropertyInfo strong{
	float:left;
	width:150px;
}
.PropertyInfo span{
	margin-left:150px;
	display:block;
}
.SLPropertyInfo{
	width:462px;
}
.SLPropertyInfo li{
	width:462px;
}
.SLPropertyInfo strong{
	width:150px;
}
.SLPropertyInfo span{
	margin-left:150px;
	display:block;
}
#ContactDetails .PropertyInfo, #SecContactDetails .PropertyInfo{width:160px !important;}

#PrintBookList{
	position:relative;
}
#PleaseWait{
	padding:10px;
	width:250px;
	position:absolute;
	bottom:40px;
	left:30px;
	display:none;
	background-color:#0078ae;
	color:#fff;
	font-weight:bold;
}

#OfficeLinks{
	position:absolute;
	right:0;
	top:30px;
	z-index:100;
	background:#d6e6f2;
	width:230px;
	height:23px;
	overflow:hidden;
}
#OfficeLinks span{
	color:#0078ae;
	text-transform:uppercase;
	padding:5px 7px;
	display:block;
	float:left;
	width:42px;
	overflow:hidden;
}
#OfficeLinksList{
	position:absolute;
	right:45px;
	top:52px;
	z-index:200 !important;
	width:147px;
	background-color:#fff;
	height:19px;
	overflow:hidden;
	border:2px solid #d6e6f2;

}
#OfficeLinks #OfficeArrow{
	float:right;
	cursor:pointer;

}
#OfficeLinksList ul{
	margin:0 !important;
	padding:0 !important;
	list-style-type:none;

}
#OfficeLinksList ul li{
	padding:0 !important;
	margin:0 !important;
	color:#0078AE;cursor:pointer;
}
#OfficeLinksList ul li a{
	display:block;
	padding:1px 2px 1px 10px;	
}
#OfficeLinksList ul li a:hover{
	
}
#OfficeLinks select option,#OfficeLinks select option:hover{
	color:#0078ae;
	background-color:#FFFFFF;
}
/* Search */

#Search{
	position:absolute;
	right:0;
	top:0;
	width:230px;
	height:23px;
	overflow:hidden;
	background:#d6e6f2;
}
#Search label{
	color:#0078ae;
	text-transform:uppercase;
	padding:5px 7px;
	display:block;
	float:left;
	width:42px;
	overflow:hidden;
}
#Search input#q{
	height:13px;
	overflow:hidden;
	background-color:#fff;
	border:2px solid #d6e6f2;
	border-right:0;
	color:#0078ae;
	padding:3px;
	vertical-align:top;
	font-size:1em;
	width:141px;
	/*font-style:italic;*/	
}

#Search input.submit,#Secondary #Search input.submit{
	background:none;
	height:23px;
	padding:0;
	width:auto;
	border:none;
	margin-left:-2px;
}

#SearchResultList li{
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:2px solid #000;
}
#SearchResultList strong{
	display:block;
	font-size:1.3em;
}
#SearchResultList div{
	text-transform:uppercase;
}



#FileList{
	margin-top:20px;	
}
#FileList img{
	float:left;
}
#FileList li{
	clear:both;
}
#FileList div{
	margin-left:35px;
}





.SilentList{margin:0;padding:0;}
.SilentList li{list-style-type:none;margin:0;padding:0;}
.Content{
	width:470px;
	clear:left;
}
.Content h3{
	color:#0078AE;
	font-size:1.2em;
}
.Content li{
	padding-left:15px;
	background:url(/css/images/li_bg.gif) no-repeat 0 3px;
	list-style-type:none;
	margin:0 0 3px 0;
}
/********* FORM STYLES ************/
.StandardForm li{
	clear:both;
	margin-bottom:8px;
	border-bottom:2px solid #000;
	padding-bottom:5px;
}
.StandardForm li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.StandardForm label{
	display:block;
	width:180px;
	float:left;
}
.StandardForm small{
	color:#CC0000;
	font-weight:bold;
	font-size:1em;
}
#ApplicationForm{
	float:right;
	width:500px;
}
#ApplicationForm input{
	width:300px;
}


#EmailaColleagueForm input{
	width:300px;
}

#ContactUsPanel{
	float:right;
	width:400px;
}
#ContactUsPanel .SmallInput{
	width:20px;
	margin-right:3px;
}
#ContactUsPanel .MedInput{
	width:143px;
}
#ContactUsPanel h3{
	text-transform:uppercase;
	margin-bottom:1px;
}
#FormDetail{
	width:220px;
}
.StandardForm span{ /* Validation */

}
.StandardForm input,.StandardForm textarea{
	width:200px;
	border:0;
	padding:2px;
	background:#fff;
	border:1px solid #000; 
	float:right;	
}

.StandardForm label strong{
	display:block;
}


#SubmitButton{
	width:auto !important;

}
#MessageBox{
	color:#0078ae;
	font-weight:bold;
	margin:10px 0;
	border:2px solid #0078ae;
	padding:5px;
	clear:both;
}
#Projects
{
    float:left; padding-top:10px
}
#Projects h2
{
    color:#0078ae;  
    font-size:1.6em;
   
}
.ProjectDetail{clear:both;padding-top:10px;}

.ProjectDetailImages
{
    float:left;
    width:170px;

       
}
.ProjectDetailImages img
{
     display:block;
    margin-bottom:10px;   
}





#footer{
	width:965px;
	margin:0 auto;
	padding:0;
	color:#fff;
}
#footer div{
	float:left;
	width:318px;
}
#footer ul{
	float:right;
	margin-bottom:20px;
}
#footer ul li{
	float:left;
	padding-right:7px;
	margin-right:7px;
	background:url(images/footer_pipe.gif) right no-repeat;
}
#footer ul li.last{
	background:none;
}
#footer a{
	color:#fff;
}

.PrintClear{clear:both;page-break-before:always !important;height:0;overflow:hidden;line-height:0;}
a img{border:none;}
a{color:#0078ae;text-decoration:none;}
.clear{height:0;overflow:hidden;line-height:0;clear:both;}