@charset "utf-8";

/* Starting with A */

html, body {
  padding: 0;
  margin: 0;
}


a.menuLink:link 
{
color: #000000; 
text-decoration: none;
font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
font-size: 12px;
text-align: center; 
}

a.menuLink:visited 
{
color: #000000; 
text-decoration: none; 
font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
font-size: 12px;
text-align: center; 
}

a.menuLink:hover 
{
color: #521719; 
text-decoration: underline; 
font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
font-size: 12px;
text-align: center; 
font-weight:bold;
}

a.menuLink:active 
{
color: #000000; 
font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
font-size: 12px;
text-align: center; 
} 



.ajax
 {
 width: 0px;
 height:0px;
 visibility:visible;
 font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
 font-size: 12px;
    background-color: #8b8b8b;
 }
 
/* Starting with B */

  .bgLightGrey
   {
   background-color: #e4e4e4;
   }
  

  .bgGrey
   {
   background-color: #f2f2f2;
   }

  .bgOpenRow {
    background-color: #8b8b8b;
  }


  .bgWhite
   {
   background-color: #fff;
   }

  .bgDarkGrey
   {
   background-color: #404040;
   }


 .blueButton {
 	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
 	box-shadow:inset 0px 1px 0px 0px #bee2f9;
 	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
 	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
 	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
 	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
 	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
 	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
 	background-color:#63b8ee;
 	-moz-border-radius:6px;
 	-webkit-border-radius:6px;
 	border-radius:6px;
 	border:1px solid #3866a3;
 	display:inline-block;
 	cursor:pointer;
 	color:#14396a;
 	font-family:arial;
 	font-size:15px;
 	font-weight:bold;
 	padding:6px 24px;
 	text-decoration:none;
 	text-shadow:0px 1px 0px #7cacde;
 }
 .blueButton:hover {
 	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
 	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
 	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
 	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
 	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
 	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
 	background-color:#468ccf;
 }
 .blueButton:active {
 	position:relative;
 	top:1px;
 }


  .bodyCol
  {
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
  }


  .bodyGrey
  {
    margin: 0;
    padding: 0;
  }

  .bodyCol2
  {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color:#efefef;
  }

  .body
  {
    margin: 0;
    padding: 0;
  }

  .bodyNoScroll
  {
    margin: 0;
    padding: 0;
    overflow: hidden;

  }

  .bodyNoScrollBlack
  {
    background-color: #000000;   
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .bodyNoScrollBlue
  {
    background-color: #005696;   
    margin: 0;
    padding: 0;
    overflow: hidden;
  }



 .borderTop
  {
  border-top: 1px solid #404040;
  }

 .borderLeft
  {
  border-left: 1px solid #404040;
  }

 .borderRight
  {
  border-right: 1px solid #404040;
  }

 .borderBottom
  {
  border-bottom: 1px solid #404040;
  }
  
 .borderBottomLG
  {
  border-bottom: 1px dashed #ebebeb;
  }
  

 .box95pc {
	width:95%;
	min-height:100px;
	overflow: auto;
	background:#FFF;
	margin:40px auto;
	position: relative;
        border: 1px solid #233237;
        overflow-y: hidden; 
	overflow-x: hidden; 
}

.box600 {
	width:600px;
	min-height:100px;
	overflow: auto;
	background:#FFF;
	margin:40px auto;
	position: relative;
        border: 1px solid #233237;
        overflow-y: hidden; 
	overflow-x: hidden; 
}

.box800 {
	width:800px;
	min-height:100px;
	overflow: auto;
	background:#FFF;
	margin:40px auto;
	position: relative;
        border: 1px solid #233237;
        overflow-y: hidden; 
	overflow-x: hidden; 
}

.btn-style{
	border : solid 1px #050505;
	border-radius : 20px 3px 20px 4px ;
	moz-border-radius : 20px 3px 20px 4px ;
	-webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	-moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background : #050505;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#050505), color-stop(100%,#a2a3a1));
	background : -moz-linear-gradient(top, #050505 0%, #a2a3a1 100%);
	background : -webkit-linear-gradient(top, #050505 0%, #a2a3a1 100%);
	background : -o-linear-gradient(top, #050505 0%, #a2a3a1 100%);
	background : -ms-linear-gradient(top, #050505 0%, #a2a3a1 100%);
	background : linear-gradient(top, #050505 0%, #a2a3a1 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#a2a3a1',GradientType=0 );

}

.btn {
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 12px 16px;
    font-size: 16px;
    cursor: pointer;
    width: 180px;
    margin: 10px;
}

/* Darker background on mouse-over */
.btn:hover {
    background-color: RoyalBlue;
}


.btnON {
    background-color: Green;
    border: none;
    color: white;
    padding: 12px 16px;
    font-size: 16px;
    cursor: pointer;
    width: 180px;
    margin: 10px;
}



 .button_example{
  border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
  background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
  background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
 }
 
 .button_example:hover{
  border:1px solid #5d7fbc;
  background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
  background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
  background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
  background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
  background-image: -o-linear-gradient(top, #819bcb, #536f9d);
  background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
  cursor: pointer;
 }

 .button_example_Red{
  border:1px solid #ca7d7d; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #daa5a5; background-image: -webkit-gradient(linear, left top, left bottom, from(#daa5a5), to(#b37070));
  background-image: -webkit-linear-gradient(top, #daa5a5, #b37070);
  background-image: -moz-linear-gradient(top, #daa5a5, #b37070);
  background-image: -ms-linear-gradient(top, #daa5a5, #b37070);
  background-image: -o-linear-gradient(top, #daa5a5, #b37070);
  background-image: linear-gradient(to bottom, #daa5a5, #708b370709b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#daa5a5, endColorstr=#b37070);
 }
 
 .button_example_Red:hover{
  border:1px solid #bc5d5d;
  background-color: #cb8181; background-image: -webkit-gradient(linear, left top, left bottom, from(#cb8181), to(#9d5353));
  background-image: -webkit-linear-gradient(top, #cb8181, #9d5353);
  background-image: -moz-linear-gradient(top, #cb8181, #9d5353);
  background-image: -ms-linear-gradient(top, #cb8181, #9d5353);
  background-image: -o-linear-gradient(top, #cb8181, #9d5353);
  background-image: linear-gradient(to bottom, #cb8181, #9d5353);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cb8181, endColorstr=#9d5353);
  cursor: pointer;
 }

 .button_example_Green{
  border:1px solid #34804a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #4db76c; background-image: -webkit-gradient(linear, left top, left bottom, from(#76ce76), to(#b37070));
  background-image: -webkit-linear-gradient(top, #4db76c, #89d5a5);
  background-image: -moz-linear-gradient(top, #4db76c, #89d5a5);
  background-image: -ms-linear-gradient(top, #4db76c, #89d5a5);
  background-image: -o-linear-gradient(top, #4db76c, #89d5a5);
  background-image: linear-gradient(to bottom, #4db76c, #89d5a5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#daa5a5, endColorstr=#b37070);
 }
 
 .button_example_Green:hover{
  border:1px solid #45bd45;
  background-color: #6fcc6e; background-image: -webkit-gradient(linear, left top, left bottom, from(#45bd45), to(#58c480));
  background-image: -webkit-linear-gradient(top, #c45bd458181, #58c480);
  background-image: -moz-linear-gradient(top, #45bd45, #58c480);
  background-image: -ms-linear-gradient(top, #45bd45, #58c480);
  background-image: -o-linear-gradient(top, #45bd45, #58c480);
  background-image: linear-gradient(to bottom, #45bd45, #58c480);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cb8181, endColorstr=#9d5353);
  cursor: pointer;
 }



/* Starting with C */

.cellFooter
 {
 background-color: #a2a2a2;
 color: #fff; 
 height: 30px;
 }


 .cellTitle {
 
  background-color: #404040;
  color: #ffffff;  
 
 }


.cellLiteGrey
 {
 background-color: #e1e1e1;
 color: #000000; 
 height: 30px;
 }

.cellWhite
 {
 background-color: #fff;
 color: #000000; 
 height: 30px;
 }

.cellLiteGreen
 {
 background-color: #c9f3ce;
 color: #000000; 
 height: 30px;
 }


.cellLiteBlue
 {
 background-color: #77c2db;
 color: #000000; 
 height: 30px;
 }

  .cellLiteGrey11
   {
   background-color: #e1e1e1;
   color: #000000; 
   height: 40px;
   }
  
  .cellWhite11
   {
   background-color: #fff;
   color: #000000; 
   height: 40px;
   }

  .cellLiteGrey22
   {
   background-color: #e1e1e1;
   color: #000000; 
   height: 20px;
   }
  
  .cellWhite22
   {
   background-color: #fff;
   color: #000000; 
   height: 20px;
   }

.cellHeaderBlue
 {
 background-color: #1e90ff;
 color: #fff; 
 height: 40px;
 }


.cellHeader
 {
 background-color: #404040;
 color: #fff; 
 height: 30px;
 }

.cellHeader40
 {
 background-color: #404040;
 color: #fff; 
 height: 40px;
 }


.cellFooter
 {
 background-color: #a2a2a2;
 color: #fff; 
 height: 30px;
 }


.centerDiv {
   width: 100%;
/*   height: 100%; */
   min-height: 100%; 
   margin-left: auto;
   margin-right: auto;
   }


.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  
  font-size: 20px;
  /* background-color: cyan;
  border: darkgreen 5px solid; */
  padding: 5px;
  z-index: 100;
  }

  font-size: 20px;
  /* background-color: cyan;
  border: darkgreen 5px solid; */
  padding: 5px;
  z-index: 100;
  }

 .chkBox
  {
   -moz-appearance: none;
   border: 2px solid #c92265; 
   width: 30px;
   height: 30px;
  }

.clientFooter {
 background-image:url('../logos/LKQ.png');
 position: absolute;
 bottom: 0;
 right: 0;
 z-index: 100;
 width: 50%;
 height: 500px;
 background-repeat:no-repeat;
 background-position: right bottom;

 }

.clientFooterBlank {
 position: absolute;
 bottom: 0;
 right: 0;
 z-index: 100;
 width: 50%;
 height: 500px;
 }



 .containerHeader
  {
  width: 100%;
  height: 160px; 
  /* overflow: hidden; */
  text-align:center;
  background-color: #000;
  }


.containerHeader2 {
 display:table;
 width:100%;
 height: 160px;
 background-color: #000000;
}

.col1 {
 display:table-cell;
  background-image: url('../images/left.png');
  background-repeat:no-repeat;
  width:33%;
  text-align: left;

}

.col2 {
 display:table-cell;
 background-image: url('../images/centre.png');
 background-repeat:no-repeat;
 width:33%;
 background-position: center;
}

.col3 {
 display:table-cell;
 background-image: url('../images/car3.png');
 background-repeat:no-repeat;
 width:33%;
 background-position: right;
}

 .containerLeft
  {
   width: 30%;
   height: 100px;
   padding-top: 30px;    
   float:left;
   display:inline-block;  
  }

 .containerCenter
  {
   width: 30%;
   height: 100px;
   padding-top: 30px;    
   float:left;
   display:inline-block;  
  }

 .containerRight
  {
   width: 30%;
   height: 100px;
   padding-top: 30px;    
   float:left;
   display:inline-block;  
  }

 .containerBody
  {
  width: 100%;
  height: 400px; 
  /* overflow: hidden; */
  /* background-color: #800000; */
  position: relative;
  text-align:center;
  }

.containerBox {
    width: 200px;
    height: 200px;
    background: #ffce54;
}

.counter
 {
 color: #1e90ff; 
 height: 40px;
 width: 40px;
 line-height: 40px;
 text-align: center;
 }



 .centerContent {
    width: 500px; /*can be in percentage also.*/
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}


 .Containerxxx
  {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  /* background-color: #800000; */
  }

.centerDivxxx {
   width: 100%;
/*   height: 100%; */
   min-height: 100%; 
   margin-left: auto;
   margin-right: auto;
  /* background-color: #800000; */
   }


 .centerContentxxx {
    width: 100%; /*can be in percentage also.*/
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

.shadow {
    -webkit-box-shadow: 0 10px 10px -1px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0), 0 0 40px rgba(0, 0, 0, 0) inset;
    -moz-box-shadow: 0 10px 10px -1px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0), 0 0 40px rgba(0, 0, 0, 0) inset;
    box-shadow: 0 10px 10px -1px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0), 0 0 40px rgba(0, 0, 0, 0) inset;
}
 
 .centerDropDown {
    width: 60%; /*can be in percentage also.*/
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

 .chkBox
  {
   -moz-appearance: none;
   border: 2px solid #c92265; 
   width: 30px;
   height: 30px;
  }


/* Nice Grey bordered boxes
 .containerLeft
  {
   background-color: #fff;
   border: 1px solid #c6c9cb;
   width: 30%;
   height: 100px;
   margin: 0px auto;    
   position: relative;
   float:left;
   margin-left:15px;
   margin-top: 40px;
   display:inline-block;  
  }

 .containerCenter
  {
   background-color: #fff;
   border: 1px solid #c6c9cb;
   width: 30%;
   height: 1vertupx;
   margin: 0px auto;    
   position: relative;
   float:left;
   margin-left:15px;
   margin-top: 40px;
   display:inline-block;  
  }

 .containerRight
  {
   background-color: #fff;
   border: 1px solid #c6c9cb;
   width: 30%;
   height: 158px;
   margin: 0px auto;    
   position: relative;
   float:left;
   margin-left:15px;
   margin-top: 40px;
   display:inline-block;  
  }

*/


.colRight {
    float: none; /* not needed, just for clarification */
    background: #e8f6fe;
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
    min-height: 100%;

}

.colLeft {
    width: 200px;
    float: left;
    background: #aafed6;
    min-height: 100%;
}


.css_btn_class {
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #268a16;
	padding:6px 14px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	background:-ms-linear-gradient( top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d42a), color-stop(100%, #5cb811) );
	background-color:#77d42a;
	color:#306108;
	display:inline-block;
	text-shadow:1px 1px 0px #aade7c;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #caefab;
 	-moz-box-shadow:inset 1px 1px 0px 0px #caefab;
 	box-shadow:inset 1px 1px 0px 0px #caefab;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	background:-ms-linear-gradient( top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #77d42a) );
	background-color:#5cb811;
}.css_btn_class:active {
	position:relative;
	top:1px;
}


/* Starting with D */

 .DarkGreyBG {
  background-color:#404040;
 
 }

.dataEntry {
 height: 30px;
 width: 100%;
 position: relative;
 margin-top: 50px;  
 }

.dataUserIcon {
 height: 50px;
 width: 50px;
 border-radius: 3px; 
 -moz-border-radius: 3px; 
 -webkit-border-radius: 3px; 
 margin-left: 15px;
 background-image: url('../images/user.png');
 background-repeat:no-repeat;
 float: left;
 }

.dataPwdIcon {
 height: 50px;
 width: 50px;
 border-radius: 3px; 
 -moz-border-radius: 3px; 
 -webkit-border-radius: 3px; 
 margin-left: 15px;
 background-image: url('../images/lock.png');
 background-repeat:no-repeat;
 float: left;
 }


.dataCompanyIcon {
 height: 50px;
 width: 50px;
 border-radius: 3px; 
 -moz-border-radius: 3px; 
 -webkit-border-radius: 3px; 
 margin-left: 15px;
 background-image: url('../images/company.png');
 background-repeat:no-repeat;
 float: left;
 }

.dateUserEntry {
 height: 50px;
 width: 420px;
 border-radius: 3px; 
 -moz-border-radius: 3px; 
 -webkit-border-radius: 3px; 
 margin-left: 0px;
 float: left;
 background-color: #404040;
 }

 .dateUserEntry2 {
  height: 50px;
  width: 420px;
  border-radius: 3px; 
  margin-left: 0px;
  float: left;
  background-color: #4c4c4c;
  }

.ddselect  
 {

    padding:9px;
    margin: 0;
    border-radius:4px;
    -webkit-box-shadow: 
        0 0px 0 #ccc,
        0 0px #fff inset;
    background: url('images/309nb74.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('images/309nb74.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
    color:black;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none; 
    cursor:pointer;
    border: 1px solid #ccc;
    width: 200px;

 }

.ddselect2  
 {

    padding:9px;
    margin: 0;
    border-radius:4px;
    -webkit-box-shadow: 
        0 0px 0 #ccc,
        0 0px #fff inset;
    background: url('images/309nb74Blue.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('images/309nb74Blue.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
    color:black;
    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
    font-size: 14px;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none; 
    cursor:pointer;
    border: 1px solid #ccc;
    width: 300px;
 }


.ddselect150  
 {

    padding:9px;
    margin: 0;
    border-radius:4px;
    -webkit-box-shadow: 
        0 0px 0 #ccc,
        0 0px #fff inset;
    background: url('images/309nb74Blue.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('images/309nb74Blue.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
    color:black;
    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
    font-size: 14px;
    border:none;
    outline:none;
    /* display: inline-block; */
    -webkit-appearance:none; 
    cursor:pointer;
    border: 1px solid #ccc;
    min-width: 150px;
 }



 .dropBox {
   width: 600px;
   height: 400px;
   position: relative; 
   margin: 0 auto; 
   top: 0%;
   border: 1px solid #5f9aff;
   padding: 20px;
   background: rgba(0,11,118,0.9);
 border-radius: 18px 18px 18px 18px; 
 -moz-border-radius: 18px 18px 18px 18px; 
 -webkit-border-radius: 18px 18px 18px 18px; 
   }

 .dvContainer
  {
  width: 100%;
  height: 210px;
  overflow: hidden;
   margin: 0 auto; 
   top: 50%;
  /* background-color: #005544;  */
  }




/* Starting with E */

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}  

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  

 .empTopLeft
  {
  width: 800px;
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  text-align:left;
  /* background-color: #009900; */
  }

 .empTopRight
  {
  width: 70px;
  float: right;
  padding-top: 5px;
  padding-right: 5px;
  text-align:right;
  /* background-color: #009900; */
  }

  
 .empTopCenter
  {
  width: 600px;
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  text-align:left;
  /* background-color: #990000;  */
  }

 .empBlock
  {
  width: 100%;
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  text-align:left;
  height: auto;
  /* background-color: #990000;  */
  }

 .empBlock2
  {
  width: 100%;
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  text-align:left;
  /* background-color: #990000;  */
  }


  .empPdf
  {
  width: 100px;
  height: 100px; 
  /* overflow: hidden; */
  border: 1px solid #959595;
  background-color: #efefef;
  /* float: left; */
  margin-left: 20px;
  display:inline-block;  
  }

 .empPdf2
  {
   width:230px;
   height:170px;
   -webkit-border-radius: 10px 10px 0px 0px;
   -moz-border-radius: 10px 10px 0px 0px;
   border-radius: 10px 10px 0px 0px;
   border:1px solid #959595;
   background-color:#efefef;
/*   -webkit-box-shadow: #B3B3B3 4px 4px 4px; */
/*   -moz-box-shadow: #B3B3B3 4px 4px 4px; */
/*   box-shadow: #B3B3B3 4px 4px 4px; */
   margin-left: 20px;
   margin-top: 40px;
   display:inline-block;  
   }

 .empContainerxxx
  {
  width: 80%;
  height: auto; 
  overflow: hidden;
  /* background-color: #efefef; */
  position: relative;
  text-align:center; 
  margin: 0 auto;
  }

 .empSubContainer
 {
  width: 96%;
  height: auto; 
  overflow: hidden;
  background-color: #deeaee;
/*  position: relative; */
  text-align:center; 
   -webkit-border-radius: 10px 10px 0px 0px;
   -moz-border-radius: 10px 10px 0px 0px;
   border-radius: 10px 10px 0px 0px;
   border:1px solid #959595;
   padding: 10px;
   margin-right: auto; 
   margin-left: auto;
  }




 .empPdfxxx
  {
   width:220px;
   height:160px;
   -webkit-border-radius: 10px 10px 0px 0px;
   -moz-border-radius: 10px 10px 0px 0px;
   border-radius: 10px 10px 0px 0px;
   border:1px solid #959595;
   background-color:#efefef;
/*   -webkit-box-shadow: #B3B3B3 4px 4px 4px; */
/*   -moz-box-shadow: #B3B3B3 4px 4px 4px; */
/*   box-shadow: #B3B3B3 4px 4px 4px; */
   margin-left: 20px;
   margin-top: 40px;
   display:inline-block;  
   position: relative;
   }


/* Starting with F */

  .FMGbg
   {
   background-color: #403c5f;
   }

  .FMGbg2
   {
   background-color: #f9b213;
   }

 .FMGborderTop
  {
  border-top: 1px solid #f9b213;
  }
 .FMGborderBottom
  {
  border-bottom: 1px solid #f9b213;
  }



.footerPolicy {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
   background: #000;
   filter: alpha(opacity=50);
   /* IE */
   -moz-opacity: 0.50;
   /* Mozilla */
   opacity: 0.50;
   /* CSS3 */
    color: white;
    text-align: center;
}

.footer {
   position:absolute;
   top:20px;
   right: 25px;
   width:153px;
   height:78px;   /* Height of the footer */
   background-color:#ffffff;
}



.footerOpaque {
   position:absolute;
   bottom:0;
   width:100%;
   height:100px;   /* Height of the footer */
   background: #000;
   filter: alpha(opacity=50);
   /* IE */
   -moz-opacity: 0.50;
   /* Mozilla */
   opacity: 0.50;
   /* CSS3 */
}


/* Starting with G */
  
  
 
  
  
/* Starting with H */


.Headwrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 141px;
  z-index: -1;
  overflow: hidden;
}

.Headbgimg {
  display: block;
  -ms-interpolation-mode: bicubic;
}


 .headParent {
  position: relative;
  clear: both;
  width: 100%;
  height: 141px;
  background-color: #0011b1; 
  background-image:url('../images/header8.png');  
  background-size: contain;  
  background-repeat:no-repeat; 
  background-position: right; 
  overflow: hidden;
 }


 .headLogo {
  width: 50%;
  height: 98%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
/*  background-image:url('../logos/LKQ.png'); */
  background-repeat:no-repeat;
  background-position: center;
  background-color: #ff000;
 }

 .headPic {
  background-image:url('../logos/LKQ.png');
 }

 .headMenuParent {
  position: relative;
  clear: both;
  width: 100%;
  height: 150px;
 }

 .headMenu {
  width: 60%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 100; left: 0; bottom: 0; right: 0;
 }


/* Starting with I */

.inputSentinel50[type=text], .inputSentinel50[type="password"] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #015696;
  height: 20px;
  width: 50px;
}

.inputSentinel50[type=text]:focus, .inputSentinel50[type="password"]:focus {
  box-shadow: 0 0 18px rgba(2, 121, 228, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(2, 121, 228, 1);
}


.inputSentinel[type=text], .inputSentinel[type="password"] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #015696;
  height: 20px;
  width: 150px;
}

.inputSentinel[type=text]:focus, .inputSentinel[type="password"]:focus {
  box-shadow: 0 0 18px rgba(2, 121, 228, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(2, 121, 228, 1);
}


.inputSentinel200[type=text], .inputSentinel200[type="password"] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #015696;
  height: 20px;
  width: 200px;
}

.inputSentinel200[type=text]:focus, .inputSentinel200[type="password"]:focus {
  box-shadow: 0 0 18px rgba(2, 121, 228, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(2, 121, 228, 1);
}


.inputSentinelDate
 {
  border: 1px solid #015696;
  height: 20px;
  color: #000000; 
  font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  width: 150px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
 }

.inputSentinel90[type=text], .inputSentinel90[type="password"] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #015696;
  height: 20px;
  width: 90px;
}

.inputSentinel90[type=text]:focus, .inputSentinel90[type="password"]:focus {
  box-shadow: 0 0 18px rgba(2, 121, 228, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(2, 121, 228, 1);
}



/* Starting with J */

/* Starting with K */

/* Starting with L */

 .LiteBlueBG {
  background-color:#2c5b90;
 
 }

 .LightGreyBG {
  background-color:#9d9d9d;
 
 }

.LoginButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:13px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.LoginButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.LoginButton:active {
	position:relative;
	top:1px;
}

.LoginBox {
 height: 350px;
 width: 500px;
 position:absolute; /*it can be fixed too*/
 left:0; 
 right:0;
 top:0; 
 bottom:35px;
 margin:auto;
 border: 1px solid #404040;

 /*this to solve "the content will not be cut when the window is smaller than the content": */
 max-width:100%;
 max-height:100%;
 overflow:auto;
  background:#7f7f7f;
  background:rgba(255,255,255,0.1);
  z-index: 200;
 
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 border:1px solid #404040;
background-color:#dadada;
 
 }

.LKQLogoOld {
 background-image:url('../images/LKQLogo.png');
 height: 100px;
 width: 236px;
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 100;
 }

.LKQSentinel {
 height: 100px;
 width: 236px;
 position: absolute;
 top: 30px;
 left: 30px;
 z-index: 100;
 }

.LKQLogo {
 background-image:url('../images/LKQWhite.png');
 height: 100px;
 width: 241px;
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 100;
 }

.Drops {
 background-image:url('../images/glowwhite.png');
 height: 56px;
 width: 300px;
 position: absolute;
 top: 20px;
 left: 20px;
 z-index: 100;
 background-repeat:no-repeat;
 }

.bgPiece {
 background-image:url('../images/drops9.png');
 height: 333px;
 width: 722px;
 position: absolute;
 top: 0px;
 left: 10px;
 z-index: 100;
 }

.LoginLogo {
 background-image:url('../images/insiteBG.jpg');
 height: 676px;
 width: 749px;
 z-index: 50;
 position:absolute; /*it can be fixed too*/
 left:0; right:0;
 top:0; bottom:0;
 margin:auto;

/*this to solve "the content will not be cut when the window is smaller than the content": */
 max-width:100%;
 max-height:100%;
 overflow:auto;
}




/* Starting with M */

.menuImg {
 background-image:url('../images/menuImage.png');
 height: 138px;
 width: 699px;
 position: absolute;
 top: 0px;
 left: 10px;
 z-index: 100;
 }

.menuImg2 {
 background-image:url('../images/menuImage.png');
 height: 138px;
 width: 699px;
 position: absolute;
 top: 0px;
 left: 10px;
 z-index: 100;
 }

.menuContainer {
  height: auto;
  width: 90%;

  margin: 10px auto;
  position: relative;
  
  display: flex;
  flex-wrap: wrap;  
  justify-content: center;
}

.menuBlock {
  height: 100px;
  width: 100px;
  
  margin: 20px;
}

.menuContainer2 {
  height: auto;
  width: 70%;

  margin: 10px auto;
  position: relative;
  
  display: flex;
  flex-wrap: wrap;  
  justify-content: center;
}

.menuContainer100 {
  height: auto;
  width: 100%;

  margin: 10px auto;
  position: relative;
  
  display: flex;
  flex-wrap: wrap;  
  justify-content: center;
}

.menuContainer90 {
  height: auto;
  width: 90%;

  margin: 10px auto;
  position: relative;
  
  display: flex;
  flex-wrap: wrap;  
  justify-content: center;
}

.menuContainer80 {
  height: auto;
  width: 80%;

  margin: 10px auto;
  position: relative;
  
  display: flex;
  flex-wrap: wrap;  
  justify-content: center;
}



/* Menu Style */


.myButton{
border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d3d3d3; width: 150px;
    height: 40px;
    background-image: linear-gradient(to bottom, #d3d3d3, #707070);
}

.myButton:hover{
 border:1px solid #a0a0a0;
 background-color: #bababa; background-image: linear-gradient(to bottom, #bababa, #575757);
 cursor: pointer;
 }


/* Starting with N */

  .NumberHolder2
   {
   width:40px;
   height: 40px;
   display: table-cell;
   vertical-align: middle; 
   text-align: center;
   }
   



/* Starting with O */


 .opaqueDivxxx
  {
  width: 220px; 
  height: 25px; 
  position: absolute; 
  bottom:5px; 
  left: 0;
  z-index:101;  
  color: #140cb6; 
  font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size: 12px;
  text-align: center;
  }   

 .opaqueDivTopxxx
  {
  width: 500px; 
  height: 20px; 
  position: absolute; 
  top:0; 
  left: 0;
  z-index:101;  
  color: #404040; 
  font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size: 20px;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px;
  }

 .opaqueDivTop
  {
  width: 200px; 
  height: 20px; 
  position: absolute; 
  top:0; 
  left: 0;
  z-index:101;  
  color: #fff; 
  font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size: 14px;
  text-align: center;
  }   

 .opaqueDivBtm1
  {
  width: 70px; 
  height: 20px; 
  position: absolute; 
  bottom:0; 
  left: -10px;
  z-index:101;  
  color: #fff; 
  font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size: 14px;
  text-align: center;
/*   border:1px solid #959595; */
  }

 .opaqueDivBtm2
  {
  width: 70px; 
  height: 20px; 
  position: absolute; 
  bottom:0; 
  left: 135px;
  z-index:101;  
  color: #fff; 
  font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size: 14px;
  text-align: center;
/*   border:1px solid #959595; */
  }


 .opaqueDivBtm3
  {
  width: 200px; 
  height: 20px; 
  position: absolute; 
  bottom:3px; 
  left: 0;
  z-index:101;  
  color: #af111c; 
  font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size: 14px;
  text-align: center;
  }   


/* Starting with P */


.PPP_Header
{
 height: 25px;
 color: #fff;
 font-size: 14px;
 font-family: arial;
 font-weight: normal;
 padding: 3px;
 border: 1px solid #c0c0c0;
 vertical-align: middle;
 background-color: #404040; 
}

.PPP_Choice
{
 height: 25px;
 color: #49c634;
 font-size: 12px;
 font-family: arial;
 font-weight: normal;
 padding: 3px;
 border: 1px solid #c0c0c0;
 vertical-align: middle;
 background-color: #404040; 
}

 .prodListHead
  {
  height: 20px;
  text-align: left;
  padding: 3px;
  background-color: #959595;
  }



 .prodListHeadLKQ
  {
  padding: 3px;
  background-color: #015696;
  }



/* Starting with Q */

.QTTextboxDate2
 {
 border: 1px solid #e1e1e1; 
 height: 24px;
 color: #000000; 
 font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
 font-size: 18px;
 font-weight: normal;
 width: 200px;
 }


.QTTextboxDate3
 {
 border: 1px solid #e1e1e1; 
 height: 16px;
 color: #000000; 
 font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
 font-size: 12px;
 font-weight: normal;
 width: 100px;
 }

.QTCheckbox
 {
  -moz-appearance: none;
  /* border: 1px solid #c82265;  */
  width: 20px;
  height: 20px;
 }

.QTCheckboxBG
 {
  -moz-appearance: none;
  border: 1px solid #e1e1e1; 
  width: 20px;
  height: 20px;
  background-color : #e1e1e1;
 }



/* Starting with R */

.report_content
{
    position: relative; 
    top: 10px; 
    z-layer: 6; 
    visibility: hidden;
    width: 100%;
   /*  background-color: #77e0ff; */
   /* min-height: 200px; */
   /* overflow-y: hidden; */

}

 .resultsHolder {
   top: 201px;
   width: 100%;
  background-color : #ff0000;
   position: asbsolute;
 
 
 }

.rounded { 
 border-radius: 5px 5px 5px 5px; 
 -moz-border-radius: 5px 5px 5px 5px; 
 -webkit-border-radius: 5px 5px 5px 5px; 
 border: 2px solid #d2d2d2;
 background-color: #d2d2d2;
 width: 180px;
 height: 25px;
 color: #000;
 padding-left: 4px;
 line-height: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.rounded2 { 
 border-radius: 5px 5px 5px 5px; 
 -moz-border-radius: 5px 5px 5px 5px; 
 -webkit-border-radius: 5px 5px 5px 5px; 
 border: 2px solid #d2d2d2;
 background-color: #d2d2d2;
 width: 80%;
 min-height: 25px;
 color: #000;
 padding-left: 4px;
 line-height: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.rounded3 { 
 border-radius: 5px 5px 5px 5px; 
 -moz-border-radius: 5px 5px 5px 5px; 
 -webkit-border-radius: 5px 5px 5px 5px; 
 border: 2px solid #d2d2d2;
 background-color: #d2d2d2;
 width: 80%;
 min-height: 25px;
 color: #000;
 padding-left: 4px;
 line-height: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.rounded4 { 
 border-radius: 5px 5px 5px 5px; 
 -moz-border-radius: 5px 5px 5px 5px; 
 -webkit-border-radius: 5px 5px 5px 5px; 
 border: 2px solid #d2d2d2;
 background-color: #d2d2d2;
 width: 96%;
 min-height: 25px;
 color: #000;
 padding-left: 4px;
 line-height: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.rounded5 { 
 border-radius: 5px 5px 5px 5px; 
 -moz-border-radius: 5px 5px 5px 5px; 
 -webkit-border-radius: 5px 5px 5px 5px; 
 border: 1px solid #9d9d9d;
 background-color: #f6f6f6;
 width: 80%;
 min-height: 25px;
 color: #000;
 padding-left: 4px;
 margin-top: 10px;
 line-height: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 1000px;
}

.rounded6 { 
 border-radius: 5px 5px 5px 5px; 
 -moz-border-radius: 5px 5px 5px 5px; 
 -webkit-border-radius: 5px 5px 5px 5px; 
 border: 2px solid #d2d2d2;
 background-color: #d2d2d2;
 width: 90%;
 min-height: 25px;
 color: #000;
 padding-left: 4px;
 line-height: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.roundOuter {
  border-radius: 20px;
  border-color: #404040;
  border-style: solid;
  border-width: 2px;
  overflow:hidden;
  width: 80%;
}

.roundHeading {
  text-align: center;
  background-color: #404040;
  border-bottom: solid #404040 2px;
  padding: 5px ;
  font-weight: bold;
}

.Row40White
 {
 background-color:#ffffff;
 height: 40px;
 }

.Row40Grey
 {
 background-color:#c2c2c2;
 height: 40px;
 }

.Row50Grey
 {
 background-color:#c2c2c2;
 height: 50px;
 }


.Row20Grey
 {
 background-color:#d2d2d2;
 height: 20px;
 }


.Row40OffWhite
 {
 background-color:#eaeaea;
 height: 40px;
 }


.Row40Blue
 {
 background-color:#404040;
 height: 40px;
 }


.Row40Green
 {
 background-color:#65a637;
 height: 40px;
 }

.Row40Amber
 {
 background-color:#8f750d;
 height: 40px;
 }
 
 .Row40Red
  {
  background-color:#b20222;
  height: 40px;
 }


 .rowBox
  {
   background-color: #b1b1b1;
   height: 40px;
   /* margin: 4px; */    
   /* border: 1px solid #404040; */
  }


 .rowBoxL
  {
   background-color: #b1b1b1;
   height: 40px;
   /* margin: 4px; */    
   /* border-left: 1px solid #404040; */
   /* border-top: 1px solid #404040; */
   /* border-bottom: 1px solid #404040; */
  }

 .rowBoxR
  {
   background-color: #b1b1b1;
   height: 40px;
   /* margin: 4px; */    
   /* border-right: 1px solid #404040; */
   /* border-top: 1px solid #404040; */
   /* border-bottom: 1px solid #404040; */
  }

.row40 {
 height: 40px;
}


/* Starting with S */

.SearchBox {
    background: #0093fe;
    border: none;
    margin: 10px;
    padding: 5px;
    
    color: #fff;
    font-size: 16px;
    padding-left: 9px;
    width: 380px;
    outline: none;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px hsl(0, 0%, 2%)
}

.SearchBox2 {
    background: #c0c0c0;
    border-radius: 30px;
    border: none;
    margin: 10px;
    padding: 7px;
    margin-left: 100px;
    
    color: #ffffff;
    font-size: 14px;
    padding-left: 9px;
    width: 380px;
    outline: none;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px hsl(0, 0%, 2%)
}

.SearchBox3 {
    background: #c0c0c0;
    border-radius: 30px;
    border: none;
    margin: 10px;
    padding: 7px;
    margin-left: 100px;
    
    color: #000000;
    font-size: 14px;
    padding-left: 9px;
    width: 380px;
    outline: none;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px hsl(0, 0%, 2%)
}


/* Shadow Effects */

        .drop-shadow {
            position:relative;
            width:90%;
            height: 100%;
            padding:1em;
            /* margin:2em 10px 4em; */
            margin: 0 auto;
            background:#fff; 
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }


        .drop-shadow2 {
            position:relative;
            width:90%;
            height: 100%;
            padding:1em;
            /* margin:2em 10px 4em; */
            margin: 0 auto;
            background:#404040; 
            /* -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; */
            /* -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; */
            /* box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; */
	    opacity: 0.5;
    	    filter: alpha(opacity=50); /* For IE8 and earlier */        
    	    }

	.ontop {
	  position: relative;
	  top: 4.7em;
	}


        .drop-shadow2:before,
        .drop-shadow2:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow2 p {
            font-size:16px;
            font-weight:bold;
        }


        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px;
            border-radius:4px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
            -moz-transform:rotate(-3deg);
            -ms-transform:rotate(-3deg);
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
            -moz-transform:rotate(3deg);
            -ms-transform:rotate(3deg);
            -o-transform:rotate(3deg);
            transform:rotate(3deg);
        }

        /* Curled corners */

        .curled {
            border:1px solid #efefef;
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
            border-radius:0 0 120px 120px / 0 0 6px 6px;
        }

        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            max-height:100px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -webkit-transform:skew(-8deg) rotate(-3deg);
            -moz-transform:skew(-8deg) rotate(-3deg);
            -ms-transform:skew(-8deg) rotate(-3deg);
            -o-transform:skew(-8deg) rotate(-3deg);
            transform:skew(-8deg) rotate(-3deg);
        }

        .curled:after {
            right:10px;
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg);
            -moz-transform:skew(8deg) rotate(3deg);
            -ms-transform:skew(8deg) rotate(3deg);
            -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
        }

        /* Perspective */

        .perspective:before {
            left:80px;
            bottom:5px;
            width:50%;
            height:35%;
            max-width:200px;
            max-height:50px;
            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
            -moz-transform:skew(50deg);
            -ms-transform:skew(50deg);
            -o-transform:skew(50deg);
            transform:skew(50deg);
            -webkit-transform-origin:0 100%;
            -moz-transform-origin:0 100%;
            -ms-transform-origin:0 100%;
            -o-transform-origin:0 100%;
            transform-origin:0 100%;
        }

        .perspective:after {
            display:none;
        }

        /* Raised shadow - no pseudo-elements needed */

        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        /* Curved shadows */

        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }

        .curved-vt-2:before {
            right:0;
        }

        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

 .setTextBox 
  {
  background-color : #daecac;
  border: 1px solid #008000;
  /* width: 230px; */
  }


.sentinelTextarea
{
width: 200px;
height: 100px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

.sentinelTextarea:hover
{
width: 200px;
height: 100px;
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

.sentinelTextarea400
{
width: 400px;
height: 100px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

.sentinelTextarea400:hover
{
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

.sentinelTextarea500
{
width: 500px;
height: 100px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

.sentinelTextarea500:hover
{
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

.sentinelTextarea500Grey
{
width: 500px;
height: 100px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
/* Some textareas have a light gray background by default anyway. */
background-color: #eee;
}

.sentinelTextarea500Grey:hover
{
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
/* Some textareas have a light gray background by default anyway. */
background-color: #eee;
}


/* Starting with T */

.ta2 {
    display: inline-block;
    margin: 0;
    padding: .2em;
    width: auto;
    min-width: 30em;
    /* The max-width "100%" value fixes a weird issue where width is too wide by default and extends beyond 100% of the parent in some agents. */
    max-width: 100%;
    /* Height "auto" will allow the text area to expand vertically in size with a horizontal scrollbar if pre-existing content is added to the box before rendering. Remove this if you want a pre-set height. Use "em" to match the font size set in the website. */
    height: auto;
    /* Use "em" to define the height based on the text size set in your website and the text rows in the box, not a static pixel value. */
    min-height: 10em;
    /* Do not use "border" in textareas unless you want to remove the 3D box most browsers assign and flatten the box design. */
    /*border: 1px solid black;*/
    cursor: text;
    /* Some textareas have a light gray background by default anyway. */
    background-color: #eee;
    /* Overflow "auto" allows the box to start with no scrollbars but add them as content fills the box. */
    overflow: auto;
    /* Resize creates a tab in the lower right corner of textarea for most modern browsers and allows users to resize the box manually. Note: Resize isn't supported by most older agents and IE. */
    resize: both;
}
.tdCenter
 {
 text-align: center;
 }
 
.tdRight
 {
 text-align: right;
 }
 
.tdLeft
 {
 text-align: left;
 }

 
.tdPad5L {
 padding-left: 5px;
}

.tdPad5R {
 padding-right: 5px;
}

.tdPad5T {
 padding-top: 5px;
}


.tupperOuter{ 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	/* background:#ddebf5; */
	} 

.tupperInner{ 
	width: 50%; 
	height: 50%; 
	top: 30%; 
	margin: 0 auto; 
	position: relative; 
	/* background:#a5d136;  */
	} 




/* Text Area Rounded Corners */


.text10
 {
 font-size: 10px;
 }


.text12
 {
 font-size: 12px;
 }


.text14 
 {
 font-size: 14px;
 }

.text16 
 {
 font-size: 16px;
 }
 
.text18 
 {
  font-size: 18px;
 }
 
.text20 
 {
 font-size: 20px;
 }

.text22 
{
font-size: 22px;
}

.text24 
{
font-size: 24px;
}

.text26
{
font-size: 26px;
}

.text1em {
 font-size: 1em;
}

.text13em {
 font-size: 1.3em;
}

.text15em {
 font-size: 1.5em;
}

.text18em {
 font-size: 1.8em;
}


.text2em {
 font-size: 2em;
}


.textTrebuchet
 {
 font-family: Trebuchet MS, Geneva, Helvetica, Sans-Serif;
 }
 

.textArial 
 {
 font-family: Arial, Geneva, Helvetica, Sans-Serif;
 }
 
.textVerdana
 {
 font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
 }
 
.textTahoma
 {
 font-family: Tahoma, Arial, Geneva, Helvetica, Sans-Serif;
 }


.textLightGrey
 {
 color: #c0c0c0; 
 }

.textDarkGrey
 {
 color: #404040; 
 }

.textBlack
 {
 color: #000; 
 }

.textWhite
 {
 color: #fff; 
 }

.textRed
 {
  color: #c81818;
 }

.textGreen
 {
 color: #327e32; 
 }

.textLKQ
 {
 color: #015696; 
 }

.textOrange
 {
 color: #FFA500;
 }

.textBlue
 {
 color: #0000c0; 
 }

.textSentinelBlue
 {
 color: #1e90ff; 
 }


.textBold
 {
 font-weight: bold;
 }

.textCenter
 {
 text-align: center;
 }

.textLKQ
 {
 color: #015696; 
 }

.textIndRed
 {
 color: #b20222;
 }

.textIndAmb
 {
 color: #eefe24;
 }
 
.textIndAmb2
 {
 color: #8f750d;
 }
 
 
.textIndGrn
 {
 color: #65a637;
 }

.bgIndGrn
   {
   background-color: #65a637;
   padding-right: 5px;
   }

.bgIndAmb
   {
   background-color: #8f750d;
   padding-right: 5px;
   }
   
.bgIndRed
   {
   background-color: #b20222;
   padding-right: 5px;
   }   

.textIndBlu
 {
 color: #0165a1;
 }

.textIndDGrey
 {
 color: #404040;
 }


/* Starting with U */

ul#tabs {
  list-style-type: none;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center; }
  ul#tabs li {
    display: inline-block;
    background-color: #b0b0b0;
    border-bottom: solid 5px #404040;
    padding: 5px 20px;
    margin-bottom: 4px;
    color: #404040;
    cursor: pointer; }
    ul#tabs li:hover {
      background-color: #404040;
      color: #fff;}
    ul#tabs li.active {
      background-color: #404040; 
      border-bottom: solid 5px #02aeea;
      color: #fff;}

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul#tab li {
    display: none;
    padding: 20px;
    border: solid 0px #d2f4e9; }
    ul#tab li.active {
      display: block; }
    ul#tab li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }


/* Starting with V */

/* Starting with W */


/* Starting with X */


/* Starting with Y */


/* Starting with Z */