/** AIDA applications style-sheet definitions
 ** AIP Solutions'2011
 **/

/** Formatting reset based on http://meyerweb.com/eric/tools/css/reset/ **/
* 	{/* Do NOT define anything. */}
html, body	{margin:0;padding:0;background-color:transparent;}
a, p, img, div, span,
b, strong, em, i,
h1, h2, h3, h4, h5, h6,
ol, ul, li, dl, dt, dd,
blockquote, q,
fieldset, legend, form, label, input, output, select, textarea, button,
table, th, td, caption,
address, code, del, dfn	{margin:0;padding:0;border:none;border-width:0;vertical-align:baseline;outline:none;/*!!!: font-weight:inherit;font-style:inherit;*/font-size:100%;font-family:inherit;background-color:transparent;}

/*HTML5 display-role reset for older browsers*/
article, aside, details,
figcaption, figure, footer,
header, hgroup, menu, nav, section	{display:block;margin:0;padding:0;border:none;border-width:0;vertical-align:baseline;outline:none;/*!!!: font-weight:inherit;font-style:inherit;*/font-size:100%;font-family:inherit;background-color:transparent;}

table	{border-collapse:collapse;border-spacing:0;}
caption, th, td	{text-align:left;font-weight:normal;}
table, td, th 	{vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after	{content:"";}
blockquote::before, blockquote::after, q::before, q::after	{content:"";}
blockquote, q	{quotes:"" "";}
/** Typography - TODO: test all elements here: **/
/* @import url('/dom/font.ptsans.css'); */
/* @import url('/dom/font.ptserif.css'); */
body	{line-height:1;font-size:12px;font-family:Arial,Tahoma,Helvetica,Verdana,Georgia,Times,sans-serif;color:#515151;}
/* body	{font-family:'PT Sans',Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:normal;}*/
/* headings */
h1,h2,h3,h4,h5,h6	{}
h1	{line-height:1;margin-bottom:6px;font-size:18px;}
h2	{margin-bottom:9px;font-size:16px;}
h3	{line-height:1;margin-bottom:12px;font-size:14px;}
h4	{line-height:1.25;margin-bottom:15px;font-size:14px;}
h5	{margin-bottom:18px;font-size:12px;font-weight:bold;}
h6	{font-size:12px;font-weight:bold;}
/* lists */
ul, ol	{margin:0 18px 18px 18px;/*IE7:*margin-left:1.9em;*/}
ul	{list-style-type:none;}
ol	{list-style-type:decimal;}
li ul, li ol	{margin:0 18px;}
dl	{margin:0 0 18px 0;}
dl dt	{font-weight:bold;color:#333333;}
dl dt[onclick]	{cursor:pointer;}
dd	{margin-left:18px;}
/* tables */
table	{width:100%;margin-bottom:9px;}
th,td,caption	{padding:4px 10px 4px 5px;}
caption     	{background:#ddd;}
th	{}
/* graphics */
hr	{clear:both;float:none;width:100%;height:1px;margin:0 0 16px;border:none;background:#515151;color:#515151;}
img.left	{float:left;margin:11px 11px 11px 0;}
img.right	{float:right;margin:11px 0 11px 11px;}
/* text */
p	{margin:0 0 11px;}
a	{color:#0000FF;text-decoration:underline;}
a:hover	{text-decoration:none;}
blockquote	{margin:18px;color:#515151;font-style:italic;}
b,strong,dfn	{font-weight:bold;}
i,em,dfn	{font-style:italic;}
sup, sub	{line-height:0;}
abbr,
acronym	{border-bottom:dotted 1px #515151;}
address	{margin:0 0 18px;font-style:italic;}
del	{color:#515151;}
pre	{margin:18px 0;/*white-space:pre;*/white-space: pre-wrap;}
pre,code,tt	{font:12px monospace, 'andale mono', 'lucida console';background:white;padding:5px;}
/* fields - Based on http://www.blueprintcss.org */
.hidden {display:none;}
form	{/*  */}
label	{/*  */}
fieldset	{padding:16px;margin: 0 0 18px 0;border:solid 1px #ccc;}
legend	{font-weight:bold;font-size:14px;}

label,strong,em,input,select,textarea,button,fieldset/*app.gomba!: test it!*/	{width:198px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
fieldset	{width:auto;}
input, select, textarea, button	{margin:0 2px 0 0;border:1px solid #bbb;background:#fff;background-clip:padding-box!important;}
input:focus, select:focus, textarea:focus	{border-color:#515151;outline:0;}

input	{padding:1px 2px;}
select	{padding:1px 0px;}
textarea	{padding:2px;overflow:auto;}

input[type=checkbox], input[type=radio],
input.chk, input.radio	{position:relative;display:inline;float:none;width:14px;/*bcs IE: height:14px;*/margin:0 3px;vertical-align:middle;text-indent:0;border:0;background:none;}

button	{width:auto;overflow:visible;}
button::-moz-focus-inner	{padding:0;border:0;}
.ui-button	{padding:0;border:none;/* removes the extra padding in FF! */}
/* widths - default=x */
.s	{width:8px;}
.i	{width:18px;}
.is	{width:28px;}
.ii	{width:38px;}
.iis	{width:48px;}
.iii	{width:58px;}
.iiis	{width:68px;}
.iv	{width:78px;}
.ivs	{width:88px;}
.v	{width:98px;} label.v{margin-right:-98px!important;}
.vs	{width:108px;}
.vi	{width:118px;}
.vis	{width:128px;}
.vii	{width:138px;}
.viis	{width:148px;}
.viii	{width:158px;}
.viiis	{width:168px;}
.ix	{width:178px;}
.ixs	{width:188px;}
.x	{width:198px;}
.xs	{width:208px;}
h5.x, h6.x	{width:216px;}
.xi	{width:218px;}
.xis	{width:228px;}
.xii	{width:238px;}
.xiis	{width:248px;}
.xiii	{width:258px;}
.xiiis	{width:268px;}
.xiv	{width:278px;}
.xivs	{width:288px;}
.xv	{width:298px;}
.xvs	{width:308px;}
.xvi	{width:318px;}
.xvis	{width:328px;}
.xvii	{width:338px;}
.xviis	{width:348px;}
.xviii	{width:358px;}
.xviiis	{width:368px;}
.xix	{width:378px;}
.xixs	{width:388px;}
.xx		{width:398px;}
.xxs	{width:408px;}
.xxi	{width:418px;}
.xxis	{width:428px;}
.xxii	{width:438px;}
.xxiis	{width:448px;}
.xxiii	{width:458px;}
.xxiiis	{width:468px;}
.xxiv	{width:478px;}
.xxivs	{width:488px;}
.xxv	{width:498px;}
.xxvs	{width:508px;}
.xxvi	{width:518px;}
.xxvis	{width:528px;}
.xxvii	{width:538px;}
.xxviis	{width:548px;}
.xxviii	{width:558px;}
.xxviiis	{width:568px;}
.xxix	{width:578px;}
.xxixs	{width:588px;}
.xxx	{width:598px;}
.xxxs	{width:608px;}
.xxxi	{width:618px;}
.xxxis	{width:628px;}
.xxxii	{width:638px;}
.xxxiis	{width:648px;}
.xxxiii	{width:658px;}
.xxxiiis	{width:668px;}
.xxxiv	{width:678px;}
.xxxivs	{width:688px;}
.xxxv	{width:698px;}
.xxxvs	{width:708px;}
.xxxvi	{width:718px;}
.xxxvis	{width:728px;}
.xxxvii	{width:738px;}
.xxxviis	{width:748px;}
.xxxviii	{width:758px;}
.xxxviiis	{width:768px;}
.xxxix	{width:778px;}
.xxxixs	{width:788px;}
.xl		{width:798px;}
.xliii	{width:858px;}
.xlv	{width:898px;}
.xlvi	{width:918px;}
.xlvis	{width:928px;}
.xlvii	{width:938px;}
.xlviii	{width:958px;}
.xlix	{width:978px;}
.l	{width:998px;}
.lv	{width:1098px;}
.lvi	{width:1118px;}
.lx	{width:1198px;}

/* heights */
.x1, .x1 textarea	{height:45px;}
.x2, .x2 textarea	{height:90px;}
.x3, .x3 textarea	{height:135px;}
.x4, .x4 textarea	{height:180px;}
.x5, .x5 textarea,.x5 table	{height:225px;}
.x6, .x6 textarea	{height:270px;}
.x8, .x8 textarea	{height:360px;}
.x10, .x10 textarea	{height:450px;}
.x15, .x15 textarea	{height:675px;}

/** Page layout: define MAIN ELEMENTS width, static height, min-height, margin, padding. **/
html	{display:table;position:relative;min-height:100%;height:100%;width:100%;}
body	{display:table-cell;position:relative;min-height:100%;min-width:980px;/*bcs nav format width: min-width:1000px;*//*bcs of .grid: min-width:1150px;*/margin:0 auto;padding:0;}
body>header	{position:relative;height:auto;min-height:148px;padding:0 9px 0 0/*bcs nav format width: 242px*/;text-align:right;}
body>form	{clear:both;display:table;/*gomba ie7 test+menu position!!!: position:relative;*/width:100%;padding:0;}
body>footer	{z-index:90;display:block;position:fixed;bottom:0;width:100%;height:17px;padding:16px 0 0 0;text-indent:5px;/**/text-align:left;}

form>menu	{z-index:97;display:block;/*!!!: position:fixed;*/position:absolute;top:44px;left:242px;padding:0 8px 0 1px;/* top navigation - buttons */}
form>section,form>aside	{display:table-cell;position:relative;padding:0 0 48px;vertical-align:top;}
form>aside	{min-width:180px;width:180px;/*min-width:228px;width:228px;*/padding-left:8px;padding-right:6px;/* left filter - fields */}
/*body:before	{left:180px;width:270px;/* left filter background * /display:block;position:absolute;top:0;height:100%;background:#dedede url('../img/aside.gif') right top repeat-y;content:"";}*/
form>section	{min-height:40px;padding:0 9px 40px 20px;}
form>section.main	{width:460px;}
/** Colors - see app.css: define ALL specific colors */

/** Font - see app.css: define ALL specific font-family, specific font-size. */

/** Custom classes **/
/* header & footer */
/*!: header>h1	{position:relative;float:left;width:235px;margin:5px 0 0;padding:0 0 0 8px;text-align:left;/* App title * /}*/
header>h1	{display:block;position:absolute;left:0;top:0;float:none;width:100%;height:44px;line-height:0px;margin:0;padding:0;text-align:left;/* App title */}
header>h1 a	{display:inline-block;width:180px;height:100%;line-height:44px;margin:0;padding:0;/*see background: margin:5px 0 0 18px;*/text-decoration:none;text-indent:18px;font-weight:bold;/* client's logo */}

header>img 	{/*not used: display:none;position:absolute;left:0;top:0;width:100px;height:40px;padding:0 20px 0 0; client's logo */}
header>b	{z-index:0;position:absolute;right:60px;/*bcs of nav format width: position:relative;*/display:inline-block;margin:14px 0 0;/* welcome */}
header>a	{z-index:0;position:absolute;right:20px;/*bcs of nav format width: position:relative;*/display:inline-block;margin:14px 0 0 6px;text-decoration:none;/* logout */}

header>a	{}
header>b	{}

header>nav ul	{margin:0;padding:0;list-style-type:none;}
header>nav ul li	{min-width:6px;min-height:38px;margin:0;padding:0;display:block;float:left;margin:0;/*2018-01-31mss fix oskar: padding:0 0 7px;*/padding:0;}
header>nav a	{position:relative;display:block;height:29px;line-height:29px;margin:0;padding:0 16px;text-decoration:none;font-weight:bold;}
header>nav b	{padding:0 0 0 6px;}

header>nav .active	{}
header>nav .active a	{height:37px;}
header>nav a:first-child	{}
header>nav a:last-child	{}

header>div	{float:right;position:relative;right:7px;width:275px;height:55px;padding:5px;text-align:left;overflow:hidden;color:#f1f1f1;background:rgba(0,0,0,0.1);}
header>div div	{position:relative;height:43px;overflow:hidden;font-weight:bold;}
header>div p	{position:relative;margin-top:4px;font-size:10px;}
header>div a	{color:white;}

header>div .bottom{position:absolute;bottom:0;color:white;font-size:12px;width:275px;}

body>footer	{/* See the Page layout! */}
body>footer a	{position:absolute;right:9px;}
body>footer div	{text-align:right;}
body>footer *	{text-indent:0;}

form>footer	{z-index:99;position:fixed;left:200px;bottom:2px;width:500px;height:23px;/* buttons container */}
aside>footer,section>footer	{height:30px;clear:both;margin:0 0 22px;text-align:right;/* buttons container */}

/* menu */
form>menu	{/* See the grid! */}
/*before absolute menu:
form>menu a	{display:block;position:relative;padding:11px 18px 11px 0px;text-decoration:none;text-shadow:1px 0px 1px #8AA6E0;text-align:right;border-top:solid 0px transparent;border-bottom:solid 1px #6d8fd8;}
form>menu a.active	{text-shadow:1px 0px 1px #A4A4A4;background:#E8E8E8 url('../img/menu/active.gif') right center repeat-y;}
form>menu a.active:after	{position:absolute;right:0px;top:50%;margin:-9px 0 0;content:url('../img/menu/activeArrow.gif');}
form>menu a:hover b	{padding:0 0 0 14px;background:transparent url('../img/menu/hoverArrow.png') left center no-repeat;}
form>menu a.active:hover b	{background:none;}
*/
form>menu a	{display:inline-block;position:relative;margin:5px 0 7px 7px;padding:5px 8px 5px;text-decoration:none;text-align:center;}
form>menu a:hover,
form>menu a.active	{}

/* sidebar */
form>aside	{/* See the grid! */}
form>aside.note	{width:180px;min-height:400px;}
/* filter */
.filter	{position:relative;height:auto;margin:0 0 5px 0;padding:2px 3px;}
.filter button	{padding:3px;min-width:70px;}
.filter input	{margin:0 4px 0 0;padding:1px;}

aside>.filter	{margin:-8px -16px 5px -15px;}
/* page content */
form>section	{/* See the grid! */}
/* titles & heads */
h2	{position:relative;clear:both;top:0;height:38px;margin:-38px 0 16px 1px;/*safari!: margin-top:-38px!important;*/padding:0 18px 0 20px;line-height:38px;}
menu>h2	{display:none;position:relative;margin:0;padding-right:18px;text-align:right;}
menu>h2:before	{display:none;position:absolute;left:8px;top:-6px;width:37px;height:37px;}
/*
menu>h2.delivery:before	{content:url('../img/icons/headDelivery.png');}
menu>h2.order:before	{content:url('../img/icons/headOrder.png');}
menu>h2.report:before	{content:url('../img/icons/headReport.png');}
menu>h2.schedule:before	{content:url('../img/icons/headSchedule.png');}
menu>h2.setup:before	{content:url('../img/icons/headSetup.png');}
menu>h2.warehouse:before	{content:url('../img/icons/headWarehouse.png');}
*/

aside>h2	{top:-38px;margin-left:-9px;/*h2: -8px;*/margin-right:-6px;margin-top:0px!important;margin-bottom:-30px!important;}
section>h2,caption>h2	{margin-left:-20px;margin-right:-9px;}
/*aside+section caption > h2	{margin-right:-13px;margin-top:-42px;margin-left:-33px;/* IF Buggy - check the `app.oskar/mod.data/typeDeal.php` - (panel)+(table in plot) * /}*/

h3	{margin:0 0 4px;padding:0;}

/* buttons */
span.button	{position:absolute;left:20px;top:0px;padding:0;text-align:right;/*small buttons container in h2 - use it in combination with width-class*/}
td.button,th.button	{width:auto;white-space:nowrap;/*small buttons container in table*/}

.btn	{display:inline-block;/*bcs of .ddt: width:22px;*/min-width:22px;height:22px;line-height:20px;margin:0;padding:0;vertical-align:middle;text-decoration:none;}
/*!:
.btn:hover	{outline-width:2px;outline-color:#FEE287;outline-style:solid;-moz-outline-radius:5px;outline-radius:5px;-webkit-outline-radius:5px;}
.btn:before	{display:inline-block;width:15px;margin:0 6px 0 0;text-align:center;}
.btn:after	{display:inline-block;width:15px;margin:0 0 0 6px;text-align:center;}
*/
.btn.search	{}
.btn.print	{}
.btn.close	{}
h2 .btn.close	{/*see popup.css: position:relative;top:6px;right:-14px;*/}
.btn.xls	{}
.btn.txt	{}
.btn.text	{/*bcs of  : margin-top:-2px;*/padding:0px 4px;text-align:center;}
.btn.gView	{}
.btn.lView	{}
/*from mod.delivery/deliveryDetail.php: .btn.ddt	{width:38px;vertical-align:middle;margin-top:-2px;font-size:12px;text-align:center;color:white;}*/

.link	{position:relative;display:inline-block;height:11px;margin:0 0 0 17px;}
.link:hover	{}
.link:before	{position:absolute;left:-18px;top:-2px;}
.link.back	{position:relative;float:left;margin:5px 5px 5px 30px;padding:2px 2px 5px 2px;font-weight:bold;}
.link.back:before	{position:absolute;left:-15px;top:3px;}
.link.remove,.link.edit,.link.fix,.link.view,.link.print	{width:4px;}
.link.remove:before	{}
.link.edit:before	{}
.link.fix:before	{}
.link.view:before	{}
.link.print:before	{}

a.help	{position:relative;float:right;padding:0 0 0 20px;text-decoration:none;}

.more	{}
.more a	{}
h2 .more	{font-weight:normal;/*see the font-sizes!*/}
h2 .more a	{/*see the colors!*/}

button	{position:relative;min-width:70px;width:auto;height:24px;/**/padding:2px 0 2px;text-transform:capitalize;font-weight:normal;cursor:pointer;}
button.green	{}
button.blue	{}
button.red	{}
button.close	{float:right;width:22px;min-width:22px;height:22px;margin-right:3px;}
button.print	{float:right;width:22px;min-width:22px;height:22px;margin-right:3px;}

button.list:after	{position:absolute;right:-6px;top:-3px;line-height:25px;margin:-4px 0 0 0;/*Chrome: */padding:0;}
button.list.green:after	{}
button.list.blue:after	{}
button.list.red:after	{}

/* elements */
div.txt	{position:relative;width:650px;min-height:800px;margin:auto;}

/* messages */
h4, h5, h6	{margin:0;padding:20px 0;margin-bottom:20px;font-weight:bold;text-align:center;/* message holder - format all, Info message */}
h4	{font-weight:normal;/*see the colors!*/}
h5	{/*see the colors!*/}
h6	{/*see the colors!*/}
ins	{display:block;position:relative;left:0px;top:0px;width:100%;height:0px;padding:0;text-decoration:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*
	*/
	}
section ins	{left:-20px;}
ins h4,ins h5,ins h6	{z-index:98;position:absolute;left:0;top:0;width:100%;min-height:50px;line-height:34px;padding:30px 12px;margin:0;font-weight:bold;cursor:pointer;}
caption ins h4,caption ins h5,caption ins h6	{}
body.wide ins h4,body.wide ins h5,body.wide ins h6	{padding:30px 8px;}
/*TODO: fix hor scroller using next code (if need you can move <ins> right after <section>):
.list section>ins	{height:50px;
	box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
	}
.list section>ins>h5	{color:red;}
*/
ins h4	{display:none;}
ins h5	{}
ins h6	{}
ins h4:after,ins h5:after,ins h6:after	{position:absolute;top:-6px;right:7px;text-decoration:underline;font-weight:normal;}
/* paging */
div.paging	{position:relative;float:right;width:auto;}
.paging ul	{position:relative;display:inline-block;margin:0 0 0 9px;padding:0;list-style-type:none;}
.paging ul li	{display:inline-block;height:20px;min-width:5px;line-height:20px;padding:0 8px;cursor:pointer;font-weight:bold;}
.paging ul li:first-child	{}
.paging ul li:last-child	{margin-left:-3px;}
.paging ul li:hover	{/*see the colors!*/}

/*extended paging*/
menu>.paging	{margin-bottom:4px;}
menu>.paging ul li	{height:11px;line-height:11px;}

/** Item **/
dl	{position:relative;margin:0 0 18px;padding:0 0 0 10px;
	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
	}
dl[onclick]:hover	{}
dt	{min-height:14px;margin:0;}
dd	{margin:6px 0 0;}
dd>a	{display:inline-block;margin:0 9px 5px 0;}

/* item extended */
dl.blank	{padding-left:0;}
/** Item - Article **/
form article	{margin:0 0 22px;line-height:1.2;}
form article header	{padding:5px 0;border-bottom:1px solid #ebebeb;}
form article header a	{position:relative;float:right;right:0px;top:0px;margin:0px;color:#4194d9;text-decoration:underline;}
form article header b	{position:relative;float:none;right:0px;margin:0 11px 0 0;padding:0;color:inherit;font-size:14px;}

form article time	{padding:0 9px 0 0;font-weight:normal;font-size:13px;}
form article pre	{clear:both;}
form article h3	{/*display:inline-block;margin:2px 4px;*/}
form article p	{height:auto;line-height:1.2!important;margin:0 0 9px!important;padding:0;}
form article .btn.text	{background-color:#727272;}
form article .btn.text:hover	{background-color:transparent;}


/** Fields **/
form	{/* form */}
form p	{clear:both;position:relative;/*top:19px;*/height:auto;min-height:25px;line-height:1;margin:0;padding:0 0 22px;/*padding:0 0 19px;*//* fields container */}
form p::after 	{content:'';clear:both;display:block;width:100%;}
form h2+p,form div+p,form h4+p,form h5+p,form h6+p	{padding-top:14px;}
form h2+p label:empty	{/*float:none;display:block;width:0;height:0;margin:0 0 -40px;border:solid 1px red;*/}


label,strong,em	{}
input,select,textarea	{}
input[type="file"]	{}

form em,
form label,
form strong,
form input,
form output,
form select,
form textarea	{position:relative;display:block;float:left;margin:0 2px 0 0;padding:3px 2px;overflow:hidden;/* fields with basis width */}


section > p > input	{padding:0 2px 3px 2px \9;}
section select	{padding:5px 2px 3px 2px \9;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome, section > p > input{
      padding:0 2px 3px 2px;
    } 
}

form input:focus,
form select:focus,
form textarea:focus	{}
form input[readonly]:focus,
form input[readonly=""]:focus,
form input[readonly="readonly"]:focus	{}

form em	{line-height:20px;padding-right:4px;/*text-align:right;*/font-style:normal;}
form strong	{line-height:20px;padding-right:4px;text-align:right;}

form label	{top:-14px;height:14px;margin:0px -198px 0 0;padding:0;}

form input	{/* - re-format */}
form select	{z-index:1;padding-left:0px;}
form option	{}
form textarea {height:auto;/*!: display:inline-block;float:none;margin-right:-1px;*/overflow:auto;}
form button	{/* - re-format */}

form label.cont 			{/*float:none;display:inline-block;*/top:0;height:auto;margin:0 !important;padding-right:2px;vertical-align:middle;cursor:pointer;}
form label.cont input 		{float:none;width:auto;max-width:100%;}

.chk input, .radio input	{/* checkbox/radio field - width:14px; */}
.chk label, .radio label	{/* checkbox/radio label */}

.fields i	{/* required field sign (red star)*/}
.fields .num	{/* numeric field - aligned right, small width */}

.inactive, .readonly	{/*??? not editable field - e.g. 'disabled' or 'readonly' */}
form :valid	{/*??? background-color:transparent;*/}
form :invalid	{}
form :required	{}
form :optional	{}
form :in-range	{}
form :out-of-range	{}
form :read-only	{}
form :read-write	{}

/* fields extended */
form aside strong, form aside em	{text-align:left; }
nav em	{width:98px;}
section em	{width:138px;}

form td input:focus,
form td select:focus,
form td textarea:focus	{}


/* forms */
form.dl.frm	{/* re-format form */}
/** Table **/
table	{}
caption, section > h3	{position:relative;height:auto;min-height:32px;line-height:32px;margin:0;padding:3px 3px 3px 12px;font-weight:bold;}
caption div	{float:left;width:auto;margin:2px 0;padding:1px 6px;line-height:25px;vertical-align:middle;text-align:left;}
caption b	{margin:0 0 0 4px;padding:0 2px 0 9px;}
caption b:first-child,caption h2+b	{margin-left:0px;padding-left:0;}
caption b:after	{}
caption b.empty:after	{}
@media only screen and (max-width: 1100px) {caption b	{display:none;}}
@media only screen and (max-width: 1150px) {
caption > button , caption > button:hover { /*2025-06-14mss: breaks search btn in productAdd.php! background: url("../img/icons/view.gif") no-repeat scroll 8px center #F2F2F2; font-size: 0; line-height: 25px !important;vertical-align:3px; min-width: 35px; width: 35px !important; */}
body.bpopUp caption > button	{border-width:0px;color:#fff;
	background-color:#c2c2c2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#c2c2c2');
	background-image:-ms-linear-gradient(top,#c2c2c2,#c2c2c2);
	background-image:-moz-linear-gradient(top,#c2c2c2,#c2c2c2);
	background-image:-o-linear-gradient(top,#c2c2c2,#c2c2c2);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2c2c2), to(#c2c2c2));
	background-image:-webkit-linear-gradient(#c2c2c2,#c2c2c2);
    box-shadow: 0 3px #9c9b9b;
    min-width:75px;
    font-size: 14px;
    line-height: 10px!important;
	}
body.bpopUp caption > button:hover	{border-width:0px;color:#fff;
	background-color:#b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#b3b3b3');
	background-image:-ms-linear-gradient(top,#b3b3b3,#b3b3b3);
	background-image:-moz-linear-gradient(top,#b3b3b3,#b3b3b3);
	background-image:-o-linear-gradient(top,#b3b3b3,#b3b3b3);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3b3b3), to(#b3b3b3));
	background-image:-webkit-linear-gradient(#b3b3b3,#b3b3b3);
    min-width:75px;
    font-size: 14px;
	line-height: 10px!important;
    }
}
@media only screen and (max-width: 1150px) {caption > button.greenView.green , caption > button.greenView.green:hover { background: url("../img/icons/view.gif") no-repeat scroll 8px center #79A33F; box-shadow: 0 3px #89B34F;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {caption input { margin-bottom: -8px; }}
caption button {line-height:10px!important;}
/*see .filter!:section caption:first-of-type b:after	{ content:":";}*/
caption select,caption input	{display:inline-block;float:none;line-height:12px;/**/}
caption label	{display:block;top:7px;height:auto;margin:0;}
caption label.inline	{display:inline-block;float: none;top: 0;width: auto;height:auto;line-height: 1px;vertical-align: middle;margin:0 4px 0 0;}
caption span	{font-weight:normal;}
caption.noFilter	{height:0!important;min-height:0!important;padding:0 0 0 20px!important;}

tr	{}
tbody tr:hover, tbody tr:hover td *	{}
tfoot tr, tfoot	{}
tfoot br	{line-height:18px;}

tr[onclik],tr[onclik] th,tr[onclik] td,th[onclick],td[onclick]	{cursor:pointer;}
th	{padding:6px 6px;vertical-align:top;}
td	{padding:5px 6px;vertical-align:top;}
thead td	{text-align:center;}
thead th	{vertical-align:bottom;}
/*
.asc		{background:#f8f8f8 url('../img/icons/asc.png') no-repeat scroll right center;cursor:pointer}
.desc		{background:#f8f8f8 url('../img/icons/desc.png') no-repeat scroll right center;cursor:pointer}
*/
tfoot td	{padding:6px 6px;text-align:left;}
tfoot th	{padding:6px 6px;}

/* add control */
tr.add input[type='image']	{width:26px;height:auto;}

/** Lists **/
/* unordered and ordered list */
aside dl	{}
aside>dl a 	{display:block;position:relative;margin: 0 0 7px;padding:6px;text-decoration:none;}
aside>dl a.active	{/*width:224px;*/margin-right:-20px;}

aside>ol, aside>ul	{clear:both;margin:0;padding-top:0px;list-style-position:inside;}
aside>ol li, aside>ul li	{margin:0 -14px 4px 0;padding:6px 8px;padding-right:14px;}
aside>ol b, aside>ul b	{}
aside>ol span, aside>ul span	{display:block;margin:3px 0 0 20px;}
aside>ol li:hover, aside>ul li:hover, aside>ol li.active, aside>ul li.active, aside>dl a:hover, aside>dl a.active	{/*see colors!*/}
aside>ol li:hover b, aside>ul li:hover b,aside>ol li.active b, aside>ul li.active b	{}
/** List view **/
body.list, body.main, body.alert, body.wide	{}

.wide section,.list section	{padding-left:0;padding-right:0;}
.wide section h2,.list section h2	{margin:0 0 0 1px;margin-top:-39px!important;/*margin-top:-38px!important;*/}
/*???see the next row: .wide section>table>caption,.list section>table>caption	{padding:0 0 3px 20px;}*/
.wide caption,.list caption	{padding:0 0 3px 20px;}
.wide caption h2,.list caption h2,.enlarge caption h2	{margin:0px 0px 2px -21px/*-20px-19px*/;margin-top:-39px!important;/*???bcs delivery.php message: margin:-3px -2px 2px -11px;*/}
/** Grid view **/
.grid	{}
.grid dl	{float:left;width:45%;max-width:45%;margin-right:5%;}


/** Alert view **/
body.alert	{display:table-cell;min-width:550px;/*min-height:450px;*/padding:0;vertical-align:middle;}

.alert header	{position:fixed;top:0;left:0;width:100%;height:44px;min-height:44px;}
.alert header h1	{}
.alert header h1 a	{font-weight:bold;}
.alert form	{position:relative;float:none;top:-30px;width:490px;min-height:250px;margin:44px auto;text-align:center;}
.alert form section	{display:block;width:297px;padding:0;margin:40px auto 60px auto;}
.alert h2	{display:none;}
.alert form p	{padding-bottom:0;}
.alert form footer	{width:100%;margin-top:20px;}
.alert form em,
.alert form p input	{float:none;width:100%;overflow:hidden;}
.alert form em	{margin-top:3px;text-align:left;font-weight:bold;}
.alert form footer button	{width:100px;margin-left:6px;padding:0;}
.alert form footer input	{margin:0 1px;}
.alert form footer a	{margin:6px 0 0;}

.alert>footer	{height:44px;line-height:44px;padding:0;}
.alert #debug	{bottom:15px;}


/** Misc: used everywhere; should not be changed! **/
.left	{clear:none;position:relative;float:left;}
.right	{clear:none;position:relative;float:right; right:4px;}
.full	{width:100%;}
.half	{width:49%;}
.tl	{position:absolute;top:0;left:0;}
.tr	{position:absolute;top:0;right:0;}
.bl	{position:absolute;bottom:0;left:0;}
.br	{position:absolute;bottom:0;right:0;}
.last	{margin-right:0!important;}
*[onclick]	{cursor:pointer;}
h2[onclick] 	{text-decoration:underline;}
.center,.cen,.mid	{text-align:center;}
.num,.num *	{text-align:right;white-space:nowrap;}
thead th.num, thead th.num *	{text-align:center;}
tbody td.void	{/*???http://ware.aip/app.oskar/mod.accounting/document.php: border:none;background:#fff;*//*New formatting!*/}
.black	{color:black!important;}
.redColor	{color:#c00000!important;}
.visible, .disp	{display:none;}
.clr,br.clr	{position:relative;display:inline-block;clear:both;float:none;width:100%;height:0;margin:0;padding:0;}
/** JS formatting **/
div.fader	{z-index:98;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.69;filter:alpha(opacity=70)}
iframe		{z-index:99;position:absolute;left:50%;top:30px;width:800px;height:300px;margin:0;overflow:auto;}
.enlarge	{z-index:99;display:none;position:absolute;left:50%;top:100px;width:620px;margin:0 0 0 -310px;text-align:center;overflow:hidden;}
.enlarge h2	{top:0!important;margin-bottom:0;}
.enlarge h2 a	{display:block;position:absolute;top:2px;right:2px;width:16px;height:16px;line-height:13px;text-decoration:none;}
.enlarge h2 a:hover	{}
.enlarge table	{margin:0;}
.enlarge tbody	{overflow-x:hidden;overflow-y:scroll;}
.enlarge tbody td:last-child	{padding:0 20px 0 0;}

/* iframe popups */

/*see print.css htmlW: iframe.deliveryPrint,*/
/*see deliveryDetail.php: iframe.labelPrint,*/
/*see print.css htmlW: iframe.shippmentPrint,*/
/*see print.css htmlW: iframe.orderPrint,*/
/*see print.css htmlW: iframe.palletPrint,*/
/*see print.css htmlW: iframe.ddtPrint,*/
iframe.palletsAssigned	{width:700px;height:267mm/*297mm*//*842px*/;}
iframe.palletEdit	{height:auto;min-height:300px;top:200px;width:650px;overflow:hidden;}
/*???: iframe.emailDetail	{height:auto;min-height:520px;top:100px;width:638px;overflow:hidden;}*/
/*see print.css htmlW: iframe.deliveryPrint	{width:665px;}*/
/*see deliveryDetail.php: iframe.labelPrint	{width:550px;height:410px;}*/
/*see print.css htmlW: iframe.shippmentPrint	{height:470px;}*/
/*see print.css htmlW: iframe.orderPrint	{width:655px;}*/
/*see print.css htmlW: iframe.palletPrint	{width:655px;/*print-fix: width:665px;* /}*/
iframe.emailDetail	{height:auto;min-height:540px;}
iframe.documentPrint	{width:700px;}
/*no need - see aida.js: iframe.print	{width:650px;overflow:hidden;}*/
/* iframe from oskar */
.popupFiles	  {height:600px;}
.showProduct  {height:600px;}
.offerPopup	{height:300px;width:740px;}
.todoPopup	{height:300px;width:740px;}

/** Monitor **/
table.monitor	{position:fixed;right:4px;bottom:20px;width:400px;min-width:400px;}
table.monitor.short	{width:210px;min-width:210px;}
.monitor-1 *	{color:red;background:#ffeeee;}
.monitor50 *	{color:green;background:#eeffee;}
.monitor55 *	{color:orange;background:#eeeeff;}
.busy *	{text-decoration:none;cursor:default;color:gray;background:#eeeeee;}
/** Debug formatting **/
  #debug	{z-index:99;position:fixed;bottom:2px;right:2px;margin:0;padding:3px 5px 0 5px;border:none;border-width:1px 0 0 1px;cursor:pointer;background:none;}
 b.debug	{font-weight:normal;color:blue;}
em.debug	{font-style:normal;color:red;font-weight:bold;}

/*remove after update*/
/*body > header > dl {position:static;}*/


/*...Patch v11.08.2014...*/
body > h4, body > h5, body > h6 {display:none; padding:14px 0 1px 18px; min-width:900px; min-height:26px; background:#ba0000; color:#fff;}
/*...HEADER RULES...*/
body > header > h1 {position:absolute; width:100%; height:43px; border-bottom:1px solid #e0e0e0; text-align:left; background-position-y:0px; }
header > h1 > a {display:none; width:162px; height:44px; background-position:0px 9px;}
/* main navigation */
header > nav.main {margin-left:194px;background:none;}
header > nav {position:relative; float:left; /*2015-05-28 mss: margin:6px 0 0 4px;*/ width:870px; padding-right:150px;}
header > nav.main ul li {display:inline-block; float:left; margin-right:2px; min-height:38px; background:transparent url('img/nav/nav.png') left -9px repeat-x}
header > nav ul li:last-of-type {margin-right:0;}
header > nav ul li > a  {display:block; border:solid 1px #575757; border-radius:4px; height:29px; padding:0 10px; line-height:29px; font-weight:bold; text-decoration:none; background:#dedede url('/img/nav/link.gif') left top repeat-x; color:#eee;}
header > nav ul li > a:hover {background:none; border:solid 1px #a0a0a0;}
header > nav ul li > a.active {border:solid 1px #e0e0e0; border-bottom:none; border-radius:4px 4px 0px 0px; line-height:34px; height:37px; text-shadow:1px 1px 1px #424242; /*background:#727272;*/}
header > nav ul li > a.active:hover {/**/}
header > nav .home {padding:0px 6px;line-height:32px;}
/* sub navigation */
header li > nav.sub {position:absolute; top:38px; margin:0; border:1px solid #E0E0E0; border-top:none; border-radius:0 0 4px 4px; padding:1px 5px 5px 3px; background:rgba(24, 24, 24, 0.40);}
header li > nav.sub > a {display:inline-block; margin:6px 6px 2px 0;border:1px solid transparent; border-radius:4px; padding:5px 4px; height:auto; line-height:10px; font-weight:bold; color:#fff;}
header li > nav.sub > .active, header li > nav > a:hover, header li > nav > a:hover {border:1px solid white; text-shadow:none; background:#fff; color:#3e3e3e;}
header li > nav.sub > .active {background:#fff; color:#3e3e3e;}
/* options menu */
header > dl {position:absolute; right:4px; top:0px; color:#fff; margin:0px; width:160px; height:40px; overflow:hidden;}
header dt 	{position:relative; padding:14px 40px 8px 0; text-align:right; color:#fff;}
header dd 	{position:absolute; display:block; top:0px; right:0px; text-align:right; outline:none; cursor:pointer;}
header dd::after {content:url('/img/nav/accMenu2.png'); display:block; position:absolute; right:0px; top:0px; border:1px solid transparent; padding:7px 8px 5px 8px; z-index:5;}
header dd:hover::after  {border:solid 1px #a0a0a0; border-radius:4px;/*background-color:#2e2e2e;*/}
header menu {position:relative; display:none; top:29px; border:1px solid #e0e0e0; border-radius:4px 0 4px 4px; padding:0px 4px; background:rgba(24, 24, 24, 0.40); z-index:3;}
header menu > a   {display:block; margin:6px 2px; border-radius:4px; padding:5px 7px; text-decoration:none; text-align:center; font-weight:bold; color:#fff;}
header menu > a:hover, header menu > a.active {background:#fff; color:#3e3e3e;}
header dl.active  {height:100%;}
header dl.active dd:after 	{border-bottom:none; border-color:#e0e0e0; border-radius:4px 4px 0 0;/*background-color:#2e2e2e;*/}
header dl.active menu		{display:block;}
/* response */
@media screen and (min-width:1000px){
	#screenName {display:block !important;}
	header > h1 > a {display:block !important;}
	header > nav.main	{margin-left:194px !important;width:auto;min-width:630px;}
	header > nav ul li {margin-right:3px;}
	header > nav ul li > a  {padding:0 14px;}
	header > nav .home {padding:0px 8px;}
	header li > nav > a {margin:4px 0 0 2px;padding:5px 7px;}
}
@media screen and (min-width:1280px){
	header > h1 > a {display:block;}
	header > nav 	{margin-left:205px;width:auto;}
	header > nav ul li {margin-right:3px;}
	header > nav ul li > a  {padding:0 14px;}
	header > nav .home {padding:0px 8px;}
	header li > nav > a {margin:4px 0 0 2px;padding:5px 7px;}
	header li > nav.sub.r {/*2025-06-12mss: breaks last sub-menu for client's users! right:0!important;*/}

}
@media screen and (min-width:1400px){
	/*header > dl {left:1235px;}*/
}

/*...MAIN RULES...*/
section { padding:0 0 40px 16px; line-height:1; background:#fff;}
section > h2 {position:relative; margin:-36px -9px 16px -20px; padding:0 0 0 20px; height:36px; line-height:35px; font-size:13px; /*background:transparent url('/img/head.png') left top repeat-x; color:#eee;*/}
section > h4 {display:none;}
.middle {position:absolute; left:190px; top:0;z-index:10;}
.middle > a.tab:first-of-type {margin-right:auto;}
footer > pre {position:fixed; bottom:0; right:2px; padding:2px; color:#444;}

/* 2017-07-31mss: */
div.bar 							{z-index:99;position:absolute;top:0;left:0;right:0;max-height:0;padding:0;overflow:hidden;line-height:16px;text-align:center;/*font-style:italic;*/font-size:14px;color:#fff;background:#c9282b;transition:all 0.5s;}
div.bar.active  					{display:none;min-height:66px;max-height:300px;padding:20px 40px;overflow:visible;box-shadow:0 0 20px #000;transition:all 0.5s;}
div.bar button						{/*position:absolute;top:10px;right:10px;padding:0;*/display:block;margin:18px auto 10px;padding-left:20px;padding-right:20px;font-size:13px;color:#fff;background:#222;box-shadow:none;}
div.bar a 							{color:#ccc;cursor:pointer;}
div.bar small						{display:block;margin-top:20px;font-size:0.90em;color:#fff;}
div.bar small::before				{content:'*';}
body.alert div.bar.active  			{min-height:16px;display: none;}
body.alert div.bar .close  			{display:none;}

/* print box */
dl.slide	{position:relative;display:inline-block;margin:0px;padding:0px;}
dl.slide dt	{z-index:11;text-transform:capitalize;cursor:pointer;}
dl.slide dd	{z-index:10;position:absolute;display:none;left:0;top:36px;width:120px;border:1px solid #c9cacb;border-radius:5px;border-top-left-radius:0;padding:10px;text-align:left;line-height:20px;font-size:12px;background:white;box-shadow:2px 2px 3px 1px #ccc;}
dl.slide a	{text-decoration:none;}
dl.slide a:hover	{text-decoration:underline;}
dl.slide:hover  dt	{border-bottom:0px;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;top:5px;padding-bottom:12px;color:black;background:white;}
dl.slide:hover > dd	{display:block;}