/* CCSTheme v 3.x */

/* General */

/* Colors */

.PageBgColor {background-color: #000000;}

.FormTitleBgColor {background-color: #a23134;}

.FormTitleFontColor {color: #d5d5d5;}

.CaptionBgColor {background-color: #353535;}

.CaptionFontColor {color: #dcdcdc;}

.DataBgColor {background-color: #000000;}

.AltDataBgColor {background-color: #4e4e4e;}

.DataFontColor {color: #e1e1e1;}

.LinkColor {color: #ffbcae;}

.VisitedLinkColor {color: #d46063;}

.HoverLinkColor {color: #d80000;}

.ColorBgButton {background-color: #a23134;}

.ColorFontButton {color: #d5d5d5;}

.ColorBgButtonPassive {background-color: #e38386;}

.ColorFontButtonPassive {color: #ffffff;}

/* BEGIN Common */

body {color: #ffffff;
background-image: url('Images/PageBg.gif');
font-family: Arial;
font-size: 80%;}

html>body {font-family: Arial;
font-size: 80%;}

html>body td, html>body th, html>body table {font-size: 100%;}

/*ie6*/

* html body {font-family: Arial;
font-size: 80%;
}* html body td, * html body th, * html body table{font-size: 100%;}/*end*/

.text {color: #e1e1e1}

a.menulink:link, a.menulink:visited {color: #ffbcae;}

a.menulink:hover, a.menulink:active {color: #d80000;}

a:link {color: #ffbcae;}

a:visited {color: #d46063;}

a:hover,a:active {color: #d80000;}

ul, ol, blockquote {margin-top: 5px;
margin-bottom: 10px;
margin-left: 20px;}

form {margin: 0px;}

h1 {color: #b3b3b3;
font-size: 150%;
margin-top: 5px;
margin-bottom: 5px;}

h2 {color: #b3b3b3;
font-size: 130%;
margin-top: 15px;
margin-bottom: 5px;}

h3 {color: #b3b3b3;
font-size: 110%;
font-style: italic;
margin-top: 15px;
margin-bottom: 5px;}

h4 {color: #b3b3b3;
font-size: 100%;
margin-top: 15px;
margin-bottom: 5px;}

h5 {color: #b3b3b3;
font-size: 100%;
font-style: italic;
margin-top: 15px;
margin-bottom: 5px;}

h6 {color: #b3b3b3;
font-size: 90%;
margin-top: 15px;
margin-bottom: 5px;}

th {font-family: Arial;
font-size: 60%;}

td {font-family: Arial;
font-size: 80%;}

/*input, textarea, select {
	font-family: Arial; font-size: 80%;
	font-size: 100%;
}

html>body input, html>body select, html>body textarea {
	font-family: Arial; font-size: 80%;
	font-size: inherit;
}*/

/* END Common */

.Header {
	width: 780px;
}

.Headerselectie {width: 270px;}

.Header th {
	font-size: 120%;
	font-weight: bold;
	text-align: center !important;
	padding: 3px;
	background-image: url('Images/HeaderBg.gif');
	background-color: #353535;
	color: #e1e1e1;
	width: 100%;
	white-space: nowrap;
}

html>body .Header th {
	font-size: 120%;
	font-weight: bold;
	text-align: center !important;
}

/*ie6*/

* html body .Header th {
	font-size: 120%;
	font-weight: bold;
	text-align: center !important;
}/*end*/

.Header a:link {color: #e1e1e1;}

.Header a:visited {color: #e1e1e1;}

.Header a:hover, .Caption a:active {color: #e1e1e1;
text-decoration: none;}

.HeaderLeft {background-image: url('Images/HeaderLeft.gif');}

.HeaderRight {background-image: url('Images/HeaderRight.gif');
background-position: right top;}

.HeaderLeft img {width: 9px;}

.HeaderRight img {width: 9px;}

/* Grid Options */

.Grid {
	border: 1px #993333 solid;
	width: 100%;
}

.Caption th {font-size: 80%;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;}

.Caption td {font-size: 80%;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;}

html>body .Caption th, html>body .Caption td {font-size: 100%;
text-align: left;
vertical-align: top;}

/*ie6*/

* html body .Caption th, * html body .Caption td {font-size: 100%;
text-align: left;
vertical-align: top;}/*end*/

.Caption a:link {color: #e1e1e1;}

.Caption a:visited {color: #e1e1e1;}

.Caption a:hover, .Caption a:active {color: #d80000;}

.Caption img {margin: 2px;
vertical-align: middle;}

.Caption input {vertical-align: middle;}

.Row th {font-size: 80%;
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;
color: #e1e1e1;}

.Row td {font-size: 80%;
padding: 3px;
text-align: left;
vertical-align: top;
background-color: #000000;
color: #e1e1e1;}

html>body .Row th, html>body .Row td {font-size: 100%;}

/*ie6*/

* html body .Row th, * html body .Row td {font-size: 100%;}/*end*/

caption.Row {font-size: 80%;
padding: 3px;
border: 1px solid #a23134;
border-bottom: 0px;
text-align: left;
vertical-align: top;
background-color: #000000;
color: #e1e1e1;}

html>body caption.Row {font-size: 100%;}

/*ie6*/

* html body caption.Row {font-size: 100%;}/*end*/

.Row a:link {color: #ffbcae;}

.Row a:visited {color: #d46063;}

.Row a:hover, .Row a:active {color: #d80000;}

.Separator {color: #a23134;}

.Separator td {height: 1px;}

.AltRow th {font-size: 80%;
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;
color: #e1e1e1;}

.AltRow td {font-size: 80%;
padding: 3px;
text-align: left;
vertical-align: top;
background-color: #4e4e4e;
color: #e1e1e1;}

html>body .AltRow th, html>body .AltRow td {font-size: 100%;}

/*ie6*/

* html body .AltRow th, * html body .AltRow td {font-size: 100%;}/*end*/

.AltRow a:link {color: #ffbcae;}

.AltRow a:visited {color: #d46063;}

.AltRow a:hover, .AltRow a:active {color: #d80000;}

.NoRecords td {font-size: 80%;
padding: 3px;
text-align: left;
background-color: #000000;
color: #e1e1e1;
vertical-align: top;}

.Footer td {font-size: 80%;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #e1e1e1;}

html>body .NoRecords td, html>body .Footer td {font-size: 100%;}

/*ie6*/

* html body .NoRecords td, * html body .Footer td {font-size: 100%;}/*end*/

.Footer a:link {color: #ffbcae;}

.Footer a:visited {color: #d46063;}

.Footer a:hover, .Footer a:active {color: #d80000;}

.Footer img {margin: 2px;
vertical-align: middle;}

.Footer input {margin: 2px;
vertical-align: middle;}

/* Record Options */

.Record {border: 1px solid #a23134;
width: 100%;}

.Error td {font-size: 80%;
padding: 3px;
text-align: left;
color: #FF0000;
vertical-align: top;
background-color: #000000;}

* html>body .Error td {font-size: 100%;}

/*ie6*/

* html body .Error td {font-size: 100%;}/*end*/

.Controls th {font-size: 80%;
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;
color: #e1e1e1;}

.Controls td {font-size: 80%;
padding: 3px;
text-align: left;
vertical-align: top;
background-color: #000000;
color: #e1e1e1;}

.Bottom td {font-size: 80%;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
text-align: right;
vertical-align: middle;
white-space: nowrap;
color: #e1e1e1;}

html>body .Controls th, html>body .Controls td, html>body .Bottom td {font-size: 100%;}

/*ie6*/

* html body .Controls th, * html body .Controls td, * html body .Bottom td {font-size: 100%;}/*end*/

.Bottom a:link {color: #ffbcae;}

.Bottom a:visited {color: #d46063;}

.Bottom a:hover, .Caption a:active {color: #d80000;}

.Bottom img {margin: 2px;
vertical-align: middle;}

.Bottom input {margin: 2px;
vertical-align: middle;}

/* Report */

.GroupCaption th {font-size: 80%;
padding: 3px;
white-space: nowrap;
text-align: left;
vertical-align: top;
font-weight: bold;
background-color: #4e4e4e;
color: #e1e1e1;}

.GroupCaption td {font-size: 80%;
padding: 3px;
text-align: left;
vertical-align: top;
font-weight: bold;
background-color: #000000;
color: #e1e1e1;}

html>body .GroupCaption th, html>body .GroupCaption td {font-size: 100%;}

/*ie6*/

* html body .GroupCaption th, * html body .GroupCaption td {font-size: 100%;}/*end*/

.GroupCaption a:link {color: #e1e1e1;}

.GroupCaption a:visited {color: #e1e1e1;}

.GroupCaption a:hover, .GroupCaption a:active {color: #d80000;}

.GroupFooter td {font-size: 80%;
padding: 3px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
background-color: #353535;
color: #e1e1e1;}

html>body .GroupFooter td {font-size: 100%;}

/*ie6*/

* html body .GroupFooter td {font-size: 100%;}/*end*/

.GroupFooter a:link {color: #ffbcae;}

.GroupFooter a:visited {color: #d46063;}

.GroupFooter a:hover,.GroupFooter a:active {color: #d80000;}

.GroupFooter img {margin: 2px;
vertical-align: middle;}

.GroupFooter input {margin: 2px;
vertical-align: middle;}

.SubTotal td {font-size: 80%;
padding: 3px;
text-align: left;
vertical-align: top;
font-weight: bold;
background-color: #4e4e4e;
color: #e1e1e1;
border-bottom: 2px solid #a23134;}

html>body .SubTotal td {font-size: 100%;}

/*ie6*/

* html body .SubTotal td {font-size: 100%;}/*end*/

.SubTotal a:link {color: #ffbcae;}

.SubTotal a:visited {color: #d46063;}

.SubTotal a:hover, .SubTotal a:active {color: #d80000;}

.Total td {font-size: 80%;
padding: 3px;
text-align: left;
vertical-align: top;
white-space: nowrap;
font-weight: bold;
background-color: #4e4e4e;
color: #e1e1e1;}

html>body .Total td {font-size: 100%;}

/*ie6*/

* html body .Total td {font-size: 100%;}/*end*/

.Total a:link {color: #ffbcae;}

.Total a:visited {color: #d46063;}

.Total a:hover, .Total a:active {color: #d80000;}

/* Form Options */

.Button {background-color: #a23134;
color: #d5d5d5;
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-family: Tahoma;
font-size: 11px;
font-weight: bold;}

/* Calendar */

.Calendar {border: 1px solid #a23134;
width: 100%;}

.CalendarWeekdayName {font-size: 80%;
padding: 3px;
text-align: center;
vertical-align: top;
white-space: nowrap;
background-color: #4e4e4e;
color: #e1e1e1;
font-weight: normal;}

html>body .CalendarWeekdayName {font-size: 100%;}

/*ie6*/

* html body .CalendarWeekdayName {font-size: 100%;}/*end*/

.CalendarWeekdayName a:link {color: #ffbcae;}

.CalendarWeekdayName a:visited {color: #d46063;}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active {color: #d80000;}

.CalendarWeekendName {font-size: 80%;
padding: 3px;
white-space: nowrap;
text-align: center;
vertical-align: top;
background-color: #4e4e4e;
color: #e1e1e1;
font-weight: normal;}

html>body .CalendarWeekendName {font-size: 100%;}

/*ie6*/

* html body .CalendarWeekendName {font-size: 100%;}/*end*/

.CalendarWeekendName a:link {color: #e1e1e1;}

.CalendarWeekendName a:visited {color: #e1e1e1;}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited {color: #d80000;}

/* Calendar Day */

.CalendarDay {font-size: 80%;
padding: 3px;
text-align: center;
background-color: #000000;
color: #e1e1e1;}

html>body .CalendarDay {font-size: 100%;}

/*ie6*/

* html body .CalendarDay {font-size: 100%;}/*end*/

.CalendarDay a:link {color: #ffbcae;}

.CalendarDay a:visited {color: #d46063;}

.CalendarDay a:hover, .CalendarDay a:active {color: #d80000;}

/* Calendar Weekend */

.CalendarWeekend {font-size: 80%;
padding: 3px;
text-align: center;
background-color: #4e4e4e;
color: #e1e1e1;}

html>body .CalendarWeekend {font-size: 100%;}

/*ie6*/

* html body .CalendarWeekend {font-size: 100%;}/*end*/

.CalendarWeekend a:link {color: #ffbcae;}

.CalendarWeekend a:visited {color: #d46063;}

.CalendarWeekend a:hover, .CalendarWeekend a:active {color: #d80000;}

/* Calendar Today */

.CalendarToday {font-size: 80%;
padding: 1px;
border: 2px solid #a23134;
text-align: center;
background-color: #000000;
color: #e1e1e1;}

html>body .CalendarToday {font-size: 100%;}

/*ie6*/

* html body .CalendarToday {font-size: 100%;}/*end*/

.CalendarToday a:link {color: #ffbcae;}

.CalendarToday a:visited {color: #d46063;}

.CalendarToday a:hover, .CalendarToday a:active {color: #d80000;}

/* Calendar Weekend Today */

.CalendarWeekendToday {font-size: 80%;
padding: 1px;
border: 2px solid #a23134;
text-align: center;
background-color: #4e4e4e;
color: #e1e1e1;}

html>body .CalendarWeekendToday {font-size: 100%;}

/*ie6*/

* html body .CalendarWeekendToday {font-size: 100%;}/*end*/

.CalendarWeekendToday a:link {color: #ffbcae;}

.CalendarWeekendToday a:visited {color: #d46063;}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active {color: #d80000;}

/* Calendar Other Month's Day */

.CalendarOtherMonthDay {font-size: 80%;
padding: 3px;
text-align: center;
background-color: #000000;
color: #a23134;}

html>body .CalendarOtherMonthDay {font-size: 100%;}

/*ie6*/

* html body .CalendarOtherMonthDay {font-size: 100%;}/*end*/

.CalendarOtherMonthDay a:link {color: #a23134;}

.CalendarOtherMonthDay a:visited {color: #a23134;}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active {color: #d80000;}

/* Calendar Other Month's Today */

.CalendarOtherMonthToday {font-size: 80%;
padding: 1px;
border: 2px solid #a23134;
text-align: center;
background-color: #000000;
color: #a23134;}

html>body .CalendarOtherMonthToday {font-size: 100%;}

/*ie6*/

* html body .CalendarOtherMonthToday {font-size: 100%;}/*end*/

.CalendarOtherMonthToday a:link {color: #a23134;}

.CalendarOtherMonthToday a:visited {color: #a23134;}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active {color: #d80000;}

/* Calendar Other Month's Weekend */

.CalendarOtherMonthWeekend {font-size: 80%;
padding: 3px;
text-align: center;
background-color: #4e4e4e;
color: #a23134;}

html>body .CalendarOtherMonthWeekend {font-size: 100%;}

/*ie6*/

* html body .CalendarOtherMonthWeekend {font-size: 100%;}/*end*/

.CalendarOtherMonthWeekend a:link {color: #a23134;}

.CalendarOtherMonthWeekend a:visited {color: #a23134;}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active {color: #d80000;}

/* Calendar Other Month's Weekend Today */

.CalendarOtherMonthWeekendToday {font-size: 80%;
padding: 1px;
border: 2px solid #a23134;
text-align: center;
color: #a23134;
background-color: #4e4e4e;}

html>body .CalendarOtherMonthWeekendToday {font-size: 100%;}

/*ie6*/

* html body .CalendarOtherMonthWeekendToday {font-size: 100%;}/*end*/

.CalendarOtherMonthWeekendToday a:link {color: #a23134;}

.CalendarOtherMonthWeekendToday a:visited {color: #a23134;}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active {color: #d80000;}

/* Calendar Selected Day (for DatePicker) */

.CalendarSelectedDay {font-size: 80%;
padding: 3px;
background-color: #353535;
color: #dcdcdc;
text-align: center;
font-weight: bold;}

html>body .CalendarSelectedDay {font-size: 100%;}

/*ie6*/

* html body .CalendarSelectedDay {font-size: 100%;}/*end*/

.CalendarSelectedDay a:link {color: #e1e1e1;}

.CalendarSelectedDay a:visited {color: #e1e1e1;}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active {color: #d80000;}

/* Calendar Navigator */

.CalendarNavigator {font-size: 80%;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #e1e1e1;}

html>body .CalendarNavigator {font-size: 100%;}

/*ie6*/

* html body .CalendarNavigator {font-size: 100%;}/*end*/

.CalendarNavigator a:link {color: #ffbcae;}

.CalendarNavigator a:visited {color: #d46063;}

.CalendarNavigator a:hover, .CalendarNavigator a:active {color: #d80000;}

.CalendarNavigator img {margin: 2px;
vertical-align: middle;}

.CalendarNavigator td {font-size: 80%;}

.CalendarNavigator th {font-size: 80%;}

html>body .CalendarNavigator th, html>body .CalendarNavigator td {font-size: 100%;}

/*ie6*/

* html body .CalendarNavigator th, * html body .CalendarNavigator td {font-size: 100%;}/*end*/

/* Calendar Extra */

.CalendarEvent {font-size: 80%;
text-align: left;}

html>body .CalendarEvent {font-size: 100%;}

/*ie6*/

* html body .CalendarEvent {font-size: 100%;}/*end*/

.CalendarEvent a:link {color: #ffbcae;}

.CalendarEvent a:visited {color: #d46063;}

.CalendarEvent a:hover, .CalendarEvent a:active {color: #d80000;}

/* Changes for Section508 */

table tr td strong {padding: 0px;
margin: 0px;}

.th {font-family: Arial;
font-size: 80%;
font-weight: bold;}

html>body .th {font-size: 100%;}

/*ie6*/

* html body .th {font-size: 100%;}/*end*/

.Header .th {font-size: 110%;
font-weight: bold;
text-align: center !important;
padding: 3px;
background-image: url('Images/HeaderBg.gif');
background-color: #353535;
color: #e1e1e1;
width: 100%;
white-space: nowrap;}

html>body .Header .th {font-size: 140%;
font-weight: bold;
text-align: center !important;}

/*ie6*/

* html body .Header .th {font-size: 140%;
font-weight: bold;
text-align: center !important;}/*end*/

.Caption .th {font-size: 80%;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;}

html>body .Caption .th {font-size: 100%;
text-align: left;
vertical-align: top;}

/*ie6*/

* html body .Caption .th {font-size: 100%;
text-align: left;
vertical-align: top;}/*end*/

.Row .th {font-size: 80%;
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;
color: #e1e1e1;}

.AltRow .th {font-size: 80%;
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;
color: #e1e1e1;}

.Controls .th {font-size: 80%;
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 3px;
background-color: #000000;
color: #e1e1e1;
white-space: nowrap;
color: #e1e1e1;}

.GroupCaption .th {font-size: 80%;
padding: 3px;
text-align: left;
white-space: nowrap;
vertical-align: top;
font-weight: bold;
background-color: #4e4e4e;
color: #e1e1e1;}

html>body .GroupCaption .th {font-size: 100%;}

html>body .Row .th, html>body .AltRow .th, html>body .Controls .th {font-size: 100%;
font-weight: normal;
text-align: left;
vertical-align: top;}

/*ie6*/

* html body .GroupCaption .th {font-size: 100%;
}* html body .Row .th, * html body .AltRow .th, * html body .Controls .th{font-size: 100%;
font-weight: normal;
text-align: left;
vertical-align: top;}/*end*/

/* Class for Application Builder Menu */

.simpleMenu td {font-size: 80%;}

html>body .simpleMenu td {font-size: 100%;}

/*ie6*/

* html body .simpleMenu td {font-size: 100%;}/*end*/

