@CHARSET "ISO-8859-1";

  /*  header  css */
#head{ background:#4B8CCD;  width: 70px; border-radius: 5px; -o-border-radius: 5px;  border: 5px thick  #FFF; color:#FFF; box-shadow: 1px 1px 5px #FFF; padding:1px; font-family: Verdana; font-size:2; color:#FFF; font-weight:bold;}

 /*  header css */
#head1{ background:#4B8CCD;  width: 70px; border-radius: 5px; -o-border-radius: 5px; border: 5px thin #FFF; color:#FFF; box-shadow: 1px 1px 5px #FFF;  padding:1px; font-family:Verdana; font-size:2; color:#FFF; font-weight:bold;}

#head2{ background:#4B8CCD;  width: 100px; border-radius: 5px; -o-border-radius: 5px;  border: 5px thick  #FFF; color:#FFF; box-shadow: 1px 1px 5px #FFF; padding:1px; font-family: Verdana; font-size:2; color:#FFF; font-weight:bold;}
 /* This css for sucess page only  */
#sucess{ 

width: 900px;
height: 20px;
border-radius: 10px;
border: 2px solid #9F58A3;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #9F58A3;
color: #333333;
 background:#FFF;
 }
  /* This css for home page only  */
#home{ 
align:center;	
width: 150px;
height: 20px;
border-radius: 10px;
border: 2px solid #9F58A3;
padding: 8px;
font-weight: 200;
font-size: 20px;
font-family:Verdana ;
box-shadow: 1px 1px 5px #9F58A3;
color: #993399;
 background:#FFFF3;
 }


 /* This css border for the table  */
#border{ 
align:center;	
width: 230px;
height: 20px;
border-radius: 8px;
border: 2px solid #4B8CCD;
padding: 8px;
font-weight: 200;
font-family: Verdana;
font-size: 12px;
box-shadow: 1px 1px 3px #4B8CCD;
color:#4B8CCD;
background:#fff;
}
  /* This css for footer page only  */
#footer{
width: 1250px;
height: 10px;
border-radius: 2px;
border: 2px solid #4B8CCD;
padding: 4px;
font-weight: 100;
font-size: 12px;
font-family: Verdana;
box-shadow: 1px 1px 5px #4B8CCD;
color:#FFF;
 background:#4B8CCD;
}
 /* This css  table tags and for all jsp  */
/* This css input type text only   */ 
input[type='text'], input[type='password'], input[type='file']
{
align:left;
width: 230px;
height: 15px;
border-radius: 3px;
border: 1px solid #4B8CCD;
padding: 6px;
font-weight: 150;
font-size: 12px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}



/*CSS for textarea*/

textarea
{
width: 400px;
height: 90px;
border-radius: 3px;
border: 1px solid #4B8CCD;
padding: 4px;
font-weight: 200;
font-size: 12px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

/*CSS for dropdown box*/
select
{
width: 245px;
height: 25px;
border-radius: 3px;
border: 1px solid #4B8CCD;
font-weight: 200;
font-size: 12px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}
/* This css  submit button only  */
input[type='submit']
{
align:center;
width: 150px;
height: 30px;
font-size: 12px;
font-family: Verdana;
border: 8px solid #4B8CCD;
background-color:#4B8CCD;
color:#FFF;
}

input[type='button']
{
align:center;
width: 180px;
height: 35px;
font-size: 13px;
font-family: Verdana;
border: 8px solid #4B8CCD;
background:#4B8CCD !important;
color:#FFF;
font-weight:bold;
}

/* td {
   border: 1px solid #FFF;
   border-collapse:collapse;
   font-family: Verdana;
} */
/* This css border for the table  */
 #border2{
 align:left;
width: 900px;
height: 16px;
border-radius: 6px;
border: 2px solid #9F58A3;
padding: 8px;
font-weight: 100;
font-size: 12px;
font-family: Verdana;
box-shadow: 1px 1px 5px #9F58A3;
color:#993399;
 background:#FFF;

 }
 /* This css for result page  */
#res{
 align:center;
width: 1000px;
height: 20px;
border-radius: 6px;
border: 2px solid #4B8CCD;
padding: 8px;
font-weight: 100;
font-size: 12px;
font-family: Verdana;
box-shadow: 1px 1px 5px #4B8CCD;
color:black;
 background:#FFF;
 }
#mainborder{ 
align:center;
height: 100vh;
border-radius: 8px;
border: 2px solid #4B8CCD;
padding: 0px;
font-weight: 200;
font-family: Verdana;
font-size: 12px;
box-shadow: 1px 1px 3px #4B8CCD;
color:#4B8CCD;
background:#fff;
}

#mainborder1{ 
align:center;
height: 95vh;
}

#border1{ 
align:center;	
width: 90%;
height: 20px;
border-radius: 8px;
border: 2px solid #4B8CCD;
padding: 8px;
font-weight: 200;

font-family: Verdana;
font-size: 12px;
box-shadow: 1px 1px 3px #4B8CCD;
color:#4B8CCD;
 background:#fff;
 }
 
 #border2{ 
align:center;
width: 98%;
height: 100vh;
border-radius: 8px;
border: 2px solid #4B8CCD;
padding: 0px;
font-weight: 200;
font-family: Verdana;
font-size: 12px;
box-shadow: 1px 1px 3px #4B8CCD;
color:#4B8CCD;
background:#fff;
}
 
#mainborder1{ 
align:center;
height: 95vh;
}

.overlay{
	    width: 100%;
        height: 100%;
       position: fixed;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
        background-color: rgba(0,0,0,.5);
        opacity:0.5;
	  
	  }
 