body{
   background: #FFFFFF;
   color: #3a4147;/*#0a53a0;*/
   background-position: left top;
   font-family:arial;
   font-size: 14px;
}

a:link      { font-family:arial; color: #fff; ; text-decoration: none; font-size: 14px;}
a:visited   { font-family:arial; color: #fff ; text-decoration: none; font-size: 14px;}
a:active    { font-family:arial; color: #fff ; text-decoration: none; font-size: 14px;}
a:hover     { font-family:arial; color:  #057c30 ; text-decoration: none; font-size: 14px;}

td{
   font-family:arial;
   font-size: 14px;
   padding-left: 5px ;
   padding-right: 5px ;
}

.button{
   background-color: #057c30 ; /*#0047AB; /* Modifi� */
   background-image: -webkit-linear-gradient(top, #1bd777,  #057c30 ); /*#0df27d*/
   background-image: -moz-linear-gradient(top, #1bd777,  #057c30 );
   background-image: -ms-linear-gradient(top, #1bd777,  #057c30 );
   background-image: -o-linear-gradient(top, #1bd777,  #057c30 );
   background-image: linear-gradient(to bottom, #1bd777,  #057c30 );
/*    background-image: -webkit-linear-gradient(top, #8BB2DD, #0047AB);
   background-image: -moz-linear-gradient(top, #8BB2DD, #0047AB);
   background-image: -ms-linear-gradient(top, #8BB2DD, #0047AB);
   background-image: -o-linear-gradient(top, #8BB2DD, #0047AB);
   background-image: linear-gradient(to bottom, #8BB2DD, #0047AB); */
   border:1px solid;
   border-color:white;
   height: 25px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color:  #ffffff; /*#3a4147; */
   text-align: center;
   font-size: 10px;
   padding: 5px ;
   text-decoration: none;
   box-shadow: 1px 1px 5px #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   /*width: 100px;*/
   margin-left: 0px;
   border-radius: 5px;
}

.button:hover{
   background: #1bd777; /*#0df27d; /*#8BB2DD;*/
   text-decoration: none;
   border:1px solid;
   border-color:white;
   height: 25px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 10px;
   padding: 5px;
   text-decoration: none;
   box-shadow: 1px 1px 5px #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   /*width: 50px;*/
   border-radius: 5px;
}

.button:disabled{
   background: lightgray;
   text-decoration: none;
   border:1px solid;
   border-color:white;
   height: 25px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 10px;
   padding: 5px;
   text-decoration: none;
   box-shadow: 1px 1px 5px #000; /* Ajout? */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout? */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout? */
   font-weight:bold;
   /*width: 50px;*/
   border-radius: 5px;
}

.button_selected{
   background: #1bd777;/*#0df27d; /*#8BB2DD;*/
   text-decoration: none;
   border:1px solid;
   border-color:white;
   height: 25px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 10px;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
   box-shadow: 1px 1px 5px #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   /*width: 50px;*/
   border-radius: 5px;
}

.buttonReset{
   background-color:  #057c30 ;/*#0a53a0;*/
   border:1px solid;
   border-color:white;
   width: 140px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 15px;
   padding: 5px ;
   text-decoration: none;
   box-shadow: 1px 1px 5px  #c2c3c4; /*#000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px  #c2c3c4; /*#000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px  #c2c3c4; /*#000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:-450px;
   margin-top: 15px;
   border-radius: 5px;
}

.buttonReset:hover{
   background-color:red;
   border:1px solid;
   border-color:white;
   width: 140px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 15px;
   padding: 5px ;
   text-decoration: none;
   box-shadow: 1px 1px 5px  #c2c3c4; /*#000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px  #c2c3c4; /*#000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px  #c2c3c4; /*#000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:-450px;
   margin-top: 15px;
   border-radius: 5px;
}

.buttonSave{
   background-color: #057c30 ;/*#0a53a0;*/
   border:1px solid;
   border-color:white;
   width: 155px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 15px;
   padding: 5px ;
   text-decoration: none;
   box-shadow: 1px 1px 5px #c2c3c4;/*#000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #c2c3c4; /*#000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #c2c3c4; /* #000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:-50px;
   margin-top: 15px;
   border-radius: 5px;
}

.buttonSave:hover{
   background-color:#0df27d; /*green;*/
   border:1px solid;
   border-color:white;
   width: 155px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 15px;
   padding: 5px ;
   text-decoration: none;
   box-shadow: 1px 1px 5px #c2c3c4; /*#000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #c2c3c4; /* #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #c2c3c4; /*#000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:-50px;
   margin-top: 15px;
   border-radius: 5px;
}

/*Start header */

.H_header2{
   text-align: left;/*center;*/
   padding-top: 10px;
   padding-bottom: 10px;
   border-bottom: 5px solid #057c30;/*#223e5b;*/
   height: 60px;/*80px;*/
   width: 100%;
}

.H_header{
   text-align: left; /*center;*/
   width: 100%;/*1000px;*/
   /*margin: 10px;/*auto 0;*/
   position: absolute;/*relative;*/
   display: inline-block;
   top: 0px;
   left:0px;
}

.H_logo{
   width: 300px;
   display: inline-block;
   position: relative;
   top: 25px;
   left:160px;/*-100px;*/
}

.H_title{
   color: #223e5b;
   position: relative;
   top: 40px;/*-50px;*/
   left: 200px;
   font-size: 30px;
   font-weight: normal;
   width: 300px;
   display: inline-block;
}

.H_logindate{
   color: #223e5b;
   position: relative;
   top: 15px;/*-50px;*/
   left: 420px;	
   font-size: 15px;
   font-weight: normal;
   width: 300px;
   display: inline-block;
}


/*End header */

/*Start menu */
.NObox {
   background-color:#057c30; /*#00A656;/*#0a53a0;*/
   text-align: center;
   width: 140px;
   border-radius: 5px;
    	
}

/*Menu*/

#menu{
   padding-left: 0px;
   margin:0;
   list-style:none;
   text-align: center;
   width: 150px;
   border-radius: 5px;   
}

#menu.fixed {
  position: fixed;
  top: 50;
}

#menu ul{
   padding:0;
   margin:0;
   list-style:none;
   text-align: center;
   border-radius: 5px;
}

#menu li{
   background-color:#057c30;/*#12C168;/*#0a53a0;*/
   border: 1px solid #FFF;
   width: 150px;
   border-radius: 5px;
   color: #fff;	
}

/*Sous-menu*/
#menu li li{
   /*   max-height:0;
      overflow: hidden;
      transition: all .5s;*/
   border-radius:0px;
   background: #f3f4f5;/*#8cadd9;*/
   box-shadow: none;
   border:none;
   margin:0;
   padding-left: 10px;
   position: relative;
   left:10px;
   width: 130px;
   color:#3a4147;
}

/*Link*/
#menu a{
   display:block;
   text-decoration: none;
   /*color: #3a4147 ;/*#FFF;*/
   padding: 8px 0;
   font-family: arial;
   font-size: 15px;
   border-radius: 5px;
   /*color: #fff;*/
}

#menu ul li a, #menu li:hover li a{
   font-size:15px;   
}

/*
#menu li:hover{
   background: #057c30;
   color: #FFF;
}
*/

#menu li a:hover{
   color:#fff; /* #0df27d;;   */
}

#menu li li a:hover{
   background: #12C168;/*#47E82E;/*#0a53a0;*/
   border-radius: 5px;
   color: #000;   
}

#menu ul li:last-child{
   border-radius: 0 0 6px 6px;
   border:none;
}

#menu li:hover li {
   max-height: 15em;
}
/*End menu */

.MainBoxLGO {
   text-align: center;
   width: 1000px;
   margin: auto 0;
   position: absolute;
   top:130px;
   left:40px;
   display: inline-block;
   border: 0px solid red;
   margin-top: 35px;
   height: 100%;
}

.bordereau{
   width: 1000px;
   height: 1200px;
   position: absolute;
   top:-60px;
   left:160px;
   margin-top: 15px;
   display: inline-block;
   margin-left: 30px;
}

.titlestandardlens{
   margin-top: 0px;
   color: #3a4147; /*#FFf;*/
   font-weight:bold;
   width:1000px;
   position: absolute;
   left: 230px;
   font-size: 25px;
   text-align: center;
   height: 27px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #f3f4f5;/*#8cadd9;*/
   border: 1px solid  #c2c3c4; /*#0a53a0;*/
   box-shadow: 2px 2px 5px #c2c3c4; /*#000;*/
   border-radius: 10px;
   z-index:20;
}

.titlestandardlens.fixed {
  position: fixed;
  top: 0;
  z-index:20;
}

.titleorderordertracking{
   margin-top: 0px;
   color:#3a4147;/*#fff;*/
   font-weight:bold;
   width:880px;
   position: absolute;
   top:-29px;
   left: 190px;
   font-size: 25px;
   text-align: center;
   height: 27px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #f3f4f5;/*#8cadd9;*/
   border: 1px solid #c2c3c4; /*#0a53a0;*/
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
}

.titleorderorderbasket{
   margin-top: 5px;
   color: #3a4147; /*#FFf;*/
   font-weight:bold;
   width:880px;
   position: absolute;
   top:-34px;
   left: 190px;
   font-size: 25px;
   text-align: center;
   height: 27px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #f3f4f5;/*#8cadd9;*/
   border: 1px solid #0a53a0;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
}

.titletracerconfiguration{
   margin-top: 5px;
   color: #3a4147; /*#FFf;*/
   font-weight:bold;
   width:1000px;
   position: absolute;
   top:-45px;
   left: 190px;
   font-size: 25px;
   text-align: center;
   height: 27px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #f3f4f5;/*#8cadd9;*/
   border: 1px solid #0a53a0;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
}

.titleshopList{
   margin-top: 5px;
   color: #3a4147; /*#FFf;*/
   font-weight:bold;
   width:1000px;
   position: absolute;
   top:-45px;
   left: 190px;
   font-size: 25px;
   text-align: center;
   height: 27px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #f3f4f5;/*#8cadd9;*/
   border: 1px solid #0a53a0;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
}

.centreLGO{
   display: inline-block;
   width: 1000px;
   position: absolute;
   top:-50px;
   left:130px;
   height:100%;
   margin-bottom: 0px;
}

/* Start Login */
 .TOPTOP{
   margin-top: -9px;
   position: relative;
   padding-top: 20px;
   width: 100%;
   height: 110px;
   background: white; 
   color:#0a53a0;
   font-weight:bold;
   z-index: 10;
   text-align: center;
}

.centreIndex{
   margin: 0 auto;
   width: 100%; /*800px;*/
   position: relative;
   height:100%;
   margin-bottom: 20px;
   display: inline-block;
}

/* .logohorizontal{
   position: absolute; 
   margin-left: 25px;
   margin-top: 20px;
   display: inline-block;
   width:100%; 
} */

.logohorizontal{
   position: absolute; /*relative;*/
   margin-left:15px; /*25px;*/
   margin-top: 20px;/*20px;*/
   display: inline-block;
   left: 10px;	
   width:100%;/*250px;*/
   text-align: center; 
}

.titreIndex{
   padding-top: 40px;
   position: relative; 
   display: inline-block;
   width:300px;
   font-size: 40px;
   text-align: center;
   color: #f3f4f5;/*#8cadd9;*/ 
   top: -13px;
   margin-left: 0px; 
}

.top3langue{
   position: relative; /*absolute; */
   margin-top : 70px;
   margin-left:200px;/*558px;*/
   margin-right:50px;/*558px;*/
   right: 10px; /*Henri150106_right remplace margin-left*/
   display: inline-block;
   width: 100%;/*161px;*/
   text-align: center; 
   /*left: 558px;*/
}

.loginLGO{
   margin: 0 auto;
  /* background-image:url(../Pics/iconebulle.png);*/
   background-repeat: no-repeat;
   background-size: 500px;
   text-align: center;
   color: #000;
   top: 10px;
   width: 500px;
   height: 400px;
   position: relative;
   border:3px solid; 
   border-color:#3d2c8c;
   border-radius: 10%;
}

.buttonloginLGO{
   background-color:  #057c30 ;/*#00A656;*/
   /*-webkit-border-radius: 10px;
   -moz-border-radius: 10px;*/
   border-radius: 10%;
   border:3px solid; 
   border-color:white;
   text-shadow: 1px 1px 3px #666666;
   font-family: Arial;
   color: #fff;
   font-size: 20px;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
   box-shadow: 1px 1px 5px #000; 
   -moz-box-shadow: 1px 1px 5px #000; 
   -webkit-box-shadow: 1px 1px 5px #000; 
   font-weight:bold;
   width:160px;
   height: 45px;
   position: relative;
   margin-top: -20px;
} 



.buttonloginLGO:hover{
   background-color:#47E82E; /* Modifi� */
   background-image: -webkit-linear-gradient(top, #AAE5A0, #47E82E);
   background-image: -moz-linear-gradient(top, #AAE5A0, #47E82E);
   background-image: -ms-linear-gradient(top, #AAE5A0, #47E82E);
   background-image: -o-linear-gradient(top, #AAE5A0, #47E82E);
   background-image: linear-gradient(to bottom, #AAE5A0, #47E82E);
}

.coverageLogin{
   color: #3a4147; /*#0a53a0;*/
   width: 150px;
   height: 30px;
   font-size: 25px;
   text-align: center;
   background-color:  #f3f4f5;
   border: 2px solid #3D2C8C;
}

h2{
   color: #000;
   font-size: 30px;
 
}
/* End Login */

button_old{
   border: 1px solid #BBBBBB;
}

select, textarea {
   border: 1px solid  #BBBBBB;
   height: 20px;
}

input{
   border: 0px solid #BBBBBB;
   height: 20px;
}
/*
input[type=radio] {
   margin:0px 7px 4px 1px;
   vertical-align:middle;
   width:13px;
   height:13px;
   padding:0px;
}
*/
input[type=checkbox] {
   margin:0px 8px 3px 1px;
   vertical-align:middle;
   width:13px;
   height:13px;
   padding:0px;
}
/*
input[type="checkbox"]:disabled {
  visibility:hidden;
}

input[type="checkbox"]:disabled + label[for]:before {
  content:"\2713";
  position:absolute;
  margin-right:1em;
  padding:.0em .0em;
  color:lightgray;
  background:lightgray;
  border:.1em solid lightgray;
}

input[type="checkbox"]:disabled + input[type="checkbox"]:checked  + label[for]:before{
  content:"\2713";
  position:absolute;
  margin-right:1em;
  padding:.0em .0em;
  color:black;
  background:lightgray;
  border:.1em solid lightgray;
}
*/
.inputreadonly{
   background:lightgray;
   color:black;
   height: 20px;
}

.button_old{
   BACKGROUND-COLOR: darkgray;
   color:#ffffff;
}

.button_selected_old{
   BACKGROUND-COLOR: darkred;
   color:#ffffff;
}

.button_form{
   BACKGROUND-COLOR: darkgray;
   color:#ffffff;
   padding: 5 20 5 20;
}

.buttonBulkOrder{
   BACKGROUND-COLOR: darkgray;
   color:#ffffff;
   position: absolute;
   top:10;
   left:600;
   height:30;
   width:80;
}

input[type="text"]:disabled{
   background:lightgray;
   color:black;
   height: 20px;
}

select[disabled]{
   background:lightgray;
   color:black;
   height: 20px;
}
.trselect{
   cursor:pointer;
}

.trselect:hover{
   background:lightgray;
}

.tdred{
   background:#ff0000; 
}

.coverage {
   border-width:1px;
   border-style:solid;
}

.coverage50px {
   border-width:1px;
   border-style:solid;
   width:50px;
   text-align:right;
}
.coverage30px {
   border-width:1px;
   border-style:solid;
   width:30px;
   text-align:right;
}

.coverageDrill {
   border-width:1px;
   border-style:solid;
   width:35px;
   height:15px;
   text-align:right;
   font-size:10px;
}

.coverageDrillro {
   border-width:1px;
   border-style:solid;
   width:35px;
   height:15px;
   text-align:right;
   font-size:10px;
   color:gray;
}

.coverageDrillSelect {
   width:35px;
   height:15px;
   font-size:10px;
}

.coverageDrillLabel {
   font-size:10px;
}

.coveragecount {
   border-width:1px;
   border-style:solid;
   border-color:white;
   background:white;
   width:25px;
   text-align:right;
}

.coveragecountdiv {
   border-width:1px;
   border-style:solid;
   background:white;
   width:40px;
   font-size: 8px;
   float:left;
   text-align:right;
}

.header_old{
   background:black;
   color:#ffffff;
   font-weight:bold;
   width:100%;
   border:1px solid;
   border-color:#000000;
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   position: absolute;
   top:0;
   left:0;
}

.header{
   background-color: #f3f4f5;/*#0a53a0;*/
   color:#3a4147; /*#ffffff;*/
   font-weight:bold;
   width:250px;
   position: relative;
   top:5px;
   left:-15px;
   float: left;
   text-align: center;
   /*border:2px #8cadd9 solid;*/
   border:2px #c2c3c4 solid; 
   border-radius: 5px;
}

.top{
   background:darkgray;
   color:#ffffff;
   font-weight:bold;
   width:940;
   border:1px solid;
   border-color:#000000;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   position: absolute;
   top:0;
   left:0;
}

.content{
   width:100%;
}

.order_buttons{
   background:darkgray;
   color:#ffffff;
   font-weight:bold;
   width:200;
   border:1px solid;
   border-color:#000000;
   border-radius: 10px;
   position: absolute;
   top:0;
   left:0;
}

.frame, 
.ordertypetable, 
.product,
.refraction,
.individual,
.geometry,
.reference,
.consumer,.orderbasket,
.orderinfo,
.orderoverview,
.orderoverviewSearch,
.login,
.grid,
.selectgrid,
.selectcustomer,
.tracerconfig,
.ordermenu, 
.orderbasket,
.formDialog,
.calcDialog,
.frameDialog,
.admin,
.drillDialog,
.shopList{
   background:white;
   position: absolute;
   width:1000;
   left:0;
   border:1px solid;
   border-radius: 10px;
   box-shadow: 1px 1px 3px #000; /* Ajout� */
}

.ordermenu{
   height:20;
   top:30;
}

.reference{
   height:120;
   top:100;
}

.consumer{
	height:220;
	top:1140;
}

.frame{
   height:130;
   top:225;
}

.ordertypetable{
   height:150;
   top:360;
}

.product{
   height:190;
   top:515;
}

.refraction{
   height:120;
   top:740;/*695;*/
}

.individual{
   height:100;
   top:865;/*820;*/
}

.geometry{
   height:220;
   top:865	;/*820;*/
}

.optionen{
   height:80;
   top:740;/*690;*/
}

.tracerconfig{
   height:350;
   top:60;
}

.shopList{
   top:60;
}

.admin{
   height:500;
   top:95;
}

.formDialog, .calcDialog, .frameDialog{
   height:750;
   top:100;
   width:1000;
}

.drillDialog{
   height:300;
   top:540;
   z-index: 999;
}

.orderbasket_old{
   width:710;
   height:400;
}

.login{
   width:600;
   height:200;
   top:30%;
   left:20%;
   text-align:center;
}

.language_position{
   position: absolute;
   top:50;
}

.orderbasket_button_postion{
   position: absolute;
   top:970;
   left:400;
}

.orderoverview_orderbasket_button_postion{
   position: absolute;
   top:770;
   left:200;
}

#orderbasket_background{
   background:gray;
   opacity: .5;
   filter:Alpha(Opacity=50);
   position: fixed;
   width:100%;
   height:100%;
   left: 0;
   top: 0;
   z-index: 4;
}

#orderbasket_div{
   position: fixed;
   width:710;
   height:400;
   left: 15;
   top: 100;
   z-index: 5;
}

#orderinfo_background,#orderinfo_background2{
   background:gray;
   opacity: .5;
   filter:Alpha(Opacity=50);
   position: fixed;
   width:100%;
   height:100%;
   left: 0;
   top: 0;
   z-index: 10;
}

#orderinfo_div,#orderinfo_div2{
   position: fixed;
   width:600;
   height:400;
   left: 30;
   top: 50;
   z-index: 15;
}

.orderinfo{
   width:600;
   height:400;
   left: 120;
   top: 100;
}

.orderoverview_button_position{
   position: absolute;
   top:970;
   left:200;
}

.save_order_button_position{
   position: absolute;
   top:1050;/*1010;*/
   left:860;
}

.reset_order_button_position{
   position: absolute;
   top:1050;/*1010;*/
   left:500;
}

.orderoverview{
   position: absolute;
   width:880;
   height:200;
   left: 60;
   top: 300;
}

.orderoverviewSearch{
   position: absolute;
   width:880;
   height:180;
   left: 60;
   top: 80;
}


.orderbasket{
   position: absolute;
   width:880;
   height:200;
   left: 60;
   top: 290;
}

.tracer{
   position: absolute;
   top:750;
   left:300;
}

.product-line{
   width:1px;
   height:70px;
   margin:2px;
   float:left;
}

.drill-line{
   width:1px;
   height:200px;
   margin:2px;
   float:left;
}

.geometry-line-vertical{
   width:100%;
   height:1px;
   margin:2px;
   float:left;
}

.geometry-line-horizontal{
   width:1px;
   height:60px;
   margin:2px;
}

.individual-line-horizontal{
   width:1px;
   height:120px;
   margin:2px;
}

.orderbasket_next_button{
   position: absolute;
   top:320;
   left:580;
}

.orderbasket_previous_button{
   position: absolute;
   top:320;
   left:550;
}

.menu1, .menu2, .menu3, .menu4{
   background:darkgray;
   color:#3a4147; /*color:#ffffff;*/
   font-weight:bold;
   width:150;
   border:1px solid;
   border-color:#000000;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   position: absolute;
   top:25;
}
.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover{
   background:lightgray;
}

.menu1{
   left:50;
}
.menu2{
   left:200;
}
.menu3{
   left:350;
}
.menu4{
   left:500;
}

.orderoverviewmenu1, .orderoverviewmenu2, .orderoverviewmenu3{
   background:darkgray;
   color:#3a4147;/*color:#ffffff;*/
   font-weight:bold;
   width:150;
   border:1px solid;
   border-color:#000000;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   position: absolute;
   top:0;
}

.orderoverviewmenu1:hover, .orderoverviewmenu2:hover{
   background:lightgray;
}

.orderoverviewmenu1{
   left:60;
}

.orderoverviewmenu2{
   left:420;
}

.orderoverviewmenu3{
   left:770;
}

.ordertopmenu1, .ordertopmenu2{
   background:darkgray;
   color:#3a4147;/*color:#ffffff;*/
   font-weight:bold;
   width:150;
   border:1px solid;
   border-color:#000000;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   position: absolute;
   top:0;
}

.ordertopmenu1:hover, .ordertopmenu2:hover{
   background:lightgray;
}

.ordertopmenu1{
   left:100;
}

.ordertopmenu2{
   left:250;
}

.ordermenubackground {
   background:white;
   width:1020px;
   height:70px;
   position: absolute;
   top:150;
   left:220;
   z-index:10;
}

.ordermenubackground.fixed {
   position:fixed;
   top:0;
}
.ordermenu1, .ordermenu2, .ordermenu3, .ordermenu4{
   background:#057c30;/*#0a53a0;*/
   color:#ffffff;
   font-weight:bold;
   width:179;
   border:2px #c2c3c4 solid; /*#8cadd9*/
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   position: absolute;
   top:158px;
   z-index:110;
}

 .ordermenu1.fixed, .ordermenu2.fixed, .ordermenu3.fixed, .ordermenu4.fixed{
  position: fixed;
  top: 42;
}

.ordermenu1:hover, .ordermenu2:hover, .ordermenu3:hover, .ordermenu4:hover{
   background:#1bd777/*#0df27d;/*#8cadd9;*/
   border:2px #c2c3c4 solid;
}

.ordermenu1{
   left:250;
}
.ordermenu2{
   left:429;
}
.ordermenu3{
   left:608;
}
.ordermenu4{
   width:250;
   left:608;
   /*left:786;*/
}

.tab_selected{
   background:#473792;
   border:2px #0a53a0 solid;
}


.selectcustomer{
   padding:20px;
   height:290;
   position: absolute;
   top:50;
}

.selectgrid{
   padding:20px;
   height:70;
   position: absolute;
   top:345;
}

.grid{
   position: absolute;
   top:435;
}

.griddiv{
   position: absolute;
   top:10;
   overflow:auto;
   height:70;
   width:720px;
}

.griddiv td{
   padding: 0px;
}

.optionstyle1 {
   font-size: 12px;
   color: black;
}

.optionstyle2 {
   font-size: 12px;
   color: red;
}

#message_div{
   background:#FFE8E8;
   border:1px solid;
   border-radius: 10px;
   position: fixed;
   width:400;
   height:50;
   left: 525;
   top: 0;
   z-index: 1001;
   color:red;
}

formDiv {
   position: relative;
   top:-180;
}

.frameCanvasSmall {
   position:relative;
   top:15;
   left:150;
   height:10px;
   width:10px;
}

/* CalendarPopup */
.coveragedate {
   border: 1px solid #BBBBBB;
   width:100px;
   background:white;
}

.searchDate {
   width:80px;
}

.showUploadVCAFile {
   position:relative;
   top:110;
   left:25;
   z-index: 10;
}

.border_bottom {
   border-bottom:1px solid black;
   font-size:12px;
}
.border_right {
   border-right:1px solid black;
}
.border_bottom_right {
   border-bottom:1px solid black;
   border-right:1px solid black;
}

.rowBgColourEven {
   background-color: #f3f4f5;/*#c4dcfd*/
}

.rowBgColourOdd {
   background-color:#ffffff
}

/* TEST clases */
         
.TESTcpYearNavigation,
.TESTcpMonthNavigation{
   background-color:#6677DD;
   text-align:center;
   vertical-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-weight:bold;
}

.TESTcpDayColumnHeader,
.TESTcpYearNavigation,
.TESTcpMonthNavigation,
.TESTcpCurrentMonthDate,
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDate,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDate,
.TESTcpCurrentDateDisabled,
.TESTcpTodayText,
.TESTcpTodayTextDisabled,
.TESTcpText{
   font-family:arial;
   font-size:8pt;
}

TD.TESTcpDayColumnHeader{
   text-align:right;
   border:solid thin #6677DD;
   border-width:0 0 1 0;
}

.TESTcpCurrentMonthDate,
.TESTcpOtherMonthDate,
.TESTcpCurrentDate{
   text-align:right;
   text-decoration:none;
}

.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDateDisabled{
   color:#D0D0D0;
   text-align:right;
   text-decoration:line-through;
}

.TESTcpCurrentMonthDate{
   color:#6677DD;
   font-weight:bold;
}

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

.TESTcpOtherMonthDate{
   color:#808080;
}

TD.TESTcpCurrentDate{
   color:#FFFFFF;
   background-color: #6677DD;
   border-width:1;
   border:solid thin #000000;
}

TD.TESTcpCurrentDateDisabled{
   border-width:1;
   border:solid thin #FFAAAA;
}

TD.TESTcpTodayText,
TD.TESTcpTodayTextDisabled{
   border:solid thin #6677DD;
   border-width:1 0 0 0;
}

A.TESTcpTodayText,
SPAN.TESTcpTodayTextDisabled{
   height:20px;
}

A.TESTcpTodayText{
   color:#6677DD;
   font-weight:bold;
}

SPAN.TESTcpTodayTextDisabled{
   color:#D0D0D0;
}

.TESTcpBorder{
   border:solid thin #6677DD;
}

/* WholeSale classes */

.MainBoxLGOWholeSale {
   text-align: center;
   width: 1000px;
   margin: auto 0;
   position: absolute;
   top:130px;
   left:40px;
   display: inline-block;
   border: 0px solid red;
   margin-top: 35px;
   height: 100%;
}

.titleneworderWholeSale{
   margin-top: 0px;
   color:#3a4147;
   font-weight:bold;
   width:1000px;
   position: absolute;
   left: 190px;
   font-size: 25px;
   text-align: center;
   height: 27px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #f3f4f5;/*#8cadd9;*/
   border: 1px solid  #c2c3c4; /*#0a53a0;*/
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
   z-index:20;
}

.titlestandardlensWholeSale.fixed {
  position: fixed;
  top: 0;
  z-index:20;
}

.referenceWholeSale{
   background:white;
   position: absolute;
   height:100;
   width:1000;
   left:190px;
   border:1px solid;
   border-radius: 10px;
   top:50;
}

.selectgridWholeSale{
   background:white;
   position: absolute;
   height:150;
   width:1000;
   left:190px;
   border:1px solid;
   border-radius: 10px;
   top:155
}

.gridWholeSale{
   background:white;
   position: absolute;
   width:1000;
   left:190px;
   border:1px solid;
   border-radius: 10px;
   top:310
}

.coveragedateWholeSale {
   border: 1px solid #BBBBBB;
   width:120px;
   background:white;
}
/*
.buttonWholeSaleOrder{
   BACKGROUND-COLOR: darkgray;
   color:#ffffff;
   position: absolute;
   top:10;
   left:600;
   height:30;
   width:80;
}*/


.buttonWholeSaleOrder{
   background-color: #057c30;/*#0a53a0;*/
   border:1px solid;
   border-color:white;
   width: 140px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 15px;
   padding: 5px ;
   text-decoration: none;
   box-shadow: 1px 1px 5px #c2c3c4; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #c2c3c4; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #c2c3c4; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:600px;
   top:10;
   border-radius: 5px;
}

.buttonWholeSaleOrder:hover{
   background-color: #1bd777; /*green;*/
   border:1px solid;
   border-color:white;
   width: 140px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Arial;
   color: #ffffff;
   text-align: center;
   font-size: 15px;
   padding: 5px ;
   text-decoration: none;
   box-shadow: 1px 1px 5px #c2c3c4; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #c2c3c4; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #c2c3c4; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:600px;
   top:10;
   border-radius: 5px;
}