body {
     margin:0;
     padding:0;
     height:100%;
     }
     
     #top_div
     {
       height:15%;
       width:100%;
       /*background: #84CF96;*/
       /* background: #0E410C;*/
       /*  background: #EFD9DC; yellow gold*/
       /*  background: #FFFFFF; white*/
       /*  background: #A7CBFF; SKYBLUE*/


       background: #FFFFFF;
       margin:auto;
       text-align:center;
     }
      
      #midall_div
     {
       position : fixed;
       left : 0%;
       width:100%;
       height:100%;
       /* background:#759564; */
	    background:#DDEBFF; 
	  
		
font-family: Helvetica, sans-serif; font-size: 14px; line-height: 12px;
       margin:auto;
       text-align:center;
       /* color:#000000; */
       overflow:scroll;
     }
     
     fieldset
      {
       border: 2px solid;
       width: 400px;
       margin:auto;
       color:#008000 ;  
     /*  color:#008000 ; green  */
       }
     
       
     
      
     #bottom_div
     {
       height:4%;
       width:100%;
       bottom : 0;
       position : fixed;
       background-color:#"92CD00";
       color:#00000;
	   background: #008000;
    /*   background: #E5E4D7;*/
       /*background: #E1B378; mocha*/
        /* background:   #669966;*/
       /* background:   #008000 green;*/
       margin:auto;
       text-align:center;
       font-family:'Tahoma', Times, serif;
       font-size: x-small;
     }

 #mid1_div
     {
       position : fixed;
       left : 0;
       width:16%;
       height:80%;
       /*background-color:#990000;*/
     /*  background: #0E410C;*/
	   background: #E0CC97;
       margin:auto;
       text-align:center;
       color:#E0CC97;
     }
     
     #mid2_div
     {
       position : fixed;
       left : 16%;
       width:87%;
       height:85%;
        /* background-color:#99cc00;*/
       /* background: #84CF96;*/
       /*   background: #ccffcc;*/
       /*  background:#99cc99; */
     /* background: #7fc043; */
	    background: #E0CC97;
       margin:auto;
       text-align:center;
       color:#000000;
       overflow:scroll;
     }
     
 table.head {
        padding: 0px;
        border-spacing: 0;
        border: 0px solid black;
        border-top:outset 0px; 
        border-bottom:outset 0px;
        margin-left:auto; 
        margin-right:auto;
        } 
td.h1 {
        border:inset 0px;  /* border thickness*/
        text-align:left; 
        vertical-align:middle;
        width: 200px;
        border:inset 0px;
       } 
  td.h2 {
        border:inset 0px;  /* border thickness*/
        text-align:right; 
        vertical-align:middle;
        width: 200px ;
        border:inset 0px;
        } 
table.center {
        border: 0px solid black;
        border-top:outset 0px; 
        border-bottom:outset 0px;
        margin-left:auto; 
        margin-right:auto;
        } 

table.displayrecord {
        border: 0px solid black;
        border-top:outset 0px; 
        border-bottom:outset 0px;
        margin-left:auto; 
        margin-right:auto;
        font-size: 16px;
        } 
table.content {
		text-align:center;
        border: 1px solid black;
        border-top:outset 1px; 
        border-bottom:outset 1px;
        margin-left:auto; 
        margin-right:auto;
        font-size: 14px;
        } 
        
  td.con {
        border:inset 1px;  /* border thickness*/
        text-align:left; 
        vertical-align:middle;
        border:inset 1px;
	    margin: 0;
		padding: 0;
		font-family:"Arial", Times, serif;
		text-align:left; 
		font-size: 12px;
       } 
      
        
tr.a  {height: 50px;}
td.a {
        border:inset 0px;  /* border thickness*/
        text-align:left; 
        vertical-align:top;
        width:  150px;
        border:inset 0px;
       
       } 
td.aa {
        border:inset 0px;  /* border thickness*/
        text-align:left; 
        vertical-align:top;
        width:  200px;
        border:inset 0px;
        font-weight: bold;
       }  
td.aaa {
        border:inset 0px;  /* border thickness*/
        text-align:left; 
        vertical-align:top;
        width:  200px;
        border:inset 0px;
        font-weight: bold;
       } 
td.bbb   border:inset 0px;  /* border thickness*/
        text-align:right; 
        vertical-align:top;
        width: 200px;
        border:inset 0px;
        font-size: x-large;
        }  
td.bb {
        border:inset 0px;  /* border thickness*/
        text-align:right; 
        vertical-align:top;
        width: 100px;
        border:inset 0px;
        }       
  td.b {
        border:inset 0px;  /* border thickness*/
        text-align:right; 
        vertical-align:middle;
        width: 150px;
        border:inset 0px;
        } 

td.c {
        border:inset 2px;  /* border thickness*/
        text-align:left; 
        vertical-align:middle;
        width:150px;
        height : 150px;
        border:inset 2px;
	
       } 
       
td.d {
        border:inset 0px;  /* border thickness*/
        text-align:left; 
        vertical-align:middle;
        width:300px;
        height : 150px;
        border:inset 0px;
	
       } 

td.e {
         border:inset 0px;  /* border thickness*/
        text-align:right; 
        vertical-align:top;
        width: 150px;
        border:inset 0px;
	    font-weight: bold;
	    } 

td.f {
         border:inset 2px;  /* border thickness*/
        text-align:right; 
        vertical-align:middle;
        width: 150px;
        border:inset 0px;
	    font-weight: bold;
	   
       } 
       
 td.g {      
        border:inset 0px;  /* border thickness*/
        text-align:left; 
        vertical-align:middle;
        width:  180px;
        border:inset 0px;
        font-weight: bold;
       }  
       
td.h {
        border:inset 2px;  /* border thickness*/
        text-align:left; 
        vertical-align:top;
        width:550px;
        height : 100px;
        border:inset 0px;
        font-size: 14px;
       } 
       
p.title { 
	font-size:20px } 
	
 
table.bottom {
         border-spacing: 2px;
        border: 0px solid black;
        border-top:outset 0px; 
     /*     border-bottom:outset 1px; */
        margin-left:auto; 
        margin-right:auto;
        font-size: 12px;
        
        } 
  td.botleft {
         border:inset 0px;  /* border thickness*/
        text-align:right; 
        vertical-align:middle;
        
        border:inset 0px;
	    font-weight: bold;
       } 
        
img {border-style : none;
    display: block;
    margin-left: auto;
    margin-right: auto;
 }


.imgClassSubmit { 
background-image: url(http://localhost/images/submit.jpg);
background-position:  0px 0px;
background-repeat: no-repeat;
width: 90px;
height: 32px;
border: 0px;
background-color: none;
cursor: pointer;
outline: 0;
}
.imgClassSubmit:hover{ 
  background-position:  0px -0px;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.imgClassSubmit:active{
  background-position:  0px -0px;
}


.imgClassReset { 
background-image: url(http://localhost/images/reset1.jpg);
background-position:  0px 0px;
background-repeat: no-repeat;
width: 90px;
height: 32px;
border: 0px;
background-color: none;
cursor: pointer;
outline: 0;
}
.imgClassReset:hover{ 
  background-position:  0px -0px;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.imgClassReset:active{
  background-position:  0px -0px;
}