/* Basic CSS */

.sameGroupgvRow
{
 background-color:Aqua 

	}

BODY, TABLE, TD, TH, INPUT, SELECT, TEXTAREA
{
	font-family: Arial;
	font-size: 8pt;
	margin: 0px;
}

A:LINK,A:VISITED
{
	color: #0040a0;
	text-decoration: none;	
}

A:HOVER
{
	color: #0060f0;
}

/* StdPageLayout */
.topArea
{
	border-bottom: 1px solid #d8e0e8;
/*	background-image: url('bg-header.gif');
	background-repeat: no-repeat;
*/
}

.midArea
{
	background-color: #6375B5; padding-top: 5px; padding-bottom: 5px;
	background-image: url('bg-grad.jpg');
	background-repeat: repeat-x;
	height: 60px;
}

.midLowerArea
{
	padding: 0px;
	background-color: #F5FAFF;
}

.midLowerRightArea
{
	background-color: #627DC0; #6375B5;
	border-bottom: 1px solid #00309C;
	color: #f0f8ff;
}

.todayDate
{
	font-size: 8pt; font-weight: bold; color: #606060;
}

.sidePanel
{
	border-top: 1px solid #c0d0ff;
	background-color: #F5FAFF;
/*	border-right: 1px dotted #d8d8da; */
	padding-right: 0px;
}

.sidePanelWidth
{
	width: 160px;
	margin-right: 0px;
	border-right: 1px solid #808080;
	height: 100%;
	padding-top: 5px;
	position: relative;
	padding-left: 5px;
}

/* Menu */
.menuSection
{
	margin-bottom: 20px;
	padding: 0px;
	margin: 0px;
}

.menuTitle
{
	margin-left: 3px;
	margin-bottom: 3px;
	padding: 2px;
	border-bottom: 2px solid #FBD331; #91C7FF;
/*
	background-color: #e0e0e0;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #808080;
	xbackground-image: url('bg-grad-gray.jpg');
*/
	font-weight: bold;
	width: 100%;
	color: #000000;
	padding-top: 10px;
}

.menuItem
{
	color:#333; font-size:11px; font-weight:bold;
	background:url(ui/image/button.jpg) 5px 2px no-repeat transparent;
	padding:5px;
	height:29px;	
}

.menuActive
{
	color:#FF7900; font-size:11px; font-weight:bold;
	background:url(ui/image/button_bread.jpg) 5px 2px no-repeat transparent;
	padding:5px;
	height:29px;	
}

.menuAlt
{
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 2px;
	padding-left: 10px;
	border-bottom: 3px dotted #FBD331; 
	font-weight: bold;
	width: 100%;
}


.pageContent
{
	background-color: #ffffff; border: 1px solid #808080; border-left: 0px;
	border-bottom: none;
	height: 100%;
	padding: 0px;
}

.pageTop
{
	visibility: hidden;
	background-image: url('bg-grad-gray.jpg');
	background-color: #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 8px;
}

.pageArea
{
	padding: 6px;
	padding-top: 0px;
}

/* Backwards compat */
.titletable
{
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background-image: url('dots.gif');
	background-repeat: repeat-x;
	background-position: left bottom;	
}

.empRequired
{
	background-color: #F6F8FE; #CED7F4;
}

.fieldtitle TD
{
	border-top: 1px solid #B2BADE; #E3E6F3;
	border-right: 1px solid #B2BADE; #E3E6F3;
	border-left: 1px solid #4B5EAF;
	border-bottom: 1px solid #4B5EAF;
	padding: 3px;
	background-color: #7080BC;
	color: #ffffff;
/*	text-align: left; */
/*	font-weight: bold; */
}

.fieldtitle TD A:LINK, .fieldtitle TD A:VISITED
{
	color: #ffffff;
}

/* DataGrid */
.DataGrid-NoRow
{
/*	border: 1px solid #f0f0f0; */
	color: #c0c0c0;
	padding: 3px;
	text-align: center;
}

.datatable
{
	border: 1px solid #e0e0e0; /*2px outset #ffffff; 2px solid #808080; xborder-collapse: collapse;*/
}

.datatable TD
{
/*	xborder-top: 1px solid #808080; */
	border-bottom: 1px solid #e0e0e0; /* #ffffff; #808080; */
	background-color: #ffffff; /* #f8f8f8; */
	padding: 3px;
}

.datatable TH
{
	border-top: 1px solid #B2BADE; #E3E6F3;
	border-right: 1px solid #B2BADE; #E3E6F3;
	border-left: 1px solid #4B5EAF;
	border-bottom: 1px solid #4B5EAF;
	padding: 3px;
	background-color: #7080BC;
	color: #ffffff;
	text-align: left;
}

.altrow TD
{
	background-color: #f8faff;
	border-left: 1px solid #e0e0e0;
/*	border: 1px solid #a0a0a0; */
}

.row TD
{
	background-color: #ffffff;
	border-left: 1px solid #e0e0e0;
/*	border: 1px solid #a0a0a0; */
}


.section
{
	border-top: 1px dotted #808080; padding-top: 10px; padding-bottom: 10px;
}

.header
{
	font-size: 12pt; font-weight: bold;
	margin-bottom: 10px;
}

.fieldtitle
{
	color: #808080;
	font-size: 8pt;
	padding-right: 20px;
/*	text-align: right; */
	vertical-align: top;
	height: 22px;
}

.fieldvalue
{
	font-weight: bold;
}

.fieldreq
{
	color: #ff0000;
}




/* DataGrid Classes */
.DataGrid-NoRow
{
	color: #c0c0c0;
	padding: 3px;
	text-align: center;
}

.DataGrid
{
	border: 1px solid #e0e0e0;
	border-collapse:collapse;
}

.DataGrid TD
{
	border-bottom: 1px solid #e0e0e0;
	background-color: #ffffff;
	padding: 3px;
}

.DataGrid TH
{
/*
	border-top: 1px solid #B2BADE; #E3E6F3;
	border-right: 1px solid #B2BADE; #E3E6F3;
	border-left: 1px solid #4B5EAF;
	border-bottom: 1px solid #4B5EAF;
	padding: 3px;
*/
	background-color: #7080BC;
	color: #ffffff;
	text-align: left;
	border: 1px solid #004080;
}

.DataGrid-Header TD
{
/*
	border-top: 1px solid #B2BADE; #E3E6F3;
	border-right: 1px solid #B2BADE; #E3E6F3;
	border-left: 1px solid #4B5EAF;
	border-bottom: 1px solid #4B5EAF;
*/
	padding: 3px;
	background-color: #7080BC;
	color: #ffffff;
	border: 1px solid #004080;
}

.DataGrid-HeaderNoBorder TD
{

	padding: 3px;
	background-color: #7080BC;
	color: #ffffff;
	/*border: 1px solid #004080;*/
}

.DataGrid-Header A:LINK, .DataGrid-Header TD A:VISITED
{
	color: #ffffff;
}

.DataGrid-ASC A
{
	padding-right: 10px;
	background-image: url('sortasc.gif');
	background-repeat: no-repeat;
	background-position: right 50%;
}

.DataGrid-DESC A
{
	padding-right: 10px;
	background-image: url('sortdesc.gif');
	background-repeat: no-repeat;
	background-position: right 50%;
}


.DataGrid-AltItem TD
{
	background-color: #f8faff;
/*	border-left: 1px solid #e0e0e0; */
	border: 1px solid #a0a0a0;
}

.DataGrid-Item TD
{
	background-color: #ffffff;
/*	border-left: 1px solid #e0e0e0; */
	border: 1px solid #a0a0a0;
}

.DataGrid-GroupLeader
{
	font-weight: bold
}

.DataGrid-GroupItem
{
	color: #a0a0b0;
}

/* Popup */
.PopUp
{
	text-align: center;
	position: absolute;
	border: 1px solid #000000;
	background-color: #ffffe0;
	padding: 3px;
	
}

/* CtlDayBox */
.CtlDayBox-Table, .CtlDayBox-Table A:LINK, .CtlDayBox-Table A:VISITED
{
	font-family: Arial;
	font-size: 8pt;
	color: #606060;
	border: 1px #c0c0c0 solid;
}

.CtlDayBox-Table-Disabled, .CtlDayBox-Table-Disabled A:LINK, .CtlDayBox-Table-Disabled A:VISITED
{
	font-family: Arial;
	font-size: 8pt;
	color: #b0b0b0;	
	border: 1px #c0c0c0 solid;
}

.CtlDayBox-Table-NoBorder, .CtlDayBox-Table-NoBorder A:LINK, .CtlDayBox-Table-NoBorder A:VISITED
{
	font-family: Arial;
	font-size: 8pt;
	color: #606060;
}

.CtlDayBox-Table-NoBorder-Disabled, .CtlDayBox-Table-NoBorder-Disabled A:LINK, .CtlDayBox-Table-NoBorder-Disabled A:VISITED
{
	font-family: Arial;
	font-size: 8pt;
	color: #b0b0b0;	
}

.CtlDayBox-Holiday, .CtlDayBox-Holiday A:LINK, .CtlDayBox-Holiday A:VISITED
{
	font-family: Arial;
	font-size: 8pt;
	color: #800000; /* #606060; */
	border: 1px #ff0000 solid;
	background-color: #ffc0b0;
}

.HighlightLeave, .HighlightLeave TD
{
	background-color: #000080;
	color: #ffffff;
}

.CtlDayBox-Scroll
{
	scrollbar-base-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;	
}

.CtlDayBox-Scroll-Today
{
	scrollbar-base-color: #FFDD88;
	scrollbar-shadow-color: #FFDD88;
	scrollbar-highlight-color: #FFDD88;
	scrollbar-darkshadow-color: #FFDD88;
}

.CtlDayBox-Scroll-Holiday
{
	scrollbar-base-color: #ffc0b0;
	scrollbar-shadow-color: #ffc0b0;
	scrollbar-highlight-color: #ffc0b0;
	scrollbar-darkshadow-color: #ffc0b0;
}

.EmpList-DataGrid-FirstRow, .EmpList-DataGrid-FirstRow TD
{
	background-color: #e0e0e0;
	border: 1px solid #a0a0a0;
	color: #808080;
}

	.popupbox
	{
		font-weight: normal;
		position: absolute;
		padding: 5px;
		border: 1px solid #808080;
		background-color: #FAEBD7;
		color: #000000;
		text-decoration: none;
		text-align: left;
		width: 150px;
		overflow: visible;
		top: 0px;
		right: 103%; 99%;
		z-index: 255;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=2), */
	}






.EmpList-DataGrid-Header, .EmpList-DataGrid-Header TD
{
	/*border-bottom: 2px solid #FBD331; #91C7FF;*/
	background-color: #FBD331;
	border: 1px solid #a0a0a0;
	color: #000000;
	font-weight: bold;
}

		.cellheader
		{
			background-color: #FBD331;
			border: 1px solid #2D81FF;
			color: #000000;
			font-weight: bold;
		}

.Numbering
{
	color: White;
	background-color: Black;
	font-family: Tahoma, Verdana;
	text-transform : uppercase;
	display:inline ;
}

/* Stuff pasted from CPE */
/* NEW! */
	.form-section
	{
		background-color:  #dcdcdc; /*#9FB0BF; #8198AB; /* #28333C; /* #999999; /* #789AB4; /* #486880; /* #AEC2D2; /* #999999 */
	}
	
	.form-section .form-nocolor
	{
		background-color: Transparent;
	}
	
	.form-section TD, .form-section TH
	{
		background-color: #ffffff; /* #f8faff; /* #ffffff; /* #FFEFD5; /* #ffffff */
/*		font-size: 9pt; */
	}
	.form-section .form-sectionindex
	{
		font-weight: bold;
		font-size: 12pt;
		width: 100px;
		font-family: Arial;
		background-color: #c0c0c0; /* #B7C5CF; /* #98B2C6; /* #c0c0c0*/
		color: #000000; /* #606060; /* #074E85; /* #28333C; */
	}
	
	.form-sectiontitle
	{
		font-weight: bold;
		font-size: 9pt;
		font-family: Arial;
		background-color: #004080; /* #405160; /* #485A6C; /* #384654; /* #404040; /* #d9d9d9; */
		color: #ffffff; /* #000000; /* #606060; 55000080; ; 6375B5*/
		padding: 3px;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#6375B5, endColorstr=#d8e0e8, GradientType=1);
/*		background-image: url('images/sectionheader2.gif'); */
	}
	
	.form-section .form-fieldtitle
	{
		font-weight: bold;
	}
	
	.form-section .form-subsectiontitle
	{
		background-color: #D7E2FF; /* #000000; */
		color: #001446; /* #ffffff; */
		font-family: Arial;
		font-weight: bold;
		font-size: 10pt;
	}
	
	.form-sectiongap
	{
		background-color: #000000;
	}
	
	.form-button
	{
		background-color: #fdfeff;
	}
	
	.form-sectionmin
	{
		behavior: url('ui/htcmin.htc');
		cursor: hand;
	}
/* End - Stuff pasted from CPE */

	.form-section .color1
	{
		background-color: yellow;
		color: #001446; /* #ffffff; */
	}
	.form-section .color2
	{
		background-color: bisque;
		color: #001446; /* #ffffff; */
	}
	.form-section .color3
	{
		background-color: 99cccc;
		color: #001446; /* #ffffff; */
	}
	.form-section .color4
	{
		background-color: ccff66;
		color: #001446; /* #ffffff; */
	}
	.form-section .color5
	{
		background-color: lightgreen;
		color: #001446; /* #ffffff; */
	}
	
	
		.form-section .color6
	{
		background-color: #e0e0e0;
		color: lightblue; /* #ffffff; */
	}

	.GridView-FirstRow, .form-section .EmpList-DataGrid-FirstRow, .form-section .EmpList-DataGrid-FirstRow TD
	{
		background-color: #e0e0e0;
		border: 1px solid #a0a0a0;
		color: #808080;
	}
	.form-section .EmpList-DataGrid-Header, .form-section .EmpList-DataGrid-Header TD
	{
		/*border-bottom: 2px solid #FBD331; #91C7FF;*/
		background-color: #FBD331;
		border: 1px solid #a0a0a0;
		color: #000000;
		font-weight: bold;
	}

	.form-section .step1topgrey
	{
		background-color: #e0e0e0;
		font-weight: bold;
		color: #808080;
	}
	
	.form-section .step1sideblue
	{
		background-color: #f0f8ff;
		font-weight:  normal;
		color: #000000;
		text-align: left;
		text-indent: 2px;
	}

	.form-section .empRequired
	{
		background-color: #F6F8FE; #CED7F4;
	}

	.form-section .blue
	{
		background-color: dodgerblue;
	}

	.form-section .lightblue
	{
		background-color: lightblue;
	}

	.form-section .grey
	{
		background-color: gainsboro;
	}
	
	/* added by yp at 16-4

.form-section .DataGrid-Item TD
{
	background-color: #ffffff;
/*	border-left: 1px solid #e0e0e0; */
	border: 1px solid #a0a0a0;
}

.form-section .DataGrid-Header TD
{
/*
	border-top: 1px solid #B2BADE; #E3E6F3;
	border-right: 1px solid #B2BADE; #E3E6F3;
	border-left: 1px solid #4B5EAF;
	border-bottom: 1px solid #4B5EAF;
*/
	padding: 3px;
	background-color: #7080BC;
	color: #ffffff;
	border: 1px solid #004080;
}

.DataGrid-Item
{
	background-color: #ffffff;
/*	border-left: 1px solid #e0e0e0; */
	border: 1px solid #a0a0a0;
}

.DataGrid-Header
{
/*
	border-top: 1px solid #B2BADE; #E3E6F3;
	border-right: 1px solid #B2BADE; #E3E6F3;
	border-left: 1px solid #4B5EAF;
	border-bottom: 1px solid #4B5EAF;
*/
	padding: 3px;
	background-color: #7080BC;
	color: #ffffff;
	border: 1px solid #004080;
}

.DataGrid-Header
{

	border-top: 1px solid #B2BADE;
	border-right: 1px solid #B2BADE;
	border-left: 1px solid #4B5EAF;
	border-bottom: 1px solid #4B5EAF;

	background-color: #7080BC;
	color: #ffffff;
	border: 1px solid #004080;
}


	.GridView-FirstRow
	{
		background-color: #e0e0e0;
		color: #808080;
	}
	
	.GridView-Footer TD
	{
		background-color: #7080BC;

	    color: #ffffff;
	    font-weight: bold;
	}

.GridView-Footer TD A:active
	{
		
	    color: #00ff00;
	   
	}
	
	
	.GridView
	{
	    width: 100%
	 }
	 
	 
	.GridView-Group
	{
		background-color: #EFEFEF;
	    color: #808080;
	    font-weight: bold;
	}