/*@font-face {
			font-family: Helvetica; 
			src: url('Font/HelveticaNeue-Roman.otf');
		}   
		
		@font-face {
			font-family: HelveticaBold; 
			src: url('Font/HelveticaNeue-Bold.otf');
		}*/
	
	
body{
  /* font-face {
      font-family: Helvetica; 
      src: url('HelveticaNeue-BlackItalic.otf');
    }*/
   
   background: #FFFFFF;
   color: #0060ac;
   background-position: left top;
   font-family:Helvetica;
   font-size: 14px;
}

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

td{
   font-family:Helvetica;
   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: Helvetica;
   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: Helvetica;
   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: Helvetica;
   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: Helvetica;
   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: #0060ac;
   border:1px solid;
   border-color:white;
   width: 140px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Helvetica;
   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: Helvetica;
   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: #0060ac;
   border:1px solid;
   border-color:white;
   width: 140px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Helvetica;
   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: Helvetica;
   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: left;
   padding-left: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   border-bottom: 5px solid #0060ac;
   height: 80px;
   width: 100%;
   background-color: #fff; /*#0060ac;*/
   color: #fff;
   position: relative;
}

.H_header{
   text-align: left;
   width: 100%; /*1000px;*/
   height: 120px;
   margin: auto 0;
   position: absolute;
   display: inline-block;
   background-color:#0060ac;
   top: 0px;
   left: 0px;
   right:0px;
}

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

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

.H_logindate{
   color: #fff;
   position: relative;
   font-size: 15px;
   font-weight: normal;
   width: 300px;
   display: inline-block;
   top: 25px;
   Left: 440px;
}

/*End header */

/*Start menu */
.NObox {
   background-color:#0060ac;
   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:#0060ac;
   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: Helvetica;
   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: #0060ac;
   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 #0060ac;
   box-shadow: 2px 2px 5px #000;
   border-radius: 10px;
   z-index:20;
   top: 138px;
}

.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 #0060ac;
   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 #0060ac;
   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 #0060ac;
   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 #0060ac;
   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:#0060ac;
   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_#0060ac remplace white*/
   /*Henri150106_Suppression de float: left*/
   top: -13px;
   margin-left: 0px; /*Henri150106_420 remplace 95*/
}

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

.loginLGO{
   margin: 0px;/*0 auto;*/
   background-image:url(../Pics/loginbackground.png);
   background-repeat: no-repeat;
   background-size: cover;/*100%;*/ /*500px;*/
   background-position: bottom;
   text-align: center;
   color: #FFF;
   top: 0px;/*10px;*/
   left: 0px;
   width: 100%; /*500px;*/
   height: 100%; /*500px;*/
   position: absolute;

}

.logologincredentials{
   margin: 0;
   top: 30%;/*300px;*/
   left: 15%;/*300px;*/
   width: 550px;
   height: 130px;
   position: relative;
   
   /*border:3px solid; 
   border-color:#fff;
   border-radius: 3%;*/
}

.signin{
   margin-left: 15%;
   margin-top: 20px;
   top: 10px;/*300px;*/
   left: 0px;/*300px;*/
   width: 550px;
   height: 70px;
   position: relative;
   text-align: left;
   /*border:3px solid;*/
}

.logincredentials{
   margin: 0;
   text-align: center;
   color: #000;
   background-color: #fff;
   top: 50%;/*350px;*/
   left: 18%;/*350px;*/
   width: 550px;
   height: 330px;
   position: absolute;	
   border:3px solid; 
   border-color:#fff;/*#3d2c8c;*/
   border-radius: 3%;

}

.buttonloginLGO{
   background-color:#0060ac;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 5em / 5em;
   /*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: HelveticaBold;
   color: #ffffff;
   font-size: 25px;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
   box-shadow: 1px 15px 45px #9acceb; /* Ajout� */
   -moz-box-shadow: 1px 15px 45px #9acceb; /* Ajout� */
   -webkit-box-shadow: 1px 15px 45px #9acceb; /* Ajout� */
   font-weight:bold;
   width:130px; /*80px;*/
   height: 50px;
   position: relative;
   margin-top: -40px;
   left: 130;
}

.buttonloginLGO:focus{
   outline:none;
   border:2px solid; 
   border-color:#0060ac;/*#3d2c8c;*/
   border-radius: 5em / 5em;
}

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

.coverageLogin{
   color: #000;
   width: 400px;
   height: 50px;
   font-size: 25px;
   text-align: center;
   background-color: white;
   border:2px solid; 
   border-color:#9fa2a4;/*#3d2c8c;*/
   border-radius: 5em / 5em;
}

.coverageLogin:focus{
   outline:none;
   border:2px solid; 
   border-color:#0060ac;
   border-radius: 5em / 5em;
}

.copyright{
   top:95%;/*125px;*/
   Right: 5%;/*880px;*/
   width: 100%;
   height: 30px;
   position: absolute;
   color: #fff;
   text-align: right;
   font-size: 18px;
   font-family: Helvetica;
}
.website{
   top:40px;
   /*Left: 1080px;*/   
   width: 94%;/*120px;*/
   height: 30px;
   position: relative;
   color: #fff;
   text-align: right;
   font-size: 25px;
   font-family: Helvetica;
  /* border-bottom:2px solid; */
  /* border-color:#fff;*/
}

h2{
   color: #000;
   font-size: 28px;
   text-align: left;
   margin-left: 75px;
   font-family: HelveticaBold;
}
/* 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: #0060ac;
   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,
.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;*/
}	

.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{
   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{
   background:#0060ac;
   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{
  position: fixed;
  top: 42;
}

.ordermenu1:hover, .ordermenu2:hover, .ordermenu3:hover, .ordermenu4:hover{
   background:#8cadd9;
   border:2px #0060ac solid;
}

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

.tab_selected{
   background:#8cadd9;
   border:2px #0060ac 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:Helvetica;
   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 #0060ac;
   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: #0060ac;
   border:1px solid;
   border-color:white;
   width: 140px;
   height: 30px;
   text-shadow: 1px 1px 2px #666666;
   font-family: Helvetica;
   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: Helvetica;
   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;
}