html {
margin: 0; padding: 0;
}
body {
font-family: arial, helvetica, serif;
background-color: #0e7d1c;
margin: 0; padding: 0;
background-image: url(http://www.pleasantweather.com/wx3/images/bg_back2.gif);
background-repeat: repeat-x;
font-size: 70%;
color: #000;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
/* LAYOUT WRAPPER */
#InteriorWrapper_wide {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0;
width: 770px;
position:relative;
float:inherit;
/*text-align: center;*/
background-color: #FFFFFF;
}
#MainWrapper_wide {
margin: 0px;
width: 770px;
border: 1px solid #000;
/*text-align: center;*/
}
#contentwell {
margin: 0 0 0 0; padding: 0;
width: 770px;
background-color: #fff;
/*text-align: center;*/
background-image: url(http://www.pleasantweather.com/wx3/images/bg_navleft.gif);
background-repeat: repeat-y;
}
.pw_header {
margin: 0; padding: 0;
background-color: #AAB6C6;
}
.camshot {
margin: 0; padding: 0;
background-color: #FFF;
font-size: 70%;
}
.othercams {
margin: 0; padding: 0;
background-color: #FFF;
width: 352px;
height: 240px;
font-size: 70%;
}
.pwfooter {
margin: 3px 3px 3px 3px;
padding: 3px;
background-color: #C0C0C0;
border: 1px solid #000000;
text-align: center;
font-size:11px; color:#000000; text-decoration:none; font-weight:normal;
}
.wxcam {
margin: 0 0 0 0; padding: 0;
}
.wxmaps {
margin: 0 0 0 0; padding: 0;
}
.michmap {
width: 645px;
margin: 0 0 0 0; padding: 0;
}
/* @group My Group */
/* @end */
#rss {margin: 0 0 0 0; padding: 0; width: 645px;}
#rss .rssHed { font-size: 14px; color:#000000; font-weight: bold; }
#rss .rssText {font-weight: normal; font-size:12px; color:#000000;}
#rss .rssTag {font-weight: normal; font-size:11px; color:#000000;}
#noaa {
margin: 0 0 0 0; padding: 0 0 0 8px;
text-align: center;
}
#noaa .text {
font-family: monospace; white-space: pre
}
.flip_graphic {
margin: 0 0 0 0; padding: 0;
}
#graphs {
margin: 0 0 0 0; padding: 0; background-color: transparent;
}
#graphs .Wx { font-size: 14px; color:#000000; font-weight: bold; }
#graphs .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#graphs .Label {font-weight: bold; font-size:12px; color:#000000; }
#graphs a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#graphs a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#graphs .Value {font-weight: normal; font-size:12px; color:#000000;}
#form_results {
width: 644px;
background-color: transparent}
#form_results .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; }
#form_results a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#form_results a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#form_results .Value {font-weight: normal; font-size:12px; color:#000000;}
#form_results .rowColor1 { background: #CCCCCC}
#form_results .rowColor2 { background: #666699;}
#weatherCam {
width: 644px;
background-color: transparent
}
#weatherCam img {border-style: none;
}
#weatherCam .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; }
#weatherCam a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#form_results .Value {font-weight: normal; font-size:12px; color:#000000;}
#weatherCam .rowColor1 { background: #CCCCCC}
#weatherCam .rowColor2 { background: #666699;}
.footer_text {
text-indent: 2px;
font: normal x-small Arial, Helvetica, Geneva, sans-serif;
}
a.footer_text:link {
text-indent: 2px;
font: normal x-small Arial, Helvetica, Geneva, sans-serif;
color: #FF0000;
text-decoration:none;
}
a.footer_text:hover {
text-indent: 2px;
font: normal x-small Arial, Helvetica, Geneva, sans-serif;
color: #FF0000;
text-decoration:underline;
}
a.footer_text:visited {
text-indent: 2px;
font: normal x-small Arial, Helvetica, Geneva, sans-serif;
color: #FF0000;
text-decoration:none;
}
/* This controls global text in the html tags */
pre { font-family: arial, helvetica, serif;
font-size:12px;
color:#000000;}
/* General global font settings used in several templates */
a:link { font-size:12px; color:#000000; text-decoration:none; font-weight:normal;}
a:hover { font-size:12px; color:#000000; text-decoration:underline; font-weight:normal;}
.small { font-size:10px; color:#000000; text-decoration:none; font-weight:normal;}
.smallBold { font-size:10px; color:#000000; text-decoration:none; font-weight:bold;}
.normal { font-size:12px; color:#000000; text-decoration:none; font-weight:normal;}
.normalBold { font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.large { font-size:16px; color:#000000; text-decoration:none; font-weight:normal;}
.largeBold { font-size:16px; color:#000000; text-decoration:none; font-weight:bold;}
a.redLink:link{font-size: 12px; color: #FF0000; text-decoration:none; }
a.redLink:hover {font-size: 12px; color: #FF0000; text-decoration:underline; }
a.redLink:visited {font-size: 12px; color: #FF0000; text-decoration:none; }
.redLink{font-size: 12px; color: #FF0000; text-decoration:none; }
/* left navbar --ajh */
.navleft {
margin: 2px 0 0 0;
background-color: #f3f9fd;
background-image: url(http://www.pleasantweather.com/wx3/images/bg_navleft.gif);
background-repeat: repeat-y;
}
/* left navbar shadow --ajh */
.navleft_shadow {
/*margin: 0 0 0 0; padding: 3px 3px 7px 6px;*/
background-image: url(http://www.pleasantweather.com/wx3/images/bg_navleft_shadow.gif);
background-repeat: repeat-y;
}
/* section headers reversed out of red */
.left_reverse h4 {
margin: 1px; padding: 1px 3px 1px 3px;
font: bold 9px/1.2em verdana, arial, helvetica;
color: #ffffff;
background-color: #840000;
background-image: url(http://www.pleasantweather.com/wx3/images/navlefthoriz.png);
background-repeat: repeat-y;
height: 12px;
}
/* Font settings for the Left Navagation links */
.sideLink { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;
padding-left: 2px;
}
a.sideLink:link { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;
padding-left: 2px;
}
a.sideLink:active { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;
padding-left: 2px;
}
a.sideLink:hover { font-size:11px; color:#000000; text-decoration:underline; font-weight:normal;
padding-left: 2px;
}
/* more left navigation */
a.fxd:link {color: #000; text-decoration: none; border-bottom: 0px solid #006;}
a.fxd:visited {color: #000; text-decoration: none; border-bottom: 0px solid #006;}
a.fxd:hover {color: #c00; text-decoration: none; border-bottom: 1px solid #c00;}
a.fxd:active {color: #000; text-decoration: none; border-bottom: 0px solid #006;}
/* Font settings for left nav */
a.navrail:link {color: #fff; text-decoration: none; border-bottom: 0px solid #fff;}
a.navrail:visited {color: #fff; text-decoration: none; border-bottom: 0px solid #fff;}
a.navrail:hover {color: #339; text-decoration: none; border-bottom: 0px solid #fff;}
a.navrail:active {color: #fff; text-decoration: none; border-bottom: 0px solid #fff;}
/* links on the left */
a.leftlink:link {
color: #000;
text-decoration: none;
border-bottom: 0px solid #006;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
}
a.leftlink:visited {color: #000; text-decoration: none; border-bottom: 0px solid #006;}
a.leftlink:hover {color: #c00; text-decoration: none; border-bottom: 1px solid #c00;}
a.leftlink:active {color: #000; text-decoration: none; border-bottom: 0px solid #006;}
/* Font settings for the nav_xxx.html templates not selected */
.navBar { font-size:12px; color:#10087c; text-decoration:none; font-weight:bold;}
a.navBar:link { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.navBar:hover {font-size:12px; color:#FFFFFF; text-decoration:underline; font-weight:bold;}
/* Font settings for the nav_xxx.html templates selected */
.navBarAct { font-size:12px; color:#FFCC00; text-decoration:none; font-weight:bold;}
a.navBarAct:link { font-size:12px; color:#FFCC00; text-decoration:none; font-weight:bold;}
a.navBarAct:hover {font-size:12px; color:#FFCC00; text-decoration:underline; font-weight:bold;}
.navset_rail {margin: 0 0 7px 0; padding: 3px 3px 0 6px;}
.navset_rail p {margin: 0; padding: 2px 0 2px 0;}
/* Color Font and Link settings for the Lt. Blue Headers */
.headerTD {padding: 5px;background: #0ea0dc;
margin: 3px;
}
.headerText { font-size: 13px; font-weight: bold; text-decoration:none; color: #10087c;}
.headerText:link { font-size: 13px; font-weight: bold; text-decoration:none; color: #10087c;}
.headerText:hover { font-size: 13px; font-weight: bold; text-decoration:underline; color: #10087c;}
.headerDate { color:#10087c; font-size: 11px; font-weight: normal;}
a.zoneDay { font-size: 11px; font-weight: bold; color: #10087c; text-decoration:none; font-style: italic;}
.basicHeaderText{ padding-left: 5px;font-size: 16px; font-weight: bold; }
.fcExpire {font-size: 11px; color: #FF0000; font-weight:bold;}
/* Advisory Title name in zonesection, warnings and special templates */
.warnTitle {color: #FF0000; font-weight: bold; font-size: 14px; }
a.warnTitle:link {text-decoration:none; color: #FF0000; font-weight: bold; font-size: 14px; }
a.warnTitle:hover {text-decoration:underline; color: #FF0000; font-weight: bold; font-size: 14px; }
.afd { padding-left: 5px;}
/* font settings for local_header.html and radar_header.html template */
#localHeader {
background-color: transparent;
}
#localHeader .Place { color:#000000; padding-left: 5px; font-size: 16px; font-weight: bold;
background-color: transparent;
}
#localHeader .Wxn { padding-left: 5px; font-weight: bold; }
#localHeader .Label {color:#000000; font-size: 10px; font-weight: bold; }
#localHeader .Value { color:#000000; font-size: 10px;}
#localHeader a.Icao {font-size: 10px; color: #FF0000; text-decoration:none; }
#localHeader a.Icao:hover {font-size: 10px; color: #FF0000; text-decoration:underline; }
#localHeader a.Icao:visited {font-size: 10px; color: #FF0000; text-decoration:none; }
/* Forecast well*/
#wx_well{
background-color:#FFFFFF;
background-image: url(http://www.pleasantweather.com/wx3/images/bg_navleft_shadow.gif);
background-repeat: repeat-y;
}
/* Font settings for zonesection */
#forecastDetail {margin-left: 5px;}
#forecastDetail .dayTitle { color:#000000; font-weight: bold; font-size: 13px;}
#forecastDetail .wx {color: #000000; font-size: 12px;}
#forecastDetail .include {color: #0000FF; font-size: 12px; font-weight:bold;}
#forecastDetail .cities {color: #000000; font-size: 11px;}
/* Font settings for zone_rows */
#forecastRow {}
#forecastRow .Title { font-size: 12px; font-weight: bold; }
#forecastRow .wx { font-size: 12px; font-weight: normal;}
#forecastRow .high {font-size: 12px; color: #FF0000; }
#forecastRow .low {font-size: 12px; color: #0000FF; }
#forecastRow .pop {font-size: 12px; color: #238E23; }
/* font settings for current template */
#currents {background-color:#FFFFFF}
#currents .Wx { font-size: 14px; color:#000000; font-weight: bold;
padding-left: 2px;}
#currents .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#currents .Label {font-weight: bold; font-size:12px; color:#000000; }
#currents a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#currents a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#currents .Value {font-weight: normal; font-size:12px; color:#000000;}
/* font settings for current cam db */
#currents_db {background-color:transparent; margin-left:8px}
#currents_db .Wx { font-size: 14px; color:#000000; font-weight: bold;}
#currents_db .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#currents_db .Label {font-weight: bold; font-size:12px; color:#000000; }
#currents_db a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#currents_db a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#currents_db .Value {font-weight: normal; font-size:12px; color:#000000;}
/* Font settings for came info */
#picCam {background_color:transparent}
#picCam .leadin { color:#000000; font-weight: bold; font-size: 12px;}
#picCam .info {color: #000000; font-size: 12px;}
#picCam a.leadin {color: #0000FF; font-size: 12px; font-weight:bold;}
#picCam a.leadin:hover {color: #0000FF; font-size: 12px; font-weight:bold; text-decoration:underline}
#picCam a.leadin:link {color: #0000FF; font-size: 12px; font-weight:bold;}
/* Font settings for nearby camera info */
#nearbycam {background_color:transparent; }
#nearbycam span.leadin { color:#000000; font: bold 11px;}
#nearbycam .spacer { color:#000000; font: bold 4px;}
#nearbycam .info {color: #000000; font-size: 10px;}
#nearbycam a.leadin {color: #0000FF; font-size: 11px; font-weight:bold; }
#nearbycam a.leadin:hover {color: #238E23; font-size: 11px; font-weight:bold; text-decoration:underline}
#nearbycam a.leadin:link {color: #0000FF; font-size: 11px; font-weight:bold;}
/* Font settings for storm info */
#stormDetails {background_color:transparent}
#stormDetails .h2 { color:#000000; font-weight: bold; font-size: 15px;}
#stormDetails .leadin { color:#000000; font-weight: bold; font-size: 12px;}
#stormDetails .info {color: #000000; font-size: 12px;}
#stormDetails .note {color: #000000; font-size: 10px; font-style:italic; padding-left:4px;}
#stormDetails a.leadin {color: #0000FF; font-size: 12px; font-weight:bold;}
#stormDetails a.leadin:hover {color: #0000FF; font-size: 12px; font-weight:bold; text-decoration:underline}
#stormDetails a.leadin:link {color: #0000FF; font-size: 12px; font-weight:bold;}
/* Font settings for nearby storm info */
#nearbystorm {background_color:transparent; }
#nearbystorm span.leadin { color:#000000; font: bold 11px;}
#nearbystorm .spacer { color:#000000; font: bold 4px;}
#nearbystorm .info {color: #000000; font-size: 10px;}
#nearbystorm a.leadin {color: #0000FF; font-size: 11px; font-weight:bold; }
#nearbystorm a.leadin:hover {color: #238E23; font-size: 11px; font-weight:bold; text-decoration:underline}
#nearbystorm a.leadin:link {color: #0000FF; font-size: 11px; font-weight:bold;}
/* Font settings for zonesection */
#forecastDetail_db {background-color:transparent; margin-left:8px;}
#forecastDetail_db .dayTitle { color:#000000; font-weight: bold; font-size: 13px;}
#forecastDetail_db .wx {color: #000000; font-size: 12px;}
#forecastDetail_db .include {color: #0000FF; font-size: 12px; font-weight:bold;}
#forecastDetail_db .cities {color: #000000; font-size: 11px;}
/* font settings for cam_topper */
#cam_topper {background-color: transparent;}
#cam_topper .Wx { font-size: 14px; color:#000000; font-weight: bold; }
#cam_topper .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#cam_topper .Label {font-weight: bold; font-size:12px; color:#000000; padding-left: 2px;}
#cam_topper a.Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#cam_topper a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#cam_topper a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#cam_topper .Value {font-weight: normal; font-size:12px; color:#000000;
padding-left: 2px;}
#camform {background-color: transparent; padding-left: 2px;}
/*#camform .Label {font-weight: bold; font-size:12px; color:#000000; padding-left: 2px;}*/
#camform .Chatter { font-size: 10px; color:#000000; padding-left: 2px; font-style: italic;}
#camform .Value {font-weight: normal; font-size:12px; color:#000000;
padding-left: 2px;}
#camform .row {
clear: both;
padding-top: 5px;
width:638px;
}
#camform .row span.Label {
float: left;
width: 100px;
text-align: right;
font-weight: bold; font-size:12px; color:#000000;
}
#camform .row span.formw {
float: right;
width: 530px;
text-align: left;
}
#cam_image {text-align:center}
#submit_camdb {background-color:#CCCCCC; margin-left: 2px; width:645px}
#camwx{
background-image: url(http://www.pleasantweather.com/wx3/images/bk_shadow.gif);
background-repeat: repeat-y;
background-position:left;
min-height: 600px;
}
#stormwx{
background-image: url(http://www.pleasantweather.com/wx3/images/bk_shadow.gif);
background-repeat: repeat-y;
background-position:left;
min-height: 500px;
}
/* font settings in astro template */
#astro {background-color:#FFFFFF}
#astro .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; }
#astro a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#astro a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#astro .Value {font-weight: normal; font-size:12px; color:#000000;}
#astro .Moonname {font-weight: normal; font-size:11px; color:#000000;}
/* font settings in google map conditions div */
#pop {background-color: #fff; width: 200px; vertical-align: top;
height: 168px;
border: 1px solid #3875d7;
padding: 5px;
}
#pop .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#pop .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#pop a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#pop a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#pop .Value {font-weight: normal; font-size:12px; color:#000000;}
#pop .Moonname {font-weight: normal; font-size:11px; color:#000000;}
#pop .Cast {font-weight: bold; font-size:12px; color: #2300ff; text-decoration:none;}
/*#pop Cast:link {font-weight: bold; font-size:12px; color:#2300ff; text-decoration:underline;}
#pop Cast:hover {font-weight: bold; font-size:12px; color:#2300ff; text-decoration:underline;}
#pop Cast:visited {font-weight: bold; font-size:12px; color: #f00; text-decoration:underline;}*/
/* font settings in google map webcam div */
#cam {background-color: #fff; vertical-align: top;
border: 1px solid #3875d7;
padding: 5px;
}
#cam .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#cam .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#cam a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#cam a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#cam .Value {font-weight: normal; font-size:12px; color:#000000;}
#cam .Moonname {font-weight: normal; font-size:11px; color:#000000;}
#cam .Cast {font-weight: bold; font-size:12px; color: #2300ff; text-decoration:none;}
/*#pop Cast:link {font-weight: bold; font-size:12px; color:#2300ff; text-decoration:underline;}
#pop Cast:hover {font-weight: bold; font-size:12px; color:#2300ff; text-decoration:underline;}
#pop Cast:visited {font-weight: bold; font-size:12px; color: #f00; text-decoration:underline;}*/
/* font settings in google map webcam div */
#severewx {background-color: #D7E052; vertical-align: top;border: 1px solid #3875d7; padding: 2px; width:auto; height:auto;}
#severewx .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#severewx .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#severewx a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#severewx a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#severewx .Value {font-weight: normal; font-size:12px; color:#000000;}
#severewx a.Value:link {font-weight: normal; font-size:12px; color:#000000; text-decoration:none;}
#severewx a.Value:hover {font-weight: bold; font-size:12px; color:#7E2217; text-decoration:underline;}
#severewx .Moonname {font-weight: normal; font-size:11px; color:#000000;}
#severewx .Cast {font-weight: bold; font-size:12px; color: #2300ff; text-decoration:none;}
/* font settings in google map golf div */
#golf {background-color: #fff; vertical-align: top;
border: 1px solid #3875d7;
padding: 5px;
}
#golf .Temp { font-size: 16px; color:#000000; font-weight: bold;}
#golf .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#golf a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#golf a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#golf .Value {font-weight: normal; font-size:12px; color:#000000;}
#golf .Moonname {font-weight: normal; font-size:11px; color:#000000;}
#golf .Cast {font-weight: bold; font-size:12px; color: #2300ff; text-decoration:none;}
/*#pop Cast:link {font-weight: bold; font-size:12px; color:#2300ff; text-decoration:underline;}
#pop Cast:hover {font-weight: bold; font-size:12px; color:#2300ff; text-decoration:underline;}
#pop Cast:visited {font-weight: bold; font-size:12px; color: #f00; text-decoration:underline;}*/
/* font settings in google map conditions div */
#popicon { text-align: center;width: 80px;}
#popicon .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
/* font settings in history template */
#history {background-color:#FFFFFF}
#history .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; padding-left: 2px}
#history a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#history a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#history .Value {font-weight: normal; font-size:12px; color:#000000; padding-left: 2px}
#history a.Value:link {font-weight: normal; font-size:12px; color:#000000; text-decoration:none;}
#history a.Value:hover {font-weight: normal; font-size:12px; color:#000000; text-decoration:underline;}
#history .Moonname {font-weight: normal; font-size:11px; color:#000000;}
/* font settings in credits */
#credits {background-color: transparent;}
#credits a.rowColor1 { background: #FFCC00;}
#credits a.rowColor2 { background: #C0C0C0;}
#credits .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; padding-left: 2px}
#credits a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#credits a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#credits .Value {font-weight: normal; font-size:12px; color:#000000; padding-left: 2px}
#credits .Moonname {font-weight: normal; font-size:11px; color:#000000;}
/* font settings in credits */
#cities {background-color: transparent;}
#cities .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; padding-left: 2px}
#cities a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#cities a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#cities .Value {font-weight: normal; font-size:12px; color:#000000; padding-left: 2px}
#cities .Moonname {font-weight: normal; font-size:11px; color:#000000;}
/* font settings in top20 template */
#top20 {background-color: transparent;}
#top20 .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;
padding-left: 2px;
}
#top20 a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
#top20 a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
#top20 .Value {font-weight: normal; font-size:12px; color:#000000;
padding-left: 2px;}
#top20 a.Value:link {font-weight: normal; font-size:12px; color:#000000; text-decoration:none;}
#top20 a.Value:hover {font-weight: normal; font-size:12px; color:#000000; text-decoration:underline;}
#top20 .Moonname {font-weight: normal; font-size:11px; color:#000000;}
/* font settings in date_compare template */
#date_compare {background-color: transparent;}
#date_compare .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;
padding-left: 2px;
}
#date_compare a.Label:link {font-weight: bold; font-size:13px; color:#000000; text-decoration:none;}
#date_compare a.Label:hover {font-weight: bold; font-size:13px; color:#000000; text-decoration:underline;}
#date_compare .Value {font-weight: normal; font-size:13px; color:#000000;
padding-left: 2px;}
#date_compare a.Value:link {font-weight: normal; font-size:13px; color:#000000; text-decoration:none;}
#date_compare a.Value:hover {font-weight: normal; font-size:13px; color:#000000; text-decoration:underline;}
#date_compare .Moonname {font-weight: normal; font-size:11px; color:#000000;}
/* row background colors for mos and your weather settings */
.rowColor1 { background: #FFCC00;}
.rowColor1 a.Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; padding-left: 2px}
.rowColor1 a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
.rowColor1 a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
.rowColor2 { background: #C0C0C0;}
/* Ridge Radar Control */
/* id radarTable is an addition for */
/* IE and Mozilla Compatablilty */
#radarTable{
height:580px;
width:600px;
}
.radarmap {
position : relative;
left : 0;
top : 0;
height : 550px;
width : 600px;
}
.image2 {
position : absolute;
left : 0;
top : 0;
}
.image3 {
position : absolute;
left : 0;
top : 0;
}
.image4 {
position : absolute;
left : 0;
top : 0;
}
.image5 {
position : absolute;
left : 0;
top : 0;
}
.image6 {
position : absolute;
left : 0;
top : 0;
}
.image7 {
position : absolute;
left : 0;
top : 0;
}
.image8 {
position : absolute;
left : 0;
top : 0;
}
.image9 {
position : absolute;
left : 0;
top : 0;
}
.image10 {
position : absolute;
left : 0;
top : 0;
}
#caradarTable{
height:480px;
width:580px;
}
.caradarmap {
position : relative;
left : 0;
top : 0;
height : 480px;
width : 580px;
}
/*
Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim
THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
Anchors or link elements have not been included, but everythig else is :-)
*/
/* for main form wrapping div */
div#gb_form_div {
width: 634px;
padding-left: 9px;
}
/* id for the form itself */
form#gb_form {
/* not styled on demo page */
}
/* form and results heading size */
.main_formhead, .formhead {
color:#000000; padding-left: 5px; font-size: 16px; font-weight: bold;
background-color: transparent;
}
/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap {
background-color : #fefefe;
}
/* section fieldsets - it's common to make this border : 0; */
fieldset {
background-color : #fafafa;
}
/* form legends and dt "heading" */
legend, dt {
font-weight : bold;
color : #666;
}
/* main legend at top of the form */
legend#mainlegend {
font-size : 1.2em;
color : #669900;
}
/* form label text */
label {
color : #669900;
}
/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox, message.textbox {
color : #666;
padding : 2px;
border : 1px solid #cc9000;
background-color : #fffffa;
font: .9em Arial, Helvetica, Geneva, sans-serif;
}
/* to make focus stable in IE 6 */
* html input.button {
color : #000;
border : 1px solid #669900;
background-color : #cc9900;
}
* html input.button.hover {
color : #000;
border : 1px solid #000;
background-color : #cc9900;
}
* html input.button.focus {
color : #000;
border : 1px solid #000;
background-color : #cc9900;
}
/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus {
color : #000;
border : 1px solid #000;
background-color : #fff;
font: .9em Arial, Helvetica, Geneva, sans-serif;
}
/* for the checkbox input */
input.checkbox {
/* not styled on demo page */
}
/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error {
color : #cd0000;
font-weight : bold;
}
/* success heading color */
span.success {
color : #669900;
font-weight : bold;
}
/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis {
font-size : 100%;
}
/* set up relativity to position small Why? text */
small.whythis {
position : relative;
}
/* Why? link style */
small.whythis a {
text-decoration : underline;
font-size : 0.95em;
}
small.whythis a:hover, small.whythis a:focus, small.whythis a:active {
text-decoration : none;
}
/* hide the Why? text span */
small.whythis a span {
border : 1px solid #fafafa;
background-color : #fafafa;
padding : 0 4px 0 4px;
color : #fafafa;
text-decoration : none;
}
/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span {
border : 1px solid #000;
background-color : #eecc11;
color : #000;
padding : 0 4px 0 4px;
text-decoration : none;
}
/* the link back to me for form credit */
p.creditline {
float : right;
margin : -17px 0;
padding-bottom : 1px;
font-size : 80%;
}
/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr {
cursor : help;
border-bottom : 1px dotted #999;
}
/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
color : #669900;
}
/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
margin-left : 0;
}
/* style the input names in the result */
div#hf_form_div span.items {
font-weight : bold;
color : #cc9900;
}
/* End CSS */