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

/* BEGIN Common */
body { 
	font-family: Tahoma;font-size: 80%;
	/* background-image: url('Images/PageBg.gif'); */
	}

.text { 
	color: #000000 
	}

a.menulink:link, a.menulink:visited { 
	color: #0059b2;
	}

a.menulink:hover, a.menulink:active { 
	color: #ff0000;
	}


a:link { 
	color: #0059b2;
	}

a:visited { 
	color: #840084;
	}

a:hover,a:active { 
	color: #ff0000;
	}

ul, ol, blockquote { 
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-left: 20px 
	}

form {
	margin: 0px;
	}

h1	{
	font-size: 150%;
	margin-top: 5px; 
	margin-bottom: 5px;
	}

h2	{ 
	font-size: 130%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h3	{ 
	font-size: 110%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h4	{ 
	font-size: 100%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h5	{ 
	font-size: 100%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h6	{ 
	font-size: 90%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

th	{ 
	font-family: Tahoma;font-size: 80%;
	}

td { 
	font-family: Tahoma;font-size: 80%;
	}

/* END Common */

.Header {
	width:100%;
	}

.Header th
{
	padding-right: 4px;
	padding-left: 4px;
	font-size: 24px;
	padding-bottom: 4px;
	width: 100%;
	color: #000000;
	padding-top: 4px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-align: left;
}

.Header a:link { 
	color: #ffffff;
	}

.Header a:visited { 
	color: #ffffff;
	}

.Header a:hover, .Caption a:active { 
	color: #ffffff; text-decoration: none;
	}

.HeaderLeft { 
	/*background-image: url('Images/HeaderLeft.gif');*/
	}

.HeaderRight { 
	/*background-image: url('Images/HeaderRight.gif');*/
	}

.HeaderLeft img{
	width: 14px;
	}

.HeaderRight img{
	width: 14px;
	}


/* Grid Options */
.Grid { 
	border-left: 1px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
	width: 100%;
	}

.Caption th { 
	font-size: 80%;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	/*background-image: url('Images/CaptionBg.gif');*/
	color: #000000;
	background-color:#E8E8E8;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 80%;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

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

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

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

.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: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	white-space: nowrap;
	background-color: #E8E8E8;
	color: #000000;
}

.Row td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 3px solid #AEAEAE;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
}


.Row a:link { 
	color: #0059b2;
	}

.Row a:visited { 
	color: #840084;
	}

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

.Separator{
	color: #3d84cc;
	}

.Separator td{
	height: 1px;
	}


.AltRow th { 
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	background-color: #f7f7f7;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #ebf2f8; 
	color: #000000;
	}

.AltRow a:link { 
	color: #0059b2;
	}

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

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

.NoRecords td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	background-color: #f7f7f7; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	background-color: #dfdfdf;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Footer a:link { 
	color: #0059b2;
	}

.Footer a:visited { 
	color: #840084;
	}

.Footer a:hover, .Footer a:active { 
	color: #ff0000;
	}

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

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

/* Record Options */
.Record { 
	border-left: 1px solid #3d84cc;
	border-bottom: 1px solid #3d84cc;
	width: 100%;
	}

.Error td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7; 
	}

.Controls th { 
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	background-color: #f7f7f7;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}

.Bottom td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	background-color: #dfdfdf;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Bottom a:link { 
	color: #0059b2;
	}

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

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

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

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

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

.GroupCaption td{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	vertical-align: top;
	font-weight: bold;
	background-color: #000000;
	color: #000000;
}

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

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

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



	/*????????????????????????????????????????*\
	***          CMS Specific Classes        ***
	\*????????????????????????????????????????*/

.StyleB_Row th { 
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 3px solid #AEAEAE;
	white-space: nowrap;
	background-color: #E8E8E8;
	color: #000000;
}

.StyleB_Row td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 3px solid #AEAEAE;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
	color: #000000;
}

.StyleB_Row a:link, .StyleB_Row a:visited { 
	color: #ff0000;
}

.StyleB_Row a:hover, .StyleB_Row a:active { 
	color: #000000;
}


.StyleC_Row th { 
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 3px solid #AEAEAE;
	white-space: nowrap;
	background-color: #E8E8E8;
	color: #000000;
}

.StyleC_Row td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 3px solid #AEAEAE;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
	color: #000000;
}

.StyleC_Row a:link, .StyleC_Row a:visited { 
	color: #00ff00;
}

.StyleC_Row a:hover, .StyleC_Row a:active { 
	color: #000000;
}


.Events_Row th { 
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 3px solid #AEAEAE;
	white-space: nowrap;
	background-color: #E8E8E8;
	color: #000000;
}

.Events_Row td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #AEAEAE;
	border-right: 3px solid #AEAEAE;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
	color: #000000;
}

.Events_Row a:link, .Events_Row a:visited { 
	color: #0000ff;
}

.Events_Row a:hover, .Events_Row a:active { 
	color: #000000;
}


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

.GroupFooter a:link {
	color: #0059b2;
	}

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

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

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

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

.SubTotal td{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	border-bottom: 2px solid #3d84cc;
	vertical-align: top;
	font-weight: bold;
	background-color: #ebf2f8; 
	color: #000000;
	}

.SubTotal a:link {
	color: #0059b2;
	}

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

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

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

.Total a:link {
	color: #0059b2;
	}

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

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

/* Form Options */
.Button { 
	background-color: #ebf2f8;
	color: #000000;
	border: solid 1px #3d84cc;
	padding: 2px;
	font-weight: bold;
	font-size: 85%;
	font-family: Tahoma;
	}

/* Calendar */

.Calendar { 
	width: 100%;
	background-color: #AEAEAE;	
	}


.calendarCellHeader{
	background-color:#CFCFCF;
	padding:3px;
	height:24px;
}	

.CalendarWeekdayName{
	position:relative;
	height:20px;
	width:626px;
	background-color:#AEAEAE;
	z-index: 1;
	text-align:center;
	font-face:Arial, Helvetica, sans-serif;
	font-size:12px;	
	}

.CalendarWeekdayName a:link {
	color: #0059b2;
	}

.CalendarWeekdayName a:visited{
	color: #840084;
	}

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

.CalendarWeekendName{
	position:relative;
	height:20px;
	width:626px;
	background-color:#AEAEAE;
	z-index: 1;
	text-align:center;
	font-face:Arial, Helvetica, sans-serif;
	font-size:12px;
		
	}

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

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

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

/* Calendar Day */
.CalendarDay{
	border-color:#AEAEAE;
	border-top-width:0px;
	border-left-width:0px;
	border-style:solid;
	background-color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;	
	}

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

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

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

/* Calendar Weekend */
.CalendarWeekend{
	border-color:#AEAEAE;
	border-top-width:0px;
	border-left-width:0px;
	border-style:solid;
	background-color:#E8E8E8;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;	
	}

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

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

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

/* Calendar Today */
.CalendarToday {
	border-color:#c8c8c8;
	border-top-width:0px;
	border-left-width:0px;
	border-style:solid;
	background-image:url(Images/Layout2_month_03.jpg);
	background-repeat:repeat-x;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;	
	}

.CalendarToday a:link {
	/* color: #0059b2; */
	color:#FFFFFF:
	}

.CalendarToday a:visited{
	/* color: #840084; */
	color:#FFFFFF:
	}

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

/* Calendar Weekend Today */
.CalendarWeekendToday {
	border-color:#AEAEAE;
	border-top-width:0px;
	border-left-width:0px;
	border-style:solid;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	background-color:#FFFFFF;
	}

.CalendarWeekendToday a:link {
	/* color: #0059b2; */
	color:#FFFFFF:
	}

.CalendarWeekendToday a:visited{
	/* color: #840084; */
	color:#FFFFFF:
	}

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

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	border-color:#AEAEAE;
	border-top-width:0px;
	border-left-width:0px;
	border-style:solid;
	background-color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	
	}

.CalendarOtherMonthDay a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc;
	border-right: 3px solid #3d84cc;
	border-left: 2px solid #3d84cc;
	border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	border-color:#AEAEAE;
	border-top-width:0px;
	border-left-width:0px;
	border-style:solid;
	background-color:#E8E8E8;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;	
	}

.CalendarOtherMonthWeekend a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #3d84cc;
	}

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

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc;
	border-right: 3px solid #3d84cc;
	border-left: 2px solid #3d84cc;
	border-bottom: 2px solid #3d84cc;
	text-align: center;
	color: #3d84cc;
	background-color: #ebf2f8;	
	}

.CalendarOtherMonthWeekendToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #3d84cc;
	}

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

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc;
	border-right: 1px solid #3d84cc;
	background-color: #dfdfdf;
	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: #ff0000;
	}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	background-color: #AEAEAE;
	}

.CalendarNavigator a:link {
	color: #0059b2;
	}

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

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

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

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

.CalendarEvent a:link {
	color: #0059b2;
	}

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

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #ff0000;
	}
	
.StyleA_CalendarEvent {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
}

.StyleA_CalendarEvent b {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
}
	
.CalendarToday .StyleB_CalendarEvent {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
}

.CalendarToday .StyleB_CalendarEvent b {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
}

.CalendarEvent a:link {
	color:Black;
	font-weight:normal;	
	}



/*????????????????????????????????????????????????????????????????????????*
**                       Event & Registration Styles                      **
 *????????????????????????????????????????????????????????????????????????*/
.CalendarHeader {
	text-align:left;
	font-family:Arial, Verdana;
	font-size:24px;
	width:440px;
	color:#000;
}

.CalendarEventTable {
	border:solid 5px #AEAEAE;
	border-collapse:collapse;
	width:440px;
	font-size:12pt;
}

.CalendarRegistration {
	border:solid 5px #AEAEAE;
	border-collapse:collapse;
	width:440px;
	font-size:12pt;

}
.CalendarSubHeader {
	background-color:#AEAEAE;
	font-family:Arial, Verdana;
	font-weight:bold;
	font-size:12pt;
	padding-left:10px;
}

.Introduction {
	padding: 10px 7px 47px 7px;
	background-color:#FFF;
}

.UpperSpace {
	height:30px;
	background-color:#FFF;
}

.LowerSpace {
	height:95px;
	background-color:#FFF;
}

.Seperator {
	height:10px;
	background-color:#FFF;
}

.EventTitle {
	font-weight:bold;
	background-color:#E8E8E8;
	width:100px;
	padding:5px 0px 5px 5px;
	vertical-align:top;
	text-align:left;
}

.EventDetails {
	background-color:#E8E8E8;
	padding:5px 5px 5px 0px;
	height:18px;
	width:auto; /* In replace of the asterix */
}

.SignupTitle {
	font-weight:bold;
	background-color:#E8E8E8;
	width:150px;
	padding:5px 0px 5px 5px;
	vertical-align:top;
	text-align:left;
}

.SignupDetails {
	background-color:#E8E8E8;
	padding:5px 5px 5px 0px;
	height:18px;
	width:310px;
	/*width:auto; /* In replace of the asterix */
}

.EventNavigation {
	background-color:#AEAEAE;
	text-align:right;
	font-family:Arial, Verdana;
	height:50px;
	vertical-align:middle;
	font-weight:bold;
	padding-right:30px;
}

.Spacer {
	display:inline;
	width:10px;
}

input[image] {
	vertical-align:middle;
	display:inline;
	border:2px solid #F00;
}

a {
	color:#000;
	border-width:0px;
	text-decoration:none;
}
select, input {
	background-color:#FFF;
}

a.eventLink:link {
	vertical-align:middle;
	color:#000000;
	font-size:12pt;
	text-decoration:none;
}
a.eventLink:visited {
	vertical-align:middle;
	color:#000000;
	font-size:12pt;
	text-decoration:none;
}
a.eventLink:hover {
	vertical-align:middle;
	color:#000000;
	font-size:12pt;
	text-decoration:none;
	font-weight:bold;
}

a.eventLink:active {
	vertical-align:middle;
	color:#000000;
	font-size:12pt;
	font-weight:bold;
}