@charset "UTF-8";
:root {
    --darkBlue: #001446;
    --blue: #0063be;
    --gold: #c59f05;
    --yellow: #ffcc00;
    --gray: #c1c5c8;
    --lightGray: #ddd;
    --red: #d11438;
}
/* Web Solutions 4.0 Compatible */
* {margin:0;padding:0;border:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#333}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-100px;z-index:10}
	#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, body>nav, main, body>footer, #alertApp, #pageHeader, #top, #quicklinks, #sponsors, #info {width:100%; float:left; clear:left; padding:0 10px; display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*, body > nav ul {width:980px; margin-left:auto; margin-right:auto; position:relative; overflow:auto;}

/* text */
body, .text, input, button {font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-size:16px; line-height:1.875em; color:#333;}
a, a *{color:var(--blue); text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:var(--red);}
p,h1,h2,h3,h4,hr,#content ul,.contentEditor ul,blockquote,dd,ol {margin-bottom:1em}
blockquote {padding: 0 2em;}
h1, h2, h3, h4, h5, h6, th {font-weight:400}
* + h2, * + h3, * + h4, * + h5, * + h6 {margin-top:1.3em;}
.textColor, h1, h2, h3, h4, h5, h6, th, dt{color:#31659b}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em}
h1, #content article.blog>h1 {font-size:1.875em; font-weight: 600; margin-bottom:1em; color:var(--darkBlue);}
#content>section{margin:2em 0}
h1+h2{margin-top:-1em}
h2, #content * h1 {font-size:1.625em; font-weight: 600; color:var(--darkBlue);}
h3{font-size:1.5em; color: var(--darkBlue);}
h4, th{font-size:1.375em; color: var(--blue);}
h5 {font-size:1.25em; color: var(--darkBlue);}
h6 {font-size:1.125em; color: var(--blue);}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
.red {color: var(--red);}

/* level1 list */
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li {background:url(../images/icons/16x16/bullet.png) no-repeat 20px 5px; background-size: 16px 16px; margin-top:.3em; padding-left:36px}
#content ol, #content_home ol, .mce-visualblocks.contentEditor ol,  .mce-visualblocks.content ol {margin-left:35px}

/* 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 5px 1px; padding-left:25px; font-size:.92em; line-height:1.4em}

/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
   -moz-columns:2;
        columns:2;
-webkit-column-gap:40px;
   -moz-column-gap:40px;
        column-gap:40px;
}
.threeCol {
-webkit-columns:3;
   -moz-columns:3;
        columns:3;
-webkit-column-gap:30px;
   -moz-column-gap:30px;
        column-gap:30px;
}
.req{color:var(--red);}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}

/* forms */
input, button{font-size:.9em}
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"]{border-radius:0; -webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{}
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 rgba(0,0,0,.2); 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, select:focus{background-color:#e7f0f8;}
textarea{display:block}
select{}
@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;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,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:var(--darkBlue); color:#fff; border:0; border-radius: 6px; padding:.5em .8em; line-height:1em; cursor:pointer}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:var(--red); color:#fff}
button img{height:1em;width:auto;vertical-align:top}
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 input[type="search"], .formTable textarea{width:100%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}
.subjClass{display:none}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}


/* HEADER ------------------------------*/
body>header {height:84px; margin:0 auto; width:100%; background:#fff;}
body>header>.wrap {height:84px; overflow:visible;}
#brand {position:absolute; left:-22px; top:3px; height:9.75rem; width:12.75rem; display: block; z-index: 100;}
#brand img {width: 12.75rem; height: 9.75rem;}
/* ancillary */
body>header nav {position:absolute; right:0; top:0; font-size:.8125em; line-height:1.75em; text-align:right;}
body>header nav li{float:left;}
body>header nav form>*{float:left}
body>header .search{margin-left:2em}
body>header .search>*{float:left}
body>header nav a {text-decoration:none; color:var(--darkBlue); -webkit-text-size-adjust:none; background: #e5eef7; padding: .3em 1.46em; margin-left:1px; display: block;}
body>header nav a:hover, hbody>eader>nav a:active {color:#fff; background:#666;}
body>header nav li.on a {color:#fff; background:var(--darkBlue);}

/* PRIMARY NAV ------------------------------ */
body>nav {overflow:visible; margin-top:-42px;}
body>nav ul {text-align:right; overflow:visible}
body>nav li {display:inline-block;position:relative}
body>nav a {color:#666; padding:0 13px; display:inline-block; text-decoration:none; -webkit-text-size-adjust:none;}
body>nav>ul>li:hover>a, body>nav>ul>li:active>a {color:var(--red);}
body>nav>ul>li.on>a {color:var(--red);}

/*dhtml*/
body>nav li ul{z-index:1;width:200px; padding:0; background:#fff; position:absolute; overflow:auto; height:auto;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);}
body>nav>ul>li:last-child ul{right:0}
body>nav li ul li{width:100%; display:block; float:left; border-top:solid 1px #ccc}
body>nav li ul li:first-child { border:none}
body>nav ul li ul li a{background:none;color:#666666;}
body>nav li ul li a{font-size:.85em;line-height:1.1em;padding:.5em 1em; display:block;width:100%;text-align:left;float:left; }
body>nav li ul li a:hover, .t1 li ul li a:active{color:#fff; background:var(--darkBlue)}


/* =MAIN ------------------------------ */
main, .mceContentBody{
    background: #fff; /* Old browsers */ /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5eff8), color-stop(31%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5eff8 0%,#ffffff 31%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #e5eff8 0%, #ffffff 31%);
    background: linear-gradient(to bottom,  #e5eff8 0%,#ffffff 31%); /* W3C */
    }
.home main {background: #edf1f4 url(/images/home/connecticut_logo.png) no-repeat right top; border-bottom: 1px solid #ccc;}
main>.wrap{padding-top:3em; overflow: visible;}
.contentEditor{background:#fff; min-width:100%;}
/* side column */
main>div>aside{position:absolute; left:0; top:3em; width:220px; overflow:visible; font-size:1em; line-height:1.3em}
/* t1 */
main>div>aside nav{width:220px; overflow:hidden; margin:0 0 40px}
main>div>aside nav li{height:1%; overflow:hidden;}
main>div>aside nav li a {padding:.5em 5px; line-height:1.1em; display:none;}
main>div>aside nav li a:hover, main>div>aside nav li a:active {background:#e5e5e5}
main>div>aside nav li.on>a {color:#000}
/* t2 */
main>div>aside nav li.on ul li{border-bottom:1px solid rgba(0,0,0,.15)}
main>div>aside nav li.on ul li a {padding:.625em .75em; color:var(--darkBlue); text-transform: uppercase; display: block;}
main>div>aside nav li ul li a:hover, main>div>aside nav li ul li a:active{color:#fff; background:var(--darkBlue);}
main>div>aside nav li ul li.on>a{color:#fff; background:var(--red);}
/* t3 */
main>div>aside nav li ul li.on ul {border:0; background: #fff;}
main>div>aside nav li ul li.on ul li{border:0;}
main>div>aside nav li ul li.on ul li a{padding:.375em .75em .375em 30px;  font-size:.875em; color:#333; text-transform: none;}
main>div>aside nav li ul li ul li a:hover, main>div>aside nav li ul li ul li a:active{background:#f5f5f5}
main>div>aside nav li ul li ul li.on>a{color:#fff; background:var(--darkBlue);}
/* t4 */
main>div>aside nav li ul li ul li.on ul {background: #e7f0f8; padding: .3em 0;}
main>div>aside nav li ul li ul li.on ul li a{padding-left:45px; font-size:.75em; color:#333; background: url(/images/icons/16x16/sideNav.png) no-repeat 28px 3px;}
main>div>aside nav li ul li ul li ul li a:hover, main>div>aside nav li ul li ul li a:active {color:#aaa;}
main>div>aside nav li ul li ul li ul li.on>a {color:#3382cb;}

/* =callouts*/
main>div>aside section {margin:0 0 25px; padding:10px}
.callouts {background: var(--gray); text-align: center; padding: 50px 10px 50px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);}
.callouts h1 {font-size: 1.375em; font-weight: 900; color:var(--darkBlue); margin-bottom: .5em; text-transform: uppercase;}
.callouts p {font-size: 1.125em; color: #333;}
.callouts a {font-size: .875em; color: #fff; font-weight: 700; text-transform: uppercase;  background: var(--darkBlue); border-radius: 6px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); padding: .75em .9375em;}
.callouts a:hover {color: var(--darkBlue); background: #fff;}

.home .callouts {background:#fff; padding: 60px 16px 0; width: 47.95%; height: 230px; float: right;}
.home .callouts h1 {font-size: 1.75em; margin-bottom: .5em;}
.home .callouts p {color:#666; font-size: 1.5em; font-weight: 600;}
.home .callouts a:hover {color: #fff; background: var(--red);}


/* =login */
#login {background: var(--darkBlue); padding: 23px 35px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.1); text-align: center;}
#login h1 {font-size:1.375em; font-weight: 900; color: #ffcc00;}
#login a {display: block; width: 100%; padding: .6875em 10px; margin-bottom: 12px; background: #fff; border-radius: 6px; color:var(--darkBlue); font-size:.75em; font-weight: 700; text-transform: uppercase; box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);}
#login a:hover {background: #ffcc00;}
#login p {font-size: .875em; color: #fff; line-height: 1.4em; margin-bottom: 2.25em;}

.home #login {float: left; width: 47.95%; height: 230px; padding: 40px 25px 0;}
.home #login h1 {font-size: 1.75em; margin-bottom: .5em;}
.home #login a {display: inline-block; width: auto; margin-left: 10px; font-size: .875em; line-height: 1em; padding: 1em 10px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);}
.home #login a:first-child {margin-left: 0;}

/* content */
.tableWrap { width:100%; overflow:auto;-webkit-overflow-scrolling: touch;}
#content{float:left; width:100%; padding:0 0 50px 280px; overflow:hidden; min-height:1100px; word-wrap:break-word; position:relative;}
#content .photoright, #content .photoleft {max-width:50%; height:auto}
#content .photoright img,#content .photoleft img {max-width:100%; height:auto;}
#content img.phototreatment {max-width:50%; height:auto}
img.phototreatment, img.photoright, img.photoleft, .photoright img, .photoleft img {border: 2px solid #fff; box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);}
.photoright {float:right; margin:0 0 3em 4em; clear:right;}
.photoleft {float:left; margin:0 4em 3em 0; clear:left;}
figcaption {padding-left: 4px; font-size:.9em; font-style: italic; color:var(--blue);}
.muted {opacity:0.5; filter:alpha(opacity=50)}
#content * h1{font-size:1.2em;margin-bottom:1em}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.highlight{margin:1em 0; background:#efefef url(/images/bkg_highlight.png) no-repeat right 50px; padding: 30px;}
#content .highlight h1 {background: var(--darkBlue); padding: .4em 1.125em; font-size: 1.5em; font-weight: 400; color: #fff; margin: -30px 0 30px -30px; width: 130%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
.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)}

.linkButton {background: #3382cb; border-radius: 6px; font-size: 1.25em; padding: .5em 1em;}

/* =Home */
.home {}
#top {background: var(--lightGray); padding: 40px 10px;}
#top > .wrap {overflow: visible;}

#welcome {text-align: center;}
#welcome .wrap {padding:70px 0;}
#welcome h1 {font-size: 2em; font-weight: 600; color: var(--blue); border-bottom: 1px solid #ccc; padding-bottom: 24px; margin-bottom: 24px;}
#welcome h1 span {color: #0a2f59;}
#welcome p {font-size: 1em; line-height: 1.875em; color: #333; padding: 0 60px;}

#info {padding: 15px 10px 40px; position: relative; background:#fff;}
#info>.wrap {padding: 40px 20px 20px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);}

.newsHome {padding: 10px 0;}
.newsHome article {padding: 15px 1em 15px 1.625em; background: url(/images/icons/16x16/bullet.png) no-repeat 5px 15px; line-height: 1.3em; border-bottom: 1px solid #e5e5e5; display: inline-block; width: 100%;}
.newsHome article time {font-size: .875em; color: #333;}
.newsHome article h1 {margin-bottom: 0; font-size: 1em;}
.newsHome article p {margin-bottom: 0;}
.newsHome a:hover time {color: #c59f05;}

.viewAll { margin-top:2em; display:inline-block; float:right}

/* FOOTER ------------------------------ */
body>footer{padding-top:4em; padding-bottom: 2em; color:#666; font-size:.6875em; line-height:1.3em;}
body>footer>.wrap{overflow:visible; border-top: 1px solid rgba(204,204,204,.1); padding-top: 1.5em;}
body>footer a{color:#666}
body>footer a:hover, footer a:active{color:#ffcc00;}
body>footer a.on, footer .on>a{text-decoration:none; color:#fff}

.fatFooter {margin-bottom:2em; display:table}
.fatFooter>* {}
.fatFooter>*>* {display:table-cell; width: 25%; padding-right: 2%;}
.fatFooter>*>*:last-child {padding-right:0; white-space:nowrap}
body>footer nav {display:inline; width:100%; float: left;}
body>footer nav li a {font-size: 1.454545em; font-weight: 700; color: #fff; text-transform: uppercase;}
body>footer nav li a:hover {color: #999;}
body>footer nav li.on a {color: #ffcc00;}
body>footer nav li ul {padding-top: 1.3em;}
body>footer nav li ul li a, body>footer nav li.on ul li a {font-size: 1.272727em; color: #fff; font-weight: 400; text-transform: none; margin-bottom: .625em; display: inline-block;}
body>footer nav li ul li a:hover, body>footer nav li.on ul li a:hover {color:#999;}
body>footer nav li ul li.on a, body>footer nav li.on ul li.on a {color:#d2e4f4;}
body>footer>div {min-height:18px}

.social {float:left; width: 100%; clear: both; margin: 1.25em 0 .75em;}
.social a {display: block; height: 45px; float: left; opacity: .5;}
.social a:hover {opacity: 1;}
.facebook {background: url(/images/icons/facebook@2x.png) no-repeat center center; background-size: 12px 25px; width: 18px;}
.twitter {background: url(/images/icons/twitter@2x.png) no-repeat center center; background-size: 27px 22px; width: 36px; margin-left: 20px;}
.instagram {background: url(/images/icons/instagram.svg) no-repeat center center; background-size: 25px 25px; width: 36px; margin-left: 20px;}
.social .usaSwimming {background: url(/images/icons/usaSwimming@2x.png) no-repeat center center; background-size: 55px 44px; width: 55px; float: right; opacity: 1;}

#web-solutions-exposure {float:right;margin-left:11px}
#web-solutions-exposure img {margin-left:9px}


/* APPS ------------------------------ */

/* =Sponsors */
#sponsors {background: #FFF; padding: 36px 10px 32px;}
#sponsors .sponsor-row {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#sponsors .sponsor-row:not(:first-of-type) {margin-top: 2rem;}
#sponsors .sponsor{width: 25%;padding: 0 1rem;text-align: center;}
#sponsors .sponsor a {display: inline-block;margin: 0 auto;}
#sponsors h2 {text-align: left;color: #0a2f59;font-size: 1.25em;font-weight: 900;text-transform: uppercase;width: 100%;text-align: center;}
#sponsors a>img {max-height: 72px;margin: 0 auto;width: auto;max-width: 100%;}

/* =Quicklinks */
#quicklinks {background:var(--darkBlue); padding: 16px 10px; height: 72px;}
#quicklinks>.wrap {overflow: visible; position: relative;}
#quicklinks>.wrap>div {float: right; width: 80%; text-align: right;}
#quicklinks .title {font-size:1.75em; line-height: 1.32em; color: #ffcc00; font-weight: 900;}
.styledSelect {border-radius: 6px; padding:5px 11px; margin-left: 10px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); float:right; text-align: left;
    background-image: url("/images/icons/quicklinks_arrow@2x.png");
    background-position: 96% 12px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-color: #fff;
    width: 30%;
    color: var(--darkBlue); font-size: .875em; font-weight: 600;
    cursor: pointer;
    overflow: visible;
    z-index: 10;
    position: relative;
    height: auto;
}

.styledSelect ul {display: none;}
.styledSelect:hover ul {display: block;}
.styledSelect li a {display: block;}


/* pagination */
.pagination{font-size:.95em;text-align:right}

/* =pageheader */
#pageHeader {background: url(/images/header_water.jpg) no-repeat center top / cover; border-bottom: 2px solid #fff; height: 70px;}
.home #pageHeader {background: url(/images/home/swimmer.jpg) no-repeat center top / cover; border-bottom: 2px solid #fff; height: 210px;}

/* MEETS PAGE */
/* Meet Landing ------------------------------ */
.meets .tab a.on { background:var(--darkBlue); color:#fff}

.meets #content .searchFilters { width:20em; float:right; margin:0 0 2em 2em; background:#e5eef7; padding:2em; font-size:.8em; clear:right}
.meets #content p { clear:left}
#content .searchFilters h1, #content .searchFilters h3 { margin-bottom:0; margin-top:0}
.meets #content .searchFilters h3 { font-size:1em; float:none}
#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 h3 { float:left}
.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 #content { padding:0 40px 50px 0px;}
.meets .charts { max-height:none; overflow: visible}
.meets #info table { border-bottom: solid 1px #ccc}

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

.pageination { margin-bottom:2em; width:100%; float:left; text-align:right; clear:both}

/* 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}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover {background:#660000;}

/* =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: var(--lightGray); padding: 12px 15px; 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(--darkBlue); 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: var(--darkBlue);}
#info td, #info th {text-align: center; vertical-align: middle; border-left: 1px solid #ccc; font-size: .875em; line-height: 1.3em; padding: 15px 10px;}
#info td:first-child, #info th:first-child {border-left:none;}
#info tr:nth-child(odd) td {background: #efefef;}
#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 .5em;}

/* Credit Card Icons ------------------------------ */

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

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

/* MANAGEMENT OVERRIDES ------------------------------ */
#wysiwygBody{background:#fff}
.ui-datepicker {width: auto !important;}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
/*
.manage td.reportTitle{padding-left:5px;width:150px; cursor:pointer}
.manage td.views{padding-right:5px}
.manageCaption{}
.manageCaption td:first-child{padding-top:0;padding-left:0;font-size:.85em; font-style:italic;opacity:0.4;filter:alpha(opacity=4)}
*/


/* RESPONSIVE ------------------------------ */
@media screen and (max-width:970px) {
body>header, body>nav, main, body>footer, #pageHeader, #top, #quicklinks, #sponsors, #info {min-width:750px}
body>*>.wrap, body>footer>.fatFooter, body > nav ul {width:100%}
.home #login a {font-size:.75em;}
.home #login {padding: 40px 20px 0;}
.tab label {font-size: .8em; padding-left: 8px; padding-right: 8px}
.meetLinks a {font-size: .7em; margin: 0 .3em;}
}

@media screen and (max-width:850px) {
.home #login {padding-top:20px;}
.home #login a {font-size:.6em;}
.home #login p {font-size:.875em; margin-bottom: 10px;}
.tab label {font-size: .65em;}

}

@media screen and (-webkit-device-pixel-ratio: 2) {
#brand{background:url(/images/brand@2x.png) no-repeat center center;background-size: 200px 60px;}
#brand img{visibility:hidden;}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li {background-image:url(/images/icons/32x32/bullet.png)}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png)}
main>div>aside nav li ul li ul li.on ul li a{background-image: url(/images/icons/32x32/sideNav.png); background-size:16px 16px;}
}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc{-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }