@charset "UTF-8";
@charset "UTF-8";

/* -------------------------------------------------------
CONTENTS:
 =Fonts
 =Colors
 =Resets & General
 =Base
 =Links
 =Lists
 =Forms
 =selectBoxIt
 =smartbanner
 =Wrapper
 =Header
 =Navigation
 =Main Content
 =Aside
 =File Viewer
 =Footer
 =Account Management
 =Responsive Structure
 =Authorization Modal Notifications
 =Notifications
 =Utilities
---------------------------------------------------------*/

/* =Fonts
---------------------------------------------------------*/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/

/* Make note of fonts within this comment. For easier reference.

Helvetica Neue
				-Light:			font-family:'HelveticaNeueW01-45Ligh';
				-Light Italic:	font-family:'HelveticaNeueW01-46Ligh';
				-Roman:			font-family:'HelveticaNeueW01-55Roma';
				-Italic:		font-family:'HelveticaNeueW01-56It';	
				-Medium:		font-family:'HelveticaNeueW01-65Medi';
				-Medium Italic:	font-family:'HelveticaNeueW01-66Medi';
				-Bold:			font-family:'HelveticaNeueW01-75Bold';
				-Bold Italic:	font-family:'HelveticaNeueW01-76Bold';
				
*/

/*@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=3b27c061-ba58-4fd9-b572-d840f65ea9ff");*/

/* Light */
@font-face {
	font-family: "HelveticaNeueW01-45Ligh";
	src: url("/assets/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
	src: url("/assets/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("/assets/fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("/assets/fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}

/* Light Italic */
@font-face {
	font-family: "HelveticaNeueW01-46Ligh";
	src: url("/assets/fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix");
	src: url("/assets/fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/8e9ee02b-f337-4f13-ad6c-969d6d6536c8.woff") format("woff"), url("/assets/fonts/beddbbc6-203e-4f36-8960-3f5ca22af567.ttf") format("truetype"), url("/assets/fonts/af177436-d9e8-44e8-9c9c-ef2d945f20a3.svg#af177436-d9e8-44e8-9c9c-ef2d945f20a3") format("svg");
}

/* Roman */
@font-face {
	font-family: "HelveticaNeueW01-55Roma";
	src: url("/assets/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
	src: url("/assets/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("/assets/fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("/assets/fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}

/* Italic */
@font-face {
	font-family: "HelveticaNeueW01-56It";
	src: url("/assets/fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix");
	src: url("/assets/fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/2c056da8-4920-4e20-8c69-8a6b315458a9.woff") format("woff"), url("/assets/fonts/2381d918-136d-444f-8391-db0cba6da388.ttf") format("truetype"), url("/assets/fonts/d0697971-6f58-4597-942e-8beabd1adc87.svg#d0697971-6f58-4597-942e-8beabd1adc87") format("svg");
}

/* Medium */
/*@font-face{
	font-family:"HelveticaNeueW01-65Medi";
	src:url("/assets/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
	src:url("/assets/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),url("/assets/fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),url("/assets/fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}*/

/* Medium Italic */
/*@font-face{
	font-family:"HelveticaNeueW01-66Medi";
	src:url("/assets/fonts/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix");
	src:url("/assets/fonts/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/5f0efe11-b07a-49fc-ab86-7af6152fa368.woff") format("woff"),url("/assets/fonts/fea58e5b-b0a7-43f7-8928-fc0639365852.ttf") format("truetype"),url("/assets/fonts/398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7.svg#398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7") format("svg");
}*/

/* Bold */
@font-face {
	font-family: "HelveticaNeueW01-75Bold";
	src: url("/assets/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
	src: url("/assets/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("/assets/fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("/assets/fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

/* Bold Italic */
@font-face {
	font-family: "HelveticaNeueW01-76Bold";
	src: url("/assets/fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix");
	src: url("/assets/fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/628a0837-f9e0-4b32-83c4-d99689b9da93.woff") format("woff"), url("/assets/fonts/4d9ecce0-f253-49fd-8623-b0f896b12794.ttf") format("truetype"), url("/assets/fonts/dcdd4c31-466f-43f5-85c9-9bcdcd814139.svg#dcdd4c31-466f-43f5-85c9-9bcdcd814139") format("svg");
}

.helvNeuLig {
	font-family: 'HelveticaNeueW01-45Ligh';
}

.helvNeuReg {
	font-family: "HelveticaNeueW01-55Roma";
}

/* =Colors
---------------------------------------------------------*/

/* Make note of colors within this comment. For easier reference.
	-Main text "black": #999
	-Link color: #22618e
	-Link hover color: 
	-Horizontal rule color: #444
	-Blue: #22618e
	-Dark Blue: #236093
	-Dark Blue 2: #457296
	-Darker Blue: #105d8e
	-Green: #80c159
	-Purple: #873794
	-Yellow: #e7c406
	-Grey: #eaebec
    -Light Grey: #999
	-Dark Grey: #666
	-Light Grey: #c3c3c3
*/

.white {
	color: #fff;
}

hr.white {
	color: #fff;
}

.black {
	color: #000;
}

.blue {
	color: #22618e !important;
}

hr.blue {
	border-top-color: #22618e !important;
}

.darkBlue {
	color: #236093 !important;
}

.darkBlue2 {
	color: #457296 !important;
}

hr.darkBlue2 {
	border-top-color: #457296 !important;
}

.darkerBlue {
	color: #105d8e !important;
}

.green {
	color: #80c159 !important;
}

hr.green {
	border-top-color: #80c159 !important;
}

.purple {
	color: #873794 !important;
}

hr.purple {
	border-top-color: #873794 !important;
}

.yellow {
	color: #e7c406 !important;
}

hr.yellow {
	border-top-color: #e7c406 !important;
}

.lightGrey {
	color: #999;
}

.darkGrey {
	color: #666;
}

hr.grey {
	border-top-color: #ccc !important;
	border-top-width: 1px;
}

/* =Resets & General
---------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

	/* apply a natural box layout model to all elements */
	*,
	*:before,
	*:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Set the overall size of the font to 62.5% — this is a little trick that will make our lives easier. When we set the font size of the page to 62.5%, we can convert the rem measures we use to pixels just by multiplying them by 10 (for example, 1.2rem equals 12px). If not desired set body font size to 100.01% */
html:not(.bg-full-sport),
html:not(.bg-full-sport) body,
form#form {
	height: 100%;
}

html:not(.attach-to-coach):not(.getting-started){
	font-size: 62.5%;
}
html.getting-started ul.subNav{
	padding:16px;
	top:24px;
}
html.getting-started ul.subNav > li > a {
	padding: 0;
}

html.getting-started ul.subNav > li:not(:first-of-type) > a {
	padding-top: 8px;
}


	body {
		font-size: 1.4rem;
	}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

/* Normalize monospace sizing */
pre,
code,
kbd,
samp {
	font-family: monospace, sans-serif;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

/* Fix div collapse on floats, add class="group" to pageWrap div */
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.group {
	display: inline-block;
	clear: both;
}
/* start commented backslash hack \*/
* html .group {
	height: 1%;
}

.group {
	display: block;
}
/* close commented backslash hack */

.small {
	font-size: 1.0rem;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.centerImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bumpRight20 {
	padding-left: 20px;
}

.bumpRight25 {
	padding-left: 25px;
}

.bumpRight55 {
	padding-left: 55px;
}

.paddingRight20 {
	padding-right: 20px !important;
}

.marginTopNone {
	margin-top: 0 !important;
}

.marginTop10 {
	margin-top: 10px !important;
}

.marginTop12 {
	margin-top: 12px !important;
}

.marginTop15 {
	margin-top: 15px !important;
}

.marginTop20 {
	margin-top: 20px !important;
}

.marginTop30 {
	margin-top: 30px !important;
}

.marginTop40 {
	margin-top: 40px !important;
}

.marginTop71 {
	margin-top: 71px !important;
}

.marginBottom10 {
	margin-bottom: 10px !important;
}

.marginLeft10 {
	margin-left: 10px !important;
}

.marginLeft12 {
	margin-left: 12px !important;
}

.marginLeft40 {
	margin-left: 40px !important;
}

.marginLeft60 {
	margin-left: 60px !important;
}

.marginRight10 {
	margin-right: 10px !important;
}

.marginRight25 {
	margin-right: 25px !important;
}

.marginBottomNone {
	margin-bottom: 0 !important;
}

.marginBottom13 {
	margin-bottom: 13px !important;
}

.marginBottom18 {
	margin-bottom: 18px;
}

.marginBottom20 {
	margin-bottom: 20px !important;
}

.marginBottom35 {
	margin-bottom: 35px !important;
}

.marginBottom46 {
	margin-bottom: 46px !important;
}

.marginBottom71 {
	margin-bottom: 71px !important;
}

.medium {
	font-family: 'HelveticaNeueW01-65Medi';
}

.underline {
	text-decoration: underline !important;
}

.blueTop {
	background-image: url(/Images/bg_blue_69.png);
	background-repeat: repeat;
	display: none;
}

.white83 {
	background-image: url(/Images/bg_white_83.png);
	background-repeat: repeat;
}

.height100 {
	height: 100%;
}

#displayEnvironment,
#mvcFooter {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: red;
	padding: 5px 10px;
	background-color: white;
	opacity: .4;
}

.width50 {
	width: 50%;
}

/* =Base h1,h2,h3,h4,h5,h6,p,q,table,td,tr,form,input,label,button,sub,sup,hr,blockquote,Kentico
---------------------------------------------------------*/

body,
select,
input,
textarea {
	/* #444 looks better than black, but can use black if desired */
	color: #999;
	/* Set your base font here, to apply evenly */
	font-family: "HelveticaNeueW01-55Roma";
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1%;
	margin-top: 0;
	line-height: 1;
	color: #22618e;
	font-family: "HelveticaNeueW01-45Ligh";
	font-weight: normal;
}

h1 {
	font-size: 3rem;
}

h2 {
	font-size: 2.4rem;
}

h3 {
	font-size: 1.8rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
	font-size: 1.4rem;
}

h6 {
	font-size: 1.25rem;
}

p {
	font-size: 1.6rem;
	margin-top: .7%;
	line-height: 1.75;
	margin-bottom: 16px;
}

strong {
	font-weight: normal;
	font-family: "HelveticaNeueW01-75Bold";
}

em {
	font-style: normal;
	font-family: 'HelveticaNeueW01-56It';
}

q {
	font-size: 1.2rem;
	line-height: 1.4;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #c3c3c3;
	margin: 0;
	width: 100%;
}

/* Align checkboxes, radios, text inputs with their label */
input[type="radio"] {
	vertical-align: text-bottom;
}

	input[type="radio"] + label span {
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 2px 4px 0 0;
		vertical-align: top;
		background: url(/Images/check_radio_sheet2.png) -32px top no-repeat;
		cursor: pointer;
	}

	input[type="radio"]:checked + label span {
		background: url(/Images/check_radio_sheet2.png) -48px top no-repeat;
	}

input[type="checkbox"] {
	vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}

/* Hand cursor on clickable input elements */
input[type="button"],
input[type="submit"],
input[type="image"],
button {
	cursor: pointer;
}

/* Make buttons play nice in IE */
button {
	width: auto;
	overflow: visible;
}

/* Set sub, sup without affecting line-height */
sub,
sup {
	font-size: 50% !important;
	line-height: 0 !important;
	position: relative;
}

sup {
	top: -0.5% !important;
}

sub {
	bottom: -0.25% !important;
}

span + sup {
	line-height: 100px !important;
}

h2 sub {
	bottom: 3px !important;
	font-size: 40% !important;
}

.buyBtn {
	width: 180px;
	text-align: center;
	margin-left: 21px;
}

.btnDisabled {
	cursor: default !important;
	pointer-events: none;
	border: solid 1px #c7c6c6;
	color: #ababaa !important;
	font-size: 1.2rem;
	font-family: 'HelveticaNeueW01-55Roma';
	padding: 5px 19px;
	display: inline-block;
	background-color: #cccccc;
	background-image: none;
	width: 107px;
	text-align: center;
	text-transform: uppercase;
}

blockquote {
	font-size: 2.4rem;
	line-height: 1.25;
}

	blockquote:before,
	blockquote:after,
	blockquote q:before,
	blockquote q:after {
		display: none;
	}

	blockquote,
	blockquote.quoteStyleOne {
		border-top: solid 1px #c3c3c3;
		border-bottom: solid 1px #c3c3c3;
		padding: 25px 0;
		font-family: "HelveticaNeueW01-45Ligh";
		color: #666;
		font-size: 2.4rem;
		line-height: 1.4;
		margin: -10px 0 14px 0;
	}

		blockquote p {
			margin: 0 !important;
		}

		blockquote q,
		blockquote p {
			font-family: "HelveticaNeueW01-45Ligh" !important;
			color: #666 !important;
			font-size: 2.4rem !important;
			line-height: 1.4 !important;
		}

.downloadContainer {
	margin-top: 20px;
}

.ebookImage {
	margin-top: 60px;
	margin-left: 60px;
}

/* Identifies the environment in 
   which Kentico is running. ie: dev, uat, qa etc. 
   It won't show in production */

#environment {
	color: #ffd800;
}

img.smallImage {
	float: left;
	margin: 0 20px 20px 0 !important;
}

img.imageLeft {
	float: left;
	margin: 6px 20px 20px 0 !important;
}

img.imageRight {
	float: right;
	margin: 6px 0 20px 20px !important;
}

img.imageAlone {
	margin: 0 !important;
}

.firstImage {
	margin-top: 6px;
}

/* =Links
---------------------------------------------------------*/

/* Remove outline in some browsers */
a:hover,
a:active {
	outline: none;
}

a:not(a.override),
a:link:not(a.override),
a:active:not(a.override),
a:visited:not(a.override),
.ui-widget-content.tp-notification-override a,
.ui-widget-content.tp-notification-override a:link,
.ui-widget-content.tp-notification-override a:active,
.ui-widget-content.tp-notification-override a:visited {
	color: #666;
	text-decoration: none;
}

	a:hover {
		color: #000;
	}

/*Buttons*/

.buttonBlue1,
.ui-widget button.buttonBlue1,
.buttonBlue2,
.buttonBlue3,
.buttonBlue4 {
	border: solid 1px #b5b5b5;
	text-transform: uppercase;
	text-align: center;
	color: #fff !important;
	font-size: 1.2rem;
	font-family: "HelveticaNeueW01-75Bold";
	padding: 5px 19px;
	display: inline-block;
	background-color: #1e547a;
	background-image: linear-gradient(rgb(60, 127, 196), rgb(34, 97, 143));
}

.buttonBlue2 {
	font-size: 1rem;
	padding: 2px 10px 3px;
}

.buttonBlue3 {
	padding-left: 0;
	padding-right: 0;
	width: 140px;
	font-family: 'HelveticaNeueW01-55Roma';
	text-align: center;
}

.buttonBlue4 {
	font-size: 1rem;
	font-family: 'HelveticaNeueW01-55Roma';
	padding: 5px 10px 6px;
	line-height: .8;
}

	.buttonBlue1:hover,
	.buttonBlue2:hover,
	.buttonBlue3:hover,
	.buttonBlue4:hover {
		text-decoration: none;
		color: #fff !important;
		border: solid 1px #858585;
		background-image: linear-gradient(rgb(57, 120, 184), rgb(30, 84, 123));
	}

	.buttonBlue1:active,
	.buttonBlue1:focus,
	.buttonBlue2:active,
	.buttonBlue2:focus,
	.buttonBlue3:active,
	.buttonBlue3:focus,
	.buttonBlue4:active,
	.buttonBlue4:focus {
		background-image: none;
	}

input[type="submit"].buttonBlue1,
#mainContent .account1 .accountMiddle section a.buttonBlue1 {
	width: 126px;
}

input[type="submit"].buttonBlue1,
input[type="submit"].buttonBlue2,
#mainContent .account1 .accountMiddle section a.buttonBlue1 {
	border: none;
	font-family: 'HelveticaNeueW01-55Roma';
	padding: 10px 0;
	line-height: .7;
}

input[type="submit"].buttonBlue2 {
	padding: 2px 10px 3px;
}

	input[type="submit"].buttonBlue1:hover,
	input[type="submit"].buttonBlue2:hover {
		border: none;
	}

.buttonGreen1,
.buttonGreen2,
.buttonGreen3 {
	border: solid 1px #b5b5b5;
	text-transform: uppercase;
	color: #fff !important;
	font-size: 1.2rem;
	line-height: .8;
	font-family: "HelveticaNeueW01-75Bold";
	padding: 8px 19px;
	display: inline-block;
	background-color: #608802;
	cursor: pointer;
	background-image: linear-gradient(rgb(160, 200, 1), rgb(127, 162, 6));
}

.buttonGreen2 {
	font-size: 1rem;
	padding: 5px 10px 6px;
}

@-moz-document url-prefix() {
	.buttonGreen2 {
		padding: 6px 10px 5px;
	}
}

.buttonGreen3 {
	font-size: 1rem;
	padding: 5px 23px 6px;
}

	.buttonGreen1:hover,
	.buttonGreen2:hover,
	.buttonGreen3:hover {
		color: #fff;
		border: solid 1px #858585;
		background-image: linear-gradient(rgb(146, 186, 32), rgb(99, 138, 7));
	}

	.buttonGreen1:active,
	.buttonGreen1:focus,
	.buttonGreen2:active,
	.buttonGreen2:focus,
	.buttonGreen3:active,
	.buttonGreen3:focus {
		background-image: none;
	}

.buttonGrey1,
.buttonGrey2,
.buttonGrey3,
.buttonGrey4 {
	border: solid 1px #b5b5b5;
	color: #636569 !important;
	font-size: 1.2rem;
	font-family: 'HelveticaNeueW01-55Roma';
	padding: 5px 19px;
	display: inline-block;
	background-color: #d8d6d6;
	background-image: linear-gradient(rgb(255, 255, 255), rgb(224, 221, 221));
}

.buttonGrey2 {
	font-size: 1.1rem;
	padding: 3px 15px 4px;
}

.buttonGrey3 {
	font-size: 1rem;
	font-family: "HelveticaNeueW01-75Bold";
	text-transform: uppercase;
	line-height: .8;
	padding: 5px 22px 6px;
}

@-moz-document url-prefix() {
	.buttonGrey3 {
		padding: 6px 22px 5px;
	}
}

.buttonGrey4 {
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: .8;
	font-family: "HelveticaNeueW01-75Bold";
	padding: 8px 19px;
}

	.buttonGrey1:hover,
	.buttonGrey2:hover,
	.buttonGrey3:hover,
	.buttonGrey4:hover {
		color: #fff;
		border: solid 1px #858585;
		background-image: linear-gradient(rgb(245, 245, 245), rgb(216, 213, 213));
	}

	.buttonGrey1:active,
	.buttonGrey1:focus,
	.buttonGrey2:active,
	.buttonGrey2:focus,
	.buttonGrey4:active,
	.buttonGrey4:focus {
		background-image: none;
	}

/* =Lists
---------------------------------------------------------*/

ul,
ol {
	margin-top: 1%;
	margin-left: 4.4%;
	margin-bottom: 1%;
	font-size: 1.2rem;
	line-height: 1.2;
}

dl {
	margin-top: 1%;
	margin-left: 2%;
	margin-bottom: 1%;
	font-size: 1.2rem;
	line-height: 1.2;
}

dt {
	font-family: "HelveticaNeueW01-75Bold";
}

dd {
	margin-left: 1%;
	margin-bottom: .7%;
}

#contentList {
	margin-top: -4%;
}

	#contentList ul,
	ol {
		margin-top: 0;
		margin-left: 10%;
		margin-bottom: 1%;
		font-size: 1.6rem;
		line-height: 1.75;
	}

.clearfix:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/* =Forms
---------------------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="month"] {
	display: block;
	width: 100%;
	height: 26px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.7);
	border: solid 1px #c3c3c3;
	text-align: left;
	outline: none;
	font-size: 1.3rem;
	line-height: 1.2;
	color: #999;
	padding: 0 5px;
	vertical-align: middle;
	margin-bottom: 18px;
}

	input[type="text"]:focus,
	input[type="text"]:active,
	input[type="password"]:focus,
	input[type="password"]:active,
	input[type="email"]:focus,
	input[type="email"]:active,
	input[type="date"]:focus,
	input[type="date"]:active,
	input[type="month"]:focus,
	input[type="month"]:active {
		border-color: #666;
		color: #666;
	}

	input[type="text"].error,
	input[type="password"].error,
	input[type="email"].error,
	input[type="date"].error,
	input[type="month"].error {
		border: solid 1px #f7000f;
	}

/* mvc built in style */
.input-validation-error {
	border: 1px solid #f7000f !important;
	background-color: #fee;
}

#vldSelect {
	clear: both;
	display: inline-block;
}

input[type="submit"] {
	margin-bottom: 18px;
}

select {
	display: block;
	height: 26px;
	padding-top: 2px;
	padding-left: 5px;
	background-image: url(/Images/icn_select_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-color: #fff;
	border: solid 1px #666;
	text-align: left;
	outline: none;
	font-size: 1.3rem;
	color: #666;
	margin-bottom: 20px;
	-webkit-appearance: button;
	-webkit-border-radius: 0;
	border-radius: 0;
	/* get arrow box to disappear in firefox */
	-moz-appearance: button;
	text-indent: 0.01px;
	text-overflow: '';
}

	select::-ms-expand {
		/* remove arrow from select tag in IE10+ */
		display: none;
	}

	select:focus,
	select:active,
	input[type="checkbox"]:focus,
	input[type="checkbox"]:active {
		outline-style: dotted;
		outline-color: #3c7fc4;
		outline-color: rgba(60, 127, 196, 0.7);
		outline-width: 2px;
	}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #f7000f;
}

label.labelMsg {
	display: block;
	width: 100%;
	height: 28px;
	text-align: left;
	outline: none;
	font-size: 1.3rem;
	line-height: 1.2;
	color: #999;
	padding: 0 5px;
	vertical-align: middle;
}

.loginBtn {
	padding-left: 50px;
	padding-right: 50px;
}

#z_hppm_iframe {
	width: 100%;
}

@media only screen and (max-width: 1108px) {
	body #newCard div.cf label {
		width: 100%;
	}

	body #newCard div.cf input {
		margin-left: 10px;
	}
}

#hostedPaymentForm #newCard #zuora_payment iframe {
	border: none;
	background-color: #FFFFFF;
}

#newCard div.cf label {
	width: 240px;
	margin-left: 10px;
	float: left;
}

#contentWrap.payment .countryZipContain .selectboxit-container span#BillingContact_CountryCodeSelectBoxIt,
#contentWrap.payment
.countryZipContain
.selectboxit-container
span#CoachPaymentForm_BillingContact_CountryCodeSelectBoxIt {
	display: block;
	width: 220px !important;
}

#contentWrap.payment .productContain:not(:first-of-type) {
	border-top: 0;
}

/* =selectBoxIt.css - migrated from CSS file 
	to keep everything in one file
---------------------------------------------------------*/

/*
	 * jquery.selectBoxIt.css 3.7.0
	 * Author: @gregfranko
	 */

/*
	  Common CSS Properties
	  ---------------------
	  These properties will be applied to any themes that you use
	*/

/* SelectBoxIt container */
.selectboxit-container {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

	/* Styles that apply to all SelectBoxIt elements */
	.selectboxit-container * {
		font: 1.3rem Helvetica, Arial;
		/* Prevent text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: -moz-none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		outline: none;
		white-space: nowrap;
	}

	/* Button */
	.selectboxit-container .selectboxit {
		width: 220px; /* Width of the dropdown button */
		cursor: pointer;
		margin: 0;
		padding: 0;
		/*border-radius: 6px;*/
		overflow: hidden;
		display: block;
		position: relative;
	}

	/* Height and Vertical Alignment of Text */
	.selectboxit-container span,
	.selectboxit-container .selectboxit-options a {
		height: 26px; /* Height of the drop down */
		line-height: 25px; /* Vertically positions the drop down text */
		display: block;
	}

	/* Focus pseudo selector */
	.selectboxit-container .selectboxit:focus {
		outline: 0;
	}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: default;
}

/* Button Text */
.selectboxit-text {
	text-indent: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}

.selectboxit .selectboxit-option-icon-container {
	margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 100%; /* Minimum Width of the dropdown list box options */
	*width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	cursor: pointer;
	display: none;
	z-index: 9999999999999;
	/*border-radius: 6px;*/
	text-align: left;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
	padding: 0 2px;
}

	/* Individual Option Hover Action */
	.selectboxit-option .selectboxit-option-anchor:hover {
		text-decoration: none;
	}

/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
	text-indent: 5px; /* Horizontal Positioning of the select box option text */
	margin: 0;
	list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

/* The last Drop Down option */
.selectboxit-option-last {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
	font-weight: bold;
}

	/* Drop Down optgroup header hover psuedo class */
	.selectboxit-optgroup-header:hover {
		cursor: default;
	}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
	/* Positions the down arrow */
	width: 30px;
	position: absolute;
	right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	/* Horizontally centers the down arrow */
	margin: 0 auto;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
}

	/* Drop Down down arrow for jQueryUI and jQuery Mobile */
	.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
		top: 30%;
	}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
	float: left;
}

.selectboxit-container .selectboxit-option-icon {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
	width: 18px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	height: 100%;
	background-position: center;
	float: left;
}

.selectboxit-rendering {
	display: block;
	visibility: hidden;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
	background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

/* Theme 
   ----------------*/
.selectboxit .selectboxit-option-icon-container {
	margin-left: 0;
}

.selectboxit-container span[name="AthleteType"] {
	width: 183px !important;
	margin-bottom: 17px;
	margin-right: 4px;
}

.selectboxit-container span[name="Gender"] {
	width: 99px !important;
	margin-bottom: 17px;
}

.selectboxit-container span[name="language"],
.selectboxit-container span[name="unitPreference"],
.selectboxit-container span[name="birthdayMonth"],
.selectboxit-container span[name="birthdayYear"],
.selectboxit-container span[name="timeZone"],
.selectboxit-container span[name="country"] {
	width: 160px !important;
	margin-bottom: 14px;
	margin-right: 4px;
}

.selectboxit-container span[name="timeZone"],
.selectboxit-container span[name="country"] {
	margin-bottom: 17px;
}

.account3 .labelContainer label[for="language"],
.account3 .labelContainer label[for="unitPreference"],
.account3 .labelContainer label[for="birthdayMonth"],
.account3 .labelContainer label[for="birthdayYear"],
.account3 .labelContainer label[for="timeZone"],
.account3 .labelContainer label[for="country"] {
	width: 160px;
	margin-bottom: 2px;
	margin-right: 4px;
	cursor: default;
}

.account3 label {
	font-size: 1.3rem;
}

.selectboxit-container span[name="weight"] {
	width: 94px !important;
}

.account3 .labelContainer label[for="weight"] {
	width: 94px;
	margin-bottom: 2px;
}

.selectboxit-container span[name="interestedIn"],
select[name="interestedIn"] {
	width: 330px !important;
	margin-bottom: 17px;
}

.selectboxit-btn {
	background-color: #fff;
	border: 1px solid #999;
	opacity: .7;
	color: #666;
}

	.selectboxit-btn.selectboxit-enabled:hover,
	.selectboxit-btn.selectboxit-enabled:focus,
	.selectboxit-btn.selectboxit-enabled:active {
		color: #333333;
		background-color: #ccdceb;
	}

	.selectboxit-btn.selectboxit-enabled:hover,
	.selectboxit-btn.selectboxit-enabled:focus {
		color: #333333;
		text-decoration: none;
		background-position: 0 -15px;
	}

.selectboxit-default-arrow {
	width: 0;
	height: 0;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	/* Horizontally centers the down arrow */
	margin: 0 auto;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
}

	/* Drop Down down arrow for jQueryUI and jQuery Mobile */
	.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
		top: 26%;
	}

.selectboxit-list {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	top: 24px !important;
}

	.selectboxit-list .selectboxit-option-anchor {
		color: #666;
	}

	.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
		color: #666;
		background-color: #c2d1dc;
	}

	.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
		color: #666;
	}

/* =smartbanner - for displaying link to app on IOS and Android
---------------------------------------------------------*/

#smartbanner {
	position: absolute;
	left: 0;
	top: -82px;
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
	height: 78px;
	font-family: 'Helvetica Neue', sans-serif;
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -ms-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

	#smartbanner .sb-container {
		margin: 0 auto;
	}

	#smartbanner .sb-close {
		position: absolute;
		left: 5px;
		top: 5px;
		display: block;
		border: 2px solid #fff;
		width: 14px;
		height: 14px;
		font-family: 'ArialRoundedMTBold', Arial;
		font-size: 15px;
		line-height: 15px;
		text-align: center;
		color: #fff;
		background: #070707;
		text-decoration: none;
		text-shadow: none;
		border-radius: 14px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
		-webkit-font-smoothing: subpixel-antialiased;
	}

		#smartbanner .sb-close:active {
			font-size: 13px;
			color: #aaa;
		}

	#smartbanner .sb-icon {
		position: absolute;
		left: 30px;
		top: 10px;
		display: block;
		width: 57px;
		height: 57px;
		background: rgba(0, 0, 0, 0.6);
		background-size: cover;
		border-radius: 10px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	}

	#smartbanner.no-icon .sb-icon {
		display: none;
	}

	#smartbanner .sb-info {
		position: absolute;
		left: 98px;
		top: 18px;
		width: 44%;
		font-size: 11px;
		line-height: 1.2em;
		font-weight: bold;
		color: #6a6a6a;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	}

	#smartbanner #smartbanner.no-icon .sb-info {
		left: 34px;
	}

	#smartbanner .sb-info strong {
		display: block;
		font-size: 13px;
		color: #4d4d4d;
		line-height: 18px;
	}

	#smartbanner .sb-info > span {
		display: block;
	}

	#smartbanner .sb-info em {
		font-style: normal;
		text-transform: uppercase;
	}

	#smartbanner .sb-button {
		position: absolute;
		right: 20px;
		top: 24px;
		border: 1px solid #bfbfbf;
		padding: 0 10px;
		min-width: 10%;
		height: 24px;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		font-weight: bold;
		color: #6a6a6a;
		background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
		border-radius: 3px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
	}

		#smartbanner .sb-button:active,
		#smartbanner .sb-button:hover {
			background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
		}

	#smartbanner .sb-icon.gloss:after {
		content: '';
		position: absolute;
		left: 0;
		top: -1px;
		border-top: 1px solid rgba(255, 255, 255, 0.8);
		width: 100%;
		height: 50%;
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
		border-radius: 10px 10px 12px 12px;
	}

	#smartbanner.android {
		border-color: #212228;
		background: #3d3d3d url('/Images/dark_background_stripes.gif');
		border-top: 5px solid #88b131;
		box-shadow: none;
	}

		#smartbanner.android .sb-close {
			border: 0;
			width: 17px;
			height: 17px;
			line-height: 17px;
			color: #b1b1b3;
			background: #1c1e21;
			text-shadow: 0 1px 1px #000;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
		}

			#smartbanner.android .sb-close:active {
				color: #eee;
			}

		#smartbanner.android .sb-info {
			color: #ccc;
			text-shadow: 0 1px 2px #000;
		}

			#smartbanner.android .sb-info strong {
				color: #fff;
			}

		#smartbanner.android .sb-button {
			min-width: 12%;
			border: 1px solid #dddcdc;
			padding: 1px;
			color: #d1d1d1;
			background: none;
			border-radius: 0;
			box-shadow: none;
		}

			#smartbanner.android .sb-button span {
				text-align: center;
				display: block;
				padding: 0 10px;
				background-color: #42b6c9;
				background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
				background-image: -moz-linear-gradient(top, #42b6c9, #39a9bb);
				text-transform: none;
				text-shadow: none;
				box-shadow: none;
			}

			#smartbanner.android .sb-button:active,
			#smartbanner.android .sb-button:hover {
				background: none;
			}

				#smartbanner.android .sb-button:active span,
				#smartbanner.android .sb-button:hover span {
					background: #2ac7e1;
				}

	#smartbanner.windows .sb-icon {
		border-radius: 0;
	}

/* =Wrapper
---------------------------------------------------------*/

#pageWrap {
	width: 100%;
	/* Centers the site in the browser */
	margin: 0;
	position: relative;
	min-height: 100%;
}

/* =Navigation
---------------------------------------------------------*/

nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 96px;
	font-size: 1rem;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(45, 45, 45, .08);
	z-index: 9900;
}

.bg-full-sport .display-environment {
	display:none;
}

.display-environment {
	background-color: #fff000;
	z-index: 9999;
	height: 30px;
	width: 100%;
	text-align: center;
}

	.display-environment > div {
		margin: 0 auto;
		width: auto;
		max-width: 600px;
		padding: 5px;
		font-size: 1.4em;
		color: #ca4141;
		font-family: "HelveticaNeueW01-75Bold";
	}

.with-environment-info nav {
	height: 126px;
}

#navContainer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 100%;
}

#logo {
	padding-top: 40px;
	cursor: pointer;
	display: inline-block;
}

.logo__svg {
	color: #005695;
	fill: currentColor;
	overflow: hidden;
	width: 218px;
	height: 3rem;
}

nav ul {
	position: absolute;
	list-style: none;
	margin: 0;
}

.secondary-navigation__item {
	position: relative;
	display: inline-block;
	padding-bottom: 30px;
	margin-right: 24px;
	cursor: pointer;
}

	.secondary-navigation__item:last-child {
		margin-right: 0;
	}

.secondary-navigation__link,
.secondary-navigation__username {
	color: #303030 !important;
	text-decoration: none;
	padding-bottom: 4px;
	font-size: 1.6rem;
	font-family: "HelveticaNeueW01-45Ligh";
	font-weight: 600;
	letter-spacing: 0.8px;
}

	.primary-navigation__item.is-active .primary-navigation__link,
	.primary-navigation__link:hover,
	.secondary-navigation__link:hover {
		border-bottom: 2px solid #303030;
	}

.signUp {
	background-color: #005695;
	font-size: 1.4rem;
	color: #fff !important;
	padding: 8px 16px;
	font-weight: 400;
	letter-spacing: 0;
	text-decoration: none;
	border-radius: 4px;
}

	.signUp:hover {
		background-color: #004a80;
	}

/* Subnav */
nav ul ul.subNav {
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #fff;
	padding: 0;
	display: none;
	width: 212px;
	opacity: .95;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}

.primary-navigation__item.is-active .subNav,
.secondary-navigation__item.is-active .subNav {
	display: block;
}

nav ul.logIn ul.subNav {
	width: 220px;
}

.subNav li {
	vertical-align: top;
	padding: 0;
	border: none;
	font-size: 1.4rem;
	line-height: 1.2;
	text-transform: none;
	display: list-item;
}

nav ul.logIn ul.subNav li {
	display: block;
}

nav ul.logIn ul.subNav li {
	padding-right: 0;
	margin-right: 0;
	border: none;
}

.subNav li a {
	margin: 0;
	padding: 15px 23px;
	display: block;
}

	.subNav li a:hover {
		color: #666 !important;
		background-color: #f2f3f4;
	}

nav ul.logIn ul.subNav li a {
	color: #666 !important;
}

	nav ul.logIn ul.subNav li a:hover {
		color: #000 !important;
	}

.secondary-navigation {
	top: 40px;
	right: 0;
}

.secondary-navigation__item {
	display: inline-block;
	margin-right: 24px;
}

	.secondary-navigation__item:last-child {
		margin-right: 0;
	}

nav ul.logIn span {
	padding: 11px 0;
	cursor: default;
}

/* =Main Content
---------------------------------------------------------*/
#contentWrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 290px;
	margin-top: 62px;
}

.with-environment-info #contentWrap {
	margin-top: 92px;
}

#mainContent {
	position: relative;
	width: 70.5%;
	max-width: 940px;
	min-width: unset;
	margin: 0 auto;
	padding-top: 45px;
	padding-bottom: 45px;
	z-index: 9600;
}

.products #mainContent,
.accountManagement #mainContent,
.coachUpgrade #mainContent,
.lookupName #mainContent {
	padding-top: 102px !important;
}

.productsForAthletes #mainContent,
.productsForCoaches #mainContent {
	padding-bottom: 0;
}

.affiliatesChild #mainContent {
	padding-top: 90px;
}

#mainContent section {
	position: relative;
}

#mainContent section {
	margin-bottom: 6.3%;
}

	#mainContent section.section-3 {
		margin-bottom: 6.5%;
	}

.productsForAthletes #mainContent section.section-1,
.productsForCoaches #mainContent section.section-1 {
	margin-bottom: 3.1%;
}

#mainContent section:last-child {
	margin-bottom: 15px !important;
}

/* Products */
.products #mainContent div.alignLeft:first-child h1,
.products #mainContent div.alignCenter:first-child h1 {
	font-family: 'HelveticaNeueW01-75Bold';
	color: #873794;
}

.products #mainContent div.alignLeft:first-child p,
.products #mainContent div.alignCenter:first-child p {
	font-family: 'HelveticaNeueW01-45Ligh';
	font-size: 2.4rem;
	line-height: 1.42;
	color: #666;
	margin-top: 0;
	margin-bottom: 65px;
}

.products #mainContent section:last-child {
	margin-bottom: 0;
}

.products #mainContent .content .imageContainer1 {
	width: 48.937%; /* 460px */
	margin-left: 2.127%;
	margin-top: 12px;
}

#mainContent section .imageContainer4 {
	width: 23.18%; /* 162px */
	margin-right: 2.1%;
}

.products section.section-5 section {
	margin-bottom: 6.3%;
}

	.products section.section-5 section:last-of-type {
		margin-bottom: 0;
	}

.products #mainContent section.section-5,
.products section.section-5 {
	background-color: #e1e1e1;
	position: relative;
	margin-bottom: 0;
	width: 100%;
}

/* Four Tenths 40% Column stylying */
.fourTenths {
	width: 40%;
	max-width: 376px;
	display: inline-block;
	vertical-align: top;
}

/* Six Tenths 60% Column stylying */
.sixTenths {
	width: 60%;
	max-width: 564px;
	display: inline-block;
	vertical-align: top;
}

/* Two Thirds and Column styling */

.twoThirds {
	width: 74.468%;
	max-width: 700px;
}

#mainContent section.twoThirds {
	margin-bottom: 0;
}

.twoThirds #columnWrap {
	margin-top: 16px;
}

.oneFourth {
	width: 31.473%;
	max-width: 220px;
	display: inline-block;
	vertical-align: top;
}

.threeFourths {
	width: 65.808%;
	max-width: 460px;
	display: inline-block;
	vertical-align: top;
}

#columnWrap .quarterColumn {
	width: 23.15%;
	margin-right: 2.42%;
}

	#columnWrap .quarterColumn:last-child {
		margin-right: 0;
	}

	#columnWrap .quarterColumn h3 {
		font-size: 1.4rem;
		font-family: "HelveticaNeueW01-75Bold";
		text-transform: uppercase;
		margin-bottom: 11px;
	}

.twoThirds .quarterColumn h3 a:hover {
	color: #000;
}

#columnWrap .quarterColumn h4,
#columnWrap .quarterColumn h5 {
	font-size: 1.2rem;
	font-family: "HelveticaNeueW01-75Bold";
	margin-bottom: 3px;
}

#columnWrap .quarterColumn h4 {
	line-height: 1.4;
	margin-bottom: 2px;
}

#columnWrap .quarterColumn h5 {
	line-height: 1.4;
	margin-bottom: 6px;
}

#columnWrap .quarterColumn .columnWithImage a:first-child {
	display: inline-block;
	margin-bottom: 9px !important;
	overflow: hidden;
}

	#columnWrap .quarterColumn .columnWithImage a:first-child:hover {
		border: solid 6px #000;
	}

		#columnWrap .quarterColumn .columnWithImage a:first-child:hover img {
			margin: -6px;
		}

#columnWrap .quarterColumn .columnWithImage .quarterColumnText a:first-child {
	display: inline;
	margin-bottom: 0;
}

	#columnWrap .quarterColumn .columnWithImage .quarterColumnText a:first-child:hover {
		border: none;
	}

#columnWrap .quarterColumn .quarterColumnText {
	height: 132px;
}

#columnWrap .quarterColumn p {
	font-size: 1.2rem;
	line-height: 1.4;
	color: #999;
}

	#columnWrap .quarterColumn p.summary,
	#columnWrap .quarterColumn .quarterColumnText p {
		max-height: 65px;
		overflow: hidden;
		margin: 0;
	}

#columnWrap .quarterColumn hr {
	margin-bottom: 17px;
}

.mfpSync .gcButton,
.mfpSync input[type="submit"].gcButton {
	width: 250px;
	text-align: center;
}

.mfpSync .callToAction {
	margin-bottom: 0;
}

/* Attach To Coach */
.attachToCoach hr.purple {
	border-top: solid 4px;
	margin-bottom: 15px;
}

.attachToCoach figure {
	margin-bottom: 30px;
}

.attachToCoach a.buttonGreen1,
.attachToCoach a.buttonGrey4 {
	width: 295px;
	text-align: center;
}

/* Affiliates Child (Affiliates and NGB)*/

.affiliatesChild #mainContent section {
	margin-bottom: 19px;
}

.affiliatesChild section h1 {
	color: #80c159;
}

.affiliatesChild section h2 {
	color: #666;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: solid 1px #c3c3c3;
}

.affiliatesChild figure img {
	max-width: 100%;
}

.affiliatesChild blockquote {
	margin: 25px 0;
}

	.affiliatesChild blockquote p {
		text-align: center;
	}

/* Account Creation */
#contentWrap.unhandledException {
	background-image: url(//dva02xbqso9x0.cloudfront.net/cms/img/backgrounds/bg-error.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	height: 100vh;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='//dva02xbqso9x0.cloudfront.net/cms/img/backgrounds/bg-error.jpg', sizingMethod='scale' );
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//dva02xbqso9x0.cloudfront.net/cms/img/backgrounds/bg-error.jpg', sizingMethod='scale')";
	padding: 35px 0 0 0;
}

#mainContent .msgBox {
	margin: 0 75% 0 25%;
	padding: 0;
	width: 421px;
}

#mainContent .account1 {
	margin: 0 72% 0 28%;
	padding: 0;
	width: 480px;
}

#mainContent .account3 {
	width: 551px;
}

.coachCreation .account1 h1 {
	margin-left: 60px;
	margin-bottom: 35px;
}

#mainContent .account1 .accountTop {
	height: 70px;
	padding: 31px 60px 0 60px;
}

	#mainContent .account1 .accountTop p {
		color: #fff;
		font-size: 1.6rem;
		line-height: .7;
		margin: 0;
	}

#mainContent .msgBox .accountMiddle,
#mainContent .account1 .accountMiddle {
	position: relative;
	padding: 38px 60px;
}

	#mainContent .account1 .accountMiddle #stepNumber {
		position: absolute;
		top: 13px;
		right: 10px;
	}

		#mainContent .account1 .accountMiddle #stepNumber p {
			font-family: 'HelveticaNeueW01-45Ligh';
			font-size: 1.6rem;
			line-height: .7;
			color: #c3c3c3;
		}

	#mainContent .account1 .accountMiddle h1 {
		line-height: .7;
	}

#mainContent .account3 .accountMiddle h1 {
	line-height: .7;
	margin-bottom: 11px;
}

#mainContent .account1 .accountMiddle p {
	font-size: 1.1rem;
	line-height: 1.3;
	color: #000;
	margin: 0 4px 8px 0;
}

#mainContent .account3 .accountMiddle p {
	font-size: 1.6rem;
	line-height: 1;
	color: #999;
	margin: 0 0 30px 0;
}

	#mainContent .account3 .accountMiddle p:last-child {
		position: absolute;
		bottom: 9px;
		margin-bottom: 0;
		font-size: 1.3rem;
		font-family: 'HelveticaNeueW01-56It';
	}

#mainContent .account1 .accountMiddle p a {
	color: #3c7fc4;
}

	#mainContent .account1 .accountMiddle p a:hover {
		color: #000;
	}

#apiLinks,
#mainContent .account1 .accountMiddle section #links {
	margin-top: 10px;
	font-family: 'HelveticaNeueW01-56It';
}

	#apiLinks a,
	#mainContent .account1 .accountMiddle section #links a {
		color: #2f7cbb;
	}

		#apiLinks a:hover,
		#mainContent .account1 .accountMiddle section #links a:hover {
			color: #000;
		}

#mainContent .account1 .accountMiddle .selectArea label {
	display: inline-block;
}

#mainContent .account2 .accountMiddle label[for="usernameLogin"],
#mainContent .account2 .accountMiddle label[for="passwordLogin"],
#mainContent .account3 .accountMiddle .labelContainer label[for="thresholdPower"],
#mainContent .account3 .accountMiddle .labelContainer label[for="thresholdHeartRate"],
#mainContent .account3 .accountMiddle label[for="runPaceSpeed"],
#mainContent .account3 .accountMiddle label[for="swimPace"] {
	display: inline-block;
	width: 160px;
	margin-right: 4px;
	margin-bottom: 2px;
	cursor: default;
}

#mainContent .account3 .accountMiddle .labelContainer label[for="thresholdPower"],
#mainContent .account3 .accountMiddle .labelContainer label[for="thresholdHeartRate"] {
	margin-top: 15px;
}

#mainContent .account1 .accountMiddle .selectArea select {
	display: inline-block;
}

	#mainContent .account1 .accountMiddle .selectArea select[name="AthleteType"] {
		width: 183px;
	}

	#mainContent .account1 .accountMiddle .selectArea select[name="Gender"] {
		width: 101px;
	}

	#mainContent .account1 .accountMiddle .selectArea select[name="language"],
	#mainContent .account1 .accountMiddle .selectArea select[name="unitPreference"],
	#mainContent .account1 .accountMiddle .selectArea select[name="birthdayMonth"],
	#mainContent .account1 .accountMiddle .selectArea select[name="birthdayYear"],
	#mainContent .account1 .accountMiddle .selectArea select[name="timeZone"],
	#mainContent .account1 .accountMiddle .selectArea select[name="country"],
	#mainContent .account1 .accountMiddle input[name="thresholdPower"],
	#mainContent .account1 .accountMiddle input[name="thresholdHeartRate"],
	#mainContent .account1 .accountMiddle input[name="runPaceSpeed"],
	#mainContent .account1 .accountMiddle input[name="swimPace"] {
		width: 160px;
	}

	#mainContent .account1 .accountMiddle .selectArea select[name="weight"] {
		width: 94px;
	}

#mainContent .account1 .accountMiddle .checkBoxArea input {
	display: inline-block;
	position: relative;
	top: -1px;
	margin-right: 4px;
}

#mainContent .account3 .accountMiddle input[type="text"] {
	display: inline-block;
	margin-right: 4px;
}

#mainContent .account3 .accountMiddle input[type="radio"] {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 50%;
	border: solid 1px green;
}

#mainContent .account1 .accountMiddle section {
	margin-bottom: 36px;
}

	#mainContent .account1 .accountMiddle section h1 {
		margin-bottom: 12px;
	}

#mainContent .account1 .accountMiddle input[type="submit"],
#mainContent .account1 .accountMiddle a.buttonBlue1 {
	margin-top: 5px;
	margin-bottom: 23px;
}

#mainContent .account3 .accountMiddle input[type="submit"] {
	margin-top: 14px;
	margin-bottom: 0;
}

#mainContent .account1 .accountMiddle section input[type="submit"],
#mainContent .account1 .accountMiddle section a.buttonBlue1 {
	margin-top: 0;
	margin-bottom: 0;
}

#mainContent .account1 .accountMiddle section p {
	font-size: 1.6rem;
	line-height: .7;
	color: #999;
	margin-bottom: 10px;
}

#mainContent .account1 .accountMiddle .ui-state-error-text,
#mainContent .account1 .accountMiddle .field-validation-error {
	font-size: 1.15rem;
	color: #f7000f;
	margin-top: -17px;
	margin-bottom: 13px;
	padding-left: 7px;
	display: block;
}

/* cta validation */
.calloutContent .field-validation-error {
	font-size: 1.15rem;
	color: #f7000f;
	margin: -10px 0 13px 2px;
	display: block;
}

.ctaSuccessMsg {
	color: #80c159;
	font-weight: bold;
}

/* hides mvc valid validation spans */
.field-validation-valid {
	display: none;
}

/* =Aside
---------------------------------------------------------*/

aside {
	width: 23.404%; /* 220px */
	margin-left: 2.127%;
}

section.twoThirds aside,
section.fourTenths aside {
	width: 100%;
	margin-left: 0;
}

aside .callout {
	width: 100%; /* 220px */
	margin-bottom: 20px;
	font-family: 'HelveticaNeueW01-45Ligh';
	z-index: 9100 !important;
}

.calloutDocked {
	position: relative;
	top: 0;
	min-width: 196px;
	max-width: 219px;
	z-index: 9100 !important;
}

.calloutFixed {
	position: fixed;
	top: 109px;
	min-width: 196px;
	max-width: 219px;
	z-index: 9100 !important;
}

.home aside .callout,
section.twoThirds aside .callout {
	margin-top: 0;
}

aside .callout h1,
aside .callout span#ctaHeadline {
	display: block;
	font-size: 1rem;
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
	margin: 0;
	padding: 4px 9px;
	border: solid 1px #000;
	font-family: "HelveticaNeueW01-75Bold";
}

aside .callout h2 {
	margin-bottom: 20px;
}

aside .callout .calloutContent {
	padding: 24px 14px 33px;
	background-color: #eaebec;
	border: solid 1px #d9d9d9;
}

	aside .callout .calloutContent p {
		padding: 0 !important;
		font-size: 1.83rem !important;
		line-height: 1.3 !important;
		margin-top: 0;
		margin-bottom: 18px !important;
	}

		aside .callout .calloutContent p a.readMore,
		aside .callout .calloutContent p a.readMore3 {
			line-height: 2;
		}

	aside .callout .calloutContent input {
		margin-bottom: 11px;
	}

	aside .callout .calloutContent p input {
		margin: 0;
	}

		aside .callout .calloutContent p input.buttonGreen1,
		aside .callout .calloutContent p a.buttonGreen1 {
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			text-align: center;
		}

	aside .callout .calloutContent p:last-child {
		margin-bottom: 0 !important;
	}

section.twoThirds aside .callout .calloutContent p {
	font-size: 2.4rem !important;
}

aside .callout .calloutContent p span.number,
aside .callout .calloutContent p span.calloutBig {
	font-size: 7.1rem;
	font-family: "HelveticaNeueW01-75Bold";
	line-height: 1;
	display: block;
	margin-top: -9px;
	margin-bottom: 2px;
}

section.twoThirds aside .callout .calloutContent p span.number,
section.twoThirds aside .callout .calloutContent p span.text,
section.twoThirds aside .callout .calloutContent p span.calloutBig {
	display: inline;
}

aside .callout .calloutContent p span.text,
aside .callout .calloutContent p span.calloutSmall {
	font-size: 5.51rem;
	font-family: "HelveticaNeueW01-75Bold";
	line-height: 1;
	letter-spacing: -.2rem;
	display: block;
	margin-bottom: 5px;
}

.ctaButtonList div.calloutContent {
	background-color: #fff;
}

.ctaButtonList .buttonGrey4 {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
}

	.ctaButtonList .buttonGrey4 span {
		cursor: pointer;
	}

	.ctaButtonList .buttonGrey4:hover span {
		color: #fff;
	}

	.ctaButtonList .buttonGrey4:hover {
		background-color: #1e547a;
		background-image: linear-gradient(rgb(60, 127, 196), rgb(34, 97, 143));
	}

	.ctaButtonList .buttonGrey4:last-child {
		margin-bottom: 0;
	}

/* =File Viewer
---------------------------------------------------------*/
#pageWrap.mvcFileViewer {
	background-color: #eaebec;
	min-width: 1150px;
	position: static;
}

	#pageWrap.mvcFileViewer nav {
		position: absolute;
	}

		#pageWrap.mvcFileViewer nav #navContainer {
			max-width: none;
			min-width: 825px;
			width: 94%;
			margin: 0 3%;
		}

			#pageWrap.mvcFileViewer nav #navContainer #logo {
				left: 0;
			}

	#pageWrap.mvcFileViewer #contentWrap {
		padding-top: 34px;
		padding-bottom: 0;
		margin-bottom: 0;
		min-width: 1150px;
	}

	#pageWrap.mvcFileViewer .socialIconsPlaceholder {
		opacity: 0;
		-webkit-transition-delay: 2s;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 800ms;
		-webkit-transition-timing-function: ease-in;
		-moz-transition-delay: 2s;
		-moz-transition-property: opacity;
		-moz-transition-duration: 800ms;
		-moz-transition-timing-function: ease-in;
		-o-transition-delay: 2s;
		-o-transition-property: opacity;
		-o-transition-duration: 800ms;
		-o-transition-timing-function: ease-in;
		-ms-transition-delay: 2s;
		-ms-transition-property: opacity;
		-ms-transition-duration: 800ms;
		-ms-transition-timing-function: ease-in;
		transition-delay: 2s;
		transition-property: opacity;
		transition-duration: 800ms;
		transition-timing-function: ease-in;
		padding-top: 0;
		padding-bottom: 10px;
	}

.mvcFileViewer .fb-like.fb_iframe_widget {
	min-height: 20px;
	display: inline-block !important;
}

.mvcFileViewer .fb-like > span {
	vertical-align: bottom !important;
	min-height: 20px !important;
}

	.mvcFileViewer .fb-like > span > iframe {
		z-index: 100;
		min-height: 20px !important;
	}

.mvcFileViewer #fb-root {
	display: none;
}

.mvcFileViewer .twitter-share-button {
	display: inline-block;
}

.mvcFileViewer .g-plusone {
	display: inline-block;
}

#pageWrap.mvcFileViewer footer {
	position: relative;
}

.mvcFileViewer nav ul.logIn span {
	cursor: pointer;
}

.mvcFileViewer input[type="checkbox"] {
	vertical-align: middle;
}

	.mvcFileViewer select:focus,
	.mvcFileViewer select:active,
	.mvcFileViewer input[type="checkbox"]:focus,
	.mvcFileViewer input[type="checkbox"]:active {
		outline: none;
	}

.mvcFileViewer .leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
}

.mvcFileViewer .leaflet-control-layers-base input[type="radio"] {
	vertical-align: top;
}

.mvcFileViewer #publicFileViewer {
	height: 1200px;
}

#pageWrap.mvcFileViewer footer #footerContainer {
	padding-left: 3%;
	padding-right: 3%;
	width: 100%;
	max-width: 100%;
}

	#pageWrap.mvcFileViewer footer #footerContainer .columnLast {
		width: 270px;
		float: right;
	}

	#pageWrap.mvcFileViewer footer #footerContainer .column:first-of-type {
		margin-bottom: 35px;
	}

@media only screen and (max-width: 1170px) {
	#pageWrap.mvcFileViewer {
		min-width: 840px;
	}

		#pageWrap.mvcFileViewer #contentWrap {
			min-width: 0;
		}

		#pageWrap.mvcFileViewer nav {
			min-width: 825px;
		}

			#pageWrap.mvcFileViewer nav #navContainer {
				min-width: 0;
				margin: 0;
				width: 100%;
			}

				#pageWrap.mvcFileViewer nav #navContainer #logo {
					margin-left: 13px;
				}

				#pageWrap.mvcFileViewer nav #navContainer .logIn {
					float: right;
					position: relative;
					padding-right: 13px;
				}

		#pageWrap.mvcFileViewer footer #footerContainer .columnLast {
			width: 24%;
			min-width: 0;
		}

		#pageWrap.mvcFileViewer footer #footerContainer {
			padding-left: 15px;
			padding-right: 15px;
		}
}

@media only screen and (max-width: 840px) {
	#pageWrap.mvcFileViewer {
		min-width: 0;
	}

		#pageWrap.mvcFileViewer nav {
			min-width: 0;
		}

		#pageWrap.mvcFileViewer footer #footerContainer {
			min-width: 0;
		}

			#pageWrap.mvcFileViewer footer #footerContainer .columnLast {
				width: 100%;
			}

		#pageWrap.mvcFileViewer nav {
			height: 30px;
		}

			#pageWrap.mvcFileViewer nav #navContainer #logo {
				width: 300px;
				background-size: contain;
			}

			#pageWrap.mvcFileViewer nav ul li {
				padding: 0;
			}

				#pageWrap.mvcFileViewer nav ul li span.signUp,
				#pageWrap.mvcFileViewer nav ul li a.signUp {
					height: 30px;
					padding: 9px 17px 8px 17px;
				}

		#pageWrap.mvcFileViewer footer #footerContainer .column:nth-of-type(2) {
			margin-right: 0;
		}
}

@media only screen and (max-width: 650px) {
	#pageWrap.mvcFileViewer nav #navContainer .logIn {
		display: none;
	}
}

@media only screen and (min-width: 651px) and (max-width: 840px) {
	#pageWrap.mvcFileViewer footer #footerContainer {
		padding-top: 25px;
		padding-left: 5%;
		padding-right: 5%;
	}

		#pageWrap.mvcFileViewer footer #footerContainer .column .innerColumn {
			margin-right: 25px;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .column:first-of-type {
			margin: 0;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .column:nth-of-type(2) {
			float: right;
			margin-bottom: 6px;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .columnLast {
			width: 256px;
			float: right;
			clear: right;
			margin-bottom: 35px;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .column.columnLast ul li {
			margin-right: 20px;
		}

			#pageWrap.mvcFileViewer footer #footerContainer .column.columnLast ul li:last-of-type {
				margin-right: 0;
			}
}

@media only screen and (min-width: 530px) and (max-width: 650px) {
	#pageWrap.mvcFileViewer footer #footerContainer {
		padding-top: 25px;
	}

		#pageWrap.mvcFileViewer footer #footerContainer .column .innerColumn {
			margin-right: 25px;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .column:first-of-type {
			margin: 0;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .column:nth-of-type(2) {
			width: 220px;
			float: right;
			margin-bottom: 6px;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .column input[type=text] {
			width: 220px;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .columnLast {
			width: auto;
			float: right;
		}

		#pageWrap.mvcFileViewer footer #footerContainer .column.columnLast ul li {
			margin-right: 11px;
		}

			#pageWrap.mvcFileViewer footer #footerContainer .column.columnLast ul li:last-of-type {
				margin-right: 0;
			}
}

@media only screen and (max-width: 529px) {
	#pageWrap.mvcFileViewer {
		min-width: 320px;
	}

		#pageWrap.mvcFileViewer footer #footerContainer {
			padding-top: 25px;
		}

			#pageWrap.mvcFileViewer footer #footerContainer .column {
				margin-right: 0;
				width: 100%;
			}

				#pageWrap.mvcFileViewer footer #footerContainer .column .floatLeft {
					margin-bottom: 25px;
				}

				#pageWrap.mvcFileViewer footer #footerContainer .column.floatLeft {
					float: none;
				}

				#pageWrap.mvcFileViewer footer #footerContainer .column:first-of-type {
					width: 256px;
					margin: 0 auto;
				}

					#pageWrap.mvcFileViewer footer #footerContainer .column:first-of-type:after {
						content: "";
						display: table;
						clear: both;
					}

				#pageWrap.mvcFileViewer footer #footerContainer .column:nth-of-type(2) {
					margin: 0 auto;
					width: 256px;
				}

			#pageWrap.mvcFileViewer footer #footerContainer .columnLast {
				margin: 0 auto;
				width: 256px;
				float: none;
			}

			#pageWrap.mvcFileViewer footer #footerContainer .column input#txtEmail {
				margin-bottom: 25px;
			}

			#pageWrap.mvcFileViewer footer #footerContainer .column.columnLast ul li {
				margin-right: 20px;
			}

				#pageWrap.mvcFileViewer footer #footerContainer .column.columnLast ul li:last-of-type {
					margin-right: 0;
				}

			#pageWrap.mvcFileViewer footer #footerContainer #copyright {
				text-align: center;
			}
}

/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* Retina-specific stuff here */
	#pageWrap.mvcFileViewer nav #navContainer #logo {
		background-size: contain;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 480px) {
	#pageWrap.mvcFileViewer #contentWrap {
		padding-top: 25px;
	}

	#pageWrap.mvcFileViewer nav {
		z-index: 9999;
		background-color: #fff;
		position: fixed;
		width: 100%;
		height: 5rem;
		top: 0;
		box-shadow: 0 0 10px rgba(45, 45, 45, .08);
	}

	.with-environment-info #pageWrap.mvcFileViewer nav {
		height: calc(5rem + 30px);
	}

	#pageWrap.mvcFileViewer .display-environment > div {
		margin: 0 auto;
		width: auto;
		padding: 5px;
		font-size: .875rem;
		color: #ca4141;
		font-family: "HelveticaNeueW01-75Bold";
	}

	#pageWrap.mvcFileViewer #logo {
		padding-top: 2rem;
		cursor: pointer;
	}

	#pageWrap.mvcFileViewer .logo__svg {
		color: #005695;
		fill: currentColor;
		overflow: hidden;
		width: 15rem;
	}

	#pageWrap.mvcFileViewer .secondary-navigation__username {
		display: none;
	}

	#pageWrap.mvcFileViewer .signUp,
	#pageWrap.mvcFileViewer .secondary-navigation__link {
		font-size: 1.2rem;
	}

	#pageWrap.mvcFileViewer .secondary-navigation {
		top: 18px;
	}
}

/* =Footer
---------------------------------------------------------*/

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #303030;
	z-index: 9500 !important;
	height: auto;
}

	footer.footerFixed {
		position: fixed;
		bottom: 0;
	}

	footer #footerContainer {
		position: relative;
		width: 70.5%;
		max-width: 940px;
		min-width: 840px;
		margin: 0 auto;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
		padding-top: 57px;
		padding-bottom: 15px;
	}

		footer #footerContainer .column {
			position: relative;
			color: #fff;
			margin-right: 10%;
			margin-bottom: 4.4%;
		}

			footer #footerContainer .column.columnLast {
				margin-right: 0;
				width: 23.4%;
			}

				footer #footerContainer .column.columnLast ul li {
					display: inline-block;
					margin-right: 3.8%;
				}

					footer #footerContainer .column.columnLast ul li:nth-child(5) {
						margin-right: 0;
					}

			footer #footerContainer .column input {
				width: 256px;
				height: 30px;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box; /* Firefox, other Gecko */
				box-sizing: border-box; /* Opera/IE 8+ */
				border: none;
				outline: none;
				background-color: #4c4c4d;
				font-size: 1.4rem;
				padding-left: 8px;
			}

				footer #footerContainer .column input#txtEmail {
					padding-right: 20px;
					color: #8e8e8f;
				}

				footer #footerContainer .column input#btnSubmit {
					width: 0;
					height: 0;
					border-left: 10px solid #989898;
					border-top: 10px solid transparent;
					border-bottom: 10px solid transparent;
					position: absolute;
					top: 33px;
					right: 0;
					padding-right: 0;
					opacity: 1;
					-webkit-transition: opacity 400ms;
					-moz-transition: opacity 400ms;
					-o-transition: opacity 400ms;
					-ms-transition: opacity 400ms;
					transition: opacity 400ms;
				}

					footer #footerContainer .column input#btnSubmit:hover {
						opacity: .7;
						-webkit-transition: opacity 400ms;
						-moz-transition: opacity 400ms;
						-o-transition: opacity 400ms;
						-ms-transition: opacity 400ms;
						transition: opacity 400ms;
					}

			footer #footerContainer .column h3 {
				color: #fff;
				margin: 0 0 12px 0;
				font-size: 1.4rem;
				font-family: "HelveticaNeueW01-75Bold";
			}

			footer #footerContainer .column ul {
				list-style: none;
				font-size: 1.3rem;
				margin: 0;
				font-family: "HelveticaNeueW01-45Ligh";
			}

				footer #footerContainer .column ul li {
					line-height: 1;
					margin-bottom: 5px;
				}

					footer #footerContainer .column ul li a {
						color: #ccc;
						text-decoration: none;
					}

						footer #footerContainer #copyright a:hover,
						footer #footerContainer .column ul li a:hover {
							text-decoration: underline;
						}

			footer #footerContainer .column .innerColumn {
				margin-right: 57px;
				width: 90px;
			}

#copyright {
	color: #8e8e8f;
}

	#copyright p {
		font-size: 1.1rem;
		margin-bottom: 0;
		font-family: "HelveticaNeueW01-45Ligh";
	}

.footer-social-icon {
	width: 3rem;
	height: 3rem;
	fill: #fff;
	opacity: .7;
	overflow: hidden;
}

	.footer-social-icon:hover {
		opacity: 1;
	}

/* =Payment 
------------------------------------------------------- */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
	*zoom: 1;
}

#contentWrap.payment a:hover,
#contentWrap.upgrade a:hover,
#contentWrap.accountManagement a:hover {
	color: #000;
}

#contentWrap.payment .couponCode,
#contentWrap.upgrade .couponCode {
	margin-top: 20px;
}

	#contentWrap.payment .couponCode input[type="text"],
	#contentWrap.upgrade .couponCode input[type="text"] {
		width: 200px;
		float: left;
		clear: left;
	}

	#contentWrap.payment .couponCode input[type="submit"],
	#contentWrap.upgrade .couponCode input[type="submit"] {
		float: left;
		margin-left: 10px;
		outline: none;
	}

	#contentWrap.payment .couponCode .couponCodeTitle,
	#contentWrap.upgrade .couponCode .couponCodeTitle {
		float: left;
	}

#contentWrap.payment #mainContent {
	margin-top: 45px;
}

#contentWrap.addCard #mainContent {
	margin-top: 0;
}

#contentWrap.upgrade #mainContent {
	padding-top: 50px;
}

#contentWrap.purchase h1,
#contentWrap.payment h1,
#contentWrap.upgrade h1,
.h1underline {
	border-bottom: 4px solid #22618e;
	padding-bottom: 7px;
}

#contentWrap.purchase h2,
#contentWrap.payment h2,
#contentWrap.upgrade h2 {
	margin-top: 30px;
	margin-bottom: 15px;
}

	#contentWrap.payment h2.prodInfo,
	#contentWrap.payment h2.acctInfo {
		margin-bottom: 0;
	}

.acctMgmtHead {
	border-bottom: 1px solid #c3c3c3;
	padding-bottom: 10px;
}

#contentWrap.upgrade .ratePlan,
#contentWrap.payment .ratePlan,
#contentWrap.payment .productContain {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 30px 0;
	margin: 0;
	display: table;
	width: 100%;
}

#contentWrap.payment .ratePlan {
	margin: 15px 0;
}

#contentWrap.payment h3.productName {
	font-family: "HelveticaNeueW01-75Bold";
	font-size: 1.4rem;
	color: #999999;
	width: 60%;
	display: table-cell;
	vertical-align: middle;
}

.productContain.lineItem h3.productName {
	display: block !important;
}

#contentWrap.payment .validationSummaryContain li {
	color: #f7000f;
}

#contentWrap.payment .chargesContain {
	width: 33%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

	#contentWrap.payment .chargesContain .price {
		font-size: 1.4rem;
	}

#contentWrap.payment .titleDescContain .price {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 25%;
}

#contentWrap.payment h3:not(:first-of-type),
#contentWrap.upgrade .product .ratePlan:not(:first-of-type) {
	border-top: none;
}

#hostedPaymentForm #newCard {
	display: none;
	width: 100%;
	border: solid 1px #d9d9d9;
	padding-bottom: 18px;
}


#hostedPaymentForm #newCard iframe,
#hostedPaymentForm #addCard iframe {
	border: none;
}

#contentWrap.payment .firstName {
	float: left;
	width: calc(50% - 10px);
}

#contentWrap.payment .lastName {
	float: left;
	width: calc(50% - 10px);
	margin-left: 20px;
}

#contentWrap.payment .countryZipContain {
	width: calc(50% - 10px);
	float: left;
}

	/* SelectBoxIt container */
	#contentWrap.payment .countryZipContain .selectboxit-container {
		display: block;
	}

		#contentWrap.payment .countryZipContain .selectboxit-container span[name="country"] {
			display: block;
			width: 100% !important;
		}

.countryZipContain .selectboxit-list {
	max-height: 250px !important;
}

#contentWrap.payment .selectboxit-option,
.selectboxit-optgroup-header {
	text-indent: 0; /* Horizontal Positioning of the select box option text */
	margin: 0;
	list-style-type: none;
}

	#contentWrap.payment .selectboxit-option .selectboxit-option-anchor {
		padding: 0 10px;
	}

#contentWrap.payment .country,
#contentWrap.payment .zipCode {
	width: calc(50% - 10px);
	display: block;
	float: left;
}

#contentWrap.payment .zipCode {
	margin-left: 20px;
}

.country input[type="select"] {
	width: 100%;
}

.zipCode input[type="text"] {
	width: 100%;
}

#contentWrap.payment .vatId {
	width: calc(25% - 10px);
	float: left;
}

@media (max-width: 900px) {
	#contentWrap.payment .firstName {
		float: none;
		width: auto;
	}

	#contentWrap.payment .lastName {
		float: none;
		width: auto;
		margin-left: 0;
	}

	#contentWrap.payment .countryZipContain {
		float: none;
		width: auto;
	}

	#contentWrap.payment .emailContain {
		float: none;
		width: auto;
		margin-left: 0;
	}
}

#contentWrap.payment .callout h5 {
	font-size: 1rem;
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
	margin: 0;
	padding: 4px 9px;
	border: solid 1px #000;
	font-family: "HelveticaNeueW01-75Bold";
}

#contentWrap.payment input.buttonGreen1,
#contentWrap.payment input.btnDisabled {
	margin-top: 15px;
	outline: none;
}

	#contentWrap.payment input.buttonGreen1.disabled {
		opacity: .5;
	}

		#contentWrap.payment input.buttonGreen1.disabled:hover {
			opacity: .5;
			background-color: #608802;
			cursor: default;
			border: solid 1px #b5b5b5;
			background-image: linear-gradient(rgb(160, 200, 1), rgb(127, 162, 6));
		}

#contentWrap.payment .card {
	margin: 15px 0;
}

	#contentWrap.payment .card label {
		cursor: pointer;
	}

	#contentWrap.payment .card #selectedCard {
		margin-right: 3px;
		position: relative;
		top: -3px;
	}

.paymentMethodCreditCard {
	display: inline-block;
	margin: 0 0 0 5px;
	color: #999999;
}

#contentWrap.payment .price.original,
#contentWrap.purchase .price.original {
	font-family: "HelveticaNeueW01-55Roma";
	text-decoration: line-through;
}

#contentWrap.payment .price.discount,
#contentWrap.purchase .price.discount {
	font-family: "HelveticaNeueW01-75Bold";
}

.couponContain p {
	color: #999999;
	margin: 0;
	font-size: 1.4rem;
}

.purchaseInfo .couponStatus,
.purchaseInfo .couponDescription {
    color: red;
	margin: 5px;
	font-size: 1.4rem;
}

.accountInformation {
	margin-top: 37px;
}

	.accountInformation .accountInformationOr {
		width: 36px;
		display: inline-block;
		text-align: center;
	}

.accountInformationButtonContain .buttonBlue1 {
	width: 125px;
	outline: none;
	cursor: pointer;
}

#contentWrap.upgrade .product-view {
	margin-bottom: 50px;
}

#contentWrap.upgrade .ratePlan .PriceButtonContain {
	width: 45%;
	display: table-cell;
	vertical-align: middle;
}

#contentWrap.upgrade .ratePlan .PriceButtonInner {
	display: table;
	width: 100%;
}

#contentWrap.upgrade .ratePlan .titleDescContain {
	display: table-cell;
	vertical-align: middle;
	width: 65%;
}

#contentWrap.payment .ratePlan .titleDescContain {
	display: table;
	width: 100%;
}

#contentWrap.upgrade .ratePlan h4 {
	color: #999999;
	font-family: "HelveticaNeueW01-75Bold";
	font-size: 1.4rem;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	width: 210px;
}

#contentWrap.payment .ratePlan h4 {
	color: #999999;
	font-family: "HelveticaNeueW01-75Bold";
	font-size: 1.4rem;
	margin-top: 0;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
	width: 60%;
}

#contentWrap.upgrade .ratePlan p {
	font-size: 1.4rem;
	margin-bottom: 0;
	margin-top: 0;
	display: inline-block;
	width: 230px;
	line-height: normal;
}

#contentWrap.upgrade .ratePlan .buyButtonContain {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

#contentWrap.upgrade .priceContain {
	padding: 5px 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 100%;
}

#contentWrap.upgrade .price {
	font-size: 1.4rem;
	font-family: "HelveticaNeueW01-75Bold";
	display: block;
}

#contentWrap.upgrade .coupon {
	font-size: 1.2rem;
	font-family: "HelveticaNeueW01-55Roma";
	display: block;
	padding-top: 3px;
	color: #cc0000;
}

#contentWrap.upgrade .price.original {
	font-size: 1.4rem;
	font-family: "HelveticaNeueW01-55Roma";
	text-decoration: line-through;
	display: block;
}

#contentWrap.upgrade .priceDesc {
	font-size: 1.2rem;
	font-family: "HelveticaNeueW01-55Roma";
	display: block;
	padding-top: 3px;
}

#contentWrap.upgrade .ratePlan input[type="radio"] {
	position: relative;
	top: -2px;
	margin-right: 5px;
}

#contentWrap.upgrade .product-view .btnBuy {
	float: right;
}

#contentWrap.purchase .ratePlan .productInfo {
	float: left;
	width: 65%;
}

#contentWrap.purchase .ratePlan .purchaseInfo {
	float: right;
	text-align: right;
}

#contentWrap.purchase .ratePlan {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 30px 0 10px 0;
	margin: 0;
	width: 100%;
}

#contentWrap.purchase .wkoTrialItem {
	border-top: 0 solid #c3c3c3;
}

#contentWrap.purchase .ratePlan:not(:first-of-type) {
	border-top: none;
}

#contentWrap.purchase .price {
	font-size: 1.4rem;
	font-family: "HelveticaNeueW01-75Bold";
	margin-right: 15px;
}

#contentWrap.purchase .ratePlan h4 {
	color: #999999;
	font-family: "HelveticaNeueW01-75Bold";
	font-size: 1.4rem;
}

.priceNote {
	font-family: "HelveticaNeueW01-56It";
	margin-top: 7px;
	font-size: .9em;
}

.thankYou .logInContain {
	margin-top: 22px;
}

.thankYou .nowLogIn {
	display: inline-block;
}

.thankYou .buttonBlue1 {
	display: inline;
}

.thankYou .or {
	padding: 0 10px;
}

.billingContact {
	margin-top: 48px;
}

.emailContain {
	float: left;
	width: calc(50% - 10px);
	margin-left: 20px;
}
/* =Account Management
------------------------------------------------------- */
.h1underline {
	border-bottom: 4px solid #22618e;
	padding-bottom: 7px;
}

#contentWrap.accountManagement h2 {
	margin-top: 25px;
	padding-top: 22px;
	margin-bottom: 20px;
}

	#contentWrap.accountManagement h2:not(:first-of-type) {
		margin-top: 25px;
		padding-top: 22px;
		margin-bottom: 20px;
	}

#contentWrap.accountManagement .accountInfoContain h2 {
	margin-top: 25px;
	padding-top: 22px;
	border-top: none;
	margin-bottom: 20px;
}

#contentWrap.accountManagement .acctSectionMainItem {
	float: left;
	width: 37%;
	color: #999999;
	margin-bottom: 0;
	line-height: normal;
}

#contentWrap.accountManagement .accountInfo li,
#contentWrap.accountManagement .paymentMethod li {
	color: #999999;
	width: calc(33% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	min-height: 28px;
}

.purchaseTransactionType {
	clear: left;
}

#contentWrap.accountManagement .validation p,
.validation p {
	margin: 0;
	color: #f7000f !important;
}

.accountManagement.accountManagement .validation ul {
	margin-top: 0;
}

.accountManagement.accountManagement .validation li {
	float: none;
	margin: 5px 0;
	font-size: 1.4rem;
	color: #f7000f;
	font-family: "HelveticaNeueW01-56It";
}

.accountInfo,
.paymentMethod {
	margin: 0 0 0 10px;
	list-style-type: none;
	float: left;
	width: calc(63% - 10px);
}

	.accountInfo li,
	.paymentMethod li {
		font-size: 1.2rem;
		font-family: "HelveticaNeueW01-55Roma";
		color: #999999;
	}

	.accountInfo .label,
	.paymentMethod .label,
	.defaultCard li .label {
		font-family: "HelveticaNeueW01-75Bold";
		display: block;
	}

	.accountInfo.userInfo li {
		font-size: 1.4rem;
		margin-bottom: 0;
		font-family: "HelveticaNeueW01-55Roma";
	}

	.accountInfo.userInfo ul,
	.accountInfo.subscription ul,
	.paymentMethodContain ul {
		margin: 0;
	}

	.accountInfo.userInfo li,
	.accountInfo.subscription li,
	.paymentMethod li {
		float: left;
		margin-right: 30px;
	}

	.accountInfo.subscription .productName {
		margin-bottom: 0;
		font-size: 1.6rem;
	}

	.accountInfo.subscription .ratePlan {
		font-size: 1.4rem;
		clear: left;
		font-family: "HelveticaNeueW01-55Roma";
		margin-bottom: 15px;
	}

.purchaseInfo .ratePlan {
	margin: 15px 0;
}

.accountInfo.subscription li.autoRenew {
	clear: left;
}

.accountInfo .productName {
	font-family: "HelveticaNeueW01-75Bold";
	list-style-type: none;
}

.purchases table {
	margin: 0 0 10px 0;
	width: 100%;
}

	.purchases table th {
		font-weight: normal;
		font-family: "HelveticaNeueW01-75Bold";
		padding: 0 5px 5px 0;
		text-align: left;
		font-size: 1.2rem;
	}

	.purchases table td {
		padding: 5px 5px 5px 0;
		text-align: left;
		font-size: 1.2rem;
	}

.paymentMethodContain .defaultCard,
.paymentMethodContain .cardOptions {
	float: left;
	width: 21%;
}

#contentWrap.accountManagement .paymentMethodContain .defaultCard li {
	color: #22618e;
}

.addCardContain {
	margin-top: 25px;
	float: left;
	clear: left;
	width: 100%;
}

.cardButtonContain {
	margin: 10px 0 35px 0;
}

.cancelSub,
.changeSub {
	display: inline;
	margin-right: 6px;
}

.cardButtonContain .buttonGrey2 {
	float: left;
	margin-right: 10px;
}

.subInfo {
	margin: 0 0 25px 0;
}

#contentWrap.purchaseHistory .purchases {
	margin-top: 45px;
}

table.payment-history td,
table.payment-history th {
	padding: 5px 10px 10px 0;
}

	table.payment-history td.payment-history-amount,
	table.payment-history th.payment-history-amount {
		text-align: right;
		padding-right: 20px;
	}

	table.payment-history th.payment-history-product,
	table.payment-history td.payment-history-product {
		max-width: 400px;
	}

.subscriptionTitle {
    float: left;
    color: #64748B;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 1.25rem;
}

.manageSub {
    float: right;
    color: #0071C4;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 1.2rem;
}

.manageSub img {
    display: inline;
    margin-top: -1px;
    height: 16px;
}

/* Health Check */
.status-label {
	float: left;
	width: 150px;
}

.status-icon {
	height: 20px;
}

div#statuswrapper {
	margin-bottom: 6px;
}

/* Payment Method */
#contentWrap.accountManagement .paymentMethodContain .paymentMethod {
	width: calc(42% - 10px);
}

	#contentWrap.accountManagement .paymentMethodContain .paymentMethod li {
		width: calc(50% - 10px);
		margin-bottom: 25px;
	}

#contentWrap.accountManagement .historyItem {
	margin-bottom: 25px;
}

#contentWrap.accountManagement .paymentMethodContain .acctSectionMainItem {
	width: 38%;
}

#contentWrap.accountManagement .cardOptions li,
#contentWrap.accountManagement .defaultCard li {
	width: 100%;
	margin-right: 0;
	list-style-type: none;
}

.cardOptions li a {
	margin-right: 10px;
}

	.cardOptions li a:last-of-type {
		margin-right: 0;
	}

.cardType {
	display: inline-block;
	width: 135px;
}

.historyID {
	font-size: 1.4rem;
}

#contentWrap.purchaseHistory .historyItem {
	padding-bottom: 15px;
	border-bottom: 1px solid #c3c3c3;
}

	#contentWrap.purchaseHistory .historyItem:last-of-type {
		border-bottom: none;
	}

/* coach signup page */
.coachCreation .selectboxit-container span[name="CoachingFocus"],
.coachCreation .selectboxit-container[name="CoachingFocus"] {
	width: 100% !important;
}

.coachCreation input[name="Phone"] {
	width: 40%;
}

.coachCreation .phoneError {
	width: 40%;
	float: left;
}

.coachCreation .selectboxit-container[name="Country"] {
	width: 60% !important;
}

.coachCreation .countryError {
	width: 60%;
	float: right;
	padding-left: 7px;
}

.coachCreation .selectboxit-container span[name="Country"] {
	width: 95% !important;
}

/* =Login PayPal Reauth Modal
------------------------------------------------------- */
.ui-dialog #paypal-reauth-modal {
	background-image: url(/Images/bg_white_83.png);
	padding: 60px;
	color: #999;
}

#paypal-reauth-modal a:first-of-type {
	color: #999;
	float: right;
	margin-top: -50px;
	margin-right: -45px;
	font-size: 1.8rem;
}

#paypal-reauth-modal a.buttonGrey1 {
	text-transform: uppercase;
	width: 133px;
	text-align: center;
	height: 28px;
	font-family: HelveticaNeueW01-75Bold;
}

.ui-dialog #paypal-reauth-modal p {
	font-size: 1.6rem;
	font-family: "HelveticaNeueW01-55Roma";
}

.jquery-modal-notitle {
	background: none;
	border-radius: 0;
	z-index: 9602;
}

	.jquery-modal-notitle .ui-dialog-titlebar {
		display: none;
	}

/* =Account Management PayPal Reauth
------------------------------------------------------- */
.paypalReauthWrap {
	background-color: #e1e1e1;
	margin-bottom: -70px;
}

.payPalReauth {
	color: #666666;
	padding: 30px 0;
	width: 70.5%;
	max-width: 940px;
	min-width: 840px;
	margin: 0 auto;
	position: relative;
}

	.payPalReauth h2 {
		color: #666666;
	}

	.payPalReauth a:first-of-type,
	.payPalReauth a:first-of-type:active,
	.payPalReauth a:first-of-type:hover {
		float: right;
		margin-top: 15px;
		font-size: 1.6em;
	}

/* =Responsive Structure
------------------------------------------------------- */
@media only screen and (max-width: 1284px) {
	#columnWrap .quarterColumn h3 {
		margin-top: 0;
	}

	#columnWrap .quarterColumn:last-child h3 {
		margin-top: 0;
	}

	#columnWrap .quarterColumn .columnWithImage img {
		width: 149px;
		height: 149px;
	}
}

@media only screen and (max-width: 1262px) {
	footer #footerContainer .column.columnLast {
		min-width: 24.8%;
	}

	footer #footerContainer .column {
		margin-right: 7%;
	}
}

@media only screen and (max-width: 1250px) {
	aside .callout .calloutContent p span.number,
	aside .callout .calloutContent p span.calloutBig {
		font-size: 6.2rem;
	}

	aside .callout .calloutContent p span.text {
		font-size: 5.21rem;
	}

	aside .callout.calloutFixed,
	aside .callout.calloutDocked {
		width: 205px;
	}
}

@media only screen and (max-width: 1200px) {
	#columnWrap .quarterColumn .columnWithImage img {
		width: 144px;
		height: 144px;
	}
}

@media only screen and (max-width: 1193px) {
	aside .callout.calloutFixed,
	aside .callout.calloutDocked {
		width: 196px;
	}

	nav.secondary ul li a {
		padding-left: 21px;
		padding-right: 21px;
	}
}

@media only screen and (max-width: 1024px) {
	/* This also targets the iPad - Landscape */

	#mainContent {
		width: 83%;
	}

	header #logoContainer {
		width: 83%;
	}

	nav #navContainer {
		width: 83%;
	}

	footer #footerContainer {
		width: 83%;
	}

	nav.secondary #navContainer {
		width: 83%;
	}

	aside .callout .calloutContent p span.number,
	aside .callout .calloutContent p span.calloutBig {
		font-size: 6.2rem;
	}

	aside .callout .calloutContent p span.text {
		font-size: 4.81rem;
	}
}

@media only screen and (max-width: 768px) {
	/* This also targets the iPad - Portrait */

	#mainContent {
		width: 83%;
	}

	header #logoContainer {
		width: 83%;
	}

	nav #navContainer {
		width: 83%;
	}

	footer #footerContainer {
		width: 83%;
	}

	nav.secondary #navContainer {
		width: 83%;
	}

	aside .callout .calloutContent p span.number,
	aside .callout .calloutContent p span.calloutBig {
		font-size: 6.2rem;
	}

	aside .callout .calloutContent p span.text {
		font-size: 4.81rem;
	}
}

@media (min-width: 992px) {
	#navContainer,
	footer #footerContainer,
	.display-environment > div {
		width: 960px;
		max-width: unset;
		min-width: unset;
	}
}

@media (min-width: 1280px) {
	#navContainer,
	footer #footerContainer,
	.display-environment > div {
		width: 1200px;
		max-width: unset;
		min-width: unset;
	}
}

/* =Authorization Modal Notifications
------------------------------------------------------- */
.ui-widget-content.tp-notification-override {
	border: none;
	background: none;
}

.ui-widget-overlay.tp-notification-override {
	background: #000;
	opacity: 0.4;
	filter: Alpha(Opacity=40);
	z-index: 9601;
}

.ui-front.tp-notification-override {
	z-index: 9602;
}

.ui-dialog.tp-notification-override .ui-dialog-content {
	background: #fff;
	padding: 50px 60px;
	color: #999;
}

.tp-notification-override a.close-modal-link {
	color: #999;
	float: right;
	margin-top: -50px;
	margin-right: -45px;
	font-size: 1.8rem;
}

	.tp-notification-override a.close-modal-link:focus {
		border: none;
		outline: none;
	}

/*WKO Styles*/

img.align-right {
	float: right;
	margin-left: 20px;
}

hr.blue {
	border-top: solid 4px;
}

section.wko-4-education-center {
	margin-top: 20px;
}

.wko-4-education-center h1 {
	color: #8e2234 !important;
}

.notification-error {
	color: #f7000f;
}
#confirmation-modal ul {
	margin-left: 0;
	margin-bottom: 20px;
}

	#confirmation-modal ul li {
		list-style-type: none;
	}

#confirmation-modal p {
	font-size: 1.4rem;
}

#confirmation-upgrade-price {
	text-align: center;
}

#confirmation-modal .submitProcessing {
	font-weight: bold;
	font-style: italic;
	vertical-align: middle;
	display: none;
}

#confirmation-modal #confirmationButtons div {
	display: inline-block;
	vertical-align: top;
}

/* =Account Management coach - change subscription
---------------------------------------------------------*/
#edit-subscription-modal input {
	vertical-align: middle;
}

#edit-subscription-modal .newSubscriptionName {
	display: inline-block;
}

#edit-subscription-modal .newSubscriptionDescriptionWrapper {
	padding: 3px 0 0 20px;
}

/* =Zuora billing trap
---------------------------------------------------------*/
.bypassZuoraBillingTrap {
	font-style: italic;
	line-height: 1.6rem;
	font-size: 1.2rem;
}

/* =Account Management - usage table, payment methods table
---------------------------------------------------------*/
table.usage-table,
table.payment-methods {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 5px;
}

	table.usage-table th,
	table.usage-table td,
	table.payment-methods th,
	table.payment-methods td {
		padding: 15px 5px;
	}

	table.usage-table tr td:first-child,
	table.payment-methods tr td:first-child {
		padding-left: 15px;
	}

	table.usage-table tbody tr:nth-child(odd),
	table.payment-methods tbody tr:nth-child(odd) {
		background: #e8e8e8;
	}

	table.usage-table tbody tr:last-child table.payment-methods tbody tr:last-child {
		background: #fff;
	}

	table.usage-table tbody tr:first-child,
	table.usage-table tbody tr:last-child,
	table.payment-methods tbody tr:first-child,
	table.payment-methods tbody tr:last-child {
		border-top: 2px solid #ddd;
	}

	table.usage-table tbody tr.totals-row {
		border-top: none;
		background: #fff;
	}

		table.usage-table tbody tr.totals-row:nth-of-type(2) {
			border-top: 2px solid #ddd;
		}

	table.payment-methods tbody tr:last-child {
		border-bottom: 2px solid #ddd;
	}

/* Bulk Upload and Coach Reports
---------------------------------------------------------*/
.col1,
.col2,
.col3,
.col4 {
	padding: 0 20px 0 0;
	width: 25%;
	float: left;
}

	.col4 .buttonBlue1 {
		margin-top: 16px;
	}

h2.small {
	font-size: 60%;
}

.col3 .csv {
	padding-top: 5px;
	float: left;
	color: #666;
}

/* Liability, Waiver, Agreement Styles - these appear as readonly text on the payment form */
div.liability-terms {
	width: 700px;
	height: 200px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	padding: 6px;
	overflow: auto;
}

	div.liability-terms p,
	div.liability-terms ol {
		line-height: 1.2 !important;
		font-size: 1.4rem !important;
	}

	div.liability-terms h3 {
		font-size: 1.6rem;
	}

#AgreementTermsViewModel_IsAgreedTo {
	vertical-align: middle;
	margin-right: 5px;
}


/* =Utilities
---------------------------------------------------------*/

.u-hidden {
	display: none;
}

.u-block {
	display: block;
}
.u-my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.u-mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}

.u-mt-6 {
	margin-top: 1.5rem;
}