/*
 	-------------------------------  		
	 		Yahoo Resets
	-------------------------------  
*/   
  	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a {
	color: #000;
}


body {
	color: #000;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
	
}

div#container{
}

/* 
	-------------------------------  		
	 		Header
   	-------------------------------  
*/   

div#header {
	background-image: url('../img/bg_header.jpg');
	background-repeat: repeat-x;
	padding-left: 5px;
	height: 37px;
	z-index: 99;
	padding-top: 3px;
	position: relative;
}


/* 
	-------------------------------  		
	 		Control Bar
   	-------------------------------  
*/  

div#control_bar{
	background-image: url('../img/bg_control_bar.png');
	background-repeat: repeat-x;
	height: 28px;
	padding-top: 3px;
	padding-left: 10px;
	clear: none;
	z-index: 98;
	position: relative;

}

div#control_bar span.right img {
	padding-right: 1px;
}

div#control_bar span.drag_zoom img {
	padding-left: 1px;
}

div#control_bar span.left{
	float: left;
}

div#control_bar span.center{
	position: absolute;
	text-align: center;
	width: 55%;
}



div#control_bar span.right{
	float: right;
	margin-right: 10px;
}

div#zoom_tool{
	display: inline;
	background-image: url('../img/button_zoom_level_bg.png');
	background-repeat: repeat-x;
	height: 28px;
	margin-top: 10px;
	padding-top: 6px;
}

div#zoom_tool a{
	width: 50px;
}

span.lens_tool_button {
	margin-left: 1px;
}



/* 
	-------------------------------  		
	Building Search Display Tray
   	-------------------------------  
*/  

div#display_tray{

	margin-top: -30px;
	font-size: 11px;
	min-width: 950px;
	z-index: 97;
	position: relative;
	top: -250px;
}	

div#display_tray div#display_tray_bg_container{
	background-image: url('../img/bg_display_tray.png');
	background-repeat: repeat;
	padding-top: 25px;
}

div#search_menu{
	float: left;
}

div#residential_search{
	float: left;
	border-right: 1px #ccc solid;

}

div#office_search{
	float: left;
	border-right: 1px #ccc solid;
}


div#hotel_search{
	float: left;
	border-right: 2px #ccc solid;
	width: 140px;
}


div#display_tray h3{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
	padding-left: 15px;
	padding-top: 10px;
	font-size: 14px;
	padding-bottom: 5px;
}


div.show_all {
	padding-left: 15px;
	padding-top: 10px;
}

div.show_all label strong{
	font-weight: bold;

}

div#display_tray h4{
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 6px;
	margin-top: 6px;
}

div#display_tray h3.residential, div#display_tray h4.residential{
	color: #FF9900;
}

div#display_tray h3.office, div#display_tray h4.office{
	color: #FF0033;
}

div#display_tray h3.hotel, div#display_tray h4.hotel{
	color: #FF6633;
}


div#display_tray h3.search, div#display_tray h4.search{
	color: #666666;
}


div#display_tray label{
	margin-left: 4px;
}

div#display_tray input{
}

div#display_tray div.checkbox_column{
	padding-left: 15px;
	padding-right: 5px;
	float: left;
	height: 140px;
	width: 105px;
}



div#display_tray div#housing_types{
	width: 120px;
}

div#display_tray div#status_extras{
	width: 90px;
}

div#display_tray div#res_size_range_column{
	width: 110px;
}


div#display_tray div#ofc_size_range_column{
	width: 140px;
}

div#display_tray div#size_range_column{
	width: 120px;
}

div#display_tray div#stories_column{
	width: 60px;
}


div#display_tray div.checkbox_column div{
	margin-bottom: 2px;
	height: 12px;
}

div#display_tray div.checkbox_column div span{
	margin-top: 15px;
	margin-right: 5px;
	float: right;
}

img#button_clear_criteria{
	cursor: pointer;
}


div#blank_column{
	margin-top: 31px;
	height: 165px;
	width: 100%;
	display: none;
	position: absolute;
}

div#search_right{
	float: right;	
	position: absolute;
	right: 0;
	width: 100%;
}

div#display_tray div.search_field_column{
	float: right;
	position: absolute;
	right: 0;
}


div#display_tray div.search_field_column input{
	margin-bottom: 20px;
}

div#display_tray div.search_field_column span{
	margin-top: 10px;
}

div#display_tray  input#submit{
	margin-bottom: 0px;
}



div#display_tray div.search_field_column h3{

}


div#display_tray div.search_fields{
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 10px;
	height: 156px;


}

div#display_tray div.search_field_column div span {
	display: inline;
}

div#display_tray div.search_field_column div span div{
	display: inline;

}


div#display_tray div.search_field_column div span img{
	cursor: pointer;
}

div#display_tray div#display_tray_break{
	display: none;
}

div#display_tray div#display_tray_border{
		padding-top: 20px;
		border-bottom: 1px #ccc solid;
}


div#display_tray div#display_tray_handle{
	clear: both;
	text-align: center;
	cursor: pointer;
	height: 10px;
	border-top: 1px #ccc solid;

}


div#display_tray div#display_tray_handle  div#display_tray_handle_image_div img{
	height: 7px;
}

div#display_tray div#display_tray_handle  div#display_tray_handle_image_div{
	position: relative;
	top: -2px;
}



div#display_tray_shadow{
	height: 7px;
	background-image: url('../img/bg_display_tray_shadow.png');
	background-repeat: repeat-x;

}

div#display_tray div#searchAddressPopup, div#display_tray div#searchBuildingNamePopup{
	position: absolute;
	z-index: 99;
	background-image: url('../img/bg_display_tray.png');
	background-repeat: repeat;
	width: 135px;
	padding: 5px;
	margin-top: -9px;
	overflow: hidden;
	display: none;
}

div#display_tray div#searchAddressPopup li, div#display_tray div#searchBuildingNamePopup li{
	cursor: pointer;
	line-height: 18px;	
}


div#display_tray div#searchAddressPopup li:hover, div#display_tray div#searchBuildingNamePopup li:hover{
	background-color: #ccc;
	cursor: pointer;
	
}




/* 
	-------------------------------  		
	 		Lens
	-------------------------------  
*/  


div#lens_tool {
	position: absolute;
	left: 400px;
	top: 150px;
	width: 308px;
	height: 308px;
	z-index: 18 !important;
	display: none;
	cursor: move;
	overflow: hidden;
}



div#lens_tool_bg {
	position: absolute;
	width: 308px;
	height: 308px;
	background-image: url('../img/bg_lens_se.png');
	background-repeat: no-repeat;
	z-index: 17 !important;
}

div#lens_tool_bg_bg {
	position: absolute;
	width: 308px;
	height: 308px;
	background-image: url('../img/bg_lens.png');
	background-repeat: no-repeat;
	z-index: 16 !important;
}

div#lens_tool_map {
	position: absolute;
	z-index: 15 !important;
	margin-left: 18px;
	margin-top: 15px;	
}

div#lens_tool_map div div {
	margin-top: 25px;
	margin-left: 25px;

}

div#lens_tool_map div div{
}

div#button_lens_nw{
	position: absolute;
	left:13px;
	top: 10px;
	line-height: 13px;	
}

div#button_lens_ne{
	position: absolute;
	right: 13px;
	top: 10px;
	line-height: 13px;	
	text-align: right;
}

div#button_lens_sw{
	position: absolute;
	left:12px;
	bottom: 16px;
	line-height: 13px;	
}

div#button_lens_se{
	position: absolute;
	right: 12px;
	bottom: 16px;
	line-height: 13px;	
	text-align: right;

}

div#button_lens_sw, div#button_lens_se, div#button_lens_ne, div#button_lens_nw{
	cursor: pointer;
}


div#button_lens_ne_title, div#button_lens_se_title{
	margin-right: 15px;
}
div#button_lens_nw_title, div#button_lens_sw_title{
	margin-left: 15px;

}

div#historic_credit {
	z-index: 50;
	position: absolute;
	bottom: 35px;
	right: 5px;
	font-size: 11px;
	display: none;

}

/* 
	-------------------------------  		
	 		Welcome
	-------------------------------  
*/  

div#welcome_screen{
	z-index: 150;
	position: absolute;
	width: 100%;
	top: 150px;
	text-align: center;
}

/* 
	-------------------------------  		
	 		Legend
	-------------------------------  
*/  

div#legend{
	position: absolute;
	left: 0px;
	top: -180px;
	z-index: 60;
	padding-bottom: 10px;
	width: 100%;

}

div#legend div#legend_bg_container{
	background-image: url('../img/bg_display_tray.png');
	background-repeat: repeat;
	padding-top: 60px;	
}


div#legend img{
	margin-left: 20px;
	margin-bottom: 10px;
}

div#legend_shadow{
	height: 7px;
	background-image: url('../img/bg_display_tray_shadow.png');
	background-repeat: repeat-x;

}

/* 
	-------------------------------  		
	 		Help
	-------------------------------  
*/  

div#help{
	position: absolute;
	left: 0px;
	top: -300px;
	z-index: 60;
	padding-bottom: 10px;
	width: 100%;
	min-width: 905px;
}

div#help div#help_bg_container{
	background-image: url('../img/bg_display_tray.png');
	background-repeat: repeat;
	padding-top: 45px;	
	float: left;
	width: 100%;
}


div#help img{
 float: left;
}

div#help span{
	float: right;
}


div#help{
	height: 7px;
	background-image: url('../img/bg_display_tray_shadow.png');
	background-repeat: repeat-x;

}

div#help_shadow{
	float: left;
	width: 100%;
	background-image: url('../img/bg_display_tray_shadow.png');
	background-repeat: repeat-x;

}


/* 
	-------------------------------  		
	 		Google Search
   	-------------------------------  
*/  

div#google_search{
	margin-top: -40px;
	font-size: 12px;
	min-width: 900px;
	z-index: 97;
	position: absolute;
	top: -200px;
	padding-top: 40px;
	width: 100%;
	
}

div#google_search div#google_search_bg_container{
	background-image: url('../img/bg_display_tray.png');
	background-repeat: repeat;
}

div#google_search h3{
	color: #0099CC;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 35px;
}

div#google_search div.search_field_column h3{
	padding-left: 0;
	padding-top: 0px;

}

div#google_search_text{
	padding-left: 10px;
	width: 600px;
	float: left;
	margin-bottom: 10px;
}

div#google_search_field_column{
	float: right;
	padding-right: 10px;
	text-align: right;
}

div#google_search_field_column input{
	margin-bottom: 10px;
}


div#google_search div#google_search_break{
	clear: both;
}

div#google_search div#google_search_border{
	height: 1px;
	background-image: url('../img/bg_display_tray_border.png');
	background-repeat: repeat-x;
}


div#google_search div#google_search_handle{
	clear: both;
	text-align: center;
	cursor: pointer;
	height: 10px;
}


div#google_search div#google_search_handle  div#google_search_handle_image_div img{
	height: 7px;
}

div#google_search div#google_search_handle  div#google_search_handle_image_div{
	position: relative;
	top: -2px;
}



div#google_search_shadow{
	height: 7px;
	background-image: url('../img/bg_display_tray_shadow.png');
	background-repeat: repeat-x;
	width: 100%;
	float: left;
}


div#google_search input.gsc-input {
	padding: 2px;
	color: #000;
	display: block;
	
}

div#google_search td.gsc-input {
	vertical-align: top;
	padding-right: 5px; 
	width: 180px;
}

div#google_search td.gsc-clear-button {
	width: 60px;
	text-align: left;
	vertical-align: top;
}

div#google_search div.gsc-clear-button {
	background-image: url('../img/button_clear.png');
	width: 58px;
	margin-bottom: 0;
	background-position: 0 0 ;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:3px;
	margin-right:0px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align:left;
}

div#google_search td.gsc-search-button {
	vertical-align: top;

}

div#google_search div.gsc-search-button {
	background-image: url('../img/button_search.jpg');
	width: 58px;
	margin-bottom: 0;
	background-position: 0 0 ;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:3px;
	margin-right:0px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align:left;
}


/* 
	-------------------------------  		
	 		Google Search Well
   	-------------------------------  
*/ 

div#search_well{
	position: absolute;
	right: 10px;
	top: 200px;
	width: 180px;
	background-image: url('../img/bg_display_tray.png');
	background-repeat: repeat;
	padding: 20px;
	z-index: 90;
	font-size: 10px;
	display: none;
}

.gs-localResult {
	font-size: 12px;
}

	
input.gsc-input{
	width: 140px;
}

.gsc-branding{
	display: none;
}


/* 
	-------------------------------  		
	 		Content
   	-------------------------------  
*/  

div#content{
	float: left;
	padding-top: 20px;
}


/* 
	-------------------------------  		
	 		Google Map
   	-------------------------------  
*/  

div#google_map{
	position:absolute;
	left:0px;
	top: 40px;
	bottom: 20px;
	width: 100%;
	z-index: 5;
	min-height:500px;
    height:auto !important;
	height:800px;
}

/* 
	-------------------------------  		
	 		Detail Bubble
   	-------------------------------  
*/  


#bubble{
	position: absolute;
	z-index: 110000;
	width: 379px;
	background-color: #FFF;
}
#bubble_contents{
	background-color: #FFF;
	height: 240px;
	position: absolute;
	z-index: 110000;
}
#bubble_tl{
  	background: url('../img/bg_bubble_top_left.png') top left no-repeat transparent;
	height: 26px;
	width: 12px;
	position: absolute;
	z-index: 110000;
}

#bubble_t{
  	background: url('../img/bg_bubble_header.jpg') top left repeat-x transparent;
	height: 26px;
	padding-top: 125px;
	position: absolute;
	z-index: 110000;
}

#bubble_tr{
  	background: url('../img/bg_bubble_top_right.png') top left no-repeat transparent;
	height: 26px;
	width: 12px;
	position: absolute;
	z-index: 110000;
}

#bubble_l{
	background: url('../img/bg_bubble_left.png') top left repeat-y transparent;
	width: 12px;
	padding-left: 40px;
	position: absolute;
	z-index: 110000;
}

#bubble_r{
	background: url('../img/bg_bubble_right.png') top left repeat-y transparent;
	width: 12px;
	padding-right: 40px;
	position: absolute;
	z-index: 110000;
}

#bubble_bl{
  	background: url('../img/bg_bubble_bottom_left.png') top left no-repeat transparent;
	width: 12px;
	height: 19px;
	position: absolute;
	z-index: 110000;
}

#bubble_b{
  	background: url('../img/bg_bubble_footer.png') top left repeat-x transparent;
	height: 19px;
	position: absolute;
	z-index: 110000;
}

#bubble_br{
  	background: url('../img/bg_bubble_bottom_right.png') top left no-repeat transparent;
	width: 12px;
	height: 19px;
	position: absolute;
	z-index: 110000;
}

#bubble_close{
	width: 21px;
	height: 16px;
	margin-top: -5px;
	background: url('../img/button_bubble_close.png') top left no-repeat transparent;
	cursor: pointer;
	position: absolute;
	z-index: 110000;

}

#bubble_beak{
	width: 24px;
	height: 36px; 
	background: url('../img/bubble_pin.png') top left no-repeat transparent;
	position: absolute;
	z-index: 110000;
}

#bubble_contents {
	position: absolute;
	z-index: 110000;
}
#bubble_contents .section1{
	margin: 0;
	padding: 0;
}

#bubble_contents .section2{
	margin: 0;
	padding: 0;
}
#bubble_contents .tab_contents p{
	margin: 0px 0;
	padding: 5px;
}
#bubble_contents .tab_title{
	font-size: 16px;
	font-weight: bold;
}

.tabs_header{
	position: absolute;
	top: -18px;
	left: 4px;
	float: left;
	z-index: 110000;}

#tab0, #tab1, #tab2{
	display: inline;
	cursor: pointer;
	position: relative;
	z-index: 110000;}


.tab_contents{
	height: 220px;
	padding: 10px;
	position: relative;
	z-index: 110000;
}

.tab_contents .tab_info{
	font-size: 11px;
	line-height: 20px;
	padding-right: 10px;
	position: relative;
	z-index: 110000;
}

#tab2_content .tab_info{
	height: 210px;
 	overflow-y: scroll;
	margin-right: -14px;
	font-size: 11px;
	line-height: 18px;
	padding-right: 10px;
}

#tab0_content{
  position: relative; 
  top: 0;
  left: 0;
}
#tab1_content{
  position: absolute;
  top: 0;
  left: 0;
  display:none;
}
#tab2_content{
  position: absolute;
  top: 0;
  left: 0;
  display:none;
}

div.tab_info_image{
	width: 150px;
	float: left;
	padding-top: 10px;
}


div.tab_info_col{
	float: left;
	padding-top: 5px;
	margin-left: 110px;
	position: absolute;
	left: 0;
	top: 20px;
	width: 240px;
}


div.tab_info_col div.tab_info_label{
	text-transform: uppercase;
	color: #0099CC;
	font-weight: bold;
	font-size: 9px;
	width: 60px;
	text-align: right;
	line-height: 13px;
	float: left;
	margin-bottom: 10px;
}

div.tab_info_col div.tab_info_item{
	padding-top: 0px;
	width: 160px;
	float: left;
	line-height: 13px;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.tab_info_column_1{
	width: 170px;
	padding-top: 10px;
}

div.tab_info_column_2{
	padding-top: 5px;
	position: absolute;
	top: 22px;
	left: 170px;

}


div.tab_info_column_1 div.tab_info_label, div.tab_info_column_2 div.tab_info_label{
	text-transform: uppercase;
	color: #0099CC;
	font-weight: bold;
	font-size: 9px;
	width: 80px;
	text-align: right;
	line-height: 13px;
	float: left;
	margin-bottom: 10px;
}

div.tab_info_column_1 div.tab_info_item, div.tab_info_column_2 div.tab_info_item{
	padding-top: 0px;
	width: 70px;
	float: left;
	line-height: 13px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* 
	-------------------------------  		
	 		Footer
   	-------------------------------  
*/  

div#footer{
	position: absolute;
	bottom: 0px; 
	height: 20px;
	left: 0; 
	background-image: url('../img/bg_footer.jpg');
	background-repeat: repeat-x;
	width: 100%;
	z-index: 99;

}


div#footer span.left {
	padding-top: 3px;
	padding-left: 1px;
	float: left;
	height: 16px;
	overflow: hidden;
}

div#footer span.right{
	padding-top: 3px;
	padding-right: 2px;
	height: 16px;
	overflow: hidden;
	float: right;
}