p { padding: 0px; margin: 0px}

html, body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family: Verdana, arial, sans-serif; 
  font-size: 8pt;
  overflow: hidden; 
  }
  
  #header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:27px; 
  /* overflow:hidden;  */ /* Dáno pryč k vůli upozornění na nové zprávy aby bylo vidět */
  background:#fff;
  color:#fff;
  }
  
  #navigation {
  position:fixed; 
  width: 211px;
  top:27px;
  left:1px;
  bottom:25px; 
  right:0; 
  overflow:hidden; 
  background-color:#e8e4b7;
  border-right: 1px solid black;
  height: 100%;
  }
  
  #publish {
  position:fixed; 
  top:27px;
  left:214px;
  bottom:25px; 
  right:1px; 
  overflow:hidden; 
  z-index: 50
  }
  
  #menu {
  position:fixed; 
  overflow:hidden; 
  background-color: #e8e4b7;
  padding: 0px;
  background-image: url(grafika/vodorovna-cara-submenu.gif); background-repeat: repeat-x; background-position: bottom;
  line-height: 32px;
  z-index: 2000;
  }
  
  #hlavicka {
  position: fixed; 
  overflow:hidden; 
  background-color: #fff;
  padding: 0px;
  background-image: url(grafika/vodorovny-stin-submenu.gif); background-repeat: repeat-x; background-position: top;
  border-bottom: 1px dotted black;
  line-height: 1.5em;
  z-index: 0;
  }
  
  #obsah {
  position: fixed; 
  overflow-y: scroll;
  overflow-x: hidden; 
  z-index: 3500;
  }
  
  #obsah_webu {
  position: fixed; 
  overflow-y: hidden;
  overflow-x: hidden; 
  z-index: 3500;
  border-bottom: 1px solid white
  }
  
  #footer {
  position:absolute; 
  bottom:0; 
  left:0;
  z-index: 100; /*500*/
  width:100%; 
  height:27px; 
  overflow: visible; 
  background:#fff;
  }
  
  div.popup_frame {
   font-weight: bold; color: black; overflow: hidden; height: 47px; width: 64px;
   position: absolute; right: -22px; top: -49px; z-index: 500;  line-height: 32px; 
   background-image: url(grafika/ikony/notifikace-bottom.png); background-repeat: no-repeat; background-position: left top
  }
  
  div.popup_frame div {
   width: 100%; text-align: center; font-size: 12pt; font-weight: bold; padding-top: 2px
  }
  
  
td.navigacniPruhy {padding-left: 0px; background-color: #6A6A6A; color: white; font-family: Verdana; font-size: 8pt}

span.butt_quick_add {
text-align: center; float: right; line-height: 21px; width: 20px; display: block; margin: 1px 1px 1px 1px; height: 21px
}

span.butt_quick_add:hover {
 background-color: #fccc4b
}

div.tlacitko_agenda {height: 23px; background-color: #ffd563; cursor: pointer; border: 1px solid black; line-height: 26px; margin-bottom: 1px; }
div.tlacitko_agenda:hover {background-color: yellow;}

div.tlacitko {height: 23px; background-color: orange; cursor: pointer; border: 1px solid black; line-height: 26px; margin-bottom: 1px}
div.tlacitko:hover {background-color: yellow;}

div.tlacitko1 {height: 23px; background-color: #fdc358; cursor: pointer; border: 1px solid black; line-height: 26px; margin-bottom: 1px}
div.tlacitko1:hover {background-color: yellow;}


div.tlacitko_ucetni_rok {height: 23px; background-color: #ffe191; cursor: pointer; border: 1px solid black; line-height: 26px; margin-bottom: 1px}
div.tlacitko_ucetni_rok:hover {background-color: yellow;}
div.aktivniTlacitko {height: 23px; background-color: yellow; cursor: pointer; border: 1px solid black; line-height: 26px; margin-bottom: 1px}
div.aktivniTlacitko:hover {background-color: yellow;}

@media screen and (max-height: 900px){
 div.tlacitko_agenda {height: 20px; line-height: 21px}
 div.tlacitko {height: 20px; line-height: 21px}
 div.tlacitko1 {height: 20px; line-height: 21px}
 div.tlacitko_ucetni_rok {height: 20px; line-height: 21px}
 div.aktivniTlacitko {height: 20px; line-height: 21px}
 span.butt_quick_add { height: 19px; line-height: 17px;}
}

div.sudy_radek {
 background-color: #f6f6f6;
}

div.lichy_radek {
 background-color: #fcfcfc;
}

div.last_open {
 background-color: #fceaea
}

div.radek_aktivity {
 /* width: 1133px; */ cursor: pointer; border-right: 1px dotted silver;
 background-repeat: repeat-y; background-color: #f6f6f6;
}

div.radek_aktivity:hover {
 background-color: #fdf793;
}

div.radek_aktivity2 {
 /* width: 1133px; */ cursor: pointer; border-right: 1px dotted silver;
 background-repeat: repeat-y; background-color: #fcfcfc;
}

div.radek_aktivity2:hover {
 background-color: #fdf793;
}

/* Podnabídky */ /* #kontakty-nova, #mailing-nova*/
#homepage-homepage, #homepage-nastaveni, #aktivity-aktivity, #objednavky-objednavky, #objednavky-polozky, #objednavky-prijate, #objednavky-vyrizene, 
#objednavky-nova, #cenik-cenik, #cenik-nastaveni, #cenik-nova, #zakazky-zakazky, #zakazky-aktivity, #reklamace-prijate, #reklamace-vyrizene, 
#reklamace-nova, #zapujcky-aktualni, #zapujcky-uzavrene, #zapujcky-nova, #komis-prijate, #komis-uzavrene, #komis-nova, #ukoly-ukoly, #ukoly-nova, 
#poznamky-zapsane, #poznamky-nova, #kontakty-adresar, #kontakty-prehledy, #evidence-it-evidence-it, #evidence-it-nova, #know-how-know-how, #know-how-nova, #vystavene-faktury-vystavene-faktury, #prijate-faktury-prijate-faktury,
#sklad-sklad, #sklad-pohyby, #sklad-nova, #login-login, #login-nova, #web-web, #web-admin, #kniha-jizd-kniha-jizd, #kniha-jizd-nova, #kniha-jizd-nastaveni, #pokladna-pokladna, #pokladna-soucty, #pokladna-novy_soucet, #mailing-mailing, #mailing-queue, #mailing-nastaveni, #mailing-adresy, #dochazka-dochazka, #dochazka-report, #finance-finance, #finance-kalendar, #finance-nova, #uhrady-uhrady, #uhrady-nova, #skladove-doklady-skladove-doklady, #skladove-doklady-pohyby, #skladove-doklady-import, #konfigurace-db, #kalendar-kalendar, #poznamky-poznamky, #poznamky-nova, #vystavene-faktury-import, #prijate-faktury-import, #uhrady-import, #zodpovednosti-zodpovednosti, #zodpovednosti-nova, #evidence-evidence, #evidence-report, #evidence-nastaveni, #evidence-nova
{float: left; cursor: pointer; color: black}
  
/* #kontakty-nova:hover, #mailing-nova:hover  */  
#homepage-homepage:hover, #homepage-nastaveni:hover, #objednavky-objednavky:hover, #objednavky-polozky:hover, #objednavky-prijate:hover, 
#objednavky-vyrizene:hover, #objednavky-nova:hover, #cenik-cenik:hover,  #cenik-nastaveni:hover, #cenik-nova:hover, #zakazky-zakazky:hover,#zakazky-aktivity:hover, 
#reklamace-prijate:hover, #reklamace-vyrizene:hover, #reklamace-nova:hover, #poptavky-nova:hover, #zapujcky-aktualni:hover, 
#zapujcky-uzavrene:hover, #zapujcky-nova:hover, #komis-prijate:hover, #komis-uzavrene:hover, #komis-nova:hover, #ukoly-ukoly:hover, #ukoly-nova:hover, 
#poznamky-zapsane:hover, #poznamky-nova:hover, #kontakty-adresar:hover,#kontakty-prehledy:hover, #evidence-it-evidence-it:hover, #evidence-it-nova:hover, #vystavene-faktury-vystavene-faktury:hover, #prijate-faktury-prijate-faktury:hover,
#know-how-know-how:hover, #know-how-nova:hover, #sklad-sklad:hover, #sklad-pohyby:hover, #sklad-nova:hover, #login-login:hover, #login-nova:hover, 
#web-web:hover, #web-admin:hover, #kniha-jizd-kniha-jizd:hover, #kniha-jizd-nova:hover, #kniha-jizd-nastaveni:hover, #pokladna-pokladna:hover, #pokladna-soucty:hover, #pokladna-novy_soucet:hover, #mailing-mailing:hover, #mailing-queue:hover, #mailing_nastaveni:hover, #mailing-adresy:hover, #dochazka-dochazka:hover, #dochazka-report:hover, #finance-finance:hover, #finance-kalendar:hover, #finance-nova:hover, #uhrady-uhrady:hover, #uhrady-nova:hover, #skladove-doklady-skladove-doklady:hover, #skladove-doklady-pohyby:hover, #skladove-doklady-import:hover, #konfigurace-db:hover, , #kalendar-kalendar:hover, #poznamky-poznamky:hover, #poznamky-nova:hover, #vystavene-faktury-import:hover, #prijate-faktury-import:hover, #uhrady-import:hover, #zodpovednosti-zodpovednosti:hover, #zodpovednosti-nova:hover, #evidence-evidence:hover, #evidence-report:hover, #evidence-nastaveni:hover, #evidence-nova:hover
{float: left; cursor: pointer; color: #a30a0a}
  
#mezera {float: left; cursor: Default}

/* Format - Hyperlinků */
a:active {font-family: Verdana; color: black; FONT-SIZE: 8pt;}
a:link {font-family: Verdana; color: black; FONT-SIZE: 8pt;}
a:visited {font-family: Verdana; color: black; FONT-SIZE: 8pt;}

a {text-decoration: none; FONT-SIZE: 8pt;}
a:hover {text-decoration: none; color: #69342d; FONT-SIZE: 8pt;}

/* Format - Hyperlinků */
a.mailing:active {font-family: Verdana; color: red; FONT-SIZE: 8pt;}
a.mailing:link {font-family: Verdana; color: red; FONT-SIZE: 8pt;}
a.mailing:visited {font-family: Verdana; color: red; FONT-SIZE: 8pt;}

a.mailing {text-decoration: none; FONT-SIZE: 8pt;}
a.mailing:hover {text-decoration: none; color: black; FONT-SIZE: 8pt;}

 a.odkaz:active {font-family: Verdana; color: red; FONT-SIZE: 8pt;}
 a.odkaz:link {font-family: Verdana; color: red; FONT-SIZE: 8pt;}
 a.odkaz:visited {font-family: Verdana; color: red; FONT-SIZE: 8pt;}

 a.odkaz {text-decoration: none; FONT-SIZE: 8pt;}
 a.odkaz:hover {text-decoration: none; color: black; FONT-SIZE: 8pt;}



a.aplikovat_pruhlednost2:hover {

opacity:1; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

a.aplikovat_pruhlednost2 {

opacity:0.50; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
filter:alpha(opacity=50); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}



/* Stránkování */
#stranky {border: 1px solid white; cursor: pointer; float: right; width: 16px; font-size: 90%}
#stranky:hover {border: 1px solid black; background-color: yellow}

#stranky1 {border: 1px solid white; cursor: pointer; display: block; float: left; width: 16px; font-size: 90%; margin-right: 5px}
#stranky1:hover {border: 1px solid black; background-color: yellow}

#stranky2 {border: 1px solid #6f981e; background-color: #f1efc0; cursor: pointer; display: inline-block; width: 25px; font-size: 90%; margin-top: 5px; margin-left: 5px}
#stranky2:hover {border: 1px solid #6f981e; background-color: #c8e088}


/* Formát - Ikony editoru */

.dhtmed-bg {
	background-color: menu;
	border: 2px outset;
}
.dhtmed-o {
    border-bottom: buttonshadow 1px solid;
    border-left: buttonhighlight 1px solid;
    border-right: buttonshadow 1px solid;
    border-top: buttonhighlight 1px solid;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 0px;
	font-family: Verdana
}
.dhtmed-v {
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
    visibility: visible;
	font-family: Verdana
}
.button {
	background-color: buttonface;
	font-weight:bold;
	font-family: Verdana;
	font-size:8pt;
	border: 1px outset;
}


div.rozpocet {
	padding-left: 40px; line-height: 1.8em; float: left; width: 280px;
	}

div.aktivity {
	padding-left: 40px; line-height: 1.8em; float: left; width: 480px;
	}	

div.aktivity_klient {
	padding-left: 20px; line-height: 1.8em; float: left; width: 570px;
	}	
	
tr.radekPolozkyObj {
	vertical-align: top;
	background-image: url(grafika/vodorovna-cara-silver.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	}

td.td_kod {
    border-right: 1px dotted silver;
	width: 100px; padding: 6px 0px 4px 5px; 
	}

div.div_plu {
 width: 95px; height: 15px; float: left;
 overflow: hidden; display: block; margin-top: 3px; 
 color: maroon;
}


td.td_nazev {
 border-right: 1px dotted silver;
 width: 285px; padding: 6px 0px 4px 5px;
 	}
	
div.div_nazev {
 width: 285px; height: 10px;
 overflow: hidden; cursor: pointer
	}

div.div_dodavatel {
 width: 135px; height: 15px; float: left; 
 overflow: hidden; display: block; 
 margin-top: 3px; color: maroon;
	}

div.div_dostupnost {
  width: 135px; height: 15px; float: right;
  overflow: hidden; text-align: right;	
  display: block; margin-top: 3px; color: maroon;
	}

td.td_mnozstvi {
 border-right: 1px dotted silver;
 width: 60px; padding: 6px 5px 4px 0px;
	}

div.div_mnozstvi {
 float: right; text-align: right;
	}

div.div_mnozstvi_mj {
 float: right; text-align: right;
	}

div.div_clear {
clear: both;
}

div.div_dph {
 float: right; font-size: 7pt; margin-left: 4px;
 margin-top: 4px; color: maroon; display: block;
	}

div.div_PLU {
 float: left; font-size: 7pt;
 margin-top: 4px; color: maroon; display: none;
}



div.div_dph_popis{
 float: right; font-size: 7pt; margin-left: 4px;
 margin-top: 4px; color: maroon; display: block;
	}

td.td_prodej {
 border-right: 1px dotted silver;
 width: 70px; padding: 6px 5px 4px 0px;
	}

div.div_prodej {
 float: right; text-align: right; color: black; font-weight: normal	
	}

div.div_nakup {
 width: 65px; height: 15px; float: right;
 overflow: hidden; text-align: right;	
 display: block; margin-top: 4px;
 font-size: 7pt; color: black; font-weight: normal;
 color: maroon;
	}
	
td.td_stav_dodavky {
 border-right: 1px dotted silver;
 padding: 6px 5px 4px 0px;
 width: 80px;
    }

div.div_stav_dodavky {
  float: right; text-align: right;
	}

div.div_poplatky {
 float: right; font-size: 7pt; margin-left: 4px;
 margin-top: 4px; color: maroon; display: block;
	}

div.div_zaruka {
 float: right; font-size: 7pt; 
 margin-top: 4px; color: maroon; display: block; 
 overflow: hidden; height:13px; text-align: right;
}
	
div.div_zaruka_mj {
float: right; font-size: 7pt; margin-left: 4px;  text-align: left;
 margin-top: 4px; color: maroon; display: block; width: 60px;
}
	
td.td_admin {
 padding: 4px 0px 4px 0px;
 width: 85px; text-align: right
	}

img.admin {
 margin-left: 5px
}

img.pic_admin {
  cursor: pointer;   
  margin-left: 3px; margin-top: 2px; 
	}


div.dphPrace {
	float: right; padding: 4px 0px 4px 0px;
	color: maroon; font-size: 7pt; 
	display: none
	}

div.dphPrace_popis {
	float: right; padding: 4px 5px 4px 4px;
	color: maroon; font-size: 7pt; clear: right; 
	display: none
	}

div.naklady {
	float: right; padding: 4px 5px 4px 4px;
	color: maroon; font-size: 7pt; clear: right;
	display: none
	}


div.plocha {
	/*width: 900px;*/ text-align: center;
	}


div.loga_mailing {
	background-repeat: no-repeat; overflow: hidden;
	}
	
div.napis_mailing {
	background-repeat: no-repeat; overflow: hidden;
	}
	
div.hlavicka_mailing {
	background-repeat: no-repeat; overflow: hidden;
	}
	
div.obsah_mailing {
	background-repeat: no-repeat; overflow: hidden;
	}

	
	
div.ovladani_mailing {
    position: absolute;
	right: 16px; top: 32px;
	width: 160px; height: 845px;
	background-color: #fff;
	border: 1px dotted #69686c;
	z-index: 30; font-size: 10pt;
	padding-top: 10px; padding-left: 10px;
	
}

div.tlacitka_mailing {
 line-height: 1.8em;  padding-top: 7px	
}

div.tlacitka_mailing div {
 margin-left: 10px; cursor: pointer
}

div.tlacitka_mailing div:hover {
 color: #69342d
}

div.zalozkaMailing {
 	position: absolute;
	right: 58px; top: 888px;
	width: 121px; height: 17px;
	background-image: url(grafika/zalozka.gif); background-repeat: no-repeat; background-position: top;	
	line-height: 15px; z-index: 30; cursor: pointer; font-size: 85%;
}


#mailingTlacitka {
position: absolute;
right: 68px; top: 925px;
width: 160px; height: 80px;
border-bottom: 0px dotted black;
}

#header_mailing_text {
 width: 860px; margin-top: 15px;
 text-align: center; font-size: 8pt
}

#footer_mailing_text {
 width: 860px; margin-top: 5px;
 text-align: center; font-size: 8pt;
 line-height: 1.5em;
}

#sklad-polozky {

}


td.td_uhrady_typ_dokladu {
    border-right: 1px dotted silver;
	/*width: 100px; */padding: 6px 0px 4px 5px; 
	font-size: 7pt;
	}
	
td.td_popis_dokladu {
    border-right: 1px dotted silver;
	/*width: 247px;*/ padding: 6px 0px 4px 5px; 
	}

td.td_cislo_dokladu {
    border-right: 1px dotted silver;
	/*width: 247px;*/ padding: 6px 0px 4px 5px; 
	font-size: 7pt;
	}

td.td_vsDoklad {
    border-right: 1px dotted silver;
	/*width: 247px;*/ padding: 6px 0px 4px 5px; 
	font-size: 7pt;
	}

td.td_dphDoklad {
    border-right: 1px dotted silver;
	/*width: 247px;*/ padding: 6px 0px 4px 5px; 
	font-size: 7pt;
	}

td.td_celkemUhradit {
 border-right: 1px dotted silver;
/*width: 247px;*/ padding: 6px 5px 4px 0px;
font-size: 7pt;
}

tr.radekPolozkyUhrady td, tr.radekPolozkyZapocet td {
 border-bottom: 1px dotted silver;
 font-size: 7pt; vertical-align: top
}

#typDokladu {white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display:block; width: 285px; height: 16px; font-size: 7pt; color: maroon;}
#popisDokladu {white-space: wrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 285px; height: 16px; font-size: 8pt}
#cisloDokladu {white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 110px; height: 16px}
#parovaciSymbol {white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 110px; height: 16px; color: maroon;}
#vsDoklad {white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 110px; height: 16px}
#dphDoklad {white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 35px; text-align: left; float: left; height: 16px}
#celkemUhradit {white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 90px; padding-right: 5px; text-align: right; height: 16px; float: left}


td.td_admin_finance {
 padding: 4px 0px 4px 0px;
 width: 55px; text-align: right
	}

div.vlozit_do_zakazky {
 cursor: pointer; border-bottom: 1px dotted silver
}

div.vlozit_do_zakazky:hover {
 background-color: #f9eece
}



div.v_diety_nadpis {
background-color: #e1d4b1; border: 1px solid #aea483; padding: 5px; font-weight: bold;
}

div.v_bunka_bold {
float: left; margin-right: 20px; font-weight: bold; height: 15px; overflow: hidden
}

div.v_bunka {
float: left; margin-right: 20px; font-weight: normal; height: 15px; overflow: hidden;
}

div.v_bunka_hlavicka {
 float: left; font-weight: bold; font-size: 7pt; height: 15px; overflow: hidden;
}

div.v_bunka_hlavicka_right {
 float: right; font-weight: bold; font-size: 7pt; height: 15px; overflow: hidden; text-align: right
}

div.v_bunka_data {
 float: left; font-weight: normal; height: 15px; overflow: hidden;
 line-height: 15px; font-size: 7pt
}


/******************************************************************************************************************************/
/************************************************** JQUERY - Uživatelské rozhraní - Start *************************************/
/******************************************************************************************************************************/

input.error { border: 1px solid red; background-color: #ffeaea }

.ui-dialog {text-align: left; line-height: 1.5em}
.ui-dialog .dialog {font-size: 8pt}
.ui-dialog .dialog b {font-size: 8pt}

/*
.ui-dialog-content {z-index: 500000;}
.ui-widget-content {z-index: 500000;}
*/
.ui-autocomplete {
 z-index: 100000;
 text-align: left;
 max-height: 180px; overflow-y: auto; overflow-x: hidden;
 min-width: 80px; max-width: 800px 
}

.ui-autocomplete-input {
 background-image: url(../grafika/layout-stranky/autocomplete-roh3.gif);
 background-repeat: no-repeat;
 background-position: left top;

}

.ui-autocomplete-category {    
 font-weight: bold;   
 padding: .2em .4em;   
 margin: .2em 0 .2em;  
 line-height: 1.5;  
 /*display: none*/
}



#popisAktivity {
    position: relative;
    z-index: 10000;
}
.ui-autocomplete {
     z-index: 9999 !important;
}

div.tooltip {
 cursor: pointer;
}

div.tooltip:hover {

}

div.ui-tooltip {
    max-width: 600px;
	min-width: 200px;
	text-align: left;
}

.ui-tooltip b {
    font-size: 7pt;
}

.tooltip-inner {
 white-space: pre-wrap;
}

.ui-tooltip span {
 font-weight: bold; font-size: 7pt; color: brown
}

/******************************************************************************************************************************/
/************************************************** JQUERY - Uživatelské rozhraní - Konec *************************************/
/******************************************************************************************************************************/


div.butt_aktivity {
 cursor: pointer; color: black; float: left; font-weight: bold; font-size: 7pt
}
	
div.butt_aktivity:hover {
 color: brown; text-decoration:underline
}

div.loginname {
 cursor: pointer
}

div.loginname:hover {
 color: yellow
}
	

div.radek_report:hover {

}

div.mesic_hover:hover {
  background-color: #fffcca
}

div.dochazka_report_radek_pozadi {
 background-color: #f6f6f6
}


div.menu-dialog-pridat {
float: left; width: 20px; height: 20px; border: 1px solid black; text-align: center; font-size: 12pt; font-weight: bold; cursor: pointer; line-height: 19px; background-color: #fdc358
}

div.casovac {
 width: 200px;  border: 1px dotted black; float: left; margin-right: 30px; margin-bottom: 30px; background-color: white;
 /* background-image: url(../grafika/layout-stranky/stopky-stin.png); background-position: left bottom; background-repeat: no-repeat*/
}

div.casovac-nazev {
 height: 26px; overflow: hidden; background-color: #f4ce68; border-bottom: 1px dotted black; padding-left: 5px; padding-right: 5px; line-height: 25px;
}

input.casovac-nazev-input {
 width: 90%; height: 26px; padding: 0px; margin: 0px; font-size: 8pt; font-weight: bold; line-height: 25px; border: 0px; background-color: transparent; float: left
}

img.casovac-odstranit {
 cursor: pointer; width: 10px; height: 12px; float: right; margin-top: 6px
}

div.casovac-hodinky {
 width: 77%; float: left; padding-top: 12px; padding-left: 5px;
 text-align: right; font-size: 8pt; cursor: pointer;
}

div.timex_format {
 font-size: 14pt; margin-bottom: 5px;
}

div.timex {
 height: 20px; overflow: hidden; line-height: 20px; margin-right: 2px
}


div.casovac-ovladani {
 width: 15%; float: right; border-left: 1px dotted black; height: 59px; background-color: #ffe191
}

div.play {
 float: right; width: 100%; cursor: pointer;
}

div.play:hover {
 background-color: #bbe094; 
}

div.stop {
 float: right; width: 100%; height: 29px; cursor: pointer;
}

div.stop:hover {
 background-color: #fcbeb0
}

img.casovac-start {
 width: 13px; height: 17px; float: right; margin-right: 7px; margin-top: 6px; margin-bottom: 6px;
}

img.casovac-stop {
 width: 16px; height: 16px; float: right; margin-right: 7px; margin-top: 2px; margin-top: 7px;
}

div.casovac-ovladani-rozdeleni {
 border-top: 1px dotted black;
 margin-bottom: 0px;
}


div.mezicasy {
 border-top: 1px dotted black;
 background-color: #fff0c8;
 padding-top: 5px; padding-bottom: 5px;
}

div.mezisoucet {
 margin: 2px 5px 2px 5px; border-bottom: 1px dotted #545454; padding-bottom: 5px; cursor: pointer;
}