/* 
    Common CSS included by all CSS 
    This comes from DiMax common Rails style
*/

BODY {
	font-family: Arial, sans-serif;
	color: #4F472E;
	text-decoration: none;
	font-size: 12px;
}
#list { /* table lists */
    border-collapse: collapse;
    border: thin solid silver;
    margin: 5px auto;
    width: 95%;
}
#list TD, #list TH {
    padding: 2px 10px;
    border: thin solid silver;
    color: black;
}
#list TH {
    background-color: #DDD;
    font-size: 13px;
    vertical-align: top;
}
#list TR.roweven {
    background-color: #EDEDFF;
}
#list TR.rowodd {
    background-color: white;
}
.small {
    font-size: 9px;
    font-weight: lighter;
}
INPUT.sbshort, INPUT.sbmedium, INPUT.sblong {
    border: none;
    height: 21px;
    line-height: 20px;
    text-align:center;
    vertical-align:middle;
    font-size: 11px;
    padding-bottom: 4px;
    margin-left: 5px;
	background-color: #EEE;
	color: #333;
	font-size: 11px;
    cursor: pointer;
	cursor: hand; /* for IE 5.x */
}
INPUT.sbshort {
    background-image : url(/images/buttons/sbshort.gif);
	background-repeat: repeat-x;
    width: 86px !important;
}
INPUT.sbmedium {
    background-image : url(/images/buttons/sbmedium.gif);
	background-repeat: repeat-x;
    width: 129px !important;
}
INPUT.sblong {
    background-image : url(/images/buttons/sblong.gif);
	background-repeat: repeat-x;
    width: 167px !important;
}
INPUT.sbshort:active, INPUT.sbshort:hover, INPUT.sbmedium:active, INPUT.sbmedium:hover, INPUT.sblong:active, INPUT.sblong:hover  {
	color: #999;
}
/* This class is set by Rails when errors_for is called on an object */
.fieldWithErrors {
    background-color: silver;
    color: red;
    margin: 0;
}
#error_box, #ok_box, #alert_box {
    width: 400px;
    margin: 10px auto;
    padding:10px;
}
#error_box {
    color: red;
    background-color: yellow;
    border: 3px solid orange;
}
#error, #error TD H1 {
    color: #444;
    font-size: 14px;
}
#error TD H1 {
    font-size: 18px;
}
#ok_box {
    color: green;
    background-color: #CF9;
    border: thin solid green;
    color: green;
    font-size: 14px;
}


/* 
    Error Explanation is Rails speak for form error.
    The flashes are self-set.
*/
#errorExplanation, #flasherror, #flashnotice {
    width: 88%;
    margin: 5px auto;
    background-color: #FFCFCF;
    border: thin solid red;
    padding: 10px;
}
#errorExplanation  H2{
    color: red;
    font-size: 14px;
    margin: 0;
}
/* flasherror is self-set */
#flasherror {
    color: red;
    font-size: 14px;
}    
#flashnotice {
    background-color: #CF9;
    border: thin solid green;
    color: green;
    font-size: 14px;
}

/* end of common include */    


}

.text {
	font-family: "Times New Roman", Times, serif;
	color: 4F472E;
	text-decoration: none;
	font-size: 12px;
; font-weight: bold


}
.textHomesBlue {
	font-family: "Times New Roman", Times, serif;
	color: 6A7785;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;



}
.headerHomesWhite {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;


}
.textHomesWhite {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;

}
.links {

	font-family: "Times New Roman", Times, serif;
	color: 4F472E;
	text-decoration: underline;
	font-size: 12px;
}
.textWhite {

	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.textWhite2 {

	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 14px;
}
.textBlue { font-family: "Times New Roman", Times, serif; color: 374A60; text-decoration: none; font-size: 12px; ; font-weight: bold}
.textHomesWhiteSmall { font-family: "Times New Roman", Times, serif; color: #FFFFFF; font-weight: bold; font-size: 14px; text-decoration: none; }
.headerHomesWhite2 { font-family: "Times New Roman", Times, serif; color: #FFFFFF; font-weight: normal; font-size: 28px; text-decoration: none; }
.textBrown { font-family: "Times New Roman", Times, serif; color: 524129; text-decoration: none; font-size: 12px; ; font-weight: bold}
.headerHomesBrown { font-family: "Times New Roman", Times, serif; color: #524129; font-weight: normal; font-size: 18px; text-decoration: none; }

#content_frame {
    height: 365px;
    overflow: auto;
}
.style1 {color: #4f472f}
.style2 {color: #397fc1}

/* These are styles added as part of the migration to Rails */
#footer {
    width: 730px;
    margin: 0px auto 4px auto;
    color: white;
    background-color: #A39D9D;
    border-left: 30px solid #A39D9D;
    border-right: 30px solid #A39D9D;
    border-top: 20px solid #A39D9D;
    border-bottom: 20px solid #A39D9D;
}
#footer TABLE {
    border-collapse: collapse;
    color: white;
}
#footer TABLE TH {
    text-align:left;
    font-size: 14px;
    font-weight: bold;
}
#footer TABLE TD {
    font-size: 11px;
    font-weight: lighter;
    line-height: 16px;
    padding-right: 15px;
    vertical-align: top;
}
#footer A {
    padding: 0px 5px;
    color: white;
    text-decoration: none;
}
#footer A.first {
    padding-left: 0px;
}
#footer A:hover, #footer A:active {
    border-bottom: 1px dashed white;
}

#copyright {
    width: 790px;
    margin: 2px auto;
    font-family: sans-serif;
    color: gray;
    text-align: right;
    font-size: 9px;
}
/* layout styles */

#simple_block, #home_block {
    width: 730px;
    margin: 2px auto;
}
#graphic_block {
    width: 730px;
    margin: 2px auto;
    border-left: 30px solid #4F4730;
    border-right: 30px solid #4F4730;
}
#graphic_block TABLE, #simple_block TABLE {
    border-collapse: collapse;
    margin: 0px 2px;
}    
TABLE#graphic_block  TD {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

#simple_block TABLE TD, #home_block TABLE TD {
    text-align:left;
    padding:0;
    margin: 0;
}
#simple_block {
    border-left: 30px solid #7F7667;
    border-right: 30px solid #7F7667;
    background-color: white;
/*    text-align: center;*/
}
#simple_block TABLE{
/*    border-left: 2px solid white;
    border-right: 2px solid white;*/
}


#content_block {
    width: 730px;
    margin: 2px auto;
    color: white;
    background-color: #F2F1EC;
    border-left: 30px solid #F2F1EC;
    border-right: 30px solid #F2F1EC;
}
/* Default Link Style */
#content_block A, #side_navigation A {
    text-decoration: none;
    color: #397fc1;
}
#content_block A:hover, #content_block A:active, #side_navigation A:hover, #side_navigation A:active {
    border-bottom: 1px dashed #4596DF;
    color: #4596DF;
}

#content {
    color: gray;
    font-size: 13px;
    line-height: 20px;
    font-weight: lighter;
    padding: 15px;
}
#content H1, #content H2 {
    color: #9C8985;
    font-weight: lighter;
}
#content H1 B, #content H2 B {
    font-weight: bold;
}
#content H1 {
    font-size: 26px;
}
#content H2 {
    font-size: 20px;
}
#content_block_main {
    width: 535px;
}
#side_navigation {
    width: 241px;
    background-color: white;
    color: #88868F;
    font-weight:lighter;
}
#side_navigation H1 {
    color: #587F40;
    font-weight:lighter;
    font-size: 22px;
    padding: 8px 20px;

}
#side_navigation H2 {
    color: #535353;
    font-weight:lighter;
    font-size : 13px;
    padding: 4px 20px 0px 20px;
    margin-bottom: 0;
}
#side_navigation H1 B, #side_navigation H2 B{
    font-weight: bold;
}
#side_navigation P {
    font-size: 11px;
    line-height: 16px;
    padding: 0px 20px;
    margin-top: 0;
}

/* top_navigation_men controls the look and feel of the text links across the top of all pages */
TABLE#top_navigation_menu {
    width: 100%;
    margin-top: 30px;
}
#top_navigation_menu TD {
    font-size: 11px;
    font-family: "   Eureka-Roman -  11px ", "  Times New Roman -  11px ", Times, serif 11px (default) ;
    text-transform: uppercase;
    color: #4F4730;
    padding: 0px 10px;
    text-align: center;
}
#top_navigation_menu TD.first {
    text-align:left;
    padding-left: 0px;
    border: 0;
}
#top_navigation_menu TD.last {
    text-align:right;
    padding-right: 0px;
}
#top_navigation_menu TD A {
    text-decoration: none;
    color: #4F4730;
}

/*  Form design */
/* Form Style */
FIELDSET  {
    border: 2px solid silver;
    padding: 1em;
    margin: 0px auto;
}
LEGEND {
    color: #587F40;
    font-size: 16px;
    font-weight: bolder;
    border: 0;
    padding: 2px 10px;
}
FORM {
    margin: 10px 0px;
}

LABEL {
    float:  left;
    width:  110px;
    margin-right:0.5em;
    padding-top:0.2em;
    text-align:right;
}
LABEL.xtrawide {
    width:  250px;
}

INPUT[type=text], INPUT[type=password], SELECT, TEXTAREA {
    color: #333;
    border: thin solid #AAA;
    font-size: 12px;
    margin:3px;
    width: 250px;
}
SELECT {
    width: 120px;
}
INPUT[type=text].medium, SELECT.medium {
    width: 200px;
}
INPUT[type=text].short, SELECT.short {
    width: 50px;
}

#office_locations H3 {
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
    margin-bottom: 0px;
}
#office_locations P {
    margin: 5px 0px 10px 60px;
}
#sales_reps UL {
    list-style: none;
    line-height: 20px;
}
#sales_reps UL LI {
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 8px;
}
#sales_reps B {
    font-weight: bold;
}
/* special page with an ordered list */
#thirteen_signs OL {
    list-style-type: decimal; 
    
}    
#thirteen_signs OL LI {
    font-size: 20px;
    color: #9C8985;
    font-weight: lighter;
}
#thirteen_signs OL LI H2 {
    margin: 0;
}

#thirteen_signs OL LI P{
    color: gray;
    font-size: 13px;
    line-height: 20px;
    font-weight: lighter;
}
.lots_left {
    background-color: white;
    width: 90px;
    height: 20px;
}
.lots_left DIV {
    padding-top: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
}
.lots_left.yellow {
    border: 4px double #FEE715;
}
.lots_left DIV.yellow {
    background-color: #FEE715;
    color: #877560;
}
.lots_left.green {
    border: 4px double #7AC142;
}
.lots_left DIV.green {
    background-color: #7AC142;
    color: white;
}
.lots_left.red {
    border: 4px double #DD1F26;
}
.lots_left DIV.red {
    background-color: #DD1F26;
    color: white;
}

/* place the images on the map */
#map {
    width: 724px;
    text-align: center;
    margin: 0px auto;
    padding: 20px 0px; 
    background-color: #B5B99b;
}
#plat_map {
    margin: 0px auto;
    width: 595px;
    background-color: white;
    border: 5px solid #9B8C7A;
}
TABLE #plat_map_links {
    width: 595px;
    margin: 0px auto;
    border: 0;
    color: #4F472E;
}
TABLE #plat_map_links TD {
    border: 0;
    font-size: 13px;
}
TABLE #plat_map_links TD.left {
    text-align: left;
}
TABLE #plat_map_links TD.right {
    text-align: right;
}
#plat_map_links A {
    font-weight: bold;
    color: #4F472E;
    text-decoration:none;
}
#plat_map_links A:hover, #plat_map_links A:active {
    border-bottom: 1px dashed #4F472E;
}
#map_description {
    width: 714px;
    margin: 3px auto;
    margin-bottom: 0px;
    padding: 10px 5px;
    background-color: #7F7667;
}
TABLE#two_col_list {
    width: 100%;
    border: 0;
}
TABLE#two_col_list TD {
    width: 50%;
    border: 0;
}
#map_description UL {
    list-style: disc;
    color: white;
    font-size: 12px;
}
#map_description UL LI {
    line-height: 18px;
}
/* Playing with how to absolutely position overlays on map - not production ready 
#jacobs_ranch {
    position: absolute;
    top: 499px;
    left: 258px;
}    
#overlays {
    border:thin solid red;
}
*/

/*  
-------------------------------------------------------------------------------
    HOMES TEMPLATE:
    homes, floor_plans, portfolio
-------------------------------------------------------------------------------
*/
#home_block {
    border-left: 30px solid #42454C;
    border-right: 30px solid #42454C;
    text-align: center;
    background-color: white;
}
#home_block #home_content {
    width: 80%;
}
#home_content {
    background-color: #999EA3;
}    


#home {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    padding: 0px; 
}
#home H1, #home H2, #home P {
    text-align:center;
    color: white;
    font-weight: lighter;
}
#home H1 B, #home H2 B {
    font-weight: bold;
}
#home H1 {
    padding-top: 40px;
    font-size: 22px;
}
#home H2 {
    font-size: 18px;
}
#home #main { /* we need white border on main page */
    background-color: white;
}
#home_side_navigation {
    background-color: #999EA3;
}
#home_side_navigation #available {
    text-align: center;
    background-color: #42454C;
}
#home_side_navigation #available #avail_text {
    padding: 10px;
}
/* 
    PORTFOLIO SECTION
    
    Portfolio side-nav 
*/
#portfolio_header {
    width: 776px;
    padding:7px;
    margin: 0px auto;
    background-color:#42454C;
    margin: 2px auto;
}
#portfolio_content {
    border-right: 30px solid #42454C;
    background-color: white;
}
#portfolio_main {
    /* nothing here right now */
}
#portfolio_main IMG {
    border-right: 2px solid white;
}
/* side nav settings for portfolios */
#portfolio_side_navigation {
    width: 100%;
    background-color: #999EA3;
}
#portfolio_side_div {
/*    width: 243px;
    margin: 0px auto;*/
    padding-left: 10px;
    border-left: 2px solid white;
}
#portfolio_select_header {
    text-align:center;
    background-color: #999EA3;
}
#portfolio_select {
    height: 304px;
    overflow: auto;
}
#portfolio_side_navigation #portfolio TD{
    /* the individual thumbnails */
    text-align: center;
    border-left: 0;
    padding: 2px;
}    


/*
    Harvest Village Style Definitions
*/
#harvest_block {
    width: 730px;
    margin: 2px auto;
    border-left: 30px solid #999EA4;
    border-right: 30px solid #999EA4;
    text-align: center;
    background-color: white;
}
#harvest_block TABLE {
    border-collapse: collapse;
    margin: 0px 2px;
}    
#harvest_block TABLE TD {
    text-align:left;
    padding:0;
    margin: 0;
}
#harvest {
    width: 510px;
    color: #847E70;
    margin: 0px auto;
    background-color: #ECECE4;
    min-height: 300px;
    font-size: 12px;
}
#harvest #header_image {
    margin: 0px auto;
    text-align:center;
}
#condo_sq_ft, #townhome_sq_ft { /* special case for sqare foot on condos and townhomes */
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight:lighter;
    text-align:right;
}
#condo_sq_ft B {
    font-size: 21px;
}
#townhome_sq_ft {
    width: 130px;
}
#townhome_sq_ft TABLE {
    width: 130px;
    border: 1px solid gray;
}
#townhome_sq_ft TABLE TH {
    color: white;
    background-color: #8A4826;
    font-size: 11px;
    border: 1px solid #8A4826;
    padding: 2px;
}
/* kdkdk */
#townhome_sq_ft TABLE TD.micro {
    font-size: 11px;
    text-align: right;
    padding: 2px;
}
#harvest_content {
    padding: 20px; 
    line-height: 18px;
}
#two_col {
    margin-top: 20px;
}
#harvest_content TABLE TD {
    color: #847E70;
    font-size: 12px;
}
#harvest H1, #harvest H2{
    font-family: "Times New Roman", Times, Helvetica, serif;
    font-weight: lighter;
    color: #635D47;
}
#harvest H1 B, #harvest H2 B {
    font-weight: bold;
}
#harvest H1 {
    font-size: 22px;
}
#harvest H2 {
    font-size: 16px;
}
#harvest_side_navigation {
    font-family: "Times New Roman", Times, Helvetica, serif;
    background-color: #38311F;
    color: #ECECE4;
    width: 220px;
}
#harvest_side_navigation TABLE {
    border: 0;
    margin-left: 40px;
    margin-top: 20px;
}
#harvest_side_navigation TABLE TD {
    font-size: 14px;
    font-weight: lighter;
    text-align:left;
    padding-bottom: 5px;
}
#harvest_side_navigation TABLE TD.header {
    color: #EEE;
    font-size: 17px;
    padding-top: 5px;
}
#harvest_side_navigation TABLE TD A {
    color: #8E836F;
    text-decoration: none;
}
#harvest_side_navigation TABLE TD.header A {
    color: #EEE;
    text-decoration: none;
}

/* Firefox 3.0 enhancements */
TABLE#homes_nav {
    border-collapse: collapse;
    width: 240px;
}
TABLE#homes_nav TD {
    background-color: #42454C;
    border-top: 2px solid white; 
}
TABLE#homes_nav TD#available {
    border-top: 0;
    height: 120px;
}
TABLE#homes_nav TD IMG {
    margin: 0;
    padding: 0;
}
/* this padding is getting screwed up */
#home_block TABLE {
    border-collapse: collapse;
    margin: 0px 2px;
}    
/*
-------------------------------------------------------------------------------
    FOR SALE
-------------------------------------------------------------------------------
*/
TABLE#for_sale {
    width: 100%;
    margin: 0px auto;
    border: 0;
}
TABLE#for_sale TD {
    width: 50%;
}
TABLE#for_sale TD.first {
    border-right: 2px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
TABLE#for_sale TD.last {
    border-left: 2px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
TABLE#for_sale TD.first_row {
    border-top: 0;
}
#home_side_navigation DIV#main TABLE {
    margin: 0;
    padding: 0;
}
#home_block TABLE #home_side_navigation {
    border-collapse: collapse;
    width: 241px;
    padding: 0px;
    margin: 0px;
    background-color: #42454C;
    border-left: 2px solid white;
    border-right: 2px solid white;
}
#homes_nav TD.last {
    border-bottom: 1px solid white;
}

DIV#floorplan_detail {
    padding: 20px auto;
    border: 4px solid red;
    
}
/* 
    Floor plans page 
*/
DIV#floorplans {
    min-height: 280px;
    border:thin solid #999EA3;
}
TABLE#floorplans {
    margin: 20px auto;
    min-height: 280px;
}
TABLE#floorplans TD {
    border: 4px solid gray;
}
#floorplans P {
    color: white;
}
#floorplan_download {
    text-align: center;
    margin: 10px;
    padding: 5px;
    padding-bottom: 15px;
    width:150px;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
}
#floorplan_download A {
    text-decoration: none;
    color: white;
}
#floorplan_download A:hover, #floorplan_download A:active {
    border-bottom: 1px dashed white; 
}

#floorplan_detail {
    margin: 10px auto;
    width: 480px;
    border: 4px solid gray;
}
/* recolor the background */
#floorplans_side_navigation_outer {
    border-left: 0;
    background-color: #999EA3;
}
#floorplan_side_nav {
    margin: 10px;
    padding: 5px;
    padding-bottom: 15px;
    background-color: white;
    margin-top:20px;
    width:150px;
    height: 200px;
    border: 3px solid gray;
    font-size: 12px;
}
#floorplan_side_nav LABEL {
    text-align: left;
    margin-left: 3px;
    color: #42454C;
}
/* Projects Section of Website */

#projects {
    width: 730px;
    margin: 2px auto;
    border-left: 30px solid #999EA4;
    border-right: 30px solid #999EA4;
    background-color: #ECECE4;
}
#projects_details_block {
    border-left: 3px solid white;
    border-right: 3px solid white;
    color: #847E70;
    font-size: 12px;
    padding: 2px 10px;
}
A.logout {
    color: #38311F;
    text-decoration: none;
}
A.logout:hover, A.logout:active {
    color: #38311F;
    border-bottom: 1px dashed #38311F;
}
#alert_box { /* this is the box that is dynamically updated when saves / changes made to a project */
     background:yellow;
     color:black;
     border: 1px solid orange;
     text-align:center;
}
/* Size is ignored by Firefox 3, but not Firefox 2 */
INPUT[type=checkbox].left {
    color: #333;
    border: 3px solid #AAA;
    font-size: 12px;
    margin:3px;
    margin-left: 100px;
    width: 20px;
    height: 20px;
}
LABEL.right {
    float: none;
    text-align: left;
}
#project_tasks {
    list-style: none;
}