/**   Styles for "Screen" Media
*     File: _color-all.css
*     Theme: 0026 - black
*     Author: Nate Hanna & Stephen Davis
*     Auth Web: http://www.mediasation.com
*     modified: 2009-09-07
* --------------------------------------------------------------
**/

html {
   color: #000;
   background: #FFF url('bg_body.jpg') top left repeat-x;
}
body { background: url('bg_header.jpg') center top no-repeat; }

h1, h2, h3, h4, h5, h6,
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
div.title, a,
#topNavigation { color: #333; }

div.hr { background: #ECECEC no-repeat scroll center; }

#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
   display: block;
   background: url("logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 207px;
   height: 70px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 30px;
   right: 0;
}

.home #header #corner1 { background: url('bg_overlay.png') left top no-repeat; }
.home #contentWrapper { background: url('bg_contentWrapper-home.jpg') left top repeat-y; }
.default #contentWrapper { 
   background: url('bg_contentWrapper.gif') -13px top repeat-y;
   min-height: 230px;
}
   .default .has_zero_opts .no_mls #contentWrapper { background-image: none; }

#custom_footer,
a:visited,
#footer, #footer a,
.mls #mls_quick_search label,
.mls #search_results .details .features .label,
.mls #mls_featured_property .summary { color: #666; }
   .home #footer { background: url('bg_footer.jpg') top left no-repeat; }

#spark_outer_footer { background: url('bg_outer_footer.jpg') top left repeat; }

/** @group topNavigation */
#topNavigation ul { margin: 0; }
   #topNavigation ul li {
      background: none;
      margin: 0;
      display: inline;
   }
      #topNavigation ul li a {
         color: #CCC;
         font-size: 16px;
         line-height: 56px;
         letter-spacing: 0.1em;
         text-transform: uppercase;
         border: 0;
         padding: 0;
         float: left;
      }
         #topNavigation ul li a span { 
            display: block;
            padding: 0 30px; 
         }
      #topNavigation ul li a:hover { text-decoration: underline; }
      #topNavigation ul li.selected a {
         color: #FFF;
         background: transparent url('bg_nav-selected-R.jpg') left top no-repeat;
      }
         #topNavigation ul li.selected a span { 
            background: transparent url('bg_nav-selected-L.jpg') right top no-repeat;
            margin-left: 2px;
         }
#topNavigation ul li ul {
   top: 56px;
   width: 200px;
   border: 1px solid #999;
   border-bottom: 0;
   z-index: 10;
}
   #topNavigation ul li ul li {
      border-bottom: 1px solid #999;
      display: block;
   }
      #topNavigation ul li ul li a,
      #topNavigation ul li.selected ul li a {
         display: block;
         float: none;
         padding: 7px 10px;
         text-transform: none;
         background: #DFE0E4;
         color: #333;
         line-height: normal;
      }
      #topNavigation ul li ul li a span { padding: 0; }
         #topNavigation ul li.selected ul li a,
         #topNavigation ul li.selected ul li a span { background-image: none; }
      #topNavigation ul li ul li a:hover {
         background: #333;
         color: #FFF;
         text-decoration: none;
      }
#topNavigation ul li ul li ul {
   top: 0;
   left: 200px;
}
/* @end topNavigation **/

/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/

/** @group mls */
#mls_vcard .fn a, #mls_vcard .fn a:visited {
   color: #FFF;
   text-decoration: none;
}
#mls_vcard .fn a:focus { border: 1px dashed #FFF; }
#mls_vcard .photo img { border: 4px solid #FFF; }
#mls_vcard .title, #mls_vcard .tel { color: #FFF; }
#mls_vcard .tel { color: #b4bbc8; }
.mls #layout { border-left: 1px solid #ECECEC; }
   .mls .home #layout { border-right: 1px solid #ECECEC; }

.mls #property_menu li span, 
.mls #property_menu li span a, 
.mls #property_menu li span a:visited,
.mls #property_details table td.label,
.mls .content #property_details .toggle,
.mls .page_numbers .prev_link:visited,
.mls .page_numbers .next_link:visited { color: #333; }
/** @group property_details */
.mls #property_photo #enlarged, .mls #property_details #thumb_slider .thumb { border: 1px solid #B5B6B8; }
.mls #property_details table { border: 1px solid #8C8B87; border-top: 0; }
.mls #property_details table td, .mls #property_details table th { border-top: 1px solid #8C8B87; }
.mls #property_details table td.label { border-right: 1px solid #8C8B87;  }
.mls #property_details table tr.odd td,
.mls #search_results .property:hover { background-color: #ECECEC; }
.mls .content #property_details .toggle { border-color: #333; }
   .mls .content #property_details .up {
      color: #FFF;
      background-color: #333;
   }
/** @group property_menu */
.mls #property_menu li { background: transparent url("bg_propertyInteractItem.jpg") left top no-repeat; }
/* @end property_menu **/
/* @end property_details **/
/** @group mortgage_calculator */
#mortgage_calculator label { color: #333; }
#mortgage_calculator input { border: 1px solid #8C8B87; }
.mls #property_details #mortgage_calculator th {
   color: #FFF;
   background-color: #333;
}
/* @end mortgage_calculator **/
/** @group search_nav */
.mls .page_numbers { background: transparent url("bg_searchNav.jpg") left top no-repeat; }
   .mls .page_numbers strong a { background-color: #000; color: #FFF; }
.mls #top_nav { border-bottom: 1px solid #ECECEC; }
/* @end search_nav **/
/** @group property */
.mls #search_results .details .street-address,
.mls #search_results .details .features .value { color: #333; }
/* @end property **/
/* @end mls **/