@charset "utf-8";

body {
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
	background: #000000 URL(/images/shared/tiled_background.jpg) repeat;
}

* { outline: none; }

img { margin: 0px; border: 0px; padding: 0px; }

.hidden { display: none; visibility: hidden; }

div#wrapper {
	width: 1000px;
	margin: 10px auto 0px auto;
	border: 0px;
	padding: 0px;
	text-align: left;
	position:relative;
}

div#inner {
	width: 1000px;
	height: 664px;
	background: URL(/images/shared/2011b_background.jpg) no-repeat;
	position:relative;
}

div#logoBlock {
	position: absolute;
	top: 31px;
	left: 33px; 
	width: 141px; 
	height: 82px;
	z-index: 4;
}

/* FORMS -> move to other definitions */
a.submitButton { display:block; width:101px; height: 25px; background: URL(images/shared/submit_button.jpg) no-repeat; }
a.submitButton:hover { display:block; width:101px; height: 25px; background: URL(images/shared/submit_button-ro.jpg) no-repeat;}
a.loginButton { display:block; width:72px; height: 27px; background: URL(images/shared/login_button.png) no-repeat; }
a.loginButton:hover { display:block; width:72px; height: 27px; background: URL(images/shared/login_button-ro.png) no-repeat; }


/* FOOTER */
div#footer { position: absolute; top: 589px; left: 34px; }
div#fixedFooterL { float:left; padding-left: 8px; width: 261px; font-size: 12px; margin-top: 1px;  color: #acacac; }
div#fixedFooterL a {  color: #acacac; text-decoration: none; font-size: 12px; }
div#fixedFooterL a:hover, 
.footerlink a:hover, 
.footerlink span.footerSelect { color:#ffffff; }
div#fixedFooterM { float: left; width: 370px; padding-top: 3px; }
div#fixedFooterR { float: left; width: 295px; /*274px;*/ font-size: 10px; }
.footerlink { float:right; color: #acacac; vertical-align: top; font-size: 10px; }
.footerlink a { color: #acacac; vertical-align: top; text-decoration: none; font-size: 10px;}

/* CONTENT AREAS */
div#mainContent {
	position:absolute; top: 157px; left: 33px; padding: 10px 0px 11px 0px; width: 936px; height: 407px; overflow: hidden;
	background: URL(/images/shared/2011b_content_lines.png) no-repeat;
}

div#leftContent { float:left; width: 261px; height: 407px; background: URL(/images/shared/2011b_panel_bg.png) repeat; overflow:hidden; position: relative;  }
div#rightContent { float:left; margin-left: 9px; width: 666px; height: 408px; overflow:hidden; position: relative;  }
#mycustomscroll { height: 360px; }

#captionArea { position: absolute; top: 140px; left: 304px; color: #d7d7d7; }
#captionArea a { color: #d7d7d7 !important; }

#movieLink { position: absolute; top: 125px; /* 140px; */ width: 98px; right: 30px; /*right: 68px;*/ /*75px*/ color: #d7d7d7; border: 1px solid #5f5f5f; padding: 3px 7px 4px 6px; }
#movieLink a { color: #d7d7d7 !important; }
#bbr_logo { position: absolute; bottom: 10px; right: 10px; }

div.backImage { position: absolute; top:0; left: 0; z-index: 10; }
div.floatText { position: absolute; bottom:10px; left: 10px; background: #535352; width: 252px; height: auto; padding: 10px; z-index: 20;  height: 150px; }

div.textBlock { padding: 10px 0 0 8px; }
div.textBlock a { color: #87aac1; text-decoration: none; }
div.textBlock a:hover { color: #87aac1; text-decoration: none; }

div.detailsClose { position: absolute; bottom: 10px; right: 10px; z-index: 125; background: URL(images/shared/close_button_2011.png) no-repeat; height: 12px; width: 12px;}
div.detailsClose img { height:12px; width: 12px; }
div.detailsClose a { color: #707070; }

div#bgHolder { position: absolute; top: 0; left: 0; width: 1000px; height: 664px; overflow: hidden; }
div.bgHolderSlide { position: absolute; top: 0; left: 0; }

div#bgSelectorBox { position: absolute; bottom: 0px; /*float:none; clear:both;*/ }
div.bgSelectorItem { float:left; padding: 0px 10px 10px 0px; position:relative; }
div.numberBox { position: absolute;  bottom: 10px; left: 0; width: 15px; height: 15px; background: URL(/images/shared/background-black-55.png) repeat; font-size: 10px; line-height: 11px; font-weight: bold; text-align:center; }

#galleryThumbs { position: absolute; bottom: 0px; }
#galleryThumbs hr { margin-bottom: 10px; margin-right: 10px; }

div.thumbImage { float:left; width: 216px; height: 407px; margin-right: 9px; overflow: hidden; background: URL(/images/shared/2011b_panel_bg.png) repeat; }
div.tenUp { width: 126px; height: 204px; background: none; }
div.thumbPadding { padding: 10px 0 0 10px; }
div.thumbHeading { height: 25px; }
div.thumbText { padding: 10px; }

.howToFind, .howToFindAbove { position: absolute; bottom: 0; padding-bottom:2px; border-top: 1px solid #acacac; width: 245px; }
.howToFind a { color: #acacac !important; }
.howToFindAbove a { color: #88aac2; }

div#extraContent, div#originalContent { position: absolute; top:0; left:0; overflow: hidden; width: 100%; height: 408px; z-index: 11; }
div#originalContent { z-index:10; }
div.rightPanel { position: absolute; right: 0; top: 0; height: 397px; width: 240px; padding: 10px 10px 0 10px; background: URL(/images/shared/2011b_panel_bg.png) repeat; }
div.rightImage { position: absolute; left: 0px; height: 407; width: 395px; }

/* IMAGE MAP (Apartment floorplans) */
#imgMapContainer { position: relative; width: 666px; height: 407px; }
#imgMapContainer img { position: absolute; top: 0; left: 0; }
#imgMapText { position: absolute; top: 10px; right: 10px; width: 196px; color: #5c6263;  z-index: 30;}
#imgMapItemText { color: #9e2114; padding: 5px 0 5px 0; margin: 5px 0 5px 0; border-top: 1px solid #b7babb; border-bottom: 1px solid #b7babb; }
.subPentFloorPlan { background: URL(/images/apartments/sub-pent.png); } 
.threeBedFloorPlan { background: URL(/images/apartments/3bed.png); } 
.threeBedFloorPlan2 { background: URL(/images/apartments/3bed_2.png); } 
.twoBedAFloorPlan { background: URL(/images/apartments/2beda2.png); } 
.twoBedBFloorPlan { background: URL(/images/apartments/2bedb.png); } 

/* INTERACTIVE MAPS */
div.iniMapMenus { position: absolute; top: 175px; width: 323px; height: 295px; }
div.intMapMenuA { position: absolute; top: 45px; left: 10px; height: 90px; width: 240px; z-index: 100; border-bottom: 1px solid #acacac; }
div.intMapMenuB { position: absolute; top: 145px; left: 10px; height: 284px; width: 110px; visibility: hidden; z-index: 105; }
div.intMapMenuC {  position: absolute; top: 137px; left: 115px; width:140px; height: 284px; visibility: hidden; overflow: auto; z-index: 1060 !important; }
div.columnMenuC { padding-left: 25px; float: left; width: 124px; }

div.intMapMenuC div.mapSection { clear:both; margin: 5px 5px 0 0px; padding: 2px 0px 2px 25px; text-transform: uppercase; color:  #88aac2; }

div.intMapMenuItemA, div.intMapMenuItemASel, div.intMapMenuItemB,div.intMapMenuItemBSel { text-transform: uppercase; width: 150px; } 
div.intMapMenuItemB, div.intMapMenuItemBSel { text-transform: uppercase; width: 120px; } 
div.intMapMenuItemC, div.intMapMenuItemCSel { text-transform: uppercase; width: 124px; padding-right: 0px; } 

div.intMapMenuItemA a, div.intMapMenuItemB a, div.intMapMenuItemC a { color: #ffffff; text-transform: uppercase; }
div.intMapMenuItemA a, div.intMapMenuItemA a:hover, div.intMapMenuItemASel a { }
div.intMapMenuItemA a:hover, div.intMapMenuItemASel a,
div.intMapMenuItemB a:hover, div.intMapMenuItemBSel a,
div.intMapMenuItemC a:hover, div.intMapMenuItemCSel a { color: #88aac2 !important; } 

div.intMapMenuItemC, div.intMapMenuItemCSel { float:left; /* margin-left: 30px; */ }

/* VIDEO */
.videoContainer { float:left; width: 417px; height: 236px; }
.videoDetails { margin-left: 427px; }
.videoMenu { padding-bottom: 10px;}
.videoMenuItem { position: relative; width: 242px; padding-left: 10px; padding-right: 10px; padding-top: 10px; }
.videoMenuItem.current { background: URL(/images/shared/video_current_bg.png) repeat; } 
.videoMenuItemInner { border-bottom: 1px solid #acacac; width: 238px; padding-bottom: 10px; font-size: 11px; }
.videoPlayButton { position:absolute; right: 20px; top:10px; width:25px; height:25px; }

/* FORMS */
div.formBlock { color: #ffffff; position: relative; float:left; margin-left:5px; padding:10px 0 0 10px; width:630px; height:370px; }
.formQuestion { float:left; clear: both; height: 25px; width: 100%; }
.formLabelL, .formLabelR { clear:left; float:left; height: 20px; line-height: 20px; vertical-align:bottom; margin-bottom: 4px; color: #ffffff; }
.formLabelR { clear: right; }
div.formBlock input.formField { float:right; clear: right; height: 18px; border: 1px solid #acacac; width: 200px; margin-bottom: 4px; }
div.formBlock input.formRadio { clear: left; float:left; /* height: 18px; */ margin-right:5px; }
div.formBlock input.formSubmit { float:left; margin: 10px;}

/* CUSTOM FORM ELEMENTS */
#register div.formBlock { margin: 0 0 0 5px; padding: 0 0 0 10px; width:630px; height:370px; }
#register input.formField,
#register input.formFieldShort,
div.formQuestionDropdown,
#register div.formBlock div.formQuestion { font-size: 12px; font-weight: normal; /* bold;*/  }

#register div.formQuestionDropdown { float:left; clear:left; width: 100px; position: relative; height: 12px; z-index: 50; padding: 5px 0 9px 0; color: #ffffff; }
#register div.formDropdown { position: relative; margin-left: 114px; width:197px; height: 25px;  } 

#register input.formFieldShort { width: 148px; }
#register div.formSubmit { position: absolute; top: 26px; left: 175px; }

/* #register select { display: block; width: 154px;} */
#register select.replaced { display: none; visibility:hidden; }
#register ul.selectReplacement { background:  #FFFFFF; margin: 0; padding: 0; height: 22px; width: 197px; font-weight: bold; }
#register ul.selectReplacement li { background: #FFFFFF; color: #7d7d7d; cursor: pointer; display: none; font-size: 10px; line-height: 16px; vertical-align: bottom; list-style: none; margin:0 0 0 0; padding: 1px 6px 0px 12px; width: 179px; }
#register ul.selectOpen li { display: block; }
#register ul.selectReplacement li.selected { background: #FFFFFF; color: #7d7d7d; /*background:  #1a1b1e url("images/shared/cutomer-drop-drown-selected.gif") no-repeat bottom left ; color: #ffffff; */ display: block; }
#register ul.selectOpen li.selected { background: #FFFFFF; color: #7d7d7d; display: block; }
#register ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #7d7d7d; color: #FFFFFF; font-weight: bold; }

/* CMS */
div#topCMS { margin: 5px auto 0px auto; width: 1000px; z-index: 10; background: #cccccc; border: 1px solid #202020; }
a.cmsUpdate { background: #000000; color: #ffffff; }
.cms_area { display: block; width: 100%; background-color: #ffffff; clear: both; color: #000000; }
.cms_area td, .cms_area input { color: #000000; } 
.long_input { width: 100%; }
.mce_edit_text { width: 101%; height: 364px; overflow-x: hidden; }
textarea { width: 100%; }

/* Aerial Map */
.aerialMap { position: absolute; top: 0; left:0; }
.aerialMapLoc { display:block; width: 51px; height: 51px; background: URL(/images/cms/new/aerial-map-location.png) no-repeat; position: absolute; z-index: 20; text-decoration: none !important; }
.aerialMapLoc:hover { background: URL(/images/cms/new/aerial-map-location-over.png) no-repeat; text-decoration: none !important; }

/* Moodal Image view */
#moodal { position: absolute; top: -130px;/*40px;*/ left: 0px; width: 938px; height: 610px; /*520px;*/ background: URL(/images/shared/moodalbg.png) repeat; z-index: 110; }
.moodalImage { float:left; width: 750px; height: 610px; padding-left: 90px; }
.moodalClose { margin-left:850px; padding-top:580px;  }
.moodalOpen { position: absolute; z-index: 100; top: 380px; left: 280px; }

/* CUSTOM PAGE STYLES */
div#aT3h { margin-right: 0px; }

div#neo_life div#aT5o,
div#neo_life div#aT10o { margin-right: 0px; }

div#apartmentsThree_bedroom div#bgSelButBox82 { clear:left; }

div#register div#rightContent,

div#pressLogin div#rightContent { background: URL(/images/shared/contact_background.png) repeat; padding-top: 30px; height: 377px; }

div#home #bgSelectorBox { display: none; visibility: hidden; }
div#home div#bgSelButBox59 { clear:left; }

#locationJourney div#rightContent, 
#locationJourney div#extraContent, 
#locationJourney div#originalContent { overflow: visible !important; }
#locationJourney div.floatText { background: none; left: -271px; width: 241px; }

#architectureMasterplan div#mainContent,
#locationMasterplan  div#mainContent { overflow: visible; }

.dynamic-slider-control,
#articlesimage2r62ZoomMinus,
#articlesimage2r62ZoomPlus { visibility: hidden; display: none; }
.intMapMenuC { visibility: hidden !important; }

.bottomNav { clear:both;}