/*
 * 2008-01-01 by Petr Jirik. all rights reserved.
 */
/* 1. general rules */
body {width: 90%; margin: 0; padding: 0;font-family: tahoma, verdana, helvetica, sans-serif; font-size: 10px; background-color: #FFF;}
a img {border: 0;}
/* 2. layout + links*/
#topmenu {display:none;}
#content{}
#frame{float:left; padding: 3px 30px 0 30px; width: 100%;	text-align:left; }
#new_menu{display: none;}

.text{float: left; width:100%; padding-bottom: 20px; font-family: tahoma, verdana, helvetica, sans-serif; color: #fff; 
	     font-size: 11px; text-align:left; border-bottom: 1px dotted #99C6D8;}		
.left_menu {display: none;}
.left_menu object{margin-left: -13px;}  
#foot {display: none;}
#copyright {float: left; width: 345px; text-align: right; padding: 2px 0 4px 0; color: #575757;}
a {text-decoration: none; font-weight: bold; color: rgb(30,30,30);}
a:hover {color: rgb(15,28,142); text-decoration: underline;}
a:visited{color: rgb(15,28,142);}
a:visited:hover{color: rgb(0,0,0); text-decoration: underline;}
a.tip {font-size: 1.2em; color: #41b7d8;}
a:hover.tip {font-size: 1.2em; color: #fff;}

/* 3. text styling rules */
p {display: block; text-align: justify; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-family: tahoma, verdana, helvetica, sans-serif;}
h2 {font-size: 3.5em; color: #ccc;}
h3 {color: #000;}
h4 {font-size: 1.1em; margin:0; padding:0; font-weight:normal;}
li {line-height: 1.33;}

/*4. table rules*/
table.dokumenty{margin-left:15px;}
	td.download{padding-left: 10px;}
.dokumenty td {color: #FFF;}
.text td{color: #fff;}

#search_form{width: 400px; border: 1px solid #fff; background-color: #80CDFF; margin-bottom: 30px;}
#search_form th{font-size: 14px; padding: 2px 5px 2px 5px; background-color: #FFF; color: #000; text-align: left;}
#search_form td{width: 120px; padding: 5px 10px 5px 10px; text-align: center; font-size: 12px; color: #000;}
#search_form input{width: 110px; border: 1px solid gray;}
#search_form select{width: 120px; border: 1px solid gray;}
#search_form #search {width: 240px;}

#p_form{width: 480px; border: 1px solid #fff; background-color: #80CDFF;}
#p_form th{width: 100%; font-size: 14px; padding: 2px 5px 2px 5px; background-color: #FFF; color: #000; text-align: left;}
#p_form td{width: 120px; padding: 5px 10px 5px 10px; text-align: left; font-size: 12px; color: #000; padding: 7px;}
#p_form input{width: 90%; border: 1px solid gray; padding: 3px;}
#p_form textarea{width: 456px; border: 1px solid gray; padding: 3px;}
#p_form #search {width: 464px;}

#items {float: left; border: 1px solid #FFF; width: 680px;}
#items td {float: none; vertical-align: top; padding: 5px;}
#items td a{font-weight: normal; color: rgb(20,20,20);}
#items td a:hover{text-decoration: none;}
#items th a:hover{text-decoration: none;}
.suda {background-color: #7AD8F8; }
.licha{ background-color: #60BDDF;}
.noactive { background-color: #ccc;}
.prepare {background-color: rgb(255,204,0);}
hr {float: left; text-align: left; background-color: #fff; border-top: 1px solid #fff; width: 680px;}
th {padding: 2px 5px 2px 5px; background-color: #FFF; color: #666}
td {padding: 2px 5px 2px 5px; color: #000;}
#items th {color: black;}
#items th a{color: black;}
#items td {color: black;}
#items th a:hover{color: gray;}
#result {color: #000; margin: 10px 0 10px 0;}
.item_1 {width: 200px; text-align: left; padding-right: 10px;}
.item_2 {width: 38px; text-align: right;}
.item_3 {width: 60px; text-align: right; padding-right: 10px;}
.item_4 {width: 70px; text-align: right; padding-right: 10px;}
.item_5 {text-align: right; padding-right: 10px;}
.item_6 {width: 80px; text-align: center; padding-right: 10px;}
.help {width: 26px; height: 24px; border: 1px solid gray; color: #fff; font-size: 0; background-image: url(img/ok.gif);}
#items #admin_save {border: 1px solid gray; background-color: rgb(255,48,48); margin-right: 15px;}

#item {float: left; clear: none; border: 1px solid #FFF; width: 97%; margin-bottom: 20px;}
#item td {color: #000;}
#item td a{float: left; border: 1px solid white; margin-top: 2px; margin-bottom: 2px;}
#item div.item_sep {float: left; padding: 0; width: 4px; height: 60px; margin:0;}
#item td img{width:80px;}
#item .img_main {width: 166px;}
#item_img {width: 166px;}
#item td {float: none; vertical-align: top;}
#item th {font-size: 14px; padding: 3px; text-align: center;}
#item td div{font-size: 12px; padding: 3px;}
#item #cena {margin-top: 30px; font-size: 18px; text-align: center; background-color: #FFF; color: #000;}
#item #puvodni_cena{font-size: 14px; padding: 3px; text-align: center; background-color: #FFF; color: red; text-decoration: line-through; }
.blok {text-align: justify;}

.no-margin {margin:0; padding: 0;}
#paging {width: 680px; border: 1px solid #666; border-top: none; background-color: white;}
.predchozi {float: left; width: 30%; text-align: left; background-color: white;}
.nasledujici {float: left; width: 30%; text-align: right; background-color: white;}
.strana {float: left; width: 29%; text-align: center; background-color: white;}

#login_form{width: 200px; margin: 30px;border: 1px solid gray; padding: 5px;}
#login_form td{padding: 4px; color: #fff;}
#login_form input{border: 1px solid gray; padding: 3px; width: 150px;}
#login_submit_button {width: 156px;}


#navigace {width: 100%;  height: 20px; background-color: rgb(0,173,239);}
#navigace td {width: 50%; padding: 3px 10px 3px 10px;}
#navigace a{color: black;}

.left{float: none; text-align: left;}
.right{float: none; text-align: right;}

/* status bar */
#uzivatel {display: none;}
#logout {display: none;}

/* user management */
#user_list {float: left; width: 300px;}
#user_list table{border: 1px solid #000; width: 100%;}
#user_list table td a{color: #000;}
#user_list table td a:hover{color: #444; text-decoration: none;}


#user_management {margin-left: 50px; float: left; width: 250px;}
#user_management table{float: left; border: 1px solid #000; padding: 5px; background-color: rgb(0,173,239); margin: 0;}
#user_management table td{padding: 5px; vertical-align: middle;}
#user_management input {width: 200px; border: 1px solid gray; padding: 3px;}
#user_management .radio {width: 15px; padding-top: 3px; border: 0;}
#user_management #akce {width: 100%;}

.suggest {
  position: absolute;
  width: 50px;
  -moz-box-sizing: border-box;
  background-color: #fff;
  z-index: 50;
  border: 1px solid gray;
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: default;
  visibility: hidden;
}

ol {}
li {padding: 2px; color: #000;}
li:hover { background-color: #ccc;}
ul {}



#ev_poruchy {border: 1px solid #333; padding: 5px; background-color: rgb(80,156,211); width: 100%; margin-bottom: 20px;}
#ev_poruchy td{vertical-align: top;color: #fff;}
#ev_poruchy input{border: 1px solid #444;}
#ev_poruchy textarea{border: 1px solid #444;}

#show_poruchy {width: 100%; page-break-inside: auto;}
#show_poruchy th{color: #000; border-bottom: 1px solid gray; padding: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
#show_poruchy th a{font-weight: bold; color: #000;}
#show_poruchy .poznamka {width: 50px;}
#show_poruchy td{color: #000; text-align: center;}
#show_poruchy .plus{width: 35px; text-align: center;}
#show_poruchy .date{width: 80px;text-align: center;}
#show_poruchy .id_user{width: 100px;}
#show_poruchy .porucha{text-align: left;}
#show_poruchy .ks{width: 100px; text-align: center;}
#show_poruchy .poznamka{width: 300px; text-align: left;}
#show_poruchy .gray td{color: gray;}

#vypis_poruchy table{width: 100%; }
#vypis_poruchy td{text-align: center;}
#vypis_poruchy a{color: #000; font-weight: normal;}
#vypis_poruchy .predchozi{width: 273px; color: #000;}
#vypis_poruchy .nasledujici{width: 273px; color: #000;}
#vypis_poruchy .strana{width: 102px; color: #000;}

.hidden{display: none;}

#news_menu {_padding-left:15px; margin-left: -15px; clear: both;}
#news_menu div.inner a {float: left; color: rgb(141,149,164); border: 0; display: block; text-decoration: none; font-weight: normal;
                  padding-right: 10px;}
#news_menu div.inner a:hover {color: #ccc; }
#news_menu div.inner_active a {float: left; color: #fff; display: block; text-decoration: none; font-weight: normal;
                  padding-right: 10px;}
#new_menu div.inner_active a:hover {color: rgb(146,146,146);}

.admin_news{float: left; background-color: #fff; margin: 10px;}


#page_form{float: left; clear: both; margin-top: 5px; background-color: rgb(230,230,230);border: 1px solid gray; color: #000; width: 100%}
#page_form td{vertical-align: bottom; padding-bottom: 5px;}
#page_form textarea{border: 1px solid gray; width: 700px;}
#page_form input{border: 1px solid gray; padding: 3px;}
#page_form a{font-size: 10px; color: #505050;}

.admin_news{float: left; width: 46%; border: 1px solid gray; margin-bottom: 10px;}
.admin_news td{vertical-align: top; padding: 4px;}
.admin_news_menu a{color: black;}
.admin_news_menu a:hover{color: gray;}
.admin_news_headline{width: 200px; font-weight: bold; font-size: 14px; margin-bottom: 0;}
.admin_news_menu{width:64px; text-align: center; background-color: rgb(210,210,210); border-left: 1px solid gray;}

.news_main {float: left; border: 1px solid gray; width: 45%; margin: 10px; background-color: #fff; color: #000; padding: 5px;}
.news_headline{font-weight: bold; color: red; margin: 0; padding: 0; line-height: 100%;}
.news_main p{margin-top: 0;}

#filter {width: 400px; background-color:rgb(0,173,239); border: 1px solid black; text-align: center;}
#details input{font-size: 8pt; margin: 0; width: 80px; border: 0;
                -moz-opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=true,Opacity=90); }
#details #prevest {width: 70px; background-color: #ff0000; border: 1px solid #000; color: #000;}
#details #prevest:hover {color: #fff;}
#celk_cas {float: left; width: 450px; text-align: right;}
#celk_cas a{padding: 2px; background-color: rgb(255,255,0); margin-right: 3px;}
.celkem td{border-top: 1px solid gray}
.left {text-align: left;}

#prehledy {float: left; clear: both; padding: 5px; border: 1px solid #000;margin-bottom: 10px; background-color: #ccc;}
#prehledy table th {background-color: #ccc; border: 1px solid #666;}
table #prehledy_popis {font-size: 18px; font-weight: bold;}
#prehledy table td {border: 1px solid #333;}

div.tableContainer2 {
	clear: both;
	border: 1px solid gray;
	height: 46px;
	overflow: auto;
	width: 530px;
  background-color: #fff;
}
div.tableContainer2 th{font-size: 10px; font-weight: normal; background: #ccc; color: #000; border-right: 1px solid #333; border-bottom: 1px solid #333;}
div.tableContainer2 td{text-align: center;}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #ccc;
	font-weight: normal;
	text-align: left;
  height: 16px;
  border-bottom: 1px solid #333;
}
 
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
 
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
 
div.tableContainer2 {
	clear: both;
	border: 1px solid gray;
	height: 46px;
	overflow: auto;
	width: 530px;
  background-color: #fff;
}

table .datum {width: 60px;}
table .datum_havarie {width: 100px;}
table .objekt{width: 100px;}
table .objekt_monitoring{width: 110px;}
table .objekt_cisteni{width: 200px;}
table .preruseni {text-align: center; width: 40px;}
table .delka {width: 55px;}
table .cislo_protokolu {width: 60px;}
table .datum1 {width: 70px;}
table .pocet_pripojek {width: 72px;}
table .cinnost {width: 260px;}
table .provedl {width: 70px;}
table .poznamka {width: 100px; border-right: none;}
table .delka  {width: 50px;}
table .delete {color: #fff; width: 20px;}
#prehledy table td {border: 1px solid #333; background-color: #eee;}
table #prehledy_popis {background-color: #fff; font-size: 18px; font-weight: bold;}
.cas1, .cas2 {width: 35px;}
.statistiky {float: left; width: 520px; clear: both; padding: 5px; border: 1px solid #000;margin-bottom: 10px; background-color: #ccc;}


#top_menu {display: none;}
#frame_left {display: none;}
#form_cinnosti{display:none;}
#form_statistiky{display:none;}
#form_cerpadla{display:none;}
#form_monitoring{display:none;}
#form_cisteni{display:none;}
.delete{display:none;}