/* CSS Document */
html{
height:100%;
}
body{
background-color:#CCCCCC;
text-align:center;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:100%;
}
#mainContainer{
position:relative;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
text-align:left;
height:1215px;
background-color:#FFFFFF;
border:1px solid #666666;
padding:0px;
}
#header{
height:66px;
margin:0px;
padding:0px;
text-align:center;
}
#titleHeader{
position:absolute;
text-align:center;
top:9px;
left:250px;
width:440px;
}
#currentWeather{
position:absolute;
top:9px;
left:0px;
text-align:left;
margin:-2px 0px 0px 700px;
width:400px;
font-size:11px;
color:#012345;
}
.iconCurrent{
float:left;
}
.currentWeatherText{
font-weight:bold;
}
/*PICTURES HEADER*/
.blueLine{
font-size:1px;
height:1px;
background-color: #a8cd42;   /*#09B4C8; border #068391 replace also #00526a with the blue*/
border-top:1px solid #00526a;
border-bottom:1px solid #00526a;
margin:0px;
padding:0px;
}
#galleryHeader{
margin:0px;
padding:0px;
height:170px;
background-color:#EEEEEE;
}
#pictureHeader{
position:relative;
float:left;
width:767px;
margin:0px;
padding:0px;
border-right:2px solid #00526a;
height:170px;
}
.transparent{
position:absolute;
top:0px;
left:0px;
}
#leftHeaderBox{
float:left;
border-right:0px;
width:187px;
height:166px;
padding-top:3px;
padding-left:2px;
margin:0px;
background-color:#EEEEEE;
}
#infoMonth p.monthTitle{
font-weight:bold;
text-decoration:underline;
color:#00526a;
margin:3px 0px 10px 0px;
text-align:center;
text-transform:uppercase;
}
#infoMonth p.description{
margin:-4px 7px 5px 7px;
font-weight:normal;
text-decoration:none;
text-align:center;
font-size:11px;
}
/*MENU*/
/*MAIN NAV*/
#bar{
clear:both;
height:22px;
border-top:1px solid #00526a;
border-bottom:1px solid #00526a;
background-color: #a8cd42;
}
#mainmenu{
margin:0px;
padding:0px 0px 0px 0px;
border:0px;
}
#mainNav{
margin:0px;
padding:0px;
list-style-type:none;
width:960px;
float:left;
}
#mainNav li{
margin:0px;
padding:0px;
float:left;
}
#mainNav a{
float:left;
width:140px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
border:0px;
line-height:22px;
/*border-right:1px solid #012345;*/
font-size:11px;
}
#mainNav a:hover{
color:#FFFF00;
font-size:11px;
}
#mainNav .current{
color:#ffffff;
font-weight:bold;
font-size:11px;
}
#contentsContainer{
position:relative;
height:auto;
width:880px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#highlight{
clear:both;
position:absolute;
bottom:78px;
width:100%;
height:0px;
border-top:1px solid #e1e1e1;
background-color:#eae7de;
}
/*#advertise{
position:absolute;
width:100%;
bottom:0px;
}*/
#footer{
position:absolute;
width:960px;
bottom:0px;
height:54px;
background-color:#535353;
margin-top:0px;
border-top:1px solid #66635e;
text-align:center;
/*clear:both;
height:auto;
text-align:center;
margin:0px;
padding-top:1px;
padding-bottom:2px;*/
}
.textFooter{
float:left;
width:573px;
height:42px;
margin-left:185px;
padding-top:12px;
}
#footer span{
font-size:9px;
color:#ffffff;/*#00526a;*/
}
#created{
color:#FFFFFF;
font-size:10px;
position:absolute;
width:170px;
left:15px;
bottom:3px;
}
.designer{
color:#FFFFFF;
}
.designer:hover{
color:#00526a;
}
#weathernetLogo{
float:left;
width:152px;
height:48px;
padding-top:5px;
/*margin:-34px 0px 0px 740px;
#margin:-42px 0px 0px 728px;*/
}
#weathernetLogo img{
border:1px solid #292929;
margin:0px;
}
/* --- FORECAST ----*/
#weatherDataBox{
float:right;
width:444px;
padding:30px 0px 0px 0px;
}
/*TABLE WITH THE WEATHER DATA*/
.columnData{
float:left;
width:105px;
margin:0px 0px 2px 5px;
padding:0px;
}
.columnData table{
width:105px;
height:327px;
margin:0px;
font-size:10px;
border-collapse:collapse;
table-layout:fixed;
}
.columnData table tr{
height:33px;
}
.columnData table td{
border:1px solid #666666;
height:33px;
overflow:hidden;
}
.titleTab{
font-weight:bold;
background-color:#CCCCCC;
}
.columnData table tr.firstCell{
background-color:#FFFFFF;
}
.columnData table tr td.firstCell{
border:0px;
background-color:#FFFFFF;
height:34px;
}
/*Change Class*/
.grayCell{
/*color:#999999;
background-image:url('');
background-color:#e6e6e6;*/
background-color:#333333;
opacity:0.4;
filter:alpha(opacity=40);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
/*progid:DXImageTransform.Microsoft.Alpha(opacity=40);*/
zoom:1;
}
.sunRiseTab{
background-image:url('image/weatherIcon/sunrise.jpg');
background-repeat:no-repeat;
background-position:top left;
background-color:#d4e9f2;
}
.sunSetTab{
background-image:url('image/weatherIcon/sunset.jpg');
background-repeat:no-repeat;
background-position:top left;
background-color:#d4e9f2;
}
.linkDetails{
color:#000000;
display:block;
height:32px;
line-height:32px;
width:103px;
text-decoration:none;
vertical-align:middle;
}
.details{
background-color:#eae7de;
}
/*TODAY'S FORECASTER BOX*/
#mainTodayForcaster{
float:right;
width:432px;
margin:30px 0px 0px 0px;
padding:0px;
}
.ForcasterBox{
width:380px;
height:310px;
margin-right:50px;
padding-top: 14px;
background-color:#eae7de;
border:1px solid #a5a5a7;
margin-top:0px;
margin-bottom:3px;
}
.captionDiv{
clear:both;
width:380px;
margin:0px;
margin-right:50px;
}
.border{
margin:0 auto;
padding:0px;
font-size: 0;
line-height: 0;
border:1px solid #a5a5a7;
background-color:#FFFFFF;
width:350px;
height:294px;
text-align:center;
}
.title{
font-size:24px;
color:#00526a;
margin-top:14px;
margin-bottom:1px;
font-weight:600;
}
.titleSmall{
font-size:16px;
color:#00526a;
font-weight:bold;
}
.caption{
font-size:12px;
color:#66635e;
}
.subCaption{
color:#66635e;
font-size:9px;
font-style:italic;
}
.clickInfo{
font-size:11px;
color:#66635e;
margin:-16px 0px 4px 0px;
padding:0px 0px 0px 4px;
text-align:right;
}
.sunsmart{
margin-left:165px;
}
.captionHeader{
font-weight:bold;
color:#66635e;
margin:0px 0px;
}
.subcaptionHeader{
color:#66635e;
margin:0px;
font-size:10px;
font-style:italic;
}
.sponsor{
font-weight:bold;
color:#FFFFFF;
margin-left:5px;
}
.highlightTitle{
float:left;
font-weight:bold;
color:#66635e;
margin-left:5px;
}
.link{
color:#00526a;
font-weight:bold;
}
.link:hover{
color:#33CCFF;
font-weight:bold;
}

/*Counter */
.counter{
font-size:10px;
font-weight:bold;
color:#FFFFFF;/*#66635e*/
margin-top:5px;
/*  *margin-top:0px; */
}
#FLVPlayer{
background-color:#666666;
}
.imageIcon{
margin:0px;
padding:0px;
border:0px;
}
.opacity{
opacity:0.4;
filter:alpha(opacity=40)
}
.eye{
margin:0px;
height:33px;
/*background-color:#e6e6e6;*/
background-color:#d1d9e5;
border:1px solid #666666;
}
/*Images for the highlight boxes 
.highlightImages{
text-decoration:none;
}
.highlightImages img{
float:left;
margin-right:17px;
margin-left:17px;
margin-top:3px;
border:1px solid #333333;
}
.highlightImages img:hover{
border:1px solid #068391;
}*/
.highlightValue{
float:left;
padding:5px;
width:45px;
margin-top:4px;
margin-left:10px;
border:1px solid #66635e;
background-color:#FFFFFF;
font-weight:bold;
text-align:center;
font-size:10px;
cursor:default;
}
.highlightValueMWD{
float:left;
padding-top:2px;
padding-bottom:2px;
width:25px;
margin-top:4px;
margin-left:2px;
border:1px solid #66635e;
background-color:#FFFFFF;
font-weight:bold;
text-align:center;
font-size:10px;
cursor:default;
}
.sunRise{
background-image:url("image/backgroundSunrise.jpg");
background-repeat:no-repeat;
background-position:top left;
background-color:#D7E4F2;
}
.sunSet{
background-image:url("image/backgroundSunset.jpg");
background-repeat:no-repeat;
background-color:#e9bb04;
}
.warning{
float:left;
margin-top:3px;
margin-left:30px;
color:#990000;
font-weight:bold;
text-align:center;
font-size:10px;
}
.warningBig{
margin-top:20px;
color:#990000;
font-weight:bold;
text-align:center;
font-size:12px;
}
.arrow{
float:left;
margin-top:5px;
margin-left:0px;
margin-right:8px;
margin-bottom:0px;
border:0px;
z-index:200;
}
.wind{
float:left;
padding:0px;
margin:0px;
margin-top:3px;
margin-left:24px;
margin-right:5px;
height:24px;
line-height:24px;
}
/*Conversion Table*/
.dataTableConv{
font-size:10px;
background-color:#FFFFFF;
border:0px;
table-layout:fixed;
width:880px;
margin:0px;
padding:0px;
}
.dataTableConv tr th{
text-align:left;
padding:0px;
margin:0px;
height:13px;
line-height:13px;
}
.convTab tr, .convTab tr td {
height:13px;
line-height:13px;
font-size:11px;
margin:0px;
padding:0px;
}
.convTab tr td input {
vertical-align:middle;
height:13px;
line-height:13px;
margin:0px;
padding:0px;
}
.conversionForm {
height:13px;
line-height:13px;
}
/*DETAILS TABLES*/
.dataTable{
font-size:10px;
background-color:#FFFFFF;
border:0px;
table-layout:fixed;
width:880px;
}
.dataRow{
border:1px solid #999999;
text-align:center;
background-color:#FFFFFF;
margin:0px;
padding-top:2px;
padding-bottom:2px;
height:24px;
}
.gray{
background-color:#eae7de;
}
.dataRowTitle{
border:1px solid #999999;
background-color:#CCCCCC;
text-align:center;
height:24px;
}
.dateEmpty{
background-color:#FFFFFF;
}
.dataEmptyRow{
text-align:center;
background-color:#FFFFFF;
}
.dataTable tr{
height:11px;
line-height:11px;
font-size:10px;
}
.dateWidth{
margin:0px;
}
/*COLOR CELL*/
/*SUNBURN POLLEN*/
.Low{
background-color:#33CC00;
}
.Medium{
background-color:#FFFF00;
}
.Moderate{
background-color:#FFFF00;
}
.High{
background-color:#FF9900;
}
.VeryHigh{
background-color:#FF0000;
}
/*RAIN*/
.rain01{
background-color:#D1FFFF;
}
.rain02{
background-color:#aaeeff;
}
.rain1{
background-color:#99ccff;
}
.rain2{
background-color:#66aaff;
}
.rain4{
background-color:#3399ff;
}
.rain8{
background-color:#0077ff;
}
.rain16{
background-color:#0055ff;
}
.rain32{
background-color:#0033ff;
}
.rain64{
background-color:#0011ff;
color:#FFFFFF;
}
/*TEMPERATURE*/
.tempminus1{
background-color:#E8FFFF;
}
.tempminus3{
background-color:#6EFFFF;
}
.tempminus6{
background-color:#00CCFF;
}
.tempminus9{
background-color:#0066FF;
}
.tempminus12{
background-color:#2200EF;
}
.tempminus15{
background-color:#330066;
color:#FFFFFF;
}
.tempminus18{
background-color:#270033;
color:#FFFFFF;
}
.temp1{
background-color:#D3FFD7;
}
.temp3{
background-color:#85FFB0;
}
.temp6{
background-color:#0EE851;
}
.temp9{
background-color:#0BBA3B;
}
.temp12{
background-color:#04501A;
color:#FFFFFF;
}
.temp15{
background-color:#A8A900;
}
.temp18{
background-color:#FFFF16;
}
.temp21{
background-color:#FFED8D;
}
.temp24{
background-color:#FF8342;
}
.temp27{
background-color:#FF4014;
}
.temp30{
background-color:#D44600;
}
.temp33{
background-color:#AC0000;
color:#FFFFFF;
}
.temp36{
background-color:#E40873;
}
.temp39{
background-color:#FC1CFF;
}
/*LIGHTNING*/
.hlLow{
background-color:#FFFF00;
}
.hlMedium{
background-color:#FF9900;
}
.hlHigh{
background-color:#DE0E13;
}
/*WIND*/
.wind1{
background-color:#DDF6E5;
}
.wind3{
background-color:#BBEECC;
}
.wind7{
background-color:#99E5B2;
}
.wind12{
background-color:#77DD99;
}
.wind17{
background-color:#55D47F;
}
.wind24{
background-color:#33CC66;
}
.wind30{
background-color:#2AAA55;
}
.wind38{
background-color:#228844;
}
.wind46{
background-color:#196633;
color:#FFFFFF;
}
.wind54{
background-color:#114422;
color:#FFFFFF;
}
.wind63{
background-color:#082110;
color:#FFFFFF;
}
.wind73{
background-color:#000000;
color:#FFFFFF;
}
/*SOLID PRECIPITATION*/
.solid{
background-color:#FF00FF;
}
/*SNOW*/
.snow{
background-color:#FFFFFF;
}
.snow1{
background-color:#FFE5D4;
}
.snow2{
background-color:#FFCCAA;
}
.snow5{
background-color:#FFB27F;
}
.snow10{
background-color:#FF9955;
}
.snow25{
background-color:#FF7F2A;
}
.snow50{
background-color:#FF6600;
}
/*DIV DETAILS TABLES*/
#divConversion{
position:absolute; 
top:450px;
left:0px;
height:162px;
width:880px;
margin:0px;
padding:0px;
}
#bigTable0{
clear:both;
display:block;
width:880px;
padding:0px;
padding-top:30px;
text-align:left;
}
#activity0{
display:block;
height:auto;
width:100%;
margin:46px auto 10px auto;
padding:0px;
}
#bigTable1{
clear:both;
display:none;
width:880px;
padding:0px;
padding-top:30px;
text-align:left;
}
#activity1{
display:block;
height:auto;
width:100%;
margin:46px auto 10px auto;
padding:0px;
}
#bigTable2{
clear:both;
display:none;
width:880px;
padding:0px;
padding-top:30px;
text-align:left;
}
#activity2{
display:block;
height:auto;
width:100%;
margin:46px auto 10px auto;
padding:0px;
}
.titleBoxes{
font-size:13px;
font-weight:bold;
color:#00526a;
margin-top:3px;
margin-bottom:3px;
}
.titleDate{
font-size:14px;
font-weight:bold;
color:#00526a;
margin-top:3px;
margin-bottom:3px;
}
.closeLink{
position:absolute;
left:710px;
}
.upperTitle{
text-transform:uppercase;
color:#0698A8;
}
.ieBorder{
border:1px solid #666666;
}
/*CONVERSION SPAN*/
.celsius{
display:block;
}
.fahrenheit{
display:none;
}
.mm{
display:block;
}
.inches{
display:none;
}
.mph{
display:block;
}
.knots{
display:none;
}
/*PROFILE*/
#profiles{
margin:0 auto;
padding:0px;
font-size: 0;
line-height: 0;
border:1px solid #a5a5a7;
background-color:#FFFFFF;
width:350px;
height:294px;
text-align:center;
}
#todayProfile{
background-color:#FFFFFF;
height:294px;
width:350px;
font-size:11px;
border:1px solid #666666;
}
#todayProfile tr td{
border:1px solid #666666;
line-height:12px;
}
#todayProfile tr td.todayForcaster{
height:12px;
width:350px;
padding:3px;
font-weight:bold;
color:#00526a;
margin:0px;
}
#todayProfile tr td.pictureForcaster{
height:165px;

padding:0px;
margin:0px;
}
#todayProfile tr td.profileForcaster{
background-color:#F2F1EC;
border:1px solid #666666;

height:87px;
margin:0px;
padding:4px;
padding-left:1px;
padding-right:1px;
}
/*#todayProfile tr td.nameForcaster{
height:12px;
line-height:12px;
}*/
#todayProfile tr td.weatherInfo{
height:252px;
width:175px;
margin:0px;
padding:4px;
}
.weatherSpan{
display:none;
}
/*OFFLINE MESSAGE*/
.offline{
font-size:12px;
font-weight:bold;
margin:20px 20px 0px 46px;
line-height:15px;
}