/*                   
 * 20015-09-24 by Petr Jirik. all rights reserved.
 */
/* 1. general rules */
body {margin: 0; padding: 0;font-family: tahoma, verdana, helvetica, sans-serif; font-size: 14px; background-color: #fff;}
a img {border: 0;}

/* 2. layout + links*/
#page {overflow: hidden; margin: 0 auto; width: 800px; height: auto; border: 1px solid rgb(130,130,130);}
#head {display: none;}
#login_pruh {overflow: hidden; width: 800px; height: 22px; position: static; background-color: #ccc;}
#head a{width: 800px; height: 100px; display: block; color: none;}
#body {overflow:hidden; position:static; width:800px; height: auto; padding: 0;
      }

#content{float:left; margin:0; padding: 0; width:800px; min-height: 600px; 
         color: #000; background-color:rgb(235,235,235);
         }


#main_frame{position: relative; float:left; padding: 5px 20px 10px 20px; width: 760px; text-align:left; 
            min-height: 600px; height: expression(this.scrollHeight < 600? "600px" : "auto" );
            font-size: 11px;}
#prihlas{width: 760px; height: 600px; display: block; color: none; }
.text{float: left; width:100%; font-family: tahoma, verdana, helvetica, sans-serif; color: #000; 
       }	
.button {padding: 2px; border: 1px solid black; margin: 5px;}	

a {text-decoration: none; font-weight: bold; color: rgb(0,30,0);}
a:hover {color: rgb(0,51,255);}
a:visited{color: rgb(0,51,255);}
a:visited:hover{rgb(0,51,255); text-decoration: underline;}

/* 3. text styling rules */
p {display: block; margin-top: 0;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 {position: relative; left: -15px; font-size: 1.2em; padding-left: 15px; background-image: url(img/bullet.gif); 
    background-repeat: no-repeat; color: rgb(240,240,240); background-position: left 4px; 
    text-align:left; vertical-align: middle; margin: 10px 0 15px 0;}
h4 {font-size: 1.1em; margin:0; padding:0; font-weight:normal;}
li {line-height: 1.33; padding-left: 0; margin-left: 0;}
ul {margin-left: 0; padding-left: 20px;}
/*4. table rules*/
table td {vertical-align: top;}

.blok {text-align: justify;}

.no-margin {margin:0; padding: 0;}
.predchozi {float: left; width: 100px; text-align: left; background-color: white;}
.nasledujici {float: left; width: 100px; text-align: right; background-color: white;}
.strana {float: left; text-align: center; background-color: white;}

#login_pruh{float: left; padding: 2px; font-size: 14px; }
# {float: left; padding: 2px; padding-left: 6px; width: 250px;}
#uzivatel {float: left; font-size: 14px; padding: 2px;}

#login_form{float: left; width: 400px;}
#login_form input{font-size: 12px; border: 1px solid gray; padding: 1px;}
#ok {width: 20px;}

#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;}
.url_back{float: left; margin: 5px 0 5px 0;}

.player_cerveny{position: absolute; background-image: url(img/h_cerveny.gif); background-repeat: no-repeat; width: 55px; height: 70px; background-position: top right;padding-top: 70px; text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.player_modry{position: absolute; background-image: url(img/h_modry.gif); background-repeat: no-repeat; width: 55px; background-position: top left; height: 70px; padding-top: 70px;text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.player_s_cerveny{position: absolute; background-image: url(img/s_cerveny.gif); background-repeat: no-repeat; width: 45px; height: 60px; background-position: top right;padding-top: 60px; text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.player_s_modry{position: absolute; background-image: url(img/s_modry.gif); background-repeat: no-repeat; width: 45px; background-position: top left; height: 60px; padding-top: 60px;text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
                
                
.player_b_cerveny{position: absolute; background-image: url(img/b_cerveny.gif); background-repeat: no-repeat; width: 60px; height:60px; background-position: top right;padding-top: 60px; text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.player_b_modry{position: absolute; background-image: url(img/b_modry.gif); background-repeat: no-repeat; width: 60px; background-position: top left; height: 60px; padding-top: 60px;text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}

.cislo {display:none; position: absolute; top:35px; left: 20px; font-weight: bold; font-size: 7px; text-align: center; color: white;background-color: black;padding: 0 2px 0 2px;}
.hidden{display: none;}      
/* user management */
#user_list {float: left; width: 400px;}
#user_list table{border: 1px solid #000; width: 100%;}
#user_list table td {padding: 0 5px 0 5px; vertical-align: middle; font-size: 12px;}
#user_list table td a{color: #000; vertical-align: middle;}
#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; font-size: 12px;}
#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%;}

#termin_management {float: left; width: 400px;}
#termin_management table{border: 1px solid #000; padding: 5px; background-color: rgb(0,204,102); margin: 0; width: 100%;}
#termin_management table td{padding: 5px; vertical-align: middle; font-size: 12px;}
#termin_management input {width: 100px; border: 1px solid gray; padding: 3px;}
#termin_management #akce {width: 100%;}

#seznam_terminu {float: left; width: 400px;}
#seznam_terminu table{border: 1px solid #000; padding: 5px; background-color: rgb(255,255,153); margin: 0; width: 100%;}
#seznam_terminu table td{padding: 5px; vertical-align: middle; font-size: 12px;}

#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;}

#vyber_terminu {padding: 2px; padding-left: 4px; font-size: 13px; font-weight: normal; border:0; background-color: rgb(225,225,225);}
#vyber_terminu a{float: left; width: 100px; height: 60px; background-image: url(img/background_hokej.jpg); background-repeat: no-repeat; margin:20px; padding-top: 100px; text-align: center; }
#vyber_terminu a:hover {text-decoration: none;}