/* GLOBAL
================================================== */
* {
	position:relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	/* stop ios safari from adjusting text size */
	-webkit-text-size-adjust: none;
}

html { width:100%; height:100%; }
body { width:100%; height:100%; background:#060525; font-size:1em; color:#fff; }


	/* HEADINGS */
	h1, h2, legend { font-family:'Rockwell W01 Bold', Times, serif !important; }
	h1 { font-size:2.5em; color:#e9c9ef; padding-bottom:0.3em; margin-bottom:0.5em; border-bottom:1px solid #e9c9ef; max-width:100%; }
		/* H1 with IMG */
		h1 img { width:100%; }
		h1.noBorder { max-width:860px; margin:0 auto; }
	h2 { font-size:1.8em; color:#f8f85a; padding-bottom:0.3em; }


	/* ELEMENTS */
	img { display:block; }
	a { color:#f8f85a; }
	sub { vertical-align:baseline; line-height:0; font-size:0.5em; }


	/* MISC CLASSES */
	.row { padding:0; margin:0; } /* Skeleton override */
	.error { color:#ff3333; font-500; }
	.noBorder { border:none; }
	.nobr { white-space:nowrap; }
	.finePrint { font-size:0.8em; }
	.hidden { position:absolute; z-index:0; float:left;/* don't ask */ display:inline-block; font-size:0; text-decoration:none; width:0; height:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }	
	.center { text-align:center; }
		.center img { margin:0 auto; }
	.vmid { display:table; margin:2em auto; }
		.vmid .columns { display:table-cell; float:none; vertical-align:middle; }
	.callOut { font-size:1.1em; font-weight:bold; padding:1em; border:2px solid #cd67ff; border-radius:15px; box-shadow:inset 0 0 20px 0 #cd67ff; }
	.uc { text-transform:uppercase; }
	.lg { font-size:1.2em; }


	/* FORMS */
	legend { color:#fff; font-size:1.4em; padding:1.5em 0 0.7em; }
	label, .label { padding-left:0.3em; font-size:0.9em; }
	input, select, option { color:#000; }
	select { font-size:0.9em; }
	.field { border:1px solid #e886ff; padding:0.3em; font-size:0.9em; }
	.iosHack { font-size:0; height:0; }
	

	/* BUTTONS */
	.btn { z-index:1; display:block; font:0/0 a; text-shadow:none; color:transparent; background-repeat:no-repeat; width:252px; height:83px; margin:0 auto 15px; }
	.frca .btn { width:300px; }
		.btn:hover, .btn:active { background-position:0 -83px !important; }

		#btnSignUpFreePlay { background:url(../../images/wof/wof_btn_signupfreeplay_252x166_enca.png); }
		#btnSignUpNow { background:url(../../images/wof/wof_btn_signupnow_252x166_enca.png); }
		#btnLogInNow { background:url(../../images/wof/wof_btn_loginnow_252x166_enca.png); }
		#btnLogIn { background:url(../../images/wof/wof_btn_login_252x166_enca.png); }
		#btnEnterChanceWin { background:url(../../images/wof/wof_btn_enterchancewin_252x166_enca.png); }
		#btnSubmit { background:url(../../images/wof/wof_btn_submit_252x166_enca.png); }
		#btnEnterAnother { background:url(../../images/wof/wof_btn_enteranother_252x166_enca.png); }
		#btnEnterTicketsNow { background:url(../../images/wof/wof_btn_enterticketsnow_252x166_enca.png); }
		#btnNext { background:url(../../images/wof/wof_btn_next_252x166_enca.png); }
		#btnBack { background:url(../../images/wof/wof_btn_back_252x166_enca.png); }
		#btnBonusSpin { background:url(../../images/wof/wof_btn_bonusspin_252x166_enca.png); }
		#btnGetYourFreePlayCoupon { background:url(../../images/wof/wof_btn_getyourfreeplaycoupon_252x166_enca.png); }

		.frca #btnSignUpFreePlay { background:url(../../images/wof/wof_btn_signupfreeplay_300x166_frca.png); }
		.frca #btnSignUpNow { background:url(../../images/wof/wof_btn_signupnow_300x166_frca.png); }
		.frca #btnLogInNow { background:url(../../images/wof/wof_btn_loginnow_300x166_frca.png); }
		.frca #btnLogIn { background:url(../../images/wof/wof_btn_login_300x166_frca.png); }
		.frca #btnEnterChanceWin { background:url(../../images/wof/wof_btn_enterchancewin_300x166_frca.png); }
		.frca #btnSubmit { background:url(../../images/wof/wof_btn_submit_300x166_frca.png); }
		.frca #btnEnterAnother { background:url(../../images/wof/wof_btn_enteranother_300x166_frca.png); }
		.frca #btnEnterTicketsNow { background:url(../../images/wof/wof_btn_enterticketsnow_300x166_frca.png); }
		.frca #btnNext { background:url(../../images/wof/wof_btn_next_300x166_frca.png); }
		.frca #btnBack { background:url(../../images/wof/wof_btn_back_300x166_frca.png); }
		.frca #btnBonusSpin { background:url(../../images/wof/wof_btn_bonusspin_450x166_frca.png); }
		.frca #btnGetYourFreePlayCoupon { background:url(../../images/wof/wof_btn_getyourfreeplaycoupon_300x166_frca.png); }

	/* OVERLAY */
	#overlayBG { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:url(/media/common/images/transparent/75_1x1.png) repeat; }
	#btnCloseOverlay{ position:absolute; top:-25px; right:20px; padding:0.5em 1em 2em; font-weight:bold; text-decoration:none; background:#FFF; border-radius:10px; color:#301082; }
	#overlay { position:absolute; z-index:9999; top:10%; left:30%; width:60%; min-height:60%; margin:0 0 0 -11%; background:#FFF; border-radius:10px; box-shadow:0 5px 10px 0 #000; }
		#overlayContent { display:block; position:absolute; z-index:1; top:1%; left:1%; width:98%; height:96%; padding:2%; overflow:auto; color:#000; }
			#overlayContent h1 { color:#301082; border-color:#301082; padding-top:0; }
			#overlayContent h2 { color:#000; }
			#overlayContent p { color:#000; }
			#overlayContent a { color:#301082; }


	/* SKIP TO CONTENT */
	#lnkContentSkip { display:block; position:absolute; z-index:999; top:0; left:0; width:100%; text-align:center; padding:0.5em; background:#5c19b6; border-bottom:2px solid #e886ff; font-size:1.2em }


	/* SHARE */
	#shareLinks { display:inline-block; margin:0 auto; }
		#shareFB { display:inline-block; float:left; margin-right:1em; }
		#shareTW { display:inline-block; float:left; }

	/* RECAPTCHA FIX (for webkit) */
	iframe { position:absolute; }
	#shareTW iframe { position:relative; }


/* HEADER
================================================== */
header { width:100%; }
	header img { margin:0 auto; width:100%; max-width:1003px; max-height:151px; }


	/* NAV */
	#nav { z-index:1; display:block; width:100%; margin:0; padding:0; border-top:5px solid #cd66ff; border-bottom:5px solid #cd66ff; background:url("../../images/wof/wof_nav_bg_2x58.png"); /*min-height:68px;*/ min-height:58px; text-align:center; line-height:0; }
		#nav ul { display:inline-block; margin:0; padding:0; font-size:0; line-height:0; }
			#nav li { display:inline-block; margin:6px 0 0; padding:0; height:52px; font-size:0; line-height:0; }
			#nav li.r { padding-left:40px; }
				#nav li a { display:block; float:left; height:52px; font:0/0 a; text-shadow:none; color:transparent; padding:0; margin:0 5px; line-height:0; background-repeat:no-repeat; background-position:0 0; }
				#nav li a:hover, #nav li a.on { background-position:0 -52px; }
					#navEnter { background:url(../../images/wof/wof_nav_enter_117x104_enca.png); width:117px; }
					#navAbout { background:url(../../images/wof/wof_nav_about_117x104_enca.png); width:117px; }
					#navPrizes { background:url(../../images/wof/wof_nav_prizes_117x104_enca.png); width:117px; }
					#navHelp { background:url(../../images/wof/wof_nav_help_117x104_enca.png); width:117px; }
					#navEnterTickets { background:url(../../images/wof/wof_nav_entertickets_194x104_enca.png); width:194px; }
	
					#navSignup { background:url(../../images/wof/wof_nav_signup_117x104_enca.png); width:117px; }
					#navAccount { background:url(../../images/wof/wof_nav_account_127x104_enca.png); width:127px; }
					#navLogin { background:url(../../images/wof/wof_nav_login_117x104_enca.png); width:117px; }
					#navSignout { background:url(../../images/wof/wof_nav_signout_127x104_enca.png); width:127px; }

					.frca #navEnter { background:url(../../images/wof/wof_nav_enter_117x104_frca.png); width:117px; }
					.frca #navAbout { background:url(../../images/wof/wof_nav_about_129x104_frca.png); width:129px; }
					.frca #navPrizes { background:url(../../images/wof/wof_nav_prizes_117x104_frca.png); width:117px; }
					.frca #navHelp { background:url(../../images/wof/wof_nav_help_117x104_frca.png); width:117px; }
					.frca #navEnterTickets { background:url(../../images/wof/wof_nav_entertickets_194x104_frca.png); width:194px; }

					.frca #navSignup { background:url(../../images/wof/wof_nav_signup_205x104_frca.png); width:205px; }
					.frca #navAccount { background:url(../../images/wof/wof_nav_account_119x104_frca.png); width:119px; }
					.frca #navLogin { background:url(../../images/wof/wof_nav_login_225x104_frca.png); width:225px; }
					.frca #navSignout { background:url(../../images/wof/wof_nav_signout_224x104_frca.png); width:224px; }


	/* WELCOME */
	#welcome { position:absolute; top:-10px; right:-10px; padding:0.8em 1em 0.5em 0.5em; font-size:0.8em; background:#000; border:2px solid #cd67ff; border-radius:5px; }
		#welcome p { display:inline-block; margin:0; padding:0 1em; }



/* MAIN
================================================== */
#main { z-index:0; margin:20px auto 0; /*max-width:960px; max-width:860px;*/ max-width:1020px; }
	#main #content { z-index:1; /*width:100%;*/ max-width:840px; margin:0 auto; }
	#bgMain { clear:both; z-index:0; bottom:0; left:0; margin:0 auto; max-width:1020px; }
		#bgMain img { width:100%; }

		/* 14 cols */
		#content section { /*max-width:820px;*/ max-width:860px; margin:0 auto; }
			#content section.home { text-align:center; }


/* FOOTER
================================================== */
footer { background:url("../../images/wof/wof_footer_bg_2x20.png") repeat-x; min-height:20px; width:100%; padding-top:30px !important; }

	#footerNav { /*max-width:860px; margin:0 auto;*/ text-align:center; }
		#footerNav a { color:#fff; text-transform:uppercase; text-decoration: none; }
		#footerNav .logo { display:block; font:0/0 a; text-shadow:none; color:transparent; margin-top:20px; }
			#footerNav .logoKYL { background:url(../../images/wof/wof_logo_kyl_84x37_enca.png) no-repeat left; min-width:84px; height:37px; margin-top:30px; }
				.frca #footerNav .logoKYL { background:url(../../images/wof/wof_logo_kyl_102x37_frca.png) no-repeat left; min-width:102px; }
			#footerNav .logoOLG { background:url(../../images/wof/wof_logo_olg_65x52.png) no-repeat right; min-width:65px; height:52px; }
	
	#footerLegal { clear:both; max-width:860px; margin:0 auto; padding:10px 0 10px; text-align: center; font-size:0.8em; }
		#footerLegal p { margin:0; padding:0.2em 0; }
		#footerLegal a { color:#f8f85a; text-transform:none; text-decoration:underline; }

	#mobileLogos .logo { float:left; width:50%; }
		#mobileLogos .logo:last-child { float:right; }



/* PAGES
================================================== */


/* COMING SOON
------------------------------------------------------------ */
header.comingSoon { border-bottom:5px solid #cd66ff; }
#main.comingSoon h1 { text-align:center; margin-bottom:1em; }
#main.comingSoon p { margin-bottom:0; }



/* REGISTRATION
------------------------------------------------------------ */

#frmProfile { width:100%; clear:both; padding:1.5em 0 2em; }
#frmProfile fieldset { display:block; clear:both; width:100%; height:auto; }

#frmProfile .error { display:inline; width:auto; padding:0; }
#frmProfile .ajaxerror { display:block; width:100%; margin:0; padding:0.2em 0 0.4em; }

#frmProfile h2 { font-size:1.1em; padding:1em 0 0; }
#frmProfile p.label { margin: 0 0 0.7em; }
#frmProfile .field { width:40%; }

#frmProfile .noErr { padding-bottom:0.6em; }

	/* Salutation */
	#frmProfile .salutation, #frmProfile .dob { margin-bottom: 0.5em; }


	/* Phone */
	#frmProfile .phone .ajaxerror { clear: both; }
	/*#frmProfile .phone { clear:both; }*/
	#frmProfile .phone #homephone, #frmProfile .phone .phoneExt { float:left; }
	#frmProfile .phone #user_homephone_extension { width:50%; }
	#frmProfile .phone label { float:left; margin:0.4em 0.2em 0 0; }


	/* Services */
	#frmProfile .services { margin:1em 0 2em; }

	#frmProfile .radioGroup { padding:0.3em 0; }
	#frmProfile .checkGroup { width:100%; clear:both; padding:1em 0 0; }

	#frmProfile .services p { display:inline-block; }
	#frmProfile .services label { text-transform:none; }
	#frmProfile .services p.label { margin:0; padding:0 1em 0 0; }
		#frmProfile .services .radioGroup p.label { font-size:0.9em; }

	#frmProfile .services .col1 { width:60%; margin:0; padding:0; }
	#frmProfile .services .col2 { width:40%; }
	#frmProfile .services .ajaxerror { display:block; clear:both; width:100%; padding:0 0 1em; }


	/* Remember Me */
	#frmProfile .rememberMe { margin:0; padding:0 0 0.5em; }
		#frmProfile .rememberMe .radioGroup { padding-top:0.5em; }
			#frmProfile .rememberMe .radioGroup .ajaxerror { padding-left:0.5em; }


	/* Security */
	#frmProfile .security { margin-bottom:1em; }
		#frmProfile .security .field { width:60%; }


	/* Disclaimer */
	#frmProfile .disclaimer { padding-bottom:1em; }
	#frmProfile .disclaimer label { text-transform:none; }


	/* Help Bubbles */
	.bubWrap, .bubWrap *
	{
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
	}

	.bubWrap { position:relative; z-index:1 }
		.helpBubble { display:none; }
		.bhlpContainer { display:none; clear:both; position:relative; margin:0 0 0.2em; padding:1.3em 1em 1em; border-radius:5px; box-shadow:0 5px 5px 0 #e886ff; }
		.bhlpContent { display:block; position:relative; font-weight:bold; color:#e886ff; }


	/* Survey Push */
	.surveyPush { font-size:1.3em; margin-top:2em; text-align:center; }



/* SIGNUP SUCCESS
------------------------------------------------------------ */
.signupSuccess .callOut { padding:2em 1em 0; }
	.signupSuccess .callOut .row .columns { max-width:100%; }



/* SURVEY
------------------------------------------------------------ */
#frmSurvey .btn { float:left; margin:0 10px 10px 0; }
#frmSurvey .btnGroup { width:100%; float:left; clear:both; margin:1em 0; }




/* LOGIN
------------------------------------------------------------ */
#frmLogin { padding-bottom:2em; }
#frmLogin .field { width:100%; }
#frmLogin .btn { margin-left:0; }



/* ABOUT
------------------------------------------------------------ */
.about .btn { margin-top:1em; }

/* orig: 640x390 */
/* content biggened: 840x512 */
.about #ytPlayer { width:768px; height:468px; margin:0 auto 2em; clear:both; }
.about #ytPlayer iframe { width:100%; height:100%; }

.about ul { list-style: disc outside none; }

.about .prizeTables { margin:3em 0 1em; }

.about .prizeTable { margin:1.5em 0; width:100%; }
	.about .prizeTable header { background:url(../../images/wof/about_table_header_bg_1x37.png) repeat-x top #e994e9; }
	.about .prizeTable header * { color:#000; }
		.about .prizeTable header h2 { font-size:1.9em; }
	.about .prizeTable .top { padding:1em 0.5em 0.5em; }
	.about .prizeTable .bottom { background:url(../../images/wof/about_table_header_bottom_bg_30x20.png) repeat-x; height:20px; }
	
	.about .prizeTable table { width:100%; }
		.about .prizeTable th, .about .prizeTable td { text-align:left; border-bottom:1px solid #cd67ff; height:28px; padding:0.5em; }
		.about .prizeTable th { font-weight:bold; }
		.about .prizeTable .bg { color:#000; font:1em 'Rockwell W01 Bold', Times, serif; line-height:1em; background-position:0.4em center !important; background-repeat:no-repeat !important; }
			.about .prizeTable .white { background:url(../../images/wof/wof_about_tdbg_white_117x28.png); }
			.about .prizeTable .grey { background:url(../../images/wof/wof_about_tdbg_grey_117x28.png); }
			.about .prizeTable .yellow { background:url(../../images/wof/wof_about_tdbg_yellow_117x28.png); }
			.about .prizeTable .orange { background:url(../../images/wof/wof_about_tdbg_orange_117x28.png); }
			.about .prizeTable .green { background:url(../../images/wof/wof_about_tdbg_green_117x28.png); }
			.about .prizeTable .red { background:url(../../images/wof/wof_about_tdbg_red_117x28.png); }
			.about .prizeTable .blue { background:url(../../images/wof/wof_about_tdbg_blue_117x28.png); }
			.about .prizeTable .purple { background:url(../../images/wof/wof_about_tdbg_purple_117x28.png); }

	.about .prizeTable .oddsIW { display:table; width:100%; }
		.about .prizeTable .oddsIW tr td:first-child { width: 50%; }
		.about .prizeTable .oddsIW .l { display:table-cell; vertical-align:top; width:70%;  padding-right:2%; }
		.about .prizeTable .oddsIW .r { display:table-cell; vertical-align:middle; width:28%; }
			.about .prizeTable .oddsIW .r img { width:100%; }
	
	


/* HELP
------------------------------------------------------------ */
.faq h2 { padding-top:1em; }
.faq .q > a { display:inline-block; margin-top:0.8em; }



/* COUPON
------------------------------------------------------------ */
/* DESKTOP (Thanks to head.js for device detection) */
.mobile #coupon #desktop, .touch.no-mobile #coupon #desktop { display:none; }
#coupon #desktop { display:block; color:#000; }
	#coupon #desktop img { display:block; border:none; }
	#coupon #desktop table { border-collapse:collapse; }
		#coupon #desktop table td { margin:0; padding:0; }

		#coupon #desktop table.container { font:14px Arial, Helvetica, sans-serif; border:1px solid #000; width:598px; border-collapse:collapse; margin:0 auto; background:#fff; }
			#coupon #desktop table.content { width:85%; margin:30px auto 0; }

			#coupon #desktop .couponContainer { width:516px; height:294px; margin-bottom:1em; }
				#coupon #desktop .couponBg { position:absolute; top:0; left:0; }
				#coupon #desktop .couponCode { position:absolute; bottom:20px; right:21px; width:268px; height:86px; }
					#coupon #desktop .couponCode img { position:absolute; top:3px; right:3px; width:82px; height:82px; /*orig 132x132 */ }
					#coupon #desktop .couponCode p { display:inline-block; position:absolute; top:28px; left:9px; font:14px monospace; }
					#coupon.frca #desktop .couponCode p { top:23px; }
						#coupon #desktop .couponCode .expiry { font-size:11px; }

			#coupon #desktop #btnPrintCoupon { background:url(../../images/wof/coupon/wof_btn_printcoupon_399x114_enca.png); width:399px; height:57px; }
				#coupon #desktop #btnPrintCoupon:hover, #btnPrintCoupon:active { background-position:0 -57px !important; }

				#coupon #desktop #btnPrintCouponFr { background:url(../../images/wof/coupon/wof_btn_printcoupon_450x166_frca.png); width:450px; height:83px; }
					#coupon #desktop #btnPrintCouponFr:hover, #btnPrintCouponFr:active { background-position:0 -83px !important; }

			#coupon #desktop .instructionsWeb { padding:20px 20px 10px; margin:1.5em 0; background:#a8faf9; }
				#coupon #desktop .instructionsWeb ol { margin-bottom:0; padding-bottom:0; }
			#coupon #desktop .instructionsPrint { display:none; }

			#coupon #desktop .finePrint { padding-bottom:1em; }

		#coupon #desktop .footer { background:#060525; padding:10px 0; }
			#coupon #desktop .footer table { font-size:11px; color:#ffffff; width:95%; margin:0 auto; }
			#coupon #desktop .footer td { width:20%; vertical-align:top; }
				#coupon #desktop .footer td.col1 { padding-top:10px; }
				#coupon #desktop .footer td.col2 { width:60%; text-align:center; }
				#coupon #desktop .footer td.col3 { text-align:right; }


/* MOBILE */
.no-mobile.no-touch #coupon #mobile { display:none; }
#coupon #mobile { display:block; }
	#coupon #mobile .couponCode { margin:1.5em 0; text-align:center; }
		#coupon #mobile .couponCode img { margin:0 auto; }
		#coupon #mobile .couponCode p { padding:0.5em 0 1em; }



/* MEDIA QUERIES
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#nav li.r { padding-left:0; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		body { padding:0 5px !important; }
		.about #ytPlayer { width:758px; height:462px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		body { padding:0 5px !important; }
		/*.about .prizeTable .wheel img { display:none; }*/
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		/* Global */
		body { padding:0 5px !important; }
		#welcome, #lnkContentSkip { display:none; }
		.vmid { display:block; }
		.vmid .columns { display:block; float:left; vertical-align:baseline; }
		#shareFB, #shareTW { float:none; margin:0.5em 0 0; }
		h1 { font-size:1.4em; }
		h2 { font-size:1.2em; }
		h3 { font-size:1em; }

		/* Registration */
		#frmProfile .field, #frmProfile .security select { width:100% !important; }

		#frmProfile .phoneExt label { margin-left:0; padding-left:0; }
		#frmProfile #user_homephone_extension { margin-top:0.2em; }

		#frmProfile .province { margin-bottom:1em; }
			#frmProfile .province .label { margin-bottom:0; }

		/* Login */
		#frmLogin .btn { margin-left:auto; }
		
		/* About */
		.prizeCircles img { margin:0 auto; }
		.about #ytPlayer { width:470px; height:286px; }

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		/* Global */
		body { padding:0 5px !important; }
		#welcome, #lnkContentSkip { display:none; }
		.vmid { display:block; }
		.vmid .columns { display:block; float:left; vertical-align:baseline; }
		#shareFB, #shareTW { float:none; margin:0.5em 0 0; }
		h1 { font-size:1.4em; }
		h2 { font-size:1.2em; }
		h3 { font-size:1em; }

		/* Registration */
		#frmProfile .field, #frmProfile .security select { width:100% !important; }

		#frmProfile .phoneExt label { margin-left:0; padding-left:0; }
		#frmProfile #user_homephone_extension { margin-top:0.2em; }

		#frmProfile .province { margin-bottom:1em; }
			#frmProfile .province .label { margin-bottom:0; }

		/* Login */
		#frmLogin .btn { margin-left:auto; }

		/* About */
		.prizeCircles img { margin:0 auto; }
		.about .prizeTable .oddsIW .l { width:100%; }
		.about .prizeTable .oddsIW .r { display:none; }
		.about #ytPlayer { width:310px; height:189px; }
	}