/*
    Projekt: Shopio - Default admin skin
    URL: http://www.shopio.cz

    Output: screen, projection

    Autor: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Modified: Michal Franek (michal.franek@w3w.cz); w3w (www.w3w.cz)
    Modified: Stuart Homfray (stuart.homfray@w3w.cz); w3w (www.w3w.cz)
    Last revision: 2009-10-06
    Better Forms update: 2011-02-25 

    Structure:
        display | position | float | z-index | overflow | width | height | margin | padding | border | background | align | font

*/

/* Temporary - Demo */
p.demo-login {
    padding: 3px 10px;
    background: #ffb;
    border: solid #F3D13D; border-width: 2px 0px;

}

body {margin:0; padding:20px 0; border:0; background:#FFF; font:0.7em/160% "verdana",sans-serif; color:#000; _text-align:center;}

a {color:#06C;}
a:link {color:#06C;}
a:visited {color:#06C;}
a:hover {color:#2BA116; color:#000;}

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

div {display:block; margin:0; padding:0; border:0;}

h1, h2, h3, h4, h5 {margin:15px 0 5px 0; padding:0; border:0;}
h1 {margin:0;}
h2 {margin:0; font:normal 220%/100% "arial",sans-serif; color:#06C;}
h3 {font-size:120%; color:#06C;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; margin:15px 0; padding:0; border-collapse:collapse; font-size:100%;}
table.width100 {width:100%;}
tr {display:table-row;}
tr.bg {background:#F9F9F9; text-align: center;}
tr.bg input {position: relative; display: block; margin: 0 auto; width: 90%; }
tr.bg input[type="text"], tr.bg select { background: #fcfcfc; border: 1px solid #D8D8D8; border-radius: 3px; }
tr.bg input[type="text"]:focus, tr.bg select:focus { background: #fff; border-color: #888; }
tr.bg input#submit { min-width: 9em; }
tr.bg select {display: block; margin: 0 auto;}
th, td {display:table-cell; margin:0; padding:5px; _padding:5px; border:1px solid #e8e8e8; vertical-align:middle; text-align:left;}
th {background:#F0F0F0; text-align:center; font-weight:bold; color:#404040;}
thead th, thead th.action { border-color: #d9d9d9; }
/* JQuery calendar fix */
#calendar_div td {text-align:center; padding:0px; border:0;}

table.form-table {width: 100%;}
table.form-table td,
table.form-table th {border: 0;}
table.form-table th { width: 22%; background: none; text-align: right; vertical-align:top; padding:8px 5px; /*padding: .4em .5em 0 0;*/}
table.form-table td .note {}
/*table.form-table textarea {width: 100%;}*/

/*
ul, ol {display:block; margin:15px 0 15px 40px; padding:0; border:0;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
li {display:list-item; margin:0; padding:0; border:0;}
ul ul, ul ol, ol ol, ol ul {margin:0 0 0 20px;}
*/

dl {margin:15px 0; padding:0; border:0;}
dt {margin:0; padding:0; border:0; font-weight:bold;}
dd {margin:0 0 0 30px; padding:0; border:0;}

form {margin:0; padding:0; border:0;}
fieldset {clear:both; margin:15px 0; _margin:0; padding:10px 15px; border:1px solid #e8e8e8;}
fieldset#fieldset-send { border: none; }
fieldset div.padding {_padding-top:15px;}
fieldset table {margin:0;}
legend {margin-left:0; _margin-left:-5px; padding:0; font-size:120%; font-weight:bold; color:#2BA116;}

#fieldset-parameters td span { display: block; /*width: 20em; margin-top: -1.9em; border-bottom: 1px solid #F0F0F0;*/ }
#fieldset-parameters td span input { margin-left: 11em; }


hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}

a, img, span {margin:0; padding:0; border:0;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Plavani prvku */
.f-left {float:left;}
.f-right {float:right;}

/* Zarovnvani textu */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}

.clear {clear:both;}

.box {min-height:1px; _height:1%;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0px; font-size:0px; content:".";}

/*Halfwidth boxes*/
.box .half,
.box .width-half {position:relative;}
.half,
.width-half {width:48%;}
.half table,
.width-half table {width:100%;}

/* varying widths */
.width5pc { width: 5%; }
.width10pc { width: 10%; }
.width15pc { width: 15%; }
.width20pc { width: 20%; }
.width25pc { width: 25%; }
.width30pc { width: 30%; }
.width35pc { width: 35%; }
.width40pc { width: 40%; }
.width45pc { width: 45%; }
.width50pc { width: 50%; }
.width55pc { width: 55%; }
.width60pc { width: 60%; }
.width65pc { width: 65%; }
.width70pc { width: 70%; }
.width75pc { width: 75%; }
.width80pc { width: 80%; }
.width85pc { width: 85%; }
.width90pc { width: 90%; }
.width95pc { width: 95%; }
.width100pc { width: 100%; }


.section { border: 1px solid #e8e8e8; margin: 20px 0; padding: 10px 15px; position: relative; }

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}
.ico { width: 16px; }
.img-url { vertical-align: top; margin: 0 0.3em; }
.unactive .img-url { opacity: 0.8; }

.p-right,
table th.p-right, table td.p-right { padding-right: 8px; padding-left: 2px; }
.p-left,
table th.p-left, table td.p-left { padding-right: 2px; padding-left: 8px; }
.p-none,
table th.p-none, table td.p-none { padding-left: 2px; padding-right: 2px; }

.m-top {margin-top:15px !important;}

.horiz-center { margin-left: auto; margin-right: auto; }


.noscreen {display:none;}
.a-hidden { position: absolute; left: -10000em; z-index: -10; } /* pristupne skryti */
.cistic, .cleaner {visibility:hidden; clear:both; height:1px; margin:-1em 0 0 0; line-height:0; font-size:0; border:0;}

/* ---------------------------------------------------------------------------------------------------- */

#main { width:1106px; margin:0 auto; _text-align:left;}
#main-mini {width:450px; margin:50px auto 0 auto; _text-align:left;}

/* Hlavicka */
#header {position:relative; margin-bottom:15px; _margin-bottom:10px;}

    #logo {position:relative; overflow:hidden; width:138px; height:35px; margin:0; padding:0;}
    #logo span {display:block; position:absolute; left:0; top:0; z-index:1; width:138px; height:35px; background:url("/admin-css/img/logo.gif") 0 0 no-repeat; cursor:pointer; _cursor:hand;}

    #btn-web {position:absolute; top:7px; left:150px; margin:0;}
    #btn-web p {position:relative; overflow:hidden; width:120px; height:25px; margin:0; padding:0;}
    #btn-web p span {display:block; position:absolute; left:0; top:0; z-index:1; width:120px; height:25px; background:url("/admin-css/img/btn-web.gif") 0 0 no-repeat; cursor:pointer; _cursor:hand;}

    #search {position:absolute; top:8px; left:300px;}
	#search a { font-size: 90%; }

    #user {position:absolute; top:13px; right:0; margin:0; color:#6F6F6F; text-align:right;}
    #user a:hover {color:#3F3F3F;}
    #user #ico-settings {padding-left:18px; background:url("/admin-css/img/ico-settings.gif") 0 50% no-repeat;}
    #user #ico-logout {margin-left:10px; padding-left:18px; background:url("/admin-css/img/ico-logout.gif") 0 50% no-repeat;}

/* Horizontalni menu */

#nav {position:relative; z-index:2; background:#2BA116 url("/admin-css/img/nav-bg.gif") 0 0 repeat-x; padding: .6em 0 0 0; font-size: 100%;}

    #nav ul {margin:0 0 0 20px; padding:0; list-style:none;}
	#nav ul ul { margin-left: 5px; }
    #nav ul li {float:left; display:inline; margin:0; padding:0;}
    #nav ul li a {display:block; _position:relative; float:left; /*\*/ float:none; width:111px; margin: 0 2px; padding: .2em 0 .50em 0; background:url("/admin-css/img/nav-separator.gif") 100% 50% no-repeat; font-weight:bold; text-align:center; text-decoration:none; color:#FFF;}
    #nav ul li a:hover {background:#2BA116;padding: .4em 0;}
    #nav ul li#nav-active a {background:#DBEFCE; color:#000; padding: .4em 0; border-left:1px solid #2BA116; border-right:1px solid #2BA116;}
    #nav ul li a:hover, #nav ul li.nav-on a {text-decoration:underline;}

#nav ul li div {
    display: block;
    position:absolute;
    left: 8px; right: 8px;
	width: 1090px;
    background:#DBEFCE; color:#FFF;
    border-bottom: 2px solid #2BA116;
    }

    #nav ul li ul li a,
    #nav ul li#nav-active ul li a,
    #nav ul li ul li a {display:block; margin: 2px 0px; padding:0px 10px; border: 1px solid #DBEFCE; width: auto; background:none; color:#000; font-weight:normal; text-align:left; text-decoration:none;}
    #nav ul li#nav-active ul li span,
    #nav ul li ul li span {display:block; padding:2px 10px; background:#BFE3A8; font-weight:bold;}
    #nav ul li#nav-active ul li a:hover, #nav ul li.nav-on ul li a:hover {background:#FFF; text-decoration:underline; border: 1px solid #CCC}

    #nav-tl {position:absolute; top:0; left:0; background:url("/admin-css/img/nav-tl.gif") 0 0 no-repeat; width:8px; height:8px;}
    #nav-tr {position:absolute; top:0; right:0; background:url("/admin-css/img/nav-tr.gif") 0 0 no-repeat; width:8px; height:8px;}
    #nav-bl {position:absolute; bottom:0; _bottom:-6px; left:0; background:url("/admin-css/img/nav-bl.gif") 0 0 no-repeat; width:8px; height:8px;}
    #nav-br {position:absolute; bottom:0; _bottom:-6px; right:0; background:url("/admin-css/img/nav-br.gif") 0 0 no-repeat; width:8px; height:8px;}

    #nav ul li ul li#nav-active-sub a {font-weight: bold;}
	
	#nav ul li div h4 { color: #000; display: inline; float: left; font-size: 1em; margin: 3px 10px 2px 20px; }

    p.action-navbar {margin-bottom:0px;}
    p.action-navbar a {margin-right:15px;}

#pagehead { padding-bottom:0; /*border-bottom:1px solid #e8e8e8;*/ overflow: hidden; position: relative; }
#pagehead h2 { float: left; padding-right: 10px; padding-bottom: 10px; }

/* Breadcrumbs */
#breadcrumbs { text-align: right; float: right; padding: 0.7em 0 10px; }
#breadcrumbs a {text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

/* Obsah */
#content {padding:4em 8px 20px 8px;}
#content h2 { position: relative; }

/* Paticka */
#footer {padding-top:10px; background:url("/admin-css/img/dot.gif") 0 0 repeat-x; text-align:right; clear: both;}

/* ---------------------------------------------------------------------------------------------------- */

/* Zvyraznovani */
tr.high td, td.high {background:#FFB;}
tr.lowhigh td, td.lowhigh {background:#FFFFEF;}

tr.unactive td {color:#7F7F7F; font-style:italic;}
th.th-selected a {color: red;}
tr.tr-selected {background: #FFFFAA !important;}
tr-selected td{
   border: 1px solid #FFF;
   background-color: yellow;
    }
.b-bottom {border-bottom: 1px solid #CCC;}
.b-top {border-top:1px solid #CCC;}
.green {color:#2BA116; font-weight:bold;}

.more {font-weight:normal; color:#000; margin-top: 0;/*font-size: 85%;*/}
.more a {padding-right:18px; background:url("/admin-css/img/ico-next.gif") 100% 50% no-repeat;}

/*Error*/
label.error {color: #F55A0F}
.errors {color: #F55A0F;}
.errors, .form-error li {
    list-style-type:none;
    margin:0; padding-left: 15px;
    background:url("/admin-css/img/ico-error-small.gif") 0 50% no-repeat;
    }
ul.errors { padding-left: 22%; background: none; list-style-type: none; margin: -3px 0 5px 11px; clear: both; }
.box .width-half ul.errors { padding-left: 30%; }
.errors li { background:url("/admin-css/img/ico-error-small.gif") 0 50% no-repeat; padding-left: 15px; }
/*
.form-errors-label input,
.form-errors-label select {display: block;}
*/
fieldset .form-errors-label input[type="text"], fieldset .form-errors-label input[type="password"],
fieldset .form-errors-label input[type="file"], fieldset .form-errors-label select,
fieldset .form-errors-label textarea { background: #fee; border: 1px solid #F55A0F; }
fieldset .form-errors-label input[type="text"]:focus, fieldset .form-errors-label input[type="password"]:focus,
fieldset .form-errors-label input[type="file"]:focus, fieldset .form-errors-label select:focus,
fieldset .form-errors-label textarea:focus { background: #fff; border: 1px solid #F5AA5F; }
fieldset .form-errors-label label { color: #F55A0F; }


/* Rozsirene hledani */
#form_search { margin: 15px 0; }
#form_search td label { margin-right: 7px; }
#search_results .tab-content table { width: 100%; }

/* Submit */
p.submit {margin:25px 0 0 0; padding:7px 0; background:#F5F5F5; text-align:center;}
p.submit:hover {background:#FFA;}

fieldset#send-details {background:#F0F0F0; padding: 5px; _margin-top: 15px;}
fieldset#send-details th,
fieldset#export_db th {width: 1px;}

#poznamky {padding:10px; border:1px solid #CCE8FF; background:#F0F8FF;}

/* Sloupce */
.col30 {float:left; width:300px;}
.col30 table {width:300px;}

/* Ikonky */
.ico-obj {width:8px; height:8px; margin:0 5px;}
.ico-add {padding-left:15px; background:url("/admin-css/img/ico-add.gif") 0 50% no-repeat;}
.ico-ok {padding-left:20px; background:url("/admin-css/img/ico-ok.gif") 0 50% no-repeat;}
.ico-next {padding-left:20px; background:url("/admin-css/img/ico-next.gif") 0 50% no-repeat;}
.ico-delete {padding-left:20px; background:url("/admin-css/img/ico-error.gif") 0 50% no-repeat;}
.ico-list {padding-left:20px; background:url("/admin-css/img/ico-list.gif") 0 0 no-repeat;}
.ico-nouser {padding-left:20px; background:url("/admin-css/img/ico-user-ban.gif") 0 50% no-repeat; font-style:italic;}
.ico-user {padding-left:20px; background:url("/admin-css/img/ico-user.gif") 0 50% no-repeat; font-style:italic;}
.ico-lock {padding-left:20px; background:url("/admin-css/img/ico-lock.gif") 0 0 no-repeat;}
.ico-email {padding-left:20px; background:url("/admin-css/img/ico-email.gif") 0 50% no-repeat;}
.ico-newsletter {padding-left:20px; background:url("/admin-css/img/ico-newsletter.gif") 0 50% no-repeat;}
.ico-plus {padding-left:15px; background:url("/admin-css/img/ico-plus.gif") 0 50% no-repeat;}
.ico-minus {padding-left:15px; background:url("/admin-css/img/ico-minus.gif") 0 50% no-repeat;}
.ico-showcat {padding-left:15px; background:url("/admin-css/img/ico-list2.gif") 0 50% no-repeat;}
.ico-reload,
.ico-refresh {padding-left:15px; background:url("/admin-css/img/ico-refresh.gif") 0 50% no-repeat;}
.ico16x16 {width:16px; height:16px; margin:0; margin-bottom:-3px;}

.update .ico16x16 { margin: 6px 3px -3px 3px; }

h2#ico-obj-new2 {background:url("/admin-css/img/ico-obj-new2.gif") 100% 50% no-repeat !important;}
h2#ico-obj-work2 {background:url("/admin-css/img/ico-obj-work2.gif") 100% 50% no-repeat !important;}
h2#ico-obj-done2 {background:url("/admin-css/img/ico-obj-done2.gif") 100% 50% no-repeat !important;}
h2#ico-obj-del2 {background:url("/admin-css/img/ico-obj-del2.gif") 100% 50% no-repeat !important;}

/* Zvyraznovani */
.done {color:#7F7F7F; font-style:italic;}
.note {color:#7F7F7F; font-style:italic;}
.note a {color:#7F7F7F;}
.note a:hover {color:#000;}
.note span span { font-style: normal; color: #444; cursor: pointer; padding: 0 1px; }
.note span span:hover { background: #06c; color: #fff; }

/* Zalozky */
ul#tabs {position:relative; bottom:-1px; z-index:1; margin:15px 0 0 0; padding:0; list-style:none; border-bottom:1px solid #CCC; }
@media all and (min-width: 0px) { /* Hack pro webkit (Safari) */
             body:not(:root:root) ul#tabs { bottom:-2px; }
}
    ul#tabs li {display:inline; margin:0; padding:0;}
    ul#tabs li a {position: relative; top: 1px; display:block; float:left; margin-right:4px; padding:7px 15px; border:1px solid #DDD; border-bottom:1px solid #CCC; background:#EEE; color:#000;}
    ul#tabs li a:hover {background:#F7F7F7;}
    ul#tabs li.selected a,
    ul#tabs .ui-tabs-selected a,
	ul#tabs strong a { padding-top: 9px; top: -1px; margin-bottom: -2px; border:1px solid #CCC; border-bottom:1px solid #FFF; background:#FFF !important; color:#2BA116; text-decoration:none; font-weight:bold;}

    .tab-content { padding:0 0 15px;}
    .tab-content h3 {margin:0;}
    .tab-content table {margin-bottom:15px;}

/* Nestylovana tabulka */
table.nostyle {display:table; margin:0; padding:0; border:0; border-collapse:collapse; font-size:100%;}
table.nostyle tr.bg {background:#F9F9F9;}
table.nostyle th, table.nostyle td {display:table-cell; margin:0; padding:4px 0; border:0; vertical-align:top;}

/* Strankovani vysledku */
.pagination {text-align:center; margin: 1em 0; clear: both;}
.pagination a {padding:2px 5px; background:#EEE; border: 1px solid #EEE; font-weight:bold; text-decoration:none;}
.pagination a:hover, .pagination a:hover.pagination-nav {color: #06C; border: 1px solid #06C;}
.pagination a.pagination-active, .pagination a:hover.pagination-active {background:#06C; border: 1px solid #06C; color:#FFF;}
.pagination .dots {letter-spacing: 2px;}
.pagination a.pagination-nav {background:#FFF; padding: 2px 0; border: 1px solid #FFF;}
.pagination a span {font-size: 120%}

/* Akce - Hromadne akce */
table.mass-act {margin-top: -2.3em; float: right;}
table.mass-act.form-table,
table.mass-act th {width: auto;}

/* Hlasky systemu */
.message.important { padding:7px 10px 7px 35px; border:2px solid #F8DB54; border-left:0; border-right:0; background:#FFA url("/admin-css/img/ico-msg-important.gif") 10px 50% no-repeat; }
.message.ok {padding:7px 10px 7px 35px; border:2px solid #F8DB54; border-left:0; border-right:0; background:#FFA url("/admin-css/img/ico-msg-ok.gif") 10px 50% no-repeat;}
.message.error {padding:7px 10px 7px 35px; border:2px solid #F8DB54; border-left:0; border-right:0; background:#FFA url("/admin-css/img/ico-msg-error.gif") 10px 50% no-repeat;}
.message.ok a, .message.error a {color:#000;}
.message.ok a:hover, .message.error a:hover {color:#000; text-decoration:none;}

.ico-arr {font-size:120%; font-weight:bold;}
.ico-arr img {width:9px; height:5px; margin-bottom:2px; border:0;}

/* Tabulka - styl2 */
table.styl02 {border:1px solid #e8e8e8;}
table.styl02 th, table.styl02 td {border:0; border-bottom:1px solid #E9E9E9;}

/* Tabulka - specialni */
td.comments a,
td.comments span {padding-left: 20px;}
td.comments a {background: url("/admin-css/img/ico-user.gif") left center no-repeat;}
td.comments span {background: url("/admin-css/img/ico-user-gray.gif") left center no-repeat;}

th.action, td.action { border: 1px solid #e8e8e8; border-width: 1px 0; padding: 5px 8px; }
.action, .checkb { width: 16px; }
th.action.last, td.action.last, .action.last { border-right: 1px solid  #e8e8e8; }
.multi { width: auto; white-space: nowrap; }
.printopts img { margin-left: 2px; margin-right: 2px; }


/* Tablelike styl */
.tablelike {border: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 15px; border-radius: 5px; }
.tablelike h3 {
    background: #F0F0F0; border-bottom: 1px solid #e8e8e8;
    margin:0; padding:5px;
    font-size:100%; color:#000; text-align:center;}

/* Napoveda */
.help {padding:2px 5px; background:#F5CC0A; color:#000; font-style:normal; cursor:help;}
.help:hover {background:#F55B00; color:#FFF;}

/* Vysledky vyhledavani - DL-DT-DD */
dl.result {margin-left:30px;}
dl.result dd {margin-bottom:5px;}
dl.result dd a {color:#000;}
dl.result dd a:hover {color:#2BA116;}

/* Styly nadpisu */
.hx-styl01 {padding-bottom:5px; border-bottom:1px solid #CCC;}

/* Stromova struktura - YUI Table */
#treeCategories {margin: 15px 0; padding: 15px; border: 1px solid #CCC;}
#treeCategories table {margin: 0;}
#treeCategories table td {border: none;}
#treeCategories table td a.delete { margin-left: 3px; }
#treeCategories table td a.update { position: relative; top: 3px; margin-left: 7px; }
* html #treeCategories table td a.update { position: static; vertical-align: middle; } /* ie */

/* Stromova struktura - UL-LI */
#tree {margin:15px 0; padding:0;}
#tree li {margin:0; padding:0 0 0 25px; background:url("/admin-css/img/ico-folder-open.gif") 0 0 no-repeat; list-style-type:none; font-weight:bold;}
#tree ul li {line-height:1.8em; list-style-image:url("/admin-css/img/l2.gif"); background:none; margin:0; padding:0 !important; font-weight:normal;}
#tree ul ul li {list-style-image:url("/admin-css/img/l3.gif");}
#tree ul ul ul li {list-style-image:url("/admin-css/img/l4.gif");}
#tree ul ul ul ul li {list-style-image:url("/admin-css/img/l5.gif");}
#tree ul ul ul ul ul li {list-style-image:url("/admin-css/img/l6.gif");}
#tree ul ul ul ul ul ul li {list-style-image:url("/admin-css/img/l7.gif");}
#tree ul ul ul ul ul ul ul li {list-style-image:url("/admin-css/img/l8.gif");}
#tree ul ul ul ul ul ul ul ul li {list-style-image:url("/admin-css/img/l9.gif");}
#tree ul ul ul ul ul ul ul ul ul li {list-style-image:url("/admin-css/img/l10.gif");}
#tree ul li.first {list-style-image:url("/admin-css/img/l2-first.gif");}
#tree ul li.last {list-style-image:url("/admin-css/img/l2-last.gif");}
#tree ul ul li.first {list-style-image:url("/admin-css/img/l3-first.gif");}
#tree ul ul li.last {list-style-image:url("/admin-css/img/l3-last.gif");}
#tree ul ul ul li.first {list-style-image:url("/admin-css/img/l4-first.gif");}
#tree ul ul ul li.last {list-style-image:url("/admin-css/img/l4-last.gif");}
#tree ul ul ul ul li.first {list-style-image:url("/admin-css/img/l5-first.gif");}
#tree ul ul ul ul li.last {list-style-image:url("/admin-css/img/l5-last.gif");}
#tree ul ul ul ul ul li.first {list-style-image:url("/admin-css/img/l6-first.gif");}
#tree ul ul ul ul ul li.last {list-style-image:url("/admin-css/img/l6-last.gif");}
#tree ul ul ul ul ul ul li.first {list-style-image:url("/admin-css/img/l7-first.gif");}
#tree ul ul ul ul ul ul li.last {list-style-image:url("/admin-css/img/l7-last.gif");}
#tree ul ul ul ul ul ul ul li.first {list-style-image:url("/admin-css/img/l8-first.gif");}
#tree ul ul ul ul ul ul ul li.last {list-style-image:url("/admin-css/img/l8-last.gif");}
#tree ul ul ul ul ul ul ul ul li.first {list-style-image:url("/admin-css/img/l9-first.gif");}
#tree ul ul ul ul ul ul ul ul li.last {list-style-image:url("/admin-css/img/l9-last.gif");}
#tree ul ul ul ul ul ul ul ul ul li.first {list-style-image:url("/admin-css/img/l10-first.gif");}
#tree ul ul ul ul ul ul ul ul ul li.last {list-style-image:url("/admin-css/img/l10-last.gif");}

#categoryTreeBox {overflow:auto; height:200px;width:300px;border:1px solid #c3daf9;padding:10px; margin:10px}

.tree li a {
	background-image:url("/css/images/f.png");
}

.section .sect-head { font-size: 1.1em; margin: 0; padding: 0; position: absolute; top: -0.8em; left: 10px; color: #2BA116; }
.section .sect-head { background: #fff; }
.section table { margin: 10px 0 0;}

#all-help { clear: both; }
#all-help, #content-help { position: relative; }
#show-help { float: right; margin-top: 1px; margin-left: 10px; z-index: 200; display: block; padding: 0.7em 0 0; }

.main-help {
position: relative;
margin-top: 5px;
background:#FFFFAA;
border-color:#F8DB54;
border-style:solid none;
border-width:2px 0;
padding: 0 10px;
}
.close {
position: absolute;
top: 0; right: 0;
margin: 3px 2px;
}

.action-navbar {position: relative;}
.main-help-ico {
position: absolute; top: 5px; right: 5px;}
#pagehead .main-help-ico { right: 0; top: 0; position: static; display: block; }

.tags_list span {font-style: normal; color: #444; display: inline-block; padding: 1px 2px;}
.tags_list span:hover {cursor: pointer; color: white; background: #2FA118;}

.search-page input[type=text] {border: 1px solid orange;}



/* Better Forms update */
fieldset { line-height: 1.3; padding: 0; margin: 0; border: none; }
fieldset > fieldset, fieldset > div > fieldset { border: 1px solid #E8E8E8; border-radius: 5px; margin: 15px 0; padding: 10px 15px; }
fieldset > fieldset > legend, fieldset > div > fieldset > legend { padding: 0 5px; }
fieldset ol { list-style-type: none; padding: 0; margin: 0; }
fieldset ol li { width: 100%; float: left; padding: 0; }
fieldset ol .errors li { float: none; }
fieldset label, fieldset input[type="text"], fieldset input[type="password"], fieldset select, fieldset textarea, span.mceEditor { vertical-align: top; }
fieldset label { width: 22%; padding: 3px 10px 3px 3px; margin-top: 8px; font-weight: bold; text-align: right; color: #555; float: left; }
.box .width-half fieldset label { width: 30%; }
fieldset .cbox { width: 78%; padding-left: 22%; position: relative; left: 13px; }
fieldset .cbox label, .box .width-half fieldset .cbox label { float: none; display: inline-block; text-align: left; padding: 3px 0; width: auto; font-weight: normal; }
.box .width-half fieldset .cbox { width: 70%; padding-left: 30%; }
.tablelike fieldset#fieldset-delivery .cbox:first-child,
.tablelike fieldset#fieldset-company_data .cbox:first-child { left: 0; padding-left: 20%; width: 80%; }
fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="file"], fieldset select, fieldset textarea { width: 45%; padding: 2px 0; margin: 8px 0; border: 1px solid #d8d8d8; background: #fbfbfb; border-radius: 3px; }
fieldset select { width: auto; }
fieldset textarea { width: 600px; height: 11em; }
.width60pc fieldset textarea { width: 460px; }
.width50pc fieldset textarea { width: 480px; float: right; }
.width45pc fieldset textarea, .width40pc fieldset textarea { width: 460px float: right; }
.width50pc span.mceEditor, .width45pc span.mceEditor, .width40pc span.mceEditor { float: right; }
span.mceEditor { display: block; padding: 2px 0; margin: 6px 0; }
fieldset input[type="text"]:focus, fieldset input[type="password"]:focus, fieldset select:focus, fieldset textarea:focus,
fieldset input[type="text"]:active, fieldset input[type="password"]:active, fieldset select:active, fieldset textarea:active { border-color: #888; background: #fff; }
fieldset input[type="checkbox"], fieldset input[type="radio"] { margin: 12px 2px 8px 0; }
fieldset input[maxlength] { width: auto; max-width: 45%; }
fieldset input[size] { width: auto; max-width: 45%; }
fieldset input[type="button"] { vertical-align: middle; margin-top: 7px; }
fieldset img.calendar_trigger { margin-top: 11px; }
fieldset .cp_def_color { margin-top: 8px; margin-left: 2px; border-color: #b8b8b8; border-radius: 2px; }


fieldset .hint { margin: -6px 0 5px 22%; padding-left: 13px; color: #7F7F7F; font-style: italic; line-height: 1.2; }
.width-half fieldset .hint { margin-left: 30%; }
fieldset .cbox .hint { margin-top: -5px; margin-left: 0; padding-left: 18px; }
fieldset .multiple-items .hint { margin-top: -4px; }

fieldset .multiple-items { position: relative; }
fieldset .multiple-items fieldset { position: relative; margin-left: 22%; padding-left: 13px; }
fieldset .multiple-items legend { color: #555; display: block; font-size: 1em; position: absolute; width: 100%; padding: 0; }
fieldset .multiple-items legend span { display: block; left: -28%; width: 28%; padding: 2px 10px 3px 3px; margin-left: -13px; position: absolute; text-align: right; white-space: normal; }
fieldset .multiple-items fieldset label { display: inline-block; float: none;  width: 100%; text-align: left; margin: 0; clear: left; font-weight: normal; }
fieldset .multiple-items input[type="checkbox"], fieldset .multiple-items input[type="radio"] { margin-top: 0; }
fieldset .multiple-items label input[type="checkbox"], fieldset .multiple-items label input[type="radio"],
fieldset .multiple-items p input[type="checkbox"], fieldset .multiple-items p input[type="radio"] { vertical-align: middle; margin-right: 5px; margin-left: -3px; margin-bottom: 4px; }

fieldset .multiple-items fieldset label, fieldset .cbox label { color: #222; }

fieldset.inlineformelems label, fieldset.inlineformelems input { float: none; display: inline-block; }
fieldset.inlineformelems label { width: 20%; } 

fieldset.oneline label { width: auto; }
#fieldset-send.oneline { clear: none; background:none; padding: 10px 15px; _margin-top: 0; }
fieldset#send { border: none; margin: 0; padding: 0; }
fieldset#fieldset-send, fieldset#fieldset-send_pohoda { background:#f8f8f8; padding: 15px; _margin-top: 15px;}
#fieldset-send.oneline li.submit { margin-top: 2px; margin-bottom: 0; margin-left: 10px; }

#fieldset-send input#submit, #fieldset-send input#csv_submit, 
#fieldset-send input#clear, #send-details p input,
#fieldset-send_pohoda input#submit_pohoda { background: #2EA218; 
	background: -moz-linear-gradient(#71C144, #2EA218);
	background: -webkit-gradient(linear, left top, left bottom, from(#71C144), to(#2EA218));
	background: -o-linear-gradient(#71C144, #2EA218); border-radius: 5px 5px 5px 5px; 
	border: 1px outset #aea; color: #f3f3f3; font-size: 1.3em; font-weight: bold; padding: 5px 40px; /*text-shadow: -1px -1px 1px #226622;*/ }
#fieldset-send input#submit:hover, #fieldset-send input#csv_submit:hover, 
#fieldset-send input#clear:hover, #send-details p input:hover,
#fieldset-send_pohoda input#submit_pohoda:hover { cursor: pointer; color: #fff; text-shadow: -1px -1px 1px #373; 
	background: #2EA218; 
	background: -moz-linear-gradient(#71C144, #2EA218);
	background: -webkit-gradient(linear, left top, left bottom, from(#71C144), to(#2EA218));
	background: -o-linear-gradient(#71C144, #2EA218); 
	border-radius: 5px 5px 5px 5px; }
#fieldset-send input#submit:focus, #fieldset-send input#submit:active,
#fieldset-send input#csv_submit:focus, #fieldset-send input#csv_submit:active,
#fieldset-send input#clear:focus, #fieldset-send input#clear:active,
#send-details p input:focus, #send-details p input:active,
#fieldset-send_pohoda input#submit_pohoda:focus, #fieldset-send_pohoda input#submit_pohoda:active { 
	background: #71C144; 
	background: -moz-linear-gradient(#2EA218, #71C144);
	background: -webkit-gradient(linear, left top, left bottom, from(#2EA218), to(#71C144));
	background: -o-linear-gradient(#2EA218, #71C144);
	border: 1px inset #aea; color: #fff; text-shadow: -1px -1px 1px #373; padding: 4px 41px 6px 39px; }
#send-details p input { padding: 4px 9px; font-size: 1.2em; margin-bottom: 1px; }
#send-details p input:focus, #send-details p input:active { padding: 3px 10px 5px 8px; margin-bottom: 0; }

fieldset .fullwidth label { width: auto; position: relative; padding-left: 22%; left: 13px; }
fieldset .fullwidth input[type="checkbox"], fieldset .fullwidth input[type="radio"] { margin-left: 10px;  }

fieldset ol ol { list-style-type: decimal; padding-left: 40px; }
fieldset ol ol li { display: list-item; padding: 0; }

.presents-delete { display: inline-block; vertical-align: middle; margin-top: 11px; margin-left: 15px; }

/* login page */
#main-mini #email, #main-mini #password { width: 40%; }  
#main-mini .submit input { margin: 8px 0 8px 22%; position: relative; left: 13px;  }



fieldset .form-indent { margin-left: 22%; padding-left: 13px; }
fieldset input.form-indent, fieldset button.form-indent { padding-left: 8px; padding-right: 8px; position: relative; left: 13px; margin-top: 8px; margin-bottom: 8px; }
/*#fieldset-send li.submit { margin: 10px 0; padding-left: 13px; display: block; width: auto; }*/
#fieldset-send li.submit, #fieldset-send_pohoda li.submit { margin: 0 0 0 22%; padding-left: 13px; display: block; width: auto; }
.no-indent #fieldset-send li.submit, #fieldset-send.no-indent li.submit { margin: 0; }
.form-func { display: inline-block; vertical-align: middle; margin-top: 11px; }

#import-photos fieldset#fieldset-send { border: 1px solid #E8E8E8; background: none; }

label a { display: block; }


#poznamky label { display: inline-block; margin-top: 4px; padding: 0; float: none; text-align: left; width: auto; }
#poznamky input[type="text"], #poznamky select { display: inline; width: auto; margin: 0 10px 0 0; }
#poznamky select { padding: 1px; }
#poznamky #submit { position: relative; top: -1px; vertical-align: middle; }

#fieldset-paym #payment_terms legend span,
#fieldset-countriess #countries legend span,
#fieldset-transp #shipping_methods legend span,
#fieldset-currenciess #currencies legend span,
#fieldset-acl_resources #acl legend span,
#fieldset-export #options legend span { text-align: left; text-indent: -999em; }

#date-settings #submit { margin-top: 8px; }
#active-customers-settings fieldset label,
#sales-settings fieldset label { float: none; width: auto; margin-top: 0; margin-bottom: 0; display: inline-block; padding-right: 2px }
#active-customers-settings li,
#sales-settings li { display: inline; float: none; width: auto; margin-right: 5px;}
#active-customers-settings .calendar_wrap input,
#sales-settings .calendar_wrap input { width: 8em; display: inline; margin-top: 0; margin-bottom: 0; }
#active-customers-settings fieldset img.calendar_trigger,
#sales-settings fieldset img.calendar_trigger { margin-top: 3px; vertical-align: top; }

#products_variants_id-container span { display: inline-block; margin: 11px 0; }

fieldset .fullwidth input#send_mail_after_registration { margin-left: 0; margin-bottom: 10px; }
fieldset .fullwidth label[for="send_mail_after_registration"] { padding-left: 0; left: 0; margin-bottom: 10px; }

/* pop-up calendar */
#calendar_div .calendar_control { background: #2BA116 url("/admin-css/img/nav-bg.gif") repeat-x 0 -14px; }
#calendar_div .calendar_control a:hover { background: #2BA116 !important; }


#current-photos input { width: 94%; }
#submit_descriptions { margin: 0 0 25px; }

#facebox input[type="text"] { margin-top: 0; margin-bottom: 0; }