/* file-ver:2014-05-10 RoH */
body, html { font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:13px; color:#421110; margin:5px; }
form       { margin:0px; padding:0px; } /* všechny formuláře bez odsazení */
img	{ outline:none; border:0px;}

/* všechny odkazy budou identické */
a:link   { color: #0061FF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 13px; font-weight: normal; text-decoration: underline; font-style:normal; }
a:active { color: #DB0000; }
a:visited{ color: #0061FF; }
a:hover	 { color: #0000FF; }

/* všechny tabulky budou mít zkolabovaný buňky */
table { border-collapse:collapse; }

/* centrální nastavení vzhledu tabule s daty */
table.grid td { font-family:  Verdana, Geneva, Tahoma, sans-serif; }

td.months   {font-size:10px;
            color:#112250;
            text-align:center;
            font-weight:bold;
            padding-left:1px;
            padding-top:0px;
            padding-right:1px;
            padding-bottom:0px;
            border:1px solid #7F7F7F;}

td.daynumber {font-size:9px;
            color:#112250;
            text-align:center;
            padding-left:0px;
            padding-top:0px;
            padding-right:0px;
            padding-bottom:0px;
            border-left:1px solid #7F7F7F; border-right:1px solid #7F7F7F; border-top:1px solid #7F7F7F; border-bottom:1px dotted #c0c0c0;}

td.dayname {font-size:9px;
            color:#112250;
            text-align:center;
            padding-left:1px;
            padding-top:0px;
            padding-right:1px;
            padding-bottom:0px;
            border-left:1px solid #7F7F7F; border-right:1px solid #7F7F7F; border-bottom:1px solid #7F7F7F; border-top:1px dotted #c0c0c0;}

td.weeks {  font-size:9px;
            color:#112250;
            text-align:center;
            padding-left:1px;
            padding-top:0px;
            padding-right:1px;
            padding-bottom:0px;
            border:1px solid #7F7F7F;}

/* osoba centrální třída */
td.person { font-size:11px;
            color:#012214;
            text-align:left;
            vertical-align: middle;
            white-space:nowrap;
            cursor: pointer;
            padding-left:5px;
            padding-top:0px;
            padding-right:5px;
            padding-bottom:0px;
            border-left:1px solid #7F7F7F; border-right:1px solid #7F7F7F; border-top:1px solid #7F7F7F;border-bottom:1px solid #7F7F7F; }
/* osoba subclassy */
td.user         {background: #E7E7E7;}
td.technician   {background: #C8FFC8;}
td.manager       {background: #00B369;}


/* datový výstup dopoledne kompletní clasa */
td.adata {  font-size:9px;
            color:#112250;
            text-align:center;
            cursor: pointer;
            padding-left:0px;
            padding-top:0px;
            padding-right:0px;
            padding-bottom:0px;
            border-left:1px solid #7F7F7F; border-right:1px solid #7F7F7F; border-top:1px solid #7F7F7F; border-bottom:1px dotted #c0c0c0;
            width: 14px;
            height:14px;}
/* datový výstup odpoledne kompletní clasa */
td.pdata {  font-size:9px;
            color:#112250;
            text-align:center;
            cursor: pointer;
            padding-left:0px;
            padding-top:0px;
            padding-right:0px;
            padding-bottom:0px;
            border-left:1px solid #7F7F7F; border-right:1px solid #7F7F7F; border-bottom:1px solid #7F7F7F; border-top:1px dotted #c0c0c0;
            width: 14px;
            height:14px;}


td.wk   {background: #C8C8C8;} /* weekend */
td.dn   {background: #FFBAE4;} /* today */
td.sv   {background: #E0E0E0;} /* holiday */
td.c1   {background: #0000FF;} /* onCall */
td.c2   {background: #FFFF00;} /* jumper */
td.c3   {background: #009A00;} /* dayOnCall */
td.c4   {background: #000000;} /* reserveOne */
td.c5   {background: #74FF2A;} /* busy */
td.c6   {background: #FF8C02;} /* outOfWork */
td.c7   {background: #F0239A;} /* reserverTwo */
td.c8   {background: #A539FF;} /* reserverThree*/
td.c9   {background: #0089B6;} /* reserverFour */



div.legend  { font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:12px; color:#421110;
            z-index:2;
            display:none;
            border:1px solid #7F7F7F;
            border-radius:5px;
            position:fixed;
            left:10px;
            top:10px;
            background: #FFFFFF;
            padding:8px;
            box-shadow: black 4px 4px 10px;
            }



div.topnav {font-family:  Verdana, Geneva, Tahoma, sans-serif;
            font-size:12px;
            color:#421110;
            border:1px solid #7F7F7F;
            border-radius:5px;
            background: #FFFFFF;
            padding:8px;
            }


select  {border:1px solid #7F7F7F; border-radius:2px; font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:12px; color:#421110;}
option  {border:0px solid #7F7F7F; border-radius:2px; font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:12px; color:#421110;}



table.navtable { border:0px solid #000000;}
.navtable td { border:0px solid #000000; padding-left:4px; padding-top:1px; padding-right:4px; padding-bottom:1px;}



div.newitem {display:none;
            z-index:4;
            position:fixed;
            top:5px;
            left:5px;
            background:#FFFFFF;
            border: 1px solid #7F7F7F;
            padding:3px;
            border-radius:8px;
            box-shadow: black 4px 6px 20px; }

div.personinfo {
            display:none;
            z-index:2;
            position:fixed;
            top:5px;
            left:5px;
            background:#FFFFFF;
            border: 1px solid #7F7F7F;
            padding:3px;
            border-radius:8px;
            box-shadow: black 4px 6px 20px; }

/* person ifno table, formatting */
table.personinfotable td {font-size:12px; padding-left: 3px; padding-top: 0px; padding-right: 3px; padding-bottom: 0px;}

/* close button inside divs */
div.closebutton{
            display:block;
            position:relative;
            top:3px;
            left:3px;
            border: 0px solid #00FF00;
            width:16px;
            height:16px;}

table.tablelegend td {font-size:12px; padding-left: 3px; padding-top: 0px; padding-right: 3px; padding-bottom: 0px;}

tr.active {background:#FFA742; cursor: pointer;}
tr.inactive {background:#FFFFFF;}




/* list of users - manage users */
table.userlist    {border: 0px solid #7F7F7F; }
table.userlist th {font-size:12px; padding-left: 3px; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; text-align:left;}
table.userlist td {font-size:12px; padding-left: 5px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; white-space: nowrap;}

tr.user         {background: #E7E7E7;}
tr.technician   {background: #C8FFC8;}
tr.manager      {background: #00B369;}

div.useredit    {border: 1px solid #7F7F7F; border-radius: 5px; width:410px; position:absolute; top:30px; left:14px; box-shadow: black 4px 4px 10px;}
div.userlist    {border: 1px solid #7F7F7F; border-radius: 5px; height:400px; overflow-y:auto; overflow-x:hidden; resize: vertical; position:absolute; top:30px; left:435px; padding-right:22px; box-shadow: black 4px 4px 10px;}




/* login page */
table.loginpage {border-left:0px solid #FFFFFF; border-top:1px solid #B2CCE6; border-right:0px solid #FFFFFF; border-bottom:1px solid #4C6985; }
.loginpage td {border:0px solid #FFFFFF; font-size:14px; color:#421110; padding-left:2px; padding-top:4px; padding-right:2px; padding-bottom:4px;}

input.txtok {border-radius: 5px; border-left:1px solid #B2CCE6; border-top:1px solid #B2CCE6; border-right:1px solid #4C6985; border-bottom:1px solid #4C6985; font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:14px; color:#421110; padding:3px; background:#E8EDF2; }
input.txtwr {border-radius: 5px; border-left:1px solid #F2261B; border-top:1px solid #F2261B; border-right:1px solid #D50000; border-bottom:1px solid #D50000; font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:14px; color:#421110; padding:3px; background:#FFFFBB; }

input.btnleave {border-radius: 5px; border-left:1px solid #B2CCE6; border-top:1px solid #B2CCE6; border-right:1px solid #4C6985; border-bottom:1px solid #4C6985; font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:13px; color:#421110; padding-left:3px; padding-top:0px; padding-right:3px; padding-bottom:1px; background-image: url(../img/btn-leave.png); background-repeat: repeat-x;}
input.btnpress {border-radius: 5px; border-left:1px solid #4C6985; border-top:1px solid #4C6985; border-right:1px solid #B2CCE6; border-bottom:1px solid #B2CCE6; font-family:  Verdana, Geneva, Tahoma, sans-serif; font-size:13px; color:#421110; padding-left:3px; padding-top:0px; padding-right:3px; padding-bottom:1px; background-image: url(../img/btn-press.png); background-repeat: repeat-x;}











div.error {border-radius: 8px;
        position: fixed;
        left:40%;
        top:10%;
        font-weight: bold;
        color: #000000;
        border-left:1px solid #B2CCE6;
        border-top:1px solid #B2CCE6;
        border-right:1px solid #4C6985;
        border-bottom:1px solid #4C6985;
        display: inline;
        padding:8px;
        background: #FF4A6D;
        cursor: pointer;
        box-shadow: red 0px 0px 30px;
        z-index:10;}


div.uspech {border-radius: 8px;
        position: fixed;
        left:40%;
        top:10%;
        font-weight: bold;
        color: #000000;
        border-left:1px solid #B2CCE6;
        border-top:1px solid #B2CCE6;
        border-right:1px solid #4C6985;
        border-bottom:1px solid #4C6985;
        display: inline;
        padding:8px;
        background: #00FFA0;
        cursor: pointer;
        box-shadow: #00FF00 0px 0px 30px;
        z-index:10;}