@charset "UTF-8";
/* CSS Document To Control Page Layout */

.clear{
	clear: both;
}

.preload{
	display: none;
}

body,html{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	height: 100%;
}

.outercontainer{
	/*width: 1024px;*/
	width: 1145px;
	max-height: 550px;
	margin: 0 auto 0 auto;
	background-color: #ffffff;

}

.wrapper{
	width: 1024px;
	max-height: 550px;
	/*margin: 0 auto 0 auto;*/
	/*margin-left: auto;
	margin-right: auto;*/
	background-color: #ffffff;
	
	position:absolute;
	left: 50%;
	top: 50%;
	/*width: 1024px;
	height: 550px;*/
	margin-top: -275px; /* half of the height */
	margin-left: -512px; /* half of the width */
	overflow: hidden;
}

.header{
	height: 57px;
	overflow: hidden;
}

.logo{
	float: left;
	width: 200px;
	overflow: hidden;
	margin: 0 0 0 -37px;
}

.filteroptions{
	float: right;
	width: 610px;
	margin: 8px 110px 0 0;
}

.filtergroup{
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 10px 10px 0 0;
}

.filterdropdown{
	height: 17px;
	line-height: 17px;
	width: 150px;
	padding: 2px 5px 2px 5px;
	background-color: #abadbd;
}

.contentcontainer{}

#badges{
	float: right;
	/*position: absolute;*/
	width: 89px;
	height: 400px;
	background-color: #fff;
	/*text-align: center;*/
	margin: 0 15px 0 0;
}

.rightbadge{
	position: absolute;
	margin: 10px 0 0 0;
	background-image: url(../_images/rollout_background.png);
	width: 87px;
	height: 85px;
	/*text-align: center;*/
	line-height: 85px;
	overflow: hidden;
	z-index: 500;
}

.badgedetail{
	position: absolute;
	width: 290px;
	overflow: hidden;
	line-height: 1.25em;
	font-size: 11px;
	text-align: left;
	margin: 8px 0 0 15px;
}

.badgeimage{
	position: absolute;
	right: 0;
}

#slider_container{
	position:relative;
	margin:0px;
	overflow:hidden;
	height:360px;
	/*width:892px;*/
	width:1025px;
}

.parallax1{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:300;
}
.parallax2{
	position:absolute;
	left:0px;
	bottom:-15px;
	z-index:300;
}

.slider_background{
	margin: 7px 0 -8px 0;
	width: 1025px;
	background-image: url(../_images/ministacks_background.jpg);
	background-repeat: repeat-x;
}

.buildings{
	position:absolute;
	left:0px;
	top:0px;
	z-index:300;
}
.buildings_overlay{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:350;
	height:15px;
	width:1025px;
}

.stackblock{
	float: left;
	margin: 10px 0 0 0;
	width: 78px;
	text-align: center;
	z-index:400;
}

.feather_right{
	position: absolute;
	z-index: 1000;
	margin: 0 0 0 985px;
}

.feather_left{
	position: absolute;
	z-index: 1000;
}

.unit{
	position:relative;
	float:left;
	/*width:216px;*/
	width:251px;
	height:360px;
	margin: 0 7px 0 0;
	overflow: hidden;
}

.draggable{
	height: 100px;
	z-index: 1000;
	position:absolute;
	z-index:500;
}

#slider_bar{
	height:100px; 
	width: 1025px;
	position:relative;
	overflow:hidden;
}

.herophoto{
	height: 300px;
	overflow: hidden;
}

.heroinfo{
	height: 60px;
	background-image: url(../_images/hero_detail_background.jpg);
	overflow: hidden;
}

.herodetails{
	margin: 3px 10px 0 10px;
	color: #000000;
}

.herotitle{
	border-bottom: solid #ffffff 1px;
}

.herostats{
	font-size: 9px;
}

.footer{
	width: 1025px;
	height: 28px;
	line-height: 28px;
	background-color: #454647;
	background-image: url(../_images/footer_background.png);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	/*border-top: solid #454647 10px;*/
}

.footer_left{
	float: left;
	width: 450px;
	margin: 2px 0 0 10px;
}

.footer_right{
	float: right;
	width: 500px;
	margin: 2px 10px 0 0;
	text-align: right;
}

.backtoproperty{
	display: none;
}

.backtomap{
	/* position: absolute;*/
	/* line-height: 25px;*/
	 width: 336px;
	/* height: 25px;*/
	 font-size: 11px;
	 text-align: center;
}

.sneezeguard{
	display: none;
	position: absolute;
	left: 0;
	z-index: 1001;
	width: 100%;
	min-height: 100%;
	background-image: url(../_images/sneezeguard.png);
	overflow: hidden;
}

.sneezeguardbackground{
	position: absolute;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #000000;
}

.sneezeguard_small{
	display: none;
	top: 11px;
	position: absolute;
	z-index: 2000;
	width: 950px;
	min-height: 619px;
	background-image: url(../_images/sneezeguard.png);
	overflow: hidden;
}

.sharebox{
	width: 445px;
	height: 285px;
	margin: 150px auto 0 auto;
	background-color: #eeeeef;
}

.shareform{
	margin: 10px;
}

.sharelink{
	width: 420px;
	height: 35px;
	font-size: 11px;
	color: #666666;
}

.detailwindow{
	width: 950px;
	margin: 10px auto 0 auto;
	/*border: solid #7d7f82 2px;*/
	border: solid #999999 1px;
	background-image: url(../_images/detail_background.png);
	/*background-color: #d1d1d2;*/
}

.controls{
	height: 32px;
	/*border-bottom: solid #7d7f82 2px;*/
	border-bottom: solid #7d7f82 1px;
	background-image: url(../_images/detail_header_background.jpg);
}

.controls_left{
	height: 22px;
	line-height: 22px;
	float: left;
	width: 378px;
	border-right: solid #7d7f82 1px;
	margin: 6px 0 0 0;
}

.sharetitle{
	height: 22px;
	line-height: 22px;
	float: left;
	width: 378px;
	color: #660000;
	font-size: 16px;
	margin: 6px 0 0 10px;
	font-weight: bolder;
}

.nobar{
	border-right: none;
}

.controls_right{
	height: 22px;
	line-height: 22px;
	float: left;
	width: 540px;
	margin: 6px 0 0 0;
}

.controls_right .floornumber{
	width: 80px;
	overflow: hidden;
}

.close{
	z-index: 10001;
	float: right;
	width: 22px;
	height: 20px;
	margin: 6px 6px 0 0;
}

.detailcontent{
	height: 545px;
	margin: 20px 10px 0 20px;
}

.detailfooter{
	background-color: #ffffff;
	margin: 0;
	height: 20px;
	text-align: right;
	/*border-top: solid #7d7f82 2px;*/
	border-top: solid #7d7f82 1px;
	background-image: url(../_images/detail_header_background.jpg);
	overflow: hidden;
}

.detailfooter_right{
	float: right;
	width: 520px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	margin: 0 20px 0 0;
}

.detailcontent_left{
	float: left;
	width: 348px;
}

.detailcontent_divider{
	float: left;
	width: 20px;
	margin: 0 10px 0 0;
}

.detailcontent_right{
	float: left;
	width: 530px;
}

.detailname{
	height: 40px;
	margin: 0;
}

.mainname{
	font-size: 18px;
}

.colorkey{
	position: absolute;
	z-index: 2000;
	width: 150px;
	height: 200px;
	background-color: #eeeeef;
	border: solid #000000 1px;
	margin: 315px 0 0 105px;
	display: none;
}

.fitoutinfo{
	height: 40px;
	width: 560px;
	margin: 0;
}

.detailstack{
	width: 338px;
	height: 480px;
	text-align: center;
	line-height: 480px;
}

.campusmap{
	display: none;
	position: absolute;
	z-index: 1000;
	/*background-color: #ffffff;
	border: solid #999999 1px;*/
	width: 910px;
	height: 490px;
	overflow: hidden;
}

.contactimage{
	width: 338px;
	height: 400px;
	text-align: center;
	line-height: 400px;
	border: solid #999999 1px;
}

.contactdetails{
	margin: 0 0 0 75px;
	width: 180px;
}

.fpo{
	background-color: #00ffff;
}

.detailplate{
	width: 530px;
	height: 480px;
	text-align: center;
	line-height: 480px;
}

.detailstackkey{
	text-align: center;
	width: 348px;
	margin: 0 0 5px 0;
}

.detailplatekey{
	text-align: center;
	width: 530px;
	margin:  0 5px 0;
}

.detailplatekeyblock{
	min-width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	float: left;
	margin: 5px 5px 0 0;
	color: #000000;
	border: solid #000000 1px;
	font-size: 9px;
	font-weight: bolder;
	padding: 0 2px 0 2px;
}

.detailplatekeytext{
	min-width: 25px;
	height: 20px;
	line-height: 20px;
	float: left;
	margin: 3px 10px 0 0;
}

.amenitylist{
	margin: 30px 0 0 0;
	width: 348px;
}

.amenityitem{
	float: left;
	width: 160px;
	height: 20px;
	text-align: left;
}

.moredetails{
	margin: 10px 0 0 0;
}

.largeimage{
	/*background-color: #000000;*/
	width: 532px;
	height: 427px;
	line-height: 427px;
	text-align: center;
	border-bottom: solid #999999 1px;
}

.captioninfo{
	height: 30px;
	width: 532px;
	line-height: 30px;
}

.captioninfo_left{
	float: left;
	width: 400px;
}

.captioninfo_right{
	float: right;
	width: 132px;
	text-align: right;
}

.thumbnailimages{
	width: 650px;
	margin: 0 0 15px 0;
}

.thumbnail{
	float: left;
	height: 50px;
	line-height: 50px;
	width: 68px;
	background-color: #d0d1d3;
	margin: 0 16px 0 0;
	text-align: center;
	border: solid #c3c1c1 4px;
}

.activetool{
	color: #660000;
}

.thumbnailactive{
	border: solid #660000 4px;
}

.brokercolumn{
	float: left;
	width: 177px;
	margin: 0 6px 0 0;
}

.brokergroup{
	margin: 0 0 10px 0;
	height: 90px;
}

.eopbroker{
	background-color: #ffffff;
	/*border: solid #7d7f82 2px;*/
	border: solid #7d7f82 1px;
	padding: 5px;
	height: 80px;
	width: 160px;
}


/* FORM STYLES */
.formgroup{
	margin: 0 0 10px 0;
}

.fieldlabel{
	float: left;
	width: 150px;
	text-align: right;
	margin: 3px 10px 0 0;
}

.fieldlabels{
	float: left;
	width: 100px;
	text-align: right;
	margin: 3px 10px 0 0;
}

.fieldelement{
	float: left;
	width: 300px;
}

.arrow_down{
	background-image:url(../_images/arrow_down.png);
	background-position:right;
	background-repeat:no-repeat;
}

.cityfield{
	width: 130px;
}

.statefield{
	width: 30px;
}

.zipfield{
	width: 40px;
}

.ou_cityfield{
	width: 300px;
}

.provincefield{
	width: 150px;
}

.postalfield{
	width: 75px;
}

.ou{
	display: none;
}

.submitgroup{
	text-align: right;
	margin: 20px 57px 0 0;
}

.submitgroups{
	text-align: right;
	margin: 20px 2px 0 0;
}