﻿*
{
	padding: 0;
	margin: 0;
	border: 0;
}
body
{
	font-family: Verdana, Arial, Tahoma, sans-serif;
	/*background-color: #FFFFFF;*/
	text-align: center;
	text-decoration: none;
}
.MapViewer_TitleBarStyle
{
	background-color: #004080;
	font-weight: bold;
	font-size: xx-large;
	vertical-align: middle;
	color: white;
	font-family: Arial, Verdana, Sans-Serif;
}
.MapViewer_Table
{
	border: thin solid #63a5d3;
	width: 975px;
}

.MapViewer_TitleBannerStyle
{
	display: block;
	background-color: #82b8de;
	background-image: url(images/TitleBanner.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: small;
	font-family: Verdana, Sans-Serif, Arial;
	color: #666666;
	height: 50px;	
}
.lbltext
{
	margin-left:5px; 
}
.MapViewer_TaskbarStyle
{
	background-color: #376F92;
	font-weight: bold;
	font-size: 10pt;
	color: white;
	height: 25px;
	text-decoration: none;
	font-family: Verdana, Sans-Serif, Arial;
	background-image: url(images/1/banner.png);
	background-repeat: repeat-x;
}

.MapViewer_SmallTitleBarStyle
{
	font-weight: bold;
	font-size: small;
	color: black;
	font-family: Arial, Verdana, Sans-Serif;
	text-align :left; 
}

.MapViewer_PanelHeaderStyle
{
	background-color: Navy;
	color: White;
	font-family:  Verdana,Arial, Sans-Serif;
	font-size: small;
	font-weight: bold;
	width: 100%;
}

.MapViewer_PanelContentsStyle
{
	background-color: white;
	color: black;
	font-family:  Verdana,Arial, Sans-Serif;
	font-size: small;
	width: 100%;
	display: block;
	text-align:justify ; 
}

.MapViewer_WindowTitleBarStyle
{
	background-color: #376F92;
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Verdana, Sans-Serif, Arial;
	background-image: url(images/blue-gradient-24x1.gif);
	background-repeat: repeat-x;
}

.MapViewer_WindowStatusBarStyle
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: x-small;
	color: white;
}

.MapViewer_WindowContentsStyle
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: x-small;
	background-color: White;
	color: Navy;
	border: 1px solid black;
	overflow: hidden;
}

.MapViewer_WindowBodyStyle
{
	background-color: #00008b;
	color: White;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: x-small;
	border: solid thin Black;
}
.toolbar
{
	color: White;
	padding: 6px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#63a5d3,endColorStr=#ffffff);
}
.button
{
	border-right: #82b8de 1px solid;
	border-top: #82b8de 1px solid;
	border-left: #82b8de 1px solid;
	border-bottom: #82b8de 1px solid;
	background-color: #ffffff;
	cursor: hand;	
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: normal;
	text-align: center;
	font-variant: normal;	
}

.button1
{
	border-right: #82b8de 1px solid;
	border-top: #82b8de 1px solid;
	border-left: #82b8de 1px solid;
	border-bottom: #82b8de 1px solid;
	background-color: #ffffff;
	cursor: hand;
	text-indent: 2px;
	font-weight: bold;
	font-size: 110%;
	vertical-align: middle;
	font-style: normal;
	letter-spacing: normal;
	text-align: center;
	font-variant: normal;
}

a:link
{
	color: black;
	text-decoration: none;
}

a:visited
{
	color: black;
	text-decoration: none;
}

a:hover
{
	color: black;
	text-decoration: none;
}

a:active
{
	color: #000000;
	text-decoration: none;
}

.StaticMenu
{
	border: thin solid #63a5d3;
}

.StaticMenuItem
{
	cursor: hand;
	height: 20px;
	font-size: 9pt;
	width: 100px;
	text-decoration: none; /*background: url(images/menubg.jpg) no-repeat -1px 100%;*/
}
.LeftStaticMenuItem
{
	/*background-color: #376F92;*/
	cursor: hand;
	height: 15px;
	font-size: 10px;
	width: 150px; /* background: url(images/menubg.jpg) no-repeat -1px 100%;*/
	border-bottom: 1px solid #EFF0F1;
	padding: 2px 0 2px 5px;
	margin: 0 2px 0px;
	text-align: left;
	text-decoration: none;
}
.TextBox
{
	height: 15px;
	font-size: 10px;
	width: 150px; 
	border-bottom: 1px solid #EFF0F1;
	margin: 0 2px 0px;
	text-align: left;
	text-decoration: none;
}
a:link.LeftStaticMenuItem 
{
	color:#000000; 
}
a:hover.LeftStaticMenuItem /*,a:hover.LeftStaticMenuItem-Hover,a:hover.LeftMenuItemStyle,a:hover.LeftMenuItemStyle-Hover*/
{
	color: #000000;
}
a:visited.LeftStaticMenuItem
{
	color: #000000;
}
.LeftStaticMenuItem-Hover
{
	cursor: hand;
	height: 15px;
	font-size: 10px;
	width: 150px;
	color: #000000;
	background-color:#63a5d3;	
	border-bottom: 1px solid #EFF0F1;
	padding: 2px 0 2px 5px;
	margin: 0 2px;
	text-decoration: none;
	text-align: left;
}
.LeftStaticMenuItem-Selected
{
	height: 15px;
	font-size: 10px;
	width: 150px;
	color: #000000;
	background-color:#63a5d3;	
	border-bottom: 1px solid #EFF0F1;
	padding: 2px 0 2px 5px;
	margin: 0 2px;
	text-decoration: none;
	text-align: left;

}
.StaticMenuItem-Hover
{
	cursor: hand;
	height: 20px;
	font-size: 9pt;
	width: 100px;
	color: #63a5d3;
	text-decoration: none; /*background-color:White; */ /*background: url(images/menubg2.jpg) no-repeat -1px 100%;*/
}

.StaticMenuItem-Hover-Selected
{
	cursor: hand;
	height: 20px;
	font-size: 9pt;
	width: 100px;
	text-decoration: none;
	background-color: White;
}
.MenuItemStyle
{
	cursor: hand;
	height: 20px;
	font-size: 8pt;
	width: 150px;
	text-align: left;
	text-decoration: none;
	background-color:#63a5d3;
	/*background: url(images/blue-gradient-30x1.gif) repeat-x -1px 100%;*/
}
.LeftMenuItemStyle
{
	text-align: left;
	width: 160px;
	font-size: 10px;
	height: 20px;
	text-decoration: none;
	border-bottom: 1px solid #EFF0F1;
	padding: 2px 0 2px 5px;
	margin: 0 2px;
	text-align: left;
}
.MenuItemStyle-Hover
{
	text-align: left;
	width: 150px;
	font-size: 8pt;
	height: 20px;
	text-decoration: none;
	background-color:#63a5d3;
}
.LeftMenuItemStyle-Hover
{
	text-align: left;
	width: 160px;
	font-size: 10px;
	height: 20px;
	text-decoration: none;
	border-bottom: 1px solid #EFF0F1;
	padding: 2px 0 2px 5px;
	margin: 0 2px;
	text-align: left;
}
.MenuItemStyle-Hover-Selected
{
	text-align: left;
	width: 150px;
	text-decoration: none;
	font-size: 10px;
	height: 20px;
}


/* Sidebar */
.sidebar
{
	float: left;
	width: 160px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0;
	color:Black; 
}
.sidebarh1
{
	margin-top: 10px;
	font: bold 1.1em Verdana, 'Trebuchet MS' , Sans-serif;
	color: white;
	background: #EEF0F1 url(images/blue-gradient-30x1.gif) repeat-x left bottom;
	border: 1px solid #EFF0F1;
	padding-right: 0px;
	padding-left: 2px;
	padding-bottom: 4px;
	padding-top: 0px;
}
.sidebarleft-box
{
	border: 1px solid #EFF0F1;
	margin: 0 0 5px 0;
}
.sidebarright
{
	float: left;
	width: 160px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0;
	color:Black; 
}
.sidebarh1right
{
	margin-top: 10px;
	font: bold 1.1em Verdana, 'Trebuchet MS' , Sans-serif;
	color: white;
	background: #EEF0F1 url(images/blue-gradient-30x1.gif) repeat-x left bottom;
	border: 1px solid #EFF0F1;
	padding-right: 0px;
	padding-left: 2px;
	padding-bottom: 4px;
	padding-top: 0px;
}
.sidebarleft-boxright
{
	border: 1px solid #EFF0F1;
	margin: 0 0 5px 0;
}
.NewTableParametersTitle
{
	height: 12px;
	width: 125px;
	font-size: x-small;
	font-weight: bold;
	font-family: Verdana,tahoma;
	border-bottom: #000000 1px solid;
	width: 90%;
	padding-bottom: 5px;
	padding-top: 2px;
}


.NewTableTitle1
{
	 height:16px;
	 background-color:#31b5f3;
	 color:White;
	 font-size:small;
	 font-weight:bold;
	
}
.NewTableTitle2
{
	 height:16px;
	 background-color:#b2b3b3;
	 font-weight:bold;
	 font-size:x-small;
	 
}

.NewTableParametersTitle1
{
	 height:15px;
	  width:125px;
	 font-size:x-small;
	 font-weight:bold;
	 background-color: #b8d6fa;
	 
	
}
.NewTableParametersText
{
	 height:15px;
	 width:125px;
	 font-size:10px;
	 background-color:Transparent;
	 
	 
	
}

.NewTableWeatherImage
{
	 
	  width:87px;
	 font-size:small;
	 background-color:Transparent;
	 
	 
	
}
.sumTable
{
	width:500px;
	text-align:center;
	
}
.sumTitle
{
	width:100% ;
	font-size:8pt;
	color: White ;
	background-color:Blue;    	
}
.sumTitleSub
{
	width:100% ;	
	font-size:8pt;
	color: White ;
	background-color:Gray;    	
}
.subimg
{
	width:25%;   
}
.subHeading
{
	font-size:8pt;
	font-weight:bold;
	color :Black;
	background-color:Gray;       
}
.subdata
{
	font-size:8pt;
	color :Black;
}

.MaxMinTable
{
	width: 600px;
	border-right: gainsboro 1pt solid;
	border-top: gainsboro 1pt solid;
	border-left: gainsboro 1pt solid;
	border-bottom: gainsboro 1pt solid;
	
}
.MaxMinTableImageCol
{
	width: 125px;
	vertical-align: middle;
	text-align: center;
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	font-size: 8pt;
	font-family: verdana;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


.MaxMinTableDateTitle
{
	background-color:darkgray;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	color: black;
	font-family: vedana;
	height: 15px;
}

.MaxMinTableDayTitle
{
	background-color: orange;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	color: black;
	font-family: vedana;
	height: 15px;
}

.MaxMinTableNightTitle
{
	background-color: orchid;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	color: black;
	font-family: vedana;
	height: 15px;
}

.MaxMinTableParTitle
{
	font-size: 10pt;
	color: black;
	font-family: verdana;
	background-color: #ccffff;
	text-align: center;
	width: 120px;
	height: 15px;
	font-weight: bold;
}

.MaxMinTableParValue
{
	font-size: 10pt;
	color: black;
	font-family: verdana;
	background-color: #ffffff;
	text-align: center;
	width: 120px;
	height: 15px;
}

.MaxMinTableParValue1
{
	font-size: 10pt;
	color: black;
	font-family: verdana;
	background-color: #ccffff;
	text-align: center;
	width: 120px;
	height: 15px;
}



.MaxMinTableDateTitleHy
{
	background-color: darkgray;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	color: black;
	font-family: vedana;
	height: 15px;
	width:500px;
}

.MaxMinTableParTitleHy
{
	font-size: 10pt;
	color: black;
	font-family: verdana;
	background-color: #ccffff;
	text-align: center;
	width: 200px;
	height: 15px;
	font-weight: bold;
}

.MaxMinTableParValueHy
{
	font-size: 10pt;
	color: black;
	font-family: verdana;
	background-color: #ffffff;
	text-align: center;
	width: 200px;
	height: 15px;
}



 #MainTable
{
	width:650px;
	font-family:Verdana ;
	background-color:#90bbda;
	

}
#DayTable
{
	background-color:#F6F1D4;
	width:315px;
	color:#1d4d70;
	
}
#DayTopMargin
{
	height:5px;
}
#DayLeftMargin
{
	width:5px;
}

#NightTable
{
	background-color:#ECF0FC;
	width:315px;
	color:#1d4d70;
}

#DateRow
{
	background-color:#76a3c4;
	height:15px;
	color:White;
	font-size:12px;
	font-weight:bold;

}
#DayNightRow
{
	background-color:#90bbda;
	height:15px;
	color:#083656;
	font-size:12px;
	font-weight:bold;
	
}
#FooterRowDay
{
	
	height: 15px;
	font-size: 8pt;
	font-weight: normal;
	font-family: verdana;
}

#FooterRowNight
{
	height: 15px;
	font-size: 8pt;
	font-weight: normal;
	font-family: verdana;
}
#Footer
{
	height:10px;
}
#TempIcon
{
	width:78px;
	height:52px;
	background-color:White;
	text-align:center ;
	border-color:#E3E1C7;
	border-width:thin;
	
}
#TempText
{
	width:30px;
	background-color:White;
	height:10px;
	font-size:11px;
	font-weight:normal;
	
		
	
	 
}
#TempValue
{
	width:30px;
	background-color:White;
	height:10px;
	font-size:18px;
	color:#111d8c;
	font-weight:bold;
	
}

#TempDesc
{
	background-color:White;
	height:10px;
	width:68px;
	font-size:7pt;
 color:Green;
text-align:center;
vertical-align:baseline ;


	
	
}
#HumidityText
{
	background-color:White;
	font-size:11px;
	width:30px;
	font-weight:normal;
	height:10px;
}
#HumidityValue
{
	background-color:White;
	font-size:10px;
	width:30px;
	height:10px;
	
	
}

#WindText
{
	width:100px;
	font-size:10px;
	height:22px;
	text-align:left;
	font-weight:normal;
	text-indent:6px;
	
	

}
#RainText
{
	width:100px;
	font-size:10px;
	height:22px;
	text-align:left;
	font-weight:normal;
	text-indent:6px;

}
#PressureText
{
	width:100px;
	 
	font-size:10px;
	height:22px;
	text-align:left;
	font-weight:normal;
	text-indent:6px;

}
#DustText
{
	width:100px;
	font-weight:normal;
	font-size:10px;
	height:22px;
	text-align:left;
	text-indent:6px;

}
#WaveText
{
	width:100px;
	font-weight:normal;
	font-size:10px;
	height:22px;
	text-align:left;
	text-indent:6px;

}
#HdynamicText
{
	width:100px;
	font-weight:normal;
	font-size:10px;
	height:22px;
	text-align:left;
	text-indent:6px;

}
#WindValue
{
	width:101px;
	 font-weight:bold;
	font-size:11px;
	height:22px;
	text-align:left;

}
#RainValue
{
	width:101px;
	font-weight:bold;
	font-size:11px;
	height:22px;
	text-align:left;

}
#PressureValue
{
	width:101px;
 font-weight:bold;
	font-size:11px;
	height:22px;
	text-align:left;

}
#DustValue
{
	width:101px;
	 font-weight:bold;
	font-size:11px;
	height:22px;
	text-align:left;

}
#WaveValue
{
	width:101px;
	font-size:11px;
	height:22px;
	text-align:left;
	font-weight:bold;

}
#HdynamicVal
{
	width:101px;
	font-size:11px;
	height:22px;
	text-align:left;
	font-weight:bold;

}