/* CSS Document */

/*  Desc: Global CSS file for Bonterra Website. Browser specific rules should go in a seperate stylesheet.
	Author: Diona Kidd, Susan Hill
	Date: 12/4/2006

=== === === === === === === === === === */

@import url(/css/community_plans.css);
@import url(/css/navigation.css);
@import url(/css/tablekit.css);
@import url(/css/community_map.css);

html, body { height: 100%; }


/*= General Type Styles
=== === === === === === === === === === */
* {
	margin:0;
 	padding:0;
}
a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }
a:link visited { color: #805042; }

h1 {
	font: 16pt normal "Book Antiqua", Verdana, Arial;
}
h2 {
  font: 16pt normal "Book Antiqua", Verdana, Arial;
}
h3,h4 {
        font: 14pt normal "Book Antiqua", Verdana, Arial;
}
					
p { line-height: 14pt; }

body {
  font-size: 10pt;
  font-family: Arial;
  color: #666;
}

/*= Common Elements
=== === === === === === === === === === */

/* Logo Link */
a#home_link span { visibility: hidden;line-height: 8pt; }
a#home_link {
  position: absolute;
  top: 18px;
  left: 20px;
  width: 150px;
  height: 117px;
  text-decoration: none;
  display: table;
}

img {
	border: 0;
}

p { padding: 12px 0; }

table td {
  padding: 5px;
}

ul { margin: 3px; }
ul li { margin-left: 2px; }

/*=STRUCTURE
=== === === === === === === === === === */

body {
  background: #9c8b5f;
  text-align: center;
  behavior: url(css/csshover.htc);} /* WinIE behavior call */
}

#innerwrap, #feature_listings { background: #fff; }

#wrap { 
  position: relative;
  margin: 0px auto;
  text-align: left;
  zoom: 1;
  overflow:hidden;
}

#wrap, #feature_listings, #footer, #innerwrap {
  width: 935px;
  margin: 0px auto;
  text-align: left; 
  clear: both;
}

#flash_content{
	z-index:0;
}
#content { 
	/* width: 716px; for full width (no right col) */
	
	width: 525px; 
	padding-bottom: 2px;
	margin: 0 6px 0 30px;
	float: left;
	margin-top: 88px;
}

/* wraps around content and left col to keep it centered and give it a bg color 
floating this inner wrapper causes it to clear leftcol and content divs
*/
#innerwrap {
    float: left;
    clear: both;
    background: #fff url(/media/leftcol_bg.gif) 0 0 repeat-y;
    padding-bottom: 2px;
}

#innerwrap:after {
  content: '.';
  height: 1%;
  display: block;
}

.center {
  text-align:center;
}


/*= Left Column 
================================== */

#leftcol { 
	color: #333;
	position: relative;
	top: 0px;
	left: 0px;
	background: #eeebd9 url(/media/lc_bg.gif) 0 0 no-repeat;
	float: left;
	padding-top: 155px; /* pushes content below logo and shadow */	
	width: 183px;
}

#leftcol img { padding: 0px; margin: 0px;}

/*= Right Column
=================================== */
#rightcol {
	float: left;
	padding-top: 94px; /* 68px masthead + 26px from masthead */
	margin-right: 6px;	
	width: 156px;
	font-size: 9pt;
}

#rightcol p {  }
#rightcol p span { font-weight: bold; }

#rightcol p { margin-top: 0px; padding-top: 0px; }
#rightcol ul { list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 0px; }
#rightcol li { margin-bottom: 6px; }
#rightcol ul ul { padding-left: 5px; margin-top: 6px; }

#rightcol h2 { font-weight:bold; font-size:9pt}


/*= Right Column Promo 
================================================= */
#rightcol .promo {
  background: url(/media/grey_grad.gif) 0 0 repeat-x;
  margin-bottom: 6px;
  padding: 8px 8px 8px 12px;
width:156px;
}


div.promo ul {font-size:8pt;}
#other_communities ul {margin: 2px 0 8px 0; padding:0;}

.promo {
  background: url(/media/grey_grad.gif) 0 0 repeat-x;
  margin-bottom: 6px;
  padding: 8px 0 8px 12px;
  margin-top:0;
  width:155px;
}



/* =Map Page 
====================================================*/


#map #content { 
  margin-top: 68px; /* clear the header */
  width: 749px; 
  text-align: center; 
  margin-left: 0px; 
  margin-right: 0px; 
} 


#inner_content { padding-left: 64px; text-align: left; } 

#map_text { 
	/* margin: 32px 0 0 64px; */
	/* width:243px; */
	width: 240px;
	font-size: 8pt;
	position: relative;
        float:left;
    /* padding-bottom: 100px; */
}


#map_text p { line-height: 14pt; }
#map_text .promo{
 background: #fff;
  margin-bottom: 6px;
  padding: 0 8px 0 12px;
  width:156px;
}

/* .area_map { float: right; } */

/* Image is too big for map_text. Pulling it out of page flow */
#map_text .promo img { position: absolute; top: 50; left: 0; }

.tooltip_box {
  position:absolute;
  z-index:100;
  height:97px;
  width:147px;
  background:url(/media/maps/tooltip_bg.gif) 0 0 no-repeat;
  text-align:left;
  display:none;
}

#community-map .tooltip_head{
  font-weight:bold;
  padding:5px;
  font-size:8.0pt; 
}
#community-map .tooltip_body{
   font-size:7.3pt;
   padding:5px;

}
#community-map table.tooltip_table {width: 147px;}



/*= Breadcrumb
=====================================*/
#breadcrumb {
	font-size: 8pt; 
	position: relative;
	top: 78px;
	left: 0px;
	margin-left: 215px;
	z-index: 0;
}

#breadcrumb a { z-index: 0; }

/*=FOOTER
=== === === === === === === === === === */

#footer a { color: #fff; }
#footer span { position: relative; top: -2px; left: 0; }

#footer {
  text-align: right;
  padding-right: 0px;
  color: #666;
  font-size: 80%;
  clear: both;
background-color:#9c8b5f;
}
#footer.homefooter { padding-top: 8px;}
#footer img { margin-top: 10px; }



/*=MASTHEAD
=== === === === === === === === === === */
#masthead {
  background: transparent url(/media/masthead_repeat.gif) top left repeat-x; 
  height: 68px;
  margin: 0px;
  padding: 0px;
  width: 752px;
  line-height: normal;
  position: absolute; 
  top: 0;
  left: 183px;
}



/*= FORMS 
=============================*/

fieldset { border: none; }

#leftcol form#search fieldset { margin: 0px; padding: 0px; }

#leftcol form#search { 
	position: relative; 
	top: -16px;
	left: 25px;
	width: 158px; 
}

#leftcol select { margin-bottom: 4px; width:143px;}
.button {position: relative; margin-left: 90px;}

/*=HOME FEATURE Listings
* === === === === === === === === === === */

#feature_listings { position: relative; left: 0px; top: 12px; background: #fff; }

.odd {background-color: rgb(224,230,234);}
div#feature_listings .odd {background-color: #ecebd9;}

div#feature_listings table { width: 100%;vertical-align:top; }
div#feature_listings th {text-align:left;}
div#feature_listings td img {padding: 0 3px 0 3px;vertical-align: middle;}
div#feature_listings tr {height: 23px;}
div#feature_listings th#col1 {width: 22px; text-align:center;}
div#feature_listings th#col2 {width: 195px;}
div#feature_listings th#col3 {width: 185px;}
div#feature_listings th#col4 {width: 175px;}
div#feature_listings th#col5 {width: 140px;}
div#feature_listings th#col6 {width: 185px;}
div#feature_listings th#col7 {width: 175px;}
div#feature_listings td span {display: none;}

/* Coming Soon */
div#feature_listings tr#blank {height: 0px;}
div#feature_listings th#col1_1 {width: 22px;}
div#feature_listings th#col2_2 {width: 195px;}
div#feature_listings th#col3_3 {width: 185px;}
div#feature_listings th#col4_4 {width: 175px;}
div#feature_listings th#col5_5 {width: 140px;}
div#feature_listings th#col6_6 {width: 185px;}
div#feature_listings th#col7_7 {width: 175px;}


div#feature_listings table caption {
	font-weight: bold; 
	text-align:left; 
	padding: 7px 0 10px 22px;
}

/* FAQ
================== */
ul#faq_list {
  list-style: none;
}

ul#faq_list li {
  padding: 8px 0;
}

.faqQuestion {
  font-weight: bold;
}


/* Urban Living
===================*/

div#urban_living a { color: #9D0022; text-decoration: none; }
div#urban_living a:hover { text-decoration: underline; }
div#urban_living a:link visited { color: #805042; }

/* News
===================*/
.collaborationThreadContent{padding-left:170px; padding-right:15px;}
.news_title{padding-left:195px;}

/* Quick Move-In Results 
============================ */
.secondColumn{padding-top:28px;}
.qm_top_table{margin-top:70px;}
/* #quick_movein{padding-left:200px;}*/ //180px left column + add'l padding.
.table_data { font-size:11px; }
.quick_movein_header { font-size:11px; }
.quick_movein_header a span{text-decoration:none;}
.quick_movein_header:hover{cursor:pointer;}
#quick_movein_table{ width:715px; }