@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'zoggsregular';
    src: url('/fonts/zoggs-webfont.eot');
    src: url('/fonts/zoggs-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/zoggs-webfont.woff') format('woff'),
         url('/fonts/zoggs-webfont.ttf') format('truetype'),
         url('/fonts/zoggs-webfont.svg#zoggsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #fff;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #555;
	overflow-y: scroll;
}
input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {

	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	border-radius: 3px !important;
	padding: 8px 4px !important;
	border: 1px solid #d4d5d5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link, a:active, a:hover, a:visited {
	text-decoration: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
}
.nopadding {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.clear, .clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

/******************** end reset ******************/


/******************** typography *****************/
h1, h2, h3, h4, h5, h6, p {
	line-height: 1.4;
}
strong {
	font-weight: bold;
}
p a {
	color: #444;
}
p a:hover {
	color: #CB353F;
}
.zoggsfont {
	font-family: 'zoggsregular';
}
.coolblue {
	color: #6ecff6;
}
.lgrey {
	color: #a9aaaa;
}
.white {
	color: #fff;
}
.fwhite {
	color: #fff;
}
.fw100 {
	font-weight: 100;
}
.largeIntro {
	color: #fff;
	font-size: 2.2em;
	line-height: 1.1;
}
.zoggblue {
	color: #004c9c;
}

hr {
	border: 1px solid #F3F0F0;
	margin: 20px 0 20px 0;
}
/******************** end typography *************/

/******************** form elements ****************/

select {
	padding: .3em;
	color: #a9aaaa;
}
textarea {
	overflow: auto;
}
input[type="text"] {
	color: #000;
	font-size: 0.75em;
}

::-webkit-input-placeholder {
   	color: #cccccc;
	font-size: 1em;
}

:-moz-placeholder { /* Firefox 18- */
   	color: #cccccc;
	font-size: 1em;
}

::-moz-placeholder {  /* Firefox 19+ */
   	color: #cccccc;
	font-size: 1em;
}

:-ms-input-placeholder {
   	color: #cccccc;
	font-size: 1em;
}

/******************** end form elements ****************/

/******************* banners ********************/

a.banner-1 {

}
a.banner-1 img {
	display: block;
	margin: 0 auto;
}

/****************** pagination ***************/

nav.pagination {
	display: block;
	width: 100%;
	padding-top: 1em;
	text-align: right;
}
.paginationinner {
	display: block;
	width: 100%;
}
span.page {

}
span.page a {

}
span.next {

}
span.next a {

}
span.last {

}
span.last a {

}
span.page.current {
	color: #fff;
	display: inline-block;
	background: #64C6F5;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: .5em;
	background: #8DC63F;
	text-shadow: 0px -1px 1px #35708d;
	border: 2px solid #fff;
}
.paginationinner a {
	color: #fff;
	display: inline-block;
	background: #8DC63F;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: .5em;
	border: 2px solid #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.paginationinner a:hover {
	background: #54b1de;
}

/******************* responsive maps **********************/

.responsive-media {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
	min-height: 250px;
    height: 0;
    overflow: hidden;
}
.responsive-media iframe,
.responsive-media object,
.responsive-media embed {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/******************** layout *************/

a.more.only-mobile {
	display: none;
}
a.take-note.only-mobile {
	display: none;
}
.bluelane {
	border-bottom: 3px solid #b9e5fb;
	position: relative;
}
.bluelane:before {
	content: "";
	width: 3px;
	height: 24px;
	background: #b9e5fb;
	position: absolute;
	bottom: -14px;
	left: -3px;
	visibility: visible;
}
.bluelane:after {
	content: "";
	width: 3px;
	height: 24px;
	background: #b9e5fb;
	position: absolute;
	bottom: -14px;
	right: -3px;
	visibility: visible;
}
@media screen and (min-width: 680px){.mar40bottom {margin-bottom: 40px!important;}}
@media screen and (max-width: 679px){.mar40bottom {margin-bottom: 0!important;}}
.padd20Bottom {
	padding-bottom: 20px;
}
.textAlignRight {
	text-align: right;
	display: block;
}
table.full-width-table {
	width: 100%;
}
.outercontainer {
	display: block;
	width: 100%;
	text-align: left;
}
span.swim-icon, span.pdf-icon {
	height: 21px;
	width: 38px;
	position: absolute;
	top: 5px;
	display: block;
	background: url(/images/swim-sprite.png) no-repeat;
	z-index: 10;
}
a.more span.swim-icon.new-challenge {
	background: url(/images/swim-sprite.png) no-repeat 0 -259px;
	top: -1px;
	height: 36px;
	width: 40px;
	float: right;
	margin-left: 6px;
	margin-right: 6px;
}
a.more .swim-icon.twitter {
	background-position: -137px -342px;
	height: 27px;
}
a.more .swim-icon.facebook {
	background-position: -192px -342px;
	height: 27px;
}
.innercontainer {

}
.header {
	display: block;
	background: url(/images/header-tile.png) repeat;
}
.header header {
	margin: 0 5%;
	position: relative;
}
ul.user-area {
	display: inline-block;
	float: right;
	width:100%;
}
ul.user-area li {
	float: right;
	display: block;
	position: relative;
}
ul.user-area li:last-child {
	margin-right: 0;
}
ul.user-area li.previous {
	position: absolute;
	left: 0;
	top: 1.2em;
}
ul.user-area li a {
	float: left;
	display: block;
	padding: .3em .5em;
	text-align: right;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
a.fa.fa-sign-out.pull-right {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12.6px;
    color: #adadad;
    font-weight: 500;
}
a.fa.fa-sign-out.pull-right:before {
    font: normal normal normal 18px/0.8 FontAwesome;
}
a.prev-site {
	display: inline-block;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
a.prev-site i {
	margin-right: .3em;
}
ul.user-area li a i {
	font-size: 18px;
}
.top-menu a:hover {
	color: #0060aa;
}
ul.user-area li ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 100;
	min-width: 100%
}
ul.user-area li.hover a {
	background: #1282c3;
	color: #fff;
	-webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
ul.user-area li.hover ul li a {
	-webkit-border-radius: 0;
    border-radius: 0;
}
ul.user-area li ul li {
	display: block;
	float: none;
}
ul.user-area li ul li a {
	float: none;
}
ul.user-area li ul li:last-child a {
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	-webkit-box-shadow:  0px 3px 0px 0px rgba(00, 00, 00, .1);
	box-shadow:  0px 3px 0px 0px rgba(00, 00, 00, .1);
}
ul.user-area li ul li a:hover {
	background: #6ecff6;
}
.main-header {
	clear: both;
	display: block;
	position: relative;
}
.toplogo {
	float: left;
	width:25%;
	padding-top: 0.5em;
}
.topright {
	float:right;
	width:75%;
}
.top-menu {
	/*display: block;*/
	padding: 1.3em 0 .5em 0;
}
.top-menu a {
	color: #adadad;
	font-size: .9em;
}

@-ms-viewport{
	width: device-width;
}

.nav-icon-div img {
	display: none;
}

@media screen and (max-width: 800px) {
	.topright {
		width:100%;
	}
	.nav-icon-div img {
		display: block;
	}
	.nav-icon-div img {
	  height: 10% !important;
  	width: 10% !important;
  	float: right !important;
  	margin-top: 15px !important;
	}
	.toplogo {
		width:100%;
		padding-top: 65px;
	}
	ul.user-area li.social{
		display:none;
	}

	#second-nav-bar{
    display: none;
  }
}


.main-header nav {
	float: right;
	display: inline-block;
	/*padding-top: 2em;*/
	padding-bottom: 1em;
}
.main-header nav ul li {
	float: left;
	display: block;
	margin-left: 1em;
}
.main-header nav ul li a {
	float: left;
	display: block;
	color: #005fac;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
	font-size: 1.2em;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear;
}
.main-header nav ul li a:hover {
	color: #8dc63f;
}

.main-header nav li.current-tab a{
	border: 2px solid rgba(226,226,226,1);
	background: gray;
	color: #8dc63f;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px; /* future proofing */
	-khtml-border-radius: 30px; /* for old Konqueror browsers */

	background: rgba(226,226,226,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(247,244,245,0.95) 2%, rgba(236,234,235,0.46) 23%, rgba(209,209,209,0.46) 74%, rgba(219,219,219,0.46) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(226,226,226,1)), color-stop(2%, rgba(247,244,245,0.95)), color-stop(23%, rgba(236,234,235,0.46)), color-stop(74%, rgba(209,209,209,0.46)), color-stop(100%, rgba(219,219,219,0.46)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(247,244,245,0.95) 2%, rgba(236,234,235,0.46) 23%, rgba(209,209,209,0.46) 74%, rgba(219,219,219,0.46) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(247,244,245,0.95) 2%, rgba(236,234,235,0.46) 23%, rgba(209,209,209,0.46) 74%, rgba(219,219,219,0.46) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(247,244,245,0.95) 2%, rgba(236,234,235,0.46) 23%, rgba(209,209,209,0.46) 74%, rgba(219,219,219,0.46) 100%);
	background: radial-gradient(ellipse at center, rgba(226,226,226,1) 0%, rgba(247,244,245,0.95) 2%, rgba(236,234,235,0.46) 23%, rgba(209,209,209,0.46) 74%, rgba(219,219,219,0.46) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb', GradientType=1 );
}
.main-header nav li.current-tab a:hover{
	color: #005fac;
}

.social-links {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 1.3em;
}
.social-links a {
	display: inline-block;
	font-size: 1.8em;
	margin-left: 6px;
	color: #005fac;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear;
}
.social-links a span {
	display: none;
}
.social-links a:hover {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
img.pool-steps {
	position: absolute;
	bottom: -21px;
	right: 140px;
}
.strap {
	display: block;
	/*padding-bottom:1.5em;*/
	width: 100%;
	background: url(/images/tile.png) repeat, #78b830;
	background: url(/images/tile.png) repeat, -moz-linear-gradient(top,  #56a02b 0%, #78b830 100%);
	background: url(/images/tile.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56a02b), color-stop(100%,#78b830));
	background: url(/images/tile.png) repeat, -webkit-linear-gradient(top,  #56a02b 0%,#78b830 100%);
	background: url(/images/tile.png) repeat, -o-linear-gradient(top,  #56a02b 0%,#78b830 100%);
	background: url(/images/tile.png) repeat, -ms-linear-gradient(top,  #56a02b 0%,#78b830 100%);
	background: url(/images/tile.png) repeat, linear-gradient(to bottom,  #56a02b 0%,#78b830 100%);
}
.no-multiplebgs .strap, .no-cssgradients .strap {
	background: #78b830 url(/images/tile.png) repeat;
}
.strap-content {
	position: relative;
	margin: 0 5%;
	padding-bottom: .5em;
}
.pool-shadow {
	position: absolute;
	bottom: -80px;
	right: 200px;
	display: none;
}
.strap-content h1 {
	color: #fff;
	font-size: 2.3em;
	line-height: 1;
}
.strap-content h1 span {
	font-family: 'zoggsregular';
	font-size: 48px;
}
span.zoggs {
	font-family: 'zoggsregular';
	color:#8dc63f;
}
@media screen and (min-width: 801px) {
	span.zoggs {
		font-size: 30px;
	}
}
@media screen and (max-width: 800px) {
	span.zoggs {
		font-size: 25px;
	}
}
.b-crumb {
	display: block;
	padding: .5em 0;
}
.b-crumb ul {

}
.b-crumb ul li {
	display: inline-block;
}
.b-crumb ul li a, .b-crumb ul a, .b-crumb ul {
	color: #fff;
}
.b-crumb ul{
	font-size: .8em;
}
.b-crumb ul li a i.fa-chevron-right {
	font-size: 8px;
	position: relative;
	top: -1px;
}
.main-content-outer {
	width: 100%;
	background: url(/images/tile.png) repeat, #005da8;
	background: url(/images/tile.png) repeat, -moz-linear-gradient(top,  #8cc63f 0%, #8cc63f 22%, #005da8 78%, #005da8 100%);
	background: url(/images/tile.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cc63f), color-stop(22%,#8cc63f), color-stop(78%,#005da8), color-stop(100%,#005da8));
	background: url(/images/tile.png) repeat, -webkit-linear-gradient(top,  #8cc63f 0%,#8cc63f 22%,#005da8 78%,#005da8 100%);
	background: url(/images/tile.png) repeat, -o-linear-gradient(top,  #8cc63f 0%,#8cc63f 22%,#005da8 78%,#005da8 100%);
	background: url(/images/tile.png) repeat, -ms-linear-gradient(top,  #8cc63f 0%,#8cc63f 22%,#005da8 78%,#005da8 100%);
	background: url(/images/tile.png) repeat, linear-gradient(to bottom,  #8cc63f 0%,#8cc63f 22%,#005da8 78%,#005da8 100%);
}
.no-multiplebgs .main-content-outer, .no-cssgradients .main-content-outer {
	background: #2790c8 url(/images/ie-background.jpg) repeat-x;
}
.main-content {
	display: block;
	margin: 0 5%;
}
.hero {
	display: block;
	padding: 1em 0;
}
.highlights {
	display: block;
	padding: 1em 0 2em 0;
}
.highlights article {
	float: left;
	margin-right: 2%;
	width: 23.5%;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 33%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(33%,#ffffff), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 33%,#cccccc 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 33%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 33%,#cccccc 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 33%,#cccccc 100%);
}

.no-cssgradients .highlights article {
	background: #fff;
}
.highlights article:last-child {
	margin-right: 0;
}
.highlights article header {
	padding: 1em 1em 0 1em;
	min-height: 7.6em;
}
.highlights article header h2 {
	color: #1368aa;
	font-size: 2.2em;
	line-height: 1;
}
.highlights article figure {
	display: block;
}
.highlights article figure img {
	margin: 0 auto;
	display: block;
}
.highlights article figcaption {
	padding: 0 1em 1em 1em;
	min-height: 75px;
}
.highlights article figcaption p {
	font-size: 1.1em;
	color: #1368aa;
	line-height: 1.2;
}
.info {
	clear: both;
	display: block;
	padding: 1em 0;
}
.info article {
	width: 30%;
	float: left;
	padding: 0 1em;
	min-height: 160px;
}
.info article:first-child {
	padding-left: 0;
}
.info article header {
	padding: 5px 0;
}
.info article header span {
	width: 82px;
	height: 58px;
	display: inline-block;
	background: url(/images/swim-sprite.png) no-repeat;
	margin-left: .3em;
}
.info article header span.faq-icon {
	background-position: 0 -42px;
}
.info article header span.on-the-move-icon {
	background-position: -82px -42px;
}
.info article header span.get-the-gear-icon {
	background-position: -164px -42px;
}
.info article header h2 {
	color: #fff;
	font-size: 1.6em;
	display: inline-block;
}
.info article .border-right {
	display: block;
	border-right: 1px solid #fff;
	min-height: 120px;
	padding-right: 1em;
}
.info article ul {
	padding-left: 18px;
}
.info article ul li {
	color: #fff;
	list-style-type:circle;
	line-height: 1.4;
}
.info article p {
	color: #fff;
}
.info article p a {
	color: #fff;
}
.page-nav {
	float: left;
	width: 15%;
	display: inline-block;
	padding-top: 2.3em;
}
.page-nav ul {
	display: block;
}
.page-nav ul li {
	display: block;
	margin-bottom: 7px;
}
.page-nav ul li a {
	display: block;
	border: 1px solid #fff;
	color: #fff;
	padding: .8em 2.5em .8em .4em;
	background:#a9abae;
	position: relative;
	background:-webkit-linear-gradient(#e4e5e6, #7d7f81);
	background:-moz-linear-gradient(#e4e5e6, #7d7f81);
	background:-o-linear-gradient(#e4e5e6, #7d7f81);
	background:-ms-linear-gradient(#e4e5e6, #7d7f81);
	background:linear-gradient(#e4e5e6, #7d7f81);
	background-repeat:repeat;
	-webkit-background-size:100% 200%;
	-moz-background-size:100% 200%;
	background-size:100% 200%;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
}
.no-cssgradients .page-nav ul li a {
	background: #7d7f81;
}
.page-nav ul li a span {
	position: absolute;
	top: 0;
	right: 0;
	height: 42px;
	width: 36px;
}
@media screen and (min-width: 921px) {
	.page-nav ul li a span.double{
		top: 11px;
	}
}
.page-nav ul li a span.icon-dash {
	background: url(/images/swim-sprite.png) no-repeat -4px -177px;
}
.page-nav ul li a span.icon-sessions {
	background: url(/images/swim-sprite.png) no-repeat -48px -177px;
}
.page-nav ul li a span.icon-challenge {
	background: url(/images/swim-sprite.png) no-repeat -88px -177px;
}
.page-nav ul li a span.icon-community {
	background: url(/images/swim-sprite.png) no-repeat -369px -366px;
}
.page-nav ul li a:hover {
	background-position:0 100%;
}
.no-cssgradients .page-nav ul li a:hover {
	background: #bbb;
}
.page-nav ul li a .new {
position: absolute;
top: 5px;
right: 0;
height: 30px;
width: 50px;
z-index: 100;
background: url(/images/swim-sprite.png) no-repeat -265px -370px;
}
.slider {
	width: 83%;
	float: right;
	display: inline-block;
	min-height: 200px;
}
.slideMargin {
	margin-top: 2.3em;
}
.lanes {
	height: 38px;
	width: 100%;
	background:url(/images/lanes.png) repeat-x;
	clear: both;
	display: block;
}
.two-col {
	display: inline-block;
	float: left;
	margin-right: 2%;
	width: 49%;
	min-height: 260px;
	background: rgba(255, 255, 255, .4);
}

.no-rgba .two-col {
	background: url(/images/twenty-pc.png) repeat;
}
.accordion {
	margin-right: 0;
	float: right;
}
.faux-header {
	width: 100%;
	padding: 0 1em;
	min-height: 66px;
	position: relative;
}
.faux-header h3 {
	color: #fff;
	font-size: 2em;
	display: inline-block;
	/*padding-top: 10px;*/
}
.faux-header h3.secondary {
	font-size: 1.4em;
}
.faux-header.greenhead {
	margin-bottom: 3px;
	background: #5bbb47;
	background: -moz-linear-gradient(top,  #5bbb47 0%, #8cc63f 50%, #8cc63f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bbb47), color-stop(50%,#8cc63f), color-stop(100%,#8cc63f));
	background: -webkit-linear-gradient(top,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
	background: -o-linear-gradient(top,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
	background: -ms-linear-gradient(top,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
	background: linear-gradient(to bottom,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
}
.no-cssgradients .faux-header.greenhead {
	background: #5bbb47;
}
.faux-header.bluehead {
	margin-bottom: 3px;
	background: #0260ac;
	background: -moz-linear-gradient(top,  #0260ac 0%, #1482c3 50%, #1482c3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0260ac), color-stop(50%,#1482c3), color-stop(100%,#1482c3));
	background: -webkit-linear-gradient(top,  #0260ac 0%,#1482c3 50%,#1482c3 100%);
	background: -o-linear-gradient(top,  #0260ac 0%,#1482c3 50%,#1482c3 100%);
	background: -ms-linear-gradient(top,  #0260ac 0%,#1482c3 50%,#1482c3 100%);
	background: linear-gradient(to bottom,  #0260ac 0%,#1482c3 50%,#1482c3 100%);
}
.faux-header.poolbluehead {
margin-bottom: 0;
background: #0260ac;
background: -moz-linear-gradient(top, #0260ac 0%, #1482c3 50%, #1482c3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0260ac), color-stop(50%,#1482c3), color-stop(100%,#1482c3));
background: -webkit-linear-gradient(top, #0260ac 0%,#1482c3 50%,#1482c3 100%);
background: -o-linear-gradient(top, #0260ac 0%,#1482c3 50%,#1482c3 100%);
background: -ms-linear-gradient(top, #0260ac 0%,#1482c3 50%,#1482c3 100%);
background: linear-gradient(to bottom, #0260ac 0%,#1482c3 50%,#1482c3 100%);
}
.no-cssgradients .faux-header.bluehead {
	background: #0260ac;
}
.faux-header.has-reorder {
	padding-right: 50px;
}
.icon-find-pool {
	width: 54px;
	height: 54px;
	display: inline-block;
	float: right;
	background: url(/images/swim-sprite.png) no-repeat 0px -115px;
	margin-top: 5px;
}
.icon-find-swim {
	width: 54px;
	height: 54px;
	display: inline-block;
	float: right;
	background: url(/images/swim-sprite.png) no-repeat -66px -115px;
	margin-top: 5px;
}
a.more{
	text-align: left;
	display: inline-block;
	height: 42px;
	border: 2px solid #fff;
	background: #8dc63f;
	line-height: 38px;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: right;
	padding: 0 0 0 .5em;
	margin: 10px 10px 0 0;
	cursor: pointer;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
	text-shadow: none;
	box-shadow: none;
}
@media screen and (min-width: 679px) {
	a.more.full{
		padding: 0 .5em 0 .5em;
	}
}
@media screen and (max-width: 678px) {
	a.more.full{
		padding: 0 .5em 0 .5em;
		width:100%;
		display:block;
		text-align:center;
		margin:10px 0 10px 0;
	}
}
input.button[type=submit], form input[type=submit], .profile [type=submit], .edit-user-btn {
	text-align: left;
	display: inline-block;
	height: 42px;
	border: 2px solid #fff;
	background: #8dc63f;
	line-height: 38px;
	color: #fff !important;
	font-size: 16px;
	font-weight:normal;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
	padding: 0 .5em 0 .5em;
	margin: 0;
	cursor: pointer;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
	text-shadow: none;
	box-shadow: none;
}
@media screen and (max-width: 420px) {input.button[type=submit], form input[type=submit], .profile [type=submit], .edit-user-btn {width: 100%; margin: .75em 0 .5em 0}}
@media screen and (min-width: 421px) {input.button[type=submit], form input[type=submit], .profile [type=submit], .edit-user-btn {margin: .75em .75em .5em 0}}

@media screen and (max-width: 600px) {.sign-in-btn input.button[type=submit], .sign-in-btn input[type=submit]{width: 100%; margin: 0 0 .5em 0;}}
@media screen and (min-width: 601px) {.sign-in-btn input.button[type=submit], .sign-in-btn input[type=submit]{margin: 0}}

@media screen and (max-width: 520px) {.profile li input[type="text"], .profile input[type=text], .profile form input[type=password], .profile form input[type=email], .profile form input[type=number], .profile form input[type=url], .profile form input[type=tel], .profile form textarea{width: 100%;}}
@media screen and (min-width: 521px) {.profile li input[type="text"], .profile input[type=text], .profile form input[type=password], .profile form input[type=email], .profile form input[type=number], .profile form input[type=url], .profile form input[type=tel], .profile form textarea{width: 50%;}}

.profile li input[type="text"], .profile input[type="text"]{
	border: 1px solid #c9d0d6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 0.95em;
	font-family: Helvetica, Arial, sans-serif;
	outline: none;
	padding: 8px 10px 7px;
	display:block;
}
.profile li{
	list-style-type: none;
}
.profile li .label, .profile label{
	padding: 1em 0 1em 0;
	display:block;
}
.profile .boolean{
	color: white;
	font-size: .75em;
}
.profile p.inline-hints, .profile p{
	font-size:1em;
	color:white;
}
.profile p.inline-errors{
	color:red;
}
a.more .swim-icon {
	position: relative;
	top: 3px;
	right: auto;
	display: inline-block;
	background-position: 0 -6px;
}
a.more .swim-icon.plus {
	height: 27px;
	background-position: -92px -2px;
	top: 4px;
}
a.more .swim-icon.tick {
	height: 27px;
	background-position: -363px -1px;
	top: 4px;
}
a.more .swim-icon.repeat {
	background-position: -140px -259px;
	height: 25px;
	top: 6px;
	width: 33px;
}
a.more .swim-icon.right-arrow {
	background-position: -213px -175px;
	height: 27px;
}
.swim-search {
	display: inline-block;
	width: 22px;
	height: 24px;
	background: url(/images/swim-sprite.png) no-repeat -246px -259px;
	position: relative;
	top: 5px;
	margin-right: .5em;
}
a.more:hover, input.button[type=submit]:hover, form input[type=submit]:not(.disabled):hover {
	background: #6ecff6;
}
a.more.bluebtn {
	background: #6ecff6;
}
a.more.bluebtn:hover {
	background: #8dc63f;
}
.re-load {
	display: inline-block;
	background: #005fac url(/images/swim-sprite.png) no-repeat -139px -170px;
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 46px;
	height: 46px;
	float: right;
	margin:  10px 0 0 10px;
}
.pool-graphic {
	float: right;
	display: inline-block;
	margin-right: 1em;
}
.pooldesc {
	float: left;
	display: inline-block;
	padding-left: 1em;
	padding-top: .5em;
	width: 50%;
}
.pooldesc p {
	color: #0060aa;
	padding-bottom: .5em;
}
.pooldesc input[type="text"] {
	color: #a9a9a9;
	padding: .3em;
	font-size: 1em;
	width: 100%;
	border: 1px solid #c5c5c5;
}
.find-pool-small {
	width: 100%;
	display: block;
	background: rgba(255, 255, 255, .4);
}
.no-rgba .find-pool-small {
	background: url(/images/fourty-percent.png) repeat;
}
.find-pool-small .pool-graphic {
	float: none;
	display: block;
	margin: 0 auto;
}
.find-pool-small .pool-graphic img {
	display: block;
	margin: 0 auto;
}
.find-pool-small .pool-search {
	padding: 1em;
	text-align: center;
}
.find-pool-small .pool-search input[type="text"] {
	color: #a9a9a9;
	padding: .3em;
	font-size: 1em;
	width: 72%;
	border: 1px solid #c5c5c5;
	margin: 0 auto;
}
/******** POOL RESULTS *********/
.pool-results{
	float: left;
	display: inline-block;
	width: 100%;
	padding-bottom: 1em;
}
.poolfinder-search-bar input[type=text]{
	width:95%;
}
@media screen and (min-width: 1000px){
	.poolfinder-search-title{ width:50%; float:left; }
	.poolfinder-search-bar{ width:34%; float:left; padding:20px 0 20px 10px; }
	.poolfinder-search-button{ width:10%; float:left; }
}
@media screen and (max-width: 999px){
	.poolfinder-search-title{ width:100%; float:left; }
	.poolfinder-search-bar{ width:50%; float:left; padding:20px 0 20px 0; }
	.poolfinder-search-button{ width:50%; float:left; }
}
@media screen and (max-width: 521px){
	.poolfinder-search-title{ width:100%; float:left; }
	.poolfinder-search-bar{ width:100%; float:left; padding:20px 0 10px 0; }
		.poolfinder-search-bar input[type=text]{ width:100%;}
	.poolfinder-search-button{ width:100%; float:left; padding:0}
		.poolfinder-search-button input[type=submit]{width:100%;}
}
#showhelptop{
	cursor: pointer;
	text-decoration:none;
	color:white;
}
	#showhelptop:hover{
		color:white;
	}
.help-button{
	text-align:center;
	padding-bottom:1em
}
.help-trigger {
	font-size: .9em;
	color: #fff;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -12px;
	padding-bottom: 5px;
	z-index: 100;
	margin-bottom:1em;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
i.darrens-arrow {
	display: block;
	margin-right:auto;
	margin-left:auto;
	width: 22px;
	height: 13px;
	background: url(/images/swim-sprite.png) no-repeat -311px -4px;
}
/*.help-trigger i.darrens-arrow {
	display: inline-block;
	width: 22px;
	height: 13px;
	background: url(/images/swim-sprite.png) no-repeat -311px -4px;
}
.help-trigger i.darrens-arrow.arrow-up {
	background: url(/images/swim-sprite.png) no-repeat -274px -4px;
}*/
.help-panel {
	width: 100%;
	display: none;
}
/*.help-panel.openOnLoad {
	display: block;
}*/
.help-content {
	display: block;
	position: relative;
}
.help-content h2 {
	color: #005fac;
	font-size: 4.2em;
	line-height: 1.2;
}
.help-content h3 {
	color: #fff;
	font-size: 1.3em;
}
.help-btn {
	text-align:center;
	padding-bottom:15px;
}
@media screen and (min-width: 361px){.dont-show.more{ padding: 0 8px 0 8px; left:40%; }}
@media screen and (max-width: 360px){.dont-show.more{ padding: 0 8px 0 8px; width:100%; left:0; }}
.close-panel {
	background: #8bc967;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 .5em;
	position: absolute;
	right: 0;
	bottom: -22px;
	border-bottom: 1px solid #b2e595;
	z-index: 10;
	font-size: .9em;
	color: #fff;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.close-panel:hover {
	color: #005FAC;
}
.session-order {
	display: block;
	width: 100%;
	padding: 1em 0 .5em 0;
}
.session-order ul {

}
.session-order ul li {
	color: #fff;
	float: left;
	width: 24%;
	margin-right: 1.333%;
}
.session-order ul li:last-child {
	margin-right: 0;
}
.session-order ul li span {
	display: inline-block;
	float: left;
	width: 20%;
	font-size: 3em;
	font-weight: bold;
}
.session-order ul li div{
	display: inline-block;
	float: left;
	width: 80%;
	font-weight: bold;
	font-size: 1.3em;
}
.swim-cats {
	padding: 1em 0 1.5em 0;
}
.swim-cats ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.swim-cats ul li:last-child {
	margin-right: 0;
}
.swim-cats.dash-intro li {
	width: 37%;
}
.swim-cats.dash-intro li.first-child {
	width: 22%;
}
.swim-cats.dash-intro p {
	padding-bottom: .5em;
}
.swim-badge {
	float: left;
	display: inline-block;
	width: 30%;
}
.largeBadge {
	float: left;
	width: 40%;
}
.swim-details {
	float: right;
	display: inline-block;
	width: 66%;
}
.swim-cats.dash-intro .swim-details {
	width: 57%;
}
.swim-details h4 {
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}
.swim-details p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.2;
}
a.btn-large {
	display: inline-block;
	background: #005fac;
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	height: 43px;
	line-height: 42px;
	padding: 0 0 0 10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#dash-btn-help {
	width: 190px;
}
.lg-icon {
	display: inline-block;
	width: 42px;
	height: 39px;
	float: right;
	margin-left: .5em;
	background: url(/images/swim-sprite.png) no-repeat;
}
.lg-icon.swimmer {
	background-position: -5px -332px;
}
.lg-icon.winner {
	background-position: -57px -343px;
}
a:hover.btn-large{
	background: #6ECFF6;
}
a.session-nav {
	text-align: center;
	display: block;
	float: left;
	width: 15%;
	margin-left: 2%;
	color: #fff;
	position: relative;
	margin-top: 10px;
}
a.session-nav img {
	display: block;
	margin: 0 auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
}
a.session-nav h4 {
	display: block;
	text-align: center;
	padding-top: .3em;
}
a.session-nav:hover {
	color: #1482c3;
}
a.session-nav:hover img, a.session-nav.active img {
 	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}
.session-menu {
	display: block;
	margin-bottom: 1em;
}
.session-menu ul {
	width: 100%;
}
.session-menu ul li {
	display: block;
	margin-top: 3px;
}
.session-menu ul li a {
	display: block;
	background: #fff;
	position: relative;
	font-size: .9em;
	color: #999;
	padding: 5px 60px 5px 12px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.session-menu ul li a span.swim-icon {
	right: .5em;
	top: 0;
	background-position: 0 -5px;
}
.session-menu ul li a span.swim-icon.green {
	background-position: -140px -3px;
}
.session-menu ul li a span.swim-icon.orange {
	background-position: -180px -3px;
}
.session-menu ul li a span.swim-icon.red {
	background-position: -220px -3px;
}
.session-menu ul li a:hover {
	background: #6ecff6;
	color: #fff;
}
.session-menu ul li a.active {
	background: #8dc63f;
	color: #fff;
}
.session-menu ul li a.active span.swim-icon,
.session-menu ul li a.active span.swim-icon.green,
.session-menu ul li a.active span.swim-icon.orange,
.session-menu ul li a.active span.swim-icon.red,
.session-menu ul li a:hover span.swim-icon,
.session-menu ul li a:hover span.swim-icon.green,
.session-menu ul li a:hover span.swim-icon.orange,
.session-menu ul li a:hover span.swim-icon.red  {
	background-position: 0 -5px;
}
.zoggs-products {
	display: block;
	background: #fff;
	margin-top: 3px;
	padding: .5em 0;
}
a.link-opacity {
	opacity: 1;
	display: inline-block;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
}
a.link-opacity:hover {
	opacity: .7;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.session-info {
	float: left;
	display: inline-block;
	width: 49%;
	padding-bottom: 1em;
	margin-right: 2%;
}
.session-content {
	display: block;
	padding: .8em;
	background: #ffffff;
}
/****** ACCORDIAN SUBMIT AMENDS ******/
.session-content form input[type=submit]{
	display: inline-block;
	float: left;
	margin: 0;
}
.session-info .accordion-header {
	color: #fff;
	float:left
}
@media screen and (min-width: 671px){.session-info .accordion-header { width:70%; margin: 1px 10px 0 0; } .session-content form input[type=submit]{ width: 27%; }}
@media screen and (max-width: 670px){.session-info .accordion-header { width:100%; margin: 0 0 10px 0; } .session-content form input[type=submit]{ width: 100%; margin: 0 0 10px 0; }}
/****** ACCORDIAN SUBMIT AMENDS ******/

.width-four {
	float: left;
	margin-right: 2%;
	width: 32%;
	margin-bottom: 1em;
}
.width-two {
	float: left;
	display: block;
	width: 15%;
}
.login-panel {
	min-height: 190px;
	width: 100%;
	margin: 1em 0;
	background: -moz-linear-gradient(top,  #009bdf 0%, #b8e5fb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009bdf), color-stop(100%,#b8e5fb));
	background: -webkit-linear-gradient(top,  #009bdf 0%,#b8e5fb 100%);
	background: -o-linear-gradient(top,  #009bdf 0%,#b8e5fb 100%);
	background: -ms-linear-gradient(top,  #009bdf 0%,#b8e5fb 100%);
	background: linear-gradient(to bottom,  #009bdf 0%,#b8e5fb 100%);
}
@media screen and (min-width: 601px){.login .form-element input[type=text], .login .form-element input[type=password], .login .form-element input[type=email], .login .form-element form input[type=number], .login .form-element input[type=url], .login .form-element input[type=tel], .login .form-element textarea{
  width:90%;}}
@media screen and (max-width: 600px){.login .form-element input[type=text], .login .form-element input[type=password], .login .form-element input[type=email], .login .form-element form input[type=number], .login .form-element input[type=url], .login .form-element input[type=tel], .login .form-element textarea{
  width:100%;}}
.no-cssgradients .login-panel {
	background: #b8e5fb url(/images/login-gradient.png) repeat-x 0 0;
}
@media screen and (min-width: 601px){.login-panel form #error_explanation{padding: .75em 0 0 0;}}
@media screen and (max-width: 600px){.login-panel form #error_explanation{padding: .75em 0 0 0; width: 80%; margin-left: 10%;}}
.login-panel form #error_explanation h2, .login-panel form #error_explanation ul li{
	color:white;
	}
.login-graphic {
	float: left;
	display: block;
	width: 30%;
	position: relative;
	min-height: 190px;
}
.sign-up {
	position: absolute;
	top: -10px;
	left: 10px;
}
.action-arrow {
	position: absolute;
	top: 54px;
	left: 150px;
}
.shared-links .form-element{
	padding:0;
	font-size: .85em;
}
.formCol {
	float: left;
	width: 25%;
	display: block;
	min-height: 190px;
	padding-top: .4em;
	padding-bottom: .4em;
}
form.new_user .formCol.shared-links{
	padding-top: 2.4em;
}
@media screen and (max-width: 600px) {.formCol{ min-height: 10px; }}

.form-element {
	display: block;
	width: 90%;
	padding: .3em 0;
}
.form-element input[type="text"]{
	width: 100%;
	padding: 8px 4px;
	border: 1px solid #d4d5d5;
}
.form-element label {
	color: #fff;
	font-size: .9em;
	display: inline-block;
	padding: 10px 0;
}
.form-element button, .form-element a {
	width: 100%;
	border: 1px solid #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #8dc63f url(/images/swim-sprite.png) no-repeat right -224px;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	text-align: left;
	padding: 5px;
	display: block;
}
.form-element a {
	padding: 8px 5px;
}
.login-slogan {
	width: 20%;
	min-height: 190px;
	float: left;
	display: block;
}
.login-slogan h3 {
	font-family: 'zoggsregular';
	color: #fff;
	font-size: 2.6em;
	line-height: .7;
	padding-top: 100px;
}
#remember {
	margin-right: .5em;
}
.login-social a {
	width: 48%;
	float: left;
	margin-right: 4%;
	background-image: none;
}
.login-social a:last-child {
	margin-right: 0;
}
.login-social a i {
	float: right;
}
.form-element a.dblue {
	background-color: #005dab;
}
.login-title {
	display: none;
}
@media screen and (max-width: 920px) {.challenge .width-two{ display:none; }}
@media screen and (min-width: 921px) {.challenge .width-two{ float: left; display: block; width: 15%;}}
.challengeCols h1.challenge-title {
	color: #fff;
	font-size: 2.3em;
	line-height: 1;
	margin-bottom:.5em;
}
.ul.challengeCols {
	display: block;
}
ul.challengeCols li {
	float: left;
	width: 49%;
	margin-right: 0;
	margin-bottom: 1em;
}
ul.challengeCols li:nth-child(2n+2) {
	margin-right: 2%;
}
ul.challengeCols li a.more{
	width: 100%;
	display:inline-block;
	margin: .5em 0 .5em 0;
}
.challenge-content, .group-content {
	display: block;
	background: #fff;
	position: relative;
	padding: 15px;
	border-radius: 0 0 15px 15px;
}
.challenge-distance, .challenge-info {
	display: block;
	margin: 0 3%;
	padding: 8px;
}
.challenge-distance p {
	color: #8dc63f;
	font-size: 33px;
	font-weight: bold;
}
.challenge-info {
	padding: 8px;
	min-height: 140px;
}
.challenge-info p {
	color: #a9aaaa;
}
.challenge-status {
	display: block;
	margin: 0 3%;
	padding: 12px;
}
.challenge-status p {
	font-size: .9em;
	color: #6ecff6;
	line-height: 1.2;
}
.challenge-status-icon {
	float: left;
	width: 50px;
	height: 46px;
	display: block;
	background: url(/images/swim-sprite.png) no-repeat -74px -260px;
}
.challenge-content p {
	margin-right: 40%;
}
.challenge-content.nomarginright p{
	margin-right:0;
}
.challenge-icon-large {
	display: block;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40%;
}
/******** Challenge page *********/
.main-content.challenge-page, .challenge-page-confirm{
	padding-top:1em;
}
.challenge-page .icon, .challenge-page-confirm .icon, .group-challenge-progress .icon{
float:left;
background-image:url(/images/challenge-icon-bg.png);
background-repeat: repeat-x;
}
.progress-small{
	left:11% !important;
}
.group-challenge-progress .icon img{ width:100%; }
@media screen and (min-width: 1024px){
.challenge-page .icon{ 	background-position: 5px 30px; height:190px; width:15%; margin:0 2% 0 0; padding-top: 42px; }
.challenge-page .information{ width:83%; float:left; }
.challenge-page-confirm .icon{ background-position: 5px 30px; height:290px; width:20%; margin:0 2% 0 0; }
.challenge-page-confirm .information{ width:78%; float:left; }
.group-challenge-progress .icon{ background-position: 5px 30px; height:100%; width:15%; margin:0 2% 0 0; }
.group-challenge-progress .information{ width:83%; float:left; margin-top: 30px; }
}
@media screen and (max-width: 1023px){
.challenge-page .icon, .group-challenge-progress .icon{	display:none; }
.challenge-page-confirm .icon{	display:none; }
.group-challenge-progress .information{ width:100%; }
}
@media screen and (min-width: 679px){
.challenge-content.stats{ width:48%; margin:0 2% 0 0; }
.challenge-content.gmaps{ width:100%; }
}
@media screen and (max-width: 678px){
.challenge-content.stats{ width:100%; margin:0 0 1em 0; }
.challenge-content.gmaps{ width:100%; }
.group-challenge-progress .icon {display:none;}
.group-challenge-progress .information{width:100%;}
}
#map-canvas{min-height:315px;}
.challenge-content.stats{
	padding:15px;
	float:left;
}
.challenge-content.gmaps{
	padding:0;
	margin:0;
	float:left;
}

.challenge-content.gmaps img{
	max-width: 3000px;
}

.challenge-content.about{
	padding:15px;
	margin-bottom:1em;
}
.challenge-content.about p{
	margin:0;
}
.challenge-page, .challenge-page-confirm{
	margin-bottom:1em !important;
}
.challenge-content p.label, .challenge-content-confirm p.label{
	margin: .5em 0 0 1.5em;
	color:#787878;
}
@media screen and (min-width: 361px){.challenge-page .information .faux-header a.more, .challenge-page-confirm .information .faux-header a.more{
	padding: 0 .5em 0 .5em; }}
@media screen and (max-width: 360px){.challenge-page .information .faux-header a.more, .challenge-page-confirm .information .faux-header a.more{
	padding: 0 .5em 0 .5em; margin:.5em 0 .5em 0; width:100%; }
	.challenge-page-confirm .information .faux-header{ padding-top:.5em; }
}
.yourstats .challenge-distance p.coolblue{ color: #6ecff6; font-size: 16px; margin:0!important; }
@media screen and (min-width: 1025px){
.chalconf-left{ width: 40%; margin: 0 1.5% 0 17%; float: left; }
.chalconf-right{ width:41%; margin:0; float:left; }
}
@media screen and (max-width: 1024px){
.chalconf-left{ width: 48%; margin: 0 2% 0 0; float: left; }
.chalconf-right{ width:50%; margin:0; float:left; }
}
@media screen and (max-width: 678px){
.chalconf-left{ width:100%; margin:0; float:left; }
.chalconf-right{ width:100%; margin:1em 0 0 0; float:left; }
}
@media screen and (min-width: 361px){ .chalconf-right input{ width:50%; }}
@media screen and (max-width: 360px){ .chalconf-right input{ width:100%; }}

@media screen and (min-width: 1025px){.chall-about{ width: 83%; margin-left: 17%; padding:15px; }}
@media screen and (max-width: 1024px).{.chall-about{ width: 100%; padding:15px; }}

.chall-about{
	margin-bottom:1em;
}
.chall-about p{
	margin:0;
}

/*------------GROUP CHALLENGE----------------*/

.group-challenge-steps{
	min-height: 260px;
}
.group-challenge-steps p{
	padding-right: 150px;
}
.group-challenge-steps.on.step1{
	background: url(/images/challenge-icons/group-choose.png) rgba(255, 255, 255, .8);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.group-challenge-steps.on.step2{
	background: url(/images/challenge-icons/group-invite.png) rgba(255, 255, 255, .8);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.group-challenge-steps.on.step3{
	background: url(/images/challenge-icons/group-begin.png) rgba(255, 255, 255, .8);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.group-challenge-steps.step1{
	background: url(/images/challenge-icons/group-choose-grey.png) rgba(255, 255, 255, .4);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.group-challenge-steps.step2{
	background: url(/images/challenge-icons/group-invite-grey.png) rgba(255, 255, 255, .4);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.group-challenge-steps.step3{
	background: url(/images/challenge-icons/group-begin-grey.png) rgba(255, 255, 255, .4);
	background-repeat: no-repeat;
	background-position: bottom right;
}
	.group-challenge-steps h2{
		font-size:30px;
	}
label.choose-challenge {
	color: #fff;
	font-size: 1.4em;
	display: inline-block;
	padding-top: 15px;
}
.group-content-custom2 label{
	line-height: 2em;
	padding-right: 5px;
}
.group-content-custom2 .fields{
	margin:0.5em 0 0.5em 0;
}
	.lane-divider, hr.lane{
			background: url(/images/table-divider.gif) repeat-x left center;
			border-left: 4px solid #b9e5fb;
			border-right: 4px solid #b9e5fb;
			border-top: 0;
			border-bottom: 0;
			height:30px;
			width:100%;
			display:block;
			clear:both;
			margin:0;
	}
		.remove-link{
			float: right;
			color: #8dc63f;
			margin: 0.5em 0.5em 0 0;
		}

form .group-button input[type=submit].group-button-save{
	width:100% !important;
	text-align:center;
	margin-top:0;
	margin-right:0;
}
.group-chall-top{
	display: block;
	background: #fff;
	position: relative;
	padding: 15px;
	width: 100%;
	padding-bottom: 25px;
}
	.group-chall-top-two p{
		padding: 10px;
		padding-bottom: 25px;
	}
	.group-challenge-left input, .group-challenge-left  textarea{
		width:100%;
		margin-bottom:10px;
	}
	.group-challenge-right .yourstats p{
		border-bottom: 1px solid #d4d5d5;
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	.group-challenge-right .yourstats p:last-of-type{
		border-bottom: 0;
		padding-bottom: 0;
	}
@media screen and (min-width: 801px){

.group-chall-top-two{
	width:49%;
	float:left;
}
.group-chall-top-two:first-of-type{
	margin-right:2%;
}
.group-challenge-left{
	float: left;
	margin-right: 2%;
	width: 49%;
}
.group-challenge-right{
	float: left;
	margin-right: 0;
	width: 49%;
}
	.group-challenge-right .yourstats{
		min-height: 312px;
	}
.group-content.fifty{
	float: left;
	margin-right: 2%;
	width: 49%;
}
.group-content.fifty:last-of-type{
	margin-right: 0;
}
	.group-content.fifty .group-button, .group-content-custom2 .group-button{
		float:right;
		width:40%;
	}
	.group-content.fifty .group-content-custom{
		float:left;
		width:58%;
		margin-right:2%;
	}
.group-challenge-steps{
	display: inline-block;
	float: left;
	padding:10px;
	margin-right: 2%;
	width: 32%;
	margin-bottom:1em;
	background: rgba(255, 255, 255, .4);
}
.group-challenge-steps:last-of-type{
	margin-right: 0;
}

.group-content-custom2{
	float:left;
	width:100%;
	margin-right:0;
}
	.group-content-custom2 input{
		width:100%;
		/*margin-left:5%;*/
	}
	.group-content-custom2 input.more{
		width:20%;
		margin-left:0;
		text-align:center;
		display:block;
	}
	.group-content a.more{
		padding: 0 .5em 0 .5em;
		margin: 10px 0 0 0;
		text-align:center;
	}
.group-content-name{
	width:100%;
}
	.group-content-name .left{
		float:left;
		width:59%;
	}
	.group-content-name .right{
		float:left;
		width:41%;
	}
.group-content-custom{
	float:left;
	width:78%;
	margin-right:2%;
}
	.group-content-custom-tick{
		float:left;
		width:48%;
		margin-right:2%;
	}
	#custom{
		display:block;
		float:left;
		width:50%;
		margin-right:0;
		text-align:right;
	}
.group-button{
	float:right;
	width:20%;
	display:block;
	text-align:right;
}
	.group-button a.more, .group-button input.more{
		display:block;
		margin:0;
		padding:0 .5em 0 .5em;
		width: 100%;
		text-align: center;
	}

#custom2{
	float:left;
	width:49%;
	margin-right:2%;
	text-align:right;
}
#custom2:nth-child(even){
	float:left;
	width:49%;
	margin-right:0;
	text-align:right;
}
label.choose-challenge {
	float: right;
}
}
@media screen and (max-width: 800px){
.group-chall-top-two{
	width:100%;
	display:block;
	margin-top: 10px;
}
.group-content.fifty{
	display:block;
	margin-right: 0;
	width: 100%;
}
.group-challenge-left{
	float: left;
	margin-right: 0;
	width: 100%;
	margin-bottom:20px;
}
.group-challenge-right{
	float: left;
	margin-right: 0;
	width: 100%;
}
.group-challenge-steps{
	display: inline-block;
	float: left;
	padding:10px;
	margin-right: 0;
	margin-bottom:1em;
	width: 100%;
	background: rgba(255, 255, 255, .4);
}
.group-challenge-steps:last-of-type{
	margin-right: 0;
}
.group-content-name{
	display:block;
	width:100%;
}
	.group-content-name .left{
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	.group-content-name .right{
		display:block;
		width:100%;
		margin-bottom:20px;
	}
		.group-content-name input[type="text"]{
			width:100%;
		}
.group-content-custom{
	float:left;
	width:100%;
	margin-right:0;
}
	.group-more-step-2.more{
		margin:0;
		width:100%;
	}
	.group-content-custom2 input{
		width:100%;
		/*margin-left:5%;*/
	}
	.group-content a.more{
		padding: 0 .5em 0 .5em;
		margin: 0;
		display:block;
		width:100%;
	}
	.group-content-custom-tick{
		display:block;
		width:100%;
		margin-right:0;
	}
	#custom{
		float:none;
		width:100%;
		margin-right:0;
		text-align:right;
	}

#custom2{
	float:none;
	width:100%;
	margin-right:0;
	text-align:right;
	display:block;
}
#custom2:nth-child(even){
	float:none;
	width:100%;
	margin-right:0;
	text-align:right;
	display:block;
}
label.choose-challenge {
	text-align:center;
	width:100%;
	display:block;
	padding-bottom:10px;
}
}
		.group-content-custom-tick label{
			line-height:2em;
		}
		#custom label{
			line-height:2em;
		}
		#custom input[type="text"]{
			width:96%;
			margin-left:4%;
		}

.group-content-choice{
	float:left;
	width:100%;
	margin-right:0;
}

.challenge-content.group.stats{
	width:100%;
}

.group-form-two-col{
	float:left;
	width:50%;
}

.group-form-two-col input[type=number]{
	width: 96%;
	margin-left: 4%;
}

.group-content{
	margin: 0 0 1em 0;
}

.group-more-step-2{
	width:300px;
	float:right;
	margin:.5em 0 0 0;
}

.lane{
	position:relative;
    height:40px;
	background-image:url('/images/community-pool/community-pool-bg.jpg') ;
	background-size:cover;
	box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.7);
}
.lane em.progress{
	height:30%;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position:absolute;
	left:0;
	/*top:35%;*/
	/*bottom:35%;*/
	box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.7);
}
.lane em.progress:after{
	background: url(/images/swim-sprite.png) no-repeat;
	background-color: inherit;
	padding:10px;
	border-radius: 50px;
	background-position: 0px 0px;
	height: 18px;
	width: 18px;
	display: block;
	z-index: 10;
	top: 10px;
	right: 0;
	float: right;
	margin-right: -30px;
	margin-top: -15px;
	content: " ";
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
@media screen and (min-width: 640px){
	.mobile-show {
		display:none;
	}
}
.mobile-show em{
	background: url(/images/swim-sprite.png) no-repeat;
	background-color: inherit;
	padding:10px;
	border-radius: 50px;
	background-position: 0px 0px;
	height: 38px;
	width: 38px;
	display: inline-block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.mobile-show p{
	display: inline-block;
	margin-bottom: 25px;
	margin-left: 10px;
	margin-right:0;
	vertical-align: middle;
}
.mobile-show span{
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.mobile-show .group-chall-top{
	padding-bottom:0;
}
	.mobile-show span.bluelane:last-of-type{
		border-bottom:0;
		margin-bottom:0;
	}
	.mobile-show span.bluelane:last-of-type:before, .mobile-show span.bluelane:last-of-type:after{
		display:none;
	}
@-moz-document url-prefix() {
	.lane em.progress:after{
		margin-right: -37px;
		margin-top: -13px;
	}
}
.bullet.blue, .lane .blue, td.name.blue, .mobile-show .blue{
	background-color:#039;
}
.bullet.green, .lane .green, td.name.green, .mobile-show .green{
	background-color:#8dc63f;
}
.bullet.red, .lane .red, td.name.red, .mobile-show .red{
	background-color:red;
}
.bullet.grey1, .lane .grey1, td.name.grey1, .mobile-show .grey1{
	background-color:#cecfc9;
}
.bullet.brown, .lane .brown, td.name.brown, .mobile-show .brown{
	background-color:#974c15;
}
.bullet.orange, .lane .orange, td.name.orange, .mobile-show .orange{
	background-color:#ff6600;
}
.bullet.buttercup, .lane .buttercup, td.name.buttercup, .mobile-show .buttercup{
	background-color:#eec54f;
}
.bullet.forrestgreen, .lane .forrestgreen, td.name.forrestgreen, .mobile-show .forrestgreen{
	background-color:#1c4017;
}
.bullet.burgandy, .lane .burgandy, td.name.burgandy, .mobile-show .burgandy{
	background-color:#5b1513;
}
.bullet.tan, .lane .tan, td.name.tan, .mobile-show .tan{
	background-color:#edc6a7;
}
.bullet.violet, .lane .violet, td.name.violet, .mobile-show .violet{
	background-color:#8e49f6;
}
.bullet.turquoise, .lane .turquoise, td.name.turquoise, .mobile-show .turquoise{
	background-color:#00ffea;
}
.bullet.brightgreen, .lane .brightgreen, td.name.brightgreen, .mobile-show .brightgreen{
	background-color:#06ff00;
}
.bullet.brightpink, .lane .brightpink, td.name.brightpink, .mobile-show .brightpink{
	background-color:#ff00e4;
}
.bullet.pink, .lane .pink, td.name.pink, .mobile-show .pink{
	background-color:#ff8383;
}
.bullet.lightblue, .lane .lightblue, td.name.lightblue, .mobile-show .lightblue{
	background-color:#7287e0;
}
.bullet.lightgreen, .lane .lightgreen, td.name.lightgreen, .mobile-show .lightgreen{
	background-color:#91f0a3;
}

.progress-left-percent.#cccccc,
.progress-left-meter-text.#cccccc{
	background-color:#cccccc;
}

.bullet.yellow, .lane em.progress.yellow, td.name.yellow, .mobile-show .yellow{
	background-color:yellow;
	color:black !important;
}
.bullet.white, .lane em.progress.white, td.name.white, .mobile-show .white{
	background-color:white;
	color:black;
}
.bullet.black, .lane .black, td.name.black, .mobile-show .black{
	background-color:black;
}
.lane em.progress.yellow:after{
	background: url(/images/swim-sprite.png) no-repeat;
	background-position: -320px -370px;
	background-color: inherit;
}
.mobile-show em.yellow{
	background: url(/images/swim-sprite.png) no-repeat;
	background-position: -320px -370px;
	background-color:yellow;
}
.group-lanes img{
	display: block;
}

.group-pool-outer{
	padding-left:0 !important;
	background: rgba(255, 255, 255, 0.4) !important;

}
table.group-lanes{
	line-height: 0;
	font-size: 12px;
}
table.group-lanes .name{
	color:white;
}
	table.group-lanes td{
		vertical-align: middle;
	}
	table.group-lanes .name span{
		display: block;
		margin-top: 9px;
		margin: 5px 5px 5px 5px;
		text-align: center;
	}
@media screen and (max-width: 640px){
	.mobile-hide{
		display:none;
	}
}
.leader-swims .notes{
	display: none;
	background-color: white;
	padding:10px;
	margin:10px 5px 0 5px;
	color:#787878;
}
	.leader-swims .notes p{
		line-height:1em;
	}
.bullet{
	height: 50px;
	width: 50px;
	display: inline-block;
	margin-right: 2%;
	border-radius: 50px;
	padding: 10px;
	line-height: 1.8em;
}
.divider img{
	box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.7);
}
@media screen and (max-width: 678px){
	.leader-swims a.delete-swim{
		margin-top: 10px;
	}
}

.leader-swims .search-result-item{
	padding-top:40px;
}

.leader-swims .take-note{
	margin-top:10px;
}

.group-pool-outer-details{
	background: rgba(255, 255, 255, 0.4) !important;
	padding:0 15px 15px 15px;
}

@media screen and (min-width: 801px){
	.messages input[type="submit"]{
		margin: .75em 0 .5em 0;
		width: 47%;
		margin-right: 2%;
	}

	.messages input[type="text"] {
	color: #000;
	font-size: 0.75em;
	margin-top: 12px;
	height: 42px;
	width: 50%;
	}
}
@media screen and (max-width: 800px){
	.messages input[type="submit"]{
		margin: .75em 0 .5em 0;
		width: 100%;
		margin-right: 0;
	}

	.messages input[type="text"] {
	color: #000;
	font-size: 0.75em;
	height: 42px;
	width: 100%;
	}
}

#custom-friend-message{
	width:100%;
	max-width:100%;
	font-size: 15px;
}

p span.challenge-name-alert{
	display: block;
	clear: both;
	text-align: right;
	padding: 0 0 10px 0;
	color: white;
	-webkit-transition: all 5ms linear;
	-moz-transition: all 5ms linear;
	-ms-transition: all 5ms linear;
	-o-transition: all 5ms linear;
	transition: all 5ms linear;
}

/*------------END GROUP CHALLENGE------------*/


/*-------------COMMUNITY-----------------*/

.community-content{
	display: block;
	background: #fff;
	position: relative;
	padding: 15px;
}
.main-content.community{
	margin-bottom:1em;
}
.community-content.activity{
	margin-bottom:1em;
}
.community-content.activity .bluelane{
	padding:1em;
}
.community-content.activity .bluelane:last-of-type {
	border-bottom:0;
}
.community-content.activity .bluelane:last-of-type:before, .community-content.activity .bluelane:last-of-type:after{
	visibility: hidden;
}
.community-content.activity input[type=submit].repeat-btn{
	margin:0;
}
@media screen and (min-width: 801px){

	.community-content a.more{
		padding: 0 .5em 0 .5em;
		display:block;
		width:200px;
		float:right;
		text-align:center;
		margin:0;
	}
	ul.community-two-col li{
		margin-right: 2%;
		width:49%;
		float:left;
	}

	ul.community-two-col li:nth-child(even){
		margin-right: 0;
	}
	.community-content.activity p{
		width:78%;
		float:left;
		margin-right:2%;
		line-height: 2.4;
	}
	.community-content.activity form{
		width:20%;
		float:left;
	}
}
@media screen and (max-width: 800px){
	.community-content a.more{
		padding: 0 .5em 0 .5em;
		display:block;
		width:100%;
		text-align:center;
		margin:0;
	}
	ul.community-two-col li{
		margin-right: 0;
		width:100%;
		display:block;
	}
	.community-content.activity p{
		width:100%;
		display:block;
		margin-right:0;
		line-height: 2.4;
	}
	.community-content.activity form{
		width:100%;
		display:block;
		margin-right:0;
	}
	.community-content.activity input[type=submit].repeat-btn{
		width:100%;
		text-align:center;
	}
}

.community-content-my-challenges{
	display: inline-block;
	background: #fff;
	position: relative;
	padding: 15px;
	margin-bottom: 10px;
	width: 100%;
	min-height: 105px;
}
	.community-content-my-challenges p{
		/*margin: .5em 0 0 1.5em;*/
		line-height: 25px;
		font-size: 16px;
		color: #787878;
	}
	.community-content-my-challenges a.community-list{
		width:100%;
		text-align:center;
	}

		.community-content p span.sub{
			color:#ccc;
			font-style:italic;
			font-size:.75em;
		}

	.community-content-my-challenges .name h3 a, .community-content-my-challenges h3, h3.biggreen{
		color: #8dc63f;
		font-size: 24px;
		font-weight: bold;
	}

	.community-content-my-challenges .challenge-icon-large {
		text-align: right;
	}

	.community-content-my-challenges .name{
		border-bottom:0;
	}

	.community-content-my-challenges .description{
		border-bottom:0;
	}
	.community-content-my-challenges .leader{
		float:left;
		border-bottom:0;
	}

@media screen and (min-width: 768px){
	.community-content-my-challenges .challenge-icon-large { width:10%; float:left; }
	.community-content-my-challenges .name{ width:28%; margin-right:2%; float:left; padding-right:10px; }
	.community-content-my-challenges .description{ width:28%; margin-right:2%; float:left; border-right:1px solid #b9e5fb; border-left:1px solid #b9e5fb; padding:0 10px 0 10px; }
	.community-content-my-challenges .leader{ width:28%; margin-right:2%; float:left; padding:0 10px 0 10px; }
	.community-content-my-challenges .pick-one{  }
}
@media screen and (max-width: 767px){
	.community-content-my-challenges .challenge-icon-large { display:none; }
	.community-content-my-challenges .name{ width:100%; border-bottom:1px solid #b9e5fb; display:block; padding:10px; }
	.community-content-my-challenges .description{ width:100%; border-bottom:1px solid #b9e5fb; display:block; padding:10px; }
	.community-content-my-challenges .leader{ width:100%; border-bottom:1px solid #b9e5fb; display:block; padding:10px; }
}

.challenge-friends-button, .challenge-friends-button-create, .add-swim-button{
	background-size: cover !important;
	position:relative;
	min-height:153px;
	/*border-radius:10px;
	border: 2px solid white;*/
	-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.challenge-friends-button-create{
	background-image: url('/images/community-challenge-button.png') !important;
}
.challenge-friends-button{
	background-image: url('/images/community-challenge-button-large.png') !important;
}
.add-swim-button{
	background-image: url('/images/add-session-button-large.jpg') !important;
}
.challenge-friends-button a.more, .challenge-friends-button-create a.more{
	background:#6ecff6;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-delay: 2s;
  	-webkit-animation-delay: 2s;
  	-moz-animation-iteration-count: infinite;
  	-webkit-animation-iteration-count: infinite;
}
.add-swim-button a.more{
	background:#8dc63f;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-delay: 2s;
  	-webkit-animation-delay: 2s;
  	-moz-animation-iteration-count: infinite;
  	-webkit-animation-iteration-count: infinite;
}
.challenge-friends-button a.more.full:hover, .challenge-friends-button-create a.more.full:hover{
	background:#8dc63f;
}
.add-swim-button a.more.full:hover{
	background:#6ecff6;
}

@media screen and (max-width: 800px){
	.challenge-friends-button a{margin:150px 0 0 0 !important;}
	.challenge-friends-button-create a{margin:0 0 15px 0}
	.challenge-friends-button-create a:first-of-type{margin:100px 0 15px 0}
	.add-swim-button a{margin:150px 0 0 0 !important;}
}
@media screen and (min-width: 801px){
	.challenge-friends-button a{position:absolute; bottom:15px; left:15px;}
	.add-swim-button a{position:absolute; bottom:15px; left:15px;}
	.challenge-friends-button-create a{margin:0 0 15px 50% !important; display:block; float:none !important}
}

.has-js .label_check,
.has-js .label_radio {
	float:right;
	padding-left: 34px;
	height: 42px;
	border: 2px solid #fff;
	line-height: 38px;
	color: #fff !important;
	font-size: 16px;
	font-weight: normal;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0 .5em 0 .5em;
	margin: 12px 0 12px 0;
	cursor: pointer;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	text-shadow: none;
	box-shadow: none;
	}
.has-js .label_radio { background: #8dc63f; }
/*.has-js .label_check { background: url(/images/group-challenges-radio/check-off.png) no-repeat; }
.has-js label.c_on { background: url(/images/group-challenges-radio/check-on.png) no-repeat; }*/
.has-js label.r_on, .has-js .label_radio:hover { background: #6ecff6; }
.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }

.show{
	opacity: 1;
	height: auto;
}

.hide{
	-webkit-transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;

}

.group-content-custom input[type="text"]{
	width:100%;
	margin:.5em 0 .5em 0;
}

.community-pool-top{
	background:url(/images/community-pool/community-pool-top.jpg);
	background-repeat:repeat-x;
	line-height:0;
	position:relative;
}
	.community-pool-top .flag {
		position: absolute;
		top: -33px;
		right: -15px;
		width: 142px;
		height: 50px;
		background: url(/images/community-pool/community-flag.png) no-repeat;
		color: black;
		font-size: 19px;
		padding: 26px 0 0 0;
		text-align: center;
	}

/*-------------END COMMUNITY-----------------*/

@media screen and (min-width: 679px){.about-height{ min-height:312px;}}
@media screen and (max-width: 678px){.about-height{ min-height:1px;}}
session-log {
	margin: 0 2%;
	display: block;
	padding: .5em 0 .5em 0;
}
/*.information .faux-header.bluehead{
	margin-bottom:14px;
}*/
.session-header {
	display: block;
	padding: 6px 12px;
}
.session-header.wide {
	padding-left: 0;
	padding-right: 0;
}
.session-header.wide .session-bar-content {
	padding-left: 0;
	padding-right: 0;
}
.session-header.wide .session-cols.bluelane {
	padding-bottom: .5em;
}
.session-header h3 {
	font-size: 1.4em;
	color: #005dab;
}
.challenge-content.about.about-height h2{
	color: rgb(120, 120, 120);
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 10.5px;
    margin-bottom: 1em;
    margin-top: 1em;
}
@media screen and (min-width: 921px){.sess-description{	width:83%; display:block; margin:.5em 0 1em 17%;}}
@media screen and (max-width: 920px){.sess-description{	width:100%; display:block; margin:.5em 0 1em 0;}}
.sess-description-inner{
	display: block;
	background: #fff;
	position: relative;
	padding: 15px;
	width: 100%;
}
.sess-description-inner p{
	margin:0;
	color:rgb(178, 178, 178);
}
@media screen and (min-width: 680px){li.session-cols { width: 49%; float: left; margin-right: 2%; }
									 li.session-cols:nth-child(2n+2){ margin-right: 0;}
}
@media screen and (max-width: 679px){li.session-cols { width: 100%; float: left; margin-right: 0; }
									 li.session-cols:nth-child(2n+2){ margin-top: 1em;}
}

.session-cols {
	width: 49%;
	float: left;
	margin-right: 2%;
}
.session-cols.session-last {
	margin-right: 0;
}
.how-long .form-line{
	padding-bottom: .4em;
}
@media screen and (min-width: 680px){.session-cols.session-last { margin-top: .8em; }}
@media screen and (max-width: 679px){.session-cols.session-last { margin-top: 0; }}
.session-bar {
	display: block;
}
.session-cols.session-last2{
	margin-right:0;
}
.session-bar.no-lane {
	border-bottom: 0;
}
.session-bar.no-lane:before, .session-bar.no-lane:after {
	display: none;
}
.session-bar-content {
	padding: 1em .5em;
	display: block;
}
.session-icon {
	float: left;
	width: 18%;
	margin-right: .5em;
	min-height: 80px;
}
.session-bar-content h4 {
	font-size: 40px;
	font-weight: bold;
	color: #8DC63F;
}
.session-bar-content h5 {
	font-size: 1.2em;
	color: #005dab;
}
.session-rating {

}
.session-bar-content textarea {
	width: 100%;
	min-height: 200px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size:.75em;
	border: 1px solid #cccccc;
}
.dash-social{
	padding-bottom:10px;
}
.form-line {
	display: block;
	padding-top: .3em;
}
.form-line label {
	color: #a9aaaa;
}
ul.swim-products {
	display: block;
}
ul.swim-products li {
	float: left;
	width: 50%;
	margin-bottom: .5em;
}
ul.swim-products li img {
	display: block;
}
.session-bar-top {
	display: block;
	clear: both;
	border-top: 3px solid #b9e5fb;
	position: relative;
}
.session-bar-top:before {
	content: "";
	width: 3px;
	height: 24px;
	background: #b9e5fb;
	position: absolute;
	top: -14px;
	left: -3px;
}
.session-bar-top:after {
	content: "";
	width: 3px;
	height: 24px;
	background: #b9e5fb;
	position: absolute;
	top: -14px;
	right: -3px;
}
.session-footer {
	display: block;
	clear: both;
	padding-bottom: 1em;
}
.challenge-content .session-cols p {
	margin-right: 0;
}
.checkbox-container {
	float: right;
	display: block;
	margin-left: .5em;
}
.session-search {
	display: block;
}
.session-search-content {
	display: block;
	background: #004d9d;
	background: -moz-linear-gradient(top,  #004d9d 0%, #146fb6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004d9d), color-stop(100%,#146fb6));
	background: -webkit-linear-gradient(top,  #004d9d 0%,#146fb6 100%);
	background: -o-linear-gradient(top,  #004d9d 0%,#146fb6 100%);
	background: -ms-linear-gradient(top,  #004d9d 0%,#146fb6 100%);
	background: linear-gradient(to bottom,  #004d9d 0%,#146fb6 100%);
}
.no-cssgradients .session-search-content {
	background: #146fb6 url(/images/session-search-back.jpg) repeat-x;
}
.session-search-inner {
	display: block;
	margin: 0 2%;
	padding: 1em 0;
}

ul.search-col {
	display: block;
}
ul.search-col li {
	display: block;
	clear: both;
	width: 100%;
	padding: 1.5em 0;
}
ul.search-col li label {
	color: #fff;
	float: left;
	display: inline-block;
	font-size: 1.4em;
	width: 49%;
}
ul.search-col li select {
	float: right;
	display: inline-block;
	width: 49%;
}
.session-search-twothird {
	float: left;
	display: block;
	width: 65%;
}
.fullwidth{
	width:100%;
}
@media screen and (min-width: 768px) {
	.no-data{
		width:70%;
		margin-left:15%;
	}
}
@media screen and (max-width: 767px) {
	.no-data{
		width:100%;
		margin-left:0;
	}
}
.chart-area {
	background: #fff;
  margin-bottom: 3px;
}
p.chart-legend span{
	display:inline-block;
	height:10px;
	width:10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#8DC63F;
	margin-right: 5px;
}
p.chart-legend {
	text-align: center;
	margin-right: 5%;
}
.session-search-full {
	clear: both;
	width: 100%;
	display: block;
	padding: .5em 0 1em 0;
}
button.search-button, input[type="submit"].search-button {
	float: right;
	background: #81bd27 url(/images/swim-sprite.png) no-repeat right -304px;
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	padding: 8px 50px 8px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
button.search-button:hover {
	background: #6ecff6 url(/images/swim-sprite.png) no-repeat right -305px;
}
ul.totalizer {
	display: block;
}
ul.totalizer li {
	width: 32%;
	float: left;
	display: block;
	margin-right: 2%;
	color: #fff;
	line-height: 1;
	padding: 0.5em;
	font-size: 20px;
}
ul.totalizer li:last-child {
	margin-right: 0;
}
ul.totalizer li span {
	display: block;
}
.search-results {
	float: left;
	width: 83%;
	margin-right: 2%;
	/*margin-left: 17%;*/
}
.search-results .faux-header {
	min-height: 0;
	padding-bottom: .5em;
}
.search-results .faux-header h3 {
	font-size: 1.3em;
}
.search-result-item {
	display: block;
	position: relative;
	background: #64c6f5;
	border: 1px solid #64c6f5;
	padding: .5em;
	margin-bottom: 3px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.search-result-item:hover {
	background: #54b1de;
}
.search-result-item table tr td {
	vertical-align: top;
	color: #fff;
}
.search-result-item table tr td h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #005dab;
}
.search-result-item table tr td h3 span {
	font-weight: normal;
}
.search-result-icon {
	max-width: 80px;
}
input[type=submit].repeat-btn{
	margin-right:0;
	float:right;
}
.re-order {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 14px;
	padding-top: 14px;
}
.re-order ul {
	display: block;
}
.re-order ul li {
	display: block;
	margin-bottom: 10px;
}
.re-order ul li:last-child {
	margin-bottom: 0;
}
.re-order ul li a {
	display: block;
	width: 22px;
	height: 13px;
	background: #ff0000;
	background: url(/images/swim-sprite.png) no-repeat;
}
.re-order ul li a span {
	display: none;
}
.re-order ul li a.move-up {
	background-position: -274px -4px;
}
.re-order ul li a.move-down {
	background-position: -310px -4px;
}
ul.dashlanes {
	display: block;
	width: 100%;
}
ul.dashlanes li {
	float: left;
	display: block;
	margin-right: 2%
}
@media screen and (max-width: 600px) { ul.dashlanes li:last-child { margin-right: 0; width: 100%; }}
@media screen and (min-width: 601px) { ul.dashlanes li:last-child { margin-right: 0; width: 38%; }}
ul.dashlanes li.colSmall {
	width: 20%;
}
ul.dashlanes li.colMid {
	width: 38%;
}
ul.dashlanes li > div {
	padding: .5em;
}
span.dash-sub {
	color: #0b64ad;
	font-size: 18px;
	padding: .5em;
	display: block;
}
h4.largeGreen {
	color: #8DC63F;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
}
h4.largeGreen span {
	font-weight: normal;
}
.dash-icon {
	float: right;
	max-width: 18%;
}
a.take-note {
	display: block;
	width: 41px;
	height: 29px;
	background: url(/images/swim-sprite.png) no-repeat -183px -260px;
	float: right;
}
a.delete-swim {
	display: block;
	width: 41px;
	height: 29px;
	background: url(/images/delete-swim.png) no-repeat;
	float: right;
}
.full-width-table .more {
	margin-right: 0;
	min-width: 156px;
}
.dash-two-thirds {
	width: 60%;
	margin-right: 2%;
	float: left;
}
.dash-one-third {
	width: 38%;
	float: left;
}
ul.dash-stats {
	display: block;
	width: 100%;
	clear: both;
}
ul.dash-stats li {
	float: left;
	display: block;
	padding: .5em;
	margin-bottom: .5em;
}
ul.dash-stats li.single {
	width: 34%;
	margin-right: 3%;
}
ul.dash-stats li.double {
	width: 63%;
	margin-right: 0;
}
ul.dash-stats li.halfling {
	width: 48.5%;
	margin-right: 3%;
}
ul.dash-stats li.halfling:last-child {
	margin-right: 0;
}
.stat-form {
	float: right;
	display: inline-block;
	border: 2px solid #fff;
	background: #8dc73f;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
	min-height: 44px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
}
.stat-form label {
	font-size: .9em;
	color: #fff;
}
ul.dash-blocks {
	display: block;
	width: 100%;
}
ul.dash-blocks li {
	display: block;
	padding: .5em;
	margin-bottom: .5em;
}
.reset-button {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
	text-align: right;
}
a.reset-data {
	text-align: left;
	display: inline-block;
	background: #5bbb47;
	height: 65px;
	line-height: 65px;
	padding: 0 .5em;
	color: #fff;
	width:250px;
	font-size: 1.3em;
	background: -moz-linear-gradient(top,  #5bbb47 0%, #8cc63f 50%, #8cc63f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bbb47), color-stop(50%,#8cc63f), color-stop(100%,#8cc63f));
	background: -webkit-linear-gradient(top,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
	background: -o-linear-gradient(top,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
	background: -ms-linear-gradient(top,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
	background: linear-gradient(to bottom,  #5bbb47 0%,#8cc63f 50%,#8cc63f 100%);
}
.no-cssgradients a.reset-data {
	background: #5bbb47;
}
.challenge-icon-dashtop {
	float: left;
	margin-right: 20px;
}
.arrow-link {
	float: right;
	display: inline-block;
	margin-top: -60px;
}
.indicator {
	display: inline-block;
	margin-bottom: -20px;
}
.top-panel {
	width: 75%;
	float: right;
	padding-bottom: 1.5em;
}
.top-panel h3 {
	color: #fff;
	font-size: 2.2em;
}
.top-panel h4 {
	color: #fff;
	font-size: 1.2em;
}
ul.encourage {
	display: block;
}
ul.encourage li {
	float: left;
	width: 32%;
	margin-right: 2%;
}
ul.encourage li:last-child {
	margin-right: 0;
}
.icon-half {
	display: inline-block;
	float: left;
	width: 46%;
}
.encourage-terms {
	display: inline-block;
	float: right;
	width: 48%;
	padding-top: 1.5em;
}
.encourage-terms p {
	color: #fff;
	font-size: 1.1em;
}
.foot {
	display: block;
	background: #fff url("/images/header-tile.png") repeat;
	border-top: 3px solid #b0d2e4;
}
.foot footer {
	margin: 0 5%;
	min-height: 200px; /* remove this */
	text-align: left;
	position: relative;
}
.foot footer article {
	float: left;
	width: 30%;
	padding-right: .5em;
}
.foot footer article.feedback {
	width: 40%;
}
.foot footer article h3 {
	color: #a9a9a9;
	font-size: 1.5em;
	padding: .7em 0;
}
.foot footer article p {
	color: #a9a9a9;
	padding: 0 0 1em 0;
}
.foot footer article a {
	color: #a9a9a9;
}
.foot footer article p strong {
	display: block;
}
form.footer-contact ul {
	width: 33%;
	float: left;
}
form.footer-contact ul li {
	width: 100%;
	padding-bottom: .3em;
}
form.footer-contact input[type="text"],
form.footer-contact input[type="email"],
form.footer-contact textarea,
form.footer-contact button {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	color: #a9a9a9;
	width: 100%;
	padding: .3em;
	font-size: 1em;
	border: 1px solid #c5c5c5;
	background: #efefef;
}
form.footer-contact input[type="text"]:hover, form.footer-contact input[type="text"]:focus,
form.footer-contact input[type="email"]:hover, form.footer-contact input[type="email"]:focus,
form.footer-contact textarea:hover, form.footer-contact textarea:focus {
	border-color:  #1482C3;
	background: #fff;
}
form.footer-contact button {
	text-align: left;
	color: #fff;
	background: #e5e6e8;
	background: -moz-linear-gradient(top,  #e5e6e8 0%, #a8a8ab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e6e8), color-stop(100%,#a8a8ab));
	background: -webkit-linear-gradient(top,  #e5e6e8 0%,#a8a8ab 100%);
	background: -o-linear-gradient(top,  #e5e6e8 0%,#a8a8ab 100%);
	background: -ms-linear-gradient(top,  #e5e6e8 0%,#a8a8ab 100%);
	background: linear-gradient(to bottom,  #e5e6e8 0%,#a8a8ab 100%);
}
.no-cssgradients form.footer-contact button {
	background: #a8a8ab;
}
.comments {
	float: left;
	width: 67%;
	padding-left: 1em;
}
form.footer-contact textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-height: 100px;
}
img.diving-board {
	position: absolute;
	right: 0;
	top: -123px;
}
article.stalking .social-links {
	position: relative;
	right: auto;
	bottom: auto;
}
article.stalking .social-links a {
	color: #97c93d;
	font-size: 2em;
}
.login-disclaimer{
	color:white;
	text-align:center;
}

/****************** media queries *********************/

/****************** chrome only media query *******************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.form-element label {padding: 6px 0;}
}
/****************** end chrome only media query *******************/

@media screen and (max-width: 1024px) {
	img.pool-steps {
		right: 0;
	}
	.pool-shadow {
		right: 60px;
	}
	.social-links {
		bottom: auto;
		top: 10px;
	}
	.pool-graphic {
		width: 42%;
	}
	.main-header nav ul li {
		margin-left: 0;
	}
	.arrow-link {
		display: block;
		float: none;
		margin-top: 1em;
	}
	.top-panel {
		width: 70%;
	}
}
@media screen and (max-width: 980px) {
	.action-arrow {
		display: none;
	}
	.login-graphic {
		width: 20%;
	}
	.login-graphic .sign-up {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
	}
	.formCol {
		width: 30%;
	}
}
@media screen and (max-width: 920px) {
	.page-nav {
		float: none;
		width: 100%;
		display: block;
		padding-top: 1em;
	}
	.page-nav ul li {
		margin-bottom: 20px;
		float: left;
		width: 48%;
		margin-right: 2%;
	}
	.page-nav ul li:last-child {
		margin-right: 0;
	}
	.slider {
		float: none;
		width: 100%;
		display: block;
		clear: both;
		padding-top: 1em;
	}
	.session-nav ul li a.current:before, .session-nav ul li a.current:after {
		display: none;
	}
	.accordion-carousel {
		float: none;
		display: block;
		width: 100%;
	}
	a.session-nav.alpha {
		margin-left: 0;
	}
	a.session-nav {
		width: 18.4%;
	}
	.width-four {
		width: 38.8%;
	}
	.session-info {
		width: 59.2%;
		margin-right: 0;
	}
	.pool-graphic {
		width: 70%;
	}
	.login-slogan {
		float: none;
		width: 100%;
		min-height: 0;
		clear: both;
		text-align: center;
		padding-bottom: 1.5em;
	}
	.login-slogan h3 {
		padding-top: 0;
		font-size: 3em;
	}
	.formCol {
		width: 39%;
	}
	.login-graphic {
		margin-right: 2%;
	}
	.slider.slideMargin {
		margin-top: 1em;
	}
}
@media screen and (max-width: 880px) {
	img.pool-steps, .pool-shadow, img.diving-board {
		display: none;
	}
	.highlights article {
		width: 49%;
		margin-bottom: 1em;
	}
	.highlights article header {
		min-height: 5.3em;
	}
	.highlights article figcaption {
		min-height: 66px;
	}
	.highlights article:nth-child(2n+2) {
		margin-right: 0;
	}
	.two-col {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}
	.accordion {
		margin-bottom: 1em;
	}
	.info article {
		width: 33.33%;
	}
	.foot footer article, .foot footer article.feedback {
		width: 50%;
		padding-right: 1em;
	}
	.foot footer article.feedback {
		padding-right: 0;
	}
	.foot footer article.stalking {
		clear: both;
	}
	.info article header span {
		display: block;
		margin: 0 auto;
	}
	.info article header h2 {
		display: block;
		text-align: center;
	}
	.width-two.no-mobile {
		display: none;
	}
	.pool-graphic {
		width: 40%;
	}
	.search-results {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		float: none;
	}
	ul.totalizer li {
		font-size: 1.1em;
	}
	.challenge-icon-dashtop {
		width: 18%;
	}
	.top-panel {
		width: 100%;
		clear: both;
	}
}
@media screen and (max-width: 800px) {
	.foot footer,
	.strap-content,
	.main-content {
		margin: 0 5%;
	}
	.header header{
		margin:0;
	}
	.main-header nav {
		padding-top: 1em;
	}
	.top-menu {
		padding-top: 1em;
		background: #ededed;
		padding-bottom: 1em;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	.toplogo {
		float: none;
		margin: 0 auto;
		/*display: block;*/
		text-align: center;
		max-width: 90%;
	}
	.toplogo img {
		/*display: block;*/
		float: left;
		margin: 0 auto 0.5em auto;
		width: 50%;
		max-width:240px;
	}

	.nav-icon-div .fa {
		display: initial;
	  font-size: 3em;
  	padding-top: 5%;
  	float: right;
  	color: #1368aa;
	}
	.nav-icon-div .fa:hover {
		font-size: 3.1em;
	}
	.main-header nav {
		padding-top: 0;
		width: 100%;
	}
	.main-header nav ul {
		width: 100%;
	}
	.main-header nav ul li {
		margin: 0;
	  	width: 100%;
	  	padding-top: 1em;
	  	padding-right: 1em;
	  	padding-left: 1em;
	}
	.main-header nav ul li a {
		width: 100%;
		text-align: center;
	}
	.lanes {
		height: 30px;
		background-size: contain;
	}
	.help-content h2 {
		font-size: 3.2em;
	}
	.swim-badge {
		width: 27%;
	}
	.session-order ul li div {
		font-size: 1.1em;
	}
	ul.challengeCols li {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.challenge-info {
		min-height: 90px;
	}
}
@media screen and (max-width: 768px) {
	ul.totalizer li	{
		font-size: 1em;
	}
	ul.search-col li label {
		font-size: 1.2em;
	}
	a.take-note {
		margin-top: 10px;
	}
}
@media screen and (max-width: 680px) {
	.session-cols {
		float: none;
		margin-right: 0;
		width: 100%;
		clear: both;
	}
	.session-search-onethird {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.session-search-twothird {
		float: none;
		width: 100%;
	}
	.search-result-icon {
		display: none;
	}
	.session-search-inner {
		margin: 0 4%;
	}
	ul.search-col {
		padding-bottom: 1em;
	}
	.dash-two-thirds {
		float: none;
		margin-right: 0;
		margin-bottom: 1.5em;
		width: auto;
	}
	.dash-one-third {
		float: none;
		width: 100%;
	}
	.faux-header.has-reorder {
		padding-bottom: .5em;
	}
	.stat-form {
		display: block;
		margin: 0 auto;
		float: none;
	}
	.swim-cats.dash-intro li, .swim-cats.dash-intro li.first-child {
		width: 100%;
		margin-right: 0;
		float: none;
		clear: both;
	}
	.largeBadge {
		width: 30%;
	}
	.swim-cats.dash-intro .swim-details {
		width: 66%;
	}
}
@media screen and (max-width: 600px) {
	.header header {
		margin: 0;
		padding-top: 0;
	}
	ul.user-area {
		display: block;
		float: none;
	}
	ul.user-area li.previous {
		position: relative;
		left: auto;
		top: auto;
	}
	ul.user-area li {
		width: 20%;
		text-align: center;
		float: left;
	}
	ul.user-area li a {
		text-align: center;
		width: 100%;
		padding-top: .3em;
		padding-bottom: .3em;
		padding-left: 0;
		padding-right: 0;
	}
	ul.user-area li.hover a {
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	ul.user-area li a span {
		display: none;
	}
	.fa.pull-right {
		margin-left: 0;
	}
	ul.user-area li a i {
		display: block;
		margin: 0 auto .2em auto;
		float: none;
	}
	ul.user-area li ul, ul.user-area li ul li, ul.user-area li ul li a {
		min-width: 100%;
	}
	ul.user-area li ul li a {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.highlights article header h2 {
		font-size: 1.6em;
	}
	.highlights article header {
		min-height: 4.4em;
	}
	.slider {
		min-height: 0;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 0px;
	}
	.social-links a {
		display: block;
		margin: 0;
		text-align: center;
	}
	article.stalking .social-links a {
		display: inline-block;
		margin-left: 6px;
		text-align: left;
	}
	.width-four {
		display: block;
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.find-pool-small {
		display: none;
	}
	.session-info {
		display: block;
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.foot footer {
		padding-bottom: 2em;
	}
	.session-order ul li span {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}
	.session-order ul li div {
		text-align: left;
	}
	.swim-details p {
		font-size: 1em;
	}
	.login-graphic {
		display: none;
	}
	.formCol {
		width: 80%;
		margin-left: 10%;
	}
	.form-element {
		width: 100%;
	}
	button.search-button {
		margin-right: 10px;
	}
	ul.dashlanes li, ul.dashlanes li.colSmall, ul.dashlanes li.colMid {
		float: none;
		width: 100%;
		display: block;
	}
	.dash-icon {
		max-width: 10%;
	}
	.largeIntro {
		font-size: 1.6em;
	}
	.login-title {
		display: block;
		font-family: 'zoggsregular';
		color: #fff;
		text-align: center;
		font-size: 3em;
		padding: 10px 0;
	}
	a.reset-data{
		width: 100%;
	}
}
@media screen and (max-width: 520px) {
	.info article {
		float: none;
		width: 100%;
		min-height: 0;
		padding: 1em 0 1em 0;
		border-bottom: 1px solid #fff;
		margin-bottom: 1em;
	}
	.info article .border-right {
		padding: 0;
		border-right: 0;
		min-height: 0;
	}
	.info article header h2 {
		text-align: left;
	}
	.info article header span {
		display: inline-block;
		margin: 0;
		float: right;
	}
	.foot footer article, .foot footer article.feedback {
		float: none;
		width: auto;
		display: block;
		padding-right: 0;
	}
	.pooldesc {
		padding-top: 0em;
	}
	.pooldesc p {
	color: #0060aa;
	padding-bottom: .5em;
	font-size: 0.85em;
	}
	table.session-table tr td {
		font-size: .9em;
		padding: 3px;
	}
	.session-nav ul li a h4 {
		font-size: .9em;
	}
	.page-nav ul li a {
		font-size: .9em;
	}
	a.session-nav h4 {
		display: none;
	}
	.session-info .faux-header {
		padding-bottom: .5em;
	}
	.login-slogan h3 {
		font-size: 3em;
	}
	.full-width-table {
		font-size: 90%;
	}
	ul.dash-stats li, ul.dash-stats li.single, ul.dash-stats li.double, ul.dash-stats li.halfling {
		float: none;
		width: 100%;
		display: block;
		margin-right: 0;
	}
	.swim-cats.dash-intro li, .swim-cats.dash-intro li.first-child {
		padding-bottom: 1em;
	}
	ul.encourage li {
		float: none;
		width: 100%;
		margin-right: 0;
		clear: both;
	}
	.icon-half {
		width: 20%;
	}
	.encourage-terms {
		width: 76%;
	}
	.top-panel h3 {
		line-height: 1.2;
	}
	.top-panel {
		padding-top: .5em;
	}
}
@media screen and (max-width: 480px) {
	.highlights article {
		min-height: 350px;
	}
	.help-trigger {
		left: auto;
		right: 0;
	}
	.session-order ul li {
		float: none;
		margin-right: 0;
		width: 100%;
		clear: both;
		padding-bottom: 10px;
	}
	.session-order ul li span {
		float: left;
		width: 14%;
		font-size: 2.4em;
		padding-bottom: 10px;
		text-align: left;
	}
	.session-order ul li div {
		width: 86%;
		float: left;
		text-align: left;
	}
	.swim-cats ul li {
		float: none;
		width: 100%;
		display: block;
		margin-right: 0;
		clear: both;
	}
	.swim-details p {
		padding-bottom: .5em;
	}
	.login-slogan h3, .login-title {
		font-size: 2.4em;
	}
	.full-width-table .more {
		display: none;
	}
	.full-width-table a.take-note {
		display: none;
	}
	a.more.only-mobile {
		display: inline-block;
		float: none;
	}
	a.take-note.only-mobile {
		display: inline-block;
	}
	.faux-header.bluehead {
		padding-bottom: .5em;
	}
	.stat-form {
		padding-bottom: 6px;
	}
}
@media screen and (max-width: 420px) {
	.indicator {
		display: none;
	}
	.arrow-link {
		width: 100%;
		clear: both;
		text-align: center;
	}
	.challenge-icon-dashtop {
		display: none;
	}
	.faux-header.has-reorder {
		padding-right: 0;
	}
}
@media screen and (max-width: 360px) {
	.page-nav ul li a {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.page-nav ul li a span {
		display: none;
	}
	.accordion .faux-header {
		padding-bottom: .5em;
	}
	a.more {
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
		width: 67%;
		text-align: center;
	}
	a.more.full {
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}
	.session-nav ul li a h4 {
		display: none;
	}
	.help-content h2 {
		font-size: 2em;
	}
	.toplogo {
		max-width: 70%;
	}
	ul.challengeCols li .faux-header.bluehead {
		padding-bottom: .5em;
	}
	ul.swim-products li {
		float: none;
		width: 100%;
	}
	ul.totalizer li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	button.search-button {
		margin: 0 auto;
		width: 67%;
		display: block;
		float: none;
	}
	.swim-search {
		display: none;
	}
	.search-result-item table tr td {
		display: block;
		padding: 4px 0;
	}
}
@media screen and (max-width: 320px) {

}
@media screen and (min-width: 1024px) {
	.header header,
	.foot footer,
	.strap-content,
	.main-content {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
}
.profile-inner {
    font-size: 16px;
    color: #555555;
    padding: 15px;
    background: rgba(186,223,182,0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 35px;
    padding-bottom: 80px;
}
.login-panel p{
	color: white;
	padding: 3em 3em 0 0;
}
@media screen and (max-width: 400px) {
	.profile-inner {
		padding-bottom: 140px;
	}
}
@media screen and (max-width: 600px) {
	.login-panel p{
		color: white;
		padding: 10%;
	}
}
	.profile-inner label.label {
		color: rgb(85, 85, 85);
	    text-align: left;
	}

/*********** Calendar ************/
.faq{
	width:100%;
}
.faq-content{
	display: block;
	background: #fff;
	position: relative;
	padding: 15px;
}
.faq-content p{
	margin:1em 0 1em 0;
	color:#787878;
}
.faq-content .faq-question{
	margin-top: .5em;
	color: #6ecff6;
}
.faq-content .bluelane{
	padding-top: 15px;
}
/*********** Calendar ************/
#inputdate {
	width:47%;
}
#inputtime{
	width:47%;
	margin-left:3%;
}
/*********** Video ************/
.bluelane .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:1em;
}
.bluelane .video iframe,
.bluelane .video object,
.bluelane .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*********** Misc ****************/
.notice-green, .notice-red{
	border:1px solid white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:.5em;
	text-align:center;
	min-width:10px;
	color:white;
	margin: .5em 0 .5em 0;
}
.notice{
	padding-top: 7px;
}
.confirmation-box{
	padding:1em 0 2em 0;
	min-height: 250px;
}
.float-right{
	float:right !important;
}
.twentybottommarg{
	margin-bottom:20px;
}
.twentybottompad{
	padding-bottom:20px;
}
.white{
	background-color:#fff;
}
.text-white{
	color:white;
}
.thirtytoppad {
	padding-top: 30px;
}

.fifteentopbottom{
	padding-top:1em;
	padding-bottom:1em;
}
.oneembottom{
	margin-bottom:1em;
}
.dont-show{
	font-size: .9em;
	color: #fff;
	/*position: absolute;*/
	float:none !important;
	bottom: -20px;
	left: 50%;
	margin-left: -12px;
	padding-bottom: 5px;
	z-index: 100;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.dont-show-arrow{
	display: inline-block;
	width: 11px;
	height: 10px;
	background: url(/images/dont-show.png);
}
.see-through{
	background: rgba(255, 255, 255, .4) !important;
}
.faux-header #twitter-widget-0 { float: right; margin-top: 10px;}
@media screen and (max-width: 600px) { .faux-header #twitter-widget-0 { width:100%; text-align:center; }
										.twitter-hashtag-button.twitter-tweet-button.twitter-hashtag-button.twitter-count-none{ width: 60% !important; float:left !important; }
										.btn-o { width:100% !important; tex-align:center !important }
										.xl a.btn { max-width:100% !important; }
}

.in2, .in1{
	max-width: 50px;
}

.fb-share-button.fb_iframe_widget{
	float: right;
	margin-top: 14px;
}

#twitter-widget-0{
	width: 174px;
	height: 28px;
	margin-top: 10px;
	margin-right: 15px;
}

#error_explanation{
	 color:red;
}

/*=============iphone style on/off checkbox==============*/
.community-content .community-share-yes-no{
	margin:20px 0 0 0 !important;
}
.iPhoneCheckContainer {
  -webkit-transform:translate3d(0,0,0);
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden;
  margin: 15px 15px 15px 0;
 }
  .iPhoneCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
  .iPhoneCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden; }
  .iPhoneCheckContainer, .iPhoneCheckContainer label {
	height: 28px !important;
	border-radius: 4px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none; }
	.iPhoneCheckContainer{
		width:88px !important;
	}

.iPhoneCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

label.iPhoneCheckLabelOn {
  color: white;
  background: url('/images/iphone-style-checkboxes/on.png?1284697268') no-repeat;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 5px; }
  label.iPhoneCheckLabelOn span {
    padding-left: 8px; }
label.iPhoneCheckLabelOff {
  color: #8b8b8b;
  background: url('/images/iphone-style-checkboxes/off.png?1284697268') no-repeat right 0;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0; }
  label.iPhoneCheckLabelOff span {
    padding-right: 8px; }

.iPhoneCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url('/images/iphone-style-checkboxes/slider_left.png?1284697268') no-repeat;
  padding-left: 3px; }

.iPhoneCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url('/images/iphone-style-checkboxes/slider_right.png?1284697268') no-repeat right 0; }

.iPhoneCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url('/images/iphone-style-checkboxes/slider_center.png?1284697268'); }

.iOSCheckContainer {
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden; }
  .iOSCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
  .iOSCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden; }
  .iOSCheckContainer, .iOSCheckContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none; }

.iOSCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

label.iOSCheckLabelOn {
  color: white;
  background: url('/images/ios-style-checkboxes/on.png?1284697268') no-repeat;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 5px; }
  label.iOSCheckLabelOn span {
    padding-left: 8px; }
label.iOSCheckLabelOff {
  color: #8b8b8b;
  background: url('/images/ios-style-checkboxes/off.png?1284697268') no-repeat right 0;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0; }
  label.iOSCheckLabelOff span {
    padding-right: 8px; }

.iOSCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url('/images/ios-style-checkboxes/slider_left.png?1284697268') no-repeat;
  padding-left: 3px; }

.iOSCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url('/images/ios-style-checkboxes/slider_right.png?1284697268') no-repeat right 0; }

.iOSCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url('/images/ios-style-checkboxes/slider_center.png?1284697268'); }


/*********** IE non-responsive ***********/
.no-opacity .header header,
.no-opacity .foot footer,
.no-opacity .strap-content,
.no-opacity .main-content,
.no-opacity .login-panel {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#fb-share-btn-swim {
    background: #4c69ba;
    background: -webkit-linear-gradient(#4c69ba, #3b55a0);
    background: linear-gradient(#4c69ba, #3b55a0);
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    margin: 9px;
    padding: 5px;
    text-shadow: 0 -1px 0 #354c8c;
    white-space: nowrap;
}