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

a:link      { font-family:arial; color: #ffffff; text-decoration: none; font-size: 14px;}
a:visited   { font-family:arial; color: #ffffff; text-decoration: none; font-size: 14px;}
a:active    { font-family:arial; color: #ffffff; text-decoration: none; font-size: 14px;}
a:hover     { font-family:arial; color: #8BB2DD; text-decoration: none; font-size: 14px;}

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

.button{
   background-color:#0047AB; /* Modifi� */
   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;
   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: #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: #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: #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 #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #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 #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:-450px;
   margin-top: 15px;
   border-radius: 5px;
}

.buttonSave{
   background-color: #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 #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:-50px;
   margin-top: 15px;
   border-radius: 5px;
}

.buttonSave:hover{
   background-color: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 #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:-50px;
   margin-top: 15px;
   border-radius: 5px;
}

/*Start header */

.H_header2{
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
   border-bottom: 5px solid #0a53a0;
   height: 80px;
   width: 100%;
}

.H_header{
   text-align: center;
   width: 1000px;
   margin: auto 0;
   position: relative;
   display: inline-block;
}

.H_logo{
   width: 300px;
   display: inline-block;
   position: relative;
   top: 0px;
   left:-100px;
}

.H_title{
   color: #0a53a0;
   position: relative;
   top: -50px;
   font-size: 30px;
   font-weight: normal;
   width: 300px;
   display: inline-block;
}

.H_logindate{
   color: #0a53a0;
   position: relative;

   font-size: 15px;
   font-weight: normal;
   width: 300px;
   display: inline-block;
}

/*End header */

/*Start menu */
.NObox {
   background-color:#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:#0a53a0;
   border: 1px solid #FFF;
   width: 150px;
   border-radius: 5px;

}

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

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

#menu ul li a, #menu li:hover li a{
   font-size:15px;
}
/*
#menu li:hover{
   background: #8cadd9;
   color: #FFF;
}
*/
#menu li li a:hover{
   background: #0a53a0;
   border-radius: 5px;
}

#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:#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: #8cadd9;
   border: 1px solid #0a53a0;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
   z-index:20;
}

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

.titleorderordertracking{
   margin-top: 0px;
   color:#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: #8cadd9;
   border: 1px solid #0a53a0;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
}

.titleorderorderbasket{
   margin-top: 5px;
   color:#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: #8cadd9;
   border: 1px solid #0a53a0;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
}

.titletracerconfiguration{
   margin-top: 5px;
   color:#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: #8cadd9;
   border: 1px solid #0a53a0;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
}

.titleshopList{
   margin-top: 5px;
   color:#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: #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; /* Old browsers */
   color:#0a53a0;
   font-weight:bold;
   z-index: 10;
   text-align: center;
}

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

.logohorizontal{
   position: relative;
   margin-left: 25px;
   margin-top: 20px;
   display: inline-block;
   width:250px;
}

.titreIndex{
   padding-top: 40px;
   position: relative; /*Henri150106_absolute remplace relative*/
   display: inline-block;
   width:300px;
   font-size: 40px;
   text-align: center;
   color: #8cadd9; /*Henri150106_#0a53a0 remplace white*/
   /*Henri150106_Suppression de float: left*/
   top: -13px;
   margin-left: 0px; /*Henri150106_420 remplace 95*/
}

.top3langue{
   position: relative;
   margin-top : -15px;
   margin-left:558px;
   right: 92px; /*Henri150106_right remplace margin-left*/
   display: inline-block;
   width: 161px;
   /*Henri150106_Suppression de float: right*/
}

.loginLGO{
   margin: 0 auto;
   background-image:url(../Pics/iconebulle.png);
   background-repeat: no-repeat;
   background-size: 500px;
   text-align: center;
   color: #FFF;
   top: 10px;
   width: 500px;
   height: 500px;
   position: relative;
}

.buttonloginLGO{
   background-color:#0a53a0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 50%;
   border:3px solid; /* Les bords ne sont pas tous visibles (cach�s par d'autres blocks)  */
   border-color:white;
   text-shadow: 1px 1px 3px #666666;
   font-family: Arial;
   color: #ffffff;
   font-size: 20px;
   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:80px;
   height: 80px;
   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: #0a53a0;
   width: 150px;
   height: 30px;
   font-size: 25px;
   text-align: center;
   background-color: white;
}

h2{
   color: #FFF;
   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; 
}
.tdgray{
   background:#808080; 
}

.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: #0a53a0;
   color:#ffffff;
   font-weight:bold;
   width:250px;
   position: relative;
   top:5px;
   left:-15px;
   float: left;
   text-align: center;
   border:2px #8cadd9 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,
.priceDialog,
.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:80;
   top:100;
}

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

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

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

.product{
   height:220px;/*170;*/
   top:475;
}

.refraction{
   height:120;
   top:700; /*655;*/
   border: 1px solid black
}	

.individual{
   height:140;
   top: 825;/*780;*/
}

.geometry{
   height:220;
   top:825;/*780;*/
}

.optionen{
   height:80;
   top:650;
}

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

.shopList{
   top:60;
}

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

.formDialog, .calcDialog, .frameDialog, .priceDialog{
   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:1060;/*1010;*/
   left:860;
}

.reset_order_button_position{
   position: absolute;
   top:1060;/*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:#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:#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:#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, .ordermenu5{
   background:#0a53a0;
   color:#ffffff;
   font-weight:bold;
   width:179;
   border:2px #8cadd9 solid;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   position: absolute;
   top:178;
   z-index:110;
}

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

.ordermenu1:hover, .ordermenu2:hover, .ordermenu3:hover, .ordermenu4:hover, .ordermenu5:hover{
   background:#8cadd9;
   border:2px #0a53a0 solid;
}


.tab_disabled{
   background:lightgray;
   color:#ffffff;
   pointer-events:none;
}

.ordermenu1{
   left:250;
}
.ordermenu2{
   left:429;
}
.ordermenu3{
   left:608;
}
.ordermenu4{
   left:786;
}
.ordermenu5{
   left:965;
}

.tab_selected{
   background:#8cadd9;
   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:#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:#FFf;
   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: #8cadd9;
   border: 1px solid #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: #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 #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:600px;
   top:10;
   border-radius: 5px;
}

.buttonWholeSaleOrder:hover{
   background-color: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 #000; /* Ajout� */
   -moz-box-shadow: 1px 1px 5px #000; /* Ajout� */
   -webkit-box-shadow: 1px 1px 5px #000; /* Ajout� */
   font-weight:bold;
   position: absolute;
   left:600px;
   top:10;
   border-radius: 5px;
}

.contact_form{

	font-weight: bold;
	position: absolute;
	top: 37px;
	left: 500px;
}

.contact_salutation_male{
	position: absolute;
	top: 57px;
	left: 500px;
}

.field_salutation{
	position: absolute;
	margin-top: 0px;
}

.contact_salutation_female{
	position: absolute;
	top: 57px;
	left: 570px;
}

.contact_first_name{
	position: absolute;
	top: 82px;
	left: 500px;
}

.field_first_name{
	position: absolute;
	left: 100px;
	border-width: 1px;
	border-style: solid;
	border-color #BBBBBB;
}

.contact_surname{
	position: absolute;
	top: 107px;
	left: 500px;
}

.field_surname{
	position: absolute;
	left: 100px;
	border-width: 1px;
	border-style: solid;
	border-color #BBBBBB;
}

.contact_email{
	position: absolute;
	top: 132px;
	left: 500px;
}

.field_email{
	position: absolute;
	left: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: #BBBBBB;
}

.contact_phone_number{
	position: absolute;
	top: 157px;
	left: 500px;
}

.field_phone_number{
	position: absolute;
	left: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: #BBBBBB;
}

.contact_subject{
	position: absolute;
	top: 182px;
	left: 500px;
}

.field_subject{
	width: 175%;
	border-width: 1px;
	border-style: solid;
	border-color: #BBBBBB;
}

.contact_message{
	position: relative;
	top: 220px;
	left: 500px;
}

.field_message{
	resize: none;
	width: 175%;
	height: 125px;
	border-width: 1px;
	border-style: solid;
	border-color: #BBBBBB;
}

.button_send{
	position: absolute;
	top: 390px;
	left: 500px;
}

.contact_info{
	position: absolute;
	left: 10px;
	top: 50px;
}