/* 
Document   : styl
Created on : Jan 20, 2008, 3:46:58 PM
Author     : polakp
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

table.layout {
    border-spacing: 0px ;
    background-color: #fdfffc;    
    
    width: 1000px;
  border-top-width: 0px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-top-color: #fdfffc;
  border-bottom-color: #fdfffc;
  border-left-color: #fdfffc;
  border-right-color: #fdfffc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
}

#wrapper {position: relative; margin: 0 auto; text-align: left; width: 1000px;    }

td {
    border-spacing: 0px ;  
    padding: 0px 0px 0px 0px;            
}

tr {
    border-spacing: 0px ;  
    padding: 0px 0px 0px 0px; 
}

h1 {
    font-weight: bold;
    font-size:1.2em;
    text-align: left;
    text-indent: 0ex;
    background-color: #bdc8b7;
    padding: 5px 5px 5px 5px;
}

h2,dt {
    font-weight: bold;
    font-size: 1em;
    background-color: #bdc8b7;
    padding: 5px 5px 5px 5px;
}
h3 {
    font-size: 1em;
    text-align: left;
    height:25px;
    top:15px;
}

p,a, dd {
    font-size: 12p;
}

a,a:link,a:hover,a:visited,a:active {
    color: black;
}

.click a {
    cursor: pointer;
}

.click {
    cursor: pointer;
}

.click:hover  {
/*    filter: alpha(opacity=75);*/
    opacity: 0.75;
}

body { 
    background-color: #e1eef6 ; 
    color: black;           
    font-size:12px;
    text-align: center;
    /*font-family:Verdana,'Geneva CE',lucida,sans-serif;
    */
    font-family:Verdana,'Geneva CE',lucida,sans-serif;

    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}


img {
    border:0
}

div.help {
    color: black;
}

/*
background-image: url(img/baseNG1.gif);    
    background-repeat: no-repeat;
left: 600px; top: 24px;
        height: 195px;
        width: 180px;
*/ 

div.dsInfoFoto {  

    background-color:  #094a72;
    
    position: absolute; 
    
    
    font-size: 11px;            
    color: white;
    visibility: hidden;
    text-align: left;
    
    
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

div.dsInfoSimple {  
    background-color: gray;
    left: 600px; top: 24px; 
    width: 200px;
    position: absolute; 
           
    color: white;
    visibility: hidden;
    position: absolute;
    text-align: left; 
    
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px;
}

div.nahledbt{
    /*
        background-image: url(img/baseNW1.gif);
    background-repeat: no-repeat;
        */
    background-color:  #094a72;
    color: white;
    display: block;
    float: left;
    width: 180px;
    height: 180px;
    padding-bottom: 5px;
    margin-right: 9px;
    margin-bottom: 10px;
    text-align: center;
}

div.toolbar {
    text-align: left; 
    
    margin-right: 6px;
    margin-top: 2px;
    margin-bottom: 4px;
    margin-left: 17px;
    height: 15px;
}     

img.tool_icon_right {
    float:right;
    margin-right:3px;
    margin-bottom:3px;
    width:17px;
    height:17px;
}

img.kamera_preview {
    border:0;
    width:162px;
    height:129px;
}

img.kamera_preview_popup {
    border:0;
    width:194px;
    height:154px;
}

button {
    color: white;
    background-color: #000000;
    width: 95px;
    height: 35px;   
    
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    
    border-style:none;

    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-size: 12px;
    
    text-align: center;
    vertical-align:bottom ;
    
    cursor: pointer;
    
}

.skin {
    background-color: #00466b ;
}

.trasy {
    background-color: #00466b ;
}
.ovladaci {
    background-color: #79b836;
}

.btn {
    border-style:none;

    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-size: 12px;
    
    text-decoration: underline;
    text-align: center;
    vertical-align:bottom ;
    
    cursor: pointer;    
}


button:hover {
    opacity: 0.75;
}

select.skin
{
    color: black;
    background-color: white ;

    border-style:solid;
    border-color:#000000;
    border-width:1px;
    
    vertical-align: middle;

    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

div#hdr2{
    
    position: absolute;     left: 0px; top: 0px; width: 773px; height: 37px;
    background-image: url('img/h2N1.gif');
    background-color: #bdc8b7;
    background-repeat: no-repeat; 
    background-position: 8px 0px; 
}
div#hdr3{
    padding: 0px 8px 8px 4px;	
    width: 205px;   height: 37px;
    background-image: url('img/h3N1.gif');
    background-color: #bdc8b7;
    background-repeat: no-repeat; 
    background-position: 0px 0px; 
}
div#hdr4{
    padding: 0px 8px 8px 4px;	
    position: absolute;     left: 773px; top: 45px; width: 205px; height: 37px;
    background-image: url('img/h4N.gif');
    background-color: #bdc8b7;
    background-repeat: no-repeat; 
    background-position: 0px 0px
}

ul {
    padding-left: 20px;
}

div#etick_ds_mapa_cont{            
    padding: 5px 5px 5px 5px;
    position: relative;
    height: 480px;  width: 765px;           
    background-color:  #00466b ;
}

div#etick_status {
    margin: 0px 6px 0px 9px;
    color: black;
    background-color:  #e9efeb ;
}

div#etick_ds_mapa{   
    padding: 0px 0px 0px 0px;            
    width: 100%; height:100%;           
    background-color:  #bfddee ;
}


div#etick_ds_trasa{
    padding: 0px 0px 0px 0px;	
    min-height: 200px;
    background-color: #fdfffc ;
}

div#grp{
    position: absolute;   top: 125px; left: 10px; width: 990px; 
    background-color: #bdc8b7;
}

table.main {
    border-spacing: 0px ;
    background-color: #fdfffc;    
    padding: 0px 0px 0px 0px;            
    margin: 0px 0px 0px 0px; 
}

td.form {
    background-color: #fdfffc;
    text-align:left;
    vertical-align: middle;
}
           

tr.space {
    height: 10px;
}
td.space {
    width: 5px;
}

div.space {
     height: 10px;width: 5px;
     display:block;
}

.header {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1em;
    word-spacing: normal;
    letter-spacing: 0.0ex;
    text-transform: none;
    text-align: center;
    text-indent: 0ex;
    margin-bottom: 0px;
}

.hdrKamery {
    width:375px;
    /*background-image: url('img/h2N1.gif');*/
     height: 37px;
    background-color:#00466b ; 
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.hdrOvladani {
    width: 375px;
    /*background-image: url('img/h2N1.gif');*/
     height: 37px;
    background-color:#79b836 ; 
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.hdrInfo{

    height: 21px;
    /*background-image: url('img/h3N1.gif');*/

    float: right;
}

.hdrInfoText{
    width: 205px; 
    /* background-image: url('img/h4N.gif');*/
    background-color: white;
    margin-top: 5px;
}

.hdrTrasy { 
    width: 773px; height: 37px;
    /*background-image: url('img/h1N1.gif');*/
    background-color: #00466b ; 
    color: white;
    margin-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

div#legenda {
    position: absolute;
    left: 745px; top: 380px;
    font-size: 11px;
}
div#vrstvy {
/*    filter: alpha(opacity=75);
      opacity: 0.75;
    position: absolute;
    left: 680px; 
    top: 14px;*/
    
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 0;
    background-color: white;
    color: black;
    float: left;
    width: 500px;
}

.layer_on {    
  font-weight: bold;
  /*background-color:#317aa3;*/
  text-decoration: none;
  background-image: url('img/vrstva-on.gif');
  width: 87px;
  height:21px;
  display:block;
  float:left;
  margin-right: 10px;;
  text-align: center;
  color: white;
  vertical-align: bottom;
  cursor: pointer;
  padding-top: 4px;
  
  font-size: 12px;
  float: left;
}

.layer_off {
  font-weight: bold;
 /* background-color:#e1eef6;*/
  text-decoration: none;
  background-image: url('img/vrstva-off.gif');
  width: 87px;
  height:21px;
  display:block;
  float:left;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  color: white;
  cursor: pointer;
  padding-top: 4px;
  float: left;
}

.layer_err {
  font-weight: normal;
  font-style: italic;
  background-color:#e1eef6;
  text-decoration: none;
  cursor:auto;
  visibility: hidden;
  position: absolute;
  width: 85px;
  height:25px;
  float: left;
}

.omezeni {
    background-color:white;
    vertical-align:top;
}


div#info { 
    margin-top: 5px;
    padding: 8px 8px 8px 4px;	
    width:205px; 
    text-align: left;
    vertical-align: top;
}

div#info * h3 {
    color: blue;
    height: auto; 
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}
  
div#info * td {
   vertical-align: top;
}

.omezeni * .datum {
    color:red;
    font-size: 11px;
}

img.roh-pravy {
    position:relative;top:0px;left:0px;vertical-align:bottom;text-align:right;
}

img.roh-levy {
    position:relative;top:0px;left:0px;vertical-align:bottom;text-align:left;
}

table.portal th {
background-color:#044C79;
border-color:#FFFFFF;
border-width:1px 1px 2px;
color:#FFFFFF;
}

table.portal,table.portal tr, table.portal td,table.portal th {
border-collapse:collapse;
border-spacing:0pt;
margin:0.3333em 1px 1.3333em;
border:1px solid #999999;
}