/* Main Elements */
html {min-height: 100%; margin-bottom: 1px;}
BODY {margin:0px;font-family:verdana, tahoma, sans serif;font-size:13px;background-color:#DaDaDa;color:#000;width:100%;cursor:default;}
#logo {height:126px;color:#000;font-weight:bold;border:0px solid #F00;background-image:url(images/logo1.png);background-repeat:no-repeat;background-position:top left;}
#truck {height:126px;background-image:url(images/truck.png);background-repeat:no-repeat;background-position:top right;}
#wrap {width:774px;}

.loading_layer {display:none;width:200px;height:60px;background:#FFF;padding:10px;text-align:center;border:1px solid #000;}

a:link, a:visited, a:active {color:#004499;text-decoration:underline;}
a:visited {color:#004499;}
a:hover {color:#002255;text-decoration:none;}

.clearWeatherCookies {color:#004499;text-decoration:underline;cursor:pointer;font-size:10px;}
.clearWeatherCookies a:link, .clearWeatherCookies a:visited, .clearWeatherCookies a:active {color:#004499;}
.clearWeatherCookies a:hover {color:#002255;text-decoration:none;cursor:arrow;}

input {border:1px solid #9fa8bb;background-color:#FaFaFa;padding:2px;}
textarea {border:1px solid #9fa8bb;background-color:#FaFaFa;}

.login {position:relative;float:right;padding:5px;border:1px solid #9fa8bb;border-top:0px;background-color:#dbe2ef;float:right;
filter:alpha(Opacity=80); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.8; /*firefox 1.5 opacity*/
-moz-opacity:0.8; /*mozilla opacity*/
-khtml-opacity:0.8; /*opacity*/
}

a, img {text-decoration:none;}

fieldset {padding:0px;border:1px solid #9fa8bb;font-size:11px;}
div.fieldset {padding:5px;}
legend {font-weight:bold;font-size:10px;}

/*div {border:1px solid #F00;}*/

/* Head Bar */
.headBar {background-image:url(images/headBar.gif);width:100%;}
.headText {border:2px solid #000;width:100%;}
h1 {font-size:24px;font-weight:bold;margin:0px;padding:0px;padding-left:200px;}

/* Menu */
.menuContainer {width:237px;text-align:left;float:left;}
.menuTop {height:65px;background-image:url(images/upperMenu.gif);background-repeat:no-repeat;background-position:top left;}
.menuBottom {height:14px;background-image:url(images/bottomMenu.gif);background-repeat:no-repeat;background-position:top left;}
.menu {background-image:url(images/menuRow.gif);background-position:left;background-repeat:repeat-y;padding-right:4px;}
.menuHead {background-image:url(images/menuTitle.gif);background-position:left;font-size:16px;font-weight:bold;color:#0066CC;padding:4px;}
.menuLinks {padding-left:15px;}

/* Content */
.breadCrumbs {position:relative;left:5px;width:486px;height:27px;padding:3px;background-image:url(images/breadCrumbRow.gif);background-repeat:repeat-x;}
.contentTop {width:536px;height:65px;background-image:url(images/upperContent.gif);background-repeat:no-repeat;background-position:top right;}
.contentBottom {width:536px;height:15px;background-image:url(images/bottomContent.gif);background-repeat:no-repeat;background-position:top right;}
.contentContainer {width:533px;min-height:250px;background-image:url(images/contentRow.gif);background-repeat:repeat-y;background-position:left;text-align:left;}
.content {padding:5px;min-height:100px;padding-left:15px;padding-right:22px;}

.title {font-size:16px;font-weight:bold;padding-top:10px;}

.googleAdLink {border:1px dashed #444;background-color:#EaEaEa;padding:3px;width:790px;}


/* Weather JS */
.weatherAlert {border:1px solid #cc8d8d;background-color:#feebeb;width:500px;}
.weatherTitle {border-bottom:1px solid #cc8d8d;background-color:#feebeb;background-image:url(images/weatherAlertTitle.gif);padding:3px;color:#8a4040;font-weight:bold;}

.ticker {color:#b65050;}
.ticker_text_start {font-weight:bold;}
.ticker_text_end {font-size:11px;}

/*.weatherTabStart {border-bottom:1px solid #9fa8bb;border-right:1px solid #9fa8bb;}
.tab {border-top:1px solid #9fa8bb;border-bottom:1px solid #9fa8bb;border-right:1px solid #9fa8bb;cursor:pointer;font-weight:bold;background-image:url(images/tabRow.gif);color:#99aacc;width:15%;padding:2px;}
.weatherTabRadar {border-left:1px solid #9fa8bb;}
.weatherTab {}
.weatherTabMore {}
.weatherTabSelected {color:#000;border-bottom:0px;background-image:url(images/tabRowSelected.gif);}
.weatherTabHighlighted {color:#000;border-bottom:0px;background-image:url(images/tabRowSelected.gif);}
.weatherHeadingTitle {border:1px solid #9fa8bb;border-top:0px;padding:5px;background-image:url(images/breadCrumbRow.gif);}
.weatherTempBox {border:1px solid #9fa8bb;border-top:0px;background-color:#FFF;background-image:url(images/tempRow.gif);}

.radar {border-left:1px solid #9fa8bb;}
.alerts {border-left:1px solid #9fa8bb;border-right:0px;color:#B48181;background-image:url(images/tabRowAlert.gif);}
.alertsSelected {border-left:1px solid #9fa8bb;border-right:0px;color:#B48181;background-image:url(images/tabRowAlertSelected.gif);}
.alertsTab {color:#B48181;background-image:url(images/tabRowAlert.gif);}*/

/* Tab Properties */
.weatherHeadingTitle {border-left:1px solid #9fa8bb;border-right:1px solid #9fa8bb;height:26px;line-height:26px;background-image:url(images/weatherHeadingRow.gif);}
.weatherTabStart {border-bottom:1px solid #9fa8bb;border-right:1px solid #9fa8bb;}
.normalTab   {border-top:1px solid #9fa8bb;border-bottom:1px solid #9fa8bb;border-right:1px solid #9fa8bb;cursor:pointer;font-weight:bold;background-image:url(images/tabRow.gif);color:#99aacc;width:15%;padding:2px;}
.selectedTab {border-top:1px solid #9fa8bb;border-right:1px solid #9fa8bb;font-weight:bold;background-image:url(images/tabRowSelected.gif);color:#000;width:15%;padding:2px;}
.moreTab {border-top:1px solid #9fa8bb;border-bottom:1px solid #9fa8bb;border-right:1px solid #9fa8bb;cursor:pointer;font-weight:bold;background-image:url(images/tabRow.gif);color:#99aacc;width:15%;padding:2px;}
.radarTab {border:1px solid #9fa8bb;cursor:pointer;font-weight:bold;background-image:url(images/tabRow.gif);color:#99aacc;width:15%;padding:2px;}
.alertTab {border-top:1px solid #9fa8bb;border-bottom:1px solid #9fa8bb;border-left:1px solid #9fa8bb;cursor:pointer;font-weight:bold;background-image:url(images/tabRow.gif);color:#99aacc;width:15%;padding:2px;}
.alertTabSelected {border-top:1px solid #9fa8bb;border-left:1px solid #9fa8bb;cursor:pointer;font-weight:bold;background-image:url(images/tabRowSelected.gif);color:#0066CC;width:15%;padding:2px;}
.radarTabSelected {border:1px solid #9fa8bb;border-bottom:0px;cursor:normal;font-weight:bold;background-image:url(images/tabRowSelected.gif);color:#0066CC;width:15%;padding:2px;}
.weatherTempBox {border:1px solid #9fa8bb;border-top:0px;background-color:#FFF;background-image:url(images/tempRow.gif);}

#moreShadow { padding:0px 7px 9px 7px;width:80%; margin:0px; }
#moreShadow, #moreShadow .sb-inner { background-color:#CBD5ED; }
#moreShadow .sb-shadow {background-color:#9fa8bb;}
#moreShadow .sb-border {background-color:#000;/*background-color:#9fa8bb;*/}

.weatherForecastTitle {border-right:1px solid #9fa8bb;border-bottom:1px solid #9fa8bb;padding:3px;background-image:url(images/tabRow.gif);}
.weatherForecastBox {border-right:1px solid #9fa8bb;padding:3px;}
.weatherBorderBottom {border-bottom:1px solid #9fa8bb;}
.extraCities {border-top:1px solid #9fa8bb;padding:3px;background-image:url(images/tabRow.gif);}
.underline {text-decoration:underline;}

/* Weather No JS */
th.weatherTabNoJS {text-decoration:none;}
.weatherTabNoJS a:link, .weatherTabNoJS a:visited, .weatherTabNoJS a:active {text-decoration:none;color:#99aacc;}
.weatherTabNoJS a:hover, .weatherTabNoJS th:hover {color:#0066CC;}
th.weatherTabNoJS:hover {background-image:url(images/tabRowHighlight.gif);}


th.weatherTabMoreNoJS {}
a.weatherTabMoreNoJS:link, .weatherTabMoreNoJS a:visited, .weatherTabMoreNoJS a:active {text-decoration:none;color:#99aacc;}
a.weatherTabMoreNoJS:hover {color:#0066CC;}
th.weatherTabMoreNoJS:hover {background-image:url(images/tabRowHighlight.gif);}

th.weatherTabMoreNoJS:hover > div.moreCities:hover {display:block;}

th.weatherTabSelectedNoJS {color:#000;border-bottom:0px;background-image:url(images/tabRowSelected.gif);text-decoration:none;}
.weatherTabSelectedNoJS a:link, .weatherTabSelectedNoJS a:visited, .weatherTabSelectedNoJS a:active {text-decoration:none;color:#000;}
.weatherTabSelectedNoJS a:hover {color:#000;}

ul {padding: 0; margin: 0;}
ul li {list-style-type: none;
  position: relative; margin: 0; padding: 0;}
ul ul {display: none;}
ul li:hover > ul {display: block; position: absolute; top:16px; left: -3px;}
li a {display: block; text-decoration: none;}
ul#topmenu li a:hover {text-decoration:none;}
li.sub > a {text-decoration:none;font-weight:bold;color:#99aacc;}
.thatcity {background-image:url(images/tabRow.gif);border:1px solid #9fa8bb;}
.thatcity a:link, .thatcity a:visited, .thatcity a:active {text-decoration:none;color:#99aacc;}
.thatcity a:hover {color:#0066CC;}
li.thatcity:hover {background-image:url(images/tabRowHighlight.gif);}

ul#topmenu {}
ul#topmenu > li:hover > ul {text-decoration:none;color:#0066CC;background-image:url(images/tabRowHighlight.gif);}

th.radarNoJS {border-left:1px solid #9fa8bb;}
th.radarSelectedNoJS {border-left:1px solid #9fa8bb;}
.radarNoJS a:link, .radarNoJS a:visited, .radarNoJS a:active {text-decoration:none;color:#99aacc;}
.radarNoJS a:hover {color:#0066CC;}

/* Search Box */
#searchLeft {background-image:url(images/searchLeft.gif);background-repeat:no-repeat;background-position:left;width:14px;height:25px;float:right;}
#searchText {background-color:transparent;height:25px;float:left;background-image:url(images/searchRow.gif);float:right;}
#searchTextBox {background-color:transparent;border:0px solid #F00;height:18px;position:relative;top:5px;width:150px;font-size:11px;color:#000;background-image:url(images/googleSearch.gif);background-repeat:no-repeat;cursor:text;}

#searchTextBoxNoJS {background-color:transparent;border:0px solid #F00;height:18px;position:relative;top:5px;width:150px;font-size:11px;color:#000;cursor:text;}

#searchSubmit {background-color:transparent;border:0;background-image:url(images/searchRight.gif);width:32px;height:25px;cursor:pointer;float:right;}
div.searchSubmit {background-image:url(images/searchRight.gif);width:32px;height:25px;cursor:pointer;float:right;}
div.searchSubmit:link, div.searchSubmit:visited, div.searchSubmit:active {background-image:url(images/searchRight.gif);width:32px;height:25px;}
div.searchSubmit:hover {background-image:url(images/searchRightHover.gif);background-repeat:no-repeat;}

.searchContainer {width:100%;text-align:left;padding-top:3px;border:2px solid #000;}
.search {background-color:#FFF;padding:5px;}

/* Footer */
.debug {}
#copyright {font-size:10px;color:#444;text-align:center;}