/* -- -- -- -- -- -- -- Sutton.com base CSS -- -- -- -- -- -- -- Each of the following three files is a separate, browser-specific CSS file that keeps all hacks out of the main style sheet. Over time, as supporting these browsers no longer remains a priority, cleaning up the hacks is as easy as deleting the @import statement. */ @import "ie6win.css"; /*\*//*/ @import "ie5mac.css"; /**/ @media tty { i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";} }/* */ /* -- undo HTML -- */ :link,:visited {text-decoration: none;} ul,ol {list-style: none;} h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;} ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} a img,:link img,:visited img {border: none;} address {font-style: normal;} /* -- basic HTML elements -- */ a:link {color: #f00; text-decoration: underline;} a:visited {color: #f00;} a:hover {color: #f00;} body {color: #fff; background: #000; font: 76% "Trebuchet MS", arial, sans-serif; margin: 0; padding: 0; height: 100%;} h1,legend {font-size: 1.8em; font-weight: normal; color: #f00; padding: 0 0 5px 0; border-bottom: solid 1px #828282;} legend {background: #000; margin-left: 10px;} h2 {font-size: 1.3em; font-weight: normal; padding: 1em 0; margin: 0;} h3 {border: dotted 1px #bbb; border-width: 1px 0; padding: 6px 0; margin: 3em 0 1em 0; text-transform: uppercase; font-size: 1.2em;} h4 {padding: 6px 10px; margin: 2em 0 0.5em 0; font-size: 1.2em; color: #666; background: url(../img/h4-bg.gif) no-repeat left center; text-transform: uppercase;} h5 {padding: 3px 0; margin: 2em 0 0 0; font-size: 1.1em;} h6 {padding: 3px 10px; margin: 2em 0 0 0; font-size: 1.1em; color: #666; background: url(../img/h4-bg.gif) no-repeat left center;} html {height: 100%;} hr {border: dotted 1px #bbb; margin: 1em 0;} p {margin-bottom: 1em; line-height: 1.5;} ol li {margin: 0.5em 0 0.5em 2em; list-style: decimal;} ul li {margin-left: 2em; list-style: disc;} textarea, input { background: #999; } /* -- simple classes -- */ .clear {clear: both;} .clearboth {clear: both;} .clearleft {clear: left;} .clearright {clear: right;} .left {float: left; margin: 0 10px 10px 0;} .less {color: #828282;} .more {color: #9B0505;} .data_table .form-item { padding: 0px; margin: 5px; } #container {background: url(../img/sidebar-bg.gif) repeat-y 66% 0; min-height: 100%; position: relative;} /* -- Header -- */ #headerView {height: 61px; background: #900 url(../img/header-bg.gif) repeat-x 0 0;} #headerEdit {height: 116px; background: #900 url(../img/header-bg.gif) repeat-x 0 0;} #headerEdit a, #headerView a {border: none;} /* -- Flexi Nav -- */ #flexiNav {color: #000; text-align: left; padding: 15px 0;font-weight: bold; } #flexiNav img {vertical-align: middle; margin-left: 14px;} #flexiNav a, #flexinav a:visited {text-decoration:none;font-weight: bold; padding: 0 3px; color: #fff;} #flexiNav a:hover {text-decoration:underline; padding: 0 3px; color: #fff;} /* -- Edit Menu -- */ div#headerEdit #nav_container {height: 27px; background: #400 url(../img/nav-bg.gif) repeat-x 0 0; text-align: center;} div#headerEdit #secondary_nav_container {text-align: center;} #secondary_nav_container {background: #cb827a url(../img/nav-highlight.gif) repeat-x 0 0; height: 28px; text-align: center;} ul.primary_admin_menu { padding: 8px 0 5px 0; list-style-type: none;} ul.secondary_admin_menu { padding: 10px 0 5px 0; list-style-type: none; } ul.primary_admin_menu li, ul.secondary_admin_menu li { display: inline; margin: 0; } ul.primary_admin_menu li a:link, ul.primary_admin_menu li a:visited, ul.secondary_admin_menu li a:link, ul.secondary_admin_menu li a:visited { padding: 5px 10px 5px 10px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #c3d; text-decoration: none; background: none; color: #fff; } ul.primary_admin_menu li a:hover, ul.primary_admin_menu li.active a:link, ul.primary_admin_menu li.active a:visited {background: #cb827a; color: #fff; } ul.secondary_admin_menu li a:hover, ul.secondary_admin_menu li.active a:link, ul.secondary_admin_menu li.active a:visited { background: #000; color: #fff;} /* -- Listings / Realtor buttons -- */ #selector {width: 273px; height: 64px; position: absolute; top: 48px; right: 0; background: url(../img/nav-listingsrealtors.gif) no-repeat;} #selector li {display: inline;} #selector li a {position: absolute; top: 0; height: 64px; text-indent: -9000px; display: block;} #selector .browse a, #selector .browse a:visited {width: 137px; right: 136px;} #selector .browse a:hover {background: url(../img/nav-listingsrealtors.gif) no-repeat 0px -128px;} #selector .browse a.current:link, #selector .browse a.current:visited {background: url(../img/nav-listingsrealtors.gif) no-repeat 0px -64px;} #selector .findrealtor a,#selector .findrealtor a:visited {width: 127px; right: 2px;} #selector .findrealtor a:hover, #selector .findrealtor a:hover {background: url(../img/nav-listingsrealtors.gif) no-repeat -144px -128px;} /* -- Logged in status panel -- */ #loginpanel {position: absolute; top: 8px; right: 0; height: 33px; color: #400; font-size: 0.85em; line-height: 0.9; padding-right: 8px; text-align: right;} #loginpanel ul {padding: 16px 0 0 8px; height: 22px;} #loginpanel li {display: inline; margin: 0;} #loginpanel li.login {margin-right: 5px; padding-right: 6px; border-right: solid 1px #400;} #loginpanel a, #loginpanel a:visited {color: #fff; font-weight: bold;} /* -- Breadcrumbs -- */ #breadcrumbs {margin-bottom: 1.5em;} #breadcrumbs li {display: inline; font-size: 0.85em; padding-right: 8px; margin: 0 2px 0 0; background: url(../img/arrow-smallgrey.gif) no-repeat 100% 5px; color: #707070;} #breadcrumbs li.last {background: none;} #breadcrumbs a, #breadcrumbs a:visited {border: none;} /* -- Page Body Layout -- */ #mainContent {float: left; width: 65.9%; overflow: hidden; clear: left;} .content-wrapper {padding: 10px 10px 25px 25px;} #sidebar, #sidebar-view {float: left; width: 33%; margin-left: 1%; margin-bottom: 20px; overflow: hidden;} .sidepanel {padding: 0 0 0 10px;} #pagebody {overflow: auto; padding-bottom: 40px;} /* -- Sidebar -- */ #sidebar h3, #sidebar-view h3 {font-weight: normal; margin: 20px 0 0 0; border: 0; text-transform: none; font-size: 1em; padding-left: 21px; color: #fff; font-size: 13px;} .industryInfo {border-bottom: solid 1px #828282; margin: 0 14px 20px 14px; padding: 0 8px 25px 8px;} .arrow_list {margin: 0; padding: 25px 0 15px 25px; overflow: auto; background: #000;} .arrow_list li {display: inline; margin: 0;} .arrow_list li a:link, .arrow_list li a:visited {display: block; margin: 0 10px 0 0; font-weight: bold; text-decoration: none; float: left; white-space: nowrap; padding: 0; height: 30px;} .arrow_list li a:hover {text-decoration: underline;} .arrow_list li span {padding: 8px; display: block; margin: 0;} .arrow_list li.currentPage a:link, .arrow_list li.currentPage a:visited {color: #fff; background: #c02600 url(../img/nav-current-left.gif) no-repeat left bottom;} .arrow_list li.currentPage span {background: url(../img/nav-current-right.gif) no-repeat right top;} .links_list {padding: 0 0 25px 0; margin: 0 14px 0 21px; border-bottom: solid 1px #828282;} .links_list li {list-style: none; margin: 0; padding: 0; line-height: 1.8;} .links_list li a:link, .links_list li a:visited {font-size: 1em; margin: 0; background: url(../img/sidebar-li.gif) no-repeat 0 4px; padding-left: 9px;} .sidepanel .testimonial {border: 0; padding: 0; margin: 0;} .sidepanel .testimonial blockquote {background: #1a1a1a; margin: 0; padding: 15px 10px;} .sidepanel .testimonial p.last {margin: 0;} .sidepanel .testimonial cite {font-style: normal; display: block; padding: 5px 0 5px 0; background: url(../img/testimonial-stem.gif) no-repeat 90% top; text-align: left;} .side_block {margin: 0 14px; line-height: 1.8;} .sidepanel .side_block .readwrite {font-size: 11px;} /* -- Contact Form -- */ .contact_form label {width: 100px; float: left;} .contact_form input {width: auto;} .contact_form .description {padding: 7px 0 0 100px;} .form-required {color: #f00;} /* -- Links Page -- */ #links_list {margin: 1em 0;} #links_list li {padding: 5px 0;} /* -- Testimonials Page -- */ .testimonial {padding: 10px; margin: 1em 0;} .testimonial blockquote {font-size: 1.2em; margin-bottom: 0.5em;} .testimonial cite {font-size: 0.9em;} #edit-testimonial {display:block;} /* -- Footer -- */ #footer {background: #000 url(../img/header-bg.gif) repeat-x; color: #000; font-size: 11px; clear: both; width: 100%; height: 40px; position: absolute; bottom: 0;} #footer .wrapper {padding: 12px 15px;} #footer a:link, #footer a:visited {background: #fff; font-size: 11px; padding: 3px; text-decoration: none;} #footer a:hover {background: #fff; font-size: 11px; padding: 3px; text-decoration: none;} #footer p {display: inline; margin: 0;} #footer p a:link, #footer a:visited {color: #fff; background: none; font-size: 11px; } #footer a:hover { text-decoration: underline;} #footer ul {margin: 0; padding: 0; display: inline;} #footer li {display: inline; margin: 0 0.5em;} /* -- Accessibility Tweaks -- */ #accessibility {position: absolute; left: -9999px;} .hide {display: none;} /* -- -- -- -- -- -- -- Re-usable Components -- -- -- -- -- -- -- /* -- data table, flexisite edit -- */ table.data_table { width: 100%; } table.data_table .title_row { background: #400; color:#fff; font-weight:bold; } table.data_table .even { background: #222; } table.data_table td { padding: 0 3px; } /* -- contact card table, flexisite view -- */ table#contact_table td.left_col {width: 45%; padding-bottom: 10px; padding-left: 24px;} table#contact_table td.right_col {padding-left: 10px; padding-bottom: 10px; padding-left: 24px;} table#contact_table div.contact_item_title {color: #999; font-weight: bold; position: relative; left: -23px;} table#contact_table img { vertical-align: middle; } /* -- flexisite view -- */ #flexiInfo {float: left; margin-right: 20px;} #flexiPortrait {border: solid 1px #fff; padding: 0;} /* -- testimonials -- */ .form_row_container { position: relative; padding: 10px; border:1px dotted #999;} .form_row_actions { position: absolute; top: 0px; right: 5px; } .side_block .form_row_container { padding: 0; } /* -- homezilla -- */ #homezilla-disclaimer { text-align: center; font-size: .8em; margin-top: 5px; width: 498px; font-style: italic; }