.clear_left { clear: left; }
.no_display { display: none; }

/************************************************************
 * Trent's css                                              *
 ***********************************************************/

img {
    border:none;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(../images/bkgd.gif);
    background-repeat: repeat-x;
    background-color: #ADA38B;
}

body,td,th {
    font-size: 13px;
    color: #363636;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 19px;
}

a:link {
    color: #3ba0d6;
    text-decoration: none;
}

a:visited {
    color: #3ba0d6;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

h1 {
    font-size: 24px;
/*    color: #333; */
    color: #1B80b6;
}

h2 {
    font-size: 18px;
    color: #5e91ac;
}

#top_bar {
    height: 22px;
    background-color: #6f644d;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #a69d86;
}

#top_bar #top_links {
    text-align: right;
    width: 867px;
    margin-right: auto;
    margin-left: auto;
    color: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 2px;
}

#top_bar #top_links a {
    color: #E0D4B7;
}

#header_wrapper {
    width: 867px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    height: 60px;
}

#header_wrapper #logo {
    width: 188px;
    float: left;
}

#header_wrapper #nav_wrapper {
    padding-top: 8px;
    float: left;
}

ul#nav {
    margin: 0px;
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}

ul#nav li {
    display: inline;
    margin-right: 5px;
}

#body_top {
    background-image: url(../images/bkgd_top.gif);
    background-repeat: no-repeat;
    height: 22px;
}

#body_wrapper {
    background-image: url(../images/bkgd_body.png);
    background-repeat: repeat-y;
    width: 899px;
    margin-right: auto;
    margin-left: auto;
}

#body_bottom {
    background-image: url(../images/bkgd_footer.gif);
    background-repeat: no-repeat;
    height: 20px;
    width: 899px;
    margin-right: auto;
    margin-left: auto;
}

#body_inner_wrap {
    width: 867px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
}

#footer {
    width: 867px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    padding-bottom: 50px;
    padding-top: 10px;
}

#footer a {
    color: #FFFFFF;
    text-decoration: underline;
}

/* Start Body Content Styles */

#address {
    padding-bottom: 20px;
}

#address h1 {
    display:        block;
    font-size:      30px;
    letter-spacing: -2px;
    margin-bottom:  0px;
    margin-left:    0px;
    margin-right:   0px;
    margin-top:     20px;
    padding-bottom: 10px;
    padding-left:   32px;
    padding-right:  0px;
    padding-top:    12px;
}

#address p.subdivision {
    padding-left: 32px;
    margin: 0px;
    font-size: 15px;
}

#mid_wrapper {
    background-color: #e6e2d3;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d1c9b4;
    padding-bottom: 7px;
}

#mid_wrapper .col1 {
    float: left;
    width: 240px;
    margin-right: 23px;
    margin-left: 32px;
    margin-top: 15px;
    padding-top: 15px;
}

#mid_wrapper .col1 h2 {
    font-size: 25px;
    letter-spacing: -2px;
    margin: 0px;
    padding: 0px;
}

#contactBox_top {
    background-image: url(../images/contactBox_top.gif);
    background-repeat: no-repeat;
    height: 11px;
    width: 240px;
}

#contact_info {
    background-image: url(../images/contactBox_bkgd.gif);
    background-repeat: repeat-y;
}

#contact_details {
    width: 220px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contact_btn {
    width:127px;
    margin-left:auto;
    margin-right:auto;
}

#contactBox_btm {
    background-image: url(../images/contactBox_btm.gif);
    background-repeat: no-repeat;
    height: 11px;
    width: 240px;
}

#contact_info h3 {
    padding: 0px;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    color: #5e91ac;
}

#contact_info p {
    padding: 0px;
    margin-top: 8px;
    margin-right: 20px;
    margin-bottom: 8px;
    margin-left: 20px;
}

#mid_wrapper .images_wrapper {
    float: left;
    width: 570px;
    height: 251px;
    margin-top: 15px;
}

.images_wrapper #image_gal a.add_photos  {
    font-size: 18px;
    text-decoration: underline;
}

ul#image_gal {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul#image_gal li {
    display: inline;
}

ul#image_gal img {
    border: 1px solid #E6D99A;
    margin-right: 5px;
    margin-bottom: 5px;
}

#image_links a {
    background-color: #E6E2D3;
    border: 1px solid #D1C9B4;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    font-size: 10px;
    line-height: normal;
    color: #5E91AC;
    text-decoration: none;
    margin: 0px;
}

#image_links a.active {
    background-color: #969283;
    color: #ffffff;
}

#image_links span {
    background-color: #E6E2D3;
    border: 1px solid #D1C9B4;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    font-size: 10px;
    line-height: normal;
    color: #c6c2b3;
    text-decoration: none;
    margin: 0px;
}

#image_links a:hover {
    background-color: #FFFFFF;
}

#mid_bottom #image_links {
    width: 560px;
    margin-left: 295px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    line-height: 0px;
    background-image: url(../images/gfx_imgNote.gif);
    background-repeat: no-repeat;
    background-position: right 8px;
    padding-top: 6px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 17px;
}

#mid_bottom {
    background-color: #ebe8dc;
    height: 24px;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

#property_specs {
    float: left;
    width: 240px;
    margin-right: 23px;
    margin-left: 32px;
}

ul#specs {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}

ul#specs li {
    clear: both;
/*border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #666666;*/
}

ul#specs .name_left {
    width: 110px;
    display: block;
    float: left;
    font-weight: bold;
    clear: left;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666666;
}

ul#specs .name_right {
    width: 130px;
    float: left;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666666;
}

#property_desc {
    float: left;
    width: 560px;
}


/************************************************************
 * Brian's css below here                                   *
 ***********************************************************/

/****************************************
 * Basic layout
 ****************************************/

div.message {
    border:    4px solid #aaa;
    font-size: 1.4em;
    margin:    0 0 100px 0;
    padding:   10px;
}

div.notice {
    background-color: #eee;
    border: 6px solid #888;
    font-size: 1.0em;
    margin-bottom: 1px;
    padding:   7px;
}

/* Place after div.notice to override */
div.edit_images div.notice {
    width: 650px;
}

/* Main */

div.main {
    color:            #202020;
    margin:           0;
    padding:          0 30px 20px 35px;
}

div.less-padding {
    padding: 0 25px 20px 25px;
}

div.marketing {
    color:            #202020;
    font-size:        1.2em;
    margin:           0;
    padding:          0px 20px 30px 20px;
}

div.marketing .pitch {
    font-size: 1.3em;
}

div.marketing .pitch .make_money {
    color: #006000; 
    font-weight: bold; 
    font-style: italic;
}

/****************************************
 * Specific pages
 ****************************************/

/* Home page container */

div.home_page_container {
    margin-left:      20px;
}

.home_page_container h1 {
    color:       #333;
    font-size:   3.3em; 
    font-weight: bold; 
    line-height: 1.3em;
    margin:      5px 0 10px 0;
}
.home_page_container h2 {
    color:       #333;
    font-size:   1.8em; 
    line-height: 1.3em;
    margin:      25px 0 0 0;
    width:       750px;
}

div.home_page_container a.featured_view_details { 
    font-size: 13px; 
}

div.featured_listing {
    border: 9px solid #bbb;
    background-color: #f4f4f4;
    padding: 0;
    width: 750px;
}

div.featured_listing h1 {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}

div.featured_listing div.featured_label {
    color: white;
    background-color: #555;
    border-bottom: 2px solid #888;
    font-size: 1.4em;
    padding: 7px;
}

div.featured_photo { float: left; margin: 0; border-right: 2px solid #888; }
div.featured_photo img { display: block; }

div.featured_text { 
    color: #1B80b6;
    float: left; 
    font-size: 1.7em;
    line-height: 1.2em;
    padding: 5px 0 5px 10px; 
}

div.home_pitch {
    float: left;
    font-size: 1.4em;
    margin-right: 15px;
    width: 500px;
}

div.home_pitch li { font-size: 14px; }

.home_pitch .state_list a {
    font-size: 13px;
    margin-right: 10px;
}

div.home_sidebar {
    float: left;
    width: 250px;
}

div.home_sidebar a {
    font-size: 12px;
}

div.home_sidebar h1 {
    font-size: 14px;
    margin: 15px 0 0 0;
}

/* Edit Images */

div.edit_images h1 {
/*    font-size: 1.8em; */
}

div.edit_images div.photo_gallery {
    padding: 15px;
}

#edit_images_sortable { list-style-type: none; margin: 0; padding: 0; }
#edit_images_sortable li { 
    border:      3px solid #333;
    cursor:      move;
    float:       left; 
    font-size:   4em; 
    height:      120px; 
    line-height: 4px;
    margin:      3px 3px 30px 0; 
    padding:     1px; 
    text-align:  center; 
    width:       180px; 
}
div.edit_images .ui-state-highlight {
    background-color: #ffff90;
    border:      3px solid #333;
    cursor:      move;
    float:       left; 
    font-size:   4em; 
    height:      120px; 
    line-height: 4px;
    margin:      3px 3px 30px 0; 
    padding:     1px; 
    text-align:  center; 
    width:       180px; 
}

div.edit_images div.photo_gallery {
  font-size: 16px;
}

div.edit_images div.photo_gallery a {
    color:       #00008f; 
    font-size:   14px;
    line-height: 5px;
    margin:      0;
    text-decoration: underline;
}

/* fha */

div.fha {
    width: 700px;
}

/* Listing Information Panel */

div.listing_info_panel {
  background-color: #E6E2D3;
  border: 2px solid #777;
  margin: 0 20px 0 20px;
  padding: 3px;
}

div.listing_info_panel h1 {
    font-size: 14px;
    margin: 0;
}

div.listing_info_panel a.action_link {
    margin-right: 10px;
    text-decoration: underline;
}

div.listing_info_panel td {
    line-height: 15px;
}

/* Packages */

div.packages {
    text-align: center;
}

div.packages div.masthead {
    color:     #242;
}

div.packages div.masthead h1 {
    font-size: 2.3em;
    margin:    15px 0 25px 0;
}

div.packages div.masthead h2 {
    font-size:   1.9em;
    font-weight: normal;
    margin:      5px 0 25px 0;
}

div.packages div.residential_packages {
    margin-left:  auto;
    margin-right: auto;
    width:        710px;
}

div.packages div.residential_packages div.package {
    background:    #f0f0f0;
    border-bottom: 3px solid #777;
    border-left:   3px solid #777;
    border-top:    3px solid #777;
    color:         #222;
    float:         left;
    padding:       10px;
    text-align:    center;
    width:         200px;
}

div.packages div.residential_packages div.package a {
    color:       #005f00;
    font-size:   1.2em;
    font-weight: bold;
}

div.packages div.residential_packages div.package ul {
    font-size:           1.2em;
    list-style-image:    none;
    list-style-position: outside;
    list-style-type:     none;
    margin:              0 0 10px 0;
    padding:             0;
}

div.packages div.residential_packages div.package ul strong {
    color:       #c33700;
    font-weight: bold;
}

div.packages div.residential_packages div.package ul li {
    list-style-image:    none;
    list-style-position: outside;
    list-style-type:     none;
}

div.packages div.residential_packages div.package ul.minor {
    font-size: 0.9em;
}

div.packages div.residential_packages div.last {
    border:      3px solid #777;
    margin-left: 30px;
}

div.packages div.residential_packages div.middle {
    border-right: 3px solid #777;
}

div.packages div.residential_packages div.package h1 {
    font-size: 2.1em;
    margin:    2px 0 0 0;
}

div.packages div.residential_packages div.package h1 a {
    color:           #222;
    font-size:       1.0em;
    text-decoration: none;
}

div.packages div.residential_packages div.package h2 {
    font-size:   1.5em;
    font-weight: normal;
    margin:      3px 0 0 0;
}

div.packages div.residential_packages div.package h3 {
    border-bottom:  1px solid #ccc;
    color:          #5381c7;
    font-family:    helvetica,arial,sans-serif;
    font-size:      1.1em;
    font-weight:    bold;
    margin:         3px 0 15px 0;
    padding:        0 0 7px 0;
}

/****************************************
 * Specific classes
 ****************************************/

.big_bold {
    font-size: 18px;
    font-weight: bold;
}

#sales_status {
    color:       #700000;
    font-size:   17px;
    font-style:  italic;
    font-weight: bold;
    margin:      5px 30px 0 30px;
}

.captcha_explain {
    color: #000080;
    font-style: italic;
}

h1 .city_state_zip {
    font-size:   0.8em;
    font-weight: normal;
    margin-left: 0.5em;
}

.edit_images a.action_link {
    font-size: 1.3em;
}

.edit_images td {
    border: 2px solid #ccc; 
    padding: 7px;
}

div.flash_error {
    background-color: #ffe0e0;
    border: 6px solid #888;
    color:            #800000;
    font-size:        15px;
    margin:           0 20px 5px 20px;
    padding:          7px 5px 7px 10px;
}

div.flash_notice {
    background-color: #ffffc0;
    border: 6px solid #888;
    color:            black;
    font-size:        15px;
    margin:           0 20px 5px 20px;
    padding:          7px 5px 7px 10px;
}

.float_left {
    float: left;
}

.half {
  width: 460px;
}

.notice_text {
  font-size: 16px;
}

.show_listing_google_map {
    border: 4px solid #777; 
    margin-left: 32px; 
    margin-top: 20px; 
    width: 700px;
}

.listing_price {
    color:         #5E91AC;
    font-size:     1.3em;
    font-weight:   bold;
    margin-bottom: 3px;
}

.listing_short_details {
    margin:    5px 0 5px 0;
}

.other_houses {
    font-size: 1.1em;
    margin-left: 32px;
}

.package_name_enhance {
    font-weight: bold; 
    text-decoration: underline;    
}

table.listings {
    border-collapse: collapse;
}

table.listings td, table.listings th {
    border:  1px solid #aaa;
    padding: 4px 10px 3px 10px;
}

table.listings th {
    background-color: #283246;
    color:            white;
}

.required {
    color: blue;
    font-weight: bold;
}

p.required_explain {
    margin: 0 0 4px 0;
}

div.search_fields {
    margin: -10px 0 15px 0;
}

.search_fields th {
    font-size: 0.85em;
    font-weight: normal;
    text-align: left;
}

div.search_results                  { font-size: 1.0em; width: 820px; }
div.search_results .distance        { margin-left: 15px; font-size: 0.75em; font-weight: normal; }
div.search_results div.details      { font-size: 1.2em; padding: 5px 5px 5px 15px; width: 615px; }
div.search_results div.photo        { vertical-align: top; margin-top: 0; width: 180px; }
div.search_results div.photo_count  { margin-top: 4px; }
div.search_results div.view_details { margin-top: 5px; }
div.search_results h1 { 
    background-color: #f0e4c7;
/*    background-color: #E6E2D3;  */
    font-size: 1.3em; 
    margin: 4px 0 0 0; 
    padding: 8px 5px 6px 5px; 
}
div.search_results h1 .listing_summary { color: #3ba0d6; font-size: 0.8em; margin-top: 7px; }
div.search_results a h1             { color: #3E718C; }
div.search_results h1 a:hover       { text-decoration: underline; }

div.user_account {
    float: left;
    width: 400px;
}

div.user_index {
    width: 920px;
}

div.user_info {
    float: right;
    font-size: 0.78em;
    line-height: 1.0em;
    margin: 2px 15px 0 0;
    padding: 0;
}

div.user_info a {
    color: white;
}

div.user_listing          { margin-bottom: 12px;                  }
div.user_listing a.action { font-size: 0.85em; margin-right: 7px; }

div.user_listings {
    float: left;
    margin-left: 10px;
    width: 420px;
}

.virtual_tour_link {
    text-decoration: underline; 
    font-size: 1.2em;    
}

/****************************************
 * Rails error elements
 ****************************************/

div#errorExplanation {
    background-color: #E7E3D4;
    border: 6px solid #888;
    color:            #c00000;
    margin-bottom:    15px;
    padding:          15px;
}

div#errorExplanation h2 {
    font-size: 1.45em;
    margin:    0;
}

div#errorExplanation {
    font-family:   helvetica, arial, sans-serif;
    font-size:     15px;
    margin-top:    7px;
}

.fieldWithErrors       { border-left: 3px solid red; }
.fieldWithErrors input { background-color: #ffbfaf;  }

/****************************************
 * Pagination
 ****************************************/

.pagination {
    background:  white;
    font-size:   0.95em;
    margin-left: 5px;
}

.pagination a, .pagination span {
    display:      block;
    float:        left;
    margin-right: 1px; 
    padding:      .2em .5em;
}

.pagination span.disabled {
    color: #999;
    border: 1px solid #DDD; 
}

.pagination span.current {
    background-color: #6F644D;
    border:           1px solid #6F644D;
    color:            white;
    font-weight:      bold;
}

.pagination a {
    text-decoration: none;
    color: #6F644D;
    border: 1px solid #7e9958;
}

.pagination a:hover, .pagination a:focus {
    color: #003;
    border-color: #003; 
}
.pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; 
}

/* Trent's new package page */

#packages_wrapper {
    background-color: #e7e3d4;
    padding-top: 5px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
    font-size: 16px;
    color: #6f644d;
    line-height: 20px;
}
#packages_wrap_left {
    float: left;
    width: 472px;
    background-image: url(/images/Pkg-bkgd-lrg.gif);
    background-repeat: no-repeat;
    background-position: 0px 43px;
}
#packages_wrap_right {
    float: left;
    width: 266px;
    background-image: url(/images/Pkg-bkgd-sml.gif);
    background-repeat: no-repeat;
    background-position: 0px 43px;
    margin-left: 23px;
}
#packages_footer_right {
    background-image: url(/images/Pkg-footer-sml.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 19px;
}
#packages_footer_left {
    background-image: url(/images/Pkg-footer-lrg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 19px;
    clear: left;
}
#packages_col1 {
    float: left;
    width: 239px;
}
#packages_col2 {
    float: left;
    width: 233px;
}

.pkg_content {
    text-align: center;
    height: 218px;
    margin-top: 20px;
}

.pkg_content#basic_content {
    margin-left: 25px;
    margin-right: 0px;
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #999999;
    padding-right: 15px;
}
.pkg_content#premium_content {margin-left: 10px; margin-right: 25px;}
.pkg_content#pro_content {margin-left: 25px; margin-right: 25px;}

#pkg_header h1 {
    color:          #404040;
    font-size:      31px;
    letter-spacing: -0.05em;
    padding-top:    0;
    text-align:     center;
}

#pkg_hdr_basic {
    color: #5E91bC;
    font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
}

#pkg_hdr_basic img {
    margin-left: 8px;
}

#pkg_hdr_premium {
    color: #5E91bC;
    font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
}

#pkg_hdr_premium img {
    margin-left: 5px;
}

#pkg_hdr_pro {
    color: #5E91bC;
    font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
}

#pkg_hdr_pro img {
    margin-left: 8px;
}

.pkg_button {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
}
.blue_prices {
    color: #5E91AC;
    font-size: 19px;
    line-height: 26px;
}
.pkg_small_font {
    font-size: 14px;
}
.pkg_hr {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Forms */

div.mlsc-form {
    background-color: #E7E3D4;
    border: 6px solid #888;
    font-size: 15px;
    padding: 15px;
}

div.mlsc-form .submit_button {
    font-size: 15px;
}

div.mlsc-form .required {
    font-size: 18px;
}

div.mlsc-form td {
    font-size: 15px;
}

table.rep_stats th {
    text-align: left;
}

div.quick-links {
    background-color: #E7E3D4;
    border: 6px solid #888;
    font-size: 15px;
    line-height: 24px;
    margin-right: 10px;
    padding: 7px;
}

div.quotes {
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  background-color:      #FFFFB0;
  border:                2px solid #FFEE88;
  font-size:             .9em;
  margin-bottom:         15px;
  margin-top:            15px;
  padding:               0em .5em;
}

div.packages-quotes {
  font-size: 16px;
  margin: 0 auto 30px auto;
  width:       550px;
}

div.quotes p {
    background:   url(/images/quote.gif) no-repeat top left;
    font-family:  arial,sans-serif;
    margin:       15px 0px;
    padding-left: 35px;
}