* { padding:0;margin: 0}
body {background-image:url("../image/bg-tile.gif");background-repeat:repeat;font-family:Arial, Helvetica, sans-serif}
#wrapper {width: 99%;margin:0px auto;min-width:990px}
#border {border: 1px solid #8ECE5F;margin:10px;background-color:#fff;min-height:620px;width:99%}
* html #border {height:725px} /* IE Min-Height Hack */ 

#header {
 margin: 6px 5px 3px 5px; 
 background-image:url("../image/asdf4.jpg");
 background-repeat:repeat;
 height:70px;
}

#headertext{
	border:0px solid;
	width:380px;
	height:50px;
	font-family:"Trebuchet MS";
	font-size:40px;
	color:#fff;
	margin:10px 0px 0px 0px;
	float:left;
	clear:none;
}

#headertext1{
	border:0px solid;
	width:380px;
	height:50px;
	font-family:"Trebuchet MS";
	font-size:40px;
	color:#fff;
	margin:30px 0px 0px 0px;
	float:right;
	clear:none;
}

#headertextsmall{	
	width:350px;
	height:138px;
	font-family:"Trebuchet MS";
	font-size:20px;
	color:#fff;			
	float:right;
}

/* ------------------------ Start Navigation Bar -----------------*/

#topmenu{
	height:46px;
	width: 99.4%;
	color: #666666;
	font-size: 12px;
	margin:0px auto
}

/*MEUNU*/
.topmenu_bg{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 auto 0 auto;
	background: url("../image/menug_bg.gif") repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.dropdown {float:left; padding-right:0px}

.dropdown dt:hover {background:url("../image/menug_hover_left1.gif") no-repeat left top;padding:0px 10px 0px 16px;color:white}
.dropdown dt:hover div{background:url("../image/menug_hover_right1.gif") no-repeat right top;height:46px;line-height:46px;padding:0px 0px 0px 0px}


.dropdownSelect{background:url("../image/menug_hover_left1.gif") no-repeat left top;padding:0px 10px 0px 16px;color:white}
.dropdownSelect div{background:url("../image/menug_hover_right1.gif") no-repeat right top;} 

.dropdown b{padding:0px 13px 0px 0px;}

.dropdown dt {border:0px solid #9ac1c9;font-weight:bold; cursor:pointer;text-align:left;padding:0px 10px 0px 16px;line-height:46px; }

.dropdown dd {position:absolute; overflow:hidden; display:none; background:#A2C445; z-index:200; opacity:0;width:150px}
.dropdown ul {border:1px solid #2D7C06; list-style:none; border-top:none}
.dropdown li {display:inline;text-align:left}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#666666; text-decoration:none;}
.dropdown a:hover {background:#A2C445; color:white}
.dropdown .underline {border-bottom:0px solid white}
.dropdown dd ul li#currentPage a{background:#A2C445; color:white}

/* ------------------------ End Navigation Bar -----------------*/

/*----------------------------------- Inner Layouts -----------------------------------------*/

h1,h2,p{margin: 0px 10px 2px}
h1{font-size: 14px;color: #fff}
h2{font-size: 14px;color: #000}
p{padding-bottom:1em}
div#header1{margin:5px}
#text{float:left;background: #C4D742;padding:0px 0px 3px 0px;text-align:left;width:100%}
.textleft{float:left;width:475px;}

b.rtop, b.rbottom{display:block;background: transparent}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #C4D742}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.box_content{border-left:1px solid #C4D742;border-right:1px solid #C4D742;background:#fff;}

/*-------------------------------------------------------------------------------------------*/

h1,h2,p{margin: 0px 10px 2px}
h1{font-size: 14px;color: #fff}
p{padding-bottom:1em}
div#header2{ margin: 5px ; }
#text1{float:left;background: #C2C0C2;padding:0px 0px 3px 0px;text-align:left;width:100%;border:0px solid}

b.rtop1, b.rbottom1{display:block;background: #fff}
b.rtop1 b, b.rbottom1 b{display:block;height: 1px;overflow: hidden; background: #C2C0C2}
b.r11{margin: 0 5px}
b.r21{margin: 0 3px}
b.r31{margin: 0 2px}
b.rtop1 b.r41, b.rbottom1 b.r41{margin: 0 1px;height: 2px}

.box_content1{border-left:1px solid #C2C0C2;border-right:1px solid #C2C0C2;background:#fff}

/*---------------------------------- Inner Layout End-------------------------------------*/


/* ------------------------ Start Images -----------------*/
img {
 display: inline;
 border: none;
}
img.block {
 display: block;
}
img.float {
 float: left;
 margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/

.hidearrow{background:url("../image/hidearrow.jpg") no-repeat;border:none;width:19px;height:13px}
.viewarrow{background:url("../image/viewarrow.jpg") no-repeat;border:none;width:19px;height:13px}

.viewlabel3{border:0px solid red;text-align:left;width:100%;color:#006666;margin:5px 5px 5px 5px;}
.viewlabel3 span{font-size:14px;text-decoration:none}
.viewlabel3 a{text-decoration:none}
.viewtable{border:0px solid;width:45%;color:#006666;font-size:14px;float:left;line-height:28px}
.viewtable1{border:0px solid;width:22%;color:#006666;font-size:14px;float:left;line-height:28px}
.viewtable2{border:0px solid;width:4%;color:#006666;font-size:14px;float:left;line-height:28px}
.viewtable3{border:0px solid;width:22%;color:#006666;font-size:14px;float:left;line-height:28px}
.viewtable4{border:0px solid;width:20%;color:#006666;font-size:14px;float:left;line-height:28px}
.viewtable a{cursor:pointer;text-decoration:none}
.viewtable a:hover{cursor:pointer;text-decoration:underline}
.viewtablesptr{border:0px solid;width:10px;color:#006666;font-size:14px;font-weight:bold;float:left;line-height:28px}
.viewtab1{width:50%;border:0px solid;color:#9900CC;font-size:14px;float:left;line-height:28px;height:28px}
.viewtab1 input, select{margin-top:3px;}
.textarea{clear:both;height:25px}
.dataentrytextarea{clear:both;height:60px}
.accuracytextarea{clear:both;height:200px}

.birthday{height:20px;border:0px solid;float:left;width:43%;color:#9900CC;margin:0px 0px 0px 0px;_margin:5px 0px 8px 5px;text-align:left;font-size:13px;font-weight:bold}
.marriageday{height:20px;border:0px solid;width:90%;color:blue;text-decoration:none;margin:0px 0px 0px 0px;_margin:0px 0px 8px 0px;text-align:left;font-size:13px;}
.marriageday1{height:20px;border:0px solid;width:90%;color:red;text-decoration:none;margin:0px 0px 0px 0px;_margin:0px 0px 8px 0px;text-align:left;font-size:13px;}
.seperation{height:20px;border:0px solid;float:left;width:5%;color:#9900CC;margin:0px 0px 0px 0px;_margin:0px 0px 8px 0px;text-align:left;font-size:13px;font-weight:bold}

.tablecalendar{width:99%;text-align:left;border:0px solid red;margin:0px auto;clear:both}
.divcalendar{color:green;padding:5px;width:99%;border:0px solid;font-size:14px}
.divcalendar a{text-decoration:none}
.table1calendar{width:80%;float:left; height:90%;border:0px solid red;padding:5px}
.calendardiv{border:0px solid ;height:25px;float:right;margin-top:-25px}

.thcalendar{width:14%;height:10%;font-size:15px;border:1px solid gray}
.commonholiday{color:red;text-align:center;font-size:27px;font-family:verdana}
.blrholiday{color:white;background:#FF0099;text-align:center;font-family:verdana;font-size:27px}
.cochinholiday{color:white;background:#B7B7FF;text-align:center;font-family:verdana;font-size:27px}
.today{color:white;background:#0066FF;text-align:center;font-family:verdana;font-size:27px}
.otherdays{text-align:center;font-family:verdana;font-size:27px}

.report{border:0px solid;text-align:left;width:99%;color:#006666;margin:5px}
.reporttable{border:0px solid;width:100%;float:left;padding:5px}
.reporttr{background:#72AA21;width:99%;font-size:14px;text-align:left;color:white;}
.teamborder{border:0px solid gray;text-align:left;padding:3px;cursor:pointer}

.salpdf{border:0px solid gray;text-align:center;width:30px;height:20px}
.salfirst{border:0px solid gray;text-align:center;width:40px;height:20px}

.logindiv2{color:red;font-size:12px;border:0px solid;width:80%;_width:90%;margin-left:10%;_margin-left:10%}
.logindiv3{width:100%;border:0px solid;text-align:left;font-family:verdana}
.logindesc{color:black}
	

input.button1{
	border:0px solid green;
	cursor: pointer;
	width:100px;
	height:25px;
	background: url('../image/button_2.gif') no-repeat;
	color:black;
	font-size:10px;
	font-weight:bold;
	}
	
	input.button_over1{
	border:0px solid green;
	cursor: pointer;
	width:100px;
	height:25px;
	background: url('../image/button_2.gif') no-repeat;
	color:white;
	font-size:10px;
	font-weight:bold;
	}
	
	input.button_out1{
	border:0px solid green;
	cursor: pointer;
	width:100px;
	height:25px;
	background: url('../image/button_2.gif') no-repeat;
	color:black;
	font-size:10px;
	font-weight:bold;
	}

input.button2{
	border:0px solid green;width:25px;height:25px;
	cursor: pointer;
	background: url('../image/button_0.gif') no-repeat;
	}
	
	input.button_over2{
	border:0px solid green;width:25px;height:25px;
	cursor: pointer;
	background: url('../image/button_1.gif') no-repeat;
	}
	
	input.button_out2{
	border:0px solid green;width:25px;height:25px;
	cursor: pointer;
	background: url('../image/button_0.gif') no-repeat;
	}

input.button3{
	border:0px solid green;
	cursor: pointer;
	width:70px;
	height:20px;
	background: url('../image/button_3.gif') no-repeat;
	color:black;
	font-size:10px;
	font-weight:bold;
	}
	
	input.button_over3{
	border:0px solid green;
	cursor: pointer;
	width:70px;
	height:20px;
	background: url('../image/button_3.gif') no-repeat;
	color:white;
	font-size:10px;
	font-weight:bold;
	}
	
	input.button_out3{
	border:0px solid green;
	cursor: pointer;
	width:70px;
	height:20px;
	background: url('../image/button_3.gif') no-repeat;
	color:black;
	font-size:10px;
	font-weight:bold;
	}

input.button4{
	border:0px solid green;
	cursor: pointer;
	width:18px;
	height:20px;
	background: url('../image/button_4.gif') no-repeat;
	color:black;
	font-size:10px;
	font-weight:bold;
	}
	
	input.button_over4{
	border:0px solid green;
	cursor: pointer;
	width:18px;
	height:20px;
	background: url('../image/button_4.gif') no-repeat;
	color:white;
	font-size:10px;
	font-weight:bold;
	}
	
	input.button_out4{
	border:0px solid green;
	cursor: pointer;
	width:18px;
	height:20px;
	background: url('../image/button_4.gif') no-repeat;
	color:black;
	font-size:10px;
	font-weight:bold;
	}

input.button5{
	border:0px solid green;
	cursor: pointer;
	width:20px;
	height:20px;
	background: url('../image/searchImg.jpg') no-repeat;
	color:black;
	font-size:10px;
	font-weight:bold;
	}




.content{border:0px solid;float:left;width:81%;margin:-10px 0px 0px 0px;_margin:-15px 0px 0px 0px;}
.reportfieldset{float:left;border:5px ridge #99CC66;color:green;width:97%;_width:99.5%;margin:0px 0px 0px 5px;_margin:0px 0px 0px 5px;}

.viewpassword{width:150px;border:0px solid;font-size:12px}
.viewpass1{width:120px;border:0px solid}
.viewfieldset1{width:51%;_width:53%;color:green;border: 4px groove #99CC66;float:right;margin:0px 0px 0px 0px;_margin:0px 5px 0px 0px;}
.viewfieldset7{width:30%;color:green;border: 4px groove #99CC66;float:left;margin:0px 0px 0px 0px;_margin:0px 5px 0px 5px;}
.datefrom{border:2px solid green;text-align:center}
.viewlabel1{float:left;border:0px solid;text-align:left;width:345px;color:#006666;font-size:15px;line-height:1.7}
.viewfieldset4{width:51%;_width:53%;color:green;border:4px groove #99CC66;float:right;margin:0px 0px 0px 0px;_margin:0px 5px 0px 0px;}
.viewfieldset5{width:51%;_width:53%;color:green;border: 4px groove #99CC66;float:right;margin:0px 0px 0px 0px;_margin:0px 5px 10px 0px;}



.viewbtn {float:left;border:0px solid;;;font-size: 15px;position: relative;top:5px;left:5px;color:#006666;text-align:center;width:40px;height:25px;}

.image2{height:130px;width:980px;border:0px solid;background-image: url('../image/loginimage.gif');
	background-repeat: no-repeat;background-position: 280px 8px;}



.style1 {float:left;border:0px solid;text-align:right;width:320px;margin-left:10px;
	color:#006666;font-size: 15px;line-height: 2.1;}

.dataStyle {float:left;border:0px solid;text-align:right;width:320px;_width:310px;
	color:#006666;font-size: 15px;line-height: 2.1;_margin-right:20px}

.style2 {;float:left;border:0px solid;text-align:right;width:350px;color:#006666;font-size: 15px;position: relative;left:40px ;line-height: 2.1}

.label {float:left;border:0px solid;text-align:left;;line-height: 1.5;
	color:#006666;font-size: 11px;_margin-left:5px;_width:410px}
.dictionary1{width:150px;float:left;border:0px solid white}
.dictionary2{width:300px;float:left;border:0px solid white}

.trselect{background-color:#C9E626;}
.trhover {cursor: pointer; background-color: #C9E626;}
.eqipAddr{border:0px solid;text-align:left;position: relative;bottom: 35px ;}



.viewsend {float:left;border:1px solid;text-align:left;width:390px;
	color:#006666;font-size: 15px;position: absolute;top:380px;left:10px ;line-height: 2.1;margin-bottom:2cm}

.viewsend1{float:left;border:1px solid;text-align:left;width:170px;
	color:#006666;font-size: 15px;position: absolute;top:405px;left:185px ;line-height: 2.1;margin-bottom:2cm}




.viewlabel2{float:left;border:0px solid;text-align:left;width:170px;
	color:#006666;font-size: 15px;position: absolute;top:140px;left:185px ;line-height: 2.1;margin-bottom:2cm}




.viewlabel4{float:left;border:0px solid;text-align:left;width:200px;
	color:#006666;font-size: 15px;position: absolute;top:5px;left:115px ;line-height: 2.1;margin-bottom:2cm}

.listHead1
	{

	border:1px solid white;
	color:white;
	background:#72AA21;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;cursor:pointer
	}


.viewfieldset2{width:390px;height:240px;font-size: 15px;color:green;}
.viewfieldset3{width:750px;height:410px;font-size: 15px;color:green;position: absolute;top:80px;}


.viewfieldset6{width:300px;height:140px;color:green;;position:absolute;top:230px;left:5px;border:4px groove #99CC66;}

.login {;float:left;border:0px solid;text-align:right;width:80%;color:#006666;font-size: 15px;position: relative;left: 30px;line-height: 2.1;}
.logindiv1{color:green}

.btn {float:left;border:0px solid;font-size: 15px;position: absolute;top:1000px;left:10px;
;color:#006666;text-align:center;width:98%;padding-bottom:20px}



.address{border:0px solid;text-align:left;position: relative;bottom: 30px ;}
.purpose{border:0px solid;text-align:left;position: relative;bottom: 30px ;}

.button{border:0px solid;font-size: 15px;position: relative;bottom:25px ;right: 125px;
;color:#006666;text-align:left;padding-bottom:20px;height:30px}




.heading{float:left;position:relative;left:100px;border:0px solid;width:45%;font-size:15;text-align:center;padding-top:20px}


.underline{text-decoration:none}


	.groove{width:45%;border-style:groove;height:35%;border-color:#CCFF00;position:relative; top:60px;}
	
	/* ********Company Calendar/Attendance ********** */

	.fieldsetcalendar{border:5px ridge #99CC66;color:green;;width:750px;height:410px;position:relative;bottom:80px;background:white}
	
	
	
	
	

	/************************************************************************/
	
	
	
	
	
	.reportbtn {float:left;border:0px solid;font-size: 15px;position: relative;bottom:25px;left:580px;color:#006666;text-align:center;width:40px;height:25px;}

	
	

	td a{text-decoration:none;color:green}
    td a:hover{text-decoration:none;color:black}


/***********************************************divLayer CSS starts***************/

.highslide {cursor: url(highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide-active-anchor img {visibility: hidden;}
.highslide img {border: 2px solid gray;}
.highslide:hover img {	border: 2px solid silver;}

.highslide-wrapper {background: white;}
.highslide-image { border-bottom: 1px solid white;}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
   }

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i { color: white; background-color: gray;}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block { display: block;}
.highslide-display-none { display: none;}

.highslide-html { background-color: white;}
.highslide-html-blur { }
.highslide-html-content {position: absolute; display: none;}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}


/* Styles for the popup */
.highslide-wrapper {background-color: white;}
.highslide-wrapper .highslide-html-content {
    width: 610px;
    padding: 5px;background:#F8FBD5
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {display: inline;padding-left: 1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {color: black;}
.highslide-wrapper .highslide-header .highslide-move a {cursor: move;}
.highslide-wrapper .highslide-footer {height: 11px;}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body { }

.highslide-move { cursor: move; }
.highslide-resize { cursor: nw-resize;}

/* These must be the last of the Highslide rules */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

/***********divLayer CSS ends***************/

.dataEntryHelp{float:right;width:40px;border:0px solid}
.dataEntryHelp a{text-decoration:none;color:green}
.dataEntryHelp a:hover{text-decoration:none;color:black}

.dataEntryGraph{float:right;width:100px;border:0px solid}
.dataEntryGraph a{text-decoration:none;color:green}
.dataEntryGraph a:hover{text-decoration:none;color:black}

.dataEntryPerformance{float:left;border:0px solid;font-weight:bold;cursor:pointer}
.dataEntryPerformance a{text-decoration:none;color:green}
.dataEntryPerformance a:hover{text-decoration:none;color:black}





.event_text
{
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
}

.scrolling_div
{
	border : solid 0px #000000;
	padding : 0px;
	width : 100%;
	height : auto;
	overflow : auto;

}

.dayBg{background-image: url('../image/gantt/column_24_reverse.gif');}


.logged-in {float:right;padding:16px 2px;}
.logged-in a{text-decoration:none;color:#666666;}
.logged-in a:hover{text-decoration:underline}



.tab-data{
border-collapse:collapse;
border-right:1px solid #E5EFF8;
border-top:1px solid #E5EFF8;
margin:1em auto;
font-size:13px;
}
.tab-data th{
text-align:left;
background:#F4F9FE none repeat scroll 0 0;
color:#66A3D3;
padding:0.3em 1em;
}
.tab-data th{
border-bottom:1px solid #E5EFF8;
border-left:1px solid #E5EFF8;
}
.tab-data .odd td{
background:#F7FBFF none repeat scroll 0 0;
}
.tab-data td{
border-bottom:1px solid #E5EFF8;
border-left:1px solid #E5EFF8;
color:#678197;
padding:0.3em 1em;
}
.tab-data td.tab-subhead{
background:#E0E8EF none repeat scroll 0 0;
font-weight:bold;
}