/* Store-Item.CSS */
.content685 input[type=checkbox], .content685 input[type=radio] {
	margin:0;
}
.colorText { /* Primary School Color */
	color: #f3570a;
}
.textLightGray {
	color: #bebebe;	
}
.textMediumGray {
	color: #999898;	
}
#changessavedcontainer { 
	position:relative;
	left:-9999px;
	z-index:9999; 
}
#changessaved { 
	position:fixed;
	top:50%;
	left:50%;
	background:#fff;
	color:#000;
	padding:10px;
	border-radius:10px;
}
#PreviousOrders table {
	margin-top:10px;
	width:100%;
}
#PreviousOrders table th, #PreviousOrders table td {
	padding:3px;
}
.epClassmateSearch {
	padding:10px 0;
}
.content685 {
	zoom:1;
}
.content685:before,
.content685:after {
  content:'';
  display:table;
}
.content685:after {
  clear:both;
}
/* ======================================================= */
/* ====== MAIN STYLES ==================================== */
/* ======================================================= */

.boxLightGray {
	background-color: #f3f3f3;
}
.boxGray {
	background-color: #e1e3e6;
}
.boxMediumGray {
	background-color: #b2b6bc;
}
.boxDarkGray {
	background-color: #282b33;
}
.listItems2, .listItems2 ul, .listItems2 li {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	zoom:1;
}
.listItems2 li:before,
.listItems2 li:after {
  content:'';
  display:table;
}
.listItems2 li:after {
  clear:both;
}
.listItems2 {
	display:none;
	background:#f3f3f3;
	border-top: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
}
#cart {
	width:100%;
}
#cart > p {
	padding:10px;
	display:block;
	width:100%;
}
.epProducts {
	width: 100%;
	padding:14px 0 0 14px;
	background:#e2e2e2;
	zoom:1;
	vertical-align:top;
	text-align:center;
}
.epProducts:before,
.epProducts:after {
  content:'';
  display:table;
}
.epProducts:after {
  clear:both;
}

.storeitemContainer {
	width:100%;
	margin:0;
	padding:10px;
	background-color: #ffffff;
	position: relative;
	float:none;
}
.epProducts .storeitemContainer, .storeitemContainer.product {
	width:192px;
	margin:0 14px 14px 0;
	display:inline-block;
	border:2px solid #ddd;
	vertical-align:top;
	text-align:left;
}
.storeitemPhotoContainer {
	width: 100%;
	margin:0 -5px 0 -5px;
	padding: 0;
	position: relative;
	display:block;
	text-align:center;
}

.storeitemPhotoContainer img {
	max-width:182px;
	max-height:182px;	
}
.storeitemContainer p {
	margin: 0 5px 0 0;
	padding: 0;
}
.storeitemContainer ul {
  display:block;
	width:100%;
	padding:0;
	margin:0;
}
.storeitemContainer li, .storeitemContainer .option {
  display:block;
	width:100%;
	padding:0;
	margin:0;
	zoom:1;
}

.storeitemContainer li:before, .storeitemContainer .option:before, .storeitemContainer:before,
.storeitemContainer li:after, .storeitemContainer .option:after, .storeitemContainer:after {
  content:'';
  display:table;
}
.storeitemContainer li:after, .storeitemContainer .option:after, .storeitemContainer:after {
  clear:both;
}
/*---------For ITEM details ----------*/

.storeitemDescription {
	width: 100%;
	padding: 5px 0;
	float:none;	
}
.storeitemPrice {
	width: 100%;
	padding: 5px 0;
	float:none;
	font-weight:bold;
}
.storeitemDetails {
	width: 100%;
	padding: 5px 0;
	float:none;
}
.storeitemLabel {
	display:block;
}

.storeitemDropdown {
	display:block;
}
.epProducts .storeitemLabel {
	display:inline-block;
	width:auto;
	padding: 5px 0;
	text-align:left;
	float:none;
}

.epProducts .storeitemDropdown {
	display:inline-block;
	width:auto;
	padding: 5px 0;
	float:none;
}
.epProducts .addtocart {
	width:91px;
	display:block;
	margin:10px auto 5px auto;
}




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

.formFieldDropdown {
	display:block;
}

/* 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; }


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


.floatLeft { 
	float: left;
}
.floatRight { 
	float: right;
}
.inline {
	display: inline;
}
.paddingTop8 {
	padding: 8px 0 3px 0;
}
.marginTop10 {
	margin: 10px 0 0 0;
}
.clearfloat { 
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}



/* default.css */
.epModuleContainer {
	position:relative;
	display:block;
}

.epModule {
	border:2px solid #e2e2e2;
	margin-bottom:20px;
	margin-right:240px;
}
.epTable table {
	width:100%;
	border-collapse:collapse;
	border:2px solid #ccc;
}
.epTable table th {
	background:#ddd;
	text-align:left;
	padding:5px;
	border:1px solid #999;
}
.epTable table td {
	padding:5px;
	border:1px solid #999;
}
.overviewColumnRightContainer {
	position:absolute;
	width: 230px;
	padding: 0;
  margin: 0;
	top:0;
	right:0;
}

/* ================================================== */
/* ====== 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;
}

.moduleHeaderSmall {
}

.moduleHeaderSmall p {
	margin:0;
	padding:5px 0 0 10px;
	font-weight:bold;
}

.moduleHeaderSmallEvent {
	margin-right: 240px;
}
.moduleHeaderSmallEvent p {
	margin:0;
	padding:5px 0 0 10px;
	font-weight:bold;
}
.moduleContainerSmallEvent {
	background-color: rgb(255, 255, 255);
	padding:0 10px 10px 10px;
	position: relative;
	margin-right: 240px;
}
.registrationListItems {
	width:100%;
	padding: 0 10px 0 10px;
	display:none;
}
.rliBorderTop {
	border-top: 2px solid #e2e2e2;
}
.registrationListItems ul {
	width:100%;
  display: block;
	margin:0;
	padding:0;
}
.registrationListItems li {
	width:100%;
  display: block;
	margin: 0;
	zoom:1;
}
.registrationListItems li:before,
.registrationListItems li:after {
  content:'';
  display:table;
}
.registrationListItems li:after {
  clear:both;
}
.moduleContainerSmall {
	width: 100%;
	padding:0;
	margin:0;
	background-color:#ffffff;
	position:relative;
}
.moduleContainerSmall > div {
	padding:0 10px;
}
.moduleContainerSmall p {
	margin: 0 5px 0 0;
	padding: 0;
}
.moduleContainerSmall ul {
	padding: 2px 0 2px 0;
	margin: 0 0 1px 0;
	text-align: left;
}
.moduleContainerSmall li {
	width: 100%;
 	display: inline-block;
	margin: 0 0 1px 0;
	padding: 0 10px 0 10px;
}
.paymentOptions {
	width: 430px;
	height: 40px;
	background-image: url(../../../assets/images/payment-selection-small.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
.evFormFieldContainer center {
	text-align:left;
}
.evFormFieldContainer fieldset, .form-horizontal fieldset, .content685 fieldset {
	width:100%;
	margin-top:10px;
	border:1px solid #e5e5e5;
	border-radius:6px;
	padding:10px;
}
.evFormFieldContainer legend, .form-horizontal legend, .content685 legend {
	width:auto;
	font-size:14px;
	border:1px solid #e5e5e5;
	border-radius:6px;
	text-align:left;
	display:inline-block;
	padding:5px 10px;
	margin:20px 0 5px 0;
	background:#e5e5e5;
}
.evFormFieldContainer legend:before {
	font-family:FontAwesome;
	display:inline-block;
	padding-right:5px;
	content:'\f002 ';
}
.evFormFieldContainer td {
	padding-bottom:5px;
}
.ClassmateList a:before {
	font-family:FontAwesome;
	display:inline-block;
	padding-right:5px;
	content:'\f007 ';	
}
.evFormFieldContainer .checkbox {
	padding-left:10px;
}
.epNamesAttending {
	width:160px;
	display:inline-block;
}
.epAttendeeNumber {
	width:18px;
	display:inline-block;
	
}
.epAttendeeName {
	width:220px;
	display:inline-block;
}
.epAttendeeName input[type=text] {
	width:100%;
}

/* ====== STEP 2 Main Styles ==================================== */
.epRegContainer {
	display:block;
	margin-bottom:20px;
	border:2px solid #e2e2e2;
	background:#fff;
	
}
.listItems {
	padding:0 5px;
	border-bottom:2px solid #e2e2e2;
	display:none;
}
.listItems ul {
	padding:0;
	margin:0;
	text-align: left;
}
.listItems li {
	width:100%;
  display: block;
	margin:0;
  zoom:1;
}
.listItems li:before,
.listItems li:after {
  content:'';
  display:table;
}
.listItems li:after {
  clear:both;
}
.moduleContainer2 {
	padding: 0;
	margin: 10px;
	background-color: #ffffff;
	position: relative;
}
.moduleContainer2 ul {
	font-size:12px;
	padding: 0;
	margin: 0;
	text-align: left;
}
.moduleContainer2 li {
	width:100%;
  display: block;
	margin: 0;
	zoom:1;
}
.moduleContainer2 li:before,
.moduleContainer2 li:after {
  content:'';
  display:table;
}
.moduleContainer2 li:after {
  clear:both;
}
.moduleContainer2 p {
	margin: 0;
	padding: 0;
}

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

.regTicket {
	width: 65%;
	padding: 5px 0;
	display: block;
	float:left;		
}
.regPrice {
	width: 20%;
	padding: 5px 0;
	display: block;
	float:left;		
}
.regQuantity {
	width: 15%;
	padding:5px 0;
	display: block;
	float:left;		
}

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

.evProductTotal {
	width:75%;
	padding: 5px 0;
	display: none;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	float:left;
}
.evItem {
	width: 100%;
	padding: 5px 0;
	display: block;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	float:left;
}
.evPrice {
	width: 30%;
	padding: 5px;
	display: block;
	vertical-align: top;
	text-align: right;
	float:left;
}
.evPrice:before {
	font-style:italic;
	content:'Price: ';
}
.evQuantity {
	width: 25%;
	padding: 5px 0;
	display: block;
	vertical-align: top;
	text-align: center;
	float:left;
}
.evQuantity:before {
	font-style:italic;
	content:'Qty: ';
}
.evTotal {
	width: 30%;
	padding: 5px 0;
	display: block;
	vertical-align: top;
	text-align: right;
	float:left;
}
.evTotal:before {
	font-style:italic;
	content:'Total: ';
}
.evLinks {
	width: 15%;
	padding: 5px 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	float:left;
}

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

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

.evLinks .inline, a.removeitem {
	line-height: 0; 
	font-size: 0;
	color: transparent;
	margin-right:10px;
}	
.evLinks .inline:before, a.removeitem:before {
	font-family:FontAwesome;
	line-height: 14px; 
	font-size:14px;
	color: #222;
	content:'\f040';
}
.evLinks .margin10:before, a.removeitem:before {
	content:'\f014';
}
.epQuestionContainer br {
	display:none;
}
.epQuestionContainer {
	padding:10px 0;
}
.epQuestion {
}

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

.ordTicket {
	width: 100%;
	padding: 5px 0;
	display: block;
	vertical-align: top;
	text-align: left;	
	float:left;
}
.ordPrice {
	width: 40%;
	padding: 5px 0;
	display: block;
	vertical-align: top;
	text-align: right;
	float:left;
}
.ordPrice:before {
	font-style:italic;
	content:'Price: ';
}
.ordQuantity {
	width: 30%;
	padding: 5px 0;
	display: block;
	vertical-align: top;
	text-align: center;
	float:left;
}
.ordQuantity:before {
	font-style:italic;
	content:'Qty: ';
}
.ordTotal {
	width: 30%;
	padding: 5px 0;
	display: block;
	vertical-align: top;
	text-align: right;
	float:left;
}
.ordTotal:before {
	font-style:italic;
	content:'Total: ';
}
.padding5 .ordPrice:before, .padding5 .ordQuantity:before, .padding5 .ordTotal:before {
	content:'';
}

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

.overviewColumnRight {
	width:100%;
	padding:5px;
	margin:0 0 20px 0;
	background-color: #ffffff;
	border: 2px solid #e2e2e2;
	position: relative;
}
.overviewColumnRight p {
	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;
	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;
}

.epMapContainer {
	width:100%;
}
.epMap {
	width:100%;
	height:210px;
}
/* ========================================================= */
/* ====== 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;
}
.formField.DonationValue {
	width:80%;
}
.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; }

/* ========================================================= */
/* ====== 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: 100%;
	padding: 10px;
	margin:0;
	background-color: #ffffff;
	position: relative;
}
.mc3Padding {
	width: 665px;
	padding: 10px 10px 10px 10px;
}
.moduleContainer3 ul {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}
.moduleContainer3 li {
	width:100%;
	margin:0;
	padding:0;
	zoom:1;
}
.moduleContainer3 li:before,
.moduleContainer3 li:after {
  content:'';
  display:table;
}
.moduleContainer3 li:after {
  clear:both;
}
.moduleContainer3 p {
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
}



.step4Header {
	padding:9px;
	margin: 0;
	border-top: 2px solid #c4c4c4;
	border-right: 2px solid #c4c4c4;
	border-left: 2px solid #c4c4c4;
	border-bottom: 2px solid #c4c4c4;
}

.step4Header p {
	padding: 0 10px 0 10px;
	margin: 0;
	text-align: right;
}

.step4DataContainer {
	padding:9px;
	margin: 0;
	margin: 0 0 0 0;
	clear: both;
	position: relative;
	border-right: 2px solid #c4c4c4;
	border-left: 2px solid #c4c4c4;
	border-bottom: 2px solid #c4c4c4;
	zoom:1;
}
.step4DataContainer:before,
.step4DataContainer:after {
  content:'';
  display:table;
}
.step4DataContainer:after {
  clear:both;
}

.step4DataContainer b {
	font: bold 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	padding: 0 10px 0 10px;
	text-align: left;
}

.step4PaymentContainer {
	margin: 10px 0 10px 40px;
	text-align: left;
	float: left;
	clear: both;
	position: relative;
}

.step4PaymentContainer p {
	padding: 0 15px 0 0;
	text-align: left;
}

.step4PaymentContainer b {
	font: bold 12px/1.4 Arial, Verdana, Helvetica, sans-serif;
	padding: 0 20px 0 0;
	text-align: left;
}
.epButton {
	padding:20px 0;
}



/*
	.epModuleContainer {
		display:flex;
		flex-direction:column;
	}
*/


















.border_black td {
	padding:5px;
}


.greenText {
	color: #00CC99;
}	
.textLightGray {
	color: #bebebe;	
}
.textWhite {
	color: #ffffff;	
}
.boxLightGray {
	background-color: #f3f3f3;
}
.boxGray {
	background-color: #e1e3e6;
}
.boxMediumGray {
	background-color: #b2b6bc;
}
.boxDarkGray {
	background-color: #282b33;
}


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

.dashboardColumnLeft {
	width: 75%;
	float: left;
}

.dashboardColumnRight {
	width: 20%;
	float: right;
}

.dashboardListItems {
	width: 100%;
	padding: 5px;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	clear: both;
}

.dashboardListItems ul {
	width: 100%;
  display: block;
	margin:0;
	padding:0;
}

.dashboardListItems li {
	width: 100%;
  display: block;
	margin:0;
	padding:0;
	zoom:1;
}

.dashboardListItems li:before,
.dashboardListItems li:after {
  content:'';
  display:table;
}
.dashboardListItems li:after {
  clear:both;
}

.dashboardContainer {
	width: 100%;
	padding: 5px;
	margin: 0;
	background-color: #ffffff;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	position: relative;
}

.dashboardContainer p {
	margin: 0 5px 0 0;
	padding: 0;
}

.dashboardContainer ul {
	width: 100%;
  display: block;
	margin:0;
	padding:0;
}
.dashboardContainer li {
	width: 100%;
  display: block;
	margin:0;
	padding:0;
	zoom:1;
}
.dashboardContainer li:before,
.dashboardContainer li:after {
  content:'';
  display:table;
}
.dashboardContainer li:after {
  clear:both;
}

.dashboardContainer a:link    { color: #346294; text-decoration: underline; }
.dashboardContainer a:visited { color: #346294; text-decoration: underline; }
.dashboardContainer a:hover, a:active, a:focus { color: #5fa6f5; text-decoration: none; }	

.dashboardContainerRight {
	width: 100%;
	padding: 5px;
	margin: 0 0 20px 0;
	background-color: #ffffff;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	float: left;
	clear: both;
}

.dashboardContainerRight p {
	margin: 0 5px 0 0;
	padding: 0;
}

.dashboardContainerRight ul {
	padding: 2px 0 2px 0;
	margin: 0 0 1px 0px;
	text-align: left;
}

.dashboardContainerRight li {
	display: block;
	margin: 0 0 1px 0;
	padding: 0 0 3px 0;
}

.dashboardContainerRight li.bullet {
	list-style-type: none;
	padding-left: 13px;
	background-image: url(../../../assets/images/RPD-arrow-small.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

.dashboardContainerRight a:link    { color: #346294; text-decoration: underline; }
.dashboardContainerRight a:visited { color: #346294; text-decoration: underline; }
.dashboardContainerRight a:hover, a:active, a:focus { color: #5fa6f5; text-decoration: none; } 

.moduleHeader {
	width: 100%;
	height: 26px;
	border: 2px solid #d6d6d6;
	background-image: url(../../../assets/images/bg-headerbar.jpg);
	background-repeat: repeat-x;
}

.dashboardHeader {
	width: 100%;
	zoom:1;
}

.dashboardHeaderRight {
	width: 100%;
}
.dashboardHeader:before,
.dashboardHeader:after {
  content:'';
  display:table;
}
.dashboardHeader:after {
  clear:both;
}

.moduleHeader h1 {
	font: bold 14px/1.4 Arial, Verdana, Helvetica, sans-serif;
	color: #346294;
	margin: 0;
	padding: 4px 0 0 10px;
	float: left;	
}

.moduleHeader h2 {
	font-size:14px;
	color: #346294;
	margin: 0 5px 0 0;
	padding: 6px 0 0 0;
	float: right;	
}

.moduleHeader h3 {
	font: bold 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	color: #346294;
	margin: 0;
	padding: 3px 0 0 10px;
}

.moduleHeader a:link    { color: #346294; text-decoration: underline; }
.moduleHeader a:visited { color: #346294; text-decoration: underline; }
.moduleHeader a:hover, a:active, a:focus { color: #5fa6f5; text-decoration: none; }

.moduleContainer {
	width: 100%;
	padding: 10px;
	margin: 0 0 20px 0;
	background-color: #eff4f9;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
}

.Level-2 {
	width: 95%;
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	background-color: #cedae5;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	clear: both;
}

.Level-3 {
	width: 90%;
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 5px auto 10px auto;
	padding: 5px 10px 10px 10px;
	background-color: #fcfbc6;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.moduleContainer h2 {
	font: bold 14px/1.4 Arial, Verdana, Helvetica, sans-serif;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	text-decoration: underline;
}

.moduleContainer h6 {
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 5px 5px 0;
	padding: 0;
}
	
.moduleContainer p {
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 30px;
}

.moduleContainer a:link    { color: #346294; text-decoration: underline; }
.moduleContainer a:visited { color: #346294; text-decoration: underline; }
.moduleContainer a:hover, a:active, a:focus { color: #5fa6f5; text-decoration: none; }

.moduleContainer ul, .moduleContainer li {
	width:100%;
	display:block;
	padding:0;
	margin:0;
	zoom:1;
	position:relative;
}
.moduleContainer li:before,
.moduleContainer li:after {
  content:'';
  display:table;
}
.moduleContainer li:after {
  clear:both;
}
.headerWidth664 {
	width: 100%;
}

.headerWidth663 {
	width: 100%;
	position:relative;
}

.headerWidth613 {
	width: 100%;
}

.liWidth663 {
	width: 653px;
	height: 30px;
}

.liWidth613 {
	width: 613px;
	height: 30px;
}

.arrowNavigate {
	cursor: move;
	width: 20px;
	height: 20px;
	background-image: url(../../../assets/images/arrow-navigate.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin: 2px 0 0 3px;
	position: absolute;
	top: 2px;
	left:0 !important;
}

.absoluteLeft30 {
	left: 30px;
}

/* ========================================================================================== */
/* ====== EVENTS/PRODUCTS/DONATIONS - LEVEL 1, LEVEL 2 and LEVEL 3 ELEMENTS ========================== */
/* ========================================================================================== */

.indent {
}
.indentL2 {
}


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

.event {
	width: 30%;
	padding:5px 0 5px 30px;
	display:block;
	float:left;
}
.price {
	width: 10%;
	padding:5px 0;
	display:block;
	float:left;
}
.date {
	width: 15%;
	padding:5px 0;
	display:block;
	float:left;
}
.deadline {
	width: 15%;
	padding:5px 0;
	display:block;
	float:left;
}
.content685 .active {
	width: 10%;
	padding:5px 0;
	display:block;
	float:left;
}
.editLink {
	width: 10%;
	padding:5px 0;
	display:block;
	float:left;
}
.delete {
	width: 10%;
	padding:5px 0;
	display:block;
	float:left;
	text-align:center;
}
.details {
	width: 40%;
	padding:5px 0;
	display:block;
	float:left;
}
.productname {
	width: 40%;
	padding:5px 0 5px 30px;
	display:block;
	float:left;
}

/* ---------- For L2 EVENT Registration Header Titles and Details ------------- */


.questionL2 {
	width: 40%;
	padding:5px 0 5px 30px;
	float:left;
}

.answerTypeL2 {
	width: 20%;
	padding:5px 0;
	float:left;
}
.activeL2 {
	width: 20%;
	padding:5px 0;
	float:left;
}
.editL2 {
	width: 10%;
	padding:5px 0;
	float:left;
}
.deleteL2 {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align: center;
}

.crossDelete {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align: center;
	cursor: pointer;
}
.crossDelete:before {
	font-family:FontAwesome;
	content:'\f1f8';
	display:inline-block;
}

.crossDeleteOff {
	height:22px;
	margin:0;
	text-align: center;
}


/* --------- For DONATION MANAGER Header Titles and Details -------- */

.donationManagerText {
	width: 40%;
	padding:5px 0 5px 30px;
	float:left;
}


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

.productText {
	width: 40%;
	padding:5px 0 5px 30px;
	float:left;
}
.productPrice {
	width: 10%;
	padding:5px 0;
	float:left;
}
.displayStore {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.displayStoreCheckBox {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.displayEvent {
	width: 20%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.displayEventCheckBox {
	width: 20%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.image {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.link {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align:center;
} 

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

.donationText {
	width: 290px;
	margin: 0 255px 0 30px;
	display: inline-block;
}

.donationEdit {
	width: 30px;
	text-align:center;
	display: inline-block;
}

.displayDC {
	width: 18%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.displayDCCheckBox {
	width: 18%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.displayDCEvent {
	width: 12%;
	padding:5px 0;
	text-align:center;
	float:left;
}
.displayDCEventCheckBox {
	width: 12%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.displayDCHomepage {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align:center;
}
.displayDCHomepageCheckBox {
	width: 10%;
	padding:5px 0;
	float:left;
	text-align:center;
}




.donationDelete {
	width: 47px;
	height: 19px;
	text-align: center;
	display: inline-block;
}


/*---------For DASHBOARD Manage Events Header Titles and Details ----------*/

.meDescription {
	width: 40%;
	display: block;
	text-align: left;
	float:left;	
}
.meDate {
	width: 30%;
	display: block;
	text-align: right;
	float:left;	
}
.meStatus {
	width: 20%;
	display: block;
	text-align: right;
	float:left;	
}
.meEdit {
	width: 10%;
	display: block;
	text-align: left;	
	float:left;	
}
.meAttendees {
	width: 10%;
	display: block;
	text-align: right;
	float:left;
}

/*---------For DASHBOARD Manage Donations Header Titles and Details ----------*/

.mdDescription {
	width: 40%;
	display: block;	
	text-align: left;		
	float:left;
}
.mdIncrement {
	width: 20%;
	display: block;
	text-align: right;
	float:left;
}
.mdTotal {
	width: 20%;
	display: block;
	text-align: right;
	float:left;
}
.mdInvoiced {
	width: 20%;
	display: block;
	text-align: right;
	float:left;
}
.mdReceived {
	width: 20%;
	display: block;
	text-align: right;
	float:left;
}
.mdEdit {
	width: 20%;
	display: block;
	text-align: left;	
	float:left;
}

/* ---------- For L3 Form Field Containers ------------- */
.answerblock {
	float:none !important;
}
.questionL3 {
	max-width: 250px;
	width:100%;
	padding:3px 0;
	margin: 0;
	display: inline-block;
	float:none !important;
}

.answerL3 {
	max-width: 235px;
	width:80%;
	padding:3px 0;
	margin: 0 0 0 30px;
	display: inline-block;
}



/* ================================================================== */
/* ====== CONTAINERS - LEVEL 1/2/3 ==================================== */
/* ================================================================== */


.menufieldContainerL3 {
	width: 250px;
	margin: 0 3px 0 30px;
	display: inline-block;
}

.optionfieldContainerL3 {
	margin: 0 3px 0 30px;
	display: table;
}

.donationfieldContainerL3 {
	margin: 0 3px 0 0;
	display: table;
}

.containerL2Left {
	max-width: 393px;
	float: left;	
}

.containerL2Right {
	width: 200px;
	float: right;
}

.imageContainerL2 { /* This holds the image chosen for a product in the products section */
	width: 182px;
	height: 182px;
	margin: 0 auto;
	background-color: #06C;
}

.imageContainerL2Filled { /* This holds the image chosen for a product in the products section */
	width: 182px;
	height: 182px;
	margin: 0 auto;
}

.noteContainer { /* This holds the note in the optional online store attributes page */
	width: 100%;
	padding: 8px 0;
	font: 13px/1.4 Arial, Verdana, Helvetica, sans-serif;
	display:block;
	float:none !important;
}
.noteContainer .floatRight {
	float:none !important;
}
.noteContainer2 { /* This holds the note in the optional online store attributes page */
	width: 100%;
	margin: 0 0 0 0;
	display:block;
	float:none !important;
}

.noteContainerL2 { /* This holds the checkbox info the Level 2 "About the Event" section of Add New Event form */
	width: 315px;
	margin: 0 0 0 0;
	display: inline-block;
}

.formField {
	max-width:350px;
	width:100%;
}

.noteContainerL3 { /* This holds the checkbox and "Save & Close Button" on the Level 3 Answer section of Registration Details */
	width:100%;
	padding: 5px 0 0 0;
	display:block;
	float:none !important;
}

.buttonL3Width610 {
	width: 100%;
	padding: 5px;
	float:none !important;
	text-align:right;
}




/* ========================================================= */
/* ====== BUTTON STYLES ==================================== */
/* ========================================================= */

.saveButtonL2 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83b6d6), color-stop(1, #35587a) );
	background:-moz-linear-gradient( center top, #83b6d6 5%, #35587a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83b6d6', endColorstr='#35587a');
	background-color:#83b6d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #586678;
	display:inline-block;
	color:#fcfcfc;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	padding:3px 8px;
	cursor: pointer;
	text-decoration:none;
	text-shadow:1px 1px 0px #334f6b;
}

.saveButtonL2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #35587a), color-stop(1, #83b6d6) );
	background:-moz-linear-gradient( center top, #35587a 5%, #83b6d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35587a', endColorstr='#83b6d6');
	background-color:#35587a;
}

.saveButtonL2:active {
	position:relative;
	top:1px;
}

.inputButtonL3 {
	width: 100px;
}

.saveButtonL3 {
	-moz-box-shadow: -1px 0px 0px 0px #97c4fe;
	-webkit-box-shadow: -1px 0px 0px 0px #97c4fe;
	box-shadow: -1px 0px 0px 0px #97c4fe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
	font-weight: regular;
	padding: 3px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #1570cd;
}


.saveButtonL3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}

.saveButtonL3:active {
	position:relative;
	top:1px;
}

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

.formField {
	margin: 1px 0 0 0;
	padding: 2px 0 1px 2px;
	letter-spacing: 0.02px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
}

/* 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 0 0 0;
	padding: 0;
}

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

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

.center {
	text-align: center;
}
.floatLeft { 
	float: left;
}
.floatRight { 
	float: right;
}

.formFieldDropdown.inline {
	display:block !important;
}
.width420 {
	max-width: 420px;
	width:100%;
}
.width340 {
	max-width: 340px;
	width:100%;
}
.width270 {
	max-width: 270px;
	width:100%;
}
.width258 {
	max-width: 258px;
	width:100%;
}
.width240 {
	max-width: 240px;
	width:100%;
}
.width220 {
	max-width: 220px;
	width:100%;
}
.width200 {
	max-width: 200px;
	width:100%;
}
.width150 {
	max-width: 150px;
	width:100%;
}
.width100 {
	width: 100px;
	width:100%;
}
.width70 {
	max-width: 70px;
	width:100%;
}
.margin200 {
	margin: 0 0 0 200px;
}
.margin60 {
	margin: 0 0 0 60px;
}
.margin40 {
	margin: 0 0 0 40px;
}
.margin20 {
	margin: 0 0 0 20px;
}
.margin5 {
	margin: 0 5px 0 5px;
}
.padding10 {
	padding: 10px 0 10px 0;
}
.padding5 {
	padding: 5px 0 5px 0;
}
.paddingL3 {
	padding: 5px 10px 5px 10px;
}
.eventlistPadding {
    padding: 4px 0 6px 0;
}
.eventlistPadding2 {
    padding: 4px 5px 6px 0;
}


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

.payPal {
	width: 80px;
	height: 23px;
	display: inline-block;
	position: absolute;
	left: 350px;
	top: 8px;
}

.facebook {
	width: 80px;
	height: 23px;
	display: inline-block;
	position: absolute;
	left: 250px;
	top: 6px;
}

.twitter {
	width: 80px;
	height: 23px;
	display: inline-block;
	position: absolute;
	left: 360px;
	top: 6px;
}

.centerText {
	margin: 0 auto;
	text-align: center;
}
.alignrightText {
	margin: 0 auto;
	text-align: right;
}
.clearfloat { 
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}























@media(min-width:480px) {
	.listItems {
		display:block;
	}
	.evItem {
		width: 55%;
	}
	.evPrice {
		width: 10%;
	}
	.evPrice:before {
		content:'';
	}
	.evQuantity {
		width: 10%;
	}
	.evQuantity:before {
		content:'';
	}
	.evTotal {
		width: 15%;
	}
	.evTotal:before {
		content:'';
	}
	.evLinks {
		width: 10%;
	}
	.registrationListItems {
		display:block;
	}
	.ordTicket {
		width: 65%;
	}
	.ordPrice {
		width: 10%;
	}
	.ordPrice:before {
		content:'';
	}
	.ordQuantity {
		width: 10%;
	}
	.ordQuantity:before {
		content:'';
	}
	.ordTotal {
		width: 15%;
	}
	.ordTotal:before {
		content:'';
	}
	.evProductTotal {
		display:block;
	}
	.listItems2 {
		display:block;
	}
	.epProducts {
		text-align:left;
	}
}

@media(min-width:960px) {
	.epModule {
	}
	.overviewColumnRightContainer {
	}
}


@media(max-width:639px) {
	.epModule {
		width:100%;
		margin-right:0px;
	}
	.overviewColumnRightContainer {
		position:relative;
		width:100%;
		top:auto;
		right:auto;
	}
	.moduleHeaderSmallEvent {
		margin-right: 0;
	}
	.moduleContainerSmallEvent {
		margin-right: 0;
	}
}


@media(max-width:479px) {
	.moduleContainer ul.headerWidth664 {
		display:none;
	}
	.event {
		width: 100%;
		float:none;
	}
	.price {
		padding-left:10px;
		width: 30%;
	}
	.price:before {
		font-style:italic;
		content:'Price: ';
	}
	.date {
		width: 35%;
	}
	.date:before {
		font-style:italic;
		content:'Date: ';
	}
	.deadline {
		width: 35%;
	}
	.deadline:before {
		font-style:italic;
		content:'Deadline: ';
	}
	.content685 .active {
		padding-left:10px;
		width: 30%;
	}
	.content685 .active:before {
		font-style:italic;
		content:'Active: ';
	}
	.editLink {
		width: 40%;
	}
	.crossDelete {
		width: 30%;
	}
	.dashboardListItems .meDate {
		font-size:0;
		color: transparent;
	}
	.dashboardListItems .meDate:after {
		font-size:14px;
		color:#000;
		content:'DATE';
	}
	.dashboardListItems .mdDescription {
		font-size:0;
		color: transparent;
	}
	.dashboardListItems .mdDescription:after {
		font-size:14px;
		color:#000;
		content:'DESC';
	}
	.dashboardListItems .mdIncrement {
		font-size:0;
		color: transparent;
	}
	.dashboardListItems .mdIncrement:after {
		font-size:14px;
		color:#000;
		content:'INCR';
	}
	.dashboardListItems .mdInvoiced {
		font-size:0;
		color: transparent;
	}
	.dashboardListItems .mdInvoiced:after {
		font-size:14px;
		color:#000;
		content:'INV';
	}
	.dashboardListItems .mdReceived {
		font-size:0;
		color: transparent;
	}
	.dashboardListItems .mdReceived:after {
		font-size:14px;
		color:#000;
		content:'REC';
	}
	.questionL2 {
		width: 100%;
		float:none;
	}	
	.answerTypeL2 {
		width: 30%;
	}
	.activeL2 {
		width: 30%;
	}
	.editL2 {
		width: 20%;
	}
	.deleteL2 {
		width: 20%;
	}
	.moduleContainer ul.headerWidth613 {
		display:none;
	}
	
}
@media(max-width:599px) {
	.dashboardColumnLeft {
		width: 100%;
		float: none;
	}
	
	.dashboardColumnRight {
		width: 100%;
		float: none;
	}
}


.ep-toolbar {
	position:fixed;
  top:0;
  width:100%;
  z-index:100;
	text-align: center;
	background:#e5e5bb url('../images/ep-toolbar-bg.png') repeat-x left bottom;
	padding-top:7px;
}
@media(max-width:599px) {
	.ep-toolbar {
		padding-top:4px;
	}
	.ep-toolbar-notes {
		display:none;
	}
}