@charset "utf-8";
/* CSS Document */
/*
light blue: #d4ebf7;
middle blue: #22bbee;
dark blue: #02101e;
*/
html, body {
	height: 100%;
}
body{
	margin:0 auto; 
	padding:0;
	background-color:#d4ebf7;
	font: 13px/16px Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li, ol {
	margin:0; padding:0;
}
tr, td {
	vertical-align:top;
}

.spacer {
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
.divider {
	position:relative;
	width:1004px;
	float:none;
	clear:both;
	height:1px;
}
img, a, button {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
a, a:link, a:active, a:visited, a:hover
{
	text-decoration:none;
	color:#000000;
}
/*------------------------------------------------ top ---------------------*/
div#top
{
	width:100%;
	height:150px;
	background-color:#001926;
	background: url(img/top.jpg) no-repeat left top;
}
div#menu
{
	width:100%;
	min-width:1004px;
	height:28px;
	background-color:#02101E;
	vertical-align:middle;
}
#menu #menuBox
{
	margin:6px 0 0 24px;
	float:left;
}
#menuBox a, #menuBox a:link, #menuBox a:visited
{
	float:left;
	color:#d4ebf7;
	margin:0 8px 0 0;
	border-top:solid 1px #22bbee;
	border-left:solid 1px #22bbee;
	padding:0 4px 0 8px;
}
#menuBox a:active, #menuBox a:hover
{
	text-decoration:underline;
	color:#22bbee;
}
#menu #account{
	float:right;
	margin:4px 24px 0 50px;
	color: #22bbee;
	width: 180px; 
z-index: 100;

}
#menu #account #profile{
	display: none; 
	background-color:#02101E; 
	padding: 6px 6px 10px 6px; 
	margin: 4px 0 0 0;
	z-index: 999;
}
#menu #account .accountBtn{
	cursor: pointer;
	border: 1px solid #22bbee;
	padding: 3px 3px 3px 3px;
	background: url(img/white-arrow.gif) no-repeat 160px -16px;
	font: bold 11px/12px Arial, Helvetica, sans-serif;
}
#menu #account .btnActive {
	background-position: 160px 4px;
}
#menu #account form{
	float:none;
}
#menu #account .label{
	float:none;
	margin:2px 0px 0 0;
}
#menu #account input{
	float:none;
	margin: 3px 0 0 0px;
	border:1px solid #22bbee;
	height:16px;
	width:100px;
}
#menu #account button, #menu #account .submit{
	float:none;
	margin: 5px 0 0 0;
	height:17px;
	display: block;
	width:32px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #02101E;
	background-color: #22bbee;
	border:1px solid #d4ebf7;
}
#menu #account a.logout, #menu #account a.logout:link, 
#menu #account a.logout:visited, #menu #account a.logout:active,
#menu #account a.logout:hover,
#menu #account a.sign, #menu #account a.sign:link, 
#menu #account a.sign:visited, #menu #account a.sign:active,
#menu #account a.sign:hover,
#menu #account a.login, #menu #account a.login:link, 
#menu #account a.login:visited, #menu #account a.login:active,
#menu #account a.login:hover
{
	float:none;
	display: block;
	margin: 5px 0 0 0;
	padding: 0 10px;
	height:17px;
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #02101E;
	background-color: #22bbee;
	border:1px solid #d4ebf7;
	text-align: center;
}

/*---------------------------------------------- oef top -------------------*/

/*------------------------------------------------ main --------------------*/
#main
{
	padding-left: 24px;
	margin:24px 24px 0 0;
	width: 900px;
}
#main h1
{
	font: bold 20px/24px Georgia, "Times New Roman", Times, serif;
	color: #02101E;
	border-left:double #02101E;
	border-bottom:double #02101E;
	padding: 0 0 4px 10px;
	margin:24px 0 13px 0px;
}
#main #forecast30
{
	font: bold 20px/16px Georgia, "Times New Roman", Times, serif;
	color: #02101E;
	padding: 0 0 4px 0px;
	margin:0 0 13px 0px;
}
#main h2
{
	font: bold 17px/20px Georgia, "Times New Roman", Times, serif;
	color: #02101E;
	border-left: solid 4px #22bbee;
	padding-left:10px;
	margin:24px 0 13px 0px;
}
#main h3
{
	font: bold 15px/17px Georgia, "Times New Roman", Times, serif;
	color: #02101E;
	border-left: solid 4px #22bbee;
	padding-left:10px;
	margin:24px 0 13px 0px;
}
#main p
{
	margin:8px 0 8px 0;
}
#main p.author
{
	font: bold 13px/17px Georgia, "Times New Roman", Times, serif;
	margin:8px 0 8px 0;
}
#main img{
	margin: 0 5px 5px 0;
}
#tableBlock
{
	margin: 20px 0 0 0;
}
input#date_from, input#date_to, input.selector {
	float:left;
	margin: 0 5px 0 5px;
	border:1px solid #22bbee;
	height:16px;
	width:130px;
	font: 12px/15px Arial, Helvetica, sans-serif;
}
input.speed {
	float:left;
	margin: 0 5px 0 5px;
	border:1px solid #22bbee;
	height:16px;
	width:130px;
	font: 12px/15px Arial, Helvetica, sans-serif;
}
.ui-datepicker-trigger
{
	float:left;
	margin: 0 10px 0 0;
}
input#row_num{
	float:left;
	margin: 0 10px 0 6px;
	border:1px solid #22bbee;
	height:16px;
	width:50px;
	font: 12px/15px Arial, Helvetica, sans-serif;
}
#main button#tableSubmit{
	float:left;
	margin: 0 0 0 6px;
	height:17px;
	width:32px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #02101E;
	background-color: #22bbee;
	border:1px solid #02101e;
}
#main button#csvButton{
	float:left;
	margin: 0 0 0 6px;
	height:17px;
	width:64px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #02101E;
	background-color: #22bbee;
	border:1px solid #02101e;
}
#main .fieldlabel{
	float:left;
	margin:2px 0px 0 0;
	font-weight:bold;
}
table#tabArchive
{
	border: none;
	margin: 0 0 0 0;
	width: 640px;
	text-align: center;
}
table#tabArchive td
{
	border: none;
}
table#tabArchive tr.colored
{
	border: none;
	background-color: #22bbee;
}
table#tabArchive tr.title
{
	border: none;
	background-color: #02101e;
	color: #d4ebf7;
}
.loader
{
	width:50px;
	height:50px;
	background: url(img/loader.gif) no-repeat left top;
	margin:0 0 20px 10px;
}
#station
{
	border: 1px solid #22bbee; 
	margin: 0pt 15px 0pt 5px; 
	float: left;
}
#main p.zdate
{
	margin: 20px 0 0 0;
}
#main #latLong{
	color: #02101E;
	font-weight: bold;
	margin: 10px 0 0 0; 
}
#main #latDiv, #main #longDiv{
	width: 180px;
	margin: 10px 20px 0 0; 
}
#main #map_desk{
	margin: 10px 20px 0 10px; 
}
#main #map_desk table tr td{
	vertical-align: middle; 
	margin: 0 10px 10px 10px;
}
/*--------------------------------------------- eof main --------------------*/

/*--------------------------------------------- footer --------------------*/
#footer{
	width:100%;
	height:24px;
	color:#d4ebf7;
	background-color:#02101E;
	vertical-align:middle;
	margin:30px 0 0 0;
	padding:6px 0 0 0;
	font: 10px/16px Arial, Helvetica, sans-serif;
}
#footer span{
	margin:0 0 0 24px;
}
#footer a, #footer a:link, #footer a:visited{
	color:#d4ebf7;
}
#footer a:active, #footer a:hover{
	text-decoration:underline;
	color:#22bbee;
}
/*--------------------------------------------- eof footer --------------------*/
.formBlock
{
	margin:20px 0 20px 0;
}
#info
{
	margin:10px 0 20px 0;
}