/* CSS layout 
body {
    width: 780px;
    margin: auto;
    padding: 0;
    border: 0px solid #000
}
#container {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
}

#page_content {
    margin-right:auto;
    margin-left: auto;
}
*/

h1 { margin: 10px 0 }
img { border: 0; }
.ul-reset { list-style: none; margin: 0; padding-left: 0 }

/* -- MAIN LAYOUT using DefaultMaster.master ------------------- */
body { margin: 0; padding: 0; background: #c6d6f0 }
#main-wrapper { width: 766px; margin: 0 auto; background: #ffff99 }

#banner-table { width: 100%; height: 120px; }
#banner-img-td { width: 500px; height: 120px }
#banner-img { width: 500px; height: 120px; }
#banner-text-td { 
    background-image: url('images/clouds1.jpg'); text-align: center; font-size: 14pt; 
    font-family: Arial Rounded MT Bold, Arial; 
}
#banner-loggedin { padding-top: 0.5em; font-family: Arial; font-size: 10pt }
#banner-loggedin a { color: Blue }
#banner-loggedin a:hover { color: yellow }

#topmenu { width: 766px; overflow: hidden }

#main-content { font-size: 10pt; font-family: Verdana, Arial, Sans-Serif }
.content-spacer { min-height: 300px; margin: 4px 0 20px 10px }

#foot { 
    width: 100%; height: 90px; padding-top: 30px; text-align: center; 
    font-family: Trebuchet MS; font-size: 9pt; color: #333;
    background: white url('images/clouds1.jpg') repeat-x;
}
#foot-hrcom { font-family: Arial Black, Arial Baltic, Arial; font-size: x-large; color: #2469D8 }
#foot-realtor { color: #67B91F }




/* ----- Page layouts ----------------------------------------------- */

/* property listings */
.dollar { position: absolute }
.dollar > b { display: block; width: 10px; position: absolute; left: 4px; font-weight: normal; font-family: Tahoma }
.money {text-align: left; padding-left: 12px; width: 130px }

.prop-listing { height: 164px; border: 2px solid gray; margin: 0 8px 20px 0 }
.prop-pic-wrap { width: 200px; height: 164px; vertical-align: middle; float: left; border-right: 2px solid gray; margin-right: 20px }
.prop-pic { width: 200px; max-height: 164px }
.prop-pic-wrap { position: relative }
.prop-pic-overlay { position: absolute; top: 0; left: 0 }
.prop-text { padding: 14px 20px 0 0; text-align: justify }

.prop-text-desc { height: 64px; overflow: hidden }
.prop-text-title { font-size: larger }

.prop-text-special { padding: 2px 8px; font-weight: bold; font-size: larger }
.prop-text-sold { color: white; background-color: Red; }
.prop-text-rented { color: white; background-color: Blue }
.prop-text-offer-pending { color: black; background-color: Yellow }
.prop-text-price-reduced { color: black; background-color: #4CBA00 }

/* property crud pages */
.prop-image { float: left; width: 200px; margin: 0 20px 10px 0; overflow: hidden }
.prop-image img { border: 0; width: 200px; max-height: 200px }
    
.class-id-td { width: 92px; }
.class-detail-td { width: 160px; }

.admin-stats { font-weight: bold }
.admin-stats span { font-weight: normal }

/* borrowed login */
.FeatBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #69C; background-color: #FFF;
    padding: 0 3px 0 3px; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }

/* all text pages */
.page-text { width: 80%; margin: 0 auto; text-align: justify; padding-bottom: 100px }
.page-text > h1 { text-align: center; margin-top: 60px }


/* ------ util ------ */

.bold { font-weight: bold }
.error { color: red; font-weight: bold }

/* CMX FORM LAYOUT */
.cmxform fieldset { margin-bottom: 10px; }
.cmxform legend { padding: 0 2px; font-weight: bold; }
.cmxform ol label { display: inline-block; line-height: 1.8; vertical-align: top; }
.cmxform ol small { line-height: 1.1; font-style: italic }
.cmxform fieldset ol { margin: 0; padding: 0; }
.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
.cmxform fieldset fieldset label { display: block; width: auto; }
.cmxform ol em { font-weight: bold; font-style: normal; color: #f00; }
.cmxform ol label { width: 120px; /* Width of labels */ }
.cmxform fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ }
.cmxform ol input[type='checkbox'] { margin-top: 10px }