/* SET CORRECT TYPOGRAPHY */
body {line-height: 1.2em}
form.inline {line-height:1em;}

h1 {font-size: 1.3em;  font-weight: bold}
h2 {font-size: 1.2em;  font-weight: bold}
h3,h4 {font-size: 1em}

table {}
th, td, caption {padding:0;}
.box {padding:0;margin-bottom:0;background:transparent;}

input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {padding:5px;}
/* END OF SET */


label {font-weight:bold;}
fieldset {padding:1.4em; margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:1;}
form.inline p {margin-bottom:0;}

td {border: 0px solid red}


.admin-table tr {behavior: url(hover.htc); height: 22px}
.admin-table tr:hover, .admin-table tr.hover {background: #ededed url('images/bg-table-hover.gif') 0 0 repeat;}


.admin-table tr.odd {background: #e3efff;}

.admin-table a:link,.admin-table a:visited, .admin-table2 a:link,.admin-table2 a:visited{
color: #2222ff
}

.admin-table td{
    padding: 0 2px;
    vertical-align: top
}

.admin-table th,.admin-table2 th{
background: url('../images/bg-table-head-cell.gif') right top repeat;
text-align: left;
height: 26px;
font-weight: normal;
padding: 0 2px
}     

.admin-table th a:link,.admin-table th a:visited {
    color: #000
}

.admin-table a:link,.admin-table a:visited {
color: #000
}

th.thasc {
    background: url('../images/bg-table-head-cell-asc.gif') right top repeat;
}
th.thdesc {
    background: url('../images/bg-table-head-cell-desc.gif') right top repeat;
}


.admin-table .marklinks a:hover {
text-decoration: hover;
cursor: hand
}


td.paging{
background: url('../images/bg-table-head-cell.gif') right top repeat;
text-align: right;
height: 26px;
font-weight: normal
}

.hmenu {
width: 100%;
margin: 5px 0 0 0;
background: url('../images/bg-hmenu.gif') 0 0 repeat-x;
height: 22px;
padding: 0;
border-bottom: 4px solid #85b8e3
}

.hmenu-link{
	height: 19px;
    padding: 4px 15px 2px 15px;
    text-align: left;
    float: left;
    clear: right
}

.hmenu a{
	font-weight: normal;
	color: #fff;
}

.hmenu a:hover {
	font-weight: normal;
	color: #fff;
    text-decoration: underline;
}

.hmenu-divider {padding: 0; width: 2px; height: 24px; background: url('../images/bg-hmenu-divider.gif') 0 0 no-repeat;    float: left;
    clear: right}

#hmenu-category { background: url('../images/bg-hmenu-green.gif') 0 0 repeat-x }
#hmenu-product { background: url('../images/bg-hmenu-blue.gif') 0 0 repeat-x }
#hmenu-order { background: url('../images/bg-hmenu-orange.gif') 0 0 repeat-x }
#hmenu-invoice { background: url('../images/bg-hmenu-purple.gif') 0 0 repeat-x }
#hmenu-customer { background: url('../images/bg-hmenu-violet.gif') 0 0 repeat-x }
#hmenu-producer { background: url('../images/bg-hmenu-blue.gif') 0 0 repeat-x }
#hmenu-news { background: url('../images/bg-hmenu-green.gif') 0 0 repeat-x }
#hmenu-setting { background: url('../images/bg-hmenu-purple.gif') 0 0 repeat-x }
#hmenu-stats { background: url('../images/bg-hmenu-violet.gif') 0 0 repeat-x }
#hmenu-tools { background: url('../images/bg-hmenu-orange.gif') 0 0 repeat-x }
#hmenu-border-category  {border-color: #adc7a1 }
#hmenu-border-product  {border-color: #85b8e3 }
#hmenu-border-order  {border-color: #e3a385 }
#hmenu-border-invoice  {border-color: #bba1c7 }
#hmenu-border-customer  {border-color: #9c85e3 }
#hmenu-border-producer  {border-color: #85b8e3 }
#hmenu-border-news  {border-color: #adc7a1 }
#hmenu-border-setting  {border-color: #bba1c7 }
#hmenu-border-stats  {border-color: #9c85e3 }
#hmenu-border-tools  {border-color: #e3a385 }

/*
9c85e3 - violet
e3a385 / orange
adc7a1 / green
bba1c7 / purple
85b8e3 / blue
*/


.hmenu-underbar {
width: 100%;
height: 3px;
background: #000
}


#searchbar {
background: #f1f3f5;
border-bottom: 1px solid #ccc;
margin-top: 1px;
padding: 2px 0px 2px 5px;
}

#searchbar input, #searchbar-select {
height: 18px;
}

#searchbar td {
    height: 18px
}

.info  {
color: #000;
border: 1px solid #6393df;
padding: 15px 10px 25px 60px;
margin: 5px 0 5px 0;
background: #f7faff url('../images/icon-help-big.gif') 5px 5px no-repeat;
}

.del {text-decoration: none; background-color: #b5e6f4; border: 1px solid #0878a6; padding-left: 2px; padding-right: 2px}

.kod {color: #666666}

#cd {height: 20px; line-height: 20px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #c0c0c0}
#tbl {height: 20px; vertical-align: middle; padding: 0px 3px 0px 3px}

#t2 {padding-left: 20px}
#t3 {padding-left: 35px}
#t4 {padding-left: 50px; font-style: italic}



#info-column-left {
background: #f0eade;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #cdcdcd;
margin-right: 10px;
width: 200px;
padding: 5px;
float: left
}

#info-column-right {
float: left;
background: #f0eade;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #cdcdcd;
margin-right: 10px;
width: 160px;
padding: 5px;
}

.info-column-top {
height: 4px;
line-height: 4px;
background: url('../images/bg-info-column-top.gif') 0 0 no-repeat;
border: 1px solid red;
}

.info-column-header {
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #cdcdcd;
padding: 5px 5px 3px 16px;
margin: 0 0 3px 0;
font-weight: bold;
background: #ffffff url('../images/bg-info-column-header.gif') 4px 12px no-repeat;
color: #222;
}

.info-column-block {
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #cdcdcd;
margin: 0 0 10px 0;
padding: 4px;
background: #ffffff
}

.info-column-block hr {
color: #cdcdcd
}

.table-block {
background: #f0eade;
border-width: 1px;
border-style: solid;
border-color: #cdcdcd;
padding: 5px;
}

.paging {
background: #c7e7ff;
text-align: right;
padding: 3px 20px 3px 0;
color: #ddd;
margin: 0 0 5px 0;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.paging a{
color: #000;
}

.paging-active {
color: #ff4444;
}

#product-operations {
border: 1px solid #cdcdcd;
background: #f0eade;
padding: 3px; width: 550px
}

#product-operations strong {
color: #555
}

.product-image {
float: left;
clear: right;
text-align: center;
margin: 0 0 3px 0;
}

#next-products {
width: 165px;
background: #f0eade;
border: 1px solid #cdcdcd;
margin: 0 0 10px 0;
}

.product-block {
width: 400px;
border-width: 1px;
border-style: solid;
border-color: #cdcdcd;
margin: 0 7px 5px 0;
padding: 4px;
}

.product-block-r {
width: 340px;
border-width: 1px;
border-style: solid;
border-color: #cdcdcd;
margin: 0 0 5px 0;
padding: 4px;
}


#product-categories {
width:165px;
background: #f0eade;
border-width: 1px;
border-style: solid;
border-color: #cdcdcd;
}

#product-categories ul {
list-style-type: none;
margin: 0;
padding: 0
}

ul.m1 {
    margin: 0
}

#product-categories li {
    margin: 0
}

#login-form {
margin: 0 auto 0 auto;
width: 274px;
height: 159px;
padding: 10px;
text-align: left;
background: url('../images/bg-login-form.gif') 0 0 no-repeat;
}

#login-form-input2 {
border: 1px solid #909090;
width: 120px;
}


#login-form-input {
border: 1px solid #909090;
background: url('../images/icon-user-small.gif') 0 0 no-repeat;
padding: 0 0 0 20px;
width: 100px;
}

#login-form-top {
margin: 0 auto 4px auto;
text-align: left;
width: 294px;
}

#login-form-bottom {

}

.logged-user a:link,.logged-user a:visited {
color: #6393df;
font-weight: bold
}


/* STROM KATEGORII - PRODUKTY VLEVO */

.normal {}
.category-red {
background: #ffdddd;
border: 1px solid #ff9999
}


#product-cat-tree  {
width: 150px;
margin-top: 0px;
margin-left: 0px;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

#product-cat-tree UL {
padding: 0;
margin: 0;
list-style: none;
border-style: none;
background-color: #ededed
}

#product-cat-tree UL UL{
color: #000;
font-weight: normal;
background-color: #fff
}

#product-cat-tree UL UL UL{
background-color: #fff
}

#product-cat-tree UL UL UL UL{
}

#product-cat-tree UL li {
border-top: 1px solid #c0c0c0;
margin:0;

}


#product-cat-tree a{
display: block;
line-height: 22px;
color: #0000FE;
padding-left: 5px;
font-weight: bold;
}


#product-cat-tree a:hover{
text-decoration: underline;
}


#product-cat-tree UL a{
color: #000;
font-weight: normal;
padding-left: 10px;
width: 140px;
margin: 0px;
border-left: 4px solid #70A715;
font-weight: bold;
}

#product-cat-tree UL UL a{
color: #000;
font-weight: normal;
padding-left: 20px;
width: 130px;
border-left: 4px solid #7EBA1B;
}


#product-cat-tree UL UL UL a{
color: #000;
font-weight: normal;
width: 120px;
padding-left: 30px;
border-left: 4px solid #B5E368;
}

#product-cat-tree UL UL UL UL a{
padding-left: 40px;
width: 110px;
border-left: 4px solid #DAECBC;
}

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

.submitBar {
background: #c7e7ff;
border-bottom: 2px solid #ddd
}


.sklad  {
color: #000000;
font-size: 10px;
border: 1px solid #70A715;
padding: 1px;
background-color: #B5E368
}

.res {
color: #000000;
font-size: 10px;
border: 1px solid #fb9a00;
padding: 1px;
background-color: #ffd28b
}


.ac {
text-align: center;
}

.ar {
text-align: right;
}

.red {
color: #ff0000
}

.redbg {
background: #ff6666
}

.cleaner {
clear: both
}

#shop-selection {
background: #ff9000;
border: 1px solid #d96b00
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* SETTING MENU - SORTING */
.menuStatus {
cursor: pointer;
cursor: hand;
width: 15px;
float: left;
display: inline
}
.blockMenu {
	float: left;
	width: 180px;
    margin: 0 10px 0 0
}

.blockMenu ul{
    margin: 0;
    padding: 0
}

.blockMenu li {
	vertical-align: middle;
	list-style: none;
	margin: 0 0 4px 0;
	padding: 1px 5px 1px 5px;
	background: #f8f8f8 url('../images/icon_sort.gif') 97% 50% no-repeat;
	border: #CCCCCC solid 1px;
	color:#000;
}
#contentRight {
	float: right;
	width: 460px;
	padding:10px;
	background-color:#fff;
	color:#FFFFFF;
}
/* END OF SETTING MENU */


/* SETTING LIST OF CATEGORIES */

#category-shop-selection {
background: #ff9000;
border: 1px solid #d96b00;
height: 20px;
width: 100%
}

.menuStatus {
cursor: pointer;
cursor: hand;
width: 15px;
float: left;
display: inline
}

.blockCategory {
	float: left;
	width: 100%;
    margin: 0 10px 0 0
}

.blockCategory ul{
    margin: 0;
    padding: 0;
    list-style-type: none
}

.blockCategory ul li {
	background: #acd2ef url('../images/icon_sort.gif') right top no-repeat;
	color:#000;
    font-weight: bold;
}

.blockCategory ul ul li {
    background: #d3e5f4 url('../images/icon_sort.gif') right top no-repeat;
padding: 0 0 0 20px;
font-weight: normal;
    }

.blockCategory ul ul ul li {
    background: #eef7fe url('../images/icon_sort.gif')  right top no-repeat;
padding: 0 0 0 20px;
font-weight: normal;
    }

    .blockCategory ul ul ul ul li {
    background: #fff url('../images/icon_sort.gif') right top no-repeat;
padding: 0 0 0 20px;
font-weight: normal;
    }

    .catrow {
   width: 100%;
   height: 20px;
}

.catname {width: 330px; float: left; height: 20px; }

.blockCategory ul ul .catname { width: 310px; }

.blockCategory ul ul ul .catname {width: 290px; }

.blockCategory ul ul ul ul .catname {width: 270px; }





.catdel {
    width: 35px;
    text-align: left;
    float: right;
}


.catStatus {
    width: 20px;
    text-align: left;
    float: right;
}

.catnew {
    width: 42px;
    text-align: left;
    float: right;
}
.catShop {
    float: right;
    padding: 0;
    margin: 0 2px 0 0;
}
.csf {
    float: right;
    width: 1px;
    margin: 0 25px 0 0;
    height: 20px
}
/* END OF SETTING LIST OF CATEGORIES */

.notInStore {
    font-style: italic
}

.recommended {
    background: #ccc
}

#wh-entry-frame {
    border: 1px solid #efefef
}

.border-block {
border-width: 1px;
border-style: solid;
border-color: #cdcdcd;
padding: 4px;
}


.inline-fl {
    width: 150px;
float: left;
display: inline
}

.blockMenu-pPictures {
	float: left;
	width: 450px;
    margin: 0 10px 0 0
}

.blockMenu-pPictures ul{
    margin: 0;
    padding: 0
}

.blockMenu-pPictures li {
	vertical-align: middle;
	list-style: none;
	margin: 0 0 4px 0;
	padding: 1px 5px 1px 5px;
	background: #f8f8f8 url('../images/icon_sort.gif') 97% 50% no-repeat;
	border: #CCCCCC solid 1px;
	color:#000;
}


.hidden {display:none}
.visible {display: block}


.orderCustCol {
    width: 250px
}

.orderSelectCol {
    width: 20px;
}

.shopBox {
    width: 12px;
    height: 12px;
    float: left;
    margin: 0 5px 0 0
}

#product-detail-left {
    float: left;
    width: 780px;
}

#product-detail-right {
    float: left;
    width: 165px;
}


.debtRepDesc {
font-style: italic;
color: #11f
}


.planner-row { padding: 5px 0 20px 0; border-bottom: 1px solid #aaa; min-height: 80px}
.planner-day {font-size: 22px; font-weight: bold; width: 60px; float: left; padding: 0; }

.weekend {background: #e9f7fc }
.planner-day-name {float: left; width: 30px; }

.planner-day-name span {float: left;background: #eee; color: #999; width: 60px; height: 15px; position: relative; top: 18px; left: -20px; 
text-align: right; text-transform: uppercase; font-weight: bold; padding: 5px;-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: rl-tb; }

.planner-table {width:900px; float: left}

.planner-row-done td {font-style: italic; text-decoration: line-through}

#planner-detail-left { float: left; width: 700px; margin: 0 20px 0 0}
#planner-detail-right { float: left; width: 450px;margin: 90px 0 0 0}


.custServisText { margin: 5px 0;border-bottom:1px solid #eee }
.custServisText strong {color: #555 }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


.radiusSrvCliHL td {
background: url('../images/bg-table-head-cell.gif') right top repeat;
text-align: left;
height: 26px;
font-weight: normal;
padding: 0 2px
}     

.dodPL {border: 1px solid #22ff22; background: #ddffdd;width: 18px; }
.dodPA {border: 1px solid #fdc422; background: #fff1c9;width: 18px;  }

.strike {text-decoration: line-through}



/* Tooltip container */
.tooltip1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip1 .tooltiptext1 {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext1 {
  visibility: visible;
}

.sms-row-unread {background: #fdd; font-weight: bold }
.sms-row-unread tr:hover, .sms-row-unread tr.hover {background: #faa;}

.sms-row-received {background: #eee;}
.sms-row-sent {background: #cfc; }