/* CCSTheme v 3.x */
/* General */

/*  -------------------------------------------------- BEGIN Common */
* {border:0; margin:0; padding:0;}

body { 
	font-family: Trebuchet MS, Arial, sans-Serif;
	padding:0 20px;
}

.text { 
	color: #000000; 
}

/* --------------------------------------------------------- END Common */

.Header {
	font:bold 24px Trebuchet MS, Arial, sans-Serif;
	color:#cf5906;
	}

/* -------------------------------------------------------- Grid Options */
.Grid { 
	background-color:#f0f0f0;
	width: 100%;
	}

.Caption th { 
	font-size: 14px; 	
	text-align: left;
	padding: 3px;
	background-color: #ffffff; 
	color: #000000;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 14px; 	
	text-align: left; 
	padding: 3px;
	color: #000000;
	white-space: nowrap;
	}

.Caption a:link { 
	color: #003b72;
	}

.Caption a:visited { 
	color: #303030;
	}

.Caption a:hover, .Caption a:active { 
	color: #559cbe;
	}

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	font: 12px Trebuchet MS, Arial, sans-Serif;
	padding:10px 3px;
	background-color: #ffffff;
	color: #000000;
	}

.Row td { 
	font: 12px Trebuchet MS, Arial, sans-Serif;
	line-height:16px;
	padding: 3px;
	border-top: 1px solid #f0f0f0; 
	background-color: #ffffff; 
	color: #000000;
	}

.Row a:link, a:visited { 
	color: #003b72;
	}

.Row a:hover, .Row a:active { 
	color: #367bbb;
	}

.Separator{
	color: #995757;
	}

.Separator td{
	height: 1px;
	}


.AltRow th { 
	text-align: left;
	padding: 3px;
	color: #003b72;
	white-space: nowrap;
	}

.AltRow td { 
	height:30px;
	padding:10px 3px 3px 3px;
	color: #003b72;
	}

.AltRow a:link { 
	color: #003b72;
	}

.AltRow a:visited { 
	color: #303030;
	}

.AltRow a:hover, .AltRow a:active { 
	color: #559cbe;
	}

.NoRecords td { 
	padding: 3px;
	border-top: 1px solid #d6d1de;
	border-right: 1px solid #d6d1de;
	background-color: #f0f0f0; 
	color: #000000;
	}


/* ------------------------------------------------- Record Options */
.Record { 
	border: 1px solid #d2cecc;
	margin-top:10px;
	width: 100%;
	}

.Error td { 
	font-size: 14px;
	line-height:20px;
	font-weight:bold;
	padding: 5px;
	border-top: 1px solid #d6d1de; 
	border-right: 1px solid #d6d1de;
	color: #eb0f0f;
	background-color: #f0f0f0; 
	}

.Controls th { 
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 3px;
	border-top: 1px solid #d6d1de;
	border-right: 1px solid #d6d1de;
	background-color: #f0f0f0;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 
	font-size: 12px;
	padding: 3px;
	border-top: 1px solid #d6d1de;
	border-right: 1px solid #d6d1de;
	vertical-align: top;
	background-color: #f0f0f0; 
	color: #000000;
	}

.Controls td input {
border: 1px solid #d2cecc;
}

.Controls td select {
border: 1px solid #d2cecc;
}
.Controls td textarea {
border: 1px solid #d2cecc;
}

.Bottom td { 
	font-size: 12px;
	padding: 3px;
	border-right: 1px solid #d6d1de;
	border-top: 1px solid #d6d1de;
	border-bottom: 1px solid #d6d1de;
	background-color: #f0f0f0;
	text-align: right;
	white-space: nowrap;
	color: #000000;
	}

.Bottom a:link { 
	color: #0033cc;
	}

.Bottom a:visited { 
	color: #888888;
	}

.Bottom a:hover, .Caption a:active { 
	color: #367bbb;
	}

.Bottom img {
	margin: 2px;
	vertical-align: middle; 
	}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
	}

.CalendarAdminFooter td{
	padding:10px;
}
.CalendarAdminFooter span{
	font-size:20px;
	line-height:20px;
	float:left;
	padding:0 10px;
}

.CalendarAdminFooter img{
	float:left;
}

/* ----------------------------------------------  Report */
.GroupCaption th{
	font-size: 80%;
	padding: 3px;
	border-top: 1px solid #dddddd; 
	white-space: nowrap;
	text-align: left; 
	font-weight: bold;
	background-color: #eeeeee; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 80%;
	padding: 3px;
	border-top: 1px solid #dddddd;
	font-weight: bold;
	background-color: #f0f0f0; 
	color: #000000;
	}

.GroupCaption a:link {
	color: #000000;
	}

.GroupCaption a:visited{
	color: #000000;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #367bbb;
	}

.GroupFooter td{
	font-size: 80%;
	padding: 3px;
	border-right: 1px solid #d6d1de; 
	border-top: 1px solid #d6d1de; 
	border-bottom: 1px solid #d6d1de; 
	text-align: center;
	white-space: nowrap;
	background-color: #d6d1de; 
	color: #000000;
	}

.GroupFooter a:link {
	color: #0033cc;
	}

.GroupFooter a:visited{
	color: #888888;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #367bbb;
	}

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 80%;
	padding: 3px;
	border-top: 1px solid #d6d1de; 
	border-right: 1px solid #d6d1de;
	font-weight: bold;
	background-color: #f5f1df; 
	color: #000000;
	border-bottom: 2px solid #995757;
	}

.SubTotal a:link {
	color: #0033cc;
	}

.SubTotal a:visited{
	color: #888888;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #367bbb;
	}

.Total td{
	font-size: 80%;
	padding: 3px;
	border-top: 1px solid #d6d1de; 
	border-right: 1px solid #d6d1de;
	white-space: nowrap;
	font-weight: bold;
	background-color: #f5f1df; 
	color: #000000;
	}

.Total a:link {
	color: #0033cc;
	}

.Total a:visited{
	color: #888888;
	}

.Total a:hover, .Total a:active{
	color: #367bbb;
	}

/* ---------------------------------------------  Form Options */
.Button { 
	background-color: #995757; 
	color: #ffffff; 
	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: 11px; 
	}

/* ------------------------------------------------- Calendar */
/* (original source uses this style in */
/* unexpected places, not just the grid calendar) */

.calendar_wrap {
	width:656px;
	float:left;
}

.calendar_wrap img {
	padding:0;
}

.calendar_base {
	float:left;
	background-color:#f0f0f0;
	padding:0 28px 28px 28px;
}

.calendar_head {
	float:left;
	width:656px;
	height:48px;
	background:url(images/headerright.gif) no-repeat right;
}

/*in addition to CalendarNavigator*/
.calnavmain {
	float:left;
	width:642px;
	height:48px;
	background:url(images/headerleft.gif) no-repeat #f0f0f0;
}


.arrows_left {
	float:left;
	width:60px;
	margin:10px 0 0 25px;
}

.arrows_right {
	float:right;
	width:60px;
	margin:10px 15px 0 0;
}


.Calendar { 
	border: 1px solid #d2cecc;
	width: 600px;
	}

.CalendarWeekdayName{
	font-size: 12px;
	font-weight:bold;
	padding: 3px;
	border-top: 1px solid #d2cecc; 
	border-right: 1px solid #d2cecc;
	text-align: center; 
	white-space: nowrap;
	color: #4c4c4c;
	}

.CalendarWeekdayName a:link {
	color: #0033cc;
	}

.CalendarWeekdayName a:visited{
	color: #0033cc;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #666666;
	}

.CalendarWeekendName{
	font-size: 12px;
	font-weight:bold;
	padding: 3px;
	border-top: 1px solid #d2cecc; 
	border-right: 1px solid #d2cecc;
	white-space: nowrap;
	text-align: center; 
	color: #4c4c4c;
	}

.CalendarWeekendName a:link {
	color: #000000;
	}

.CalendarWeekendName a:visited{
	color: #000000;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #666666;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 11px;
	padding: 3px;
	border-top: 1px solid #d2cecc; 
	border-right: 1px solid #d2cecc;
	text-align: center;	
	color: #000000;
	}

.CalendarDay a:link {
	color: #303030;
	}

.CalendarDay a:visited{
	color: #303030;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #367bbb;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 11px;
	padding: 3px;
	border-top: 1px solid #d2cecc; 
	border-right: 1px solid #d2cecc;
	text-align: center;	
	color: #000000;
	}

.CalendarWeekend a:link {
	color: #303030;
	}

.CalendarWeekend a:visited{
	color: #303030;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #367bbb;
	}

/* Calendar Today */
.CalendarToday {
	font-size: 12px;
	padding: 1px;
	border: 2px solid #d89c72;
	text-align: center;
	background-color: #ffffff;	
	color: #000000;
	}

.CalendarToday a:link {
	color: #0033cc;
	}

.CalendarToday a:visited{
	color: #0033cc;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #367bbb;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 12px;
	padding: 1px;
	border: 2px solid #d89c72;
	text-align: center;
	background-color: #ffffff;	
	color: #000000;
	}

.CalendarWeekendToday a:link {
	color: #0033cc;
	}

.CalendarWeekendToday a:visited{
	color: #0033cc;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #367bbb;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 11px;
	padding: 3px;
	border-top: 1px solid #d2cecc; 
	border-right: 1px solid #d2cecc;
	text-align: center;	
	color: #888888;
	}

.CalendarOtherMonthDay a:link, a:visited {
	text-decoration:none;
	color: #888888;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	text-decoration:underline;
	color: #666666;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 11px;
	padding: 1px;
	border: 2px solid #d2cecc;
	text-align: center;
	background-color: #f0f0f0;	
	color: #888888;
	}

.CalendarOtherMonthToday a:link, a:visited {
	text-decoration:none;
	color: #888888;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	text-decoration:underline;
	color: #666666;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 11px;
	padding: 3px;
	border-top: 1px solid #d2cecc; 
	border-right: 1px solid #d2cecc;
	text-align: center;	
	color: #888888;
	}

.CalendarOtherMonthWeekend a:link, a:visited {
	color: #888888;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #666666;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 11px;
	padding: 1px;
	border: 2px solid #995757;
	text-align: center;
	color: #888888;
	background-color: #f5f1df;	
	}

.CalendarOtherMonthWeekendToday a:link, a:visited {
	color: #888888;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #666666;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 11px;
	padding: 3px;
	border-top: 1px solid #d2cecc; 
	border-right: 1px solid #d2cecc;
	background-color: #d6d1de;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #367bbb;
	}

/* Calendar Navigator */
.CalendarNavigator {
	padding: 3px;
	background-color: #f0f0f0;
	color: #cf5906;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigator a:link {
	color: #0033cc;
	}

.CalendarNavigator a:visited{
	color: #888888;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #367bbb;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

.CalendarNavigator td select {
border: 1px solid #d2cecc;
}

/* Calendar Extra */
.CalendarEvent{
	font-size: 11px;
	text-align: left;
	}

.CalendarEvent a:link {
	color: #124574;
	}

.CalendarEvent a:visited{
	color: #666666;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #367bbb;
	}

/* menu navigation */

.menulink {
	margin:20px;
	width:95%;
	text-align:right;
	font-size:12px;
}
.menulink a:link, a:visited { 
	text-decoration:none;
	color: #124574;
}

.menulink a:hover, a:active { 
	text-decoration:underline;
	color: #367bbb;
}

/* link styling */
.standard_link {
	font-size:12px;
}
.standard_link a:link, a:visited { 
	text-decoration:none;
	color: #003b72;
}

.standard_link a:hover, a:active { 
	text-decoration:underline;
	color: #367bbb;
}

/*  Date picker */

.CalendarControls {
	padding:10px;
}
.DateGrid {
	border-left: 1px solid #d2cecc;
	border-bottom: 1px solid #d2cecc;
}

.PicHead {
	height:30px;
	line-height:18px;
}

.PicHead td {
	border-right: 1px solid #d2cecc;
}

.DatePicFooter td{
	border-top: 1px solid #d2cecc;
	border-right: 1px solid #d2cecc;
}

.DatePicFooter input {
	margin-left:80px;
}

#labelMonth {
	font:bold 18px Trebuchet MS, Arial, sans-Serif;
	line-height:18px;
	color:#cf5906;
}

#labelYear {
	font:bold 18px Trebuchet MS, Arial, sans-Serif;
	line-height:18px;
	color:#cf5906;
}