A { cursor: pointer; }
A.buttonO { background-color: #DEF; border: 1px solid #7B7DC6; padding: 0 10px 0 10px; white-space: nowrap; }
A.buttonO:hover { background-color: #CFC; border: 1px solid #696; padding: 0 10px 0 10px; white-space: nowrap; }
A.external {background:url(http://icons.wxug.com/graphics/wu2/images/external.png) 99% 40% no-repeat; padding-right: 5px;}

.green { color:#2f9816; }
.red { color: red; }
.moreO { cursor: pointer; width: 25px; display: block; }
.moreX { cursor: pointer; width: 25px; display: block; }
.gap { height: 10px; line-height: 10px; }
.stepBox { background-color: #EDFBE9; border: 1px solid #B5E1AA; text-align: left; padding: 3px; }
.errorBox { color: red; border: 1px solid red; text-align: left; padding: 3px; }
INPUT.inputText { width: 200px; }
INPUT.inputTextB { width: 50px; }
SELECT.fixed { width: 330px; }
TR.active TD { background-color: #EDFBE9; }
TR.inactive TD { background-color: #FFF; }


#wxstationTable #directory { border-right: 1px solid #213F9A; border-left: 1px solid #213F9A; padding: 0px 5px 0 5px; }
#wxstationTable #directory TABLE THEAD TR TD { border-bottom: 1px solid #999; font-weight: bold; }
#wxstationTable #directory TABLE TBODY TR TD { border-bottom: 1px dotted #CCC; padding: 3px; }
#wxstationTable #directory TABLE TBODY TR:hover TD { border-bottom: 1px dotted #CCC; padding: 3px; background-color: #F5F5F5; }


#playercontainer { margin: 0 10px 20px 10px; }
#flashcontent { text-align: center; }

#gmapMain { height: 400px; width: 100%; }
#gmapMain #mapPage { width: 100%; height: 100%; z-index: 0; }
#gmapMain #mapImage { height: 100%; border: 1px solid #999; z-index: 0; }

#gmapBox { width: 350px; margin-left: 10px; }
#gmapBox #mapPage { position: relative; width: 100%; height: 300px; z-index: 0; }
#gmapBox #mapImage { position: relative; height: 100%; border: 1px solid #999; z-index: 0; }
#gmapBox #coords { background-color: #F5F5F5; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; }
#gmapBox #coords TABLE { width: 100%; }
#gmapBox #coords TABLE TR TD { width: 20%; }
#gmapBox #coords TABLE TR TD INPUT.inputText { width: 90px; border: 1px solid #DDD; }
#gmapBox #coords TABLE TR TD INPUT.inputSubmit { border: 1px solid #DDD; }
#gmapBox #zips { margin-top: 10px; border: 1px solid #999; padding: 10px; }
#gmapBox #zips DIV.b { margin-bottom: 5px; }
#gmapBox #zips A { color: #7B7DC6; }
#wxradioNew TABLE { margin-left: auto; margin-right: auto; }

#myTable THEAD TR TD { border-bottom: 1px solid #999; font-weight: bold; }
#myTable TBODY TR TD { border-bottom: 1px dotted #CCC; padding: 3px; }
#myTable .errorstation { border-bottom-style: hidden; background-color: #ffddde; }
#myTable .noborder { border-bottom-style: hidden; }
#myTable .errormessage { background-color: #ffddde; }
#myTable TABLE TBODY TR:hover TD { border-bottom: 1px dotted #CCC; padding: 3px; background-color: #F5F5F5; }

.smallContain { margin-left: 10px; width:300px; }
.smallContain .contentBox { background-image: url(http://icons.wxug.com/graphics/wu2/bgBlue-300.gif); background-repeat: repeat-y; }
.smallContain .contentBox .headerText { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #9A5121; margin: 0 5px 0 5px; border-bottom: 1px solid #CCC; padding-bottom: 3px; }
.smallContain .contentBox .infoText { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #9A5121; margin: 0 5px 0 5px;}
.smallContain .contentBox A { color: #213F9A; }
.smallContain .contentBox P { margin: 10px; }

.locationTitle { font-size: 14px; font-weight: bold; background-color: #CDD9FF; border-bottom: 1px solid #172C6C; padding: 2px; }
.camBox { width: 120px; text-align: center; float: left; margin: 10px; border: 1px solid #CCC; background-color: #FFF; }
.camBox:hover { background-color: #FFF5CD; border-top: 1px solid #9A8221; border-right: 1px solid #6C5B17; border-bottom: 1px solid #6C5B17; border-left: 1px solid #9A8221; }
.camBox .camThumb IMG { margin: 5px; border: 1px solid #CCC; }
.camBox:hover .camThumb IMG { margin: 5px; border-top: 1px solid #333; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #333; }
.camBox .camCity A { color: #172C6C; font-weight: bold; }
.camBox .camUpdated { margin: 2px 0 2px 0; font-size: 11px; color: #666; }

.selectorBox { background-color: #F5F5F5; border-top: 1px solid #CCC; padding-top: 10px; }
.selectorBox .dateTable SPAN { margin: 0 10px 0 10px; white-space: nowrap; }
.selectorBox .dateTable TD { vertical-align: middle; padding: 1px; }
.selectorBox .dateTable A { color: #172C6C; display: block; width: 100px; margin: 2px; text-align: center; }
.selectorBox .dateTable .dateForm { margin-left: auto; margin-right: auto; }
.selectorBox .dateTable .dateForm SELECT { margin: 1px; }

.reLink { color: #172C6C; text-decoration: none; border-bottom: 1px dotted #172C6C; }

#fullCurrent { text-align: center; }
#fullCurrent IMG { width: 100%; border-top: 1px solid #333; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #333; }

.contentBox TABLE { width: 100%; margin: 5px; }
.contentBox TABLE TR TD { padding: 5px; }
.contentBox TABLE TR TD IMG { border: 1px solid #999; }

#typeTable TD { width: 20%; text-align: center; padding: 2px; }
#typeTable TD.activeTab { color: #000; border-top: 1px solid #9A8221; border-right: 1px solid #9A8221; border-left: 1px solid #9A8221; font-weight: bold; background: #FFF url(http://icons.wunderground.com/graphics/wu2/brown_gradient.gif) repeat-x top; font-size: 13px; }
#typeTable TD.activeTab SPAN { font-weight: normal; }
#typeTable TD.inactiveTab { border-bottom: 1px solid #9A8221; }
#typeTable TD.inactiveTab A { color: #6C3917; }

#monthTable { margin: 0 auto 0 auto; }
#monthTable TR TD { white-space: nowrap; }

#calTable { width: 100%; margin: 0 0 10px 0; }
#calTable THEAD TR TD { background-color: #CDD9FF; font-weight: bold; text-align: center; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #213F9A; color: #000; font-size: 14px; }
#calTable TBODY TR TD { padding: 2px; }
#calTable TBODY TR TD A { font-size: 18px; }
#calTable .dayCell { vertical-align: top; border: 2px solid #CCC; }
#calTable .calIcon { width: 50px; height: 30px; }
#calTable .calThumb { text-align: center; min-width: 100px; min-height: 80px; margin: 5px 5px 0 5px; font-size: 14px; color: #999; }
#calTable .calThumb IMG { border-top: 1px solid #999; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #999; }
#calTable .videoText { font-size: 12px; color: #213F9A; margin-bottom: 10px; }