/** 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: #f2f2f2 !important;position: relative;}
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, 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:disc;}
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	{}
	/*promo-fader reload */
.promo-fader {position:absolute; left:0; top:0; border-radius:8px; width:100%; height:100%; text-align:center; background:rgba(255,255,255, .8) url('../img/loader.gif')no-repeat center center; background-size:20px; color:#6e6e6e; z-index:99;}
.promo-fader p {position:relative; top:59%;}
/* 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;}
button	{cursor:pointer;}
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;}
sub	{*vertical-align:top;}
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;}
pre,code,tt	{font:12px monospace, 'andale mono', 'lucida console';line-height:1.5;}

/** Forms reset. Based on http://www.blueprintcss.org **/

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, .field	{margin:0 2px 0 0;border:solid 1px #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;  height:29px;}
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:9px;}
.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;}
.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;}
.xli	{width:818px;}
.xlii	{width:838px;}
.xliii	{width:858px;}
.xlv	{width:898px;}
.xlvi	{width:918px;}
.xlvis	{width:928px;}
.xlvii	{width:938px;}
.xlviis	{width:948px;}
.xlviii	{width:958px;}
.xlviiis	{width:968px;}
.xlix	{width:978px;}
.xlixs	{width:988px;}
.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;}
.x7, .x7 textarea	{height:315px;}
.x8, .x8 textarea	{height:360px;}
.x9, .x9 textarea	{height:405px;}
.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%;background:#ffffff;}
body	{display:table-cell;position:relative;min-height:100%;min-width:1120px;/*GK 1024: min-width:1255px;*//*bcs of .grid: min-width:1150px;*/margin:0 auto;padding:0;background:white url('../img/body.gif') -160px center repeat-y;}
body>form	{display:table;/*gomba ie7 test+menu position!!!: position:relative;*/width:100%;padding:0;background:none;}
body>footer	{z-index:90;display:block;position:fixed;bottom:0;width:100%;height:20px;padding:16px 0 0 0;text-indent:5px;/**/text-align:left;background:transparent url('../img/footer.png') left top repeat-x;}
/* grid: define SUB ELEMENTS, related to the Page layout (width, static height, min-height, margin, padding)! */
form>menu	{z-index:97;display:block;/*!!!: position:fixed;*/position:absolute;top:44px;left:242px;padding:0 8px 0 1px;border:solid 1px #769AC7;border-width:0 1px 1px 1px;background:transparent url('../img/opacity/40.png') center center repeat;/* left navigation - buttons */
	border-radius:4px;border-top-right-radius:0;border-top-left-radius:0;
	-moz-border-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-topleft:0;
	-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:0;
	min-width: 160px;
	}
form>section,form>aside	{display:table-cell;position:relative;padding:0 0 48px;vertical-align:top;}
form>aside	{min-width:210px;width:210px;padding-left:16px;padding-right:16px;/* 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 18px;background:white;}
form>section.main	{width:460px;}
/** Colors: define ALL specific colors **/
body	{color:#515151;}
a	{color:#4194D9;}
a.link	{color:#4194D9;}
.link.add	{color:#85ac17;}
body>footer	{color:white;}
form>menu a	{color:#ffffff;}
form>menu a:hover,form>menu a.active	{color:#3e3e3e;}
h2	{color:#eeeeee;}
a.btn	{color:#515151;}
a.btn:hover	{color:#C2762B;}
/*mss 2011-06-23: not used?!
a.add,a.back	{color:#42A744;}
*/
button.red,button.green,button.blue	{color:#ffffff;}
.title	{color:#515151;}
.accent	{color:#FF8A00;}

dl	{}
dt	{color:#FFA740;}
dd	{}
form>aside dd	{color:#aaa;}
form>aside dt	{color:#515151;}
form>aside dl:hover dt,form>aside dl.active dt	{/*color:#537BCC;!: color:#FFA740;*/}
form>aside dt+dd	{color:#454545;}
form>aside ol li[onclick]:hover,form>aside ol li.active	{color:#000;}

.paging ul li:hover	{color:#fff;}

ins h4	{color:#3c6acb;}
ins h5	{color:green;}
ins h6	{color:red;}
.ok	{color:#398c4f;}
.err	{color:#ce0505;}

form input[readonly],
form input[readonly=""],
form input[readonly="readonly"]	{color:#7f7f7f;}

tr:hover	{/*color:#000;*/}
caption b	{color:#515151;/*color:#808080;*/}
thead th,tfoot td	{color:#808080;}
.langs a	{color:#fff;}

/** Font: define ALL specific font-family, specific font-size. **/
h1	{font-size:15px;}
h2	{font-size:15px;}
h3,h5,h6,dt	{font-size:14px;}
h4	{font-size:2px;}
ins h4,ins h5,ins h6	{font-size:14px;}
caption	{font-size:13px;}
.paging	{font-size:12px;}
.paging ul li	{font-size:14px;}

a.btn	{font-size:14px;}
button	{font-size:12px;}
.link	{font-size:12px;}
.langs a	{font-size:11px;}
/** Custom classes **/
/* -header & footer- */


body>footer	{/* See the Page layout! */}
body>footer a	{position:absolute;right:9px;}
body>footer div	{text-align:right;}
body>footer *	{text-indent:0;}
header{margin-bottom: 35px;}
.header-fake-separator{padding-bottom: 35px;}

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

/* -langs- */
.langs	{z-index:98;/*bcs of fader overing: z-index:99;*/position:fixed;top:170px;left:0px;width:27px;/*padding:0 0 2px;overflow:hidden;border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;*/}
.langs a	{display:block;position:relative;height:37px;line-height:30px;margin:0 0 -8px;text-align:center;text-decoration:none;border-top-right-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;border-top:solid 1px #b5b5b5;background:#909090;}
.langs a:last-child	{height:30px;border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;}
.langs a.active,.langs a:hover	{border-color:#7fba00;background:#7fba00;}
/*lang extended*/
.langs.popup	{position:absolute;top:60px;left:-35px;}
.langs.popup a	{border-top-right-radius:0px;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;
	border-top-left-radius:8px;-moz-border-radius-topleftt:8px;-webkit-border-top-left-radius:8px;
	}
.langs.popup a:last-child	{border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;
	border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;
	}

/* -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:4px 8px 6px;text-decoration:none;text-align:center;}
form>menu a:hover,
form>menu a.active	{background:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

/* -sidebar- */
form>aside	{/* See the grid! */}
form>aside.note	{width:180px;min-height:400px;background:white;}
/* -filter- NO NEED! It breaks app.css!
.filter	{position:relative;height:auto;margin:0 0 5px 0;padding:2px 3px;border:1px solid #BBBBBB;background:none repeat scroll 0 0 #EFEFEF;}
.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;line-height:38px;background:transparent url('../img/head.png') left top repeat-x;}
menu>h2	{display:none;position:relative;margin:0;padding-right:18px;text-align:right;background-image:url('../img/headMenu.gif');}
menu>h2:before	{display:none;position:absolute;left:8px;top:-6px;width:37px;height:37px;content:"";}
/*
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:-15px;margin-right:-16px;margin-top:0px!important;margin-bottom:-38px!important;/*background-image:url('../img/headAside.gif');*/}
section>h2,caption>h2	{margin-left:-20px;margin-right:-9px;/*background-image:url('../img/headSection.gif');*/}
h3	{margin:0 0 4px;padding:0;}
/*print.css - h3 is head in print documents!!!
h3	{width:100%;line-height:22px;margin:0 0 0 -30px;padding:2px 36px 2px 22px;border:1px solid #010101;background:#262626 url("../favicon.ico") 2px 5px no-repeat;color:white;}
h3 .close	{margin-right:-34px;}

*/


/* -buttons- */
.btn	{display:inline-block;width:22px;min-width:22px;height:22px;line-height:22px;padding:0;text-decoration:none;border:solid 1px #c9cacb;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	}
/*!:
.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	{background-image:url('../img/icons/search.gif');}
.btn.print	{background-image:url('../img/icons/print.png');}
.btn.close	{background-image:url('../img/icons/exit.png');}
h2 .btn.close	{/*see popup.css: position:relative;top:6px;right:-14px;*/}
.btn.xls	{background-image:url('../img/icons/xls.png');}
.btn.txt	{background-image:url('../img/icons/txt.png');}
.btn.text	{width:auto;vertical-align:middle;margin-top:-2px;padding:0px 4px;font-size:12px;text-align:center;color:white;}
.btn.gView	{}
.btn.lView	{}
.btn.delete	{}
/*mss 2011-06-23: not used?! see next .link.back
.btn.back,.btn.add	{float:right;padding:0 0 1px;font-weight:bold;}
.btn.back:before	{content:url('../img/icons/back.gif');}
.btn.add:after	{content:url('../img/icons/add.gif');}
*/
.link	{}
.link:before	{}
/*not used for now:
.link.back	{position:relative;float:left;margin:5px 5px 5px 22px;padding:2px 2px 5px 2px;font-weight:bold;}
.link.back:before	{position:absolute;left:-15px;top:3px;content:url('../img/icons/back.gif');}
.link.remove,.link.edit,.link.fix,.link.view,.link.print	{position:relative;display:inline-block;height:11px;margin:0 0 0 17px;}
.link.remove:before	{position:absolute;left:-16px;top:-2px;content:url('../img/icons/remove.gif');}
.link.edit:before	{position:absolute;left:-16px;top:-2px;content:url('../img/icons/edit.gif');}
.link.fix:before	{position:absolute;left:-16px;top:-2px;content:url('../img/icons/fix.gif');}
.link.view:before	{position:absolute;left:-16px;top:-2px;content:url('../img/icons/view.gif');}
.link.print:before	{position:absolute;left:-16px;top:-2px;content:url('../img/icons/print.png');}
*/
a.help	{position:relative;float:right;padding:0 0 0 20px;font-size:12px;color:white;text-decoration:none;}

button	{position:relative;width:auto;height:25px;padding:4px 0px;font-weight:bold;cursor:pointer;
	/*GK asked!: text-shadow:1px 1px 1px #999,-1px 1px 1px #bbb;*/
	border:solid 1px #b2b2b2;border-color:#DCDDDC #b2b2b2 #8C8C8C;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	background:#eaeaea;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFFFE', endColorstr='#bebebe');
	background:-ms-linear-gradient(top,#FDFFFE,#bebebe);
	background:-moz-linear-gradient(top,#FDFFFE,#bebebe);
	background:-o-linear-gradient(top,#FDFFFE,#bebebe);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFFFE), to(#bebebe));
	background:-webkit-linear-gradient(#FDFFFE,#bebebe);
	}
button.green	{/*GK asked!: text-shadow:1px 1px 1px #679E21,-1px 1px 2px #B9D993;*/border-color:#AADA70;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1D63C', endColorstr='#6EBF1C');
	background:-ms-linear-gradient(top,#A1D63C,#6EBF1C);
	background:-moz-linear-gradient(top,#A1D63C,#6EBF1C);
	background:-o-linear-gradient(top,#A1D63C,#6EBF1C);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#A1D63C), to(#6EBF1C));
	/*?: background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D63C), color-stop(1, #6EBF1C));*/
	background:-webkit-linear-gradient(#A1D63C,#6EBF1C);
	}
button.blue	{/*GK asked!: text-shadow:1px 1px 1px #1E4C9B,-1px 1px 2px #5990D9;*/border-color:#7FB4E5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D8AD7', endColorstr='#1E51C2');
	background:-ms-linear-gradient(top,#3D8AD7,#1E51C2);
	background:-moz-linear-gradient(top,#3D8AD7,#1E51C2);
	background:-o-linear-gradient(top,#3D8AD7,#1E51C2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D8AD7), to(#1E51C2));
	background:-webkit-linear-gradient(#3D8AD7,#1E51C2);
	}
button.red	{/*GK asked!: text-shadow:1px 1px 1px #B42E28,-1px 1px 2px #DE8884;*/border-color:#E6847F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7433B', endColorstr='#C3201C');
	background:-ms-linear-gradient(top,#D7433B,#C3201C);
	background:-moz-linear-gradient(top,#D7433B,#C3201C);
	background:-o-linear-gradient(top,#D7433B,#C3201C);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D7433B), to(#C3201C));
	background:-webkit-linear-gradient(#D7433B,#C3201C);
	}
	/*
button	{float:right;width:22px;height:22px;margin-right:3px;border:solid 1px #c9cacb;
 	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
 	}*/
button.close	{float:right;width:22px;min-width:22px;height:22px;margin-right:3px;border:solid 1px #c9cacb;background:transparent url('../img/icons/exit.png') left top no-repeat;}
button.print	{float:right;width:22px;min-width:22px;height:22px;margin-right:3px;border:solid 1px #c9cacb;background:transparent url('../img/icons/print.png') left top no-repeat;}

button.list:after	{position:absolute;right:-6px;top:-3px;line-height:25px;margin:-4px 0 0 0;/*Chrome: */padding:0;border:solid 0px red;content:"";}
button.list.green:after	{/*TODO: content:url('../img/buttons/green.png');*/}
button.list.blue:after	{}
button.list.red:after	{}
/*!!!:
form h2 button	{float:right;top:8px;}
form h2 button:after	{content:"";}
*/
/* -elements- */
div.txt	{position:relative;width:650px;min-height:800px;margin:auto;border:ridge 1px #FFC06F;background:white;
	box-shadow: 0 0 20px #888888;
	-moz-box-shadow: 0 0 20px #888888;
	-webkit-box-shadow: 0 0 20px #888888;
	}


/* -messages- */
h4, h5, h6	{margin:0;padding:20px 0;margin-bottom:20px;font-weight:bold;font-size:16px;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;background:red;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*
	*/
	}
section ins	{left:-19px;}
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;border-bottom-style:groove;border-right-style:groove;border-radius:3px;background:white;opacity:.8;
	/*
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	*/
	}
/*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;border:ridge 2px #3c6acb;background:#f0f0ff url('../img/icons/h4.png') 4px 4px no-repeat;}
ins h5	{border:ridge 2px #398c4f;background:#f3f9f3 url('../img/icons/h5.png') 4px 4px no-repeat;}
ins h6	{border:ridge 2px #eb3c48;background:#fff3f3 url('../img/icons/h6.png') 4px 4px no-repeat;}
ins h4:after,ins h5:after,ins h6:after	{position:absolute;top:-6px;right:7px;text-decoration:underline;font-weight:normal;font-size:11px;color:#333;content:"dismiss [x]";}
caption ins h4,caption ins h5,caption ins h6	{}
/* -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;border:solid 1px #BBBBBB;background:#EEEEEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DADADA');
	background-image:-ms-linear-gradient(center top ,#FAFAFA,#DADADA);
	background-image:-moz-linear-gradient(center top ,#FAFAFA,#DADADA);
	background-image:-o-linear-gradient(center top ,#FAFAFA,#DADADA);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#DADADA));
	background-image:-webkit-linear-gradient(center top ,#FAFAFA,#DADADA);
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	}
.paging ul li	{display:inline-block;height:20px;min-width:5px;line-height:20px;padding:0 8px;cursor:pointer;font-weight:bold;/*GK asked!: text-shadow:0px 1px 1px #8C8C8C;*/border:solid 1px #BBBBBB;border-color:transparent #BBBBBB transparent #FFFFFF;}
.paging ul li:first-child	{border-left:0;}
.paging ul li:last-child	{margin-left:-3px;border-right:0;}
.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 40px;background:transparent url('../img/test_item.gif') left top no-repeat;
	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;}
/*not used ?!?!?!?: comment bcs of http://shop1.aip/cms/faq/index
dd>a	{display:inline-block;margin:0 9px 5px 0;}
*/
/* item extended */
dl.blank	{background:none;padding-left:0;}
/** 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 h2+p,form div+p,form h4+p,form h5+p,form h6+p	{padding-top:14px;}
form div.hint+p	{padding-top:0px;}
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,input:not(type="checkbox"),select,textarea	{border:solid 3px tranparent;border-style:solid!important;border-collapse:separate!important; /*border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;*//*border-color:#777799 white white #777799;*/
	/**/
	border-image:url('../img/fieldBrd.gif') 3 3 stretch;
	-o-border-image:url('../img/fieldBrd.gif') 3 3 stretch;
	-moz-border-image:url('../img/fieldBrd.gif') 3 3 stretch;
	-webkit-border-image:url('../img/fieldBrd.gif') 3 3 stretch;

	background:#FDFFFE;/*gomba safari!: transparent;*//*2011-07-26: background:#eaeaea;*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F4', endColorstr='#FDFFFE');
	background:-ms-linear-gradient(top,#F1F2F4,#FDFFFE);
	background:-moz-linear-gradient(top,#F1F2F4,#FDFFFE);
	background:-o-linear-gradient(top,#F1F2F4,#FDFFFE);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F2F4), to(#FDFFFE));
	background:-webkit-linear-gradient(#F1F2F4,#FDFFFE);
	}
input[type="file"]	{border:solid 1px #d1d1d1;}

form em,
form label,
form strong,
form input,
form select,
form textarea	{position:relative;display:block;float:left;height:auto;margin:0 2px 0 0;padding:2px 0 2px 4px;overflow:hidden;/*??? bcs of a.hint: *//* fields with basis width */}
form input:focus,
form select:focus,
form textarea:focus	{/*?: display:block!important;position:relative!important;*/background-color:#fff !important;/*bcs input in parent with dark background: background:transparent;*/background-clip:padding-box!important;
	/* work:
	border-image:url('../img/fieldBrdHover.gif') 3 3 stretch;
	-o-border-image:url('../img/fieldBrdHover.gif') 3 3 stretch;
	-moz-border-image:url('../img/fieldBrdHover.gif') 3 3 stretch;
	-webkit-border-image:url('../img/fieldBrdHover.gif') 3 3 stretch;
	border-image:url('../img/fieldBrdFocus.gif') 3 3 stretch;
	-moz-border-image:url('../img/fieldBrdFocus.gif') 3 3 stretch;
	-webkit-border-image:url('../img/fieldBrdFocus.gif') 3 3 stretch;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFFFE', endColorstr='#bebebe');
	background:-ms-linear-gradient(top,#FBD678,#FFE48A);
	background:-moz-linear-gradient(top,#FBD678,#FFE48A);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBD678), to(#FFE48A));
	background:-webkit-linear-gradient(#FBD678,#FFE48A);
	*/
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDE48A', endColorstr='#00fde48a');
	background:-ms-linear-gradient(top,#FDE48A,rgba(253,228,138,0));
	background:-moz-linear-gradient(top,#FDE48A,rgba(253,228,138,0));
	background:-o-linear-gradient(top,#FDE48A,rgba(253,228,138,0));
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDE48A), to(rgba(253,228,138,0)));
	background:-webkit-linear-gradient(#FDE48A,rgba(253,228,138,0));
	}
form input[readonly]:focus,
form input[readonly=""]:focus,
form input[readonly="readonly"]:focus	{
	border-image:url('../img/fieldBrd.gif') 3 3 stretch;
	-o-border-image:url('../img/fieldBrd.gif') 3 3 stretch;
	-moz-border-image:url('../img/fieldBrd.gif') 3 3 stretch;
	-webkit-border-image:url('../img/fieldBrd.gif') 3 3 stretch;
	background:#eaeaea;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F4', endColorstr='#FDFFFE');
	background:-ms-linear-gradient(top,#F1F2F4,#FDFFFE);
	background:-moz-linear-gradient(top,#F1F2F4,#FDFFFE);
	background:-o-linear-gradient(top,#F1F2F4,#FDFFFE);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F2F4), to(#FDFFFE));
	background:-webkit-linear-gradient(#F1F2F4,#FDFFFE);
	}

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;left:198px;height:14px;margin:0px 0 0 -198px;padding:0;*/top:-14px;height:14px;margin:0px -198px 0 0;padding:0;}
form input	{/* - re-format */}
form select	{z-index:1;padding:1px 0;
	-webkit-border-horizontal-spacing:-40px;
	-moz-padding-start:0px;-webkit-padding-start:0px;padding-start:0px;
	-moz-padding-end:0px;-webkit-padding-end:0px;padding-end:0px;
	}
form option	{background:white;}
form textarea	{/*!: display:inline-block;float:none;margin-right:-1px;*/overflow:auto;}
form button	{/* - re-format */}

.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 :invalid	{}
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	{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82d6f2', endColorstr='#00ffffff');
	background:-ms-linear-gradient(top,#82d6f2,rgba(255,255,255,0));
	background:-moz-linear-gradient(top,#82d6f2,rgba(255,255,255,0));
	background:-o-linear-gradient(top,#82d6f2,rgba(255,255,255,0));
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82d6f2), to(rgba(255,255,255,0)));
	background:-webkit-linear-gradient(#82d6f2,rgba(255,255,255,0));
	background:white;
	}


/* forms */
form.dl.frm	{/* re-format form */}
/** Table **/
table	{border:solid 1px #DEDEDE;border-width:0 1px;background:#fff;}
caption	{position:relative;height:auto;min-height:32px;line-height:32px;margin:0;padding:3px 3px 3px 12px;font-weight:bold;/*text-align:right;*/border:solid 0px #BBBBBB;background:#DEDEDE;}
caption div	{float:left;width:auto;margin:2px 0;padding:1px 6px;line-height:25px;vertical-align:middle;text-align:left;/*GK asked!: text-shadow:1px 1px 2px #eee;*/border-right:1px solid #BBBBBB;}
caption b	{margin:0 0 0 4px;padding:0 2px 0 9px;border-left:solid 1px #BBBBBB;}
caption b:first-child,caption h2+b	{margin-left:0px;padding-left:0;border:none;}
caption b:after	{content:":";}
caption b.empty:after	{content:"";}
/*see .filter!:section caption:first-of-type b:after	{ content:":";}*/
caption select,caption input	{display:inline-block;float:none;}
caption label	{display:block;top:7px;height:auto;margin:0;}
caption span	{font-weight:normal;}

tr	{background:#fff;}
/*tbody tr:hover, tbody tr:hover td *	{background-color:#f9f9f9;}*/
tfoot tr, tfoot	{background:#DEDEDE;}
tr[onclik],tr[onclik] th,tr[onclik] td,th[onclick],td[onclick]	{cursor:pointer;}
th	{padding:6px 6px;font-weight:bold;background:#f8f8f8;}
td	{padding:5px 6px;vertical-align:top;border:solid 1px #dedede;}
thead td	{text-align:center;}
thead th	{border-width:0;vertical-align:bottom;}
tfoot td	{padding:6px 6px;text-align:left;border-bottom:1px solid #dedede;}
tfoot th	{padding:6px 6px;border-bottom:1px solid #DEDEDE;}
/** Lists **/
/* unordered list */
ul	{}
ul li	{}

/* ordered list */
aside>ol	{clear:both;margin:11px 0 0 0px;list-style-position:inside;}
aside>ol li	{margin:0 0 7px;padding:3px;border:solid 1px transparent;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#ccc;}
aside>ol b	{}
aside>ol span	{display:block;margin:3px 0 0 16px;}
aside>ol li:hover,aside>ol li.active	{/*see colors!*/border:solid 1px white;margin-right:-20px;padding-right:20px;
	background:white;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F4', endColorstr='#ffffff');
	background:-ms-linear-gradient(left center,#F1F2F4,#ffffff);
	background:-moz-linear-gradient(left center,#F1F2F4,#ffffff);
	background:-o-linear-gradient(left center,#F1F2F4,#ffffff);
	background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#F1F2F4), to(#ffffff));
	}
aside>ol li:hover b,aside>ol li.active b	{/*GK asked!: text-shadow:0px 1px 1px #D2DEF7;*/}


/** List view **/
body.list, body.main, body.alert, body.wide	{background:white/* url('../img/menu/menu.gif') -20px center repeat-y*/;}

.wide section,.list section	{padding-left:0;padding-right:0;}
.wide section h2,.list section h2	{margin:0 0 0 1px;margin-top:-38px!important;}
.wide section>table>caption,.list section>table>caption	{padding:0 0 3px 20px;}
.wide caption h2,.enlarge caption h2	{margin:0px 0px 2px -19px;margin-top:-38px!important;/*???bcs delivery.php message: margin:-3px -2px 2px -11px;*/}

.wide table	{min-width:1080px;/*border-collapse:separate;*/border-spacing:1px;}
.wide td	{}

/** Grid view **/
.grid	{}
/*not used ?!?!?!?: comment bcs of http://shop1.aip/cms/content/index
.grid dl	{float:left;width:45%;max-width:45%;margin-right:5%;}
*/


/** Alert view **/
/** Alert view **/

body.alert	{display:table-cell;min-width:550px;/*min-height:450px;*/padding:0;vertical-align:middle;background:transparent url('../img/header.jpg') left top repeat;}

.alert header	{position:fixed;top:0;left:0;width:100%;height:44px;min-height:44px;background:none;}
.alert header h1	{background-image:url('../img/alert/header.png');height: 100%;position: relative;}
.alert header h1 a	{font-weight:bold;font-size: 16px;color: #fff;padding: 14px 20px;display: inline-block;text-decoration: none;}
.alert form	{position:relative;float:none;top:-100px;width:490px;min-height:250px;margin:44px auto;text-align:center;border:solid 10px white;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent url('../img/alert/80.png') center center repeat;}
.alert form section	{display:block;width:297px;padding:0;margin:40px auto 60px auto;background:transparent;}
.alert h2	{display:none;}
.alert form p	{padding-bottom:0;}
.alert form footer	{width:100%;margin-top:20px;}
.alert form em {float:none;width:100%;background-clip:padding-box;overflow:hidden;color: #000;}
.alert form p input	{float:none;width:100%;background-clip:padding-box;overflow:hidden;}
.alert form em	{text-align:left;font-weight:bold;}
.alert form footer button	{margin-left:6px;/*see aida.css/button.new.send: width:74px;padding:0;*/}
.alert form footer input	{margin:0 1px;}
.alert form footer a	{margin:6px 0 0;font-size:11px;color:#000;}

.alert>footer	{height:44px;line-height:44px;padding:0;background-image:url('../img/alert/footer.png');}
.alert #debug	{bottom:15px;}

/** Misc: used everywhere; should not be changed! **/
.left	{clear:none!important;position:relative;float:left;}
.right	{clear:none!important;position:relative;float:right;}
.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;}
.txt	{line-height:12px;}
.center,.cen,.mid	{text-align:center;}
.alR	{text-align:right;}
.num,.num *	{text-align:right; padding-right:3px;}
.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:-10%;top:0px;width:110%;height:100%;background:#555;opacity:0.69;filter:alpha(opacity=70)}
/*??? breacks all iframes: iframe	{z-index:99;position:absolute;left:50%;top:30px;/*?: width:1px;height:1px;* /margin:0 0 0 -400px;border:solid 1px #010101;overflow:auto;background:transparent;}*/
.enlarge	{z-index:99;display:none;position:absolute;left:50%;top:100px;width:620px;margin:0 0 0 -310px;text-align:center;overflow:hidden;border:solid 1px #010101;background:white;}
.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	{background-color:transparent;}
.enlarge table	{margin:0;}
.enlarge tbody	{overflow-x:hidden;overflow-y:scroll;}
.enlarge tbody td:last-child	{padding:0 20px 0 0;}
/*iframe popups*/
iframe.deliveryPrint,
iframe.labelPrint,
iframe.shippmentPrint,
iframe.orderPrint,
iframe.palletPrint,
iframe.ddtPrint,
iframe.palletsAssigned	{width:700px;height:267mm/*297mm*//*842px*/;margin-left:-350px;}
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;}*/
iframe.deliveryPrint	{width:665px;}
iframe.labelPrint	{width:550px;height:410px;}
iframe.shippmentPrint	{height:470px;}
iframe.orderPrint	{width:655px;}
iframe.palletPrint	{width:665px;}
iframe.emailDetail	{height:auto;min-height:540px;}
/** 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;}
/** Print styles **/

@media print {
*	{visibility:hidden;background:#fff;color:#000;}
html	{font-size:12pt;}
body	{min-width:6.25in;}
section *	{visibility:visible;/*width:6.25in;*/color:#000;}
body>form,form>section	{display:block;}
h2,table,thead,caption	{position:relative;page-break-before:avoid;page-break-after:avoid;}

section>h2,caption>h2	{width:auto;background:none;}

input, select, textarea 	{border:1px solid #DEDEDE;border-image:none;-moz-border-image:none;-webkit-border-image:none;background:white;}
caption input,caption select	{border-width:0;}

form caption input,
form caption input.chk,
form caption div,
caption span,
caption b	{display:inline-block;float:none;height:15px;}

table	{margin:0;border:solid 1px grey;}
caption	{background:none;}
tr	{}
th	{padding:4px;text-align:left;}
td	{padding:2px 4px;vertical-align:top;}
td:last-child	{border-right:0;}
thead	{}
tbody	{}
tfoot th	{}

body>header,body>footer,body>form>menu,
form>aside,
h2 span,
h2 a,h2 button,
caption a,caption button,
button	{display:none;float:none;}
}
/*New rules for Section TAG*/
section	{min-height:40px;padding:0 9px 40px 18px;background:#f2f2f2;width:98.6%; width: calc(100% - 27px);}
section.main	{width:460px;}
section a.help {padding: 0 3px 0 20px;}

/* Favicon in cms/settings/design */
.fav-title {margin-bottom: -24px;}
.favicon-preview {display: inline-block; margin-right: 14px; width: 243px; height: 62px; background-image: url('../img/favicon-preview.png');}
.favicon-preview .favicon-img {width: 16px; height: 16px; margin: 4px 3px 0 16px; border: none; line-height: 25px;}
.favicon-preview .favicon-page-title {display: inline-block; width: 140px; height: 19px; padding-top: 3px; line-height: 25px; overflow: hidden;}
.favicon-preview .favicon-page-url {width: 200px; height: 20px; display: block; margin: 4px 0 0 36px;}
#faviconFile {display: none;}
#inPhotoLoad {display: none;}