root {
    display: block;
}

body {
    font-family: Arial, Helvetica, sans-serif;/* "Liberation Sans" */
    font-size: 14px;
    color: #555;
    min-width: 990px;
    max-width: 1200px;
    margin: auto;
    padding: 1em;
}

h1, h2 {
    font-size: 17px;
}

h3 {
    font-size: 16px;
}

.boundingBox0  #currentPagePointer {
    background-image:url(/gui/images/background/menu_arrow_right_blue.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    overflow: visible;
    display: inline-block;
    vertical-align: bottom;
    width: 11px;
    height: 14px;
    padding: 0 0;
    margin: 0 -5px 0 -10px;
}

.boundingBox1  #currentPagePointer {
    background-image:url(/gui/images/background/menu_arrow_right_green.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    overflow: visible;
    display: inline-block;
    vertical-align: bottom;
    width: 11px;
    height: 14px;
    padding: 0 0;
    margin: 0 -5px 0 -10px;
}

.boundingBox2  #currentPagePointer {
    background-image:url(/gui/images/background/menu_arrow_right_orange.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    overflow: visible;
    display: inline-block;
    vertical-align: bottom;
    width: 11px;
    height: 14px;
    padding: 0 0;
    margin: 0 -5px 0 -10px;
}


#horizontalNavDiv  #currentPagePointer + a {
    background-image:url(/gui/images/background/menu_arrow_up.gif);
    background-repeat: no-repeat;
    background-position: 50% 120%;
    overflow: visible;
}


a:visited {
    color: #559;
}

#mainContainer {
    margin: 2em 1em;
}

#leftColumn {
    width: 230px;
    float: left;
    position: relative;
    z-index: 1;
}

#centerColumn {
    min-width: 510px;
    margin-left: 250px;
    margin-right: 200px;
    z-index: 0;
    position: relative;
}

#headerDiv {
    top:-5px;
    height: 90px;
    background-image: url(/gui/images/background/eco_logo.png);
    background-repeat: no-repeat;
    background-position: 20px 0;
    position: relative;
}

.searchFormDiv {
    text-align: center;
    border: solid 3px #CCC;
    max-width: 500px; /*width in ie6 breaks layout.  This is a workaround*/
    min-width: 500px; /*width in ie6 breaks layout.  This is a workaround*/
    margin: 0 auto;
    position: relative;
    -moz-border-radius: 5px; /*round border for firefox only*/
    -webkit-border-radius: 5px;
}

.searchFormDiv  form table{
    margin-right: auto;
    margin-left: auto;
}

.searchNavDiv {
    position: relative;
    padding-top: 50px;
}

.searchNavDiv a, .searchNavDiv b{
    padding: 0 0.2em;
}

.searchNavPriceSpan {
}

.searchNavPriceImg {
    position: absolute;
    bottom: 15px;
}

#searchValue {
    margin: 10px 0;
}

#doSearchButton {
    margin: 10px 0;
}

#jsFloatingImage {
    position: absolute;
    padding: 0.5em;
    border: dotted 1px gray;
    background-color: white;
    z-index: 99;
}

.searchResultsDiv {
    padding: 0;
}

.searchResultsDiv ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.searchResultsDiv > ol > li {
    list-style-type: none;
    margin: 0;
    margin-top: 2em;
    padding: 1em;
}

.searchResultsDiv ol li h2 {
    margin: 0;
}

.searchResultsDiv ol li img{
    float: left;
    border: none;
    width: 100px;
    height: 78px;
    padding: 2px;
    border: solid 1px #CCC;
}

.searchDetailsDiv {
    margin-left: 115px;
}

.numBedBaths {
    margin: 1em 0;
    font-weight: bold;
    font-size: 10pt;
    padding: 0 0.6em;
}

.shortSearchDescription {
    padding: 0.5em 0.6em;
}

#centerColumn h2:first-line, #centerColumn h1:first-line {
    padding-left: 0.5em;
}

#centerColumn h2, #centerColumn h1 {
    background-color: #F3F3FF;
    border-color: #CCC;
    border-width: 1px 0 0 0;
    border-style: solid;
    padding-left: 0.5em;
}

#centerColumn p {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

#horizontalNavDiv {
    background-color: #328815;
    font-size: 14px;
    font-weight: normal;
    height: 36px;
    padding: 0 25px;
}

#horizontalNavDiv:after {
    clear: both;
    content: " ";
    display: block;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

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

#horizontalNavDiv ul li {
    float: left;
    height: 36px;
    white-space: nowrap;
}

#horizontalNavDiv ul li a {
    background-color: #469327;
    color: #fff;
    margin: 1px 1px 1px 0;
    padding: 9px 7px;
    text-decoration: none;
    display: block;
}

#horizontalNavDiv ul li a:hover {
    background-color: #388C28;
    color: #fff;
}

#horizontalNavDiv ul li a:visited {
    color: #fff;
}
/* no shadow
.boundingBoxBody {
    border-style: solid;
    border-color: #999;
    border-width: 0 1px 0 1px;
    font-size: 14px;
    padding-top: 0.5em;
}
*/
.boundingBoxBody {
    font-size: 14px;
    padding: 0.5em 12px 0;
    background-image: url(/gui/images/background/menu_border.png);
}
.boundingBoxBody a {
    color: #777;
    text-decoration: none;
}

.boundingBoxBody a:hover {
    color: #555;
}

.boundingBoxBody a:visited:hover {
    color: #777;
}

.boundingBoxBody ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 1.3em;
}

.boundingBoxBody ul li {
    padding: 1em 1.5em 0 0em;
}

.boundingBoxBody a:visited {
    color: #AAA;
}
/* no shadow
.boundingBoxFooter {
    width: 210px;
    height: 25px;
    padding: 5px 0 0 20px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    background-image: url(/gui/images/background/rounded_bottom.png);
    background-repeat: no-repeat;
}
*/

.boundingBoxFooter {
    height: 37px;
    padding: 5px 0 0 20px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    background-image: url(/gui/images/background/rounded_bottom.png);
    background-repeat: no-repeat;
}


/* no shadow
.boundingBoxHeader {
    width: 210px;
    height: 25px;
    padding: 5px 0 0 20px;
    color: #fff;
    background-color: gray;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    background-repeat: no-repeat;
}
*/

.boundingBoxHeader {
    height: 25px;
    padding: 17px 0 0 32px;
    color: #fff;
    background-color: gray;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    background-repeat: no-repeat;
}

.boundingBoxHeader a{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}

.boundingBox0 .boundingBoxHeader {
    background-image: url(/gui/images/background/rounded_cap_blue.png);
}

.boundingBox1 .boundingBoxHeader {
    background-image: url(/gui/images/background/rounded_cap_green.png);
}

.boundingBox2 .boundingBoxHeader {
    background-image: url(/gui/images/background/rounded_cap_orange.png);
}
/* no shadow
.boundingBox0, .boundingBox1, .boundingBox2 {
    width: 230px;
    margin-top: 30px;
    margin-bottom: 30px;
}
*/

.boundingBox0, .boundingBox1, .boundingBox2 {
    width: 254px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    left: -12px;
}

#footerDiv {
    clear: both;
    border-width: 1px 0 0 0;
    border-color: #777;
    border-style: solid;
    padding: 4px;
    text-align: center;
    /*line-height: 8px;*/
}

/*new listing style below*/
div.listing_container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    margin-top: 1em;
    width: 512px;
    border-style: solid;
    border-color: #555;
    border-width: 2px;
}

#expanded_image {
    border-style: none;
    /*border-color: #555;
    border-width: 0 0 2px 0;*/
    width: 512px;
    height: 400px;
}

img.expanded_image {
    border-color:#555;
    border-style:solid;
    border-width:0 0 2px 0;
    height:400px;
    width:512px;
}

div.details_div>ul {
    padding:  0 0.5em 0 0.5em;
    margin: 0;
    list-style: none;
}

div.price_div>h3 {
    text-align: center;
    font-size: 7pt;
    font-weight: normal;
    margin-bottom: 2.5em;
}

div.price_div>h3:first-line {
    font-size: 10pt;
    font-weight: bold;
}

img.mlsr_logo {
    margin-right: 1em;
    float: right;
}

p.notify_offer_p {
    float: right;
    width: 250px;
    margin: 1em;
}

div.details_div>p.notify_offer_p {
    margin: 0;
    padding: 0;
}

div.more_images_div {
    padding: 0.5em;
    margin: 0.5em;
    border-style: solid;
    border-width: 1px;
    border-color: #555;
    width: 60px;
    float: right;
    text-align: center;
    background-color: #EEF;
}

div.listing_footer {
    padding:  0 0.5em 0 0.5em;
}

div.price_div {
    padding:  0 0.5em 0 0.5em;
}

div.details_div {
    padding:  0.5em;
    border-style: solid;
    border-width: 0 0 2px 0;
    background-color: #EEF;
    border-color: #555;
}

div.description_div {
    padding:  0 0.5em 0 0.5em;
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #555;
}
/*end of new listing style*/

/*listing page style below*/
div.image_area {
    position: relative;
    width: 515px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 0 12px 0 ;
}

/*.moreInfoImg {
    visibility: hidden;
}*/

/*div.image_area > img.moreInfoImg {
    visibility: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 10;
}*/
a.moreInfoImg{
    text-decoration: none;
}

a.moreInfoImg > img {
    visibility: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 10;
    border: 0;
}

img.thumbnail {
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 7px;
    width: 100px;
    height: 78px;
    float: left;
}

img.thumbnail:hover {
    cursor: pointer;
    padding-bottom: 5px;
    padding-top: 2px;
}

img.mlsr_logo {
    float: right;
}

div.container {
    margin-left: auto;
    margin-right: auto;
    min-width: 520px;
}



div.listing_details {
    text-align: left;
}

div.listing_details p {
    padding: 0 0.5em 0.5em 0.5em;
    text-align: left;
}

p.retrieval_date {
    font-size: 10pt;
    margin: 0;
    background-color: #F3F3FF;
    border-color: #CCC;
    border-width: 1px 0 0 0;
    border-style: solid;
    padding-left: 0.5em;
}

.eco_list {
    margin: 0;
    list-style: none;
    padding: 0 1em 2.5em 0.7em;
    margin-left: 300px;
}

.eco_list a {
    text-decoration: none;
}

.eco_list a img{
    border: none;
}

.eco_list a span {
    text-decoration: underline;
}

.listing_details h2:first-line, .listing_details h1:first-line {
    font-size: 16pt;
}

.listing_details h2, .listing_details h1 {
    text-align: center;
    font-size: 9pt;
    font-weight: normal;
    margin: 0;
    background-color: #F3F3FF;
    border-color: #CCCCCC;
    border-width: 1px 0 0 0;
    border-style: solid;
    padding-left: 0.5em;
    position: relative;
}

ul.eco_list>li {
    padding-bottom: 0.5em;
}

ul.details_list {
    margin: 0;
    list-style: none;
    padding: 0.9em 1em 0 1.5em;
    width: 220px;
    float: left;
}

ul.details_list li {
    padding-top: 0.4em;
}

.googleMapDiv {
    text-align: center;
    margin: 1em;
}

iframe{
    width: 500px;
    height: 350px;
}

.twitter {
    height: 40px;
    position: absolute;
    right: 1em;
}

.twitter img {
    border: none;
}

.twitter a {
    color:#038AED;
    text-decoration:none;
    font-weight: bolder;
    margin-bottom: 1em;
}
/*end of listing page style*/




/*Listing search nav div*/
#mortgageRateDiv {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#rightColumn {
    position: relative;
    margin: 0;
    width: 180px;
    float: right;
    z-index: 1;
    padding-top: 0;
}

.listingsSearchNavHeader {
    position: relative;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 3px 10px;
    background-color: #F57908;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.listingsSearchNavHeader a, .listingsSearchNavHeader a:visited {
    color: #fff;
    text-decoration: none;
}
/*end of right lisitng search nav div style*/


.listingsSearchNav, .listingsSearchNav ul {
    margin:0;
    padding:0;
    list-style:none;
}

.listingsSearchNav {
    width:200px;
}

.listingsSearchNav li {
    margin:0;
    padding:0;
    margin-bottom:1px;
}

.listingsSearchNav a, .relatedSearches ul li a {
    display:block;
    background-repeat: no-repeat;
    background-position: -2px 4px;
    padding:2px 0;
    font-weight: bold;
    color: #555;
    text-decoration: none;
}



.listingsSearchNav a:visited {
    color: #777;
}

.listingsSearchNav a:hover {
    color: #F57908;
}

/*.listingsSearchNav a:visited:hover {
    color: #555;
}*/

.listingsSearchNav ul li {
    padding-left: 7px;
}

.listingsSearchNav ul a, .relatedSearches ul li a  {
    background-image: url(/gui/images/background/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 15px;
    color: #777;
    font-size: 12px;
    font-weight: normal;
}

.listingsSearchNav ul a:visited {
    color: #AAA;
}

.listingsSearchNav ul a:visited:hover {
    color: #777;
}

.listingsSearchNav ul a:hover, .relatedSearches ul li a:hover {
    background-image: url(/gui/images/background/arrow_right_hover.gif);
    color: #555;
}

.hidden {
    display:none;
}

/*auto home finder form style*/
#autoHomeFinderDiv {
    text-align: left;
    padding: 1px 0.5em 0.5em 0.5em;
    background-color: #EEE;
    border-top: dashed 1px #666;
}

#autoHomeFinderDiv input {
    font-size: 10px;
    border: 1px solid #CCC;
    margin-right: 2px;
}

#autoHomeFinderDivButton {
    border: #000 1px solid;
    background-color: #AAA;
    color: #fff;
    font-weight: bold;
}

#autoHomeFinderDivButton:hover {
    background-color: gray;
}
/*end of auto home finder form style*/

/*tooltip css start*/
#autoHomeFinderTooltip {
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.1em;
    padding-bottom: 0.2em;
    cursor: help;
    border-bottom: dotted #000 1px;
}

.bubbleTooltip {
    width: 200px;
    color: #000;
    font: 0.7em sans-serif;
    text-decoration: none;
    text-align: center;
}

.bubbleTooltip span.top {
    padding: 30px 8px 0;
    background: url(/gui/images/background/bubble.gif) no-repeat top;
}

.bubbleTooltip span.bottom {
    padding:3px 8px 15px;
    color: #000;
    background: url(/gui/images/background/bubble.gif) no-repeat bottom;
}
/*end of tooltip css*/

.flowers {
    position: absolute;
    height: 61px;
    width: 170px;
    right:19px;
    top:38px;
    background:url(/gui/images/background/flowers.gif);
    background-repeat: no-repeat;
}

.phoneNumber {
    text-align: right;
    display: block;
    padding-top: 9px;
    padding-right: 4px;
    color: #fff;
    font-weight: bold;
}

.photoOfTheDay {
    margin: 5px;
}

#rightColumn .photoOfTheDay {
    width: 170px;
}



/*admin pages style*/

.contentButtons img {
    border: none;
    margin: 0.5em;
    cursor: pointer;
}

.contentItemAdminDiv {
    border: dotted 1px green;
}

label.error {
    float: none;
    width: 202px;
    color: red;
    vertical-align: top;
    display: block;
}

#workingWithRealtorDiv{
    padding: 0;
    overflow: hidden;
    display: none;
    background-color: #FEE;
    font-size: 12px;
}

#toolTipDivWrapper{
    overflow: hidden;
    white-space: nowrap;
    width: 505px; /* for Chrome and Safari */
}

.staticHTMLContent, taggedArticle {
    position: relative;
}

.taggedArticle {
    min-height: 190px;
}

.relatedSearches {
    background-color: #FFF9E8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 1px #F57908;
    margin-left: auto;
    margin: 0.5em;
    float: right;
    padding: 0.5em;
    font-weight: bold;
}

.relatedSearches ul {
    padding-left: 0px;
    margin: 0.5em 0 0 0;
    list-style: none;
    font-weight: normal;
}