@charset "utf-8";
/* Default fonts and colors
========================================== */
body { margin:2 auto; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea,select { 
	color: #375362;
	font-family: "Verdana", "Lucida Fax", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-family: "Century Schoolbook", "Century", Georgia, "Times New Roman", serif;
	font-weight: normal;
}
table
{
    margin-left:1px;
    margin-right:1px;
}
td{padding:2px!important;}

/* LAYOUT
========================================== */
/*Resolution width input in main table*/
.size_std {
	width: 766px; 
	margin-top: 10px;
}

.size_std_minus1 {
	width: 650px;
}

.size_std_plus1 {
	width: 900px;
}

.size_subtbl
{
    width:762px;
}
/*********************************/
body {
	font-size: 70%;
	line-height: 150%;
}

td,th {	font-family: verdana;}



a.formNavLink:Link,a.formNavLink:visited 
{
	COLOR: #326878;
	TEXT-DECORATION: none;
	font: bold 10px Verdana;
}

A.formNavLink:hover {
	COLOR: #7074CC;
	TEXT-DECORATION: none;
	font: bold 10px Verdana;
}

TD.formBorder
	{
	background-color: #F0F4FF;
	padding: 1px;
	color: #333333;
	border: 1px solid #789FC7;
	font-family: Verdana;
	}

.TextFieldName
	{
	FONT: bold 10px Verdana;
	COLOR: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFCDED;
	width: 120px;
	}
TD.TextFiled_title
	{
	FONT: bold 10px Verdana;
	COLOR: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AEC4D2;
	width: 130px;
	}
	.GridTitle
	{
	background-color:#EEEFD6;
	
	 
	color: #666666;	
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left: 4px;
	text-align:left
	}

.loadingPic
{
    margin: auto;
    background: url(Images/loadingIcon.gif) no-repeat 0 0;
    padding-left: 25px;
}


.ToolBarBackGround
{
	background-color: #9db6ff;
}
table.GridBorder {
	background-color: #ffffff; 
	border: 1px #999 solid ;
	font-family: arial; 
	font-size: 12px;padding:0px;
}

table.GridBorder td,tr{padding:4px;
}

table.GridHeader {
/*	background-color:#ade4f8;      */
    background-image: url(image/gradient2.jpg);
    background-repeat:no-repeat;
    background-size: 100% 100%;
	font-size: 13px;
	font-weight:bold ;
	padding: 8px;
	color: #333;
	letter-spacing: 1pt;
	border-bottom: 1px solid #999999;padding:4px;
}

.TextFieldBorder {
	FONT: bold 10px Verdana;
	COLOR: #666666;
	border: 1px solid #AEC4D2;
}

.FormNav {
	width: 90%;
	background-color: #F0F0F0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; border:1px solid #ccc;
}
.button
{
	Font-Size:12px;
	font-family:Arial;
	background-color:#a9c81d;
	color: #ffffff;
	background-image: url('images/btn-bg-green.gif');
    	background-repeat: repeat-x; 
	border: 1px solid #999;
	font-weight: bold;
	width:80px;padding-bottom:4px;padding-top: 1px;
	height:24px;border-radius:4px;
}

.btn_blue {background-color:#3893c2;Font-Size:18px;width:130px;padding-bottom:4px;padding-top: 1px;
	height:24px;border-radius:4px;
	font-family:Arial;
	color: #ffffff;}

.btn_blue:hover {background-color:#a9c81d;}


.button:hover{background-color:#3893c2;background-image:none;cursor:pointer}

.button:disabled{background-color: #dcdcdc;background-image:none;
			color : #999;
}

.button_l
{
	Font-Size:12px;
	font-family:Arial;
	background-color:#3893c2;
	color: #ffffff;
	background-image: url('images/btn-bg-green.gif');
    background-repeat: repeat-x; 
	border: 1px solid #999;
	font-weight: bold;
	width:125px;padding-bottom:4px;padding-top: 1px;
	height:24px;border-radius:4px;
}
.button_l:hover{background-color:#A8E858;background-image:none;cursor:pointer}

.button_l:disabled{background-color: #dcdcdc;background-image:none;
			color : #999;
}


.medbutton 
{
    Font-Size:12px;
	font-family:Arial;
	background-color:#a9c81d;
	color: #ffffff;
	background-image: url('images/btn-bg-green.gif');
    background-repeat: repeat-x; 
	border: 1px solid #999;
	font-weight: bold;
	padding-bottom:4px;padding-top: 1px;
	height:24px;
	width:120px;
	border-radius:4px;
  }

.LongButton
{
	Font-Size:9pt;
	font-family:Verdana;
	background-color: #F5F4E2;
	color: #A36209;
	background-image: url('../../images/default/btn1_bg.gif');
	border: 1px solid #A36209;
	font-weight: bolder;
	height:25px;
	width:150px;
	cursor:pointer;
}

.CALENDERBUTTON
{ 
	Font-Size:8pt;
	font-family:Arial;
	background-color:#F5F4E2;
	color: #A36209;
	background-image: url('../../images/default/btn1_bg.gif');
	font-weight: bold
	width:16px
	height:16px	
}
/* added by ST for image upload large button */
.buttonXXLarge
{

      Font-Size:8pt;
      font-family:Arial;
      background-color:#DCEDF1;
      color: #0991A3;
      /*background-image: url('../../images/default/btn1_bg.gif');*/
      border: 1px solid #7EB5E7;
      font-weight: bold;
      width:500px;
}
 
.selectBox {
	font-size: 10pt;
}

.selectBox150 {
	font-size: 10pt;
	width:450px;
}
.select {
	border: 1px solid #0066FF;
	font-size: 10pt;
}
.TextField {

	FONT-SIZE: 8pt;
	COLOR: #333333;
	FONT-FAMILY: Arial;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #ffffff;
	width: 120px;
	padding-left: 4px;
	border: 1px solid #AFCDED;
}


.btnbg 
{ background-color: #fdfcbd;
text-align : center;}

.headerback 
{ background-color: #d3bd48;
text-align : center;}


#divForms {
	font-family: Verdana;
	background-color: #F1F7FA;
	border: 1px solid #A8CFDB;
	text-align : center ;
	padding: 8px;
	font-size: 12px;
}#divForms a{
	font-size: 12px;
	font-family: Verdana;
	color: #006699;
	text-decoration: none;
	}
#divForms a:hover{
	font-size: 12px;
	font-family: Verdana;
	color: #CC6600;
}

.LOOKUPBUTTON
{
    CURSOR: pointer;
	background-color: #e9e9e9;
	background-image: url('images/icon_search.gif');   
	background-repeat:no-repeat;
	width :22px;
	height : 15px;
    background-color:Transparent;
    border :medium none;
}

.button1
{
	Font-Size:10pt;
	font-family:Arial;
	background-color:#F5F4E2;
	color: #A36209;
	background-image: url('../../images/default/btn1_bg.gif');
	border: 1px solid #A36209;
	font-weight: bold
}
.button2
{
	Font-Size:10pt;
	font-family:Arial;
	background-color:#F5F4E2;
	color: #C6995E;
	background-image: url('../../images/default/btn2_bg.gif');
	border: 1px solid #A36209;
	font-weight: bold
}

.button3
{

      Font-Size:8pt;
      font-family:Arial;
      background-color:#F5F4E2;
      color: #A36209;
      background-image: url('../../images/default/btn1_bg.gif');
      border: 1px solid #A36209;
      font-weight: bold;
      width: 350px;
}
#alertbox1 {
	font-family: Verdana;
	color: #FF3300;
	background-color: #FFFFCC;
	border: 1px solid #CC9900;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	width: 70%;
	text-align: center;
	}
	
	.alertbox1 {
	font-family: Verdana;
	color: #FF3300;
	background-color: #FFFFCC;
	border: 1px solid #CC9900;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	width: 70%;
	text-align: center;
	}


textarea {
	color: #333333;
	border: 1px solid #999999;
	font-size: 12px;
	font-family: Verdana;
}

.select200
{
	font-size: 12px;
	background-color: #F7F7E1;
	font-family: Verdana;
	color: #CC6600;
	width: 200px;

}
.select450
{
	font-size: 12px;
	background-color: #F7F7E1;
	font-family: Verdana;
	width: 450px;
}

	

	
#mesgboxdone{
 background-color: #CCFF99;
 border: 1px solid #999999;
 font-family: Verdana;
 font-size: 90%;
 font-weight: bold;
 padding: 6px;
 text-align: center;
}
#mesgboxerror{
 background-color: #FFE3DD;
 border: 1px solid #999999;
 font-family: Verdana;
 font-size: 90%;
 font-weight: bold;
 padding: 6px;
 text-align: center;
 color: #FF0000;
}

/* Added By Kiran for Mandatory Fields*/

/* CSS Document */
.selectBox {
	font-size: 10px;
}
.selectrequired {
	font-size: 10pt;
	color: #FF0000;
}

.TextField_required{
	COLOR: #333333;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #FF0000;
	font-size: 12px;
	font-family: Verdana;
}
.redmark{
	COLOR: #FF0000;
	margin-left: 5px;
}
.general_required
{
	font-size: 12px;
	font-family: Verdana;
	background-color: #ffffcc;
	width: 90px;
}
.general_required_NoWidth
{
	font-size: 12px;
	font-family: Verdana;
	background-color: #ffffcc;
}
.general_colspan
{
	font-size: 12px;
	font-family: Verdana;
	background-color: #ffffcc;
}
.general_required2
{
	font-size: 12px;
	width:90px;
	font-family: Verdana;
	background-color: #ffffcc;
}
.general_required3
{
	font-size: 12px;
	width:320px;
	font-family: Verdana;
	background-color: #ffffcc;
}
.general_required4
{
	font-size: 12px;
	width:250px;
	font-family: Verdana;
	background-color: #ffffcc;
}
.general_required5
{
	font-size: 12px;
	width:400px;
	font-family: Verdana;
	background-color: #ffffcc;
}
.general_required6
{
	font-size: 12px;
	width:200px;
	font-family: Verdana;
	background-color: #ffffcc;
}
/*Ganesh 03-04-2013*/

.general_required7
{
	font-size: 12px;
	width:150px;
	font-family: Verdana;
	background-color: #ffffcc;
}
.textbox-lable{ border-style:none; background-color:'transparent'; }/*GS*/
.status {
	color: #3333ff;
}

.dropdownlist
{
	font-family:verdana;
	width:170px;
	cursor:pointer;
}

.dropdownlist_medium
{
	font-family:verdana;
	width:120px;
	cursor:pointer;
}
 
.TextField_small {

	FONT-SIZE: 8pt;
	COLOR: #333333;
	FONT-FAMILY: Arial;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #ffffff;
	width: 80px;
	padding-left: 4px;
	border: 1px solid #AFCDED;
}

.dropdownlist_small
{
	font-family:verdana;
	width:80px;
	cursor:pointer;
}

.CheckBox {
	COLOR: #333333;
	HEIGHT: 16px;
	border: 4px solid #AEC4D2;
	width: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.TextField_big {

	FONT-SIZE: 8pt;
	COLOR: #333333;
	FONT-FAMILY: Arial;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #ffffff;
	width: 180px;
	padding-left: 4px;
	border: 1px solid #AFCDED;
}

.date_required {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 80px;
}

.no_mand_date{
	font-size: 12px;
	font-family: Verdana;
	width: 90px;
}



.very_small_general_required {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 30px;
}




.small_general_required {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 100px;
}

.medium_general_required {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 120px;
}
.med_large_general_required {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 200px;
}
.large_general_required {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 240px;
}
.very_large_general_required {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 400px;
}
.medium_general {
	font-size: 12px;
	font-family: Verdana;
	width: 120px;
}

/* **************************************************** */

/******************** Non Mandatory *********************/

.non_mand_medium_general_required {
	font-size: 12px;
	font-family: Verdana;
	width: 120px;
}
.non_mand_med_large_general_required {
	font-size: 12px;
	font-family: Verdana;
	width: 200px;
}

.non_mand_large_general_required {
	font-size: 12px;
	font-family: Verdana;
	width: 240px;
}

.non_mand_vary_large_general_required{
	font-size: 12px;
	font-family: Verdana;
	width: 400px;
}

.non_mand_small_general_required {
	font-size: 12px;
	font-family: Verdana;
	width: 100px;
}

.non_mand_large_general_required {
	font-size: 12px;
	font-family: Verdana;
	width: 240px;
}

.non_mand_general_required {
	font-size: 12px;
	font-family: Verdana;
}

	


.non_mand_RadioBtn {
	COLOR: #333333;
	HEIGHT: 16px;
	border: 0px solid #AEC4D2;
	width: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.small_general_required2 {
	font-size: 12px;
	font-family: Verdana;
	width: 100px;
}

.button_plus
{
	background-color:Transparent;
	background-image:url(images/add_20x20.png);
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_upload
{
	background-color:Transparent;
	background-image:url("images/Button-Upload-16.png");
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_upload_disabled
{
	background-color:Transparent;
	background-image:url("images/disabledButton-Upload-16.png");
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}

.button_minus
{
	
	background: #ffffff url("images/delete_20x20.png");
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_view
{
	
	background: #ffffff url("images/open-file-16.png");
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_edit
{
	background: #ffffff url(../../images/icon-edit-20.png);
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_Lock
{
	background: #ffffff url(../../images/buttons/Lock.jpg);
	background-repeat:no-repeat;
	height: 25px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_Unlock
{
	background: #ffffff url(../../images/buttons/Unlock.jpg);
	background-repeat:no-repeat;
	height: 25px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_EditNotice
{
	background: #ffffff url(../../images/buttons/EditNotice.png);
	background-repeat:no-repeat;
	height: 25px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_addNewNotice
{
	background: #ffffff url(../../images/buttons/addNewNotice.png);
	background-repeat:no-repeat;
	height: 25px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_helpDesk
{
	background: #ffffff url(../../images/buttons/helpDesk.png);
	background-repeat:no-repeat;
	height: 25px;
	width: 23px;
	cursor:pointer;
	border:none;
}
.button_helpVideo
{
	background: #ffffff url(../../images/buttons/helpVideo.png);
	background-repeat:no-repeat;
	height: 25px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_ChangePassword
{
	background: #ffffff url(../../images/buttons/ChangePassword.png);
	background-repeat:no-repeat;
	height: 29px;
	width: 30px;
	cursor:pointer;
	border:none;
}
/*  */
.button_minus_gray
{
	
	background: #ffffff url(../../images/delete-gray-20.png);
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}
.button_edit_gray
{
	background: #ffffff url(../../images/edit-gray-20.png);
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border:none;
}
/* Rev 4.01 added report_criteria and lookup_calendar class for use in reports etc*/
.Report_Criteria
{
	cellSpacing: 1;
	cellPadding: 0;
		background-color: #FBF9F4;
		border: 1px #999999 solid;
		font-family: Verdana; 
		font-size: 12px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

.Lookup_Calendar
{ 
	background-image:url(Images/btn_calendar.GIF);
	cursor:pointer;
	width:17px;
	height:17px;
}
/* Rev 4.02 added button in hrms approvallist*/
.BUTTON_APPROVAL
{
	Font-Size:8pt;
	font-family:Arial;
	background-color:#F5F4E2;
	color: #A36209;
	background-image: url('../../images/default/btn1_bg.gif');
	border: 1px solid #A36209;
	font-weight: bold;
	width:60px
}

.empno_mand {
	font-size: 12px;
	font-family: Verdana;
	background-color:#ffffcc;
	width: 80px;
}

table.line-devider td { padding:4px; text-align:center;font-size:12px; border-bottom:1px solid #999}


input[type="text"]:focus{
background-color: #f9f2a8;

}


.TitleHeader
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    HEIGHT: 12px;    
    text-align: left;
    FONT-WEIGHT: bold;
 }


/*New class for report pages*/

table.report{width:auto; font-family:Arial, Helvetica,  sans-serif; border:1px solid #999;}
table.report td,tr,th{ padding:4px; text-align:left; font-size:12px;}
/*table.report td{border-bottom:1px solid #d1d1d1;}*/
table.report tr:hover{ background-color:#f1f1f1}

table.report td.btnbg
{
    background-color:#FEF1CB;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #FAE087;
}
table.report td.btnbg input{ margin-left: 10px;}
table.report th 
{
    background-image: url(image/gradient2.jpg);
    background-repeat:no-repeat;
    background-size: 100% 100%;
/*    background-color:#ade4f8;   */
    
    font-size:13px;padding:8px;font-weight:bold; color:333; }

/***********input and textfield style**********************/

input{ font:12px; padding:4px; }

select {padding:2px;
	background-color: #fff; min-width:30px;
}

.amt{ text-align:right;}

.combo25,.text25 { width:25px;}
.combo50,.text50 { width:50px;}
.combo90,.text90 { width:90px;}
.combo120,.text120 { width:120px;}
.combo150,.text150 { width:150px;}
.combo180,.text180 { width:180px;}
.combo200,.text200 { width:200px;}
.combo250,.text250 { width:250px;}
.combo300,.text300 { width:300px;}

.GridHeadern {
    background-image: url('../IMAGE/bluegrad.png');
    background-repeat:repeat-x;
    background-size: 100% 100%;
	font-size: 13px;
	font-weight:bold;
	padding: 8px;
	color: #333;
	letter-spacing: 1pt;
	text-align:center;
	border-bottom: 1px solid #999999;padding:4px;
}


table.hoptbl{width:auto; font-family:Arial, Helvetica,  sans-serif; border:1px solid #999;}
table.hoptbl td,tr,th{ padding:4px; text-align:left; font-size:12px;}
table.hoptbl td{border-bottom1:1px solid #d1d1d1;}

table.hoptbl tr.row {background-color:#eee}
table.hoptbl td a {color:#0e668e}
table.hoptbl td a:hover { text-decoration:none}

.GridSubject{
	background-color:#daf4b1;
	font-family: arial;
	font-size: 13px;
	font-weight:bold ;
	padding: 5px;
	color: #333;
	letter-spacing: 1pt;
	border-bottom: 1px solid #999999;padding:4px;
	
}

.textlink a {color:#3BB9FF;text-decoration:none; font-size:12px;}
.textlink a:hover {color:#6DEBFF; text-decoration:none;}

.labelHeader
{
    font-weight:bold ;
}

.rowover:hover
{
	background-color:#EAF8B2;
	cursor:pointer;
	
}


.instruct
{
	background-color:#E4E4E4;
	border:1px solid;
	border-width:1px;
	border-color:#9BCEF0;

}
.curved
{
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	khtml-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	behavior:url(../PIE.htc);
	z-index:0;
	position:relative;
}

.datepicker {}