/*
Copyright (c) 2008 Zillow.com All rights reserved.
*/

/* global styles */
    * {
        margin: 0;
        padding: 0;
    }

    html {
        font-size: 62.5%;
        overflow-y: scroll;
        overflow-x: auto;
    }

    body {
        font-family: verdana, arial, sans-serif;
        font-size: 1em;
        color: #555;
        text-align: center;
    }

    * html body * { border-color: transparent; }
    * html body { overflow-x: hidden; }

    a, a:active {
        color: #36b;
        outline: none;
    }

    a:hover {
        color: #692;
        text-decoration: underline;
    }

    .events a { text-decoration: none; }

    label, a {
        cursor: pointer;
    }
    /* we don't use legend; it won't contain other elements */
    legend, .skiplink {
        display: none;
    }
    /* recent builds of webkit have decided to force display of legends. hide them again. */
    body:first-of-type legend {
        position: absolute;
        left: -9999em;
    }

    sup { font-size: 0.8em; }

    input.text, select, textarea {
        font-family: verdana, arial, sans-serif;
        font-size: 1em;
        border: 1px solid #8AD;
    }

    input.text { padding: 1px; }

    .hide { display: none !important; }
    /* IE6 throws a rubbery when it can't understand part of a compound selector (commas) */
    input[type="hidden"] { display: none !important; }

    .invisible { visibility: hidden; }

    .nofloat { float: none; }

    .show, .display-block {
        display: block;
    }

    span.show,
    .showinline {
        display: inline;
    }

    .auto { width: auto; }

    .centered { text-align: center; }

    .padded { padding: 10px; }

    td.right { text-align: right; }

    .underlined { text-decoration: underline; }

    .grey, .greyed, .de-emph {
        color: #999;
    }

    .default-text{
        color:#999999;
        font-style:italic;
    }

    .solo {
        padding: 0px;
        margin: 0px;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    abbr, acronym,
    fieldset, img {
        border: 0;
    }

    address, caption, cite, code, dfn, th, var {
        font-style: normal;
        font-weight: normal;
    }

    ul { list-style-type: none; }

    caption, th {
        text-align: left;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
    }

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix { height: 1%; }

    .clear, .clearboth {
        float: none !important;
        clear: both !important;
    }

    /* typography */
    p, li, dt, dd, th, td {
        font-size: 1.1em;
    }

    th p, th li, td p, td li, dd p, dd li, dd dd, li p, li dd, li li {
        font-size: 1em;
    }

    h1 {
        font-family: "Trebuchet MS", arial, verdana, sans-serif;
        font-size: 2em;
        color: #692;
        margin-bottom: 10px;
    }

/* main layout */
    #wrapper {
        text-align: center;
    }

    #wrapper #container {
        text-align: left;
    }

    #primary-nav-wrapper,
    #container,
    #ft {
        width: 985px;
        margin: 0 auto;
    }

    #ft {
        width: auto; /* ZW-34284 */
    }
    #container {
        margin-bottom: 20px;
        padding: 0 8px;
    }
    #container.a-b-layout {
        padding-left: 8px !important;
    }

    .col1 {
        margin-right: 1%;
        float: left;
    }

    .col2 {
        float: right;
    }

    .col1, .col2 {
        width: 48%;
    }

    .col1 dt, .col2 dt {
        font-weight: bold;
    }

    #content {
        margin-left: 10px;
        padding-bottom: 10px;
    }

    #container.a-b-layout, #container.a-b-c-layout, * html #container.a-b-layout, * html #container.a-b-c-layout {
        background: #fff url(http://www.zillow.com/static/images/a_col_bg_repeat.gif) 8px bottom repeat-y;
    }

    .a-b-layout #middle-container, .a-b-c-layout #middle-container {
        background: transparent url(http://www.zillow.com/static/images/a_col_bg_border.gif) left bottom no-repeat;
    }

    .a-b-layout #inner-container, .a-b-c-layout #inner-container {
        background: transparent url(http://www.zillow.com/static/images/a_col_bg_border.gif) left top no-repeat;
        padding-bottom: 10px;
    }

    .fullpage-layout #content {
        margin-left: 0;
    }

    #a-column, #content, #c-column {
        float: left;
    }

    #a-column {
        width: 180px;
    }

    #c-column {
        width: 300px;
        overflow: hidden;
    }
    #alt-c-column {
        float:right;
        width: 300px;
    }

    * html #c-column {
        margin-left: -5px; /* fix ie6 extra margin bug */
    }

    .a-b-layout #content {
        width: 790px;
    }

    .b-c-layout #content {
        width: 665px;
    }

    * html .b-c-layout #content {
        width: 655px !important; /* ie6 was dropping c-columns below the content div */
    }

    .a-b-c-layout #content {
        width: 480px;
    }

    .a-b-layout #content, .a-b-c-layout #content {
        margin-left: 10px;
    }

    .b-c-layout #content, .a-b-c-layout #content {
        margin-right: 10px;
    }

    .fullpage-layout #content {
        width: 985px;
    }

    #container.liquid-layout {
        min-width: 985px;
        width: 100%;
    }

    * html #container.liquid-layout {
        width: auto !important;
    }

    .liquid-layout #c-column {
        float: right;
    }

    .liquid-layout #content {
        float: none;
        width: auto;
        margin: 0 310px 0 190px;
    }

    .outer-border {
        border: 1px #AACCFF solid;
        margin-bottom: 10px;
    }

    .inner-border {
        display: block;
        border: 3px #F2F7FF solid;
    }

    .warning .outer-border {
        border-color: #fd6;
    }

    .warning .outer-border .inner-border {
        border: 3px #fff7f0 solid;
    }

    .warning .outer-border .inner-border .alertNormal {
        width: 95%;
    }

    .warning .outer-border .inner-border .alertNormal {
        width: 95%;
    }

    #a-column .outer-border, #c-column .outer-border {
        padding: 1em;
    }
    /* sub columns */
    .sub-col-1 {
        width: 230px;
        float: left;
    }

    .sub-col-2 {
        width: 218px;
        float: right;
    }

    #header {
        position: relative;
    }

    #ft {
        clear: both;
    }

    #caching-area {
        position: absolute;
    }

    /* yahoo debugger styles */
    #log-wrap .yui-log {
        position: fixed;
        top: 86px;
        width: 288px;
        padding: 5px;
        z-index: 9999;
    }
    #log-wrap .yui-log .yui-log-hd {
        margin-top: 0;
    }

/* static content (styles for basic content pages such as corporate and mortgage)
corpright ids should be replaced with .static class as pages are updated */
    #corpleft h1#pagetitle {
        margin: -50px 0 50px 75px;
    }

    #corpright h3 {
        color: #d61;
        font-size: 1.6em;
        margin-bottom: 10px;
    }

    #promo #corpright h3 {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    #corpright h4,
    #corpright h5 {
        margin-bottom: 5px;
        color: #692;
        font-size: 1.3em;
    }

    #corpright h5 {
        font-size: 1.1em;
        margin-bottom: 0;
        margin-left: 8px;
    }

    #corpright p, #corpright li,
    #corpright dt, #corpright dd,
    .static p, .static li {
        line-height: 1.4em;
        margin-bottom: 1em;
        font-size: 1.2em;
    }

    .static h2 {
        font-size: 1.2em;
    }

    #corpright li {
        padding-left: 0;
    }

    .static dt {
        font-weight: bold;
        font-style: italic;
        font-size: 1.2em;
        line-height: 1.8;
    }

    .static dd {
        font-size: 1.2em;
        line-height: 1.8;
        margin-bottom: 1em;
    }

    .static p {
        margin-bottom: 1.2em;
    }

    .static p.attribution {
        text-align: right;
        font-style: italic;
    }

    .static .img-right {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .static ol, #corpright ol {
        margin-top: 1em;
    }

    .static ol li, #corpright ol li {
        margin-left: 3em;
        margin-bottom: 1em;
    }

    .static h2 {
        clear: both;
    }

    #corpright .indent {
        margin-left: 1em;
    }

    #corpright .api-overview {
        margin-bottom: 30px;
    }

    #corpright li p, #corpright dd p, #corpright li li, #corpright dd li {
        font-size: 1em;
    }

    #corpright p {
        margin-bottom: 20px;
    }

    #corpright p.no-margin {
        margin: 0px;
    }

    #corpright #brand-logo-list p {
        margin-bottom: 0px;
    }

    #corpright #brand-logo-list img {
        margin-bottom: 20px;
        float:left;
    }
    
    #corpright #brand-logo-list img.logo{
        margin-bottom: 20px;
        float:none;
    }

    #corpright.lowspace p {
        margin-bottom: 0px;
    }

    #corpright ul, .static ul {
        line-height: 1.8;
        margin-left: 25px;
        margin-bottom: 15px;
        list-style-type: disc;
        clear: both;
    }
    #corpright ul li.info {
        list-style: none;
        margin-left: -17px;
        font-size: 1.1em;
    }

    #corpright ul.edit, #corpright ul.action, .static ul.linklist {
        display: block;
        clear: both;
        list-style-type: none;
        margin-left: 0;
    }

    .static ul.linklist li {
        display: block;
        clear: both;
        margin-bottom: .5em;
    }

    .static ul.linklist li a.button {
        margin-bottom: 1em;
    }

    #corpright ul.action li {
        margin: 1em 1em 5px 0em;
    }

    #corpright ol.alpha, #content ol.alpha {
        list-style-type: lower-alpha;
    }

    #corpright dl {
        margin-bottom: 15px;
    }

    #corpright dl dt {
        font-weight: bold;
        float: left;
        margin-right: .6em;
    }

    #corpright .tooltip dt {
        float: none;
    }

    #corpright p.footnote {
        font-size: 1.1em;
    }

    #corpright .corpfootnote h4 {
        margin-top: 10px;
        color: #cccccc;
    }

    #corpright .corpfootnote ul li {
        margin-left: 0;
    }

    #corpright .corpfootnote ul {
        margin-left: 14px !important;
        margin-left: 16px;
    }

    #corpright .corpfootnote hr {
        border: 0;
        background-color: #dddddd;
        color: #cccccc;
        height: 1px;
    }

    #promo.agents #corpright img {
        float: right;
        padding-right: 10px;
    }

    #corpright .heatmaps dt {
        float: none;
    }

    #corpright.quarterlies h2 {
        color: #DD6611;
        font-size: 1.3em;
        margin-bottom: 20px;
    }

    #corpright.howtoSplash h2 {
        margin-bottom: 0;
    }

    #corpright.howtoSplash p strong {
        color: #d61;
    }

    #corpright .aboutus dt {
        padding-top: 5px;
        width: 100px;
        float: left;
        font-size: 1em;
        text-align: center;
    }

    #corpright ul.nobullets {
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
        margin-top: .5em;
    }

    #corpright p.notes {
        font-size: 1em;
        line-height: normal;
    }

    #corpright .zdefs dd {
        margin-bottom: 1em;
    }

    #corpright .zdefs dd a {
        text-decoration: underline;
    }

    #corpright .lablinks {
        margin-left: 0;
        margin-top: -20px;
    }

    #corpright .lablinks li {
        display: inline;
        list-style-type: none;
    }

    #corpright .labdate {
        font-size: 1em;
        color: #999;
    }

    * html #corpright .aboutus dd {
        height: 115px;
    }

    #corpright .aboutTeam dt {
        width: 130px;
        font-size: 1.1em;
    }

/* logo display */
    #logo, #logo a {
        width: 164px;
        display: block;
        float: left;
        z-index: 9999;
    }

    #logo {
        border: 0;
        margin-top: 5px;
    }

    #logo a img {
        border: 0;
        margin-left: 5px;
    }

div#inner-nav-wrapper {
    width: 985px;
    border-bottom: 1px #acf solid;
    height: 42px;
    margin: 0 auto;
    line-height: 13px;
}
    #inner-nav-wrapper:not([ie]) {
        line-height: 135%;
    }

/* Banner messaging */
    div.login-block {

        position: absolute;
        top: -7px;
        right: 0;
    }
    .banner-message {
        float: right;
        font-size: 1em;
        height: 1.2em;
        z-index: 9998 !important;
        margin-right: 40px;
        margin-top: 7px;
    }

    .banner-message a {
        text-decoration: none;
    }

    .banner-message ul li {
        float: left;
        margin-right: 5px;
        color: #acf;
        font-size: 1em;
    }

    .banner-message .greeting {
        color: #d61;
        font-size: 1.1em;
    }

/* Mobile link (for mobile users) */
div.mobile-link {
    background-color: #fec;
    width: 100%;
    font-size: 2em;
    border-bottom: 1px solid #000;
}

/* Primary navigation */
    div#primary-nav {
        height: 40px;
    }

    #primary-nav .top-nav {
        padding: 0px 0px 0 25px;
        float: left;
        width: 710px;
        white-space: nowrap;
        text-align: center;
        margin-right: 0;
        margin-top:19px;
    }

    #primary-nav .top-nav.no-selected-tab .top-nav-tab {
        margin-bottom: -1px;
    }

    .no-search-header #primary-nav .top-nav {
        border-bottom: 0;
    }

    .no-selected-tab #primary-nav .top-nav-tab {
        margin-bottom: -1px;
    } 

    #primary-nav .top-nav-tab {
        float: left;
        margin-bottom: -2px;
        font-size: 1.1em;
    }
    
    .yui3-overlay-hidden { display: none; }

    #primary-nav .top-nav-tab .menu-tab {
        display: block;
        padding-left: 15px;
        background: url(http://www.zillow.com/static/images/top_nav/tabs_illos.gif) left -100px no-repeat;
        font-weight: bold;
        text-align: left;
        border-bottom: 1px solid #acf;
    }

    #primary-nav .top-nav-tab.current .menu-tab {
        background-position: left -300px;
        border-bottom: 1px solid #fff;
    }

    #primary-nav .top-nav-tab.roll .menu-tab,
    #primary-nav .top-nav-tab:hover .menu-tab {
        background-position: left -500px;
        border-bottom: 0;
        border-bottom: 1px solid #fff;
        position: relative;
        z-index: 100000;
    }

    * html #primary-nav .top-nav-tab .menu-tab {
        padding: 0px 0px 0px 15px; /* ie7.css also */
    }

    #primary-nav .top-nav-tab.more .menu-tab {
        background: transparent none;
        border-bottom-color: transparent;
    }

    #primary-nav .top-nav-tab.more .menu-tab a {
        background: transparent url(http://www.zillow.com/static/images/icon_carrot_down_blue.gif) right center no-repeat;
    }

    #primary-nav .top-nav-tab.last {
        float: right;
        position: relative;
    }

    * html #primary-nav .top-nav-tab.current {
        padding-bottom: 0;
    }

    #primary-nav .menu-tab a {
        text-decoration: none;
        padding: 5px 15px 5px 0;
        display: block;
        background: url(http://www.zillow.com/static/images/top_nav/tabs_illos.gif) right top no-repeat;
    }

    #primary-nav .top-nav-tab.current .menu-tab a {
        background-position: right -200px;
        padding-bottom: 6px;
        color: #d61;
    }

    #primary-nav .top-nav-tab.roll .menu-tab a,
    #primary-nav .top-nav-tab:hover .menu-tab a {
        background-position: right -400px;
        color: #36b;
    }

    #primary-nav .top-nav-tab .menu-tab a:hover {
        color: #692;
        text-decoration: underline;
    }

    #primary-nav .admincs .menu-tab a {
        color: red;
    }

    #primary-nav .top-nav-tab .menu-tab img {
        position: absolute;
        margin-top: -14px;
        margin-left: -11px;
    }

    #primary-nav .submenu {
        position: absolute;
        left: -999em;
        background-color: #fff;
        border: 1px solid #acf;
        margin-top: -1px;
        font-weight: normal;
        text-align: left;
        z-index: 10;
        /* fast hack: http://www.dustindiaz.com/min-height-fast-hack/ */
        max-width: 600px;
        width: auto !important;
        width: 600px;
    }
        #primary-nav .top-nav-tab:hover .submenu {
            left: auto;
        }
        #primary-nav .top-nav-tab.current .submenu {
            margin-top: -2px;
        }
        
        #primary-nav div#more-tab-submenu {
        	width: 310px; 
        }
        
        #primary-nav div#homes-tab-submenu, 
        #primary-nav div#directory-tab-submenu {
        	width: 500px; 
        }
        
        #primary-nav div#persona-tab-submenu, 
        #primary-nav div#duelingdigs-tab-submenu, 
        #primary-nav div#help-menu-tab-submenu, 
        #primary-nav div#webtools-tab-submenu {
        	width: 150px; 
        }
        

        #primary-nav #more-tab-submenu {
            width: 310px;
        }
        #primary-nav #persona-tab-submenu,
        #primary-nav #duelingdigs-tab-submenu,
        #primary-nav #help-menu-tab-submenu,
        #primary-nav #webtools-tab-submenu {
            max-width: 150px;
            width: auto !important;
            width: 150px;
        }

    * html #primary-nav .submenu iframe {
        z-index: 0 !important;
    }

    #primary-nav .last .submenu {
        max-width: 220px;
        width: auto !important;
        width: 220px;
        right: 0;
    }

    #primary-nav .submenu * {
        font-size: 1em;
    }

    #primary-nav .submenu li {
        text-align: left;
        margin-bottom: 3px;
    }

    #primary-nav .submenu a {
        text-decoration: none;
    }

    #primary-nav .submenu a:hover {
        text-decoration: underline;
    }


    #primary-nav .submenu .tools,
    #primary-nav .submenu ul.carrot {
        float: left;
        font-size: 1em;
        padding: 10px;
    }

        #myzillow-tab-submenu.submenu .tools,
        #myzillow-tab-submenu.submenu ul.carrot {
            float: none;
        }


    #primary-nav div.submenu dl.tools {
        padding: 10px;
    }
        #myzillow-tab-submenu div.bd ul.carrot,
        #myzillow-tab-submenu div.bd dl.tools {
            padding: 0px;
            border: 0 !important;
        }

        #myzillow-tab-submenu {
            padding: 10px;
        }

    #primary-nav div.submenu ul {
        border-right: 5px solid #f2f7ff;
        font-size: 12px;
    }
    #primary-nav li.no-tools div.submenu ul {
        /* don't show right border when no tools present */
        border-right: none;
    }
        #primary-nav div.submenu ul a {
            font-size: 12px;
            
        }

    #primary-nav div.submenu dl {
        border-left: 5px solid #f2f7ff;
        margin-left: -5px;
        font-size: 11px;
    }
        #primary-nav div.submenu dl a {
            font-size: 11px;
        }
    #primary-nav .submenu .tools dt {
        color: #555;
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-weight: bold;
    }

    #primary-nav .submenu .tools dt.subtools {
        margin-top: 10px;
    }

    #primary-nav .submenu .region-name {
        color: #999;
    }

/* Secondary navigation */
    ul.secondary-nav {
        border-bottom: 1px solid #acf;
        background-color: #fff;
        padding-bottom: 5px;
        margin-bottom: 5px;
        margin-top: -1px;
    }

    ul.secondary-nav li {
        border: 1px #acf solid;
        margin: 1px 0;
        line-height: .01;
        background: transparent url(http://www.zillow.com/static/images/nav_bg.png) repeat-x 0 0;
    }

    ul.secondary-nav li.roll, ul.secondary-nav li.rollable:hover {
        background: #efd url(http://www.zillow.com/static/images/nav_bg.png) 0 -100px repeat-x;
        border-color: #ad6;
        color: #692;
    }

    ul.secondary-nav li.current:hover {
        border-color: #aaccff;
    }

    ul.secondary-nav li,
    ul.secondary-nav li#filter-pane.current h5 {
        font-weight: bold;
        font-size: 1.2em;
    }
        ul.secondary-nav li a strong {
            color: #d61;
        }

    ul.secondary-nav li li {
        line-height: 1em;
        font-size: 1em;
        font-weight: normal;
    }

    ul.secondary-nav li li.roll,
    ul.secondary-nav li li.rollable:hover {
        background: transparent;
    }

    ul.secondary-nav li.current ul li.current h5 a {
        font-weight: bold;
    }

    ul.secondary-nav li a {
        display: block;
        line-height: 1em;
        padding: 5px 0 5px 10px;
        text-decoration: none;
    }

    ul.secondary-nav li li a,
    ul.secondary-nav li p a {
        background: transparent;
        text-decoration: underline;
        position: static;
        display: inline;
        border-bottom: none;
        padding: 0;
    }

    ul.secondary-nav li.nav li.nav {
        font-size: 1em;
        background: url(http://www.zillow.com/static/images/icon_carrot_orange.gif) 0 6px no-repeat;
    }
        ul.secondary-nav li.nav li.nav a:hover {
            padding: 0;
            background: none;
        }

    ul.nav h2 {
        font-size: 1.2em;
    }

    ul.nav {
        border: 1px solid #acf;
    }

    ul.nav li.current {
        padding: 0.5em;
    }

    * html ul.secondary-nav li a:hover {
        text-decoration: none;
    }

    ul.secondary-nav li li a:hover,
    ul.secondary-nav li div a:hover,
    ul.secondary-nav li p a:hover {
        background: transparent;
    }

    ul.secondary-nav li.current {
        padding: 5px 0 5px 10px;
        line-height: 1em;
        background: #fff url(http://www.zillow.com/static/images/active_blade_gradient.gif) left top repeat-x;
        color: #d61;
    }

    ul.secondary-nav li.current li {
        padding: 5px 0 5px 10px;
    }

    ul.secondary-nav li.current a {
        padding: 0;
    }

    ul.secondary-nav li.current#filter-pane li {
        background: none;
        padding: 0;
        font-size: 1em;
    }

    ul.secondary-nav li.current#filter-pane li .inputs li {
        padding-bottom: 5px;
    }

    ul.secondary-nav ul {
        padding: 5px 0 0 0;
        background: none;
        border: none;
    }

    ul.secondary-nav ul li {
        background: none;
        border: 0;
    }

    ul.secondary-nav ul li a {
        border: none;
        font-size: .9em;
        font-weight: normal;
        text-decoration: none;
    }

    ul.secondary-nav li.current li {
        background: url(http://www.zillow.com/static/images/icon_carrot_orange.gif) 0 6px no-repeat;
        border: none;
        font-size: .9em;
        padding-left: 10px;
    }

    ul.secondary-nav li.current.parent h5 a {
        color: #36B;
    }
    ul.secondary-nav li.parent li.current h5 a,
    ul.secondary-nav li.current h5 a {
        padding: 0;
        color: #d61;
    }

    ul.secondary-nav li.current h5 a:hover {
        color: #692;
    }

/* Global search bar */
    #formSearchBar {
        text-align: center;
    }

    #header-wrapper {
        min-width: 980px;
        position: relative;
        z-index: 9000;
        height: 86px;
        margin-bottom: 5px;
    }
        #header-wrapper.no-search-header {
            background-position: 40px top;
            height: 43px;
        }
    * html #header-wrapper {
        height: 86px;
    }

    * html #header-wrapper.no-search-header {
        padding-bottom: 1px;
        height: 40px;
    }

    #primary-nav-wrapper {
        width: 100%;
        height: 42px;
        border-bottom: 1px #acf solid;
        padding-top: 4px;   
    }

	#search {
		width: 100%; 
		height: 39px;
		border-bottom: #CDC7FF;
		background: url(http://www.zillow.com/static/images/top_nav/background_gradient.gif) repeat-x; 
		background-position: left bottom; 
	}


    * html #search {
        display: inline; /* IE6 fix */
        float: left;
    }
	

	
    .search-bar-container {
        width: 985px;
        margin: 0 auto;
    }

    #search form {
        clear: right;
        margin-top: 2px;
    }

    #search form input,
    #search form label,
    #search form button,
    #default-address input,
    #default-address label,
    #default-address button {
        display: inline; /* IE6 fix; float: left will override to display: block in other browsers */
        float: left;
    }

    #search h2 {
        float: left;
        width: 88px;
        margin: 8px 0 0 10px;
        font-size: 1.3em;
        color: #d61;
        background: url(http://www.zillow.com/static/images/txt_h1_find_homes.gif) top left no-repeat;
        text-indent: -9999em;
    }

    #search label,
    #default-address label {
        color: #aaa;
        line-height: 1.5em;
        background: #fff;
        z-index: 0;
        position: relative;
    }

    #search .onebox label,
    #default-address label {
        background: none;
    }

    #search .form-column {
        float: left;
        margin-top: 12px;
        width: 600px;  
    }

    * html #search .form-column {
        margin-right: 0;
    }

    #search .one {
        margin-right: 7px;

    }

    #search label.hide,
    #default-address label.hide {
        display: block !important;
        visibility: hidden;
    }
/*
    * html #search .form-column {
        margin-right: 2px;
    }
*/
    #search .form-column input,
    #default-address input {
        padding: 3px 1px;
        padding-left: 2px;
        margin-right: 5px;
        width: 266px;
    }

    #search .onebox input {
        width: 543px;
    }

    #search .form-column label,
    #default-address label {
        position: static;
        margin-top: 3px;
        font-style: italic;
    }

    #search .onebox label { margin-left: -547px; }
    
     #default-address label {
             margin-left: -270px; 
             cursor: text;
     }
     
    #search .twobox label { margin-left: -268px; }

    #search .form-column .default-text label {
        visibility: visible;
        cursor: text;
    }

    #search .form-column select {
        padding: 2px 0 3px;
        font-weight: normal;
        font-size: 0.6em;
    }

    #search .form-column.zero {
        font-weight: bold;
        font-size: 1.6em;
        font-family: "trebuchet MS";
        background: url(http://www.zillow.com/static/images/top_nav/tabs_illos.gif) left -588px;
        padding-right: 5px;
        margin-right: 0;
        margin-top: 1px;
        width: 75px;
        height: 40px;
    }

    #search .form-column.zero div,
    #search .form-column.zero select {
        display: none; 
        
    }

    #search.search-bar-type-homes     .zero { background-position: 5px -602px; }
    #search.search-bar-type-advice    .zero { background-position: 5px -802px; }
    #search.search-bar-type-directory .zero { background-position: 5px -902px; }
    #search.search-bar-type-region    .zero { background-position: 5px -1002px; }
    #search .one,
    #search.single-box .one {
        width: 120px;
    }

    #search .two {
        width: 240px;
    }

    #search p {
        color: #999;
        float: left;
        font-size: 0.9em;
    }

    #search.alt-search .aboutzlink {
        display: none;
    }


    /* Search Box helper text */
    #search p.helper {
        text-align: left;
        display: none;
    }
    /* tab-specific tweaks */
    #myzillow-tab-submenu ol#recentFavorites {
        list-style-type: none;
        margin-left: 10px;
        margin-bottom: .5em;
    }
        #myzillow-tab-submenu ol#recentFavorites a.de-emph {
            text-decoration: underline;
        }
        #pros-searchbar p.keyword,
        #advice-searchbar p.keyword {
            width: 216px;
        }

    #search.search-bar-type-mortgage div.zero div,
    #search.search-bar-type-mortgage div.zero select {
        display: none;
    }
    #search.search-bar-type-mortgage div.zero {
        width: 175px;
        height: 30px;
        background: url(http://www.zillow.com/static/images/top_nav/tabs_illos.gif);
        background-repeat: no-repeat;
        background-position: 18px -700px;
    }
    div#search.search-bar-type-mortgage div#mortgage-searchbar label {
        display: none;
    }


/* Search messaging */

    .search-message-bar {
        border: 1px solid #fc0;
        background: #fdfaee url(http://www.zillow.com/static/images/search-message-bar_bg.gif) left top repeat-x;
        padding: 4px 15px 4px 4px;
        margin: 0;
        position: relative;
    }

    .search-message-bar h2 {
        font-weight: normal;
    }

    .search-message-bar h2.left {
        float: left;
        text-align: left;
    }

    .search-message-bar h2.refine-search {
        padding-left: 20px;
        padding-top: 2px;
        background: url(http://www.zillow.com/static/images/icon_house_green.gif) no-repeat;
    }

    .search-message-bar h2.left {
        font-style: italic;
    }

    .search-message-bar h2.no-results {
        padding-left: 20px;
        background: url(http://www.zillow.com/static/images/icon_warning.gif) no-repeat;
        font-style: normal;
    }

    .search-message-bar h2.left a {
        font-style: normal;
    }


/* Breadcrumb nav */
    #a-column p.back,
    #a-col p.back,
    #c-column p.advertisement,
    #content p.back {
        height: 22px;
        line-height: 23px;
        background-color: #fff;
        padding-bottom: 5px;
    }
    #a-column p.back {
        font-size: 1em;
        margin-bottom: -1px;
    }
    #c-column p.advertisement {
        height: 12px;
        line-height: 9px;
        margin: 10px 0 0;
        padding: 4px 0 1px;
    }

    #gbc-area {
        width: 100%;
        padding-bottom: 5px;
    }


/* fancy breadcrumb v2 */
    #gbc {
        float: left;
        width: 478px; /* span b-column */
        border: 1px solid #c7ddff;
        position: relative;
        z-index: 999 !important;
        /* min-height fast hack - to address background expansion when wrapping occurs */
        min-height: 20px;
        height: auto !important;
        height: 20px;
    }

    /*  breadcrumb_chevron.gif sprite values (y, centered on vertex, with 20px line-height)
        w/ triangle
         -100px white   (  -90px )
         -300px orange  ( -290px )
         -500px green   ( -490px )
        w/o
         -700px white   ( -690px )
         -900px orange  ( -890px )
        -1100px green   (-1090px )
    */
    #gbc li {
        float: left;
        position: relative;
        line-height: 20px;
        background: #fff url(http://www.zillow.com/static/images/breadcrumb_chevron.gif) no-repeat right -90px;
        white-space: nowrap;
    }
    * html #gbc li li {
        height: 20px;
    }
        /* page views */
        #gbc li.page-views {
            float: right;
            text-align: right;
            background: none;
            padding-right: 5px;
            color: #999;
        }
        #gbc li.page-views a {
            padding-right: 0;
        }

    #gbc li a,
    #gbc li .gbc-top {
        display: block;
        padding: 0 15px 0 5px;
    }
    #gbc li a {
        color: #36b;
        text-decoration: none;
    }
    #gbc li a:hover,
    #gbc li a:focus {
        color: #692;
        text-decoration: underline;
    }

    #gbc li.roll,
    #gbc li:hover {
        background-position: right -490px; /* green */
    }
        /* non-current parent link remains green when navigating submenu */
        #gbc li.roll a,
        #gbc li:hover a {
            color: #692;
        }

    #gbc li.current {
        background-position: right -290px; /* orange */
    }
        /* current parent always orange bold */
        #gbc li.current .gbc-top {
            color: #d61;
            font-weight: bold;
        }

    /* no-kids == no disclosure triangle (li- or ul-based) */
    #gbc.no-kids li,
    #gbc li.no-kids {
        background-position: right  -690px;
    }
    #gbc.no-kids li.roll,
    #gbc li.no-kids.roll,
    #gbc.no-kids li:hover,
    #gbc li.no-kids:hover {
        background-position: right -1090px;
    }
    #gbc.no-kids li.current,
    #gbc li.no-kids.current {
        background-position: right  -890px;
    }
        /* reduce padding for nonexistent triangle */
        #gbc.no-kids li .gbc-top,
        #gbc li.no-kids .gbc-top {
            padding-right: 10px;
        }

    /* no format on child links/text */
    #gbc li.no-format {
        padding: 0 15px 0 5px;
    }
        #gbc li.no-format a {
            padding: 0;
            display: inline;
        }


    #gbc li div.dropdown {
        width:  200px;
        height: 200px;
        position: absolute;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 999 !important;
        border: 1px solid #c7ddff;
        background-color: #fff;
    }
    #gbc li div.dropdown:not([IE]) {
        left: -999em;
    }
    #gbc li.roll  div.dropdown,
    #gbc li:hover div.dropdown {
        margin-left: -0.6em;
        left: auto;
    }

    #gbc li ul li,
    #gbc li ul li:hover {
        float: none;
        background-image: none;
    }
        #gbc li ul li a {
            padding-right: 0;
        }
        #gbc h4 {
            font-size: 1em;
            color: #555;
        }
        #gbc h4,
        #gbc li ul li a {
            padding-left: 10px;
        }

        #gbc li.roll  ul li a,
        #gbc li:hover ul li a {
            color: #36b;
        }
        #gbc li.roll  ul li a:hover,
        #gbc li.roll  ul li a:focus,
        #gbc li:hover ul li a:hover,
        #gbc li:hover ul li a:focus {
            color: #580;
            background-color: #ecf9da;
        }

        #gbc li div.breadcrumb-dropdown-search {
            padding: 10px 0 0 10px;
            width: 170px;
            position: relative;
        }
            div.breadcrumb-dropdown-search p {
                color: #555;
                padding-bottom: 2px;
                clear: both;
            }
            div.breadcrumb-dropdown-search label {
                color: #d61;
                font-weight: bold;
                line-height: 1.4;
                padding-right: 5px;
                float: left;
            }
            div.breadcrumb-dropdown-search input {
                width: 110px;
                float: left;
            }

            #gbc div.breadcrumb-dropdown-search form button {
                margin: 2px 0 0 5px;
                height: 13px;
                width:  13px;
                background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -200px no-repeat;
            }
                div.breadcrumb-dropdown-search form button span {
                    display: none;
                }

    /* IE-specific stuff in respective stylesheets */


/* form styles */
span.required {
    color: #d00;
}

    /* input tips for text fields and textareas */
    /* go nuclear on page-specific css that tries to mess with us */
    .input-tip {
        position: absolute;
        display: block !important;
        margin: 0.4em 0 0 0.4em;
        padding: 0 24px 0 0;
        color: #aaa !important;
        font-weight: normal !important;
        width: auto !important;
        cursor: text;
        z-index: 0;
    }
    label.input-tip.hide {
        display: block !important;
        visibility: hidden;
    }
    /* .input-tip { left: 0; } in both ie{6,7}.css */

    .message-bar {
        padding: 8px;
        border: 1px solid #fc0;
        background: #fdfaee url(http://www.zillow.com/static/images/search-message-bar_bg.gif) left top repeat-x;
    }

    .message-bar img {
        margin-right: 5px;
        border: 0;
        float: left;
        display: block;
        border: 0 !important;
    }

    .message-bar span {
        margin-left: 20px;
        display: block;
    }

    .error {
        background: #fff url(http://www.zillow.com/static/images/message-bar_error_bg.gif) left top repeat-x;
        color: #555;
        border: 1px solid #f66;
    }

    #wiki-text-area .error {
        position: absolute;
        margin: 28px 9px;
        z-index: 9999;
    }

    * html #wiki-text-area .error {
        position: absolute;
        margin-top: 30px;
    }

    input.error, textarea.error, label.error {
        background-image: none;
    }

    label.error {
        border: 0;
    }

    .message-bar span {
        margin-left: 20px;
        display: block;
    }

    p.message-bar {
        padding: 5px;
        margin: 10px 0;
    }

    p.error, input.error, div.error, p.warning {
        border: 1px solid #f66;
        background: #fff url(http://www.zillow.com/static/images/message-bar_error_bg.gif) left top repeat-x;
        color: #555;
        padding: 2px;
    }

    p.top {
        color: #d00;
        font-size: 1.2em;
        padding: 5px 5px 5px 0;
        background: transparent;
        font-weight: bold;
    }

    #content fieldset p label, #content ul.radiolist label {
        font-weight: normal;
        display: inline;
    }

    #content dl.radiolist {
        margin-bottom: 10px;
    }

    #content ul.radiolist input {
        float: left;
        width: 5em;
    }

    #content ul.radiolist li {
        clear: left;
    }

    #content ul.radiolist label {
        margin-left: 2em;
        display: block;
        width: auto;
    }

    * html #content ul.radiolist label {
        display: inline;
        margin-left: 0;
        position: relative;
        top: 4px;
    }

    #content ul.radiolist label strong {
        font-weight: bold;
    }

    #content fieldset p input, #content ul.radiolist input {
        width: auto;
    }

    #content fieldset textarea.fd_max_3000 {
        width: 100%;
        height: 4em;
        overflow: auto;
    }

    #content ul.action li {
        float: left;
    }

    #content ul.action li button {
        margin-right: 5px;
    }
    /* Two-column form styles */
    #content fieldset .two-col dt, #content .two-col dt {
        float: left;
        clear: left;
        display: block;
        width: 17em;
    }

    #content fieldset.wiki dt {
        width: auto;
    }

    #content fieldset .two-col dt label, #content .two-col dt label {
        display: inline;
        float: none;
        margin-top: 10px;
    }

    #content fieldset .two-col dd, #content .two-col dd {
        margin-left: 18em;
        margin-bottom: 10px;
    }

    #content fieldset.wiki dd {
        margin-left: 7em;
    }

    #content .two-col dd p strong {
        color: #d61;
    }
    /* new tableless form styles */
    .generic-form div {
        margin-bottom: 2em;
        clear: both;
    }
    /* not yet
    form dd,
    form dt {
        float: left;
        width: 49%;
    }

    form dt {
        clear: left;
    }

    form dd {
        clear: none;
    }
    */
    .generic-form {
        border: 1px solid #AACCFF;
        padding: 10px;
        background: #F2F7FF;
        line-height: 1.8em;
    }

    .generic-form .inner-border {
        border: 1px solid #AACCFF;
        background: #ffffff;
        padding: 10px;
        padding-right: 0;
    }

    .generic-form h1 span {
        color: #555555;
        font-family: verdana,arial,sans-serif;
        font-size: 0.45em;
        font-weight: normal;
        margin-left: 20px;
    }

    .generic-form h3 {
        margin-bottom: 1em;
        font-size: 1.1em;
    }

    .generic-form ul {
        display: block;
        clear: both;
        line-height: 2em;
    }

    .generic-form li {
        display: block;
        clear: both;
    }

    .generic-form li label {
        display: block;
        width: 15em;
        float: left;
        text-align: left;
        padding-bottom: 1em;
        font-weight: bold;
    }

    .generic-form li.radio label {
        display: block;
        width: auto;
        float: left;
        text-align: left;
        padding-bottom: 1em;
    }

    .generic-form li input {
        width: 20em;
        float: left;
        margin-left: 5px;
    }

    .generic-form select {
        margin-left: 5px;
    }

    .generic-form dl dt {
        font-weight: bold;
    }

    .generic-form li.radio input, .generic-form #Checkbox, .generic-form label.checkbox-label {
        width: auto;
        margin-left: 0;
    }

    .generic-form li.phone input {
        width: auto;
        float: none;
        margin-left: 0px;
    }

    .generic-form #commentField, .generic-form #TextArea {
        width: 100%;
        height: 8em;
        margin-bottom: 1em;
    }

    .generic-form .captcha, .generic-form .agent, .generic-form .action {
        display: block;
        clear: both;
        background: transparent url(http://www.zillow.com/static/images/dotted_x_blue.gif) repeat-x left top;
        margin-top: 10px;
        padding-top: 10px;
    }

    .generic-form .captcha p {
        float: left;
    }

    .generic-form .captcha img {
        border: 1px solid #555555;
        margin-left: 20px;
    }

    .generic-form li .formtip,
    .generic-form li #screenName-unique-message,
    .generic-form li #screenName-available {
        margin: 0 0 0 1em;
        color: #999999;
        line-height: normal;
        clear: none;
        display: inline;
    }

    #screenName-unavailable, #screenName-invalid, #screenName-invalid-length {
        color: #DD0000;
        font-weight: bold;
        clear: none;
        display: inline;
    }

    .generic-form p {
        clear: both;
        margin: 10px 0px;
    }

/* Striping for lists, table rows */
.zebra li.odd,
.zebra tr.odd {
    background:#F2F7FF;
}

.zebra li.even,
.zebra tr.even {
    background:#FFFFFF;
}

/* Edit profile -- services offered */
div#services {
    padding: 10px;
    border: 1px solid #acf;
}

    #services h6 {
        font-size: 1em;
        margin: 0 0 0.75em;
    }

    #services ul li {
        width: 198px;
        float: left;
        margin: 0 0 5px 0;
        padding-left: 20px;
    }
    #services label {
        margin: -3px 0 0 5px;
        font-weight: normal;
        float: left;
        width: auto;
    }

    #content #services input.cb {
        float: none;
        width: auto;
        border: 0;
        vertical-align: -0.4em;
    }
    #content #services input.cb:not([IE]) {
        vertical-align: -0.2em;
        margin-right: 2px;
    }
    body:first-of-type #content #services input.cb  { vertical-align: 0; }/* webkit */

        #content #services input.text-field {
            border: 1px solid #8ad;
        }

    /* "other" checkbox */
    #services ul li:last-child {
        width: 100%;
        clear: both;
    }

    #services .other-input {
        float: left;
        padding-left: 0.5em;
    }
        #content #services .other-input p {
            font-size: 0.9em;
            margin-bottom: 0;
            clear: left;
        }

        #content #services .other-input input {
            display: inline;
            clear: none;
            width: 300px;
        }


/* Edit profile & registration -- service areas */
    input#serviceAreas {
        float: left;
    }
    button#add-service-area {
        margin: 0 0 0 2px;
        height: 27px;
        width: 45px;
        background: url(http://www.zillow.com/static/images/btn_ADD.png) no-repeat top left !important;
        background: url(http://www.zillow.com/static/images/btn_add_license.gif) no-repeat top left;
    }
    button#add-service-area:hover,
    button#add-service-area.roll {
        background: url(http://www.zillow.com/static/images/btn_ADD_hover.png) no-repeat top left;
    }
    #region-list {
        clear: both;
        width: 85%;
    }
    #region-list li {
        width: 50%;
        float: left;
    }
    #region-list li button {
        width: 13px;
        height: 13px;
        display: block;
        padding: 0 0 2px 0;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -2000px no-repeat;
        text-decoration: underline;
    }
    #region-list li button:hover,
    #region-list li button.roll {
        background-position: 0 -2100px;
    }

    #service-areas-message {
        clear: both;
        font-size: .9em;
    }
    #service-areas-instruction {
        clear: both;
    }


/* button styles */
    button,
    a.button {
        margin-right: 5px;
    }

    button, button span, a.button, a.button span, span.primary-button span {
        float: left;
        display: block;
    }

    ul.secondary-nav li#filter-pane a.button, button, a.button, a.button_next, span.button-primary {
        font-weight: bold;
        font-family: verdana, arial, sans-serif;
        font-size: 1em;
        font-weight: bold;
        text-decoration: none;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -1500px no-repeat;
        color: #fff;
        border: 0;
        cursor: pointer;
        width: auto;
    }

    ul.secondary-nav li#filter-pane a.button {
        padding: 0;
    }

    ul.secondary-nav li#filter-pane a.button:hover {
        text-decoration: none;
        color: #fff;
    }

    a.button:hover {
        color: #fff;
        text-decoration: none;
    }

    button.primary, a.primary, button.em, a.em, span.button-primary {
        font-size: 1.2em; 
        line-height: 1.1em;
    }
        * html button, * html a.button, * html .button.next {
            padding-left: 2px;
            width: 1px;
            overflow: visible;
        }

    button span,
    a.button span,
    a.button_next span,
    span.button-primary span {
        padding: 3px 10px 4px 0;
        text-indent: 10px;
        text-align: left;
        margin: -1px -3px;
        width: auto;
        white-space: nowrap;
        background: url(http://www.zillow.com/static/images/button_span_bg.gif) right bottom no-repeat;
    }

    a.button span, span.button-primary span {
        margin-left: 0 !important;
        text-indent: 8px;
        margin-right: 0;
        padding: 4px 9px 6px 0;
        padding-right: 9px;
    }
        * html button span, * html a.button span, * html a.button_next span {
            text-indent: 10px;
            margin-right: 0;
            float: none;
            margin-bottom: -0.2em;
        }
        * html a.button span {
            margin-bottom: 0;
        }
        * html a.button span, * html a.primary span {
            margin: 0;
        }

    ul.secondary-nav li#filter-pane a.button:hover,
    button.roll,  a.roll,
    button:focus, a.button:focus,
    button:hover, a.button:hover {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -1700px no-repeat;
    }

    button.roll span,  a.roll span,
    button:focus span, a.button:focus span,
    button:hover span, a.button:hover span {
        background: url(http://www.zillow.com/static/images/button_roll_span_bg.gif) right bottom no-repeat;
    }

    /* "Next" button styles */
    .button_next {
        float: none;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) -300px -1500px no-repeat;
    }

    .button_next span, a.button_next span {
        float: none;
        background: url(http://www.zillow.com/static/images/button_next_span_bg.gif) left top no-repeat;
    }

    /* inline button */
    a.inline-button {
        font-weight: bold;
        font-family: verdana, arial, sans-serif;
        color: #fff;
        border: 0;
        cursor: pointer;
        color: #fff;
        font-size: 1em;
        font-weight: bold;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -1500px no-repeat;
        text-decoration: none;
        padding: 5px 0 5px 0;
    }
        * html a.inline-button {
            padding: 5px 0 0 0;
        }/* ie7 */

    a.inline-button:hover {
        color: #fff;
        text-decoration: none !important;
    }

    a.inline-button span {
        padding: 0 7px 5px 5px;
        text-align: left;
        background: url(http://www.zillow.com/static/images/button_span_bg.gif) right bottom no-repeat;

    }

    button.primary, button.save, a.primary, a.save {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -1900px no-repeat;
    }

    button.primary span, button.save span, a.primary span, a.save span {
        background: url(http://www.zillow.com/static/images/button_primary_span_bg_fff.gif) right bottom no-repeat;
    }

    button.em, a.em {
        background: url(/static/images/btnicons_tiled.gif) 0 -1500px no-repeat;
    }

    button.em span, a.em span {
        background: url(http://www.zillow.com/static/images/button_span_bg.gif) right bottom no-repeat;
    }

    a.roll, button.roll, a.inline-button:hover, button.primary:hover {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -1700px no-repeat;
    }

    a.roll span, button.roll span, a.inline-button:hover span, button.primary:hover span {
        background: url(http://www.zillow.com/static/images/button_roll_span_bg.gif) right bottom no-repeat !important;
    }

    .buttonWrapper {
        padding: 5px 0;
    }

    a.button-disabled,
    a.button-disabled:hover,
    button.disabled,
    button.disabled:hover {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -2200px no-repeat;
        cursor: default;
    }
    a.button-disabled span,
    button.disabled span,
    button.disabled:hover span {
        background: url(http://www.zillow.com/static/images/button_span_disabled_bg.gif) right bottom no-repeat !important;
    }

/* global link styles */
    ul.related-links li a,
    a.external {
        font-weight: bold;
        text-decoration: none;
        padding-left: 12px;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) no-repeat;
        background-position: 0 -2297px;
    }

    ul.related-links li a,
    a.external-normal {
        font-weight: normal;
        text-decoration: none;
        padding-left: 12px;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) no-repeat;
        background-position: 0 -2297px;
    }

    ul.edit li {
        padding-bottom: 4px;
    }

    ul.edit li a {
        text-decoration: none;
        padding-left: 16px;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -200px no-repeat;
        padding-top: 1px;
    }

    ul.edit li a:hover {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -100px no-repeat;
        text-decoration: none;
    }

    .linkEmph a {
        padding-left: 16px;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -200px no-repeat;
        text-decoration: none;
        font-weight: bold;
    }

    .linkEmph a:hover {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -100px no-repeat;
        text-decoration: none;
    }

    p.em a,
    ul.em li,
    ul.edit li.em {
        font-size: 1.5em;
    }

    .carrot li,
    li.carrot a,
    p.carrot,
    .back a,
    ul.secondary-nav li p.carrot a,
    ul.secondary-nav li#filter-pane ul.carrot li a {
        padding-left: 10px;
        background: url(http://www.zillow.com/static/images/icon_carrot_orange.gif) 0 .3em no-repeat;
    }

    .carrot-list li {
        list-style-image: url(http://www.zillow.com/static/images/icon_carrot_orange.gif);
    }

    .widely-spaced li {
        margin: 10px 0 0 0;
    }

    .carrot a {
        text-decoration: none;
    }

    .carrot a:hover {
        text-decoration: underline;
    }

    .arrow-link a {
        padding-left: 18px;
        background: url(http://www.zillow.com/static/images/icon_arrow_tiled.gif) 0 -200px no-repeat;
        text-decoration: none;
        font-weight: bold;
        text-decoration: none;
    }

    .arrow-link a:hover {
        padding-left: 18px;
        background: url(http://www.zillow.com/static/images/icon_arrow_tiled.gif) 0 -100px no-repeat;
        text-decoration: none;
    }

    .back a {
        background: url(http://www.zillow.com/static/images/icon_carrot_orange_back.gif) 0 3px no-repeat;
        text-decoration: none;
    }
    .back a.clear-search {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -2000px no-repeat;
        padding-left: 18px;
        font-size: 1.1em;
    }

    .bullet {
        margin-left: 1.2em;
        margin-bottom: 10px;
    }

    .bullet li {
        list-style-type: disc;
        margin-bottom: 0.5em;
    }

    .linkToggle .closed, .expandable .closed {
        display: inline;
    }

    #b-c-column .linkToggle {
        clear: both;
    }

    .linkToggle .open, .expandable .open {
        display: none;
    }

    .expanded .closed {
        display: none;
    }

    .expanded .open {
        display: inline;
    }


    .security, .conduct, .outer-border .inner-border p.security, .outer-border .inner-border p.conduct {
        display: block;
        height: 16px;
        padding-left: 20px;
        margin-top: 6px;
        float: right;
        clear: right;
    }

    .security {
        background: url(http://www.zillow.com/static/images/icon_lock.gif) top left no-repeat;
    }

    .conduct {
        background: url(http://www.zillow.com/static/images/icon_sheild.gif) top left no-repeat;
    }

    .alert {
        clear: left;
        padding: 6px 0 6px 6px;
        border: 1px solid #fc0;
        background: url(http://www.zillow.com/static/images/bg_alert.gif) top left repeat-x;
    }

    .alert strong,
    .outer-border h1.alert {
        padding-left: 20px;
        background: url(http://www.zillow.com/static/images/icon_warning.gif) 0 5px no-repeat;
    }

    /* remove these settings if we're inside a border already */
    .inner-border .alert {
        border: none;
        padding: 0;
        background: none;
    }

    .body-text p, .body-text h2, .body-text h3, .body-text dl, .body-text ul, .body-text ol {
        margin-bottom: 10px;
    }

    .body-text h2 {
        font-size: 1.3em;
        color: #d61;
    }

    .body-text dt {
        float: left;
        font-weight: bold;
        margin-right: 1em;
    }

    .alertNormal {
        padding-left: 20px;
        background: url(http://www.zillow.com/static/images/icon_warning.gif) left center no-repeat;
    }

    .highlight {
        text-indent: 20px;
        background: url(http://www.zillow.com/static/images/icon_lightbulb.gif) left top no-repeat;
        font-weight: bold;
    }

/* help layer - tooltip */
    a.help, h2.expanded a.help, .zestimate a.help {
        height: 13px;
        font-size: 1.4em;
        background: url(http://www.zillow.com/static/images/icon_questionmark_sprite.gif) 0 0 no-repeat;
        padding-right: 15px;
        text-indent: -9999em;
        text-decoration: none;
    }
    /* ZW-20407: added hover state for .zestimate a.help */
    a.help:hover, h2.expanded a.help:hover, .zestimate a.help:hover {
        background: url(http://www.zillow.com/static/images/icon_questionmark_sprite.gif) 0 -100px no-repeat;
        text-decoration: none;
    }

    a.help span {
        display: table-cell;
        display: inline-block;
    }

    .tooltip {
        display: block;
        position: absolute;
        z-index: 999 !important;
        width: 310px;
        background: #fff;
        border: 1px solid #000;
        border-top: 1px solid #9c9c9c;
        border-left: 1px solid #9c9c9c;
        padding: 10px;
    }

    a.close {
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -2000px no-repeat;
        display: block;
        padding: 0 0 2px 0;
        text-indent: -9999em;
        width: 13px;
        height: 13px;
    }

    a.close:hover {
        background-position: 0 -2100px;
    }

    .tooltip a.close, .dialog a.close, .search-message-bar a.close, .overlay a.close, #regionTargets ul li a.close {
        text-indent: -9999em;
        width: 13px;
        height: 13px;
        display: block;
        padding: 0 0 2px 0;
        background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) 0 -2000px no-repeat;
        position: absolute;
        top: 7px;
        right: 7px;
        text-decoration: underline;
    }

    .search-message-bar a.close {
        right: 5px;
        top: 5px;
    }

    .tooltip a.close:hover, .dialog a.close:hover, .search-message-bar a.close:hover, #regionTargets ul li a.close:hover {
        background-position: 0 -2100px;
    }

    #container .tooltip dt {
        margin-bottom: 3px;
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: bold;
        color: #d61;
        width: 90%;
    }
    

    #container .tooltip dd {
        padding: 0;
        margin-bottom: 1em;
    }

    .tooltip dd.last {
        margin-bottom: 0;
    }

    .tooltip .action {
        padding: 10px 0;
        clear: left;
    }

    .tooltip button, .tooltip .action .inline-button {
        margin-right: 10px;
        position: relative;
    }

    #homeRegisterTip_toggleArea {
        width: 280px;
    }

/* link style for false phone link after number has been revealed (profile and directory) */
    a.click-phone.no-link {
        cursor: default;
        text-decoration: none;
        color: #555;
    }


/* inappropriate tooltip */
#wrapper div.inappropriate {
    width: 308px;
}
    #wrapper .inappropriate a.close {
        top: 10px;
    }
    #wrapper .inappropriate dt {
        float: none !important;
        margin-bottom: 10px;
    }

    #wrapper .inappropriate dd label {
        width: 80px;
        float: left;
        clear: left;
        padding: 3px 0;
    }

    #wrapper .inappropriate input,
    #wrapper .inappropriate textarea {
        float: left;
        border: 1px solid #acf;
        padding: 3px;
        width: 215px;
        margin-bottom: 10px;
    }
    * html #wrapper .inappropriate input {
        padding-right: 1px;/* avoid wrapping */
    }

    #wrapper .inappropriate select {
        float: left;
        margin-bottom: 10px;
        width: 223px;
        height: 2.2em;
    }
    #wrapper .inappropriate select:not([IE]) {
        height: 1.9em; /* FF & Webkit */
    }

    #wrapper .inappropriate p.legal {
        font-size: 0.9em;
        border-top: 1px solid #ccc;
        padding-top: 5px;
    }

    /* ZW-24299: fixes truncated buttons in IE (dueling styles) */
    #wrapper .inappropriate a.button span {
        display: block;
    }

    #wrapper .inappropriate .primary {
        font-size: 1em;
    }
    #wrapper .inappropriate ul.action a {
        line-height: 1.5;
    }

    #wrapper .inappropriate ul.action {
        padding-top: 5px;
        padding-bottom: 15px;
    }
        #wrapper .inappropriate ul.action li {
            margin: 0;
            padding: 0;
            background: none;
            width: 80px;
        }

/* Ratings */
    .rating-group-ro,
    .rating-group-rw {
        color: #999;
        float: left;
        width: auto;
    }
    .rating-group-ro {
        margin-left: 5px;
    }

    a.rating {
        float: left;
        height: 13px;
        background: url(http://www.zillow.com/static/images/thumbs_only.gif) no-repeat;
    }

    p.rating,
    .forum-topic dd,
    .rating-counter {
        float: left;
        color: #999;
        font-size: 10px;
    }

    /* RO state */
    .rating-group-ro a.yes-disabled {
        width: 12px;
        background-position: 0 0;
    }
    .rating-group-ro a.yes-disabled:hover {
        cursor: default;
        text-decoration: none;
    }

    /* RW state */
    .rating-group-rw a.yes {
        background-position: 90% 3px;
    }
    .rating-group-rw a.yes:hover {
        background-position: 90% -47px;
        text-decoration: none;
    }
    .rating-group-rw a.yes span {
        color: #8b4;
        font-weight: bold;
    }

    a.rating-button {
        padding: 3px 13px 3px 5px;
        border: 1px solid #ddd;
        background-color: #f4f4f4;
    }
    a.rating-button:hover {
        border: 1px solid #8b4;
        background-color: #f4faec;
        text-decoration: none;
    }

    /* better looking feedback text in comments */
    .comment-rating-area .rating-message span.active {
        line-height: 2;
        padding-right: 0.5em;
    }

/* Box styles */
.generic-box {
    margin-bottom: 10px;
}

    .generic-box h2, .h2-headline {
        font-weight: bold;
        font-size: 1.4em;
        color: #d61;
        margin-bottom: 10px;
        border-bottom: 1px solid #acf;
    }

    .generic-box .module-head {
        background: transparent url(http://www.zillow.com/static/images/1px_titlebar.gif) repeat-x scroll left top;
        border: 1px solid #acf;
        margin: 5px 0px 0px;
        padding: 2px 5px;
        color: #555;
    }

    .generic-box .module-head h2,
    .generic-box .module-head h5 {
        font-size: 1.1em;
        float: left;
        margin-bottom: 0;
        text-decoration: none;
        color: #555;
        border: none;
    }

    .generic-box .module-head h2 a,
    .generic-box .module-head h5 a {
        font-weight: bold;
        text-decoration: none;
        color: #36b;
    }

        .generic-box .module-head h2 a:hover ,
        .generic-box .module-head h5 a:hover {
            color: #580;
            text-decoration: none;
        }

    .generic-box .module-head div.actions {
        float: right;
    }
        .generic-box .module-head div.actions a {
            float: left;
            text-decoration: none;
        }
        .generic-box .module-head div.actions .tooltip a {
            float: none;
        }

        .generic-box .module-head div.actions a span {
            visibility: hidden;
        }

/*    .generic-box h3 {
        color: #d61;
        font-size: 1.3em;
    }*/

    /* temporary hacks to display components on TNC extranet page (shared with old-style home posting forms)
        in new module-based design
        TODO: deprecate with a redesign of the posting forms */
    .tnc-module fieldset h2 {
        background: transparent url(http://www.zillow.com/static/images/1px_titlebar.gif) repeat-x scroll left top;
        border: 1px solid #acf;
        color: #555;
        margin: 5px 0 0;
        padding: 2px 5px;
        clear: both;
        font-size: 1.1em;
    }

    .tnc-module fieldset {
        margin-bottom: 2em;
    }

    /* expandable modules */
    .tnc-module fieldset h2 a.toggle,
    .module-head a.toggle {
        padding-left: 15px;
        background: transparent url(http://www.zillow.com/static/images/btnicons_tiled.gif) left -900px no-repeat;
        text-decoration: none;
    }

    .tnc-module fieldset h2 a.toggle:hover,
    .module-head a.toggle:hover {
        background-position: left -1000px;
    }

    .tnc-module fieldset h2 a.expanded,
    .module-head a.expanded {
        background-position: left -1200px;
    }

    .tnc-module fieldset h2 a.expanded:hover,
    .module-head a.expanded:hover {
        background-position: left -1300px;
    }


/* Results sorter */
    .sectionhead .sortResults {
        float: right;
    }

/* Avatars */
    .avatarContainer img {
        padding: 1px;
        border: 1px solid #36b;
    }

/* page navigation */
    .pageNavigation {
        margin-bottom: 10px;
    }

    .pageNavigation li {
        display: inline;
    }

/* footer display */
#ft {
    color: #999;
}

    #ft li,
    #ft p {
        font-size: 1em;
    }


    #ft a {
        text-decoration: none;
    }

    #ft #main-ft,
    #ft ul {
        text-align: center;
    }

    #ft li {
        padding: 0 1em;
        display: inline;
    }

    #ft li ul {
        display: inline;
    }

#main-ft {
    padding: 4px 0;
    border: 1px solid #c7ddff;
    border-width: 1px 0;
    background: url(http://www.zillow.com/static/images/footer_gradient.gif) left bottom repeat-x;
    margin-bottom: 10px;
    width: 100%;
}

    #main-ft li {
        /*border-left: 1px solid #999;*/
    }

    #main-ft li.first,
    #main-ft li li {
        border-left: none;
    }

    #sub-ft {
        margin: 0 auto;
        text-align: center;
    }

    #ft .copyright,
    #sub-ft ul,
    #sub-ft li {
        display: inline;
    }

    #sub-ft ul li a {
        text-decoration: underline;
        color: #999;
    }

    #ft p,
    #ft dl {
        text-align: center;
        margin-bottom: 10px;
    }

    #ft div#alpha-directory { display: none; }


/* top regions footer styles*/
#top-regions {
    padding: 10px;
    margin: 0 auto;
    font-size: 10px;
    border-top: 1px #acf solid;
    position: relative;
}
#top-regions h6,
#top-regions p {
    text-align: left;
    margin-bottom: 2px;
}
    #top-regions .top-region {
        width: 800px;
        position: absolute;
        padding: 0 10px;
        text-align: left;
        top: 0;
        left: 0;
    }
    #top-regions .top-region li {
        width: 100px;
        float: left;
        padding: 0;
        text-align: left;
    }
    #top-regions .top-region a.close {
        position: absolute;
        top: 0;
        right: 8px;
    }
    * html #top-regions .top-region a.close {
        right: 18px;
    }
    #top-regions .top-region a {
        text-decoration: none;
    }
    #top-regions .top-region h3 {
        position: relative;
        z-index: 11;
        top: 7px;
        color: #555;
    }
    #top-regions .top-region ul.wrap {
        width: 800px;
        z-index: 10;
        position: absolute;
        border: 1px #acf solid;
        background: #fff;
        padding: 24px 0 9px 9px;
        margin-top: -13px;
        margin-left: -10px;
    }
    #top-regions .top-region ul.wrap:not([IE]) {
        margin-top: -15px;/* gecko */
    }
    body:first-of-type #top-regions .top-region ul.wrap {
        margin-top: -13px;/* webkit */
    }
    #top-regions .top-region li.more-regions {
        clear: left;
        width: 100%;
        text-align: center;
        padding-top: 1em;
    }

/* text footer styles */
#ft .region-blurb {
    padding: 0 1em 1em 1em;
}

    #ft .region-blurb p {
        float: left;
        text-align: left;
        color: #555555;
    }

    #ft .region-blurb h5 {
        float: left;
        text-align: left;
        margin-bottom: 2px;
        color: #555555;
    }

/* tool_strip icons */
.emailAlerts a,
.rateWidgets a,
a.ask-advice,
span.tool-icon,
.actions a.subscribe,
div.tool-icons span,
div.messaging.disambig h4,
div.messaging.info h4,
div.bubble h2 span,
div.bubble .comment-title,
div.bubble a.discuss {
    background-image: url(http://www.zillow.com/static/images/icons/tool_strip.png);
    background-repeat: no-repeat;
}

/* LightboxSubscription entry points with toggling */
.actions a.subscribe        { background-position: 0 -4287px; padding-left: 20px; }
.actions a.subscribe.cancel { background-position: 0 -4486px; }
    a.subscribe span { display: none; }
    a.subscribe.cancel span { display: inline; }
    /* inside module headers, shorter icon needs to be positioned differently than elsewhere */
    .module-head .actions a.subscribe { background-position: 0 -4291px; }
    .module-head .actions a.subscribe.cancel { background-position: 0 -4491px; }
/* override visibility: hidden */
    .module-head .actions a.subscribe.cancel span { visibility: visible; }


/* messaging styles (ui/Messaging) */
div.messaging {
    margin: 10px 0;
    padding: 10px;
}

    div.messaging h4 {
        font-size: 1.1em;
        font-weight: bold;
        padding-left: 30px;
        line-height: 1.6;
    }
        * html div.messaging h4 {
            height: 16px;
        }

    div.messaging.upsell h4 { font-weight: normal; }

    div.messaging ul {
        list-style-type: disc;
        list-style-position: inside;
        margin: 1em 0;
        padding-left: 30px;
    }
        div.messaging ul li {
            margin: 0 0 1em 0;
            padding-left: 0;
        }

    /* don't clobber carrots */
    div.messaging ul.carrot { list-style: none; }
    div.messaging ul.carrot li:not([IE]) {
        padding-left: 15px;
    }

    div.messaging p {
        margin: 0.75em 0 0 30px;
    }
        div.messaging p strong {
            color: #D61;
        }

    /* font size preservation (vs .static) */
    div.messaging p,
    div.messaging ul li {
        font-size: 1.1em;
    }

    div.messaging .close {
        float: right;
    }

    /* info messaging */
    div.messaging.info {
        border: 1px solid #ad6;
        background: #fff url(http://www.zillow.com/static/images/bg_messaging_green_gradient.gif) 0 0 repeat-x;
    }

    div.messaging.info h4 {
        background-position: 0 -4600px; /* tool_strip */
    }

    /* disambig messaging */
    div.messaging.disambig {
        border: 1px solid #fc0;
        background: #fdfaee url(http://www.zillow.com/static/images/search-message-bar_bg.gif) 0 0 repeat-x;
    }

    div.messaging.disambig h4 {
        background-position: 0 -4800px; /* tool_strip */
    }

    div.messaging.disambig ul {
        list-style: none;
    }

/* compact messaging, better suited for A- or C-column */
div.messaging.compact {
    margin: 10px 0;
    padding: 5px;
}
    div.messaging.compact h4 {
        padding: 0 0 0 22px !important;
        margin-bottom: 5px;
        margin-left: 2px;
        font-size: 1em;
    }
        div.compact.info h4     { background-position: 0 -4598px; }
        div.compact.disambig h4 { background-position: 0 -4798px; }

    div.messaging.compact p {
        font-size: 10px !important;
        line-height: 1.5;
        margin: 0 0 5px 5px !important;
    }
    div.messaging.compact ul {
        margin: 5px 0 0;
        padding-left: 5px !important;
    }
        div.messaging.compact ul li {
            margin-bottom: 3px;
            font-size: 0.9em;
        }
        div.messaging.compact ul.carrot li {
            list-style-type: none;
            background-position: 0 5px;
        }


/* advertising styles */
    .footerboard {
        clear: both;
        width: 728px !important;
        text-align: center !important;
        margin: 20px auto 0px auto !important;
    }

    .a-b-layout .footerboard, .a-b-c-layout .footerboard {
        clear: both;
        padding-left: 133px;
    }

    #a-column .ads {
        margin-left: 5px;
        margin-bottom: 10px;
    }

    p.advertisement {
        /* referenced in breadcrumb above */
        font-size: 9px;
        margin-bottom: 4px;
        color: #999;
        text-align: center;
    }

    .ezads-tile { display: none; }

    * html #HDBAds {
        background: #f2f7ff;
    }

    .flyOut h3 {
        font-size: 1.1em;
        text-align: center;
        margin-bottom: 3px;
    }

    .buttonAds {
        /*border: 1px solid #C6EA94;*/
        margin: 0 5px 20px 5px;
        padding: 0 4px;
        *padding: 10px 4px;
        /*background-color: #ECF9DA;*/
    }

    .buttonAds .button-ad {
        height: 60px;
        margin: 10px 0;
    }
        .buttonAds p.advertisement { display: none; }

/* iframe buster */
    .expando {
        position: relative;
    }
    #content .expando-wrap,
    #content .expando {
        height: 90px;
        width: 728px;
    }
    #c-column .expando-wrap,
    #c-column .expando {
        width: 300px;
        height: 250px;
    }
    /* avoid breaking c-column in IE6 */
    * html #wrapper .expando-wrap { width: auto; }

    #c-column .expando object {
        position: absolute;
        right: 0;
    }

    * html .expando-expanded {
        position: absolute;
    }
    .expando-collapsed { overflow: hidden; }
    .expando-expanded { overflow: visible; }

        .expando-collapsed, .expando-expanded {
            position: absolute;
            z-index: 100000;
            overflow: hidden;
        }
        .expando-collapsed {
            background: transparent;
        }
        .expando-expanded {
            background: #fff;
            overflow: visible;
        }

/* Pointroll ads */
.leaderboard {
    width: 728px !important;
    text-align: center !important;
    margin: 0 auto !important;
}
    .leaderboard p.advertisement {
        display: none;
    }

    .leaderboard table, .leaderboard table tr, .leaderboard table tr td, .leaderboard table tr td.ruled,
    .leaderboard table tr td a, .leaderboard table tr td.ruled a, .leaderboard table tr td a:hover {
        width: auto !important;
        background-image: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    .leaderboard table {
        margin-right: 0px !important;
    }

/* Lending Tree ad */
    .loan-ad {
        margin-bottom: 10px;
        width: 160px;
        border-left: 1px solid #739cce;
    }

    * html .loan-ad {
        border-left: 0;
    }

    .loan-ad table {
        border: 1px solid #739cce;
        background: #cad9ef;
        float: none;
    }

    .loan-ad table caption {
        background: #739cce;
        font-size: 1.2em;
        font-weight: bold;
        padding: 3px;
        color: #fff;
    }

    .loan-ad table tr td, .loan-ad table tr th,
    .loan-ad table tr input, .loan-ad table tr select {
        font-family: arial, verdana, sans-serif;
    }

    .loan-ad table tr input, .loan-ad table tr select {
        font-size: 1.2em;
    }

    .loan-ad table tr select.long {
        width: 155px;
    }

    .loan-ad table tr td, .loan-ad table tr th {
        padding: 8px 0 0 4px;
        vertical-align: top;
    }

    .loan-ad table tr th, .loan-ad table tr td.cell-right {
        font-size: 1.25em;
        text-align: right;
        color: #333;
    }

    .loan-ad table tr td.cell-right {
        padding-right: 9px;
    }

    .loan-ad table tr th.cell-left {
        text-align: left;
    }

    .loan-ad table tr td.submit img {
        padding-bottom: 8px;
        position: relative;
        left: -10px;
    }

    .loan-ad table tr td p {
        font-size: .9em;
        padding-bottom: 8px;
    }

    .loan-ad table tr td p img {
        position: relative;
        top: 5px;
        left: 3px;
    }

/* Rate table */
    .rate-table {
        border: 1px solid #7699cd;
        background: #cad9ef;
    }

    .rate-table-content, .rate-table .headline {
        padding: 5px 10px;
    }

    .rate-table-content {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: .9em;
    }

    .rate-table .headline {
        background: #7699cd;
        display: block;
        color: #fff;
        font-weight: bold;
        font-size: 1.3em;
    }

    .rate-table table {
        width: 190px;
    }

    .rate-table table caption {
        padding-bottom: 5px;
    }

    .rate-table table thead tr th {
        font-weight: bold;
        padding-bottom: 2px;
        border-bottom: 1px solid #79c;
    }

    .rate-table table tbody tr td {
        padding: 3px 0 6px 0;
    }

    .rate-table table tbody tr td a {
        text-decoration: underline !important;
    }

    .rate-table p {
        text-align: right;
        margin-right: 10px;
    }

    .rate-table p img {
        position: relative;
        top: 5px;
        left: 3px;
    }

/* Captcha styles */
    .captcha img {
        border: 1px solid #ddd;
    }

/* Overview pages */
    .overview {
        margin-bottom: 10px;
        background: #fff;
        border: 1px solid #acf;
        overflow: hidden;
    }

    .overview h2 {
        color: #d61;
        font-size: 1.5em;
        margin: 0 15px 10px 15px;
    }

    .overview h3 {
        color: #692;
        font-size: 1.3em;
        margin: 0 15px 10px 15px;
    }

    .overview .textReplace {
        text-indent: -9999em;
    }

    .overview p, .overview ul {
        line-height: 1.8em;
        margin: 0 15px 10px 15px;
    }

    .overview p, .overview li {
        font-size: 1.2em;
    }

    .topOverview {
        height: 120px;
        background: url(http://www.zillow.com/static/images/posting_overview_top_bg.gif) top left repeat-x;
        border-bottom: 1px solid #acf;
    }

    .topLeftOverview {
        height: 120px;
        width: 27%;
        float: left;
        background: url(http://www.zillow.com/static/images/posting_overview_top_left.gif) top left no-repeat;
    }

    .topCenterOverview {
        float: left;
        width: 44%;
        text-align: center;
    }

    .topCenterOverview dl {
        text-align: left;
    }

    .topCenterOverview ul li {
        font-size: 1.1em;
        font-weight: bold;
        display: inline;
    }

    .topCenterOverview ul li a {
        padding-left: 18px;
        background: url(http://www.zillow.com/static/images/icon_questionmark_sprite.gif) 0 0 no-repeat;
        text-decoration: none;
    }

    .topCenterOverview ul li a:hover {
        background: url(http://www.zillow.com/static/images/icon_questionmark_sprite.gif) 0 -100px no-repeat;
    }

    .topCenterOverview ul li.first {
        padding-right: 20px;
    }

    .topRightOverview {
        height: 120px;
        width: 28%;
        float: right;
        background: url(http://www.zillow.com/static/images/posting_overview_top_right.gif) top right no-repeat;
    }

    .bottomLeftOverview, .bottomCenterOverview, .bottomRightOverview {
        float: left;
        padding-top: 10px;
        text-align: left;
        padding-bottom: 999em;
        margin-bottom: -999em;
        width: 33%;
    }

    .bottomCenterOverview {
        border-left: 1px solid #acf;
        border-right: 1px solid #acf;
    }

    /* 2 col */
    .bottomOverview2col-left .bottomLeftOverview {
        width: 66%;
        margin-right: 0;
        overflow: hidden;
    }

    .bottomOverview2col.clearfix .bottomLeftOverview .feed {
        display: block;
        padding-bottom: 10px;
    }

    .bottomOverview2col-right .bottomRightOverview {
        width: 66%;
        margin-left: 0px;
        overflow: hidden;
    }

    .bottomOverview2col .bottomRightOverview {
        width: 49%;
        border-left: 1px solid #acf;
    }

    .bottomOverview2col .bottomLeftOverview {
        width: 50%;
    }

/* Global image upload styles */
    body#uploadframe {
        min-width: 0;
        width: 400px;
        height: 125px;
        text-align: left;
    }

    #imgupload * { float: left; }
    * html #imgupload { display: inline; }

        #imgupload input { padding: 3px; }

    /*ZW-14520: adjusting spacing between upload form, instructions and images */
    body#uploadframe p#instructions {
        font-size: 8pt;
        width: 300px;
        padding-top: 10px;
        text-align: left;
        clear: both;
    }

    #input_imgupload {
        margin-right: 3px;
    }

    * html #imgupload button span {
        padding: 4px;
        padding-left: 0;
    }

    #images * { width: auto; }

    #div_imgupload, #div_imgupload iframe {
        width: 460px;
        height: 200px;
        margin-top: 0;
        margin-bottom: 10px;
        float: left;
        clear: both;
    }

    #photoEditor #div_imgupload {
        width: 100%;
        margin-top: 10px;
    }

    #createAdForm td #div_imgupload {
        margin-top: 0 !important;
        height: 25px;
    }

    div#image-upload-terms {
        clear: both;
        text-align: left;
        padding: 5px 0 0 0;
    }
    p#disclaimer-error {
        clear: both;
    }
    #editForm div#add-photo_toggleArea {
        padding-left: 180px;
    }

/* New Showcase Styles */
div.showcase-module {
	border: 1px solid #c5ea93; 
	overflow: hidden; 
	margin-bottom: 10px;
	width: 298px;
}

	div.showcase-module div.showcase-inner-border {
		border: 3px solid #ecf9da;  
		background: #fff url(http://www.zillow.com/static/images/showcase/module-background-sprite.gif) no-repeat 0 -8px;
		height: 88px;  
		overflow: hidden;
	}
	
	div.showcase-module div.image {
		float: left; 
		padding: 1px; 
		margin: 3px 0 0 3px;  
	}
		* html div.showcase-module div.image {
			width: 120px; 
		}
	div.showcase-module div.image p.removeLink {
		display: none; 
	}
		div.showcase-module.no-image div.image {
			display: none; 
		}
	div#createAd div.showcase-module p.thumbnail {
	   margin-left: 0; 
	}
	div.showcase-module div.details {
		padding-top: 3px; 
		float: right; 
		width: 154px;
		height: 88px;
		text-align: left;
	}
		div.showcase-module.no-image div.details {
			float: none; 
			text-align: center; 
			margin: 0 auto; 
		}
	
		
		div.showcase-module div.details ul {
			margin-bottom: 12px; 
		}
	
		div.showcase-module div.details li {
			font-size: 10px; 
			margin-bottom: 2px; 
		}
		
		div.showcase-module div.details li.headline a {
			font-weight: bold; 
		}
		
		div.showcase-module div.details a.external {
			font-weight: normal; 
		}
		div.showcase-module div.details img.loading-indicator {
			visibility: hidden; 
			float: right; 
			margin-right: 3px; 
		}
		div.showcase-module div.details a.close {
			display: none; 
		}
	   
	    div.showcase-module div.details a.partner-link:hover, 
	    div.showcase-module div.details a.partner-link {
	       position: absolute; 
	       left: 160px; 
	       width: 126px; 
	       top: 58px;  
	    }
	    
	    div.showcase-module.preview div.details a.partner-link:hover, 
	    div.showcase-module.preview div.details a.partner-link {
	       position: static; 
	    }
	div.showcase-module div.expanded-details {
		padding-top: 10px; 
		clear: both;
		text-align: left; 
	}	
		
		div.showcase-module div.expanded-details h4 {
		  float: left; 
		}
		div.showcase-module div.expanded-details .phone {
			font-weight: normal;
			float: left;  
			margin-left: 5px; 
		}
		div.showcase-module div.expanded-details form {
		  clear: both; 
		}
		
		div.showcase-module img.large-image {
           margin-bottom: 5px; 
        }
	
		div.showcase-module div.field-row.valid {
			background: url(http://www.zillow.com/static/images/icon_checkmark.gif) no-repeat right 4px;  
		}
		
		div.showcase-module div.field-row.invalid {
			background: url(http://www.zillow.com/static/images/icon_negative-x.gif) no-repeat right 4px; 
		}
		
		div.showcase-module div.field-row div.error {
			margin-top: 5px;
			margin-bottom: 10px;  
			padding: 5px; 
			width: 262px;
		}
		
		div.showcase-module .default-text {
			font-style: normal; 
		}
		div.showcase-module label {
			display: block; 
		}
		div.showcase-module input, 
		div.showcase-module select, 
		div.showcase-module textarea {
			border: 1px #acf solid ;
			padding: 1px 3px; 
		}
		div.showcase-module input#firstName, 
		div.showcase-module input#lastName {
			width: 125px; 
		}
		
		div.showcase-module input#email {
			width: 262px; 
		}
		
		
		div.showcase-module input#phoneAreaCode, 
		div.showcase-module input#phonePrefix {
			width: 30px; 
		}
		
		div.showcase-module input#phoneNumber {
			width: 40px; 
		} 
		div.showcase-module input#phoneExtension {
			width: 60px; 
		}
			div.showcase-module input#phoneNumber {
				margin-right: 39px; 
			}
		div.showcase-module select#situation {
			width: 264px; 
			padding-right: 0; 
		}
		div.showcase-module textarea#message {
			width: 262px;
			height: 100px;
			margin-bottom: 5px;  
		}
		
		div.showcase-module a.button {
			display: none; 
			float: none; 
		}
		
	/* hover state */
	/*div.showcase-module div.showcase-inner-border:hover*/ 
	div.showcase-module div.showcase-inner-border.roll {
		background: url(http://www.zillow.com/static/images/showcase/module-background-sprite1.gif) no-repeat right bottom;
	}
	
	div.showcase-module div.showcase-inner-border:hover div.details img.loading-indicator, 
	div.showcase-module div.showcase-inner-border.roll div.details img.loading-indicator {
		visibility: visible; 
	} 
	
	/* Expanded state */
	div.showcase-module.expanded div.showcase-inner-border {
		background: #F4FAEC; 
	}
	
	div.showcase-module.expanded div.details img.loading-indicator {
		display: none !important;  
	}	
	
	div.showcase-module.expanded div.details a.close {
		display: block; 
		float: right; 
		margin-right: 3px; 
	}
	
	div.showcase-module.expanded div.expanded-details {
		display: block; 
		
	}
	div.showcase-module div.expanded-details {
		clear:both; 
		padding: 10px 5px 5px;
	} 
	
	div.showcase-module.expanded a.button {
		display: block; 
		float: left; 
	}
	
	div.showcase-module div.successMessage {
		
	}

/* EZ Ad skyscraper style */
    #a-column .ezad-link {
        display: block;
        margin: 2px 0 5px 0;
        text-align: center;
    }

    #a-column .ezads {
        background: #fff;
        border: 1px solid #c6ea94;
        border-top: 0;
    }

        #a-column .ezads a,
        #a-column .ezads a:hover {
            text-decoration: none !important;
            color: #555;
            cursor: pointer;
        }

    #a-column .ezads .ezad {
        padding: 8px 0;
        text-align: center;
        border-top: 1px solid #c6ea94;
        font-size: 1.1em;
        line-height: 1.4em;
        min-height: 150px;
        cursor: pointer;
    }
    * html #a-column .ezads .ezad {
        height: 150px;
    }

        #a-column .ezads .ezad img {
            margin: 10px 0;
        }

        #a-column .ezads .ezad span {
            display: block;
            width: 155px;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
        }

        #a-column .ezads .no-image span {
            margin-bottom: 10px;
        }

        #a-column .ezads .ezad .headline {
            font-weight: bold;
            color: #d61;
            top: 5px;
        }

        #a-column .ezads .ezad .link-text {
            color: #36b !important;
            text-decoration: underline;
        }

        #a-column .ezads .no-image .headline {
            margin-top: 30px;
            margin-bottom: 12px;
        }

        #a-column .ezads .no-image .pitch {
            padding: 0 5px;
        }

        #a-column .ezads .ezad .pitch {
            bottom: 5px;
        }

        /* ZW-31816 */
        html.ezad-doc {
            overflow: hidden;
        }

    /* EZAD Wide format */
    #c-column .ezad-link {
        display: block;
        margin: 2px 0 5px 0;
        text-align: center;
        clear: both;
    }

    #c-column .ezads {
        border-top: 0;
        margin-bottom: 10px;
    }

        #c-column .ezads a,
        #c-column .ezads a:hover {
            text-decoration: none !important;
            color: #555;
            cursor: pointer;
        }

    #c-column .ezads .ezad {
        text-align: left;
        border: 1px solid #c6ea94;
        font-size: 1.1em;
        line-height: 1.4em;
        min-height: 90px;
        cursor: pointer;
        margin-bottom: 5px;
    }
    * html #c-column .ezads .ezad {
        height: 90px;
    }

        #c-column .ezads .ezad .image {
            width: 130px;
            border: none;
            margin: 10px 0;
            float: left;
            clear: left;
            text-align: center;
            overflow: hidden;
        }

        #c-column .ezads .ezad .pitch {
            width: 160px;
            float: right;
            clear: right;
            overflow: hidden;
        }

        #c-column .ezads .ezad span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            margin-bottom: 0.4em;
        }

        #c-column .ezads .ezad .headline {
            font-weight: bold;
            color: #36b;
            width: 160px;
            float: right;
            clear: right;
            text-align: left;
            margin-top: 5px;
            position: relative;
        }

        #c-column .ezads .ezad .link-text {
            color: #36b;
            text-decoration: underline;
        }

        #c-column .ezads .ezad .inner {
            border: 3px solid #ecf9da;
            clear: both;
            min-height: 90px;
            overflow: hidden;
        }

        * html #c-column .ezads .ezad .inner {
            height: 90px;
        }

        #c-column .ezads .no-image .pitch {
            width: 100%;
        }

        #c-column .ezads .no-image span, #c-column .ezads .no-image .headline {
            width: 100%;
            text-align: center;
        }

    #c-column .sponsoredlinks {
        border: 1px solid #c6ea94;
        width: 296px;
    }

    #c-column .sponsoredlinks .inner {
        border: 3px solid #ecf9da;
        padding: 10px;
    }

    #c-column .directory-upsell {
        margin: 0 0 10px 0;
    }
        #c-column .directory-upsell a {
            width: 300px;
        }
        #c-column .directory-upsell span {
            display: none;
        }
        #c-column #directory-upsell-a a {
            height: 92px;
            display: block;
            background: url(http://www.zillow.com/static/images/Directory_Upsell_001.png) 0 0 no-repeat;
        }


/* image upload */
    #images .indicator {
        padding-top: 10px;
        display: block;
        position: relative;
        margin: 0 auto;
        z-index: 1;
    }

    #images .thumbImage {
        position: relative;
        margin: 0 auto;
        z-index: 2;
    }

/* Special Text */
    .emph, .outer-border .emph {
        color: #d61;
        font-weight: bold;
    }
    .de-emph {
        color: #999;
        font-weight: normal;
    }
    .capitalized {
        text-transform: uppercase;
    }

/* Lightbox */
    .lightbox {
        position: fixed;
        top: 0;
        left: 0;
        height: 2000px;
        width: 100%;
        z-index: 10000;
    }

    * html .lightbox {
        position: absolute;
        text-align: center;
    }

    body.lightboxed object, 
    body.lightboxed iframe, 
    body.lightboxed embed {
        visibility: hidden;
    }

    body.lightboxed .dialog iframe {
        visibility: visible;
    }
    

    body.lightboxed .hide-when-lightboxed {
        visibility: hidden;
    }

    * html body.lightboxed #wrapper select {
        visibility: hidden;
    }

    .lightbox .background {
        background-color: black;
        position: absolute;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

    .lightbox .dialog {
        background-color: white;
        border: 3px solid #acf;
        position: relative;
        width: 430px;
        height: auto;
        top: 190px;
        margin: 0 auto;
        padding: 15px;
        text-align: center;
    }

/*
    * html .lightbox .dialog {
        position: absolute;
        margin-left: -200px;
    }
*/

.lightbox .dialog button.default-action {
    padding: 3px;
    margin: 0 auto;
    float: none;
}

    * html #home-QnA { margin-left: -10px; }

#view-lightbox-link {
    background: url(http://www.zillow.com/static/images/Icon_Enlarge.gif) 0 0 no-repeat;
    padding: 1px 0 5px 20px;
    line-height: 1.4em;
}
#view-lightbox-link:hover { text-decoration: none; }

img.loader { display: none; }
.loading img.loader {
    display: block;
    margin: 0 auto;
}

div.image-lightbox,
div.image-lightbox .caption { padding-top: 1em; }

/* LightboxSubscription */
.lightbox .lightbox-subscription {
    text-align: left;
}
.lightbox .lightbox-subscription h2 {
    margin-bottom: 5px;
}
.lightbox .lightbox-subscription h4 {
    margin-bottom: 4px;
}
.lightbox-subscription dl dt {
    width: 8em;
    color: #999;
    margin-right: none;
    font-weight: normal;
}
.lightbox-subscription dl dt,
.lightbox-subscription dl dd {
    padding: 2px 0;
}

.lightbox-subscription dl dd label {
    margin-right: 0.5em;
}
.lightbox-subscription dl dd label:not([IE7]) {
    margin-right: 0.75em;
}
.lightbox-subscription dl dd label input.radio {
    vertical-align: -0.3em;
}
.lightbox-subscription dl dd label input.radio:not([IE7]) {
    margin-right: 0.3em;
}
body:first-of-type .lightbox-subscription dl dd label input.radio {
    vertical-align: 0; /* Safari */
}

.lightbox-subscription .relative-wrap {
    position: relative;
}
.lightbox-subscription dd p.immediate {
    color: #777;
    position: absolute;
    top: 3.25em; /* IE  */
    left: 4.5em; /* IE6 */
}
.lightbox-subscription dd > p.immediate {
    left: 13em;
}
.lightbox-subscription dd > p.immediate:not([IE7]) {
    top: 2.75em;
}

.lightbox-subscription .body-text dl.listingoptions {
    margin: 0 1.5em 1em;
}

.lightbox-subscription .body-text dl.listingoptions dt {
    clear: both;
    width: 35em;
    margin-top: .5em;
}

.lightbox-subscription .body-text dl.listingoptions dd {
    color: #999;
}

.lightbox-subscription div.hr {
    border-top: 1px solid #cccccc;
    margin: 0 -5px;
}

.lightbox-subscription dt input.checkbox {
    width: 13px;
    height: 17px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    float: left;
    top: -2px;
}

.lightbox-subscription .labeltext {
    font-weight: bold;
    color:#555555;
    float: left;
    position: relative;
}

.lightbox-subscription dt .labeltext {
    padding-left: .5em;
}

.lightbox-subscription dd .valuetext, .subscription-lightbox div.email_addr {
    clear: both;
    display: block;
    float: left;
    width: 10em;
    color: #999;
    margin-left: 18px;
}

.lightbox-subscription .exampletxt {
    font-weight: normal;
    font-size: .9em;
}

.lightbox-subscription .hr_desc_text {
    clear: both;
    display: block;
}

.lightbox-subscription .hr_desc_text p {
    margin-left: 18px;
}

.lightbox-subscription div.send-alerts {
    font-size: 1.1em;
}

.lightbox-subscription dt select, .subscription-lightbox dt input {
    display: block;
    float: left;
    position: relative;
    margin-top: .25em;
}

.lightbox-subscription div.email_addr {
    clear: both;
    padding-top: 1.25em;
    margin-bottom: 2.5em;
    width: 35em;
    color: #999;
}

.lightbox-subscription div.email_addr div.valuetext {
    float: left;
    display: relative;
}

.lightbox-subscription p.error {
    margin-top: -0.5em;
}

.lightbox .lightbox-subscription.property-subscription {
    width: 430px;
    font-size: 1.1em;
}

.lightbox .lightbox-subscription.property-subscription div.messaging.info {
    clear: both;
    font-size: .9em;
    color: #555;
    padding: 2px 10px;
    margin-bottom: 0;
}

.lightbox .lightbox-subscription.property-subscription dl dd input {
    margin: 0 .25em 0 1em;
    vertical-align: middle;
}
.lightbox-subscription #emailField-lb {
    padding: 2px;
    margin-left: 2em;
    margin-top: -5px;
    width: 16em;
    display: block;
    float: left;
}

.lightbox-subscription .email_addr label.input-tip {
    font-size: .9em;
    font-style: italic;
    color: #999;
    display: block;
    float: left;
    margin-left: 142px;
    margin-top: -18px;
    position: static;
}

.lightbox-subscription p.terms {
    margin-top: 1.5em;
}

.lightbox-subscription p.subscribedmsg {
    font-size: 1em;
    margin: 1.5em;
    padding-left: 18px;
}

.lightbox-subscription span.button-primary a.primary, .lightbox-subscription span.button-disabled a.button-disabled {
        font-size: 1em;
        line-height: 1em;
}

.lightbox-subscription span.button-primary a.primary span {
	padding-bottom: 5px;
}

/* polls */
.poll-heading {
    font-size: 12px;
    color: #555;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    border: 1px solid #acf;
    background: transparent url(http://www.zillow.com/static/images/1px_titlebar.gif) repeat-x scroll left top;
    padding: 3px;
}

.poll-content {
    padding: 0 10px 5px;
    font-size: 11px;
}

.poll-suggested-by {
    margin-bottom: 12px;
    font-size: 10px;
    color: #999;
}

.poll-option { padding-top: 10px; }

.poll-suggest {
    padding-top: 5px;
    text-align: left;
    font-size: 10px;
    float: none;
    clear: both;
}

.poll-submit,
.poll-answer,
.poll-footer { margin-top: 10px; }

.poll-answer-status {
    color: #d61;
    font-weight: bold;
}

.poll-bar {
    border: 1px solid rgb(85, 136, 0);
    margin: 3px 5px 0px 0px;
    width: 66px;
    height: 7px;
}

.poll-percent {
    font-size: 0.9em;
    font-weight: bold;
}

.poll-bar-wrapper { height: 10px; }
.poll-bar-wrapper * { float: left; }

.poll-footer a {
    background: transparent url(http://www.zillow.com/static/images/icon_carrot_orange.gif) no-repeat scroll 0pt 3px;
    clear: left;
    padding-left: 8px;
}

td.polls {
    padding: 5px
}

tr.polls:hover {
    background-color: silver
}

#pollForm #regionMessage {
    display: block;
    clear: both;
}

span.definition {
    cursor: help;
    border-bottom: 1px dashed #999;
}

div.definition {
    font-weight: normal;
    font-size: 10px;
    position: absolute;
    z-index: 100000;
}

/*
 * Progress cursor
 * FF bugs: doesn't like body, and doesn't like the * selector
 */
#wrapper.loading, #wrapper.loading a, #wrapper.loading label, #wrapper.loading div, #wrapper.loading li, #wrapper.loading span, #wrapper.loading h3 {
    cursor: progress !important;
}
/*
 * YUI panels css to override container.css styles
 */
#wrapper .yui-panel .hd {
    background: transparent url(http://www.zillow.com/static/images/panel_hd_bg.gif) repeat-x scroll left top;
    color: #333;
    border: 1px solid #acf;
    font-size: 1.3em;
}

#wrapper .yui-panel .bd input {
    font-size: 1em;
    padding: 2px;
}

#wrapper .yui-panel .container-close {
    width:  13px;
    height: 13px;
    background: url(http://www.zillow.com/static/images/btnicons_tiled.gif) no-repeat 0 -2000px;
}
    #wrapper .yui-panel .container-close:hover {
        background-position: 0 -2100px;
    }


/* map controls */
    .map-menu, .pagination {
        padding: 0 0.5em;
    }
    * html .map-menu {
        padding-left: 0;
    }

    .map-menu #page_indicator {
        padding: 3px 0;
        float: left;
        display: block;
        position: relative;
    }

    .map-menu #page_indicator span.bottom, .pagination #page_indicator_2 span.top {
        display: none;
    }

    .map-menu #page_indicator a, .pagination #page_indicator_2 a {
        text-decoration: none;
    }

    #page_indicator img, #page_indicator_2 img {
        position: relative;
        top: 2px;
    }

    .pagination #page_indicator_2 {
        display: block;
        padding: 5px 8px;
        margin-right: 0;
        width: 100% !important;
    }
    * html .pagination #page_indicator_2 {
        /* keep IE6 from crashing */
        width: auto !important;
    }

    #paginationBottom.pagination {
        margin-right: 0;
    }
    /* map controls */
    .map-menu {
        height: 2.5em;
        padding: 2px 0.5em;
    }

    .map-menu ul {
        float: left;
    }

    .map-menu ul li {
        float: left;
        color: #36b;
}

    .map-menu ul li.roll label, .map-menu ul li.rollable:hover label {
        color: #692;
        text-decoration: underline;
    }

    .map-menu ul li label {
        padding-top: 1px;
    }
    * html .map-menu ul li label {
        margin-left: -3px;
    }

    .map-menu ul li span label {
        padding-left: 0.3em;
    }

    .map-menu ul li input {
        margin-bottom: -2px;
    }
    * html .map-menu ul li span input {
        margin-bottom: -1px;
    }

    .map-menu ul li span input {
        margin-bottom: 0;
    }

    .map-menu ul li.first span {
        padding-left: 0;
    }

    .map-menu ul li #showheatmap label {
        padding-left: 17px;
        background: url(http://www.zillow.com/static/images/icon_heatmap.gif) no-repeat left bottom;
    }

    .map-menu ul li.last {
        padding-right: 0;
        float: right;
    }

    .map-menu .subscription-registration {
        float: right;
        padding-top: 5px;
    }

/* Image Panel */
/* ZW-24869: widening inner panel to eliminate whitespace */
    #editorImagePanelInner {
        width: 100%;
    }

    #editorImagePanelInner #image-previewPane {
        margin-top: 5px;
        padding: 0 8px;
        height: 75px;
        overflow: hidden;
    }

    #wrapper #editorImagePanelInner #disclaimer {
        padding: 0 8px;
        font-size: 1.1em;
        line-height: 1.4em;
        clear: left;
        margin: 0 0 10px 0;
    }
    * html #editorImagePanelInner #disclaimer {
        padding-top: 0px;
        margin-top: -5px;
    }

    #wrapper #editorImagePanelInner #disclaimer input {
        display: inline;
        margin: 0;
        padding: 0;
        width: auto;
    }

/* Link Panels */
    #editorLinkPanelInner .left-col {
        width: auto;
    }

    #editorLinkPanelInner input {
        width: 360px;
        border: 1px solid #999;
        clear: both;
    }

    #editorLinkPanelInner .zillow-bar {
        display: block;
        clear: both;
    }
    #editorLinkPanelInner .zillow-bar * {
        display: inline;
    }

    /* spacing of fields and labels */
    #wrapper #editorLinkPanelInner .top-col, #wrapper #editorLinkPanelInner .left-col {
        margin: 5px 0;
    }
        #wrapper #editorLinkPanelInner .top-col label, #wrapper #editorLinkPanelInner .left-col label {
            font-size: 1em;
            font-weight: normal;
            color: #333;
            margin-bottom: 2px;
        }

/* Wiki View Region */
    #zcc_howToBody img {
        float: left;
        margin: 0 10px 3px 0;
    }

    #contextId {
        display: none;
    }

/* RichTextEditor-created static views */
.rich-content {
    font-size: 1.1em;
    line-height: 1.3;
}
    .rich-content p,
    .rich-content li {
        font-size: 1em;
    }
    .rich-content p {
        margin: 0.75em 0;
    }
    .rich-content li {
        margin: 0.75em 0;
        padding-left: 0;
        margin-left: 16px;
        list-style-position: outside;
    }

/* Link and Image Panel buttons */
.zillow-bar button {
    font-size: 1.2em;
}

/* mortgage and hdp styles to be standardized */
.important {
    color: red;
}

.outer-border {
    border: 1px solid #acf;
    margin-bottom: 1em;
}

.outer-border .inner-border {
    border: 4px solid #f2f7ff;
    padding: .5em;
}

.outer-border .generic-box {
    padding: 1em;
}

.outer-border h1 {
    color: #000000;
}

.outer-border .inner-border h1 {
    float: left;
}

.outer-border .inner-border p {
    clear: both;
}

/* moved from homedetails.css */
.reportBlock {
    background: #F2F7FF url(http://www.zillow.com/static/images/icon_lightbulb.gif) no-repeat scroll 8px 5px;
    border-top: none;
    font-weight: normal;
    margin-top: 3px;
    padding: 5px 8px;
    text-indent: 20px;
}

.header {
    padding: 1em;
}

.sectionhead {
    background: transparent url(http://www.zillow.com/static/images/search_bg_alt.gif) repeat-x scroll left top;
    border: 1px solid #AACCFF;
    clear: both;
    display: block;
    padding: 1em;
    margin-bottom: 1em;
}

#content .sectionhead h2 {
    color: #555555;
    font-size: 1.2em;
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    clear: none;
    float: left;
}

.formhead {
    border: 1px solid #acf;
    background-color: #f2f7ff;
    padding: 4px;
}

.help-center {
    margin-bottom: 1em;
}

    .help-center .info {
        background-color: #fff7f7;
        padding: 1em;
    }

    .help-center .info ul {
        list-style-type: disc;
        list-style-position: inside;
        font-size: 1.2em;
        margin-bottom: 1em;
    }

    .help-center .tip {
        color: #999;
    }

.help-center-intro {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 10px 10px 0px;
    background: url(http://www.zillow.com/static/images/illo_howzillowmakesmoney.gif) no-repeat;
}

#sort-control, .sort-control {
    background: #f2f7ff url(http://www.zillow.com/static/images/nav_bg.png) repeat-x scroll 0 0;
    border: 1px solid #acf;
    font-size: 1.1em;
    height: 2.5em;
    line-height: 2.5em;
    margin-bottom: 0.5em;
}

#sort-control.building-units {
    margin-top: 2px;
}

    #sort-control div {
        margin-left: 8px;
    }

    #sort-control #region-sort-control,
    #sort-control.region #property-sort-control {
        display: none;
    }

    #sort-control.region #region-sort-control {
        display: inline;
    }

    #sort-control select {
        font-weight: normal;
        font-size: 1em;
        margin-right: 0.6em;
    }

/* Form section headers */
    form div.header, .a-col .nav-item, .section-head h2, .searchtable thead td {
        background: transparent url(http://www.zillow.com/static/images/generic-box_h2_bg.gif) repeat-x scroll left top;
        padding: 3px;
        border: 1px solid #acf;
        color: #777;
    }

    form div.header {
        height: 2em;
    }

    form div.header div, form div.header div h2 {
        float: left;
    }

    .searchtable thead td {
        border-width: 1px 0;
    }
        .searchtable thead td.first {
            border-left-width: 1px;
        }
        .searchtable thead td.last {
            border-right-width: 1px;
        }

    form h2 {
        font-size: 1.5em;
        font-weight: normal;
        width: auto;
        margin: 0;
    }

    div.confirmation {
        border: 2px solid #acf;
        padding: 1em;
        margin-bottom: 1em;
    }

        div.confirmation a.button {
            margin-right: 1em;
        }

        div.confirmation p {
            margin-bottom: 1em;
        }

    div.lender-profile, div.lender-profile li {
        clear: both;
    }

        div.lender-profile ul, div.lender-profile p {
            margin-bottom: 0.5em;
        }

        div.lender-profile li.photo {
            height: 100px;
            width: 75px;
        }

        div.lender-profile ul.adr {
            margin-bottom: 1em;
        }

        div.lender-profile .org {
            font-weight: bold;
        }

    ul.dl {
        clear: both;
        margin-bottom: 0;
    }
        ul.dl li {
            float: left;
            clear: none;
            color: #999;
        }
        ul.dl li.caption {
            width: 5em;
            color: black;
        }

    .help-section {
        border-top: 1px solid #efefef;
        clear: both;
        margin-top: 1em;
        padding-top: 1em;
    }
        .help-section li {
            list-style-type: none;
            list-style-position: outside;
        }

    ul.nav .help-section {
        border-color: #acf;
    }

    .toolbox {
        border: 1px solid #acf;
        border-top: none;
        border-bottom: none;
        background: #f2f7ff;
        padding: 1em;
    }

/* a-column toolbars */
#building-viewing, #custom-pivot-result, #a-column .tools, #a-column .dd-upsell {
    margin: 5px;
    padding: 5px;
}

#a-column .tools h2 {
    font-size: 1.1em;
}

#detailsToolbar, div.detailsToolbar {
    border: 1px solid #acf;
    background: #fff;
}

#detailsToolbar li,
div.detailsToolbar li {
    margin: 5px;
    padding-bottom: 5px;
}

#detailsToolbar li li,
#detailsToolbar li dd,
div.detailsToolbar li li,
div.detailsToolbar li dd {
    font-size: .9em;
}

#detailsToolbar li a,
div.detailsToolbar li a,
#detailsToolbar #reportsButton,
div.detailsToolbar #reportsButton,
p.save-search a {
    text-decoration: none;
    padding-left: 20px;
    padding-bottom: 3px;
}

#detailsToolbar    .saveFavorite a,
div.detailsToolbar .saveFavorite a, {
    background: url(http://www.zillow.com/static/images/icon_favorites.gif) top left no-repeat;
}

#detailsToolbar    .tools a ,
div.detailsToolbar .tools a {
    background: url(http://www.zillow.com/static/images/icon_owner_tools.gif) top left no-repeat;
}

#detailsToolbar    .createEstimate a,
div.detailsToolbar .createEstimate a {
    background: url(http://www.zillow.com/static/images/icon_create_estimate.gif) top left no-repeat;
}

#detailsToolbar    .printPage,
div.detailsToolbar .printPage {
    margin-bottom: 0;
}

li.printPage a,
#detailsToolbar    .printPage a,
div.detailsToolbar .printPage a {
    background: url(http://www.zillow.com/static/images/icon_print.gif) top left no-repeat;
}

li.emailPage a,
#detailsToolbar    .emailPage a,
div.detailsToolbar .emailPage a {
    background: url(http://www.zillow.com/static/images/icon_email.gif) top left no-repeat;
}

#detailsToolbar    .linkToPage a,
div.detailsToolbar .linkToPage a,
li.linkToPage a {
    background: url(http://www.zillow.com/static/images/wiki/link.png) top left no-repeat;
}

#detailsToolbar    .emailAlerts a,
div.detailsToolbar .emailAlerts a,
li.emailAlerts a {
    background-position: 0 -4287px; /* tool_strip */
    padding-top: 4px;
}

#detailsToolbar    .rateWidgets a,
div.detailsToolbar .rateWidgets a,
li.rateWidgets a {
    background-position: 0 -5495px; /* tool_strip */
    padding-top: 4px;
}

#detailsToolbar    .post a,
div.detailsToolbar .post a {
    background: url(http://www.zillow.com/static/images/icon_flag_red.gif) top left no-repeat;
}

#detailsToolbar    .makeMeMove a,
div.detailsToolbar .makeMeMove a {
    background: url(http://www.zillow.com/static/images/icon_flag_blue.gif) top left no-repeat;
}

#detailsToolbar    .mapHome a,
div.detailsToolbar .mapHome a {
    background: url(http://www.zillow.com/static/images/icon_map_it.gif) top left no-repeat;
}

#detailsToolbar    .claim a,
div.detailsToolbar .claim a {
    background: url(http://www.zillow.com/static/images/icon_owner_tool_title.gif) top left no-repeat;
}

#detailsToolbar    .editLocation a,
div.detailsToolbar .editLocation a {
    background: url(http://www.zillow.com/static/images/icon_editloc.gif) top left no-repeat;
}


#detailsToolbar    .leaveComment a,
div.detailsToolbar .leaveComment a {
    background: url(http://www.zillow.com/static/images/icon_q.gif) no-repeat;
}

#detailsToolbar .editMMM a,
#detailsToolbar .editPosting a,
div.detailsToolbar .editMMM a,
div.detailsToolbar .editPosting a {
    background: url(http://www.zillow.com/static/images/icon_pencil.gif) top left no-repeat;
}

#detailsToolbar    .removeMMM a,
div.detailsToolbar .removeMMM a {
    background: url(http://www.zillow.com/static/images/icon_x.gif) top left no-repeat;
}

#detailsToolbar    .saved,
div.detailsToolbar .saved {
    background: url(http://www.zillow.com/static/images/icon_heart.gif) top left no-repeat;
    padding-left: 20px;
}

#detailsToolbar #reportsButton a,
#detailsToolbar .saved a,
div.detailsToolbar #reportsButton a,
div.detailsToolbar .saved a {
    background: none;
    padding-left: 0;
}
/* ZW-22677: fixed link line wrap */
li.subscribeToRegion a,
#detailsToolbar    .subscribeToRegion a,
div.detailsToolbar .subscribeToRegion a {
    padding-left: 18px;
    background: url(http://www.zillow.com/static/images/icon_owner_tool_title.gif) top left no-repeat;
}

#detailsToolbar    .requestResubmit a,
div.detailsToolbar .requestResubmit a {
    background: url(http://www.zillow.com/static/images/icons/request_resubmit.gif) top left no-repeat;
}

#detailsToolbar    .requestCancel a,
div.detailsToolbar .requestCancel a,
#detailsToolbar    .deleteQuote a,
div.detailsToolbar .deleteQuote a {
    background: url(http://www.zillow.com/static/images/icons/request_cancel.gif) top left no-repeat;
}
    #detailsToolbar #reportsButton,
    div.detailsToolbar #reportsButton {
        background: url(http://www.zillow.com/static/images/icon_home_reports.gif) left top no-repeat;
    }

    p.save-search a {
        background: url(http://www.zillow.com/static/images/newmail_subscribe.gif) left top no-repeat;
        text-decoration: underline;
    }

    #detailsToolbar ul.action li,
    div.detailsToolbar ul.action li {
        float:left;
    }

/* Percentage bar module for ratings /*

    /* Global rating bar styles */
.rating-module dl, .rating-module dd {
    margin: 0;
}

.ratings-bar {
    background: #cccccc;
}
    /* Large rating bar styles */
.rating-module.large div {
    width: 100px;
    height: 12px;
}

.rating-module.large .rating-separator {
    background: url(http://www.zillow.com/static/images/rating-separator-lg.gif) left top repeat-x;
}

.rating-module.large span {
    font-weight: bold;
}
    /* Small rating bar styles */
.rating-module.small div {
    width: 50px;
    height: 6px;
}

.rating-module.small .rating-separator {
    background: url(http://www.zillow.com/static/images/rating-separator-sm.gif) left top repeat-x;
}

.rating-module.small dt span {
    display: none;
}
    /* Styles for the various percentages */
.rating.twenty  { background: #cc0000; }
.rating.forty   { background: #df8600; }
.rating.sixty   { background: #d7ac00; }
.rating.eighty  { background: #88bb44; }
.rating.hundred { background: #558800; }

/* module styles */
    .module-head {
        padding: 3px;
        clear: both;
        color: #555;
        border: 1px solid #acf;
        background: transparent url(http://www.zillow.com/static/images/1px_titlebar.gif) repeat-x scroll left top;
    }

    .module-head h2 {
        float: left;
        font-size: 1.1em;
        font-weight: bold;
    }

    .module-head div.action {
        float: right;
        clear: right;
    }

/* ZW-37636
    .generic-box .module-head div.actions a.emailAlerts {
        background: transparent url(http://www.zillow.com/static/images/emailAlertIcon.png) no-repeat left top;
        padding-left: 22px;
    }
*/

a.module-head:hover h2 {
        background: transparent url(http://www.zillow.com/static/images/1px_titlebar_hov.gif) repeat scroll 0%;
        border: 1px solid #8b4;
        color: #580;
        text-decoration: none;
    }

    .module-body, div.module-body {
        padding: 5px 6px 5px 6px;
    }

/* Signature Styles */
div.signature,
div.signature-large {
    font-size: 11px !important;
    font-weight: normal !important;
    display: block;
    float: left;
    padding: 3px 3px 3px 3px;
    border: 1px transparent solid !important;
    border: 1px #fff solid;
}

    div.signature-rollon {
        display: block;
        background: #ecf9da;
        border: 1px #ad6 solid !important;
    }

    div.signature-rollon a:hover {
        color: #36b;
        text-decoration: none;
    }

    div.signature .portrait a,
    div.signature-large .portrait a {
        border: 1px #36b solid;
        padding: 1px;
        display: block;
        float: left;
        overflow: hidden;
        margin-right: 3px;
    }

    div.signature .portrait a img,
    div.signature-large .portrait a img {
        border: 0;
        padding: 0;
    }

    div.signature a,
    div.signature-large a {
        background: none !important;
        text-decoration: none;
    }
    div.signature .screenname,
    div.signature .de-emph,
    div.signature .zscore {
        line-height: 17px;
        float: left;
    }

    div.signature-large .screenname {
        display: block;
    }

    div#cobrand_header span.badge,
    span.signature .badge,
    div.signature .badge,
    div.signature-large .badge {
        float: left;
        height: 13px;
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.png) no-repeat ;
        margin: 0 0.5em 0 0.5em;
    }


    div#cobrand_col1 a, div#cobrand_col1 span {
        float: left;
    }
    div#cobrand_col1 p {
        clear: both;
    }

    div#cobrand_header span.zillow-badge,
    span.signature .zillow-badge,
    div.signature span.zillow-badge,
    div.signature-large span.zillow-badge {
        width: 44px;
        background-position: 0 -175px;
    }

    div#cobrand_header span.pro-badge,
    span.signature .pro-badge,
    div.signature .pro-badge,
    div.signature-large .pro-badge {
        width: 29px;
        background-position: -75px -225px;
    }

    div#cobrand_header span.agent-badge,
    span.signature .agent-badge,
    div.signature .agent-badge,
    div.signature-large .agent-badge {
        width: 40px;
        background-position: -75px -175px;
    }

    div#cobrand_header span.lender-badge,
    span.signature .lender-badge,
    div.signature .lender-badge,
    div.signature-large .lender-badge {
        width: 47px;
        background-position: 0px -225px;
    }

    div#cobrand_header span.zmm-lender-badge,
    span.signature .zmm-lender-badge,
    div.signature .zmm-lender-badge,
    div.signature-large .zmm-lender-badge {
        width: 53px;
        background-position: 0px -779px;
    }

    div.signature-large li.first-line span.badge {
        margin: 5px .5em 0 .5em;
    }

    div.signature .zscore,
    div.signature-large .zscore {
        margin-left: .5em;
    }

    .goodneighbor,
    div.signature .goodneighbor,
    div.signature-large .goodneighbor {
        margin-left: 3px;
        height: 16px;
        width: 10px;
        float: left;
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.png) no-repeat ;
        background-position: 0px -929px
    }

    /* allstar ie6 */
    * html .goodneighbor,
    * html div.signature .goodneighbor,
    * html div.signature-large .goodneighbor {
        margin-left: 3px;
        height: 16px;
        width: 10px;
        float: left;
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.gif) no-repeat ;
        background-position: 0px -928px
    }

    div.signature-large ul {
        float: left;
    }
    div.signature-large ul li {
        width: auto;
    }

    div.signature-large ul li.second-line span {
        float: left;
    }

/* Profile badge web tools */
div#badge_link { text-align: center; margin: 0.8em 0 1.5em 0; }
div#badge_link a { display: block;  }
div#badge_code p { margin: 0 0 .5em 0; }
div#badge_code textarea { width: 290px; }


/* Mini-Profile Styles */
div.mini-profile {
    font-size: 10px !important;
    font-weight: normal !important;
    width: 285px;
    padding-top: 5px;
    padding-left: 14px;
    padding-right: 19px;
    background: transparent;
    position: absolute;
}

div.mini-profile-hide {
    height: 0;
    width: 0;
    display: none;
    border: 1px red solid;
}
div.mini-profile-show {
    visibility: visible;
}

    div.mini-profile h6 {
        color: #555 !important;
        padding: 0 !important;
        margin: 0 0 2px 0 !important;
        background: #fff !important;
        font-size: 1em !important;
    }

    div.mini-profile a:hover {
        text-decoration: underline;
        color: #669922;
    }
    div.mini-profile a.close {
        background: transparent url(/static/images/btnicons_tiled.gif) no-repeat scroll 0pt -2000px !important;
        margin-top: 4px;
        float: right;
    }

    div.mini-profile .mini-profile-head {
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.png) no-repeat ;
        height: 8px;
        width: 100%;
    }
    /* give IE6 a .gif w/o drop shadow */
    * html div.mini-profile .mini-profile-head {
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.gif) no-repeat ;
        height: 2px;
        position: relative;
        top: 6px;
    }


    div.mini-profile .name-block {
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.png) repeat-y ;
        background-position: 0 -25px;
        height: 50px;
        padding: 0 28px 0 74px;
        overflow: hidden;
        position: relative;
    }
    /* ZW-27646: gave explicit height to name block */
    /* give IE6 a .gif w/o drop shadow */
    * html div.mini-profile .name-block {
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.gif) no-repeat ;
        background-position: 0 -25px;
        height: 50px;
        padding: 0 28px 0 74px;
        position: relative;
        overflow: hidden;
    }

        div.mini-profile .name-block span.portrait {
            padding: 1px;
            margin: 0 10px 0 0;
            border: 1px solid #555;
            display: block;
            width: 46px;
            height: 46px;
            float: left;
            position: absolute;
            top: 0;
            left: 15px;
        }

        div.mini-profile .name-block .screenname,
        div.mini-profile .name-block .location {
            display: block;
            clear: both;
        }

    div.mini-profile .mini-profile-foot {
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.png) repeat-y ;
        background-position: 0 -126px;
        height: 40px;
    }
    /* give IE6 a .gif w/o drop shadow */
    * html div.mini-profile .mini-profile-foot {
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.gif) no-repeat ;
        background-position: 0 -126px;
    }

        div.mini-profile .mini-profile-foot p.carrot {
            display: block;
            background-position: 2px center;
            border: 1px #f2f7ff solid;
        }
    div.mini-profile p.carrot {
        float: none;
        font-weight: normal;
    }

    div.mini-profile .name-block-right,
    div.mini-profile .mini-profile-foot {
        padding: 5px 28px 0 23px;
    }

    div.mini-profile .contributions-block,
    div.mini-profile .professional-block,
    div.mini-profile .awards-block {
        background: url(http://www.zillow.com/static/images/mini-profile-bg.png) repeat-y ;
        background-position: 8px 0;
        padding: 5px 28px 0 23px;
        overflow: hidden;
        clear: both;
    }
    * html div.mini-profile .contributions-block,
    * html div.mini-profile .professional-block,
    * html div.mini-profile .awards-block {
        background: url(http://www.zillow.com/static/images/mini-profile-bg.gif) repeat-y ;
        background-position: 8px 0;
    }


    div.signature-large div.mini-profile ul.signature-list li {
        list-style-type: none !important;
    }

    div.signature .lender p {
        margin-bottom: 5px;
    }

    div.mini-profile .lender-rating-small {
        margin-left: 1px;
    }
    div.mini-profile .lender-rating-small span {
        margin-bottom: 2px;
    }
    div.mini-profile .lender-rating-small p {
        margin-top: 2px;
        clear: both;
        float: none;
    }


/* contributions list */
    div.mini-profile div.divider {
        padding: 5px 16px 0 9px;
        background: url(http://www.zillow.com/static/images/mini-profile-bg.png) repeat-y ;
        background-position: 8px 0;
    }
    * html div.mini-profile div.divider {
        height: 1px;
        background: url(http://www.zillow.com/static/images/mini-profile-bg.gif) repeat-y ;
        background-position: 8px 0;
        /*ZW-27638 Code Start*/
        /*IE6 ONLY- Mini Profile: LP Photos: Contributions categories are misplaced*/
        font-size:1px;
        margin-top: -10px;
        /* End Code */
    }
        div.mini-profile div.divider div {
            width: 100%;
            height: 1px;
            background: #f5f5f5;
        }

    div.mini-profile div.contributions-block ul.contribution-list {
        width: 18em;
    }
    div.mini-profile div.contributions-block ul.contribution-list li {
        float: left;
        width: 7em;
        overflow: hidden;
        padding: 0;
    }
        div.mini-profile div.contributions-block ul.contribution-list li a {
            text-decoration: underline !important;
        }
        div.mini-profile div.contributions-block ul.contribution-list li div.label {
            height: 1em !important;
            float: left;
            height: 1.5em !important;
            padding-top: 0 !important;
            overflow: hidden;
        }
        div.mini-profile div.contributions-block ul.contribution-list li div.value {
            height: 1em !important;
            float: left;
            height: 1.5em !important;
        }

    div.mini-profile .awards-block {
        padding-bottom: 10px;
    }
        div.mini-profile .awards-block p {
            color: #999;
            text-transform: uppercase;
        }

    div.mini-profile .goodneighbor {
        display: block;
        height: 28px;
        width: 28px;
        float: left;
        background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.png) no-repeat ;
        background-position: -125px -175px ;
    }


/* sitewide mortgage upsells */
/** Mini Form Upsell **/

div.mini-form-upsell {
    background-image: url(http://www.zillow.com/static/images/modules_middlesliver_250.gif) !important;
}
    #c-column div.mini-form-upsell {
        background-image: url(http://www.zillow.com/static/images/module_middlesliver.gif) !important;
    }
.mini-form-upsell h6 {
    padding-top: 8px;
    margin-bottom: 3px;
    font-size: 1.1em;
}

.mini-form-upsell form {
    padding-bottom: 5px;
}

.mini-form-upsell dt {
    color: #999;
    width: 64px;
    float: left;
}

.mini-form-upsell dd {
    float:left;
    width: 190px;
    margin-bottom:6px;
    text-align: left;
}
.mini-form-upsell input{
    border: 1px #8AD solid;
}

.mini-form-upsell .amount-field {
    display: none;
}

div.mini-form-upsell input {
    width: 70px;
    float: left;
    margin-right: 5px;
    padding: 1px 0 2px 0;
}

.mini-form-upsell button {
    float:left;
}
.mini-form-upsell input,
.mini-form-upsell select {
    font-size: 10px;
    width: 100%;
}

.mini-form-upsell p.mini-form-foot {
    border-top: 1px #9e9e9e  solid;
    font-size: 10px;
    text-align: center;
    padding-top: 2px;
}
    .mini-form-upsell p.mini-form-foot .zi {
        color: #36b;
        font-weight: bold;
        font-family: "Trebuchet MS", arial, verdana;
        font-size: 11px;
    }

    .mini-form-upsell p.mini-form-foot .mm {
        color: #8b4;
        font-family: "Trebuchet MS", arial, verdana;
        font-size: 11px;
    }
    .mini-form-upsell p.mini-form-foot a {
        text-decoration: none;
    }


/* ZW-27090: adjusting width in order to align Rate column head correctly */
.vibrancy-module .quotes-head { width: 147px; }
.vibrancy-module .apr-head{ padding-left: 0; width:50px; }

marquee {
    background: #fff;
}

marquee#quotesTicker {
    border: 1px solid #acf;
    height: 70px;
    overflow: hidden;
}

marquee#quotesTicker table {
    margin-top: -90px;
}

marquee#quotesTicker td {
    padding: 3px;
}

marquee#quotesTicker .even {
    background: #f2f7ff;
}

marquee#quotesTicker td.rate {
    color: #692;
    font-weight: bold;
    width: 40px;
}

marquee#quotesTicker td.program {
    width: 17em;
}

marquee#quotesTicker td.age {
    font-size: 0.9em;
    color: #999;
    font-weight: bold;
    width: 90px;
}

/** Mortgage Vibrancy Module **/
div.vibrancy-module {
    background: #f6fdee left top no-repeat;
    width: 298px;
    border: 1px #8b4 solid;
    padding-bottom: 10px;
    cursor: pointer !important;
    cursor: hand;
}

div.vibrancy-module h2 {
    background: url(http://www.zillow.com/static/images/ZMM_Logo.gif) 8px 8px no-repeat;
    height: 40px;
    width: 297px;
    border: 0;
    margin: 0;
}

div.vibrancy-module h2 span {
    display: none;
}

div.vibrancy-module #goToLoanRequestSearchByStateForm label {
    color: #d61;
    font-weight: bold;
    font-size: 1.2em;
    float: left;
    width: 110px;
}

div.vibrancy-module #goToLoanRequestSearchByStateForm {
    display: none;
}

div.vibrancy-module .mortgage-link {
    margin-top: 5px;
    margin-left: 10px;
}
    .goToLoanRequestSearchByStateForm{
        padding: 10px;
    }

    .goToLoanRequestSearchByStateForm #selection-field button.secondary,
    .goToLoanRequestSearchByStateForm #selection-field label,
    .goToLoanRequestSearchByStateForm #selection-field select{
        float:left;
        margin-right: 5px;
    }
    .goToLoanRequestSearchByStateForm #selection-field label {padding-top: 3px; }

div.vibrancy-module table {
    background: #fff;
}

div.vibrancy-module table.vibrancy-statistics, div.vibrancy-module div.module-head, div.vibrancy-module marquee {
    width: 282px;
    margin: 9px 9px 0;
}

div.vibrancy-module div.module-head {
    width: 276px;
    height: 1em;
    padding: 2px 3px;
}

div.vibrancy-module .last-update-label {
    float: right;
    margin: 2px 10px 5px 0;
    font-size: .9em;
}
div.vibrancy-module div.module-head, div.vibrancy-module marquee {
    margin: 8px 8px 0;
}

div.vibrancy-module div.module-head {
    background: #fff;
    font-size: 1.1em;
    padding-bottom: 3px;
    border-bottom: 0;
}

div.vibrancy-module marquee {
    margin-top: 0;
}

div.vibrancy-module .get-widgets {
    text-align: center;
    margin: 4px 0 -8px 0;
}

div.vibrancy-module .get-widgets a {
    font-size: 7pt;
    color: gray;
    text-decoration: none;
}

table.vibrancy-statistics {
    border: 1px solid #acf;
}

table.vibrancy-statistics tbody th, table.vibrancy-statistics tbody td, table.vibrancy-statistics thead td {
    padding: 3px;
}

table.vibrancy-statistics tbody th.rates-col {
    width: 12em;
}

table.vibrancy-statistics tbody td {
    text-align: left;
}

table.vibrancy-statistics tbody td {
    font-weight: bold;
    color: #692;
}

table.vibrancy-statistics td.count {
    color: #d61;
}

table.vibrancy-statistics tr.even {
    background: #f2f7ff;
}

table.vibrancy-statistics thead td {
    background: #fff;
    font-weight: bold;
    border-bottom: 1px solid #acf;
    text-align: left ;
}

table.vibrancy-statistics thead td#rates-col {
    text-align: left !important;
}

div.vibrancy-module marquee {
    clear: both;
}

#goToLoanRequestSearchByStateForm {
    margin-top: 1em;
    line-height: 18px;
}

#goToLoanRequestSearchByStateForm #selection-field {
    margin-left: 10px;
    margin-right: -10px;
}

#goToLoanRequestSearchByStateForm #selection-field select {
    float: left;
    font-size: 1.2em;
    margin-right: 5px;
}

    /* topnav adjustments to mortgage rate "onebox" search */
    #mortgage-searchbar #goToLoanRequestSearchByStateForm {
        margin: 0;
        padding: 0;
        border: none;
        width: 500px; 
        float: left; 
    }
    #mortgage-searchbar #goToLoanRequestSearchByStateForm #selection-field {
        margin-right: 0;
    }
    #mortgage-searchbar #goToLoanRequestSearchByStateForm #selection-field select {
        font-size: 1em;
        width: 438px;
    }
    #search #mortgage-searchbar label {
        margin-left: 0;
        margin-right: 3px;
        font-style: normal;
    }

/** Condensed Rate Table **/
#assumptions-popup{
    position: absolute;
    border: 1px #acf solid;
    padding: 10px;
    width: 274px;
    background: #fff;
    font-size: .9em;
}
    #assumptions-popup .close{
        float:right;
    }
#condensed-rate-table {
    text-align: left;
}

.self-contained-condensed-rate-table .clearfix {
    height: auto !important;
    height: 1%;
}

#condensed-rate-table h2 {
    margin-top: 2px;
    margin-right: 2px;
}

#condensed-rate-table h2.module-title {
    float: left;
}
#condensed-rate-table .module-head a.help {
    float: left;
    width: 1px;
}

#condensed-rate-table div.actions {
    float: right;
    clear:none;
}

#condensed-rate-table div.actions input {
    width: 6em;
    font-size: 1em;
    border: 1px solid #acf;
}


#condensed-rate-table div.title-bar {
    border-bottom: 1px #acf solid;
    width: 99%;
    padding-bottom: 2px;
}

#condensed-rate-table div.title-bar span {
    text-align: center;
}

#condensed-rate-table span.apr-col,
#condensed-rate-table span.points-col,
#condensed-rate-table span.rate-col,
#condensed-rate-table span.fees-col,
#condensed-rate-table span.date-col,
#condensed-rate-table span.payment-col {
    float: left;
    display: table-cell;
    line-height: 1.8em;
    text-align: left;
    margin: 0;
}

    #condensed-rate-table span.apr-col     { width: 3.75em; margin-left: 5px; }
    #condensed-rate-table span.points-col  { width: 5.25em; }
    #condensed-rate-table span.rate-col    { width: 4.25em; }
    #condensed-rate-table span.fees-col    { width: 4.75em; }
    #condensed-rate-table span.date-col    { width: 4.25em; }
    #condensed-rate-table span.payment-col { width: 6.0em; border: none; }

#condensed-rate-table div.lender-name {
    background: #fff;
    padding: 5px 5px 2px 5px;
}
#condensed-rate-table div.lender-name a.external {
    font-size: 1.1em;
}
#condensed-rate-table div.rate-table-row {
    background: #f2f7ff;
    padding: 3px 5px;
    border-bottom: 1px #acf solid;
}

#condensed-rate-table div.rate-table-row iframe {
    display: none;
}

.mortgage-rate-table span span.state-message,
.mortgage-rate-table span span.state-message {
    display: none;
    cursor: help;
}

.mortgage-rate-table span.roll span.state-message,
.mortgage-rate-table span:hover span.state-message {
    display: block;
    position: absolute;
    width: 240px;
    padding: 5px;
    border: 1px #999 solid;
    background: #fff;
}
#condensed-rate-table .mortgage-rate-table {
    margin-bottom: .5em;
}

#condensed-rate-table {
    margin-bottom: 2em;
}


/** Dynamic Mortgage Vibrancy Module **/
#rates-upsell-module .module-head {
	margin-top: 0; 
}

#dynamic-zmm-vibrancy-module {
    margin-top: -5px;
}

#dynamic-zmm-vibrancy-module span.burst {
    color: #e00;
}

#dynamic-zmm-vibrancy-self-contained .clearfix {
    height: auto !important;
    height: 1%;
}

#dynamic-zmm-vibrancy {
    text-align: left;
    margin-top: -2px;
    font-size: 1.1em;
}
#dynamic-vibrancy-header.action {
	float: right; 
	width: 55px; 
	}
#dynamic-vibrancy-header.action li { 
	float: left;
	margin-left: 5px;  
}


#dynamic-vibrancy-header .emailAlerts a {
    display: block;
    width: 17px;
    height: 12px;
    position: relative;
    top: -4px;
}

* html #dynamic-vibrancy-header.action a.help{
    width: 5px ;
}


#dynamic-vibrancy-header div.tooltip {
    margin-left: -590px;
    font-weight: normal;
}

#dynamic-zmm-vibrancy a { text-decoration: none; }
#dynamic-zmm-vibrancy a:hover { text-decoration: underline; }

#dynamic-zmm-vibrancy ul.dynamic-zmm-vibrancy-upsell li {
    font-size: 1.0em;
}

#dynamic-zmm-vibrancy div.vibrancy-table {
    margin-bottom: 10px;
}

#dynamic-zmm-vibrancy div.vibrancy-table div.even {
    background: #F2F7FF;
}

#dynamic-zmm-vibrancy div.title-bar {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 0px;
}

#dynamic-zmm-vibrancy div.title-bar span.main-label {
    font-size: 1.1em;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 12px;
}

#dynamic-zmm-vibrancy div.title-bar,
#dynamic-zmm-vibrancy div.vibrancy-rate-row,
#dynamic-zmm-vibrancy div.vibrancy-total-row {
    border-bottom: 1px solid #acf;
    padding-bottom: 2px;
    padding-top: 2px;
}

#dynamic-zmm-vibrancy span.inc {
    background: transparent url(http://www.zillow.com/static/images/icon_arrow_lite_reverse_sprite.gif) no-repeat;
    background-position: 45px -46px;
    color: #f00;
}
#dynamic-zmm-vibrancy span.dec {
    background: transparent url(http://www.zillow.com/static/images/icon_arrow_lite_reverse_sprite.gif) no-repeat;
    background-position: 45px 3px;
    color: #090;
}
#dynamic-zmm-vibrancy span.eq {
    color: #090;
}

#dynamic-zmm-vibrancy span.vibrancy-label-col {
    float: left;
    width: 12em;
    margin-left: 5px;
}

#dynamic-zmm-vibrancy span.vibrancy-total-col {
    float: right;
    width: 10em;
    margin-right: 5px;
    text-align: right !important;
    font-weight: bold;
    color: #999;
}

#dynamic-zmm-vibrancy span.program-col,
#dynamic-zmm-vibrancy span.current-average-col,
#dynamic-zmm-vibrancy span.previous-average-col,
#dynamic-zmm-vibrancy span.quote-volume-col,
#dynamic-zmm-vibrancy span.latest-rate-col {
    float: left;
    display: table-cell;
    text-align: center;
}

#dynamic-zmm-vibrancy span.latest-rate-col { color: #999; font-weight: bold; }

#dynamic-zmm-vibrancy span.program-col          { width: 6.0em; text-align: left; margin-left: 5px; }
#dynamic-zmm-vibrancy span.current-average-col  { width: 5.0em; }
#dynamic-zmm-vibrancy span.previous-average-col { width: 5.75em; }
#dynamic-zmm-vibrancy span.quote-volume-col     { width: 4.75em; }
#dynamic-zmm-vibrancy span.latest-rate-col      { width: 4.0em; margin-left: 2px; }

#dynamic-zmm-vibrancy div.title-bar span.current-average-col  { margin-left: 4px; }
#dynamic-zmm-vibrancy div.title-bar span.previous-average-col { margin-left: 5px; }
#dynamic-zmm-vibrancy div.title-bar span.quote-volume-col     { margin-left: 6px; }
#dynamic-zmm-vibrancy div.title-bar span.latest-rate-col      { margin-left: 7px; color: #555; font-weight: normal; }

#dynamic-zmm-vibrancy span.low1  { color: rgb(0,153,0); }
#dynamic-zmm-vibrancy span.low2  { color: rgb(10,153,10); }
#dynamic-zmm-vibrancy span.low3  { color: rgb(20,153,20); }
#dynamic-zmm-vibrancy span.low4  { color: rgb(30,153,30); }
#dynamic-zmm-vibrancy span.low5  { color: rgb(40,153,40); }
#dynamic-zmm-vibrancy span.low6  { color: rgb(50,153,50); }
#dynamic-zmm-vibrancy span.low7  { color: rgb(70,153,70); }
#dynamic-zmm-vibrancy span.low8  { color: rgb(90,153,90); }
#dynamic-zmm-vibrancy span.low9  { color: rgb(110,153,110); }
#dynamic-zmm-vibrancy span.low10 { color: rgb(130,153,130); }

#dynamic-zmm-vibrancy span.high1  { color: rgb(255,0,0); }
#dynamic-zmm-vibrancy span.high2  { color: rgb(248,10,10); }
#dynamic-zmm-vibrancy span.high3  { color: rgb(241,20,20); }
#dynamic-zmm-vibrancy span.high4  { color: rgb(234,30,30); }
#dynamic-zmm-vibrancy span.high5  { color: rgb(228,40,40); }
#dynamic-zmm-vibrancy span.high6  { color: rgb(221,50,50); }
#dynamic-zmm-vibrancy span.high7  { color: rgb(207,70,70); }
#dynamic-zmm-vibrancy span.high8  { color: rgb(194,90,90); }
#dynamic-zmm-vibrancy span.high9  { color: rgb(180,110,110); }
#dynamic-zmm-vibrancy span.high10 { color: rgb(167,130,130); }

#dynamic-zmm-vibrancy span.new1   { color: rgb(85,85,85); }
#dynamic-zmm-vibrancy span.new2   { color: rgb(89,89,89); }
#dynamic-zmm-vibrancy span.new3   { color: rgb(94,94,94); }
#dynamic-zmm-vibrancy span.new4   { color: rgb(99,99,99); }
#dynamic-zmm-vibrancy span.new5   { color: rgb(104,104,104); }
#dynamic-zmm-vibrancy span.new6   { color: rgb(109,109,109); }
#dynamic-zmm-vibrancy span.new7   { color: rgb(118,118,118); }
#dynamic-zmm-vibrancy span.new8   { color: rgb(127,127,127); }
#dynamic-zmm-vibrancy span.new9   { color: rgb(136,136,136); }
#dynamic-zmm-vibrancy span.new10  { color: rgb(145,145,145); }


/** Mortgage Vibrancy Module **/
#mortgageVibrancyModule .module-body {
    padding: 5px 0;
}

/* Lender Ratings */
div.lender-rating-small p, div.lender-rating-large p {
    display: block;
    float: left;
    margin-top: 0px;
    width: 5em;
    line-height: 1em;
}

.lender-rating-small span.rating,
.lender-rating-large span.rating {
    background: url(http://www.zillow.com/static/images/lender_rating_tile2.gif) no-repeat;
    display: block;
    line-height: 0px;
    margin-top: 4px;
    margin-bottom: 0px;
}

.lender-rating-small span.rating {
    height: 5px;
    width: 44px;
    padding: 0;
    float: left;
    margin-top: 1px;
}

* html .lender-rating-small span.rating {
    overflow: hidden;
}

.lender-rating-large span.rating {
    height: 8px;
    width: 69px;
    padding: 0;
}

.lender-summary p {
    color: #999;
    font-weight: bold;
    padding-left: 2px;
}

.lender-summary .de-emph {
    font-weight: normal;
    padding-left: 0;
}

.lender-rating-small .r500 { background-position: 0px 0px !important; }
.lender-rating-small .r475 { background-position: 0px -12px !important; }
.lender-rating-small .r450 { background-position: 0px -24px !important; }
.lender-rating-small .r425 { background-position: 0px -36px !important; }
.lender-rating-small .r400 { background-position: 0px -48px !important; }
.lender-rating-small .r375 { background-position: 0px -60px !important; }
.lender-rating-small .r350 { background-position: 0px -72px !important; }
.lender-rating-small .r325 { background-position: 0px -84px !important; }
.lender-rating-small .r300 { background-position: 0px -96px !important; }
.lender-rating-small .r275 { background-position: 0px -108px !important; }
.lender-rating-small .r250 { background-position: 0px -120px !important; }
.lender-rating-small .r225 { background-position: 0px -132px !important; }
.lender-rating-small .r200 { background-position: 0px -144px !important; }
.lender-rating-small .r175 { background-position: 0px -156px !important; }
.lender-rating-small .r150 { background-position: 0px -168px !important; }
.lender-rating-small .r125 { background-position: 0px -180px !important; }
.lender-rating-small .r100 { background-position: 0px -192px !important; }
.lender-rating-small .r075 { background-position: 0px -204px !important; }
.lender-rating-small .r050 { background-position: 0px -216px !important; }
.lender-rating-small .r025 { background-position: 0px -228px !important; }
.lender-rating-small .r000 { background-position: 0px -240px !important; }

.lender-rating-large .r500 { background-position: -46px 0px !important; }
.lender-rating-large .r475 { background-position: -46px -12px !important; }
.lender-rating-large .r450 { background-position: -46px -24px !important; }
.lender-rating-large .r425 { background-position: -46px -36px !important; }
.lender-rating-large .r400 { background-position: -46px -48px !important; }
.lender-rating-large .r375 { background-position: -46px -60px !important; }
.lender-rating-large .r350 { background-position: -46px -72px !important; }
.lender-rating-large .r325 { background-position: -46px -84px !important; }
.lender-rating-large .r300 { background-position: -46px -96px !important; }
.lender-rating-large .r275 { background-position: -46px -108px !important; }
.lender-rating-large .r250 { background-position: -46px -120px !important; }
.lender-rating-large .r225 { background-position: -46px -132px !important; }
.lender-rating-large .r200 { background-position: -46px -144px !important; }
.lender-rating-large .r175 { background-position: -46px -156px !important; }
.lender-rating-large .r150 { background-position: -46px -168px !important; }
.lender-rating-large .r125 { background-position: -46px -180px !important; }
.lender-rating-large .r100 { background-position: -46px -192px !important; }
.lender-rating-large .r075 { background-position: -46px -204px !important; }
.lender-rating-large .r050 { background-position: -46px -216px !important; }
.lender-rating-large .r025 { background-position: -46px -228px !important; }
.lender-rating-large .r000 { background-position: -46px -240px !important; }

/** Mortgage Leaderboards **/
.lender-leaderboard dl dt, .lender-leaderboard dl dd {
    height: 30px;
    float: left;
    padding-top: 10px;
}


.lender-leaderboard dl dt, .lender-leaderboard .left-label {
    width: 16em;
    float: left;
}

.lender-leaderboard dl dd,
.lender-leaderboard .right-label {
    width: 9.1em;
    float: right;
}

.lender-leaderboard div.even {
    background: #F2F7FF;
}

.lender-leaderboard div.odd {
    background: #fff;
}


.lender-leaderboard .screenname a {
    text-decoration: none;
    position: relative;
    bottom: 4px;
}

.lender-leaderboard .photo {
    border: 1px #36b solid;
    padding: 1px;
}

.lender-leaderboard .lender-rating-small {
    float: left;
}

.lender-leaderboard .lender-rating-small p {
    font-size: .8em;
    margin-left: 5px;
}

.lender-leaderboard .total-ratings {
    clear: both;
}

*+html .lender-leaderboard .total-ratings {
    position: relative ;
    top: -10px;
}

* + html .lender-leaderboard .inner-border .total-ratings,
* html .lender-leaderboard .inner-border .total-ratings {
    position: relative ;
    top: 0px;
}

* html .lender-leaderboard .total-ratings {
    position: relative ;
    top: -10px;
}

.lender-leaderboard dl {
    margin-bottom: 1em;
}

.lender-leaderboard a.button {
    margin: 0 auto;
}

#c-column .lender-leaderboard .outer-border {
    padding: 0;
}

.lender-leaderboard .inner-border {
    padding: 2px 0 2px 2px;
}

.lender-leaderboard h2 {
    border: 0;
    color: #555555;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}

.lender-leaderboard .carrot {
    float: right;
}

/* Flexible leaderboards */
.flex-leaderboard .module-body { padding: 0; }
.flex-leaderboard h5 { width: 100%; }
.flex-leaderboard h5 img {
    float: right;
    margin: 0;
    border: 0;
}

.flex-leaderboard .left-label,
.flex-leaderboard .right-label,
.flex-leaderboard .leaderboard-stats,
.flex-leaderboard .signature-wrapper {
    width: 60%;
    float: left;
    text-align: left;
}
.flex-leaderboard h5 div.agent { width: 90%; }
.flex-leaderboard .signature {
    position: relative;
    padding: 0 0 0 25px;
}
.flex-leaderboard .signature .portrait a {
    position: absolute;
    top: 0; left: 0;
    height: 14px;
    width:  14px;
}

.flex-leaderboard .right-label { width: 30%; }
.flex-leaderboard .leaderboard-stats { width: 40%; }

.flex-leaderboard ol { list-style: none; }
.flex-leaderboard li {
    font-size: 1em;
    padding: 4px 6px;
}
.flex-leaderboard li.even { background: #F2F7FF; }
    * html .flex-leaderboard li.even .signature {
        border-color: #F2F7FF;
    }
.flex-leaderboard li .lender-rating-small {
    margin: 0.25em 0 0 0;
}

.flex-leaderboard .positive {
    padding: 0 15px 0 0;
    float: left;
    background: url(http://www.zillow.com/static/images/thumbs_only.gif) 100% 0 no-repeat;
}

.flex-leaderboard .module-foot {
    margin: 5px 0;
    padding-bottom: 5px;
}
.flex-leaderboard .module-foot p.carrot { margin: 0 0 0 10px; }
.flex-leaderboard .module-foot .signature-wrapper { width: 60%; }
.flex-leaderboard .module-foot .leaderboard-stats { width: 30%; }
.flex-leaderboard .module-foot a.button.primary { margin-top: 10px; }
.flex-leaderboard .module-foot .your-rating { margin-bottom: 5px; }

/* Still VE map */

.stillmap-container {
    overflow: hidden;
}

.stillmap-container div.maptile-wrapper {
    position: relative;
    width: 512px;
}

.stillmap-container img.map-tile {
    float: left;
}

.lender-leaderboard .inner-border dt {
    padding-top: 2px;
    width: 14em;
}

.lender-leaderboard .inner-border dd {
    width: 8.56em;
    padding-left: 2px;
    padding-top: 2px;
}

.lender-leaderboard .inner-border .portrait {
    margin-left: 2px;
}

#c-column .lender-leaderboard .inner-border p {
    width: 5em;
    clear: none;
}

#c-column .lender-leaderboard .inner-border a.button {
    margin-left: 18px;
}


/* C-column DD upsell */
#c-column .dd-upsell {
    margin: 10px 0;
}

    #c-column .dd-upsell a.dd-upsell-link img {
        border-width: 0;
        padding: 0;
    }


.dueling-digs-rotating-upsell {
    font-size: 1.2em;
}

.dueling-digs-rotating-upsell h3,
.dueling-digs-rotating-upsell .dueling-digs-upsell-body {
    border: 1px solid #acf;
    background-color: #fff;
}

.dueling-digs-rotating-upsell h3 a {
    display: block;
}

.dueling-digs-rotating-upsell .dueling-digs-upsell-body {
    background: #fff url(http://www.zillow.com/static/images/dd/dd_widget_gradient.gif) top left repeat-x;
    margin-top: 1px;
    text-align: center;
    font-weight: bold;
    padding: 1em;
}

.dueling-digs-upsell-container .dueling-digs-upsell-title {
    color: #fff;
    font-size: 1.3em;
    display: block;
    margin-bottom: 1em;
}

.dueling-digs-rotating-upsell h3 {
    text-indent: -9999em;
    background: #fff url(http://www.zillow.com/static/images/dd/dd_widget_logo.gif) 5px 5px no-repeat;
    height: 28px;
}

.dueling-digs-rotating-upsell .dueling-digs-entry-button  {
    margin-top: 1em;
}

.dueling-digs-rotating-upsell .dueling-digs-entry-button p.carrot {
    margin-left: auto;
    margin-right: auto;
    display: inline;
}

.dueling-digs-upsell-images {
    position: relative;
    height: 98px;
    width: 134px;
    margin: 0 auto;
}

.dueling-digs-upsell-images img {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px;
    border: 1px solid #36b;
}


#content .dueling-digs-upsell-body {
    padding-bottom: 0;
}


#iframe-container .dueling-digs-rotating-upsell h3,
#c-column .dueling-digs-rotating-upsell h3,
#content .dueling-digs-rotating-upsell h3 {
    background: url(http://www.zillow.com/static/images/dd/dd_widget_logobig.gif) 6px 6px no-repeat;
    height: 36px;
}

#content .dueling-digs-upsell-title {
    top: 20px;
}

#content .dueling-digs-upsell-category-title {
    display: inline;
}

#content .dueling-digs-upsell-images {
    float: left;
    clear: left;
    position: relative;
    top: -30px;
}

#content .dd-text {
    clear: right;
    text-align: left;
    position: relative;
    left: 160px;
    margin-left: 0;
}

#content .dueling-digs-entry-button {
    margin-left: 0;
    margin-top: 0;
    left: 30px;
    top: 30px;
}


/* Flagging */
a.flag-content {
    background: #f4f4f4 url(http://www.zillow.com/static/images/thumbs_only.gif) no-repeat 50% -198px;
    display: block;
    width: 10px;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 4px 5px 3px 5px;
}
#wrapper a.flag-content {
    text-decoration: none;
    line-height: 1.2;
    font-size: 1em;
}

    .flag-content span {
        display: none;
    }

a.flag-content:hover {
    background-position: 50% -248px;
    background-color: #f4faec;
    border-color: #8b4;
    text-decoration: none;
}
/* flagging from a-column toolbar */
    .flag a.flag-content {
        background-color: transparent;
        background-position: 3px -198px;
        display: inline;
        width: auto;
        border: none;
        padding-top: 0;
        padding-right: 0;
    }
    #wrapper .detailsToolbar li dd {
        font-size: 1em;
    }
    #wrapper .detailsToolbar li.flag div.inappropriate a {
        padding-left: 0;
        padding-bottom: 0;
    }
        #wrapper .detailsToolbar .inappropriate p.legal {
            font-size: 0.9em;
        }

/* These three entries are to protect the mortgage toolboxes from the new
   flag added for the profile changes */
    /* Flagging */
.mortgage-toolbox a.flag-content {
    background: none;
    display: block;
    width: auto;
    text-decoration: none;
    border: 0;
    padding: 0;
}

    .mortgage-toolbox .flag-content span {
        margin-left: -8px;
        display: inline;
    }

.mortgage-toolbox a.flag-content:hover {
    background: none;
    border: 0;
    text-decoration: none;
}


/* Column Sorts */
.ascending, .descending {
    width: 11px;
    height: 3px;
    position: relative;
    top: 5px; /* can override this value depending on context */
}

.ascending  { background: url(http://www.zillow.com/static/images/icon_carrot_up_blue.gif)   no-repeat 0 0; }
.descending { background: url(http://www.zillow.com/static/images/icon_carrot_down_blue.gif) no-repeat 0 0; }

/* ZW-25050: adding copy for Good Neighbor policy */
.good_neighbor_remind {
    width: 80%;
    margin: inherit 0;
    float: right;
    color: #aaa;
    font-size: .95em;
}

#good_neighbor_add_topic {
    position: relative;
    top: -3em;
    left: -5em;
}

.good_neighbor_ccolumn {
    margin: 2em 0;
}

.good_neighbor_ccolumn .module-head {
    margin-bottom: 1em;
}

.good_neighbor_ccolumn .icon_img {
    padding-left: 50px;
     background: url(http://www.zillow.com/static/images/good_neighbor_40x40.gif) 0 0 no-repeat;
}
.good_neighbor_ccolumn p {
    margin-bottom: .5em;
}


/******************************/
/* Bubble UI component styles */
/******************************/
.ui-comment {
    margin: 10px 0;
}

.ui-comment .bbltop,
.ui-comment .bblbot,
.ui-comment .bbl-content {
    clear: both;
}
.ui-comment .bbltop,
.ui-comment .rt,
.ui-comment .lt {
    height: 4px;
}
.ui-comment .bblbot,
.ui-comment .rb,
.ui-comment .lb {
    height: 20px;
}

/* corners */
.ui-comment .lt,
.ui-comment .lb {
    float: left; width: 99%;
}
.ui-comment .rt,
.ui-comment .rb {
    float: right;
}
.ui-comment .lt { background: url(http://www.zillow.com/static/images/bbl_corner_sprite.png) no-repeat scroll 0 -200px; }
.ui-comment .rt { background: url(http://www.zillow.com/static/images/bbl_corner_sprite.png) no-repeat scroll 0 -300px; }
.ui-comment .lb { background: url(http://www.zillow.com/static/images/bbl_corner_sprite.png) no-repeat scroll 0 -100px; }
.ui-comment .rb { background: url(http://www.zillow.com/static/images/bbl_corner_sprite.png) no-repeat scroll 0 0; }

.ui-comment .bbl-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 5px;
}
* html .ui-comment .bbl-content {
    margin-top: -7px;
}


/* PaginationLinkDisplay */

div.pagination ul {
    float: right;
    padding: 5px 0;
}
div.pagination ul li, ul.pagination li ul.pages li {
    padding: 0;
    float: left;
    display: inline;
    margin-right: 5px;
}
div.pagination a, ul.pagination li a  {
    text-decoration: underline;
    padding: 0;
}
div.pagination ul li.current a, ul.pagination li.current {
    color: #d61;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}

    /* arrows */
    .pagination ul li.arrow {
        /* some older styles put background images on .prev and .next */
        background: transparent;
    }
    .pagination .arrow a {
        text-decoration: none;
        background-image: url(http://www.zillow.com/static/images/left_right_arrow_buttons_SPRITE.gif);
        background-repeat: no-repeat;
        height: 13px;
        width:  13px;
        margin-top: 1px;
        display: block;
        text-indent: -9999em;
    }
    .pagination .arrow a.off { cursor: default; }

    /* previous */
    .pagination .prev .on         { background-position: 0 0; }
    .pagination .prev .on:hover   { background-position: 0 -100px; }
    .pagination .prev .off        { background-position: 0 -150px; }
    /* next */
    .pagination .next .on         { background-position: 0 -200px; }
    .pagination .next .on:hover   { background-position: 0 -300px; }
    .pagination .next .off        { background-position: 0 -350px; }
    /* first */
    .pagination .first .on        { background-position: 0 -400px; }
    .pagination .first .on:hover  { background-position: 0 -500px; }
    .pagination .first .off       { background-position: 0 -550px; }
    /* last */
    .pagination .last .on         { background-position: 0 -600px; }
    .pagination .last .on:hover   { background-position: 0 -700px; }
    .pagination .last .off        { background-position: 0 -750px; }

    /* when a sorting select is present, squish vertically a bit */
    div.sorting form { float: left; }
    div.sorting div.pagination ul { padding: 2px 0 0; }
    div.sorting.bottom div.pagination ul { padding: 0; }


    /* Cobrand Header */
    div#cobrand_header {
        height: 50px;
        background: #efefef;
        padding: 5px;
        text-align: left;
        margin-bottom: 5px;
        border-bottom: 1px solid #636363;
    }
    /* specifying in px instead of em so that font size doesn't change between home page and other pages */
    div#cobrand_header p { font-size: 11px; }
    div#cobrand_header a { text-decoration: none; }
    div#weblink_return {
        float: right;
        margin: 16px 5px 0 0;
    }
    div#weblink_return a span { margin: 0; }
    div.cobrand_col { float: left; }
        div#cobrand_portrait { margin-right: 7px; }
        div#cobrand_col1 { margin-right: 50px; }
        div#cobrand_col1 p { margin: 8px 0 0 0; }
        div#cobrand_col2 { padding: 2px 0; }
        div#cobrand_col2 p { margin: 0 0 2px 0; }
    div#cobrand_col1 .signature{
        padding-left: 0;
    }

    /** TNC Cobranding styles **/
    div#cobrand_header.partner-cobrand {
        padding: 0;
        height: 90px;
    }
    div#cobrand_header.partner-cobrand  div.partner_cobrand_col {
        width: 1024px;
        margin: 0 auto;
    }
    div#cobrand_header.partner-cobrand div.cobrand-header-logo-wrapper {
        border-bottom: 1px #555 solid;
    }
    div#partner_cobrand_logo {
        width: 1024px;
        height: 65px;
        overflow: hidden;
    }

    div#cobrand_header div#partner_cobrand_links ul {
        margin-top: 5px;
    }

    div#cobrand_header div#partner_cobrand_links ul li {
        float: left;
        display: table-cell;
        padding-right: 5px;
        margin-right: 5px;
        border-right: 1px #555 solid;
        text-transform: uppercase;
    }

    div#cobrand_header div#partner_cobrand_links ul li.last {
        border-right: 0;
    }

    div#cobrand_header div#partner_cobrand_beacon { display: none; }

    #ft .local-links{
        border-top:1px #acf solid;
         margin: 0 auto 1em auto;
        padding-top: 15px;
        text-align: center;
    }
    #ft .local-links div#local-links-container {
        margin: 0 auto;
    }

    #ft .local-links ul {
        width: auto;
        float: left;
    }

    #ft .local-links li{
        text-align:left;
        display:block;
    }

    #ft .local-links li.header{
        color:#3366BB;
        font-weight:bold;
        margin: 0 0 .5em 0;
    }
    #ft .local-links li a{
        display: block;
        margin-bottom: .5em;
        font-size: .9em;
    }

    /* Persona pages */
    .illo-block {
        margin: 10px;
        line-height: 1.5em;
    }

    .illo-block p.tagline {
        font-size: 1.2em;
    }

    .upsell-block {
        width: 48%;
        float: left;
        margin: 10px 0;
    }

    .upsell-block p {
        margin-right: 1em;
    }

    .illo-block h2 {
        font-size: 1.3em;
        color: #d61;
        margin-top: 2em;
    }

    .illo-block h3,
    .illo-block h4 {
        margin-bottom: 0.5em;
    }

    .illo-block h3 {
        color: #d61;
        font-size: 1.2em;
        margin-top: 2em;
    }

    .illo-block h4 {
        font-size: 1.2em;
        color: #555;
    }

    .illo-block .linkEmph {
        line-height: 3em;
        margin-top: 1em;
    }

    .heading2 .linkEmph {
        margin-bottom: -1px;
        margin-top: 22px;
    }

    .illo-block .linkEmph li {
        float: left;
        width: 49%;
    }

    .illo-block a.external {
        margin-left: 0;
    }

    .illo-block ol {
        margin-left: 2em;
        margin-bottom: 1em;
    }

    .illo-block dl dt {
        font-style: italic;
    }

    .illo-block dl dd {
        margin-left: 2em;
        margin-bottom: 1em;
    }

    .upsell-block h4.linkEmph {
        line-height: 2em;
        margin-top: 0;
    }

    .feature-upsell-block {
        margin: 1em 0;
    }

    .feature-upsell-block img,
    .feature-upsell-block .feature-upsell-body {
        float: left;
    }

    .feature-upsell-block img {
        padding-top: 0.5em;
        margin-right: 10px;
    }

    .feature-upsell-block ul {
        margin-bottom: 0;
    }

    #content .feature-upsell-body {
        width: 350px;
    }

    .feature-upsell-body li {
        margin: 0.2em 0;
    }

    .feature-upsell-block p {
        font-size: 1.1em;
    }

    .feature-upsell-block h4 {
        font-size: 1.1em;
        margin-bottom: 0;
    }
        .feature-upsell-block h4 em {
            color: #D61;
            font-style: normal;
        }

/* zindex charts */

.line-chart { text-align: center; }

    .line-chart li a {
        width: 28px;
        height: 13px;
        float: left;
        display: inline;
        margin-right: 4px;
        cursor: pointer;
        text-decoration: none;
    }

        .line-chart li a span { display: none; }

    .line-chart ul,
    .line-chart li { float: left; }

    .line-chart ul {
        margin-top: 10px;
        margin-left: 10px;
        clear:both;
    }

    .chart-buttons li a,
    a#embed {
        background: url(http://www.zillow.com/static/images/yrs_tiled.gif) no-repeat 0 0;
    }

    .line-chart #oneyr          { background-position: 0 0; }
    .line-chart #oneyr.current  { background-position: 0 -100px; }
    .line-chart #oneyr:hover    { background-position: 0  -50px; }

    .line-chart #fiveyr         { background-position: 0 -150px; }
    .line-chart #fiveyr.current { background-position: 0 -250px; }
    .line-chart #fiveyr:hover   { background-position: 0 -200px; }

    .line-chart #tenyr          { background-position: 0 -300px; }
    .line-chart #tenyr.current  { background-position: 0 -400px; }
    .line-chart #tenyr:hover    { background-position: 0 -350px; }

    .line-chart #lastsale         { background-position: 0 -550px; width: 60px; }
    .line-chart #lastsale.current { background-position: 0 -650px; }
    .line-chart #lastsale:hover   { background-position: 0 -600px; }

    a#embed {
        background-position: 0 -450px;
        display: block;
        width: 37px;
        height: 13px;
        float: right;
        text-decoration: none;
    }
    a#embed:hover {
        background-position: 0 -500px;
        text-decoration: none;
    }

/* Widget pages */

.widget-container {
    margin: 0 20px 20px 20px;
}
div.widget-container {
    margin-left: 0;
}
    table.widget-container td { vertical-align: top; }
    table.widget-container td.pad_right  { padding-right:  20px; }
    table.widget-container td.pad_bottom { padding-bottom: 20px; }

.widget-copy h3 {
    margin-top: 30px;
    font-weight: bold;
    color: #DD6611;
    margin-bottom: 1.2em;
    font-size: 1.2em;
    line-height: 1.4em;
    clear: both;
}

.widget-copy div.code-container {
    margin-top: 10px;
}

.widget-copy iframe { border: 0; }

.widget-copy .widget-container-list ul,
.widget-copy .widget-container-list li {
    list-style-type: none;
    font-size: 1.1em;
    line-height: 1.4;
    margin: 0;
}

    .widget-copy p.note {
        float: left;
        width: 460px;
        font-size: 1em;
        margin-bottom: 1.5em;
    }

table.widget-sizes { margin: 0 0 0 20px; }
.widget-sizes .code-container { padding-right: 35px; }

textarea#generated-code {
    width: 460px;
    height: 250px;
    font-size: 8pt;
}
#add-cobranding, #show-homesearchbox { width: 400px; }
a#cobranding_example { margin-left: 2em;}

#region-lookup,
#generated-code,
#add-cobranding,
#show-homesearchbox,
p.widget-disclaimer {
    margin-left: 20px;
}

textarea#generated-code.search-box-widget-textarea{
	margin-left: 0;
}

/* region selection component */
.region-selection { position: relative; }
.region-selection h5 { margin: 14px 0 2px; }

.region-selection select,
.region-selection .text {
    width: 232px;
    float: left;
    font-size: 1.1em;
}
.region-selection select { height: 1.8em; }
/* If you need to 'hide' .region-selection, pass parameters to the component:
    showChildren="literal:false"
    jsonConfig="{showKids:false}"
*/
div.region-selection.no-children select { width: 0; height: 0; border: none; }

.region-selection .text {
    width: 226px;
    padding: 2px 1px;
    margin-right: 20px;
}

body:nth-of-type(1) .region-selection .input-tip { margin-top: 0.5em; }/* webkit */

.region-selection div.messaging {
    width: 460px;
    clear: both;
    margin: 10px 0 0;
}
.region-selection div.messaging:not([IE]) {
    margin-top: 35px;
}
.region-selection div.messaging.error h4 {
    padding-left: 0;
    text-align: center;
}
.region-selection div.messaging.compact {
    position: absolute;
    height: 21px;
    width: 220px;
    left: 250px;
    bottom: -5px;
}
.dual-region .region-selection div.messaging.compact {
    /* stacked vertically, use space to the right instead */
    left: 500px;
}
.region-selection:not([IE]) div.messaging.compact {
    bottom: -7px;
}
.region-selection div.messaging.compact h4 {
    margin-bottom: 0;
    line-height: 2;
}

/* local expert */
span.local-expert {
    display: block;
    float: left;
    height: 14px;
    width: 14px;
    margin: 0 5px 0 0;
    background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.png) 0 -829px no-repeat;
}
/* local expert, ie6 */
* html span.local-expert {
    background: url(http://www.zillow.com/static/images/mini-profile-sprite-2.gif) 0 -829px no-repeat;
}

/* advice */
div.bubble {
    background: url(http://www.zillow.com/static/images/module_middlesliver.gif) repeat-y left top;
    margin: 10px 0;
}
#c-column div.bubble { background-position: right top; }

div.bubble div.outer,
div.bubble div.inner {
    background-image: url(http://www.zillow.com/static/images/modules480.gif);
    background-repeat: no-repeat;
}
div.bubble.blue div.outer,
div.bubble.blue div.inner {
    background-image: url(http://www.zillow.com/static/images/modules480_blue.gif);
}
#c-column div.bubble div.outer,
#c-column div.bubble div.inner {
    background-image: url(http://www.zillow.com/static/images/modules300.gif);
}
#c-column div.bubble.blue div.outer,
#c-column div.bubble.blue div.inner {
    background-image: url(http://www.zillow.com/static/images/modules300_blue.gif);
}

div.bubble div.outer { background-position: left top; }
div.bubble div.inner {
    background-position: right bottom;
    padding: 0 15px 10px;
}
.a-b-layout #content div.bubble {
    width: 480px;
}

    /* don't clobber question mark with tool_strip */
    div.bubble h2 a span { background-image: inherit; }

    div.bubble h2 {
        padding-top: 5px;
        margin-bottom: 5px;
        border-bottom: none;
        color: #555;
        font-size: 1em;
    }
        #container div.bubble h2 span.inner {
            display: block;
            font-size: 1.3em;
            padding: 8px 0 8px 40px;
            background-position: 0 -2985px; /* tool_strip */
        }

    div.bubble textarea {
        margin: 0 auto 1em;
        width: 99%;
    }

    div.bubble a.discuss {
        float: right;
        text-decoration: none;
        line-height: 1.6;
        padding: 1px 2px 1px 20px;
        background-position: 0 -4184px; /* tool_strip */
    }
    div.bubble a.discuss:focus,
    div.bubble a.discuss:hover {
        text-decoration: underline;
        color: inherit;
    }

    div.bubble a.help {
        float: right;
        margin-top: 2px;
    }

#c-column  #top-level-question .tooltip {
    width: 250px;
    padding-right: 20px;
}
#content   #top-level-question .tooltip { margin-left: 100px; }
#corpright #top-level-question .tooltip p { margin-bottom: 0; }

#top-level-question fieldset { position: relative; }

/* an attempt to restrict webkit's crazy resizable textareas */
#content  div.bubble textarea { max-width: 445px; }
#c-column div.bubble textarea { max-width: 267px; }

/* advice entry points */
#content div.advice-entry { width: 480px; }
div.threaded .module-body,
#container div.advice-entry .module-body { padding: 0; }

div.advice-entry .module-body ul.carrot { margin: 0.2em 0 1.5em; }
div.advice-entry .module-body ul.carrot li { margin-top: 0.3em; }

a.ask-advice {
    padding-left: 16px;
    text-decoration: none;
    background-position: 0 -3184px; /* tool_strip */
}
a.ask-advice:hover { text-decoration: underline; }

span.tool-icon,
div.tool-icons span {
    float: left;
    text-indent: -999em;
    height: 13px;
    width: 13px;
    margin-right: 3px;
}
    /* tool_strip */
span.questions   { background-position: 0 -3186px; }
span.answers     { background-position: 0 -3386px; }
span.bestanswers { background-position: 0 -3486px; }
span.guides      { background-position: 0 -3786px; }
span.discussions { background-position: 0 -4086px; }
span.comments    { background-position: 0 -4086px; }

/* advice result list */
.result {
    margin: 1em 0;
    position: relative;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
    clear: both;
}

    .result h5 {
        margin-bottom: 5px;
        font-size: 1.1em;
        overflow: hidden;
    }
        .result h5 a { text-decoration: none; }
        .result h5 a:focus,
        .result h5 a:hover {
            text-decoration: underline;
        }
    .search .result h5 { font-weight: normal; }

    .result .portrait {
        float: left;
        height: 46px;
        width:  46px;
        margin-right: 9px;
        padding: 1px;
        border: 1px solid #36B;
        overflow: hidden;
    }
        .result .portrait a { float: left; }
            .result .portrait a img {
                /* don't let the image get munged */
                border: none;
                padding: 0;
            }

    .result .result-body { line-height: 1.3; }
        .result span.tool-icon { margin-top: 1px; }

    .search .result .result-body { margin-bottom: 5px; }

    .result-meta ul { float: left; }
    .result-meta ul.primary {
        width: 80%;
        clear: right;
        margin-bottom: 5px;
    }

        .result-meta li {
            font-size: 1em; /* zap global 1.1em */
            color: #999;
            float: left;
            display: inline;
            border-style: solid;
            border-width: 0;
            padding: 0;
        }
        .result-meta li.pipel {
            margin-left: 5px;
            padding-left: 4px;
            border-left-width: 1px;
        }
        .result-meta li.piper {
            margin-right: 5px;
            padding-right: 4px;
            border-right-width: 1px;
        }

    .result-meta li a {
        color: #777;
        text-decoration: none;
        border-bottom: 1px solid #999;
    }
    .result-meta li a:hover { color: #555; }

/* tweak thread spacing */
.threaded .bubble div.inner { padding: 10px; }
.threaded .bubble .editorEditRegion { margin: 5px 0; }

/* thread parent */
.thread-head .comment-title {
    color: #555;
    padding: 2px 0 3px 40px;
    margin-bottom: 0;
}
.thread-head.result .comment-title {
    padding: 0;
    margin-bottom: 0.5em;
}

    /* tool_strip */
.questions   .thread-head .comment-title { background-position: 0 -2988px; }
.discussions .thread-head .comment-title { background-position: 0 -3886px; }

.thread-head .comment-header { margin-top: 6px; }
.thread-head.result .comment-header { margin-top: 0; }

.thread-head .actions {
    margin-top:  9px;
    padding-top: 9px;
    border-top: 1px solid #eee;
}

/* general thread comment */
.comment-header .signature .portrait a {
    width:  46px;
    height: 46px;
}
.comment-header .signature-list {
    float: left;
    font-size: 0.9em !important;
    padding: 0.8em 0 0 0.5em;
}
    .comment-header .signature-list .zscore {
        font-weight: normal;
        color: #999;
    }

h5.comment-announce {
    float: right;
    margin-top: 1em;
    padding-right: 4px;
}
    h5.comment-announce.best-answer {
        padding-left: 20px;
        background-position: 0 -3486px;
    }

    h5.comment-announce span { display: none; }
    .questions   h5.comment-announce span.answer,
    .discussions h5.comment-announce span.reply { display: inline; }

.comment-body { font-size: 1.1em; }
.comment-body,
.thread-meta {
    margin-top: 4px;
    /* line up with profile picture left border */
    padding: 0 4px;
}
    .thread-meta .timestamp, .thread-meta .prop-ref { color: #999; }
    .thread-meta .timestamp {
        float: left;
        padding-top: 4px;
    }
    .thread-meta .prop-ref {
        padding: 3px 0 4px;
        font-size: 11px;
    }
        .thread-meta a.property { text-decoration: none; }
        .thread-meta .prop-ref a.adr { display: block; }
        .thread-meta .comment-actions .comment-rating-area,
        .thread-meta .comment-actions .comment-flag-area {
            float: right;
            min-height: 20px;
        }
            .comment-rating-area .rating-group-ro { padding-top: 3px; }

    .editable-comment a.edit {
        position: absolute;
        margin-top: -18px;
        margin-left: 390px;
        padding: 0;
    }
    .editing .comment-body,
    .editing .thread-meta,
    .editing .editable-comment a.edit {
        display: none;
    }

/* similar (related questions) */
.similar .result {
    border-bottom-width: 0;
    padding-bottom: 0;
    margin: 6px 0;
}
.similar h5 {
    font-weight: normal;
    margin-bottom: 2px;
}
.similar .portrait,
.similar span.viewed,
.similar .result-meta ul.primary li.piper {
    display: none;
}

.similar .result-meta ul.primary {
    clear: none;
    width: auto;
    float: right;
}

.similar .result-meta {
    margin-top: 0;
}
.similar .module-body {
    padding: 1px 6px;
}
.similar .module-head h2 {
    color: #36B;
}
.similar .module-foot ul.carrot li {
    float: right;
    padding-right: 1em;
}

/* editable comments */
    .reply-form ul.action li { padding-top: 3px; }
    .reply-form ul.action li.note {
        color: #777;
        width: 275px;/* 290px total */
        padding: 0 0 0 15px;
        font-size: 1em;
    }


/* RTE skin mods */
#container .yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar h2 { display: none; }
#container .yui-toolbar-container .yui-toolbar-group { padding-top: 0.375em; }

#container .yui-skin-sam .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon {
    background-image: url(http://www.zillow.com/static/images/icons/html_editor.gif );
    background-position: 0 1px;
    left: 5px;
}
#container .yui-skin-sam .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon {
    background-image: url( http://www.zillow.com/static/images/icons/html_editor.gif );
    background-position: 0 1px;
    left: 5px;
}
.editor-hidden {
    visibility: hidden;
    top: -9999px;
    left: -9999px;
    position: absolute;
}
.editorEditRegion textarea {
    border: 0;
    margin: 0;
    padding: 0;
}
#content .yui-panel-container {
    z-index: 9001; /* ZW-40089: these z-indexes are getting pretty crazy */
}

/* advice upsell */
#advice-upsell {
    margin-bottom: 20px;
}

#advice-upsell div.generic-box,
#advice-upsell div.module-body {
    margin-bottom: 0;
}

#advice-upsell #top-level-question {
    margin-top: 0;
}

#advice-upsell div.question {
    padding: 5px;
    color: #999;
}

#advice-upsell div.icon {
    float: left;
}

#advice-upsell div.indented {
    margin: 0 0 0 18px;
}

#advice-upsell div.question a {
    font-size: 1.1em;
    text-decoration: none;
}

#advice-upsell div.question a:hover {
    text-decoration: underline;
}

div#bladetagline {
    padding: 0 8px 8px;
    font-size: 1.2em;
    text-align: justify;
}

a.featureUpsellTitle{
    text-decoration: none;
}

a.featureUpsellTitle:hover{
    text-decoration: none;
}

div.rate-watcher-hdp .dialog {
    width: 430px;
    font-size: 1.2em;
}

div.rate-watcher-hdp p {
    line-height: 1.2em;
}

#rate-watcher-lightbox dl {
    margin-top: 4px;
}

#rate-watcher-lightbox dd {
    height: 24px;
}

#rate-watcher-lightbox dt {
    width: 80px;
    height: 22px;
    float: left;
    margin: 0 0 0 17px;
}

#rate-watcher-lightbox p, #rate-watcher-lightbox h5, #rate-watcher-lightbox dt, #rate-watcher-lightbox dd, #rate-watcher-lightbox input, #rate-watcher-lightbox select {
    font-size: 11px;
}

#rate-watcher-lightbox h4 {
    color: #de6510;
}

#rate-watcher-lightbox p.indented {
    padding: 4px 0 4px 17px;
}

/* Webtools badge page styles */
.widget-copy .widget-container-list {
    width: 460px;
}
.widget-copy .widget-container-list .module-body {
    padding: 5px 0;
}

    .widget-container-list h4 {
        font-size: 1.2em;
        margin: 0.5em 0;
        padding-left: 5px;
    }
    .widget-container-list ul ul {
        padding: 2px 0;
    }
    .widget-container-list .widget-container ul li {
        height: 42px;
    }
    .widget-container-list li.control {
        float: left;
    }
        .widget-container-list li label {
            float: left;
            width: 13px;
            padding: 12px 15px 14px;
        }
        .widget-container-list li label:hover {
            background-color: #ecf9da;
        }
            .widget-container-list ul.disabled li label:hover,
            .widget-container-list ul.no-siblings li label:hover {
                background-color: transparent;
            }
        .widget-container-list li label input {
            cursor: pointer;
        }

    /* toggling cobranding display via class */
    div.widget-container-list .cobranded,
    div.widget-container-list.cobrand .non-cobranded {
        display: none;
    }
    div.widget-container-list .non-cobranded,
    div.widget-container-list.cobrand .cobranded {
        display: block;
    }

#widgets .widget-container-list .widget-container {
    margin-bottom: 30px;
    width: 450px;
}

#widgets .widget-container-list .widget-container .badge-display {
    float: left;
    width: 220px;
}

#widgets .widget-container-list .widget-container .badge-code {
    float: right;
    width: 220px;
    clear: none;
    font-size: 0.9em;
}

#inactive-badges .badge-code {
    position: relative;
}
    #inactive-badges .badge-code p {
        background: url(http://www.zillow.com/static/images/icons/tool_strip.png) no-repeat;
        background-position: 0 -4600px;
        padding-left: 20px;
        line-height: 1.5em;
        margin-top: 1em;
    }
    #inactive-badges .badge-description {
        background: #fff;
        position: absolute;
        z-index: 10;
        border: 1px #555 solid;
        width: 220px;
        padding: 10px;
        top: 0;
        left: 0;
    }
    #inactive-badges a.close {
        float: right;
    }

#widgets .widget-container-list .widget-container .badge-code textarea.widget-code-dst {
    width: 220px;
    height: 120px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
}
#widgets .widget-container-list .widget-container .badge-code p.widget-code-dst-label {
    color: #999;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 0;
}


#corpright p.badge-upsell {
    margin-bottom: 30px;
    margin-top: -5px;
}
#corpright p.badge-upsell a {
    text-decoration: underline;
}

#brand-logo-list {
	width: 60%;
}
#brand-logo-single {
	width: 580px;
	float: left;
}
#brand-logo-single-left {
	width: 55%;
	float: left;
}
#brand-logo-single-right {
	width: 45%;
	float: right;
}
#brand-logo-list textarea {
	margin:0 0 10px 30px;
}
#brand-logo-list span {
	margin:0 0 0 30px;
}

/* Wells Fargo Ad Campaign: */
#wfrefi #wrapper {
    background: #fff url(http://www.zillow.com/static/images/wells-fargo-skin.jpg) 50% 35px no-repeat;
}
#wfrefi > #wrapper { background-position: 50% 5px; }

#wfrefi #container {
    background-color: transparent;
}


/* Yahoo Button CSS */
.yui-button  {
    display: -moz-inline-box; /* Gecko */
    display: inline-block; /* IE, Opera and Safari */
    vertical-align: text-bottom;
    border: 1px solid #94aede;
    border-color: #bdcfef #94aede #94aede #bdcfef;
    background: url(http://www.zillow.com/static/images/btn_bkgnd_fade.gif) repeat-x 0 0;
    margin: auto .25em;
}

.yui-button button {
    background: none;
    *overflow: visible; /* Remove superfluous padding for IE */
    cursor: pointer;
    font-weight: normal;
}

.yui-button a {
    text-decoration: none;
}

.yui-button button,
.yui-button a {
    display: block;
    *display: inline-block; /* IE */
    border: none;
    margin: 0;
    padding: 0 4px 3px;
    font-size: 1.05em;  /* 12px */
    line-height: 2em;  /* ~24px */
    *line-height: 1.8em; /* For IE */
    min-height: 2em; /* For Gecko */
    *min-height: auto; /* For IE */
    color: #3165bd;
}

.yui-button a {
    /* Necessary to get Buttons of type "link" to be the correct height in IE. */
    *line-height: 1.875;
	*padding-bottom: 1px;
}

.yui-button button:focus,
.yui-button a:focus {
	outline: none;
	border: 0;
}

/* Hover state & Focus state */
.yui-button-hover, .yui-button-focus {
    border-color: #c6eb94 #8cd331 #8cd331 #c6eb94;
    background-position: 0 -300px;
}

.yui-button-hover button, 
.yui-button-hover a,
.yui-button-active button, 
.yui-button-active a,
.yui-button-focus button, 
.yui-button-focus a {
    color: #639a21;
}

.yui-button-active {
    border-color: #8cd331 #c6eb94 #c6eb94 #8cd331;
    background-position: 0 -500px;
}

/* Checked state */
.yui-radio-button-checked,
.yui-checkbox-button-checked {
    border-color: #94aede #bdcfef #bdcfef #94aede;
    background-position: 0 -200px;
}

.yui-radio-button-checked button,
.yui-checkbox-button-checked button { 
    cursor: default;
    color: #3165bd;
}

.yui-radio-button-checked, .yui-checkbox-button-checked {
    background-position: 0 -200px;
}

/* ToDo build component which allows pillbox to define the first and last elements */
.yui-buttongroup.pillbox .yui-button {
    margin: 0;
}

.yui-buttongroup.pillbox .yui-button {
    border-color: #bdcfef #94aede #94aede #bdcfef;
    padding: 0 7px;
}

#maptype-button-hybrid {
    border-right: 1px solid #bdcfef;
}

#maptype-button-street {
    border-left: none;
    border-right: none;
}

#maptype-button-listview {
    border-left: 1px solid #bdcfef;
}


.yui-button#subscription-registration-button button {
    padding-left: 27px;
    padding-right: 3px;
    background: transparent url(http://www.zillow.com/static/images/icons/tool_strip.png) no-repeat scroll 7px -4286px;
    outline: none;
    border: 0;
}


/* New Styles for the Updated Nav (Mobile tab, clear More tab) */

.menu-nav .arrowed .menu-tab,
#mobile-tab.top-nav-tab .menu-tab,
#mobile-tab.top-nav-tab .menu-tab a,
#more-tab.top-nav-tab .menu-tab,
#more-tab.top-nav-tab .menu-tab a {
	background: none;
	border-bottom-color: transparent;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
}

#more-tab.top-nav-tab.current .menu-tab,
#mobile-tab.top-nav-tab.current .menu-tab

#more-tab.top-nav-tab.roll .menu-tab,
#more-tab.top-nav-tab:hover .menu-tab,
#mobile-tab.top-nav-tab.roll .menu-tab,
#mobile-tab.top-nav-tab:hover .menu-tab {
	border-bottom-color: transparent;
}
.separator-tab {
	background-color: #ddd;
	height: 12px;
	margin-right: 0px;
	margin-top: 6px;
	width: 1px;
}

#more-tab.top-nav-tab.arrowed .menu-tab a {
	background: url(http://www.zillow.com/static/images/icons/up_down_carat.gif) right -390px no-repeat; /* sprite: caret down blue */
	padding-right: 15px;
}
#more-tab.top-nav-tab.arrowed .menu-tab a:hover {
	background-position: right -590px; /* sprite: caret down green */
}
