/*** central column on page ***/




        div#divContainer
        {
            max-width: 1500px;
            height:680px;
            margin: 0 auto;
            color: #000000;
            font-family: Calibri;
            padding: 0.5em 1em 1em 1em;}       

   /* background-color: inherit; background-image: url("nh1.jpg"); */





 P  { font-size: 14pt;
    font-family: calibri, tahoma, arial, sans-serif, helvetica;
    color: #000000;}

 p1  { font-size: 12pt;
      font-family: calibri, tahoma, arial, sans-serif, helvetica, helvetica;
      color:#000000}
  
 p2  { font-size: 14pt;
      font-family: calibri, tahoma, arial, sans-serif, helvetica;
      font-weight: bolder;
      color: #000000;}    

    
 H1 {color:#AAAAAA; font-size: 28pt; font-family: calibri, tahoma, arial, sans-serif, helvetica;}
 H2 {color:#AAAAAA; font-size: 14pt; font-family: calibri, tahoma, arial, sans-serif, helvetica;}

 H3 {color:#FFFFFF; font-weight:600 ; font-size:  12pt; font-family: courier, calibri, tahoma, arial, sans-serif, helvetica;}
 
    fieldset {
			background-color: #eeeeee;
    		padding: 3px 6px;  
			-moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
		}

		legend {
			background-color: gray;
			color: white;
			font: 1rem 'Fira Sans', sans-serif;
			padding: 5px 10px;
		}

    .aleft {text-align: left; color: #000000; font-size: 14pt; font-family: calibri;}
    .acent {text-align: center; color: #000000; font-size: 14pt; font-family: calibri;}
    .aright {text-align: right; color: #000000; font-size: 14pt; font-family: calibri;}

    .topa {
  position: absolute;
  top: 80px;
} 
.topr {
  position: relative;
} 


label {
  font-size: 12pt;
  font-color: #000000;
padding: 8px 10px;
  display: inline-block;
}



Select[type=submit] {
  display: inline-block;
  font-size: 10pt;
}


.fields {
        font-size: 16px;
        color: black;
background-color: #ffffff;
        border-radius: 5px;
        box-shadow: 4px 4px 4px 1px rgb(20, 20, 10) ;
      }

.box {
        width: 200px;
        height: 140px;

 scrollbar-color: #67a886 #e8f9e7;
        font-size: 16px;
        color: #000;
        background-color: #e8f9e7;
        border-radius: 5px;
        box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
      }

.ibox {
        height: 20px;
	font-size: 14px;
     }
option:checked{
   background: #5b8b56;
   color: white;
}
.wbox {
        width: 300px;
        height: 100px;
scrollbar-color: #67a886 #e8f9e7;
	font : courier;
        font-size: 16px;
        color: #000;
        background-color: #e6fce4;
        border-radius: 5px;
        box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
      }
         

.lbox {
        width: 100px;
        height: 80px;
scrollbar-color: #67a886 #e8f9e7;
        font-size: 16px;
        color: #000;
        background-color: #e6fce4;
        border-radius: 5px;
        box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
      }

.lhbox {
        width: 100px;
        height: 90px;
scrollbar-color: #67a886 #e8f9e7;
        font-size: 16px;
        color: #000;
        background-color: #e6fce4;
        border-radius: 5px;
        box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
      }

.bbox {
        width: 70px;
        height: 20px;
	text-align: center;
        border: 1px solid #999;
        text-align: center;
        font-size: 16px;
        color: #000;
        background-color: #e6fce4;
        border-radius: 5px;
        box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
      }



input[type=submit]{
width: 120px;
 padding: 5px 8px;
 border-radius: 8px;
 box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
 font-size: 14px;
}


.bigsel[type=submit]{
width: 80px;
height: 50px;
 padding: 5px 8px;
 border-radius: 8px;
 box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
 font-size: 12px;
 white-space: normal;
 word-break: break-word;
}

.longsel[type=submit]{
width: 125px;
height: 25px;
 padding: 5px 8px;
 border-radius: 8px;
 box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
 font-size: 12px;
 white-space: normal;
 word-break: break-word;
}

.bigsel[type=submit]{
width: 80px;
height: 50px;
 padding: 5px 8px;
 border-radius: 8px;
 box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
 font-size: 12px;
 white-space: normal;
 word-break: break-word;
}

.rsel[type=submit]{
width: 125px;
height: 25px;
 padding: 5px 8px;
 border-radius: 8px;
 box-shadow: 2px 2px 2px 1px rgb(20, 20, 10) ;
 border: 1px solid gray;
 font-size: 12px;
 color: #F44;
 background-color: #ffff;
 white-space: normal;
 word-break: break-word;
}

echo "<input type='text' id='invoice' name='invoice' size='3'>";
input[type=submit]:hover
{

}