/*theame8*/
td
{
	padding:1px;
}
a{ text-decoration:none;}
body1 {  background: -moz-linear-gradient(top, rgba(139,147,136,0.7) 0%, rgba(139,147,136,0.14) 80%, rgba(252,255,244,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,147,136,0.7)), color-stop(80%,rgba(139,147,136,0.14)), color-stop(100%,rgba(252,255,244,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(139,147,136,0.7) 0%,rgba(139,147,136,0.14) 80%,rgba(252,255,244,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(139,147,136,0.7) 0%,rgba(139,147,136,0.14) 80%,rgba(252,255,244,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(139,147,136,0.7) 0%,rgba(139,147,136,0.14) 80%,rgba(252,255,244,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(139,147,136,0.7) 0%,rgba(139,147,136,0.14) 80%,rgba(252,255,244,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b38b9388', endColorstr='#00fcfff4',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: 7px 15px 7px 15px;
    display:inline-block;
    text-decoration:none;
	width: 119px;
height: 10px;
}

/**** 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;
}

.classname { 
-webkit-box-shadow: 0 2px 0 #05486D;
			box-shadow: 0 2px 0 #05486D;
margin-bottom:2px;
background: #2876b2;
	background: -webkit-linear-gradient(#2876b2, #549ad0);
	background: -moz-linear-gradient(#2876b2, #549ad0);
	background: -o-linear-gradient(#2876b2, #549ad0);
	background: -ms-linear-gradient(#2876b2, #549ad0);
	background: linear-gradient(#2876b2, #549ad0);
    background-repeat: repeat;
	-webkit-background-size: 100% 200%;
	-moz-background-size: 100% 200%;
	background-size: 100% 200%;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	
	font-size:10.8pt;
	
	font-style:normal;
	height:22px;
	line-height:10px;
width: 163px;
	text-decoration:none;
	text-align: left;
	text-shadow: 1px 1px 0px #090909;
}
.classname:hover {
background-position: 0 -102%;
}
.classname:active {
	position:relative;
	top:1px;
}
/*-----------------------home button.---------------*/
.home {

background: #2876b2;
	background: -webkit-linear-gradient(#2876b2, #549ad0);
	background: -moz-linear-gradient(#2876b2, #549ad0);
	background: -o-linear-gradient(#2876b2, #549ad0);
	background: -ms-linear-gradient(#2876b2, #549ad0);
	background: linear-gradient(#2876b2, #549ad0);
    background-repeat: repeat;
	-webkit-background-size: 100% 200%;
	-moz-background-size: 100% 200%;
	background-size: 100% 200%;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
	text-indent:0;

	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:22px;
width: 163px;
	text-decoration:none;
	text-align:center;
	text-shadow: 1px 1px 0px #090909;
}
.home:hover {
background-position: 0 -102%;
}
.home: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;
}

.meeval{
text-decoration: none;
float: right;
color: #FFFFFF;
}

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



.footerbutton{#2876b2;
	background: -webkit-linear-gradient(#2876b2, #549ad0);
	background: -moz-linear-gradient(#2876b2, #549ad0);
	background: -o-linear-gradient(#2876b2, #549ad0);
	background: -ms-linear-gradient(#2876b2, #549ad0);
	background: linear-gradient(#2876b2, #549ad0);
    background-repeat: repeat;
	-webkit-background-size: 100% 200%;
	-moz-background-size: 100% 200%;
	background-size: 100% 200%;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;

	/*-webkit-border-top-left-radius:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;

	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;*/
	text-indent:0;
/*border: 1px solid #000000;*/
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:22px;

width: 163px;
	text-decoration:none;
	text-align:center;
	text-shadow: 1px 1px 0px #090909;
	}

.footerbutton:hover{background-position: 0 -102%;}


#f1
{background: #28597a;
background: -webkit-gradient(linear, left top, left bottom, from(#3d789f), to(#28597a));
background: -moz-linear-gradient(top, #3d789f, #28597a);

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


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

#heading {
font-size: xx-large;
color: rgb(255, 255, 255);

}
#bannerimg {background: #28597a;
background: -webkit-gradient(linear, left top, left bottom, from(#3d789f), to(#28597a));
background: -moz-linear-gradient(top, #3d789f, #28597a);
}

#homeid {
margin-right: 35%;
}


#mainFrame {background-image:url(../images/bac1.png);
}

#scan {
height: 1%;
}

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

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



/*remaining  theme */

/*#form1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 2px solid #66FF66;
border: inset 2px solid #66FF66
}*/
#form1
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 2px solid #C8E7FF;
border: inset 2px solid #66FF66;
background-color: #E4EFF3;
}
#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;
}
body
{
background-image:url(../images/bac1.png)
}
#mand
{
color:#EB1D18;

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


.d_body {
	background-color: #FFFFC;
		}
.d_title {
	background-color: #00CC99;
		}
.d_applet
{
	background-color:#FF8040;
		height:15px;
}
.d_titlebar
{
background-color:#0080FF;

}

@charset "utf-8";
.d_body {
	background-color: #FF00CC;
		}
.d_title {
	background-color: #00CC99;
		}

.loginstyle {
margin-left: 38%;
float: left;background: #3e779d;
background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
background: -moz-linear-gradient(top, #65a9d7, #3e779d);

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;
}