/* wyswigDRIMO */
@import "./edytor/wyswigDRIMO.css";


html { overflow-y: scroll; }
body, div, dl, dt, dd, menu, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote { margin:0;padding:0; }
fieldset, img { border:0; }
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, var { font:inherit; }
del, ins { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal; }
q:before, q:after { content:'' }
abbr, acronym { border:0; font-variant:normal; }
legend { color:#464646; }
input, img { vertical-align:middle; }
a:active, a:focus, img:active, img:focus, input:active, input:focus, textarea:active, textarea:focus { outline:none; }

body  { font: normal 11px arial; color:#464646; background: url('./panel/tlo.gif') no-repeat #FFF center 160px; }
div, td, th { font: normal 11px arial; color:#464646; }
input, select, textarea { font: normal 12px arial; color:#464646; }

a { color: #464646; text-decoration: none; }
a:hover, a.s { color: #94b700; }
.sysshop a:hover, .sysshop a.s { color: #059edb; }
.syscrm a:hover, .syscrm a.s { color: #6956aa; }
.sysmail a:hover, .sysmail a.s { color: #ff6e00; }





/*  ------ defautl input, button, select ------ */

input[type=text], input[type=password], textarea {
	border: solid 1px #e1e1e1;
	height:25px;
	line-height:25px;
	padding: 0 8px 0 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 360px;
	vertical-align:middle;
}

textarea { height:auto; line-height:140%; padding: 8px; margin: 3px 0 3px 0; }
textarea.nodisplay { display:none; }

input[type=text]:focus, input[type=password]:focus, textarea:focus { border: solid 1px #b0ca42; }
.sysshop input[type=text]:focus, .sysshop input[type=password]:focus, .sysshop textarea:focus { border: solid 1px #6ac6eb; }
.syscrm input[type=text]:focus, .syscrm input[type=password]:focus, .syscrm textarea:focus { border: solid 1px #9c8fc6; }
.sysmail input[type=text]:focus, .sysmail input[type=password]:focus, .sysmail textarea:focus { border: solid 1px #f6945c; }

input[type=button], input[type=submit], a.button {
	display:inline-block;
	border: none;
	background-color:#464646;
	font: bold 11px arial;
	color:#fff;
	height:27px;
	line-height:27px;
	padding: 0px 13px 0px 13px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
	vertical-align:middle;
}

input.sz, a.button.sz { background:#747272; }

input.mm { height:18px; padding: 0px 6px 0px 6px;
}

input[type=button]:hover, input[type=submit]:hover, a.button:hover, .button.wyr { background:#94b700; }

.sysshop input[type=button]:hover, .sysshop input[type=submit]:hover, .sysshop a.button:hover, .sysshop .button.wyr { background:#059edb; color:#fff; }
.syscrm input[type=button]:hover, .syscrm input[type=submit]:hover, .syscrm a.button:hover, .syscrm .button.wyr { background:#7a69b3; color:#fff; }
.sysmail input[type=button]:hover, .sysmail input[type=submit]:hover, .sysmail a.button:hover, .sysmail .button.wyr { background:#f37024; color:#fff; }

.button.wyr:hover { background:#464646; }

/* select */

div.select {
    background: url('./panel/iko_p4.png') no-repeat transparent 100% 1px;
	border: solid 1px #e1e1e1;
	background-color:#fff;
	height:27px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	line-height:25px;
	display:inline-block;
}

.sysshop div.select { background-image: url('./panel/iko_p4_shop.png'); }
.syscrm div.select { background-image: url('./panel/iko_p4_crm.png'); }
.sysmail div.select { background-image: url('./panel/iko_p4_mail.png'); }

div.select img {
	display:inline-block !important;
	margin:-3px 3px 0 0 !important;
}

div.select span {
	cursor:pointer;
	display:block;
	padding: 1px 33px 0 11px;
}
div.select span img {
	margin: -1px 3px 0 0;
}

div.select .opt {
	position:absolute;
	top:26px;
	left:5px;
	float:left;
	padding: 2px 0 0 0;
	border: solid 1px #e1e1e1;
	border-top: solid 1px #fff;
	background-color:#fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
	background:  -moz-linear-gradient(25% 75% 90deg,#f1f1f1, #fff);
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px; 8px;
	border-radius: 0 0 8px 8px;
	z-index:50;
	display:none;
}

div.select .opt a {
	display:block;
	padding: 0 5px 0 5px;
	height:22px;
	line-height:22px;
	cursor:pointer;
}
div.select .opt a:last-child {
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

div.select .opt a:hover {
	background-color:#e5e5e5;
}

/* multiselect */

div.multiselect {
	border: solid 1px #e1e1e1;
	background-color:#fff;
	height:200px;
	width: 360px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	margin: 3px 0 0 0;
	padding: 5px 10px 10px 10px;
	display:inline-block;
}

div.multiselect .opt {
	float:left;
	padding: 2px 0 0 0;
	z-index:50;
}

div.multiselect .opt a {
	display:block;
	width:100%;
	padding: 3px 5px 3px 5px;
	cursor:pointer;
}

div.multiselect .opt a:hover, div.multiselect .opt a.d {
	background-color:#e5e5e5;
}

div.multiselect textarea { display: none; }

/* uklad i system */

div.radio {
	float:left;
}

div.radio a {
	margin: 3px 15px 3px 0px;
	vertical-align:middle;
}
div.radio input {
	margin: auto 5px auto 0px;
	vertical-align:middle;
}


/* checkbox */

div.checkbox {
	display:inline-block;
	vertical-align:middle;
	width: 16px;
	height: 16px;
	background-color:#f1f1f1;
	-webkit-border-radius:6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: solid 2px #d7d7d7;
	cursor:pointer;
	position:relative;
}

div.checkbox.s { background-color:#94b700; }

.sysshop div.checkbox.s { background-color:#059edb; }
.syscrm div.checkbox.s { background-color:#7a69b3; }
.sysmail div.checkbox.s { background-color:#f37024; }

div.checkbox label {
	width:auto;
	height:16px;
	line-height:16px;
	position:absolute;
	left:20px;
	top:0px;
	cursor:pointer;
	white-space: nowrap;
 }

/* kropka opcji tak/nie */

a.i_boo {
	display:inline-block;
	width: 13px;
	height: 13px;
	background-color:#464646;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

a.i_boo.s { background-color:#94b700; }
.sysshop a.i_boo.s { background-color:#059edb; }
.syscrm a.i_boo.s { background-color:#7a69b3; }
.sysmail a.i_boo.s { background-color:#f37024; }



/* ikony opcje */
a.i_up, a.i_down, a.i_up_no, a.i_down_no, a.i_del, a.i_del_no, a.i_view, a.i_prop, a.i_edit, a.i_edit_no, a.i_testn, a.i_mail { display:inline-block; width: 26px; height: 26px; margin:3px 0 0 0; border: none; cursor:pointer; background: url('./panel/iko_p3.png') no-repeat transparent; vertical-align:middle; }

.sysshop a.i_up, .sysshop a.i_down, .sysshop a.i_up_no, .sysshop a.i_down_no, .sysshop a.i_del, .sysshop a.i_del_no, .sysshop a.i_view, .sysshop a.i_prop, .sysshop a.i_edit, .sysshop a.i_edit_no, .sysshop a.i_testn, .sysshop a.i_mail { background-image: url('./panel/iko_p3_shop.png'); }
.syscrm a.i_up, .syscrm a.i_down, .syscrm a.i_up_no, .syscrm a.i_down_no, .syscrm a.i_del, .syscrm a.i_del_no, .syscrm a.i_view, .syscrm a.i_prop, .syscrm a.i_edit, .syscrm a.i_edit_no, .syscrm a.i_testn, .syscrm a.i_mail { background-image: url('./panel/iko_p3_crm.png'); }
.sysmail a.i_up, .sysmail a.i_down, .sysmail a.i_up_no, .sysmail a.i_down_no, .sysmail a.i_del, .sysmail a.i_del_no, .sysmail a.i_view, .sysmail a.i_prop, .sysmail a.i_edit, .sysmail a.i_edit_no, .sysmail a.i_testn, .sysmail a.i_mail { background-image: url('./panel/iko_p3_mail.png'); }

a.i_up { background-position: 0px 0px; }
a.i_up:hover { background-position: 0px -26px; }
a.i_up_no { background-position: 0px -312px; cursor:default;}
a.i_down { background-position: 0px -52px; }
a.i_down_no { background-position: 0px -338px; cursor:default;}
a.i_del { background-position: 0px -104px; }
a.i_del:hover { background-position: 0px -130px; }
a.i_del_no { background-position: 0px -364px; cursor:default;}
a.i_view { background-position: 0px -156px; }
a.i_view:hover { background-position: 0px -182px; }
a.i_prop { background-position: 0px -208px; }
a.i_prop:hover { background-position: 0px -234px; }
a.i_edit { background-position: 0px -260px; }
a.i_edit:hover { background-position: 0px -286px; }
a.i_edit_no { background-position: 0px -442px; cursor:default;}

a.i_mail { background-position: 0px -468px; }
a.i_mail:hover { background-position: 0px -494px; }
a.i_testn { background-position: 0px -520px; }
a.i_testn:hover { background-position: 0px -546px; }

a#otest_news { background-position: 0px -428px; cursor:pointer; }
a#otest_news:hover { background-position: 0px -452px; }

a.i_file { display:inline-block; width:21px; height: 17px; vertical-align:middle; padding: 14px 0 0 4px; margin: 3px 10px 3px 10px; font-size:8px;  background: url('./panel/iko_p6.png') no-repeat -4px -90px; }
.sysshop a.i_file { background: url('./panel/iko_p6_shop.png'); }
.syscrm a.i_file { background: url('./panel/iko_p6_crm.png'); }
.sysmail a.i_file { background: url('./panel/iko_p6_mail.png'); }
a.i_file:hover { background-position: -4px -121px; }


a.i_paleta, a.close_pick { display:inline-block; vertical-align:middle; cursor:pointer; padding: 0; margin: 0 0 0 3px; background: url('./panel/iko_p6.png') no-repeat -3px -152px; }
.sysshop a.i_paleta, a.close_pick { background-image: url('./panel/iko_p6_shop.png'); }
.syscrm a.i_paleta, a.close_pick { background-image: url('./panel/iko_p6_crm.png'); }
.sysmail a.i_paleta, a.close_pick { background-image: url('./panel/iko_p6_mail.png'); }

a.i_paleta { width:25px; height: 25px; background-position: -3px -152px; }
a.close_pick { width:15px; height: 15px; background-position: 0px -177px; }
a.close_pick:hover { background-position: -15px -177px; }


a.no { cursor: default; }

/* ikony uklady i systemy */
a[class^=i_ukl], a[class^=i_sys] { display:inline-block; width: 35px; height: 41px; margin:3px 0 0 0; border: none; cursor:pointer; background: url('./panel/iko_p5.png') no-repeat transparent; }
.sysshop a[class^=i_ukl], .sysshop a[class^=i_sys] { background-image: url('./panel/iko_p5_shop.png'); }
.syscrm a[class^=i_ukl], .syscrm a[class^=i_sys] { background-image: url('./panel/iko_p5_crm.png'); }
.sysmail a[class^=i_ukl], .sysmail a[class^=i_sys] { background-image: url('./panel/iko_p5_mail.png'); }
a.i_ukl1 { background-position: 0px 0px; }
a.i_ukl2 { background-position: 0px -41px; }
a.i_ukl3 { background-position: 0px -82px; }
a.i_ukl4 { background-position: 0px -123px; }
a.i_ukl5 { background-position: 0px -164px; }
a.i_ukl6 { background-position: 0px -205px; }
a.i_sys1 { background-position: 0px -246px; }
a.i_sys2 { background-position: 0px -287px; }
a.i_sys3 { background-position: 0px -328px; }
a.i_sys4 { background-position: 0px -369px; }

a[class^=i_sys] span { background:#94b700; color:#fff; display:block;line-height:19px; }

a.noclick { cursor:default !important; }

/* poziomy menu - struktura menu */
a[class^=po][class$=s] { font-weight:bold; }
a[class^=po] { display:inline-block; background: url('./panel/poz.gif') no-repeat transparent;  }
.sysshop a[class^=po] { background-image: url('./panel/poz_shop.gif');  }
.syscrm a[class^=po] { background-image: url('./panel/poz_crm.gif');  }
.sysmail a[class^=po] { background-image: url('./panel/poz_mail.gif');  }
a.po1 { padding: 0 0 0 10px; background-position: -24px center; }
a.po2 { padding: 0 0 0 20px; background-position: -21px center; }
a.po3 { padding: 0 0 0 30px; background-position: -18px center; }
a.po4 { padding: 0 0 0 40px; background-position: -15px center; }
a.po5 { padding: 0 0 0 50px; background-position: -12px center; }
a.po6 { padding: 0 0 0 60px; background-position: -9px center; }
a.po7 { padding: 0 0 0 70px; background-position: -6px center; }
a.po8 { padding: 0 0 0 80px; background-position: -3px center; }
a.po9 { padding: 0 0 0 90px; background-position: 0px center; }


/* file etykieta */

span.error {
	font: normal 11px arial;
	color:#e90505;
	padding:7px 0 0 10px;
}

span.ety_file {
	font-size:11px;
	padding:7px 0 0 10px;
}

.okno td span.ety_file {
	overflow: hidden;
	width:105px;
	vertical-align:middle;
	display:inline-block;
	padding:0 0 0 10px;
}

.okno td dt {
	overflow: hidden;
	width:205px;
	vertical-align:middle;
	display:inline-block;
	padding:0 0 0 10px;
	white-space: nowrap;
}

.okno td span.ety_file b {
	display:none;
}


/* ------ szeroksoci  ------ */

.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w130 {width:130px !important;}
.w160 {width:160px !important;}
.w185 {width:185px !important;}
.w200 {width:200px !important;}
.w245 {width:245px !important;}
.w250 {width:250px !important;}
.w280 {width:280px !important;}
.w300 {width:300px !important;}
.w330 {width:330px !important;}
.w370 {width:370px !important;}
.w400 {width:400px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w490 {width:490px !important;}
.w500 {width:500px !important;}
.w530 {width:530px !important;}
.w550 {width:550px !important;}
.w600 {width:600px !important;}
.w880 {width:900px !important;}
.w920 {width:920px !important;}


/* ------ wysokosci  ------ */
.h40 {height:40px !important;}
.h83 {height:83px !important;}
.h90 {height:90px !important;}
.h105 {height:105px !important;}
.h310 {height:310px !important;}
.h245 {height:245px !important;}
.h265 {height:265px !important;}
.h375 {height:375px !important;}
.h425 {height:425px !important;}


/*  ------ scroll ------ */

.scroll_auto {	width: 100%;float:left;clear:both; }
.scroll_auto .viewport { overflow: hidden; position: relative; }
.scroll_auto .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:100%; }
.scroll_auto .scrollbar { background: transparent url('./panel/scrollt.png') no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
.scroll_auto .track { background: transparent url('./panel/scrollte.png') no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.scroll_auto .thumb { background: transparent url('./panel/scroll.png') no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.sysshop .scroll_auto .thumb { background-image: url('./panel/scroll_shop.png'); }
.syscrm .scroll_auto .thumb { background-image: url('./panel/scroll_crm.png'); }
.sysmail .scroll_auto .thumb { background-image: url('./panel/scroll_mail.png'); }
.scroll_auto .thumb .end { background: transparent url('./panel/scroll.png') no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.sysshop .scroll_auto .thumb .end { background-image: url('./panel/scroll_shop.png'); }
.syscrm .scroll_auto .thumb .end { background-image: url('./panel/scroll_crm.png'); }
.sysmail .scroll_auto .thumb .end { background-image: url('./panel/scroll_mail.png'); }
.scroll_auto .disable { display:none;}
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


/*  -----  picek ------- */
.DRIMOcolor { position: relative; width:195px; width:195px;  }
.DRIMOcolor * { position: absolute; cursor: crosshair;}
.DRIMOcolor, .DRIMOcolor .wheel { width: 195px; height: 195px;}
.DRIMOcolor .color, .DRIMOcolor .overlay { top: 47px; left: 47px; width: 101px; height: 101px;}
.DRIMOcolor .wheel { background: url('./edytor/col_kolko.png') no-repeat;  width: 195px; height: 195px;}
.DRIMOcolor .overlay { background: url('./edytor/col_cien.png') no-repeat;}
.DRIMOcolor .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url('./edytor/col_punkt.png') no-repeat;}

.mini_picker { position:relative; }
.mini_picker img { vertical-align:middle; cursor:pointer; }
.mini_paleta { background-color:#ffffff; -webkit-box-shadow: 0px 0px 5px #ccc;  -moz-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 10px #ccc; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 110px; padding:5px; border: solid 1px #e2e2e2; width:195px; position:absolute; top: 22px; right: -97px; display:none; z-index:10; }
.close_pick { position:absolute; top:5px; right:5px; padding: 5px; z-index:300; display:none;}

/*  ------ tooltip ------ */

#DRIMO_tooltip {
	background-color:#94b700;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:absolute;
	z-index:500;
	padding: 5px 10px 5px 10px;
	color:#fff;
	white-space: nowrap;
}

.sysshop #DRIMO_tooltip { background-color:#059edb; }
.syscrm #DRIMO_tooltip { background-color:#7a69b3; }
.sysmail #DRIMO_tooltip { background-color:#f37024; }

#DRIMO_tooltip span {
	background: url('./panel/tip.png') no-repeat transparent 0 0;
	width:8px;
	height:7px;
	display:block;
	position:absolute;
	bottom:-7px;
	left:10px;
}

.sysshop #DRIMO_tooltip span { background-image: url('./panel/tip_shop.png'); }
.syscrm #DRIMO_tooltip span { background-image: url('./panel/tip_crm.png'); }
.sysmail #DRIMO_tooltip span { background-image: url('./panel/tip_mail.png'); }



/* ------ align  ------ */

.atl { text-align:left !important; }
.atc { text-align:center !important; }
.atr { text-align:right !important; }
.atj { text-align:justify !important; }


/* ------ floaty  ------ */

.fleft { float:left !important; }
.fright { float:right !important; }


/* ------ margin  ------ */

.mb10 { margin-bottom:10px !important; }

.mt0 { margin-top:0px !important; }
.mt8 { margin-top:8px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt40 { margin-top:40px !important; }
.mt75 { margin-top:75px !important; }

.ml5 { margin-left:5px !important; }



/* ------ tabela  ------ */

table {
	margin:0px;
	padding:0px;
	border-spacing: 0px;
	width:100%;
	border-top: solid 1px #e1e1e1;
}

table th, table td {
	text-align:left;
	font-weight:bold;
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	height:30px;
	padding: 4px 15px 4px 15px;
}

table td {
	background:#fff;
	font-weight:normal;
}
table td img { vertical-align:middle; margin: 4px 10px 4px 10px; }

table td dt { display:inline-block; height: 26px; line-height: 26px; margin:3px 0 0 0; vertical-align:middle; }

table th {
	background: url('./panel/std.gif');
}

table tr.s td, table tr:hover td {
	background-color:#f9f9f9;
}

table th:last-child, table td:last-child { border-right:none; }

table th#zz:hover, table#upraw th:hover { cursor:pointer; color:#94b700; }
.sysshop table th#zz:hover, .sysshop table#upraw th:hover { cursor:pointer; color:#059edb; }
.syscrm table th#zz:hover, .syscrm table#upraw th:hover { cursor:pointer; color:#6956aa; }
.sysmail table th#zz:hover, .sysmail table#upraw th:hover { cursor:pointer; color:#ff6e00; }

table th div {
	float:right;
	margin: 10px -10px -10px 0;
}

table td .select { margin: 3px 0 3px 0 }

table th div a:first-child {
	display:inline-block;
	width: 11px;
	height: 10px;
	cursor:pointer;
	margin: 0 1px 0 0;
	background: url('./panel/iko_p4.png') no-repeat transparent -13px -100px;
}

.sysshop table th div a:first-child { background-image: url('./panel/iko_p4_shop.png'); }
.syscrm table th div a:first-child { background-image: url('./panel/iko_p4_crm.png'); }
.sysmail table th div a:first-child { background-image: url('./panel/iko_p4_mail.png'); }

table th div a:first-child:hover { background-position: -13px -110px; }

table th div a:last-child {
	display:inline-block;
	width: 11px;
	height: 10px;
	cursor:pointer;
	background: url('./panel/iko_p4.png') no-repeat transparent -12px -120px;
}

.sysshop table th div a:last-child { background-image: url('./panel/iko_p4_shop.png'); }
.syscrm table th div a:last-child { background-image: url('./panel/iko_p4_crm.png'); }
.sysmail table th div a:last-child { background-image: url('./panel/iko_p4_mail.png'); }

table th div a:last-child:hover { background-position: -12px -130px; }

table[id^=tab_form] td:first-child {
	text-align:right;
	font-weight:bold;
	white-space: nowrap;
	width:300px;
}

table#tab_form_search td:first-child {
	width:140px;
}

table#tab_form td.pu { border-right:none; }
table#tab_form td h6 { font-weight:bold; color:#94b700; padding-left:0px; }
.sysshop table#tab_form td h6 { color:#059edb; }
.syscrm table#tab_form td h6 { color:#6956aa; }
.sysmail table#tab_form td h6 { color:#ff6e00; }

table#tab_form { margin:0 !important; }

/* ------ naglowki  ------ */

h1 {
	font: normal 17px arial;
	background: transparent url('./panel/h1.gif') no-repeat right bottom;
	padding: 10px 0 10px 0;
	margin: 20px 0 0 0;
}

h6 {
	font: normal 14px arial;
	padding: 10px 0 10px 15px;
	margin: 10px 0 0 0;
}


/* ------ PANEL LOGOWANIE  ------ */

div#log {
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 10px #ccc;
    -moz-box-shadow: 0px 0px 10px #ccc;
    box-shadow: 0px 0px 20px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	height: 260px;
	width: 460px;
	margin: 150px auto auto auto;
	position:relative;
}

div#log #logo {
	position:absolute;
	top:20px;
	left:25px;
	width: 195px;
	height: 80px;
	background: url('./panel/drimo.png');
}

.sysshop div#log #logo { background: url('./panel/drimo_shop.png'); }
.syscrm div#log #logo { background: url('./panel/drimo_crm.png'); }
.sysmail div#log #logo { background: url('./panel/drimo_mail.png'); }

div#log form{
	position:absolute;
	top:185px;
	left:45px;
}

div#log form input[type=text], div#log form input[type=password] {
	width:140px;
	margin-right:5px;
}

div#log form input[type=submit] {
	width:36px;
	height:27px;
	background: url('./panel/iko_log.gif') no-repeat transparent 0px 0px;
}
.sysshop div#log form input[type=submit] { background-image: url('./panel/iko_log_shop.gif'); }
.syscrm div#log form input[type=submit] { background-image: url('./panel/iko_log_crm.gif'); }
.sysmail div#log form input[type=submit] { background-image: url('./panel/iko_log_mail.gif'); }

div#log form input[type=submit]:hover { background-position: 0px -27px; }

div#log #paaut {
	position:absolute;
	top:150px;
	width:100%;
	border-top: solid 1px #94b700;
}

.sysshop div#log #paaut { border-top: solid 1px #059edb; }
.syscrm div#log #paaut { border-top: solid 1px #7a69b3; }
.sysmail div#log #paaut { border-top: solid 1px #f37024; }

div#log #paaut span {
	font: bold 18px arial;
	background-color:#FFF;
	padding: 0 12px 0 12px;
	position:absolute;
	top:-14px;
	left: 48px;
}

div#log small{
	position:absolute;
	top:225px;
	left:45px;
	width:370px;
	font: bold 11px arial;
	color:#e90505;
	text-align:center;
}

div#log #lang {
	position:absolute;
	right:20px;
	top:20px;
}

div#log #lang a img, header #lang a img {
	opacity: .4;
	margin-left:2px;
	border: solid 1px #ccc;
}

div#log #lang a:hover img, div#log #lang a.s img, header #lang a:hover img, header #lang a.s img {
	opacity: 1;
}

/* ------ PANEL GLOWNY  ------ */



/* ------ header  ------ */

header {
	width:990px;
	height:130px;
	display:block;
	margin: auto;
	position:relative;
}

header #drimo {
	position:absolute;
	top:27px;
	left:25px;
	width: 195px;
	height:  80px;
	background: url('./panel/drimo.png') no-repeat transparent 0px 0px;
}

.sysshop header #drimo { background-image: url('./panel/drimo_shop.png'); }
.syscrm header #drimo { background-image: url('./panel/drimo_crm.png'); }
.sysmail header #drimo { background-image: url('./panel/drimo_mail.png'); }

header menu {
	position:absolute;
	right:0;
	width:645px;
}

header menu a {
	display: inline-block;
	font-weight:bold;
	height:22px;
	line-height:24px;
	padding: 0 10px 0 27px;
	margin:30px 25px 0 20px;
	cursor:pointer;
	color:#858585 !important;
	background: url('./panel/iko_p1.png') no-repeat transparent;
}

.sysshop header menu a { background-image: url('./panel/iko_p1_shop.png'); }
.syscrm header menu a { background-image: url('./panel/iko_p1_crm.png'); }
.sysmail header menu a { background-image: url('./panel/iko_p1_mail.png'); }

header menu a:hover, header menu a.s {
	text-decoration:underline;
}

header menu a:nth-child(1) { background-position: 0px -44px; right:337px; }
header menu a:nth-child(1):hover, header a.d:nth-child(1) { background-position: 0px -66px; }
header menu a:nth-child(2) { background-position: 0px 0px; right:480px; }
header menu a:nth-child(2):hover, header menu a.d:nth-child(2) { background-position: 0px -22px; }
header menu a:nth-child(3) { background-position: 0px -88px; }
header menu a:nth-child(3):hover { background-position: 0px -110px; }

header menu span {
	width: 645px;
	height: 10px;
	position:absolute;
	top:0;
	right:0;
	background-color:#434343;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

header #lang {
	position:absolute;
	right:20px;
	top:34px;
}


/* ------ menu glowne  ------ */

nav {
	width:990px;
	height:43px;
	display:block;
	margin: auto;
	position:relative;
	z-index:1;
	background-color: #434343;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-right: solid 5px #94b700;
}


.sysshop nav {border-right: solid 5px #059edb; }
.syscrm nav {border-right: solid 5px #7a69b3; }
.sysmail nav {border-right: solid 5px #f37024; }

nav a:first-child {
	border-left:none;
}
nav a:last-child {
	border-right:none;
}

nav a {
	color:#fff;
	display:inline-block;
	height:43px;
	padding: 0 25px 0 25px;
	line-height:43px;
	font-weight: bold;
	position:relative;
	vertical-align:middle;
	margin-right:1px;
}

nav a#home {
	background: #94b700 url(./panel/iko_home.png) no-repeat center center;
	width: 35px;
	padding:0;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	margin: 0px 1px 0 0;
}

.sysshop nav a#home { background-color:#059edb; }
.syscrm nav a#home { background-color:#7a69b3; }
.sysmail nav a#home { background-color:#f37024; }

nav a:hover, nav a.s {
	background: #94b700;
	color:#fff;
	text-decoration:none;
	border-left-color:#94b700;
	border-right-color:#94b700;
}

.sysshop nav a:hover, .sysshop nav a.s {
	color:#fff;
	background: #059edb;
	border-left-color:#059edb;
	border-right-color:#059edb;
}

.syscrm nav a:hover, .syscrm nav a.s {
	color:#fff;
	background: #7a69b3;
	border-left-color:#7a69b3;
	border-right-color:#7a69b3;
}

.sysmail nav a:hover, .sysmail nav a.s {
	color:#fff;
	background: #f37024;
	border-left-color:#f37024;
	border-right-color:#f37024;
}

nav a:hover::before , nav a.s::before {
	content: "";
	width:16px;
	height:12px;
	display:block;
	position:absolute;
	top:-4px;
	left:50%;
	margin-left:-8px;
	background: url(./panel/nav.gif) no-repeat transparent center 0px;
}

.sysshop nav a:hover::before, .sysshop nav a.s::before {
	background: url('./panel/nav_shop.gif') no-repeat transparent center 0px;
}

.syscrm nav a:hover::before, .syscrm nav a.s::before {
	background: url('./panel/nav_crm.gif') no-repeat transparent center 0px;
}

.sysmail nav a:hover::before, .sysmail nav a.s::before {
	background: url('./panel/nav_mail.gif') no-repeat transparent center 0px;
}

/* ------ content glowny  ------ */

section {
	width:990px;
	min-height:475px;
	display:block;
	margin: -15px auto auto auto;
	padding: 25px 0 10px 0;
	position:relative;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 10px #ccc;
    -moz-box-shadow: 0px 0px 10px #ccc;
    box-shadow: 0px 0px 20px #ccc;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	border-radius:0px 0px 8px 8px;
}



/* ------ content glowna witamy  ------ */

section article {
	width: 320px;
	float:left;
	margin: 0px 0px 0px 85px;
	background-color:#fff;
}

section article:last-child {
	width:410px;
}

section article dd {
	display:block;
	padding: 20px 0 10px 0;
	line-height:150%;
}

section article dd img {
	display:block;
	margin: 0 0 10px 0;
}

section article dd b {
	color: #94b700;
}

.sysshop section article dd b { color: #059edb; }
.syscrm section article dd b { color: #6956aa; }
.sysmail section article dd b { color: #ff6e00; }

section article dd aside {
	display:inline-block;
	line-height:150%;
	width:220px;
}

section article dd aside:nth-child(n+2) {
	width:185px;
}

section article figure {
	float:left;
	position:relative;
	margin:70px 0 0 0;
	width:151px;
	height: 175px;
	background: url('./panel/wykres.gif') no-repeat transparent 0 0;
}

.sysshop section article figure { background-image: url('./panel/wykres_shop.gif'); }
.syscrm section article figure { background-image: url('./panel/wykres_crm.gif'); }
.sysmail section article figure { background-image: url('./panel/wykres_mail.gif'); }

section article figure bdi {
	dispaly:block;
	padding: 0px 5px 0px 5px;
	position:absolute;
	background-color:#94b700;
	bottom:4px;
	left:20px;
	min-width:25px;
	color:#fff;
	font-size:11px;
	text-align:center;
}
.sysshop section article figure bdi { background-color:#059edb; }
.syscrm section article figure bdi { background-color:#7a69b3; }
.sysmail section article figure bdi { background-color:#f37024; }

section article figure bdi:last-child {
	background-color:#464646;
	left:80px;
}

section figcaption {
	width:200px;
	float:left;
	display:block;
	margin: 77px 0 0 50px;
}

section figcaption legend {
	display:block;
	height:21px;
	line-height:21px;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	border-left: solid 24px #94b700;
}

.sysshop section figcaption legend { border-left: solid 24px #059edb; }
.syscrm section figcaption legend { border-left: solid 24px #7a69b3; }
.sysmail section figcaption legend { border-left: solid 24px #f37024; }

section figcaption legend:nth-child(2) {
	border-left: solid 24px #464646;
}

section figcaption a {
	background: url('./panel/iko_statw.gif') no-repeat transparent;
	display:block;
	padding: 50px 0 0 0px;
	margin: 50px 0 10px 0;
}

section figcaption a:hover { background: url('./panel/iko_statws.gif') no-repeat transparent; }

.sysshop section figcaption a:hover  { background-image: url('./panel/iko_statws_shop.gif'); }
.syscrm section figcaption a:hover  { background-image: url('./panel/iko_statws_crm.gif'); }
.sysmail section figcaption a:hover  { background-image: url('./panel/iko_statws_mail.gif'); }

/* ------ content submenu  ------ */

section menu#submenu {
	border-bottom: solid 1px #e1e1e1;
	padding: 10px 0 0 30px;
}

section menu#submenu a {
	font-weight:bold;
	padding: 0 15px 0 15px;
	height: 25px;
	line-height:25px;
	display:inline-block;
	border: solid 1px #fff;
	border-bottom: none;
}

section menu#submenu a.s {
	border: solid 1px #e1e1e1;
	border-bottom: none;
	background-color:#fbfbfb;
	height:26px;
	margin: 0 0 -1px 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}



section menu#submenu2 {
	background-color:#fbfbfb;
	border-bottom: solid 1px #e1e1e1;
	padding: 8px 0 8px 35px;
}

section menu#submenu2 a {
	padding: 0 10px 0 10px;
	display:inline-block;
	border-right: solid 1px #aeaeae;
	border-bottom: none;
}

section menu#submenu2 a:last-child { border:none; }



/* ------ content listing menu  ------ */

section menu#mm {
	text-align:center;
	background:#eee;
}

section menu#mm a {
	display:inline-block;
	font-weight:bold;
	height:32px;
	line-height:32px;
	margin: 10px 20px 10px 20px;
	padding: 0 10px 0 37px;
	cursor:pointer;
	color:#fff;
	background: #747272 url('./panel/iko_p2.png') no-repeat;
	border-right: solid 5px #94b700;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

section menu#mm a:hover { background-color: #94b700; color:#fff; text-decoration:none !important; }

.sysshop section menu#mm a {border-right: solid 5px #059edb; }
.syscrm section menu#mm a {border-right: solid 5px #7a69b3; }
.sysmail section menu#mm a {border-right: solid 5px #f37024; }


.sysshop section menu#mm a:hover { background-color: #059edb; }
.syscrm section menu#mm a:hover { background-color: #7a69b3; }
.sysmail section menu#mm a:hover { background-color: #f37024; }

section menu#mm a:nth-child(1) { background-position: 0px -2px; }
section menu#mm a:nth-child(2) { background-position: 8px -64px; padding-left:44px; }
section menu#mm a:nth-child(3) { background-position: 3px -129px; padding-left:40px; }


/* ------ content listing row - belka gorna  ------ */

section div#bb {
	display:block;
	height:38px;
}

section div#bb #bbl {
	float:left;
	display:inline-block;
	margin: 8px 0 0 15px;
	line-height:24px;
}

section div#bb #bbl a {
	margin: 0 3px 0 3px;
}
section div#bb #bbl b:last-child {
	border-left: solid 1px #aeaeae;
	padding: 0 0 0 10px;
	margin: 0 5px 0 5px;
}

section div#bb #bbl b:first-child {
	margin: 0 5px 0 0;
	padding:0;
	display:inline-block;
	border:none;
}

section div#bb #bbp {
	float:right;
	display:inline-block;
	margin: 7px 15px 0 0;
}

section div#bb #bbp span {
	text-align:center;
	margin: 4px 6px 0 6px;
	float:left;
}

section div#bb #bbp a[id^=o] {
	float:left;
	height: 24px;
	width:24px;
	vertical-align:middle;
	margin: 0 2px 0 4px;
	background: url('./panel/iko_p4.png') no-repeat transparent 0px -52px;
}

.sysshop section div#bb #bbp a[id^=o] { background-image: url('./panel/iko_p4_shop.png'); }
.syscrm section div#bb #bbp a[id^=o] { background-image: url('./panel/iko_p4_crm.png'); }
.sysmail section div#bb #bbp a[id^=o] { background-image: url('./panel/iko_p4_mail.png'); }

section div#bb #bbp span a {
	font-size:12px;
	margin: -1px 1px 0 0;
	width:18px;
	height:18px;
	line-height:18px;
	background:#f1f1f1;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}
section div#bb #bbp span a:hover, section div#bb #bbp span a.s {
	color:#94b700;
	font-weight:bold;
	background:#e2e2e2;
}

.sysshop section div#bb #bbp span a:hover, .sysshop section div#bb #bbp span a.s { color:#059edb; }
.syscrm section div#bb #bbp span a:hover, .syscrm section div#bb #bbp span a.s { color:#6956aa; }
.sysmail section div#bb #bbp span a:hover, .sysmail section div#bb #bbp span a.s { color:#ff6e00; }

section div#bb #bbp a#o1:hover { background-position: 0px -76px; }
section div#bb #bbp a#osearch { background-position: 0px -140px; cursor:pointer; }
section div#bb #bbp a#osearch:hover { background-position: 0px -164px; }
section div#bb #bbp a#osearch_d { background-position: 0px -284px; cursor:pointer; }
section div#bb #bbp a#osearch_d:hover { background-position: 0px -308px; }

section div#bb #bbp a#oimport_csv { background-position: 0px -332px; cursor:pointer; }
section div#bb #bbp a#oimport_csv:hover { background-position: 0px -356px; }

section div#bb #bbp a#oexport_csv { background-position: 0px -380px; cursor:pointer; }
section div#bb #bbp a#oexport_csv:hover { background-position: 0px -404px; }

section div#bb #bbp a#ol { background-position: 0px -188px; margin: 0 -2px 0 -3px; }
section div#bb #bbp a#ol:hover { background-position: 0px -212px; }
section div#bb #bbp a#ol.no { background-position: 0px -188px; }

section div#bb #bbp a#op { background-position: -6px -236px; margin: 0 -5px 0 -2px; }
section div#bb #bbp a#op:hover { background-position: -6px -260px; }
section div#bb #bbp a#op.no { background-position: -6px -236px; }






/* ------ content listing row - belka solna  ------ */

section div#dd {
	display:block;
	height:34px;
}

section div#dd #ddl {
	float:left;
	padding: 7px 0 7px 0;
	margin: 0 0 0 15px;
}

section div#dd #ddp {
	background: url(./panel/iko_n.png) no-repeat right 10px;
	float:right;
	margin: 0 26px 0 0;
	padding: 7px 30px 7px 0;
}

section div#dd #ddp small {
	display:inline-block;
	margin: 0 5px 0 5px;
}


/* ------ footer  ------ */

footer { width:990px; height:44px; display:block; margin: auto auto auto auto; }
footer a { margin: 15px 0 0 0; padding: 0 15px 0 15px; display:inline-block; font: normal 11px arial; }
footer a:nth-child(n+2) { float:right; }
footer a:nth-child(2) { border-left: solid 1px #aeaeae; }


/* ------ nakladka  ------ */

#nakl { position:fixed; top:0px; left:0px; z-index: 100; background: url('./panel/nakl.png'); width:100%; height:100%; display:none; }



#nakl_ok, #nakl_ok2 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:201;
	display:none;
}

#nakl_ok2 { z-index:202 !important; }

#nakl_ok .okno, #nakl_ok2 .okno {
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 5px #464646;
    -moz-box-shadow: 0px 0px 5px #464646;
    box-shadow: 0px 0px 10px #464646;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:absolute;
	top:50%;
	left:50%;
	padding: 15px;
	margin: auto auto auto auto;
}

#nakl_ok .okno.load, #nakl_ok2 .okno.load {
	height: 72px;
	width: 72px;
	display:block;
	top:50%;
	left:50%;
	margin: -72px 0 0 -36px;
	position:fixed;
}

#nakl_ok .okno.load span, #nakl_ok2 .okno.load span {
	background: #94b800;
	width: 52px;
	height:52px;
	margin: 10px 0 0 10px;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.sysshop #nakl_ok .okno.load span, .sysshop #nakl_ok2 .okno.load span { background: #059edb; }
.syscrm #nakl_ok .okno.load span, .syscrm #nakl_ok2 .okno.load span { background: #7a69b3; }
.sysmail #nakl_ok .okno.load span, .sysmail #nakl_ok2 .okno.load span { background: #f37024; }

#nakl_ok .okno.loadm {
	height: 34px;
	width: 34px;
	top:50%;
	left:50%;
	margin: -34px 0 0 -32px;
	position:fixed;
}

#nakl_ok .okno.loadm span {
	background: #94b800;
	width: 34px;
	height:34px;
	margin: 0;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px
}

.sysshop #nakl_ok .okno.loadm span { background: #059edb; }
.syscrm #nakl_ok .okno.loadm span { background: #7a69b3; }
.sysmail #nakl_ok .okno.loadm span { background: #f37024; }


#nakl_ok .okno .bom { float:left; }
#nakl_ok .okno .bom:nth-child(3) { margin-left:20px; }

#nakl_ok #close { background: url('./panel/iko_p6.png') no-repeat transparent 0px 0px; width:30px; height:30px; position:absolute; right:10px; top:-22px; cursor:pointer; }
.sysshop #nakl_ok #close { background-image: url('./panel/iko_p6_shop.png'); }
.syscrm #nakl_ok #close { background-image: url('./panel/iko_p6_crm.png'); }
.sysmail #nakl_ok #close { background-image: url('./panel/iko_p6_mail.png'); }
#nakl_ok #close:hover { background-position: 0px -30px; }

#nakl_ok #nn b { color: #94b700; }
.sysshop #nakl_ok #nn b { color: #059edb; }
.syscrm #nakl_ok #nn b { color: #6956aa; }
.sysmail #nakl_ok #nn b { color: #ff6e00; }
#nakl_ok #nn { line-height:135%; }

#nakl_ok #nn_error, #nakl_ok2 #nn_error {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #e1e1e1;
}

#nakl_ok #nn_error, #nakl_ok2 #nn_error {
	padding: 0 0 10px 0;
	font: bold 12px arial;
	color:#e90505;
	text-align:center;
}

.red {
	color:#e90505;
}

#nakl_ok #nn_error small, #nakl_ok2 #nn_error small { display: inline-block; margin: 5px 0 0 0;font: normal 11px arial; color:#464646; }

#nakl_ok #dd { margin: 15px 0 0 0; line-height:135%; }
#nakl_ok #dd input { margin: 7px 0 0 0; }
#nakl_ok #dd #info { background: url('./panel/iko_p6.png') no-repeat transparent 0px -60px; float:left; line-height:30px; padding: 0 0 0 38px; margin: 17px 0 0 0;}
.sysshop #nakl_ok #dd #info { background-image: url('./panel/iko_p6_shop.png'); }
.syscrm #nakl_ok #dd #info { background-image: url('./panel/iko_p6_crm.png'); }
.sysmail #nakl_ok #dd #info { background-image: url('./panel/iko_p6_mail.png'); }
#nakl_ok #dd form#right {
	margin: 2px 0 0 0;
	float:right;
	margin: 11px 0 0 0;
}

#nakl_ok div.box, #nakl_ok div.box_search {
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 10px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	height: 200px;
	width: 430px;
	margin: 12px 0 0 0;
	position:relative;
	padding:10px 10px 10px 10px;
}

#nakl_ok div.box_form {
	-webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 10px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 430px;
	margin: 12px 0 0 0;
	position:relative;
	padding:10px 10px 10px 10px;
}

#nakl_ok div.box .viewport {
	width: 415px;
	height: 200px;
}
#nakl_ok div.box .overview {
	width: 415px;
	float:left;
}
#nakl_ok div.box .overview a {
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
	margin-left:10px;
	border-left: solid 5px #fff;
}

#nakl_ok div.box .overview a.pol0s {
	font-weight:bold;
	background:none;
	margin: 0 0 0 0px;
}

#nakl_ok div.box .overview a.pol00s {
	font-weight:bold;
	background:none;
}

#nakl_ok div.box .overview a:hover, #nakl_ok div.box .overview a.d {
	background-color:#e5e5e5;
	border-left: solid 5px #e5e5e5;
}

#nakl_ok div.box .overview a.no, #nakl_ok div.box .overview a.no:hover {
	cursor:default;
	background:none;
	color:#464646;
	border-left: solid 5px #fff;
}


#nakl_ok .box_form table {
	margin: 10px 0 -10px 0;
}
#nakl_ok .box_form td input[type=text], #nakl_ok .box_form td textarea {
	width: 200px;
}





.link_roz_box {
	position:relative;
}

.struktura_menu {
	border: solid 1px #d7d5d5;
	border-top: solid 1px #ffffff;
	width:355px;
	height:155px;
	position:absolute;
	top:26px;
	left:10px;
	z-index:10;
	display:none;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.struktura_menu iframe {
	width:355px;
	height:155px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.select.stat {
	margin: 10px 0 20px 20px;
}

table.stat tr:hover td {
	background:#fff !important;
}

table.stat th span {
	display: inline-block;
	float:right;
	font-weight:normal;
}

table.stat figure {
	width:350px;
	height:200px;
	margin:10px auto 10px auto;
	display:block;
	position:relative;
}

table.stat figure.f900 {
	width:920px;
}

table.stat figure div {
	text-align:center;
	width:20px;
	position:absolute;
	bottom:20px;
	left:0px;
	padding: 0 0 5px 0;
	display:block;
	background: #e1e1e1;
}

table.stat figure div:hover:not(.no_wyk) {
	background: #94b700 url(panel/i_slupek.gif) no-repeat top center;
	cursor:pointer;
}

.sysshop table.stat figure div:hover:not(.no_wyk) { background: #059edb url(panel/i_slupek_shop.gif) no-repeat top center; }
.syscrm table.stat figure div:hover:not(.no_wyk) { background: #7a69b3 url(panel/i_slupek_crm.gif) no-repeat top center; }
.sysmail table.stat figure div:hover:not(.no_wyk) { background: #f37024 url(panel/i_slupek_mail.gif) no-repeat top center; }

table.stat figure div small {
	display:block;
	width:20px;
	position:absolute;
	top:-25px;
	left:0px;
	text-align:left;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	letter-spacing: 1px;


}

table.stat figure div span {
	display:block;
	width:20px;
	position:absolute;
	bottom:-17px;
	left:0px;
}

table.stat figure div:nth-child(2) {
	left:30px;
}

table.stat figure div:nth-child(3) {
	left:60px;
}

table.stat figure div:nth-child(4) {
	left:90px;
}

table.stat figure div:nth-child(5) {
	left:120px;
}

table.stat figure div:nth-child(6) {
	left:150px;
}

table.stat figure div:nth-child(7) {
	left:180px;
}

table.stat figure div:nth-child(8) { left:210px; }
table.stat figure div:nth-child(9) { left:240px; }
table.stat figure div:nth-child(10) { left:270px; }
table.stat figure div:nth-child(11) { left:300px; }
table.stat figure div:nth-child(12) { left:330px; }
table.stat figure div:nth-child(13) { left:360px; }
table.stat figure div:nth-child(14) { left:390px; }
table.stat figure div:nth-child(15) { left:420px; }
table.stat figure div:nth-child(16) { left:450px; }
table.stat figure div:nth-child(17) { left:480px; }
table.stat figure div:nth-child(18) { left:510px; }
table.stat figure div:nth-child(19) { left:540px; }
table.stat figure div:nth-child(20) { left:570px; }
table.stat figure div:nth-child(21) { left:600px; }
table.stat figure div:nth-child(22) { left:630px; }
table.stat figure div:nth-child(23) { left:660px; }
table.stat figure div:nth-child(24) { left:690px; }
table.stat figure div:nth-child(25) { left:720px; }
table.stat figure div:nth-child(26) { left:750px; }
table.stat figure div:nth-child(27) { left:780px; }
table.stat figure div:nth-child(28) { left:810px; }
table.stat figure div:nth-child(29) { left:840px; }
table.stat figure div:nth-child(30) { left:870px; }
table.stat figure div:nth-child(31) { left:900px; }

table.stat .najlepsze {
	vertical-align:top;
	padding: 0 0 5px 10px;
}

table.stat .najlepsze div {
	display:block;
	margin: 5px 10px 0 0;
	padding: 3px 0 3px 5px;
}

table.stat .najlepsze div:hover {
	background:#f1f1f1;
}

table.stat .najlepsze div a {
	display: inline-block;
	width:440px;
	overflow:hidden;
	margin: 0 10px 0 10px;
	vertical-align:middle;
}

table.stat .najlepsze.w33 div a {
	width:230px;

}

table.stat .najlepsze .brak {
	display:block;
	text-align:center;
	padding:40px 0px 40px  0;
}

table.stat .najlepsze div span {
	display: inline-block;
	vertical-align:middle;
	width:15px;
}

.noborder { border:none; }




/* DATA PICKER */
.ui-datepicker-trigger { vertical-align:middle; cursor:pointer; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; margin:0px !important;height:10px !important; }
.ui-datepicker td { border: 0; padding: 1px; margin:0px !important; height:10px !important;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none;margin:0px !important; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(panel/ui.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(panel/ui.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(panel/ui.png)/*{iconsHeader}*/; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }


.dragged { position: absolute; top: 0; z-index: 2000; }

.sorted_table .placeholder td {
	background: #94b700;
	height:20px;
	padding:0;
	opacity: 0.5;
	width: 900px;
}

.sysshop .sorted_table .placeholder td { background-color: #059edb; }
.syscrm .sorted_table .placeholder td { background-color: #7a69b3; }
.sysmail .sorted_table .placeholder td { background-color: #f37024; }

/*
.sorted_table .placeholder td::before {
	content: "upuść tutaj...";
	color: rgba(255,255,255,0.7);
	font-size: 18px;
	font-weight: bold;
	text-align:left;
	display: block;
	padding-top:10px;
	padding-left:30px;
	text-shadow: 1px 1px #94b700;
}
*/
td.updown:first-child::before {
	content: "";
	background: url(panel/iko_updown.png) no-repeat left center;
	width: 8px;
	height: 15px;
	display: inline-block;
	vertical-align:middle;
	margin: 0 8px 0 0px;
	opacity: .2;
}

tr:hover td.updown:first-child::before { opacity: 1; }

td.updown { cursor:pointer;	position:relative; }

.cien_td { background: #f5f5f5; }


.ramka {
	border: 2px solid #FFFFFF;
	padding: 5px;
}
.nagl {
	padding-bottom: 3px;
	color: #666666;
	line-height:18px;
	padding-left:10px;
}
.nomargs {
	margin: 0px;
	padding: 0px;
}


/* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px #e1e1e1; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected {  padding: 0; margin: 0; border: 0; float:left;  }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 450px; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0  0  0  -90px; border: 0; float:left; border-left: 3px solid #e1e1e1;  width: 450px; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 450px; }
.ui-multiselect ul.available li { padding-left: 10px; }

.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 10px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}

.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }

.ui-multiselect input.search { height: 14px; background-color:#ffffff; padding: 1px; font-size:11px; margin: 4px; width: 140px; border: solid 1px #ffffff; }


.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-widget { font-family: tahoma; font-size:11px; }

/* belka nawigacyjna */

.ui-widget-header {
	border: 1px solid #e78f08;
	background: #d2d2d2;
	color: #212121;
	width:100%;

}

.ui-widget-header a {
	color: #212121;
}

/* opcje srodek */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
	color: #484848;
	cursor:pointer;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #f1f1f1;
	color: #0592cb;
	cursor:pointer;
}

.ui-icon-arrowthick-2-n-s {display:none;}
.ui-icon-plus {background-position: -32px -128px;}
.ui-icon-minus {background-position: -64px -128px;}