@CHARSET "ISO-8859-1";
/* ---------for logo title &  css------------*/   
body {
	width: 1250px;
	text-align: center;
	font-family: calibri,Comic sans MS; 
	background-color: white;
	/* margin: 10px 0 10px 100px;  */
 margin-left: auto;
	margin-right: auto; 
}

.empclrswas
	{		
	
		width: 1250px;
		font-size:15px;  
		font-weight:bold;
		background-color:  #0085cc;
		border-color: #0095e6;
		border-width: 1px ; 
		border-style:solid;
	
	}

div.main{
	width: 1250px;
	text-align: left;
	background-color: white;
	padding-bottom: 2em;
	margin-top: -36PX;
	margin-left: auto;
	height: 650px;
	 border: 2px #88b1dd solid;
	
}
/* 
input[type="button"],input[type="submit"]
{
	height:28px;
	background: #0a70a3;
	font-size: 14px;
	color:white;
	 font-weight:bold;
	
} */
input[type="text"]
{
	height:25px;
	
	font-size: 16px;
	color:black;
	 font-weight:normal;
	border: 2px #88b1dd solid;
	
	
}
.main input[type="text"]:focus{
	background: #FFC none;
}
div.head{
	background: white;
	float: left;
	width: 1340px;
	height: 120px;
}

div.head h1,h2,h3,h4,h5,h6 {
	color: black;
	font: Calibri;	
	font-style: normal;
	margin: 0; padding: 0;
}

/* ---------for logo title &  css-----finish-------*/   


/* ----------------------login form ------------------------*/

	#lform{
		margin:1em 0;
		/*color:#fff;
		 width:220px; */ /* customize width, this form have fluid layout */
		text-align: left;
		/*border: 2px solid white;
		 border-top: none; */
		top:100%;
		bottom:0;
		
		}
	#lform h3{
		margin:0;
		background:navy;
		background: -moz-linear-gradient(top, #11032e, #a1d2ff);		
		color:#fff;
		font-size:20px;
		height: 23px;
	}		
	#lform h3 span{
		display:block;
		background:none;
		width: 200px;
		}				
	#lform fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:2px solid #a1d2ff; 
		color: balck;
		}		
	#lform legend{display:none;}	
	#lform p{margin:.5em 5px;}	
	#lform label{display:block;}	
	#lform input, #lform textarea{		
		width: 150px;
		border:1px solid white;
		color: black;
		background: none;
		margin: 0 15px;
		cursor: text;
		}
		
	#lform textarea{
		height:125px;
		overflow:auto;
		}					
	#lform p.submit{
		text-align:right;
		}
		
		#lform p1.submit{
		text-align:left;
		}	
		
	#lform button{
		width: 100px;
		height: 35px;
		border: none;
		background: transparent;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}
		
		#lform buttond{
		width: 200px;
		height: 10px;
		border: none;
		background-color: #000;
		color:#fff;
		cursor:pointer;
		text-align:center;
		
		}
/* ----------------------login form ------------finish------------*/	


/* ----------------------footer form ------------------------*/	

 #footer{
  position : absolute;
  bottom :150;
  height :100px;
  margin-top :400px;
  padding-left: 50px;
}
/* ----------------------footer form ---------finish---------------*/	

/* ---------for menu & dropdown css------------*/
#nav{
 
	margin-top:1px;
	height: 25px;
	font: 12px Geneva, Arial, Helvetica, sans-serif, bold;
	text-align: left;
	background: #CCF2FF;
	border: 1px solid #CCF2FF;	
	min-width:500px;
	margin-left: 0px;
	padding-left: 0px;
	position: relative;
	z-index: 9999;
}	

#nav li{
	list-style: none;
	display: block;
	float: left;
	height: 25px;
	position: relative;
	border-right: 1px solid #CCF2FF;
}

#nav li a{
	padding: 0px 10px 0px 30px;
	margin: 0px 0;
	line-height: 25px;
	text-decoration: none;
	border-right: 1px solid #CCF2FF;
	height: 25px;
	color:black;
	/* text-shadow: 1px 1px 1px #66696B; */
}

#nav ul{
	background: #f2f5f6; 
	padding: 0px;
	width:170px;
}



#nav li:hover{
	background: #CCF2FF;
}
#nav li a{
	display: block;
}
#nav ul li {
	border-right:none;
	border-bottom:1px solid #DDDDDD;
	width:170px;
	height:25px;
}
#nav ul li a {
	border-right: none;
	color:black;
	
}
#nav ul li:hover{background:#DFEEF0;}
#nav ul li:last-child { border-bottom: none;}
#nav ul li:last-child a{ border-bottom: none;}
/* Sub menus */
#nav ul{
	display: none;
	visibility:hidden;
	position: absolute;
	top: 25px;
}

/* Third-level menus */
#nav ul ul{
	top: 0px;
	left:170px;
	display: none;
	visibility:hidden;
	border: 1px solid #DDDDDD;
}
/* Fourth-level menus */
#nav ul ul ul{
	top: 0px;
	left:170px;
	display: none;
	visibility:hidden;
	border: 1px solid #DDDDDD;
}

#nav ul li{
	display: block;
	visibility:visible;
}
#nav li:hover > ul{
	display: block;
	visibility:visible;
}




.well {
	width: 60%;
	height: 220px;
}
ul {
border: 2px solid #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0a70a3;
    height:25px;
}

li {
    float: left;
}

li a {
font-size:20px;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    margin-top: -13px;
}

li a:hover {
    background-color: #fff;
     color: #66696B;
}
.sub{  
background-color:blue;  
padding: 7px 40px 7px 40px;  
color:white;  
font-weight:bold;  

border-radius:5px;  
}


input[type="button"],input[type="submit"]
{
	height:28px;
	background: #0a70a3;
	font-size: 14px;
	color:white;
	 font-weight:bold;
	
}

option{
	 
		font: Calibri;	
	
}

 @charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before, .pika-single:after {
	content: " ";
	display: table;
}

.pika-single:after {
	clear: both
}

.pika-single {
	*zoom: 1
}

.pika-single.is-hidden {
	display: none;
}

.pika-single.is-bound {
	position: absolute;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
}

.pika-lendar {
	float: right;
	width: 300px;
	margin: 8px;
}

.pika-title {
	position: relative;
	text-align: center;
}

.pika-label {
	display: inline-block;
	*display: inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
}

.pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity = 0);
	opacity: 0;
}

.pika-prev, .pika-next {
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	/* hide text using text-indent trick, using width value (it's enough) */
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: .5;
	*position: absolute;
	*top: 0;
}

.pika-prev:hover, .pika-next:hover {
	opacity: 1;
}

.pika-prev, .is-rtl .pika-next {
	float: left;
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
	*left: 0;
}

.pika-next, .is-rtl .pika-prev {
	float: right;
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
	*right: 0;
}

.pika-prev.is-disabled, .pika-next.is-disabled {
	cursor: default;
	opacity: .2;
}

.pika-select {
	display: inline-block;
	*display: inline;
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

.pika-table th, .pika-table td {
	width: 14.285714285714286%;
	padding: 0;
}

.pika-table th {
	color: #999;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
}

.pika-button {
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: #666;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	background: #f5f5f5;
}

.pika-week {
	font-size: 11px;
	color: #999;
}

.is-today .pika-button {
	color: #33aaff;
	font-weight: bold;
}

.is-selected .pika-button {
	color: #fff;
	font-weight: bold;
	background: #33aaff;
	box-shadow: inset 0 1px 3px #178fe5;
	border-radius: 3px;
}

.is-inrange .pika-button {
	background: #D5E9F7;
}

.is-startrange .pika-button {
	color: #fff;
	background: #6CB31D;
	box-shadow: none;
	border-radius: 3px;
}

.is-endrange .pika-button {
	color: #fff;
	background: #33aaff;
	box-shadow: none;
	border-radius: 3px;
}

.is-disabled .pika-button, .is-outside-current-month .pika-button {
	pointer-events: none;
	cursor: default;
	color: #999;
	opacity: .3;
}

.pika-button:hover {
	color: #fff;
	background: #ff8000;
	box-shadow: none;
	border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
	border-bottom: none;
	cursor: help;
}