.table-wrapper {
  position:relative;
}
.table-scroll {
  height:600px;
  overflow:auto;  
  margin-top:20px;
}
div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}
.table-wrapper table {
  width:100%;

}
.table-wrapper table * {
 
  color:black;
}
.table-wrapper table thead th .text {
  position:absolute;   
  
  z-index:2;
  height:550px;
  width:60%;
  border:1px solid red;
}


#fullheight{
  width: 100%;
  height:100%;
  empty-cells: show;
  }
.fullheight{
	width: 100%;
	height:100%;
	empty-cells: show;
}

#planbordfullheight{
  width: 100%;
  height:100%;
  empty-cells: show;
    font-size:35px;
  }
  
/*  makes rows in a table light up as the mouse hovers above it. Makes IE8 laggy on large tables */

/*
tr.detail:hover {background-color:#CCFF66;}
tr.detail2:hover {background-color:#99CCFF;}
*/
  
.snow{
  width: 10px;
  height: 10px;
  animation-timing-function: linear;
  position: absolute;
  animation-name: snowing;
  animation-duration: 90s;
  animation-iteration-count:240;
}

@keyframes snowing {
  0%   {left:0px; top:-6734px;}
  100% {left:0px; top:0px;}
}

.blinkstars{
	animation-name: blinkstars;
	animation-duration: 3s;
	animation-iteration-count:infinite;
}

@-webkit-keyframes blinkstars {
    0% {color: white;opacity:1;}
    50% {opacity:0.4;}
    100% {color: white;}
}

.witch{
  width: 100px;
  height: 100px;
  animation-timing-function: linear;
  position: absolute;
  animation-name: witch;
  animation-duration: 20s;
  animation-iteration-count:240;
}

@keyframes witch {
  0%   {left:0px; top:0px;}
  1% {transform: rotate(45deg);}
  15%  {transform: rotate(45deg);left:1800px; top:350px;}
  16% {transform: rotate(200deg);}
  30%  {transform: rotate(200deg);left:0px; top:700px;}
  31% {transform: rotate(30deg);}
  55%  {transform: rotate(30deg);left:1080px; top:800px;}
  56% {transform: rotate(-120deg);}
  75%  {transform: rotate(-120deg);left:300px; top:50px;}
  76% {transform: rotate(-60deg);}
  100% {transform: rotate(0deg);left:0px; top:0px;}
}




@-webkit-keyframes blinkdiv {
    0% {
        background-color: red;
        opacity:1;
    }
    50% {
        background-color: transparent;
    }
    100% {
        background-color: red;
    }
}

@keyframes blinkdivtpoverview {
    50% {
        background-color: blue;
    }
}

@keyframes blinkdivusermessages {
    50% {
        background-color: yellow;
    }
}

@keyframes blinkdivbigdia {
    50% {
        background-color: white;
    }
}

.blink{
  -webkit-animation-name: blinkdiv;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: 6;
    -webkit-animation-timing-function: linear;
  -moz-animation-name: blinkdiv;
    -moz-animation-duration: 500ms;
    -moz-animation-iteration-count: 6;
    -moz-animation-timing-function: linear;
	font-size:25px
}  



td.columnheader{
background-color: darksalmon;
}

td.indexheader{
background-color: orange;
}  

td.columndetails{
background-color: bisque; 
text-transform: lowercase;
}  
td.indexdetails{
background-color: gold;
text-transform: lowercase;
}  
td.indexfields{
background-color: yellow;
text-transform: lowercase;
}

td.viewdetail{
background-color: darkturquoise;
text-transform: lowercase;
} 

.differentornotfound{
background-color: red;
color: white;
}

td.border{
  border: 1px solid black;
  border-collapse:collapse;
} 


.blinktpoverview{
  animation-name: blinkdivtpoverview;
    animation-duration: 500ms;
    animation-iteration-count: 240;
    animation-timing-function: linear;
}  

.blinkred{
  animation-name: blinkdiv;
    animation-duration: 500ms;
    animation-iteration-count: 10;
    animation-timing-function: linear;
}  

.blinkbigdia{
  animation-name: blinkdivbigdia;
    animation-duration: 500ms;
    animation-iteration-count: 240;
    animation-timing-function: linear;
}  

.largefont{
	font-size:200%;
}  
.font75perc{
	font-size:75%;
}  
 
.largefont400{
	font-size:400%;
}
  
.largefont300{
	font-size:300%;
} 
.nowrap{
	white-space: nowrap;
}

.blocksuperurgent {
	color: #000000 !important;
}
/*standard IE blue color*/
.blocksuperurgent a:link{
	color: #0000EE !important;
}
/*standard IE darkblue color*/
.blocksuperurgent a:visited{
	color: #551A8B !important;
}

.center{
	text-align: center;
}

tr.steelplanning {
	text-align: right;
}

.cellpadding10 td {
  padding-top: 10px;
  padding-bottom: 10px;
 }  

  
.hoverrows tr:hover {
background-color:#CCFF66;
}  
.hoverrows tr:hover input {
background-color:#CCFF66;
color: black;
}  
.hoverrows tr input {
color: black;
}

.hoverrowsblue tbody:hover {
background-color:#9CCFFF;
}  
.hoverrowsblue tr:hover {
background-color:#9CCFFF;
}  
.hoverrowsblue tr:hover input {
background-color:#9CCFFF;
}  
.hoverrowsblue tr input {
color: black;
}
.hoverrowsblue tr:hover td {
background-color:#9CCFFF;
}  


  
#normalheight{
  width: 100%;
  empty-cells: show;
  }
.normalheight{
	width: 100%;
	empty-cells: show;
}
#category_table{
  width: 100%;
  empty-cells: show;
  }
.category_table{
	width: 100%;
	empty-cells: show;
}
#folder_table{
	width: 100%;
	empty-cells: show;
}
.folder_table{
	width: 100%;
	empty-cells: show;
}
#normalheight2{
	width: 100%;
	empty-cells: show;
	border: 1px solid black;
	border-collapse:collapse;
}
.normalheight2{
	width: 100%;
	empty-cells: show;
	border: 1px solid black;
	border-collapse:collapse;
}

#hyperlinkbuttontable{
  width: 100%;
  white-space: nowrap;
  empty-cells: show;
  }
.hyperlinkbuttontable{
	width: 100%;
	white-space: nowrap;
	empty-cells: show;
}

#normalheight2 td{
  border: 1px solid black;
 /* background-color:green;*/
  }
.normalheight2 td{
	border: 1px solid black;
	/* background-color:green;*/
}

#hyperlinkbuttontable td{
  border: 1px solid black;
  text-align:center;
  }
.hyperlinkbuttontable td{
	border: 1px solid black;
	text-align:center;
}

#normalheightmachinelights{
  /*width: 90%;
  height: 30px;
  table-layout: fixed;*/
  empty-cells: show;
  border: 1px solid black;
  border-collapse:collapse;
  }
  
#normalheightmachinelights td.mchstatclock{
  border: 1px solid black;
  background-color: #99CCFF;
  width: 100px;
  }
#normalheightmachinelights td.mchstatmch{
  border: 1px solid black;
  background-color: #99CCFF;
  width: 50px;
  }
#normalheightmachinelights td.mchstatmch2{
  border: 1px solid black;
  background-color: #99CCFF;
  width: 80px;
  }
#normalheightmachinelights td.mchstatlight{
  border: 1px solid black;
  width: 50px;
  }
#normalheightmachinelights td.mchstatlight2{
  border: 1px solid black;
  text-align:center;
  width:15px;
  }
#normalheightmachinelights td.mchstatlight3{
  border: 1px solid black;
  text-align:center;
  width:15px;
  white-space: nowrap;
  }
#normalheightmachinelights td.mchstatspacer{
  border: 1px solid black;
/*  background-color: #DFDFDF;*/
  width: 50px;
  }
#normalheightmachinelights td.mchstatspacer2{
  border: 1px solid black;
/*  background-color: #DFDFDF;*/
  width: 10px;
  }

#nowraptable{
  white-space: nowrap;
  empty-cells: show
  }
.nowraptable{
	white-space: nowrap;
	empty-cells: show
}

#nowrapform{
display: block
  }
.nowrapform{
	display: block
}

html,body{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
	border:none;
}


/*
.transformrotated{
    -webkit-transform: rotate(15deg) scale(1.25, 0.5);
    -moz-transform: rotate(15deg) scale(1.25, 0.5);
    -ms-transform: rotate(15deg) scale(1.25, 0.5);
    transform: rotate(15deg) scale(1.25, 0.5);
}
*/
.transformrotated{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dmsrotatecw90 {
  /*transform: rotate(90deg);*/
  transform: rotate(180deg);

}


tr.header{
	background: #FFFF66;
}
tr.header2{
	background: #FFFF99;
}
tr.header3{
	background: #FFCC00;
}
tr.header4{
	background: #9CCFFF;
	font-weight:bold;
	font-size: 130%;
}
tr.header5{
	background: #9CCFFF;
  border: 4px solid #1C6EA4;
}
table.header5{
	background: #9CCFFF;
  border: 4px solid;
}
tr.message{
	background: #FF77FF;
}
tr.messagetouser{
	background: #FF77FF;
	font-weight:bold;
	font-size: 200%;
}
tr.messageisdue{
	background: #FF77FF;
}
tr.messageisnotdue{
	background: #CCFFCC;
}
td.header{
	background: #FFFF66;
  color:#000000;
}
td.header2{
	background: #FFFF99;
}
td.header3{
	background: #FFCC00;
}
tr.detail{
	background: #CCFFCC;
  color:#000000;
}
tr.detail2{
	background: #99FFFF;
}
tr.detail3{
	background: #99CCFF;
}
tr.detail4{
	background: #9CCFFF;
	font-weight:bold;
	font-size: 200%;
	padding: 10px;
}
tr.detail5{
	background: burlywood;
}
tr.detail6{
	background: lawngreen;
}
tr.detailafterht{
	background: #88FF88;
}
tr.tobeassembled{
	background: #FDFDE7;
}
td.detail{
	background: #CCFFCC;
  color:#000000;
}
td.detail2{
	color: #000000;
	background: #99FFFF;
}
td.detail3{
	background: #99CCFF;
}
td.detail4{
	background: #9CCFFF;
	font-weight:bold;
	font-size: 200%;
	padding: 10px;
}
input.detail3{
	background: #99CCFF;
}
input.toolate{
	background: #FFCC00;
}
input.nofocuswarning{
	background: #FF0000;
	animation-name: blinkdiv;
    animation-duration: 500ms;
    animation-iteration-count: 240;
    animation-timing-function: linear;
}
input.nofocuswarning:focus{
	background: #FFFFFF;
	animation-name: notexisting;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
tr.detailnotready{
	background: #FFFFFF;
}
td.ontime{
	background: #FFFFFF;
	color: #000000;
}
td.toolate{
	background: #FFCC00;
}
td.yellow{
	background: #FFFF99;
}
td.darkyellow{
	background: #FFFF66;
  color:#000000;
}
td.pink{
	background: #FF77FF;
}
td.green{
	background: #88FF88;
}
td.darkgreen{
	background: #33BB33;
}
td.blue{
	background: #9CCFFF;
}
td.darkblue{
	background: #0000FF;
}
td.whiteletters{
	color: #FFFFFF;
}
td.red{
	background: #e09222;
}
td.white{
	color: #000000;
	background: #ffffff;
}
td.grey{
	background: #9e9ea9;
}
td.lightblue{
	background: #99FFFF;
}
tr.yellow{
	background: #FFFF99;
}
tr.darkyellow{
	background: #FFFF66;
}
tr.pink{
	background: #FF77FF;
}
tr.green{
	background: #88FF88;
}
tr.darkgreen{
	background: #33BB33;
}
tr.blue{
	background: #9CCFFF;
}
tr.darkblue{
	background: #0000FF;
}
tr.whiteletters{
	color: #FFFFFF;
}
tr.red{
	background: #e09222;
}
tr.white{
	color: #000000;
	background: #ffffff;
}
tr.grey{
	background: #9e9ea9;
}
tr.lightblue{
	background: #99FFFF;
}
tr.extprefab{
	background: #DDDDFF
}
tr.palleterror{
	background: #FFCC00
}
tr.focasfeedholdenabled{
	background: #FF0000;
	color: #FFFFFF;
	font-size:25px
}
tr.mustbeontime{
	background: #FFCC00
}
td.mustbeontime{
	background: #FFCC00
}
tr.superurgent{
	background: #FF0000;
	color: #FFFFFF;
}
tr.superurgentreporttd{
	background: #FF0000;
	
}
tr.superurgent a:link{
	color: #FFFFFF;
}
tr.superurgent a:visited{
	color: #FFFFFF;
}
tr.onhold{
	background: #99CCFF
}
td.superurgent{
	background: #FF0000;
	color: #FFFFFF;
}
td.superurgentreporttd{
	background: #FF0000;
	
}
td.superurgent a:link{
	color: #FFFFFF;
}
td.superurgent a:visited{
	color: #FFFFFF;
}
td.onhold{
	background: #99CCFF;
}
td.onhold a:link{
	color: #000000;
}
td.onhold a:visited{
	color: #000000;
}
td.barcode{
  font-family: BarCode39HR;
  font-size:30px;
}
td.detailborder{
	border-width: 1px;
	background: #CCFFCC;
	border-style: solid;
	border-color: black;	
}
td.detailborder2{
	border-width: 1px;
	background: #99FFFF;
	border-style: solid;
	border-color: black;	
}
td.graytext{
	color: #7F7F7F;
}
td.allpartsready{
	color: #7F7F7F;
	background: #00FF00;
}
td.alignright{
	font-style:italic;
}  


td.valueok{
	/*background: #FF9900;*/
	background: #CCFFCC;
}
td.valuenotok{
	/*background: #FF9900;*/
	background: #FFCC00;
}

td.ordstep1{
	background-color: #FF4444;
}
td.ordstep2{
	background-color: #FFFF66;
}
td.ordstep3{
	background-color: #33BB33;
}

input.ordstep1{
    border:none;
	width:20px; 
	background-color: #FF4444;
}
input.ordstep2{
    border:none;
	width:20px; 
	background-color: #FFFF66;
}
input.ordstep3{
    border:none;
	width:20px; 
	background-color: #22FF22;
}
input.newordstep1{
    border:none;
	width:30px; 
	background-color: #FF4444;
	color: #FFFFFF;
	text-align: center;
}
input.newordstep2{
    border:none;
	width:30px; 
	background-color: #FFFF66;
	text-align: center;
}
input.newordstep3{
    border:none;
	width:30px; 
	background-color: #22FF22;
	text-align: center;
}

tr.searchorderturninggreen{
	background: #CCFFCC;
	font-weight:bold;
	/*font-size: 200%;*/
	font-size: 80px;
	padding: 10px;
}
tr.searchorderturningblue{
	background: #9CCFFF;
	font-weight:bold;
	/*font-size: 200%;*/
	font-size: 80px;
	padding: 100px;
}

td.searchorderturningbigfont{
	font-size: 300px;
}

select.extraprio{
	width:50px; 
}

oldformnoteused_form {
	margin:0px 0 0 0px;
	padding: 0;
	/*this causes the form input fields + submit buttons to exactly fit 1 row*/
	height:1.7em;
} 

.red {color:#c00;}

.bigblack {
	color:#000000;
	font-weight:bold;
	font-size:14px;
}

#notready {
	font-family: verdana, arial, sans-serif;
	text-decoration: line-through; 
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
	border:none
}

#positioner {clear:both; position:relative; top:1px; left:1px; z-index:100;}
/*Changing position to fixed to make it float, but giving also width because otherwise it gets the default width of 8em and starts stacking all the menu items*/
/*#positioner {clear:both; position:fixed; width:100%; top:1px; left:1px; z-index:10;}*/
#content {clear:both; position:relative; top:25px; left:1px;}

.menu {display:none;}
#noniemenu {position:absolute;}

#noniemenu .holder ul {padding:0; margin:0;}
#noniemenu .holder ul li {list-style-type: none;}
#noniemenu .holder li ul {display: none;} 
#noniemenu .holder li:hover > ul#a3 {display:block; position:absolute; left:292px; margin-top:-20px; border:1px solid #000;}
#noniemenu .holder li:hover > ul#a4 {display:block; position:absolute; left:439px; margin-top:-20px; border:1px solid #000;}
#noniemenu .holder .bold {font-weight:bold;}
#noniemenu .holdermchmenu ul {padding:0; margin:0;}
#noniemenu .holdermchmenu ul li {list-style-type: none;}
#noniemenu .holdermchmenu li ul {display: none;} 
#noniemenu .holdermchmenu li:hover > ul#a3 {display:block; position:absolute; left:292px; margin-top:-20px; border:1px solid #000;}
#noniemenu .holdermchmenu li:hover > ul#a4 {display:block; position:absolute; left:439px; margin-top:-20px; border:1px solid #000;}
#noniemenu .holdermchmenu .bold {font-weight:bold;}

#noniemenu .holder {
  color:#fff; 
  width:144px; 
  height:18px; 
  display:block; 
  overflow:hidden;
  float:left;
  border:1px solid #000;
  margin-right:1px;
  font-size:10px;
  }
#noniemenu .holdermchmenu {
  color:#fff; 
  width:438px; 
  height:18px; 
  display:block; 
  overflow:hidden;
  float:left;
  border:1px solid #000;
  margin-right:1px;
  font-size:10px;
  }
#noniemenu .holder:hover {
  height:auto; 
  }
#noniemenu .holdermchmenu:hover {
  height:auto; 
  }
#noniemenu a.outer, #noniemenu a.outer:visited {
   color:#fff; 
   width:144px; 
   line-height:18px;
   display:block; 
   background:#e09222; 
   text-align:center; 
   text-decoration:none; 
   font-family: verdana, arial, sans-serif;
   }
#noniemenu a.outermchmenu, #noniemenu a.outermchmenu:visited {
   color:#fff; 
   width:438px; 
   line-height:18px;
   display:block; 
   background:#e09222; 
   text-align:center; 
   text-decoration:none; 
   font-family: verdana, arial, sans-serif;
   }
#noniemenu a.outer:hover {
  background:#697210; 
  overflow:visible;
  }
#noniemenu a.outermchmenu:hover {
  background:#697210; 
  overflow:visible;
  }
#noniemenu div.open {display:none;}
#noniemenu a.inner, #noniemenu a.inner:visited {
  display:block; 
  width:144px; 
  height:18px;
  line-height:18px;
  border-bottom:1px solid #000; 
  text-decoration:none; 
  color:#000; 
  background:#eee;
  text-align:center;
  }
 
 #noniemenu a.innerhighlight{
  display:block; 
  width:144px; 
  height:18px;
  line-height:18px;
  border-bottom:1px solid #000; 
  text-decoration:none; 
  color:#000000;
  background:#ffff00;
  text-align:center;
  }
  
  #noniemenu a.outerhighlight{
  color:#000000;
  width:144px; 
  line-height:18px;
  display:block; 
  background:#ffff00; 
  text-align:center; 
  text-decoration:none; 
  font-family: verdana, arial, sans-serif;
  }
 
#noniemenu a.innermchmenu, #noniemenu a.innermchmenu:visited {
  display:block; 
  width:438px; 
  height:18px;
  line-height:18px;
  border-bottom:1px solid #000; 
  text-decoration:none; 
  color:#000; 
  background:#eee;
  /*text-align:center;*/
  text-align:left;
  }
#noniemenu a.second {font-weight:bold;}
#noniemenu a.inner:hover {
  background:#add;
  }
#noniemenu a.innermchmenu:hover {
  background:#add;
  }


  
/* popout menu -> this one starts below the selected cell */
.popout {
display: inline;text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em; margin:0; padding:0; list-style-type:none;
}
.popout ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.popout li {
float:right; position:relative;background:#e09222;border:1px solid #000;
}
.popout li.light {
float:right; position:relative;background:#33BB33;border:1px solid #000;
}
/*.popout li a, .popout li a:visited {
display:block; text-decoration:none; width:6em; float:left; padding-right:0em; height:1.5em; line-height:1.5em; color:#fff; 
}*/
.popout li a, .popout li a:visited {
display:block; text-decoration:none; float:left; color:#fff;
}
.popout li a.drop, .popout li a.drop:visited {
font-weight:bold;
}
.popout li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.popout table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}
/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.popout li:hover a,
.popout li a:hover {
text-decoration:underline; border:0;
}
.popout li:hover ul,
.popout li a:hover ul {
visibility:visible; height:auto; width:10em; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
}
.popout li:hover ul li a,
.popout li a:hover ul li a {
/*The width at the end defines the length of the selectable items*/
/*display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:25em;*/
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:35em;
}
.popout li:hover ul li a.drop,
.popout li a:hover ul li a.drop {
font-weight:bold;
}
.popout li:hover ul li ul,
.popout li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.popout li:hover ul li a:hover,
.popout li a:hover ul li a:hover {
text-decoration:underline;
}
.popout li:hover ul li:hover ul,
.popout li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.popout li:hover ul li:hover ul.left,
.popout li a:hover ul li a:hover ul.left {
/*left:-9.3em;*/
left:-10em;
}
.popout li:hover ul.left,
.popout li a:hover ul.left {
left:-10em; top:0;
}
.popout li:hover ul li:hover ul li a,
.popout li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.popout li:hover ul li:hover ul li:hover a,
.popout li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

.routtablepopup {
/*margin:-1px; border-collapse:collapse; font-size:1em; text-align:left; font-family: verdana, sans-serif; position:absolute; font-size:0.9em; margin:0; padding:0; list-style-type:none;top:100px; left: 100px;*/
/*position:absolute; top:10px; left: 10px; empty-cells: show; border:2px solid black; border-collapse:collapse;*/
position:fixed; top:50px; left: 10px; right:10px; empty-cells: show; border:2px solid black; border-collapse:collapse;
}
.routtablepopup td {
border:1px solid black;
}

.popupwithscroll {
position:absolute; top:20px; left: 20px; empty-cells: show; border:2px solid black; border-collapse:collapse; height: 400px; width: 90%; overflow:scroll
/*height: 200px; width: 300px; overflow: auto; border: 1px solid #666; background-color: #ccc; padding: 8px;*/
}


/* popoutprint menu -> this one starts below the selected cell */
.popoutprint {
display: inline;text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em; margin:0; padding:0; list-style-type:none;
}
.popoutprint ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.popoutprint li {
float:right; position:relative;background:#e09222;border:1px solid #000;
}
/*.popoutprint li a, .popoutprint li a:visited {
display:block; text-decoration:none; width:6em; float:left; padding-right:0em; height:1.5em; line-height:1.5em; color:#fff; 
}*/
.popoutprint li a, .popoutprint li a:visited {
display:block; text-decoration:none; float:left; color:#fff;
}
.popoutprint li a.drop, .popoutprint li a.drop:visited {
font-weight:bold;
}
.popoutprint li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.popoutprint table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}
/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.popoutprint li:hover a,
.popoutprint li a:hover {
text-decoration:underline; border:0;
}
.popoutprint li:hover ul,
.popoutprint li a:hover ul {
visibility:visible; height:auto; width:10em; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
}
.popoutprint li:hover ul li a,
.popoutprint li a:hover ul li a {
/*The width at the end defines the length of the selectable items*/
/*display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:25em;*/
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:20em;
}
.popoutprint li:hover ul li a.drop,
.popoutprint li a:hover ul li a.drop {
font-weight:bold;
}
.popoutprint li:hover ul li ul,
.popoutprint li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.popoutprint li:hover ul li a:hover,
.popoutprint li a:hover ul li a:hover {
text-decoration:underline;
}
.popoutprint li:hover ul li:hover ul,
.popoutprint li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.popoutprint li:hover ul li:hover ul.left,
.popoutprint li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.popoutprint li:hover ul.left,
.popoutprint li a:hover ul.left {
left:-10em; top:0;
}
.popoutprint li:hover ul li:hover ul li a,
.popoutprint li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.popoutprint li:hover ul li:hover ul li:hover a,
.popoutprint li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}


/* popoutdesigner menu -> this one starts below the selected cell */
.popoutdesigner {
display: inline;text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em; margin:0; padding:0; list-style-type:none;
}
.popoutdesigner ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.popoutdesigner li {
float:right; position:relative;background:#e09222;border:1px solid #000;
}
/*.popoutdesigner li a, .popoutdesigner li a:visited {
display:block; text-decoration:none; width:6em; float:left; padding-right:0em; height:1.5em; line-height:1.5em; color:#fff; 
}*/
.popoutdesigner li a, .popoutdesigner li a:visited {
display:block; text-decoration:none; float:left; color:#fff;
}
.popoutdesigner li a.drop, .popoutdesigner li a.drop:visited {
font-weight:bold;
}
.popoutdesigner li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.popoutdesigner table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}
/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.popoutdesigner li:hover a,
.popoutdesigner li a:hover {
text-decoration:underline; border:0;
}
.popoutdesigner li:hover ul,
.popoutdesigner li a:hover ul {
visibility:visible; height:auto; width:6em; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
}
.popoutdesigner li:hover ul li a,
.popoutdesigner li a:hover ul li a {
/*The width at the end defines the length of the selectable items*/
/*display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:25em;*/
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:5em;
}
.popoutdesigner li:hover ul li a.drop,
.popoutdesigner li a:hover ul li a.drop {
font-weight:bold;
}
.popoutdesigner li:hover ul li ul,
.popoutdesigner li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.popoutdesigner li:hover ul li a:hover,
.popoutdesigner li a:hover ul li a:hover {
text-decoration:underline;
}
.popoutdesigner li:hover ul li:hover ul,
.popoutdesigner li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.popoutdesigner li:hover ul li:hover ul.left,
.popoutdesigner li a:hover ul li a:hover ul.left {
left:-5.3em;
}
.popoutdesigner li:hover ul.left,
.popoutdesigner li a:hover ul.left {
left:-6em; top:0;
}
.popoutdesigner li:hover ul li:hover ul li a,
.popoutdesigner li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.popoutdesigner li:hover ul li:hover ul li:hover a,
.popoutdesigner li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}


/*.planning1 {background: #FFCC00; position: fixed; height: 206px; width: 100%; overflow: auto;}
.planning2 {background: #FFCC00; position: fixed; height: 88px; width: 100%; overflow: auto; top:280px;}
.planning3 {background: #FFCC00; position: fixed; height: 200px; width: 100%; overflow: auto; top:370px;}*/

.planning1 {position: fixed; height: 206px; width: 100%; overflow: auto;}
.planning2 {position: fixed; height: 88px; width: 100%; overflow: auto; top:280px;}
.planning3 {position: fixed; height: 200px; width: 100%; overflow: auto; top:370px;}

.electrodestorage {position: relative;top:15px;}

.calendartablepopup {
/*margin:-1px; border-collapse:collapse; font-size:1em; text-align:left; font-family: verdana, sans-serif; position:absolute; font-size:0.9em; margin:0; padding:0; list-style-type:none;top:100px; left: 100px;*/
/*position:relative;
  position:fixed;
  float: left;
  left:40%;
  top:35%;*/
/*position: fixed;*/
position: fixed;
z-index: 40;
}

.calendartablepopup td {
text-align:right;
}

/*like normal routtablepopup except z-index:5 so that it works better on mobile browsers and position:fixed so that it scrolls with the page (again for mobile browsers)*/
.routtablepopup2 {
/*margin:-1px; border-collapse:collapse; font-size:1em; text-align:left; font-family: verdana, sans-serif; position:absolute; font-size:0.9em; margin:0; padding:0; list-style-type:none;top:100px; left: 100px;*/
position:fixed; top:50px; left: 10px; empty-cells: show; border:2px solid black; border-collapse:collapse;z-index:5;
}
.routtablepopup2 td {
border:1px solid black;
}


/*like routtablepopup2 except that it has the look and feel of normalheight table. Screen width filling, no borders between cells etc. ONLY BORDER OUTSIDE THE TABLE*/
.routtablepopup3 {
position:fixed; top:50px; left: 10px; empty-cells: show; border:3px solid black; border-collapse:collapse;z-index:5;
}

.routtablepopup3 td {
border:2px solid white;
}

/*like normal routtablepopup2 except left is 400px which works better on certain screens like barcode scanning, so that this table does not overlap the field that activates it */
.routtablepopup4 {
position:fixed; top:50px; left: 400px; empty-cells: show; border:2px solid black; border-collapse:collapse;z-index:5;
}
.routtablepopup4 td {
border:1px solid black;
}


/*
.calendartablepopup:hover{
background-color: transparent;
z-index: 50;
}
*/

/* select option entries*/ 
option.red{
/*background-color: #e09222; color:#000; font-size:10pt; margin:10px; padding:0px;*/
background-color: #e09222; color:#000;
}
option.green{
/*background-color: #33BB33; color:#000; font-size:20pt; margin:0px; padding:10px;*/
background-color: #33BB33; color:#000;
}
option.blue{
/*background-color: #99CCFF; color:#000; font-size:20pt; margin:0px; padding:10px;*/
background-color: #99CCFF; color:#000;
}

select.red{
background-color: #e09222; color:#000; 
}
select.green{
background-color: #33BB33; color:#000; 
}
select.blue{
background-color: #99CCFF; color:#000; 
}
select.yellow{
background-color: #FFFF99; color:#000; 
}
select.pink{
background: #FF77FF; color:#000; 
}

/*select option.{*/
option.bigletters{font-size: 20pt;}
select.bigletters{font-size: 20pt;}
input.bigletters{font-size: 20pt;}
input.red{background-color: #e09222; color:#000; }

#divtoolpic {position:fixed; top:40px; left:1px;}

td.bscanok{ /*green*/
background-color: #33BB33; color:#000; font-weight:bold;font-size: 200%;
}
td.bscansmallerror{ /*yellow*/
background-color: #FFFF99; color:#000; font-weight:bold;font-size: 200%;
}
td.bscancriticalerror{ /*red*/
background-color: #e09222; color:#000; font-weight:bold;font-size: 200%;
}
td.bscanquestion{ /*blue*/
background-color: #99CCFF; color:#000; font-weight:bold;font-size: 200%;
}
tr.bscanok{ /*green*/
background-color: #33BB33; color:#000; font-weight:bold;font-size: 200%;
}
tr.bscansmallerror{ /*yellow*/
background-color: #FFFF99; color:#000; font-weight:bold;font-size: 200%;
}
tr.bscancriticalerror{ /*red*/
background-color: #e09222; color:#000; font-weight:bold;font-size: 200%;
}
tr.bscanquestion{ /*blue*/
background-color: #99CCFF; color:#000; font-weight:bold;font-size: 200%;
}

.blackbckgrnd{
	background-color: black;
}

/* Tooltip container */
.tooltipcontainer {
    position: relative;
    /*display: inline-block;*/
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltipcontainer .tooltiptext {
    visibility: hidden;
    /*width: 120px;*/
    /*background-color: black;
    color: #fff;*/
    background-color: white;
    color: #000;
    text-align: center;
    /*padding: 5px 0;*/
    padding: 5px;
    border-radius: 6px;
	border: 1px solid black;
	white-space: pre;
 
	font-size:15px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltipcontainer:hover .tooltiptext {visibility: visible;}
.tooltipcontainer:hover {background-color: black;color: #fff;}
/*ENABLE THIS FOR RIGHT SIDE TOOLTIPS*/
/*.tooltipcontainer .tooltiptext { top: -5px; left: 105%; }*/
/*ENABLE THIS FOR LEFT SIDE TOOLTIPS*/
.tooltipcontainer .tooltiptext { top: -5px; right: 105%; }
/*ENABLE THIS FOR TOP POSITION TOOLTIPS*/
/*.tooltipcontainer .tooltiptext { bottom: 100%; left: 50%; margin-left: -60px;}*/ /* Use half of the width (120/2 = 60), to center the tooltip */ 


/* Tooltip container TOOLTIP ON RIGHT SIDE */
.tooltipcontainerright {
    position: relative;
    /*display: inline-block;*/
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltipcontainerright .tooltiptextright {
    visibility: hidden;
    /*width: 120px;*/
    /*background-color: black;
    color: #fff;*/
    background-color: white;
    color: #000;
    text-align: center;
    /*padding: 5px 0;*/
    padding: 5px;
    border-radius: 6px;
	border: 1px solid black;
	white-space: pre;
 
	font-size:15px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltipcontainerright:hover .tooltiptextright {visibility: visible;}
.tooltipcontainerright:hover {background-color: black;color: #fff;}
/*ENABLE THIS FOR RIGHT SIDE TOOLTIPS*/
.tooltipcontainerright .tooltiptextright { top: -5px; left: 105%; }
/*ENABLE THIS FOR LEFT SIDE TOOLTIPS*/
/*.tooltipcontainerright .tooltiptextright { top: -5px; right: 105%; }*/
/*ENABLE THIS FOR TOP POSITION TOOLTIPS*/
/*.tooltipcontainerright .tooltiptextright { bottom: 100%; left: 50%; margin-left: -60px;}*/ /* Use half of the width (120/2 = 60), to center the tooltip */ 
table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 98%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 0px solid #AAAAAA;
  padding: 3px 2px;
}
table.blueTable tbody td {
  font-size: 13px;
 
}
table.blueTable tr:nth-child(even) {
  background: #FDFEFF;
}