/***************************************/
/*                            DOCHAZKA */
/***************************************/


.dochazka-form #user, .dochazka-form #action {width:450px; margin:0 auto;}

.dInfoPanel {clear:both; height:10px;}
.dochazka-form #user .uCenter {width:150px; text-align:center; font-size:10px; color:#acacac; float:left; font-weight:normal!important;}


.dUzivPanel {cleat:both;}
.dochazka-form #user .uzivatel {width:150px; text-align:center; font-size:16px; color:#293a4c; font-weight:bold; float:left;}
.dochazka-form #user .cas {width:150px; text-align:center; font-size:16px; color:#293a4c; font-weight:bold; float:left;}
.dochazka-form #user .datum {width:150px; text-align:center; font-size:16px; color:#293a4c; font-weight:bold; float:left;}

.uzivatel fieldset {padding:1px;}
.uzivatel .VypisUzivatelu {border:solid 1px #c0c0c0; width:150px; font-size:11px; padding:2px; margin-bottom:2px;}
.uzivatel .UzivatelskeHeslo {border:solid 1px #c0c0c0; width:144px; font-size:11px; padding:2px;}


.attbuttons .attPlay {background:url(/sys/resource/ico-prichod.png) no-repeat; padding:40px 30px 30px 30px; border:0; color:transparent; margin:20px 51px 10px 120px; cursor:pointer;}
.attbuttons .attStop {background:url(/sys/resource/ico-odchod.png) no-repeat; padding:40px 30px 30px 30px; border:0; color:transparent; margin:20px 51px 10px 0px; cursor:pointer;}
.attbuttons .attBrStart {background:url(/sys/resource/ico-preruseni-od.png) no-repeat; padding:20px 35px 25px 46px; border:0; color:transparent; margin:20px 36px 10px 110px; cursor:pointer; *margin:20px 28px 10px 110px;}
.attbuttons .attBrStop {background:url(/sys/resource/ico-preruseni-do.png) no-repeat; padding:20px 35px 25px 46px; border:0; color:transparent; margin:20px 36px 10px 0px; cursor:pointer;}

.attNo {display:none}
.attOd {display:inline; margin-left:100px;}
.attDo {display:inline; margin-left:30px;}
.att-summary{font-style: italic;font-size:xx-small;}
.att-more{color:blue;font-size:xx-small;}
.att-less{color:red;font-size:xx-small;}
.att-blank{width:70px;}
.att-table tr.att-datum{text-align:left;font-weight:bold;}
.att-table tr.odd{background:#f8f8f8;}


#breakReason {
	border:solid 1px #c0c0c0;
	background:#f3f3f3;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	width:340px;
	margin:0 auto;}

#breakReason #action-akce {margin-top:5px; margin-bottom /*\**/:5px\9;}
#breakReason #action-akce div {display:inline;}
#breakReason #action-akce .attObed {background:url(/sys/resource/ico-obed.png) left center no-repeat; height:16px; padding-left:13px; margin-left:18px; *margin-left:28px;}
#breakReason #action-akce .attSchuzka {background:url(/sys/resource/ico-schuzka.png) left center no-repeat; height:16px; padding-left:13px; margin-left:30px;}
#breakReason #action-akce .attOstatni {background:url(/sys/resource/ico-ostatni.png) left center no-repeat; height:16px; padding-left:13px; margin-left:30px;}

#breakReason #commentDiv {width:260px; font-size:10px; margin-left:35px;}
#breakReason #commentDiv #comment {width:190px;border:solid 1px #c0c0c0;}


/* tlacitko odeslat */
.dochazka-submit {
	margin-bottom:15px;
	border:0;
	background:url(/sys/resource/button-zapsat.png) no-repeat;
	padding:3px 11px 3px 8px;
	margin-left:133px;
	*padding:1px 6px 3px 3px;
	padding /*\**/:3px 12px 5px 12px\9;
	margin-top /*\**/:5px\9;
	}


.dochazka-form {
	width:550px;
	margin:0 auto;
	}
	
	
.dochazka-form #action #dochazka-akce{
	float:left;
	}
	
.dochazka-legenda {float:left;}
#action {margin-top:5px; clear:both;}
#action #action-akce {width:450px; margin:0 auto;}


/* chyba pri odeslani */
.dochazka-form .error li {font-size:16px; color:red;}



/* TABULKA DOCHAZKA */

.att-table {}
.att-table-head {background:#e8e8e8;}
.att-name, .att-date, .att-time {width:100px;}

.att-table tr {text-align:center; height:20px;}
/*.att-table tr:hover {background:#f5f5f5;}
.att-table tr.att-in-out:hover {background:none;}*/
.att-table tr:nth-child(2n+1) {}


tr.att-in-out {}
.att-in-out-bottom {font-weight:bold; margin-bottom:15px; margin-left:18px; text-align:left;}