﻿/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited
{
	text-decoration: none;
}

/* no list-markers by default, since lists are used more often for semantics */
ul, ol
{
	list-style: none;
}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code
{
	font-size: 1em;
}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul, ol, li, h1, h2, h3, h4, h5, h6, img, pre, form, body, html, p, blockquote, fieldset, input
{
	margin: 0;
	padding: 0;
}

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img
{
	border: none;
}

/* de-italicize address */
.Address
{
	font-style: normal;
	font-size: 10pt;
	line-height: normal;
}
.SalesHours
{
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	line-height: normal;
}
.PriceRange
{
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	margin-top: 5px;
}

.Neighborhood_Name
{
	font-size: 16pt;
	font-weight: bold;
	color: #0099cc;
}
body
{
	margin: 0px 0px 0px 0px;
	background-color: #7b7f82;
	background-repeat: repeat-x;
	font-family: Arial, 'Times New Roman' ,Sans-Serif;
	font-size: 11pt;
}

#topbar
{
	width: 100%;
	height: 19px;
	line-height: 50px;
	text-align: right;
}

#wrapper
{
	width: 934px;
	margin: 0 auto;
}
#page
{
	background: url( 'images/trib_bck.png' ) 0px 0px repeat-y;
	display: block;
	margin: 0px;
	text-align: left;
	width: 900px;
	padding: 0 0px;
	min-height: 590px;
	height: auto !important;
	height: 100%;
	background-color: #7b7f82;
}
#header
{
	background: url( 'images/trib_header.png' ) 0px 0px repeat-y;
	display: block;
	margin: 0px;
	text-align: left;
	width: 900px;
	padding: 0 0px;
	min-height: 128px;
	height: auto !important;
	height: 100%;
	background-color: #7b7f82;
}
#footer
{
	font-size: 7pt;
	font-weight: bold;
	color: #0099cc;
	background-color: Transparent;
	text-align: left;
	margin-top: 10px;
	margin-left: 58px;
}
#footer a
{
	color: #a5bdc2;
	margin-left: 7px;
	margin-right: 7px;
}
#footer a:visited
{
	color: #a5bdc2;
}

/* NAVIGATION ELEMENTS */
#leftnav
{
	margin-left: 0px;
	width: 224px;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	float: left;
	padding-top: 4px;
}

ul.menu_communities
{
	margin-left: 50px;
}

ul.menu_communities
{
	font-size: 10pt;
	font-family: Arial, Sans-Serif;
	text-transform: lowercase;
}

ul.menu_communities li
{
	margin-bottom: 5px;
	margin-top: 5px;
}

ul.menu_communities a
{
	color: #324252;
}
ul.menu_communities a:hover
{
	color: #4578b4;
}
ul.menu_communities .selected a
{
	color: #4578b4;
}


ul.menu_neighborhoods
{
	margin-left: 15px;
}

ul.menu_neighborhoods
{
	font-size: 10pt;
	font-family: Arial, Sans-Serif;
	text-transform: lowercase;
}

ul.menu_neighborhoods li
{
	margin-bottom: 5px;
	margin-top: 5px;
}

ul.menu_neighborhoods a
{
	color: #324252;
}
ul.menu_neighborhoods a:hover
{
	color: #4578b4;
}
ul.menu_neighborhoods .selected a
{
	color: #4578b4;
}


#content
{
	background-color: White;
	width: 676px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto !important;
	float: left;
}
#content h2
{
	font-size: 12pt;
	color: #566a6e;
	margin: 0px 0px 5px 0px;
}
#content .form_label
{
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5em;
	float: left;
	color: #566a6e;
	margin: 0px 5px 0px 0px;
}
#content .form_label_above
{
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5em;
	color: #566a6e;
	margin: 0px 5px 0px 0px;
}

#content .form_static_value
{
	font-size: 10pt;
	line-height: 1.5em;
	color: #7d7d7d;
}

#content input, select, label
{
	font-size: 10pt;
	line-height: 1.5em;
	color: #7d7d7d;
}

#content select
{
	font-size: 10pt;
	line-height: 1.5em;
	color: #7d7d7d;
	width: 100%;
}

#content .form_static_value a
{
	color: #7d7d7d;
}
#content .row
{
	margin-bottom: 3px;
}
#content_hdr
{
	margin-top: 20px;
}
.dark_copy
{
	background-color: #576a6f;
	color: White;
	font-size: 10pt;
	line-height: 13pt;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.dark_copy p
{
	margin-bottom: 10px;
}
.dark_copy h1
{
	font-size: 14pt;
	color: White;
}

.dark_copy td
{
	margin-right: 5px;
	color: White;
}

#shaded_copy
{
	background-color: #f0f3f2;
	color: #566a6e;
	font-size: 11pt;
	line-height: 16pt;
	padding: 22px;
}
.content_hdr
{
	color: #58595b;
	font-size: 12pt;
	line-height: 18pt;
	padding: 22px;
	margin: 0px 35px 0px 35px;
}

.disclaimer
{
	color: #58595b;
	font-size: 8pt;
	padding: 0px 22px 22px 22px;
	margin: 10px 45px 5px 45px;
}

.copy
{
	color: #58595b;
	font-size: 12pt;
	line-height: 18pt;
	padding: 0px 22px 22px 22px;
	margin: 0px 45px 5px 45px;
}
.copy li
{
	margin-top: 10px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 50px;
}
.copy h1
{
	font-family: Arial, 'Times New Roman' ,Sans-Serif;
	font-size: 14pt;
	color: #0099cc;
	margin-bottom: 4px;
	margin-top: 20px;
}
.copy a
{
	color: #58595b;
	text-decoration: underline;
	font-weight: bold;
}
.copy_highlight
{
	color: #0099cc;
	font-weight: bold;
}

.copy_small
{
	color: #58595b;
	font-size: 10pt;
	line-height: 16pt;
	padding: 22px;
	margin: 0px 45px 5px 45px;
}



.terms
{
	color: #58595b;
	font-size: 8pt;
	line-height: 10pt;
	padding: 22px;
	margin: 0px 45px 5px 45px;
}

.pic_left
{
	float: left;
	margin-right: 10px;
}
.copy_right
{
}
.copy_right h1
{
	color: White;
	margin-bottom: 3px;
}
.copy_1
{
	color: #566a6e;
	font-size: 11pt;
	line-height: 14pt;
}

.clear
{
	clear: both;
}

h1
{
	font-size: 14pt;
	font-family: 'Times New Roman' , Sans-Serif, Arial, Verdana;
	color: #566a6e;
	margin: 0px 0px 20px 0px;
}

/* Floor plans (Homes menu item) */

.floorplanlist_row
{
	background-image: url('/images/floorplan_bck.png');
	background-repeat: no-repeat;
	width: 548px;
	padding: 0 0px;
	min-height: 175px;
	overflow: hidden;
	height: auto !important;
	height: 100%;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	color: White;
}
.floorplanlist_img
{
	float: left;
	margin: 0px 10px 0px 12px;
	width: 192px;
}
.floorplanlist_data
{
	float: left;
	margin-left: 21px;
	line-height: normal;	
	width: 300px;
}
.floorplanlist_data a{color: white;	text-decoration: underline;}
.floorplanlist_data a:hover{color: white; }
.floorplanlist_data .selected a {color: white;}

.floorplanlist_name
{
	margin-top: 10px;
	font-weight: bold;
}
.floorplanlist_details
{
	margin-top: 20px;
	font-size: 8pt;
	font-weight: bold;
}
.floorplanlist_data table, td, tr
{
	/* border: solid 1px red; */
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
/* Quick Move In homes */

div.qckmovein_row 
{
	background-image: url('../images/quickmovein_bck.png' );
	background-repeat: no-repeat;
		width: 548px;
	padding: 0 0px;
	min-height: 175px;
	height: auto !important;
	height: 100%;
	margin-bottom: 15px;
	position: relative;
	color: #fff
}

div.qckmovein_row a 
{
	color: #ddd	
}

div.qckmovein_row div.house_info 
{
	width: 194px;
	height: 175px;
	margin: 6px 2px 6px 2px
}

/* individual data items */
div.qckmovein_info
{
	margin: 0px; padding: 0px;
	font-size: 9pt;
	line-height: 17px
}
/* Just the home name */
div.qckmovein_name
{
	margin: 0px; padding: 0px;
	font-size: 10pt;
	line-height: 16px
}

div.qckmovein_img 
{
	position: absolute;
	top: 0px;
	left: 198px	
}

div.qck_contact_details div.qckmovein_info
{
	font-size: 7pt; line-height: 14px	
}

div.qck_contact_details
{
	position: absolute;
	top: 0px; left: 390px;
	margin: 14px 0px 0px 8px;
	width: 150px	
}

/*
.qckmovein_row
{
	background-image: url( '../images/quickmovein_bck.png' );
	background-repeat: no-repeat;
	width: 548px;
	padding: 0 0px;
	min-height: 175px;
	height: auto !important;
	height: 100%;
	background-color: #777777;
	margin-bottom: 15px;
}
div.qckmovein_name
{
	font-size: 10pt;
	width: 194px;
	margin-top: 15px;
	margin-left: 4px;
}
div.qckmovein_info
{
	font-size: 8pt;
	width: 194px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-left: 4px;
	border: solid 1px black;
	height: 10px
}
.qckmovein_img
{
	float: left;
	margin: 0px auto 0px 0px;
}
.qckmovein_contact
{
	width: 158px;
	margin-top: 15px;
}
*/
/* Photo Gallery */

.gallery_overview, .gallery_detail, .gallery_overview a, .gallery_detail a
{
	color: #566a6e;
}

.gallery .back a
{
	color: #8bc542;
}

img.required
{
	position: relative;
	top: 4px;
	left: 0px;
}

/* Community top matter on comm/neighborhood */

div#communityContext { height: 130px; margin: 0px; padding: 0px}

div.header_image_d { margin: 0px; padding: 0px}

div.communityContext { width: 562px; height: 250px; position: relative; font-size: 8pt }

/* img.logo_image { position:absolute; top: 250px; left: 800px } -- THIS IS ABSOLUTE TO TOP LEFT OF PAGE */
img.logo_image { float:right; margin-right: 0px; }
img.age_rating { position: absolute; left: 125px; top: 10px }

div.communityContext div.misc_text
{
	position: absolute;
	top: 68px;
	left: 10px;
	color: #333;
	font-size: 6pt;
	width: 240px
}

div.communityContext div.misc_text div 
{
	margin: 0px; padding: 0px
}

div.communityContext div.misc_text div.Address 
{
	margin-bottom: 7px
}

div.model_homes 
{
	position: absolute;
	top: 79px; left: 274px
}

/* Community Theater on community/neighborhood page */
div#communityTheater *
{
	padding: 0px;
	margin: 0px;
}

#upTabs ul, #downTabs ul
{
	list-style: none;
}

#upTabs
{
	overflow: hidden;
}

#upTabs ul li, #downTabs ul li
{
	float: left;
}

#upTabs ul li a
{
	position: relative;
	top: 12px;
}

#upTabs ul li a.active
{
	position: relative;
	top: 3px;
}
/* End Community Theater */

.neighborhood_links
{
	color: #7d592d;
	position: relative;
	top: 60px;
	left: 16px;
}

.neighborhood_links a
{
	color: #7d592d; text-decoration: underline
}

div#communityTheater div.neighborhood_links ul
{
	margin-top: 10px;
}

.neighborhood_links ul li
{
	display: block
}

div#communityTheater div.driving_directions_content
{
 color: #7d592d;
 background-color: #e8e9e1;
 margin: 0px; padding: 5px 16px 0px 16px;
 width: 514px; height: 238px;
 font-size: 8pt
}

div#communityTheater div#community_map 
{
	width: 546px; height: 258px; margin: 0px; padding: 0px	
}

div#communityTheater div.driving_directions_content div.map_link 
{
	font-weight: bold;
	font-size: 9pt;
	float: right	
}

div#communityTheater div.driving_directions_content div.header 
{
	font-weight: bold;
	font-size: 9pt
}

div#communityTheater div.driving_directions_content p 
{
	clear: both;
	margin-top: 10px
}

/* Floorplan */

.floorplan_content
{
	margin: 57px 0px 0px 60px;
}

.floorplan_details
{
	color: #58595b;
	font-size: 12pt;
	line-height: 16pt;
	height: auto;
	margin-bottom: 10px;
}
.floorplan_details a
{
	color: #58595b;
	text-decoration: underline;
	font-weight: bold;
}

.floorplan_title
{
	font-family: Garamond, Courier, Serif;
	text-transform: uppercase;
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 5px;
	color: #41a0cf;
}
.floorplan_title a
{
	text-decoration: underline;
	color: #41a0cf;
}

.floorplan_subtitle
{
	font-family: Garamond, Courier, Serif;
	font-size: 12pt;
	color: #41a0cf;
}

.floorplan_elevations, .floorplan_floorplans
{
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

.floorplan_elevations
{
	width: 548px;
	height: 175px;
	background-image: url(../images/floorplans_elevations_bg.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.floorplan_floorplans
{
	width: 548px;
	height: 404px;
	background-image: url(../images/floorplans_floorplans_bg.png);
	background-repeat: no-repeat;
}

.location_hdr
{
	background-image: url(../images/location_map.png);
	background-repeat: no-repeat;
	width: 548px;
	height: 435px;
}
.location_comm_list
{
	width: 125px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}

.location_comm_list ul
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
}

.location_comm_list li
{
	margin-bottom: 5px;
	margin-top: 5px;
	list-style-image: url(../images/Location_UL_BULLET.png);
	list-style-position: inside;
}

.location_comm_list ul a
{
	color: white;
	text-decoration: underline;
}
.location_comm_list ul a:hover
{
	color: white;
}
.location_comm_list ul .selected a
{
	color: white;
}

#promo
{
	margin: 30px 8px 20px 0px;
}
.clearer
{
	clear: both;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#0099cc;
	padding:3px;
	width:580px;
}


.special_report_copy
{
	color: #58595b;
	font-size: 10pt;
	line-height: 14pt;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
}

.special_report_copy p
{
	margin:  0px 5px 15px 5px;
}

.special_report_copy h2
{
	font-size: 18pt;
	color: #566a6e;
	margin: 10px 0px 5px 0px;

}
#signupform
{
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	float:none;
}
#signupform .special_report_form_label
{
	font-size: 10pt;
	font-weight: bold;
	float: left;
	color: #566a6e;
	width: 260px;
}
#signupform .special_report_row
{
	margin-bottom: 5px;
	padding-bottom: 10px;
	clear: both;
}