/* CCSTheme v 3.x */
/* General */



.HeaderModern {
	width: 100%;
	}

.HeaderModern th { 
	font-family: Arial; font-size: 110%; font-weight: bold; text-align: center;
	padding: 3px;
	background-image: url('Images/HeaderBg.gif'); color: #ffffff;
	width: 100%;
	white-space: nowrap;
	}

.HeaderModern a:link { 
	color: #ffffff;
	}

.HeaderModern a:visited { 
	color: #ffffff;
	}

.HeaderModern a:hover, .Caption a:active { 
	color: #ffffff; text-decoration: none;
	}

.HeaderLeftModern { 
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRightModern { 
	background-image: url('Images/HeaderRight.gif');
	}

.HeaderLeftModern img{
	width: 9px;
	}

.HeaderRightModern img{
	width: 12px;
	}


/* Grid Options */
.GridModern { 
	
	width: 100%;
	}

.CaptionModern th { 
	font-family: Arial; font-size: 80%; text-align: left; vertical-align: top;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #e0cfb1; color: #000000;
	white-space: nowrap;
	}

.CaptionModern td { 
	font-family: Arial; font-size: 80%; text-align: left; vertical-align: top;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #e0cfb1; color: #000000;
	white-space: nowrap;
	}

.CaptionModern a:link { 
	color: #000000;
	}

.CaptionModern a:visited { 
	color: #000000;
	}

.CaptionModern a:hover, .Caption a:active { 
	color: #ff0000;
	}

.CaptionModern img {
	margin: 2px; 
	vertical-align: middle;
	}

.CaptionModern input {
	vertical-align: middle;
	}

.RowModern th { 
	font-family: Arial; font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #f5f0eb; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.RowModern td { 
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	vertical-align: top;
	background-color: #f5f0eb; 
	color: #000000;
	}

.RowModern a:link { 
	color: #0033cc;
	}

.RowModern a:visited { 
	color: #840000;
	}

.RowModern a:hover, .Row a:active { 
	color: #ff0000;
	}

.SeparatorModern{
	color: #e64545;
	}

.SeparatorModern td{
	height: 1px;
	}


.AltRowModern th { 
	font-family: Arial; font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #f5f0eb; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRowModern td { 
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	vertical-align: top;
	background-color: #e3dfd1; 
	color: #000000;
	}

.AltRowModern a:link { 
	color: #0033cc;
	}

.AltRowModern a:visited { 
	color: #840000;
	}

.AltRowModern a:hover, .AltRow a:active { 
	color: #ff0000;
	}

.NoRecordsModern td { 
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #f5f0eb; 
	color: #000000;
	vertical-align: top;
	}

.FooterModern td { 
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #e0cfb1; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.FooterModern a:link { 
	color: #0033cc;
	}

.FooterModern a:visited { 
	color: #840000;
	}

.FooterModern a:hover, .Footer a:active { 
	color: #ff0000;
	}

.FooterModern img {
	margin: 2px; 
	vertical-align: middle;
	}

.FooterModern input {
	vertical-align: middle;
	}

/* Record Options */
.RecordModern { 
	
	width: 100%;
	}

.ErrorModern td { 
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	color: #FF0000;
	vertical-align: top;
	background-color: #f5f0eb; 
	}

.ControlsModern th { 
	font-family: Arial; font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #f5f0eb; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.ControlsModern td { 
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	vertical-align: top;
	background-color: #f5f0eb; 
	color: #000000;
	}

.BottomModern td { 
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #e0cfb1; color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.BottomModern a:link { 
	color: #0033cc;
	}

.BottomModern a:visited { 
	color: #840000;
	}

.BottomModern a:hover, .Caption a:active { 
	color: #ff0000;
	}

.BottomModern img {
	margin: 2px;
	vertical-align: middle; 
	}

.BottomModern input {
	vertical-align: middle;
	}

/* Report */
.GroupCaptionModern th{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	background-color: #e3dfd1; 
	color: #000000;
	}

.GroupCaptionModern td{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	vertical-align: top;
	font-weight: bold;
	background-color: #f5f0eb; 
	color: #000000;
	}

.GroupCaptionModern a:link {
	color: #000000;
	}

.GroupCaptionModern a:visited{
	color: #000000;
	}

.GroupCaptionModern a:hover, .GroupCaption a:active{
	color: #ff0000;
	}

.GroupFooterModern td{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #e0cfb1; 
	color: #000000;
	}

.GroupFooterModern a:link {
	color: #0033cc;
	}

.GroupFooterModern a:visited{
	color: #840000;
	}

.GroupFooterModern a:hover,.GroupFooter a:active{
	color: #ff0000;
	}

.GroupFooterModern img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooterModern input {
	vertical-align: middle;
	}

.SubTotalModern td{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	vertical-align: top;
	font-weight: bold;
	background-color: #e3dfd1; 
	color: #000000;
	border-bottom: 2px solid #e64545;
	}

.SubTotalModern a:link {
	color: #0033cc;
	}

.SubTotalModern a:visited{
	color: #840000;
	}

.SubTotalModern a:hover, .SubTotal a:active{
	color: #ff0000;
	}

.TotalModern td{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #e3dfd1; 
	color: #000000;
	}

.TotalModern a:link {
	color: #0033cc;
	}

.TotalModern a:visited{
	color: #840000;
	}

.TotalModern a:hover, .Total a:active{
	color: #ff0000;
	}

/* Form Options */
.ButtonModern { 
	margin: 2px
	}

/* Calendar */

.CalendarModern { 
	
	width: 100%;
	}

.CalendarWeekdayNameModern{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #e3dfd1; 
	color: #000000;
	}

.CalendarWeekdayNameModern a:link {
	color: #0033cc;
	}

.CalendarWeekdayNameModern a:visited{
	color: #840000;
	}

.CalendarWeekdayNameModern a:hover, .CalendarWeekdayName a:active{
	color: #ff0000;
	}

.CalendarWeekendNameModern{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #e3dfd1;	
	color: #000000;
	}

.CalendarWeekendNameModern a:link {
	color: #000000;
	}

.CalendarWeekendNameModern a:visited{
	color: #000000;
	}

.CalendarWeekendNameModern a:link, .CalendarWeekendName a:visited{
	color: #ff0000;
	}

/* Calendar Day */
.CalendarDayModern{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	text-align: center;
	background-color: #f5f0eb;	
	color: #000000;
	}

.CalendarDayModern a:link {
	color: #0033cc;
	}

.CalendarDayModern a:visited{
	color: #840000;
	}

.CalendarDayModern a:hover, .CalendarDay a:active{
	color: #ff0000;
	}

/* Calendar Weekend */
.CalendarWeekendModern{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	text-align: center;
	background-color: #e3dfd1;	
	color: #000000;
	}

.CalendarWeekendModern a:link {
	color: #0033cc;
	}

.CalendarWeekendModern a:visited{
	color: #840000;
	}

.CalendarWeekendModern a:hover, .CalendarWeekend a:active{
	color: #ff0000;
	}

/* Calendar Today */
.CalendarTodayModern {
	font-family: Arial; font-size: 80%;
	border: 2px solid #e64545; border-top: 1px solid #e64545;
	text-align: center;
	background-color: #f5f0eb;	
	color: #000000;
	}

.CalendarTodayModern a:link {
	color: #0033cc;
	}

.CalendarTodayModern a:visited{
	color: #840000;
	}

.CalendarTodayModern a:hover, .CalendarToday a:active {
	color: #ff0000;
	}

/* Calendar Weekend Today */
.CalendarWeekendTodayModern {
	font-family: Arial; font-size: 80%;
	border: 2px solid #e64545; border-top: 1px solid #e64545;
	text-align: center;
	background-color: #e3dfd1;	
	color: #000000;
	}

.CalendarWeekendTodayModern a:link {
	color: #0033cc;
	}

.CalendarWeekendTodayModern a:visited{
	color: #840000;
	}

.CalendarWeekendTodayModern a:hover, .CalendarWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDayModern{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	text-align: center;
	background-color: #f5f0eb;	
	color: #e64545;
	}

.CalendarOtherMonthDayModern a:link {
	color: #e64545;
	}

.CalendarOtherMonthDayModern a:visited{
	color: #e64545;
	}

.CalendarOtherMonthDayModern a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthTodayModern {
	font-family: Arial; font-size: 80%;
	border: 2px solid #e64545; border-top: 1px solid #e64545;
	text-align: center;
	background-color: #f5f0eb;	
	color: #e64545;
	}

.CalendarOtherMonthTodayModern a:link {
	color: #e64545;
	}

.CalendarOtherMonthTodayModern a:visited{
	color: #e64545;
	}

.CalendarOtherMonthTodayModern a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekendModern {
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	text-align: center;
	background-color: #e3dfd1;	
	color: #e64545;
	}

.CalendarOtherMonthWeekendModern a:link {
	color: #e64545;
	}

.CalendarOtherMonthWeekendModern a:visited{
	color: #e64545;
	}

.CalendarOtherMonthWeekendModern a:hover, .CalendarOtherMonthWeekend a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendTodayModern {
	font-family: Arial; font-size: 80%;
	border: 2px solid #e64545; border-top: 1px solid #e64545;
	text-align: center;
	color: #e64545;
	background-color: #e3dfd1;	
	}

.CalendarOtherMonthWeekendTodayModern a:link {
	color: #e64545;
	}

.CalendarOtherMonthWeekendTodayModern a:visited{
	color: #e64545;
	}

.CalendarOtherMonthWeekendTodayModern a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDayModern{
	font-family: Arial; font-size: 80%;
	padding: 3px;
	border-bottom: solid 1px #e64545;
	background-color: #e0cfb1;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDayModern a:link {
	color: #000000;
	}

.CalendarSelectedDayModern a:visited{
	color: #000000;
	}

.CalendarSelectedDayModern a:hover, .CalendarSelectedDay a:active{
	color: #ff0000;
	}

/* Calendar Navigator */
.CalendarNavigatorModern {
	font-family: Arial; font-size: 80%;
	padding: 3px;
	background-color: #e0cfb1; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigatorModern a:link {
	color: #0033cc;
	}

.CalendarNavigatorModern a:visited{
	color: #840000;
	}

.CalendarNavigatorModern a:hover, .CalendarNavigator a:active{
	color: #ff0000;
	}

.CalendarNavigatorModern img{
	margin: 2px;
	vertical-align: middle; 	
	}

/* Calendar Extra */
.CalendarEventModern{
	font-size: 80%;
	text-align: left;
	}

.CalendarEventModern a:link {
	color: #0033cc;
	}

.CalendarEventModern a:visited{
	color: #840000;
	}

.CalendarEventModern a:hover, .CalendarEvent a:active{
	color: #ff0000;
	}
