/* 
    Document   : face.css
    Author     : Jiskra
    Description:
        Sablona vzhledu aplikace CEM2, ostatni soubory *.css by se nemely menit.
        Vsechny zmeny vzhledu se provadi pouze v tomto spouboru.
        Vyjimka je pouze pro login stranku v souboru login.css.
 
        volbu barev je mozno treba pres http://www.w3schools.com/colors/colors_picker.asp
*/



body,input, select, textarea, .readonly,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, sans-serif;
}



/* ****************************** MENU **************************************** */

/* #jMenu  {  cela lista menu */
nav.topMenu {    
    /* border: 1px solid #222; */
    background-color: #111;
    background-image: -moz-linear-gradient(#444, #111); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
    background-image: -webkit-linear-gradient(#444, #111);	
    background-image: -o-linear-gradient(#444, #111);
    background-image: -ms-linear-gradient(#444, #111);
    background-image: linear-gradient(#444, #111);
}

#jMenu li { /* polozka menu */
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
}

#jMenu a { /* klikaci cast polozky menu */
    text-shadow: 0 1px 0 #000;
    color: #999;
}


#jMenu li:hover > a { /* po najeti mysi na hlavni polozku menu */
    color: #fafafa;
}

#jMenu ul { /* blok polozek menu */
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
}

#jMenu ul a:hover { /* po najeti mysi na polozku menu */
    background-color: #0186ba;
    background-image: -moz-linear-gradient(#04acec,  #0186ba);	
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: -ms-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);
}

#jMenu ul li:first-child > a:after { /* prvni polozka bloku menu */
    border-bottom: 6px solid #444;
}

#jMenu ul ul li:first-child a:after {
    border-right: 6px solid #3b3b3b;
}


#jMenu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#jMenu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent; 	
}




/* ****************************** JQuery UI nastroje **************************************** */
.ui-widget-content {
    border: 1px solid #666666;
    /* background: #000000 url(../img/ui/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; */
    background: transparent;
    color: black;
}
.ui-widget-content a {
    color: black;
}
.ui-widget-header {
    border: 1px solid #333333;
    background: #333333 url(../img/ui/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; 
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}


/* tolltip */
.ui-tooltip {
    background-color: #FFF9E0;
    border: 2px solid #FFBE26;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;    
}
.ui-tooltip-content {
    color: #976701;
}


/* dialog */
.ui-dialog {
    background: #E5E5E5 !important;
    -moz-box-shadow: 13px 13px 14px #4B4B4B;
    -webkit-box-shadow: 13px 13px 14px #4B4B4B;
    box-shadow: 13px 13px 14px #4B4B4B;    
}

.ui-dialog .ui-widget-content {
    color: black;
    font-size: 1em;    
}

.ui-dialog table.obsah a {
    color: #000060;
}



/* Interaction states */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #666666;
    background: #555555 url(../img/ui/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eeeeee;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #eeeeee;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #59b4d4;
    /* background: #0078a3 url(../img/ui/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; */
    background-color: #0078a3;
    color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #ffffff;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #ffaf0f;
    background: #f58400 url(../img/ui/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}


/* ui icons */
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../img/ui/ui-icons_cccccc_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../img/ui/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../img/ui/ui-icons_cccccc_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../img/ui/ui-icons_ffffff_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../img/ui/ui-icons_222222_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../img/ui/ui-icons_4b8e0b_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../img/ui/ui-icons_a83300_256x240.png);
}




/************************************** stranka *******************************************/
body {
    background-color: white;
}
div.main {
    border: 1px solid #A0A0A0;
}
header {
    border-bottom: 2px solid #A0A0A0;
}
a.logo {
    border-left: 1px solid #A0A0A0;
    background-color: white;    
}


div.infoline {
    color: white;
    background-color: #888;
    background-image: -moz-linear-gradient(#555, #888); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#888));	
    background-image: -webkit-linear-gradient(#555, #888);	
    background-image: -o-linear-gradient(#555, #888);
    background-image: -ms-linear-gradient(#555, #888);
    background-image: linear-gradient(#555, #888);    
}


div.panel {    
    background-image: linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -o-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -moz-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -webkit-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #E0E0E0),
        color-stop(0.5, #FFFFFF)
        );    
}

div.left {
    border-right: 1px solid #A0A0A0;
}


/* ****************************************************** leve menu **************************************************** */
nav.leftMenu .meridlo {
    color: blue;
}
nav.leftMenu .tree {
    background-color: white;
}






/* ****************************************************** spodni lista ************************************************************* */
footer {
    border-top: 1px solid #A0A0A0;
    background-color: #C2C2C2;
    color: #4C4C4C;
}

footer a {
    color: #4C4C4C;
}


/* ***************************************** jsTree upravy (strom objektu) ************************************** */
.ui-accordion .ui-accordion-content {
    background-color: white;
}



/* ********************************************* FORMUARE ************************************** */
fieldset {
    border: 1px solid #4B4B4B;
    background-color: #CCCCCC;
}

legend {
    background-color: #F2F2F2;
    border: 1px solid #4B4B4B;
    color: #333333;
}

input, select, textarea, .readonly {
    color: black;
    border: 1px solid #555555;
    background-color: white;
}




table.formData a.form-icon:hover {
    background-color: #0078A3;
}

/* *********************** UI tabs (zalozky) ************************** */
.nav-con { /* zobrazeny obsah pro vybranou polozku */
    background-color: white;
    border: 1px solid black;
    border-top: none;
}

ul.naul {
    background-color: #E0E0E0;
}

ul.naul a {
    background-color: #6F6F6F;
    color: white;
    border: 1px solid #3F3F3F;
    border-bottom: none;
}
ul.naul a:hover {
    background-color: #4D8DAD;
}

ul.naul a.select {
    background-color:  white;
    border: 1px solid black;
    border-bottom: none;
    color: black;
}



/* ***************************************** tabulky **************************************************** */

table.tbl {
    background-color: #F8F8F8;
    border: 1px solid #4C4C4C;
}

table.tbl th.nazev {
    background-color: #656565;
}
table.tbl th.nazev a {
    color: white;
}
tr.hlavicka a, .ui-dialog tr.hlavicka a {
    color: black;
}
table.tbl .navigator a:hover {
    background-color: #025D8A;
    color: white;
}
table.obsah tr:hover, table.obsah tr.first:hover, table.obsah tr.second:hover {
    border-bottom: 1px solid #B69969;
    background-color: #DED2C1;
    background-image: none;
}


/* ---- souctovy radek tabulky -- */
table.obsah tr.celkem {
    background-color: silver;
}

table.obsah tr.celkem td {
    font-weight: bold;
    border-bottom: 2px solid black;
}




/* ********************* panely *************************** */
.panel {
    border: 1px solid #A0A0A0;
    background-color: white;
}