﻿/**
 * styles.css
 * Developed by SohoPros Inc. for Stream Realty www.streamrealty.com
 *
 * Developed by SohoPros Inc. www.sohopros.com
 * @author: Jeremy Burton jeremy@sohopros.com
 * Copyright 2009 Stream Realty Partners
 */
 
body { background: white; font-family: News Gothic, Arial, Times New Roman; }


/** Global Styles **/
.container { margin: 0 auto; width: 900px; }
.contentWrapper 
{
	border-top: solid 1px white;
	position: relative; 
	_height: 500px; 
	min-height: 500px; 
	margin: 0px auto 20px auto; 
	padding: 0; 
	text-align: left; 
	width: 900px;
	/*background-color: #c6c6c6;*/
	background: white;
}
.contentWrapperServices
{
	border-top: solid 1px white;
	position: relative; 
	_height: 600px; 
	min-height: 600px; 
	margin: 0px auto 0px auto; 
	padding: 0; 
	text-align: left; 
	width: 900px;
	/*background-color: #c6c6c6;*/
	background: white;
}
.contentWrapperNoMarginBottom
{
	border-top: solid 1px white;
	position: relative; 
	_height: 534px; 
	min-height: 534px; 
	margin: 0px; 
	padding: 0; 
	text-align: left; 
	width: 900px;
	/*background-color: #c6c6c6;*/
	background: white;
}
.homeTopWrapper 
{
	width: 900px;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	padding-top: 0px;
}
.contentWrapperWhiteBG { margin: 0px; padding: 0; text-align: left; width: 900px; background-color: white; position: relative; }
.contentHdr { font-size: 13pt; font-weight: bold; /*color: #0084a9;*/ color: White; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1.5px; }
.contentTxt { font-size: 9pt; /*color: #807f83;*/ color: White; margin: 20px 0 15px 0; text-align: justify; display: block; }
.contentTxt a:link,.contentTxt a:hover,.contentTxt a:visited { color: #0084a9; margin: 10px 0 15px 0; }
.rightArrow { width: 20px; height: 20px; background-image: url(../images/rightArrow.png); text-decoration: none; display: block; }
.imgArrow { margin-right: 5px; }
.controlCell { padding: 8px; }
.controlHdr { font-size: 14pt; font-weight: bold; color: #0084a9; margin-bottom: 5px; }
.controlHdr a, .controlHdr a:link, .controlHdr a:visited { font-size: 14pt; font-weight: bold; color: #0084a9; text-decoration: none; }
.controlContent { font-size: 9pt; font-weight: bold; color: #807f83; text-align: left; }
.controlContent a:link, .controlContent a:visited { color: #807f83; font-size: 10pt; font-weight: bold; text-decoration: underline; }
.controlLearnMoreLink { margin-top: 5px; color: #0084a9; font-style: italic; font-size: 9pt; font-weight: bold; }
.controlLearnMoreLink a:link, .controlLearnMoreLink a:visited { color: #0084a9; font-size: 10pt; font-weight: bold; text-decoration: none; }
.learnMoreContentLink { text-align: right; margin-top: 20px; }
.learnMoreContentLink a:hover { color: #807f83; text-decoration: underline; }
.fullWidthPageWrapper { margin: 15px auto; padding: 0 25px 0 25px; background-color: White; }
.900WidthPageWrapper { margin: 15px 0; padding: 0; background: white; }
.locationContentHdr { background-color: #0084a9; color: White; font-weight: bold; font-size: 16pt; padding: 15px 30px 15px 30px; margin: 0 0 15px 0; }
.locationContentTxt { font-size: 10pt; color: #807f83; margin: 20px 0 15px 0; text-align: justify; display: block; padding: 0 30px 0 30px; }
.locationContentTxt a:link,.locationContentTxt a:hover,.locationContentTxt a:visited { color: #0084a9; margin: 10px 0 15px 0; }
.watermakred { font-size: 9pt; color: #807f83; font-style: italic; }
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=0);
    opacity :0.0;
}
.blueBackHdr { padding: 15px 15px 15px 15px; width: 420px; color: White; font-size: 13pt; font-weight: bold; background: #0084a9; text-transform: uppercase; letter-spacing: 1.5px;  }
.bold-ups { font-weight: bold; text-transform: uppercase; }
.standard-list { margin: 0 0 0 20px; padding: 0; }
.standard-list li { float: none; list-style-type: disc; padding: 0; }

/** Styles for Scriptaculous Intro **/
.divBG
{	
	margin-top: 0px;
	width: 900px!important;
	max-height: 500px; 
	height: expression (this.scrollHeight > 500 ? "500px" : "auto"); 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0;
}
.divBG700Tall 
{
	margin-top: 0px;
	width: 900px!important;
	height: 700px; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0;
}
.divBG750Tall 
{
	margin-top: 0px;
	width: 900px!important;
	height: 750px; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0;
}
.divBG900Tall 
{
	margin-top: 0px;
	width: 900px!important;
	height: 900px; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0;
}
.divBGNoPosition { margin: 0; width: 900px; height: 500px; z-index: 0; }
.divBGNoPosition750Tall { margin: 0; width: 900px; height: 750px; z-index: 0; }
.divBGNoPosition900Tall { margin: 0; width: 900px; height: 900px; z-index: 0; }
.divBGServices
{
	margin-top: px; 
	width: 900px!important;
	max-height: 500px; 
	height: expression (this.scrollHeight > 500 ? "500px" : "auto"); 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0;
}
.bgImg { width: 900px; max-height: 500px; z-index: 1; }
.bgImg700Tall { width: 900px; max-height: 700px; z-index: 1; }
.bgImg750Tall { width: 900px; height: 750px; z-index: 1; }
.bgImg900Tall { width: 900px; height: 900px; z-index: 1; }
.bgImgServices { width: 900px; max-height: 500px; height: expression (this.scrollHeight > 500 ? "500px" : "auto"); z-index: 1; }
.divSubCategoryContent 
{
	border: solid 2px #babcbe;
	width: 380px;
	padding: 25px 30px 15px 30px;
	background-color: white;
	color: #666666;
	position: relative;
	margin: 25px 0 0 30px;
	text-align: left;
	filter: alpha(opacity: .0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	z-index: 1000; 
	font-size:9pt;
}
.locationDivSubCategoryContent 
{
	border: solid 2px #babcbe;
	width: 440px;
	padding: 0 0 15px 0;
	background-color: white;
	color: #666666;
	position: relative;
	margin: 25px 0 0 30px;
	text-align: left;
	filter: alpha(opacity: .0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	z-index: 1000; 
	font-size:9pt;
}
.divSubCat { text-align: left; margin: 0; }
.divSubMenu 
{ 
	width: 250px; 
	border: solid 2px #babcbe; 
	padding: 3px; 
	background-color: white; 
	color: White;
	position: absolute; 
	top: 25px; 
	left: 490px; 
	text-align: left;
	filter: alpha(opacity: .0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	z-index: 1000;
}
.innerSubMenuDiv { padding: 15px 20px 5px 10px; background-color: #0084a9; display: block; text-align: left; }
.subMenuItem { padding-bottom: 8px; filter: alpha(opacity: 1.0); -moz-opacity: 1.0; opacity: 1.0; font-weight: bold; }
.subMenuItem a:link, .subMenuItem a:visited { color: White; text-decoration: none;  }
.subMenuItem a:hover { text-decoration: none; }
#landingLinks { font-weight: bold; line-height: 1.5 }
#landingLinks a:link, #landingLinks a:visited { color: White!important; text-decoration: underline; font-weight: bold; }


/** About **/
.emailPrint { margin-top: 20px; text-align: right; }
.pressKitDownload img { border: 0; }
.pressKitDownload { text-decoration: none; font-weight: normal; text-decoration: underline; }
.pressKitDownload:hover { text-decoration:  underline; }


/* News */
.articleListRow { border: 0; }
.articleLink { font-size: 10pt!important; cursor: pointer; color: #666; font-weight: normal!important; }
.articleLink a:link, .articleLink a:visited { font-size: 10pt!important; color: #666!important; text-decoration: underline; font-weight: normal!important; }
.articleLink:hover { text-decoration: underline; }
.articleListTblCell { padding: 0; padding-top: 10px; padding-bottom: 10px; font-size: 10pt!important; }
#article .articleBack { font-size: 16pt; font-weight: bold; color: #0084a9; position: absolute; top: 20px; right: 20px; cursor: pointer; }
.articleWrapper { margin: 30px 0; width: 900px; color: #807f83; margin-bottom: 5px; }
.articleTitle { font-size: 14pt; font-weight: bold; margin-bottom: 0px; letter-spacing: 1px; text-transform: uppercase; }
.articlePubDate { font-size: 8pt; }
.articleBody { font-size: 10pt; padding-top: 20px; text-align: justify!important; margin-bottom: 20px; }
.articleBody a, .articleBody p a  { color: #0084a9 !important; }
.articleBody p { text-align: justify!important; }
#pager { margin: 0; padding: 5px 8px 5px 8px; background: #0084a9; color: White; font-style: italic; font-size: 10pt; }
.backNext { margin: 0; padding: 5px 8px 5px 8px; background: #0084a9; color: White; cursor: pointer; font-size: 10pt; }
.backNextWrapper { display: inline; background: #0084a9; padding: 5px 0 5px 0; }


/** Contact Us**/
#contactUs { position: absolute; top: 25px; left: 0px;z-index: 10;} 
#contactUs a:link, #contactUs a:visited { color: White; }
.contactGroup { margin-top: 0px; padding-top: 0px; font-size: 8pt; }
.contactGroupHdr { font-size: 10pt; font-weight: bold; color: white; margin-bottom: 3px; }

/** Portfolio **/
.portfolioMenu 
{
	position: relative;
	top: 50px;
	left: 300px;
	width: 550px;
	z-index: 1000;
}
.portfolioMenuHeader { color: white; font-weight: bold; background-color: #0084a9; text-align: left; position: static; }
.portfolioMenuHdrTblCellLeft { padding: 5px 15px 5px 25px; width: 50%; }
.portfolioMenuHdrTblCellRight { padding: 5px 15px 5px 27px; width: 50%; }
.portfolioMenuList { color: #575757; font-weight: bold; font-size: 10pt; text-align: left; position: static; }
.portfolioMenuList a:link, .portfolioMenuList a:visited { color: #575757; text-decoration: none; }
.portfolioMenuListTbl { margin-left: -3px; border-top: solid 3px white; width: 556px; }
.portfolioMenuListTblCell { padding: 6px 5px 6px 16px; background-color: #d7d7d7; width: 50%; cursor: pointer; }

/***** NEW PORTFOLIO *****/
#portfolioLanding { position: absolute; top: 25px; left: 0; }


/** Portfolio/Properties.aspx **/
.propertiesWrapper { width: 900px; position: relative; background-color: White; height: 550px; }
.propertyChoices { position: relative; top: 0; left: 0; width: 275px; height: 550px; overflow: hidden; background-color: #d7d7d7; }
.propertyChoicesHdr { color: white; font-weight: bold; background-color: #0084a9; text-align: left; padding: 7px 5px 7px 15px; border-bottom: solid 5px white; }
.propertyChoicesList { color: Black; }
.propertyChoicesListItem { font-size: 10pt; font-weight: bold; color: #575757; background-color: #d7d7d7; border-bottom: solid 7px white; width: 293px; padding: 6px 3px 6px 5px; cursor: pointer; }
.propertyChoicesScroll 
{
	font-size: 8pt; 
	font-weight: bold; 
	background-color: #575757; 
	color: white; 
	padding: 5px 5px 0 5px;
	position: absolute; 
	left: 0; 
	top: 526px; 
	width: 300px;
	height: 24px; 
}
.propertyDisplay { position: absolute; top: 0; left: 278px; }
.propertyDisplayHdr { color: white; font-weight: bold; background-color: #0084a9; text-align: left; padding: 18px 5px 6px 15px; margin-bottom: 1px; font-size: 14pt; width: 602px; height: 40px; }
.propertyDisplayHdrAddress { font-size: 10pt; }
.propertyDisplayDetailsImg { width: 622px; height: 400px; }
.propertyDisplayDetailsImgThumbs { margin-top: 5px; padding: 0 10px 0 0; height: 75px; width: 299px; border-right: solid 2px #807f83; text-align: left; }
.imgPropThumb 
{
	width: 75px!important; 
	max-height: 60px; 
	height: expression (this.scrollHeight > 50 ? "50px" : "auto"); 
	border: solid 1px #d7d7d7; 
	padding: 1px; 
	margin-right: 2px; 
	cursor: pointer;
}
#propThumbsDetails .propertyDisplayDetailsSummary 
{
	 padding: 0 0 0 10px; 
	 height: 75px; 
	 width: 295px; 
	 position: absolute; 
	 right: 5px; 
	 top: 5px;
	 color: #807f83;
	 font-size: 10pt;
}
#propThumbsDetails .propertyDisplayDetailsSummary a:link, #propThumbsDetails .propertyDisplayDetailsSummary a:visited { color: #0084a9; text-decoration: none; }
#propThumbsDetails .propertyDisplayDetailsSummary img { border: 0; }
#propertyDisplayDetailsSummary #fullDetails 
{ 
	background: white; 
	z-index: 5000; 
	position: absolute; 
	bottom: 0px; 
	right: -5px; 
	border: solid 2px #807f83; 
	color: #807f83; 
	font-size: 10pt; 
	padding: 10px; 
	width: 295px; 
} 
#fullDetails #aMinimize { position: absolute; top: 5px; right: 10px; text-decoration: none; color: #0084a9; cursor: pointer; }
#fullDetails #aMinimize:hover { text-decoration: underline; }
#propertyDisplayDetailsSummary #aReadMore { position: absolute; bottom: 5px; right: 10px; text-decoration: none; color: #0084a9; cursor: pointer; }
#propertyDisplayDetailsSummary #aReadMore:hover { text-decoration: underline; }
.propertDetailsTbl { font-size: 10pt; font-weight: bold; color: #575757; margin-left: 5px; }


/** People **/
/* Search */ /* Leadership */
#peopleLanding { position: absolute; top: 25px; left: 0; }
#peopleSearch { position: absolute; top: 25px; left: 0px; width: 375px; }
#peopleFinderWrapper { margin: 0; padding: 0; width: 900px; background: white; color: #807f83; z-index: 1000; }
#leadership 
{ 
	border: 0; 
	margin: 0;
	padding: 0; 
	width: 800px; 
	background-color: White; 
	color: #807f83; 
	z-index: 1000;
}
#peopleFinderWrapper .peopleFinderBack { font-size: 12pt; font-weight: bold; color: white; background-color: #0084a9; position: absolute; top: 23px; right: 20px; cursor: pointer; }
.peopleFinderHdr { padding: 20px; color: white; background-color: #0084a9; font-size: 16pt; font-weight: bold; }
#peopleFinderContent, #leadershipContent { padding: 20px; font-size: 10pt; }
#peopleFinderContent img, #leadershipContent img { border: 0; } 
#peopleFinderContent a:link, #peopleFinderContent a:visited, #leadershipContent a:link, #leadershipContent a:visited { border: 0; text-decoration: none; }
.peopleFinderTblHdrCell, .leadershipTblHdrCell { padding-bottom: 10px; border-bottom: solid 2px #807f83; }
.peopleFinderTblCell,  .leadershipTblCell { padding-top: 10px; padding-bottom: 10px; border-bottom: solid 2px #807f83; height: 40px; }

/***** POSITION SEARCH *****/
#positionSearch { position: absolute; top: 25px; right: 0px; width: 450px; }
#positionSearchWrapper .fullWidthContent 
{ 
	border: solid 2px #babcbe; 
	margin: 0;
	padding: 0; 
	width: 896px; 
	background-color: White; 
	color: #807f83; 
	z-index: 1000;
}




/* A Day in the Life */
#aDayInTheLife .fullWidthContent 
{ 
	border: solid 2px #babcbe; 
	padding: 20px; 
	width: 800px; 
	background-color: White; 
	color: #807f83; 
	position: absolute; 
	top: 25px; 
	left: 28px; 
	z-index: 1000;
}
#aDayInTheLife .contentHdr { padding: 20px; padding-bottom: 10px; }
#aDayInTheLife .contentTxt { padding: 0 20px 30px 20px; color: #807f83; font-size: 10pt; }
#aDayInTheLife .back { font-size: 16pt; font-weight: bold; color: #0084a9; background-color: white; position: absolute; top: 20px; right: 20px; cursor: pointer; }
#aDayInTheLife img { border: 0; }
#aDayInTheLife a:link, #aDayInTheLife a:visited { border: 0; text-decoration: none; }
/* In the Community */
#inTheCommunity .fullWidthContent 
{ 
	border: solid 2px #babcbe; 
	padding: 20px; 
	width: 800px; 
	background-color: White; 
	color: #807f83; 
	position: absolute; 
	top: 25px; 
	left: 28px; 
	z-index: 1000;
}
#inTheCommunity .contentHdr { padding: 20px; padding-bottom: 10px; }
#inTheCommunity .contentTxt { padding: 0 20px 20px 20px; color: #807f83; font-size: 10pt; }
#inTheCommunity .back { font-size: 16pt; font-weight: bold; color: #0084a9; background-color: white; position: absolute; top: 20px; right: 20px; cursor: pointer; }
#inTheCommunity img { border: 0; }
#inTheCommunity a:link, #inTheCommunity a:visited { border: 0; text-decoration: none; }



/** TechTeam **/
#techWrapper { color: #807f83; font-size: 12pt; }
#techWrapper a:link, #techWrapper a:visited { color: #807f83; text-decoration: underline; }
#techHdr { color: #0084a9; font-weight: bold; font-size: 16pt; }
.techSubHdr { margin-top: 20px; color: #0084a9; font-weight: bold; }



/** Footer Styles **/
.footerbar
{
	border-top: 5px solid #babcbe;
	height: 75px; 
	width: 900px!important;
	font-size: 8pt;
    color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bottomnavigation{ float: right; }
.bottomnavigation a:link,
.bottomnavigation a:hover,
.bottomnavigation a:visited
{
	font-size: 8pt;
    color: #666666;
    text-decoration: underline;
}


/** In The Community Control **/
.commImage { min-height: 277px; }
.CommThumb
{
	border: 5px solid red;
}
.CommDescription
{
	font-size: 10px;
	line-height: 15px;
	color: #666666;
}


/** Location DDL **/
.locationDDL {width: 900px; text-align: right; z-index: 1000; margin-top: 5px; }
.DDL { color:#666666; font-family: Arial; font-size: 8pt; font-weight: bold; }


/** Blog Styles **/
.blogWrapper { width: 800px; margin: 10px auto; }
.blogHeader
{
	height: 95px;	
	padding-top: 50px;
	padding-left: 10px; /* Align center div line */
	padding-bottom: 10px;
	vertical-align: bottom;	
	background-color: #9d9fa1;
	color: White;
	font-size: 20pt;
	width: 600px;
	border-bottom:5px solid #babcbe;
}
.blogContent 
{
	margin: 20px 0 0 0;
	background-color: White;
	color: Black;	
	width: 600px;
}
.blogRightColumn 
{
	padding: 15px 10px 10px 10px; 
	margin: 20px 0 0 20px;
	width: 160px;
	color: White;
	background-color: #9d9fa1;	
	min-height:600px;
}
.blogLinks { margin-top: 30px; }
.blogLinks a:link, .blogLinks a:visited { color: White; text-decoration: none; font-size: 9pt; font-weight: bold; }
.blogLinks a:hover { text-decoration: underline; }
.blogLinksHdr { font-size: 11pt; font-weight: bold; padding-bottom: 3px; border-bottom: dashed 1px white; margin-bottom: 2px; }
.blog { margin-top: 20px; margin-bottom: 20px; width: 600px; }
.blogDate { padding-left: 25px; color: #231f20; font-size: 9pt; }
.blogTitle { padding-left: 25px; color: #0083a8; font-size: 14pt;  }
.blogBody { padding-left: 25px; color: #231f20; margin-top: 10px; font-size: 10pt; }
.blogBody A:link, .blogBody A:visited{ color:#231f20; }
.blogCommentsLink { text-align: right; cursor: pointer; font-size: 10pt;  color: #0084a9; }
.blogCommentsLink a:link, .blogCommentsLink a:visited { font-size: 10pt;  color: #0084a9; }
.comment { margin-top: 10px; margin-left: 25px; font-size: 10pt; padding-bottom: 10px; border-bottom: solid 1px gray; width: 525px; }
.commentPoster { margin-top: 4px; font-size: 10pt; font-style: italic; font-size: 9pt; }
.leaveComment { margin-top: 20px; padding-left: 25px; font-size: 10pt; }
.blogLogo{ text-align: center; padding-top: 50px; }


/** Who We Are **/
.whoWeAreHdr { margin: 15px 0 0 15px; font-weight: bold; padding-bottom: 5px; border-bottom: solid 1px #666; color: #666; font-size: 10pt; }
.whoWeAreContent { margin-left: 15px; color: #666; font-size: 10pt; }
.whoWeAreContent a:link, .whoWeAreContent a:visited { color: #666; }


/** Employee Login **/
#employeeLoginContent { margin-top: 20px; color: #807f83; font-size: 10pt; }
#employeeLoginContent a:link, #employeeLoginContent a:visited { color: #0084a9; }


/** ONCOR **/
#servicesWrapper .fullWidthContent 
{ 
	border: solid 2px #babcbe; 
	padding: 20px; 
	width: 800px; 
	background-color: White; 
	color: #807f83; 
	position: absolute; 
	top: 0px; 
	left: 28px; 
	z-index: 1000;
}
#oncor .contentHdr { padding: 0px 20px 10px 20px; }
#oncor .contentTxt { padding: 0 20px 10px 20px; color: #807f83; font-size: 10pt; }
#oncor .back { font-size: 16pt; font-weight: bold; color: #0084a9; background-color: white; position: absolute; top: 20px; right: 20px; cursor: pointer; }
#oncor img { border: 0; }
#oncor a:link, #oncor a:visited { border: 0; text-decoration: none; }


/***** NEW STYLES *****/
#birdTrail { color: #666; font-size: 8pt; font-weight: normal; margin: 10px 0 10px 0; }
#birdTrail a:link, #birdTrail a:visited { color: #666; text-decoration: underline; }
.catContent { background: #0084a9; color: White; padding: 20px; width: 350px; z-index: 5; }
#screen2Text p { margin: 0; margin-bottom: 15px; }

/***** SERVICES *****/
#servicesWrapper { height: 500px; }
#servicesWrapper a:link, #servicesWrapper a:visited { color: White; }
#services { position: absolute; top: 25px; right: 0; width: 300px; }
#acquisitions { position: absolute; top: 25px; left: 0px; width: 500px; }
#advisoryServices { position: absolute; top: 25px; right: 0px; width: 425px; }
#assetManagement { position: absolute; top: 25px; left: 0px; width: 425px; }
#constructionManagement { position: absolute; top: 25px; right: 0px; width: 425px; }
#development { position: absolute; top: 25px; left: 0px; width: 425px; }
#dueDiligence { position: absolute; top: 25px; left: 0; width: 425px; }
#industrialServices { position: absolute; top: 25px; left: 0px; width: 425px; }
#investmentSales { position: absolute; top: 25px; right: 0px; width: 425px; }
#marketing { position: absolute; top: 25px; left: 0px; width: 425px; }
#officeProduction { position: absolute; top: 25px; right: 0px; width: 425px; }
#projectLeasing { position: absolute; top: 25px; right: 0px; width: 425px; }
#propertyManagement { position: absolute; top: 25px; right: 0px; width: 425px; }
#retailServices { position: absolute; top: 25px; left: 0px; width: 425px; }
#sustainabilityServices { position: absolute; top: 25px; left: 0px; width: 475px; }
#tenantRepresentation { position: absolute; top: 25px; left: 0px; width: 425px; }
#lease-auditing { position: absolute; top: 25px; left: 0; width: 425px; }
#capital-management { position: absolute; top: 25px; left: 0; width: 425px; }

/***** ABOUT *****/
#aboutWrapper { height: 500px; }
#aboutWrapper a:link, #servicesWrapper a:visited { color: White; }
#about { position: absolute; top: 20px; right: 0px; }
#operatingPrinciples { position: absolute; top: 20px; left: 0px; width: 500px; }
#operatingPrinciples ol { margin-left: 1em; }
#operatingPrinciples ol li { margin-bottom: 15px; }
#values { position: absolute; top: 25px; left: 0px; }
#history { position: absolute; top: 25px; left: 0px; }
#awards { position: absolute; top: 25px; right: 0; width: 650px; }
#awards li { margin-bottom: 5px; }
.ulAwards { margin-left: 7px; list-style-image: url(../images/fowardWhiteArrowSmall.jpg); }
.ulAwards li {  margin-bottom: 20px!important; }

/***** CAREERS *****/
#careers { position: relative; top: 25px; right: 0px; }
#careerOpts { position: absolute; top: 25px; right: 0px; }
#benefits { position: absolute; top: 25px; right: 0px; }

/** Stream OC Contact **/
#contactOC { position: absolute; top: 25px; left: 0; width: 375px; }

/***** Portfolio *****/
#propertySearch { position: absolute; top: 10px; left: 0px; }

/** Header Styles **/
.headerbar { margin-top: 10px; }
.topnavigation
{
	/*Position*/
	float: right; padding-bottom: 10px;
	
	/*Font*/
	font-size: 9pt;
	font-weight: bold;
    color: #666666;
}

/***** Drop Down Menu Styles *****/
#jsddm
{	margin: 0;
	margin-right: 0;
	padding: 0;
	background-color: white;
	font-size: 8pt!important;
	font-weight: bold!important;
	color: #666;
	text-align: center;
	z-index: 1000000;
}
#jsddm li
{	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1000000;
}
#jsddm li a
{	
	display: block;
	color: #666;
	margin: 0;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	border-right: solid 2px #babcbe;
	white-space: nowrap;
	z-index: 1000000;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
#jsddm .lastli { z-index: 1000000; }
#jsddm .lastli a { border-right: 0; z-index: 1000000; }
#jsddm li a:hover {	color: #0084a9; text-decoration: none; }
#jsddm li ul
{	
	margin: 0;
	margin-top: 8px;
	padding: 0px;
	padding-bottom: 0px;
	background-color: white;
	color: #666;
	position: absolute;
	visibility: hidden;
	border: solid 1px #babcbe;
	z-index: 1000000;
	width: 150px;
}
#aboutDropDown { margin-left: 7px!important; }
#careersUL { margin-left: -44px!important; }
#ulPeople { margin-left: -38px!important; }
#ulPortfolio { margin-left: -16px!important; }
#ulMedia { margin-left: -100px!important; }
#jsddm li ul li { float: none; display: inline; text-align: left; z-index: 1000000;  }
#jsddm li ul li a
{	
	padding: 3px 8px 3px 8px;
	background: white;
	color: #666;
	font-weight: normal;
	font-size: 8pt;
	z-index: 1000000;
	border-bottom: dotted 1px #666666; 
	border-right: 0;
	text-transform: none;
}
#jsddm li ul li hr { margin: 2px 8px 2px 8px; }
#jsddm li ul li a:hover { background: #0084a9; color: white; text-decoration: none; }


/***** BIO *****/
#bio { color: #666; font-size: 10pt; position: relative; width: 900px; margin: 20px 0 0 0; }
#bio .contentHdr { padding: 0px 20px 10px 20px; }
#bio .contentTxt { padding: 0 20px 10px 20px; color: #807f83; font-size: 10pt; }
#bio .back { font-size: 16pt; font-weight: bold; color: #0084a9!important; background-color: white; position: absolute; top: 20px; right: 0px; cursor: pointer; text-decoration: none; }
#bio img { border: 0; }
#bio a:link, #bio a:visited { border: 0; text-decoration: none; color: #666; }
#bioHdr { background: #babcbe; padding: 3px 10px 3px 10px; font-weight: bold; font-size: 11pt; }
#bioContent { padding-left: 10px; }
#bioContent ul { padding-left: 20px; }
#bioContent ul li { float: none; list-style-type: disc; }
#bioContent a:link, #bioContent a:visited { color: #666; text-decoration: underline; }
#bioContent h4 { margin: 0; padding: 0; }
#bioContent p { margin: 0; }

#mailBio 
{
	border: solid 2px #babcbe; 
	color: #666; 
	background: white;
	font-size: 9pt;
}
#mailBio h3 { background: #0084a9; color: white; margin: 0; padding: 3px 5px 3px 5px; }

/***** CASE STUDIES *****/
#caseStudies { width: 800px; margin: 15px 50px; font-size: 10pt; }
#caseStudies .hdr { font-size: 14pt; font-weight: bold; color: #0084a9; }
#caseStudies .content { margin-top: 15px; color: #666; text-align: justify; }
#tblCaseStudies tr th { color: White; background: #0084a9; padding: 5px; text-align: left; }
.csResultsTblRow { background: white; cursor: pointer; }
.csResultsTblRowAlt { background: #f3f3f3; cursor: pointer; }
.csResultsTblRowHover { background: #d5e7f2; cursor: pointer; }
.csResultsTblRowHover td, .csResultsTblRowHover td a { color: #3f3f3f!important; }
.csResultsTblCell { padding-top: 5px; padding-left: 5px; padding-bottom: 7px; color: #807f83; font-size: 10pt; font-weight: normal; }
.csResultsTblCellAlt { padding-top: 5px; padding-left: 5px; padding-bottom: 7px; /*background: #eaeaea;*/ color: #807f83; font-size: 10pt; font-weight: normal; }


/***** DAY IN LIFE *****/
.catContentDIL { background: white; color: #666666; padding: 0px; width: 900px; z-index: 5; }
.contentHdrDIL { font-size: 14pt; font-weight: bold; color: #0084a9; margin-bottom: 5px; }
.contentTxtDIL { font-size: 9pt; color: #666666; margin: 20px 0 15px 0; text-align: justify; display: block; }
#dayInLife { /*position: absolute; top: 25px; left: 0px;*/ margin-top: 25px; margin-bottom: 20px;}
#vicePresident { /*position: absolute; top: 25px; left: 0px;*/ margin-top: 25px; margin-bottom: 20px; }
#seniorAccountant { /*position: absolute; top: 25px; left: 0px;*/ margin-top: 25px; margin-bottom: 20px; }
#propertyManager { /*position: absolute; top: 25px; left: 0px;*/ margin-top: 25px; margin-bottom: 20px;}
#financialAnalyst { /*position: absolute; top: 25px; left: 0px;*/ margin-top: 25px; margin-bottom: 20px; }
#seniormarketing { /*position: absolute; top: 25px; left: 0px;*/ margin-top: 25px; margin-bottom: 20px; }
#associate { /*position: absolute; top: 25px; left: 0px;*/ margin-top: 25px; margin-bottom: 20px; }

/***** HOME PAGE *****/
.chooseCityCell { line-height: 1.6; width: 221px; padding: 1px; text-align: center; color: White; font-size: 9pt; font-weight: bold; }
.homePplImg { border: 0; width: 112px; height: 125px; }
.lgFace { width: 224px; height: 250px; z-index: 4; }
.lgFace img { border: 0; width: 224px; height: 250px; }
.txtFace { padding: 10px; padding-top: 50px; width: 202px; height: 188px; color: White; font-size: 10pt; font-weight: bold; text-align: center; background-color: #0084a9; z-index: 4; }

#lgFace1 { position: absolute; top: 0; left: 0; }
#txtFace1 { position: absolute; bottom: 0; right: 112px; z-index:500; }
#lgFace2 { position: absolute; top: 0; left: 448px; }
#txtFace2 { position: absolute; bottom: 0; left: 112px; z-index:500;}
#lgFace3 { position: absolute; bottom: 0; right: 0px; }
#txtFace3 { position: absolute; top: 0; left: 224px; z-index:500;}
#lgFace4 { position: absolute; bottom: 0; left: 112px; }
#txtFace4 { position: absolute; top: 0; left: 448px; z-index:500; }
#lgFace5 { position: absolute; top: 0; right: 112px; }
#txtFace5 { position: absolute; bottom: 0; left: 0px; z-index:500;}
#lgFace6 { position: absolute; top: 0; left: 0px; }
#txtFace6 { position: absolute; bottom: 0; right: 112px; z-index:500;}
#lgFace7 { position: absolute; top: 0; right: 112px; }
#txtFace7 { position: absolute; bottom: 0; left: 112px; z-index:500; }


/****** MEDIA *****/
#mediaWrapper .fullWidthContent 
{ 
	border: solid 2px #babcbe; 
	margin: 0;
	padding: 0; 
	width: 896px; 
	background-color: White; 
	color: #807f83; 
	z-index: 1000;
}
#mediaWrapper .peopleFinderBack { font-size: 12pt; font-weight: bold; color: white; background-color: #0084a9; position: absolute; top: 23px; right: 20px; cursor: pointer; }
.mediaHdr { padding: 20px; color: white; background-color: #0084a9; font-size: 16pt; font-weight: bold; }
#peopleFinderContent { padding: 20px; font-size: 10pt; }
#mediaWrapper a:link, #mediaWrapper a:visited { color: #0084a9; }
#pressKit { position: absolute; top: 25px; right: 0; }
#mediaWrapper a:link, #mediaWrapper a:visited { color: #0084a9!important; }
#pressKit a:link, #pressKit a:visited { color: White!important; }
#mediaLanding { position: absolute; top: 25px; right: 0; }
#reports { position: absolute; top: 25px; right: 0; width: 375px; }
#markReports { position: absolute; top: 25px; left: 0; width: 375px; }


/***** LOCATIONS *****/
#tblLocations { margin-top: 25px; font-size: 12pt; font-weight: bold; color: #666; }
#tblLocations a:link, #tblLocations a:visited { color: #666; text-decoration: none; }


/***** PRINCIPAL TRANSACTIONS *****/
#principalTransactions { position:absolute; top: 25px; left: 0; width: 425px; }
#dataCenters { position: absolute; top: 25px; left: 0px; width: 500px; }

#emailPrintLinks a:link, #emailPrintLinks a:visited { color: #666; font-size: 9pt; text-decoration: underline; }


/***** ADMIN *****/
#adminWrapper { margin: 10px 0 10px 0; font-size: 10pt; color: #807f83; }
#adminWrapper h2 { margin: 0; margin-bottom: 10px; padding: 0; font-size: 14pt; font-weight: bold; color: #0084a9; } 
.adminEditDiv { margin-top: 20px; padding-top: 10px; border-top: solid 1px #666; }
.adminEditDiv h4 { margin: 0; margin-bottom: 10px; padding: 0; font-size: 12pt; font-weight: bold; color: #0084a9; }


/***** APTITUDE TEST *****/
#aptitude-test-wrapper { margin: 0 0 15px 0; width: 900px; position: relative; font-size: 10pt; color: #807f83; }
.apt-question { margin: 25px 0 25px 0; width: 500px; }
.apt-test-button { padding: 3px; font-size: 10pt; color: White; background: #666666; border: 0; 
	cursor: pointer; 
	-moz-border-radius-topleft: 3px; 
	-webkit-border-top-left-radius: 3px; 
	-moz-border-radius-topright: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-moz-border-radius-bottomright: 3px; 
	-webkit-border-bottom-right-radius: 3px; 
}
#apt-status { margin-top: 5px; }
#apt-complete { margin: 0; width: 900px; }
.apt-q-spacer { height: 15px; }
.apt-ans-wrong { color: Red; }
.apt-right-answer { color: Green; }


/***** FEATURED PROPERTY *****/
#featured-prop-wrapper { padding: 20px; padding-bottom: 5px; height: 465px;  position: absolute; top: 10px; right: 0; width: 300px; color: #807f83; font-size: 9pt; background: white; z-index: 5; }
#featured-prop-wrapper h3 { padding-bottom: 0; margin-bottom: 0; }
#featured-prop-wrapper p { padding-top: 0; margin-top: 5px; padding-bottom: 0; margin-bottom: 0; line-height: 1.3; }
#featured-prop-wrapper p a { color: #807f83 !important; }


/***** ONE ENTERPRISE *****/
#oneenterprise { position: absolute; top: 5px; left: 0; width: 525px; }
#oneenterprise ul { margin: 0; padding-left: 5px; }

/***** 1717 ST. JAMES PLACE *****/
#stjames { position: absolute; top: 50px; right: 0; width: 375px; }

/***** SUMMIT OFFICE CAMPUS *****/
#summitoc { position: absolute; top: 50px; left: 0; width: 525px; }
#summitoc-gallery { position: absolute; top: 25px; left: 70px; width: 725px; background: white; }
#summitoc-gallery .contentHdr { color: #0084a9 !important; }
#summitoc-gallery #photos { margin-top: -20px !important; }
#summitoc-gallery #photos img { padding: 1px; background: white; border: solid 1px #242424; }
.photos-left-col, .photos-pad-col { padding-top: 25px; text-align: center; }
.photos-pad-col { padding-left: 15px; }
/* Lightbox Styles
----------------------------------*/
#ui-lightbox-wrapper {
	display: none;
	position: absolute;
	width: 20em;
	height: auto;
}
#ui-lightbox-image {
	height: 10em;
	margin: 1em 0 0 0;
	background: url(ajax-loader.gif) no-repeat center center;
}
#ui-lightbox-image img{
	display: none;
}

/* Picture Styles
----------------------------------*/
.ui-widget-content {
	padding: 0 .5em .5em .5em;
}
.ui-dialog{
	padding: 0 .5em 0 .5em;
}
.box {
	padding: 0 .5em .5em .5em;
	margin: 0 0 1em 0;
}
a.singleLightbox{
	margin: 0 0.8em 0 0;
}

ul li.last, 
a.last{
	margin: 0;
}

/***** Streamlines/Reports *****/
#report-dialog { font-size: 10pt; color: #666; }
#report-dialog fieldset { margin: 0 0 10px 0; padding: 10px; border: solid 1px #666; }
#report-dialog label, #report-dialog input[type=text] { display: block; }
#report-dialog input[type=text], #report-dialog textarea { margin-bottom: 10px; padding: 4px; width: 300px; }