@media all{
body { padding: 5px; margin: 0; font: 1em Arial, sans-serif; background: #888888; color: #FFFFFF;}
a { color:#FFFFFF; text-decoration:none; background: inherit; }
a:hover, a:visited { color:#FFFFFF; background: inherit; }
a:link.navlink {
	color: #FFFFFF;
}
a:visited.navlink {
	color: #FFFFFF;
}
a:hover.navlink {
	color: #FFFFFF;
}
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.2em Arial, Sans-Serif; letter-spacing: 0px; color:#CA3778;}
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin-left: 1em; margin-top: 1px; list-style-position:inside; padding : 0px; }
img { border: 0; }

p.error{color:orange;}

input.search{
	width:200px;
}

/*horni menu*/
.menu_top, .menu_top_current, #userinfo{
	margin:0px 3px;
	border:1px solid white;
	padding:2px 5px;
	min-width:30px;
	float:left;
	background:#888888;
	position:relative;
	top: +1px;
	}

.menu_top_current{
	font-weight:bold;
	background:#bbbbbb;
	border-bottom:0px solid #bbbbbb;
	}	
/*horni submenu*/
.menu_topsub, .menu_topsub_current, .menu_topsub:hover{
	margin:0px;
	padding:2px 5px;
	min-width:66px;
	float:left;
	border-left:1px solid white;
	}

.menu_topsub_current, .menu_topsub:hover{
	font-weight:bold;
	}

/*layout*/

#logo{
	float:left;
	margin-right:5px;
}

#userinfo{
	float:right;
	text-align:right;
	border-width:0px;
	max-width:50%;
	vertical-align:bottom;
}

#topStripe{
	width:100%;
	border-color:white;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	padding: 0px 0px -1px 0px;
	vertical-align:bottom;
	min-height:25px;
}
#main{
	background: #bbbbbb;
	min-height:400px;
	width:100%-10px;
	padding:0px 5px 5px;
}

span.atclogo{
	color: #888888;
	font-size: 24px;
	font-weight:bold;
	font-family:Arial, sans-serife;	
}

td{
	vertical-align:top;
}


/*seznamy*/
table.seznam{
	background: white;
}

table.seznam td, table.seznam th{
	margin:0.1em;
	padding:0.1em 0.5em;
	vertical-align:top;
/*	background: #5FB3FF;*/
	color:black;
	font-size:12px;
}

table.seznam input{
	width:100%;
}

table.seznam tr{
	background: silver;	
	
}

table.seznam tr.sudy{
	background: #FFE8E8;	
}

table.seznam tr:hover{
	background: #F5C200;
}

table.seznam th, table.seznam th a{
	background:#D3DCE3 none repeat scroll 0 0;
	color:#000000;
	font-weight:bold;
}


table.kal{
	color:blue;
	background: #CCCCCC;
	margin-top:10px;
}



table.kal a{
	color:blue;
}

table.kal td{
	border: 1px solid black;
	
}

table.kal td.kal_vypln_z, table.kal td.kal_vypln_k, td.kal_vypln_z, td.kal_vypln_k {
	border: 0px solid black;
}

table.kal th{
	text-align:center;
}

td.kal_vypln_k {
	text-align:right;
	vertical-align:bottom;
}


.kal_, .kal_n, .kal_s{
	text-align:center;
	min-width: 2.7em;
}

.kal_{
	background: #DDCCCC;
}

.kal_n{
	/*color:#ff0000;*/
        background:#fc8e8e;
}
.kal_s{
	color:#880000;
}


.sm,.hours,.minutes{
border:0 solid black;
font-size:70%;
padding:0;
text-align:left;
width:3em;
margin: 1px 0px;
}

.smp,.smkp, .sms, .smks, .smpp{
	margin:0;
	border:0px solid black;
	color:blue;
	text-align:right;
}
.smkp, .sms, .smks, .smpp{
	border-top:1px solid black;
}

.smkp, .smks{
	font-size:70%;
}
.mimo_domaci{
   background-color:orange;
}
p.sms{
    position: relative;
}
p.sms sub{
    bottom: -3px;
    overflow: visible;
    position: absolute;
    right: 2.1em;
    width: 0;
}

.fullsize{
    font-size: 100%;
}

tr.stredisko_suma_hodin{
    background-color: lightblue;
}
tr.stredisko_suma_lidi{
    background-color: lightcyan;
}

.copy, .paste {
  position: absolute;
  font-size: 9px;
  background-color: #eedd00;
  padding: 1px;
  cursor: pointer;
}
.copy {
    left: 0px;
}
.paste {
    right: 0px;
}

.copy.plan, .paste.plan {
  bottom:69px;
}

.skut {
  bottom:17px;    
}

.smpp.active {
    margin-bottom: 1px;
    padding-bottom: 7px;
    border-bottom: 1px solid black;
}


fieldset  {
border:2px groove threedface;
display:block;
margin-left:2px;
margin-right:2px;
padding:0.35em 0.625em 0.75em;
}

select.sm,select.hours,select.minutes{
	border:0px solid white;
	margin:0px;
	padding:0px;
	width:3.9em;
}

select.sm option,select.hours option,select.minutes option{
	border:0px solid white;
	margin:0px;
	padding:0px;
	width:auto;
	overflow:visible;
}
a.detail_button{
    display:block;
    position:relative;
    font-size: 10px;
    line-height: 1px;
    text-align: center;
    background-color:#880000;
    color: #ffffff !important;
    left: 30px;
    bottom:0px;
    width: 15px;
    height: 6px;
}

table.hodiny_detail{
    border:2px solid white;
    border-collapse: collapse;
    width:634px;
}
table.hodiny_detail td{
    border:1px solid white;
    padding:2px;
}
table.hodiny_detail th{
    background-color: #00336F;
    padding:2px;
    border:1px solid white;
}

table.hodiny_detail td input[type=text]{
    background-color: #FFFFFF;
    padding:0px;
    border:0px solid white;
    width:100%;
}

.red{
    background-color: red;
}

.napln{
    background-color: grey;
    text-align: center;
    border: outset #888888 3px;
    cursor: pointer;
}
.button {
    background-color: #D4D0C8;
    border-color: white darkgrey darkgray white;
    border-style: outset;
    border-width: 2px 3px 3px 2px;
    color: black !important;
    cursor: pointer;
    display: block;
    font-size: 85%;
    margin: 1px;
/*    padding: 2px 1em;*/
    text-align: center;
}

.buttonflat, 
.buttonflat:hover {
    background-color: #E1E1E1;
    border: 1px solid darkgrey;
    color: black !important;
    cursor: pointer;
    font-size: 75%;
    margin: 1px;
    padding: 3px 1em 1px 1em;
    text-align: center;
}

.buttonflat:hover {
    background-color: #E5F1FB;
    border: 1px solid #00787D;
}

.smp.nadobsazeno {
    background-color: #ff0000;
}
.smp.podobsazeno {
    background-color: #ff0000;
}

smp.prescas{
    background-color: #ff0000;
}

span.znacka_obsazenosti{
    display: inline-block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*dialog prohlizeni prescasu a obsazenosti*/
#popupBasic{
    position: absolute;
    display: block;
    z-index: 1100;
    background-color: lightgrey;
    max-width: 640px;
    left: 15px;
    top: 80px;
    padding: 0px;
}

#popupBasic a.close{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('./fancybox/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 99999;
    display: block;
}

.win_title{
    background-color: darkblue;
    color: white;
    margin:0 3px 0 0;
    padding: 2px;
    font-weight: bold;
    
}

span.left-arrow{
    background-color: darkgray;
    color:white;
    cursor: pointer;
}

span.right-arrow{
    background-color: darkgray;
    color:white;
    cursor: pointer;
}

#popupBasic p.brouzdac{
    margin: 3px;
    text-align: center;
}

.move_up, .move_down{
    cursor: pointer;
    background: orange;
    color: white;
    position: absolute;
    left: -3px;    
}
.move_up{
    top: 0px;
}
.move_down{
    bottom: 0px;
}

}/*media*/