@charset "UTF-8";


/******************************
	Fonts
******************************/
/*
reference font-family 
font-family:'Trade Gothic LT W04 Bd_1463660';
font-family:'Trade Gothic W01 Roman';
font-family:'TradeGothicW01-LightObl';
*/

html, body { font-family:"Trade Gothic W01 Roman", "Helvetica", sans-serif; }
h1, .headline h2, .signupLogin h2, .keyPoint h2, .btn, .inputGroup.radio label {font-family:"Trade Gothic LT W04 Bd_1463660", "Arial", "Helvetica", sans-serif; }
.info, .infoContent { font-family:"TradeGothicW01-LightObl", "Arial", "Helvetica", sans-serif; }



/******************************
	GLOBALS
******************************/

* { position:relative; box-sizing:border-box; }

html, body { width:100%; margin:0; padding:0; color:#616466; font-size:14px; }
html { /*background:#12497d;*/ background:#00467F; }
body { display:none; background-color:transparent; line-height:normal; /*line-height:1.5em;*/ }

h1, h2, h3 { font-weight:normal; }
h1 { font-size:3em; margin:0; padding:0 0 0.5em 0; text-transform:uppercase; }
h2 { font-size:1.5em; margin:0; padding:0 0 0.5em 0; }
h3 { font-size:1.2em; margin:0; padding:0 0 0.5em 0; }

img { border:none; }

hr { display:block; float:left; width:100%; height:1px; margin:0; border-width:0 0 1px; border-style:solid; border-color:#e6e6e6; }
	hr.indent { width:96%; margin-left:4%; }

.group:after, .clear { content:""; display:table; clear:both; }
/*.hidden, legend { position:absolute; top:0; left:-999999px; display:block; width:0; height:0; }*/
.hidden, legend {
	position:absolute; top:0; left:0; z-index:0; float:left;/* don't ask */ display:inline-block !important;/* thanks, bootstrap! */ 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;
}
.hidden.submit { display:none; } /* Remove submit entirely if it's getting in the way */

.preload img { width:0; height:0; }

.center { text-align:center; }
.finePrint { font-size:0.8em; }
.nobr { white-space:nowrap; }

.error { color:#f00; }

.hdg { padding-top:7%; padding-bottom:3%; color:#057dc1; }
/*.signup .hdg, .profile .hdg { padding-top:4%; padding-bottom:1%; color:#616466; }*/
	.hdg h1, .hdg h2 { padding-bottom:0.1em; }
	.hdg .loginLink { display:block; float:right; margin:-1.4em 0 0; }

.content { float:left; clear:both; width:100%; padding-top:1%; padding-bottom:3%; }

/* Headline */
.headline { background:#fff; color:#057dc1; text-align:center; padding:0; }
	.headline h1, .headline h2 { z-index:1; display:inline-block; padding:0.7em; font-size:2em; text-transform:uppercase; background:#fff; }
	.headline hr { z-index:0; position:absolute; top:50%; left:0; width:100%; border-color:#666666; }

	.home .headline hr { left:20%; width:60%; }


/* Links */
a { color:#057DC1; font-size:1em; text-decoration:underline; }
a:focus, a:hover { text-decoration:none; }
.lnk { font-size:1.5em; /*font-weight:bold;*/ }
	.lnk.right { float:right; clear:both; }
	.pushOLG { display:inline-block; clear:both; margin:1em 0;font-size:1.2em; }

.btnGroup { float:right; clear:both; width:50%; margin-top:1em; text-align:right; }
.btnGroup.center { width:100%; text-align:center; }
	.btn {
		display:inline-block; padding:1.2em 3.5em; margin:1em 1em 0 0; font-size:1.2em; background:#057dc1; color:#fff; text-decoration:none; text-transform:uppercase; border:1px solid #057dc1; border-radius:0.2em;
		transition:background-color 0.1s ease, color 0.2s ease;
	}
	.btn:focus, .btn:hover { color:#057dc1; background:#fff; border:1px solid #aaa; }
	.btn:last-child { /*margin-right:6%;*/ margin-right:0; }
	.btnBack, .btnBack:focus, .btnBack:hover { padding:1.2em 2em; background:#fff; color:#616466; border:1px solid #e2ecf1; }


/* Info SlideDowns */
.infoLink { display:inline-block; margin:0 0 0 0.5em; padding:0.2em 0.5em; font-size:0.8em; line-height:1em; border:1px solid #057DC1; border-radius:1em; }
.infoContent { display:block; float:left; clear:both; width:100%; padding:0.4em 0 0; /*border:1px solid #d7d7d7; border-radius:0.2em;*/ }
.infoContent.full { top:-1.5em; }
	.infoContent p { float:left; margin:0; }


/* 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; z-index:2; top:-30px; right:20px; padding:0.5em 1em; font-size:2em; font-weight:bold; text-decoration:none; background:#fff; border-radius:0.1em; }
#overlay { position:absolute; z-index:9999; top:10%; left:30%; width:60%; margin:0 0 0 -11%; background:#fff; border-radius:0.2em; box-shadow:0 5px 10px 0 #000; }
/*	#overlayContent { display:block; position:absolute; z-index:1; top:1%; left:1%; width:98%; height:96%; padding:4% 2%; overflow:auto; } */
	#overlayContent { display:block; z-index:1; width:98%; height:auto; margin:1%; padding:6% 4%; overflow:auto; }
		#overlayContent h1 { padding-top:0; color:#057dc1; }
		#overlayContent a { z-index:9; }


/******************************
	Header
******************************/
header {
z-index:2; width:100%; height:101px; color:#fff;
	/*blue background:*/ background:rgba(0, 0, 0, 0) url("../../images/oll/header_bg_2048x2048.png") repeat scroll center -492px / 1024px 1024px;
	/*new background: background:rgba(0, 0, 0, 0) url("../../images/oll/header_bg_2048x2048.png") repeat-x scroll center -310px \/ 1024px 1024px;*/
}
	/*comment once new background is ready*/
	.home header { height:610px; background-position:center bottom; }
	.account header { background:none; }

	header #mainLogo { float:left; width:101px; }

	/* Mobile Nav */
	header .mobileNav { display:none; z-index:1; position:absolute; top:0; left:0; width:100%; height:54px; }
		header .mobileNav .neilHamburger { position:absolute; top:24px; right:12px; display:block; width:54px; height:54px; background:transparent url("../../images/oll/mobilenav_ham_white_108x108.png") no-repeat scroll right 0 / contain; }
			header .mobileNav .neilHamburger.on { background:#fff url(../../images/oll/mobilenav_x_white_108x108.png) no-repeat scroll right 0 / contain; }

	/* Main Nav */
	header .mainNav { float:right; margin:0; padding:3.5em 0 0; font-size:1.1em; }
		.mainNav ul { padding:0; margin:0;}
			.mainNav ul li { display:block; float:left; list-style:none; padding:0; margin:0; }
				.mainNav ul li a { display:block; float:left; padding:0.2em; margin:0 1em; color:#fff; text-decoration:none; }
				.mainNav ul li a:hover, .mainNav ul li a:focus, .mainNav ul li a.on { border-bottom:1px solid #fff; }
				.mainNav ul li .separator { display:inline-block; margin-top:0.3em;color:#fff; }
	header .mobileNav { display:none; }

/* Welcome - no need for this, hiding for now */
.welcome { display:none; float:right; clear:both; padding:0.5em 1.2em 0 0; }

#lnkContentSkip { padding:1em; text-align:center; background:#fff; }

#browserSupport { display:none; z-index:3; position:absolute; top:0; left:0; width:100%; padding:0.5em 0 1em; text-align:center; background:#fff; color:#000; border-bottom:1px solid #000; box-shadow:0 1em 1em 0 rgba(0,0,0,0.5); }
	#browserSupport img { display:inline-block; height:40px; margin:0 0.3em; }
	#browserSupport #brsBtnClose { display:none; }


/******************************
	Header HOME PAGE ONLY
******************************/

/*OPTION 4 Full width HIGHT RESOLUTION GOOD GOOD GOOD VERSION Will be display after WNW publish. Today, March 30*/
/*.home header { width: 100%;color:#ffffff;background-image: url("../../images/oll/header_bg_picture_4_2048x1208.jpg");background-size: cover;background-position:center top;height: 750px; }*/



/******************************
	Article (main content block)
******************************/
.home article { background:#f2f2f2; }
article { float:left; width:100%; /*padding:0 0 2em; background:#fafafa;*/ background:#fff; }
section { display:block; float:left; clear:both; width:100%; padding-bottom:1em; }


/******************************
	Footer
******************************/
/*footer { border-top:2em solid #ea262e; background:#12497d; color:#fff; padding-top:3em; padding-bottom:3em; margin-top:2em; }*/
footer { clear:both; text-align:center; padding-top:1em; }
	footer .logoStrip { position:absolute; top:0; left:0; width:100%; background:#fff; padding:1em 0; border-top:1px solid #f2f2f2; border-bottom:1em solid #f00; }
		footer .logoStrip a { display:block; float:left; height:3em; }
			footer .logoStrip a img { height:100%; }
		/*footer .logoStrip .footerKYL { margin-left:20%; }*/
		/*footer .logoStrip .footerSYT { position:absolute; top:15px; left:49%; }*/
		footer .logoStrip .footerKYL { position:absolute; top:15px; left:50%; margin-left:-60px; }
		.frca footer .logoStrip .footerKYL { margin-left:-72px; }
		footer .logoStrip .footer18P { float:right; }

	footer .footerLinks { /*top:7.3em;*/ top:6.5em; color:#fff; }
		footer .footerLinks a { color:#fff; }
	footer .legal { top:9em; padding:0 0 1em; font-size:0.8em; color:#fff; }

	footer .sm { clear:both; top:6.5em; text-align:center; width:100%; padding-bottom:1em; }
		footer .sm a { display:inline-block; height:32px; margin:0 1em; }
			footer .sm a img { height:100%; }


/******************************
	Form-specific
******************************/
form { display:block; float:left; clear:both; width:100%; }
input { width:100%; height:3.5em; font-size:1.2em; padding:1em; color:#616466; border:1px solid #b3b3b3; }
label, .label { font-size:1.2em; font-weight:inherit; }
.label { color:inherit; font-weight:inherit; line-height:inherit; padding:inherit; text-align:inherit; white-space:inherit; }
input:focus { border:none; background:#eaf4fa; }
fieldset { margin:0; padding:0; border:none; }
legend { /*grouped above with .hidden*/ }

/*.inputGroup { float:left; width:50%; margin:0 0 2em; padding:0 3% 0 0; }*/
.inputGroup { float:left; width:49%; margin:0 0 2em 2%; padding:0; }

	.inputGroup label, .inputGroup .label, .inputGroup input { z-index:1; display:block; float:left; }
	.inputGroup label, .inputGroup .label { clear:both; padding:0 0 0.2em 0.5em; margin:0; }

*::-webkit-input-placeholder { color:#bbb; }
/* FF 4-18 */
*:-moz-placeholder { color:#bbb; }
/* FF 19+ */
*::-moz-placeholder { color:#bbb; }
/* IE 10+ */
*:-ms-input-placeholder { color:#bbb; }

/* UI Select dropdown menu item padding */
.ui-menu .ui-menu-item { padding:0.4em 1em 0.4em 0.7em; }


/******************************
	Home
******************************/
.home .headerContent { float:left; clear:both; max-width:50%; margin-top:11em; /*padding:0 20% 0 0;*/ }
	.home .headerContent h1 { font-size:4em; line-height:1em; }

.signupLogin { float:right; /*width:30%;*/ width:342px; margin-top:3em; font-size:0.8em; color:#616466; }
	.signupLogin h2 { font-size:1.8em; text-transform:uppercase; color:#057dc1; }
	.signupLogin .inputGroup, .signupLogin .inputGroup.email, .signupLogin .inputGroup.dob { clear:both; width:100%; margin:0 0 0.5em; padding:0; }

.homeSignup, .homeLogin { float:left; width:100%; padding:1.5em; font-size:1em; background:#fff; box-shadow:0 1em 1em 0 rgba(0, 0, 0, 0.2); }


/* Home Signup */
.homeSignup { top:0; }
	.homeSignup .btn { float:right; margin:0; padding:1em 4em; }
	/* DOB */
		.homeSignup .dob p { float:none; width:100%; margin-bottom:0.3em; }
		.homeSignup .dob .label { margin:0; }
		.homeSignup .dobWrap { float:left; width:100%; margin-bottom:0.3em; }
			.dobWrap input, .dobWrap select, .dobWrap #birthdate_mm-button { z-index:1; display:block; float:left; margin-right:0.5em; height:3.5em; }
			.dobWrap input:last-of-type { margin-right:0; }
			.dobWrap input { text-align:center; }
			#birthdate_dd { width:4em; }
			#birthdate_yyyy { width:5em; }

	/* jQuery UI Overrides */
	#birthdate_mm-button { padding:0.6em 0.5em; width:10em !important; font-size:1.2em; border-radius:0; color:#333; }
	#birthdate_mm-button.ui-state-hover .ui-selectmenu-text, #birthdate_mm-button.ui-state-focus .ui-selectmenu-text { color:#fff; }
		#birthdate_mm-button .ui-selectmenu-text { font-size:1em; color:#333; }
		#birthdate_mm-menu { font-size:1.1em; color:#333; }


/* Home Login */
.homeLogin { position:absolute; top:26em; overflow:hidden; }
	.homeLogin #frmLogin .inputGroup.email, .homeLogin #frmLogin .inputGroup.password { width:100%; margin-left:0; }
	.homeLogin #frmLogin #btnLogin { float:right; margin:0.5em 0 0; padding:1em 4em; }
	.homeLogin .lnk { float:left; margin-top:0.5em; font-size:1em; font-weight:normal; }
	.homeLogin #loginErr { display:inline-block; margin-bottom:1em; font-size:1.1em; }


/* Home Header Buttons (for mobile) */
.home .headerButtons { display:none; }
	.home .headerButtons .btn:hover, .home .headerButtons .btn:hover:focus { background:#fff; color:#057dc1; }


/* Home Content */
section.row1 { background:#e6e6e6; padding:0; }
section.row2 { background:#f2f2f2; padding:0; }
.keyPoints { padding:0 20%; font-size:1.2em; }
	.keyPoint { float:left; width:50%;  min-height:200px; padding:3em; text-align:center; }
	.keyPoint:nth-child(2n+1) { clear:both; }
		.keyPoint .icon { display:inline-block; width:75px; height:75px; margin-bottom:0.5em; }
		.keyPoint h2 { padding:0; text-transform:uppercase; color:#057dc1; }
		.keyPoint p { margin:0.2em 0; }


/******************************
	Login
******************************/
#frmLogin .inputGroup.email { width:49%; }
#frmLogin .inputGroup.password { width:49%; margin-left:2%; }
	#frmLogin #lnkFlogin { font-size:1em; }
	#frmLogin #btnLogin { /*float:right;*/ float:left; margin:0 3% 0 0; }
	#frmLogin #loginErr { clear:both; display:inline-block; width:100%; margin-bottom:0.5em; }


/******************************
	Forgot Login
******************************/
#frmForgotLogin .inputGroup { width:100%; margin-bottom:0; }
	#frmForgotLogin .inputGroup input { clear:both; width:50%; }
#frmForgotLogin #btnSubmit { float:left; margin-bottom:1em; }
#frmForgotLogin p { clear:both; width:100%; }
#floginError { display:inline-block; margin-bottom:0.5em; }



/******************************
	Activation Re-send
******************************/
#frmActivationResend .inputGroup { width:100%; margin-bottom:0; }
	#frmActivationResend .inputGroup input { clear:both; width:50%; }
#frmActivationResend #btnResend { float:left; margin-bottom:1em; }
#activationError { display:inline-block; margin-bottom:0.5em; }



/******************************
	Summary
******************************/
.hasPrefs, .noPrefs { margin-bottom:2em; }
.hasPrefs #optins { list-style:none; margin:0 0 0 2em; padding:0; }
	.hasPrefs #optins li { margin:0.5em 0 1em; }
	.hasPrefs #optins .type { font-weight:bold; font-style:italic; }



/******************************
	Help
******************************/
.faq { clear:both; width:100%; margin:4em 0 0; overflow:hidden; }
	.faq h3, .faq .q, .faq .a { display:block; clear:both; width:100%; }
	.faq h3 { padding:1.5em 0 0.5em; }
	.faq .q { margin:0.2em 0 1em; }
	.faq .a { padding-left:5%; }
		.faq .a p { margin-top:0; }

ol.lineHeight {
    line-height: 1.5em;
}

.faq { clear:both; width:100%; margin:4em 0 0; overflow:hidden; }
	.faq h3, .faq .qwnw, .faq .awnw { display:block; clear:both; width:100%; }
	.faq h3 { padding:1.5em 0 0.5em; }
	.faq .qwnw { margin:0.2em 0 1em; }
	.faq .awnw { padding-left:5%; }
		.faq .awnw p { margin-top:0; }

/******************************
	Rules
******************************/
.rules ol li, .rules ul li { margin:1em 0; }