/*theme3*/
.body1{background: -moz-linear-gradient(top, rgba(199,221,141,1) 0%, rgba(199,221,141,0.14) 90%, rgba(120,127,119,0.05) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,221,141,1)), color-stop(90%,rgba(199,221,141,0.14)), color-stop(100%,rgba(120,127,119,0.05))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(199,221,141,1) 0%,rgba(199,221,141,0.14) 90%,rgba(120,127,119,0.05) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(199,221,141,1) 0%,rgba(199,221,141,0.14) 90%,rgba(120,127,119,0.05) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(199,221,141,1) 0%,rgba(199,221,141,0.14) 90%,rgba(120,127,119,0.05) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(199,221,141,1) 0%,rgba(199,221,141,0.14) 90%,rgba(120,127,119,0.05) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dd8d', endColorstr='#0d787f77',GradientType=0 ); /* IE6-9 */
}

#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    border-bottom:solid 1px white;
    width:120px;
	cursor:pointer;
}

/* We apply the background hover color when user hover the mouse over of the li component */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover,
#menuwrapper ul li.iehover{
    position:relative;
}

/* We apply the link style */
#menuwrapper ul li a{
    padding:5px 15px;
    display:inline-block;
    text-decoration:none;
	width: 119px;
     height: 20px;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul,
#menuwrapper ul li.iehover ul{
    left:150px;
    top:0px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
}

/* We change the background color for the level 2 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover,
#menuwrapper ul li.iehover ul li.iehover{
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
 color: #FFFFFF;
    display:inline-block;
    width:108px;
}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li ul,
#menuwrapper ul li.iehover ul li ul{
    position:absolute;
    display:none;
}

/* We show the third level menu only when they hover the second level menu parent */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul,
#menuwrapper ul li.iehover ul li.iehover ul{
    display:block;
    left:150px;
    top:0;
}

/* We change the background color for the level 3 submenu*/
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li,
#menuwrapper ul li.iehover ul li.iehover ul li{
}

/* We change the background color for the level 3 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li:hover,
#menuwrapper ul li.iehover ul li.iehover ul li.iehover{
}

/* We change the level 3 link color */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li a,
#menuwrapper ul li.iehover ul li.iehover ul li a{
    color:#ffffff;
}
/*#form1 {
background-color:#006633;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}	*/
.classname {
background-image:url(../images/button1.png);
	text-indent:0;
/*border: 1px solid #000000;*/
	display:inline-block;
	color: #000000;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow: 1px 1px 0px #090909;
}
.classname:hover {background-image:url(../images/button2.png); color:#FFFFFF;
}
.classname:active {
	position:relative;
	top:1px;
}

/*------------- Logout Button css -----------------*/

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:70px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
.button:active {
	position:relative;
	top:1px;
}
/*-----------------------add task --------------------------------*/
.project {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;



	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:none;
	display:inline-block;
	color:#306108;
	font-family:Comic Sans MS;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.project:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.project:active {
	position:relative;
	top:1px;
}
/*-----------menu--------------*/
#footer a
{text-decoration:none;
}
#f1
{
background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

}
.meeval{
text-decoration: none;
float: right;
color: #000000;
}
.meeval1 {
text-decoration: none;
float: left;
margin-right: 5%;
color: #FFFFFF;
margin-top: 0%;
margin-left: -50%;
}

#mainhead {
background-color: aquamarine;
color: red;
}
 div.mainhead {
background-color: bisque;
margin-top: -8px;
}


/*modification*/

#bannerimg {
background: linear-gradient(to bottom, #4e5556 0%,#638c75 0%,#010101 73%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5556', endColorstr='#1b1b1b',GradientType=0 );
}
#heading {

font-size: xx-large;
color: #000000;
}
#time{color: #000000;}
#f1 {
margin-left: 629px;
background: linear-gradient(to bottom, #4e5556 0%,#638c75 0%,#010101 73%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5556', endColorstr='#1b1b1b',GradientType=0 );;

}#homeid {
margin-right: 35%;
}

.footerbutton {
border: none;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
padding: 2px 10px 2px 10px;
text-decoration: none;
display: inline-block;
font-weight: bold;
color: #000000;
width:80px;
height:30px;
background-image:url(../images/butt1.png);

}
.footerbutton:hover{background-image:url(../images/butt2.png); color:#FFFFFF;}

#homeid {
margin-right: 35%;
}
#mainFrame {background-image:url(../images/bac1.png);
}
body
{
background-image:url(../images/bac1.png);
}




#scan {
height: 1%;
}

#btAdd {
height: 1%;
}
#btApproveLeave {
height: 1%;
}
#btLeaveReport {height: 1%;
}

#btn2 {height: 1%;
}
#btn1 {height: 1%;
}

/*  style1 starting */

/*#form1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 2px solid #66FF66;
border: inset 2px solid #66FF66
}*/
#form1
{background-image:url(../images/1213.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 2px solid #303D30;
border: inset 2px solid #66FF66;

box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.form1
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 2px solid #303D30;
border: inset 2px solid #66FF66;
background-color: #C8E4D8;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#box
{
width:200px;
height::50px;
padding:5px;
border:solid 1px #000000;
background-color:#F0F0F0;
line-height: 2em;
}
#tbl
{
border:#333333 solid 1px;
padding:2px;
}
td{
float:center;
}

table.admissionprint
{

	border: 2px solid black;
}
.box {
	border-top-style:solid;
}
#trid
{
		outline: thin solid black;
}
#txtHint
{
margin-left:350px;
margin-top:1px;
width:400px;
z-index:99;
position:relative;
}
.content{
		/*width:900px;*/
		margin:0 auto;
	}
	#result
	{
		position:absolute;
		/*width:500px;*/
		/*padding:10px;*/
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:hidden;
		border:1px #CCC solid;
		background-color: white;
		padding-bottom:0px;
		padding-top:0px;
	}
	.show
	{
		padding:5px;
		border-bottom:1px #999 dashed;
		font-size:15px;
		height:15px;
	}
	.show:hover
	{
		background:#4c66a4;
		color:#FFF;
		cursor:pointer;
	}
	#result1
	{
		position:absolute;
		/*width:500px;*/
		/*padding:10px;*/
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:hidden;
		border:1px #CCC solid;
		background-color: white;
		padding-bottom:0px;
		padding-top:0px;
	}
	#result2
	{
		position:absolute;
		/*width:500px;*/
		/*padding:10px;*/
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:hidden;
		border:1px #CCC solid;
		background-color: white;
		padding-bottom:0px;
		padding-top:0px;
	}
	#result3
	{
		position:absolute;
		/*width:500px;*/
		/*padding:10px;*/
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:hidden;
		border:1px #CCC solid;
		background-color: white;
		padding-bottom:0px;
		padding-top:0px;
	}
	#result4
	{
		position:absolute;
		/*width:500px;*/
		/*padding:10px;*/
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:hidden;
		border:1px #CCC solid;
		background-color: white;
		padding-bottom:0px;
		padding-top:0px;
	}
#txtPassword
{
		border:solid 1px #000;
}
/*label
{
width:100px;
height::50px;
border:solid 1px;
background-color:#F0F0F0;
}*/
input[type="text"]
	{
		/*width:500px;*/
		border:solid 1px #000;
		/*padding:10px;*/
		/*font-size:14px;*/
	}

input[type="password"]
{
	/*width:500px;*/
	border:solid 1px #000;
	/*padding:10px;*/
	/*font-size:14px;*/
}



input[disabled="disabled"]
{
background-color:#CCCCCC;
}
input[readonly]
{
background-color:#CCCCCC;
}
textarea
{
		border:solid 1px #000;
}
select
{
		border:solid 1px #000;
}
input[type="checkbox"]
{
		border:solid 1px #000;
}
input[type="file"]
{
	/*font-size: 0;*/
	/*opacity:0*/
}
/*#draggable
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:1px;
	border: 2px solid #66FF66;
	border: inset 2px solid #66FF66;
	width: 200px;
	height: 200px;
}*/
#draggable
{
	width: 400px;
	height: 400px;
	padding:2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #6C9147;
	border: inset 2px solid #6C9147;
}
#draggable1{
	width: 400px;
	height:25px;
	background-color:#8BCA09;
	padding:1px;
}
#draggable2 {
	width: 400px;
	height: 370px;
	padding:1px;
	background-color:#D8D8AF;
}
#calcform
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 2px solid #66FF66;
border: inset 2px solid #66FF66;
background-color:#D8D8AF;
width:500px;
}

#mand
{
color:#EB1D18;

}
textarea
{
   resize: none;
}
tdc3 {
padding-left: 6%;
width: 0%;
}
.tdc4 {
padding-left: 11%;
}
.tdc5 {
padding-left: 7%;
}
.tdc6 {
padding-left: 4%;
}

.loginstyle {

margin-left: 38%;
float: left;
background-image: url(../images/1213.png);
width: 30%;
height: 20%;
border-radius: 65px;
border: outset;
border-bottom-width: thick;
border-right-width: thick;
padding-top: 5%;
}
/*pagination*/
ul.tsc_pagination { margin:4px 0; padding:0px; height:100%; overflow:hidden; font:12px; \'Tahoma\'; list-style-type:none; }
ul.tsc_pagination li { float:left; margin:0px; padding:0px; margin-left:5px; }
ul.tsc_pagination li:first-child { margin-left:0px; }
ul.tsc_pagination li a { color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; }
ul.tsc_pagination li a img { border:none; }
ul.tsc_paginationC li a { color:#707070; background:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #DCDCDC; padding:6px 9px 6px 9px; }
ul.tsc_paginationC li { padding-bottom:1px; }
ul.tsc_paginationC li a:hover,
ul.tsc_paginationC li a.current { color:#FFFFFF; box-shadow:0px 1px #EDEDED; -moz-box-shadow:0px 1px #EDEDED; -webkit-box-shadow:0px 1px #EDEDED; }
ul.tsc_paginationC01 li a:hover,
ul.tsc_paginationC01 li a.current { color:#893A00; text-shadow:0px 1px #FFEF42; border-color:#FFA200; background:#FFC800; background:-moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800)); }
ul.tsc_paginationC li a.In-active {
   pointer-events: none;
   cursor: default;
}