@charset "utf-8";
/* CSS Document */
table tr td {
    vertical-align: top;
}
table
{
    font-size:8pt;
}

.calendar table tr td, .calendar table tr th {
    padding: 1px;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.versioninfo{
    float:right;
    color: #dddddd;
    font-size: small;
}
.left_articles {
background: none repeat scroll 0 0;
border-bottom:1px dotted #CCCCCC;
color:#000000;
margin:0 20px 15px 10px;
padding:10px 0 0;
text-align:justify;
font-size:medium;
}
.thumbnail {
border:1px solid #DEDEDE;
float:left;
margin:0 18px 8px 0;
}
.description {
border-bottom:1px dotted #CCCCCC;
margin:0 10px 5px 0;
padding:0 0 2px;
}

body { width:1000px; margin: 0px auto; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.page { width:100%; text-align:center;}
.header {text-align:right;}
.userpane {text-align:left; width:330px;padding:16px;float:right; height:50px; position:relative; background:url(/zenventory/images/userpanel.png);}

.support{
    position: absolute;
    left: 300px;
    top:8px;
}

.progressbarbase{
    width:200px;
    border: 1px solid black;
    background-color: #cccccc''
}

.progressbarinner{
    background-color: #00EE00;

}

.adminpane {text-align:left; margin-top:4px;float:right; }

.dialogcontents
{
    padding:1em;
}

.clientname{
    font-size: large;
    font-weight: bold;
}

.dialogcontents label {float:left; display:block;width:100px;  }

.adminpane a {

color:#000000;
font-weight:bold;
padding:2px 8px;
margin:0px;

text-align:center;
text-decoration:none;
vertical-align:middle;
}

a img{ border:0px; }

.adminpane a:hover {
 background:url(/zenventory/images/smallmenuitemon.png);}
 
#selectedAdminMenu {
 background:url(/zenventory/images/smallmenubar.png); color:#FFFFFF}

.adminpane span { background:url(/zenventory/images/halfwhite.png); padding-bottom:4px; padding-top:4px;}
.adminpane span img {margin-top:8px; display:inline-block;}


.dialogpane { margin: 128px auto 140px; width:400px; background:#86aed1; border:solid #000000 1px; padding:8px; text-align:left; }
.warningmessage { margin: 64px auto 140px; width:400px; background:#FF7979; border:solid #FF0000 1px; padding:8px; text-align:left; }
.positivemessage { margin: 64px auto 140px; width:400px; background:#a8c0d5; border:solid #183956 1px; padding:8px; text-align:left; }

.accountmessage{ margin: 64px auto 140px; width:800px; background:#7979FF; border:solid #FF0000 1px; padding:8px; text-align:left; }

.messagecontainer { background-color:#FFFFFF; padding:8px;}
.row { margin-left: 8px; margin-top:8px; margin-right:8px; margin-bottom:8px; vertical-align:middle;}
.warningrow { margin: 8px auto; width:800px; background:#FF7979; border:solid #FF0000 1px; padding:8px; text-align:left; }
.clearrow {clear:left; margin-left: 8px; margin-top:8px; margin-right:8px; margin-bottom:8px; }

.dlgleft{display:inline-block;;margin:8px;width:300px;
    * zoom:1;
    * display:inline}
.dlgright{display:inline-block;width:300px;
    * zoom:1;
    * display:inline;
    }

.titletext{ font-size:large; font-weight: bold;}
    
.label {font-weight:bold; float:left; margin-left: 8px;}
.nextlabel{font-weight:bold; margin-left: 8px; }
.field { margin-left:200px; }
.nextfield { margin-left:10px; text-align:left; overflow:visible;}

.field img{vertical-align:middle;}
.dialogpane .title { border-bottom: 1px solid #FFCC00; font-size:large; font-weight:bold; margin-bottom:16px;}
.buttons {text-align:right;}

.contents {text-align:left; background:url(/zenventory/images/quartwhite.png); min-height:500px;}

.sectionheading { text-align:left; padding-top:5px; padding-bottom:12px; padding-left:8px; color:#FFFFFF; font-size:14px; font-weight:bold;background:url(/zenventory/images/sectionheading.png) no-repeat; }

.sectionconatier{}
.sectioncontainer .sectionheading{ display:inline-block; width:350px; }
.sectioncontainer .sectionoption{ float:right;}

.tabheading { text-align:left; padding-top:5px; padding-bottom:12px; padding-left:8px; color:#FFFFFF; font-size:14px; font-weight:bold;background:url(/zenventory/images/tabheading.png) no-repeat; }
.tabgroup{
background-color:#FFFFFF; padding:8px;
}
.clear {clear:both;}
.footerpane {clear:both;}

.clientselector{float:right;}

.editgroup {margin:8px; padding:8px; border: solid #EEEEEE 1px; background:url(/zenventory/images/halfwhite.png);}
.warninggroup {margin:8px; padding:8px; border: solid #EEEEEE 1px; background:url(/zenventory/images/red.png);}
.specialgroup{margin:8px; padding:8px;border: solid #EEEEEE 1px; background:url(/zenventory/images/yellow.png);}
.collapsebar{ text-align:center; margin:0; padding:0;}

.cclocation{padding-top:5px; padding-bottom:5px; padding-left:8px; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#787776;}

.ButtonBar {
padding-bottom:16px;
padding-right:8px;
padding-top:8px;
text-align:right;
}

.FooterBar { font-size:small; text-align:left; background-color:#FFFFFF;}
.FooterBar a {
text-decoration:none;
color:#666666;
}

.FooterBar a:hover {
color:#000000 none repeat scroll 0%;
font-weight:bold;
}

.UButton a {
background-color:#FF6633;
color:#000000;
font-weight:bold;
padding:8px 16px;
margin:16px;
text-align:center;
text-decoration:none;
vertical-align:middle;
}

.UButton a:hover {
background:#FF9966 none repeat scroll 0%;
}

.editleft{ float:left; width:430px;} 
.editright { margin-left:430px;}
.pictureframe {text-align:center;padding:8px; margin:0px auto; min-width:350px; min-height:261px; border:solid 1px #FF6600;background:url(/zenventory/images/halfwhite.png);}
.picrow{padding:8px;}

.table {border-collapse:collapse; }
.table thead th, .table th { background:url(/zenventory/images/grad1.png);}
.table tfoot th { border-top:1px #000000 solid; padding:0px;}
.table tbody tr td {padding: 4px;}
.table tbody tr.regular { background-color:#EEEEEE;}
.table tbody tr.selected { background-color:#FFFFFF; border:1px #000000 solid ; margin: 4px;}
.table tbody tr.selected td{ padding: 8px 0px;}
.table tbody tr td.assigned { background:url(/zenventory/images/lightgreen.png); margin:4px; border-top:2px #009900 solid; border-bottom:2px #009900 solid;}

.table td {padding:0px;border-spacing:0px; vertical-align:middle;}
.table td div {margin:0px; padding:3px; }
div .highlight { background:#3399CC; color:#FFFFFF; }
.table tbody tr.evenline {height:42px; background:url(/zenventory/images/white.png); }
.table tbody tr.oddline {height:42px; background:url(/zenventory/images/gray.png);}
.table tbody tr.totalline {height:42px; border-top:#000000 solid 1px;}
.table tbody tr.early {height:42px;  background:url(/zenventory/images/yellow.png);}
.table tbody tr.ontime {height:42px; background:url(/zenventory/images/orange.png);}
.table tbody tr.late {height:42px;  background:url(/zenventory/images/red.png);}
.table tbody tr.verylate{ height:42px; background:url(/zenventory/images/deepred.png);}
.table tbody tr.selecteddelivery{height:42px;  background:url(/zenventory/images/greenslope.png);}
.table tbody tr.selectedorder{height:42px;  background:url(/zenventory/images/greenslope.png);}
.table tbody tr.highlightrow{height:42px;  background:url(/zenventory/images/lightgreen.png);}
.table tbody tr.selectedrow{height:42px;  background:url(/zenventory/images/blue.png);}
.ccanomaly {height:42px;  background:url(/zenventory/images/red.png) !important;}
.unexpected{height:42px;  background:url(/zenventory/images/yellow.png) !important;}

.earlyorder {height:42px;  background:url(/zenventory/images/yellow.png);}
.ontimeorder {height:42px; background:url(/zenventory/images/orange.png);}
.lateorder {height:42px;  background:url(/zenventory/images/red.png);}
.verylateorder{ height:42px; background:url(/zenventory/images/deepred.png);}


.earlyorder td { padding:4px;}
.ontimeorder td { padding:4px;}
.lateorder td { padding:4px;}
.verylateorder td { padding:4px;}

.itemsbar {clear:both; background:url(/zenventory/images/smallmenubar.png);padding: 3px 0px; vertical-align:middle; text-align:left;color: #FFFFFF;padding-left: 8px; padding-right: 8px;}
.itemsbar a, #menubar a:link, #menubar a:active, #menubar a:visited
{
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 2px 6px;
text-align:center;
text-decoration:none;
width:14.16%;
}

.tabpanel
{
    position:relative;
}

.pricebox{
    position:absolute;
    right: 8px;
    top:0px;
    font-size: larger;
    font-weight: bold;

}

.itemsbar a img{ vertical-align:middle;}
.itemsbar a:hover { background:url(/zenventory/images/white.png); none repeat scroll 0%;}
.itemsbar a.selected {background:#FFFFFF; color:#000000; none repeat scroll 0%;}


.subitemsbar{
     text-align: left;
}
.subitemsbar a img{vertical-align:middle;}
.subitemsbar a:hover { background:url(/zenventory/images/white.png); none repeat scroll 0%;}

.subitemsbar {clear:both;  background:url(/zenventory/images/submenubar.png);padding: 3px 0px; vertical-align:middle;}
.subitemsbar-noclear{  background:url(/zenventory/images/submenubar.png);padding: 3px 0px; vertical-align:middle;}

.subitemsbar-noclear{
     text-align: left;
}
.subitemsbar-noclear a img{vertical-align:middle;}
.subitemsbar-noclear a:hover { background:url(/zenventory/images/white.png); none repeat scroll 0%;}

.subitemsbar a, #menubar a:link, #menubar a:active, #menubar a:visited
{
color: #000000;
font-weight: bold;
margin: 0px;
padding: 6px;
text-align:center;
text-decoration:none;
width:14.1%;
}
.subitemsbar-noclear a, #menubar a:link, #menubar a:active, #menubar a:visited
{
color: #000000;
font-weight: bold;
margin: 0px;
padding: 6px;
text-align:center;
text-decoration:none;
width:14.1%;
}


.clientbar{ background-color:#000000;color:#ffffff; width:900px; text-align:right;}

#menucontainer{
    overflow: hidden;
    width:1000px;
    text-align:center;
background:url(/zenventory/images/menuback.png);

}

#menubar { display:inline-block;
    * zoom:1;
    * display:inline; background:url(/zenventory/images/black.png);}
#menubar a, #menubar a:link, #menubar a:active, #menubar a:visited
{
background:url(/zenventory/images/menuoff.png); none repeat scroll 0%;
border-color:#000000;
border-style: solid;
border-width: 0px 1px 3px 0px;
color: #000000;
font-weight: bold;
margin: 0px;
padding: 6px 0px;
text-align:center;
text-decoration:none;
width:120px;
}

.ilabel
{
    font-weight:bold;
    margin-right:1em;
    display:inline-block;
    * zoom:1;
    * display:inline;
}

.ifield
{
    font-weight:normal;
    width:120px;
    display:inline-block;
    * zoom:1;
    * display:inline;
}

#menubar a:hover { background:url(/zenventory/images/menuon.png); none repeat scroll 0%;}

#menubar #selectedMenu
{
background:url(/zenventory/images/selectedtab.png); none repeat scroll 0%;
border-color:#000000;
border-style: solid;
border-width: 0px 1px 3px 0px;
color: #FFFFFF;
display:block;
font-weight: bold;
margin: 0px;
padding: 6px 0px;
text-align:center;
text-decoration:none;
width:14.1%;
}

.itembox { margin:8px; padding:8px; border: solid #EEEEEE 1px; height:32px; clear:both;}
.itemtitle { margin:2px; font-size:14px; font-weight:bold; float:left;}
.itemlabel { padding:8px; float:left; font-weight:bold; }
.itemfield { padding:8px; float:left;}


.locationform .whichlocationclose{ position:relative; display:inline; left:143px; top:0px; padding:1px; width:12px;}

.locationsearchbox{position:relative}
.locationsearchresults{ position:absolute; top:-150px; left:-500px;  width:650px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; overflow:auto; height:300px; font-size:xx-small;}

.serialnumberdisplay{ width:480px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; overflow:auto; height:180px;}

.receivepane{ padding:8px;}
.darktitle{ padding:8px; color:#FFFFFF; font-size:14px; font-weight:bold;background:url(/zenventory/images/darkgray.png); }

.inventorylocation{ width:100px; height:60px; float:left; background-color:#FF9900; border:1px solid #FF3300; margin:4px;}
.inventorylocation:hover{ background-color:#FFCC00; }
.inventorylocationheader{ border-bottom:1px solid  #FF3300; text-align:center; font-weight:bold;}
.inventorylocationbody { padding:8px ;}


.closebutton { position:absolute; left:340px; top:-8px; overflow:hidden;}


.supplieritembox{position:relative;}
.supplieritempane{ position:absolute; top:0px; left:0px;  width:350px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:210px;}

.clickimage { cursor:pointer;}

.itemgroup { border: solid #EEEEEE 1px; padding:8px; margin:8px;background:url(/zenventory/images/halfwhite.png);}
.expandeditemgroup { border: solid #EEEEEE 1px; padding:8px; margin:8px;background:url(/zenventory/images/white.png);}

.itemgroup .itemgroupbuttons { float:left; margin:8px;}
.itemgroup .itemgroupitems { clear:left;}

.itemdangerstock{ color:#000000;  background:url(/zenventory/images/orange.png);}
.itemnostock{ color:#000000; background:url(/zenventory/images/red.png); }
.itemwarningstock{  background:#ffeeaa; color:#000000; }
.itemexpiredstock{  background:#000000; color:#00ff00; }



.splitbox{position:relative;}
.splitform{ position:absolute; top:2em; left:-400px;  width:400px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:330px;}
.splitform div{ display:block; position:relative; cursor:pointer;}

.deliveriesbox{position:relative;}
.deliveriesform{ color:#000000; position:absolute; top:2em; left:-400px;  width:300px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:130px;}
.deliveriesform div{text-align:left; display:block; position:relative; cursor:pointer;}

.purchasebox{position:relative;}
.purchaseform{ color:#000000; position:absolute; top:2em; left:-300px;  width:320px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:230px;}
.purchaseform div{text-align:left; display:block; position:relative; cursor:pointer;}


.relocatebox{position:relative;}
.relocateform{ color:#000000; position:absolute; top:2em; left:0px;  width:400px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:330px;}
.relocateform div{ display:block; position:relative; cursor:pointer;}

.adjustbox{position:relative;}
.adjustform{color:#000000; position:absolute; top:2em; left:-700px;  width:720px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:230px;}
.adjustform div{ display:block; position:relative; cursor:pointer;}

.locationbox{position:relative;}
.locationform{ color:#000000; position:absolute; top:2em; left:0px;  width:300px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:130px;}
.locationform div{text-align:left; display:block; position:relative; cursor:pointer;}

.destinationbox{position:relative;}
.destinationform{ position:absolute; top:2em; left:-400px;  width:400px;  z-index:101; border:#000000 1px solid; padding:8px; background:#FFFFFF; height:190px;}
.destinationform div{ display:block; position:relative; cursor:pointer;}

.selectallocationleft { width:auto;}
.selectallocationright { float:left;}
.selectallocationleft .warehouselabel{ background-color: #DDDDDD; text-align:left;clear:both; font-weight:bold;}
.selectallocationleft .selectablerow{clear:left;margin-left: 8px; margin-top:8px; margin-right:8px; margin-bottom:8px; vertical-align:middle;}
.selectallocationleft .selectableitem{width:150px;font-weight:bold; float:left; margin-left: 8px;}
.selectallocationleft .selectablecheck{font-weight:bold; float:left; margin-left: 8px;}
.selectallocationleft .selectablequantity{font-weight:bold; float:left; margin-left: 8px;}

.cyclecountlocation { float:left; width:90px; padding-top:8px; padding-bottom:8px; margin:2px;  cursor:pointer;background-color:#FF9900;border:1px solid #FF3300; text-align:center;}
.cyclecountlocation:hover { background-color:#FFCC00; }
.selectedcyclecountlocation { font-weight:bold; background-color:#00FF99;}
.selectedcyclecountlocation:hover { background-color:#00FFCC; }

.workbench{width:640px;height:600px;float:left;}

.widget{float:left;margin:4px; position:relative; width:300px;height:200px;color:#000000;  background:url(/zenventory/images/widget.png);}
.widgeticon{position:absolute;top:6px;left:6px;z-index:10; }
.widgetrefreshicon{position:absolute;top:4px;left:276px;cursor:pointer;
    cursor:hand;}
.widgetcaption{position:absolute;top:8px;left:50px;font-weight:bold; }
.widgetlink{position:absolute;top:170px;left:200px;}
.widgetcontents{font-size:10px; padding:4px;position:absolute;top:40px;left:10px;width:270px;height:120px;background:url(/zenventory/images/halfwhite.png);}

.widgetbig{
    text-align: center;
    font-weight: bold;
    font-size: 40pt;
}

.toolbox{padding:4px; margin-left:740px; width:250px;height:600px;background:url(/zenventory/images/halfwhite.png);}
.toolboxtitle{ background:url(/zenventory/images/black.png); color:#FFFFFF;padding:2px;}

.widgettool{position:relative;height:50px;width:200px; padding:4px;}
.widgettoolicon{position:absolute; left:5px;}
.widgettoolcaption{position:absolute;left:55px;font-weight:bold;top:5px;}

.role{margin-left:16px;margin-right:16px; padding:4px;  }
.rolelabel{border: solid #c2c2c2 1px; padding:4px; width:200px;background-color:#d9d9d9;  }
.roleselected{border: solid #6294c2 1px; padding:4px; background-color:#9ebdd9;  }

table
{
    font-size:8pt;
}

.sortable .tableHeading
{
    cursor:pointer;
    cursor:hand;
}

.tableHeading
{
	color: white;
	background-color: #707070;
}
.tableHeading th
{
    padding:4px;
    text-align:left;
}

.even:hover{background-color:#ffc523;}
.odd:hover{background-color:#ffc523;}

.even td { padding:4px;}
.odd td { padding:4px;}
.required td { padding:4px;}
.normal td { padding:4px;}

.itemnostock td { padding:4px;}
.itemdangerstock td { padding:4px;}
.itemwarningstock td { padding:4px;}
.itemexpiredstock td { padding:4px;}

.even
{
	background-color: #FFFFFF;
    font-weight:bold;
}

.odd
{
	background-color: #DDDDDD;
    font-weight:bold;
}

.addressbox
{
    border:1px solid #AAAAAA;
    background-color: #EEEEEE;
}

.maintaincontainer label {float:left; display:block;width:100px;  }

.maintaincontainer{ padding:8px; text-align:left; }

.whitepanel {
    background-color: #FFFFFF;
    border: 1px solid orange;
    font-size: 10pt;
    overflow: auto;
    padding: 8px;
    position: relative;
    width:95%;
}

.mainpanel {
    background-color: #FFFFFF;
    border: 1px solid black;
    overflow: auto;
    padding: 8px;
    position: relative;
    width:75%;
}

.negativemessage { color: #FF0000; }