@import url(//fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300);
@import url(//fonts.googleapis.com/css?family=Abel);
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,300); */

/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*
@font-face {font-family: 'MuseoSans-500';src: url('/styles/fonts/museo/254D1B_0_0.eot');src: url('/styles/fonts/museo/254D1B_0_0.eot?#iefix') format('embedded-opentype'),url('/styles/fonts/museo/254D1B_0_0.woff') format('woff'),url('/styles/fonts/museo/254D1B_0_0.ttf') format('truetype');}

@font-face {font-family: 'MuseoSlab-500';src: url('/styles/fonts/museo/254D1B_1_0.eot');src: url('/styles/fonts/museo/254D1B_1_0.eot?#iefix') format('embedded-opentype'),url('/styles/fonts/museo/254D1B_1_0.woff') format('woff'),url('/styles/fonts/museo/254D1B_1_0.ttf') format('truetype');}
*/

/* all styles should be 100% acceptable on mobile. we'll build up from there to desktop with @media queries */

/* base colour range ff9900 */
* {
    margin:0;
    padding:0;
    font-family:  'Lato', Helvetica, Tahoma, Verdana, Arial, san-serif;
}
select {
    font-family: 'Lato', Helvetica, Tahoma, Verdana, Arial, san-serif;
}

body {
    text-align:center; /*For IE*/
    background-repeat:no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color:#3b3939;
    font-size:0.80em;
    text-align:left;
    background: #262625 url('/coreimages/structure/grass_strip_mobile_bottom.jpg') repeat-x center bottom;
}


/* utilities */
.clear {
    clear:both;
}
.navClear {
    clear:both;
}
.left {
    float:left;
}
.right {
    float:right;
}

#wrapper {
    /*	background-color:#ECF0F1; */
    background-color:#ECF0F1;
}

#footer {
    display:none;
}

#popAlert {
    display:none;
}

.hideMobile {
    display:none;
}
.hideMobileTD {
    display:none;
}
.showMobile {
    display:block;
}
.hideDesktop {
    display:block;
}
.showDesktop {
    display:none;
}
/*
.hideNarrow {
    display:none;
}
.hideNarrowTD {
    display:none;
}
*/
#main {
    padding:0px 10px 10px 10px;
    min-height:480px;
}
#main.noPad {
    padding:0px;
}


.superScript {
    font-size:0.7em;
    vertical-align:super;
}
.subScript {
    font-size:0.85em;
    /* vertical-align:sub; */
}

/* ------ a tags ------ */
a, a:visited {
    color:#3498DB;
    text-decoration:none;
}

/* ----- main display area panes ----- */
#pane1 {
    display:none;
}
#pane2 {
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mobilePaddedPane {
    padding:10px;
}



/* ------ pool management panes ------ */
/* ------ pool management panes ------ */
#poolPane1 {
    display:none;
}

#poolPane2 {
    width:auto;
}

/* ------ p tags ------ */
p {
    padding:0;
    margin:0;
    /*  -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
      text-shadow: 0px 1px 1px rgba(255,255,255,0.99); */
}
/* classes for p so you can have different kinds of gaps depending on the style you want */
p.small {
    margin:0 0 5px 0;
}
p.medTopBottom {
    margin:10px 0 10px 0;
}
p.med {
    margin:0 0 10px 0;
}
p.large {
    margin:0 0 15px 0;
}
p.xlarge {
    margin:0 0 20px 0;
}
p.article {
    line-height:140%;
}

/* wallpaper */
div.wallpaper_ad{
    position:absolute;display:block;top:0;left:0;z-index:0;
    background-repeat: repeat;
    width:100%;
    min-height:1200px;
    text-align:center;
}


.dashboardPane1 {
    width:300px;
    float:left;
    margin-right:15px;
}
.latestResultBar .indented {
    margin-left:30px;
}
.dashboardLeader .info {
    margin-left:320px;
    float:left;
    width:600px;
}

a.dashboardButton {
    padding:4px 0px 4px 0px;
    border-radius: 5px;
    background-color:#3498DB;
    width:65px;
    display:inline-block;
    -webkit-border-radius: 5px;
    font-size:0.85em;
    font-weight:bold;
    text-align: center;
    text-shadow:none;
    -webkit-text-shadow:none;
    color:#fff;
}
a.dashboardButton:hover {
    background-color:#2980B9;
}


a.pickMade {
    background-color:#2ECC71;
}
a.pickMade:hover {
    background-color:#27AE60;
}

a.pickNeeded {
    background-color:#E74C3C;
}
a.pickNeeded:hover {
    background-color:#C0392B;
}


#topBar .icon {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/mobile_header_icons.png);
    background-repeat:no-repeat;
    display:block;
    width:40px;
    height:30px;
}
#topBar .controls {
    width:100%;position:relative;text-align:center;font-weight:bold;		font-size:1.3em;
    line-height: 17px;		-webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);		text-shadow: 0px -1px 1px rgba(0,0,0,0.9);margin:6px 0 0 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    #topBar a.icon {
        background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/mobile_header_icons@2x.png);
        -webkit-background-size: auto 30px ;
        -moz-background-size: auto 30px ;
        background-size: auto 30px ;
        display:block;
        cursor:pointer;
    }
}

#topBar .nameHolder {
    padding:5px 50px 0 50px;
    overflow: hidden;
}
#topBar .nameHolderLogo {
    padding:2px 50px 0 50px;
    overflow: hidden;
}
#topBar a.iconMenu {
    background-position:0px 0px;
    float:left;
    margin:0 0 0 5px;
}
#topBar a.iconDashboard {
    background-position:-40px 0px;
    float:right;
    margin:0 5px 0 0;
}
#topBar .menuButton {
    float:left;
}


/* ------ h tags ------ */
h1, h2, h3, h4 {
    /* font-family:Abel; */
    color:#C0392B;
    font-weight:400;
}
h1 {
    margin:0 0 15px 0;

    font-size:1.5em;
    font-weight:normal;
    /* -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
     text-shadow: 0px 1px 1px rgba(255,255,255,0.99); */
}
h1.pageHeader {
    padding:10px 10px 0px 10px;
}
h2 {
    margin:0 0 10px 0;
    font-weight:normal;
    font-size:1.5em;
    /* -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.99); */
}
h3 {
    margin:0 0 10px 0;

    font-size:1.2em;
    /* -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.99); */
}
h3.smallMargin {
    margin:0 0 1px 0;
}
h3.medMargin {
    margin:0 0 10px 0;
}


.textCenter {
    text-align:center;
}
.textLeft {
    text-align:left;
}
.textRight {
    text-align:right;
}
.textSmall {
    font-size:90%;
}
.centerMax {
    width:100%;
    text-align: center;
    margin:0 auto;
}


.marginRightSmall {
    margin-right:5px;
}
.marginRightSmallMed {
    margin-right:10px;
}
.marginRightMed {
    margin-right:15px;
}
.marginRightLarge {
    margin-right:20px;
}
.marginRightXLarge {
    margin-right:25px;
}
.marginRightXXLarge {
    margin-right:35px;
}

.marginLeftSmall {
    margin-left:5px;
}
.marginLeftSmallMed {
    margin-left:10px;
}
.marginLeftMed {
    margin-left:15px;
}
.marginLeftLarge {
    margin-left:20px;
}
.marginLeftXLarge {
    margin-left:25px;
}
.marginLeftXXLarge {
    margin-left:35px;
}


.marginBottomSmall {
    margin-bottom:5px;
}
.marginBottomSmallMed {
    margin-bottom:10px;
}
.marginBottomMed {
    margin-bottom:15px;
}
.marginBottomLarge {
    margin-bottom:20px;
}
.marginBottomXLarge {
    margin-bottom:25px;
}
.marginBottomXXLarge {
    margin-bottom:35px;
}



.marginTopSmall {
    margin-top:5px;
}
.marginTopSmallMed {
    margin-top:10px;
}
.marginTopMed {
    margin-top:15px;
}
.marginTopLarge {
    margin-top:20px;
}
.marginTopXLarge {
    margin-top:25px;
}
.marginTopXXLarge {
    margin-top:35px;
}


.mobilePaddedHeader, .mobilePaddedHeaderDesktopNoPad {
    padding:10px 10px 5px 10px;
}
.mobilePaddedHeader h1, .mobilePaddedHeaderDesktopNoPad h1 {
    margin-bottom:5px;
}

.box {
    padding:10px;
    background-color:#1a0f00;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

}

/* ------ inputs - handle 100% width nicely ------ */
input, textarea {
    font-family: 'Lato', Helvetica, Tahoma, Verdana, Arial, san-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}





/* ------ dashboard metric ------ */
.dashboardMetric {
    display:inline-block;
    width:auto;
}
.dashboardMetric .tag, .dashboardMetric .tooltipTag {
    font-size:90%;
    text-align:center;
    margin-bottom:2px;
}
.dashboardMetric .detail {
    font-size:130%;
    text-align:center;
}

/* @media only screen and (min-width: 768px) { */
.dashboardMetric .detail {
    font-size:170%;
}
/* } */
.dashboardMetric .detailMed {
    font-size:130%;
    text-align:center;
}
.dashboardMetric .detailSmallMed {
    font-size:120%;
    text-align:center;
}
.dashboardMetric .detailSmall {
    font-size:100%;
    text-align:center;
}





/* ------ forms ------ */
input.max, select.max, textarea.max, div.max {
    width:100%;
}
input[type=text], input[type=password], select, textarea {
    padding:7px;
    /* box-shadow: inset 0px 0px 7px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.25); */
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#fff;
    border:2px solid #BDC3C7;
}
input[type=text]:focus {
    border:2px solid #1ABC9C;
}
input.charcount {
    background:none;
    background-color:none;
    padding:0;
    margin:0;
    border:0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius:none;
    -moz-border-radius:none;
    border-radius:none;
    width:30px;

}
input.search {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/search_glass.png);
    background-repeat:no-repeat;
    background-position: 10px 8px;
    padding-left:30px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.25);
}
input[type=text].width200 {
    width:200px;
}
input[type=text].width250 {
    width:250px;
}
input[type=text].width300 {
    width:300px;
}
input.preset {
    color:#888;
}
.form .section {
    border-bottom:1px solid #ccc;
    margin:10px 0 20px 0;
    padding: 0 0 15px 0;
}
.form label {
    display:block;
    margin:0 0 7px 0;
    color:#666;
}
.form .mandatory {
    font-size:200%;
    color:#666;
    font-family: Georgia;
    padding:5px 0 0 5px;
}
.form .extra {
    color:#666;
    margin:0 0 20px 0;
    font-size:85%;
}
.form {
}
.form h3 {

}
.form input[type=text].medium {
    width:260px;
}
.form p {
    margin:10px 0 10px 0;
}
.form .checkHolder td.check {
    padding:0 10px 7px 0;
}
.form .checkHolder td.checkTag {
    padding:0 0 7px 0;
}
.form label {
    cursor:pointer;
}
.form label:hover {
    color:#3498DB;
}
.form .tooltipTag {
    margin-left:10px;
}
.form .entry {
    margin-bottom:20px;
}
.form .entryNoTag {
    margin:5px 0 15px 0;
}
.form .entryWithExtra {
    margin-bottom:5px;
}
.form .descriptor {
    margin-bottom:5px;
    font-size:90%;
}
.form .checkHolder {
    margin:5px 0 10px 0;
}
.form .checkHolder input {
    float:left;
    margin:7px -100% 0 0;
}
.form .checkHolder .check {
    float:left;
    margin-right:-100%;
}
.form .checkHolder label {
    float:left;
    margin:6px 0 0 25px !important;
    margin:17px 0 0 25px;
}
.form textarea {
    width:100%;
}
.form .submitHolder {
    margin:40px 0 30px 0;
    width:100%;
    text-align:center;
}
label.tagHilite {
    color:red;
    font-weight:bold;
}
.fieldHilite {
    border:2px solid red;
}



input.mobileLogin {
    padding:10px;
    border:0px;
    width:100%;
    border:1px solid #ccc;
    font-size:1.1em;
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -webkit-appearance:none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
input.mobileEmail {
    border-top-right-radius:10px;
    -webkit-border-radius-topright:10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius:10px;
    -webkit-border-radius-topleft:10px;
    -moz-border-radius-topleft: 10px;
    border-bottom:0px;
}
input.mobilePassword {
    border-bottom-right-radius:10px;
    -webkit-border-radius-bottomright:10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius:10px;
    -webkit-border-radius-bottomleft:10px;
    -moz-border-radius-bottomleft: 10px;
}
.inputLight {
    color:#888;
}


#character {
    background-position:bottom left;
    background-repeat:no-repeat;
    padding:15px;
    min-height:370px;
}



/* ------ poolSelector ------ */
.speechBubble {
    position: absolute;
    width: 16px;
    height: 7px;
    padding: 0px 1px 2px 1px;
    background: #1ABC9C;
    line-height:0.8em;
    color:#fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left:56px;
    margin-top:-2px;
    text-align: center;
}

.speechBubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 7px 4px 0;
    border-color: #1ABC9C transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -4px;
    bottom: -7px;
    left: 37%;
}
#poolSelector {
    float:right;
}
#poolSelector table {
    /* width:82px;
     height:110px; */
}
#poolSelector table.end {
    width:16px;
    height:110px;
}
ul.poolSelector, div.poolSelector {
    margin:0 !important;
    padding:0;
}
.poolSelectorExtension {
    /* border-bottom:1px solid #bbb; */
}
ul.poolSelector .attributions {
    position: absolute;
    top:0px;
    left:0px;
    z-index:99999;
}
ul.poolSelector a.tab {
    float:left;
    cursor:pointer;
    border-right:1px solid #ECF0F1;
    font-size:85%;
    display:block;
}
ul.poolSelector ul {
    list-style-type: none;
    margin:0;
}
ul.poolSelector li {
    float:left;
    /* margin:0 1px 0 0; */
    cursor:pointer;
    list-style-type:none;
    display:inline-block;
    border-right:1px solid #ECF0F1;
    /* border-top:1px solid #ccc; */
    /* border-bottom:1px solid #999; */
    font-size:85%;
    position:relative;
}
ul.poolSelector li td {
    text-align:center;
}
ul.poolSelector li.settings div {
    padding:47px 5px 48px 5px;
    /* background-color:#efefef;
    background: -webkit-gradient(linear, 0% 50%, 0% 90%, from(#ECF0F1), to(#ccc));
    background: -moz-linear-gradient(20% 70% 90deg,#ccc, #ECF0F1 100%);
    */
}
ul.poolSelector li div {
    padding:5px;
}
ul.poolSelector .poolName {
    font-weight:normal;
    color:#34495E;
    padding: 1px 0 1px 0;
    /* -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.9); */
    font-size:110%;
    line-height:12px;
    height:28px;
}

ul.poolSelector .poolHover {
    position:absolute;
    top:0px;
    left:0px;
    width:92px;
    height:120px;
    padding:0px;
    background-color:#34495E;
    opacity:0.88;
    filter:alpha(opacity=88);
    display:none;
}
ul.poolSelector .yellowCap {
    position:absolute;
    top:-2px;
    left:-2px;
}
ul.poolSelector .poolHover a {
    display:block;
    line-height:39px;
    border-bottom:1px solid #fff;
    text-align:center;
    width:91px;
    color:#fff;
}
ul.poolSelector .poolHover a:hover {
    background-color:#546e88;
}
ul.poolSelector .poolHover a.linkHover {
    background-color:#546e88;
}
ul.poolSelector .poolHover a.noLine {
    border-bottom:0px;
}
ul.poolSelector li.active .poolName, ul.poolSelector div:active .poolName {
    font-weight:bold;
    color:#fff;
    padding: 1px 0 1px 0;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9); */
    font-size:110%;
    height:28px;
}
ul.poolSelector .pos {
    color:#666;
    /* -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.9); */
}
ul.poolSelector li.active .pos, ul.poolSelector div:active .pos {
    color:#fff;
    /*  -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
     text-shadow: 0px 1px 1px rgba(0,0,0,0.9); */
}
ul.poolSelector li:not(.activePoolTab):hover {
    /*
        background-color:#34495E;
         background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ccc));
         background: -moz-linear-gradient(20% 70% 90deg,#ccc, #eee 100%); */
}
ul.poolSelector th {
    padding:0 5px 1px 0;
}
ul.poolSelector li:last-child {
    border-right:1px solid #ECF0F1;
    border-top-right-radius:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright: 5px;
    /*	border-bottom-right-radius:5px;
        -webkit-border-radius-bottomright:5px;
        -moz-border-radius-bottomright: 5px;
        */
}
ul.poolSelector li:first-child {
    border-top-left-radius:5px;
    -webkit-border-radius-topleft:5px;
    -moz-border-radius-topleft: 5px;
    /* 	border-bottom-left-radius:5px;
        -webkit-border-radius-bottomleft:5px;
        -moz-border-radius-bottomleft: 5px; */
}

ul.poolSelector li.active div, .activePoolTab {
    color:#fff;
    list-style-type:none;
    /* -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
     text-shadow: 0px 1px 1px rgba(0,0,0,0.9); */

    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 10px  rgba(0,0,0,0.4);

    background-color:#34495E;
}
.activePoolTab .poolName {
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9); */
}
ul.poolSelector li.active div:hover {
    background:none;
    background-color:red;
}
ul.poolSelector li div:active {
    background-color: #7F8C8D;
    /*  background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#666), to(#555));
      background: -moz-linear-gradient(20% 70% 90deg,#555, #666 100%); */
    -webkit-text-shadow:none;
    text-shadow:none;
    color:#fff;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 10px  rgba(0,0,0,0.4);
}
ul.poolSelectorNoCorners li:last-child, ul.poolSelectorNoCorners li:first-child {
    border-top-left-radius:0px;
    -webkit-border-radius-topleft:0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius:0px;
    -webkit-border-radius-topright:0px;
    -moz-border-radius-topright: 0px;
}
ul.poolSelectorLeftCorners li:first-child, ul.poolSelectorLeftCorners a:first-child {
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius:0px;
    -webkit-border-radius-topright:0px;
    -moz-border-radius-topright: 0px;
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomleft: 3px;
    background-color:#fff;
}
ul.poolSelectorRightCorners li:first-child {
    border-top-left-radius:0px;
    -webkit-border-radius-topleft:0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius:3px;
    -webkit-border-radius-bottomright:3px;
    -moz-border-radius-bottomright: 3px;
    background-color:#fff;
}
ul.poolSelectorArrow li {
    background-color:#fff;
    /* background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ccc));
    background: -moz-linear-gradient(20% 70% 90deg,#ccc, #eee 100%); */
    font-weight:bold;
}
ul.poolSelectorArrow li div:hover {
    background-color:#dbe1e5;
    /*  background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#34495E), to(#34495E));
      background: -moz-linear-gradient(20% 70% 90deg,#34495E, #34495E 100%);
      color:#fff; */
}
ul.poolSelectorArrow li div {
    padding:5px 3px 5px 3px;
}
#poolSelector .poolHolderMoreThan7 {
    float:left;width:558px;height:120px;overflow:hidden;position: relative;
    background-color:#fff;
}
#poolSelector .poolHolderLessThan7 {
    float:left;height:120px;overflow:hidden;position: relative; background-color:#fff;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright: 3px;
}
#poolSelector .more {
    float:right;width:28px;height:121px;overflow:hidden;
}
#poolSelector li.join {
    /* float:left;width:48px;height:121px;overflow:hidden; */

}
#poolSelector li.join .plus {
    color:#95A5A6;
    font-size:2.3em;
    font-weight:300;
    text-align:center;
}
#poolSelector li.join .instr {
    display:none;
    color:#7F8C8D;
    text-align:center;
}
#poolSelector .container {
    float:right;height:120px;overflow:hidden;
}
#poolSelector .containerNarrow {
    float:right;width:606px;height:120px;overflow:hidden;
}

#poolTabSlider {
    position:absolute;top:0px;left:0px;width:1000px;height:120px;
}

#poolTabSliderNarrow {
    height:120px;
}

/* ------ userHeader ------ */
#userHeader {
    padding:10px 15px 15px 15px;
    background-color:#ECF0F1;
}
.userHeaderExtension {
    padding-bottom:10px;
}


/* ------ page bar ----- */
.pageBar {
    background-color:#fff;
    padding:10px;
}
.pageBar select {
    padding:2px;
}
.pageBar .tag {
    font-size:0.9em;
    margin:4px 5px 0 0;
}
.pageBar .unclickable {
    padding:3px 7px 2px 7px;
    display:inline-block;
    font-size:85%;
    color:#aaa;
    font-weight:bold;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #ccc;
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.8);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.8);
}

/* ------ player card mobile ------ */
#pcardMobile {
    margin:0px 0 0 0;
    background-color:#222;
    padding:10px;
    color:#fff;
}

#pcardMobile #photo {
    float:left;
    margin:0 10px 0 0;
}
#pcardMobile #info {
    float:left;
}
#pcardMobile a.playerName {
    font-size:1.5em;
}
#pcardMobile #perc {
    margin-top:0px;
    font-size:190%;
    float:left;
}
#pcardMobile #percDesc {
    float:left;
    color:#ccc;
    font-size:90%;
    margin:3px 0 0 5px;
    line-height:11px;
}

/* ------ player card (pcard) ------ */
#pcard {
    float:left;
}
#pcard #photo {
    float:left;
    margin:5px -100% 0 0;
}
#pcard #info {
    float:left;
    margin-left: 100px;
}
#pcard a.playerName {
    font-size:150%;
}

.pcardTab {
    background-color:#fff;
    /* 	padding:10px 8px 10px 8px; */
}
.pcardActive {
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 10px  rgba(0,0,0,0.4);
    /* color:#ccc;
     -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.4); */
    background-color:#666;

}
.pcardActive a {
    color:#fff;
}
/*
ul.poolSelector li:first-child {
    border-top-left-radius:5px;
    -webkit-border-radius-topleft:5px;
    -moz-border-radius-topleft: 5px;
}
*/

/* ------ pick calendar (in-tournament) ------ */
.pickCal {
    width:100%;
}
.pickCal td.date {
    font-size:85%;
    color:#666;
    text-transform: uppercase;
    margin-top:1px;
    text-align:right;

}
.pickCal th {
    padding:3px 10px 3px 10px;
    background-color:#34495E;
    /*  -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
      -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
      */
    font-weight: normal;
    text-align:left;
    color:#fff;
}
.pickCal td {
    background-color: #f7f3dc;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#f7f3dc), to(#efe8c1));
    background: -moz-linear-gradient(20% 70% 90deg,#efe8c1, #f7f3dc 100%);
    color:#3b3939;
    padding:10px;
    padding:5px 10px 5px 10px;
    border-top:1px solid #f7f6ed;
    border-bottom:1px solid #ded5a2;
    /* -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.8);
     text-shadow: 0px -1px 1px rgba(255,255,255,0.8); */
}
.pickCal div.pickMade {
    color:#009900;
}





/* ----- dark strip feature ----- */
.strip .header {
    padding:10px;
    border-top:1px solid #f9f9f9;
    border-bottom:1px solid #ddd;
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    cursor:pointer;
    height:16px;
    box-shadow: inset 0px -15px 15px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0px -15px 15px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px -15px 15px rgba(0,0,0,0.05);
}
.strip p {
    text-shadow:none;
    -webkit-text-shadow:none;
}
.stripDark .header {
    padding:10px;
    background-color:#333;
    border-top:1px solid #444;
    border-bottom:1px solid #000;
    color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    cursor:pointer;
    height:16px;
    box-shadow: inset 0px -15px 15px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0px -15px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -15px 15px rgba(0,0,0,0.25);
}

.strip .header:after {
    content: "\25BC"; /* 9660 converted using http://rishida.net/tools/conversion/ */
    float:right;
}
.strip .headerDown:after {
    content: "\25B2"; /* 9660 converted using http://rishida.net/tools/conversion/ */
}
.strip .header:hover {
    background-color:#f9f9f9;
}
.strip .content {
    background-color:#333;
    padding:10px;
    display:none;
    color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
}
.strip .contentOpen {
    display:block;
}
.strip .contentLight {
    background-color:#fff;
    color:#3b3939;
}
.strip .contentNoPad {
    padding:0px;
}
.strip .content h1, .strip .content h2, .strip .content h3 {
    color:#fff;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9); */
}
.strip .contentLight {
    background-color:#f8f8f8;
    color:#3b3939;
    -webkit-text-shadow: none;
    text-shadow: none;
}
.strip .contentLight h1, .strip .contentLight h2, .strip .contentLight h3 {
    color:#3b3939;
    -webkit-text-shadow: none;
    text-shadow: none;
}
.strip .contentGraph {
    padding:0;
    margin:0;
}
.strip .content .num {
    float:left;
    text-align: right;
    font-size:1.7em;
    width:80px;
    margin-right:-100%;
}
.strip .content .tag {
    float:left;
    margin-left:85px;
    margin-bottom:10px;
}
.strip .header .title {
    float:left;
    margin:1px 0 0 27px;
}
.strip .icon {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/mobile_strip_icons_inverted.png);
    background-repeat:no-repeat;
    display:block;
    width:22px;
    height:16px;
    float:left;
    margin-right:-100%;
}
.strip .iconYellowCap {
    background-position:0px 0px;
}
.strip .iconInfo {
    background-position:-22px 0px;
}
.strip .iconBanter {
    background-position:-44px 0px;
}
.strip .iconRank {
    background-position:-66px 0px;
}
.strip .iconGraph {
    background-position:-88px 0px;
}
.strip .iconRating {
    background-position:-110px 0px;
}
.strip .iconPercent {
    background-position:-132px 0px;
}
.strip .iconNews {
    background-position:-154px 0px;
}
.strip .iconCalendar {
    background-position:-176px 0px;
}
.strip .iconJoin {
    background-position:-198px 0px;
}
.strip .iconSearch {
    background-position:-220px 0px;
}
.strip .iconTwitter {
    background-position:-242px 0px;
}
.strip .iconFacebook {
    background-position:-264px 0px;
}
.strip .iconMegaphone {
    background-position:-286px 0px;
}
.strip .iconReunite {
    background-position:-308px 0px;
}
.strip .iconPeople {
    background-position:-330px 0px;
}
.strip .iconClub {
    background-position:-352px 0px;
}
.strip .newsTitle {
    font-weight: bold;
    margin:0 20px 5px 0;
}
.strip .newsDate {
    margin:0px 10px 0 0;
    font-size:0.9em;
    display:inline;
}
.strip .newsComments {
    margin:0px 10px 0 0;
    font-size:0.9em;
    color:#666;
    display:inline;
}


.ratingCommunityTitle {
    text-transform:uppercase;
    font-size:85%;
    color:#444;
    margin:15px 0 3px 0px;
    font-weight:bold;
}
.ratingCommunity {
    float:left;
}

/* hi res */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    .strip .icon {
        background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/mobile_strip_icons@2x.png);
        -webkit-background-size: auto 16px ;
        -moz-background-size: auto 16px ;
        background-size: auto 16px ;
    }
}


table.chooseGame th {
    padding-right:10px;
}




#main .floatingPane {
    margin:0 0px 20px 0;
    /*  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 2px 6px  rgba(0,0,0,0.3); */
    /*	border-top-right-radius:7px;
        -webkit-border-radius-topright:7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius:7px;
        -webkit-border-radius-topleft:7px;
        -moz-border-radius-topleft: 7px;
        */
}

#main .mainHselectorHolder {
    margin:0 0 20px 0;
}
#main .floatingPane .pageTitle {
    display:none; /* only show in bigger screen sizes */
}
#main .floatingPane .headerSmall {
    color:#fff;
    /*  -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
    padding:5px 0 5px 10px;
    font-size:110%;
    background-color:#16A085;
    font-weight:normal;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
     -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
     -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4); */
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
}
#main .floatingPane .featureTip {
    float:right;
    margin:0 10px 0 0;
    border:1px solid #fff;
}
#main .floatingPane .holder {
    background-color:#fff;
    padding:10px;
}
#main .floatingPane .holderLarge {
    padding:10px;
}




/* ------ tooltip ------ */
.tooltipTag {
    cursor:pointer;
    border-bottom:1px dotted #000;
}
img.tooltipTag {
    cursor:pointer;
    border-bottom:none;
}
.tooltipTag.blue {
    color:#3498DB;
}
.tooltipTag.nounderline {
    border-bottom:none;
}
.tooltipInfo {
    background-color:#006699;
    padding:0 5px 0 5px;
    color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    font-family: Georgia;
    font-style:italic;
    font-weight:bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.tooltipAlert {
    background-color:#cc0000;
    padding:0 5px 0 5px;
    color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    font-family: Georgia;
    font-style:italic;
    font-weight:bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.tooltipQuestion {
    background-color:#006600;
    padding:0 5px 0 5px;
    color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    font-family: Georgia;
    font-style:italic;
    font-weight:bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#tooltip, .tooltip {
    display:none;
    background-color:#22313F;
    opacity:0.90;
    filter:alpha(opacity=90);
    padding:10px;
    border:1px solid #fff;
    color:#ffffff;
    z-index:99999;
    width:250px;
    /*	height:150px; */
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#tooltipForm {
    display:none;
    background-color:#fff;
    opacity:0.85;
    filter:alpha(opacity=85);
    padding:10px;
    border:1px solid #999;
    z-index:99999;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}





/* ------ buttons ------ */
a.button, input[type=button], input[type=submit], button {
    background-color:#C0392B;
    padding:8px 18px 8px 18px;
    display:inline-block;
    color:#ffffff;
    font-weight: normal;
    font-size:1em;
    /* box-shadow: inset 0px -16px 8px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px -16px 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px -16px 8px 0px rgba(0,0,0,0.1); */
    border:0px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    /* border:1px solid #8e0000; */
    cursor:pointer;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
a.button:hover, input[type=button]:hover,  input[type=submit]:hover, button:hover {
    background-color:#E74C3C;
    /* box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
     -webkit-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2); */
    text-decoration:none;
}
a.button:active, input[type=button]:active, input[type=submit]:active, button:active {
    /* -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0px -22px 7px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px -22px 7px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px -22px 7px 0px rgba(0,0,0,0.4); */
}

a.largeButton, input[type=button].largeButton, input[type=submit].largeButton, button.largeButton {
    font-size:140%;
    padding:15px 60px 15px 60px;
    /* box-shadow: inset 0px -25px 4px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0px -25px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -25px 4px 0px rgba(0,0,0,0.25); */
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
a.largeButton:hover, input[type=button].largeButton:hover, input[type=submit].largeButton:hover, button.largeButton:hover {
    background-color:#f00000;
    /* box-shadow: inset 0px -25px 4px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px -25px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -25px 4px 0px rgba(0,0,0,0.2); */
    text-decoration:none;
}
a.largeButton:active, input[type=button].largeButton:active, input[type=submit].largeButton:active, button.largeButton:active {
    /* -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0px -10px 4px 0px rgba(0,0,0,0.2);;
    -webkit-box-shadow: inset 0px -10px 4px 0px rgba(0,0,0,0.2);;
    -moz-box-shadow: inset 0px -10px 4px 0px rgba(0,0,0,0.2);; */
}

a.medButton, input[type=button].medButton, input[type=submit].medButton, button {
    background-color:#C0392B;
    padding:5px 10px 5px 10px;
    display:inline-block;
    color:#ffffff;
    font-weight: normal;
    font-size:0.9em;
    /* box-shadow: inset 0px -16px 7px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px -16px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px -16px 7px 0px rgba(0,0,0,0.1); */
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;

    cursor:pointer;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
a.medButton:hover, input[type=button].medButton:hover, input[type=submit].medButton:hover, button.medButton:hover {
    background-color:#E74C3C;
    /* box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2); */
    text-decoration:none;
}
a.medButton:active, input[type=button].medButton:active, input[type=submit].medButton:active, button.medButton:active {
    -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0px -22px 7px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px -22px 7px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px -22px 7px 0px rgba(0,0,0,0.4);
}
a.maxButton, input[type=button].maxbutton {
    text-align:center;
    padding:10px 0 10px 0;
    display:block;
}


a.smallButton, input[type=button].smallButton, input[type=submit].smallButton, button.smallButton {
    background-color:#C0392B;
    padding:2px 7px 2px 7px;
    display:inline-block;
    color:#ffffff;
    font-size:85%;
    font-weight:normal;
    /* box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.1); */
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #C0392B;
    cursor:pointer;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
a.smallButton:hover, input[type=button].smallButton:hover, input[type=submit].smallButton:hover, button.smallButton:hover {
    background-color:#E74C3C;
    /* box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
     -webkit-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2); */
    text-decoration:none;
}
a.smallButton:active, input[type=button].smallButton:active, input[type=submit].smallButton:active, button.smallButton:active {
    /* -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0px -15px 4px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px -15px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px -15px 4px 0px rgba(0,0,0,0.4);
    */
}
a.smallButtonClosePad {
    padding:2px 5px 2px 5px;
}
a.smallButtonGrey {
    background-color:#555;
    border:1px solid #555;
}



#pageHolder {
    margin:0 auto;
    width:1006px;
    text-align:center;
    border-radius:5px;
    -webkit-border-radius:5px;

    position:relative;
    /* width:100%;
    overflow:hidden;
    border-radius:5px;
    -webkit-border-radius:5px;
    */
}
.pageRolledRight {
    box-shadow: 0px -20px 10px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px -20px 10px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px -20px 10px rgba(0,0,0,0.9);
    position:absolute;
    z-index:100;
    border-left:1px solid #222;
}
#closeMask {
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:500;
    display:none;
}



/* ------ spaced nav holder ------ */
.mobSpacedHolder {
    padding:12px 7px 5px 7px;
    background-color:#eee;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.4);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.4);
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
}




/* ------ hselector ------ */
ul.hselector {
    margin:0 !important;
    padding:0;
    height:36px;
}
ul.hselector li {
    float:left;
    margin:0;
    list-style-type:none;
    background-color:#95A5A6;
    border-right:1px solid #7F8C8D;
    border-bottom:1px solid #7F8C8D;
}
ul.hselector li:last-child, ul.hselector li:last-child a {
    border-top-right-radius:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright: 5px;
    border-bottom-right-radius:5px;
    -webkit-border-radius-bottomright:5px;
    -moz-border-radius-bottomright: 5px;
    border-right:none;

}
ul.hselector li:first-child, ul.hselector li:first-child a {
    border-top-left-radius:5px;
    -webkit-border-radius-topleft:5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-left-radius:5px;
    -webkit-border-radius-bottomleft:5px;
    -moz-border-radius-bottomleft: 5px;
}
ul.hselector li.active {
    color:#fff;
    list-style-type:none;
    background-color:#C0392B;
}

ul.hselector li a {
    color:#fff;
    padding:10px 10px 10px 10px;
    display:block;
    font-size:0.97em;
}
ul.hselector li.active a {
    color:#fff;
    background-color:#C0392B;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.15);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.15);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.15);
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
ul.hselector li a:hover {
    background-color: #BDC3C7;
}
ul.hselector li:hover {;
    border-right:1px solid #95A5A6;
    border-bottom:1px solid #95A5A6;
}
ul.hselector li.active a:hover {
    background-color:#E74C3C;
}
ul.hselector li:last-child:hover {
    border-right:none;
}
ul.hselector li a:active {
    background-color: #666;
    -webkit-text-shadow:none;
    text-shadow:none;
    color:#fff;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}
ul.hselector li a:hover {
    text-decoration: none;
}

ul.hselectorAlt li.active a {
    background-color:#16A085;
}
ul.hselectorAlt li.active a:hover {
    background-color:#1ABC9C;
}






/* #### footer ############# */
#footerMobile {
    display:block;
    background-color: #ECF0F1;
    color:#222;
    margin:0 0 29px 0;
    padding:1px 10px 10px 10px;
    text-align: center;

}
#footerMobile .menu {
    margin:15px 0 5px 0;
    color:#222;
    font-size:0.85em;
}
#footerMobile .adUnit {
    width:100%;
    text-align:center;
}
/* ################# */


/* ------ countdown ------ */
.countdown {
}
.countdown .number {
    float:left;
    font-size:150%;
    font-weight:bold;
    background-color:#444;
    color:#fff;
    height:30px;
    line-height:30px;
    padding:0 10px 0 10px;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.99);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.99);
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#666), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #666 100%);
    border-top-left-radius:8px;
    -webkit-border-radius-topleft:8px;
    -moz-border-radius-topleft:8px;
    border-bottom-left-radius:8px;
    -webkit-border-radius-bottomleft:8px;
    -moz-border-radius-bottomleft:8px;
    border:1px solid #999;
}
.countdown .attribute {
    float:left;
    background-color:#fff;
    font-size:100%;
    height:30px;
    line-height:30px;
    padding:0 10px 0 10px;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#eee));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #fff 100%);
    border-top-right-radius:8px;
    -webkit-border-radius-topright:8px;
    -moz-border-radius-topright:8px;
    border-bottom-right-radius:8px;
    -webkit-border-radius-bottomright:8px;
    -moz-border-radius-bottomright:8px;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.nextGame {
    background-color:#ddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
    padding:5px 10px 5px 10px;
}





/* ------ bands ------ */
.band {
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#f3f5f6));
    background: -moz-linear-gradient(20% 70% 90deg,#fff, #f3f5f6 100%);
    padding:10px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ECF0F1;
    background-color:#fff;
}
.bandDark {
    /* background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#333), to(#555));
    background: -moz-linear-gradient(20% 70% 90deg,#333, #555 100%); */
    background:none;
    color:#fff;
    padding:10px;
    border-top:1px solid #34495E;
    border-bottom:1px solid #1b2026;
    border-right:1px solid #34495E;
    background-color:#22313F;
}
.bandMed {
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#ddd), to(#ccc));
    background: -moz-linear-gradient(20% 70% 90deg,#ccc, #ddd 100%);
    /* color:#fff; */
    padding:10px;
    border-top:1px solid #888;
    border-bottom:1px solid #555;
    border-right:1px solid #555;
    background-color:#ccc;
}
.bandHeader {
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#999), to(#666));
    background: -moz-linear-gradient(20% 70% 90deg,#999, #666 100%);
    padding:10px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    background-color:#777;
    color:#fff;

}
.bandFatBase {
    padding-bottom:20px;
}
.bandNarrow {
    padding: 5px 10px 5px 10px;
}
.band h4 {
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
}
.bandHeader h4 {
    -webkit-text-shadow:0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
}
.bandArrow {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/band_arrow.png);
    background-position:right;
    background-repeat:no-repeat;
    min-height: 30px;
}
.bandArrow .leftSide {
    float:left;
    margin-right:40px;
}
.bandClickable {
    cursor:pointer;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#f3f5f6));
    background: -moz-linear-gradient(20% 70% 90deg,#fff, #f3f5f6 100%);
    padding:10px;
    min-height: 30px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ECF0F1;
    background-color:#fff;
}
.bandClickable:hover {
    background:none;
    background-color:#fff;
}
.bandClickable h3 {
    margin-bottom:5px;
    padding:0;
}
.bandClickableThin {
    padding:5px 10px 5px 10px;
}

/********* sliding band panel ***********/
.bandSlider {
    position:relative;
    min-height:90px;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    border-top:1px solid #fff;
    border-bottom:1px solid #bbb;
    border-right:1px solid #ccc;
    background-color:#ddd;
    width:100%;
    overflow:hidden;
}
.bandSlider .above {
    position:absolute;
    top:0px;
    padding:10px 0px 10px 10px;
    left:0px;
    z-index:20;
    min-height:60px;
    width:100%;
    cursor:pointer;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
}
.bandSlider .above .arrow {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/band_arrow.png);
    background-position:right;
    background-repeat:no-repeat;
    min-height:70px;
    margin:0 0px 0 0;
    width:95%;
}
.bandSlider .below {
    background-color:#555;
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    padding:10px 10px 10px 45px;
    width:100%;
    min-height:70px;
    color:#fff;
    box-shadow: inset 2px 2px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 2px 2px 10px  rgba(0,0,0,0.5);
    overflow:hidden;
}
.bandSlider .below p, .bandSlider .below a {
    text-shadow: none;
    -webkit-text-shadow:none;
}
.bandSlider .below a.inlineLink {
    border-bottom:1px dotted #fff;
    display:inline-block;
    color:#fff;
}

.adUnitTop {
    display:block;
    width:100%;
    text-align:center;
    background-color:#1f1f1e;
    padding:1px 0 3px 0;
}




.blog {
}
.blog .title {
    margin-bottom:5px;
}
.blog .title a {
    font-size:110%;
    font-weight:bold;
    margin-bottom:5px;
}
.blog .descriptor {
    font-size:85%;
    color:#666;
}
.blog .intro {
    margin:0 0 5px 0;
}
.blog .intro a {
    color:#3b3939;
}
.blog .intro a:hover {
    text-decoration:none;
    color:#3498DB;
}


/* #### section header ############# */
.modalNav {
    display:none;
    background-color:#fff;
    width:90%;
    max-width:900px;
    border:1px solid #fff;
    /* box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.7); */
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.modalNav .header {
    padding:0 5px 0 0px;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#F3F5F6));
    background: -moz-linear-gradient(20% 70% 90deg,#F3F5F6, #fff 100%);
    font-size:1.2em;
    color:#34495E;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}

.modalNav .header .title {
    float:left;
    font-weight:300;
    margin:10px 0 10px  10px;
}
.modalNav .modalSportName {
    margin:2px 0 0 5px;
    font-size:1.2em;
}
.modalNav .header a.closer {
    float:right;
    display:block;
    border-left:1px solid #BDC3C7;
    font-weight:400;
    color:#3498DB;
    padding:10px 10px 10px 15px;
}
.modalNav .content {
    border:0px solid #fff;
    /* box-shadow: inset 2px 2px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 2px 2px 10px  rgba(0,0,0,0.5);
    */
}
.modalNav .contentPadded {
    padding:15px;
}
.modalNav .contentNoPadding {
    padding:0px;
}
.modalNav .base {
    padding:5px;
    background-color:#333332;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#333332), to(#262625));
    background: -moz-linear-gradient(20% 70% 90deg,#262625, #333332 100%);
    color:#fff;
}
.modalNav .base ul {
    list-style-type: none;
    margin:0;
    text-align: center;
    padding:0;
}
.modalNav .base ul li {
    display:inline;
}
.modalNav .links a {
    font-weight:normal;
    font-size:1.2em;
    display:block;
    padding:2px 0 4px 0;
}
.modalNav .poolLinks {
    margin-top:5px;
}
.modalNav .poolLinks a {
    margin-right:5px;
}

.modalNav .content ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
.modalNav .content li {
    padding:0;
    border-bottom:1px solid #ECF0F1;
    border-top:1px solid #fff;
    background-color:#fff;
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/band_arrow_r10.png);
    background-position:right;
    background-repeat:no-repeat;
}
.modalNav .band {
    background:none;
    background-color:#fff;
    border-top:1px solid #ECF0F1;
    border-bottom:0;
}
/*
.modalNav .content li:after {
	content:"";
	display:block;
	width:20px;
	height:20px;
	margin:-28px 10px 0 0;
	float:right;
	background-image:url(/coreimages/structure/band_arrow.png);
}
*/
.modalNav .content li a {
    padding:15px 10px 15px 10px;
    display:block;
    font-weight:normal;
    font-size:1.1em;
}
.modalNav .content li a div.info {
    font-weight:normal;
    margin-top:4px;
    font-size:0.9em;
    color:#222;
}
.modalNav .content li a:hover {
    color:#222;
}
.modalNav .content li:first-child {
    border-top:0px;
}
.modalNav .content li:last-child {
    border-bottom:0px;
}


/* ################# */




/* #### section header ############# */
#theader {
    display:none;
}

#theaderMobile {
    display:block;
    background-color:#fcfbfa;
    /* padding:5px 0px 0px 0px; */
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
#theaderMobile .navContainer {
    padding:7px 0px 0px 0px;
}
#theaderMobile .mobNavPlayerThumb {
    margin:0 0 0 0px;
    float:left;
    padding:0px;
    font-size:0.1em;
}
#theaderMobile li.mobileMenuGroup2 {
    display:none;
}

/* ################# */



/* ------ spacedSelector ------ */
ul.spacedSelector {
    margin:0;
    padding:0;
    /*  height:26px; */

}

ul.spacedSelector li {
    float:left;
    margin:0 5px 5px 0;
    list-style-type:none;
}
ul.spacedSelector li a {
    color:#3b3939;
    padding:5px 8px 5px 8px;
    display:block;
    font-size:1em;
    font-weight:300;
    background-color:#BDC3C7;
    /* border-right:1px solid #7F8C8D;
     border-bottom:1px solid #7F8C8D;
 */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*   -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
       text-shadow: 0px -1px 1px rgba(255,255,255,0.9); */
}
ul.spacedSelector li a.dim {
    color:#999;
    padding:5px 10px 5px 10px;
    display:block;
    font-size:85%;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#eee));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #fff 100%);
    border:1px solid #ccc;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
}
ul.spacedSelector li.active a {
    color:#fff;
    background:none;
    background-color:#7F8C8D;
    /* box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
     -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
     -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
     -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
ul.spacedSelector li a:hover {
    background:none;
    background-color: #95A5A6;
    color:#fff;
    text-decoration:none;
}
ul.spacedSelector li.active a:hover {
    background-color:#555;
}
ul.spacedSelector li a:active {
    background:none;
    background-color: #666;
    -webkit-text-shadow:none;
    text-shadow:none;
    color:#fff;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}


.arrow_box {
    position: relative;
    background: #ECF0F1;
}
.arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ECF0F1;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}.arrow_box {
     position: relative;
     background: #ECF0F1;
 }
.arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ECF0F1;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}



ul.tabs {
    margin:0 !important;
    padding:0;
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
    background-color:#34495E;
    /* background: -webkit-gradient(linear, 0% 48%, 0% 60%, from(#555), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #555 100%); */
}
ul.tabsRed {
    background-color:#C0392B;
}
ul.tabsNoBackground {
    background:none;
}

ul.tabs .notifyNumber {
    line-height:normal;
}

/* single tab */
ul.tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}
ul.tabs li.info {
    float:left;
    display:block;
    text-decoration:none;
    border-bottom:0px;
    color:#fff;
    font-weight:normal;
    position:relative;
    top:0px;
    outline:0;
    text-decoration:none;
    border-bottom:0px;
    line-height:36px;
    padding:0 15px 0 15px;
}
/* link inside the tab. uses a background image */
ul.tabs a {
    float:left;
    display:block;
    text-decoration:none;
    /* border-left:1px solid #666;
     border-right:1px solid #333; */
    border-bottom:0px;
    color:#fff;
    font-weight:normal;
    position:relative;
    top:0px;
    outline:0;
    text-decoration:none;
    /*  border-left:1px solid #666;
      border-right:1px solid #333; */
    border-bottom:0px;
    line-height:36px;
    padding:0 15px 0 15px;
    /*  background-color:#101010; */

    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#666), to(#333));
    background: -moz-linear-gradient(20% 70% 90deg,#333, #666 100%); */
}
ul.tabs li:first-child, ul.tabs a.first {
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
}
ul.tabs li:last-child, ul.tabs a.last {
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
}
ul.tabs a:hover {
    background-color:#1ABC9C;
    /* background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#cc0000), to(#8e0000));
     background: -moz-linear-gradient(19% 75% 90deg,#8e0000, #cc0000 100%);
     box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2); */
}
ul.tabs a.active {
    /* color:#000;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ccc), to(#fff));
    background: -moz-linear-gradient(19% 75% 90deg,#fff, #ccc 100%); */
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
}


ul.tabs .arrow_box {
    position: relative;
    background: #fff;
}
ul.tabs .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.tabs .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}
ul.tabs .arrow_box {
    position: relative;
    background: #fff;
}
ul.tabs .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.tabs .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}






ul.accordionOrTab {
    margin:0;
    padding:0;
}
ul.accordionOrTab li {
    padding:0;
    margin:0;
    list-style-type:none;
}
ul.accordionOrTab li a, .accordion h3 a {
    display:block;
    padding:5px 15px;
    text-decoration:none;
    /* border-left:1px solid #666;
    border-right:1px solid #333; */
    border-bottom:0px;
    line-height:20px;
    background-color:#34495E;
    color:#fff;
    font-weight:normal;
    position:relative;
    top:1px;
    outline:0;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#666), to(#333));
     background: -moz-linear-gradient(20% 70% 90deg,#333, #666 100%); */
}
.accordion div {
    margin:0;
    padding:15px;
    background-color:#fff;
}
.accordion h3 {
    margin:0px;
}


ul.accordionOrTab a:hover {
    background-color:#8e0000;
    background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#cc0000), to(#8e0000));
    background: -moz-linear-gradient(19% 75% 90deg,#8e0000, #cc0000 100%);
    box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
}
ul.accordionOrTab a.active {
    color:#000;
    background-color:#fff;
    border:1px solid #ccc;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ccc), to(#fff));
    background: -moz-linear-gradient(19% 75% 90deg,#fff, #ccc 100%);
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
}



.tabBox {
    padding:0px;
    background-color:#fff;
    margin:0 0 20px 0;
}
.tabBox .content {
    padding:0px;
}
.tabBox .base {

}



/* ------ more traditional tabs ------ */
ul.tradTabs {
    margin:0 !important;
    padding:0;
    height:30px;
}

/* single tab */
ul.tradTabs li {
    float:left;
    padding:0;
    margin:0 2px 0 0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.tradTabs a {
    float:left;
    font-size:12px;
    display:block;
    padding:5px 20px;
    text-decoration:none;
    border-left:1px solid #666;
    border-right:1px solid #333;
    border-bottom:0px;
    border-top:1px solid #888;
    line-height:20px;
    background-color:#101010;
    color:#fff;
    font-weight:normal;
    position:relative;
    top:1px;
    outline:0;
    /* border-top-right-radius:3px;
     -webkit-border-radius-topright:3px;
     -moz-border-radius-topright: 3px;
     border-top-left-radius:3px;
     -webkit-border-radius-topleft:3px;
     -moz-border-radius-topleft: 3px; */
}
ul.tradTabs li:first-child, ul.tabs a.first {
    /* border-top-left-radius:10px;
    -webkit-border-radius-topleft:10px;
    -moz-border-radius-topleft: 10px;
    */
}
ul.tradTabs a:hover {
    background-color:#8e0000;
    /* background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#cc0000), to(#8e0000));
     background: -moz-linear-gradient(19% 75% 90deg,#8e0000, #cc0000 100%);
     box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2); */
}
ul.tradTabs a.active {
    color:#fff;
    background-color:#888;
    /*  box-shadow:none;
     -webkit-box-shadow:none;
     -moz-box-shadow:none;
     -webkit-text-shadow:none;
     text-shadow:none; */
}
ul.tradTabs a.activeLight {
    color:#3b3939;
    background-color:#ECF0F1;
    /* background: none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;

    box-shadow: inset 0px 10px 5px rgba(255,255,255,0.8);
    -webkit-box-shadow: inset 0px 10px 5px rgba(255,255,255,0.8);
    -moz-box-shadow: inset 0px 10px 5px  rgba(255,255,255,0.8);

    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ECF0F1;
    -webkit-text-shadow:none;
    text-shadow:none;
    */
}




/* ------ mobNav ------ */
ul.mobNav {
    margin:0;
    padding:0;
    list-style-type:none;
    /* height:26px; */
}
ul.tournamentLevel {
    margin-left:10px;
}
ul.mobNav li {
    float:left;
    margin:0 0px 5px 0px;
    padding:0;
    border-right:1px solid #ebeae8;
}
ul.mobNav li:last-child {
    border-right:none;
}
ul.mobNav li.selected a {
    /* border-bottom:2px solid #3399cc; */
    color:#3399cc;
}
ul.mobNav li a {
    color:#777674;
    padding:5px 7px 5px 7px;
    display:block;
    font-weight:bold;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
ul.mobNav li:first-child a {
    padding-left:0px;
}
ul.mobNav li.active a {
    color:#fff;
    background:none;
    background-color:#666;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}
ul.mobNav li a:hover {
    background:none;
    background-color: #ccc;
    text-decoration:none;
}
ul.mobNav li.active a:hover {
    background-color:#555;
}
ul.mobNav li a:active {
    background:none;
    background-color: #666;
    -webkit-text-shadow:none;
    text-shadow:none;
    color:#fff;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}


/* ------ mobSubNav ------ */
.subNav {
    background-color:#40403f;
    padding:5px 0px 0px 0px;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}
ul.mobSubNav li {
    border-right:1px solid #535350;
    float:left;
    margin:0 0px 5px 0px;
    padding:0;
}
ul.mobSubNav li a, ul.mobSubNav li {
    color:#fff;
    text-shadow: none;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.95);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.95);
}
.subNav .thumb {
    margin:5px 0px 5px 7px;
    float:left;
}
.subNav .title {
    color:#fff;
    font-weight:bold;
    margin:10px 0px 5px 7px;
    float:left;
}
.subNav .members {
    color:#fff;
    font-weight:normal;
    margin:5px 7px 5px 0px;
    float:right;
}




/* ------ latestResultBar ------ */
.latestResultBar .title {
    color:#fff;
    float:left;
    margin-right:10px;
    font-size:1.1em;
    font-weight:bold;
    width:90px;
}
.latestResultBar {
    color:#fff;
    padding:10px;
    background-color:#40403f;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}
.latestResultBar .teamFlag {
    padding:1px 7px 3px 0;
}
.latestResultBar .latestSection {
    margin-bottom:10px;
}
.latestResultBar .teamName {
    font-weight:bold;
    padding:0 15px 3px 0;
}
.latestResultBar .teamScore {
    font-weight:bold;
    padding:0 0 3px 0;
}
.latestResultBar #vpr {
    text-transform: uppercase;
    font-size:85%;
}
.latestResultBar select {
    padding:2px;
}



/* ------ pool (subnav) bar ------- */
/* #plbar {
    background-color:#990000;
    padding:5px 0px 0px 0px;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}
*/
/* ul.barTab {
    padding:0;
}
ul.barTab li {
    padding:0;
    list-style-type:none;
    float:left;
    margin:0 0px 0px 0px;
}
ul.barTab li a {
    color:#fff;
    text-shadow: none;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.6);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.6);
    padding:7px 10px 7px 10px;
    margin:1px 0 1px 0;
    display:block;
    font-weight:bold;
}
ul.barTab li a.wide {
    padding:7px 20px 7px 20px;
}
ul.barTab li a:hover {
    background:none;
    background-color:#333;
    text-decoration:none;
}
ul.barTab li.active {
    background-color:#ECF0F1;
}
ul.barTab li.active a:hover {
    background:none;
    background-color:#ECF0F1;
}
ul.barTab li.active a {
    color:#3b3939;
    -webkit-text-shadow:none;
    text-shadow:none;
}
*/


ul.barTab {
    margin:0 !important;
    padding:0;
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;

    /* background: -webkit-gradient(linear, 0% 48%, 0% 60%, from(#555), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #555 100%); */
}

/* single tab */
ul.barTab li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.barTab a {
    float:left;
    display:block;
    text-decoration:none;
    /* border-left:1px solid #666;
     border-right:1px solid #333; */
    border-bottom:0px;
    color:#fff;
    font-weight:normal;
    position:relative;
    top:0px;
    outline:0;
    text-decoration:none;
    /*  border-left:1px solid #666;
      border-right:1px solid #333; */
    border-bottom:0px;
    /* line-height:36px; */
    padding:0 15px 0 15px;
    /*  background-color:#101010; */

    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#666), to(#333));
    background: -moz-linear-gradient(20% 70% 90deg,#333, #666 100%); */
}
ul.barTab li:first-child, ul.barTab a.first {
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
}
ul.barTab li:last-child, ul.barTab a.last {
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
}
ul.barTab a:hover {
    background-color:#1ABC9C;
    /* background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#cc0000), to(#8e0000));
     background: -moz-linear-gradient(19% 75% 90deg,#8e0000, #cc0000 100%);
     box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2); */
}
ul.barTab a.active {
    /* color:#000;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ccc), to(#fff));
    background: -moz-linear-gradient(19% 75% 90deg,#fff, #ccc 100%); */
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
}


ul.barTab .arrow_box {
    position: relative;
    background: #fff;
}
ul.barTab .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.barTab .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}
ul.barTab .arrow_box {
    position: relative;
    background: #fff;
}
ul.barTab .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.barTab .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}


#plbar .icon {
    margin:5px 0px 5px 7px;
    float:left;
}
#plbar .pname {
    /* color:#fff;
    font-weight:bold; */
    margin:10px 0px 5px 7px;
    float:left;
}
#plbar .pname a {
    /* color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9); */
    font-weight:normal;
}
#plbar ul.iconNav li a {
    position:relative;
}
#plbar ul.iconNav li a .new, div.newHilite {
    display:inline-block;
    top:0;
    left:0;
    background-color:#E74C3C;
    color:#fff;
    line-height:normal;
    font-size:0.8em;
    text-transform:uppercase;
    margin:0 0 0 4px;
    padding:2px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
}

/* ------ per-sport tournament nav ------ */
#tourns {
    text-shadow: none;
    -webkit-text-shadow: none;
    padding: 0 10px 10px 10px;
    min-height:300px;
}
#tourns .typeSection {
    float:left;
    margin-right:20px;
    margin-top:10px;
}
#tourns .htitle {
    font-size:1.4em;
    font-weight:300;
    color:#C0392B;
    text-shadow: none;
    margin:0px 0px 10px 7px;
}
#tourns .typeSectionLast {
    float:left;
    margin-right:0px;
    margin-top:10px;
}
#tourns table {
    width:420px;
}
#tourns .pick-made {
    background-color:#2ECC71;
    /* background-image:linear-gradient(rgb(0, 204, 0), rgb(0, 153, 0)); */
    color:#fff;
    width:70px;
    text-align:center;
    /* text-shadow:	rgb(0, 0, 0) 0px 1px 0px; */
    padding:3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:0.9em;
    display:inline-block;
}

#tourns .pick-needed {
    background-color:#E74C3C;
    /*  background-image:linear-gradient(rgb(204, 0, 0), rgb(153, 0, 0)); */
    color:#fff;
    /* text-shadow:	rgb(0, 0, 0) 0px -1px 0px; */
    padding:4px 4px 3px 4px;
    border-radius: 3px;
    text-align:center;
    width:70px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:0.9em;
    display:inline-block;
}
#tourns table td {
    padding:7px 7px 7px 7px;
    border-bottom:1px solid #ECF0F1;
    cursor:pointer;
    background-color:#fff;
    /*  text-shadow: none;
      -webkit-text-shadow: none; */
    /*  background: -webkit-gradient(linear, 0% 48%, 0% 70%, from(#444), to(#222));
     background: -moz-linear-gradient(20% 70% 90deg,#444, #222 100%); */
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#f3f5f6));
    background: -moz-linear-gradient(20% 70% 90deg,#fff, #f3f5f6 100%);
}
#tourns table tr:hover td {
    background:none;
    background-color:#95A5A6;
    color:#fff;
}
#tourns .totPlayers {
    color:#95A5A6;
}
#tourns .tournament {
    font-weight:bold;
}


/* ------ tournament header (theader) ------ */
#theader {
    background-color:#222;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#555), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #555 100%);

    border-top-right-radius:2px;
    -webkit-border-radius-topright:2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius:2px;
    -webkit-border-radius-topleft:2px;
    -moz-border-radius-topleft: 2px;
    color:#fff;
    padding:10px 15px 10px 15px;
}
#theader #info {
    float:left;
}
/* 	@font-face {
	font-family: Collegiate;
	src: url("../Swiss_721_Thin_BT.ttf") format("truetype");
}
*/
#theader .homeIcon {
    float:left;
    margin:3px 10px 0 0;
}
#theader #tname a {
    /* font-family:MuseoSlab-500, Tahoma, Arial, san-serif; */
    /* text-transform: uppercase; */
    font-size:1.5em;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    font-weight:400;
    color:#fff;
    text-decoration: none;
}
#theader #tname a:hover {
    color:#efefef;
}

#theader #playerNum {
    font-size:1.0em;
    margin:5px 0 0 15px;
    color:#eee;
    opacity:0.9;
    filter:alpha(opacity=90);
    /*  text-transform: uppercase; */
}
#theader #nav {
    float:right;
    margin:0 0 0 0;
}

/* ------ quickLinks ------ */
#quickLinks {
    padding:10px 15px 0px 0px;
    /*	background-color:#444; */
}
#quickLinks .title {
    float:left;
    color:#ddd;
    margin:2px 10px 0 0;
    text-transform:uppercase;
    font-size:90%;
    letter-spacing:1px;
}
#quickLinks .arrow {
    color:#999;
}


.news .others {
    width:200px;
}
.news .lead {
    width:420px;
}
.news .image {
    float:left;
    margin-right:10px;
}
.news .story {
    float:left;
    width:320px;
}
.news .storyNarrow {
    width:250px;
}

.news .storyNoImage {
    width:400px;
}
.news .story .title a {
    font-size:130%;
    display:block;
    margin-bottom:3px;
}
.news .comments {
    font-size:85%;
    color:#666;
    margin-top:2px;
}
.news .story .date {
    color:#666;
}
.news .story a.intro {
    color:#3b3939;
}
.news .story a.intro:hover {
    text-decoration: none;
}



/* ------ alerts ------ */
.alert {
    margin:0 0 10px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color:#fff;

    padding:5px 10px 10px 10px;
}
.alert a {
    color:#fff;
    text-decoration: underline;
}
.alert p {
    -webkit-text-shadow: none;
    text-shadow: none;
}
.alert .alertcontent {
    float:left;
    margin:5px 0 0 0px;
}
.alert .content {
    margin-left:50px;
    float:left;
}
.alert .icon {
    font-family: Georgia;
    font-style:italic;
    font-weight:bold;
    color:#fff;
    font-size:350%;
    float:left;
    width:50px;
    margin-right:-100%;
    padding-left:10px;
    display:none;
}
.alert .alerttitle {
    font-weight:bold;
    color:#fff;
    font-size:110%;
    margin:0 0 5px 0;
}


.alertError {
    background-color:#C0392B;
}
.alertInfo {
    background-color:#2980B9;
}
.alertConfirm {
    background-color:#27AE60;
}


/* ------ letter display for find pool page ------ */
a.letter {
    display:inline-block;
    padding:3px 4px 3px 4px;
    border:1px solid #ccc;
    margin:0 3px 7px 0;
}
a.letter:hover {
    border:1px solid #999;
    text-decoration: none;
    background-color:#fff;
}
a.letterSelected {
    border:1px solid #999;
    text-decoration: none;
    background-color:#fff;
}




/* ------ dropper selects ------ */
.dropper .trigger, .dropperNav .trigger {
    cursor:pointer;
    background-color:#666;
    padding:3px 7px 3px 7px;
    display:block;
    color:#ffffff;
    font-weight:normal;
    /* box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.25); */
    position:relative;
    border:1px solid #555;
    cursor:pointer;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
.dropper .triggerLarge, .dropperNav .triggerLarge {
    cursor:pointer;
    display:inline-block;
    padding:0 10px 0 10px;
    color:#ffffff;
    line-height:34px;
    font-weight:normal;
    box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -7px 4px 0px rgba(0,0,0,0.25);
    position:relative;
    border:1px solid #555;
    cursor:pointer;
    /*  -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
.dropper .triggerLarge:hover, .dropperNav .triggerLarge:hover {
    background-color:#444;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#555), to(#000));
    background: -moz-linear-gradient(19% 75% 90deg,#222, #000 100%);
}
.dropper .sub, .dropperNav .sub {
    display:none;
    background-color:#1b2026;
    /* background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#555), to(#333));
     background: -moz-linear-gradient(19% 75% 90deg,#333, #555 100%);*/
    position:absolute;
    z-index:99999;
    color:#fff;
    padding:5px 10px 10px 10px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 6px  rgba(0,0,0,0.4);
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    border-bottom-right-radius:5px;
    -webkit-border-radius-bottomright:5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius:5px;
    -webkit-border-radius-bottomleft:5px;
    -moz-border-radius-bottomleft: 5px;
}
.dropperNav .sub {
    color:#1b2026;
}
.dropper .sub a {
    color:#fff;
    display:block;
    padding:5px 0 5px 0;
}
.dropperNav .sub a {
    color:#2980B9;
    display:block;
    padding:5px 0 5px 0;
}
.dropperNav .sub a.medButton, .dropperNav .sub a.smallButton, .dropperNav .sub a.button {
    color:#fff;
}
.dropper .sub a:hover {

}
.dropperNav.rolled {
    background-color:#2980B9;
    border-top-right-radius:2px;
    -webkit-border-radius-topright:2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius:2px;
    -webkit-border-radius-topleft:2px;
    -moz-border-radius-topleft: 2px;
}
.dropper.rolled {
    background-color:#2980B9;
    border-top-right-radius:2px;
    -webkit-border-radius-topright:2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius:2px;
    -webkit-border-radius-topleft:2px;
    -moz-border-radius-topleft: 2px;
}



/* ------ section nav (snav) ------ */
#brandNav {
    background-color:#1b2026;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px  rgba(0,0,0,0.2);

    display:none;
    opacity:0.99;
    filter:alpha(opacity=99);
}
#brandNavPremium {
    background-color:#1b2026;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px  rgba(0,0,0,0.2);

    display:none;
    opacity:0.99;
    filter:alpha(opacity=99);
}
#snav {
    width:1002px;
    margin:0 auto;
    text-align:left;
    height:36px;
}
#snavpremium {
    width:970px;
    margin:0 auto;
    text-align:left;
    height:70px;
    overflow:hidden;
}
#snav ul li .doubleLine, #snavpremium  ul li .doubleLine {
    /*  line-height:11px; */
    float:left;
    cursor:pointer;
    text-transform: uppercase;
    letter-spacing: 0px;
}
#snav ul li .singleLine, #snavpremium ul li .singleLine {
    /* line-height:23px; */
    float:left;
    cursor:pointer;
    text-transform: uppercase;
    letter-spacing: 0px;
}

#snav ul {
    margin:0 !important;
    padding:0;
    height:36px;
}
#snavpremium ul {
    margin:0 !important;
    padding:0;
    height:30px;
}
#snav ul li {
    float:left;
    padding:0;
    margin:0;
    line-height:36px;
    list-style-type:none;
}
#snavpremium ul li {
    float:left;
    padding:0;
    margin:0;
    line-height:30px;
    list-style-type:none;
}

#snav ul a, #snavpremium  ul a {
    display:block;
    font-size:85%;
    /* line-height:36px; */
    padding:0px 10px 0 10px;
    text-decoration:none;
    /*	border-left:1px solid #666; */
    /*	border-right:1px solid #333; */
    border-bottom:0px;
    color:#fff;
    /* height:26px; */
    font-weight:normal;
    position:relative;
    top:0px;
    outline:0;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
}
#snavpremium #groupedSportNav .dropper .trigger {
    background:none;
    padding: 1px 10px 0 5px;
    border:0;
}
#snavpremium .navSportitem {
    margin-right:5px;
}
#snav ul a.logout, #snavpremium  ul a.logout {
    text-transform:none;
    font-size:1em;
}
#snav ul li a:hover {
    background-color:#C0392B;
    /*  background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#555), to(#000));
      background: -moz-linear-gradient(19% 75% 90deg,#222, #000 100%);
      */
}
#snavpremium ul li a {
    color:#d9dfe0;
}
#snavpremium ul li a:hover {
    color:#fff;
}
#snav .standaloneIcon {
    float:left;
    padding:0 10px 0 10px;
}
#snav .standaloneIcon:hover {
    background-color:#C0392B;
    height:36px;
}
#snav ul li.alt {
    background-color:#C0392B;
    /* background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#777), to(#444));
    background: -moz-linear-gradient(19% 75% 90deg,#444, #777 100%); */
}
#snav ul li.active, #snavpremium  ul li.active {
    background-color:#fff;
    color:#000;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#fff), to(#ECF0F1));
    background: -moz-linear-gradient(19% 75% 90deg,#ECF0F1, #fff 100%);
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
}
#snav ul li.active a {
    color:#000;
    text-shadow:none;
}
#snav ul li.active a:hover {
    background-color:#C0392B;
    background:none;
}
#snav .navSportitem, .navSportitem {
    /*	background-image:url(/_root/images/common/nav/headline/icon_strip2.png); */
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/icon_strip10.png);
    background-repeat:no-repeat;
    display:block;
    width:24px;
    height:26px;
    background-size:360px 24px;
    float:left;
    margin-right:2px;
    cursor:pointer;
}
.navSportitemOverlay {
    margin-right:7px;
}
#snav .hcnavSportrugbyunion, .hcnavSport1 {
    background-position:0px 0px;
}
#snav .hcnavSportrugbyleague {
    background-position:0px 0px;
}
#snav .hcnavSportcricket, .hcnavSport4 {
    background-position:-72px 0px;
}
#snav .hcnavSportsoccer, .hcnavSport3 {
    background-position:-48px 0px;
}
#snav .hcnavSportleague, .hcnavSport2 {
    background-position:-166px 0px;
}
#snav .hcnavSportother, .hcnavSportother {
    background-position:-194px 0px;
}
#snav .hcnavSportaussie, .hcnavSport6 {
    background-position:-144px 0px;
}
#snav .hcnavSportamerican, .hcnavSport7 {
    background-position:-120px 0px;
}

#snav .hcnavSportgolf, .hcnavSport8 {
    background-position:-216px 0px;
}
#snav .hcnavSportbaseball, .hcnavSport10 { /* baseball */
    background-position:-240px 0px;
}
#snav .hcnavSportbasketball, .hcnavSport11 { /* basketball */
    background-position:-264px 0px;
}
#snav .hcnavSporttennis, .hcnavSport12 { /* tennis */
    background-position:-288px 0px;
}
#snav .hcnavSportcycling, .hcnavSport15 { /* cycling */
    background-position:-312px 0px;
}
#snav .hcnavSportrio, .hcnavSport100 { /* rio 2016 */
    background-position:-336px 0px;
}
#snav .hcnavSportmotorsport, .hcnavSport5 {
    background-position:-24px 0px;
}
#snav .hcnavSportstore, .hcnavSportstore {
    background-position:-96px 0px;
}
#snav .dropper {
    height:36px;
    background:none;
}
#snav .dropper .trigger:hover {
    background-color:#C0392B;
}
#snav .dropper .trigger {
    background:none;
    border:0;
    /*    padding:6px 15px 4px 5px; */
    padding:0;
    height:36px;
    line-height:36px;
}
#snav .dropper .trigger table {
}
#snav .dropper .trigger table th {
    padding:0 3px 0 5px;
}
#snav .dropper .trigger table td {
    padding:0px 7px 0px 0;
}
#snav .dropper .sub {
    padding:5px 0 5px 0;
}
#snav .dropper .sub a {
    border:none;
    padding:0px 10px 0px 10px;
    margin:0;
    line-height:30px;
}
#snav .dropper .sub a:hover {
    background:none;
    background-color:#C0392B;
}
#snav .solo {
    padding:0 7px 0 7px;
}




.rankCell {
    font-size:1.3em;
}



/* ------ grouped nav bar ------ */
.navBarSport {
    text-transform: uppercase;
}
.sportBar {
    display:none;
    width:100%;
    position:absolute;
    top:36px;
    left:0px;
    text-align:center;
    margin: 0 auto;
}
.sportBar .content {
    /*	background-color:#333;
        background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#555), to(#333));
        background: -moz-linear-gradient(19% 75% 90deg,#333, #555 100%);
        */
    background-color:#121518;

    width:980px;
    margin: 0px auto;
    padding:10px 10px 55px 10px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 6px  rgba(0,0,0,0.4);
    text-align:left;
    opacity:1;
    filter:alpha(opacity=100);
}
.sportBar .contentNoPad {
    padding:0px;
    width:1000px;
}
.sportBar .otherPad {
    padding:5px 20px 5px 20px;
}
.sportBar .otherTitle {
    background-color:#ccc;
    color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    padding:5px 20px 5px 20px;
    font-size:120%;
    width:960px;
    margin: 0 auto;
    text-align:left;
}
.sportBar .noActive {
    color:#fff;
    padding:5px 0 10px 10px;

}
.sportBar .loading {
    margin:0px 0 111px 10px;
}
.sportBar h2 {
    color:#ccc;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    font-size:110%;
    font-weight:bold;
    margin-left:10px;
}
.sportBar h3 {
    color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    font-size:100%;
    text-transform: uppercase;
}
.sportBar .tournamentLine {
    padding:5px 15px 5px 10px;
    color:#fff;
    float:left;
    height:75px;
    margin:0 0 15px 0;
}
.sportBar .tournamentLineActive {
    padding:5px 15px 5px 10px;
    border:1px dotted #666;
    color:#fff;
    float:left;
    height:75px;
    margin:0 0px 15px 10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.sportBar .tournamentLineActiveNotLoggedIn {
    height:65px;
}
.sportBar .tournamentLineOpen {
    padding:5px 15px 10px 10px;
    color:#fff;
    height:auto;
    margin:0 0 10px 0;
}
.sportBar .tournamentLineFuture {
    padding:5px 10px 5px 10px;
    border:0;
    color:#fff;
    float:none;
    height:auto;
    margin:0 0px 0px 0;
}

.sportBar .tournamentLineAlso {
    padding:5px 10px 5px 10px;
    color:#fff;
    float:none;
    border-right:none;
    height:auto;
    margin:0 0 0px 0;
}
.sportBar .tournamentLine .tournamentName {
    font-weight:bold;
    padding:2px 0 0 0;
}
.sportBar .tournamentLine .tournamentNameAlso {
    font-weight:normal;
}
.sportBar .tournamentLine .totalAlso {
    color:#ccc;
    font-size:85%;
}
.sportBar .tournamentLine:hover {
    cursor:pointer;
    background-color:#666;
}
.sportBar .tournamentLine .eventTime {
    padding:0px 0 2px 0;
}
.sportBar .tournamentLineFuture .tournamentName {
    font-weight: normal;
}
.sportBar .title {
    background-color:#f6ae00;
    color:#fff;
    padding:5px 20px 5px 20px;
    font-size:120%;
    width:960px;
    margin: 0 auto;
    text-align:left;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}
.sportBar .subBox {
    border:1px solid #555;
    background-color:#444;
    margin:0 10px 10px 10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    float:left;
    width:300px;
}
.sportBar .subBox .subContent {
    /*padding:0 10px 10px 10px;*/
}
.sportBar .subBox h2 {
    background-color:#555;
    margin:0px 0px 0px 0px;
    padding:2px 10px 4px 10px;
}
.dropper .titleSport1 { /* rugby union */
    background-color:#f6ae00;
}
.dropper .titleSport2 { /* rugby league */
    background-color:#3c71f8;
}
.dropper .titleSport3 { /* soccer */
    background-color:#33cc00;
}
.dropper .titleSport4 { /* cricket */
    background-color:#00baf8;
}
.dropper .titleSport5 { /* motorsport */
    background-color:#c15de3;
}
.dropper .titleSport6 { /* aussie rules */
    background-color:#ff1a1a;
}
.dropper .titleSport7 { /* american football */
    background-color:#c900af;
}
.dropper .titleSport999 { /* other */
    /* background-color:#ccc; */
}

#snav li.sportNav {
    height:36px;
}

#snav ul a.sportBarTournament {
    color:#fff;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:110%;
    height:auto;
    font-weight:bold;
}
#snav ul a.arrow {
    height:auto;
}
#snav ul a.sportBarTournament:hover {
    background:none;
    color:#4dccf6;
    font-size:110%;
}



/* feature */
.feature {
    margin:0 0 20px 0;
}

/* feature */
.feature .header, .boxTop {
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
    color:#fff;
    /* -webkit-text-shadow: none;
     text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     */
    padding:10px 0 10px 10px;
    font-size:1.1em;
    background-color:#3498DB;
    font-weight:normal;
    /*  -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      box-shadow: inset 0px -11px 7px 0px rgba(0,0,0,0.2);
      -webkit-box-shadow: inset 0px -11px 7px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: inset 0px -11px 7px 0px rgba(0,0,0,0.2);
      -ms-filter:none;
      */
}
.feature .headerGreen {
    background-color:#16A085;
}
.feature .headerPurple {
    background-color:#9B59B6;
}
.feature .headerDark {
    background-color:#34495E;
}
.feature .headerOrange {
    background-color:#D35400;
}
.feature .headerRed {
    background-color:#C0392B;
}
.feature .headerGrey {
    background-color:#BDC3C7;
}

.boxTopPaginator {
    color:#fff;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
    padding:5px 15px 5px 10px;
    background-color:#34495E;
    font-weight:normal;
    /* box-shadow: inset 0px -14px 3px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px -14px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px -14px 3px 0px rgba(0,0,0,0.4);
    border-top-right-radius:7px;
    -webkit-border-radius-topright:7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius:7px;
    -webkit-border-radius-topleft:7px;
    -moz-border-radius-topleft: 7px; */
}
.boxTopPaginator select {
    padding:1px;
}
.feature .headerLight {
    color:#000;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
    padding:5px 0 5px 10px;
    font-size:90%;
    border-top:1px solid #F3F5F6;
    border-left:1px solid #F3F5F6;
    border-right:1px solid #F3F5F6;
    background-color:#F3F5F6;
    font-weight:normal;

    /*  box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
      -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1); */
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
}
.feature .headerLarge {
    font-size:130%;
    box-shadow: inset 0px -15px 3px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px -15px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -15px 3px 0px rgba(0,0,0,0.2);
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.95);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.95);
}
.feature .headerLargeLight {
    font-size:130%;
    box-shadow: inset 0px -15px 3px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px -15px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -15px 3px 0px rgba(0,0,0,0.2);
    -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.95);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.95);
}
.feature .content {
    background-color:#fff;
    padding:15px;
    /* background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#f9f9f9));
    background: -moz-linear-gradient(20% 70% 90deg,#f9f9f9, #fff 100%); */
    border-bottom-right-radius:3px;
    -webkit-border-radius-bottomright:3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomleft: 3px;
}
.feature .contentNoHeader {
    border:1px solid #ccc;
    padding:10px 10px 10px 10px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    /* box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1); */
}
.feature .contentNoPad {
    padding:0px;
}


/* ------ sideNav ------ */
.sideNavHolder {
    margin:32px 0 0 0;
}

ul.sideNav {
    margin:0 !important;
    list-style-type:none;
    padding:0;
}
ul.sideNav li {
    margin:0;
    background-color:#27AE60;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#27AE60), to(#2ECC71));
    background: -moz-linear-gradient(20% 70% 90deg,#27AE60, #2ECC71 100%);
    margin-bottom:3px;
}
ul.sideNav li.category {
    background:none;
    border:none;
    margin:10px 0 7px 10px;
    text-transform: uppercase;
    color:#666;

}
ul.sideNav li.active {
    color:#fff;
    background-color:#fff;
    background:none;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}

ul.sideNav li a {
    color:#fff;
    padding:7px 10px 7px 10px;
    display:block;
}
ul.sideNav li a.thin {
    color:#000;
    padding:5px 10px 5px 10px;
    display:block;
    font-size:85%;
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
}
ul.sideNav li.active a {
    background-color:#fff;
    color:#3b3939;
}
ul.sideNav li a:hover {
    background-color: #34495E;
}
ul.sideNav li.active a:hover {
    color:#3b3939;
    background-color:#fff;
}
ul.sideNav li a:active {
    background-color: #666;
    -webkit-text-shadow:none;
    text-shadow:none;
    color:#fff;
    box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -2px 2px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: inset -2px 2px 7px  rgba(0,0,0,0.6);
}
ul.sideNav li a:hover {
    text-decoration: none;
}







.infoFloat {
    padding:7px;
    border:1px solid #ccc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.infoFloat .bigNumber {
    text-align:center;
    font-size:190%;
    color:#333;
    -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.99);
    margin-bottom:2px;
}
.infoFloat .descriptor {
    text-transform: uppercase;
    font-size:85%;
    text-align: center;
}

/* ------ tournament nav (tnav) ------ */
#tnav {
    float:right;
    height:40px;
}
#tnav ul.tnavul li .doubleLine {
    line-height:11px;
    float:left;
    cursor:pointer;
}
#tnav ul.tnavul li .singleLine {
    line-height:23px;
    float:left;
    cursor:pointer;
}
#tnav ul.tnavul {
    margin:0 !important;
    padding:0;
    height:40px;
}
#tnav ul.tnavul li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

#tnav ul.tnavul a {
    display:block;
    font-size:85%;
    padding:0 10px 0 10px;
    text-decoration:none;
    color:#fff;
    line-height:40px;
    font-weight:normal;
    position:relative;
}
#tnav ul.tnavul li a:hover, #tnav ul.tnavul li.rolled  {
    background-color:#34495E;
    color:#fff;
    /* background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#333), to(#555));
     background: -moz-linear-gradient(19% 75% 90deg,#555, #333 100%); */
}
#tnav ul.tnavul li a.active {
    color:#000;
    text-shadow:none;
    background-color:#ECF0F1;
    /* box-shadow: inset 0px -3px 2px rgba(0,0,0,0.2);
     -webkit-box-shadow: inset 0px -3px 2px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -3px 2px  rgba(0,0,0,0.2); */
}
#tnav ul.tnavul li.active a {
    color:#000;
    text-shadow:none;
}
#tnav ul.tnavul li.active a:hover {
    background-color:#fff;
    background:none;
}
#tnav .subnav {
    display:none;
    background-color:#34495E;
    /* background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#555), to(#333));
    background: -moz-linear-gradient(19% 75% 90deg,#333, #555 100%); */
    position:absolute;
    z-index:99999;
    padding:10px 0 10px 0;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 6px  rgba(0,0,0,0.3);

    border-bottom-right-radius:3px;
    -webkit-border-radius-bottomright:3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomleft: 3px;
}

#tnav ul.tnavsub {
    margin:0 !important;
    padding:0;
}
#tnav ul.tnavsub li {
    padding:0;
    margin:0;
    list-style-type:none;
    display:block;
}

#tnav .subnav a, #tnav .subnav .subnavlink {
    display:block;
    padding:10px 15px 7px 10px;
    text-decoration:none;
    line-height:normal;
    color:#fff;
    font-weight:normal;
    position:relative;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.8); */
}
#tnav .subnav a.subnavlink:hover {
    color:#fff;
    background: none;
    background-color:#666;

}
#tnav li.rolled a  {
    color:#fff;
    /*  -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
      text-shadow: 0px -1px 1px rgba(0,0,0,0.8); */
}


/* ------ loading div ------ */
.loadingDiv {
    width:100%;
    margin:40px 0 40px 0;
    text-align:center;
}

.loadingGraphicMed {
    width:100%;
    min-height: 100px;
    margin:40px 0 40px 0;
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/loading_med.gif);
    background-position: center;
    background-repeat:no-repeat;
}

/* ------ images ------ */
img {
    border:0;
}
img.photo {

    /*	padding:3px;
        box-shadow: 0px 0px 7px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.25);
        */
}




/* ------ menu poppers ------ */
.dataMenuPopper {
    cursor:pointer;
    background-color:#C0392B;
    padding:0px;
    display:inline-block;
    color:#ffffff;
    font-weight: bold;
    font-size:1em;
    /* box-shadow: inset 0px -16px 4px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0px -16px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -16px 4px 0px rgba(0,0,0,0.25); */
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #8e0000;
    cursor:pointer;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}
.dataMenuPopper .change {
    float:right;
    /* padding:5px 10px 5px 10px; */
    margin:2px 5px 0 0;
    font-size:1px;
    background-repeat:no-repeat;
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/button_icon_change.png);
    height:20px;
    width:17px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    .dataMenuPopper .change {
        background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/button_icon_change@2x.png);
        -webkit-background-size: auto 20px;
        -moz-background-size: auto 20px ;
        background-size: auto 20px ;
    }
}

.dataMenuPopper .current {
    float:left;
    padding:6px 10px 4px 10px;
}
.dataMenuPopper:hover {
    background-color:#f00000;
    box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.2);
    text-decoration:none;
}



/* ------ tables ------ */
table.max {
    width:100%;
}
table.data {
    background-color:#eee;
}
table.data th {
    padding: 8px 10px 8px 10px;
    font-size:90%;
    text-transform:uppercase;
}
table.dataLight th {
    color:#000;
    font-family:Abel,Tahoma,Arial;
    background-color:#e2e6e7;
    letter-spacing:1px;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#e9ecee), to(#e2e6e7));
    background: -moz-linear-gradient(20% 70% 90deg,#e2e6e7, #e9ecee 100%);

    /* -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
     text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
       box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
       -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
       */
}
table.dataLight th span {
    font-family:Abel,Tahoma,Arial;
}
table.dataLight th.sub {
    background-color:#F1C40F;
}
table.dataDark th {
    color:#fff;
    font-family:Abel;
    background-color:#8d999a;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#8d999a), to(#737e7f));
    background: -moz-linear-gradient(20% 70% 90deg,#737e7f, #8d999a 100%);
    letter-spacing:1px;

    /*-webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4); */
}
table.dataDark th.sub {
    background-color:#34495E;
}
table.data td {
    background-color:#fff;
    padding: 8px 10px 8px 10px;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#F3F5F6));
    background: -moz-linear-gradient(20% 70% 90deg,#F3F5F6, #fff 100%);
}
/* table.data tr:nth-child(even) td {
    background-color:#f3f5f5;
}
*/
table.dataSmall td {
    padding: 5px 3px 5px 3px;
    font-size:0.9em;
}


table.simpleLinesLight td {
    padding:5px;
    border-bottom:1px solid #fff;
}



table.mobileResults {
    font-size:0.9em;
    width:100%;
}
table.mobileResults td {
    padding:2px 4px 2px 4px;
    border-bottom:1px dotted #ccc;
}
table.mobileResults th {
    padding:2px;
    font-weight: bold;
    text-align: center;
    background-color:#222;
    color:#fff;
}


table.bands {
    background-color:#ECF0F1;
}
table.bands th {
    padding: 5px 10px 5px 10px;
    font-size:90%;
    font-family:Abel,Tahoma,Arial;
    text-transform:uppercase;
    font-weight:normal;
    color:#fff;
    background-color:#34495E;
    /*  -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
      -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4); */
}
table.bands th:last-child {
    /* border-top-right-radius:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright: 5px; */
}
table.bands th:first-child {
    /*  border-top-left-radius:5px;
      -webkit-border-radius-topleft:5px;
      -moz-border-radius-topleft: 5px; */
}
table.bands td {
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#f3f5f6));
    background: -moz-linear-gradient(20% 70% 90deg,#fff, #f3f5f6 100%);
    padding:10px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ECF0F1;
    background-color:#fff;
}
table.bands td:last-child {
    /* border-right:1px solid #ccc; */
}
table.bandsNarrow td {
    padding:5px 10px 5px 10px;
}

table.mail {
    background-color:#eee;
    width:100%;
}
table.mail th {
    padding: 5px 10px 5px 10px;
    font-size:90%;
    font-weight:normal;
}
table.mail th {
    color:#000;
    background-color:#eee;
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
}
table.mail td {
    background-color:#fff;
    padding: 5px 10px 5px 10px;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#fdfdfd));
    background: -moz-linear-gradient(20% 70% 90deg,#fdfdfd, #fff 100%);
    border-bottom:1px solid #ccc;
}
table.mail td.read {
    background:none;
    background-color:#ECF0F1;
}
table.mail td.unread {
    /* font-weight:bold; */
}





table.whiteLines td {
    border-bottom:1px solid #fff;
    padding:3px 0 3px 0;
}

table.poolIntroTable th {
    padding:5px 10px 5px 0;
    color:#666;
    font-weight:normal;
}
table.poolIntroTable td {
    font-size:120%;
}

table.miniLeaderboard {
    width:100%;
    font-size:95%;
}
table.miniLeaderboard td {
    padding:2px 5px 2px 0px;
    border-bottom:1px dotted #ccc;
}
table.miniLeaderboard td.score {
    text-align:right;
}
table.miniLeaderboard td.rank {
    padding-left:5px;
}
table.miniLeaderboard td.selected {
    background-color:#ddd;
}


table.miniPast td {
    padding:3px 5px 3px 3px;
    border-bottom:1px dotted #ccc;
    font-size:90%;
}



/* login-specific rules */
.loginInputs {
    margin:0 0 10px 0;

}

.localLogin, .localRegister {
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    padding:10px;
    border-top:1px solid #fff;
    border-bottom:1px solid #bbb;
    border-right:1px solid #ccc;
    background-color:#ddd;
}

.loginInputs table {
    width:100%;
}
.loginInputs table th {
    font-weight:normal;
    padding-right:10px;
}





.navSportitem, .navSportitem {
    /*	background-image:url(/_root/images/common/nav/headline/icon_strip2.png); */
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/icon_strip10.png);
    background-repeat:no-repeat;
    display:block;
    width:24px;
    height:26px;
    background-size:360px 24px;
    float:left;
    margin-right:2px;
    cursor:pointer;
}
.hcnavSportrugbyunion, .hcnavSport1 {
    background-position:0px 0px;
}
.hcnavSportrugbyleague {
    background-position:0px 0px;
}
.hcnavSportcricket, .hcnavSport4 {
    background-position:-72px 0px;
}
.hcnavSportsoccer, .hcnavSport3 {
    background-position:-48px 0px;
}
.hcnavSportleague, .hcnavSport2 {
    background-position:-166px 0px;
}
.hcnavSportother, .hcnavSportother {
    background-position:-194px 0px;
}
.hcnavSportaussie, .hcnavSport6 {
    background-position:-144px 0px;
}
.hcnavSportamerican, .hcnavSport7 {
    background-position:-120px 0px;
}
.hcnavSportgolf, .hcnavSport8 {
    background-position:-216px 0px;
}
.hcnavSportbaseball, .hcnavSport10 { /* baseball */
    background-position:-240px 0px;
}
.hcnavSportbasketball, .hcnavSport11 { /* basketball */
    background-position:-264px 0px;
}
.hcnavSporttennis, .hcnavSport12 { /* tennis */
    background-position:-288px 0px;
}
.hcnavSportcycling, .hcnavSport15 { /* cycling */
    background-position:-312px 0px;
}
.hcnavSportrio, .hcnavSport100 { /* rio 2016 */
    background-position:-336px 0px;
}
.hcnavSportmotorsport, .hcnavSport5 {
    background-position:-24px 0px;
}
.hcnavSportstore, .hcnavSportstore {
    background-position:-96px 0px;
}
.mobileSportItem {

}

.streak {
    cursor:pointer;
}

.streakItem {
    width:10px;
    height:12px;
    display:inline-block;
    margin:0 1px 1px 0px;
    padding:0px 0px 1px 1px;
    border:1px solid #666;
    text-align: center;
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    font-family: Helvetica, Arial, Courier, Courier New, fixed-width;
    /* box-shadow: inset 0px 6px 2px rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0px 6px 2px rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0px 6px 2px rgba(255,255,255,0.5);
    */
}

.stloss {
    background-color:#C0392B;
    border:1px solid #C0392B;
}
.st2l, .st1 {
    background-color:#C0392B;
    border:1px solid #C0392B;
}

.st4, .st2w, .st3w, .stw {
    background-color:#27AE60;
    border:1px solid #27AE60;
}
.st5 {
    background-color:#2ECC71;
    border:1px solid #2ECC71;
}
.stf {
    background-color:#34495E;
    border:1px solid #34495E;
}
.stdraw {
    background-color:#F39C12;
    border:1px solid #F39C12;
}
.stbye {
    background-color:#BDC3C7;
    border:1px solid #BDC3C7;
}


.confTable .venue {
    text-transform: uppercase;
    font-size:0.8em;
    margin:5px 0 5px 0;
}
.confTable td {
    padding:10px 15px 10px 0;
    vertical-align: top;
    border-bottom:1px solid #99cc99;
}
.confTable td.teamLogo {
}

.confBoxWithPromo {
    border:2px solid #090;
    border-radius:7px 7px 7px 7px;
    -moz-border-radius:7px 7px 7px 7px;
    -webkit-border-radius:7px 7px 7px 7px;
    background-color:#edf9ed;
    color:#090;

}
.confBoxWithPromo .top {
    padding:11px;
}

.bigLinedTable {
    font-size:120%;
}
.bigLinedTable td {
    border-bottom:1px dotted #999;
}
.infoHeader {
    font-size:120%;
    color:#090;
    margin:0px 0px 5px 7px;
    display:inline-block;
}
.infoIcon {
    background-color:#090;
    color:#fff;
    font-size:200%;
    font-weight:bold;
    padding:5px 18px 5px 18px;
    display:inline-block;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    margin-bottom:7px;
}
.alertHeader {
    font-size:150%;
    margin:0px 0px 5px 7px;
    display:inline-block;
    color:red;
}
.alertIcon {
    background-color:red;
    color:#fff;
    font-size:200%;
    font-weight:bold;
    padding:5px 18px 5px 18px;
    display:inline-block;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    margin-bottom:7px;
}
.stillTable {
    color:red;
    width:100%;
}
.stillTable td.pickCell {
    padding-right:0px;
    text-align:right;
}
.stillTable td.pickCell a {
    text-align: left;
}

table.streakpop {
    width:100%;
    font-size:0.9em;
}
table.streakpop td {
    padding:5px 3px 5px 3px;
    border-bottom:1px solid #999;
}
table.streakpop td.won {
    background-color:#009900;
    color:#FFF;
}
table.streakpop td.lost {
    background-color:#cc0000;
    color:#FFF;
}
table.streakpop td.drew {
    background-color:#ff9900;
    color:#FFF;
}
/* high-res images */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .replace-2x {
        font-size: 1px;
    }
}

/* @media only screen and (min-width: 0px) { */
/* ######==
    SMALL
   ######== */

body {
}

#topBar {
    display:block;
    background-color:#1f1f1e;
    border-top:1px solid #4b4a49;
    /*	border-left:1px solid #3b3a39;
        border-right:1px solid #3b3a39;
    */
    border-bottom:1px solid #101010;
    box-shadow: inset 0px 21px 2px 0px rgba(255,255,255,0.075);
    -webkit-box-shadow: inset 0px 21px 2px 0px rgba(255,255,255,0.075);
    -moz-box-shadow: inset 0px 21px 2px 0px rgba(255,255,255,0.075);

    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#2b2b2a), to(#1f1f1e));
    background: -moz-linear-gradient(20% 70% 90deg,#1f1f1e, #2b2b2a 100%);
    color:#fff;
    text-align:center;

    border-top-right-radius: 0.3em;
    border-top-left-radius: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    -webkit-border-top-left-radius: 0.3em;
    text-decoration:none;
    height:42px;
    position: relative;

}


#mobileMenu {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
}

#mobileMenu .holder {
    display:block;
    background-color:#000;
    text-align:center;
    color:#fff;
    text-decoration:none;
    padding:9px 0 9px 0;
    cursor:pointer;
    position: relative;
}

#mobileMenu .holder:hover {
    /*	background-color:#333; */
}
#mobileMenu .holder .menuButton {
    position: absolute;
    left:10px;
    top:5px;
}
#mobileMenu .holder a {
    font-size:1.2em;
    font-weight:bold;
    color:#fff;
}

#mobileMenu .content {
    background-color:#262625;
    opacity:0.95em;
    -webkit-text-shadow:0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    filter:alpha(opacity=95);
    color:#fff;
    padding:0px;
    position:absolute;
    top:0px;
    left:-300px;
    display:none;
    width:260px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
    z-index:100;
}
#mobileMenu .content a {
    display:block;
    /* background-color:#333; */
    border-bottom:1px solid #141414;
    border-top:1px solid #333332;
    padding:7px 7px 7px 7px;
    color:#d2d2cd;
}
#mobileMenu .content .tournaments a {
    /*		padding-top:4px; */
}
#mobileMenu .content a div.tname {
    padding-top:5px;
    margin-left:30px;
}
#mobileMenu .content a:hover {
    background-color:#555;
}

#mobileMenu .content .section {
    display:block;
    background-color:#555;
    border-bottom:1px solid #000;
    padding:7px;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}

#mobileMenu .content .userSection a {
    display:block;
    float:left;
    width:44%;
    border-bottom:1px solid #141414;
    border-top:1px solid #333332;
    /*padding:7px 7px 7px 7px; */
    color:#fff;
}
#mobileMenu .content .top {
    background-color:#2e2e2d;
    border-bottom:1px solid #000;
    padding:7px 7px 5px 7px;
    color:#fff;
    cursor:pointer;
}

#mobileMenu .content .top .userName {
    text-transform: uppercase;
    float:left;
    margin:8px 0px 0px 7px;
    font-weight:bold;
}

#mobileMenu .content .top .brand {
    float:left;
}

#mobileMenu .content .top .close {
    float:right;
    font-weight: bold;
    font-size:1.2em;
    /* background-color:#666;
    padding:3px; */
}
#mobileMenu .content #notice {
    font-size:0.75em;
    color:#999;
    margin:7px 7px 7px 7px;
}
#mobileMenu .content #notice a, #mobileMenu .section a {
    display:inline;
    margin:0;
    padding:0;
    background:none;
    border:none;
}
#mobileMenu .section a {
    display:inline;
    margin:9px 0 0 0;
    padding:0;
    background:none;
    border:none;
}
#mobileMenu .mask {
    background-color:#fff;
    opacity:0.1;
    filter:alpha(opacity=10);
    height:800px;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    display:none;
    z-index:10;
}
#mobileMenu #social {
    /* margin:0 0 10px 0; */
}
#mobileMenu #social a {
    display:block;
    margin:5px 0px 5px 7px;
    padding:0;
    background:none;
    border:none;
    color:#3498DB;
}

#mobileMenu .tournaments div.holding {
    margin:10px 7px 10px 7px;
}

#mobileMenu .tournaments .subsection {
    display:block;
    background-color:#333;
    border-bottom:1px solid #000;
    padding:2px 7px 2px 7px;
    text-transform:uppercase;
    color:#fff;
}
#mobileMenu .tournaments .subsection .sportName {
    padding:5px 0 0px 5px;
    float:left;
}
#mobileMenu .tournaments a.noPad {
    padding:0px;
}
#mobileMenu .tournaments a {
    /*   	padding:7px; */
}

/* } */


/* @media only screen and (min-width: 480px) { */
/* ######==
    INTERMEDIATE
   ######== */

.mobNav .hideMobile {
    display:block;
}
.mobNav .hideMobileTD {
    display:table-cell;
}
.mobNav .moreButton {
    display:none;
}
.mobNav .navClear {
    clear:none;
}
.barTab .hideMobile {
    display:block;
}
.barTab .moreButton {
    display:none;
}
.barTab .navClear {
    clear:none;
}

table.points td.hideNarrow, table.points th.hideNarrow, table.data th.hideNarrow, table.data td.hideNarrow  {
    display:table-cell;
}
span.hideNarrow {
    display:inline-block;
}
.hideNarrow {
    display:table-cell;
}
.hideNarrowTD {
    display:table-cell;
}
/* } */



/* @media only screen and (min-width: 768px) { */

/* ######==
    WIDE
   ######== */

body {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/images/template/backgrounds/grass4.jpg);
    background-repeat:no-repeat;
    background-color:#000;
    background-position: center top;
    background-attachment: fixed;
    color:#3b3939;

}
#wrapper {
    width:1002px;
    margin:0 auto;
    text-align:left;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 7px  rgba(0,0,0,0.5);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

a.button, input[type=button], input[type=submit], button {
    padding:5px 20px 5px 20px;
    /*  box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.25);
     -webkit-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: inset 0px -11px 4px 0px rgba(0,0,0,0.25); */
    font-size:1em;
}

#brandNav {
    display:block;
}

#main {
    /* background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/images/common/structure/tile.gif); */
}

h1 {
    font-size:2.0em;
}

.hideDesktop {
    display:none;
}
.showDesktop {
    display:block;
}

/* alerts */
.alert .icon {
    display:block;
}
.alert .alertcontent {
    margin:5px 0 0 50px;
}


.ratingCommunityTitle {
    margin:0 0 3px 2px;
}
.ratingCommunity {
    float:right;
}


.tabBox {
    border-left:1px solid #34495E;
    border-right:1px solid #34495E;
    border-bottom:1px solid #34495E;
    border-bottom-right-radius:3px;
    -webkit-border-radius-bottomright:3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomleft: 3px;
    padding:15px;
    background-color:#fff;
    margin:0 0 20px 0;
}
.tabBox .content {
    padding:20px;
}
.tabBox .base {
    padding:20px 0 20px 0;
    background: -webkit-gradient(linear, 0% 45%, 0% 100%, from(#999), to(#666));
    background: -moz-linear-gradient(20% 70% 90deg,#666, #999 100%);
    background-color:#101010;
    border-bottom-right-radius:10px;
    -webkit-border-radius-bottomright:10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius:10px;
    -webkit-border-radius-bottomleft:10px;
    -moz-border-radius-bottomleft: 10px;
    text-align:center;
}


/* ------ pool management panes ------ */
#poolPane1 {
    width:200px;
    float:left;
    display:block;
    margin-right:-100%;
    margin-left:0px;
}

#poolPane2 {
    width:790px;
    float:left;
    margin-left:200px;
}

img.photo {
    padding:3px;
    /* border:1px solid #ddd;

    box-shadow: 0px 0px 7px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.25);
    */
}


.mobilePaddedHeader {
    padding:0px 0px 10px 0px;
}
.mobilePaddedHeaderDesktopNoPad {
    padding:0px 0px 0px 0px;
}

.mobilePaddedPane {
    padding:0px;
}

#main .floatingPane .holderLarge {
    background-color:#fff;
    padding:20px;
}
#main .floatingPane {
    /*  border:1px solid #ccc; */
}



/* classes for divs of different widths */
div.size1 {
    width:100px;
}
div.size2 {
    width:150px;
}
div.size3 {
    width:200px;
}
div.size4 {
    width:250px;
}
div.size5 {
    width:300px;
}
div.size5a {
    width:315px;
}
div.size6 {
    width:350px;
}
div.size7 {
    width:400px;
}
div.size8 {
    width:450px;
}
div.size9 {
    width:500px;
}
div.size10 {
    width:550px;
}
div.size11 {
    width:600px;
}



ul.mobNav li:first-child a {
    padding-left:10px;
}
/* ------ header ------ */
#header {
    width:1000px;
    margin:0 auto;
    text-align:left;
    padding:50px 0 15px 0;
    height:125px;
}
#header .logo {
    float:left;
    margin:0 0 0 20px;
}
#header .adUnit {
    float:right;
    margin:18px 0 0 0;
    width:728px;
    height:90px;
}

#main .floatingPane {
    margin:0 0 20px 0;
}

#pcard {
    float:left;
    margin:0px 0 0 0;
    height:105px;
}
#pcard #photo {
    float:left;
    margin:5px 7px 0 0;
}
#pcard #info {
    float:left;
    width:170px;
    margin-left:0px;
}
#pcard a.playerName {
    font-size:150%;

}
#pcard #perc {
    margin-top:0px;
    font-size:190%;
    font-weight:300;
    float:left;
}
#pcard #percDesc {
    float:left;
    color:#666;
    font-size:90%;
    margin:3px 0 0 5px;
    line-height:11px;
}
.percDescActive {
    color:#fff;
}
#pcard #delta {

}
#pcard #colGlobal {
    margin-top:3px;
}
#pcard #colGlobal table {
    width:100%;
}
#pcard #colGlobal table td {
    padding: 2px 0 2px 2px;
    cursor:pointer;
}

#pcard #colGlobal table tr:hover {
    background-color:#fff;
}

#pcard #colGlobal table td.gap:hover {
    cursor:auto;
}
#pcard #colGlobal table td:last-child {
    text-align:right;
    padding-right:2px;
}
#pcard .flag {
    float:left;
    margin:7px 0 0 5px;
}
#pcard .buttons {
    margin:7px 0 0 0;
}
.pcardTab {
    /* border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc; */
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    /* border-top-right-radius:3px;
     -webkit-border-radius-topright:3px;
     -moz-border-radius-topright: 3px;
     border-top-left-radius:3px;
     -webkit-border-radius-topleft:3px;
     -moz-border-radius-topleft: 3px; */
    padding:5px 10px 10px 10px;
    width:270px;
    /* box-shadow: 0px -1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px -1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -1px 4px rgba(0,0,0,0.2);
    */
    /* background-color:#fff; */
}


.adminPane {
    background-color:#fff;
    padding: 15px;
    border:1px solid #ccc;
}


table.points {
    width:100%;
    font-size:0.9em;
}
table.points th {
    padding: 5px;

    font-weight:bold;
    background-color:#fff;
    border-bottom:1px solid #BDC3C7;

    /* -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.1); */
}
table.points td {
    /* background-color:#fff;
     border-bottom:1px solid #ccc;
     */
    padding: 5px;

}
table.points tr:nth-child(even) {
    background-color:#F3F5F6;
}
table.points tr:nth-child(odd) {
    background-color:#fff;
}
/*
table.points td.hideNarrow, table.points th.hideNarrow, table.data th.hideNarrow, table.data td.hideNarrow  {
    display:none;
}
*/
/* ------ footer ------ */
#footer {
    margin-bottom:40px;
    background-color:#000;
    color:#fff;
    border-bottom-right-radius:10px;
    -webkit-border-radius-bottomright:10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius:10px;
    -webkit-border-radius-bottomleft:10px;
    -moz-border-radius-bottomleft: 10px;
}

#theaderMobile li.mobileMenuGroup2 {
    display:block;
}
#topBar {
    display: none;
}
#closeMask {
    display: none;
}
.hideMobile {
    display:block;
}
.hideMobileTD {
    display:table-cell;
}
.showMobile {
    display:none;
}

.navClear {
    clear:none;
    display:none;
}


#main .floatingPane {
    margin:0 20px 20px 0;
}


#main .floatingPane .header {
    display:block;
    color:#fff;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); */
    padding:0 0 0 15px;
    font-size:1.25em;
    background-color:#2980B9;
    line-height:32px;
    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0px -11px 12px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px -11px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px -11px 12px 0px rgba(0,0,0,0.1); */
    /*  border-top-right-radius:7px;
      -webkit-border-radius-topright:7px;
      -moz-border-radius-topright: 7px;
      border-top-left-radius:7px;
      -webkit-border-radius-topleft:7px;
      -moz-border-radius-topleft: 7px;
      */
}

#main .floatingPane .holderLarge {
    background-color:#fff;
    min-height: 400px;
}

ul.accordionOrTab li {
    float:left;
}
ul.accordionOrTab li:first-child, ul.accordionOrTab a.first {
    border-top-left-radius:10px;
    -webkit-border-radius-topleft:10px;
    -moz-border-radius-topleft: 10px;
}
ul.accordionOrTab li:last-child, ul.accordionOrTab a.last {
    border-top-right-radius:10px;
    -webkit-border-radius-topright:10px;
    -moz-border-radius-topright: 10px;
}
ul.accordionOrTab a.active {
    border:0px;
    border-left:1px solid #666;
    border-right:1px solid #666;
}



.blog {
    width:200px;
}
.blog .title {
    margin-bottom:5px;
}
.blog .title a {
    font-size:110%;
    font-weight:bold;
    margin-bottom:5px;
}
.blog .descriptor {
    font-size:85%;
    color:#666;
}
.blog .intro {
    margin:0 0 5px 0;
}
.blog .intro a {
    color:#3b3939;
}
.blog .intro a:hover {
    text-decoration:none;
    color:#3498DB;
}


/* login */
.localLogin, .localRegister {
    width:42%;
    float:left;
    background:none;
    background-color:none;
    border:0px;
}
.localLogin h1, .localRegister h1 {
    font-size:1.6em;
}
.localRegister {
    margin-left:30px;
}

.loginContainer {
    margin:0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    padding:0px;
    background-color:#ECF0F1;
    border:1px solid #ccc;
}
.loginInputsNonHome {
    /* width:400px; */
    margin-top:20px;
}

/* ------ pool/section header and bartab (for tabs on dark section bar) ------ */
#plbar {
    background-color:#fff;
    /* background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#666), to(#444));
    background: -moz-linear-gradient(19% 75% 90deg,#444, #666 100%); */
    padding:0px;
    /* box-shadow: inset 0px -5px 7px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0px -5px 7px rgba(0,0,0,0.5);
     -moz-box-shadow: inset 0px -5px 7px rgba(0,0,0,0.5); */
}
#plbar .spacer {
    float:left;width:318px;
}
#plbar .title {
    float:left;
    height:40px;
    /* width:300px; */
}
#plbar ul.iconNav li a {
    color:#fff;
}
#plbar ul.iconNavPool {
    margin:20px 0 0 0;
}
#plbar div.iconNavPoolBar {
    margin:4px 0 0 0;
    float:left;
}
#plbar li a.active {
    color:#C0392B;
}
#plbar li a:hover {
    background-color:#fff;
    color:#C0392B;
}
#plbar .icon {
    float:left;
    margin:0 10px 0px 0;
}
#plbar .iconSpacer {
    width:50px;
}
#plbar .pname {
    float:left;
    /*		min-width:260px; */
    margin:0;
}
#plbar .pnamePlayer {
    float:left;
    min-width:210px;
}
#plbar .pname a {
    font-size:1.3em;
    color:#7F8C8D;
    margin-right:30px;
    /* color:#fff;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    font-weight:bold; */
    line-height:40px;
}
#plbar .pname a:hover {
    text-decoration:none;
    color:#3498DB;
}

ul.barTab {
    margin:0 !important;
    padding:0;
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;

    /* background: -webkit-gradient(linear, 0% 48%, 0% 60%, from(#555), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #555 100%); */
}

/* single tab */
ul.barTab li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.barTab a {
    float:left;
    display:block;
    text-decoration:none;
    /* border-left:1px solid #666;
     border-right:1px solid #333; */
    border-bottom:0px;
    color:#fff;
    font-weight:normal;
    position:relative;
    top:0px;
    outline:0;
    line-height:36px;
    text-decoration:none;
    /*  border-left:1px solid #666;
      border-right:1px solid #333; */
    border-bottom:0px;
    /* line-height:36px; */
    padding:0 15px 0 15px;


    /* -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
     background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#666), to(#333));
    background: -moz-linear-gradient(20% 70% 90deg,#333, #666 100%); */
}
ul.barTab .notifyNumber {
    line-height:normal;
}
ul.barTab li:first-child, ul.barTab a.first {
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
}
ul.barTab li:last-child, ul.barTab a.last {
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
}
ul.barTab a:hover {
    background-color:#E74C3C;
    /* background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#cc0000), to(#8e0000));
     background: -moz-linear-gradient(19% 75% 90deg,#8e0000, #cc0000 100%);
     box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2); */
}
ul.barTab a.active {
    /* color:#000;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ccc), to(#fff));
    background: -moz-linear-gradient(19% 75% 90deg,#fff, #ccc 100%); */
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
}


ul.barTab .arrow_box {
    position: relative;
    background: #ECF0F1;
}
ul.barTab .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.barTab .arrow_box:after {
    border-color: rgba(236,240,241, 0);
    border-bottom-color: #ECF0F1;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}
ul.barTab .arrow_box {
    position: relative;
    background: #ECF0F1;
}
ul.barTab .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.barTab .arrow_box:after {
    border-color: rgba(236,240,241, 0);
    border-bottom-color: #ECF0F1;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}

/*
ul.barTab {
    margin:0 !important;
    padding:0;

    float:left;
}
ul.barTab li {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
    background-color:#666;


}
ul.barTab li:last-child {

}
ul.barTab li:first-child {

}
ul.barTab li a {
    color:#fff;
    padding:10px 10px 11px 10px;
    display:block;
    font-weight: normal;
    font-size:85%;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.7);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.7);

}
ul.barTab li.active {
    list-style-type:none;
    background-color:#eaeaea;
}
ul.barTab li.active a {
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.9);
    color:#3b3939;
}
ul.barTab li a:hover {
    background-color:#8e0000;
    background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#cc0000), to(#8e0000));
    background: -moz-linear-gradient(19% 75% 90deg,#8e0000, #cc0000 100%);
    box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
    text-decoration:none;
}
ul.barTab li.active a:hover {
    background:none;
    background-color:#eaeaea;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-decoration:none;
}

ul.barTab li:first-child a:hover {
    border-top-left-radius:7px;
    -webkit-border-radius-topleft:7px;
    -moz-border-radius-topleft: 7px;
}
ul.barTab li:last-child a:hover {
    border-top-right-radius:7px;
    -webkit-border-radius-topright:7px;
    -moz-border-radius-topright: 7px;
}
*/

/* } */



/* @media only screen and (min-width: 1024px) { */

/* #####
    Maximal Width
   ##### */


#footer {
    display:block;
}
#footerMobile {
    display:none;
}

#theader {
    display:block;
}

#theaderMobile {
    display:none;
}

input[type=text].max {
    max-width: 300px;
}

#main #pane1 {
    width:300px;
    float:left;
    display:block;
}
#main #pane2 {
    width:655px;
    float:right;
    padding:0;
}

#main #pane3 {
    width:250px;
    float:left;
}
#main #pane4 {
    width:705px;
    float:right;
}
#main #pane5 {
    width:645px;
    float:right;
}

#main #pane6 {
    width:300px;
    float:right;
}
#main #pane7 {
    width:655px;
    float:left;
}

#main #pane8 {
    width:230px;
    float:left;
}
#main #pane9 {
    width:725px;
    float:right;
}
#desktop {
    padding:15px 15px 30px 15px;
    background-position:bottom left;
    background-repeat:no-repeat;
}

/* } */




/* brand-specific styles to override anything in core styles */
#footer2011 {
    color:#fff;
    width:100%;
    text-align:left;


    -webkit-text-shadow: 0px -2px 1px rgba(0,0,0,0.7);
    text-shadow: 0px -2px 1px rgba(0,0,0,0.7);
    background-color:#22313F;
    /* background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#555), to(#000));
     background: -moz-linear-gradient(19% 75% 90deg,#222, #000 100%); */
}
#footer2011 a {
    color:#ffffff;
}
#footer2011 a:hover {
    text-decoration:none;
}
#footer2011 #padder {
    padding:14px 21px 21px 21px;
}
#footer2011 #notice {
    color:#838383;
    font-size:90%;
    float:left;
    width:600px;
}
#footer2011 #powered {
    float:right;
    font-size:150%;
}
#footer2011 #powered a {
    color:#91ace1;
    text-decoration:none;
}
#footer2011 #mobile {
    float:left;
    width:300px;
}
#footer2011 #right {
    float:left;
    width:600px;
}
#footer2011 #mobile #info {
    float:left;
    margin:2px 0px 0px 14px;
    width:220px;
    font-size:100%;
}
#facebook56 {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/social_icons.png);
    width:56px;
    height:56px;
    background-position:0px 0px;
}
#mobile56 {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/social_icons.png);
    width:56px;
    height:56px;
    background-position:112px 0px;
}
#twitter56 {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/social_icons.png);
    width:56px;
    height:56px;
    background-position:56px 0px;
}
#general56 {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/social_icons.png);
    width:56px;
    height:56px;
    background-position:-168px 0px;
}
#footer2011 #links {
    margin:0px 0px 35px 300px;
    font-size:110%;
}
#footer2011 #links a {
    text-decoration:none;
    display:inline-block;
    margin-right:21px;
    color:#ffffff;
    font-size:110%;
}
#footer2011 #links a:hover {
    color:#91ace1;
}
#footer2011 .group {
    float:left;
    margin-right:28px;
}
#footer2011 .group #info {
    float:left;
    margin:2px 0px 0px 14px;
    width:180px;
    font-size:100%;
}




ul.flatTab {
    margin:0;
    padding:0 15px 0 15px;
    list-style-type:none;
    background: -webkit-gradient(linear, 0% 48%, 0% 70%, from(#34495E), to(#2C3E50));
    background: -moz-linear-gradient(20% 70% 90deg,#2C3E50, #34495E 100%);
}
ul.flatTab li {
    display:inline-block;
    margin:0px;
}
ul.flatTab a {
    color:#fff;
    display: block;
    background-position:6px 7px;
    background-repeat: no-repeat;
    padding:11px 10px 10px 37px;
}
ul.flatTab li.active {
    background-color:#ECF0F1;
}
ul.flatTab li.active a {
    color:#3b3939;
}
ul.flatTab li:hover {
    background-color:#27AE60;
}
.ulIcon {
    display:table-cell;
    padding:0px 7px 0 0;
    width:22px;
    height:22px;
    background-repeat:no-repeat;
    vertical-align:middle;
}
.ulIcon_home {
    background-image:url(/coreimages/icons/light/home.png);
}
.ulIcon_people {
    background-image:url(/coreimages/icons/light/people.png);
}
.ulIcon_cup {
    background-image:url(/coreimages/icons/light/cup.png);
}
.ulIcon_medal {
    background-image:url(/coreimages/icons/light/medal.png);
}
.ulIcon_settings {
    background-image:url(/coreimages/icons/light/settings.png);
}
.ulIcon_info {
    background-image:url(/coreimages/icons/light/info.png);
}
.ulIcon_mail {
    background-image:url(/coreimages/icons/light/mail.png);
}
.ulIcon_tee {
    background-image:url(/coreimages/icons/light/tee.png);
}
.ulIcon_leaderboard {
    background-image:url(/coreimages/icons/light/leaderboard.png);
}
.ulIcon_book {
    background-image:url(/coreimages/icons/light/book.png);
}
.ulIcon_invitations {
    background-image:url(/coreimages/icons/light/invitations.png);
}
.ulIcon_dashboard {
    background-image:url(/coreimages/icons/light/dashboard.png);
}
.ulIcon_person {
    background-image:url(/coreimages/icons/light/person.png);
}
.ulIcon_badge {
    background-image:url(/coreimages/icons/light/club.png);
}
.ulIcon_results {
    background-image:url(/coreimages/icons/light/results.png);
}
.ulIcon_speech {
    background-image:url(/coreimages/icons/light/speech.png);
}
.ulIcon_news {
    background-image:url(/coreimages/icons/light/news.png);
}
.ulIcon_picks {
    background-image:url(/coreimages/icons/light/picks.png);
}
.ulIcon_clock {
    background-image:url(/coreimages/icons/light/clock.png);
}
.ulIcon_xi {
    background-image:url(/coreimages/icons/light/xi.png);
}
.ulIcon_xv {
    background-image:url(/coreimages/icons/light/xv.png);
}
.ulIcon_certificate {
    background-image:url(/coreimages/icons/light/cert.png);
}




ul.iconNav {
    margin:0 !important;
    padding:0 15px 0 15px;
    list-style-type:none;
}

/* single tab */
ul.iconNav li {
    display:inline-block;
    margin:0px;
}

ul.iconNav .moreButton {
    display:none;
}
/* link inside the tab. uses a background image */
ul.iconNav a {
    color:#fff;
    display: block;
    line-height:36px;
    background-position:11px 7px;
    background-repeat: no-repeat;
    padding:0px 12px 0px 39px;
}
ul.iconNav li:first-child, ul.iconNav a.first {
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
}
ul.iconNav li:last-child, ul.iconNav a.last {
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
}
ul.iconNav a:hover {
    background-color:#E74C3C;
    /* background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#cc0000), to(#8e0000));
     background: -moz-linear-gradient(19% 75% 90deg,#8e0000, #cc0000 100%);
     box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2); */
}
ul.iconNav .notifyNumber {
    line-height:normal;
}
ul.iconNav a.active {
    /* color:#000;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ccc), to(#fff));
    background: -moz-linear-gradient(19% 75% 90deg,#fff, #ccc 100%); */
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
}


ul.iconNav .arrow_box {
    position: relative;
    background: #ECF0F1;
}
ul.iconNav .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.iconNav .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ECF0F1;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}
ul.iconNav .arrow_box {
    position: relative;
    background: #ECF0F1;
}
ul.iconNav .arrow_box:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.iconNav .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ECF0F1;
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}
ul.iconNavDark, ul.iconNavDark a {
    color:#7F8C8D;
}



.bruFeed .message {
    background-color:#fff;
    padding:10px;
    margin-bottom:10px;
}
.bruFeed .message .content .text {
    margin:2px 0 5px 0;
}
.bruFeed .message .actionTot {
    font-size:0.9em;
    margin:0 10px 5px 0;
    float:left;
}
.bruFeed .message .actionDetails {
    margin:10px 0 10px 0;
    font-size:0.9em;
}
.bruFeed .sub {
    font-size:1em;
    margin:5px 0 5px 0;
}
.bruFeed .sub .thumb {
    margin: 0 -100% 0 0;
    float:left;
}
.bruFeed .sub .content {
    float:left;
    margin-left:42px;
}
.bruFeed .thumb {
    margin: 0 -100% 0 0;
    float:left;
    position:relative;
    width:50px;
    height:50px;
}
.bruFeed .thumb .overlay {
    position:absolute;z-index:10;top:0px;left:0px;
    width:25px;
    height:20px;
}
.bruFeed .thumb .mug {
    position:absolute;z-index:1;width:50px;height:50px;
}
.bruFeed .content {
    float:left;
    margin-left:60px;
}
.bruFeed .sub_comment_holder {
    margin:5px 0 0 0;
}
.bruFeed .sub_comment_holder input[type=button] {
    margin:5px 0 0 0;
}
.bruFeed .time_ago {
    font-size:0.9em;
    color:#999;
    cursor:pointer;
}
.bruFeed_top_input {
    margin:0 0 20px 0;
}
.bruFeed_top_input .editable_base {
    background-color:#fff;
}
.bruFeed .content a.snippet {
    color:#3b3939;
    text-decoration: none;
}
.bruFeed .full_time_ago {
    display:none;
    font-size:0.85em;
    color:#999;
    cursor:pointer;
}
.bruFeed a.messageAction {
    margin-right:10px;
    font-size:0.85em;
}
.bruFeed .saveIndicator {
    color:#666;
    font-style:italic;
}
.bruFeed div.entryBox {
    padding:4px;
    border:1px solid #ccc;
    font-size:0.95em;
    background-color:#fff;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius: 2px;
    min-height:30px;
}
.bruFeed .hint {
    font-size:0.85em;
    color:#c1c1c1;
    margin:0 0 5px 0;
}
.bruFeed .actions {
    float:left;
    display:none;
}
.bruFeed a.commentDelete {
    font-size:0.85em;
    margin-left:10px;
}
.bruFeed .actions a {
    /* color:#999; */
}

.bruFeed .actionStrip {
    /*	background-image:url(/_root/images/common/nav/headline/icon_strip2.png); */
    background-image:url(/coreimages/structure/feed_action_icons.png);
    background-repeat:no-repeat;
    display:block;
    width:18px;
    height:18px;
    float:left;
    margin-right:4px;
    cursor:pointer;
}
.bruFeed .actionComment {
    background-position:0px 0px;
}
.bruFeed .actionHighfive {
    background-position:-18px 0px;
}
.bruFeed .actionDelete {
    background-position:-36px 0px;
}
.bruFeed .actionLabel {
    float:left;
    margin-right:10px;
}
.bruFeed .actionLabel a {
    font-size:0.85em;
    color:#bcbcbc;
}

.bruFeed .postedIn {
    color:#BDC3C7;
    margin:0 0 3px 0;
    font-size:0.9em;
}
.bruFeed .filter input[type=radio] {
    margin-right:7px;
}
.bruFeed .filter label {
    margin-right:12px;
    cursor:pointer;
}
.brufeedLoader {
    margin:0 0 400px 0;
}

.bruFeed .topBox {
    margin:0 0 10px 0;
}
.bruFeed .filterBox {
    margin:5px 0px 5px 0px;
}
.bruFeed .filterOption {
    background-color:#BDC3C7;
    padding:5px 5px 5px 5px;
    font-size:0.9em;
    cursor:pointer;
    display:block;
    float:left;
    text-align:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin:5px 4px 5px 0;
    border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.bruFeed .filterOptionOn {
    background-color:#7F8C8D;
    color:#fff;
    /* border-bottom:2px solid #3498DB; */
}
.bruFeed input.banterPost {
    padding:6px 25px 6px 25px;
    margin-bottom:10px;
}
.bruFeed .filterOptionLite {
    background-color:#fff;
    color:#dbe1e5;
}
.bruFeed #refreshLoad {
    padding:8px 0 0 4px;
}
.bruFeed .filterOptionRight {
    float:right;
}
.bruFeed .filterOptionLast {
    margin-right:0;
}

.ac_results {
    padding: 0px;
    border: 0px solid black;
    background-color: #222;
    overflow: hidden;
    z-index: 99999;
    color:#fff;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    -webkit-border-radius-bottomleft:5px;
    -webkit-border-radius-bottomright:5px;
    background-color:#222;
    border-color:#000 #111 #111;
    border-style:solid;
    border-width:1px;
}
.ac_results li.noresult_msg {
    background:#222 none repeat scroll 0 0;
    border:2px solid #000;
    font-size:93%;
    padding:5px 6px;
}
.ac_results li.start_msg {
    background:#222 none repeat scroll 0 0;
    border:2px solid #000;
    font-size:93%;
    padding:5px 6px;
}
.ac_results li.end_msg {
    background:#222 none repeat scroll 0 0;
    border:2px solid #000;
    font-size:93%;
    padding:5px 6px;
}

.ac_results li {
    margin: 0px;
    text-align:left;
    padding: 3px 6px;
    cursor: default;
    display: block;
    border-top:1px solid #000;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}
.ac_loading {
    background: white right center no-repeat; /*  url('indicator.gif') */
}
.ac_over {
    background-color: #222;
}

div.flatTable {
    display:inline-block;
}

div.flatTable table th {
    background-color:#34495E;
    color:#fff;
    padding:10px 7px 10px 7px;
}
div.flatTable table tr:first-child {
    padding-left:10px;
}
div.flatTable table th.sub {
    background-color:#1ABC9C;
}
div.flatTable table td {
    padding:7px;
}
div.flatTable tr:nth-child(odd) {
    background-color:#fff;
}
div.flatTable tr:nth-child(even) {
    background-color:#f7f7f7;
}






.footerWide {
    background-color:#1b2026;
    width:100%;
    color:#fff;
    margin:50px 0 0 0;
    text-align:center;
}
.footerWide .cont {
    width:1006px;
    text-align:left;
    margin: 0 auto;
}
.footerWide .cont .pad {
    padding:20px 15px 30px 15px;
}
.footerWide .footNav {
    float:right;
    margin-left:80px;
}
.footerWide .lastNav {
    margin-right:70px;
}
.footerWide .footNav ul {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    padding-top:0;
    margin-top:0;
}
.footerWide a, .footerBase a {
    color: #ECF0F1;
}
.footerWide a:hover, .footerBase a:hover {
    color: #E74C3C;
}
.footerWide .footNav ul li {
    padding-top:0;
    margin:0 0 12px 0;

}
.footerBase .powered {
    float:right;
    margin:5px 0 0 0;
}
.footerBase .copy {
    float:left;
    margin: 5px 30px 0 0;
    font-size:0.85em;
}
.footerBase .powered .se {
    font-weight:bold;
}
.footerWide a.diff, .footerBase a.diff {
    color:#BDC3C7;
}
.footerWide .edition {
    float:left;
    /* width:300px; */
}
.footerWide .social {
    float:left;
    margin:39px 0 0 0;
}
.footerWide .edition .icon {
    float:left;
    margin-right:10px;
}
.footerWide .edition .service {
    margin:0 30px 15px 0;
    float:left;
}
.footerWide .edition .info {
    float:left;
    margin-top:3px;
}

.footerWide a.footButton {
    background-color:#7F8C8D;
    padding:2px 7px 2px 7px;
    display:inline-block;
    color:#ffffff;
    font-size:0.9em;
    font-weight:normal;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    cursor:pointer;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}
.footerWide a.footButton:hover {
    background-color:#E74C3C;
}
.footerBase .app {
    float:left;
    margin:0 0 0 50px;
}
.footerBase {
    background-color:#080a0c;
    color:#fff;
    width:100%;
    text-align:center;
}
.footerBase .cont {
    width:1006px;
    margin:0 auto;
    text-align:left;
}
.footerBase .cont .pad {
    padding:20px 15px 20px 15px;
}



/* ------ notification icon ------ */
.notifyHolder {
    position:relative;
    margin-left:5px;
    display:inline-block;
    width:15px;
}
.notifyNumber {
    font-weight:bold;
    background-color:#cc0000;
    padding:0px 4px 1px 3px;
    display:inline-block;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    line-height:normal;
    /*   box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
       -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
       -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
       */
    cursor:pointer;
    color:#fff;
    font-size:9px;
    position:absolute;
    top:5px;
    left:0px;
}
.uniNav .navBar .notifyNumber {
    background-color:#E74C3C;
    border:1px solid #fff;
}
.uniNav .subnav .notifyNumber {
    top:0px;
}



ul.loginTabs {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.loginTabs li.info {
    background:none;
    float:left;
    padding:15px 15px 12px 15px;
}
ul.loginTabs li {
    background-color:#BDC3C7;
    float:left;
    margin:0 2px 0 0;
}
ul.loginTabs:last-child {
    margin-right:0;
}

ul.loginTabs li a {
    padding:10px 10px 7px 50px;
    text-decoration:none;
    color:#3b3939;
    display:block;
}
ul.loginTabsMini li {
    width:92px;
}
ul.loginTabsMini li a {
    padding:5px 5px 5px 30px;
}
ul.loginTabs li.dstv {
    margin-right:0;
}

ul.loginTabs li.dstv a {
    padding:9px 10px 7px 10px;
}
ul.loginTabsMini li.dstv a {
    padding:7px 0 0 10px;
    min-height:32px;
}
ul.loginTabs .with {
    font-size:0.85em;
}
/*
ul.loginTabsMini .with {
    font-size:0.80em;
} */
ul.loginTabs li a.active {
    background-color:#fff;
}
ul.loginTabs li.dstv a.active {
    background-color:#0069a9;
}

ul.loginTabs a:hover {
    background-color:#cdd4d9;
}
ul.loginTabs li a.fb {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/fb32.gif);
    background-repeat:no-repeat;
    background-position: 10px 7px;
}
ul.loginTabs li a.sb {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/sb32.gif);
    background-repeat:no-repeat;
    background-position: 10px 7px;
}
ul.loginTabsMini li a.fb {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/fb20.gif);
    background-repeat:no-repeat;
    background-position: 5px 7px;
}
ul.loginTabsMini li a.sb {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/sb20.gif);
    background-repeat:no-repeat;
    background-position: 5px 7px;
}
ul.loginTabsMini li a.fb, ul.loginTabsMini li a.sb  {
    /* background:none; */
}
.loginBox {
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 50%, 0% 90%, from(#fff), to(#F3F5F6));
    background: -moz-linear-gradient(20% 70% 90deg,#F3F5F6, #fff 100%);
    /* border-top-right-radius:3px;
     -webkit-border-radius-topright:3px;
     -moz-border-radius-topright: 3px; */
    border-bottom-right-radius:3px;
    -webkit-border-radius-bottomright:3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomleft: 3px;
    padding:15px;
    min-height:260px;
    width:250px;
}
.loginBoxDstv {
    padding:0;
    width:280px;
}
.dstvPadder {
    padding:15px;
}
.dstvBar {
    background-color:#0069a9;
    background: linear-gradient(180deg,#0069a9, #0095d6);
    background: -moz-linear-gradient(270deg,#0069a9, #0095d6);
    color:#fff;
    padding:10px 0 10px 15px;
    font-size:1.3em;
    font-weight:300;
}
.dstvBarNobg {
    color:#0069a9;
    padding:10px 0 10px 15px;
    font-size:1.3em;
    font-weight:300;
}
.dstvStripes {
    height:10px;
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/dstv_stripes.png);
}
input.dstvButton {
    background-color:#0095d6;
}
input.dstvButton:hover {
    background-color:#00a6ee;
}
.loginBoxWide {
    width:500px;
}
#login_Facebook * {
    color:#3965a4;
}
#login_Facebook a.button {
    background-color:#3965a4;
    color:#fff;
}
#login_Facebook a.button:hover {
    background-color:#4376c0
}

.loginBox {
    opacity:0.85;
    filter:alpha(opacity=85);
    min-height:160px;
    margin:0 auto;
}
.loginInputs {
    margin-bottom:0;
}
.loginHolder {
    /* margin:0 auto; */
    width:280px;
}


.newTournaments {
    background-color:#444;
    padding:5px 15px 6px 15px;
    text-align:right;
    color:#eee;
    font-size:0.90em;
    display:block;
}
.newTournaments a {
    color:#fff;
}


div.radioBand label {
    display:inline;
    margin:5px 15px 0 0;
}



.pace .pace-progress {
    background: #3498DB;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;

    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}


.guideBubble button {
    margin-right:10px;
}


#powerTip{cursor:default;background-color:#22313F;background-color:rgba(0,0,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #22313F;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #22313F;border-right:10px solid rgba(0,0,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #22313F;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #22313F;border-left:10px solid rgba(0,0,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #22313F;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #22313F;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:10px solid #22313F;border-top:10px solid rgba(0,0,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:0;border-bottom:10px solid #22313F;border-bottom:10px solid rgba(0,0,0,.8);bottom:auto;top:-10px}#powerTip.se-alt:before{left:auto;right:10px}

#powerTip .maxTip {width:200px;white-space:normal;}
.powertip, .powertipMouse {
    cursor:pointer;
}
#powerTip {
    width:200px;
    white-space:normal;
}


/* revised player card */
.pcard2 {

    margin:0px 0 0 0;
    height:120px;
    width:290px;
    background-color:#fff;
    padding:7px 0 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    cursor:default;
    position:absolute;
    z-index:10;
}
.pcard2 .metricLeft {
    float:left;
    width:86px;
}
.pcard2 .metricRight {
    width:97px;
    margin-left:1px;
    float:left;
}
.pcard2 .tag {
    margin-top:2px;
    font-size:0.85em;
    /*	text-transform:uppercase; */
    color:#7F8C8D;
    text-align:center;
}
.pcard2 .metricLeft .tag {

}

.pcard2 .metricperc {
    font-size:1.8em;
    font-weight:300;
    display:inline-block;
    float:left;
    width:45px;
    margin-left:7px;
    text-align:right;
}

.pcard2 .metricLeft .metricperc {
    text-align:right;
    width:45px;
    margin-left:8px;
}
.pcard2 .metricLeft .metricperc100 {
    margin-left:0px;
    width:60px;
}
.pcard2 .delta {
    font-size:0.85em;
    display:inline-block;
    float:left;
    margin:6px 0 0 3px;
}
.pcard2 .photo {
    float:left;
    width:90px;
    position:relative;
    margin-top:3px;
    cursor:pointer;
}
.pcard2 .rankings a, .pcard2 .badgeHolder a {
    color:#7F8C8D;
}
.pcard2 a.playerName {
    font-size:1.5em;
}
.pcard2 a.playerNameBig {
    font-size:1.2em;
    letter-spacing:-1px;
    width:180px;
    overflow:hidden;
}

.pcard2 .photoCircular {
    width: 85px;
    height: 85px;
    top:0;
    left:0;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    background-repeat:no-repeat;
}
.pcard2 .photoOptions {
    position:absolute;
    z-index:100;
    top:0;
    left:0;
    width:85px;
    height:85px;
    background-color:#2C3E50;
    opacity:0.8;
    filter:alpha(opacity=80);
    display:none;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
}
.pcard2 .photoOptions .option {
    height:43px;
    text-align:center;
    border-bottom:1px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top:15px;
}
.pcard2 .photoOptions .option a {
    color:#fff;
    font-size:0.85em;
}
.pcard2 .photoOptions .option2 {
    padding-top:6px;
}
.pcard2 .flagCircular {
    width: 15px;
    height: 15px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    background-repeat:no-repeat;
    background-position:center;
}
.pcard2 .deltaPositive {
    color:#27AE60;
}
.pcard2 .deltaNegative {
    color:#E74C3C;
}
.pcard2 .deltaUnchanged {
    color:#E67E22;
}
.pcard2 .badgeHolder {
    margin:3px 0 0 0;
}
.pcard2 .badgeHolder .icon {
    float:left;
    margin:1px 4px 0 1px;
}
.pcard2 .badgeHolder .progress {
    float:left;
    margin:1px 0 0 0;
    font-size:0.95em;
    color:#7F8C8D;
}
.pcard2 .rankings {
    margin:4px 0 0 1px;
}
.pcard2 .rankings .position {
    float:left;
    margin:0 10px 0 3px;
    font-size:0.9em;
}

.pcard2 .photo .teamFlag {
    width:100%;
    text-align:center;
    margin:4px 0 0 0;
}
.pcard2 .photo .statsLink {
    width:100%;
    text-align:center;
    margin:2px 0 0 0;
    display:none;
}
.pcard2 .photo .statsLink a.smallButton {

}
.pcard2 .updating {
    color:#95A5A6;
    margin:7px 0 7px 2px;
    font-size:0.95em;
}
.pcard2 .deltaTag {
    text-transform: uppercase;
    font-size:0.8em;
    color:#7F8C8D;
    line-height:0.7em;
}




.pickCalFlat {
    width:100%;
}
.pickCalFlat td.date {
    font-size:85%;
    color:#666;
    text-transform: uppercase;
    margin-top:1px;
    text-align:right;

}

.pickCalFlat th {
    padding:5px 10px 5px 10px;
    background-color:#34495E;
    /*   -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
      -webkit-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0px -11px 3px 0px rgba(0,0,0,0.4); */
    font-weight: 300;
    color:#fff;
    text-transform: uppercase;
    font-size:0.9em;
    text-align:left;
}

.pickCalFlat td {
    background-color: #f7f3dc;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#f7f3dc), to(#efe8c1));
    background: -moz-linear-gradient(20% 70% 90deg,#efe8c1, #f7f3dc 100%);
    padding:10px;
    padding:5px 10px 5px 10px;
    border-top:1px solid #f7f6ed;
    border-bottom:1px solid #ded5a2;
    /* -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.8);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.8); */
}
.pickCalFlat td.tournament {
    background:none;
    background-color: #ded5a2;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#ded5a2), to(#bfb681));
    background: -moz-linear-gradient(20% 70% 90deg,#bfb681, #ded5a2 100%);

    padding:8px 10px 8px 10px;
    border-top:1px solid #f7f6ed;
    border-bottom:1px solid #ded5a2;
    /* -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.8);
     text-shadow: 0px -1px 1px rgba(255,255,255,0.8); */
}
.pickCalFlat td.tournament a {
    color:#222;
}

.pickCalFlat2 {
    width:100%;

}

.pickCalFlat2 td {
    border-bottom:1px solid #dbe1e5;
    padding:2px;
    -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;
}
.pickCalFlat2 .date {
    color:#95A5A6;
    padding-left:5px;
}
.pickCalFlat2 td.event {
    cursor:pointer;
}
.pickCalFlat2 .early {
    margin-right:5px;font-size:0.95em;color:#E67E22;font-weight:normal;
}
.pickCalFlat2 tr:hover td {
    background-color:#ECF0F1;
}
.pickCalFlat2 th {
    padding:15px 0 10px 5px;
    font-weight:300;
    border-bottom:1px solid #dbe1e5;
}
.pickCalFlat2 th.headerDate {
    font-size:1.2em;
    color:#3498DB;
}
.pickCalFlat2 td.poolName {
    font-weight:bold;
}
.pickCalFlat2 .lock {
    padding:4px 10px 2px 10px;
}
.pickCalFlat2 .switchTag {
    float:right;
    margin:2px 7px 0 0;
    font-weight:normal;
    font-size:0.95em;
}
.pickCalFlat2 a.calButton {
    text-align:center;
    color:#fff;
    border-radius:2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size:0.9em;
    display:inline-block;
    padding:4px 5px 4px 5px;
    width:100%;
    -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;
}
.pickCalFlat2 td.mail {
    vertical-align:top;
    cursor:pointer;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#ECF0F1;
}
.pickCalFlat2 td.mail div.user {
    margin:0 0 3px 0;
    font-weight:bold;
    color:#3498DB;
}
.pickCalFlat2 td.mail .date {
    font-size:0.9em;
    color: #95a5a6;
    margin:3px 5px 0 0;
    padding:0;
}
.pickCalFlat2 td.mail.unread {
    background-color:  #fff;
}
.pickCalFlat2 tr.mailLine:hover td {
    background-color:#F3F5F6;
}
.pickCalFlat2 td.mail div.subject {
    margin:1px 0 2px 0;
    font-weight:bold;
}
.pickCalFlat2 td.mail img {
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    margin:3px;
}
.pickCalFlat2 td.mail .message {
    color: #95a5a6;
    font-size:0.9em;
}
/* premium nav */
div.premiumBar {
    width:728px;
}
div.premiumBar * {
    text-shadow: none;
}
div.premiumBar .dropperNav {
    float:left;
}
div.premiumBar div.userNav div.sub {
    padding-top:0;
    /* border-top:0;
    border-left:2px solid #22313F;
    border-right:2px solid #22313F;
    border-bottom:2px solid #22313F;
    */
    border-bottom-right-radius:2px;
    -webkit-border-radius-bottomright:2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-left-radius:2px;
    -webkit-border-radius-bottomleft:2px;
    -moz-border-radius-bottomleft: 2px;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#fff));
    background: -moz-linear-gradient(20% 70% 90deg,#fff, #fff 100%);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 5px  rgba(0,0,0,0.4);
}
div.premiumBar div.userNav div.dropper div.sub {
    background:#2980B9;
}
div.premiumBar div.userNav div.sub div.topOfPopCal {
    color:#fff;
    padding: 15px 10px 15px 10px;;
    background-color:#34495E;
}
div.premiumBar div.userNav div.sub div.topOfPopCal.col1 {
    background-color:#C0392B;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#C0392B), to(#E74C3C));
    background: -moz-linear-gradient(20% 70% 90deg,#E74C3C, #C0392B 100%);
}
.dropperNav.rolled.col1 {
    background-color: #C0392B;
}
div.premiumBar div.userNav div.sub div.topOfPopCal.col2 {
    background-color:#16A085;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#16A085), to(#1ABC9C));
    background: -moz-linear-gradient(20% 70% 90deg,#1ABC9C, #16A085 100%);
}
.dropperNav.rolled.col2 {
    background-color: #16A085;
}
div.premiumBar div.userNav div.sub div.topOfPopCal.col3 {
    background-color:#2980B9;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#2980B9), to(#3498DB));
    background: -moz-linear-gradient(20% 70% 90deg,#3498DB, #2980B9 100%);
}
.dropperNav.rolled.col3 {
    background-color: #2980B9;
}
div.premiumBar div.userNav div.sub div.topOfPopCal.col4 {
    background-color:#E67E22;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#E67E22), to(#F39C12));
    background: -moz-linear-gradient(20% 70% 90deg,#F39C12, #E67E22 100%);
}
.dropperNav.rolled.col4 {
    background-color: #E67E22;
}
div.premiumBar .dropperNav .sub {
    padding:0px;
}
div.premiumBar div.userNav div.sub div.topOfPopCal div.intro{
    float:left;
    font-size:1.2em;
    font-weight:300;
}
div.premiumBar div.userNav div.sub div.topOfPopCal div.fullButton {
    float:right;
    padding:0 0 0 0;
}
div.premiumBar div.userNav div.sub div.topOfPopCal div.fullButton a.smallButton {
    color:#1b2026;
    background-color:#ECF0F1;
    border:1px solid #ECF0F1;
    padding:5px 5px 5px 5px;
    -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
div.premiumBar div.userNav div.sub .contentPane {
    overflow:auto;
    height:400px;
    padding:10px;
}
div.premiumBar div.userNav div.sub div.topOfPopCal div.fullButton a.smallButton:hover {
    background-color:#fff;
    color:#3498DB;
}
div.premiumBar div.userNav {
    margin-top:0px;
    color:#fff;
    text-shadow: none;
    float:left;
}
div.premiumBar div.rightNav {
    float:right;
}
div.premiumBar div.leftNav {
    float:left;
}
/*
div.premiumBar div.userNav div.sub, div.premiumBar div.userNav div.sub a {
    color:#22313F;
    text-shadow: none;
}
*/
div.premiumBar div.userNav div.sub a.dashboardButton {
    color:#fff;
}
div.premiumBar div.userNav div.dropper {
    float:left;
    margin-right:5px;
}
div.premiumBar div.userNav div.sub div.popFooter {
    width:100%;
    text-align:center;
    padding:10px 0 0px 0;
}
div.premiumBar div.userNav div.sub div.popFooter a {
    color:#fff;
    display:inline-block;
    padding-right:10px;
    padding-left:10px;
}
div.premiumBar div.userNav .trigger {
    background:none;
    border:0;
    padding:10px 10px 10px 10px;
}
div.premiumBar a.calButton {
    color:#fff;
}
#triggerInvitationsSub {
    width:620px;
    /*  height: 450px; */
    min-height:55px;
}
#triggerUpcomingSub {
    width:740px;
    /*  height: 450px; */
    min-height:55px;
}
#triggerMailSub {
    width:520px;
    /*  height: 450px; */
    min-height:55px;
}
#triggerCaptaincySub {
    width:400px;
    /*   height: 450px;  */
    min-height:55px;
}
#triggerMailSub table.mail tr.mailLine td {
    background:none;
    background-color:#fff;
}
#triggerMailSub table.mail tr.mailLine tr:hover td {
    background-color:#ECF0F1;
}
#triggerInvitationsSub a.smallButton {

}
table.bands .inviteTable td {
    padding:0px 10px 0 0;
    border:0;
    background:none;
}
#triggerInvitationsSub table a {
    color:#3498DB;
}
#triggerInvitationsSub table a.smallButton {
    color:#fff;
    padding-left:5px;
    padding-right:5px;
}
div.premiumBar .notifyHolder {
    position:relative;
    margin-left:5px;
    display:inline-block;
    width:15px;
}
div.premiumBar .notifyNumber {
    font-weight:bold;
    background-color:#E74C3C;
    padding:1px 5px 2px 4px;
    display:inline-block;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    border:0px solid #fff;
    line-height:normal;
    cursor:pointer;
    color:#fff;
    font-size:9px;
    position:absolute;
    top:-1px;
    left:0px;
}
#mess, #messClub {
    width:30%;
    background-color:#fff;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    padding:15px;
    display:none;
    color:#22313F;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 20px  rgba(0,0,0,0.7);
    position:absolute;
    z-index:99999;
}
.premiumBar .sportBarNav {
    margin:4px 0 0px 0;
}

div.rightNav a, div.leftNav a {
    color:#fff;
}
div.rightNav div.singleLine a, div.leftNav div.singleLine a  {
    line-height:36px;
}
div.premiumBar div.rightNav div.sub {
    background-color:#1b2026;
    padding:0px;
}

div.premiumBar div.rightNav div.sub a{
    color:#fff;
    font-size:0.91em;
    padding:8px;
}
div.premiumBar div.rightNav div.sub a:hover {
    background-color:#C0392B;
}
div.premiumBar div.userNav div.singleLine {
    margin-left:15px;
}
div.premiumBar div.leftNav .notifyNumber  {
    top:10px;
}

div.premiumBar .dropper .sub a.tableButton {
    color:#fff;
    background-color:#C0392B;
    padding:2px 7px 2px 7px;
    display:inline-block;
    color:#ffffff;
    font-size:85%;
    font-weight:normal;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #C0392B;
    cursor:pointer;
}
div.premiumBar .dropper .sub a.tableButtonGrey {
    background-color:#7F8C8D;
    border:1px solid #7F8C8D;
}

span.newsUnread {
    background-color:#16A085;
    color:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:2px 4px 2px 4px;
    margin-left:10px;
    font-size:11px;
    font-weight: normal;
}
.premiumGap {
    height:87px;
}

.countryCircleSmall {
    width: 17px;
    height: 17px;
    top:0;
    left:0;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    background-repeat:no-repeat;
    background-position:top center;
    background-size:28px 17px;
}
.tournNavGroup a.tournNavLine {
    padding:5px;
    border-bottom:1px solid #dbe1e5;
    color:#22313F;
    display:block;
}
.tournNavGroup .instructions {
    padding:5px 5px 0 5px;
}
.tournNavGroup a.tournNavLine:hover {
    background-color:#dbe1e5;
}
.tournNavGroup a:last-child {
    border-bottom:0px;
}
.tournNavGroup {
    background-color:#fff;
    padding:0px;
    margin:0 0 10px 0;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius: 1px;
}
.popTournNav .tournTypeGroup {
    width:279px;
    margin-right:15px;
    float:left;
}
.popTournNav .tournTypeGroupWide {
    width:425px;
}
.popTournNav div:nth-last-child(2){
    margin-right:0;
}
.popTournNav {
    width:877px;
    padding:10px;
}
.popTournNav .tournTypeGroup span {
    background-color:#2980B9;
    padding:2px 0 2px 0;
    display:inline-block;
    color:#ffffff;
    font-size:85%;
    font-weight:normal;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #2980B9;
    cursor:pointer;
    width:70px;
    text-align:center;
}
.popTournNav .tournTypeGroup span.picksMade {
    background-color:#27AE60;
    border:1px solid #27AE60;
}
.popTournNav .tournTypeGroup span.picksNeeded {
    background-color:#C0392B;
    border:1px solid #C0392B;
}
.popTournNav .tournTypeGroup span:hover {
    background-color:#3498DB;
}
.popTournNav .tournTypeGroup span.picksMade:hover {
    background-color:#2ECC71;
}
.popTournNav .tournTypeGroup span.picksNeeded:hover {
    background-color:#E74C3C;
}
.popTournNav .tournTypeGroup .tournName {

}
a.tournNavLine table {
    width:100%;
    font-size:0.95em;
}

a.tournNavLine table td {
    vertical-align:middle;
}
a.tournNavLine table td.tournName {
    vertical-align:middle;
    width:160px;
    font-size:0.95em;
}
a.tournNavLine table td.icon {
    width:26px;
}
a.tournNavLine table td.button {
    text-align:right;
}
a.tournNavLine table td.tournNameWide {
    vertical-align:middle;
    width:220px;
    font-size:0.95em;
}
.popTournNav h3 {
    color:#2980B9;
}

ul.lozenge {
    list-style-type: none;
    margin:0;
    padding:0;
}
ul.lozenge li {
    display:inline-block;
    margin:0 5px 0 0;
}
ul.lozenge li a, ul.lozenge li span.none {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color:#7F8C8D;
    color:#fff;
    padding:4px 6px 4px 6px;
    font-size:0.85em;
}
ul.lozenge li span.none {
    background-color:#ECF0F1;
    color:#BDC3C7;
}
ul.lozenge li a:hover {
    background-color:#3498DB;
}
ul.lozenge li a.active {
    background-color:#2980B9;
}

ul.lozenge li.tag {
    font-size:0.9em;
    padding-top:4px;
}


/* changes for new pre-RWC 2015 header area */
#userHeader {
    padding:0px;
    background-color:#ECF0F1;
    position:relative;
}
.pcard2 {
    border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    position:absolute;
    display:block;
}
.pcard2 .buttons {
    margin:0px 0 0 0;
}
.pcard2 .buttons a {
    width:79px;
    text-align:center;
    padding:7px 0 7px 0;
}
.poolSelector {

}
#poolSelector .more {
    height:120px;
}
ul.poolSelectorRightCorners li:first-child {
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius: 0;
    width:26px;
}
#poolSelector .more {
    width:26px;
}
#poolSelector .poolHolderLessThan7 {
    border-top-left-radius:0px;
    -webkit-border-radius-topleft:0px;
    -moz-border-radius-topleft: 0px;
    border-bottom-left-radius:0px;
    -webkit-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright: 0px;
}
ul.poolSelector li {
    width:85px;
}
#theader {
    height:81px;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
}
div.question {
    border-radius: 35px;
    -webkit-border-radius:35px;
    -moz-border-radius: 35px;
    padding:2px 7px 2px 7px;
    color:#fff;
    background-color:#2980B9;
    font-size:1em;
    font-weight:bold;
    cursor:pointer;
}
div.question:hover {
    background-color:#3498DB;
}


/*
uniNav - new (July 2015) single, centered navigation system
*/
.uniNav {
    text-align:center;
    height:auto;

    border-top-right-radius:2px;
    -webkit-border-radius-topright:2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius:2px;
    -webkit-border-radius-topleft:2px;
    -moz-border-radius-topleft: 2px;
    color:#fff;
    background-color:#2980B9;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#2980B9), to(#3498DB));
    background: -moz-linear-gradient(20% 70% 90deg,#3498DB, #2980B9 100%);
}
.uniNav {
    position:relative;
}
.uniNav .glow {
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/header_glow_yellow.png);
    background-position:top center;
    background-repeat:no-repeat;
    padding:10px 15px 0 15px;
}
.uniNav .glowPad {
    padding-bottom:10px;
}
.uniNav .nameBar {
    margin:5px 0 15px 0;

}
.uniNav .tournName a.tourn {
    color:#fff;
    font-weight:300;
    font-size:2em;
    margin:0 auto;
    display:inline-block;
}
.uniNav .tournName {
    display:inline-block;
}
.uniNav .nameBar .audienceHolder {
    float:right;
    margin-top:9px;
    margin-left:-100%;
}
.uniNav .nameBar .audience {
    float:left;
    margin:1px 0 0 0;
}
.uniNav .nameBar .globe {
    float:left;
    margin:0 7px 0 0;
}
.uniNav .nameBar .live {
    float:left;
    margin-top:10px;
    margin-right:-100%;
}
.uniNav .nameBar .liveNow {
    font-size:0.95em;
    cursor:pointer;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
}
.uniNav .nameBar .liveNow .bulletHolder {
    float:left;
    position:relative;
    width:20px;
    height:20px;
}
.uniNav .nameBar .liveNow .bullet {
    font-size:2.1em;
    color:#E74C3C;
    position:absolute;
    top:-9px;
}

.uniNav .nameBar .liveNow .tag {
    text-transform: uppercase;
    font-weight:bold;
    margin-right:5px;
    float:left;
}
/*
uniNav nav bar
*/

.uniNav .elements {
    position: absolute;
    top:0;
    left:0;
    z-index:10;
    height:90px;
    width:100%;
}
.uniNav .navBar ul {
    margin: 0;
    list-style-type: none;
}
.uniNav .navBar li {
    display:inline-block;
    margin:0;
}
.uniNav .navBar li.rolled {
    background-color:#34495E;
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft: 3px;
}
.uniNav .navBar a {
    color:#fff;
    display: block;
    line-height:36px;
    background-position:11px 7px;
    background-repeat: no-repeat;
    padding:0px 15px 0px 39px;
}
.uniNav .navBar a:hover {

}

.uniNav .navBar .subnav {
    display:none;
    background-color:#34495E;
    position:absolute;
    z-index:99999;
    padding:10px 0 10px 0;
    /*  box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
      -moz-box-shadow: 0px 2px 6px  rgba(0,0,0,0.3); */
    border-bottom-right-radius:3px;
    -webkit-border-radius-bottomright:3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomleft: 3px;
}


.uniNav .navBar .subnav a, .uniNav .navBar .subnav .subnavlink {
    display:block;
    background:none;
    padding:7px 15px 7px 10px;
    text-decoration:none;
    color:#fff;
    line-height:normal;
    text-align:left;

}
.uniNav .navBar .subnav a.subnavlink:hover {
    color:#fff;
    background: none;
    background-color:#3498DB;
}
.uniNav .navBar .subnav .break {
    padding:12px 15px 7px 10px;
    text-transform: uppercase;
    font-size:0.9em;
    text-align:left;
    border-bottom:1px solid #fff;
}
.uniNav .navBar .userIcon {
    display:inline-block;
    margin:0px 5px 0 0;
    padding-top:6px;
    border:1px solid yellow;

}
.uniNav .navBar .userIcon img {
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border:1px solid #fff;
}
.moreCog {
    height:120px;
    text-align:center;
    background-color:#fff;
    padding-top:47px;
    cursor:pointer;
    width:38px;
    float:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
}
.moreCog:hover {
    background-color:#ECF0F1;
}
.moreCog img {
    width:20px;
    height:20px;
}
.moreCog11 {
    width:22px;
}
.moreCog11 img {
    width:17px;
    height:17px;
}
.moreCog10 {
    width:28px;
}



ul.poolTabs {
    margin:0;
    padding:0;
    list-style-type:none;

}
ul.poolTabs li {
    float:left;
    height:120px;
    position:relative;
    text-align:center;
    border-right:1px solid #dbe1e5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor:pointer;
    padding:7px 0 0 0;
}
ul.poolTabs li.prejoin {
    background:#95A5A6;
    color:#fff;
}

ul.poolTabs li .poolHover {
    position:absolute;
    top:0px;
    left:0px;
    width:auto;
    height:120px;
    padding:0px;
    background-color:#34495E;
    opacity:0.88;
    filter:alpha(opacity=88);
    display:none;
}
ul.poolTabs li .poolHover a {
    display:block;
    line-height:39px;
    border-bottom:1px solid #fff;
    text-align:center;
    color:#fff;
    width:auto;
}
ul.poolTabs li .poolHover a:hover {
    background-color:#546e88;
}
ul.poolTabs li .poolHover a.linkHover {
    background-color:#546e88;
}
ul.poolTabs li .poolHover a.noLine {
    border-bottom:0px;
}
ul.poolTabs .max7 {
    width:96px;
}
ul.poolTabs .max8 {
    width:84px;
}
ul.poolTabs .max10 {
    width:97px;
}
ul.poolTabs .max11 {
    width:88px;
}
ul.poolTabs li .speechBubble {
    top:7px;
    padding:3px;
    height:8px;
    font-size:11px;
}
ul.poolTabs li .thumb {
    width:auto;
    text-align:center;
}
ul.poolTabs li .name {
    width:100%;
    text-align:center;
    font-size:0.9em;
    margin:5px 0 0 0;
    overflow:hidden;
    height:28px;
}
ul.poolTabs li .rank {
    font-size:0.85em;
    margin:5px 0 0 0;
}
ul.poolTabs li .yellowCap {
    position:absolute;
    left:5px;
    top:5px;
}

ul.poolTabs li.blankTab tbody {
    width:100%;
}
ul.poolTabs li.blankTab td {
    text-align:center;
}
ul.poolTabs li.blankTab a.button {

    border:0;

    display:inline-block;
    text-align:center;
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    padding:10px 0 10px 0;
    margin:0 0 7px 0;
}
ul.poolTabs li.blankTab td a.button:hover {

}
ul.poolTabs li.blankTab td:hover {
    /* background-color:#dbe1e5; */
}
ul.poolTabs li.blankTab td.empty {
    font-style:italic;
    color:#BDC3C7;
}
ul.poolTabs li.blankTab {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
ul.poolTabs li.blankTab div.buttons {
    padding:0 7px 0 7px;
    display:none;
    background-color:#fff;
    height:113px;
    /*
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#ECF0F1), to(#fff));
    background: -moz-linear-gradient(20% 70% 90deg,#fff, #ECF0F1 100%);
    */
}

ul.poolTabs li.blankTab table.plus {
    width:100%;
    height:110px;
}
ul.poolTabs li.blankTab table.plus td {
    text-align:center;
    font-size:2.4em;
    color:#95A5A6;
}
ul.poolTabs li.blankTab table.plus td.plustd {
    vertical-align: top;
    font-weight:300;
}
ul.poolTabs li.blankTab span.num {
    color:#fff;
    font-size:15px;
    background-color:#ECF0F1;
    padding:4px 9px 4px 9px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
ul.poolTabs li.blankTab td.help {
    color:#2980B9;
    vertical-align: top;
    padding-top:3px;
    font-size:0.9em;
}
ul.poolTabs li.blankTab:hover {
    background-color:#F3F5F6;
}
ul.poolTabs li.blankTab:hover span.num {
    background-color:#BDC3C7;
}
ul.poolTabs li.blankTab table {
    width:100%;
}
ul.poolTabs li.blankTab table.buttons a.button {
    width:100%:
    border:2px solid red;
}

table.stretchnav {
    width:100%;
    margin-bottom:20px;
}
table.stretchnav td {
    text-align: center;
    border-right:1px solid #ECF0F1;

}
table.stretchnav td a {
    display:inline-block;
    width:100%;
    padding:10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
    background-color:#7F8C8D;
    color:#fff;
    height:55px;
    -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
table.stretchnav td a:hover {
    background-color:#95A5A6;
}
table.stretchnav td a.active {
    background-color:#fff;
    color:#7F8C8D;
}
table.stretchnav td:first-child a {
    border-bottom-left-radius:3px;
    -webkit-border-radius-bottomleft:3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius:3px;
    -webkit-border-radius-topleft:3px;
    -moz-border-radius-topleft:3px;
}
table.stretchnav td:last-child a {
    border-bottom-right-radius:3px;
    -webkit-border-radius-bottomright:3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius:3px;
    -webkit-border-radius-topright:3px;
    -moz-border-radius-topright:3px;
}
table.stretchnav .wideOnly {
    display:none;
}
@media only screen and (min-width: 360px) {
    table.stretchnav .wideOnly {
        display:inline;
    }
    table.stretchnav td a {
        height:auto;
    }
}
div.stretchsubcontent {
    background-color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    padding:10px;
    display:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
}
a.linkbar {
    line-height:18px;color:#7F8C8D;
}
a.linkbar:hover {
    color:#34495E;
    -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
table.altlines {
    width:100%;
}
table.altlines th {
    background-color:#F3F5F6;
    padding:5px;
}
table.altlines th.sport {
    font-size:1.2em;
    padding:10px 5px 5px 5px;
    border-bottom:1px solid #BDC3C7;
    text-align:center;
    background-color:#fff;
}
table.altlines td {
    background-color:#fff;
    padding:5px;
}
table.altlines tr:nth-child(odd) td {
    background-color:#F3F5F6;
}


table.bigstats {

    width:100%;
}
table.bigstats th {
    vertical-align: middle;
    text-align:right;
    font-weight:normal;
    width:50%;
    padding-right:5px;
}
table.bigstats td {
    text-align:left;
    font-size:1.3em;
    width:50%;
    vertical-align: middle;
    padding:5px 0 5px 5px;
}

.teamLoz {
    padding:3px 0px 3px 0px;
    color:#fff;
    background-color:#2C3E50;
    text-align:center;
    font-size:0.9em;
    text-transform:uppercase;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:'Abel','Lato',san-serif;
    width:26px;
}
.autoCenter {
    margin:0 auto;
}
.desktopTopNav {
    position:relative;
    z-index:300;
    top:0;
    width:100%;
    margin:0 0 15px 0;

}
.desktopNavFloating {
    position:fixed;
}
.topWideAdHolder {
    background-color:#1b2026;
    width:100%;
    margin:0px 0 0px 0;
    padding:10px 0 10px 0;
    text-align:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.topWideAdHolder .aboutAds {

    text-transform: uppercase;
    font-size:0.75em;
    margin:3px 0 0 0;
    float:right;
}
.topWideAdHolder .aboutAds a {
    color:#dbe1e5;
}
.topWideAdHolder .aboutAds a:hover {
    color:#3498DB;
}

.topWideAdHolder .ad {

    text-align:center;
    margin:0 auto;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.topWideAdHolder .adSub {
    margin:0 auto;
    display:inline-block;
}


.onoffswitchholder {
    padding:10px 10px 10px 10px;
    border-bottom:1px solid #dbe1e5;
}
.onoffswitch {
    position: relative; width: 35px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 15px; padding: 0; line-height: 15px;
    border: 2px solid #CCCCCC; border-radius: 15px;
    background-color: #DBE1E5;
    transition: background-color 0.2s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 15px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 16px;
    border: 2px solid #CCCCCC; border-radius: 15px;
    transition: all 0.2s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #27AE60;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    border-color: #27AE60;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}
.onoffswitchholder .tag {
    float:left;
    margin:8px 5px 5px 0;
}
.onoffswitchholder .switch {
    float:right;
}
.onoffswitchTag {
    float:left;
    margin-left:43px;
}
.onoffswitchLeftHolder {
    margin-right:-100%;
    float:left;
}

div.chooser {
    background:#fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:10px;
    margin:0 0 10px 0;
    background-image:url(https://superbru-cdn.scdn3.secure.raxcdn.com/coreimages/structure/ios_forward_grey.png);
    background-repeat:no-repeat;
    background-position:98% 50%;
    background-size:14px 24px;
    text-align:left;
    cursor:pointer;
    -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;
}
div.chooserCategory {
    padding:10px 30px 10px 10px;
}
div.chooserCategory:hover {
    background-color:#95A5A6;
    color:#fff;
}
div.chooserCategory:hover h2 {
    color:#fff;
}
div.chooserCategory h2 {
    -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;
}
#startAgain {
    display:none;
}
div.chooserDetail {
    display:none;
    background-image:none;
    cursor:default;
}
div.chooserDetail:hover {
    background-color:#fff;
}