/* @override http://apilot.beta.apilot.cz/css/global/global.css */

/* @group pager */

.pager {
	height: 0;
	min-height: 0;
	padding: 7px 7px 0 0;
	text-align: right;
	color: #414141;
}

div[class] .pager {
	height: auto;
}

.pager .left-arrow, .pager .page, .pager .right-arrow, .pager .dots {
	display: inline-block;
	height: 16px;
	min-height: 16px;
	line-height: 16px;
	padding: 0 5px;
	text-decoration: none;
	color: #353535;
	text-shadow: #dcdcdc 0 1px 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #939494;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-image: url(img/button/button.png);
	background-color: #adadad;
	box-shadow: #fff 0 1px 1px;
    -webkit-box-shadow: #fff 0 1px 1px;
    -moz-box-shadow: #fff 0 1px 1px;
}

div[class] .pager .left-arrow, div[class] .pager .page, div[class] .pager .right-arrow, div[class] .pager .dots {
	height: auto;
}

/*.pager .left-arrow, .pager .page {
	border-right: 1px solid #bdbdbd;
}

.pager .right-arrow {
	border-left: 1px solid #bdbdbd;
}*/

.pager .left-arrow, .pager .right-arrow {
	padding: 0 7px;
}

.pager .dots {
	padding: 0;
	letter-spacing: 1px;
	border: none;
	background: none;
	box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.pager strong.page, .pager strong.page:hover {
	font-weight: 400;
	color: #fff;
	text-shadow: #535555 0 1px 1px;
	border: 1px solid #787a7a;
	background-image: none;
	background-color: #909090;
}

.pager strong.page.sum {
	margin: 0 15px 0 0;
}

.pager strong.page.sum, .pager strong.page.sum:hover {
	color: #414141;
	text-shadow: #fff 0 1px 1px;
	border: 1px solid #939494;
	background-image: none;
	background-color: #ededed;
}

.pager .left-arrow:hover, .pager .page:hover, .pager .right-arrow:hover {
	background-position: 0 100%;
}

/* @end */

/* @group modules */

#head .modules {
	width: 820px;
	margin: 0 0 0 -370px;
	position: absolute;
	left: 50%;
	top: 8px;
	z-index: 6;
}

#head .modules.menuitems-11 {
	width: 755px;
	margin: 0 0 0 -338px;
}

#head .modules.menuitems-10 {
	width: 690px;
	margin: 0 0 0 -302px;
}

#head .modules.menuitems-9 {
	width: 625px;
	margin: 0 0 0 -270px;
}

#head .modules.menuitems-8 {
	width: 557px;
	margin: 0 0 0 -238px;
}

#head .modules.menuitems-7 {
	width: 492px;
	margin: 0 0 0 -206px;
}

#head .modules.menuitems-6 {
	width: 427px;
	margin: 0 0 0 -174px;
}

#head .modules.menuitems-5 {
	width: 362px;
	margin: 0 0 0 -142px;
}

#head .modules.menuitems-4 {
	width: 297px;
	margin: 0 0 0 -110px;
}

#head .modules.menuitems-3 {
	width: 232px;
	margin: 0 0 0 -78px;
}

#head .modules span {
	position: relative;
}

#head .modules span ul {
	position: absolute;
	margin: 40px 0 0 -62px;
	z-index: 500;
	background: #131313;
	display: block;
	display: none;
	width: 140px;
	list-style: none;
	padding: 0;
	-webkit-border-radius: 7px;
}

#head .modules span ul li {
	list-style: none;
	margin: 0;
}

#head .modules span ul li a {
	-webkit-border-radius: 5px;
	background: transparent;
	height: 20px;
	line-height: 20px;
	width: auto;
	position: relative;
	left: 0;
	right: 0;
	float: none;
	color: #fff;
	margin: 2px;
	text-decoration: none;
}

#head .modules span ul li a span {
	display: block;
	margin: 0 0 0 5px;
}

#head .modules span ul li a:hover {
	background: #3875d7;
	color: #fff;
}

/* @group steady */

#head .modules a {
	display: block;
	width: 65px;
	height: 50px;
	float: left;
	margin: 0 -2px 0 0;
	position: relative;
	z-index: 10;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(img/modules-new.png);
	background-color: #242424;
	cursor: default;
}

#head .modules a.elements {
	background-position: -65px 0;
}

#head .modules a.catalog {
	background-position: -130px 0;
}

#head .modules a.redirection {
	background-position: -195px 0;
}

#head .modules a.attachements {
	background-position: -260px 0;
}

#head .modules a.comments {
	background-position: -325px 0;
}

#head .modules a.newsletter {
	background-position: -390px 0;
}

#head .modules a.users {
	background-position: -455px 0;
}

#head .modules a.calendar {
	background-position: -520px 0;
}

#head .modules a.ftp {
	background-position: -585px 0;
}

#head .modules a.rack {
	background-position: -650px 0;
}

#head .modules a.settings {
	background-position: -715px 0;
}

#head .modules a.help {
	background-position: -780px 0;
}

/* @end */

/* @group hover */

#head .modules a:focus {
	position: relative;
	z-index: 50;
}

#head .modules a:hover, #head .modules a:focus {
	z-index: 20;
	background-position: 0 -50px;
}

#head .modules a.elements:hover, #head .modules a.elements:focus {
	background-position: -65px -50px;
}

#head .modules a.catalog:hover, #head .modules a.catalog:focus {
	background-position: -130px -50px;
}

#head .modules a.redirection:hover, #head .modules a.redirection:focus {
	background-position: -195px -50px;
}

#head .modules a.attachements:hover, #head .modules a.attachements:focus {
	background-position: -260px -50px;
}

#head .modules a.comments:hover, #head .modules a.comments:focus {
	background-position: -325px -50px;
}

#head .modules a.newsletter:hover, #head .modules a.newsletter:focus {
	background-position: -390px -50px;
}

#head .modules a.users:hover, #head .modules a.users:focus {
	background-position: -455px -50px;
}

#head .modules a.calendar:hover, #head .modules a.calendar:focus {
	background-position: -520px -50px;
}

#head .modules a.ftp:hover, #head .modules a.ftp:focus {
	background-position: -585px -50px;
}

#head .modules a.rack:hover, #head .modules a.rack:focus {
	background-position: -650px -50px;
}

#head .modules a.settings:hover, #head .modules a.settings:focus {
	background-position: -715px -50px;
}

#head .modules a.help:hover, #head .modules a.help:focus {
	background-position: -780px -50px;
}

/* @end */

/* @group active */

#head .modules span.active a, #head .modules span a:active {
	z-index: 20;
	background-position: 0 100%;
}

#head .modules span.active a.elements, #head .modules span a.elements:active {
	background-position: -65px 100%;
}

#head .modules span.active a.catalog, #head .modules span a.catalog:active {
	background-position: -130px 100%;
}

#head .modules span.active a.redirection, #head .modules span a.redirection:active {
	background-position: -195px 100%;
}

#head .modules span.active a.attachements, #head .modules span a.attachements:active {
	background-position: -260px 100%;
}

#head .modules span.active a.comments, #head .modules span a.comments:active {
	background-position: -325px 100%;
}

#head .modules span.active a.newsletter, #head .modules span a.newsletter:active {
	background-position: -390px 100%;
}

#head .modules span.active a.users, #head .modules span a.users:active {
	background-position: -455px 100%;
}

#head .modules span.active a.calendar, #head .modules span a.calendar:active {
	background-position: -520px 100%;
}

#head .modules span.active a.ftp, #head .modules span a.ftp:active {
	background-position: -585px 100%;
}

#head .modules span.active a.rack, #head .modules span a.rack:active, #head .modules a.rack.active {
	background-position: -650px 100%;
}

#head .modules span.active a.settings, #head .modules span a.settings:active {
	background-position: -715px 100%;
}

#head .modules span.active a.help, #head .modules span a.help:active {
	background-position: -780px 100%;
}

/* @end */

#head .modules a span {
	display: none;
}

/* @end */

/* @group button-switch-off */

a.button-switch-off {
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	right: 12px;
	top: 10px;
	z-index: 6;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(img/button-switch-off-new.png);
	background-color: #242424;
}

a.button-switch-off:active {
	background-position: 100% 0;
}

a.button-switch-off span {
	display: none;
}

/* @end */

/* @group submenu */

/* @group steady */

#submenu a, #submenu span {
	display: block;
	width: 34px;
	height: 33px;
	float: left;
	position: relative;
	left: 0;
	top: 2px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(img/buttons-right-new.png);
	background-color: #242424;
}

#submenu span {
	background-position: 0 -70px;
}

#submenu a.help {
	width: 32px;
	background-position: -34px 0;
}

#submenu a.settings {
	background-position: -66px 0;
}

#submenu a.changes {
	background-position: -98px 0;
}

/* @end */

/* @group hover */

#submenu a:active {
	background-position: 0 -35px;
}

#submenu a.help:active {
	background-position: -34px -35px;
}

#submenu a.settings:active {
	background-position: -66px -35px;
}

#submenu a.changes:active {
	background-position: -98px -35px;
}

/* @end */

#submenu a span, #submenu span span {
	display: none;
}

/* @end */

/* @group tabs */

.tabs {
	padding: 0 10px;
}

.panel .hd .tabs {
	height: 20px;
}

.tabs a, .tabs span.tab {
	display: block;
	height: 0;
	line-height: 21px;
	float: left;
	color: #8f8f8f;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	background: url(img/tab.gif) transparent 0 0 repeat-x;
}

div[class] .tabs a, div[class] .tabs span.tab {
	height: auto;
}

.tabs a.active, .tabs span.tab.active {
	color: #fff;
	font-weight: 400;
	background: url(img/tab-active.gif) transparent 0 0 repeat-x;
}

.tabs a span, .tabs span.tab span {
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(img/tab-corners.gif);
	background-color: transparent;
}

.tabs a.active span, .tabs span.tab.active span {
	background-position: 0 -46px;
}

.tabs a span span, .tabs span.tab span span {
	padding: 0 20px;
	background-position: 100% -23px;
}

.tabs a.active span span, .tabs span.tab.active span span {
	background-position: 100% -71px;
}

.panel .tabs a, .panel .tabs span.tab {
	line-height: 20px;
	color: #a5a5a5;
	background: url(img/tab-sub.gif) transparent 0 0 repeat-x;
}

.panel .tabs a.active, .panel .tabs span.tab.active {
	color: #000;
	background: url(img/tab-sub-active.gif) #d8e1e7 0 0 repeat-x;
}

.panel .tabs a.disabled, .panel .tabs span.tab.disabled {
	color: #434343;
	background: url(img/tab-sub-disabled.gif) transparent 0 0 repeat-x;
}

.panel .tabs a.disabled, .panel .tabs span.tab.disabled {
	color: #505050;
}

.panel .tabs a.disabled span, .panel .tabs span.tab.disabled span {
	background-position: 0 -138px;
	background-image: url(img/tab-corners.gif);
	background-color: transparent;
}

.panel .tabs a.disabled span span, .panel .tabs span.tab.disabled span span {
	background-position: 100% -159px;
}

.content .panel a.active, .content .panel .tabs span.tab.active {
	color: #000;
	background: url(img/tab-sub-active.gif) #ededed 0 0 repeat-x;
}

/*.content .panel .tabs a.disabled.active, .content .panel .tabs span.tab.disabled.active {
	color: #8f8f8f;
	background: url(img/tab-sub-disabled.gif) transparent 0 0 repeat-x;
}

.content .panel .tabs a.disabled.active span, .content .panel .tabs span.tab.disabled.active span {
	background: url(img/tab-sub-left-disabled.gif) transparent 0 0 no-repeat;
}

.content .panel .tabs a.disabled.active span span, .content .panel .tabs span.tab.disabled.active span span {
	background: url(img/tab-sub-right-disabled.gif) transparent 100% 0 no-repeat;
}*/

#right .panel a.active, #right .panel .tabs span.tab.active {
	color: #000;
	background: url(img/tab-sub-active.gif) #ededed 0 0 repeat-x;
}

.panel .tabs a span, .panel .tabs span.tab span {
	height: 20px;
	line-height: 20px;
	background-position: 0 -96px;
}

.panel .tabs a.active span, .panel .tabs span.tab.active span {
	background-position: 0 -180px;
}

.content .panel .tabs a.active span, .content .panel .tabs span.tab.active span {
	background-position: 0 -224px;
}

#right .panel .tabs a.active span, #right .panel .tabs span.tab.active span {
	background-position: 0 -224px;
}

.panel .tabs a span span, .panel .tabs span.tab span span {
	background-position: 100% -117px;
}

.panel .tabs a.active span span, .panel .tabs span.tab.active span span {
	background-position: 100% -202px;
}

.content .panel .tabs a.active span span, .content .panel .tabs span.tab.active span span {
	background-position: 100% -246px;
}

#right .panel .tabs a.active span span, #right .panel .tabs span.tab.active span span {
	background-position: 100% -246px;
}

/* @group tab flags */

.panel .tabs a.flag em {
	background-position: 0 50%;
	background-repeat: no-repeat;
	height: 20px;
	width: 16px;
	display: block;
	margin: 0 8px;
}

.panel .tabs a.flag em.cs {
	background-image: url(ui/img/tree/flag.cs.png);
}

.panel .tabs a.flag em.sk {
	background-image: url(ui/img/tree/flag.sk.png);
}

.panel .tabs a.flag em.de {
	background-image: url(ui/img/tree/flag.de.png);
}

.panel .tabs a.flag em.en {
	background-image: url(ui/img/tree/flag.en.png);
}

.panel .tabs a.flag em.pl {
	background-image: url(ui/img/tree/flag.pl.png);
}

.panel .tabs a.flag em.hu {
	background-image: url(ui/img/tree/flag.hu.png);
}

.panel .tabs a.flag em.ru {
	background-image: url(ui/img/tree/flag.ru.png);
}

.panel .tabs a.flag em.fi {
	background-image: url(ui/img/tree/flag.fi.png);
}

.panel .tabs a.flag em.it {
	background-image: url(ui/img/tree/flag.it.png);
}

.panel .tabs a.flag em.es {
	background-image: url(ui/img/tree/flag.es.png);
}

.panel .tabs a.flag em.fr {
	background-image: url(ui/img/tree/flag.fr.png);
}

.panel .tabs a.flag span {
	padding: 0 0;
}

.panel .tabs a.flag span span em span {
	display: none;
}

/* @end */

/* @end */

/* @group no-table */

table.no-table, table.no-table tr td {
	border: none;
}

table.no-table {
	width: 100%;
}

table.no-table tr td.select {
	width: 180px;
}

.form-link table.no-table tr td.select select {
	width: 100%;
}

.form-link table.no-table {
	width: 99%;
}

table.no-table.symetric tr td {
	width: 50%;
}

table.no-table.symetric tr td table tr td {
	width: auto;
}

#right .collapseable {
	padding: 0 0 2px 0;
	border-bottom: 1px solid #acadaf;
}

#right table.no-table {
	font-size: 11px;
}

#right table.no-table tr td {
	white-space: nowrap;
}

#right table.no-table tr td.label-name {
	padding: 0 2px 0 0;
	vertical-align: top;
}

#right .section table.no-table {
	font-size: 12px;
	border-bottom: none;
}

#right .section table.no-table tr td {
	padding: 0;
	white-space: normal;
}

#right .section table.no-table.validity tr td {
	padding: 0 2px 0 0;
	width: auto;
}

.trident table.no-table.extra-labels {
	width: auto;
}

table.no-table.extra-labels tr td {
	height: 20px;
	padding: 1px 5px 1px 0;
}

table.no-table.extra-labels tr td .input-checkbox {
	margin: 0;
}

table.no-table.extra-labels tr td .input-text {
	margin: 0;
}

.trident table.no-table.extra-labels tr td .input-text {
	width: 300px;
}

table.no-table.extra-labels tr td.first-col {
	width: 110px;
}

table.no-table.extra-labels tr td.last-col {
	width: 20px;
	text-align: right;
}

table.two-cols {
	width: 100%;
	margin: 5px 0 0 0;
}

table.two-cols tr td {
	width: 50%;
	border: none;
	padding: 0 5px;
	vertical-align: top;
}

table.just-padding tr td {
	padding: 0 4px;
}

/* @end */

/* @group icn */

.icn {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-position: 0 20px;
	background-repeat: no-repeat;
	background-image: url(img/icons.png);
	background-color: transparent;
}

.icn.hdn {
	display: none;
}

.icn span {
	display: none;
}

.icn.clock, .icn.clock_off {
	cursor: default;
}

.icn.clock {
	padding: 0 8px 0 0;
	background-position: 0 -560px;
}

.icn.clock_off {
	padding: 0 8px 0 0;
	background-position: 0 -540px;
}

.icn.arrow_down {
	background-position: 0 -500px;
}

.icn.arrow_up {
	background-position: 0 -920px;
}

.icn.arrow_down.on {
	background-position: 0 -520px;
}

.icn.delete {
	background-position: 0 -660px;
}

.icn.remove, .icn.minus {
	background-position: 50% -800px;
}

table.sheet.various tr th span .icn.remove, table.sheet.various tr th span .icn.add {
	width: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -10px 0 0 0;
}

.icn.page_copy {
	background-position: 0 -640px;
}

.icn.page_edit, .icn.sh-editor {
	background-position: 0 -620px;
}

.icn.lightbulb {
	background-position: 0 -600px;
}

.icn.lightbulb_off {
	background-position: 0 -580px;
}

.icn.button-browser, div .icn.button-browser:hover {
	background-position: 0 -740px;
}

.icn.redir-arrow {
	background-position: 0 -700px;
}

.icn.plus {
	background-position: 50% -680px;
}

.icn.reply {
	background-position: 50% -760px;
}

.icn.clean {
	background-position: 50% -780px;
}

.icn.download {
	background-position: 50% -820px;
}

.icn.lock {
	background-position: 50% -840px;
}

.icn.i-help {
	display: none;
	width: 18px;
	height: 18px;
	cursor: default;
	background-position: 50% -861px;
}

.icn.i-help:hover {
	background-position: 50% -881px;
}

.section .caption:hover .i-help {
	display: block;
}

.section .caption a.icn.i-help {
	right: 0;
	top: 0;
}

.section.locked .caption a.icn.i-help {
	right: 20px;
	top: 0;
}

.icn.add {
	background-position: 50% -900px;
}

.icn.send_test {
	background-position: 50% -940px;
}

.icn.send_all {
	background-position: 50% -960px;
}

.icn.archive {
	background-position: 50% -960px;
}

.icn.print {
	background-position: 50% -1000px;
}

.icn.recycle {
	background-position: 50% -980px;
}

.icn.quicklook {
	background: url(../home/img/quicklook.png) center center no-repeat;
}

/* @end */

/* @group ico */

.label-ico {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	line-height: normal;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
}

.pannel.opacwin .label-ico {
	display: inline-block;
	position: static;
}

.div-ico {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	line-height: normal;
	cursor: pointer;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
}

.ico span {
	display: none;
}

div .label-ico span, div .div-ico span {
	display: none;
}

.row span.left .label-ico {
	margin: 0 auto;
	position: static;
	cursor: default;
}

.label-ico.cs, .div-ico.cs {
	background-image: url(ui/img/tree/flag.cs.png);
}

.label-ico.sk, .div-ico.sk {
	background-image: url(ui/img/tree/flag.sk.png);
}

.label-ico.de, .div-ico.de {
	background-image: url(ui/img/tree/flag.de.png);
}

.label-ico.en, .div-ico.en {
	background-image: url(ui/img/tree/flag.en.png);
}

.label-ico.pl, .div-ico.pl {
	background-image: url(ui/img/tree/flag.pl.png);
}

.label-ico.ru, .div-ico.ru {
	background-image: url(ui/img/tree/flag.ru.png);
}

.label-ico.fi, .div-ico.fi {
	background-image: url(ui/img/tree/flag.fi.png);
}

.label-ico.it, .div-ico.it {
	background-image: url(ui/img/tree/flag.it.png);
}

.label-ico.es, .div-ico.es {
	background-image: url(ui/img/tree/flag.es.png);
}

.label-ico.fr, .div-ico.fr {
	background-image: url(ui/img/tree/flag.fr.png);
}

/* @end */

/* @group row */

.buttons {
	float: right;
	text-align: right;
}

.buttons .button {
	position: static;
}

.buttons.btns-swap .button {
	float: right;
}

table tr td .input-text {
	width: 100%;
}

.input-text, .input-password, textarea {
	padding: 2px;
	border-top: 1px solid #7e7e7e;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #7e7e7e;
	background: #fff;
}

.gecko .input-text:focus, .ie6 .input-text:focus, .ie7 .input-text:focus {
	outline: 1px #73a0d8 solid;
}

.input-checkbox {
	margin: 0 5px;
	vertical-align: baseline;
}

.general-form br {
	display: none;
}

.general-form .pseudo-buttons {
	text-align: right;
}

.general-form .buttons input.button {
	float: none;
	margin: 0;
}

.row {
	display: block;
	height: 20px;
	min-height: 20px;
	margin: 2px 0;
	clear: left;
	text-align: left;
}

.row.hdn {
	display: none;
}

div[class] .row {
	height: auto;
}

.row span {
	display: block;
	float: none;
	margin: 0 0 0 115px;
	line-height: 20px;
}

.row span.left {
	float: left;
	margin: 0;
	text-align: right;
	width: 110px;
}

.row.swapped span.right {
	float: right;
	width: 30px;
	margin: 0;
}

.row.swapped span {
	width: auto;
	float: none;
	margin: 0 30px 0 0;
	text-align: left;
}

.row.size-two span {
	margin: 0 0 0 35px;
}

.row.size-two span.left {
	margin: 0;
	width: 30px;
}

.row.size-two span span {
	margin: 0;
}

.row.three-cols span {
	margin: 0 30px 0 60px;
}

.row.three-cols span.left {
	width: 55px;
	margin: 0;
}

.row.three-cols span.right {
	width: 30px;
	margin: 0;
	float: right;
}

.row label {
	vertical-align: bottom;
}

.row label span {
	display: inline;
	margin: 0;
}

.row span br {
	display: block;
}

.row .input-text, .row select {
	margin: 0 4px 0 0;
}

.row .input-text, .row .input-password {
	width: 98%;
}

.short-input .input-text {
	width: 10%;
}

.trident .row .input-text, .trident .row .input-password {
	width: 98%;
}

.row .short {
	margin: 0 8px 0 0;
}

.row span.short {
	margin: 0 0 0 115px;
}

.row .short .input-text {
	width: 200px;
	margin: 0 0 0 2px;
}

.row .ico span {
	display: none;
}

.row .input-text.check {
	width: 90%;
	margin: 0;
}

.row.textarea span.left {
	line-height: 100%;
}

body.optimalization-modul .general-form .row label.short {
	display: inline-block;
	width: 48%;
}

body.optimalization-modul .general-form .row label.short .input-text {
	width: 93%;
	vertical-align: baseline;
}

/* @end */

.section .ct div.lists {
	margin: 5px 10px;
}

.lists ul {
	list-style: none;
}

/* @group md */

body.webkit .md input {
	width: 300px;
	margin: 5px 0 0 10px;
}

.md .input-repeat-bg {
	width: 274px;
	top: 5px;
}

/* @end */

/* @group input-type-search */

.input-repeat-bg, .input-left-bg, .input-right-bg {
	display: block;
	height: 19px;
}

.input-repeat-bg {
	width: 200px;
	position: relative;
	left: 27px;
	top: 0;
	background: url(img/input-repeat-bg.png) #fff 0 0 repeat-x;
}

.input-left-bg {
	position: relative;
	left: -17px;
	top: 0;
	background: url(img/input-left-bg.png) transparent 0 0 no-repeat;
}

.input-right-bg {
	padding: 0 5px 0 0;
	position: relative;
	left: 26px;
	top: 0;
	background: url(img/input-right-bg.png) transparent 100% 0 no-repeat;
}

.input-repeat-bg input {
	display: block;
	border: solid 1px #fff;
	height: 12px;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	left: -4px;
	top: 2px;
	font-size: 11px;
	outline: none;
}

/* recognized by all major browsers extcept IEs*/

.input-repeat-bg input:last-child {
	top: 3px;
	height: 15px;
	font-size: 12px;
	border: none;
}

.webkit .input-repeat-bg, .webkit .input-left-bg, .webkit .input-right-bg {
	display: inline;
	position: static;
	background: transparent;
}

.webkit .input-repeat-bg input {
	width: 200px;
	display: inline;
	position: static;
	margin: auto;
}

/* @end */

/* @group general-form */

/*.buttons {
	clear: both;
	float: right;
	text-align: right;
}

.buttons .button {
	position: static;
}

table tr td .input-text {
	width: 100%;
}

.input-text, textarea {
	padding: 2px;
	border-top: 1px solid #7e7e7e;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #7e7e7e;
	background: #fff;
}

.input-checkbox {
	margin: 0 5px;
	vertical-align: baseline;
}

.general-form br {
	display: none;
}

.general-form select {
	margin: 0 4px 0 0 ;
}

.general-form div.label {
	position: static;
	width: auto;
}

.general-form div.label label {
	display: inline;
	clear: none;
	line-height: normal;
	margin: 0;
}

.general-form div div div.label {
	margin: 2px 0;
}

.general-form label, .general-form div.label {
	display: block;
	height: 20px;
	min-height: 20px;
	margin: 2px 0;
	clear: left;
	text-align: left;
}

.general-form  label.extra-icon, .general-form  div.label.extra-icon {
	position: relative;
}

div[class] .general-form label, div[class] .general-form div.label {
	height: auto;
}

.general-form  label span, .general-form  div.label span {
	display: block;
	float: none;
	margin: 0 0 0 115px;
	line-height: 20px;
}

.general-form label .input-text, .general-form div.label .input-text {
	width: 98%;
	margin: 0;
}

.general-form  label.extra-icon span .input-text, .general-form  div.label.extra-icon span .input-text {
	width: 95%;
}

.general-form  label.extra-icon span a, .general-form  div.label.extra-icon span a {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 12px;
	top: 1px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
}

.general-form  label.extra-icon span .button-browser, .general-form  div.label.extra-icon span .button-browser {
	background-image: url(ui/img/section/button-browser.png);
}

.general-form  label span.extra-icon .button-browser span, .general-form  div.label span.extra-icon .button-browser span {
	display: none;
}

.general-form  label .input-text.check, .general-form div.label .input-text.check {
	width: 90%;
	margin: 0;
}

.general-form label select, .general-form div.label select {
	float: left;
}

.general-form label.textarea span.left, .general-form  div.label.textarea span.left {
	line-height: 100%;
}

.general-form label span.left, .general-form div.label span.left {
	float: left;
	margin: 0;
	text-align: right;
	width: 110px;
}

.general-form .pseudo-buttons {
	text-align: right;
}

.general-form .buttons input.button {
	float: none;
	margin: 0;
}

div.radio-checkbox-list label {
	display: block;
	height: auto;
	min-height: 0;
	float: left;
	clear: left;
	margin: 0;
	vertical-align: baseline;
}

div.radio-checkbox-list label span {
	float: left;
	margin: 0;
	padding: 0;
}

div.radio-checkbox-list label span.left {
	margin: 0;
}*/

/* @end */

/* @group button */

.button {
	display: block;
	width: 92px;
	height: 32px;
	line-height: 32px;
	float: left;
	position: relative;
	z-index: 100;
	color: #000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	border: none;
	background-image: url(img/button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #acacac;
	cursor: default;
}

input.button {
	line-height: normal;
}

.button:hover {
	background-position: 0 100%;
}

.button.more {
	background-position: -92px 0;
}

.button.more:hover {
	background-position: -92px 100%;
}

.button.more.set {
	background-position: -184px 0;
}

.button.more.set:hover {
	background-position: -184px 100%;
}

.button span {
	display: block;
	width: 24px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 101;
}

.button.ico-btn {
	width: 20px;
	height: 20px;
	margin: 6px 5px;
	cursor: pointer;
	background-position: 0 20px;
	background-repeat: no-repeat;
	background-color: #ededed;
	background-image: url(img/icons.png);
}

.button.ico-btn.delete, .button.ico-btn.delete:hover {
	background-position: 0 -660px;
}

.button.ico-btn.edit, .button.ico-btn.edit:hover {
	background-position: 0 -620px;
}

.button.ico-btn span {
	display: none;
}

#content .panel .ftbar label {
	display: block;
	height: 32px;
	line-height: 32px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 25px;
	position: relative;
	z-index: 100;
}

#content .panel .ftbar label select {
	vertical-align: baseline;
}

#content .panel .ftbar label .input-checkbox {
	position: absolute;
	margin: 0;
	left: 3px;
	top: 6px;
	z-index: 101;
}

#content .panel .ftbar label .input-checkbox:last-child {
	left: 6px;
	top: 9px;
}

/* @end */

/* @group path */

.path {
	height: 20px;
	position: relative;
	overflow: hidden;
}

.path .long-bar {
	width: 4000px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.path span {
	display: none;
}

.path a {
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 -8px;
	padding: 0 8px 0 0;
	float: left;
	color: #ededed;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-image: url(img/path-separator.png);
	background-color: transparent;
}

.path a:hover {
	color: #fff;
	background-position: 100% -20px;
}

.path a:hover > span {
	background-position: 0 -20px;
	max-width: none;
}

.path a.last, .bd .path a.last {
	background-position: 100% 20px;
}

.path a.last:hover, .bd .path a.last:hover {
	background-position: 100% -20px;
}

.path a span {
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 8px 0 18px;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-image: url(img/path-bg.png);
	background-color: transparent;
	max-width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.bd .path {
	background: url(img/path-grey-bg.png) #939494 0 0 repeat-x;
}

.bd .path a {
	color: #393939;
	background-image: url(img/path-grey-separator.png);
}

.bd .path a:hover {
	color: #000;
}

.bd .path a span {
	background-image: url(img/path-grey-bg.png);
}

/* @end */

/* @group tool-tip */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(global/tool-tip.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(global/tool-tip.png) bottom right;
}

/* @end */

/* @group thumbnails */

.thumbnail {
	text-align: center;
}

.thumbnail img {
	display: block;
	margin: 0 auto;
}

table.img-thumbs {
	width: 100%;
	table-layout: fixed;
}

table.img-thumbs tr th {
	font-size: 12px;
	font-weight: 400;
}

table.img-thumbs tr td {
	width: 33%;
	border-top: 1px solid #7e7e7e;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #7e7e7e;
	background: #fff;
}

table.img-thumbs tr.no-border td {
	border: none;
	background: transparent;
}

table.img-thumbs tr td .input-text {
	width: 98%;
	border: none;
}

table.img-thumbs tr td .thumb-full {
	width: 200px;
	min-width: 100px;
	max-width: 100%;
	height: 200px;
	min-height: 100px;
	max-height: 200px;
	overflow: auto;
	text-align: center;
}

table.img-thumbs tr td .thumb-full:last-child {
	width: auto;
	height: auto;
}

/* @end */

/* @group small-btn */

.small-btn {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	display: inline-block;
	height: 12px;
	line-height: 12px;
	margin: 1px 0;
	padding: 2px 8px 2px 8px;
	font-size: 11px;
	font-weight: 400;
	color: #3a3a3a;
	text-decoration: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #bcc3c9;
}

.small-btn.right-top-cor {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 30;
}

.small-btn:hover, .small-btn.active {
	color: #fff;
	background-position: 0 50%;
	background-color: #3f4a55;
}

.small-btn:active {
	color: #fff;
	background-position: 0 100%;
	background-color: #006bbc;
}



/* @end */
