/* 
   Stylesheet for WLS Realty
   ----------------------------------------------------------
   File Name: styles.css
   Media: Screen
   Version: 1.1
   Created: 19 August 2004
   Last-Modified: 27 August 2004
   --------------------------------------------------------
*/ 

/* HTML Elements */
body { color: #000000; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF; }
body.splash { color: #FFFFFF; background-color: #666666; background: url(/frame-images/wlsrealty_com/backgrounds/splash_fill.jpg); margin-top: 18px; }
body.home { color: #FFFFFF; background: #000000 url(/frame-images/wlsrealty_com/backgrounds/hm_bkg.jpg) no-repeat;}

body.interiorGreen { background: #77AA55 url(/frame-images/wlsrealty_com/backgrounds/interior_bkg.jpg) no-repeat;}
body.interiorRed { background: #852727 url(/frame-images/wlsrealty_com/backgrounds/interior_bkg.jpg) no-repeat;}
body.interiorYellow { background: #BBAA11 url(/frame-images/wlsrealty_com/backgrounds/interior_bkg.jpg) no-repeat;}
body.interiorBlue { background: #4555DE url(/frame-images/wlsrealty_com/backgrounds/interior_bkg.jpg) no-repeat;}
body.interiorPurple { background: #816689 url(/frame-images/wlsrealty_com/backgrounds/interior_bkg.jpg) no-repeat;}
body.interiorDarkGreen { background: #678873 url(/frame-images/wlsrealty_com/backgrounds/interior_bkg.jpg) no-repeat;}

image {border: 0px;}
image.Profile {border: 1px solid black;}
a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #003366; background: transparent; }
a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #003366; background: transparent; }
a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #003366; background: transparent; }
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #003366; background: transparent; }
body.home a, body.home a:hover, body.home a:active, body.home a:visited { color: #91C8FF; } /* Added 9/7/07 */
P {line-height: 17px;}
H2 {color:#003366; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic;}
H3 {color:#3366CC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic;}
H4 {color:#A4A4A4; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;}}
LI {line-height: 20px;}

#tickerWrapper { width: 404px; margin-top: 2px; margin-left: 375px; font-size: 9px;}
#HPnavWrapper { margin-top: 127px; margin-left: 299px;}
#HPflashOverlay { width: 230px; background: transparent; float: left;}
#HPcontentWrapper { width: 360px; margin-top: 30px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: right; background: transparent; }
#HPutilityWrapper { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; position: absolute; top: 22px; left: 371px;}
#HPutilityWrapper a { font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #000000; background: transparent; }
#HPutilityWrapper a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #000000; background: transparent; }
#HPutilityWrapper a:active { font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #000000; background: transparent; }
#HPutilityWrapper a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #000000; background: transparent; }

#linkableLogo {position: absolute; top: 0px; left: 0px; }
#utilityWrapper { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; position: absolute; top: 2px; left: 317px;}
#utilityWrapper a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF; background: transparent; }
#utilityWrapper a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF; background: transparent; }
#utilityWrapper a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF; background: transparent; }
#utilityWrapper a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF; background: transparent; }

#clientAccessWrapper {width: 100%; background: #000000; }
#printButtonWrapper {width: 370px; text-align: right; margin-top: 30px; }
#navWrapper { margin-top: 68px; margin-left: 285px;}
#flashOverlay { position: absolute; left: 0px; top: 116px; background: transparent;}
#contentWrapper { width: 360px; margin-top: 30px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: right; background: transparent; }
#headerWrapper { width: 256px; margin-top: 17px; text-align: right;}
#headerWrapperFocus { width: 256px; margin-top: 17px; text-align: right;}
#headerWrapperServices { width: 252px; margin-top: 19px; text-align: right;}
#headerWrapperProfessionals { width: 368px; margin-top: 19px; text-align: right;}
#headerWrapperResults { width: 256px; margin-top: 19px; text-align: right;}
#headerWrapperListings { width: 256px; margin-top: 19px; text-align: right;}
#headerWrapperPress { width: 318px; margin-top: 19px; text-align: right;}

.divMenuWrapper { display: none; color: #595959; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border: 1px solid #000000; }
.divMenuItemOff { color: #595959; padding: 2px 2px 2px 4px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #FFFFFF; border-bottom: 1px solid #000000; }
.divMenuItemOn { color: #FFFFFF; padding: 2px 2px 2px 4px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #034D86; border-bottom: 1px solid #000000; }
a.divMenuLinkOff:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#595959; text-decoration: none;}
a.divMenuLinkOff:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#595959; text-decoration: none;}
a.divMenuLinkOff:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#595959; text-decoration: none;}
a.divMenuLinkOff:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#595959; text-decoration: none;}
a.divMenuLinkOn:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#FFFFFF; text-decoration: none;}
a.divMenuLinkOn:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#FFFFFF; text-decoration: none;}
a.divMenuLinkOn:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#FFFFFF; text-decoration: none;}
a.divMenuLinkOn:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:transparent; color:#FFFFFF; text-decoration: none;}

#greenPageWrapper { background: url(/frame-images/wlsrealty_com/backgrounds/green/body_top.jpg) no-repeat; height: 100%;}
#greenContentWrapper { position: relative; top: 20px; left: 233px; height: 100%; padding-left: 28px; background: url(/frame-images/wlsrealty_com/backgrounds/green/body_middle.gif) repeat-y; verticle-align: text-top;}
#greenContentBottom { position: relative; top: 20px; left:233px; height: 65px; width: 570px; background: url(/frame-images/wlsrealty_com/backgrounds/green/body_bottom.gif) no-repeat; }

#redPageWrapper { background: url(/frame-images/wlsrealty_com/backgrounds/red/body_top.jpg) no-repeat; height: 100%;}
#redContentWrapper { position: relative; top: 20px; left: 233px; height: 100%; padding-left: 28px; background: url(/frame-images/wlsrealty_com/backgrounds/red/body_middle.gif) repeat-y; }
#redContentBottom { position: relative; top: 20px; left:233px; height: 65px; width: 570px; background: url(/frame-images/wlsrealty_com/backgrounds/red/body_bottom.gif) no-repeat; }

#yellowPageWrapper { background: url(/frame-images/wlsrealty_com/backgrounds/yellow/body_top.jpg) no-repeat; height: 100%;}
#yellowContentWrapper { position: relative; top: 20px; left: 233px; height: 100%; padding-left: 28px; background: url(/frame-images/wlsrealty_com/backgrounds/yellow/body_middle.gif) repeat-y; }
#yellowContentBottom { position: relative; top: 20px; left:233px; height: 65px; width: 570px; background: url(/frame-images/wlsrealty_com/backgrounds/yellow/body_bottom.gif) no-repeat; }

#bluePageWrapper { background: url(/frame-images/wlsrealty_com/backgrounds/blue/body_top.jpg) no-repeat; height: 100%;}
#blueContentWrapper { position: relative; top: 20px; left: 233px; height: 100%; padding-left: 28px; background: url(/frame-images/wlsrealty_com/backgrounds/blue/body_middle.gif) repeat-y; }
#blueContentBottom { position: relative; top: 20px; left:233px; height: 65px; width: 570px; background: url(/frame-images/wlsrealty_com/backgrounds/blue/body_bottom.gif) no-repeat; }

#purplePageWrapper { background: url(/frame-images/wlsrealty_com/backgrounds/purple/body_top.jpg) no-repeat; height: 100%;}
#purpleContentWrapper { position: relative; top: 20px; left: 233px; height: 100%; padding-left: 28px; background: url(/frame-images/wlsrealty_com/backgrounds/purple/body_middle.gif) repeat-y; }
#purpleContentBottom { position: relative; top: 20px; left:233px; height: 65px; width: 570px; background: url(/frame-images/wlsrealty_com/backgrounds/purple/body_bottom.gif) no-repeat; }

#darkGreenPageWrapper { background: url(/frame-images/wlsrealty_com/backgrounds/darkGreen/body_top.jpg) no-repeat; height: 100%;}
#darkGreenContentWrapper { position: relative; top: 20px; left: 233px; height: 100%; padding-left: 28px; background: url(/frame-images/wlsrealty_com/backgrounds/darkGreen/body_middle.gif) repeat-y; }
#darkGreenContentBottom { position: relative; top: 20px; left:233px; height: 65px; width: 570px; background: url(/frame-images/wlsrealty_com/backgrounds/darkGreen/body_bottom.gif) no-repeat; }

.plusSquare {border: 1px solid black; font-size:8px; overflow:hidden; width:12px; height:12px; text-align:center; margin-left : 2; margin-top : 4px; cursor: default;}
.plus {position:relative; cursor: arrow;}

#surveyDisplay { position: relative; margin-bottom: 10px; }
#surveyDisplay input { width: 50px; }