/* CCSTheme v 3.x */
/* General */

/* Colors */
.PageBgColorGPIHROnline {
	background-color: #c3b6a0;
	}

.FormTitleBgColorGPIHROnline {
	background-color: #3c566d;
	}

.FormTitleFontColorGPIHROnline {
	color: #fcfcfc;
	}

.CaptionBgColorGPIHROnline {
	background-color: #d2c8b9;
	}

.CaptionFontColorGPIHROnline {
	color: #000000;
	}

.DataBgColorGPIHROnline {
	background-color: #fcfcfc;
	}

.AltDataBgColorGPIHROnline {
	background-color: #e9e5de;
	}

.DataFontColorGPIHROnline {
	color: #000000;
	}

.LinkColorGPIHROnline {
	color: #3c566d;
	}

.VisitedLinkColorGPIHROnline {
	color: #3c566d;
	}

.HoverLinkColorGPIHROnline {
	color: #3c566d;
	}




.HeaderGPIHROnline {
	width: 100%;
	}

.HeaderGPIHROnline th { 
	font-family: Arial; font-size: 90%;
	padding: 1px;
	background-image: url('Images/HeaderBg.gif'); color: #fcfcfc;
	width: 100%;
	white-space: nowrap;
	}

.HeaderGPIHROnline a:link { 
	color: #fcfcfc;
	}

.HeaderGPIHROnline a:visited { 
	color: #fcfcfc;
	}

.HeaderGPIHROnline a:hover, .CaptionGPIHROnline a:active { 
	color: #fcfcfc; text-decoration: none;
	}

.HeaderLeftGPIHROnline { 
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRightGPIHROnline { 
	background-image: url('Images/HeaderRight.gif');
	}

.HeaderLeftGPIHROnline img{
	width: 21px; height: 18px;
	}

.HeaderRightGPIHROnline img{
	width: 21px; height: 18px;
	}


/* Grid Options */
.GridGPIHROnline { 
	border: 2px solid #3c566d;
	width: 100%;
	}

.CaptionGPIHROnline th { 
	font-family: Arial; font-size: 70%; text-align: left; vertical-align: top;
	padding: 1px;
	
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.CaptionGPIHROnline td { 
	font-family: Arial; font-size: 70%; text-align: left; vertical-align: top;
	padding: 1px;
	
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.CaptionGPIHROnline a:link { 
	color: #000000;
	}

.CaptionGPIHROnline a:visited { 
	color: #000000;
	}

.CaptionGPIHROnline a:hover, .CaptionGPIHROnline a:active { 
	color: #3c566d;
	}

.CaptionGPIHROnline img {
	margin: 2px; 
	vertical-align: middle;
	}

.CaptionGPIHROnline input {
	vertical-align: middle;
	}

.RowGPIHROnline th { 
	font-family: Arial; font-size: 70%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 1px;
	
	background-color: #fcfcfc; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.RowGPIHROnline td { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	vertical-align: top;
	background-color: #fcfcfc; 
	color: #000000;
	}

.GridGPIHROnline caption { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	border: 2px solid #3c566d; border-bottom: 0px;
	text-align: left;
	vertical-align: top;
	background-color: #fcfcfc; 
	color: #000000;
	}

.RowGPIHROnline a:link { 
	color: #3c566d;
	}

.RowGPIHROnline a:visited { 
	color: #3c566d;
	}

.RowGPIHROnline a:hover, .RowGPIHROnline a:active { 
	color: #3c566d;
	}

.SeparatorGPIHROnline{
	color: #3c566d;
	}

.SeparatorGPIHROnline td{
	height: 1px;
	}


.AltRowGPIHROnline th { 
	font-family: Arial; font-size: 70%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 1px;
	
	background-color: #fcfcfc; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRowGPIHROnline td { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	vertical-align: top;
	background-color: #e9e5de; 
	color: #000000;
	}

.AltRowGPIHROnline a:link { 
	color: #3c566d;
	}

.AltRowGPIHROnline a:visited { 
	color: #3c566d;
	}

.AltRowGPIHROnline a:hover, .AltRowGPIHROnline a:active { 
	color: #3c566d;
	}

.NoRecordsGPIHROnline td { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	background-color: #fcfcfc; 
	color: #000000;
	vertical-align: top;
	}

.FooterGPIHROnline td { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.FooterGPIHROnline a:link { 
	color: #3c566d;
	}

.FooterGPIHROnline a:visited { 
	color: #3c566d;
	}

.FooterGPIHROnline a:hover, .FooterGPIHROnline a:active { 
	color: #3c566d;
	}

.FooterGPIHROnline img {
	margin: 2px; 
	vertical-align: middle;
	}

.FooterGPIHROnline input {
	margin: 2px;
	vertical-align: middle;
	}

/* Record Options */
.RecordGPIHROnline { 
	border: 2px solid #3c566d;
	width: 100%;
	}

.ErrorGPIHROnline td { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	color: #FF0000;
	vertical-align: top;
	background-color: #fcfcfc; 
	}

.ControlsGPIHROnline th { 
	font-family: Arial; font-size: 70%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 1px;
	
	background-color: #fcfcfc; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.ControlsGPIHROnline td { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	vertical-align: top;
	background-color: #fcfcfc; 
	color: #000000;
	}

.BottomGPIHROnline td { 
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.BottomGPIHROnline a:link { 
	color: #3c566d;
	}

.BottomGPIHROnline a:visited { 
	color: #3c566d;
	}

.BottomGPIHROnline a:hover, .CaptionGPIHROnline a:active { 
	color: #3c566d;
	}

.BottomGPIHROnline img {
	margin: 2px;
	vertical-align: middle; 
	}

.BottomGPIHROnline input {
	margin: 2px;
	vertical-align: middle;
	}

/* Report */
.GroupCaptionGPIHROnline th{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	background-color: #e9e5de; 
	color: #000000;
	}

.GroupCaptionGPIHROnline td{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	vertical-align: top;
	font-weight: bold;
	background-color: #fcfcfc; 
	color: #000000;
	}

.GroupCaptionGPIHROnline a:link {
	color: #000000;
	}

.GroupCaptionGPIHROnline a:visited{
	color: #000000;
	}

.GroupCaptionGPIHROnline a:hover, .GroupCaptionGPIHROnline a:active{
	color: #3c566d;
	}

.GroupFooterGPIHROnline td{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #d2c8b9; 
	color: #000000;
	}

.GroupFooterGPIHROnline a:link {
	color: #3c566d;
	}

.GroupFooterGPIHROnline a:visited{
	color: #3c566d;
	}

.GroupFooterGPIHROnline a:hover, .GroupFooterGPIHROnline a:active{
	color: #3c566d;
	}

.GroupFooterGPIHROnline img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooterGPIHROnline input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotalGPIHROnline td{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	vertical-align: top;
	font-weight: bold;
	background-color: #e9e5de; 
	color: #000000;
	border-bottom: 2px solid #3c566d;
	}

.SubTotalGPIHROnline a:link {
	color: #3c566d;
	}

.SubTotalGPIHROnline a:visited{
	color: #3c566d;
	}

.SubTotalGPIHROnline a:hover, .SubTotalGPIHROnline a:active{
	color: #3c566d;
	}

.TotalGPIHROnline td{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #e9e5de; 
	color: #000000;
	}

.TotalGPIHROnline a:link {
	color: #3c566d;
	}

.TotalGPIHROnline a:visited{
	color: #3c566d;
	}

.TotalGPIHROnline a:hover, .TotalGPIHROnline a:active{
	color: #3c566d;
	}

/* Form Options */
.ButtonGPIHROnline { 
	background-color: #3c566d; color: #fcfcfc; border-left: solid 1px #EDEDED; border-top: solid 1px #EDEDED; border-right: solid 1px #848284; border-bottom: solid 1px #848284; padding: 2px; font-weight: bold; font-size: 85%; font-family: Tahoma;
	}

/* Calendar */

.CalendarGPIHROnline { 
	border: 2px solid #3c566d;
	width: 100%;
	}

.CalendarWeekdayNameGPIHROnline{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #e9e5de; 
	color: #000000;
	}

.CalendarWeekdayNameGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarWeekdayNameGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarWeekdayNameGPIHROnline a:hover, .CalendarWeekdayNameGPIHROnline a:active{
	color: #3c566d;
	}

.CalendarWeekendNameGPIHROnline{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #e9e5de;	
	color: #000000;
	}

.CalendarWeekendNameGPIHROnline a:link {
	color: #000000;
	}

.CalendarWeekendNameGPIHROnline a:visited{
	color: #000000;
	}

.CalendarWeekendNameGPIHROnline a:link, .CalendarWeekendNameGPIHROnline a:visited{
	color: #3c566d;
	}

/* Calendar Day */
.CalendarDayGPIHROnline{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	text-align: center;
	background-color: #fcfcfc;	
	color: #000000;
	}

.CalendarDayGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarDayGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarDayGPIHROnline a:hover, .CalendarDayGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Weekend */
.CalendarWeekendGPIHROnline{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	text-align: center;
	background-color: #e9e5de;	
	color: #000000;
	}

.CalendarWeekendGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarWeekendGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarWeekendGPIHROnline a:hover, .CalendarWeekendGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Today */
.CalendarTodayGPIHROnline {
	font-family: Arial; font-size: 70%;
	padding: 0px;
	border: 2px solid #3c566d;
	text-align: center;
	background-color: #fcfcfc;	
	color: #000000;
	}

.CalendarTodayGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarTodayGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarTodayGPIHROnline a:hover, .CalendarTodayGPIHROnline a:active {
	color: #3c566d;
	}

/* Calendar Weekend Today */
.CalendarWeekendTodayGPIHROnline {
	font-family: Arial; font-size: 70%;
	padding: 0px;
	border: 2px solid #3c566d;
	text-align: center;
	background-color: #e9e5de;	
	color: #000000;
	}

.CalendarWeekendTodayGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarWeekendTodayGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarWeekendTodayGPIHROnline a:hover, .CalendarWeekendTodayGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDayGPIHROnline{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	text-align: center;
	background-color: #fcfcfc;	
	color: #3c566d;
	}

.CalendarOtherMonthDayGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarOtherMonthDayGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarOtherMonthDayGPIHROnline a:hover, .CalendarOtherMonthDayGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthTodayGPIHROnline {
	font-family: Arial; font-size: 70%;
	padding: 0px;
	border: 2px solid #3c566d;
	text-align: center;
	background-color: #fcfcfc;	
	color: #3c566d;
	}

.CalendarOtherMonthTodayGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarOtherMonthTodayGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarOtherMonthTodayGPIHROnline a:hover, .CalendarOtherMonthTodayGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekendGPIHROnline {
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	text-align: center;
	background-color: #e9e5de;	
	color: #3c566d;
	}

.CalendarOtherMonthWeekendGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarOtherMonthWeekendGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarOtherMonthWeekendGPIHROnline a:hover, .CalendarOtherMonthWeekendGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendTodayGPIHROnline {
	font-family: Arial; font-size: 70%;
	padding: 0px;
	border: 2px solid #3c566d;
	text-align: center;
	color: #3c566d;
	background-color: #e9e5de;	
	}

.CalendarOtherMonthWeekendTodayGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarOtherMonthWeekendTodayGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarOtherMonthWeekendTodayGPIHROnline a:hover, .CalendarOtherMonthWeekendTodayGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDayGPIHROnline{
	font-family: Arial; font-size: 70%;
	padding: 1px;
	
	background-color: #d2c8b9;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDayGPIHROnline a:link {
	color: #000000;
	}

.CalendarSelectedDayGPIHROnline a:visited{
	color: #000000;
	}

.CalendarSelectedDayGPIHROnline a:hover, .CalendarSelectedDayGPIHROnline a:active{
	color: #3c566d;
	}

/* Calendar Navigator */
.CalendarNavigatorGPIHROnline {
	font-family: Arial; font-size: 70%;
	padding: 1px;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigatorGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarNavigatorGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarNavigatorGPIHROnline a:hover, .CalendarNavigatorGPIHROnline a:active{
	color: #3c566d;
	}

.CalendarNavigatorGPIHROnline img{
	margin: 2px;
	vertical-align: middle; 	
	}

/* Calendar Extra */
.CalendarEventGPIHROnline{
	font-size: 80%;
	text-align: left;
	}

.CalendarEventGPIHROnline a:link {
	color: #3c566d;
	}

.CalendarEventGPIHROnline a:visited{
	color: #3c566d;
	}

.CalendarEventGPIHROnline a:hover, .CalendarEventGPIHROnline a:active{
	color: #3c566d;
	}
