/* Hoban 2 CSS */

/******* HTML Tags *******/

body{
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-size: 11px;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
  background: white url(/files/corporate/000/000/000/06/gateway/images/hoban_background.gif) repeat-x top left;
}

p{
  line-height: 0px;
  margin: 0;
  padding: 10px 0px 0px 0px;
}

img{
  border: none;
}

#content_middle p{
  line-height: 20px;
}

#min_height{
  float: left;
  height: 270px;

}
#min_height_right{
  float: right;

}


/******* Global Links *******/

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

a, a:link {
  color: blue;
}

a:active{
  color: #e7a404;
}

a:active, a:focus {
  outline: 0;
}

a:visited{
  color: purple;
}

a:hover {
  color: black;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1{
  font-size: 13px;
}
h2{
  color: white;
  font-size: 14px;
}
.h2_header{
  padding-top: 5px;
}
/******* Layout *******/

#container{

}
#container_top{
  width: 915px;
  margin-left: auto;
  margin-right: auto;
}
#container_middle{
  color: #1833a8;
  line-height: 20px;
  width: auto;
  overflow: hidden;
  padding-top: 5px;
  background: #72A1FF url(/files/corporate/000/000/000/06/gateway/images/content_middle_shadow.gif) repeat-x top left;
}
#content_middle{
  width: 915px;
  margin-left: auto;
  margin-right: auto;
}
#container_bottom{
  width: 915px;
  margin-left: auto;
  margin-right: auto;
}

#top{
  width: 915px;
  height: 90px;
  background: url(/files/corporate/000/000/000/06/gateway/images/logo_top.jpg) no-repeat bottom left;
}

#top-bar{
  width: 915px;
  height: 33px;
  background: url(/files/corporate/000/000/000/06/gateway/images/top_bar.jpg) no-repeat top left;
}

#left{
  width: 265px;
  float: left;
}

#main{
  width: 463px;
  height: 336px;
  float: left;
  background: url(/files/corporate/000/000/000/06/gateway/images/main_content_back.png) no-repeat bottom left;
}

#right{
  width: 187px;
  float: left;
}

#bottom{
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  color: white;
  width: 915px;
  height: 31px;
  float: left;
  background: url(/files/corporate/000/000/000/06/gateway/images/hoban_city_footer.gif) no-repeat top left;
}

#bottom a, #bottom a:link, #bottom a:active{
  color: white;
}

#bottom a:hover{
  color: #1833a8;
}

#bottom a:active{
  color: yellow;
}

#footer_nav{
  margin-top: 7px;
  width: 915px;
  height: 31px;
  float: left;
  background: url(/files/corporate/000/000/000/06/gateway/images/hoban_links_footer.gif) no-repeat top left;
}

.right_content_bottom{
  width: 185px;
  height: 87px;
  padding: 0px 0px 0px 2px;
}
.right_content_bottom a, .right_content_bottom a:link, .right_content_bottom a:visited{
  color: white;
}
.right_content_bottom a:hover{
  color: #FEB300;
}
.right_content_bottom a:active{
  color: yellow;
}
/******* BOX CORNER SINGLE-IMAGE *******/
					
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(/files/corporate/000/000/000/06/gateway/images/demobox.gif) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox {
    width: 243px !important;   /* intended total box width (265) - padding-right(next) */
    width: 243px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}
.cssbox_content{
	height: 281px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 5px 0 15px 15px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 0px;        /* interior-padding right */
    padding: 1px 0 15px 15px; /* mirror .cssbox_head right/left */
}

/******* Disclaimer *******/

#d_claimer{
  width: 915px;
  height: auto;
  float: left;
}
.copyright{color: #000;}
.disclaimer{
  color: #ff0000;
  font-size: 10px;
  font-weight: normal;
}
.disclaimer:hover{color: #0000ff;}
#disclaimer_hover{color:#0000ff;}


/******* Featured Community *******/

#feat_comm {
  width: 174px;
  height: auto;
  float: left;
  text-align: left;
  background: white;
}
.feat_info{
  color: #727272;
  font-size: 10px;
  line-height: 14px;
}
#feat_comm img{
  width: 174px;
  padding: 0px 0px 4px 0px;
}
.feat_info b{
  font-size: 12px;
  color: #646464;
  line-height: 16px;
}
.feat_header{
  font-size: 0;
  width: 187px;
  height: 9px;
  float: left;
  background: url('/files/corporate/000/000/000/06/gateway/images/featured_top.gif') top left no-repeat;
}
.feat_content{
  width: 181px;
  height: auto;
  float: left;
background: url('/files/corporate/000/000/000/06/gateway/images/featured_middle.gif') top left repeat-y;
  padding: 0px 0px 0px 6px;
}
.feat_bottom{
  width: 187px;
  height: 11px;
  float: left;
  background: url('/files/corporate/000/000/000/06/gateway/images/featured_bottom.gif') top left no-repeat;
}

/******* Extras *******/

#mapDiv a{
  position:absolute;
  text-decoration:none;
  font-weight:bold;
}

#txtcontent{
  font-weight: bold;
  text-align: center;
  line-height: normal;
  position: relative;
  left: 13px;
  top: 105px;
  color: white;
  padding-top: 11px;
  width: 126px;
  height: 41px;
  z-index: 1003;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/files/corporate/000/000/000/06/gateway/images/map_info_box.png',sizingMethod='scale');
}
html>body #txtcontent {
  background: url('/files/corporate/000/000/000/06/gateway/images/map_info_box.png') no-repeat top left;
}

#dhtmltooltip{
  position: absolute;
  left: -300px;
  visibility: hidden;
  z-index: 100;
}

.city_nav_city{
  padding: 0px 5px;
}


/******* Contact Us *******/

#contact{
  width: 430px;
  text-align: left;
  margin: 8px 2px 0px 10px;  
  padding-top: 7px;
  padding-right: 5px;
  height: 286px;
  overflow-x: hidden;
  overflow-y: auto;
}
table#contact_table{
  font-size: 10pt;
  text-align: left;
  float: left;
  margin: 0px 0px 0px 0px;
}
.cityname{
  display:block;
  background-color: #336799;
  color: #fff;
  font-size: 11pt; 
  text-align: center;
  clear: both;  
  font-weight: bold; 
}
td .cityname{
  padding-top: 6px;
  height: 29px;
  background: url('/files/corporate/000/000/000/06/gateway/images/contact_us_city_back.png') no-repeat;
}

table #contact_table{
  font-size: 10pt;
  text-align: left;
  float: left;
  color: #000;
}

.site_check{
  float: left; 
  text-align: left;
  font-size: 10pt; 
  display: block;
  width: 50%;
  font-weight: bold;
  color: #152960;  
  padding: 5px 0px 5px 0px;
}


/******* Search *******/

#search{
  float: left;
  margin: 8px 2px 0px 0px;  
  padding-right: 5px;
  padding-left: 10px;
  width: 430px;
  height: 286px;
  overflow-x: hidden;
  overflow-y: auto;
}
#search_top_text{text-align: left;}
#search_top_text strong{color: #4387e3;}
#search_top_text a{text-decoration: none; color: #742E26;}
#search_top_text a:hover{color: #CFA43C; text-decoration: underline;}
#search_table{
  background: url('/files/corporate/000/000/000/06/gateway/images/searchboxmid.png') no-repeat;
  width: 425px;
  height: 183px;
  color: #fff;
  float: left;
  overflow: hidden;
}
.search_back_top{
  background: url('/files/corporate/000/000/000/06/gateway/images/searchboxtop.png') no-repeat;
  width: 425px;
  height: 53px;
  float: left;
}
.search_back_bot{
  background: url('/files/corporate/000/000/000/06/gateway/images/searchboxbot.png') no-repeat;
  width: 425px;
  height: 23px;
  float: left;
}
#results_table{
  overflow: hidden;
  width: 410px;
  padding: 2px;
  float: left;
  margin: 0px 0px 10px 0px;
}
.community_name{
/*top link*/
  width: 410px; 
  height: 22px;
  border-width: 1px 0px 1px 0px;
  background-color: #feb300;
  border-style: solid;
  border-color: #000;
  text-align: left; 
  float: left; 
  margin-top: 10px; 
}
.community_url{
/*bottom link*/
  width: 410px; 
  text-decoration: none; 
  padding: 2px 0px 2px 0px; 
  float: left;
  border-top: 1px solid #000; 
  background: #5D89F3; 
}	
/*community links*/
.community_name a{padding: 0px 0px 0px 5px;color: #fff; font-weight: bold; font-size: 12px;}
.community_url a{padding: 0px 0px 0px 5px;color: #fff; font-weight: bold; font-size: 10px;}
.community_name a:hover, .community_url a:hover{color: #13306c;}
.community_url{ clear: both;}
.community_info{font-size: 10px; text-align: left;}
	
/*container for each result, all values are fixed*/	
.middle{
  width: 410px; 
  height: auto; 
  padding: 0px 0px 0px 0px;
  background: #C7D9FF;
  float: left; 
  font-size: 10px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #000;
  clear: both; 
}
.middle_left img{
/*site image*/
  height: 78px;
  float: left;
  clear: left;
}
.middle_middle{
/*addresss*/
  width: 133px;
  text-align: left;
  font-size: 10px;
  line-height: 11px;
  padding-left: 0px;
  float: left;

}
.middle_right{
/*community specifications*/
  width: 165px;
  line-height: 11px;
  color: #000; 
  float: left; 
  text-align: left; 
}
.middle_right #specs_table{color:#000}
#specs_table{font-size: 10px; text-align: left;  }





/***** Property Lisings Page *****/

.prop_list_top{
  float: left;
  font-size: 0px;
  line-height: 0px;
  width: 721px;
  height: 13px;
  background: url('/files/corporate/000/000/000/06/gateway/images/prop_list_top.png') no-repeat top left;
}
.prop_list_mid{
  float: left;
  text-align: left;
  color: #787878;
  width: 701px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 300px;
  background: url('/files/corporate/000/000/000/06/gateway/images/prop_list_mid.png') repeat-y top left;
}
.prop_list_bot{
  float: left;
  width: 721px;
  height: 17px;
  background: url('/files/corporate/000/000/000/06/gateway/images/prop_list_bot.png') repeat-y top left;
}

.listing_top_left{
  width: 122px;
}

.listing_headers{
  color: white;
  font-size: 10px;
  height: 36px;
}
.listing_header_left{
  width: 10px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_left.png') no-repeat top left;
}
.listing_city{
  color: #1833a8;
  font-size: 12px;
  width: 110px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_main.png') repeat-x top left;
}
.listing_header_mid_left{
  width: 7px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_cat_left.png') no-repeat top left;
}
.listing_name, .listing_type_image, .listing_type, .listing_unit_number, .listing_beds, 
.listing_price, .listing_size, .listing_available, .listing_photos, .listing_header_right{
  padding-bottom: 4px;
}
.listing_name{
  width: 115px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_type_image{
  width: 20px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_type{

  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_unit_number{
  width: 40px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_beds{

  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_price{

  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_size{

  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_available{

  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_photos{
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_mid.png') repeat-x top left;
}
.listing_header_right{
  width: 15px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_head_right.png') repeat-x top left;
}

.icon_apartment{
  width: 16px;
  height: 16px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/icon_apartment.png') no-repeat top left;
}
.icon_house{
  width: 16px;
  height: 16px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/icon_house.png') no-repeat top left;
}
.icon_garage{
  width: 16px;
  height: 16px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/icon_garage.png') no-repeat top left;
}
.icon_camera{
  width: 21px;
  height: 20px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/icon_camera_large.png') no-repeat top left;
}

.odd{
  background-color: #f0f0f0;
}
.even{
  background-color: #fff;
}

.white_back{
  background: transparent;
}




/***** Unit Details Page *****/

.detail_buttons{
  float: right;
  margin-bottom: 20px;
}
.unit_info_month{
  font-size: 10px;
  font-weight: bold;
}
#unit_details_container{
  color: #555;
  padding-top: 10px;
}
.cursor_hover a:hover{
  cursor: pointer;
}
#unit_details_community_name{
  font-size: 14px;
  font-weight: bold;
  color: #717171;
  float: left;
  width: 190px;
}
#unit_details_right{
  float: left;
  width: 500px;
}
.unit_address{
  color: white;
  font-size: 13px;
  font-weight: bold;
  float: left;
  width: 500px;
}
#unit_address_left{
  float: left;
  width: 5px;
  height: 25px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/unit_listing_head_left.png') no-repeat top left;
}
#unit_address_mid{
  padding-top: 3px;
  float: left;
  width: 431px;
  height: 25px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/unit_listing_head_mid.png') repeat-x top left;
}
.unit_type_image{
  margin-top: 3px;
  margin-right: 3px;
}
#unit_photo{
  display: inline;
  float: left;
  width: 210px;
  margin-bottom: 10px;
  margin-right: 6px;
}
#unit_photo_top{
  font-size: 0px;
  line-height: 0px;
  width: 210px;
  height: 4px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_photo_back_large_top.png') no-repeat top left;
}
#unit_photo_mid{
  font-size: 0px;
  line-height: 0px;
  width: 210px;
  padding-left: 4px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_photo_back_large_mid.png') repeat-y top left;
}
#unit_photo_bot{
  font-size: 0px;
  line-height: 0px;
  width: 210px;
  padding-left: 4px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_photo_back_large_bot.png') no-repeat top left;
}
#unit_photo_bot{
  float: left;
  height: 4px;
  width: 210px;
  margin-bottom: 5px;
}
.unit_photo_small{
  font-size: 0px;
  line-height: 0px;
  display: inline;
  margin-right: 5px;
  float: left;
  width: 65px;
}
.unit_photo_small_top{
  float: left;
  width: 65px;
  height: 4px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_photo_back_small_top.png') repeat-x top left;
}
.unit_photo_small_mid{
  float: left;
  width: 59px;
  padding-left: 6px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_photo_back_small_mid.png') repeat-y top left;
}
.unit_photo_small_bot{
  float: left;
  width: 65px;
  height: 4px;
  background: url('/files/corporate/000/000/000/06/gateway/images/listings/listing_photo_back_small_bot.png') repeat-x top left;
}
.unit_info_details_box{
  background-color: #f0f0f0;
  padding: 2px 5px 2px 5px;
  border: 1px dashed #d0d0d0;
}
.unit_info_details_box_2{
  background-color: #f0f0f0;
  padding: 2px 5px 2px 5px;
  margin-top: 4px;
  border: 1px dashed #d0d0d0;
}
.unit_info_header_description{
  padding-top: 10px;
}
.unit_info_description_box{
  background-color: #f0f0f0;
  padding: 2px 5px 2px 5px;
  border: 1px dashed #d0d0d0;
}
.unit_header{
  color: #3253a1;
  font-size: 12px;
  font-weight: bold;
}
.unit_info_price{
  font-size: 20px;
  line-height: normal;
  font-weight: bold;
  color: #31a828;
}
.unit_info_beds{
  font-size: 14px;
  padding-left: 5px;
  font-weight: bold;
}
#unit_details_info{
  width: 280px;
  float: left;
}
.listings_button{
  display: inline;
  margin-top: 10px;
}
.tell_me_button{
  display: inline;
  margin-top: 6px;
}

/**** Maintenance Form ****/

.request_box_container{
  width: 264px;
}
.request_box_top{
  float: left;
  background: url(/files/corporate/000/000/000/06/gateway/images/request_box_top.png) no-repeat top left;
  width: 264px;
  height: 72px;
  padding: 0px 0px 0px 0px;
  margin-left: 30px;
}
.request_box_mid{
  float: left;
  background: url(/files/corporate/000/000/000/06/gateway/images/request_box_mid.png) repeat-y top left;
  width: 204px;
  padding: 0px 30px 0px 30px;
  margin-left: 30px;
}
.request_box_bot{
  float: left;
  background: url(/files/corporate/000/000/000/06/gateway/images/request_box_bot.png) no-repeat top left;
  width: 264px;
  height: 73px;
  padding: 0px 0px 0px 0px;
  margin-left: 30px;
}
.listings_back{
  float: left;
}