/* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html {margin:0;padding:0;border:0;-webkit-text-size-adjust:none;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'Inconsolata', 'andale mono', 'lucida console', monospace;line-height:1.4;color:#7d1010}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:auto;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.highlight {background:#ff0;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=email], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=email], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* for the navigation bar */

#nav ul {
    background: #d5ffee url(../assets/navbar.jpg) no-repeat top left;
    width: 1000px;
    height: 50px;
    overflow: hidden;
    /*margin-bottom: 0;*/
    /*margin:0;*/
    padding:0;
    /*float:left;*/
    margin-left:auto;
    margin-right:auto;
    list-style-type:none;
}

#nav ul li {
    float: left;
}

#nav li a {
    background: url(../assets/navbar.jpg) no-repeat top left;
    display: block;
    text-indent: -10000px;
    text-decoration: none;
    overflow: hidden;
    height: 52px;
    list-style-type:none;
}

#nav ul li.ratings a {
    width: 229px;
    background-position: 0 0;
}

#nav ul li.ratings a:hover,
#nav ul li.ratings a.current,
#nav ul li.ratings a.current:hover {
    background: url(../assets/navbar.jpg) no-repeat 0 -50px;
}

#nav ul li.blog a {
    width: 82px;
    background-position: -229px 0;
}

#nav ul li.blog a:hover,
#nav ul li.blog a.current,
#nav ul li.blog a.current:hover {
    background: url(../assets/navbar.jpg) no-repeat -229px -50px;
}

#nav ul li.fourfactors a {
    width: 116px;
    background-position: -311px 0;
}

#nav ul li.fourfactors a:hover,
#nav ul li.fourfactors a.current,
#nav ul li.fourfactors a.current:hover {
    background: url(../assets/navbar.jpg) no-repeat -311px -50px;
}

#nav ul li.teamstats a {
    width: 89px;
    background-position: -427px 0;
}

#nav ul li.teamstats a:hover,
#nav ul li.teamstats a.current,
#nav ul li.teamstats a.current:hover {
    background: url(../assets/navbar.jpg) no-repeat -427px -50px;
}

#nav ul li.playerstats a {
    width: 99px;
    background-position: -516px 0;
}

#nav ul li.playerstats a:hover,
#nav ul li.playerstats a.current,
#nav ul li.playerstats a.current:hover {
    background: url(../assets/navbar.jpg) no-repeat -516px -50px;
}

#nav ul li.fanmatch a {
    width: 138px;
    background-position: -615px 0;
}

#nav ul li.fanmatch a:hover,
#nav ul li.fanmatch a.current,
#nav ul li.fanmatch a.current:hover {
    background: url(../assets/navbar.jpg) no-repeat -615px -50px;
}

#nav ul li.contact a {
    width: 125px;
    background-position: -753px 0;
}

#nav ul li.contact a:hover,
#nav ul li.contact a.current,
#nav ul li.contact a.current:hover {
    background: url(../assets/navbar.jpg) no-repeat -753px -50px;
}

BODY {
    background-color:#A0C8D7;
    font-family: "Signika", arial;
    font-weight:400;
}

h2 { font-size: 1.7em; margin-bottom: 0.2em; }
h5 { font-size: 1.7em; margin-bottom: 0.0em; font-weight:500;}
th {font-weight:600;}
b {font-weight:600}

h3 {
    font-size: 1.2em;
    margin-bottom: 0.1em;
    font-weight:500;
}

A {
    text-decoration:none;
    color: #02b;
}
A:hover{
    color: #FF0000;
}

sup {
    font-size:50%;
}

#wrapper{
    background-color:#F2FAFD;
    #width: 1000px; /*ts*/
    width: 100%; /*ts*/
    max-width:1000px; /*ts*/
    margin-left: auto;
    margin-right: auto;
    padding: 2px 10px 10px 10px;
    border: 1px solid #444;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align:center;
}

#container {
    width:100%;
}

#logo-header {
    width:100%;
}

/*ts styling for header: "Advanced Analysis of ..."*/
#logo-header h3 {
    width:100%;
    color:#081597;
    font-weight:bold;
    padding-top:10px;
    /*padding-left:13px;*/
    letter-spacing:1.5px;
    text-shadow: 0px 2px #D4E1FF;
    margin: 0;
}

/*ts*/
hr {
    width:95%;
    background:#02b;
    margin:2px auto;
}

.rank {
    font-size: 15px;
}

.update {
    font-size:14px;
    margin-bottom: 10px;
    line-height:1.5;
}

.seed {
    font-size:10px;
}

.seed-nit {
    font-size:9px;
    color: #aaa;
    font-style: italic;
}

.finish {
    font-size:10px;
    color: #92a8d1;
    font-style: italic;
    font-weight: bold;
}

.seed-gray {
    font-size:10px;
    color: #777;
}

#content-header {
    color:#000;
    font-size:16px;
    text-align:center;
    line-height: 1.3em;
    clear:both;
}

tr th {
    text-align:center
}

td.divide,th.divide
{
    border-left: 1px solid #BBB;
}

#team-footer {
    text-align:center;
    clear:both;
    font-size:12px;
}

#nav2 {
    /* margin:6px 0; */
    text-align:center;
    font-size: 1.4em;
    padding:5px 0;
}

#nav2 ul {list-style: none;padding: 0px;margin: 0px;}
#nav2 ul li.stats {width: 55px;}
#nav2 ul li.misc {width: 100px;}
#nav2 ul li.universe {width: 100px;}
#nav2 ul li.fanmatch {width: 95px;}
#nav2 ul li.search {width: 340px;}
#nav2 ul li {display: inline-block;position: relative;width:80px; vertical-align:middle;}
#nav2 li ul {display: none;}
#nav2 ul li a {display: block;background: #F2FAFD;text-decoration: none;
    white-space: nowrap;}

th.column-sort a {
    text-decoration-style: solid;
    text-decoration-color: red;
    text-decoration-line: underline;
}
@media screen and (min-width:990px) {

    #nav2 ul li a:hover {
        background: #F2FAFD;
        margin: 0;
        padding: 0;
    }

    #nav2 li.stats:hover ul {display: block; position: absolute; left:-63px;border: 1px solid #02b;
        width:180px;margin:0; padding:0;background: #F2FAFD;}

    #nav2 li.misc:hover ul {display: block; position: absolute; left:-40px;border: 1px solid #02b;
        width:180px;margin:0; padding:0;background: #F2FAFD;}

    #nav2 li:hover li {
        float: none;
        margin: auto;
        background: #F2FAFD;
        padding: 0
    }

    #nav2 li:hover a {
        background: #F2FAFD;
    }

    #nav2 li:hover li a:hover {
        background: #F2FAFD;
    }

}

@media screen and (min-width:820px) {
    .desktopHide {
        display: none !important;
    }
}

#nav2 li ul li {width:180px;}

#nav2 form {
    font-family: 'Signika', sans-serif;
    width: 135px;
    border-bottom: none;
    font-size: 1.4em;
    margin:0 15px;
    display:inline-block;
    vertical-align:middle;
}

#nav2 input {
    width:135px;
    background-color: #eee;
    padding: 3px;
    border-radius: 10px;
    border: 2px solid #bbb;
}

#nav2 input:focus {
    background-color:white;
}

#subscribe {
    float:right;
    padding-right:20px;
}

#login-box{
    margin-left:140px;
    padding-bottom:7px;
}

#login-box label {
    text-align: right;
    margin-right: 2px;
    margin-left: 7px;
    width: 130px;
    vertical-align:middle;
    font-weight:normal;
}

#logged-in {
    margin-bottom: 15px;
}

ul.ui-autocomplete.ui-menu {
    line-height: 18px;
    font-size: 10px;
    color: red;
    white-space: nowrap;
    opacity:0.97;
    filter:alpha(opacity=0.97);
}
.hasPlaceholder {
    color: #777;
}

input {
    font-size:13px;
    font-family:Signika,Arial;
}

/*ts kenpom.com image styles*/
h1.logo{
    #background-image: url(assets/kenpom_new.png);
    background-repeat: no-repeat;
    width: 133px;
    margin:0;
    float: left;
    margin-left: 30px;
}

h1.logo img{
    width: 133px;
}

/*ts*/
#nav3 nav{
    #float: left;
}

/*ts hide burger nav*/
.burger-nav {
    display: none;
}

input[type="submit"] {
    padding: 1px;
    width: 40px;
    font-size: 1.1em;
    border-width: 0px;
    color: blue;
    background-color: lightgray;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 1px 1px 2px black;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 10px;
    -webkit-appearance: none;
}

#years-wrapper {
    padding-bottom: 8px;
    width:100%;
}

.icon {
    margin-top: 8px;
}

#tagline-container {
    display: flex;
    padding-left:30px;
    padding-right:30px;
    flex-direction: row;
    justify-content: space-between;
}

/* MEDIA QUERIES */

@media screen and (max-width:990px) {

    h1.logo{
        margin-left: 5px;
    }

    #wrapper {
        margin:0;
        padding:0;
        border:none;
    }

    #login-box{
        margin-left:0;
        padding-bottom:0;
    }

    #logged-in img[src*="assets/kenpom_new.png"] {
        width:100%;
    }
    hr {
        width:100%;
    }

    #logo-header h3 {
        display:none;
    }

    #tagline-container {
        display:none;
    }


    #nav2 .burger-nav {
        display: block;
        height: 28px;
        width: 100%;
        color:#081597 !important;
        cursor:pointer;
        font-size:24px;
        line-height:29px;
        font-weight:bold;
    }

    #nav2 .burger-span {
        float:right;
        padding-right:10px;
        color:#081597;
        font-size:150%;
        font-weight:100;
    }

    #nav2 {
        width: 100%;
        padding:0;
    }

    .fixed-header {
        position: fixed;
        top:0; left:0;
        width: 100%;
        background-color:#F2FAFD;
        z-index:10;
    }

    #nav2 nav {
        float:none;
        width:100%;
    }

    #nav2 nav ul {
        /*#main-menu {*/
        overflow:hidden;
        height:0;
        margin:0;
        padding:0;
        float:left;
        width:100%;
    }

    #nav2 nav ul li ul{
        /*#main-menu li ul {*/
        overflow:hidden;
        height:0;
    }

    #nav2 nav ul.open{
        /*#main-menu.open {*/
        height:auto;
    }

    #nav2 nav ul li ul.open {
        height:auto;
        display:block;
    }

    /*#main-menu li {*/
    #nav2 ul li {
        float: none;
        text-align:left;
        width:100%;
        margin:0;
    }

    #nav2 ul li.stats,#nav2 ul li.misc,#nav2 ul li.universe,#nav2 ul li.fanmatch {
        width:100%;
    }

    /*#main-menu li a {*/
    #nav2 nav ul li a {
        #color: #02b;
        padding:10px 13px;
        border-bottom:1px solid #081597;
        display:block;
        margin:0;
    }

    #nav2 ul li.search {
        display:none;
    }

    #nav2 li ul li {
        width: 100%;
        padding-left:20px;
    }
}

@media screen and (max-width:820px) {

    #team-footer {
        position:fixed;
        background-color:#F2FAFD;
        bottom:0;
        z-index:50;
        width:100%;
    }

    .mobileHide {
        display: none !important;
    }

    #subscribe img {
        width:100px;
    }

    input[type=email] {
        width:25%;
        max-width:130px;
    }
    input[type=password] {
        width:25%;
        max-width:130px;
    }

    h2 {
        line-height: 0.9em;
    }

}

@media screen and (max-width:700px) {

    .update {
        font-size: 12px;
    }
    #logged-in {
        margin-bottom: 8px;
    }

    #years-wrapper {
        overflow:hidden;
        height:20px;
        white-space: nowrap;
    }

    #years-container, .scrolling-menu, .scrolling-conf, .scrolling-startleft, .scrolling-startright {
        height: 40px;
        padding: 5px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 90%;
        margin:auto;
    }

    .scrollFadeLeft {
        content:'';
        margin-top: -50px;
        margin-left:10px;
        height: 40px;
        width:40px;
        background: linear-gradient(to right, rgba(242, 250, 253, 1) 0%, rgba(242, 250, 253, 0) 100%);
        position: relative;
    }
    .scrollFadeRight {
        content:'';
        margin-top: -50px;
        margin-right:10px;
        height: 40px;
        width:40px;
        background: linear-gradient(to left, rgba(242, 250, 253, 1) 0%, rgba(242, 250, 253, 0) 100%);
        position: relative;
        float:right;
    }

    #team-footer {
        border-top: 1px #DDD solid;
    }
}

@media print {
    .mobileHide {
        display: none !important;
    }

    #wrapper {
        margin:0;
        padding:0;
        border:none;
        box-shadow: none;
        max-width:100%;
        width:100%;
    }

    #logged-in, #login-box, #nav2 {
        display: none;
    }

}