*{ margin:0; padding: 0; font-family: Arial, sans-serif;}
.clear{clear: both; width: 100%; line-height: 1px; border:0 !important; margin:0 !important;}

/** LAYOUT */
body{color:#3c3c3b; background: #F1F1F1; font-size: 12px;}
#container{padding: 0 0 20px 220px;  margin: 0 30px; width: auto; min-height: 800px;}
#head{ height: 150px;}
#foot{ height: 60px; color: #999; font-size: 11px; width: 156px; padding-left: 6px; float: right; right: 19px; position: absolute; bottom: 30px;}
#foot hr {margin: 10px 0; border-color: #ebebeb;}
#foot a {color: #999 !important; text-decoration: underline;}
#foot a:hover {text-decoration: none;}


/** LOGIN PAGE*/
#login{ color: #999;  background: #f1f1f1 url('../images/bg-login.png') top center no-repeat; position: relative;}
#login-content{text-align: center; /*background: url('../images/bg-login-top.png') top left repeat-x;*/ width: 100%; height: 250px;}
#login-content h1{ width: 100%; text-align: center; padding-top: 197px;}
#login-form {width: 596px; margin: auto; position: relative; }
#login-form label.required:after {content: ""; }
#frm-adminLoginForm { background-color: transparent; width: 596px; margin-top: 151px;}

#frm-adminLoginForm label {float: left; width: 261px; color: #3c3c3b; font-weight: bold; font-size: 13px;}

#login-form input.text {width: 211px; height: 30px; float: left; position: absolute; bottom: -63px; padding-left: 20px; color: #3c3c3b; box-shadow: none;}
#login-form input.text:hover {box-shadow: none; border-color: #bcbcbc;}
#login-form input.text:focus {border-color: #ea5c1a;   -webkit-transition: border-color .3s linear;  
                                                    -moz-transition:    border-color .3s linear;
                                                    -ms-transition:     border-color .3s linear; 
                                                    -o-transition:      border-color .3s linear;}
#login-form #frmadminLoginForm-login.text {left: 0px; }
#login-form #frmadminLoginForm-pass.text  {left: 276px;}


#login #browser-alarm { position: absolute; width: 100%; height: 15px; padding: 20px 0; background: #333; text-align: center;}
#login form tr:hover { background: transparent;}
#login #frmadminLoginForm-send.button {background: url(../images/login-btn.png) no-repeat; width: 48px; height: 49px; display: block; box-shadow: none; border: none;
                                       padding: 0px; margin: 0px; position: absolute; right: 0; bottom: -67px;}
#login #frmadminLoginForm-send.button:hover {opacity: 0.85;}
#login-foot {margin: auto; clear: both; margin-top: 118px; display: block; width: 100%; text-align: center; font-size: 11px; float: left;}
#login-foot a {color: #999; text-decoration: underline;}
#login-foot a:hover {text-decoration: none;}

/* nadpisy*/
h1, h2, h3, h4, h5, h6 {
    color: #3c3c3b;
    font-weight: bold;
}
h2 { font-size: 13px; font-weight: normal; /* background: url(../images/h2_back.gif) repeat-x; */
     /*border: 1px solid #ccc; */margin: 42px 0 0 0; width: 100%; height: 40px; position:relative; }
/*h2 span.first { background: url(../images/h2_back_up.png) top right no-repeat;}*/
h2 span, h2 a { padding: 0 15px 0 12px; display: block; float: left; background: url(../images/breadcrumb_arrow.gif) right center no-repeat; color: #222;}
h2 a { text-decoration: underline;}
h2 span.last, h2 a.last { background: none; /*border-right: 1px solid #ccc;*/ color: #f2652a;}
h2 span.first, h2 a.first { padding-left: 0px;} 
h2 a:hover    { text-shadow: 0 0 1px #ccc; text-decoration: none;}

h2 .shortcut-buttons-set {border: none;  float: left;}
h2 .shortcut-buttons-set li {border: 1px solid #ccc; margin-top: -5px; width: 30px; height: 29px; margin-left: 5px;  float: left; display: block; background: url(../images/edit-del-bg.png) repeat-y;}
h2 .shortcut-buttons-set li a { border: 0; text-decoration: none; width: 30px; height: 29px; background: none; padding: 0px; line-height: 29px;}
h2 .shortcut-buttons-set li a:hover {opacity: 0.60;}
h2 .shortcut-buttons-set li a.edit {background: url(../images/edit-ico.png) 8px 6px no-repeat;  }
h2 .shortcut-buttons-set li a.delete {background: url(../images/delete-ico.png) 9px 9px no-repeat; }
h3            { font-size: 16px; padding: 25px 0 7px 0; font-weight: normal; }
h4            { font-size: 16px; padding: 20px 0 0 0; font-weight: normal; }
h5            { font-size: 16px; padding: 10px 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


/* tagy */
a              { color: #f2652a; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #000; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
    padding: 5px 0 10px 0;
    line-height: 1.6em;
}
hr { border: 0; border-bottom: 1px solid #ccc; margin: 35px 0 2px 0; clear: both;}

/*************** Content Box ***************/
.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
                
.content-box {
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 4px #ddd;
}

.content-box h3 {
    background: #e6e6e6;
    display: block;
    padding: 10px 15px 10px 15px;
    position: relative;
}
.content-box h3 img {width: 24px; height: 24px; float: left; margin-right: 10px;}

.content-box h3 span#close { position: absolute; display: block; top: 10px; right: 10px; background: url(../images/icons/cross_grey_small.png); 
                             width: 7px; height: 7px; cursor: pointer;}
.shortcut-buttons-set{
    position: absolute; display: block; right: 0; top: 0; list-style: none;
}
.shortcut-buttons-set li {float: left;;}
.shortcut-buttons-set li a { font-weight: bold; display: block; border-left: 1px solid #c3c3c3; padding: 11px 18px; line-height: 19px;}
.shortcut-buttons-set li a:hover {background: #fafafa; height: 18px;}
.shortcut-buttons-set li a img {float: left; margin-right: 8px;}

.tabs {padding: 0 !important; clear: both; display: none; border-radius: 0 !important; border: 0 !important;
    }
.tabs .ui-tabs-nav { padding: 0 !important; border: 0 !important; border-bottom: 1px solid #c3c3c3 !important;
                    margin: 0; background: #f1f1f1; border-collapse: collapse; border-top: 0;}
.tabs > div.ui-tabs-panel { border: 1px solid #c3c3c3; border-top: 0; box-shadow: 0 0 5px #ccc;}
.tabs li.ui-state-default { background: #e6e6e6; border-radius: 2px !important; border-bottom: 1px solid #c3c3c3 !important; font-size: 13px; padding: 4px 10px 4px 10px !important; margin-right: 6px !important;}
.tabs li.ui-state-active { background: #fff;color: #f2652a; border: 1px solid #c3c3c3; border-bottom: 1px solid #fff !important; padding-bottom: 5px !important}
.tabs li img {margin-right: 5px; margin-top: 3px;}
.tabs .content-box-content {border: 0;}
ul.content-box-tabs {
    float: right;
    padding: 12px 15px 0 0 !important;
    margin: 0 !important;
}

ul.content-box-tabs li {
    float: left;
    margin: 0;
    padding: 0 !important;
    background-image: none !important;
}

ul.content-box-tabs li a {
    color: #333;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}

ul.content-box-tabs li a:hover {
    color: #57a000;
}              

ul.content-box-tabs li a.current {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
}

.content-box-content {
    padding: 40px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}


/* formulare */
form table {background-color: #fff; }
form table tr:hover{ /*background: #f7f7f7;*/}
form table th{ text-align:left; padding: 8px 15px 5px 0; font-weight: normal; vertical-align: top; }
form table td{ padding: 5px 0;}

.form-error-message {padding-left: 20px; background: url(../images/icons/cross_circle.png) no-repeat; margin-left: 10px;}
.form-valid-message {padding-left: 20px; background: url(../images/icons/tick_circle.png) no-repeat; margin-left: 10px;}

fieldset {border: 0;margin: 30px 0 0 0;}
fieldset legend {padding: 0 2px; font-size: 14px; font-weight: bold; margin-top: 5px; }

/* FORM INPUTS AND BUTTONS */
label{ margin-right: 15px;}
label.required { font-weight: bold; }
label.required:after {content: " *"; color: #ea5c1a; }

.text, input[type=text], select, textarea, .datepicker, select{border: 1px solid #d8d8d8; padding: 4px 8px;}
.text:hover, textarea:hover, select:hover {border-color: #bcbcbc;}
.text:focus, textarea:focus, select:focus {border-color: #949494;   -webkit-transition: border-color .3s linear;  
                                                    -moz-transition:    border-color .3s linear;
                                                    -ms-transition:     border-color .3s linear; 
                                                    -o-transition:      border-color .3s linear;}



select{padding: 3px 1px 3px 5px; height: 28px;}
select.multiselect {height: 100px;}
textarea {font-size: 12px !important;}

input.datepicker {
    background: url('../images/calendar.gif') no-repeat right !important;
}
.dialog input.datepicker {z-index: 1000 !import;}
input.autocomplete-form, input.relation-selector {background: url('../images/icon_autocomplete.gif') no-repeat right;}

span.editable { overflow: hidden; display: block; padding: 5px; margin: 0;}
span.editable:hover { background: #fafafa; }
.editable input, .editable select {border: 0; padding: 0; margin: 0;}

.editable .autocomplete { background: #fafafa url('../images/icon_autocomplete.gif') no-repeat right;}
.editable { cursor: text;}

.button{ /*background-image: linear-gradient(bottom, rgb(245,245,245) 35%, rgb(235,235,235) 50%, rgb(245,245,245) 84%); border: 1px solid #ccc; */
         background: #f1f1f1; border: 1px solid #f1f1f1;
         padding: 8px 30px; font-weight: normal; margin: 12px 20px 12px 0;
         cursor:pointer; font-size: 13px; /* box-shadow: 0 0 5px #aaa; */ color: #575756;}
.button:hover{/*box-shadow: 0 0 10px #888; background-image: linear-gradient(bottom, rgb(205,205,205) 35%, rgb(215,215,215) 50%, rgb(205,205,205) 84%);*/
         border: 1px solid #d8d5d5; color: #2e2d2c;    
         -webkit-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
         -moz-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
         box-shadow:		0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.button[disabled] {background: #ccc;}

.hidden {visibility: hidden;}
.none {display: none !important;}
.clickable td, .dialog-open td{cursor: pointer;}

.clickable td.checker{cursor: default;}
.sortable tr td:last-child{cursor: move;}

/************ Sidebar Accordion Menu ************/
#sidebar {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 219px;
    height: 130%;
    display: block;
    padding: 25px 0 50px 0;
    color: #000;
    border-right: 1px solid #e5e5e5;
}

#sidebar a {
    color: #000;    
}

#sidebar #logo {
    width: 131px; height: 44px; display: block;
    margin-left: 43px;
}

#sidebar #profile-links {
    text-align: left;
    padding: 0 5px;
    line-height: 49px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 30px 19px 0 38px;
    color: #8e8e8e;
    font-size: 13px;
}
#sidebar #login-setting {
    background: url(../images/setting-ico.png) center center #f1f1f1 no-repeat;
    width: 29px; height: 29px; display: block;
    border: 1px solid #f1f1f1;
    float: right; margin-top: -41px; margin-right: 19px;
    cursor: pointer;
    opacity: 0.9; 
}
#sidebar #login-setting:hover {
    opacity: 1; 
    border-color: #d8d5d5;
    background-color: #f3f3f3;
    -webkit-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow:		0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

#sidebar #logout-box {
    width: 138px; height: 74px; display: block;
    border: 1px solid #cfcece;
    box-shadow: 0px 2px 3px #ddd;
    padding: 15px 0 0 22px;
    position: absolute; right: 19px; top: 139px;
    background: #fff;
    display: none;
}
#sidebar #logout-box a{
    line-height: 30px;
}
#sidebar #logout-box a:hover{
    text-decoration: underline;
}

#a-show-web {
    border-top: 1px solid #ebebeb;
    width: 156px; height: 50px; line-height: 50px;
    float: right; margin-right: 19px;
    padding-left: 6px;
    background: url(../images/new-tab-ico.png) 82px 20px no-repeat;
}
#a-show-web:hover {text-decoration: underline;}


#sidebar #main-nav {
    margin-bottom: 14px;
}

#sidebar #main-nav li {
    list-style: none;
    padding-bottom: 0px;
    margin-right: 19px;
}

#sidebar #main-nav li:hover {
    background: #f0f0f0;
}

#sidebar #main-nav li a.nav-top-item {
    padding: 6px 0;
    font-size: 13px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    padding-left: 44px;
}

#sidebar #main-nav li a.current {
    color: #ea5c1a;
    border-left: 6px solid #ea5c1a;
    padding-left: 38px;
    background: #fff;
}

#sidebar #main-nav li a.current:hover {
    background: #fff;
}

#sidebar #main-nav ul {
    padding: 0;
    font-size: 11px;
    margin: 0;
    background: #fff;
}

#sidebar #main-nav ul:hover {
    background: #fff;
}

#sidebar #main-nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar #main-nav ul li:hover a{
    background: #fff;
    text-decoration: underline;
}

#sidebar #main-nav ul li a {
    padding: 6px 0 6px 67px;
    display: block;
    color: #000;
    font-size: 11px;
    line-height: 1.2em;
    text-decoration: none;
    background: none;
}

#sidebar #main-nav ul li a.current {
    border: none;
    padding-left: 67px;
}

#sidebar #main-nav ul li:hover a.current {
    text-decoration: none !important;
}


#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
    
}
#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current:hover {
    
}

#sidebar #main-nav ul li a.current {
   
} 

/* submenu */
ul.submenu {float: left; clear: both; width: 100%; display: block; min-height: 53px; background: #fff; border: 1px solid #cfcece; border-radius: 0; margin-bottom: 20px;}
ul.submenu li {display: block; float: left; background: url('../images/shortcut-button-bg.gif') top left repeat-x; margin: 7px 6px 7px 0; border-radius: 3px;}
ul.submenu li:hover {background: url('../images/shortcut-button-bg-up.png') 0 1px repeat-x;}
ul.submenu li.head {border: 0; border-right: 1px solid #cfcece; border-radius: 0;
                    margin: 0; margin-right: 15px; padding-right: 18px; height: 53px; line-height: 53px;
                    /*text-transform: uppercase;*/ font-size: 16px;
                    float: left; display: block;  background: /*url('../images/h2_back.gif') top left repeat-x*/ #e6e6e6; }
ul.submenu li.head a {background: url(../images/icons/add_24-a.png) 12px 18px no-repeat; width: 42px; height: 54px; display: block; float: left; padding: 0px;
                      margin-right: 14px; border: none; border-right: 1px solid #ccc;}

ul.submenu li a {padding: 11px 25px 10px 25px; display: block; border: 1px solid #f1f1f1; color: #575756; background: #f1f1f1;}
ul.submenu li a:hover {border: 1px solid #d8d5d5; color: #2e2d2c; -webkit-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
                        -moz-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
                        box-shadow:		0 1px 3px 0 rgba(0, 0, 0, 0.15);}
ul.submenu li a.active {color: #2e2d2c; display: block; border: 1px solid #d8d5d5; 
                        -webkit-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
                        -moz-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
                        box-shadow:		0 1px 3px 0 rgba(0, 0, 0, 0.15);}
ul.submenu li.head a:hover {background: url(../images/icons/add_24.png) 12px 18px #fff no-repeat; border: none; border-right: 1px solid #cfcece;  border-bottom: 1px solid #cfcece;
                            box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: 53px;}

/* jazykove menu */
.lang_menu {position: absolute; right: 0;}
.lang_menu li {display: block; float: left; margin: 5px 10px 0 0; color: #666; cursor: pointer; border: 1px solid #ddd; background: #f9f9f9; padding: 1px 5px;}
.lang_menu li:hover {text-decoration: underline;}
.lang_menu li.active {font-weight: bold; color: #333;}

/* flash zpravy */
.flash, .stableflash {
                position: relative;
                margin: 30px 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 19px !important;
                background-repeat: no-repeat !important;
                font-size: 14px;
                display:block;
                font-style:normal;
                padding: 17px 40px;
                line-height: 1.5em;
                z-index: 1000 !important
                }
.stableflash h3 {padding: 2px 0 15px 0; }
.stableflash table { border-collapse: collapse;}
.stableflash td {padding: 8px 15px; border: 1px solid #ccc; background: #fff;}
.stableflash h3 {background: none;}
.flash {position: fixed; top: 0; left: 219px; margin: 0; }

#login .flash {width: 400px !important; width: auto; position: absolute;  margin-top: 312px; margin-left: 510px;}              

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #f1f1f1 url('../images/icons/information.png') 10px 11px no-repeat;
                border-color: #cfcece;
                color: #585b66;
                padding: 10px 30px 30px 30px;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png') 10px 11px no-repeat;
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png') 10px 11px no-repeat;
                border-color: #df8f8f;
                color: #665252;
                }

/* seznamy */
ul.list{ padding: 5px 0 0px 33px; background-color: #fff;}
ul.list li { list-style: square; line-height: 20px; margin-bottom: 8px; padding-left: 7px;}
ul.list .level0 { margin-left: 0;}
ul.list .level1 { margin-left: 20px;}
ul.list .level2 { margin-left: 40px;}
ul.list .level3 { margin-left: 60px;}
ul.list .level4 { margin-left: 80px;}
ul.list .level5 { margin-left: 100px;}
ul.list .active { font-weight: bold;}

/** AJAX */
#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/loader.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 2px solid #CCC;
    font-size: 0;
    display: none;
}



.help { cursor: help; background: url('../images/help.png') 0 2px no-repeat; padding-left: 14px;}
.tooltip {background: #d5ffce; border-color: #9adf8f; color: #222; padding: 20px; line-height: 19px; width: 250px; border-radius: 5px; box-shadow: 3px 3px 3px #ccc;}
#help-icon {background: url('../images/help.png') 0 2px no-repeat; position: absolute; right: 6px; top: 8px; width: 15px; height: 15px; display: block; cursor: pointer;}


/** TREEVIEW (categories) */
#categorylist {margin: 30px 10px; background: #fff;}
#categorylist .nonactive a{ color: #666 !important;}
#categorylist li {padding: 0 0 10px 0;}
#categorylist li li {padding: 4px 0 4px 0;}



.datagrid thead .button { box-shadow: none;}


span.assistly-widget { position: absolute; top: 0; right: 30px; background: #F2652B; box-shadow: 0 2px 5px #666; opacity: .8;}
span.assistly-widget:hover {opacity: 1;}
span.assistly-widget a {padding: 10px 17px 6px 17px; background: none !important; color: #fff !important; text-transform: uppercase; font-family: Arial, sans-serif !important;}
span.assistly-widget a:after { content: 'podpora';  }