body {
  font-family: "Arial CE", Helvetica, sans-serif;
  font-size: 0.7em;
  padding: 0px;
  margin: 0px;
  overflow: visible;
}
img { border: none; }
input { border: 1px solid black; }
textarea { width: 300px; height: 100px; }

div.cleaner { clear: both; width: 0px; height: 0px; }
div.bold { font-weight: bold; }
div.clear { clear: left; }
div.left { float: left; }
div.italic { font-style: italic; }

span.bold { font-weight: bold; }
span.red { color: red; }

div.page { width: 100%; }

/* Menu */
div.menu { text-align: center; width: 95%; margin: 10px auto; overflow: hidden; }
div.menu div { float: left; }
div.menu div.logo { width:160px; height: 45px; border: 1px solid black; margin: 1px 3px 0 0; font-size: 1.2em; font-weight: bold; background-color: #7728ff; color: black; padding: 5px; }
div.menu div.logo div.title { font-size: 1.4em; }
div.menu div.logo div.version { clear: left; }
div.menu div.version { font-weight: bold; font-size: 1.3em; color: red; height: 45px; }
div.menu div.section { overflow: hidden; }
div.menu div.section div { float: left; border: 1px solid black; background-color: #7728ff; margin: 1px; font-size: 1.1em; padding-top: 3px; font-weight: bold; width: 100px; height: 19px; }
/*div.menu div.section div.actual { background-color: #ff0044; }*/
div.menu div.section div a { color: yellow; text-decoration: none; }
div.menu div.action { overflow: hidden; clear: left; width: 900px; }
div.menu div.action div { float: left; border: 1px solid black; background-color: #aaaaff; margin: 1px; padding-top: 1px; font-weight: bold; width: 100px; height: 28px; }
/*div.menu div.action div.actual { background-color: #ffff99; }*/
div.menu div.action div a { color: black; text-decoration: none; }

div.main { clear: left; margin-top: 10px; text-align: center; }
div.main div.content { text-align: left; width: 95%; margin: 0 auto; border: 1px solid gray; min-width: 1000px; }
div.main div.content div.pageTitle { margin: 5px 0 5px 0; text-align: center; font-size: 1.2em; font-weight: bold; }
div.main div.content { padding: 5px 5px 5px 5px; }
div.main div.loggedUser { width: 95%; margin: 0 auto; text-align: left; font-weight: bold; }

/* Messages */
div#errorsList { background-color: #ff0044; border-bottom: solid gray 1px; padding-left: 20px; margin-bottom: 5px; }
div#infosList { background-color: #7728ff; border-bottom: solid gray 1px; padding-left: 20px; margin-bottom: 5px; }
div#popupWindow { position: absolute; width: 300px; left: 150px; top: 320px; border: 1px solid red; background: #eeaaaa; padding: 10px; }
div#popupWindow div.button { width: 40px; margin: 10px auto 0 auto; }

/* Forms */
div.formItem { clear: both; margin-bottom: 1px; }
div.formItem label { float: left; width: 150px; text-align: right; margin-top: 3px; padding-right: 10px; }
div.formItem label.mandatory { font-weight: bold; }
div.formItem input { border: 1px solid black; width: 80px; }
div.formItem input.inputCheckbox { width: 1em; border: none; }
div.formItem input.extraExtraLongText { width: 380px; }
div.formItem input.extraLongText { width: 280px; }
div.formItem input.longText { width: 200px; }
div.formItem input.mediumText { width: 120px; }
div.formItem input.shortText { width: 80px; }
div.formItem input.extraShortText { width: 40px; }
div.formItem input.button { width: auto; }
div.formItem textarea { border: 1px solid black; }
div.formItem div.replaceInput { float: left; font-weight: bold; margin-top: 3px; margin-right: 20px; }
div.formButton { clear: both; margin-left: 153px; margin-top: 5px; }
div.formButton input.fb_eSave { background: #330077; color: #ebe6df; }
div.formButton input.fb_eDelete { background: #ff0044; }
div.formButton input#fb_eBackHidden { display: none; }
form.newButton input.fb_eSave { background: #330077; color: #ebe6df; }
div.backButton { margin-top: 0px; }
div.inputForm input.hiddenInput { display: none; }

/* Grids */
div.gridFilterForm { clear: both; font-size: 90%; xheight: 38px; margin-top: 10px; overflow: hidden; }
div.gridFilterForm div.formItem { clear: none; float: left; height: 19px; margin-right: 2px; }
div.gridFilterForm div.formItem label { width: auto; padding: 0 2px; }
div.gridFilterForm div.formButton { clear: none; margin-right: 0px; margin-top: 0px; }
div.gridFilterForm div.formButton input { margin: 1px; }
div.gridFilterForm input { font-size: 92%; }
div.gridFilterForm input.inputCheckbox { font-size: 148%; }
div.gridFilterForm select { font-size: 92%; }
div.gridTable { clear: both; }
div.gridTable div.gridNoData { text-align: left; font-weight: bold; }
div.gridTable table th { border: 1px solid #7728ff; background: #aaaaff; }
div.gridTable table tr.Odd td { background: #eeeeff; }
div.gridTable table tr.Even td { background: #dddddd; }
div.gridTable table tr.prealertOnly td { background: #eecccc; }
div.gridTable table tr.lppCanceled td { background: #888888; }
div.gridTable table tr.lppFinished td { background: #eecccc; }
/*div.gridTable table tr.hOver td { background-color: #aaaaff; }*/
div.gridTable table td { padding-right: 5px; padding-left: 3px; vertical-align: middle; }
div.gridTable table td.index { text-align: center; width: 15px; }
div.gridTable table td.tdLeft { text-align: left; }
div.gridTable table td.tdRight { text-align: right; }
div.gridTable table td.tdCenter { text-align: center; }
div.gridTable table td.tdBold { font-weight: bold; }
div.gridPagerForm { clear: both; width: 93%; margin: 0; padding-top: 5px; font-size: 90%; overflow: hidden; }
div.gridPagerForm div { float: left; margin-right: 5px; }
div.gridPagerForm form { float: left; margin-right: 5px; padding: 0; }
div.gridPagerForm input.inputText { width: 20px; }

/* Orders */
div.gridTable table.listOrderHeader td { vertical-align: top; }
div#detailOrder { text-align: center; }
table.orderDetail { text-align: left; margin: 10px auto; border: solid 1px black; background-color: #ffffdd; }
table.orderDetail input.text { font-size: 92%; width: 190px; }
table.orderDetail td { width: 395px; vertical-align: top; }
table.orderDetail table td { vertical-align: top; }
table.orderDetail div { float: left; }
table.orderDetail div.short { width: 160px; }
table.orderDetail div.half { width: 370px; }
table.orderDetail div.full { width: 790px; }
table.orderDetail div.label { clear: left; font-weight: bold; text-align: left; width: 120px; }
table.orderDetail div.number { font-weight: bold; font-size: 1.3em; color: red; }
table.orderDetail textarea { width: 400px; height: 40px; }
#table.orderDetail div.comment { width: 530px; }
table.orderDetail table.comment td.value { width: 500px; }
table.orderDetail table.comment td.time { width: 110px; }
table.orderDetail table.comment td.owner { width: 200px; }
table.orderDetail div.formButton { margin-left: 40px; }
table.orderDetail div.formButton input { margin-right: 3px; }
table.orderDetail table.skuDetail { margin: 0 auto; }
table.orderDetail table.skuDetail tr.install { color: green; }
table.orderDetail table.skuDetail tr.keyboard { color: blue; }
table.orderDetail table.skuDetail tr.lpp { color: red; }
table.orderDetail table.skuDetail td { text-align: center; }
table.orderDetail table.skuDetail td.flag { font-weight: bold; width: 30px; }
table.orderDetail table.skuDetail td.number { width: 70px; }
table.orderDetail table.skuDetail td.desc { width: auto; }
table.orderDetail table.skuDetail td.quantity { width: 30px; }
div.listOrderConfiguration table tr.highlight { font-weight: bold; color: red; }
div.orderServiceTag { margin-top: 10px; margin-bottom: 10px; }

div#orderDistribution input.text { font-size: 92%; width: 220px; }
div#orderDistribution textarea { height:80px; }
div#orderDistribution div.quantity { width: 750px; }
div#orderDistribution input.quantity { font-size: 92%; width: 30px; }

table.skuDetail td { border: 1px solid black; }
table.skuDetail tr.keyaboard { color: blue; }
table.skuDetail tr.install { color: green; }
table.skuDetail tr.lpp { color: red; }

/* Completion certificate */
div.completionCertificate { width: 710px; }
div.completionCertificate div.logo { width: 200px; float: left; }
div.completionCertificate div.logo img { width: 100%; }
div.completionCertificate div.afterLogo { xborder: 1px solid black; width: 360px; float: right; text-align: right; font-weight: bold; }
div.completionCertificate div.afterLogo div.title { margin: 20px 0 10px 0; font-size: 1.3em; }
div.completionCertificate div.header { clear: both; overflow: hidden; }
div.completionCertificate div.header div.sender { border: 1px solid black; float: left; width: 280px; height: 100px; margin-left: 10px; padding: 15px; font-weight: bold; }
div.completionCertificate div.header div.sender div.reference { margin: 20px 0 0 10px; }
div.completionCertificate div.header div.receiver { border: 1px solid black; float: right; width: 330px; height: 120px; padding: 8px 2px 2px 15px; font-weight: bold; }
div.completionCertificate div.header div.receiver div.contact { font-weight: normal; font-style: italic; margin: 5px 0 5px 0; }
div.completionCertificate div.sku { clear: both; margin: 10px 0 0 50px; font-size: 0.9em; }
div.completionCertificate div.sku table th { text-align: left; }
div.completionCertificate div.sku table td { padding-right: 20px; }
div.completionCertificate div.serialNumber { overflow: hidden; margin: 10px 0 10px 40px; padding: 5px 0 5px 10px; width: 640px; border-top: 1px solid black; border-bottom: 1px solid black; font-weight: bold; }
div.completionCertificate div.serialNumber div { margin-left: 10px; float: left; }
div.completionCertificate div.infoText { margin-left: 40px; width: 650px; text-align: justify; font-size: 0.9em; font-weight: bold; }
div.completionCertificate div.beforeSignature { margin: 10px 0 10px 40px; font-size: 0.9em; font-weight: bold; }
div.completionCertificate div.signature { margin-left: 40px; font-size: 0.9em; font-weight: bold; }
div.completionCertificate div.signature div { clear: both; width: 150px; margin-left: 360px; }

div#checkPrintJob textarea { width: 250px; height: 50px; }
div#checkPrintJob div.formButton { margin-left: 15px; }
div#checkPrealert textarea { width: 250px; height: 50px; }
div#checkPrealert div.formButton { margin-left: 15px; }

div#listOrderStopped div.formButton { margin-left: 15px; }

/* Authgroup */
div#editGroupForm div.right label { width: 250px; }

/* Credit control */
div#editCreditControl textarea { width: 400px; height: 60px; }

/* LPP modul */
div#editLppContract div.gridTable { margin-left: 153px; }
div#editLppContract table td.value { width: 200px; }
div#lppContractList div.formButton { margin-left: 10px; }

/* Search */
div#search div.formItem { clear: none; float: left; }
div#search div.formItem label { width: auto; margin-left: 5px; }
div#search div.formButton { margin: 0 0 0 20px; clear: none; float: left; }
div#search { overflow: hidden; }

/* INTIME status */
div.orderIntimeStatus table.result td { vertical-align: top; }
div.orderIntimeStatus table.result td.description { font-size: 1.1em; font-weight: bold; width: 100px; text-align: center; }
div.orderIntimeStatus table.result td div.item { margin-bottom: 2px; }
div.orderIntimeStatus table.result td div.item label.text { margin-left: 20px; font-weight: bold; width: 220px; float: left; clear: both; }
div.orderIntimeStatus table.result td div.item label.text1 { margin-left: 20px; font-weight: bold; width: 150px; float: left; clear: both; }
div.orderIntimeStatus table.result td div.item label.value { float: left; }
div.orderIntimeStatus table.article th { padding-left: 6px; padding-right: 6px; background-color: #cdcdcd; font-size: 0.9em; }
div.orderIntimeStatus table.article td { font-size: 0.8em; }
div.orderIntimeStatus table.article td { padding-left: 6px; padding-right: 6px; text-align: center; }
div.orderIntimeStatus table.article td.history { text-align: left; }
div.orderIntimeStatus table.article td.history label.date { margin-right: 10px; }

@media print {
  div.main div.content { border: none; }
  div.menu { display: none; }
  /*div.pageTitle { display: none; }*/
  div.formButton { display: none; }
  div.loggedUser { display: none; }
  div.searchForm { display: none; }
}