/*
File:		smithersweather.css
Support:	smithers_weather.php
Date:		Septembder 21, 2011
*/
div.smithersweather {width:780px; margin:1em auto 0 auto; position:relative;}
/* Webcam */
div#webcam, div#upperwinds {width:780px; height:240px; margin:0 auto;}
div#webcam {text-align:left;}
img#smitherswebcam {width:330px;height:240px;vertical-align:top;}
div#notes {width:384px; margin-top:0; margin-right:5px; float:right; text-align:center;}
.height-normal { line-height: 1.2em;}
/* Upperwinds */
div#upperwinds {position:relative; text-align:left;}
div#upperwinds img#circle {position:relative; left:140px; top:43px;}
div#smithers {width:150px; position:relative; left:195px; top:35px; background:#ad8; padding:3px; color:#742; font-size:9px;}
div#smithers p {font-size:9px;}
div#wxbutton {position:absolute; left:0px; bottom:0px; background:#fff; z-index:100;}
/* Satellite image */
div#satellite {margin:0; width:384px; height:384px; background-image:url('../images/weather/satellitebackground.gif'); background-position:center; background-repeat:no-repeat;}
div#satellite {position:absolute;top:95px;right:0;}
/* snowforecast embeded feed */
div#snowforecast {width: 430px;height:255px;overflow:hidden;}
/* google ajax scroller */
#wx{margin:0 auto;width:425px;height:39px;border:1px solid #cccccc;padding:4px;background-color:#ffffff;text-align:left; float:left;}
.datefield{ /*CSS for date field in general*/color:gray;font-size: 80%;}
code{ /*CSS for insructions*/color: red;}