@import "template.css";

/* Toolbar */
div#toolbar { background:White url(../images/toolbar/toolbar.gif) no-repeat scroll 0px 0px; height:65px }
div#toolbar a, div#toolbar div { display:block; width:68px; height:65px; margin-right:2px; float:left }
div#toolbar a#virtualtour, div#toolbar div#virtualtour { width:77px }
div#toolbar a#add, div#toolbar div#add { width:76px; margin-right:0px }

div#toolbar a#virtualtour:hover { background-image:url(../images/toolbar/virtualtour-over.gif) }
div#toolbar a#email:hover { background-image:url(../images/toolbar/email-over.gif) }
div#toolbar a#print:hover { background-image:url(../images/toolbar/print-over.gif) }
div#toolbar a#showing:hover { background-image:url(../images/toolbar/showing-over.gif) }
div#toolbar a#contact:hover { background-image:url(../images/toolbar/contact-over.gif) }
/* div#toolbar a#bookmark:hover { background-image:url(../images/toolbar/bookmark-over.gif) } */
div#toolbar a#payment:hover { background-image:url(../images/toolbar/payment-over.gif) }
div#toolbar a#add:hover { background-image:url(../images/toolbar/add-over.gif) }

div#toolbar div#virtualtour { background-image:url(../images/toolbar/virtualtour-disabled.gif) }
div#toolbar div#email { background-image:url(../images/toolbar/email-disabled.gif) }
div#toolbar div#print { background-image:url(../images/toolbar/print-disabled.gif) }
div#toolbar div#showing { background-image:url(../images/toolbar/showing-disabled.gif) }
div#toolbar div#contact { background-image:url(../images/toolbar/contact-disabled.gif) }
/* div#toolbar div#bookmark { background-image:url(../images/toolbar/bookmark-disabled.gif) } */
div#toolbar div#payment { background-image:url(../images/toolbar/payment-disabled.gif) }
div#toolbar div#add { background-image:url(../images/toolbar/add-disabled.gif) }

/* Viewer */
div#smallViewerContainer { text-align:center }
div#smallViewerBorder { position:relative; background:transparent url(../images/viewer/smViewerBorder.gif) no-repeat scroll 0px 0px; width:420px; height:320px; margin:0px auto; padding:4px }
div#smallViewer { width:420px; height:315px; overflow:hidden; vertical-align:middle; text-align:center }
div#smallViewerImageContainer { width:420px; height:315px; cursor:pointer }
img#smallViewerImage { height:315px; cursor:pointer; filter:blendTrans(duration=0.6) }
div#smallCaptionBackground, div#smallCaption { position:absolute; bottom:0; margin-bottom:9px; padding-top:7px; width:420px; height:25px; text-align:center;  }
div#smallCaptionBackground { background:transparent url(../images/viewer/caption.gif) repeat scroll 0px 0px; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; z-index:2 }
div#smallCaption { font:bold 16px Arial, Helvetica, sans-serif; color:White; z-index:3; cursor:pointer }
div#overlay { position:absolute; top:0; right:0; padding:4px; z-index:3 }
div#maximize { position:absolute; bottom:0; right:0; width:82px; height:82px; background:transparent url(../images/viewer/maximize.gif) no-repeat scroll 0px 0px; margin:0px 4px 9px 4px; z-index:4; cursor:pointer; display:none }

div#largeViewerBorder { position:absolute; right:0; bottom:0; margin-bottom:5px; background:transparent url(../images/viewer/lgViewerBorder.gif) no-repeat scroll 0px 0px; width:640px; height:480px; padding:4px; z-index:5; display:none }
div#largeViewer { width:640px; height:480px; overflow:hidden; vertical-align:middle; text-align:center }
div#largeViewerImageContainer { width:640px; height:480px; cursor:pointer }
img#largeViewerImage { height:480px; cursor:pointer; filter:blendTrans(duration=0.6) }
div#largeCaptionBackground, div#largeCaption { position:absolute; bottom:0; margin-bottom:4px; padding-top:7px; width:640px; height:33px; text-align:center;  }
div#largeCaptionBackground { background:transparent url(../images/viewer/caption.gif) repeat scroll 0px 0px; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; z-index:2 }
div#largeCaption { font:bold 22px Arial, Helvetica, sans-serif; color:White; z-index:3; cursor:pointer }
div#minimize { position:absolute; bottom:0; right:0; width:82px; height:82px; background:transparent url(../images/viewer/minimize.gif) no-repeat scroll 0px 0px; margin:4px; z-index:7; cursor:pointer; display:none }

div#controlBar { background:White url(../images/viewer/controlBar.gif) no-repeat scroll 0px 0px; width:428px; height:26px; margin:-1px auto 0px auto }
a#cbPlay, a#cbPause, div#cbPauseBackground, div#cbCount, a#cbRewind, a#cbPrev, a#cbNext { height:26px; float:left }
a#cbPlay, a#cbPause, div#cbPauseBackground { width:45px; margin-right:4px }
a#cbPause, div#cbPauseBackground { background-image:url(../images/viewer/pause.gif); position:absolute; z-index:3; display:none }
div#cbPauseBackground { z-index:2 }
a#cbPlay:hover { background-image:url(../images/viewer/play-over.gif) }
a#cbPause:hover { background-image:url(../images/viewer/pause-over.gif) }
div#cbCount { width:203px; margin-right:4px; padding-top:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#42516e }
a#cbRewind { width:45px; margin-right:4px }
a#cbRewind:hover { background-image:url(../images/viewer/rewind-over.gif) }
a#cbPrev { width:61px; margin-right: 2px }
a#cbPrev:hover { background-image:url(../images/viewer/prev-over.gif) }
a#cbNext { width:60px }
a#cbNext:hover { background-image:url(../images/viewer/next-over.gif) }

/* Calculator */
div#calculator { border:1px dotted #bdb39b; background:Transparent url(../images/calculator-background.gif) repeat-x scroll 0px 0px; padding:9px 9px 12px 9px }
div#calculator, div#calculator a { font:11px Tahoma, Arial, Helvetica, sans-serif; color:#42516e }
div#calculator a:hover { color:#900 }
div#calculator div.heading { font-weight:bold; letter-spacing:1px }
div#calculator div.label { margin-bottom:4px }
div#calculator div.element { margin-bottom:12px }
div#calculator input[type=text] { font-size:11px; border:0; text-align:right }
div#calculator div#totalMonthlyPayment { text-align:right; font-weight:bold; font-size:11px; color:#d60; width:75px; height:20px; padding-top:2px; float:right }
div.disclaimer { font:10px Tahoma, Arial, Helvetica, sans-serif; color:#666 }

div.calculatorPopUp { display:none; position:absolute; z-index:5; left:110px; width:340px; border:1px solid Black; background-color:#ffc; padding:8px; margin:0; text-align:left }
td.divider { border-top:solid 1px #666 }

/* Title */
div.propertyTitle { margin-bottom:24px }
div.propertyTitleMainLine { margin-bottom:3px }
span.propertyTitleMain { font:24px Tahoma, Arial, Helvetica, sans-serif; color:#42516e }
span.propertyTitleSub { font:18px Tahoma, Arial, Helvetica, sans-serif; color:#666 }
span.propertyTitlePrice { font-weight:bold; color:#42516e }
span.propertyTitleData { font:14px Tahoma, Arial, Helvetica, sans-serif; color:#666 }
div.propertyTitle a, div.propertyTitle a:visited { font:14px Tahoma, Arial, Helvetica, sans-serif; color:#666 }
div.propertyTitle a:hover { color:#900 }

/* Card */
div.propertyCard { position:relative; margin-top:32px }
div.propertyCardLabel { font:bold 18px Tahoma, Arial, Helvetica, sans-serif; color:#42516e; background-color:White; position:absolute; margin-top:-12px; margin-left:13px; padding:0px 8px }
div.propertyCardBody { border:dotted 1px #999; padding:20px }

/* Property Page */
div.feature { padding:4px 0px }
img.agentImage { padding-right:20px; width:120px; height:150px; border:0; float:left }
span.agentName { font-weight:bold; font-size:15px }

/* Status Colors */
.active { color:Green }
.uc { color:#00f }
.pending { color:#f90 }
.sold { color:#f00 }

/* Property List */
img.new { position:absolute; width:50px; height:13px; border:0; margin-top:-4px; margin-left:-12px; z-index:5 }
div.uc, div.pending, div.sold { font-weight:bold }
div.uc { margin-top:4px }
span.tagLine { font-size:11px; text-transform:uppercase }
table.featureBar { margin-top:7px }
table.featureBar tr td { padding-right:5px }

/* Builders */
img.builderLogo { margin-right:20px }

/* Counter */
div.counter { text-align:center }
div.counter div { display:inline; font:bold 15px Arial,Helvetica,sans-serif; color:White; background-color:Black; letter-spacing:2px; padding:2px; padding-left:4px }