/* default styles */
body, table, td th, div, ul, ol {font-family: Arial, Helvetica, sans-serif;  font-size: 9pt; color: #000000}

body.MapDetail {background: none}
body.header {LEFT: 0px; TOP: 0px; margin:0px; padding:0px; BACKGROUND-COLOR: #FFFFFF}
body.headerprint {LEFT: 8px; TOP: 8px; margin:8px; padding:0px; BACKGROUND-COLOR: #FFFFFF}

/* Error */
.err {color: #ff0000; font-weight: bold}
.errSm {font-size: 8pt}
.errItl {color: #ff0000; font-weight: bold; font-style: italic}
.errStar {color: #ff0000; font-family: Arial; font-size: 18pt}
.errMed {font-family: Arial, Helvetica; font-size: 12pt; color: #ff0000; font-weight: bold; font-style: italic}

/* Font Size */
.fnt7 {font-size: 7pt}
.fnt8 {font-size: 8pt}
.fnt10 {font-size: 10pt}
.fnt9Arial {font-family: Arial; font-size: 9pt}
.fnt12 {font-size: 12pt}
.pageTitle {font-size: 13.5pt}

/* Font properties */
.fntBld {font-weight:bold; text-decoration:none}
.fntDeco {text-decoration:none}

/* Color */
.white {color: #ffffff}
.drkRed {color: #aa0000}
.black {text-decoration:none; color: #000000}

/* padding & Margin */
.padMar {padding: 0px; margin: 0px}
.pad0Bot4 {padding:0px 0px 4px 0px}
.pad1Gry {padding: 1px; background-color: #eeeeee}
.pad1R {padding-right:1px}
.padL2R3T2 {padding-left:2px; padding-top:3px; padding-right:2px}
.pad2 {padding: 2px}
.pad3 {padding: 3px}
.pad4 {padding: 4px}
.pad5 {padding:5px}
.padTop6 {padding-top:6px}
.padT4R6B6 {padding-top:4px; padding-right:6px; padding-bottom:6px}
.pad8 {padding:8px}
.padBot8 {padding-bottom:8px}
.padBot12 {padding-bottom:12px}
.padT12R6 {padding-top:12px; padding-right:6px}

.marg3 {margin-top:3px; margin-bottom:3px}

/* Div */
.divstyle {float: right; padding-right: 5px; padding-top: 3px}
.divdw {display: none; width: 302px}

/* Width */
.wid200 {width:200px}
.wid450 {width:450px}
.wid40 {width:40px}
.wid100 {width:100px}

/* align */
.algnTxtRt {text-align: right}
.algnVertBot {vertical-align: bottom}

.floatr {float: right}

/* Input & txt*/
.input {BORDER-TOP: 1px solid #000000; BORDER-LEFT: 1px solid #000000; BORDER-BOTTOM: 3px solid #000000; BORDER-RIGHT: 3px solid #000000; padding:4px}
.imputhand {cursor: hand}
.txtarea {width:95%}

/* Div */
.divnoplot {font-weight: bold; padding: 2px; margin-bottom: 4px; color: #000000; border: solid 2px #005B00; background-color: #e6f1e4}


.mortcalcglyph {font-family: arial, helvetica; font-size: 12pt; color: #ff0000; font-weight : bold; font-style: italic}
.border {border: solid 1px #000000}
#PopUpTip {position:absolute; width:200px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:3px solid #000000; border-bottom:3px solid #000000; background-color: #ffffff; padding: 6px; visibility: hidden; z-index:100}
.PopUpTip {position:absolute; width:200px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:3px solid #000000; border-bottom:3px solid #000000; background-color: #ffffff; padding: 6px; visibility: hidden; z-index:100}
.display {display: none}



/* Table */
.tblGry {border:1px solid #cccccc;}
.tblDrpShdw {BORDER-TOP: 1px solid #000000; BORDER-LEFT: 1px solid #000000; BORDER-BOTTOM: 3px solid #000000; BORDER-RIGHT: 3px solid #000000}
.tblPad2 {BORDER: 0px; padding: 2px}
.tbl {BORDER: 0px; padding: 0px}

.mortcalcglyph {font-family: arial, helvetica; font-size: 12pt; color: #ff0000; font-weight : bold; font-style: italic}

.tdcellhead {font-size: 9pt; font-weight: bold; color: #000000; background-color: #E0E0E0}
.tdcellheadHighlight {font-size: 9pt; font-weight: bold; color: #ffffff; background-color: #0000FF}

.td {text-align: right; vertical-align: top; margin-left:auto; margin-right:auto}
.tdcell {BORDER-RIGHT: #000000 1px solid}
.tdheight {height: 10px}

.tdresults {font-size:9pt; background-color:#ffffff}
.tdresultsNoBg {font-size:9pt}
.tdresultsNoBgSm {font-size:8pt}
.tdresultsLine {font-size:9pt; background-color:#ffffff; BORDER-TOP: #C2C2C2 1px solid; padding: 1px}
.tdresultsLineNoBg {font-size:9pt; BORDER-TOP: #C2C2C2 1px solid; padding: 1px}

.button {FONT-SIZE: 9pt; background-color: #0000ff; color: #ffffff; font-weight:bold}

/* recently viewed properties */
#RVPMenu{position: absolute; background-color: #E0E0E0; border:1px solid black; z-index: 100; visibility: hidden; padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px;}


/* property list and detail pages */
.tdButtonBox {FONT-SIZE: 8pt; background-color: #E0E0E0; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid}
.tdButtonBoxHighlight {FONT-SIZE: 8pt; color:#ffffff; background-color: #ff0000; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid}
.tdButtonSubBox {FONT-SIZE: 8pt; background-color: #ffffff; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid}


/* property compare page */
.propCompare1 {background-color: #E0E0E0; border-bottom: 1px solid #CCCCCC; border-top: 2px solid #CCCCCC}
.propCompare2 {background-color: #F8F8F8}


/* open house calendar */
.OpenHouseTableBorder { border-color: #0000FF }
.OpenHouseHeader { font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #FFFFFF; background-color: #0000FF }
.OpenHouseText { font-family: Arial, Helvetica, sans-serif; font-size: 8pt }
.OpenHouseLink { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FF0000; font-weight:bold; text-decoration:underline }


/* agent and office pages */
.tdAgtOfcLeftNav {background-color:#C2C2C2; font-size :8pt}
a.AgtOfcLeftNavLink {color:#0000FF; text-decoration:none}
a.AgtOfcLeftNavLink:active {color:#0000FF; text-decoration:none}
a.AgtOfcLeftNavLink:visited {color:#0000FF; text-decoration:none}
a.AgtOfcLeftNavLink:hover {color:#ffffff; text-decoration:none}
a.tdAgtOfcButtonBox {color:#ffffff; background-color:#0000FF; border:1px solid #0000FF; font-size:8pt; text-decoration:none; font-weight:bold; padding:2px; display:block}
a.tdAgtOfcButtonBox:active {color:#ffffff; background-color:#0000FF; border:1px solid #0000FF; font-size:8pt; text-decoration: none; font-weight:bold; padding:2px; display:block}
a.tdAgtOfcButtonBox:visited {color:#ffffff; background-color:#0000FF; border:1px solid #0000FF; font-size: 8pt; text-decoration:none; font-weight:bold; padding:2px; display:block}
a.tdAgtOfcButtonBox:hover {color:#ffffff; background-color:#c2c2c2; border:1px solid #c2c2c2; font-size:8pt; text-decoration:none; font-weight:bold; padding:2px; display:block}


.PhotoMapButton_Active{MARGIN-BOTTOM: 2px; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; border: solid 1px #000000; PADDING-TOP: 5px; BACKGROUND-COLOR: #FFFFFF;}
.PhotoMapButton_InActive{MARGIN-BOTTOM: 2px; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; border: solid 1px #000000; PADDING-TOP: 2px; background-color: #E0E0E0;}

/* press release list */
.normal { background-color:#FFFFFF; border-top: #C2C2C2 1px solid; padding: 1px;}
.normal1 { background-color:#dee7ef; border-top: #C2C2C2 1px solid; padding: 1px;}
.highlight { background-color:#EEEEEE; border-top: #C2C2C2 1px solid; padding: 1px;}
