/* General settings */
html, body,
h1, h2, h3, h4, h5, h6,
div, blockquote, p, address, form, fieldset,
img,ul, ol,li,
dl, dt, dd, hr,
table, td, th, strong, em, sup, sub, ins, del, q, cite, code {
	margin: 0;padding: 0;
	border: 0;
}
small {font-size:10px !important}
ul {list-style-type:none;}
/* Linki */
a, a:visited { text-decoration: none;color:#A9B621;}
a:hover {text-decoration:underline;}
#closewin {position:absolute;right:3px;top:3px;}
:focus, input:focus {outline:none !important;}
h1 {font-size:17px;color:#000;line-height:25px;}
#404 h1 {
	font-size:17px !important;
}

#loginbtn a, #logoutbtn a {color:#fff !important;font-weight:bold;padding-left:26px !important;}
#loginbtn a:hover, #logoutbtn a:hover{color:#AEAAAA !important;}
#loginbtn a {background:url(../i/lock.gif) no-repeat left top;}
#logoutbtn a {background:url(../i/unlock.gif) no-repeat left top;}
#logoutbtn {}
#logoutbtn input.submit {
	background:none;border:0;
	color:#fff;font-weight:bold;
	height:25px;
	width:72px;padding:0;
	
}
h2 {color:#6B6B6B;font-size:11px;font-weight:bold;border-bottom:1px solid #DDDDDD;padding:5px 0;}
/* Forms */
form input, form textarea {
	display:block;width:150px;height:14px;
	padding-top:2px;padding-left:5px;
	border:1px solid #DDD;
	float:left ;
	background-color:#fff;
	font-size:11px;font-family:Verdana, Tahoma,serif;
	margin-bottom:10px;
}
form select {
	height:20px !important;
	font-size:12px;font-family:Verdana, Tahoma,serif;
	display:block;	float:left;
	padding-left:5px;
	border:1px solid #A5ACB2;
	background-color:#C1C3C8;
	
}
form textarea {}
form label {
	display:block;
	float:left;
	padding-left:0px;
	padding-right:10px;
	padding-top:2px;
	font-weight:normal;
	cursor:pointer;
}
#DATE {float:left;}
#DATE fieldset {
	float:left;
	position:relative;
	padding-top:7px;
}
#DATE #leftFields {}
#DATE #rightFields {float:right;padding-right:0px !important;}

#calStart, #calEnd {
	position:absolute; background:#E3E3E3;
	padding:10px;background:#E3E3E3;position:absolute;
	width:230px;height:210px;
	top:0;left:0
}
#calStart {display:none;}
#calEnd  {display:none}
#DATE fieldset.middle {padding-top:30px;}
#DATE label {color:#414657;width:105px;font-weight:bold;margin-bottom:5px;}
.w80 {width:80px !important}
.w85 {width:85px !important}
.w90 {width:90px !important}
.w110 {width:110px !important}
.info {width:22px;height:22px;float:left;padding-left:3px;cursor:pointer}
select#cal {margin-right:20px;}
.dataframe {float:left;border:1px solid #A5ACB2;background-color:#fff;padding:3px 4px 3px 4px;margin-right:0px;color:#414657;margin-bottom:5px;font-weight:bold;}
.dataframe2 {float:left;border:1px solid #F0F0F0;padding:4px 4px 3px 3px;margin-right:5px;color:#414657;margin-bottom:5px;font-weight:bold;}
.arrow {width:15px;height:14px;float:left;padding:2px 5px 2px 5px;}
.calendar {width:16px;height:16px;float:left;overflow:hidden;cursor:pointer;padding-right:4px;}
.date {float:left;padding-top:1px;}
#calendar {margin-bottom:0 !important;width:70px !important;border:0 !important;}
/*.calendar {width:21px;height:19px;float:left;overflow:hidden;text-indent:-9999px;background:url(../i/calendar.gif) no-repeat;cursor:pointer;margin-top:1px;}*/
#DATE fieldset.middle label {width:45px;padding-top:2px;}
#DATE fieldset.sample-calculate {padding-bottom:13px;}
#DATE fieldset.sample-calculate label {width:auto;padding-top:3px;padding-left:0px;text-align:left !important;}
#navigation {background:url(../i/topnav.gif) no-repeat #F0F0F0;height:28px;width:930px;float:left;padding:12px 0px 0px 10px;color:#252525}
#table-scroller {position:absolute;left:450px;bottom:-5px;width:auto;padding:5px 5px 0px 5px;}
#table-scroller input {padding:0px 0 3px 0;width:40px;cursor:pointer;font-size:15px;font-weight:bold;color:#636363}
form input.hour {
	width:40px;margin-right:5px;
}
#onoff label {cursor:pointer !important}
form input.check {
	float:left;display:block;
	width:auto !important;
	border:0 !important;
	margin-bottom:0px !important;
	font-size:10px !important;
	background:none;
}
form input.radio {
	float:left;display:block;
	width:auto !important;
	border:0 !important;
	margin-bottom:0px !important;
	font-size:10px !important;
	background:none;
	cursor:pointer;
}
/* Special */
br.clear {clear:both}
.hidden {display:none !important}
/* Layout */
body {
	text-align:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:11px;
	color:#777777;
	background:url(../i/bgbody.gif) repeat-x #C1C3C8;
}
#wrapper {width:980px;margin:0 auto;}
#head {width:980px;height:55px;float:left;position:relative;}
#logo {position:absolute;left:17px;top:17px;display:block;width:231px;height:19px;background:url(../i/czmuda-meteo.gif) no-repeat;text-indent:-9999px;}
#head ul {float:right;font-weight:normal;font-size:10px;margin-top:15px;padding-right:7px;}
#head li {float:left;display:block;padding:0 15px;text-transform:lowercase;}
#head li a {display:block;float:left;color:#AEAAAA;padding:7px 0;}
#head li.on a {color:#FFF;}
#head li a:hover {text-decoration:none;color:#FFF;}

#container {width:980px;float:left;margin-top:10px;}
#map-overlay {
	float:left;
	width:570px;min-height:540px;height:auto;
	background:url(../i/map-overlay.gif) no-repeat top left #252525;
}
#map {
	float:left;
	width:558px;
	height:525px;
	padding:6px 6px 9px 6px;
	background:url(../i/map-bottom.gif) no-repeat bottom left;
	overflow:hidden;
}
#country-map {width:558px;height:525px;overflow:hidden;background:url(../i/country-map2.gif) no-repeat;position:relative;}
.station {
	display:block;width:15px;height:15px;
	position:absolute;
	top:0;left:0;text-indent:-9999px;
	background:url(../i/station2.gif) no-repeat;
}
.station:hover {background:url(../i/station2h.gif) no-repeat;}
.station2 {
	display:block;width:15px;height:15px;
	position:absolute;
	top:0;left:0;text-indent:-9999px;
	background:url(../i/station2h.gif) no-repeat;
}
.station2:hover {background:url(../i/station2.gif) no-repeat;}
/* REGIONS */
.region-map {width:558px;height:525px;overflow:hidden;position:relative;}
.region-map img {position:absolute;top:0;left:0;}
.region-city, .region-roads, ,region-water, .region-pow, .region-woj {
	width:558px !important;height:525px;position:absolute !important;top:0 !important;left:0 !important;
}
#r1 {background:url(../maps/1bg.gif) no-repeat;}
#r2 {background:url(../maps/2bg.gif) no-repeat;}
#r3 {background:url(../maps/3bg.gif) no-repeat;}
#r4 {background:url(../maps/4bg.gif) no-repeat;}
#r5 {background:url(../maps/5bg.gif) no-repeat;}
#r6 {background:url(../maps/6bg.gif) no-repeat;}
#r7 {background:url(../maps/7bg.gif) no-repeat;}
#r8 {background:url(../maps/8bg.gif) no-repeat;}
#r9 {background:url(../maps/9bg.gif) no-repeat;}
#r10 {background:url(../maps/10bg.gif) no-repeat;}
#r11 {background:url(../maps/11bg.gif) no-repeat;}
#r12 {background:url(../maps/12bg.gif) no-repeat;}
#r13 {background:url(../maps/13bg.gif) no-repeat;}
#r14 {background:url(../maps/14bg.gif) no-repeat;}
#r15 {background:url(../maps/15bg.gif) no-repeat;}
#r16 {background:url(../maps/16bg.gif) no-repeat;}

#content-side-overlay {float:left;height:540px;width:390px;background:url(../i/content-side-overlay.gif) no-repeat #F3F3F3 top left;margin-left:20px;}
#content-side {
	float:left;line-height:15px;
	height:520px;width:360px;
	padding:10px 15px;
	background:url(../i/content-side-bottom.gif) no-repeat bottom left;
}
#content-side h1 {margin-bottom:5px;}
#content-side ul {
	padding:10px 0 0 0;
}
#content-side ul li {background:url(../i/bgli.gif) no-repeat 0 5px;padding-left:15px;margin-bottom:3px;}
#content-side ul.stations-list li {background:url(../i/station2.gif) no-repeat 0 2px;padding:2px 0 2px 20px;margin-bottom:3px;display:block;}
#content-side ul li a {color:#1D90CB}
.white-box {
	background-color:#fff;
	padding:3px 10px;
	margin-top:10px;
}
.white-box h2 {color:#252525;font-weight:bold;}
/* Window */
#window-overlay {width:980px;float:left;background:url(../i/window-overlay.gif) no-repeat top left #F0F0F0;}
#window {width:980px;float:left;min-height:240px;height:auto;background:url(../i/window-bottom.gif) no-repeat bottom left}
#window-top-black {
	position:relative;
	width:940px;float:left;
	padding:10px 20px 0px 20px;
	float:left;color:#C6C6C6;
	background:url(../i/window-top.gif) no-repeat top left #252525;
}
#window-top-black a {text-decoration:underline;}
#window-top-black a:hover {text-decoration:none;}
#window-top-black h1 {color:#F0F0F0;border-bottom:1px solid #F0F0F0;font-size:13px;font-weight:bold;}
#window-top-black h2 {color:#F0F0F0;margin-bottom:0px;border:0;}
#global-loading {width:126px;height:22px;overflow:hidden;position:absolute;bottom:20px;right:20px;display:none;}
#loading2 {display:none;font-size:18px;text-align:center;color:#000;width:300px;height:100px;position:absolute;top:20%;left:35%;z-index:1000;}
/* TABLE */
#tableBox {
	float:left;
	width:940px;padding:20px 20px 25px 20px;
	position:relative;
}
#dataTable {
	background:url(../i/tablebg.gif) repeat-x #fff;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD; 
}
#dataTable .thead th {height:45px;font-weight:normal;padding:0 2px;border-right:1px solid #DDDDDD;text-align:center;font-size:10px;width:40px;}
th span {font-size:8px !important;color:#000;}
th.name {padding:0 10px !important}
.thead b {display:block;background:#fff;padding:2px;border-top:1px solid #DDDDDD;color:#000;}
#dataTable td {color:#000;font-size:11px;padding:2px 0px;font-family:Tahoma,Verdana,serif;border-right:1px dashed #EEECEC;border-bottom:1px solid #EEECEC; text-align:center;}
.empty div {text-indent:-9999px;}
.empty {}
.graph {vertical-align:middle;}
.graph img {cursor:pointer;}
.timek {background-color:#C1C3C8;color:#000}
.datatick:hover {background-color:#F0F0F0;color:#000;cursor:crosshair}
td.name {
	width:100px !important;
	border-right:1px solid #EEECEC !important;
	font-size:10px !important;
	background-color:#F8FFF1;
	font-family:Verdana,Tahoma,serif !important;
	color:#777777 !important
}
#CAM {margin-bottom:15px;float:left;width:910px;padding-top:3px;background:#000;padding-left:30px;padding-bottom:5px;}
#CAM .foto {float:left;width:100px;height:105px;overflow:hidden;text-align:center;padding:5px;background:#000;}
#CAM .foto img {margin-bottom:3px;border:1px solid #ABADB1}
#STATION-INFO {padding-bottom:10px;}
#STATION-INFO h2 {color:#D0DE3F;font-size:14px;font-weight:bold !important;}
#STATION-INFO a {text-decoration:none;}
#STATION-INFO a:hover {color:#fff}
#STATION-INFO h2 span {color:#C6C6C6}
/* HEIGHT: plot 310 ; #plot-overlay 235 ;#plot-holder 235*/
#plot {min-height:280px;height:auto;}
#plotoverlay, #plotholder {height:235px;}
#plot {position:relative;float:left;margin-bottom:20px;width:940px;background:#fff;color:#000;z-index:1000;display:block;border:1px solid #DDDDDD;}
#plotoverlay {width:770px;padding:20px 20px 30px 150px;}
#plotholder {width:770px;padding:0;}
#titleY {position:absolute;left:185px;top:5px;font-weight:bold;}
#titleX {position:absolute;left:48%;bottom:10px;font-weight:bold;}
#plotlegend {width:175px;height:210px;position:absolute;top:28px;left:10px;}
/* Footer */
#footer {color:#636363;width:980px;height:17px;padding-top:3px;float:left;font-size:10px;}
#footer a {color:#FFFFFF;}
#footer a:hover {text-decoration:underline;}
#footer ul {float:left;padding-left:10px;}
#footer span {float:right;padding-right:22px;}
#footer span a {font-weight:bold;}
#footer li {float:left;padding:0 15px 0 10px;background:url(../i/bgfooter.gif) no-repeat right center;}
#footer li.last {background:none;}

/* developer conent */

#developer {
	background:#fff;
	border:1px solid #888;
	padding:10px;
	z-index:1;
	float:left;
	width:960px;
}
#developer a {display:block;color:blue;text-decoration:underline;text-align:center;padding:5px;background-color:#FAFAFA;border:1px solid #A1A0A0;}
#developer a:hover {background-color:#fff;}
#developerContent {
	width:980px;
	line-height:12px;
	height:400px;
	overflow:auto;
}
#developerContent span {
	font-weight:bold;
	display:block;
	text-align:right;
}
#developerContent pre {
	padding:5px 0;
	border-bottom:1px solid #E0BFBF;
	border-left:0;
	border-right:0;
}

#window-top-black h1#404 {
	font-size:16px;
}
#bottom-task {
	float:left;width:940px;
	padding:5px 0;
	text-align:right;
}