.loginwin { position:absolute; width:750px; height:250px; top:50; left:50%; margin-left:-375px; z-index:5; } .bg_login, .login_border { background-color: #a9db61; border: 1px solid #a9db61; } .bg_win { background-color: #f2fae5; } .bg_vsel { background-color: #f2fae5; } .bg_vtype { background-color: #f2fae5; } .bg_vgrp { background-color: #f2fae5; } .bg_client { background-color: #a9db61; } .bg_disclaimer { background-color: #a9db61; } .bg_state { background-color: #a9db61; } .bg_selected { background-color: #a9db61; } .bg_buttonmenu { background-color: #f2fae5; } .bg_trailer { background-color: #a9db61; } .bg_totals { background-color: #f2fae5; } .bg_logo { background-color: #f2fae5; } .item_pres { color: #fb3502; } .tekstvak { font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0px; color: #000000; line-height: 20px; padding-left: 4px; } .button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; /* line-height: expression('22px'); */ color: #ffffff; vertical-align: middle; background-color: #434343; width: 122px; height: 23px; text-align: center; text-decoration: none; cursor: pointer; } .button_enabled { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; /* line-height: expression('22px'); */ color: #059f79; border: 1px solid #059f79; vertical-align: middle; background-color: #ddf4ee; width: 122px; height: 24px; text-align: center; text-decoration: none; cursor: pointer; } .button_disabled { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; /* line-height: expression('22px'); */ color: #ffffff; border: 1px solid #b4b4b4; vertical-align: middle; background-color: #b4b4b4; width: 122px; height: 24px; text-align: center; text-decoration: none; cursor: default; } .abli_kop { position:absolute; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 29px; height: 30px; color: #ffffff; vertical-align: middle; background-color: #434343; } .abli_line { position:absolute; line-height: 29px; height: 30px; vertical-align: middle; } .ass_kop, .inkorderov_kop, .kwstat_kop { position:absolute; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; height: 24px; color: #ffffff; vertical-align: middle; background-color: #434343; } .karind_kop { position:relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; height: 24px; color: #ffffff; vertical-align: middle; background-color: #434343; } .ass_line, .inkorderov_line, .tbl_line, .kwstat_line { position:absolute; height: 26px; line-height: 15px; vertical-align: top; } .karind_line { position:absolute; line-height: 15px; vertical-align: top; } .karind_line_h1 { height: 26px; } .karind_line_h2 { height: 46px; } .lstwgv2_afw_border { border-bottom: 1px solid #434343; } .lstwgv1_b { border: 1px solid ; } .lstwgv2_b { border: 1px solid ; } .highlight { font-family: Arial, Helvetica, sans-serif !important; vertical-align: top !important; font-size: 15px !important; line-height: 20px !important; color: #ffffff !important; background-color: #000000 !important; } .k_totaal { background-color: #bbddbb; border: 1px solid #a9db61; text-decoration: none; } .item_norm { font-size: 15px; line-height: 20px; } .item_red { color: #fb3502; text-decoration: underline; } .printnote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; font-weight: normal; vertical-align: top; } .item_b0_confirmed { background-color: #00ff00; } .item_b1_confirmed { background-color: #00ff00; } .item_b2_confirmed { background-color: #00ff00; } .item_b0_not_confirmed { background-color: #fb3502; } .item_b1_not_confirmed { background-color: #fb3502; } .item_b2_not_confirmed { background-color: #fb3502; } .leftbutton { border: none; height: 23px; width: 122px; margin-top:4px; margin-bottom:4px; margin-left:4px; margin-right:4px; } .pointer { cursor: pointer; } div.fullsize { position: absolute; height:100%; width: 100%; left:0px; margin-left: 16px; top: 0; right: 0px; overflow: auto; } div.tophalf { position: relative; left:185px; border-color: #004800; overflow: auto; } div.labelbetween { position: relative; height:25px; left:171px; border-top: solid 1px; border-bottom: solid 1px; cursor:n-resize; overflow: hidden; } div.dummy{ top:expression((Math.floor(((document.body.clientHeight)-(123+31+31))*.7))+"px"); } div.bottomhalf { position: relative; left:185px; border-color: #004800; overflow: auto; } .n_comorder { border: 1px solid #336699; background-color: #00ff00; } #v1 { border: 1px solid #000000; } #v2 { border: 1px solid #000000; } #langbox { border: 1px solid #000000; } #v4 { border: 1px solid #000000; background-color: #434343; color: #ffffff;} .vgrp_selected {color: #FF0000;} body { scrollbar-arrow-color:#424563; scrollbar-track-color:#a5aec6; scrollbar-face-color:#dde1e8; } .welkomkop_pos { position:absolute; top:10; width:750; text-align:center; z-index:6; } .welkomsub_pos { position:absolute; top:60; width:750; text-align:center; z-index:6; } .logo { position: absolute; top: 1%; left: 1%; width: 98%; height: 98%; background-image: url('../images/triade-a.gif'); background-repeat: no-repeat; background-position: center center; } .bg_donker { background-color: #a9db61; } .bg_norm { background-color: #f2fae5; } .bg_licht { background-color: #f2fae5; } .bg_wit { background-color: #fefefe; } .bg_bigpict { background-color: #a9db61; } .bg_smallpict { background-color: #a9db61; } .bg_pict { background-color: #a9db61; } .bg_pict_kader { background-color: #a9db61; border: 1px solid #a9db61; } .bg_pict_kader_noborder { background-color: #a9db61; } .bg_dropdown,.border_dropdown { background-color: bg_dropdown; border: 1px solid border_dropdown; } .status_titel { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; line-height: 32px; letter-spacing: 1px; } .status_disabled { background-color: #8A9793; } .status_red { position:absolute; background-color: #e01701; color: #ffffff; } .status_green { position:absolute; background-color: #008e76; color: #ffffff; } .status_orange { position:absolute; background-color: #f98d04; color: #ffffff; } .status_yellow { position:absolute; background-color: #ffff9d; color: #000000; } .status_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 50px; color: #383838; text-decoration: none; vertical-align: middle; text-align: center; width: 200px; } .abl0_kop { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; height: 22px; color: #ffffff; vertical-align: middle; background-color: #434343; } .IcoonRand { line-height: 30px; height: 30px; } .abl0_highlight { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; height: 20px; color: #ffffff; vertical-align: middle; background-color: #fb3502; } .abl0_line { position:absolute; line-height: 20px; vertical-align: top; } .abl0_line_h1 { height: 28px; } .abl0_line_h2 { height: 43px; } .abl0_line_h3 { height: 48px; } .abl0_line_h4 { height: 100px; } .img { max-height: 400px; max-width: 400px; height: expression(this.height >=this.width && this.height >= 400 ? '400px' : true); width: expression(this.height <= this.width && this.width >= 400 ? '400px' : true); } .thmb { max-height: 48px; max-width: 48px; height: expression(this.height >=this.width && this.height >= 48 ? '48px' : true); width: expression(this.height <= this.width && this.width >= 48 ? '48px' : true); } .thmb2 { max-height: 75px; max-width: 75px; height: expression(this.height >=this.width && this.height >= 75 ? '75px' : true); width: expression(this.height <= this.width && this.width >= 75 ? '75px' : true); } .bg_poplist_info { background-color: #a9db61; border-right:1px solid #000000; } .scrollbar { scrollbar-arrow-color:#424563; scrollbar-track-color:#a5aec6; scrollbar-face-color:#dde1e8; } .orderstatus { position:absolute; top:0px; height:50px; width:200px; } .orderstatus2 { position:absolute; top:50px; line-height:12px; } .info_bg,.info_border,.infotext { color: #000000; font-family: Verdana,Arial,sans-serif; font-size: 10pt; background-color: #ffff00; border: solid 1px #fb3502; } .infotxt { position:absolute; top:300; width:750; padding: 10px; left:50%; margin-left:-375px; overflow:auto; z-index: 3; } .kn { position:absolute; top:41px; width:30px; height:30px; } .kn_red { background-color: transparent; background-image: url(../../../imagesGen/roodrondje.gif); background-repeat: no-repeat; } .kn_green { background-color: transparent; background-image: url(../../../imagesGen/groenrondje.gif); background-repeat: no-repeat; } .kn_orange { background-color: transparent; background-image: url(../../../imagesGen/oranjerondje.gif); background-repeat: no-repeat; } .kn_yellow { background-color: transparent; background-image: url(../../../imagesGen/geelrondje.gif); background-repeat: no-repeat; } .welkomkop { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #383838; line-height: 32px; letter-spacing: 0px; } .welkomsub { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #383838; font-weight: bold; letter-spacing: 1px; } .imgwait { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; line-height: 32px; letter-spacing: 1px; padding: 10px; text-align:center; } .titel { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #383838; line-height: 32px; letter-spacing: 1px; } .tabelkop { font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 34px; color: #ffffff; vertical-align: middle; background-color: #434343; } .kop_gemkar { position:absolute; padding-left:5px; line-height:40px; vertical-align:middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #383838; text-decoration: none; } .platgroot { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 25px; font-weight: bold; color: #383838; text-decoration: none; } .platmiddel { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #000000; text-decoration: none; } .platter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000000; } .platter_pres { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #ff0000; } .platter_disabled { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #A0A0A0; } .platklein { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #000000; text-decoration: none; } .platstbold { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; font-weight: bold; color: #000000; } .lijn { background-color: #000000; } .order_lijn { color: #00ff00; } a:hover { color: #fb3502; text-decoration: none; } .pdmenu_line { position:relative; padding:1 10 1 10; display:block; white-space: nowrap; text-decoration: none; } .winbtn { width: 20px; color: #ffffff; font-weight: bold; text-align: center; background-color: #434343; } .winbtn_disabled { width: 20px; color: #ffffff; font-weight: bold; text-align: center; background-color: #333333; } .winbtn_info { color: #ffffff; font-weight: bold; text-align: center; background-color: transparent; background-image: url(../../../imagesGen/msgbox/info_20.png); background-repeat: no-repeat; cursor: pointer; width: 20px; height: 20px; } .winbtn_extra { color: #ffffff; font-weight: bold; text-align: center; background-color: transparent; background-image: url(../../../imagesGen/extra_bestelregel.gif); background-repeat: no-repeat; width: 20px; height: 20px; } .winbtn_arrow { text-align: center; background-color: transparent; background-repeat: no-repeat; width: 24px; height: 24px; } .arrowL { background-image: url('../../../imagesGen/arrow-previous.png');background-repeat: no-repeat; } .arrowR { background-image: url('../../../imagesGen/arrow-next.png');background-repeat: no-repeat; } .winbtn_arrow_small { background-color: transparent; background-repeat: no-repeat; width: 14px; height: 14px; } .arrowL_small { background-image: url('../../../imagesGen/arrow-previous-small.png'); } .arrowR_small { background-image: url('../../../imagesGen/arrow-next-small.png'); } .k_maand { background-color: #dddddd; border: 1px solid #a9db61; text-decoration: none; } .adres { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000000; } .msg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: bold; color: #ffffff; vertical-align: middle; background-color: #434343; text-decoration: none; } .msg_border { background-color: #434343; border: 1px solid #000000; } .msg_close { float: right; width: 20px; height: 20px; margin-top: 3px; margin-right: 0px; background-image: url(../../../imagesGen/msgbox/X.gif); background-repeat: no-repeat; } .msgbutton { text-align: center; cursor: pointer; border: 1px solid #fefefe; } .msgbutton_sel { border: 1px solid #383838; } .msgtext { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: 20px; font-weight: normal; color: #383838; vertical-align: middle; text-decoration: none; background-color: #aaddaa; } .msgtext2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: 30px; font-weight: normal; color: #383838; vertical-align: middle; text-decoration: none; background-color: #aaddaa; } .regel_bg_1 { background-color: #f2fae5; } .regel_bg_2 { background-color: #b4e370; } .regel_bg_3 { background-color: #f2fae5; } .regel_bg_4 { background-color: #aaddaa; } .tooltip_bg,.tooltip_border { color: #000000; font-family: Verdana,Arial,sans-serif; font-size: 8pt; background-color: #ffffff; border: solid 1px #000000; } #menu_buttons a:visited, #menu_buttons a:active, #menu_buttons a:link { text-decoration: none; } #menu_buttons a:hover { color: pdmenutxt; text-decoration: none; background-color: pdmenubg; } .pdmenu .pdmenubg, .pdmenutxt, #pdmenu a:hover { color: pdmenutxt; text-decoration: none; background-color: pdmenubg; } .button_labels { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 104px; height: 48px; text-align: center; vertical-align: middle; line-height: 23px; color: #ffffff; background-color: #434343; border: 2px solid #ff0000; cursor: pointer; } .button_labels_norm { } .button_labels_sel { } .tooltip_text { font-family: Verdana,Arial,sans-serif; font-size: 8pt; font-style: normal; line-height: 20px; font-weight: normal; color: #000000; vertical-align: middle; background-color: #ffffff; text-decoration: none; } .popuptxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; color: #383838; text-align: right; } .item { font-family: Arial, Helvetica, sans-serif; vertical-align: top; color: #000000; } .item_b0 { background-color: #f2fae5; } .item_b1 { background-color: #b4e370; } .item_b3 { background-color: #878787; } .item_b2 { background-color: #f2fae5; } .item_totals { background-color: #f2fae5; } .item_disabled { color: #A0A0A0 !important; } .best { height: 25px; white-space: pre; } .vrd { font-size: 10px; line-height: 12px; color: #ff0000; } .vrd2 { font-size: 10px; line-height: 12px; text-align: right; color: #ff0000; } .item_klein { font-size: 10px; line-height: 15px; font-weight: bold; } .item_print { color: #000000; font-size: 11px; line-height: 15px; } .trailer { color: #000000; vertical-align: middle; text-decoration: none; cursor: default; } .ltot { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px; height: 23px; vertical-align: middle; text-align: center; text-decoration: none; background-color: #434343; color: #ffffff; } .totals { background-color: #a9db61; } .totals_img { position:absolute; top:7px; height:99px; } .totals_img2 { position:absolute; top:7px; height:500px; } .totals_row1 { position:absolute; line-height:5px; top:1px; height:5px; } .totals_row2 { position:absolute; top:7px; height:24px; text-align:center; } .totals_row3 { position:absolute; top:32px; height:24px; } .totals_row4 { position:absolute; top:57px; height:24px; } .totals_row5 { position:absolute; top:82px; height:24px; } .totals_row6 { position:absolute; line-height:5px; top:107px; height:5px; } .totals_kader { width:5px; } .totals_imgw { left:7px; width:100px; } .totals_imgw2 { left:7px; width:500px; } .totals_vsel { width:100px; } .imgborder { border:10px solid #a9db61; } .lstwgv1_border { border-right: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; } .lstwgv1_bordertop { border-top: 1px solid ; } .lstwgv2_border { border-right: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; } .lstwgv2_bordertop { border-top: 1px solid ; } .dwin { font-size: 12px; color: #383838; } .dwin tr td { vertical-align: top; } .blk { color: #000000; } .order_reditem { color: #ff0000; } .order_blueitem { color: #0000ff; } .order_brownitem { color: #965400; } .order_underline { text-decoration: underline; } .item_over_pdmenu { color: pdmenutxt; text-decoration: none; background-color: pdmenubg; } .item_over { color: #fb3502; } .realfocus { text-decoration: underline; } .printnote img { float: left; display: inline; margin-right: 10px; } .srch { background-color: #ffff00; } fieldset.myacc { border: 1px solid #a9db61; } fieldset.myacc legend { font-weight: bold; color: #383838; } fieldset.myacc ul { margin: 0px; padding: 0px; list-style: none; } fieldset.myacc ul li { cursor: pointer; } .pwdforgot, a.pwdforgot:hover { font-size: 12px; text-decoration: underline; } fieldset.myacc input { width: 240px; } .pwdforgot { color: #383838; } .email_minplus { position: relative; text-align:center; cursor:pointer; width: 20px; height:20px; color: #ffffff; background-color: #434343;; vertical-align: middle; } .factov_kop { position:absolute; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; height: 24px; color: #ffffff; vertical-align: middle; background-color: #434343; } .factov_line { position:absolute; height: 26px; line-height: 24px; vertical-align: middle; } #ord1,#ord2 { display: inline; } #ord3 { position: absolute; right: 6px; top: 3px; width: auto; padding: 0px 12px; line-height: 24px; cursor: pointer; } #florecom { position: absolute; left: 10px; top: 3px; width: 130px; line-height: 24px; cursor: pointer; } .clients { position: absolute; left: 375px; top: 10px; } ul.clients_list {list-style:none;} ul.clients_list li {list-style: none;} ul.clients_list li div.c1 {position:relative;float:left;width:100px;} ul.clients_list li div.c1_no_rvna {position:relative;float:left;width:310px;} ul.clients_list li div.c2 {position:relative;float:left;width:300px;} ul.clients_list li div.c3 {position:relative;float:left;width:205px;} ul.clients_list .clientrow {position:relative;float:left;clear:both;} ul.clients_supplier_list {} .clientBlocked {color: #aaaaaa;} .clients ul,.kwclients ul, .menu ul { list-style: square; padding: 0px; margin: 0px 0px 0px 25px; } .nlist ul { list-style: none; padding: 0px; margin: 0px 0px 0px 12px; } .vsel ul { padding: 0px; margin: 0px 0px 0px 25px; } #trailer label, #trailer input, #trailer select { display: block; float: left; margin: 10px 5px 0px 5px; } #trailer label { text-align: right; width: 150px; padding-right: 20px; } #trailer br { clear: left; } .close { text-align:center; cursor:pointer; background-color: #bbddbb; font-weight:bold; font-size: 12pt; } #trailer #zoek_statusbar{ width: 100%; border-top: 1px inset black; margin: 0; padding: 0; padding-left:5px; position: absolute; bottom: 2px; height: 29px; font-style: italic; font-size: 11pt; } .vsel ul li, .vtype ul li, .vgrp ul li, .clients ul li, .kwclients ul li, .nlist ul li, .menu ul li { cursor: pointer; } #myclientdata { overflow: auto; } #myclientdata td { vertical-align: top; } #pages_sep_bottom {height: 6px; display: block; line-height: 7px; font-size: 0px;} #pages, #pages_bottom { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #ffffff; background-color: #434343; display: inline; padding: 2px; } #pages ul, #pages_bottom ul { list-style-type: none; width: auto; display: inline; margin: 0px 30px 0px 15px; padding: 0px; font-size: 14px; } #pages ul li, #pages_bottom ul li { display: inline; cursor: pointer; margin: 0px 4px; padding: 1px; } #pages ul li.sel, #pages_bottom ul li.sel { font-weight: bold; cursor: default; } .ooms2,.ooms { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: solid 1px #000000; } .ooms { background-color: #434343; } .ooms2 { background-color: #fefefe; line-height: normal; } .omstw { font-size: 10px; color: #ff0000; margin-left: 16px; } .hide { display: none; } /* -------------------------------- custom select box --------------------------------------*/ .uniwareSelect {width: 150px; position: relative; float: left; padding: 0px; margin-top: 10px;} .uniwareSelect .miniframe {border: 1px solid ButtonShadow; height: 20px;padding: 0; background-color: #fff;} .uniwareSelect .minitext {width: 80%; float: left; position: relative; height: 20px; padding: 2px; font-family: verdana; font-size: 12px; color: #000;} .uniwareSelect .miniarrow {float: right; width: 20px; height: 20px; border: 0; background-image: url(uniwareselect/arrow.gif); padding: 0;} .uniwareSelect .miniarrow_s {float: right; width: 20px; height: 20px; border: 0; background-image: url(uniwareselect/arrow_s.gif); padding: 0;} .uniwareSelect .bigframe {border: 1px solid ButtonShadow; display: none; position: absolute; background-color: #fff; width: 150px; padding: 0; margin: 0; overflow: auto; height: 100px;} .uniwareSelect .option {text-decoration: none; color: #000; font-size: 12px; font-family: verdana; padding:0; margin: 0; border: 0; background-color: #fff; height: 16px;} .uniwareSelect .option .option1 { width: 20%; position: relative; float: left; color: black; height: 16px;padding: 0; margin: 0; background-color: #fff;} .uniwareSelect .option .option2 {width: 80%;position: relative; float: left; color: black; height: 16px;padding: 0; margin: 0; background-color: #fff;} .uniwareSelect .miniframe .option1 { width: 80px; position: relative !important; float: left !important; color: blue; height: 20px;} .uniwareSelect .miniframe .option2 {position: relative !important; float: left !important; color: purple; height: 20px;} .uniwareSelect .bigframe .reset {clear: both;} /*------------------------- kleurenwaaier ------------------------------------------------------ */ .kleurenwaaiercontainer {width: 210px; height: 70px; background-color: #fff; position: absolute; top: 0px; left: 0px; clear: both; border: 1px solid #A5ACB2; padding: 0 5px 5px 5px; margin: 0; z-index: 1000; line-height: 0;} .kleurenwaaiercontainer_inline {width: 210px; height: 70px; background-color: #fff; position: relative; top: 0; left: 0; clear: both; border: 1px solid #A5ACB2; padding: 0 4px 5px 6px; margin: 0; z-index: 1000; line-height: 0;} .kleurenwaaier_palet_div {padding: 0; margin: 0; width: 16px; height: 16px; position: relative; float: left; line-height: 0;} .kleurenwaaier_palet_div_active {line-height: 0; background-image: url(../../../imagesGen/waaier_active.gif); padding: 0; margin: 0; width: 16px; height: 16px; position: relative; float: left; line-height: 0;} .kleurenwaaier_palet_div_inactive {line-height: 0; background-image: url(../../../imagesGen/waaier_inactive.gif); padding: 0; margin: 0; width: 16px; height: 16px; position: relative; float: left; line-height: 0;} .kleurenwaaier_palet_div_up {background-image: url(../../../imagesGen/waaier_up.gif); padding: 0; margin: 0; width: 16px; height: 16px; position: relative; float: left; line-height: 0;} .kleurenwaaier_palet_div_down {background-image: url(../../../imagesGen/waaier_down.gif); padding: 0; margin: 0; width: 16px; height: 16px; position: relative; float: left; line-height: 0;} .kleurenwaaier_palet {padding: 0; margin: 0; margin-top: 5px; line-height: 0;} .kleurenwaaier_result_container {width: 220px; height: 150px; overflow: auto; margin: 0 0 14px -6px; display: none; position: absolute; bottom: 60px; border: 1px solid #000000; background-color: #ffffff;} .kleurenwaaier_result_item { height: 24px; width: 195px; clear: both; margin: 4px 0 0 5px;} .kleurenwaaier_result_input { position: relative; float: left; margin: 0 !important; width: 20px !important;} .kleurenwaaier_result_label { position: relative; float: left; font-weight: bold; font-size: 8pt; color: #000 !important; width: 100px !important; height: 24px; margin-top: 6px; margin-left: 10px;} .kleurenwaaier_selected { height: 18px; width: 210px; margin: 0; padding: 0; border-bottom: 1px solid #A5ACB2; line-height: 0;} .kleurenwaaier_selected_mini { float: left; position: relative; height: 10px; width: 10px; border: 1px solid #000; padding: 0; margin: 0; clip: rect(0px, 5px, 5px, 0px); line-height: 0; margin-right: 1px; } .xkleurenwaaier_mini_clear { float: right; position: relative; height: 15px; width: 15px; padding: 0; margin: 0; line-height: 0; background-image: url(../../../imagesGen/waaier_clear.gif); background-position: 0 0; background-repeat: no-repeat; } .kleurenwaaier_mini_clear { position: absolute; height: 15px; width: 15px; padding: 0; top: 5px; right: 2px; line-height: 0; background-image: url(../../../imagesGen/waaier_clear.gif); background-position: 0 0; background-repeat: no-repeat; } /*------------------------------------------------------------------------------------------- */ /*------------------------------------ infoscherm --------------------------------- */ .infoscherm_bg { background-color: #ffffff; } .infoscherm_tekst { color: #434343; } .infoscherm_border { border: 1px solid #434343; } .infoscherm_foto_border { border: 1px solid #434343; } .infoscherm_bg_kop { background-color: #434343;} .infoscherm_fg_kop { color: #ffffff; } .infoscherm_regel_even { background-color: #b4e370; } .infoscherm_regel_odd { background-color: #b4e370; } .infoscherm_bg_subkop { background-color: #434343; } .infoscherm_fg_subkop { color: #ffffff; } .infoscherm { color: #434343;font-weight: normal; border: 1px solid #434343; z-index: 10100; background-color: #ffffff; font-size: 10pt;} .infoscherm .infoscherm_kop_container {height: 30px; border-bottom: 1px solid #434343} .infoscherm .infoscherm_container_img,.infoscherm_container_noimg {float: left; width: 290px; height: 305px; position: relative; margin: 5px 5px 5px 0px;} .infoscherm_container_noimg {text-align: center;background-color: #fff;} .infoscherm .infoscherm_container_noimg .imgborder {border:none;} .infoscherm .infoscherm_container_noimg img {xwidth: 280px; margin-top: 33%;} .infoscherm .imgborder {border: 1px solid #434343;} .infoscherm .infoscherm_sluit {position: relative; float: right; width: 20px; height: 20px; margin: 0px; padding: 0px;} .infoscherm .scrollable_container {clear: both; position: relative; overflow-y: auto; overflow-x: hidden; float: left; width: 530px; background-color: #ffffff;} .infoscherm .scrollable_contents {width: 630px; } .infoscherm .crits_aanb {float: left; width: 230px; position: relative; margin: 5px;} .infoscherm .opm_aanb {clear: both; width: 100%; float: left; position: relative; margin: 5px 5px 5px 0; padding-left: 5px;} .infoscherm .verz_aanb {clear: both; width: 100%; position: relative; float: left; overflow: hidden; padding-left: 0px; margin-top: 5px;background-color: #ffffff;} .infoscherm .verz_aanb_label {clear: both; position: relative; float: left; width: 475px; height: 30px; display: block;} .infoscherm .verz_aanb_icon {margin-right: 5px; vertical-align: top; position: relative; float: right; width: 25px; height: 30px; display: block;} .infoscherm h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-align: left; padding: 3px; background-color: #434343; margin-bottom: 3px; clear: both; } .infoscherm .infosubheader {font-size: 8pt; font-weight: bold; text-align: left;} /*------------------------------------------------------------------------------------------- */ /*------------------------- abvkt nummer ---------------------------------------------------- */ #abvktcontainer { white-space:nowrap; } /*------------------------------------------------------------------------------------------- */ /*------------------------- aanvoerbrief ---------------------------------------------------- */ div.aanvoerbrief { width: 800px; font-family: Verdana; font-size: 11px; position: relative; margin-left: 185px;} div.aanvoerbrief input {font-family: Verdana; font-size: 9px;} div.aanvoerbrief div.aanvoerbrief_aalsmeer { color: #51005F;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box1 {background-color: #EDE0EF; border: 1px solid #51005F; color: #51005F;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box1 input {background-color: #fff; border: 1px solid #51005F; color: #51005F; margin-left: 0; padding-left: 0;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box2 {background-color: #EDE0EF; border: 1px solid #51005F; color: #51005F;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box2 input {background-color: #fff; border: 1px solid #51005F; color: #51005F; margin-left: 0; padding-left: 0;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box3 {background-color: #FFE4DF; border: 1px solid #FFA500; color: #51005F;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box3 input {background-color: #fff; border: 1px solid #FFA500; color: #51005F; margin-left: 0; padding-left: 0;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box2 textarea {background-color: #fff; border: 1px solid #51005F; color: #51005F; margin-left: 0; padding-left: 0;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box_plaf_beneden { border: 1px solid #FFA500; border-right: none; background-color: #FFE4DF;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box_plaf_rechts { border: 1px solid #FFA500; border-left: none; border-top: none; background-color: #FFE4DF;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .box_plaf_boven { border: 1px solid #FFA500; border-bottom: none; background-color: #FFE4DF;} .box_plaf_beneden input, .box_plaf_rechts input, .box_plaf_boven input { background-color: #fff; border: 1px solid #FFA500; color: #51005F; margin-left: 0; padding-left: 0;} div.aanvoerbrief div.aanvoerbrief_aalsmeer .ordernrprijs input {background-color: #fff; border: 1px solid #FFA500; color: #51005F; margin-left: 0; padding-left: 0;} input.active, textarea.active {background-color: #ffffcc !important;} div.aanvoerbrief_navigation { position:relative; margin-left: 185px;} div.aanvoerbrief_navigation a {color: #51005f;} /*------------------------------------------------------------------------------------------- */ #actieswindow {text-align: center; display: none; position: absolute; top: 21px; left: 0px; width: 100%; height: 218px; z-index: 100;} #actieswindow_inner { width: 980px; height: 218px; border: 1px solid #000; background-color: #fff; display: block; margin-left: auto; margin-right: auto;} /*---------- user props --------------*/ #userPropsButton, #userProps { text-align: left; font-family: Verdana; font-size: 12px;} #userProps { position:absolute; padding:0; margin: 0; top: -302px; left: 200px; width: 600px; height: 300px; border: 1px solid #000000; background-color: #f2fae5; color: #000000; } #userProps_container { width: 590px; height:290px; margin: 5px; overflow: auto;} #userProps label { text-align:left; padding:0; width: 300px; color: #000000; float:left; position:relative; color: #000000;} #userProps .userProps_optie {clear:both; position: relative; float: left;} #userProps fieldset { border: 1px solid #000000; padding-bottom: 10px; margin-bottom: 10px;;} #userProps legend { font-weight: bold; color: #000000;} #userProps .userProps_optie { position:relative; float: left; width: 100%;} .userPropsButton { width: 180px; border: 1px solid #000000; background-color: #fff;} .userPropsDefault { color: #000;} .userPropsToepassen { color: #00cc00;} .userPropsAnnuleren { color: #cc0000; } #overlay { top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.79; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=79)"; filter: alpha(opacity=79); -moz-opacity: 0.79; z-index: 100; visibility: hidden; position: absolute; } #zplWindow {width:100%; height:100%; background-color: #fff; position:absolute; font-family:Verdana;font-size:16;overflow:hidden;} #zplInnerWindow { margin: 20px; font-family:Verdana;font-size:16; } #zplWindow input {border: 1px solid #888888; height: 24px; font-family: Verdana; font-size: 16px; color:#000; font-weight: normal; } #zplWindow .option {line-height:130%;height:22px;background-color: #e0e0e0; color: #444;border-width:1px;border-style:solid;border-color: #fff #888 #888 #fff; padding:5px; background-image: url('../../../imagesGen/zpl/label_unsel.gif'); background-repeat:repeat-x;background-position: 0 0;} #zplWindow .option_high {line-height:130%;height:22px;background-color: #538939;color: #eee;border-width:1px;border-style:solid;border-color:#fff #006600 #006600 #fff; padding:5px;background-image: url('../../../imagesGen/zpl/label_sel.gif'); background-repeat:repeat-x;background-position: 0 0;} #zplWindow .option_high_nofocus {line-height:130%;height:22px;background-color: #888;color: #fff;border-width:1px;border-style:solid;border-color: #fff #888 #888 #fff; padding:5px; background-image: url('../../../imagesGen/zpl/label_sel_nofocus.gif'); background-repeat:repeat-x;background-position: 0 0;} #zplWindow .zplbutton {background-color: #213A79; color: #fff; width: 120px; border: 1px solid #213A79; font-size:14px;text-align:center;} #zplWindow .zplbutton_high {background-color: #538939; color: #fff; width: 120px; border: 1px solid #213A79; font-weight: bold; font-size:14px;text-align:center;} #zplWindow #zplselect {width:99%;border-top: 1px solid #424563; border-right: 1px solid #424563; border-bottom: none; border-left: 1px solid #424563; height:190px; overflow: auto;background-color:#fff;} #zplWindow .labelinf {float:left;} #zplWindow .labelinf input {background-image: url('../../../imagesGen/inputtext_shadow.gif'); background-repeat:repeat-x;background-position: 0 0;} #zplWindow .nieuwlabel {position:relative; float: left; border:1px solid #424563;background-color:#A5AEC6;width:99%;height:30px;line-height:130%;} #zplWindow .inputbox {float:left;margin-top:2px;margin-left:2px;} #zplWindow .inputbox input {width:400px;} #zplWindow .submitbox {float:right;margin-top:2px;margin-right:2px;} #zplWindow .kieslabel {position:relative; float: left;width:49%;} #zplWindow .aantal {margin-top:4px; height:24px; width:300px;float:right;} #zplWindow .aantal_inner { } #zplWindow .printknop { height: 24px; margin-top: 4px; width:10%;text-align:right;float:right;} #zplWindow .printknop input {float:right;} #zplWindow .toevoegknop { float: left; margin-left: 90px;} #zplWindow #labelnaam {width: 300px;} #zplWindow .labelinfo {background-color:#f0f0f0; border: 1px solid #888; margin-top: 18px; float:left;width:49%;height:216px; line-height:160%;padding:5px 5px 0 5px;} #zplWindow .zplbutton_wijzigen {background-color: #C2D5EE; color: #213A79; width: 150px; border: 1px solid #213A79; font-weight: bold; font-size:14px;} #zplWindow .zplbutton_verwijderen {background-color: #C2D5EE; color: #213A79; width: 150px; border: 1px solid #213A79; font-weight: bold; font-size:14px;} #zplWindow .labelopties { float: right;width:250px;text-align:right;} #zplWindow #zpl_aantal1 { background-image: url('../../../imagesGen/inputtext_shadow.gif'); background-repeat:repeat-x;background-position: 0 0; } #zplWindow #zpl_aantal2 { background-image: url('../../../imagesGen/inputtext_shadow.gif'); background-repeat:repeat-x;background-position: 0 0; } #zplWindow #newlabel { background-image: url('../../../imagesGen/inputtext_shadow.gif'); background-repeat:repeat-x;background-position: 0 0; } #zplWindow .text_high {color: #538939; font-weight:bold; background-image: url('../../../imagesGen/inputtext_shadow_green.gif') !important; border: 1px solid #008800;} #zplWindow .prop {float:left;width:120px;clear:both;color:#444;} #zplWindow .val {float:left;color:#444;} #zplWindow .beschikbare_labels {color:#888;font-style:italic;} #cupscontainerdiv {position:absolute; top:164px; left:205px; width:1000px; height: 315px; border: 1px solid #223a7a; z-index: 5; background-color: #fff;display:none;} .cups_status {width: 1000px; height: 300px; border: 1px solid #223a7a;} .cups_status .cups_closeicon {float:right;position:relative;margin-right:-6px;margin-top: -2px;} .cups_status .innerdiv {margin: 5px;} .cups_status .contentsdiv {overflow: auto; height: 180px; width: 100%;} .cups_status .header {font-weight:bold;background-color: #A5AEC6; border: 1px solid #444;} .cups_status .rij {width: 100%;height:24px;clear:both; font-family: Verdana; font-size: 14px; line-height: 180%;} .cups_status .partijnr {width:100px;height:24px;position:relative;float:left;} .cups_status .klantnr {width:100px;height:24px;position:relative;float:left;} .cups_status .fustid {width:100px;height:24px;position:relative;float:left;} .cups_status .aantalfust {width:100px;height:24px;position:relative;float:left;} .cups_status .aantalpot {width:100px;height:24px;position:relative;float:left;} .cups_status .product {width:250px;height:24px;position:relative;float:left;} .cups_status .status {width:115px;height:24px;position:relative;float:left;text-align:center;} .cups_status .download {width:115px;height:24px;position:relative;float:left;text-align:center;} .cups_status .printstatus {width:105px;height:24px;position:relative;float:left;} .cups_status .button {width:150px;height:20px;position:relative;float:right;background-color:#00004A;border:1px solid #000; margin-left: 10px; text-align: center; cursor:pointer;font-family: Verdana; font-size: 14px;color:#fff;line-height:18px;} .cups_status .button_disabled {width:150px;height:20px;position:relative;float:right;background-color:#ddd;border:1px solid #ccc; margin-left: 10px; text-align: center; cursor:pointer;font-family: Verdana; font-size: 14px;color: #eee;line-height:18px;} .cups_status .button_high {width:150px;height:20px;position:relative;float:right;background-color:#538939;border:1px solid #00004a; margin-left: 10px; text-align: center; cursor:pointer;font-family: Verdana; font-size: 14px;color: #fff;line-height:18px;} .cups_status .totalen {font-weight: bold;background-color: #A5AEC6; border: 1px solid #223a7a;color: #555E76;} .cups_status .rij .empty { height: 20px;} .cups_status .cupsrow_even {background-color: #fff;} .cups_status .cupsrow_odd {background-color: #f8f8f8;} .cups_status .rij_selected {background-color: #C2D6EE;} .cups_status .cups_bar_container {background-color: #fff; border: 1px solid #444; height: 18px; margin-top: 2px;background-image:url('../../../imagesGen/cups/bar_leeg.gif');background-repeat:repeat-x;} .cups_status .cups_bar {background-color: transparent;height: 18px; background-image:url('../../../imagesGen/cups/bar_cool.gif');background-repeat:repeat-x;} .cups_status .cups_bar_full {background-color: transparent;height: 18px; background-image:url('../../../imagesGen/cups/bar.gif');background-repeat:repeat-x;} .cups_status .cups_bar_percent {text-align: center;margin-top: -22px;color: #000; font-family: Verdana; font-size: 12px; } .cups_status .cups_bar_percent_high {text-align: center;margin-top: -22px;color: #fff; font-family: Verdana; font-size: 12px; } #cupsButtonRepeatPot {} #cupsButtonRepeatFust {} #cupsButtonNext {} #msgbox input[type="text"] {border: 1px solid #000; background-image: url('../../../imagesGen/inputtext_shadow.gif'); background-repeat:repeat-x;background-position: 0 0;} .posAb { position:absolute;} .posRel { position:relative;} .vertLine {position:absolute;top:0px;width:1px; background-color: #f2fae5;} .inkRow0 { position:relative; font-family: Arial, Helvetica, sans-serif; vertical-align: top; color: #000000;background-color: #f2fae5; font-size:15px;line-height:20px;} .inkRow1 { position:relative; font-family: Arial, Helvetica, sans-serif; vertical-align: top; color: #000000;background-color: #b4e370; font-size:15px;line-height:20px;} .inkRow_btm {position:relative; left:0px; height:26px; } #vgrp #legenda {margin-top:14px;margin-bottom:20px;} #vgrp #resetindeling {margin-bottom:20px;} #vgrp #karlist {text-align:center;margin-bottom:10px;} .KarH_Opm { position:absolute;margin-left:3px;} .KarH_Chk { position:absolute;margin-left:3px; margin-top:2px;} .KarH_Chk input {border:0px;} .KarH_Inf {float:left; margin-top:2px; margin-left:3px; cursor:pointer;} h1 { margin-top: 3px; line-height: 20px; font-family: Arial,Verdana; font-size: 12px; font-weight: normal; } h2 { margin-top: 3px; line-height: 20px; font-family: Arial,Verdana; font-size: 15px; font-weight: normal; } .regel1_highlight { position: relative; height: 26px; overflow: hidden; color: #ffffff; background-color: #424563; } .regel1_normal { position: relative; height: 26px; overflow: hidden; color: #000000; background-color: #d2d6dc; } .regel1-items { position: absolute; top: 0px; height: 50px; border-right:1px solid #dde1e8; } .regel1-selectbox { height: 50px; width: 26px; background-color: #d2d6dc; } .regel1-selectbox-not-confirmed{ height: 50px; width: 26px; background-color: #ff0000; } .regel1-selectbox-confirmed { height: 50px; width: 26px; background-color: #00ff00; } .regel1-arrowbox { position: absolute; top: 3px; left: 3px; height: 20px; width: 20px; background-color: #00004a; line-height: 20px; font-family: Arial,Verdana; font-size: 15px; color: #ffffff; font-weight: normal; text-align: center; font-weight: bolder; cursor: pointer; } .regel2_highlight { position: relative; height: 26px; overflow: hidden; color: #ffffff; background-color: #424563; } .regel2_normal { position: relative; height: 26px; overflow: hidden; color: #000000; background-color: #ffffff; } .regel2-items { position: absolute; top: 0px; height: 50px; border-right:1px solid #dde1e8; } .regel2-selectbox { height: 50px; width: 26px; background-color: #ffffff; } .regel2-selectbox-not-confirmed{ height: 50px; width: 26px; background-color: #ff0000; } .regel2-selectbox-confirmed { height: 50px; width: 26px; background-color: #00ff00; } .regel2-arrowbox { position: absolute; top: 3px; left: 3px; height: 20px; width: 20px; background-color: #00004a; line-height: 20px; font-family: Arial,Verdana; font-size: 15px; color: #ffffff; font-weight: normal; text-align: center; font-weight: bolder; cursor: pointer; } .kop_normal { position: relative; height: 26px; overflow: hidden; color: #ffffff; background-color: #00004a; } .totals_normal { position: relative; height: 30px; overflow: hidden; color: #000000; } .totals-items { position: absolute; top: 0px; min-height: 50px; border-right:1px solid #dde1e8; background-color: #FFFFFF; } .right { text-align: right; } .center { text-align: center; } .karinfo_koptekst { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #ffffff; vertical-align: middle; background-color: #434343; height: 30px; border-bottom: 1px solid #434343} .karinfo_container_img { float: left; width: 280px; position: relative; align: center; verticle-align: middle; } .karinfo_container_noimg { float: left; width: 280px; height: 187px; position: relative; text-align: center; background-color: #fff; border:none; } .karinfo_container_noimg img { xwidth: 280px; xheight: 187px; margin-top: 64px; } #pingerinfo {color: #444444;} #pingerinfo .reqRow {border-bottom:1px dotted #ccc; } #pingerinfo .reqNum {float:left;width:40px;text-align:right;border-right:1px dotted #ccc;margin-right:5px;} #pingerinfo .reqTime {float:left;width:50px;text-align:right;border-right:1px dotted #ccc;margin-right:5px;} #pingerinfo .reqGraph {margin-left:5px;margin-top:2px;float:left;width:40px;height:12px;} .buttonPrintFustVolume { position: relative; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; margin-right: 2px; color: #ffffff; vertical-align: middle; background-color:#2486c5; width: 122px; height: 23px; text-align: center; text-decoration: none; cursor: pointer; } .buttonPrintFustVolumeIE { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; left:100px; color: #ffffff; vertical-align: middle; background-color:#2486c5; width: 122px; height: 23px; text-align: center; text-decoration: none; cursor: pointer; } .buttonFustVolumeTxt { color: #ffffff; } .buttonFustVolumeBg { background-color: #2486c5; } #img2title { position:absolute; width:420; height:46; left:317; top:3; border-top:5px ridge #ffffff; border-left:5px ridge #ffffff; border-right:5px ridge #ffffff; z-index:50;} #img2 {position:absolute; width:420; left:317; border-left:5px ridge #ffffff; border-right:5px ridge #ffffff; z-index:50;} #img2txt { position:absolute; width:420; left:317; border-left:5px ridge #ffffff; border-right:5px ridge #ffffff; border-bottom:5px ridge #ffffff; z-index:50;} .label_bgcolor_1 { background-color: #80ff80; /* groen - label op pot */ } .label_bgcolor_2 { background-color: #ff8080; /* rood - label in doos */ } .label_bgcolor_4 { background-color: #ffff80; /* geel - label in envelop */ } .label_bgcolor_8 { background-color: #ffa448; /* oranje - label los */ } .label_bgcolor_32 { background-color: #66D0FF; /* blauw - label misschien */ } .label_bgcolor_disabled { background-color: #666666; /* grijs - vakje is disabled */ } #zoekNu {float:left; width: 115px;} #resetknop {float:left; width: 115px;left;margin-left: 4px;} #logindiv {position:absolute; width:750px; top:110; display:none; z-index: 10;} #trailer input#searchfield {float:left; margin: 0 13px 0 2px; width:222px;}