/* ==========================================================================
   Desktop
   ========================================================================== */

@media (min-width: 1000px) {
	/*Desktop CMS  Event Multi Sign up & Order*/
	div.maineventsignuplistwrap{float:left; width:100%; padding:20px 25px 20px 25px; margin:0px 0px 15px 0px;}
	div.maineventsignuplistcolwrap{float:left; width:100%; border-bottom:#d2d2d2 solid 1px; padding:8px 0px 8px 0px; font-size:14px;}
	div.maineventsignuplistcol1{float:left; width:8%;}
	div.maineventsignuplistcolbox{float:left; width:92%;}
	div.maineventsignuplistcol2{float:left; width:20%; }
	div.maineventsignuplistcol3{float:left; width:68%;line-height:1.2em;  font-size:16px; }
	div.maineventsignuplistcol3msg{float:left; width:100%; font-size:11px; font-style:italic;}
	div.maileventsignuplistcol4{float:right; width:10%; text-align:right;}
	div.maineventsignuptotalprice{float:left; width:100%; font-size:23px; text-align:right; padding:25px 0px 10px 0px;}
	div.maineventsignupwaitlist{float:left; width:100%; margin:0px 0px 0px 0px;}
	a.maineventsignupwaitlistbtn{font-size:11px !important; padding:2px 8px 2px 8px !important;}
	a.maineventsignupwaitlistbtn:hover {font-size:11px !important;padding:2px 8px 2px 8px !important;}
	div.maineventorderregeventcol1{float:left; width:15%; padding:0px 0px 15px 0px;}
	div.maineventorderregeventcol2{float:left; width:65%;padding:0px 0px 15px 0px;}
	div.maineventorderregeventcol3{float:left; width:20%; text-align:right;padding:0px 0px 15px 0px;}

	/*Desktop Website Event List*/
	div.maineventbox{float:left; width:100%; margin:20px 0px 10px 0px; border-bottom:#999999 solid 1px; padding:0px 0px 40px 0px;}
	div.maineventbox:last-child{ border:none;}
	div.maineventleftcol{float:left; width:18%; margin:20px 0px 0px 0px;}
	div.maineventrightcol{float:right; width:80%;}
	div.maineventdatebox{position:relative; margin:0 auto; width:120px; height:120px; text-align:center; font-size:30px; line-height:1.2em; padding-top:25px; font-weight:bold; background-color:#000000; border-radius:150px; color:#FFF;}
	div.maineventprice{float:left; width:100%; font-weight:bold; text-align:center; font-size:20px;padding:8px; margin:15px 0px 0px 0px;}
	div.maineventprice span{color:#C00;}
	div.maineventtitle{float:left; width:100%; font-size:30px; font-weight:bold; margin:0px 0px 8px 0px; line-height:1em;}
	div.maineventdatetime{float:left; width:100%; font-size:14px; color:#999; margin:0px 0px 15px 0px;}
	div.maineventdes{float:left; width:100%;  margin:0px 0px 12px 0px; font-size:16px;}
	div.maineventsignupinfo{float:left; width:100%;font-weight:bold; margin:20px 0px 8px 0px;}
	div.maineventsignupinfo span{display:inline-block; margin:0px 30px 0px 0px;}
	div.maineventbtn{float:left; width:100%; margin:20px 0px 0px 0px;}
	
	/*Desktop Website Event Sign Up */
	div.maineventregleftcol{float:left; width:60%;}
	div.maineventregrightcol{float:right; width:38%; padding:20px;}
	div.maineventpricerow{float:left; width:100%; margin:3px 0px 3px 0px; font-weight:bold !important;}
	div.maineventregrightcol span.pricecolor{color:#C00; font-size:16px;}
	div.maineventregrightcol .textfielddiscountprice{width:50px;color:#C00; font-weight:bold;  font-size:16px; text-align:right;;box-sizing: border-box !important; -webkit-appearance: none;}
	div.maineventpricerowtotal{padding:10px 0px 0px 0px; border-top:solid 1px #666; margin:10px 0px 0px 0px; font-weight:bold;}

	div.maineventpaymentleftcol{float:left; width:42%;}
	div.maineventpaymentrightcol{float:right; width:55%; padding:20px;}
	
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	/*Mobile CMS Event Sign up & Order*/
	div.maineventsignuplistwrap{float:left; width:100%; padding:15px 20px 15px 20px; margin:0px 0px 0px 0px;}
	div.maineventsignuplistcolwrap{float:left; width:100%; border-bottom:#d2d2d2 solid 1px; padding:12px 0px 16px 0px; font-size:14px;}
	div.maineventsignuplistcol1{float:left; min-width:20px; max-width:20px;}
	div.maineventsignuplistcolbox{float:left; width:90%;}
	div.maineventsignuplistcol2{float:left; width:100%; font-size:12px;}
	div.maineventsignuplistcol3{float:left; width:100%; line-height:1.2em; font-size:18px; }
	div.maineventsignuplistcol3msg{float:left; width:100%; font-size:11px; font-style:italic; line-height:1em;}
	div.maileventsignuplistcol4{float:left; width:100%; font-size:18px; text-align:right;}
	div.maineventsignuptotalprice{float:left; width:100%; font-size:23px;  text-align:right; padding:25px 0px 15px 0px;}
	div.maineventsignupwaitlist{float:left; width:100%; margin:5px 0px 5px 0px;}
	a.maineventsignupwaitlistbtn{font-size:11px !important; padding:2px 8px 2px 8px !important;}
	a.maineventsignupwaitlistbtn:hover {font-size:11px !important;padding:2px 8px 2px 8px !important;}
	div.maineventorderregeventcol1{float:left; width:100%; padding:15px 0px 0px 0px; font-size:12px;}
	div.maineventorderregeventcol2{float:left; width:100%;padding:0px 0px 0px 0px; font-weight:bold; font-size:16px;}
	div.maineventorderregeventcol3{float:left; width:100%; text-align:right;padding:20px 0px 15px 0px;border-bottom:#999 solid 1px; font-size:18px;}

	
	/*Mobile Website Event List*/
	div.maineventbox{float:left; width:100%; margin:20px 0px 10px 0px;border-bottom:#999999 solid 1px; padding:0px 0px 40px 0px; }
	div.maineventbox:last-child{ border:none;}
	div.maineventleftcol{display:none;}
	div.maineventrightcol{float:right; width:100%;}
	div.maineventdatebox{float:left; width:100%;font-size:24px; line-height:1.0em;font-weight:bold;color:#C00;margin:0px 0px 10px 0px;}
	div.maineventprice{float:left; width:100%; font-weight:bold; font-size:20px;margin:0px 0px 10px 0px;}
	div.maineventprice span{color:#C00;}
	div.maineventtitle{float:left; width:100%; font-size:30px; font-weight:bold;margin:0px 0px 5px 0px;line-height:1em;}
	div.maineventdatetime{float:left; width:100%; font-size:14px; color:#999;margin:0px 0px 10px 0px;}
	div.maineventdes{float:left; width:100%;margin:0px 0px 15px 0px; font-size:16px;}
	div.maineventsignupinfo{float:left; width:100%; font-weight:bold;margin:0px 0px 15px 0px;}
	div.maineventsignupinfo span{display:inline-block; margin:0px 30px 0px 0px;}
	div.maineventbtn{float:left; width:100%; margin:20px 0px 0px 0px;}

	/*Mobile Website Event Sign Up */
	div.maineventregleftcol{float:left; width:100%;}
	div.maineventregrightcol{float:right; width:100%; padding:20px;}
	div.maineventpricerow{float:left; width:100%; margin:3px 0px 3px 0px; font-weight:bold !important;}
	div.maineventregrightcol span.pricecolor{color:#C00; font-size:16px;}
	div.maineventregrightcol .textfielddiscountprice{width:50px;color:#C00; font-weight:bold;  font-size:16px; text-align:right;;box-sizing: border-box !important; -webkit-appearance: none;}
	div.maineventpricerowtotal{padding:10px 0px 0px 0px; border-top:solid 1px #666; margin:10px 0px 0px 0px; font-weight:bold;}


}

/* ==========================================================================
   Share CSS
   ========================================================================== */

/*Price Layout.*/
div.maineventpricebox{float:left; width:100%; font-size:16px; font-weight:bold; text-align:right; border-top:#999 solid 1px; padding:10px 0px 10px 0px;}
span.maineventpricetext{ float:right;text-align:right;}
span.maineventpricesign{float:right; text-align:right; min-width:20px;}
span.maineventpricevalue{float:right;text-align:right;min-width:60px;}