@media screen
{
html {height:99%; overflow:hidden;}
body {font-family:Verdana,Geneva, sans-serif; font-size:11px; padding:0; color:#000000; margin:0px;height:100%;}
body.invoice, body.order, body.orderstatus, body.orderchange, body.document-search, body.navigation,
body.selection-shop, body.selection-catalog, body.selectsoldto, body.messsage-page,body.document-search-workarea,
body.confirmation, body.ordersimulate, body.createdoc, body.organizer, body.determination, body.help-values-search,
body.showpredecessors, body.showpredecessorquotations, body.marketingprofile, body.partner-search,
body.help-values-search-popup, body.canceldate, body.payment, body.shoplist, body.shipto, body.usersettings,
body.message-workarea, body.profile, body.header-body, body.history, body.organizerCatalog, body.nodoc
{}
}
body.order, body.organizerCatalog, body.orderstatus, body.nodoc {margin:0px 0px 0px 0px; background:#d6d5d5; }
body.document-search {margin:0px 0px 0px 0px; background:#d6d5d5;}
body.closer {margin:0px; background:#d6d5d5;}
body.login-body {background:#d6d5d5; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px auto;}
/*NEW Part 03 Product List, Product, Order etc.. Out border*/
div#vvm_02_01 {height:12px; background:url(images/template/HomePage_13.gif) repeat-x;}
div#vvm_02_02 {height:95%; border-left:2px solid #999999; margin:0; background:#ffffff; padding:0;}
div#vvm_02_02_01 {height:100%; overflow: auto; margin:0; padding-left:5px; background:#ffffff;}
div#vvm_02_03 {height:12px; background:url(images/template/HomePage_25.gif) repeat-x bottom;}
div#vvm_03_01 {height:12px; text-align:right; background:url(images/template/HomePage_13.gif) repeat-x;}
div#vvm_03_02 {height:95%; margin:0; padding-right:5px; background:#ffffff;}
div#vvm_03_02_01 {height:100%; overflow: auto; margin:0; padding-right:5px; background:#ffffff;}
div#vvm_03_03 {height:12px; text-align:right; background:url(images/template/HomePage_25.gif) repeat-x bottom;}
div#vvm_0305_02 {height:95%; margin:0; background:#ffffff;}
div#vvm_0305_02_01 {height:100%; overflow: auto; margin:0; padding-right:5px; background:#ffffff;}
.login-body table.Out_Menu {width:90%; font-size:12px; font-weight:bold;}
.login-body table.Out_Menu#details {font-size:11px; font-weight:normal; line-height:10px}
.login-body table.Out_Menu td a {color:#ffffff;}
.login-body table.Out_Menu td a:hover {text-decoration:underline; }
.login-body table.Out_Menu td.right {border-right:1px solid #c60102}
.login-body H1 {color:#272522; font-size:24px; font-weight:normal}
.login-body p { font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:16px}
.login-body table.login {font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#6c6c6c; margin:45px 20px 0px 30px; width:245px; font-weight:bold }
.login-body table.login input {font-size:14px; border:1px solid #000000; background:#f8f8f8; width:214px; padding:5px 2px;}
.login-body table.login td {padding:5px 0px 2px 0px;}
.login-body table.login td div a.button {font-size:13px; }
.login-body table.login td .error {margin-right:26px; font-size:12px;}
.login-body table.login td .button1 {margin:5px 28px 0px 0px}
.login-body td#usname div.header-username {color:#aeaeae;font-size:17px ; line-height:16px}
.login-body td#usname div.user-tools {margin-bottom:1px}
.login-body td#usname div.user-tools a {color:#ffffff; font-size:11px; padding:0px 2px}
.login-body table.shops {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;margin:20px 2% 0px 2%;width:96%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.login-body table.shops th { color:#999999; font-weight:bold;text-align:left; padding:5px 0px 5px 10px; font-size:14px; }
.login-body table.shops tr.odd {background-color:#F0F4FA}
.login-body table.shops td {padding:5px 0px 5px 10px; width:50%}
.login-body table.shops td a {color:#000000}
.login-body table.shops td a:hover {text-decoration:underline}
.login-body div.header-username {font:bold 16px Tahoma; color:#ffffff}
/*---------------------GLOBAL VARIABLES---------------------*/
form {margin:0px; padding:0px}
input {font-size:11px;font-family: Verdana,Geneva, sans-serif;}
select {font-size:11px; font-family: Verdana,Geneva, sans-serif; border:1px solid silver; background-color:#EAEAEA;}
a:link { text-decoration:none}
a:visited { text-decoration:none}
a:active { color: #426FC9; }
a.button
{border:1px solid silver; font-weight:bold; padding:3px 10px 3px 10px; }
a.button:link, a.button:visited
{color:#FFFFFF; background-color:#FF0000; }
a.button:hover
{color:#FF0000; background-color:#FFFFFF; border:1px solid red; }
.error {border:1px solid #ff0000 ; background: url(../mimes/images/error.gif) no-repeat 3px; background-color:#ffddcc; padding:2px 2px 2px 24px;color:#000000; font-weight:normal; font-size:11px}
/*---------------------TOP FRAME HEADER APPLICATION---------------------*/
/*---------------------TOP FRAME HEADER APPLICATION---------------------*/
#header-appl {overflow:auto; }
#header-appl .header-logo {width:243px; height:38px; float:left; padding:12px 0px 0px 0px; margin:0; vertical-align:bottom; overflow:hidden;}
#header-appl #bottom-logo {float:left}
#header-appl .header-applname {display:none}
#header-appl .header-username
{font-size:12px; font-weight:bold; color:#000000; float:right; padding:6px 10px 0px 0px;}
#header-appl .header-account
{font-size:11px; font-weight:normal; color:#015353; float:right; padding:6px 10px 0px 0px; }
#header-appl .header-account a:link, #header-appl .header-account a:visited
{color: #015353;}
#header-appl .header-account a:hover
{color: #015353; text-decoration:underline}
#header-appl .header-custlogo
{width:200px; height:50px; float:right; text-align:center; overflow:hidden; padding:0; margin:0;}
#header-appl #header-nav-functions {text-align:right; overflow:auto; width:100%; background:#ff0000; float:left; margin:0; padding:0;}
#header-appl #header-nav-functions ul {font-size:11px; margin:0px; padding:0px 10px 0px 0px; font-family: font-family:Verdana,Geneva,sans-serif; }
#header-appl #header-nav-functions ul li {display:inline; margin: 0px; padding: 2px 10px 3px 10px;}
#header-appl #header-nav-functions a:link, #header-appl #header-nav-functions a:visited
{color: #FFFFFF;}
#header-appl #header-nav-functions a:hover
{color: #ffffff; text-decoration:none; border-bottom:1px solid white;border-top:1px solid white}
#header-appl #header-nav-functions span {margin: 0px; padding: 0px;}
#header-appl #header-nav-functions img {padding-bottom:0px; margin:0px; vertical-align:-6px; border:0px}
#header-appl #header-nav-functions #header-nav-basket {font-weight:bold; padding:0px 80px 0px 0px;}
/*---------------------LEFT FRAME TOP NAVIGATION MENU---------------------*/
#organizer-navigation
{margin: 7px 5px 0px 5px;}
/*ul.navigation-1
{margin: 0px; padding:0px; font-size:12px; }
ul.navigation-1 li
{display:block; float:left; margin:0px 1px 0px 0px; padding:3px 0px;}
ul.navigation-1 li a:visited
{background:none; color:#000000; margin:0px }
ul.navigation-1 li.active-first a, ul.navigation-1 li.active-middle a, ul.navigation-1 li.active-last a, ul.navigation-1 li.active-first a:visited,
ul.navigation-1 li.active-middle a:visited, ul.navigation-1 li.active-last a:visited
{background:#B2B2B2; text-decoration:none; color:#FFFFFF; padding:3px}
ul.navigation-1 li.inactive-first a, ul.navigation-1 li.inactive-middle a, ul.navigation-1 li.inactive-last a, ul.navigation-1 li.inactive-first a:visited, ul.navigation-1 li.inactive-middle a:visited, ul.navigation-1 li.inactive-last a:visited
{color:#000000; padding:3px}
ul.navigation-1 li.inactive-first a:hover, ul.navigation-1 li.inactive-middle a:hover, ul.navigation-1 li.inactive-last a:hover
{background:#B2B2B2; color:#FFFFFF}
*/
#product-navigation {border-bottom:1px solid #cccccc; margin-bottom:10px}
ul.navigation-1
{margin: 0px; padding:0px; font-size:11px; }
ul.navigation-1 li
{display:block;margin:3px 0px; padding:3px 0px; text-align:right; list-style:none}
ul.navigation-1 li a:visited
{background:none; color:#000000; margin:0px }
ul.navigation-1 li.active-first a, ul.navigation-1 li.active-middle a, ul.navigation-1 li.active-last a, ul.navigation-1 li.active-first a:visited,
ul.navigation-1 li.active-middle a:visited, ul.navigation-1 li.active-last a:visited
{background:#B2B2B2; text-decoration:none; color:#FFFFFF; padding:3px 3px}
ul.navigation-1 li.inactive-first a, ul.navigation-1 li.inactive-middle a, ul.navigation-1 li.inactive-last a, ul.navigation-1 li.inactive-first a:visited, ul.navigation-1 li.inactive-middle a:visited, ul.navigation-1 li.inactive-last a:visited
{color:#999999; padding:3px 3px}
ul.navigation-1 li.inactive-first a:hover, ul.navigation-1 li.inactive-middle a:hover, ul.navigation-1 li.inactive-last a:hover
{background:#B2B2B2; color:#FFFFFF}
/*---------------------LEFT FRAME OUTSIDE BORDER---------------------*/
body.history #OutBorder
{border-left:2px solid #B2B2B2; border-right:2px solid #B2B2B2; border-bottom:2px solid #B2B2B2; border-top: 6px solid #B2B2B2; margin:0px 5px;}
/*---------------------LEFT FRAME CATALOG SEARCH---------------------*/
#search-fields {border:1px solid #7e7e7e; background:#f6f5f5; margin-top:30px; padding:5px 5px 0px 5px}
#search-fields div.label {color:#858585; font-size:11px}
#search-fields div.input {margin:0px 0px 5px 0px;}
#search-fields div.input img {vertical-align:-4px}
#search-fields div.input a img {border:0}
#search-fields div.buttons {text-align:right; padding:10px 0px 10px 0px}
#search-fields div.buttons span {float:left; color:#ff0000;}
#search-fields div.help-fields {margin:0px 0px 3px 0px}
#search-fields div.help-fields a {color:#858585; text-decoration:none}
#search-fields div.help-fields a:hover {color:#000000; text-decoration:underline}
#search-fields div.help-fields#help-personilize { background:#e5e5e5; padding:2px 0px}
.categ-table
{font-size:12px; border-bottom:1px dotted #eaeaea ; padding:0px;}
tr.categs { background: none; text-decoration: none; vertical-align:top; }
td.categs a:link, td.categs a:visited, td.categs a:active
{text-decoration: none; color: #000000;}
td.categs1 a:link, td.categs1 a:visited, td.categs1 a:active
{text-decoration: none; color: #000000;}
td.categs2 a:link, td.categs2 a:visited, td.categs2 a:active
{text-decoration: none; color: #000000;}
td.categs a:hover, td.categs1 a:hover, td.categs2 a:hover {text-decoration:underline}
td label {white-space:nowrap}
td label a:link, td label a:visited, td label a:active {/*font-size:10px; font-family:Arial;*/ color:#999999}
tr.categs1 td {border-top:1px dotted #cccccc; padding:3px 0px 3px 1px; font-size:13px}
tr.categs1 td label {font-size:8px; font-family:Tahoma}
tr.categs2 td {padding:2px 0px 2px 6px; font-size:12px;background: #d2d1d1;}
tr.categs2 td label {float:right; font-size:8px;font-family:Tahoma}
tr.categs3 td {padding:1px 0px 1px 11px; font-size:11px; background: #d2d1d1;}
tr.categs3 td label {float:right; font-size:8px;font-family:Tahoma}
tr.categs4 td {padding:0px 0px 0px 16px; font-size:10px; background: #d2d1d1;}
tr.categs4 td label {float:right; font-size:8px;font-family:Tahoma}
tr.categsSelected1 td {border-top:1px dotted #cccccc; padding:3px 0px 3px 1px;background: #c5c5c5; font-size:13px }
tr.categsSelected2 td { padding:2px 0px 2px 6px; background: #eaeaea; font-size:12px }
tr.categsSelected3 td { padding:1px 0px 1px 11px; background: #eaeaea; font-size:11px }
tr.categsSelected4 td { padding:0px 0px 0px 16px; background: #eaeaea; font-size:10px }
ul.categs {margin:0; padding:0; border-bottom: 1px dotted #cccccc; }
ul.categs li {border-top: 1px dotted #cccccc; padding: 3px 0px 3px 1px; font-size: 13px;}
ul.categs li a {color:#000000}
ul.categs li.active {background-color: #c5c5c5;}
ul.categsacc {margin:0; padding:0; border-bottom: 1px dotted #cccccc; }
ul.categsacc li {border-top: 1px dotted #cccccc; padding: 3px 0px 3px 0px; font-size: 11px;}
ul.categsacc li a {color:#000000}
ul.categsacc li.active {background-color: #c5c5c5;}
ul.categsacc li a:hover {background-color: #c5c5c5;}
ul.categsacc li#unsel1 {display:none}
ul.categsacc li#unsel4, ul.categsacc li#unsel8 {border-top: 1px solid #cccccc; margin-top:3px}
.orderresults th {background:#999999; color:#ffffff; text-align:center}
.orderresults th a {font:normal 10px Verdana; color:#ffffff}
.orderresults th img {border:0px}
.orderresults tr.even {background:#f6f5f5;}
.orderresults tr.odd {background:#ffffff;}
.orderresults tr td {text-align:center}
.orderresults tr td a {font-size:12px;}
/*tr.categs2 {font-size:11px} */
/*tr.categsSelected {background: #eaeaea; text-decoration: none;}
tr.categsSelected1 td.categs, tr.categsSelected1 td.categs1 { background: #eaeaea; }
tr.categsSelected2 td.categs { background: #eaeaea; }
*/
/*
td.categsSelected { white-space: normal}
td.categsSelected a:link, td.categsSelected a:visited, td.categsSelected a:hover, td.categsSelected a:active
{ color: #000000; text-decoration: none;}
tr.categs { background: none; background-color: #DCE3EC; text-decoration: none; vertical-align:top; }
tr.categsSelected { background: none; background-color: #225A8D; text-decoration: none; }
td.categs { border-bottom: 1px solid #F6F7F9; }
td.categsSelected { border-bottom: 1px solid #F6F7F9; }
td.categs a:link { text-decoration: none; color: #000000;}
td.categs a:visited { text-decoration: none; color: #000000;}
td.categs a:hover { background: none #225A8D; color: #FFFFFF; text-decoration: none;}
td.categs a:active { background: none #225A8D; color: #FFFFFF; text-decoration: none;}
td.categsSelected a:link { text-decoration: none; color: #FFFFFF;}
td.categsSelected a:visited { text-decoration: none; color: #FFFFFF;}
td.categsSelected a:hover { background: none #225A8D; color: #FFFFFF; text-decoration: none;}
td.categsSelected a:active { background: none #225A8D; color: #FFFFFF; text-decoration: none;}
*/
/*---------------------HISTORY---------------------*/
.history-items
{font-size:12px}
.history-items ul
{margin: 5px; padding:2px;}
.history-items ul li
{list-style:none; color: #426FC9; margin-bottom:4px; padding:1px 4px 1px 4px; border-top:1px dotted #cccccc}
.history-items li a:link, .history-items li a:visited
{color: #666666;}
.history-items li a:hover, .history-items li div a:hover span.date
{color: #ff0000;}
.history-items li div
{background-color: #F0F4FA; padding:2px; margin:2px 0px;}
.history-items li div a span.date
{font-size:11px; color:#666666}
/*.history-items li div a:link {color: #333}
.history-items li div a:visited {color: #333}
.history-items li div a:hover, {color: #ff0000; text-decoration:none}*/
/*SECOND lEVEL MENU Content navigation */
#content-navigation
{margin:0px 0px 10px 0px; padding:3px 3px 0px 3px; background:#cccccc;}
ul.navigation
{margin:0px;padding:0; overflow:auto; width:100%; }
ul.navigation li
{display:block; padding: 3px 0px; margin:0px; float:left}
ul.navigation li.active-first a, ul.navigation li.active-middle a, ul.navigation li.active-last a
{color:#000000;}
ul.navigation li.active-first, ul.navigation li.active-middle, ul.navigation li.active-last
{background:#ffffff; padding:3px 4px 3px 3px; color:#000000}
ul.navigation li.inactive-first a, ul.navigation li.inactive-middle a, ul.navigation li.inactive-last a
{color:#333333; padding:0px 6px 0px 1px;}
ul.navigation li.inactive-first a:hover, ul.navigation li.inactive-middle a:hover, ul.navigation li.inactive-last a:hover
{text-decoration:underline}
/*---------------------TRANSACTION PRODUCTS SEARCH---------------------*/
.filter
{margin:0px 0px 5px 5px; vertical-align:top; color:#000000;}
.filter ul
{margin:0px; padding: 0px; overflow:auto}
.filter ul li
{list-style: none outside; padding:2px;}
.filter ul li select
{width:90%; border: 1px solid silver; background-color:#EAEAEA; padding:0}
.filter ul li input
{width:89.8%; border:1px solid silver;background-color:#EAEAEA; padding:0}
.filter .button
{margin:0px 10px 0px 150px}
.filter-result-msg
{font-weight:bold; color:#000000; margin:5px 5px 0px 5px; padding:2px; background:#eaeaea; border:1px dotted #999999}
.filter-result {margin:0px auto 5px auto; text-align:center}
.filter-result table
{/*border-collapse: collapse;*/; margin:auto; width:99%}
.filter-result a, .filter-result a:active, .filter-result a:visited
{color:#666666}
.filter-result a:hover
{color:#000000; text-decoration:underline}
.filter-result th
{text-align:center; color:#000000; font-weight:normal; font-size:12px}
.filter-result th a
{color:#000000; font-weight:bold; font-size:11px}
.filter-result tr.odd
{text-align:left; background-color:#FFFFFF}
.filter-result tr.even
{text-align:left; background-color:#F0F4FA}
.filter-result td
{margin:0px; padding:1px;}
.filter-result td img {float:right}
.filter-result .icon {float:right; margin-right:5px}
/*
.filter-title
.filter ul .input-2 {width:60px; border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#EAEAEA; font-size:100%}
.filter ul .input-3 {width:165px; border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#EAEAEA; font-size:100%}
.filter ul .radio {border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#EAEAEA; font-size:100%}
.filter ul img {width:16px; height:16px; vertical-align:-30%; border:0px}
.filter-result .amount {text-align:right; }
*/
/* 20081126 Welcome Page*/
div.recommendation {border-bottom:1px solid blue; overflow:auto; width:760px; padding:0; margin:20px 0px 0px 0px}
div.recommendation H1 {font:bold 16px Tahoma; padding-left:20px; color:#ff0000}
div.recommendation ul {border-top:1px solid #ff0000; border-bottom:1px solid #ff0000; width:365px; height:150px; padding:0; margin:0 10px 10px 0; float:left; background:url(../images/menue_background_top.gif) repeat-x;}
div.recommendation ul li {list-style:none;}
div.recommendation ul li.Image {float: left; margin:20px 5px 5px 5px}
div.recommendation ul li.Title { float:left; padding:10px 0px 0px 10px; font: normal 14px Verdana; color:#010101;width:265px }
div.recommendation ul li.Title a { color:#010101;}
div.recommendation ul li.Title a:hover { color:#ff0000;}
div.recommendation ul li.SKU { float:left; padding:0px 0px 0px 10px; font: normal 11px Verdana; color:#666666;width:265px}
div.recommendation ul li.SKU a {font: normal 11px Verdana; color:#666666;}
div.recommendation ul li.SKU a:hover {font: normal 11px Verdana; color:#ff0000;}
div.recommendation ul li.Price {width:250px; float:left; padding:15px 0px 0px 10px; font: normal 11px Verdana; color:#666666; text-align:right}
div.recommendation ul li.Price span {color:#ff0000;font: normal 16px Verdana; padding-left:10px}
div.recommendation ul li.Price a {float:right; font: normal 11px Verdana}
div.recommendation ul li.basket {width:320px; float:left; padding:0px 30px 0px 10px; font: normal 11px Verdana; color:#666666;text-align:right;}
div.recommendation ul li.basket img {margin:auto; float:none}
div.bestseller {border-bottom:2px solid #ff9600; overflow:auto; width:750px; padding-bottom:10px}
div.bestseller h1 { width:590px; text-align:right; float:right; font:normal 24px Verdana; color:#4c4d4e; padding-right:10px; margin:0;}
div.bestseller ul {margin:0; padding:0; margin-top:10px;}
div.bestseller ul li {margin:0; padding:0;list-style:none;}
div.bestseller ul li img {float:left; margin:-10px 0px 10px 0px}
div.bestseller ul li.Title {width:545px; float:left; padding:20px 0px 0px 50px; font: normal 14px Verdana; color:#010101; border:0px; border-top:2px solid #ff9600; background:url(../images/menue_background_top.gif) repeat-x;}
div.bestseller ul li.Title a { color:#010101;}
div.bestseller ul li.Title a:hover { color:#ff0000;}
div.bestseller ul li.SKU {width:550px; float:left; padding:0px 0px 0px 50px; font: normal 11px Verdana; color:#666666; border:0px;}
div.bestseller ul li.SKU a {font: normal 11px Verdana; color:#666666;}
div.bestseller ul li.SKU a:hover {font: normal 11px Verdana; color:#ff0000;}
div.bestseller ul li.Price {width:450px; float:left; padding:20px 100px 0px 50px; font: normal 11px Verdana; color:#666666; border:0px; text-align:right}
div.bestseller ul li.Price span {color:#ff0000;font: normal 20px Verdana; padding-left:10px}
div.bestseller ul li.Price a {float:right; font: normal 11px Verdana}
div.bestseller ul li.basket {width:450px; float:left; padding:0px 0px 0px 50px; font: normal 11px Verdana; color:#666666;text-align:right;}
div.bestseller ul li.basket img {margin:auto; float:none}
/* ---------------------General styles--------------------- */
em {color:#646464; font-style:normal;}
h1
{margin:0px; font-weight:bold; font-size:14px; color:#666666; padding:3px;}
h1 span label {font:normal 11px Verdana}
textarea {border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:80%;}
/* we need it for working with height and percentage, see e.g. http://www.quirksmode.org/ -> Tasks */
/* html should be defined in the application specific stylesheet */
/* ---------------------ERROR MESSAGES--------------------- */
/*../mimes/
.error span {text-align:left; }
.error-items {border:1px solid silver; background: url(../mimes/images/error.gif) no-repeat 4px 3px; background-color:#ffddcc; width:93%; padding:5px; margin-left:5px; padding-left: 25px; margin-right:2px; margin-bottom:5px; margin-top:0px; text-align:left; color:#000000; font-size:100%; }
.error-items span {text-align:left; }
*/
abbr {text-decoration: none}
a.icon, a.icon:link, a.icon:visited, a.icon:hover {text-decoration: none} /* use it for links around icons */
div.module-name { background: none #FFFFFF; color: Teal; text-align: left; font-weight: normal; display: inline; font-size : xx-small; font-family:Verdana,Geneva,sans-serif; }
/* metadescription is used for describing the content of a side for screenreader programs */
.metadescription {display: none}
/* 20081003 Order Page Layout*/
.header-basic table.layout
{margin: 0px; padding: 0px; width: 100%;}
.header-basic table.layout td.col1
{margin: 0px; padding: 3px 5px; vertical-align: top; width:35%; border-right:1px dotted #eaeaea}
.header-basic table.layout td.col2
{margin: 0px; padding: 3px 5px; vertical-align: top; width:65%; }
table.header-general
{margin:3px; padding:0px; border:1px solid #999999; width:90%}
.header-general td
{margin: 0px; padding: 2px 3px 2px 3px; border-bottom:1px dotted #eaeaea}
.header-general .identifier
{width:50%; vertical-align:middle; }
.header-general .value
{vertical-align:middle;}
.textinput-large
{width:90%; }
table.price-info
{width:90%; margin:3px; padding:0px; border:1px solid #999999; margin-top: 5px; }
.price-info td
{margin: 0px; padding: 2px 3px 2px 3px; border-bottom:1px dotted #cccccc}
.price-info td b
{font-size:12px}
.price-info .identifier
{width:50%; text-align:left; vertical-align:middle; }
.price-info .value
{text-align:right;vertical-align:top; background-color:#eaeaea;}
/*
.price-info .identifier-1 {width: 11em; text-align:left; vertical-align:top; }
.price-info .value-1 {text-align:left; padding-left:2px; vertical-align:top; }
*/
.data
{width: 95%; border:1px solid #999999; }
.data td
{margin: 0px; padding: 2px 3px 2px 3px; border-bottom:1px dotted #cccccc}
.data td select
{width:80%; background:#eeeeee}
.data .identifier
{width:30%; text-align:left; vertical-align:middle; padding-top:3px;}
.data .value
{width:70%; padding-right: 0px;}
.data .identifier-multiline
{text-align:left; vertical-align:top; padding-top:3px;}
.data .title {font-weight:bold; text-align:left; }
.data img {border: 0px; width:16px; height:16px; vertical-align:-4px; }
/* for icons after select-boxes
.data .img-1 {width:16px; height:16px; vertical-align: bottom;} /* for icons after input fields
.data .img-2 {width:16px; height:16px; vertical-align: middle;} /* for icons after normal text
.data a.helpvalues img {width:16px; height:16px; vertical-align: bottom;}*/
/*.header-general .identifier-multiline {width: 12em; text-align:left; vertical-align:top;}
.header-general img {border: 0px; width:16px; height:16px; vertical-align:-4px; }
for icons after select-boxes
.header-general .img-1 {width:16px; height:16px; vertical-align: bottom;} /* for icons after input fields
.header-general .img-2 {width:16px; height:16px; vertical-align: middle;} /* for icons after normal text */
.document-items
{margin:5px;}
#contractlist
{width:100%; border:1px solid #cccccc; font-size:11px; color:#000000; margin-bottom:10px}
#contractlist th
{background:#b2b2b2; text-align: center; padding:3px 0px; border-bottom:1px dotted #cccccc; color:#ffffff; font-weight:normal; font-size:10px}
#contractlist td
{border-bottom:1px dotted #eaeaea; vertical-align:middle; padding:3px 0px; margin:0px; text-align: center; }
#contractlist img
{width:16px; height:16px; border:0px; fon}
#contractlist input.textInput {font-size:10px; margin-bottom:5px; margin-top:-5px}
#contractlist a:link, .itemlist a:visited
{color:#333333; font-size:12px}
#contractlist a:hover
{text-decoration:underline}
#contractlist.odd
{background:#FFFFFF; vertical-align:middle;}
#contractlist.even
{background:#F2F2F2; vertical-align:middle;}
.itemlist
{width:100%; border:1px solid #999999;
padding:0px; color:#000000;}
.itemlist th
{background:#666666; border-right:1px dotted #cccccc; text-align: center; padding:5px; border-bottom:1px dotted #cccccc; color:#ffffff}
.itemlist td
{border-right:1px dotted #eaeaea; vertical-align:middle; padding:2px 4px 2px 4px; margin:0px;}
.itemlist img
{width:16px; height:16px; border:0px}
.itemlist a:link, .itemlist a:visited
{color:#333333; font-size:12px}
.itemlist a:hover
{text-decoration:underline}
.itemlist .odd
{background:#FFFFFF; vertical-align:middle;}
/*.itemlist .odd-error {}
.itemlist .odd-info
{background:#FFFFFF; border-right:1px solid #CCCCCC}
.itemlist .odd td
{background:#FFFFFF; border-right:1px solid #CCCCCC; border-left:0px; border-bottom:0px; border-top:0px; vertical-align:middle; padding:3px; margin:0px;}
.itemlist .odd-info td {border-right:1px solid #CCCCCC}*/
.itemlist .even
{background:#F2F2F2; vertical-align:middle;}
.itemlist .toner_promo
{background:#fffe97; vertical-align:middle;}
/*.itemlist .even-error {background:#F2F2F2; margin:0px; padding:0px;}
.itemlist .even-info {}
.itemlist .even td {background:#F2F2F2; border-right:1px solid #CCCCCC; border-left:0px; border-bottom:0px; border-top:0px; vertical-align:middle; padding:3px;}
.itemlist .even-error td {border-right:1px solid #CCCCCC; }
.itemlist .error {width:92%;}
.itemlist .info {width:92%;}
*/
.itemlist .separator {border-top:1px solid #CCCCCC; padding:0px; margin:0px;}
/*
.itemlist td.select, .itemlist th.select {width: 19px; padding-left: 3px}
*/
.itemlist td.opener, .itemlist th.opener {width: 17px; }
.itemlist th.item
{width:30px}
.itemlist td.item
{text-align: left}
.itemlist th.product
{width:70px}
.itemlist td.product
{text-align: center; white-space: nowrap}
.itemlist td.product input
{/*width:90%*/}
.itemlist td.qty input
{/*width:60%*/}
/*.itemlist td.product img
{vertical-align: -4px}*/
.itemlist th.qty
{width:50px; font-weight:normal}
.itemlist td.qty
{text-align: center}
.itemlist th.unit
{width:60px; text-align: center}
.itemlist td.unit
{text-align: left}
.itemlist td.unit input
{width:60%}
.itemlist th.qty-avail
{width:50px;}
.itemlist td.qty-avail
{text-align: right}
.itemlist th.date-on
{width:50px;}
.itemlist td.date-on
{text-align: right}
.itemlist th.delete
{width:20px;text-align: center}
.itemlist td.delete
{text-align: center}
.itemlist th.price em
{font-weight: normal; color: #ffffff; font-size:10px}
.itemlist th.price, .itemlist th.price-unit {width: 80px}
.itemlist td.price, .itemlist td.price-unit {text-align: right; white-space: nowrap;}
/*
.itemlist td.desc {text-align: left;}
.itemlist td.ref-doc {text-align: left;}
.itemlist td.status, th.status {text-align: center; width: 5em;}
.itemlist td.qty-rest {text-align: right}
.itemlist td.product table {border-collapse: collapse; border-width: 0px; margin-top: 0.5ex}
.itemlist td.product td {border-width: 0px; padding: 0.1ex}
.itemlist td.config-group span {font-style: italic}
*/
#buttons
{margin:0px; padding-top:1px; width:100%; overflow:auto}
@media print {
#buttons {display: none}
}
ul.buttons-1
{margin:5px; padding:0px 10px; width:45%; float:left;}
ul.buttons-1 li
{display: inline; list-style: none; float: left; font-weight:bold; vertical-align: middle; white-space: nowrap; margin-right: 10px;}
ul.buttons-1 img.icon
{border: 0px none; vertical-align: -3px}
ul.buttons-3
{margin:5px; float:right; width:45%}
ul.buttons-3 li
{display: inline; list-style:none; float: right; margin-right: 10px; font-weight:bold;vertical-align: top}
/*
ul.buttons-1 a, ul.buttons-2 a, ul.buttons-3 a
{text-decoration:none; border:1px solid silver; padding-top:2px; padding-bottom:3px; padding-left:7px; padding-right:7px;}
ul.buttons-1 a:link, ul.buttons-2 a:link, ul.buttons-3 a:link
{color:#FFFFFF; background-color:#21598C;}
ul.buttons-1 a:visited, ul.buttons-2 a:visited, ul.buttons-3 a:visited
{color:#FFFFFF; background-color:#21598C;}
ul.buttons-1 a:hover, ul.buttons-2 a:hover, ul.buttons-3 a:hover
{color:#FFFFFF; background-color:#286DAB;}
ul.buttons-2 {position:absolute; bottom: 7px; left:40%; margin:0; padding:0px; list-style: none inside;}
ul.buttons-2 li {display: inline; float: left; font-weight:bold; line-height: 5ex; vertical-align: top; margin-right: 1em; }
*/
/*
ul.buttons-1 {border: 0px solid red;margin-left:10px; margin-top: 10px; padding-left: 0; list-style: none outside; float:left;}
ul.buttons-1 li {float: left; margin-right: 1em; font-weight:bold; line-height: 5ex; vertical-align: top;}
ul.buttons-1 img.icon {border: 0px none; vertical-align: -15%}
ul.buttons-2 {border: 0px solid red;margin-left:5px; float:left; list-style: none outside; margin-top: 10px}
ul.buttons-2 li {float: left; margin-right: 1em; font-weight:bold; line-height: 5ex; vertical-align: top}
ul.buttons-3 {border: 0px solid red;float: right; list-style:none outside; margin-top: 10px}
ul.buttons-3 li {float: left; margin-right: 1em; font-weight:bold; line-height: 5ex; vertical-align: top}
/* disabled buttons
ul.buttons-1 li.disabled a, ul.buttons-2 li.disabled a, ul.buttons-3 li.disabled a
{text-decoration:none; border:1px solid silver; padding-top:2px; padding-bottom:3px; padding-left:7px; padding-right:7px;}
ul.buttons-1 li.disabled a:link, ul.buttons-2 li.disabled a:link, ul.buttons-3 li.disabled a:link
{color:#DEDEDE; background-color:#21598C;}
ul.buttons-1 li.disabled a:visited, ul.buttons-2 li.disabled a:visited, ul.buttons-3 li.disabled a:visited
{color:#DEDEDE; background-color:#21598C;}
ul.buttons-1 li.disabled a:hover, ul.buttons-2 li.disabled a:hover, ul.buttons-3 li.disabled a:hover
{color:#DEDEDE; background-color:#21598C;}*/
.header-additional
{margin:3px 5px 0px 5px; padding: 0px; text-align:right}
h1.area
{margin: 0px 0px 0px auto; background-color: #eaeaea; width:60.9%; font-size:13px; border:1px solid #cccccc}
h1.area img
{width:16px; height:16px; border:0px; margin: 0px 3px 0px 6px; vertical-align: -0.5ex;}
div.area
{margin:-1px 0px 0px 0px; padding:0px; border: 1px solid #999999; width: 99.8%; overflow: visible; text-align:left}
h2
{margin: 5px 0px 0px 0px; padding: 5px; border: 0px; padding-left: 3px; font-size: 12px; font-weight: bold; margin-bottom: 1px; text-align:left }
div.group{
margin-left: 5px;
margin-right: 5px;
padding: 0px;
width: 99%;}
div.group table {width:100%}
div.group table .textinput-large {width:50%; margin-left:10px }
div.group p {margin: 0px 0px 5px 0px;}*/
table.list-simple
{width:99%; border:1px solid #C9D7E9; margin-left:3px; margin-top:0px; margin-bottom: 4px; padding:0px; color:#000000;}
.list-simple th
{background:#F0F4FA; border:1px solid #CCCCCC; text-align: center; padding:2px}
.list-simple td
{border-style:solid; border-color:#CCCCCC; border-right:1px; border-left:0px; border-bottom:1px solid #cccccc; border-top:0px; vertical-align:middle; padding:2px; padding-top:4px; padding-bottom: 4px; margin:0px;text-align:center}
.list-simple td.holder input {width:170px}
.list-simple td.number input {width:45px}
.list-simple td.amount input {width:45px}
table.message textarea {width:80%; height:40px}
.negotiation
{margin:0px; background:#FFFFFF; text-align:left; color:#000000}
.documents img {width:16px; height:16px; border:0px}
/*---------------------WELCOME---------------------*/
#nodoc-default
{ background:url(images/welcome.jpg) no-repeat right top;margin:55px 5px 0px 5px; padding:0px 150px 0px 0px }
.nodoc a {color: #666666; font-weight:bold}
.nodoc a:link {color: #666666}
.nodoc a:visited {color: #999999;}
.nodoc a:hover {color: #ff0000;}
/*#nodoc-first, #nodoc-default {color:#000000; height: 100%}
#nodoc-first p, #nodoc-default p {margin-left: 2em; margin-top: 1ex; margin-bottom: 1ex; width: 40em;}*/
#nodoc-first ul, #nodoc-default ul {list-style-image: url('images/arrow_right.gif'); margin-top: 3ex;}
#nodoc-first li, #nodoc-default li {margin-top: 1ex; margin-bottom: 1ex; padding-left:10px;}
/*#nodoc-header {}
#nodoc-welcome {margin-top: 3ex; width: 97%}*/
#nodoc-catalog {margin-top: 20px;}
#nodoc-catalog ul { margin:0px 0px 20px 0px; padding:0px}
#nodoc-catalog ul li {font-size:20px; list-style-image: url('images/arrow_right.gif'); }
#nodoc-transactions {margin-top: 20px;}
#nodoc-transactions ul.ordering { list-style-image: url('images/arrow_right.gif'); padding-left:30px; margin:0px 0px 10px 0px}
#nodoc-transactions ul.ordering li {display:inline; padding:0px 10px 0px 10px; margin:0px}
#nodoc-transactions ul.ordering li.main {font-size:20px; display:list-item; padding-left:8px}
#nodoc-transactions ul.quoting { list-style-image: url('images/arrow_right.gif'); padding-left:30px; margin:10px 0px 10px 0px; overflow:auto}
#nodoc-transactions ul.quoting li {display:inline; padding:0px 10px 0px 10px; margin:0px}
#nodoc-transactions ul.quoting li.main {font-size:16px; display:list-item; padding-left:8px}
/*#nodoc-transactions p {width: 100%}
#nodoc-transactions .fieldWithHelpValue {margin-left: 2em; margin-top: 5px; margin-bottom:5px;}
*/
/*#nodoc-default p {padding-left:10px}
div#nodoc-default div.recommendation, div#nodoc-default div.bestseller {margin-top:20px;}
div#nodoc-default div.product-recommendations {margin:10px}
div#nodoc-default div.bestseller
/* styles needed from createdocument.jsp --
body.createdoc #nodoc-default {height: 87%}
body.createdoc .fieldWithHelpValue {margin-left: 2em; font-size: 60%}
/*...Fields..............................................
.textinput {border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%;}
.textinput-small {border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:5em;}
.textinput-middle {border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:8em;}
.textinput-large {border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:23em; }
.delete {text-align:center;}
.select-large {border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:23em;}
.textarea-disabled {background:#F7F7F7;}
/*...Document..............................................
@media screen {
#document {width:100%; height:86%; overflow:auto; margin-top:0px; padding:0px;}
}
/*...Document Header..............................................
.document-header {width:96%; margin: 0px; margin-left: 5px; padding: 0px; text-align:left; color:#000000; font-size:60%;}
.header-basic, .header-itemdefault, .header-additional, .header-docflow
{margin: 0px; padding: 0px; width: 100%;}
.header-basic {margin-top: 2px;}
.header-itemdefault {margin-top: 0ex; padding-left: 1px;}
.header-additional {margin-top: 2ex; }
.header-docflow {margin-top: 2ex;}
.header-itemdefault .select-xlarge {width: 90%}
.header-itemdefault .select-large {width: 18.5em}
.header-misc {padding: 1ex 0em 1ex 1em; border-bottom: 2px solid #DCE3EC;}
.header-payment {padding: 1ex 0em 1ex 1em; border-bottom: 2px solid #DCE3EC;}
body.payment .header-payment {border: 0px;}
body.payment #paymentform {margin: 0px; padding: 0px;}
.header-payment .type select, .header-payment .holder input, .header-payment .cardnumber, .header-payment .cvv, .header-payment .serial, .header-payment td.validity input, .header-payment td.amount input
{border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%}
.header-payment p {margin-left:4px; margin-bottom: 4px; margin-top: 2px;}
.header-payment .type select {width: 12em}
.header-payment .holder input {width: 12em}
.header-payment td.number {white-space: nowrap}
.header-payment .number input {width: 11em}
.header-payment input.cardnumber {width: 11em}
.header-payment input.cvv {width: 4em}
.header-payment input.serial {width: 2em}
.header-payment td.validity {white-space: nowrap}
.header-payment .validity input {width: 2.5em}
.header-payment .amount input {width: 5em; text-align: right;}
.header-payment .payment-price {margin-top: 5ex}
.header-payment .payment-price p {font-weight: bold}
.header-payment .payment-price em {font-weight: bold; color:#000000; background-color:#FFD18C; padding: 0.5ex}
.header-payment .payment-select {margin-top: 8ex}
.header-payment .payment-cards {margin-top: 8ex}
.header-payment .payment-cards p {margin-bottom: 2ex}
.header-message {padding: 1ex 0em 1ex 1em;}
.header-message div.group {height: 86px} /* Gecko Hack: else the box will not contain the textarea
.header-docflow a {white-space: nowrap}
.header-docflow a:link {color:#426DCE}
.header-docflow a:hover {color:#426DCE; background-color:#DEE3EF}
.header-docflow a:visited {color:#426DCE}
/*...Grouping structures area and group
h1.area {border: 1px solid #DCE3EC; margin: 0px; padding: 0.5ex 0ex 0.5ex 0ex; width: 100%; background-color: #DCE3EC; color: black; font-size: 100%; font-weight: bold;}
h1.area img {width:16px; height:16px; border:0px; margin: 0px 3px 0px 6px; vertical-align: -0.5ex;}
div.area {margin: 0px; padding: 0px; border: 1px solid #DCE3EC; width: 100%; overflow: visible }
h1.group {margin: 0px; padding: 0px; border: 0px; padding-left: 3px; background-color: #FFFFFF; color: black; font-size: 100%; font-weight: bold; width: 99%; margin-bottom: 1px; }
div.group {margin: 0px; padding: 0px; border: 0px solid #DCE3EC; width: 97%; }
div.group p {margin: 10px 0px 5px 3px;}
/*...Data..............................................
/*...Status..............................................
.status {width: 25em; padding:0px; margin-top:1ex; margin-left: auto;font-weight:bold; }
.status .identifier {width: 11em; text-align:left; vertical-align:middle;}
.status .value {text-align:left; padding-left:2px; vertical-align:middle;}
/*...Price..............................................*/
/*.price {width: 23em; float: right; border-collapse:collapse; margin-top:5ex; color:#000000;} deprecated */
/*.price .separator {height:1%; border-top:1px solid #000000; padding: 0px; } deprecated */
/*.price .identifier {width: 11em; text-align:right; vertical-align:middle; } deprecated */
/*.price .value {text-align:right; padding-left:2px; vertical-align:middle; background-color:#FFD18C;} deprecated */
/*.price td {margin-top:0px; border:0px; padding:2px; text-align: right;} deprecated
/*...Data Message..............................................
.message {float: left; width: 80%; border:0px solid blue; margin-top:0px; text-align:left; color:#000000; font-size:100%; vertical-align: top;}
.message .identifier {width:130px; text-align:right; vertical-align:top;padding-top:3px;}
.message .value {text-align:left; padding-left:2px; vertical-align:top;}
.message img {width:16px; height:16px; vertical-align:top; border:0px; }
table.message {width: 97%; margin: 0px; padding: 0px;}
table.message .identifier {width: 14em; text-align:left; vertical-align:top;padding-top:3px;}
table.message .value {padding-left: 0px}
table.message textarea {width:93%}
/*...Infomessage..............................................
.info {border:1px solid #9e9e9e; background: url(../mimes/images/warning.gif) no-repeat 4px 3px; background-color:#ffffdd; width:97%; padding:5px; padding-left: 25px; margin-bottom:0px; margin-top:10px; margin-left:5px; margin-right:2px}
.info span {text-align:left;}
.info p {margin:0; padding:0}
/*...Basket Messages..........................................
.warning-message, .info-message {border:1px solid #9E9E9E; margin:10px 2px 0px 5px; padding:5px 5px 5px 25px; width:94%;}
.warning-message span, .info-message span {text-align:left;}
.warning-message p, .info-message p {margin:0; padding:0}
.info-message {background:#FFFFFF url(../mimes/images/s_n_info.gif) no-repeat scroll 4px 3px;}
.warning-message {background:#FFFFDD url(../mimes/images/s_n_warn.gif) no-repeat scroll 4px 3px;}
.mess-items {width: 93%;}
/*--------------------- global message pages ---------------------
#message-content {border: 0px solid green; margin:0px; background-color:#FFFFFF; color:#000000; font-family:Verdana,Geneva,sans-serif; }
#message-content .error {font-size: 60%; }
#message-content .error p {border: 0px solid black; margin: 0px; padding: 0px}
#message-content .info {font-size: 60%;}
/*--------------------- message page in workarea ---------------------
.message-workarea .header-basic {margin-top: 40px}
.message-workarea .document-header div.buttons {margin-top: 30px}
/*---------------------table for simple lists---------------------
table.list-simple {width:99%; border:1px solid #C9D7E9; border-collapse:collapse; margin-left:3px; margin-top:0px; margin-bottom: 4px; padding:0px; color:#000000;}
.list-simple th {background:#F0F4FA; border:1px solid #CCCCCC; text-align: center; padding:2px}
.list-simple td {border-style:solid; border-color:#CCCCCC; border-right:1px; border-left:0px; border-bottom:0px; border-top:0px; vertical-align:middle; padding:2px; padding-top:4px; padding-bottom: 4px; margin:0px;}
/*---------------------DOCUMENTS ITEM FILTER---------------------
.document-item-filter {float: left; border:1px solid #dddddd; margin-left:7px; margin-top: 15px; margin-bottom: 0px; padding:3px; background:#F2F2F2; width:97%; text-align:left; color:#000000; font-size:60%; }
.document-item-filter .title {width:99%; margin-top:10px; margin-bottom:10px; margin-left:2px; }
.document-item-filter table {width:99%; text-align:left; }
.document-item-filter td input {vertical-align: 10%}
.document-item-filter .button {text-align: right;}
.document-item-filter .separator-top {}
.document-item-filter .separator-bottom {}
.document-item-filter .filter-result-msg {margin-top:7px; margin-bottom:5px; margin-left:2px; font-size: 100%}
/*---------------------DOCUMENTS ITEM LIST---------------------
/* Subitem-Styles
.itemlist .even .item-sub-1 {padding-left:15px; background-color: #F2F2F2}
.itemlist .even .item-sub-2 {padding-left:30px; background-color: #F2F2F2}
.itemlist .even .item-sub-3 {padding-left:45px; background-color: #F2F2F2}
.itemlist .odd .item-sub-1 {padding-left:15px;}
.itemlist .odd .item-sub-2 {padding-left:30px;}
.itemlist .odd .item-sub-3 {padding-left:45px;}
.itemlist .odd-detail {background:#FFFFFF; margin:3px; padding:5px}
.itemlist .detail {border-left:1px solid #CCCCCC}
.itemlist .even-detail {background:#F2F2F2; margin:3px; padding:5px; }
/*...Detail..............................................
.item-detail {border:1px solid #CCCCCC; width:99%; border-collapse:collapse; margin-left:2px; margin-right:2px; margin-bottom:1ex; font-size:100%; color:#000000}
.item-detail .identifier {width: 19em; border: 0px; white-space: nowrap; text-align:left; vertical-align:middle; padding:3px}
.item-detail .message-data .identifier {vertical-align:top; }
.item-detail .value {text-align:left; border: 0px; padding: 3px; vertical-align:middle;}
.item-detail .value .textinput-middle {text-align:left; padding-left:2px; vertical-align:top;}
.item-detail .value select {text-align:left; padding-left:2px; vertical-align:top;}
.item-detail img {border: 0px; width:16px; height:16px; vertical-align: -6%}
.item-detail .img-1 {width:16px; height:16px; border: 0px; vertical-align: -7px} /* for icons after input fields
.item-detail .img-2 {width:16px; height:16px; } /* for icons after normal text
.item-detail .img-3 {width:16px; height:16px; vertical-align: top} /* for icons after textarea
.item-info {border:1px solid #CCCCCC; width:99%; border-collapse:collapse; margin-left:2px; margin-right:2px; margin-bottom:2px; font-size:100%; color:#000000}
.item-info .icon {width: 2.3em; border: 0px; background: url(../mimes/images/warning.gif) no-repeat 4px 3px; height: 20px; }
.item-info .identifier-2, .item-info .identifier-3
{text-align:right; vertical-align:middle; padding: 2px}
.item-info .identifier-1 {width: 16em; border: 0px; text-align: right; vertical-align:middle; padding: 2px}
.item-info .value-1, .item-info .value-2, .item-info .value-3
{text-align:left; border: 0px; padding:2px; vertical-align:middle;}
/*---------------------DOCUMENTS GROUPED BUTTONS---------------------
/*...Single Buttons.............................................
a.button-disabled {text-decoration:none; border:1px solid silver; font-family:Verdana,Geneva,sans-serif; font-size:100%; font-weight:bold; padding-top:3px; padding-bottom:3px; padding-left:7px; padding-right:7px; margin-bottom:3px; margin-top:3px; height:15px}
a.button-disabled:link {color:#DEDEDE; background-color:#ff4000;}
a.button-disabled:visited {color:#DEDEDE; background-color:#ff4000;}
a.button-disabled:hover {color:#DEDEDE; background-color:#ff4000;}
/*---------------------ORGANIZER---------------------*/
/*
div.document-search-workarea {background:#FFF; height:101%;border-top: 1px solid white; margin-top: -1px} /* Firefox-Hack
#navigator {position:absolute; top:20px; left:0px; border:0px}
#navigator2 {position:absolute; top:100px; left:0px; border:0px}
#navigator3 {position:absolute; top:200px; left:0px; border:0px}
/*
Generic Search
==============
The generic search may be rendered in several columns. Every search jsp with a different number of culumns needs its own style.
We define the styles for the 1 column search jsp (gensearch-col-1) and the 3 column search jsp (gensearch-col-3).
body.document-search-workarea #gensearch-col-1 {width:95%; overflow:scroll}
/*
#gensearch-col-3 {overflow:auto; margin-left:3px; margin-top:10px; margin-bottom:0px; font-size:10px; }
#gensearch-col-3 #gensearch {border: 0px solid #BBBBBB; height: 34ex; width: 97.5%; background-color: #DCE3EC}
#gensearch-col-3 .filter-1 {margin-top: 3ex; margin-left: 1ex; margin-right: 1ex; width: 30%; height: 20ex; float: left; background-color: #F0F4FA}
#gensearch-col-3 .filter-2 {margin-top: 3ex; margin-right: 1ex; width: 30%; height: 20ex; float: left; background-color: #F0F4FA}
#gensearch-col-3 .filter-3 {margin-top: 3ex; margin-right: 1ex; width: 30%; height: 20ex; background-color: #F0F4FA }
#gensearch-col-3 .filter-1 select,#gensearch-col-3 .filter-2 select,#gensearch-col-3 .filter-3 select,#gensearch-col-3 .filter-4 select
{width:150px; border:1px solid silver; padding-left:2px; background-color:#FFFFFF}
#gensearch-col-3 .filter-1 .input-1, #gensearch-col-3 .filter-2 .input-1, #gensearch-col-3 .filter-3 .input-1, #gensearch-col-3 .filter-4 .input-1
{width:145px; border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%}
#gensearch-col-3 .filter-1 .input-2, #gensearch-col-3 .filter-2 .input-2, #gensearch-col-3 .filter-3 .input-2, #gensearch-col-3 .filter-4 .input-2
{width:69px; border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%}
#gensearch-col-3 .filter-1 .input-3, #gensearch-col-3 .filter-2 .input-3, #gensearch-col-3 .filter-3 .input-3, #gensearch-col-3 .filter-4 .input-3
{width:125px; border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%}
#gensearch-col-3 .filter-1 img, #gensearch-col-3 .filter-2 img, #gensearch-col-3 .filter-3 img, #gensearch-col-3 .filter-4 img
{width:16px; height:16px; vertical-align:-20%; border:0px}
#gensearch-col-3 .filter-1 table, #gensearch-col-3 .filter-2 table, #gensearch-col-3 .filter-3 table
{border: 0px solid black; width: 100%; border-collapse: collapse; margin:1ex}
#gensearch-col-3 .filter-1 td, #gensearch-col-3 .filter-2 td, #gensearch-col-3 .filter-3 td
{border: 0px solid red}
#gensearch-col-3 #gensearch .buttons {clear: both; margin: 2em 0em 2em 2em; width: 93.5%; line-height: 2ex}
#gensearch-col-3 .filter-result {width:98.5%; border:0px; margin: 0px;}
#gensearch-col-3 .filter-result table {width:99%; font-size:100%; border:1px solid #DCE3EC; border-collapse:collapse;}
#gensearch-col-3 .filter-result-msg { font-size: 100%; color:#000000; margin-top:10px; margin-bottom:10px;}
#transaction {width:100%; height:90%; overflow:auto;}
*/
/*---------------------OPEN CLOSER---------------------*/
/* */
.closer {height:100%; background:url(images/bckprdlist.gif) repeat-x;}
/* */
#leftArrow {margin:2px}
#rightArrow {margin:2px}
/*--------------------- selection screens - e.g. shop selection after login ---------------------
.selection-shop #header-extradiv1 {display: none}
#scrollable-selection {position:absolute; height:100%;width:100%;overflow:auto; }
.selection {margin-left: 20%; margin-top: 40px; width: 30em;}
.selection .filter-result {margin-top: 20px;}
/*--------------------- message page for error handling in accessibility mode ---------------------
.messages-header, .messages-list, .messages-buttons
{border: 0px solid green; margin:2em; background-color:#FFFFFF; color:#000000; font-family:Verdana,Geneva,sans-serif; font-size:70%;}
.messages-header a, .messages-list a, .messages-buttons a
{text-decoration:none; color: #000000}
.messages-header h1 {border: 0px; padding: 0px; margin: 0px; font-size:larger;}
/*...Login..............................................
.login {margin-left:0px; margin-top:5px; padding:0px; font-size: 10px; text-align:left; color:#000000; }
.login .message {float:none; clear:left;}
.login .error {float:none; clear:left;}
.login .info {float:none; clear:left;}
.login ul {margin-left:0px; margin-bottom:8px; margin-top:15px; padding-left:0px;}
.login ul li {list-style: none outside; text-align:left; padding-top:5px; margin-left:0px; margin-top:5px; margin-bottom:5px; padding-left:0px;}
.login ul li select {width:200px; border:1px solid silver; padding-left:2px; background-color:#FFFFFF}
.login ul li label {font-weight:bold;}
.login ul li .text {vertical-align:top;}
.login ul li .button1 {margin-top:5px; padding-left:0px; margin-left:0px;}
.login ul li .label-input {vertical-align:bottom; padding:5px; margin-left:0px; padding-left:0px}
.login ul .input-1 {width:194px; border:1px solid silver; padding-left:2px; background-color:#FFFFFF; font-size:100%}
/*.....Partner Locator............................
.partner-locator {border: 0px; width:99%; height:99%;}
.partner-locator .content {height:80%; overflow:auto;}
.partner-locator .content-portal {height:90%; overflow:auto;}
.partner-locator .buttons-search {height:10%; margin:0px; padding-top:9px; text-align:left;}
.partner-locator .buttons-scroll {height:10%; margin:0px; border-top:1px solid #C9D7E9; padding-top:9px; font-size:60%; text-align:left;}
.partner-locator ul.buttons-1 {margin-left:3px; float:left; list-style: none; }
.partner-locator ul.buttons-1 li {float: left; margin-right: 1em; font-weight:bold; line-height: 5ex; vertical-align: top;}
.partner-locator .filter {margin-left:5px; width:95%;}
.partner-locator .filter .filter {float: left; text-align:left; line-height: 3ex; color:#000000; font-size:90%;}
.partner-locator .filter .filter .title {font-weight:bold; text-align:left; font-size:100%;}
.partner-locator .filter .filter .identifier {width:70px; text-align:left; vertical-align:middle; padding-top:2px;}
.partner-locator .filter .filter .value {text-align:left; padding-left:2px; vertical-align:middle; padding-top:2px; }
.partner-locator .filter-msg {float: left; margin-left:5px; width:94%; padding-top:3ex; font-size:70%;}
.partner-locator .filter-msg .hits {float: left; font-weight:bold;}
.partner-locator .result {border: 0px; font-size:60%;}
.partner-locator ul.result-list {list-style:none; margin: 0px; padding: 0px;}
.partner-locator li.odd {float: left; background:#FFFFFF; width: 94%; vertical-align:middle; padding:3px; border-right:1px solid silver; border-left:1px solid silver; border-bottom:0px; border-top:1px solid silver}
.partner-locator li.even {float: left; background:#F2F2F2; width: 94%; vertical-align:middle; padding:3px; border-right:1px solid silver; border-left:1px solid silver; border-bottom:0px; border-top:1px solid silver}
.partner-locator ul.result-list ul {border:0px solid silver; width: 33%; margin: 0px; float: left; list-style:none;}
/*---------------------Help Value Search ---------------------
#help-values-search-content {width:100%; height:96%; overflow:auto; margin-left:3px; margin-top:10px; margin-bottom:0px; }
#help-values-search-content h1 {width: 95%}
#help-values-search-content #search {width: 96%}
#help-values-search-content .error {font-size: 60%; width: 95%}
#help-values-search-content .info {font-size: 60%; width: 95%}
.search-buttons {width:94%; margin:0px; padding-top:9px; border-top:1px solid #C9D7E9; font-size:60%; text-align:left;}
.input-values {margin-left:5px; width:95%; text-align:left; color:#000000; font-size:60%;}
.search-result {width: 94%; padding-bottom:3px; border:0px}
.search-result table {clear:both; width:99%; font-size:60%; border:1px solid #DCE3EC; border-collapse:collapse;}
.search-result a {text-decoration:underline; color:#426FC9}
.search-result a:active {color:#426FC9}
.search-result a:visited {color:#426FC9}
.search-result a:hover {color:#426FC9; background-color:#DCE3EC; text-decoration:underline}
.search-result .amount {text-align:right; }
.search-result th {text-align:center; border-right:1px solid #FFFFFF; background-color:#DCE3EC}
.search-result tr.odd {text-align:left; background-color:#FFFFFF}
.search-result tr.even {text-align:left; background-color:#F2F2F2}
.search-result td {margin:0px; padding:3px; border-right:1px solid #DCE3EC}
/*--------------------- Waiting screen (busy) ---------------------*/
#busy {text-align:center; vertical-align:middle; margin-top: 20ex}
#busy p {text-align:center; vertical-align:middle; margin-top: 3ex; font-size: 80%}
/*...Marketing.....................................................
#questions {width:100%; height:80%; overflow:auto; border-top:0px; margin-top: 0px; padding: 0px; font-size: 60%; }
#questions .top-message {width:94%; padding-bottom:5px;}
#questions p {color: red;}
.product-recommendations {width:100%; text-align:left; color:#000000; font-size:60%;}
/*...Predecessors.....................................................
.predecessors-doc {text-align:left; padding-left:5px; color:#000000; font-size:60%;}
.predecessors-doc .opener {font-weight:bold; padding-top:1ex; padding-bottom:2ex;}
/*--------------------- popups ---------------------*/
.popup #header-appl {background:url(../mimes/images/header.png) no-repeat top right; font-family: Verdana,Geneva, sans-serif; margin:0px; height:45px; border-bottom:0px solid #225A8D}
.popup #header-portal #header-extradiv1 {display: none; background-color:#225A8D; position:absolute; top:5px; left:1px; width:5px; height:22px}
.popup .content { font-size:100%; color:#000000; margin:30px 10px 10px 10px}
/*--------------------- group with radio buttons, implemented with a list ---------------------
ul.group-radio {list-style-type: none; margin: 2ex; padding: 0px;}
ul.group-radio span {margin-left: 1em;}
/* Order Change */
/*#order_positions {margin-top: 0px; height: 99.9%; overflow: hidden}
#order_positions {margin-top: 0px;}
/*--------------------- Adminarea styles ---------------------
a.showLogButton, a.showBackButton, a.logCommandButton { margin: -6px 0px; border:1px solid silver; font-family:Verdana,Geneva,sans-serif; font-size:100%; font-weight:bold; height:15px;padding:3px 7px; text-decoration: none; background-color: #21598C; color: #FFFFFF; }
.showLogButton a:hover { text-decoration: underline; }
a.showBackButton { font-size:60%; }
a.logCommandButton { margin-bottom:3px; margin-top:3px; }
/*2009*/
/*2009*/
/*2009*/
/*2009*/
/*2009*/
/*2009*/
table.tbl_welcome {}
table.tbl_welcome th h1 {font:normal 22px Verdana}
table.tbl_welcome th p {text-align:left; font:normal 13px Verdana; font-weight:normal; line-height:20px}
table.tbl_welcome td div {
border: 1px solid black;
background: #FBFBFC;
margin-left: 14px;
margin-bottom: 10px;
padding: 10px;
}
table.tbl_welcome td div a{
color: #83021A;
}