<STYLE TYPE='text/css'>
<!--
.hand
{
	cursor:hand;
}

.title
{
	cursor:default;
	font-size: 13pt;
	line-height: 14pt;
	color: 000000;
	text-decoration: none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:500;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
}

.color_class_1
{
	background-color:9fcaf2;
}
.color_class_2
{
	background-color:7aaad7;
}
.color_class_3
{
	background-color:558abb;
}
.color_class_4
{
	background-color:316799;
}
.color_class_5
{
	background-color:195083;
}
.tiny
{
	cursor:default;
	font-size: 8pt;
	line-height: 9pt;
	color: 000000;
	font-weight: normal;
	text-decoration: none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
}

body
{
	cursor:default;
	background-color: #c9e3fb;
	text-align:general;
	margin: 0;
 		padding: 0;
	font-family:Calibri, sans-serif;
	font-size: 11pt;
	line-height: 11pt;
	color: 000000;
	font-weight: 500;
	text-decoration: none;
}
.table_dark
{
	border-collapse: collapse;
	cursor:default;
	font-size: 11pt;
	line-height: 11pt;
	color: f4f9d1;
	font-weight: 500;
	text-decoration: none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	padding-bottom:1px;
	mso-ignore:padding;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:middle;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
	overflow: hidden;
	table-layout:fixed;
	border:2px solid #084c8c;
	text-overflow: ellipsis;
}

.table_dark th
{
	font-size: 12pt;
	line-height: 12pt;
	color: f4f9d1;
	background-color: 084c8c;
	font-weight: 600;
   	}
.table_dark tr:nth-child(even) {background: #e3eefd}
.table_dark tr:nth-child(odd) {background: #b8d3fc}
.table_dark tr:hover {background: #ebfacb}

.error
{
	cursor:default;
	background-color: cf0606;
	font-size: 11pt;
	line-height: 11pt;
	color: ffffff;
	font-weight: normal;
	text-decoration: none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}
.warning
{
	cursor:default;
	background-color: f7f023;
	font-size: 11pt;
	line-height: 11pt;
	color: 000000;
	font-weight: normal;
	text-decoration: none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}
.printONLY
{
	display: none;font-size: 8pt;
	line-height: 11pt;color:000000;
	font-weight: normal;
	text-decoration:none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}
.alt1
{
	cursor:default;
	background-color: d1e8f7;
	font-size: 9pt;
	line-height: 11pt;
	color: 000000;
	font-weight: normal;
	text-decoration: none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}
.highlight
{
	cursor:default;
	background-color: F9F2A5;
	font-size: 9pt;
	line-height: 11pt;
	color: 000000;
	font-weight: normal;
	text-decoration: none;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}
.noprint
{
	cursor:default;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	font-weight:400;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}
.clear {overflow: hidden;width: 100%;}
.ltbutton a
{
	font-weight:700;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	font-size: 10pt;
	line-height: 11pt;
	display: block;
	color: #0d2f4f;
	background-color: #75a4d0;
	text-decoration: none;
	border-top: 1px solid #88b5df;
	border-left: 1px solid #88b5df;
	border-right: 1px solid #3e6f9d;
	border-bottom: 1px solid #3e6f9d;
	padding: 2px 1px 3px 10px; /* padding goes padding: top,right,bottom,left */
	text-align: left;
}
.ltbutton a:hover
{
	background-color: #88b5df;
	font-weight:800;
	color: #0d2f4f;;
	border-top: 1px solid #a2cbf1;
	border-left: 1px solid #a2cbf1;
	border-right: 1px solid #3e6f9d;
	border-bottom: 1px solid #3e6f9d;
	padding: 2px 1px 3px 10px; /* padding goes padding: top,right,bottom,left */
	text-align: left;
}
.ltbutton a:active
{
	background-color: #5486b4;
	font-weight:900;
	color: #FFFFFF;
	border-top: 1px solid #3e6f9d;
	border-left: 1px solid #3e6f9d;
	border-right: 1px solid #88b5df;
	border-bottom: 1px solid #88b5df;
	padding: 3px 0px 2px 11px; /* padding goes padding: top,right,bottom,left */
	text-align: left;
}
.truncate
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main{
	font-family:Calibri, sans-serif;
	font-size: 12pt;
	line-height: 13pt;
	color: 000000;
	font-weight: 400;
	text-decoration: none;
	background:#9fcaf2;
	width: 640px;
	height: 325px;
	position: relative;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
}
.mainBubble{
	font-family:Calibri, sans-serif;
	font-size: 12pt;
	line-height: 13pt;
	color: 000000;
	font-weight: 400;
	text-decoration: none;
	background:#9fcaf2;
	position: relative;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
}
.euro
{
	color:#ffffff; /* white text to be visible on dark background */
	position: absolute;
	top: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.dialog
{
	background:#fefefc;
	position: absolute;
	top: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
	.dialog:active
	{
	 background:#faf7b2;
	}
	.dialog:hover
	{
	 background:#faf7b2;
	}
	.dialog:focus
	{
	 background:#faf7b2;
	}
.dialog_text
{
	position: absolute;
	top: 6px;
	left: 10px;
}

.enrollmentSelection
{
	position: absolute;
	max-height:30px;
	max-width:500px;
	bottom: 10px;
	left: 10px;
}
.eventSelection
{
	background:#fefefc;
	position: relative;
	top: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */

}
	.eventSelection:active
	{
	 background:#faf7b2;
	}
	.eventSelection:hover
	{
	 background:#faf7b2;
	}
	.eventSelection:focus
	{
	 background:#faf7b2;
	}

.bubble
{
	background:#deedfb; /* light Bubble Blue */
	position: absolute;
	vertical-align: bottom;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
}
	.antibubble
	{
		background:#9fcaf2; /* background blue */
		/*background:#f6f8fa; /* white */
		position: absolute;
		vertical-align: bottom;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px; /* future proofing */
		-khtml-border-radius: 20px; /* for old Konqueror browsers */
	}

.eventBubble
{
	background:#deedfb; /* light Bubble Blue */
	position: relative;
	vertical-align: top;
	min-height:100px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.eventBubbleEntered
{
	background:#69f898; /* Green enrollment is good color */
	position: relative;
	vertical-align: bottom;
	min-height:100px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;

}
.eventBubbleWarning
{
	background:#f2f772; /* Red Warning color that there are problems with event selection being incomplete */
	position: relative;
	vertical-align: bottom;
	min-height:100px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.eventBubbleConflict
{
	background:#f93039; /* Red Warning color that there are problems with event selection being incomplete */
	position: relative;
	vertical-align: bottom;
	min-height:100px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.inside{
	position: absolute;
	vertical-align: bottom;
}

.menu a
{
	display: block;
	color: #faedca;
	background-color: #054580;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */

	text-decoration: none;
	border-top: 1px solid #735f2c;
	border-left: 1px solid #735f2c;
	border-right: 1px solid #362701;
	border-bottom: 1px solid #362701;
	padding: 2px 1px 3px 10px;/* padding goes padding: top,right,bottom,left */
	text-align: left;
}
.menu a:hover
{
	background-color: #0f5290;
	color: #faedca;
	border-top: 1px solid #735f2c;
	border-left: 1px solid #735f2c;
	border-right: 1px solid #362701;
	border-bottom: 1px solid #362701;
	padding: 2px 1px 3px 10px;/* padding goes padding: top,right,bottom,left */
	text-align: left;
}
.menu a:active
{
	background-color: #0f5290;
	color: #faedca;
	border-top: 1px solid #362701;
	border-left: 1px solid #362701;
	border-right: 1px solid #735f2c;
	border-bottom: 1px solid #735f2c;
	padding: 3px 0px 2px 11px;/* padding goes padding: top,right,bottom,left */
	text-align: left;
}.menuEnrolled a
{
	display: block;
	color: #000000;
	background-color: #69f898;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */

	text-decoration: none;
	border-top: 1px solid #c6fdd8;
	border-left: 1px solid #c6fdd8;
	border-right: 1px solid #078c33;
	border-bottom: 1px solid #078c33;
	padding: 2px 1px 3px 10px;/* padding goes padding: top,right,bottom,left */
	text-align: left;
}
.menuEnrolled a:hover
{
	background-color: #9dfbbc;
	color: #000000;
	border-top: 1px solid #c6fdd8;
	border-left: 1px solid #c6fdd8;
	border-right: 1px solid #078c33;
	border-bottom: 1px solid #078c33;
	padding: 2px 1px 3px 10px;/* padding goes padding: top,right,bottom,left */
	text-align: left;
}
.menuEnrolled a:active
{
	background-color: #9dfbbc;
	color: #000000;
	border-top: 1px solid #078c33;
	border-left: 1px solid #078c33;
	border-right: 1px solid #c6fdd8;
	border-bottom: 1px solid #c6fdd8;
	padding: 3px 0px 2px 11px;/* padding goes padding: top,right,bottom,left */
	text-align: left;
}

.blurbRight
{
	position: absolute;
	text-align: left;
	background-color: #b4e5fc;
	border: 4px solid #3e7994;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 1px 1px 1px #000000;
	-moz-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #000000;
	cursor:default;
	font-size: 14pt;
	line-height: 14pt;
	color: 000000;
	text-decoration: none;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	mso-ignore:padding;
	font-weight:500;
	font-family:Calibri, sans-serif;
	letter-spacing: 0.04em;
	mso-font-charset:0;
	mso-number-format:General;

}
.blurbRight:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -40px;
	bottom: 30px;
	border: 20px solid;
	border-color: transparent #3e7994 #3e7994 transparent;
}

.blurbRight:after
{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: -30px;
	bottom: 34px;
	border: 15px solid;
	border-color: transparent #b4e5fc  #b4e5fc transparent;

}

.blurbAbove
{
	position: absolute;
	background-color: #b4e5fc;
	border: 4px solid #3e7994;
	max-width: 500px;
	min-width: 100px;
	max-height: 400px;
	min-height: 100px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 2px 2px 4px #000000;
	-moz-box-shadow: 2px 2px 4px #000000;
	box-shadow: 2px 2px 4px #000000;
}
.blurbAbove:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	bottom: -50px;
	border: 25px solid;
	border-color: #3e7994 transparent transparent #3e7994;
}
.blurbAbove:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 34px;
	bottom: -38px;
	border: 19px solid;
	border-color: #b4e5fc transparent transparent #b4e5fc;
}

.eventPicker
{
	position: absolute;
	background:#054580; /* dark Bubble Blue, same as the dark button color*/
	max-width:500px;
	min-width:400px;
	min-height:95px;
	max-height:235px;
	z-index:2;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
.x
{
	position:absolute;
	top:10px;
	right:10px;
	color:#000000;
	align:left;
	background:#c3c7c8;
	border: 2px solid ;
	border-color:#ffffff #000000 #000000 #ffffff;
	max-width:15px;
	min-width:15px;
	max-height:15px;
	min-height:15px;
	align:center;
	font-weight:900;
	font-size:16px;
	text-align:center;
}
.x:after
{
	content: 'x';
	position: absolute;
	width: 0;
	height: 0;
	left: 4px;
	bottom: 17px;
}
.blackBar
{
	background: #000000;
}


.scheduleBar
{
	position:absolute;
	cursor: help;
	height:15px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	font-family:Calibri, sans-serif;
	font-size: 11pt;
	line-height: 11pt;
	font-weight: 800;
}
.scheduleBarRange
{
	position:absolute;
	height:12px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	font-family:Calibri, sans-serif;
	font-size: 10pt;
	line-height: 10pt;
	font-weight: 600;
}
.vertGridLine
{
	position:absolute;
	background:#000000;
	top:20px;
   	width: 1px;
}
.vertGridLineHalfHour
{
	position:absolute;
	background:#d5d4d2;
	top:20px;
   	width: 1px;
}
.horizGridLine
{
	position:absolute;
	background:#000000;
   	height: 1px;
   	left: 50px;
}

.gridTimes
{
	position:absolute;
	font-family:Calibri, sans-serif;
	font-size: 8pt;
	line-height: 8pt;
	font-weight: 400;
	top:-46px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.enrollmentGrid
{
	font-family:Calibri, sans-serif;
	font-size: 10pt;
	line-height: 11pt;
	font-weight: 400;
	text-align: right;
	white-space:nowrap;
	overflow: hidden;

}

.button2lt {display: inline-block;padding: 2px 10px;color: #000000;transition: all 0.3s;position: relative;overflow: hidden;text-decoration: none;font-weight:900;text-transform: uppercase;font-size: 12px;white-space:nowrap;font-family: Arial;z-index: 1;}
.button2lt:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: #B7D9F8;color: #000000;border-radius: 10rem;z-index: -2;}
.button2lt:before {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background-color: #e8a010;transition: all 0.3s;border-radius: 10rem;z-index: -1;}
.button2lt:hover {color: #0d64b5;}
.button2lt:hover:before {width: 100%;}

.button2dk {display: inline-block;padding: 2px 10px;color: #FFFFFF;transition: all 0.3s;position: relative;overflow: hidden;text-decoration: none;font-weight:900;text-transform: uppercase;font-size: 12px;white-space:nowrap;font-family: Arial;z-index: 1;}
.button2dk:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: #0d64b5;color: #000000;border-radius: 10rem;z-index: -2;}
.button2dk:before {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background-color: #e8a010;transition: all 0.3s;border-radius: 10rem;z-index: -1;}
.button2dk:hover {color: #0d64b5;}
.button2dk:hover:before {width: 100%;}

.button2wh {display: inline-block;padding: 2px 10px;color: #000000;transition: all 0.3s;position: relative;overflow: hidden;text-decoration: none;font-weight:900;text-transform: uppercase;font-size: 12px;white-space:nowrap;font-family: Arial;z-index: 1;}
.button2wh:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: #ffffff;color: #000000;border-radius: 10rem;z-index: -2;}
.button2wh:before {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background-color: #e8a010;transition: all 0.3s;border-radius: 10rem;z-index: -1;}
.button2wh:hover {color: #0d64b5;}
.button2wh:hover:before {width: 100%;}


.buttonlink {display: block;}


.pageTitle {
    text-align: center;
    margin-top: 20px;
    font-size: 40px;
    font-family: "Domine" !important;
}

.form-group {
    width: 290px;
}

.formInner {
    font-family: 'Abel' !important;
    width: 500px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
}

#payButton {
    width: 290px;
    display: block;
    margin: 20px auto;
    height: 50px !important;
    font-size: 20px;
    background-color: #1CC48B;
    border-color: #1CC48B;
    box-shadow: 0 3px 10px #bbbbbb;
}

#payButton:hover {
    background-color: #19C687;
    border-color: #19C687;
    box-shadow: 0 3px 4px #bbbbbb;
}

#payButton:active {
    opacity: 0.7;
}

.checkboxLabel {
    margin: 0 0 0 7px;
}

.payment-field {
    border-radius: 2px;
    width: 48%;
    margin-bottom: 14px;
    box-shadow: 0 2px 8px #dddddd;
    font-size: 16px;
    transition: 200ms;
}

.payment-field input:focus {
    border: 3px solid #1CC48B;
    outline: none !important;
}

.payment-field:hover {
    box-shadow: 0 2px 4px #dddddd;
}

.payment-field input {
    border: 3px solid #FFFFFF;
    width: 100%;
    border-radius: 2px;
    padding: 4px 8px;
}

#payment-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#ccnumber {
    width: 100%;
    font-size: 24px;
}

#ccexp,
#cvv {
    font-size: 20px;
}

#paymentTokenInfo {
    width: 600px;
    display: block;
    margin: 30px auto;
}

.separator {
    margin-top: 30px;
    width: 100%;
}



//-->
</STYLE>
