@charset "UTF-8";
:root {
    --darkBlue: #001446;
    --blue:	#0063be;
    --gold: #c59f05;
    --yellow: #ffcc00;
    --gray: #c1c5c8;
    --lightGray: #ddd;
    --red: #d11438;
}

/* Web Solutions 4.0 Mobile Compatible */
*{margin:0;padding:0;border:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;line-height:1.35em}
body>header, body>aside, #content, body>footer, .home .calloutButtons{position:relative;overflow:auto}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body{background:#333}
ul li{list-style:none}
/* text */
body, .text, input{font-family:"proxima-nova", Arial, Helvetica, sans-serif;font-size:14px;color:#666}
a, a *{color:var(--blue); text-decoration:none}
p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:.7em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:var(--blue)}
em, i{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.1);margin:.7em 0}
p{font-size:1em}
h1{font-size:1.6em;margin-bottom:.5em; font-weight: 600;color:var(--darkBlue);}
h1+h2{margin-top:-.7em}
h2{font-size:1.45em;font-weight: 600; color:var(--darkBlue);}
h3{font-size:1.3em; color: var(--gold);}
h4, th{font-size:1.2em;color: var(--blue);}
h5 {color: var(--darkBlue);}
h6 {color: var(--blue);}
h5, h6, h7, h8, h9{font-size:1.1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
table{border-collapse:collapse}
.req{color:#c00}
#content>section{margin:2em 0}
/* level1 list */
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(/images/icons/16x16/bullet.png) no-repeat 0px 0px;background-size: 16px 16px;margin-top:.3em;padding-left:16px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px; margin-bottom:1em}
#content ol li, .contentEditor ol {margin-top:.3em;}
/* level2 list */
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.png) no-repeat -3px 2px;padding-left:10px;font-size:.92em;line-height:1.4em;background-size: 12px 12px}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
/* forms */
input{font-size:1em}
input[type="text"],input[type="password"],input[type="tel"], input[type="number"],input[type="email"],input[type="url"], input[type="search"], textarea, select,input[type="button"],input[type="submit"],input[type="reset"]{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{border:1px solid #999;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid #999;background:#fff;padding:3px 5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus{background-color:#e5eff8;}
textarea{display:block}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;background-size:16px 16px;padding:3px 16px 3px 5px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
.button,input[type="button"],input[type="submit"],input[type="reset"]{background:var(--darkBlue);color:#fff;border:0;padding:.5em .6em;line-height:1em;cursor:pointer;border-radius: 6px; display:inline-block; margin:.5em 0}
input::-moz-focus-inner {border:0;padding:0;}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#f03c5e}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{width:100%}
.formTable td{padding:0 0 5px 5px}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable td:first-child{padding:0 5px 5px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 5px 0}
.subjClass{display:none}
#Captcha label{padding-left:0}
/* HEADER */
body>header{background:#fff; height:40px; width:100%; border-bottom: solid 1px rgba(0,0,0,.1); overflow: visible;}
body>header>a {height:80px;width:auto;display:block;float:left}
body>header>a img {height: 100%; width: auto;}
body>header>div{height:40px;background-size:40px 40px;float:right;background-repeat:no-repeat;background-position:0 0}
body>header .menu{width:41px;background-image:url(/images/m/menu.png)}
body>header .search{width:40px;background-image:url(/images/m/search.png)}
/* SEARCH/MENU */
body>nav {background:var(--darkBlue);}
body>nav ul {padding-top: 3rem;}
body>nav>.search{padding:10px;border-bottom:1px solid rgba(255,255,255,.2);display:table;width:100%}
body>nav>.search form{display:table-row}
body>nav>.search form div{display:table-cell;width:10%}
body>nav>.search form div:first-child{width:90%;padding-right:5px}
body>nav>.search input{height:30px;width:100%}
body>nav a{padding:.4em 10px;color:rgba(255,255,255,.65);line-height:1.15em;display:block;border-bottom:1px solid rgba(255,255,255,.2)}
body>nav a:before{content:"›";padding-left:.5em;float:right;opacity:.4}
body>nav li li{font-size:.9em}
body>nav li.on{background:rgba(255,255,255,.15)}
body>nav .on a{color:rgba(255,255,255,1)}
body>nav .on>ul a{padding-left:25px}
body>nav .on>ul .on a{}
body>nav .on>ul .on>ul a{padding-left:40px}
body>nav .on>ul .on>ul .on a{}
body>nav .on>ul .on>ul .on>ul a{padding-left:40px}
body>nav .on>ul .on>ul .on>ul .on a{background:#f5f5f5;color:#000}
/* CONTACT BAR */
body>aside{background:#000}
body>aside a{color:#f03c5e;float:right;padding:.3em 10px;display:block}
body>aside a+a{color:#fff;float:left}


/* HOME */
.home #login {float: left; width:100%; padding:2em; margin-top: -3rem; background: var(--darkBlue); text-align:center; border-bottom: solid 5px #fff;}
.home #login h1 {font-size: 1.75em; margin-bottom: .5em;color: #ffcc00;font-weight: 900;}
.home #login a {display:block; line-height:30px; height: 30px; padding:0 10px; background:#fff;border-radius: 6px;color: var(--darkBlue);font-weight: 700;margin-bottom:.5em;
text-transform: uppercase;}

.home .callouts {background: #ddd; text-align: center; padding:2em; float: left;width:100%;}
.home .callouts h1 {font-size: 1.375em; font-weight: 900; color:var(--darkBlue); margin-bottom: .5em; text-transform: uppercase;}
.home .callouts p {font-size: 1.125em; color: #666;}
.home .callouts a {color: #fff; font-weight: 700; text-transform: uppercase; background: var(--red); border-radius: 6px; line-height:30px; height:30px; display: inline-block; padding: 0 10px}

.home #content {text-align:center; padding:2.5em 10px}
.home .calloutButtons{background:#fff;padding:10px;clear:both; text-align: center}
.home .calloutButtons a{line-height:30px; height: 30px; background: var(--darkBlue); color: #fff; text-transform: uppercase; display: block;border-radius: 6px; margin-bottom: .5em;font-weight: 700;}
.home .calloutButtons a:after { content: "›"; float: right; padding-right: .5em}
.home .calloutButtons a:nth-child(2n) { background: var(--blue)}

.home h1 {font-weight: 600; color: var(--blue)}
.home h1 span {color: #0a2f59;}
/* CONTENT */
.tableWrap { width:100%; overflow:auto;-webkit-overflow-scrolling: touch;}
#content{background:#fff;padding:10px;clear:both;word-wrap:break-word}
#content img{max-width:100%;height:auto}
#content .photoright, #content .photoleft{max-width:40%;max-height:40%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
.photoright{float:right;padding:0 0 10px 10px;clear:right}
.photoleft{float:left;padding:0 10px 10px 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight{background:#e5eef7;padding:1em;margin:.7em 0}
#content * h1{font-size:1.2em}
nav.breadcrumb{font-size:.8em}
nav.breadcrumb a{white-space:nowrap;overflow: visible;text-overflow:ellipsis;max-width:35%;display:inline-block;vertical-align:bottom}
nav.breadcrumb a:last-child{}
#content nav.children{margin-top:30px}
#content nav.children ul{background-color:rgba(0,0,0,.1);-webkit-border-radius:4px;border-radius:4px;}
#content nav.children li{background:none;padding:0;margin:0}
#content nav.children a{color:var(--darkBlue); padding:.4em .6em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#content nav.children li+li a{border-top:1px solid rgba(255,255,255,1)}
.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:32px;width:32px;background-position:center center; background-repeat:no-repeat;background-size:contain;
-webkit-border-radius:.2em;border-radius:.2em;
-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;-webkit-border-radius: .5em;border-radius: .5em;color:#fff}

/* MEETS PAGE */
/* Meet Landing ------------------------------ */
#info {background:#fff; padding:10px 0; position: relative; clear: both; width: 100%; float: left}
#info>.wrap {padding: 40px 20px 20px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);}

.meets .tab a.on { background:var(--blue); color:#fff}
.meets #content .searchFilters { width:100%; background:#e5eef7; padding:1em; font-size:1em; clear:both}
.meets #content p { clear:left}
#content .searchFilters h1, #content .searchFilters h3 { margin-bottom:0; margin-top:0}
#content .searchFilters h3 { font-size:1em; margin:.5em 0}
#content .searchFilters h3 em { font-size:.8em}
#content .searchFilters input[type="submit"] { margin-top:1em; text-transform:uppercase; font-size:1em; font-weight:600}
 
.meets #content .searchFilters label { display:block; width:100%; margin-bottom:0; line-height:1.4em}
.searchFilters input[type="text"]{ width:100%}
.meets #content .searchFilters input[type="button"] {margin-top:1em; display:block; text-transform:uppercase; width:100%; font-size:1.1em}
.meets #info>.wrap { box-shadow:none; padding:0 0 0 0}
.meets .charts { max-height:none; overflow: visible}
.meets #info table { border-bottom: solid 1px #ccc}

.datePicker input[type="text"] { box-shadow: none; width:45%;}

.meets #content .pageination, .pageination { margin-bottom:2em; margin-top:2em; width:100%; text-align:right; clear:both }
.meets #content .pageination a { display:inline-block}

/* =tab */
.tab {float: left;}
.tab label, .meets .tab a {color:var(--darkBlue); font-size: 1em; font-weight: 700; border-top-left-radius: 6px; border-top-right-radius: 6px; background: #d2e4f4; padding:5px 10px; margin-right: 5px; position: relative; cursor:pointer; text-transform:uppercase;}
.tab [type=radio] {display: none;}
.tab:hover label, .meets .tab a:hover {cursor: pointer; background: var(--darkBlue); color: #fff;}
[type=radio]:checked ~ label {background: var(--blue); color:#fff; z-index: 2;}
.product-information {position:relative; width:100%; background: #fff;padding: 40px 30px;border: 1px solid #959595;overflow: hidden;}

.charts {border-top:1px solid #ccc; padding-top: 10px; margin-top: 6px; max-height: 492px; overflow-y: auto; overflow-x: hidden; float: left; width:100%;}
#info table {width: 100%;}
#info th {font-weight: 700; color: #fff; background: #858585;}
#info td, #info th {text-align: center; vertical-align: middle; border-left: 1px solid #ccc; font-size: .875em; line-height: 1em; padding:5px;}
#info td:first-child, #info th:first-child {border-left:none;}
#info tr:nth-child(odd) td {background: #e5eff8;}
#info td img {display: block; margin: 10px auto; max-width:55px; height:auto}

.results td {width: 9.787%}
.results td + td {width: 11.382%}
.results td + td + td {width: 11.170%}
.results td + td + td + td {width: 34.680%;}
.results td + td + td + td + td {width: 23.936%;}
.results td + td + td + td + td + td {width: 8.404%;}

.meetLinks {float: right;}
.meetLinks a {font-size: .8125em; margin: 0 .75em;}

/* FOOTER */
body>footer{padding:1em 10px;color:#666}
body>footer a{color:#cccccc}
body>footer>address{ font-style:normal;position:relative;overflow:auto}
body>footer>address>div{float:left;padding-left:10px;width:50%}
body>footer>address>div:first-child{padding-left:0}
body>footer hr{border-top-color:#666; float:left; width:100%}
body>footer>div{margin-bottom:.7em}

.social {float:left; width: 100%; clear: both}
.social a {display: block; height: 45px; float: right; opacity: .5;}
.social a:hover {opacity: 1;}
.facebook {background: url(/images/icons/facebook@2x.png) no-repeat center center; background-size: 7px 15px; width: 24px; float:left}
.twitter {background: url(/images/icons/twitter@2x.png) no-repeat center center; background-size: 15px 13px; width: 24px; margin-left: 10px; float:left; margin-top:2px}
.instagram {background: url(/images/icons/instagram.svg) no-repeat center center; background-size: 15px 15px; width: 24px; margin-left: 10px;}
.social .usaSwimming {background: url(/images/icons/usaSwimming@2x.png) no-repeat center center; background-size: 28px 22px; width: 28px; float: left; opacity: 1;}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000}
#alertApp h1{margin-bottom:0;font-size:1.1em;padding:5px;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden;padding:0 10px}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:1000px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}

ccIcons { display:block; width:100%}
.visa:before, .mastercard:before, .americanExpress:before { font-size:2em;font-family: FontAwesome; color:#999; display: inline-block; margin:.5em .5em; 0 0}

.visa:before { content:"\f1f0"}
.mastercard:before { content:"\f1f1"}
.americanExpress:before { content:"\f1f3"}

@media screen and (max-width:350px) {.albumThumb a{width:25%;float:left;line-height:0}}
.albumThumb img{width:100%;height:auto;padding:2px}


@media screen and (-webkit-device-pixel-ratio: 2) {
body>header .menu{background-image:url(/images/m/menu@2x.png)}
body>header .search{background-image:url(/images/m/search@2x.png)}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li,.news section article{background-image:url(/images/icons/32x32/bullet.png); background-size: 16px 16px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png);background-size: 12px 12px}
select{background-image:url(/images/icons/32x32/select.png)}
}
/* TRANSITIONS */
#alertApp,#alertApp span,#alertDesc{-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out}