table.overview { font-size: 12px; }
table.overview th { font-weight: bold; text-align: center; border-bottom: 1px solid #587872; }
table.overview td { padding: 1px; }
table.overview td.logo img { display: block; cursor: pointer; }
table.overview td.sum { text-align: center; }
table.overview td.euro { text-align: right; }
table.overview tr.sum td { border-top: 1px solid #587872; border-bottom: 3px double #587872; font-weight: bold; color: #587872; font-size: 14px; }

#grid { font-size: 12px; border-collapse: collapse; }
#grid th { font-weight: bold; cursor: pointer; border: 1px solid #597873; padding-right: 20px; padding-left: 3px; }
#grid .asc { background: transparent url(../images/sort-asc.gif) no-repeat right bottom; }
#grid .desc { background: transparent url(../images/sort-desc.gif) no-repeat right bottom; }

div.grid-top { font-size: 12px; clear: both; }
div.grid-top div { padding: 1px 3px; border-right: 1px solid #597873; cursor: pointer; background: transparent url(../images/grid-top.gif) repeat-x left top; height: 18px; float: left; }
div.grid-top div.grid-top-hover { background-image: url(../images/grid-top-hover.gif); }
div.grid-top div span.sort { display: block; width: 11px; height: 11px; float: left; margin: 3px; }
div.grid-top div span.asc { background-image: url(../images/grid-sort-asc.gif); }
div.grid-top div span.desc { background-image: url(../images/grid-sort-desc.gif); }
div.grid-top div span.title { overflow: hidden; display: block; float: left; }

div.grid-col { clear: both; }
div.grid-col-hover { background-color: #FCC247 ! important; cursor: pointer; }
div.grid-cell { overflow: hidden; float: left; }

div#grid-main { clear: both; max-height: 300px; overflow: auto; }
div#grid-content { background-color: #fff; }
div#grid-content div.grid-cell { height: 16px; border-right: 1px solid #597873; overflow: hidden; }
div.grid-cell-pdf { background: transparent url(../images/pdf.png) no-repeat center top; }
div.grid-cell-dpd { background: transparent url(../images/dpd.png) no-repeat center top; }
div.grid-cell-price { text-align: right; }
div.grid-cell-print { text-align: center; }
div.grid-cell-shipping { text-align: center; }
div#colTpl { display: none; }
div#grid-loader { position: absolute; height: 100%; top: 0; left: 0; background-image: url(../images/grid-disable.gif); }
div#grid-loader-ani { height: 100%; background: transparent url(../images/grid-loader.gif) no-repeat center center; }
div.grid-load-ani { height: 16px; width: 16px; background-image: url(../images/grid-loader-smal.gif); }

div.grid-plus { width: 16px; height: 16px; background: transparent url(../images/grid-plus.gif); float: left; cursor: pointer; }
div.grid-minus { background-image: url(../images/grid-minus.gif) ! important; }

div.grid-expand { padding: 2px 5px 2px 16px; background: transparent url(../images/grid-expand.gif) no-repeat left top; }
div.grid-expand-content { border-left: 1px solid #597873; padding: 5px; }


fieldset input { font-size: 11px; width: 120px; }
fieldset select { font-size: 11px; width: 120px; }

.history-content { height: 100px; overflow: auto; border: 1px solid #000; }

#calendar { padding: 11px; width: 149px; height: 123px; background: transparent url(../images/calendar.png) no-repeat left top; position: relative; }
#calendar .head { height: 16px; font-weight: bold; color: #E6E4D8; }
#calendar .head .hover { color: #FCC247; }
#calendar .head .prevMonth { width: 16px; height: 16px; float: left; cursor: pointer; }
#calendar .head .nextMonth { width: 16px; height: 16px; float: right; cursor: pointer; margin-right: 6px; }
#calendar .head .title { text-align: center; }

#calendar .current { position: absolute; width: 20px; height: 18px; background-image: url(../images/cal-current.png); z-index: 98; }

#calendar th { text-decoration: underline; font-size: 12px; font-weight: normal; width: 19px; text-align: center; color: #fff; cursor: default; }
#calendar td { color: #dfd; text-align: center; cursor: pointer; }
#calendar td.oMonth { color: #98A7A0; }

.historyTxt { border: 1px solid #000; background-color: #fff; height: 200px; overflow: auto; }


input.smal, textarea.smal { font-size: 12px; border: 1px solid #777; padding: 1px; background-color: transparent; }
.togglerArea { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.toggler { background: #ddd url(../images/toggler_down.gif) no-repeat right center; padding: 4px; font-weight: bold; cursor: pointer; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.toggler_up { background-image: url(../images/toggler_up.gif); }
.toggler_down { background-image: url(../images/toggler_down.gif); }
.toggler_disable { background-image: none; color: #777; cursor: default; }

#tblWarenkorb tr:hover { background-color: #FCC247 !important; }
.wkRow { cursor: default; }
.wkEdit { padding: 0; width: 7px; height: 15px; overflow: hidden; }
  .wkEdit img { display: block; cursor: pointer; }
  .wkEdit img:first-child { border-bottom: 1px solid #ccc; }
.wkNum { padding: 0; width: 25px; text-align: center; padding: 0 2px; }
.wkNo { padding: 0; width: 90px; text-align: right; padding: 0 2px; }
.wkName { padding: 0; width: 282px; padding: 0 2px; }
.wkName div { height: 15px; overflow: hidden; }
.wkPrice, .wkSum { padding: 0; width: 70px; text-align: right; padding: 0 2px; }
.changePrice { font-size: 11px; text-align: right; margin:0; width: 70px; display: block; }


.tabs { height: 15px; padding: 4px 3px 0; border-bottom: 1px solid #777; }
.tab { width: 25px; height: 14px; text-align: center; cursor: pointer; padding: 1px; margin-left: 2px; border: 1px solid #777777; border-bottom: 0; background-color: #fff; float: left; }
.atab { margin-top: -2px; height: 16px; border-color: #FCC247; }
.htab { margin-top: -2px; height: 16px; }


/* stats */
div.sBtn { display: block; padding: 3px; float: left; margin: 2px; border: 2px outset #597873; cursor: pointer; }
div.sBtnA { display: block; padding: 3px; float: left; margin: 2px; border: 2px inset #597873; cursor: pointer; }

#statsTbl, #statsTbl td { font-size: 14px; }
#statsTbl th { text-align: center; border-bottom: 1px solid #597873; }
#statsTbl .bottom { border-top: 1px solid #597873; font-weight: bold; text-align: right; }
#statsSum { border-top: 1px solid #597873; border-bottom: 3px double #597873; font-weight: bold; text-align: right; }