/*ADMIN CASE*/
body {
	background-image: url(inq_bg4.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

td, th {
	padding: .071em .5em .071em .5em;
	width:auto;

}

th {
	background-color:white;
}

table {
	width: 75em;
}

#tablet {
	width: 120em;
}
#table {
	width: 160em;
}

.table {
	width: 40em;
}

#vacant {
	width: 55em;
}

.vacant {
	width: 35em;
}
#inventory {
	width: 150em;
}

#Layer1 {
	position:absolute;
	width: 4.63em;	
	height: 1.31em;
	z-index:1;
	left: 912px;
	top: 9px;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:59px;
	z-index:2;
	left: 230px;
	top: 31px;
}
-->

select, input, textarea {
	background-color: #e0e0e0;
}

-->
.hlt
			 {
                background-color: #0099CC;
                color: #000000;
             }
			 
			  .hlt1
			 {
                background-color: #0099CC;
                color: #000000;
             }
			  .hlt2
			 {
                background-color: #ffff00;
                color: #000000;
             }
			  .hlt3
			 {
                background-color: #ff9900;
                color: #000000;
             }
			  .hlt4
			 {
                background-color: #CC99CC;
                color: #000000;
             }
			  .hlt5
			 {
                background-color: #0033ff;
                color: #000000;
             }
			 .hlt6
			 {
                background-color: #ff0000;
                color: #000000;
             }

#rollover 
{  display: block;
  width: 128px;
  height: 97px;
  background: url("update_fold.png") no-repeat 0 0;
}
-->

#rollover
{
  display: block;
  width: 128px;
  height: 97px;
  background: url("update_fold.png") no-repeat 0 0;

}

#rollover:hover
  { 
    background: url("update_fold1.png") no-repeat 0 0;
  }

----
#rollover2 
{  display: block;
  width: 128px;
  height: 97px;
  background: url("collection_fold11.png") no-repeat 0 0;
}
-->

#rollover2
{
  display: block;
  width: 128px;
  height: 97px;
  background: url("collection_fold1.png") no-repeat 0 0;

}

#rollover2:hover
  { 
    background: url("collection_fold11.png") no-repeat 0 0;
  }
.style129 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0099CC;
}
.style5 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style5t {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style6 {
	font-size: 13px;
	color: #efffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.357em 0.357em 0.5em #005;
}
.styleHist {
	font-size: 20px;
	color: #33ffcc;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.343em #000;
}

.styleHist1 {
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.styleHistDP {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.styleHistSales {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.styleHist2 {
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;	
}

.style66 {
	font-size: 18px;
	color: #ffff00;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.343em #000;
}

.styledp {
	font-size: 16px;
	color: #ffff00;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.343em #000;
}

.style7 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style8 {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style82 {
	font-size: 20px;
	color: #fa0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style88 {
	font-size: 24px;
	color: #eeFF55;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.143em #009;
}


.style130 {
	color: #FF0000;
	font-weight: bold;
}


.itemBoxx {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #000000;
}
.itemBoxHist {
	display: inline-block;
	text-align:center;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemBox {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemBoxHeader {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}


.itemBox2 {
	display: inline-block;
	text-align:left;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemBox3 {
	display: inline-block;
	text-align:left;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}



.button {
    
	color:#0033CC;
	font-size:14px;
	outline-style:none;


	font-family:"Comic Sans MS";

    background: #eoo;
}

.button1 {
    border: 1px solid #006;
	color:#0033CC;
	font-size:14px;
	outline-style:solid;
	font-family:"Comic Sans MS";

    background: #eoo;
}
.button1:hover {
    border: 1px solid #f00;
    background: #eef;
}


label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }


.mandatory {
	background-color: #ffff70;
}

.style48 {color: #000000}


#HistoryBox {	
	margin-left:auto;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:auto;
	background: url(images/cmb_back_06.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

#HistoryBox1 {	
	margin-left:5em;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:auto;
	background: url(images/cmb_back_06.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

.itemReport {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemReport2 {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

#ReportBoxp {	
	margin-left:5em;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:40em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}
#ReportBoxpagent {	
	margin:auto;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:40em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

#ReportBoxp2 {	
background: -moz-linear-gradient(top-left, rgba(0,0,128,1) 20%, rgba(50,159,200,1) 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,130,1)),             color-stop(100%,rgba(31,159,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,128,1) 0%, right, rgba(50,159,200,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,60,8,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,60,8,1) 100%); /* IE10+ */
             opacity:0.8;
filter:alpha(opacity=90); /* For IE8 and earlier */
width: 40em;
height: auto;
background-color: #0099FF;

}


#ReportBoxpSales {	
	margin:auto;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:auto;
	background:url(agrilinklogo.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}




#mainDataEntryBox {	
	margin-left: 10em;
	padding: 1em 2em 1em 2em;
	width: 50em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBoxx {	
	margin-left: 1em;
	padding: 1em 2em 1em 2em;
	width: 65em;
	height:1000;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBox1 {	
	margin-left: 1em;
	padding: 1em 2em 1em 2em;
	width: 65em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBox2 {	
	margin-left: 1em;
	padding: 1em 2em 1em 2em;
	width: 55em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBox3 {	
	margin-left: 1em;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width: 70em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#nicheInfoTable {
	border: thin #262;
	width:35em;
}


#nicheInfoTable3 {
	border: thin #262;
}

#nicheInfoTableSales {
	border: thin #262;
}

#closepage:hover, #toCAF:hover {
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#per-agent1:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#summary:hover, #toCAF:hover
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}
#agent-date:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}
#total-sum:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}
#close2:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#close:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#apply:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

.actionButton {
  cursor: pointer;
  display: inline-block;
  font-size:16px;	
  width: auto;
  text-align: center;
  padding: 0.25em 1.25em 0.25em 1.25em;
  margin: .5em 0.357em  .5em 0.357em;
  font-weight: 900;
  border: 0.143em outset #80a040;
  background-color: #009933;
  color: #ffffff;
  border-radius: .357em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 2em;
}

.actionButton:hover {
  box-shadow: .0em .0em .7em #80dfaf;
  -moz-box-shadow: .0em .0em .7em #edffaf;
  -webkit-box-shadow: .0em .0em .7em #edffaf;
  -ms-box-shadow:  .0em .0em .7em #edffaf;
}

.actionButton:active {
  color: #fff000;
  text-shadow: 0 0 0.5em #dfa;
  background-color: #8fbed8;
  border: 0.143em inset #008040;
  box-shadow: .0em .0em .7em #00ff80;
  -moz-box-shadow: .0em .0em .7em #00ff80;
  -webkit-box-shadow: .0em .0em .7em #00ff80;
  -ms-box-shadow:  .0em .0em .7em #00ff80;
}

#inventorybox {	
	margin:auto;
	text-align:auto;
	padding: 1em 2em 1em 2em;	
	width:auto;
	overflow:scroll;
	background-color:#ffCCCC;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;
}
#HistoryBoxpaymenthist2 {	
	margin:auto;
	text-align:auto;
	padding: 1em 2em 1em 2em;	
	width:auto;
	overflow:scroll;
	height:44em;
	background-color:#ffCCCC;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;
}

#agrilink_rep {	
	margin:auto;
	text-align:auto;
	padding: 1em 2em 1em 2em;	
	width:auto;
	height:auto;
	overflow:scroll;	
	height:39em;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;
}

.actionButton1{
  cursor: pointer;
  display: inline-block;
  font-size:16px;	
  width: auto;
  text-align: center;
  padding: 0.25em 1.25em 0.25em 1.25em;
  margin: .5em 0.357em  .5em 0.357em;
  font-weight: 900;
  border: 0.143em outset #80a040;
  background-color: #009933;
  color: #ffffff;
  border-radius: .357em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 2em;
}

.actionButton1:hover {
  box-shadow: .0em .0em .7em #80dfaf;
  -moz-box-shadow: .0em .0em .7em #edffaf;
  -webkit-box-shadow: .0em .0em .7em #edffaf;
  -ms-box-shadow:  .0em .0em .7em #edffaf;
}

.actionButton1:active {
  color: #fff000;
  text-shadow: 0 0 0.5em #dfa;
  background-color: #8fbed8;
  border: 0.143em inset #008040;
  box-shadow: .0em .0em .7em #00ff80;
  -moz-box-shadow: .0em .0em .7em #00ff80;
  -webkit-box-shadow: .0em .0em .7em #00ff80;
  -ms-box-shadow:  .0em .0em .7em #00ff80;
}
#misc_report{	
	margin:auto;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:50em;
	background-color:#CCCCCC;
	background: url(images/blue_whole2.jpg);
	border: medium groove #FFFFFF;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

#content {
	font-size: 14px;
	bacground-color: #000;
	color: #ff8;
}

#section-1 {
	position: absolute;
	top: 2%;
	left: 1%;
	width: 48%;
	height: 80%;
	border-radius: 2em;  
	background-color: #500;
	color: #ff0;
}

#section-2 {
	position: absolute;
	top: 2%;
	right: 1%;
	width: 48%;
	height: 80%;
	border-radius: 2em;
	background-color: #005;
	color: #8ff;
}
/*--agrilink menu-------------------------------*/
html {
	height:100%;
}
body {
	height:100%;
	background-color:white;
}
#mainpara {
	width:60%;
	margin:0 auto;
	padding:0;
	border-radius:20px;
	background-color: #0099FF;
	text-align:center;

}
#login {
	
	width:30%;
	margin:0 auto;
	padding:0;

	border-radius:20px;
	background-color: #FFFFFF;
	text-align:center;

}
#header, #topleft {
	list-style:none;
	text-align:center;
}
#header li a, #topleft li a, #header ul li a {
	text-decoration:none;
	padding:0 1em;
}
#topleft {
	float:right;
}
#header, #header ul {
	margin:0;
	padding:0;
	list-style:none;
}
#topleft li {
	float:left;
	margin:0 1em 0 0;
	background-color:lightgray;
}
#header {
	display:inline-block;
	font-size: 120%;
	margin:10px 0 0;
}
#header > li {
	display: inline-block;
	margin: 0 10px 10px 0;
	background-color: #FF9900;
}
#header  li{	position:relative;}
#header li a {
	display:block;
	padding:5px 15px;
}
#header ul {
	position:absolute;
	top:100%;
	left:0;
	margin-left:-999em;
	width:200px;
	background: #FFFF99;
}
#header li:hover {
	background-color: #00FFCC;
}
#header ul li {
	display:block;
	text-align:left;
	font-size:18px;
	margin:0;
}
#header ul li a{padding:10px;}
#header li:hover > ul {
	margin:0;
}
#header li li:hover a{background:teal}
#header li li:hover > ul {
	margin:0;
	left:100%;
	top:0;
	background:teal;
}
#header li li li:hover a{background:white}

/*  button login */
/** /input[type=submit] {
     width: auto;
     background-color: #4CAF50;
	 font-weight:bold;
     color: white;
     padding: 12px 10px;
     margin: 10px 0;
     border: none;
     border-radius: 10px;
     cursor: pointer;
     align:center;
}/**/

/* main */
#main{
width: 60em;
-moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black;  box-shadow: 0 0 3px black;
background-color:#F8F8F8;

border-radius: 1em;
height: 30em;
margin-top: -0.5em;
background-color: #3399FF;

background-repeat:repeat-x y;

margin-left: 6em;"

}
/*home*/
.home1 {
  cursor: pointer;
  display: inline-block;
  font-size:16px;	
  width: auto;
  text-align: center;
  padding: 0.25em 1.25em 0.25em 1.25em;
  margin: .5em 0.357em  .5em 0.357em;
  font-weight: 900;
  border: 0.143em outset #80a040;
  background-color: #009933;
  color: #000066;
  border-radius: .357em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 2em;
}

.home1:hover {
  box-shadow: .0em .0em .7em #80dfaf;
  -moz-box-shadow: .0em .0em .7em #edffaf;
  -webkit-box-shadow: .0em .0em .7em #edffaf;
  -ms-box-shadow:  .0em .0em .7em #edffaf;
}

.home1:active {
  color: #fff000;
  text-shadow: 0 0 0.5em #dfa;
  background-color: #8fbed8;
  border: 0.143em inset #008040;
  box-shadow: .0em .0em .7em #00ff80;
  -moz-box-shadow: .0em .0em .7em #00ff80;
  -webkit-box-shadow: .0em .0em .7em #00ff80;
  -ms-box-shadow:  .0em .0em .7em #00ff80;
}




.container-eg-btn-3 {
  font-family: sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  margin: 0 auto 10px;
  padding: .5em;
  line-height: normal;
}
.container-eg-btn-3 .button {
  color: #fff;
  margin: 20px;
  padding: 12px 15px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  transition: .3s;
  z-index: 1;
  background: #3aaeff;
  cursor: pointer;
  border-radius: 6px;
}
.container-eg-btn-3 .button-1:hover {
  box-shadow: 0 0.6em 0.5em -0.4em #fa4343;
  transform: translateY(-0.25em);
  background: #fa4343;
}
.container-eg-btn-3 .button-2:hover{
  background: rgb(255 0 102);
  box-shadow: rgba(255, 0, 102, 0.4) 4px 4px, rgba(255, 0, 102, 0.3) 8px 8px, rgba(255, 0, 102, 0.2) 12px 12px, rgba(255, 0, 102, 0.1) 16px 16px, rgba(255, 0, 102, 0.05) 20px 20px;
}
.container-eg-btn-3 .button-3:hover{
  background: rgb(129 0 255);
  box-shadow: rgba(129, 0, 255, 0.4) 0px 4px, rgba(129, 0, 255, 0.3) 0px 8px, rgba(129, 0, 255, 0.2) 0px 12px, rgba(129, 0, 255, 0.1) 0px 16px, rgba(129, 0, 255, 0.05) 0px 20px;
}
.container-eg-btn-3 .button-4:hover{
  background: #0000ff;
  box-shadow: rgb(255, 255, 255) 6px -6px 0px -3px, rgb(24 200 20) 6px -6px, rgb(255, 255, 255) 12px -12px 0px -3px, rgb(255, 217, 19) 12px -12px, rgb(255, 255, 255) 18px -18px 0px -3px, rgb(255 166 63) 18px -18px, rgb(255, 255, 255) 24px -24px 0px -3px, rgb(255 51 51) 24px -24px;
}
.container-eg-btn-3 .button-5:hover {
  box-shadow: rgb(24 200 20) -4px 4px, rgb(255 217 19) -8px 8px, rgb(255 166 63) -12px 12px, rgb(255 51 51) -16px 16px;
  background: #0000ff;
}
.container-eg-btn-3 .button-6:hover{
  background: #0000ff;
  box-shadow: #0000ff 0px 0px 0px 3px, rgb(24 200 20) 0px 0px 0px 6px, rgb(255 217 19) 0px 0px 0px 9px, rgb(255 166 63) 0px 0px 0px 12px, rgb(255 51 51) 0px 0px 0px 15px;
}
.container-eg-btn-3 .button-7:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, #000 0%, rgb(99 103 203 / 0%) 80%);
  transition-duration: 0.3s;
  transition-property: transform opacity;
}
.container-eg-btn-3 .button-7:hover{
  background: #000;
  transform: translateY(-5px);    
}
.container-eg-btn-3 .button-7:hover:before{
  opacity: 1;
  transform: translateY(5px);
}

.container-eg-btn-3 .button-8:before {
  content: '';
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 6px;
}
.container-eg-btn-3 .button-8:hover:before, .container-eg-btn-3 .button-8:hover:after {
  opacity: 1;
}
.container-eg-btn-3 .button-8:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  left: 0;
  top: 0;
  border-radius: 6px;
  opacity: 0;
}
.container-eg-btn-3 .button-8:active:after {
  background: transparent;
}
@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}





#hintList li  {
			color: blue;			
		}
		
		#hintlist li:hover {
			color: white;
			background-color: blue;
		}
	
	#visitor{text-transform: uppercase;}
	

body {
	
	background-repeat: repeat-x;
}
.title2{
    font-size: 22px;
    font-weight: 200;
    color: #003366;
}
.style_head{
    font-family: arial;
    font-size: 2em;
    color: #fff;
}
					  
.style_head1{
    font-family: arial;
    font-size: 1em;
    color: #fff;
}
.asteric{
	color: red;
}
.content{
    font-family: arial;
    font-size: .9em;
}
.styl{
    text-transform: uppercase;
}


select:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;
}

input:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;
}
button:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;
}

checkbox:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;
}
.substyl{
    border: thin solid #FF8000;
    border-radius: 0.8em;
    height: 1.8em;
    -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black;  box-shadow: 0 0 5px black;
    font-weight: 600;
}

#main{
width: 55em;
-moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black;  box-shadow: 0 0 3px black;
background-color: #FFFFFF;

border-radius: 1em;
height: 40em;
margin-top: -0.5em;
background-color: #000000;

background-repeat:repeat-x y;
margin-left: 15.5em;"

}
.substyl1 {    border: thin solid #FF8000;
    border-radius: 0.8em;
    height: 1.8em;
    -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black;  box-shadow: 0 0 5px black;
    font-weight: 600;
}
.substyl1 {    border: thin solid #FF8000;
    border-radius: 0.8em;
    height: 1.8em;
    -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black;  box-shadow: 0 0 5px black;
    font-weight: 600;
}
.home {    border: thin solid #FF8000;
    border-radius: 0.8em;
    height: 1.8em;
    -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black;  box-shadow: 0 0 5px black;
    font-weight: 600;
	background-color:white;
	cursor:pointer;

}
.style10 {
	color: #FFFFFF;
	font-style: italic;
}
.style11 {color: #996666 }
.style13 {color: #FFFFFF; font-style: italic; font-size: medium; }
.style15 {
	font-size: medium;
	font-weight: bold;
	font-style: italic;
}
.style16 {font-size: medium}
		 
		  
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  color: #000000;
  background:#FFFFFF;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items td {
  padding: 10px;
  cursor: pointer;
  background-color: #FFFFFF; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items td:hover {
  /*when hovering an item:*/
  background-color: #CC0000; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.style101 {	color: #FFFFFF;
	font-style: italic;
}


/**/
#labormenu{
width: 50em;	
-moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black;  box-shadow: 0 0 3px black;
background-color:#F8F8F8;

border-radius: 1em;
height: 40em;
margin-top: -0.5em;
background-color: #000000;

background-repeat:repeat-x y;

margin-left: 20em;"

}
-->

nav {    
    display: block;
    text-align: center;
	
  }
  nav ul {
    margin: 0;
    padding:0;
    list-style: none;	
  }
  
  .nav a {
 	text-align:left;
    display:block; 
    background: #0099FF; /* top color*/
    color:black ; /* text color*/
    text-decoration: none;
    padding: .8em 1.8em;
    text-transform: uppercase;
    font-size: 85%;letter-spacing: 2px;
    text-shadow: 0 -1px 0 #111;
    position: relative;
  }
  .nav{  
    vertical-align: top; 
    display: inline-block;
    box-shadow: 1px -1px -1px 1px #000, -1px 1px -1px 1px #fff, 0 0 6px 3px #fff;
    border-radius:px;
	
  }
  .nav li{position: relative;}
  .nav > li { 
    float:left; 
    border-bottom: 4px #ccc solid; 
    margin-right: 0px; 
  } 
  .nav > li > a { 
    margin-bottom:0px;
    box-shadow:inset 0 2em .50em -.5em #33FFFF; /* top color*/
  }
  .nav > li:hover , .nav > li:hover >a{  border-bottom-color:red;}
  .nav li:hover > a { color:red; }
  .nav > li:first-child  { border-radius: 4px 0 0 4px;} 
  .nav > li:first-child>a{border-radius: 4px 0 0 0;}
  .nav > li:last-child  { 
    border-radius: 0 0 4px 0; 
    margin-right: 0;
  } 
  .nav > li:last-child >a{border-radius: 0 4px 0 0; }
  .nav li li a { margin-top:0px}
  
  
  
    .nav li a:first-child:nth-last-child(2):before { 
     content:""; 
     position: absolute; 
     height:0; 
     width: 0; 
     border: 5px solid transparent; 
     top: 50% ;
     right:0px;  
   }
  
  .navbar {
  background: #a8a599;
  float: left;
  width: 20%;
  height: 100%;
}
   
   /* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid  lightblue;
  z-index: 1;
  left: -99999em;
}
.nav > li:hover > ul {
  left: auto;
  padding-top: 1px  ;/* space from header*/
  min-width: 100%;
}
.nav > li li ul {  border-left:0px solid #fff;}/* space =>*/


.nav > li li:hover > ul { 
 /* margin-left: 1px */
  left: 100%;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}
.style1 {font-size: 24px}
.style2 {color: #FFFFFF}
.style3 {color: #CCCCCC}