@CHARSET "UTF-8";

body {
    margin: 0;
    padding: 0;
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    color: #444;
    line-height:1.5em;
    position:relative;left:0px;top:0px;
    z-index:0;
    text-align: center;
    min-width: 980px;
    background-image: url("/style/img/testbg.png");
    background-repeat: repeat-x;
    background-color: #fff;
}

/* Links */

a, a:link, a:visited {
  color: #2763A5;
  text-decoration: none;
}

a:hover, a:focus {
  color: #6191C5;
}

a:active, a.active { 
  color: #89A3E4; 
}

a.wtlink {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
}
		
h1 {
    font-size: 17px;
    line-height: 28px;
    font-weight: normal;
    text-align: left;
    color: #666;
    margin-left: 10px;
    margin-top: 0px;
    width: 96%;
    text-shadow: 1px 1px 0 #fff;
}

h2 {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    line-height: 22px;
    margin-left: 6px;
    color: #666;
    text-shadow: 1px 1px 0 #fff;
    margin-top: 0px;
    width: 98%;
}

h3 { 
  font-size: 160%;
  font-weight: normal;
  color:#4B4740;
  font-family: georgia,serif;
  line-height: 24px;
}

h4, h5, h6 {
  margin-top: 10px;
  font-size: 120%;
  color: #69645C;
  font-weight: normal;
  font-family: georgia,serif;
  line-height: 20px;
}

pre {
  background: #ddd;
  border: 1px solid #aaa;
  padding: 0.75em 1.5em;
  font-size: 11px;
  text-align: left;
}

img { 
  border: 0;
}

ol, ul, dl, li { 
  position: relative;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

ol li {
    list-style-type:decimal;
    margin-left: 30px;
}

p {
    color: #363636;
    margin-left: 20px;
    text-align: left;
}
/* Lists */
ul.anc {
    font-size: 100%;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #69645C;
    line-height: 20px;
}
ul.help {
    list-style-image: url("/style/img/bullet.png");
}
ul.help li {
    margin-top: 14px;
    margin-left: 20px;
}

ul.social-net {
    float: left;
    margin: 0 auto;
    padding: 6px;
}

ul.inline {
    float: right;
    margin: 0 auto;
    padding-bottom: 4px;
    
}

ul.inline-center {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 4px;
    
}

ul.inline li, ul.inline-center li, ul.social-net li {
    display: inline;
    margin: 0;
    padding: 0;
}

/* Rounded corner support */

.trounded {
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
}

.tlrounded {
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
}

.lrounded {
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
}

.trrounded {
    border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
}

.brounded {
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

.blrounded {
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
}

.brrounded {
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

.rounded {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.rounded-button {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* WeatherMap header */

#base {
  width: 980px;
  height: 136px;
  border-top: none;
  margin:0 auto;
}

#header {
  width: 980px;
  height: 90px;
  padding: 8px 0px;
  margin:0;
  cursor: pointer;
  cursor: hand;
  float: left;
}

#news {
    width: 980px;
    height: 30px;
    margin:0 auto;
    text-align: center;
    color: #F26F16;
}


#main {
  top:0px;
  width:980px;
  height: 100%;
  margin:0 auto;
  overflow:auto;
}


#header-main {
    width: 220px;
    height: 90px;
    float: left;
    text-align: left;
}

#header-banner {
    width: 220px;
    height: 90px;
    margin-top: 8px;
    float: left;
    text-align: left;
}

#headerad-wrapper {
    float: right;
    width: 760px;
    height: 90px;
    text-align: right;
}

#headerad {
    float: right;
    width: 728px;
    height: 90px;
}

/* My Weather buttons */
.hot-el, .el-rm {
    width: 20px;
    height: 20px;
    cursor: pointer;
    cursor: hand;
    float: left;
    position: relative;
    background-image: url('/style/img/sprites/button_sprite.png');
    background-repeat: no-repeat;
}
.hot-el {
    background-position: -10px -10px;
    margin-left: -2px;
    margin-top: 3px;
    margin-right: 4px;
}
.hot-el:hover {
    background-position: -10px -50px;
}
.el-rm {
    margin-top: 0px;
    background-position: -10px -90px;
}
.el-rm:hover {
    background-position: -10px -130px;
}
/* Menu styles */

#topmenu-wrap {
    width: 980px;
}

#topmsg {
    width: 100px;
    float: left;
    position: relative;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding: 0px;
    color: #bbb;
    font-weight: bold;
}

#topmsg a {
    color: #ddd;
    font-weight: normal;
}

#topmsg a:hover {
    color: #fff;   
}

#topmenu {
    width: 480px;
    float: right;
    position: relative;
    z-index: 8000;
    height: 30px;
    background-image: url("/style/img/menugrads.png");
    background-position: 0px -60px;
    background-repeat: repeat-x;
    background-color: #70cfe7;
    border: 1px solid #ddd;
    border-top: none;
    text-align: left;
}

/* main menu style */

#superfish {
    width: 978px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    background-image: url("/style/img/menugrads.png");
    background-position: 0px -60px;
    background-repeat: repeat-x;
    background-color: #70cfe7;
    border: 1px solid #ddd;
    height: 36px;
    z-index: 3000;
    
}

/* content div styles */

#contentframe {
    /* background-color: #fff;
    background-image: url("/style/img/div-bg.png");
    background-repeat: repeat-x;*/
    overflow:auto;
    margin:0 auto;
    margin-top: 8px;
    width: 980px;
    z-index:1;
    /*border: 1px solid #bbb;
    border-top: none;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);*/
}

#content {
    float: left;
    width: 100%;
    border:none;
    overflow: auto;
}

.content, .sub-content, .sub-content-highlight, .sub-content-large, .sub-content-extra {
    
    z-index: 1;
    height: auto;
    overflow: auto;
}

.sub-content, .sub-content-highlight, .sub-content-large, .sub-content-extra {
    padding: 4px;
}

.sub-content, .sub-content-highlight, .sub-content-large, .sub-content-extra {
    background-color: #fff;
    border: 1px solid #bbb;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.amrec-ad, .fb-ad {
    margin: 8px 0px;   
}

.sub-content, .sub-content-highlight {
    width: 292px;
}

.sub-content-extra {
    width: 360px;   
}

.sub-content, .sub-content-highlight, .sub-content-large, .sub-content-extra {
    margin: 0px 0px 8px 0px;  
}

.sub-content-large {
    width: 647px;
}

.sub-content, .side-menu, .sub-content-large, .sub-content-extra {
    background-image: url("/style/img/div-bg.png");
    background-repeat: repeat-x; 
}

.sub-content-highlight {
    background-image: url("/style/img/findgrad.png");
    background-repeat: repeat-x;
    background-color: #FFF;
}

.sub-content-txt {
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
}

.core {
    height: auto;
    overflow: auto;
}

.left {
    float: left;
    position: relative;
    margin: 0 auto;
}

.right {
    float: right;
    position: relative;
    margin: 0 auto;
}

.hide {
    display: none;
}
/**************************
    Detailed page
***************************/
#main-frame {
    position: relative;
    width: 980px;
    margin: 4px 0;
}

#main-detail {
    float: right;
    position: relative;
    margin: 0 auto;
    width: 660px;
    overflow: auto;
}

#right-extras {
    float: right;
    position: relative;
    
}

.side-extras {
    float: left;
    position: relative;
    width: 300px;
   
}

#sitelist, #searchlist {
    display: block;
    margin-top: 4px;
    text-align: center;
    width: 98%;
}


#graph-load, #graph-content, #links {
    position: relative;
    margin: 0 auto;
    height: auto;
    color: #666;
    float: left;
}

#graph-load {
    width: 100%;   
}

.tab-content {
    margin: 0 auto;
    height: auto;
    color: #666;
    float: left;
}


/* Help page */

.help {
    text-align: left;
}

#helpcontents {
    padding: 8px;
}

.helpindex {
    padding: 4px;
    margin-top: 8px;
    padding-left: 20px;
    overflow: auto;
}

/* Footer styles */

#footer, #footer-ads {
    width: 980px;
    height: auto;
    color:#363636;
    text-align: center;
    margin:0 auto;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 100%;
    overflow: auto;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    border-style: solid;
    border-width: 1px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

#footer {
    background-color: #E9EFFA;
}

#footer-ads {
    padding-top: 8px;
    background-color: #fff;   
}

.site-cont-block {
    float: left;
    position: relative;
    width: 96%;
    text-align: left;
    margin-bottom: 8px;
    margin-left: 8px;
}

.site-cont-block .site-cont {
    width: 144px;
    float: left;
    margin-left: 4px;
}

.site-cont-img {
    width: 64px;
    float: left;
}

.site-cont-auto {
    width: 600px;
    float: left;
    line-height: 14px;
    margin-top: 8px;
    
}

.site-cont-block .site-cont h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #666;
    text-shadow: 1px 1px 0 #fff;
}



/* map content styles */
#mapouter {
    float: left;
    height: auto;
    width: 640px;
    text-align: center;
}

#map {
    position: relative;
    height: 450px;
    width: 640px;
    z-index: 0;
    color: #000;
}

/* Pop-up box on map */
#infobox{
    position:absolute;
    z-index: 2000;
    visibility:hidden;
}

#infobox-region{
    background:#747474;
    border: 1px solid #fff;
    opacity:0.8;
    color:#FFFFFF;
    padding:5px;
    font-weight: bold;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
}

/* Div headers */
.header {
    background-image: url("/style/img/header-grey.png");
    background-repeat: repeat-x;
    background-color: #ddd;
    border: 1px solid #aaa;
}

.header {
    position: relative;
    margin: 0 auto;
    height:30px;
}

.header h1 {
    float: left;
    position: relative;
    margin: 0 auto;
    width: auto;
    height: 30px;
    margin-left: 8px;
}

.news {
    float: left;
    text-align: left;
    position: relative;
    margin: 0 auto;
    line-height: 30px;
}

.facebook {
    float: right;
    position: relative;
    margin: 0 auto;
    margin-top: 4px;
    width: 360px;
    height: 26px;
    text-align: right;
}

.sub-header {
    height:24px;   
}

.sub-menu-header {
    padding-bottom: 4px;
    height:auto;
    overflow: auto;
}
/* table style */

table {
    margin: 0 auto; 
    border-collapse: collapse;
    border: none;
    color: #666;
    width: auto;
    font-size: 12px;
    text-align: center;
}

table.left {
    text-align: left;
}

table.extras, table.left {
    font-size: 13px;   
}

table.extras tbody td, table.left tbody td {
    font-weight: normal;
    font-style: italic;
    padding: 4px;
    color: #666;
    font-size: 13px;   
}

table.extras tbody td {
    text-shadow: 1px 1px 0 #fff;
    font-style: normal;
}

table.extras thead {
    background: none;   
}

table.extras thead th {
    color: #444;
    font-size: 13px;
    text-shadow: 1px 1px 0 #fff;
    background-image: none;
}

table tbody tr.stripe {
    background-color: #eee;
}


table tbody tr.hide {
    display: none;   
}

table thead th, table tfoot th, table tbody th  {
    padding: 4px;
    font-weight: normal;
    font-size: 11px;
}

table tbody td {
    padding: 0px;
    font-weight: bold;
    font-style: italic;
}


table tbody td.tide {
    font-weight: normal;
    padding: 0px 4px 0px 4px;
}

table thead {
    background-image: url("/style/img/header-grey.png");
    background-repeat: repeat-x;
    background-color: #ddd;
}

table.schart {
    margin: 0 auto;
    font-size: 9px;
    border-collapse: collapse;
    border: none;
    color: #666;
    text-align: center;
    overflow: auto;
    vertical-align: top;
    font-weight: normal;
}



table.schart tbody td {
    width: 20px;
}

table.schart thead th, table.schart tfoot th  {
    color: #666;
    border: 1px solid #ccc;
    padding: 0px;
    background-image: url("/style/img/graph-bg3.png");
    background-repeat: repeat-x;
    background-color: #f3f3f3;
    font-size: 9px;
}


table.schart thead th.col, table.schart tfoot th.col  {
    width: 26px;
    font-size: 11px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border: 1px solid #ccc;
    padding: 0px 4px;
}

table.schart thead tr.dayrow th, table.schart tfoot tr.dayrow th  {
    width: 26px;
    font-size: 11px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: #666;
    border: 1px solid #ccc;
    padding: 0px 4px;
}

table.schart tbody th {
    width: 26px;
    height: auto;
    font-size: 9px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #666;
    padding: 0px 4px;
    background-color:#e4e5e4;
}

table.schart tbody tr {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.schart tbody th.axis {
    width: 26px;
    font-size: 9px;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    color: #666;
    background-image: url("/style/img/graph-bg3.png");
    background-repeat: repeat-x;
    background-color: #f3f3f3;
    padding: 0px;
    border: 1px solid #ccc;
    background-color:#f3f3f3;
    
}

table.schart thead th.info, table.schart tfoot th.info {
    width: 20px;
    color: #2763A5;
    cursor: pointer;
    cursor: hand;
}

table.schart tbody td {
    width: 20px;
    text-decoration: none;
    color: #363636;
    border: 1px solid #ccc;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    background-color: #e4e5e4;
}

table.schart tbody td.graph {
    margin: 0;
    text-align: center;
    background-image: url("/style/img/graph-bg3.png");
    background-repeat: repeat-x;
    background-color: #f3f3f3;
    
}

table.schart tbody th.col, table.schart tbody td.top {
    background-image: url("/style/img/graph-bg3.png");
    background-repeat: repeat-x;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
}

/* icon styles */

.tableicon {
    display: block;
    min-width: 50px;
    min-height: 50px;
    width: auto!important;
    height: auto!important;
    width: 50px;
    height: 50px;
}

.tableicon-small {
    display: block;
    min-width: 25px;
    min-height: 25px;
    width: auto!important;
    height: auto!important;
    width: 25px;
    height: 25px;
}

img.small {
    width: 20px;
    height: 20px;
}

img.small-summary {
    width: 20px;
    height: 24px;
}

img.large-summary {
    width: 42px;
    height: 42px;
}


img.medium {
    width: 40px;
    height: 40px;
}
img.large {
    width: 42px;
    height: 42px;
}

img.fixed-large {
    width: 42px;
    height: 42px;
}
.ratingicon {
    display: block;
    min-width: 42px;
    min-height: 42px;
    width: auto!important;
    height: auto!important;
    width: 42px;
    height: 42px;
}
.ratingicon_small {
    display: block;
    min-width: 20px;
    min-height: 24px;
    width: auto!important;
    height: auto!important;
    width: 20px;
    height: 24px;
    background-position: center center;
}
.oner {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -22px;
    background-repeat: no-repeat;
}
.twor {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -84px;
    background-repeat: no-repeat;
}
.threer {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -146px;
    background-repeat: no-repeat;
}
.fourr {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -208px;
    background-repeat: no-repeat;
}
.fiver {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -270px;
    background-repeat: no-repeat;
}
.sixr {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -332px;
    background-repeat: no-repeat;
}
.sevenr {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -394px;
    background-repeat: no-repeat;
}
.eightr {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -456px;
    background-repeat: no-repeat;
}
.niner {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -518px;
    background-repeat: no-repeat;
}
.tenr {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -580px;
    background-repeat: no-repeat;
}

.oner_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -642px;
    background-repeat: no-repeat;
}
.twor_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -684px;
    background-repeat: no-repeat;
}
.threer_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -726px;
    background-repeat: no-repeat;
}
.fourr_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -768px;
    background-repeat: no-repeat;
}
.fiver_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -810px;
    background-repeat: no-repeat;
}
.sixr_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -852px;
    background-repeat: no-repeat;
}
.sevenr_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -894px;
    background-repeat: no-repeat;
}
.eightr_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -936px;
    background-repeat: no-repeat;
}
.niner_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -978px;
    background-repeat: no-repeat;
}
.tenr_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -20px -1020px;
    background-repeat: no-repeat;
}
.nar {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -10px -1072px;
    background-repeat: no-repeat;
}
.nar_small {
    background-image: url("/style/img/sprites/rating_sprite.png");
    background-position: -10px -1132px;
    background-repeat: no-repeat;
}

.temp0 {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -13px;
}
.temp5 {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -89px;
}
.temp10 {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -165px;
}
.temp15 {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -241px;
}
.temp20 {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -317px;
}
.temp25 {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -393px;
}
.temp30 {
    background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -469px;
}
.temp100 {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 65px -545px;
}
.wave {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -617px;
}
.Nwind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -685px;
}
.NEwind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -753px;
}
.Ewind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -821px;
}
.SEwind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -889px;
}
.Swind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -957px;
}
.SWwind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -1025px;
}
.Wwind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -1093px;
}
.NWwind {
  background-image: url("/style/img/sprites/weather_util_sprite.png");
  background-position: 69px -1161px;
}
.weathericon {
    display: block;
    min-width: 42px;
    min-height: 42px;
    width: auto!important;
    height: auto!important;
    width: 42px;
    height: 42px;
}
.cloud {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -10px;
    background-repeat: no-repeat;
}
.sunrain {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -72px;
    background-repeat: no-repeat;
}
.suncloud {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -134px;
    background-repeat: no-repeat;
}
.sun {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -196px;
    background-repeat: no-repeat;
}
.thunder {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -258px;
    background-repeat: no-repeat;
}
.rain {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -320px;
    background-repeat: no-repeat;
}
.showers {
   background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -382px;
    background-repeat: no-repeat;
}
.sunshower {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -444px;
    background-repeat: no-repeat;
}
.nsun {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -506px;
    background-repeat: no-repeat;
}
.nsuncloud {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -568px;
    background-repeat: no-repeat;
}
.nsunshower {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -630px;
    background-repeat: no-repeat;
}
.snow {
   background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -692px;
    background-repeat: no-repeat;
}
.lightshower {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -754px;
    background-repeat: no-repeat;
}
.sunsnow {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -816px;
    background-repeat: no-repeat;
}
.thundersunnorain {
   background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -878px;
    background-repeat: no-repeat;
}
.thundersun {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -940px;
    background-repeat: no-repeat;
}
.thundershowers {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -1002px;
    background-repeat: no-repeat;
}
.thunderlightshowers {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -1064px;
    background-repeat: no-repeat;
}
.nthundernorain {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -1126px;
    background-repeat: no-repeat;
}
.cloudstorm {
    background-image: url("/style/img/sprites/weather_sprite.png");
    background-position: 0px -1188px;
    background-repeat: no-repeat;
}

.weathericon_small {
    display: block;
    min-width: 20px;
    min-height: 24px;
    width: auto!important;
    height: auto!important;
    width: 20px;
    height: 24px;
}


.cloud_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -10px;
    background-repeat: no-repeat;
}
.sunrain_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -54px;
 -content   background-repeat: no-repeat;
}
.suncloud_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -98px;
    background-repeat: no-repeat;
}
.sun_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -142px;
    background-repeat: no-repeat;
}
.thunder_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -186px;
    background-repeat: no-repeat;
}
.rain_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -230px;
    background-repeat: no-repeat;
}
.showers_small {
   background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -274px;
    background-repeat: no-repeat;
}
.sunshower_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -318px;
    background-repeat: no-repeat;
}
.nsun_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -362px;
    background-repeat: no-repeat;
}
.nsuncloud_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -406px;
    background-repeat: no-repeat;
}
.nsunshower_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -450px;
    background-repeat: no-repeat;
}
.snow_small {
   background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -494px;
    background-repeat: no-repeat;
}
.lightshower_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -538px;
    background-repeat: no-repeat;
}
.sunsnow_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -582px;
    background-repeat: no-repeat;
}
.thundersunnorain_small {
   background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -626px;
    background-repeat: no-repeat;
}
.thundersun_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -666px;
    background-repeat: no-repeat;
}
.thundershowers_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -706px;
    background-repeat: no-repeat;
}
.thunderlightshowers_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -750px;
    background-repeat: no-repeat;
}
.nthundernorain_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -794px;
    background-repeat: no-repeat;
}
.cloudstorm_small {
    background-image: url("/style/img/weathericons/weather_small_sprite.png");
    background-position: -10px -838px;
    background-repeat: no-repeat;
}

.sunrise {
    background-image: url("/style/img/sprites/sunmoon_sprite.png");
    background-position: -10px -10px;
    background-repeat: no-repeat;
}
.sunset {
    background-image: url("/style/img/sprites/sunmoon_sprite.png");
    background-position: -10px -80px; 
    background-repeat: no-repeat;
}
.fullmoon {
    background-image: url("/style/img/sprites/sunmoon_sprite.png");
    background-position: -10px -150px;
    background-repeat: no-repeat;
}
.newmoon {
    background-image: url("/style/img/sprites/sunmoon_sprite.png");
    background-position: -10px -220px;
    background-repeat: no-repeat;
}
.quartermoon {
    background-image: url("/style/img/sprites/sunmoon_sprite.png");
    background-position: -10px -290px;
    background-repeat: no-repeat;
}
.lastquartermoon {
    background-image: url("/style/img/sprites/sunmoon_sprite.png");
    background-position: -10px -360px; 
    background-repeat: no-repeat;
}

.icontext {
  position: relative;
  margin: 0 auto;
  text-align: center;
  top: 13px;
  left: 0px;
}

/* Header extras */

.header-extra {
  float: right;
  position: relative;
  margin-top: 5px;
  z-index: 0;
  margin-right: 4px;
}

.feed {
  float: right;
  margin-right: 4px;
  margin-top: 2px;
}

.clickable {
    cursor: pointer;
    cursor: hand;
}
/* Form styles */
input, textarea, textfield, select { 
  font-size: 11px;
}
form label{
  color:#555;
  display: block;
  vertical-align:top;
  width:120px;
}
form label.inline{
   display:inline;
}
select.area {
    width: 200px;
}
select.day {
    width: 110px;   
}
.continent {
    font-weight: bold;   
}
.radio {
    background-color: transparent;
    margin-top: 4px;
    margin-right: 8px;
}

.right {
    float: right;
}
.updatestamp {
    text-align: left;
    color: #aaa;
    font-style: italic;
    font-size: 12px;
    float: left;
}

#times {  float: left; width: 224px; margin: 0; padding: 0px 0px 0px 4px; text-align: center; overflow: auto;}
#times li {border-bottom: 1px solid #ccc; font-size: 11px; line-height: 14px; }
#times li a { color: #666; cursor: pointer; cursor: hand;}
#times li a:hover { color: #ccc; }
#times li.sel { background-color: #eee; }
#times li.sel a { font-weight: bold; } 

/****************************************
    General page plugins
****************************************/
#sst {
    color: #444;
    text-shadow: 1px 1px 0 #fff;
}

#sea-temp {
    color: #45ca4f;
}

#sea-rec {
    color: #666;
}
/********************************************
    External CSS
*********************************************/

/********************************************
    Superfish
*********************************************/


/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu, .sf-top-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
        z-index: 10;
}
.sf-menu, .sf-top-menu {
	line-height:	1.0;
}
.sf-menu ul, .sf-top-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li, .sf-top-menu ul li {
	width:			100%;
}
.sf-menu li:hover, .sf-top-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li, .sf-top-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a, .sf-top-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		99;
        margin-left: 0px;
}

.sf-top-menu li:hover ul,
.sf-top-menu li.sfHover ul {
        left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
        margin-left: 0px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul,
ul.sf-top-menu li:hover li ul,
ul.sf-top-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-top-menu li li:hover ul,
ul.sf-top-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul,
ul.sf-top-menu li li:hover li ul,
ul.sf-top-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul,
ul.sf-top-menu li li li:hover ul,
ul.sf-top-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** Main menu SKIN ***/
.sf-menu {
    float: left;
    position: relative;
    text-align: center;
}

.sf-menu a, .sf-menu li a {
        font-size: 110%;
        text-align: center;
        height: 36px;
        width: 174px;
        color: #eee;
        line-height: 30px;
        text-shadow: 1px 1px #246275
}
.sf-menu a, .sf-menu a:visited, .sf-menu a:link  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}
.sf-menu li {
    background-image: url("/style/img/menugrads.png");
    background-position: 0px -60px;
    background-repeat: repeat-x;
    width: 174px;
    height: 36px;

}

.sf-menu li.active-trail, .sf-menu li.selected {
    background-image: url("/style/img/menu-selected.png");
    background-repeat: repeat-x;
    background-position: 0;
    background-color: #dddddd;
    border: none;
}

.sf-menu li.active-trail a, .sf-menu li.selected a {
    color: #2763A5;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.sf-menu li li {
	background-color: #2b446f;
        width:174px;
}
.sf-menu li li li {
	background-color: #2b446f;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #fff;
    list-style: none;
    margin: 0;
}

.sf-menu li:hover ul li a, .sf-menu li a:hover ul li a, .sf-menu li ul li a {
    display:block;
    color: #eee;
    height: 36px;
    line-height: 30px;
    font-weight:normal;
    padding:4px;
    width:174px;
    background-color: #2b446f;
    background-image: none;
    border-top: 1px solid #ddd;
    text-shadow: none;
}

.sf-menu li:hover, .sf-menu li a:hover, .sfmenu li a:hover {
    color: #fff;
    
}
.sf-menu li ul li:hover,  .sf-menu li ul li a:hover {
    color: #6191C5;
}

.sf-menu li.selected:hover, .sf-menu li.selected a:hover, .sfmenu li.selected a:hover, .sf-menu li.selected ul li:hover,  .sf-menu li.selected ul li a:hover {
    color: #6191C5;
}

.sf-menu a:link, .sf-menu a:visited  {
    color: #eee;   
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	4px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/style/img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/style/img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* Top Menu Skin */

.sf-top-menu {
    float: right;
    position: relative;
    text-align: center;
}

.sf-top-menu a, .sf-top-menu li a {
        font-size: 100%;
        text-align: center;
        height: 30px;
        width: 120px;
        color: #eee;
        line-height: 30px;
        text-shadow: 1px 1px #246275;
}
.sf-top-menu a, .sf-top-menu a:visited, .sf-top-menu a:link  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}
.sf-top-menu li {
   background-image: url("/style/img/menugrads.png");
    background-position: 0px -60px;
    background-repeat: repeat-x;
    width: 120px;
    height: 30px;
}

.sf-top-menu li.active-trail, .sf-top-menu li.selected {
    background-color: #dfdfdf;
}

.sf-top-menu li.active-trail a, .sf-top-menu li.selected a {
    text-shadow: 1px 1px #777;
}

.sf-top-menu li li {
    background-color: #2b446f;
    width:300px;
    height: 30px;
}

.sf-top-menu li li.myweather-help, .sf-top-menu li:hover li.myweather-help {
    background-color: #222;
    background-image: none;
    width:350px;
    height: auto;
    text-align: left;
    line-height: 36px;
    padding: 8px;
    color: #fff;
    border: 1px solid #ddd;
}

.sf-top-menu li li.myweather-help h3, .sf-top-menu li:hover li.myweather-help h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    
}

.sf-top-menu li li li {
	background-color: #2b446f;
}

.sf-top-menu li:hover, .sf-top-menu li.sfHover,
.sf-top-menu a:focus, .sf-top-menu a:hover, .sf-top-menu a:active {
    color: #fff;
    list-style: none;
    margin: 0;
}

.sf-top-menu li:hover ul li a, .sf-top-menu li a:hover ul li a, .sf-top-menu li ul li a {
    display:block;
    color: #eee;
    height: 30px;
    line-height: 30px;
    font-weight:normal;
    padding:4px;
    width:350px;
    background-color: #2b446f;
    background-image: none;
    border-top: 1px solid #ddd;
}

.sf-top-menu li:hover, .sf-top-menu li a:hover, .sfmenu li a:hover, .sf-top-menu li ul li:hover,  .sf-top-menu li ul li a:hover{
    color: #fff;
    
}

.sf-top-menu a:link, .sf-top-menu a:visited  {
    color: #eee;   
}

/*** arrows **/
.sf-top-menu a.sf-with-ul {
	padding-right: 	4px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/style/img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

/*****************************************************
    Autocomplete
*****************************************************/
.ac_results {
	padding: 0px;
	border: 1px solid #aaa;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
        color: #363636;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: 100%;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/style/img/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #fff;
}

.ac_over {
	background-color: #2b446f;
	color: white;
}

/*************************************************************
    JQuery UI Overrides to custom-theme
**************************************************************/
.ui-widget-content { border: none;  color: #222222; overflow: auto; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: none; border-bottom: 1px solid #aaaaaa; background: none; color: #222222; font-weight: bold; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.ui-widget-header a { color: #222222; }
.ui-widget-header a:focus { outline: none; } 


.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0 .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 8px 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.map-link {
    position: absolute;
    z-index: 1000;
    right: 0px;
    top: 6px;
    
}

.map-link a, a:link, a:visited {
    color: #2763A5;
    text-decoration: none;
}

.map-link a:hover, a:focus {
    color: #6191C5;
}