@charset "utf-8";
/* CSS Document */

body {
	font: 14px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #454a4d;
}

a, img {
    border:none;
} 

.content685 {
	width: 685px;
	float: left;
	position: relative;
	z-index: 1 !important;
	display: block;
}
.content685 p {
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
}
.content685 h1 {
	font: bold 18px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
}
.content685 h2 {
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 5px 0;
}
.content685 a:link    { color: #346294; text-decoration: underline; }
.content685 a:visited { color: #346294; text-decoration: underline; }
.content685 a:hover, a:active, a:focus { color: #5fa6f5; text-decoration: none; }

/* ================================================== */
/* ====== COLORS ==================================== */
/* ================================================== */

.colorText { /* Primary School Color */
	color: #f3570a;
}
.textLightGray {
	color: #bebebe;	
}
.textMediumGray {
	color: #999898;	
}
.boxLightGray {
	background-color: #f3f3f3;
}
.boxGray {
	background-color: #e1e3e6;
}
.boxMediumGray {
	background-color: #b2b6bc;
}
.boxDarkGray {
	background-color: #282b33;
}

/* ======================================================= */
/* ====== MAIN STYLES ==================================== */
/* ======================================================= */


.moduleContainer1 {
	width: 663px;
	height: 80px;
	padding: 10px;
	margin: 0 0 20px 0;
	background-color: #ffffff;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	border-top: 2px solid #e2e2e2;
	position: relative;
	float: left;
	clear: both;
}
.moduleContainer1 p {
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
}
input.buttonFacebook {
	border: 0;
	width: 182px;
	height: 30px;
	background-image: url(../images/button-FB-signin.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 370px;
	top: 51px;
}
.buttonFacebook:hover {
	background-image: url(../images/button-FB-signin-on.gif);
	background-repeat: no-repeat;
}
.buttonFacebook:active {
	background-image: url(../images/button-FB-signin-on.gif);
	background-repeat: no-repeat;
}
input.buttonRegister {
	border: 0;
	width: 182px;
	height: 30px;
	background-image: url(../images/button-CC-register.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 130px;
	top: 50px;
}
.buttonRegister:hover {
	background-image: url(../images/button-CC-register-on.gif);
	background-repeat: no-repeat;
}
.buttonRegister:active {
	background-image: url(../images/button-CC-register-on.gif);
	background-repeat: no-repeat;
}
.moduleHeaderSmall {
	width: 443px;
	height: 26px;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-top: 2px solid #e2e2e2;
	float: left;		
}

.moduleHeaderSmall p {
	font: bold 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0 0 10px;
	float: left;
}

.moduleHeaderSmallEvent {
	width: 443px;
	height: 26px;
	float: left;		
}
.moduleContainerSmallEvent {
    background-color: rgb(255, 255, 255);
    float: left;
    margin: 1px 0 20px;
    padding: 0;
    position: relative;
    width: 443px;
}
.registrationListItems {
	width: 433px;
	height: 18px;
	padding: 0 0 10px 10px;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	float: left;
}
.rliBorderTop {
	border-top: 2px solid #e2e2e2;
}
.registrationListItems ul {
	font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
	margin: 0 0 1px 0;
	text-align: left;
}
.registrationListItems li {
    display: inline-block;
	margin: 0 0 1px 0;
}
.moduleContainerSmall {
	width: 443px;
	padding: 0;
	margin: 0 0 20px 0;
	background-color: #ffffff;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	position: relative;
	float: left;
}
.moduleContainerSmall p {
	font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 5px 0 0;
	padding: 0;
}
.moduleContainerSmall ul {
	font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
	margin: 0 0 1px 0;
	text-align: left;
}
.moduleContainerSmall li {
	width: 434px;
    display: inline-block;
	margin: 0 0 1px 0;
	padding: 0 0 0 10px;
}
.paymentOptions {
	width: 430px;
	height: 40px;
	background-image: url(../images/payment-selection-small.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}


/* ====== STEP 2 Main Styles ==================================== */

.listItems {
	width: 685px;
	height: 18px;
	padding: 0 0 10px 0;
	border-top: 2px solid #e2e2e2;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	float: left;
}
.listItems ul {
	font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
	margin: 0 0 1px 0;
	text-align: left;
}
.listItems li {
    display: inline-block;
	margin: 0 0 1px 0;
}
.moduleContainer2 {
	width: 685px;
	padding: 0;
	margin: 0 0 20px 0;
	background-color: #ffffff;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	border-top: 2px solid #e2e2e2;
	position: relative;
	float: left;
	clear: both;
}
.mc2Padding {
	width: 665px;
	padding: 10px 10px 10px 10px;
}
.moduleContainer2 ul {
	font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
	margin: 0 0 1px 0;
	text-align: left;
}
.moduleContainer2 li {
    display: inline-block;
	margin: 0 0 1px 0;
}
.moduleContainer2 p {
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
}
.overviewColumnRightContainer {
    width: 222px;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
    clear: both;
}

/*---------For TICKET Events Header Titles and Details ----------*/

.regTicket {
	width: 270px;
	padding: 5px 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: left;		
}
.regPrice {
	width: 60px;
	padding: 5px 0;
    margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
.regQuantity {
	width: 55px;
	padding: 5px 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

/*---------For EVENTS Header Titles and Details ----------*/

.evItem {
	width: 275px;
	padding: 5px 0;
	margin: 0 20px 0 10px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}
.evPrice {
	width: 60px;
	padding: 5px 0;
    margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
.evQuantity {
	width: 60px;
	padding: 5px 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.evTotal {
	width: 55px;
	padding: 5px 0;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.evLinks {
	width: 155px;
	padding: 5px 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.evItemDescription {
	width: 120px;
	padding: 5px 0;
	margin: 0 0 0 30px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.evFormFieldContainer {
	width: 520px;
	padding: 5px 0;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

/*---------For ORDER SUMMARY Header Titles and Details ----------*/

.ordTicket {
	width: 230px;
	padding: 5px 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: left;	
}
.ordPrice {
	width: 50px;
	padding: 5px 0;
    margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
.ordQuantity {
	width: 60px;
	padding: 5px 0;
	 margin-right: 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.ordTotal {
	width: 50px;
	padding: 5px 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}


/* ======================================================= */
/* ====== RIGHT SIDE BOX==================================== */
/* ======================================================= */

.overviewColumnRight {
	width: 212px;
	padding: 5px 5px 20px 5px;
	margin: 0 0 20px 10px;
	background-color: #ffffff;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	border-top: 2px solid #e2e2e2;
	position: relative;
	float: right;
	clear: both;
}
.overviewColumnRight p {
	font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 5px 0 0;
	padding: 0;
}
.dateContainer {
	width: 63px;
	margin: 0 10px 0 0;
	background-color: #f3570a;
	text-align: center;
	border-radius: 6px ;
    -moz-border-radius: 6px ;
    -webkit-border-radius: 6px ;
}
.dateContainer p {
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.dateContainer h1 {
	width: 63px;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	background-color: #E1E3E6;
}

.smContainer {
	width: 29px;
	height: 28px;
	margin: 0 5px 0 0;
	display: inline-block;
}

/* ========================================================= */
/* ====== FORM ELEMENTS ==================================== */
/* ========================================================= */

.formField {
	margin: 1px 0 0 0;
	padding: 2px 0 0 2px;
	letter-spacing: 0.02px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}
.formFieldDropdown {
	margin: 0;
	padding: 0;
	letter-spacing: 0.02px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.step3FormFieldContainer {
	width: 230px;
	margin: 0 30px 0 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

/* all */
::-webkit-input-placeholder { font-style: italic;; color: #999999; }
::-moz-placeholder { font-style: italic;; color: #666666;  } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic;; color: #999999; } /* ie */
input:-moz-placeholder { font-style: italic;; color: #999999; }

.radialButton {
	margin: 4px 5px 0 5px;
	padding: 0;
}
.checkBox {
	margin: 4px 0 0 0;
	padding: 0;
}

/* ========================================================= */
/* ====== MISCELLANEOUS ==================================== */
/* ========================================================= */

.seperatorLine {
	width: 685px;
	height: 20px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
}
.logoGeoTrust {
	width: 104px;
	height: 32px;
	position: absolute;
	top: 10px;
	left: 570px;
}
.centerText {
	margin: 0 auto;
	text-align: center;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.floatLeft { 
	float: left;
}
.floatRight { 
	float: right;
}
.inline {
	display: inline;
}
.width35 {
	width: 35px;
}
.width40 {
	width: 40px;
}
.paddingTop8 {
	padding: 8px 0 0 0;
}
.paddingTopBottom8 {
	padding: 8px 0 8px 0;
}
.marginBottom10 {
	margin: 0 0 10px 0;
}
.marginBottom5 {
	margin: 0 0 5px 0;
}
.margin10 {
	margin: 0 0 0 10px;
}
.margin5 {
	margin: 0 5px 0 5px;
}
.width270 {
	width: 270px;
}
.width200 {
    width: 200px;
}
.width150 {
	width: 150px;
}
.width145 {
	width: 145px;
}
.clearfloat { 
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.mcsNoBorder {
 border-left: 0;
 border-right: 0;
 border-bottom: 0; 
}

.moduleContainer3 {
	width: 685px;
	padding: 0;
	margin: 0 0 20px 0;
	background-color: #ffffff;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	border-top: 2px solid #e2e2e2;
	position: relative;
	float: left;
	clear: both;
}
.mc3Padding {
	width: 665px;
	padding: 10px 10px 10px 10px;
}
.moduleContainer3 ul {
	font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 0 2px 10px;
	margin: 0 0 1px 0;
	text-align: left;
}
.moduleContainer3 li {
    display: inline-block;
	margin: 0 0 1px 0;
}
.moduleContainer3 p {
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
}

</style>