/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}



/* Basic
----------------------------------------------- */
body {color: #333; font: 16px/1em "Trebuchet MS", arial, Verdana; height: 100%; background: #d6d6d6;}
a, a:visited {color: #2a2a2a; text-decoration: none;}
a:hover {color: #a91313;}
p {margin: 20px 0;}
hr {border-width: 0; border-top: 1px solid #efeb80; height:1px;}
.clear {clear: both;}
.clear-10 {clear: both; padding: 8px 0 7px 0;}
strong {font-weight: bold;}
.strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;}
.right {float: right;}
.right-form {margin-left: 16px;}
.help {border-bottom: 1px dotted #a91313; cursor: help; color: #a91313;}
.red, a.red, a.red:visited {color: red;}
.black {color: black;}
.green {color: green;}
.grey {color: grey;}
.pointer {cursor: pointer;}



/* Forms
----------------------------------------------- */
fieldset {border: 1px solid #aaa; width: 460px; padding: 20px 10px 10px 10px;}
.yellow-box {background: url(../images/yellow-box.jpg) no-repeat #fffede; border: 1px solid #efeb80; margin-bottom: 16px;}
.red-box {background: url(../images/red-box.jpg) no-repeat #ffe3e2; border: 1px solid #eeafaf;}
.blue-box {background: url(../images/blue-box.jpg) no-repeat; border: 1px solid #c2e0e6;}
.orange-box {background: url(../images/orange-box.jpg) no-repeat #fff3c8; border: 1px solid #f5dd88;}
.sky-box {background: url(../images/sky-box.jpg) no-repeat #e1f2ff; border: 1px solid #b8ccdd;}
.red-box a, .red-box a:visited, .blue-box a, .blue-box a:visited.orange-box a, .orange-box a:visited {text-decoration: underline;}
.yellow-box a, .yellow-box a:visited {color: #1b73a5;}
.yellow-box-div {width: 460px; float: left; padding: 20px 10px 10px 10px;}
.icon-form {width: 16px; height: 16px; float: left; margin-left: 5px;}

.admin-left {width: 460px; padding: 0; float: left;}
.admin-left img {position: relative; top: -18px; left: 15px;}
.admin-left .alert-good {margin-left: 21px;}

.input-cell {width: 450px; text-align: left; height: 35px;}
.input-cell-checkbox {width: 450px; text-align: left;}
.input-textarea {width: 450px; text-align: left;}
.input-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0; font-size: 0.875em;}
.input-text-selectbox {width: 150px; height: 24px; float: left; text-align: right; font-weight: bold; padding: 2px 7px 0 0; font-size: 0.875em;}
.input-text-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 0 7px 0 0;}
.input-text-checkbox {width: 250px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0;}
.input-img {padding: 0 0 10px 0;}
.input-delete {width: 330px; text-align: right; float: right;}
.more-button {width: 375px;}

.input-delete-left {float: left; width: 190px;}
.input-delete input.button {font-weight: bold; padding-left: 3px; padding-right: 3px; cursor: pointer;}
.input-ftp {width: 550px;}
.input-input {width: 290px; float: left; text-align: left;}
.input-report {width: 950px;}
.input-input label {font-size: 0.75em; position: relative; top: -2px; padding: 0 0 0 4px;}
.input-input-checkbox {padding-top: 4px;}
.input-input select#up_article {width: 278px;}

.input-input input.field {height: 20px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; width: 270px;}
.input-input-icon input.field {width: 245px; margin-right: 5px;}
.input-input input.double-field {height: 20px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; width: 190px;}
.input-input .double-select {height: 25px; margin-left: 5px; position: relative; top: -2px;}
.input-category {float: left; height: auto; padding-bottom: 20px;}
.select-ftp-upload {margin-right: 10px;}
.input-posun {position: relative; top: 4px; padding-bottom: 10px;}
.input-small {font-size: 0.75em;}
.input-input-checkbox {width: 190px; float: left; text-align: left;}
.input-input-checkbox input.field {height: 20px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; width: 170px;}
.input-input textarea {width: 290px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; margin: 0 0 10px 0;}
.input-report textarea {width: 950px; margin: 3px 0 8px 5px;}
.yellow-box textarea:focus, .yellow-box input.field:focus, #help textarea:focus, #help input.field:focus {border: 1px solid #7c7c7c;}
.input-input input.button, input.button {font-weight: bold; cursor: pointer;}
.total-reset {text-align: center; width: 150px; height: 25px; border: 1px solid red; background: #ffe3e3; padding: 10px;}
.total-reset input {font-weight: bold; color: red;}
.wymupdate {font-weight: bold; float: right; margin: 8px 10px 12px 0; font-size: 1.125em; padding: 7px 11px 7px 37px; background: url("../img/save.gif") 14px 10px no-repeat #d4d0c8;}

.tableeditor {width: 963px; border: 1px solid #808080; background: #f2f2f2; height: 350px; padding: 7px;}

.tableeditor-preview table {width: auto; border-collapse: collapse; font-size: 0.75em; margin: 0.31em 0 1.25em 0; border: 1px solid #888; border-right: 0;}
.tableeditor-preview table caption {font-variant: small-caps; padding-bottom: 0.63em;}
.tableeditor-preview table.full {width: 100%;}
.tableeditor-preview table th {background: #e0e0e0; color: #333; padding: 0.5em; border-bottom: 1px solid #888; border-right: 1px solid #888; text-align: left; font-weight: bold;}
.tableeditor-preview table td {border-bottom: 1px solid #888; border-right: 1px solid #888; padding: 0.5em;}

.input-cell-img img {border: 1px solid #000;}
.input-cell-img a {margin-left: 5px;}

#order-filter {float: left; padding-bottom: 18px;}
#order-filter input {margin-right: 15px;}
#order-filter label {font-size: 0.75em; position: relative; top: -3px;}
#order-filter .order-filter-button {position: relative; top: -3px; font-weight: bold; cursor: pointer; margin-right: 0;}

#order-price {float: right; font-size: 0.75em; color: #727272; padding-right: 6px;}
#order-price strong {color: #727272;}

.div-cell {width: 450px; text-align: left; height: 25px; font-size: 0.875em;}
.div-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 0 7px 0 0;}
.div-input {width: 290px; float: left; text-align: left;}
.div-input p {font-size: 0.75em; margin: 0;}
.div-input p strong {color: green;}
.div-input span.div-guid {font-size: 0.75em;}

.checkbox-list {width: 300px;}
.checkbox-list span {width: 180px; font-size: 0.75em; padding-top: 2px;}

.input-input input.input-alert {border: 1px solid red;}

.explorer {border: 1px solid #f8df6c; margin-bottom: 5px; background: #ffee9e; padding: 7px; font-size: 0.75em;}
.explorer a, .explorer a:visited {text-decoration: underline;}



/* Login
----------------------------------------------- */
#login {width: 490px; height: 325px; background: url("../images/login-box.jpg") no-repeat; margin: 0 auto;}
#login h1 {font-size: 1.25em; font-weight: bold; position: relative; top: 63px; left: 115px;}
#login form {font-size: 1.25em; font-weight: bold; position: relative; top: 135px; left: 50px;}
#login .input-cell {width: 490px; text-align: left; height: 35px;}
#login .input-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0; font-size: 0.75em;}
#login .input-input {width: 290px; float: left; text-align: left;}
#login .input-input input.field {height: 20px; border: 1px solid #68a6d9; background: #fff; padding: 3px 3px 0 3px; width: 150px;}
#login .input-input input.button {height: 24px; border: 1px solid #68a6d9; background: #fff; padding: 3px; width: 100px; font-weight: bold; background: url("../images/button-back.png") repeat-x; cursor: pointer;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 0; color: #000;}
.alert-good {border: 1px solid green; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 0; color: #000;}
.alert-info {border: 1px solid #f7df5a; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/info.jpg) no-repeat 8px 4px #fffca2; margin: 10px 0 12px 0; color: #000;}
.alert-sql {background: #feffa6; border: 1px solid #fed549; padding: 5px 15px; clear: both; float: left;}
.alert-bad a, .alert-bad a:visited, .alert-good a, .alert-good a:visited, .alert-info a, .alert-info a:visited {color: #606060; text-decoration: none;}
.alert-bad a:hover, .alert-good a:hover, .alert-info a:hover {color: #000;}

#logout {width: 100%;}
#logout div {margin: 0 auto;}
.no-bold {font-weight: normal;}



/* Wrap
----------------------------------------------- */
#wrap {background: url("../images/admin-content.jpg") repeat-y #fff; width: 1030px; margin: 50px auto 0 auto;}



/* Content
----------------------------------------------- */
#content {background: url("../images/admin-top.jpg") 0 34px no-repeat;}
#content .right-top-select {float: right; padding: 5px 0 0 0; position: relative; top: -46px; font-size: 0.75em;}
#content .right-top-select select {font-size: 0.75em;}
#content .right-top-select option {padding: 0px 5px;}
#content .right-top-select span {padding: 3px 7px 0 0;}
#content .gallery-disabled {color: #aaa;}
#content .top-line {border-top: 0px solid #dadada; width: 100%; position: relative; top: -10px;}
#content .more-top {top: -34px;}



/* Main
----------------------------------------------- */
#main {margin-left: 25px; width: 980px;}



/* User
----------------------------------------------- */
#user {position: absolute; left: 50%; top: 10px; font-size: 0.75em; margin: 0 0 0 -495px; color: #3c3c3c; line-height: 2.0em;}
#user a, #user a:visited {text-decoration: underline;}
#user span {margin-left: 15px;}
#user img {position: relative; top: 4px;}




/* Header
----------------------------------------------- */
#header {background: #d6d6d6;}



/* Footer
----------------------------------------------- */
#footer {font-size: 0.875em; clear: both; height: 65px; padding: 15px 0 0 0; color: #3c3c3c; position: relative; background: url("../images/admin-footer.jpg") no-repeat #d6d6d6;}
#footer p {padding: 1px 0; width: 100%; text-align: center;}
#footer p a, #footer p a:visited {text-decoration: underline;}



/* Menu
----------------------------------------------- */
#adminmenu li, #sidemenu li, #submenu li {display: inline; line-height: 2.0em; list-style: none; text-align: center; white-space: nowrap;}

#adminmenu {background: #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 0 0 0 22px; font-size: 1.0em;}
#adminmenu a {background: #e6e6e6;}
#adminmenu a {padding: 6px 10px; line-height: 2.05em; border: 1px solid #d6d6d6; border-bottom: 0px; border-left: 0px;}
#adminmenu a:hover, #adminmenu a.current, #adminmenu a.current:hover {background: #fff; color: #a91313; border: 1px solid #d6d6d6; font-weight: bold; border-bottom: 1px solid #fff; border-left: 0px;}
#adminmenu a:hover {border-bottom: 1px solid #d6d6d6; font-weight: normal;}

#sidemenu {color: #999; position: absolute; left: 50%; top: 10px; font-size: 0.75em;}
#sidemenu a {padding: 3px; line-height: 2.0em;}
#sidemenu a:hover, #sidemenu a.current, #sidemenu a.current:hover {color: #a91313;}
#sidemenu a.logout, #sidemenu a.logout:visited {font-weight: bold; color: #000;}
#sidemenu a.logout:hover {color: #a91313;}

#sidemenu a.sidemenu-current {color: #a91313;}

#submenu {padding: 12px 0 15px 10px; font-size: 0.75em;}
#submenu a {padding: 0 0 8px 17px;}
#submenu a.current, #submenu a:hover {color: #a91313;}

#submenu .submenu-item {background: #e6e6e6; padding: 0 6px 0 5px; margin: 0 4px;}
#submenu .submenu-item-first {margin-left: 15px;}
#submenu .submenu-item-selected, #submenu a.submenu-item:hover {background: #a91313; color: #fff;}



/* Table
----------------------------------------------- */
.table {border: 1px solid #ccc; border-collapse: collapse; width: 100%; clear: both; margin: 15px 0 0 0;}
.table td, .table th {border-bottom: 1px solid #ccc; font-size: 0.75em; padding: 5px 6px;}
.table td a span, .table td a:visited span {color: #000;}
.table td span span.colors_category, .colors_category {width: 10px; height: 10px; display: block; float: left;}
.table th {text-align: left; padding: 10px 6px 8px 6px; font-weight: bold;}
.table thead, .thead {background: #464646; color: #d7d7d7;}
.table thead.group_transport_0 {background: #7b5151;}
.table thead.group_transport_1 {background: #547b51;}
.table thead.group_transport_2 {background: #51757b;}
.table .nadpis-zaznamu {width: 27%;}
.table td.nadpis-zaznamu a, .table td.nadpis-zaznamu a:visited {color: #2a2a2a;}
.table .nadpis-produktu a, .table .nadpis-produktu a:visited {float: left;}
.table .nadpis-zaznamu-datum {width: 14%;}
.table .nadpis-zaznamu-shop {width: 30%;}
.table .nadpis-zaznamu-atributy {width: 30%;}
.table .nadpis-zaznamu-galerie {width: 30%;}
.table .nadpis-zaznamu-prehled {width: 30%;}
.table .nadpis-zaznamu-technic {width: 40%;}
.table .nadpis-obchod {width: 30%;}
.table .nadpis-id {width: 50px;}
.table .jmeno-produktu {width: 30%;}
.table .nadpis-webu {width: 230px;}
.table .url-adresa {width: 190px;}
.table .nadpis-center {text-align: center;}
.table .complete-price a, .table .complete-price a:visited {color: #fff;}
.table .nadpis-center-100 {text-align: center; width: 100px;}
.table .nadpis-right {text-align: right;}
.table .nadpis-left {text-align: left;}
.table .datum-expirace-img {position: relative; top: 3px; cursor: pointer;}
.table .error-img {position: relative; top: 2px;}

.table th.nadpis-zaznamu a, .table .nadpis-zaznamu a:visited, .table th.nadpis-zaznamu-galerie a, .table th.nadpis-zaznamu-galerie a:visited {color: #d7d7d7;}
.table th.nadpis-zaznamu a:hover {color: #fff;}

.table th.nadpis-zahlavi a, .table .nadpis-zahlavi a:visited {color: #d7d7d7;}
.table th.nadpis-zahlavi a:hover {color: #fff;}

.table th.nadpis-center a, .table th.nadpis-center a:visited {color: #d7d7d7;}
.table th.nadpis-center a:hover {color: #fff;}

.table tr.config td {background: #c7ecb4;}
.table tr.config td .jmeno-zaznamu {font-size: 1.25em; font-weight: bold;}
.table tr td .odsazeni-under {padding-left: 20px;}
.table tr .odsazeni {padding-left: 20px;}

.table tr.statuschange {background: #fff5a2;}
.table tr.statuschange-duplicate {background: #ffe063;}
.table tr.normalitem {background: #eeffe2;}
.table tr.underitem {background: #fff;}

.table tr.user-admin {background: #e6fad2;}
.table tr.user-user {background: #e6f8f9;}
.table tr.user-subscribe {background: #e9e9e9;}

.table #report {float: left;}
.table #report h3 {font-weight: bold; margin: 7px 0; color: #0c8000;}

.left-obchod-jmeno {float: left; margin-right: 7px; position: relative; top: 2px;}
.nadpis-zaznamu span.stitek-admin {height: 5px; width: 5px; margin: 7px 0 0 3px; float: left; display: block;}
.nadpis-zaznamu a span.red, .nadpis-zaznamu a:visited span.red {color: red;}

.stitek-akce {background: #20ac2f;}
.stitek-top {background: #2964a6;}
.stitek-sleva {background: #ef1313;}

.table tbody tr:hover {background: #fffccd;}

.table .order-storno td {text-decoration: line-through; color: grey;}
.table .order-storno td a, .table .order-storno td a:visited, .table .order-storno td select {color: grey;}

.table tfoot tr td {background: #eee;}
.table tfoot tr td span {float: left; display: block; margin: 5px 5px 0 0;}

.table .doprava, .table .platba {background: #fcfdd0; color: #000;}
.table select {width: 100px;}
.table input.value-input {width: 20px; text-align: center;}
.table input.value-input-sleva {width: 30px; text-align: center;}
.table input.value-input-odpis {width: 40px;}
.table select.value-input-select {width: 40px;}
.table select.odpis-input-select {width: 60px;}
.table span.green a, .table span.green a:visited {color: green;}

.table .order-search {background: #fff285;}
.table .order-search input {width: 70px; float: left;}
.table .order-search input.ordersearch_input {width: 70px;}
.table .order-search input.ordersearch_number {width: 45px;}
.table .order-search input.ordersearch_submit {width: 160px; font-weight: bold; cursor: pointer; float: left;}
.table .order-search input.ordersearch_reset {width: 70px; cursor: pointer; float: left;}
.table .order-search td span {float: left; display: block; padding: 3px 5px 0 0;}
.table .order-search td a {float: left; display: block; padding: 4px 5px 0 0;}

.table a.name, .table a.name:visited, .table a.star, .table a.star:visited {display: block; float: left; margin-right: 3px;}

.table a.star, .table a.star:visited {background: url("../img/star.png") 0 0 no-repeat; width: 19px; height: 19px; padding: 0; position: relative; top: 1px;}
.table a.star:hover {background-position: 0 -19px;}
.table a.star-current {background-position: 0 -38px;}



/* Help
----------------------------------------------- */
#help {width: 460px; float: right; margin: 0 0 15px 15px; padding: 20px 10px 10px 10px;}
#help h2 {font-weight: bold; font-size: 0.875em;}
#help h2 span {display: block; float: left; margin: 0 10px 10px 0;}
#help h2 a {float: left; display: block;}
#help h2 a img {border: 0;}
#help p {font-size: 0.75em; margin: 6px 0;}
#help img {border: 1px solid #aaa; margin-right: 10px; float: left;}
#help .help-thumb {float: left;}
.video-preview {float: right; margin-bottom: 16px;}

#help a, #help a:visited {text-decoration: underline;}

#help dl {margin-right: 40px; overflow: hidden;}
#help dl dt {float: left; width: 150px; display: block; font-size: 0.75em; line-height: 1.5em; clear: both; overflow: hidden; height: 20px;}
#help dl dd {float: left; width: 20px; display: block; line-height: 1.5em; overflow: hidden; height: 20px;}
#help dl dt.main-dt {font-weight: bold; font-size: 0.875em; margin-top: 25px; clear: both;}
#help dl dd.main-dd {width: 20px; margin-top: 25px;}
#help dl img {border: 0;}

#help form label {font-size: 0.75em; position: relative; top: -2px; cursor: pointer;}

#underhelp {width: 482px; float: right; margin: 0 0 15px 10px; padding: 0 0 10px 0;}
#underhelp h2, #underhelp h3 {font-weight: bold; font-size: 0.875em; clear: both;}
#underhelp p {font-size: 0.75em; margin: 6px 0;}
#underhelp em {font-size: 0.75em; padding-top: 15px; clear: both; display: block;}
#underhelp h2, #underhelp p, #underhelp em, #underhelp ul {padding-left: 10px; padding-right: 10px;}
#underhelp h3 {padding: 10px 0 10px 7px;}
#underhelp .table {margin-top: 0;}

.right-form h2 {font-weight: bold; font-size: 0.875em;}
.right-form p {font-size: 0.75em; margin: 6px 0;}

#help .histogram img {margin: 0; float: none; border: 0;}

#help-video {width: 482px; float: right; margin: 0 0 15px 15px; padding: 0 0 10px 0;}

#help ul.color-help {font-size: 0.75em; padding: 10px 0 3px 0; display: block; float: left; width: 150px;}
#help ul.color-help li {padding-bottom: 5px;}
#help ul.color-help li span {margin: 2px 5px 0 0; width: 10px; height: 10px; display: block; float: left;}

#help-tabs {width: 482px; float: right; margin: 0 0 15px 15px; padding: 0; font-size: 0.62em;}
#help-tabs h2.h2-keyword {clear: both; margin: 5px 0 5px; font-weight: bold;}
#help-tabs .insertkeyword {margin: 0; margin-bottom: 7px; float: left; width: 100%;}
#help-tabs .insertkeyword a, #help .insertkeyword a:visited {display: block; float: left; background: #edd995; padding: 2px 4px; margin: 0 3px 3px 0; cursor: pointer; text-decoration: none;}
#help-tabs .insertkeyword a:hover {background: #e9d07a;}
#help-tabs .insertkeyword a:focus {background: #e8b918; color: #fff;}

#help-tabs .alert-good {font-size: 1.0em; font-weight: normal; margin-bottom: 0; width: 414px;}
#help-tabs .alert-good a, #help-tabs .alert-good a:visited {color: #000; text-decoration: underline;}
#help-tabs .alert-good a:hover {text-decoration: none;}



/* Description
----------------------------------------------- */
#description {width: 460px; float: left; margin: 0 0 15px 0; padding: 20px 10px 10px 10px;}
#description h2 {font-weight: bold; font-size: 0.875em;}
#description p {font-size: 0.75em; margin: 6px 0;}



/* Sidebarbox
----------------------------------------------- */
#sidebarbox {width: 150px; float: left; margin: 0 0 15px 0; padding: 20px 10px 10px 10px;}
#sidebarbox h2 {font-weight: bold; font-size: 0.875em;}
#sidebarbox p {font-size: 0.75em; margin: 6px 0;}
.img-priloha {position: absolute; top: 195px; left: 50%; border: 0; margin: 0 0 0 -304px}
#priloha-adresa {float: left; padding: 7px; margin-bottom: 12px;}
#priloha-adresa span {font-weight: bold;}



/* Thumbnail
----------------------------------------------- */
.thumbnail {width: 195px; height: 200px; float: left; text-align: center; font-size: 0.75em;}
.thumbnail img {border: 1px solid #000; margin: 0 0 5px 0;}

.thumbnail div {width: 150px; overflow: hidden; padding: 0 0 0 26px;}
.thumbnail div span {display: block; float: left; margin-right: 3px; padding-top: 2px;}
.thumbnail div a {display: block; float: left; margin-right: 3px; padding-top: 2px;}
.thumbnail div a.star, .thumbnail div a.star:visited {background: url("../img/star.png") 0 0 no-repeat; width: 19px; height: 19px; padding: 0;}
.thumbnail div a.star:hover {background-position: 0 -19px;}
.thumbnail div a.star-current {background-position: 0 -38px;}

#thumbnail-edit {float: right; width: 450px; margin: 0 0 15px 15px; padding: 15px;}
#thumbnail-edit img {border: 1px solid #aaa; margin-right: 10px; float: left;}
#thumbnail-edit h2 {font-weight: bold; font-size: 0.875em;}

#thumbnail-edit div {float: right; width: 280px;}
#thumbnail-edit p {font-size: 0.75em; margin: 6px 0;}



/* Article
----------------------------------------------- */
.article_icon {position: relative; top: 3px;}
.icon-text {position: relative; top: 3px; margin: 0 5px;}
.jmeno-zaznamu {cursor: pointer;}
.box-img {margin: 15px;}
.primary-pics {background: #ddfdff;}



/* Cropper
----------------------------------------------- */
#testWrap {float: left; border: 1px solid #000;}
#crop-right-side {float: left;}
#crop-right-side input {margin: 0 20px 20px 20px; font-size: 1.25em; width: 150px;}
#previewArea {border: 1px solid #000; margin: 0 20px 20px 20px;}



/* Strankovani
----------------------------------------------- */
ul#pagination {margin: 22px 0 15px; clear: both; padding: 0 0 20px 30px; font-size: 0.75em; float: left; width: 560px;}
#pagination li {color: #333; display: block; float: left; border: 1px solid #ccc; margin-right: 2px; cursor: pointer;}
#pagination .active {background: #e7e7e7; color: #d54e21; font-weight: bold; padding: 4px 6px; display: block;}
#pagination .active:hover {border: 1px solid #ccc; color: #000; background: #e7e7e7; padding: 4px 6px; display: block;}

#pagination a, #pagination a:visited {text-decoration: none; color: #333; padding: 4px 6px; display: block;}
#pagination li:hover {color: #000; background: #e7e7e7;}

#pagination .dotty {text-decoration: none; border: 0;}
#pagination .dotty:hover {text-decoration: none; border: 0;}



/* Width
----------------------------------------------- */
.table .width-250 {width: 250px;}
.width-120 {width: 120px;}
.width-60 {width: 60px;}



/* Kniha navstev - editace barev
----------------------------------------------- */
#kniha input, #kniha textarea {background: #ddd; border: 1px solid #000;}
.posttop-book {border: 1px solid #7cc577; background: #b4e2b0;}
.posttext-book {border: 1px solid #7cc577; background: #def9dc;}

.post-book-reply .posttop-book {border: 1px solid #c59e77; background: #e2c8b0;}
.post-book-reply .posttext-book {border: 1px solid #c59e77; border-top: 0; background: #f9eadc;}

.posttopdelete-book, .post-book-reply .posttopdelete-book {border: 1px solid #ffa3a3; background: #ffcdcd;}
.posttextdelete-book, .post-book-reply .posttextdelete-book {border: 1px solid #ffa3a3; background: #ffebeb; border-top: 0;}

.posttopconfirm-book {border: 1px solid #898989; background: #c8c8c8; color: #7d7d7d;}
.posttextconfirm-book {border: 1px solid #898989; background: #e0e0e0; border-top: 0; color: #7d7d7d;}



/* Kniha navstev
----------------------------------------------- */
#kniha {width: 700px; margin: 40px 40px; border: 1px solid #000; padding: 20px 20px; float: left;}
#kniha .kniha-input {width: 350px; margin-bottom: 4px; float: left;}
#kniha .kniha-nadpis {width: 80px; float: left; text-align: right; padding-right: 5px; font-weight: bold;}
#kniha .kniha-pole {width: 265px; float: left;}
#kniha .kniha-pole input {width: 260px;}
#kniha .kniha-antispam {width: 150px; float: left;}
#kniha .kniha-antispam input {width: 140px;}
#kniha .kniha-kod {width: 100px; float: left;}
#kniha .kniha-bottom {width: 340px; float: left;}
#kniha .kniha-smile {float: left; width: 180px;}
#kniha .kniha-button {float: right; font-weight: bold; width: 120px; text-align: right;}

#kniha .prvni-sloupec {width: 350px; float: left;}
#kniha .druhy-sloupec {float: right;}
#kniha em {font-size: 0.75em; color: red;}
#kniha #antispam img {position: relative; top: 5px;}
#kniha textarea {width: 340px; height: 91px; margin-bottom: 10px; position: relative; top: -1px;}

.post-book {padding: 0px; margin: 0 0 16px 0; width: 482px;}
.post-book-reply {padding: 0px; margin: 0 0 16px 30px; width: 452px;}
.posttop-book {padding: 4px 4px 7px 4px ; height: 12px;}
.username-book {font-weight: bold; width: auto; float: left;}
.userweb-book {width: auto; float: left; margin-left: 10px;}
.userweb-ip {width: auto; float: left; margin-left: 10px; font-size: 0.75em;}
.block-ip a {color: #8c0000;}
.userweb-image {width: 16px; height: 20px; border: 0;}
.date-book {width: auto; text-align: right;}
.posttext-book {padding: 4px; border-top: 0px; text-align: left;}
.posttext-book em {font-size: 0.75em;}
.postdelete-book {float: right; margin-left: 3px;}
.postdate-book {float: right; margin-right: 10px; font-size: 0.75em; padding: 1px 0 0 0;}

.slider-inbox {padding: 10px;}
.slider-link {border: 0;}
.slider-link-edit {background: url("../img/icon_edit.png") 0 3px no-repeat; padding-left: 20px; margin-left: 10px;}
.slider-link-edit-reply {background: url("../img/icon_edit_reply.png") 0 3px no-repeat; padding-left: 20px; margin-left: 5px;}
.slider-link-reply {background: url("../img/icon_reply.png") 0 3px no-repeat; padding-left: 20px; margin-left: 5px;}
.slider-mapy {border: 0; margin: 3px 0 0 160px; font-size: 0.75em;}
.slider-mapy-div {margin: 3px 0 10px 160px; font-size: 0.75em; width: 290px;}
.reply-text {width: 200px; border: 1px solid #7cc577; background: #e9f9e7; margin-bottom: 5px; padding: 2px;}
.reply-textarea {width: 450px; height: 150px; border: 1px solid #7cc577; background: #e9f9e7;}
.reply-textarea-edit {width: 420px; height: 150px; border: 1px solid #c59e77; background: #f9eee4;}
.reply-input {border: 1px solid #7cc577; background: #b4e2b0; float: right; margin: 5px 0;}
.reply-input-edit {border: 1px solid #c59e77; background: #e2c8b0; float: right; margin: 5px 0;}

.odstavec {font-size: 0.75em; margin: 0 0 20px 160px;}



/* Mracno klicovych slov
----------------------------------------------- */
#cloud {width: 193px; padding: 7px 10px 7px 7px; line-height: 1.6em;}
#cloud a {float: left; display: block; padding: 0 3px;}

#cloud a.key-low {font-size: 0.69em;}
#cloud a.key-middle {font-size: 1.0em;}
#cloud a.key-high {font-size: 1.25em;}

.cloud-language {font-size: 0.75em; margin-right: 10px;}



/* Trideni
----------------------------------------------- */
#trideni {border: 1px solid #89cb4f; background: #ccff9f; width: 962px; clear: both; margin-bottom: 5px; float: left; padding: 7px;}
#trideni form {float: left;}
#trideni form label {font-size: 0.875em; margin-right: 7px; font-weight: bold;}
#trideni form select {margin-right: 25px;}
#trideni form input {margin-right: 5px;}

#trideni #kategorie_item_trideni, #trideni #vendor_item_trideni, #trideni #sklad_item_trideni {width: 120px;}
#trideni .search_trideni {width: 80px;}





/* Prilohy k clankum
----------------------------------------------- */
#attach {margin: 10px 0 10px 30px; float: left; font-size: 0.75em;}
#attach li {line-height: 2.0em;}
#attach li a {padding-left: 25px;}
#attach li a.attach-edit {padding-left: 0;}
#attach li.ext-ai {background: url("../img/ext_ai.png") 1px 4px no-repeat;}
#attach li.ext-avi {background: url("../img/ext_avi.png") 1px 4px no-repeat;}
#attach li.ext-bmp {background: url("../img/ext_bmp.png") 1px 4px no-repeat;}
#attach li.ext-doc {background: url("../img/ext_doc.png") 1px 4px no-repeat;}
#attach li.ext-exe {background: url("../img/ext_exe.png") 2px 4px no-repeat;}
#attach li.ext-gif {background: url("../img/ext_gif.png") 1px 4px no-repeat;}
#attach li.ext-html {background: url("../img/ext_html.png") 0 4px no-repeat;}
#attach li.ext-jpg {background: url("../img/ext_jpg.png") 0 4px no-repeat;}
#attach li.ext-js {background: url("../img/ext_js.png") 2px 4px no-repeat;}
#attach li.ext-mp3 {background: url("../img/ext_mp3.png") 1px 4px no-repeat;}
#attach li.ext-other {background: url("../img/ext_other.png") 1px 4px no-repeat;}
#attach li.ext-pdf {background: url("../img/ext_pdf.png") 0 4px no-repeat;}
#attach li.ext-php {background: url("../img/ext_php.png") 0 4px no-repeat;}
#attach li.ext-png {background: url("../img/ext_png.png") 0 4px no-repeat;}
#attach li.ext-psd {background: url("../img/ext_psd.png") 0 4px no-repeat;}
#attach li.ext-rar {background: url("../img/ext_rar.png") 1px 4px no-repeat;}
#attach li.ext-tif {background: url("../img/ext_tif.png") 1px 4px no-repeat;}
#attach li.ext-ttf {background: url("../img/ext_ttf.png") 1px 4px no-repeat;}
#attach li.ext-xls {background: url("../img/ext_xls.png") 1px 4px no-repeat;}
#attach li.ext-zip {background: url("../img/ext_zip.png") 1px 4px no-repeat;}

#list {margin: 0; float: left; font-size: 0.75em;}
#list li {line-height: 2.0em; padding-left: 22px;}
#list li img {position: relative; top: 4px;}

#list li.icon-item-nopublic {background: url("../img/item_nopublic.gif") 0 2px no-repeat;}
#list li.icon-item-public {background: url("../img/item_public.gif") 0 2px no-repeat;}
#list li.icon-item-available {background: url("../img/item_available.gif") 0 2px no-repeat;}
#list li.icon-category-nopublic {background: url("../img/category_nopublic.gif") 0 2px no-repeat;}
#list li.icon-category-public {background: url("../img/category_public.gif") 0 2px no-repeat;}
#list li.icon-user {background: url("../img/icon_article_21.gif") 0 3px no-repeat;}



/* Ikonky
----------------------------------------------- */
.ikonka-help {float: left; margin: 4px 0 0 7px;}
.ikonka-help-editor {float: right; margin: 3px 6px 0 0;}



/* Sirky
----------------------------------------------- */
.table .width-200 {width: 200px;}
.width-20-per {width: 20%;}



/* Grid
----------------------------------------------- */
.grid th {padding: 5px; font-weight: bold; font-size: 0.75em;}
.grid td {padding: 5px;}
.grid td input.grid {height: 20px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; width: 80px;}

.button-grid {font-weight: bold; padding-left: 3px; padding-right: 3px; margin: 9px 0 10px 4px; cursor: pointer;}



/* Vypis dopravy a platby ve formulari
----------------------------------------------- */
#doprava-form h3 {clear: both; font-weight: bold; font-size: 1.0em; padding-top: 40px;}



/* Multipleselect
----------------------------------------------- */
.tsmsselect {width: 99%; float: left; margin-bottom: 5px;}
.tsmsselect select {width: 100%; font-size: 0.75em;}
.tsmsoptions {width: 99%; float: left;}
.tsmsoptions p {width: 23%; margin: 2px 2px 5px 2px; text-align: center; cursor: pointer; float: left; padding: 5px 0;}
.tsmsoptions p:hover {background: #faf79c;}



/* Vyber data v jednoradkovem formulari
----------------------------------------------- */
.one-row {width: 160px; float: left;} 
.one-row .input-text {width: 30px;}
.one-row .input-input {width: 70%;}
.one-row .input-input input {width: 100%;}
.one-row-submit {float: left; width: 80px;}
.one-row-submit input {font-weight: bold; cursor: pointer; margin-top: -2px;}



/* Tabulka
----------------------------------------------- */
.table-left {border-collapse: collapse; font-size: 0.69em; margin: 0 0 1.25em 21px; border: 1px solid #e0e0e0; border-top: 2px solid #888; border-bottom: 2px solid #888; width: 440px;}
.table-left caption {font-variant: small-caps; padding-bottom: 0.63em; font-size: 1.25em;}
.table-left caption span {color: #aaa;}
.table-left tbody tr:hover {background: #fffccd;}
.table-left th {background: #e0e0e0; color: #333; padding: 0.5em; border-bottom: 1px solid #fff; text-align: left; font-weight: bold;}
.table-left td {border-bottom: 1px solid #eee; padding: 0.5em;}

.table-left th.id {width: 40px;}
.table-left th.ks {width: 40px;}
.table-left th.name {width: 260px;}
.table-left th.price {width: 100px;}



/* Stitky
----------------------------------------------- */
.stick {line-height: 1.0em; display: block; float: left; font-size: 0.875em; padding: 2px 4px 3px; margin-right: 4px; position: relative; top: 2px; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.stick-red {color: #fff; background: red; border: none 1px red;}



/* Vypis formularove odpovedi
----------------------------------------------- */
.view-forms {font-size: 0.875em; padding: 0 10px;}
.view-forms hr {border-top: 1px solid #000;}
.view-forms a, .view-forms a:visited {text-decoration: underline;}


#tabs {}