@charset "UTF-8";
/* MVP Intenral CSS */

/* GLOBAL
============================================================ */
#content { position:relative; font-family:Arial, Helvetica, sans-serif; }

#content * {
	position: relative;
}

#content header, #content header *, #content #emailPrefs, #content #emailPrefs *, .optinGroup, .optinGroup *, #overlay, #overlay * {
	/* Box-sizing selective approach, to avoid unintended breakage */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.field { border:1px solid #777; border-radius:2px; padding:0.3em; font-size:1em; box-shadow:inset 0 2px 3px 0 #ccc; }

#content .btn { display:inline-block; /*width:70%;*/ text-align:center; font-size:1.2em; padding:0.5em 2.5em; margin:0 auto; border:1px solid #333; border-radius:0.3em; color:#333; text-shadow:0 1px #FFF; background-color:#ddd;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #f0f0f0, #bbb);
	background: -moz-linear-gradient(top, #f0f0f0, #bbb);
	background: -ms-linear-gradient(top, #f0f0f0, #bbb);
	background: -o-linear-gradient(top, #f0f0f0, #bbb);
}
	#content .btn:hover, .btn:active { color:#333; background:#eee;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
		background: -webkit-linear-gradient(top, #fff, #ccc);
		background: -moz-linear-gradient(top, #fff, #ccc);
		background: -ms-linear-gradient(top, #fff, #ccc);
		background: -o-linear-gradient(top, #fff, #ccc);
		cursor:pointer; /* Required for buttons with no href (due to IE10 weirdness) */
	}
	#content .btn.lg { font-size:1.5em; }

#content ul { padding:0 0 0.5em; }

#rightCol img { margin-bottom:0.5em; }

/* Overlay */
#overlayBG { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; /*background:rgba(0,0,0,0.75);*/ background:url(/media/common/images/transparent/75_1x1.png) repeat; }
#btnCloseOverlay{ position:absolute; top:-25px; right:20px; padding:0.5em 1em 2em; font-size:1.3em; font-weight:bold; background:#FFF; border-radius:10px; }
#overlay { position:absolute; z-index:9999; top:10%; left:30%; width:60%; min-height:70%; 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%; font-size:1.3em; overflow:auto; }
		#overlayContent * { line-height:1.3em; }



/* HEADINGS / ELEMENTS
============================================================ */
/*#content .mainHeader { position:relative; display:block; width:100%; border:1px solid transparent; }*/
#content .mainHeader.nli { margin-bottom:2em; }
	#content .mainHeader h1,
	#content .mainHeader a.home { display:block; font:0/0 a; text-shadow:none; color:transparent; width:100%; margin:2% 0 0; }
	#content .mainHeader h1 { background: url(../../images/mvp/logo_mvpservice_color.svg) no-repeat; }
		#content .mainHeader.nli h1 { background-position: center; height: 132px; }
		#content .mainHeader.li h1 { background-position: center left; height: 67px; }
	#content .mainHeader a.home { position:absolute; width:100%; height:100%; }
		#content .mainHeader.nli a.home { top:-7%; left:0; }
		#content .mainHeader.li a.home { z-index:0; top:-21%; left:0; }
		#content .mainHeader.li a.logout { z-index:1; }
		#content .mainHeader a.logout { position:absolute; top:50px; right:5px; text-transform:uppercase; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family:Arial, Helvetica, sans-serif; margin:0 0 0.5em; }
#content h1 { font-size:2em; line-height:1.3em; /*color:#036;*/ color:#000; border-bottom: 1px dotted #ccc; }
#content h2 { font-size:1.3em; line-height:1.3em; color:#4F7D8E; }

#content h1 { /*font-family:Arial, Helvetica, sans-serif;*/ }
#content p { line-height:1.5em; margin-bottom:0.5em; }
#content ul li { line-height:1.5em; margin-bottom:0.7em; }
#content a { color:#3A5A6B; }
#content .btn { color:#3A5A6B; }




/* HEADERS
============================================================ */
#content header { display:block; clear:both; width:95%; margin:0 auto; font-size:1.3em; }
#content header.flogin { font-size:1.3em; }
#content header h1 { font-size:1.5em; margin-bottom:1em; border-bottom:none; }

	/* Left */
	#content header .left { float:left; width:60%; padding:0 5% 3% 0; }
	#content header .left h1 { margin-top:0; color:#000; }
	#content header .left .btn.lg { display:block; width:85%; }

	/* Right */
	#content header .right { float:left; width:40%; font-size:0.9em; border:1px solid #d7d7d7; border-radius:2px; text-align:left; box-sizing:border-box; }
		#content header .right .content { padding:1em; }
		#content header .right .content h1 { color:#4F7D8E; margin-top:0 !important; }



/* CONTENT BODY
============================================================ */
#content section { clear:both; padding-top:2em; width:95%; margin:0 auto; font-size:1.3em; }
	#content section h1 { font-size:1.5em; border:none; }
#content footer { display:block; clear:both; height:auto; background:none; }


/* SIDEBARS
============================================================ */
#rightCol .sidebarItem { display:block; clear:both; margin:3em 0 2em 12px; width:284px; /*padding:6em 1em; border:1px solid #000; box-sizing:border-box;*/ }
	#rightCol .sidebarItem img { max-width:100%; margin:0 auto; }


/* PAGE-SPECIFIC
============================================================ */

/* HOME (NLI)
------------------------------------------------------------ */
#content section.promos .promo { width:100%; }
	#content section.promos .promo img { /*width:100%;*/ margin-left:-2%; }

/* Login-specific */
#content header .login .content form { padding-bottom:1em; }
#content header .login .content .error { display:inline-block; clear:both; width:100%; padding:0 0 0.5em; }
#content header .right label { display:inline-block; margin-bottom:0.2em; }
#content header .right .field { width:100%; }
#content header .right .btn { display:block; width:100%; }



/* HOME (LI)
------------------------------------------------------------ */

/* Email Prefs */
#emailPrefs { display:block; clear:both; width:100%; margin:4% 0 0; border:1px solid #d7d7d7; border-radius:2px; overflow:hidden; }
	#content #emailPrefs h2 { font-size:1.2em; color:#000; }
	#content #emailPrefs h3 { font-size:0.85em; padding:0.5em; margin:0 !important; color:#000; background:#d7d7d7; }
	#content #emailPrefs .btn { font-size:0.9em; }
	
	#emailPrefs th,
	#emailPrefs td { text-align:center; vertical-align:middle; }
		#emailPrefs .info div { padding:1em 0.5em; }
		#emailPrefs .info div.alerts { padding-top:0.1em; }
		#emailPrefs .info .noAlerts { width:590px; }


	#emailPrefs .ja,
	#emailPrefs .wn { width:165px; }
	
	#emailPrefs .wide { width:320px; }
	#emailPrefs .wn > div, #emailPrefs .ja > div, #emailPrefs img { display:inline-block; vertical-align:middle; }

	#emailPrefs th.ja,
	#emailPrefs th.wn { padding:0.5em; background:#d7d7d7; border-left:1px solid #fff; }
	#emailPrefs th.wn { border-color:#d7d7d7; }
	#emailPrefs td.ja,
	#emailPrefs td.wn { padding:0.6em 0.8em 1em; border-left:1px solid #d7d7d7; }
		#emailPrefs .lottoMax { margin-top:4px; }
			#emailPrefs div img { max-width:64px; }
			#emailPrefs .single div{ float:none; margin:0 auto; }
			#emailPrefs .ja.single div { width:64px; }



	/* Success Message */
	#content .successMsg { position:relative; display:block; clear:both; width:100%; padding-top:1%; margin-bottom:5%; font-size:1.3em; }
		#content .successMsg h2 { font-size:1.3em; }
		#content .successMsg .hr { z-index:0; display:block; width:100%; height:1px; background:url(../../images/mvp/mvp_hr_dash_bg_2x1.png) repeat-x; }
		#content .successMsg img { position:absolute !important; z-index:1; bottom:0; left:0; }
		#content .successMsg .content { margin-left:300px; padding:2% 0 0; font-size:0.8em; }


	/* New summary formatting */

	/*
	.emailSummary .hr { height:1px; margin:1em 0 2em; border-top:2px solid #3A5A6B; }
	.emailSummary .hr::after {
		content:"";
		display:inline-block;
		width:100%;
	}
	*/
	
	#content .summary {
		margin-top:1em;
		border:1px solid #e0e0e0;
	}
	
		#content .summary h2 {
			display:block;
			margin:0;
			padding:0.5em;
			color:#333;
			background:#e0e0e0;
		}
		
		#content .summaryContent {
			padding:1.5em;
		}
		#content .summaryContent.summaryIntro {
			padding:2em 1.5em;
			font-weight:bold;
		}
			#content .summaryContent.summaryIntro p {
				font-size:1.2em;
			}
	
		#content .summary .logosSS { padding:1em 0 0; }

		#content .summary p.noOpt {
			display:none;
			margin:0;
			padding:0;
		}

		#content .optList, #content .optList *, #content .optList *::before { position:relative; box-sizing:border-box; }
		#content .optList {
			margin:0 1em;
			text-align: center;
		}
			#content .optList .imgGroup {
				display:inline-block;
				vertical-align:middle;
				padding:0 1em 0 0;
			}
				#content .optList img {
					display:inline-block;
					width: 100%;
					max-width:70px;
				}
				/*#content .optList .imgGroup.dailyGrand img {*/
				/*	max-width:130px;*/
				/*}*/
				#content .optList .imgGroup.lottoMax img {
					max-width:75px;
				}
			#content .optList li {
				list-style:none;
				margin:0 0 0.5em 2em;
			}
			#content .optList li::before {
				content:"•";
				position:absolute;
				top:0;
				left:-1.8em;
				width:1.1em;
				height:1.1em;
				text-align:center;
			}
			#content .optList li.check::before {
				content:"";
				background:url("../../images/ses/ses_icon_check_137x138.png") no-repeat center center / contain;
				top:4px;
			}




/* FAQ
------------------------------------------------------------ */
#faq, #faq * {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
}
#faq a#expand { display:inline-block; margin-bottom:1em; }
#faq div { line-height:1.3em; }
#faq div.q a { display:inline-block; padding-bottom:0.5em; /*font-weight:bold;*/ }
#faq div.a { margin:-0.75em 0 1em; padding:1.3em 1em 1em; border-radius:5px; box-shadow:0 5px 5px 0 #BBB; }
	#faq div.a:focus { border:none !important; }

#faq header { position:relative; width:100%; margin-top:2em; }
#faq header a { display:inline-block; position:absolute; bottom:5px; right:5px; }

#faq section { padding-top:1em; }



/* REGISTRATION
------------------------------------------------------------ */
#frmProfile fieldset { display:block; clear:both; width:100%; height:auto; }
	#frmProfile fieldset.prefs, #frmProfile fieldset.disclaimer { margin-bottom:1em; }
	#frmProfile fieldset legend { position:relative; float:none; clear:both; display:inline-block; width:100%; height:auto; padding:1.5em 0 1em; font-size:1.2em; font-weight:bold; /*color:#008BCC;*/
		opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); background-color:#FFF;
	}
	/*#frmProfile fieldset.disclaimer legend { font-size:1.65em; }*/

#frmProfile .error { display:inline-block; padding:0.2em 0 0.4em; }
#frmProfile .error.lessPad {padding:0.2em 0 0;}
#frmProfile h2 { display:inline-block; width:100%; font-size:1.2em; font-weight:normal; padding:2em 0 0; color:#008BCC; }
#frmProfile .dob { clear:both; padding-top:1em; }
#frmProfile .btn { margin-top:1em;}
#frmProfile .field { width:50%; }
#frmProfile select { font-size:0.9em; }

#frmProfile .col1, #frmProfile .col2 { float:left; }
	#frmProfile .col1 { clear:left; width:30%; padding:0.3em 0; margin:0 0 0.7em; }
	#frmProfile .col2 { width:70%; }

	#frmProfile .province { float:left; width:100%; padding-top:0.3em; }
		#frmProfile .province .col1 { padding-top:0; }

	#frmProfile .dob .col1 { padding-top:0; }

	#frmProfile div.security { float:left; margin-bottom:1em; }
		#frmProfile div.security .col1 { width:100%; margin-bottom:0.5em; }
		#frmProfile div.security .field { width:60%; }


/* Email optins (required for all MVP-based sites) */
#mvpAlerts { position:relative; clear:both; width:100%; padding-top:0.5em; }

#frmProfile .prefs h2:first-of-type { padding-top:1em; }
.prefs .optinGroup::after {
	content:"";
	display:table;
	clear:both;
}

.optinGroup { float:left; clear:both; width:100%; margin-bottom:1em; }
.optinGroup.single { margin-bottom:0; }
/*
.optinGroup.lMax.single { margin-bottom:0; }
.optinGroup.l649.single { margin-bottom:2em; }
*/
	.optinGroup .left, .optinGroup .right { float:left; }
		.optinGroup .left { width:35%; }
		.optinGroup.single .left { width:22%; }
			#content .optinGroup .left img { float:left; width:100%; max-width:90px; margin-right:0.5em; }
				/*#content .optinGroup.dailyGrand .left img { float:left; width:100%; max-width:180px; margin-right:0.5em; }*/
				#content .optinGroup.dailyGrand .left img { float:left; width:100%; max-width:90px; margin-right:0.5em; }
					#content .optinGroup.dailyGrand .left img.extra { margin-top: 8px; }
				
				#content .optinGroup.lMax .left img.extra { margin-top:-30px; margin-left:48px; }
				#content .optinGroup.l649 .left img.extra { margin-top:-20px; margin-left:48px; margin-bottom:-30px; }
		.optinGroup .right { width:65%; text-align:left; padding:2.3em 0 1em 0; }
		.optinGroup.single .right { width:78%; padding-top:1.9em; }
		.optinGroup.l649.single .right { padding-top:2.3em; }
			.optinGroup .radioGroup label { padding:0 0.5em 0 0.2em; }

/*SportSelect*/
.logosSS {
	clear:left;
	width:100%;
	text-align:center;
	padding:0.5em 0 0;
}
.logosSS img {
	display:inline-block;
	vertical-align:middle;
	max-width:15% !important;
	margin:0 2%;
}


#frmProfile .disclaimer { font-size:1em; }
	#frmProfile .disclaimer label { line-height:1.3em; }

/* 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; position:relative; margin:0 0 1em; padding:1.3em 1em 1em; border-radius:5px; box-shadow:0 5px 5px 0 #BBB; }
	.bhlpContent { display:block; position:relative; /*font-weight:bold;*/ color:#666; line-height:1.3em; }

#passwordStrength { position:absolute; top:0; left:52%; display:block; font-weight:bold; margin-left:1em; padding:0.3em 0.4em; border:1px solid; border-radius:5px; }
	#passwordStrength span { color:#555; }
	#passwordStrength.weak { color:red; }
	#passwordStrength.medium { color:orange; }
	#passwordStrength.strong { color:green; }


/* FORGOT LOGIN
------------------------------------------------------------ */
.flogin form { padding-bottom:2em; }
	.flogin form label { display:inline-block; padding-bottom:0.3em; }
	.flogin .field { width:35%; }
	.flogin .error { display:inline; clear:both; width:100%; }
	.flogin .col2 { margin-bottom:1em; }
	.flogin .btn { clear:both; margin:1em 0 0; /*width:25%;*/ }


/* UNSUBSCRIBE
------------------------------------------------------------ */
#unsubscribe header { position:relative; width:100%; margin-top:2em; }
#unsubscribe header { position:relative; width:100%; margin-top:2em; }
#unsubscribe header a { display:inline-block; position:absolute; bottom:5px; right:5px; }

#unsubscribe section { padding-top:1em; }