/* defaultni nastaveni margin:0 pro vsechny elementy*/
*{ margin: 0;}

body {
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-family:"Arial CE", "Helvetica CE", Helvetica, Arial, sans-serif;
    font-size:10px;
    color: black;
    padding: 0 0 16px 0;
    text-align:center;
    background-color: white;
}

h1 {font-size: 20px; color:#666666; margin-bottom:10px}

h2 {font-size: 17px; color:#666666}

h3 {font-size: 14px; color:#666666}

.main a {color: #FF5A00; text-decoration: underline; font-size:14px;}

#header {margin-bottom: 2px;}
#head_first_line {text-align:left; margin: 0 25px 0 25px ;}
#head_first_line table{float:left; text-align:left;}
#head_table table{width: 100%; text-align:center; clear:both;}
#head_left {background-color: #FF5A00; text-align: left; padding-left: 25px; border:0; cursor:pointer;}
#head_middle {background-color: #FF5A00; border:0;}
#head_right {background: url(../images/skin-unicam-right.jpg); width: 270px; border:0;}

#main_menu {text-align:left; margin: 0 25px 15px 25px;}
#reportMenu{
	overflow: auto;
	margin-bottom: 15px;
	}

#content {text-align:left; margin:0 25px 25px 25px;}

#footer {color: #999999;text-align:left; margin-left:15px;margin-right:15px;}
#footer img {float:right;border: 0px; margin: 0 10px 0 10px;}
#footer .cara {height: 3px; border-top: 1px solid #BCBDB8;}
#footer a {color: #63655C; text-decoration: underline;}
#footer .footer_text {margin: 0 10px 0 10px;float: left;}

#clearfix {height: 0; clear: both; visibility: hidden;}

.data {height:300px; overflow:auto;}

.tableInvisible td, th{ border: 1px none;}
        
.textLeft {text-align: left;}
        
.textCenter {text-align: center;}
        
.text_bold {font-weight: bold;}

/* Login form */
#password {width: 150px;}
#username {width: 150px;}

/* JS table */
table {
    border-collapse: collapse;
    text-align: center; /* IE nededi z body */
}

td, th {
    padding: 0.2em;
    border: 1px solid #EEE;
    font-size:12px;
}

thead, tfoot {
    background-color: #DDD;
    font-size:12px;
}

tr.rowodd {
    background-color: #FFF;
}

tr.roweven {
    background-color: #F2F2F2;
}

.sortcol {
    background-repeat: no-repeat;
    background-position: right center;
}

th.sortcol {
	cursor: pointer;
    padding-right: 20px;
}

.sortasc {
    background-color: #FF5A00;
    background-image: url(../images/up.gif);
}
.sortdesc {
    background-color: #FF5A00;
    background-image: url(../images/down.gif);
}
.nosort {
    cursor: default;
}

.hlt td {
    background-color: #FFC8AE;
    color: black;
}

th.resize-handle-active {
    cursor: e-resize;
}

div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1E90FF;
    position:absolute;
    top:0;
    left:0;
}

.menuMouseOut {background-color: #666666;}
.menuMouseOver {background-color: #FF5A00;}  

/* BikeCounter*/

img.preload { display: none; width:0px; }

.tabcell {
  border: 0px solid white;
  text-align: center;
}

.separ { 
  width: 600px; 
  margin-top: 10px; 
  margin-bottom: 10px;
  border-top: 1px solid #BCBDB8; 
}

.separ hr {
  display: none;
}

#data_hour {
  width: 50%;
}

.lefties {
  width: 49%;
  float: left;
}

/*	Report helloword - image styles */
img.doubley {
	height: 150px;
	width:  200px;
}

/*nove zobrazeni formularu*/

/*nastaveni popisku a chyb*/
.leftErr{
	padding:3px 5px 0 5px;
	color:#FF9933;
	float:left;
}
.leftNote{
	padding:3px 5px 0 5px;
	color:rgb(153, 153, 153);
	float:left;
}
.bottomErr{
	padding:0;
	color:#FF9933;
	clear:both;
	display:block;
}
.bottomNote{
	padding:0;
	color: rgb(153, 153, 153);
	clear:both;
	display:block;
}

/*nastaveni seznamu ve formulari*/
.form_style ul {
    margin:0;
    padding: 0 10px 10px 10px;
    border-left: #FF8A30 4px solid;
    list-style:none;
    height:1%;
    text-align: left;
    float:left;
}

.form_style a {
    font-size:12px;
}

.form_style li { 
	margin:  0 0 0 10px;
	padding:10px 0 0 0px;    
	height: auto;
}

.form_button {
    clear:both;
}

/*nastaveni oddelovaci cary*/
 hr {
  height: 01px;
  width: 200px;
  border: 0px;
  background-color: #CCC;
  clear: both;
  margin: 10px 0 10px 0;
  text-align: left;
}

/*nastaveni zarovnani formularovych prvku v li*/
.horizontal label {float:left; width: 100px; display: inline;}

.horizontal input {float:left; display: inline;}
.horizontal textarea {float:left; display: inline;} 
.horizontal select {float:left; display: inline;}

.vertical label {clear:both; display:block;}
	
.vertical input:text {clear:both; float:none; display: block; width:167px;}
.vertical textarea {clear:both; float:none; display: block;}
.vertical select {clear:both; float:none; display: block;}

.date label {display:block;}

.date input {float:left; width:144px;}

.date img {float:left; height:22px;	margin: 0 5px 0 5px;}

/* nastaveni velikosti li ve formulari podle poctu radku popisu ll1 - label lane 1*/
.ll1 li{height: 53px;}/*jeden radek popisu*/

.ll2 li{height: 68px;}/*dva radky popisu*/

.ll3 li {height: 80px;}/*tri radky popisu*/

/*nastaveni zarovnani prvku seznamu*/
.list_horizontal li{float:left;}

.list_vertical li {clear: both;}

/*nastaveni pro nove menu*/
.menu {
padding: 0;
width: 100%;
border-top: 0px solid #FF5A00; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
clear: both;
}

.menu ul{
margin:0;
border:0;
padding: 0;
list-style: none;
float: none;
}

.menu li{
clear: none;
float: left;
margin: 0 1px 0 0;
padding: 0;
width: auto;
}

.menu a{
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 0px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
border-top: 1px solid white;
}

.menu p{
float: left;
display: block;
font: bold 11px Arial;
color: #666666;
text-decoration: none;
padding: 5px 0px;
background-color: #FFFFFF; 
border-top: 1px solid white;
}

/* style pro view helpwe helpSearch - nastaveni sedeho ramecku a vnitrni zarovnani*/
.helpSearch {
     border: 20px solid #EEEEEE;
     margin: 0 auto 0 auto;
     }
            
.helpSearch table{
    margin: 0 auto 0 auto;
    } 

.helpSearch input {
    display: inline;
    float:none;
    }