/*! 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: Helvetica, Tahoma, Verdana, Arial, san-serif;
}
select {
    font-family: 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:#f2f1f0; */
    background-color:#f2f1f0;
}

#footer {
    display:none;
}

#popAlert {
    display:none;
}

.hideMobile {
    display:none;
}
.hideMobileTD {
    display:none;
}
.showMobile {
    display:block;
}
.hideDesktop {
    display:block;
}
.showDesktop {
    display:none;
}
.hideNarrow {
    display:none;
}

#main {
    padding:0px 10px 10px 10px;
}
#main.noPad {
    padding:0px;
}

/* ------ a tags ------ */
a, a:visited {
    color:#0099cc;
    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;
}


a.dashboardButton {
    padding:4px 0px 4px 0px;
    border-radius: 5px;
    width:65px;
    display:inline-block;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    font-size:0.85em;
    font-weight:bold;
    text-align: center;
}
a.pickMade {
    background-color:#009900;
    background-image:linear-gradient(rgb(0, 204, 0), rgb(0, 153, 0));
    color:#fff;
    text-shadow:	rgb(0, 0, 0) 0px 1px 0px;
}

a.pickNeeded {
    background-color:#cc0000;
    background-image:linear-gradient(rgb(204, 0, 0), rgb(153, 0, 0));
    color:#fff;
    text-shadow:	rgb(0, 0, 0) 0px 1px 0px;
}


#topBar .icon {
    background-image:url(/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(http://dev.superbru.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:MuseoSlab-500;
}
h1 {
    margin:0 0 15px 0;
    color:#8e0000;
    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;
    color:#8e0000;
    font-weight:normal;
    font-size:1.4em;
    -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;
    color:#8e0000;
    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 {
    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 {
    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:#f9f9f9;
    border:1px solid #999;
}
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[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 {
    color:#8e0000;
}
.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:#8e0000;
}
.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-image:url(http://static.superbru.com/brand/images/structure/character_landing.png);
    background-position:bottom left;
    background-repeat:no-repeat;
    padding:15px;
    min-height:370px;
}



/* ------ poolSelector ------ */
#poolSelector {
    float:right;
}
#poolSelector table {
    width:82px;
    height:110px;
}
#poolSelector table.end {
    width:16px;
    height:110px;
}
ul.poolSelector {
    margin:0 !important;
    padding:0;

}
.poolSelectorExtension {
    border-bottom:1px solid #bbb;
}
ul.poolSelector li {
    float:left;
    margin:0;
    cursor:pointer;
    list-style-type:none;

    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    /* border-bottom:1px solid #999; */
    font-size:85%;
}
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(#f1f1f1), to(#ccc));
    background: -moz-linear-gradient(20% 70% 90deg,#ccc, #f1f1f1 100%);
    */
}
ul.poolSelector li div {
    padding:5px;
}
ul.poolSelector .poolName {
    font-weight:bold;
    color:#006699;
    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 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 div:not(.pool_name):hover {
    background-color:#ddd;
    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 #ccc;
    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 7px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px 7px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 7px 10px  rgba(0,0,0,0.4);

    background-color:#666;
}
.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:#444;
}
ul.poolSelector li div:active {
    background-color: #666;
    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 7px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px 7px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 7px 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 {
    border-top-left-radius:5px;
    -webkit-border-radius-topleft:5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius:0px;
    -webkit-border-radius-topright:0px;
    -moz-border-radius-topright: 0px;
}
ul.poolSelectorRightCorners li:first-child {
    border-top-left-radius:0px;
    -webkit-border-radius-topleft:0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright: 5px;
}
ul.poolSelectorArrow li {
    background-color:#ddd;
    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:#ccc;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#ddd), to(#bbb));
    background: -moz-linear-gradient(20% 70% 90deg,#bbb, #ddd 100%);
}
ul.poolSelectorArrow li div {
    padding:5px 3px 5px 3px;
}
#poolSelector .poolHolderMoreThan7 {
    float:left;width:558px;height:121px;overflow:hidden;position: relative; background-color:#eee;
}
#poolSelector .poolHolderLessThan7 {
    float:left;height:121px;overflow:hidden;position: relative; background-color:#eee;
}
#poolSelector .more {
    float:right;width:28px;height:121px;overflow:hidden;
}
#poolSelector .container {
    float:right;height:121px;overflow:hidden;
}
#poolSelector .containerNarrow {
    float:right;width:606px;height:121px;overflow:hidden;
}

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

#poolTabSliderNarrow {
    height:121px;
}

/* ------ userHeader ------ */
#userHeader {
    padding:10px 15px 0px 15px;
    background-color:#eee;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#ddd, #fff 100%);
}
.userHeaderExtension {
    padding-bottom:10px;
}


/* ------ page bar ----- */
.pageBar {
    background-color:#efefef;
    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:#efefef;
    /* 	padding:10px 8px 10px 8px; */
}
.pcardActive {
    box-shadow: inset 0px 7px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px 7px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 7px 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:#888;
    -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(/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 .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(/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;
}

/* ------ 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;
    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;
}




#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:#666;
    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: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 .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:#0099cc;
}
.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 {
    display:none;
    background-color:#333333;
    opacity:0.95;
    filter:alpha(opacity=95);
    padding:10px;
    border:2px 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: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
#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:#cc0000;
    padding:8px 18px 8px 18px;
    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);
}
a.button:hover, input[type=button]:hover, input[type=submit]:hover, button: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;
}
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:#cc0000;
    padding:5px 10px 5px 10px;
    display:inline-block;
    color:#ffffff;
    font-weight: bold;
    font-size:0.9em;
    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);
}
a.medButton:hover, input[type=button].medButton:hover, input[type=submit].medButton:hover, button.medButton: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;
}
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.smallButton, input[type=button].smallButton, input[type=submit].smallButton, button.smallButton {
    background-color:#cc0000;
    padding:2px 7px 2px 7px;
    display:inline-block;
    color:#ffffff;
    font-size:85%;
    font-weight:bold;
    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);
    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.smallButton:hover, input[type=button].smallButton:hover, input[type=submit].smallButton:hover, button.smallButton: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;
}
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;
}


/* ------ 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:#000;
    padding:5px 10px 5px 10px;
    display:block;
    font-size:85%;
    background-color:#eee;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    border:1px solid #999;
    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 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:#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.spacedSelector li a:hover {
    background:none;
    background-color: #ccc;
    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);
}


/* ------ 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:26px;
}
ul.hselector li {
    float:left;
    margin:0;
    list-style-type:none;
    background-color:#eee;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    border-left:1px solid #999;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
ul.hselector li:last-child {
    border-right:1px solid #999;
    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.hselector 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.hselector li.active {
    color:#fff;
    list-style-type:none;
    background-color:#555;
    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 {
    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.hselector li.active a {
    color:#fff;
    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.hselector li a:hover {
    background-color: #ccc;
}
ul.hselector li.active a:hover {
    background-color:#333;
}
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;
}







/* #### footer ############# */
#footerMobile {
    display:block;
    background-color: #f2f1f0;
    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(#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;
}
.bandDark {
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#333), to(#555));
    background: -moz-linear-gradient(20% 70% 90deg,#333, #555 100%);
    color:#fff;
    padding:10px;
    border-top:1px solid #888;
    border-bottom:1px solid #555;
    border-right:1px solid #555;
    background-color:#444;
}
.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(/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(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    padding:10px;
    min-height: 30px;
    border-top:1px solid #fff;
    border-bottom:1px solid #bbb;
    border-right:1px solid #ccc;
    background-color:#ddd;
}
.bandClickable:hover {
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#eee));
    background: -moz-linear-gradient(20% 70% 90deg,#fff, #eee 100%);
}
.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(/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:#0099cc;
}


/* #### section header ############# */
.modalNav {
    display:none;
    background-color:#f2f1f0;
    width:50%;
    border:1px solid #555;
    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);

}
.modalNav .header {
    padding:0 5px 0 5px;
    background-color:#333332;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#4d4c4c), to(#333332));
    background: -moz-linear-gradient(20% 70% 90deg,#333332, #4d4c4c 100%);
    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);
}

.modalNav .header .title {
    float:left;
    font-weight:bold;
    margin:5px 0 5px  10px;
}
.modalNav .header a.closer {
    float:right;
    color:#fff;
    display:block;
    border-left:1px solid #000;
    font-weight:bold;
    padding:5px 10px 5px 15px;
}
.modalNav a.closerBottom {
    color:#fff;
    display:block;
    font-weight:bold;
    padding:5px 10px 5px 15px;
    background-color:#222;
}
.modalNav .content {
    border:4px solid #333332;
    /* 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 .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:bold;
    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 #cccbca;
    border-top:1px solid #fff;
    background-image:url(/coreimages/structure/band_arrow_r10.png);
    background-position:right;
    background-repeat:no-repeat;
}
/*
.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:bold;
}
.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:#000;
    padding:5px 10px 5px 10px;
    display:block;
    font-size:85%;
    background-color:#eee;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    border:1px solid #999;
    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 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:#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.spacedSelector li a:hover {
    background:none;
    background-color: #ccc;
    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);
}




ul.tabs {
    margin:0 !important;
    padding:0;
    height:30px;
    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;
    background-color:#222;
    background: -webkit-gradient(linear, 0% 48%, 0% 60%, from(#555), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #555 100%);
}
ul.tabsNoBackground {
    background:none;
}



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

/* link inside the tab. uses a background image */
ul.tabs 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;
    line-height:20px;
    background-color:#101010;
    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%);
}
ul.tabs li:first-child, ul.tabs a.first {
    border-top-left-radius:10px;
    -webkit-border-radius-topleft:10px;
    -moz-border-radius-topleft: 10px;
}
ul.tabs li:last-child, ul.tabs a.last {
    border-top-right-radius:10px;
    -webkit-border-radius-topright:10px;
    -moz-border-radius-topright: 10px;
}
ul.tabs 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.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 li.first {
    margin-left:10px;
}


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:#101010;
    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;
}

/* link inside the tab. uses a background image */
ul.tabs 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;
    line-height:20px;
    background-color:#101010;
    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%);
}

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;
    /* 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;
    */
}

/* 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;
    -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%);
    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;
}
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;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ccc), to(#888));
    background: -moz-linear-gradient(19% 75% 90deg,#888, #ccc 100%);
    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: 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);
    background-color:#f1f1f1;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #f1f1f1;
    -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:#40403f; */
    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 {
    /*	border-right:1px solid #535350; */
    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:#f2f1f0;
}
ul.barTab li.active a:hover {
    background:none;
    background-color:#f2f1f0;
}
ul.barTab li.active a {
    color:#3b3939;
    -webkit-text-shadow:none;
    text-shadow:none;
}

#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:bold;
}


/* ------ per-sport tournament nav ------ */
#tourns {
    color:#fff;
    text-shadow: none;
    -webkit-text-shadow: none;
}
#tourns .typeSection {
    float:left;
    margin-right:30px;
    margin-top:10px;
}
#tourns .htitle {
    font-size:1.5em;
    color:#fff;
    text-shadow: none;
    margin:0px 0px 10px 7px;
    font-family:MuseoSlab-500,Tahoma,Arial,san-serif;
}
#tourns .typeSectionLast {
    float:left;
    margin-right:0px;
    margin-top:10px;
}
#tourns table {
    width:460px;
}
#tourns .pick-made {
    background-color:#009900;
    background-image:linear-gradient(rgb(0, 204, 0), rgb(0, 153, 0));
    color:#fff;
    text-shadow:	rgb(0, 0, 0) 0px 1px 0px;
    padding:3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#tourns .pick-needed {
    background-color:#cc0000;
    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: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size:0.9em;
}
#tourns table td {
    padding:7px 7px 7px 7px;
    border-bottom:1px solid #444;
    cursor:pointer;
    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%);
}
#tourns table tr:hover td {
    background-color:#222;
    background: -webkit-gradient(linear, 0% 48%, 0% 70%, from(#555), to(#333));
    background: -moz-linear-gradient(20% 70% 90deg,#555, #333 100%);
    color:#99ccff;
}
#tourns .totPlayers {
    color:#ccc;
}
#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:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius:5px;
    -webkit-border-radius-topleft:5px;
    -moz-border-radius-topleft: 5px;
    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:150%;
    -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:bold;
    color:#fff;
    text-decoration: none;
}
#theader #tname a:hover {
    color:#efefef;
}

#theader #playerNum {
    font-size:0.85em;
    margin:5px 0 0 10px;
    color:#eee;
    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: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    color:#fff;

    padding:0 10px 10px 10px;
}
.alert a {
    color:#fff;
    text-decoration: underline;
}
.alert p {
    -webkit-text-shadow: none;
    text-shadow: none;
}
.alert .content {
    float:left;
    margin:5px 0 0 0px;
}
.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 .title {
    font-weight:bold;
    color:#fff;
    font-size:110%;
    margin:0 0 2px 0;
    -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
    text-shadow: 0px -1px 1px rgba(0,0,0,0.9);
}


.alertError {
    background-color:#ad0202;
    border:1px solid #7b0202;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#ad0202), to(#840202));
    background: -moz-linear-gradient(20% 70% 90deg,#840202, #ad0202 100%);
}
.alertInfo {
    background-color:#0e45aa;
    border:1px solid #083689;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#0e45aa), to(#083689));
    background: -moz-linear-gradient(20% 70% 90deg,#083689, #0e45aa 100%);
}
.alertConfirm {
    background-color:#088a21;
    border:1px solid #046717;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#088a21), to(#046717));
    background: -moz-linear-gradient(20% 70% 90deg,#046717, #088a21 100%);
}


/* ------ 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;
}

/* ------ section nav (snav) ------ */
#brandNav {
    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%);
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px  rgba(0,0,0,0.3);
    display:none;
}
#snav {
    /*background-color:#222;
    background: -webkit-gradient(linear, 0% 48%, 0% 70%, from(#555), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #555 100%);
    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;
    */
    width:1002px;
    margin:0 auto;
    text-align:left;
    height:36px;
}
#snav ul li .doubleLine {
    line-height:11px;
    float:left;
    cursor:pointer;
    text-transform: uppercase;
    letter-spacing: 0px;
}
#snav ul li .singleLine {
    line-height:23px;
    float:left;
    cursor:pointer;
    text-transform: uppercase;
    letter-spacing: 0px;
}
#snav ul {
    margin:0 !important;
    padding:0;
    height:26px;

}
#snav ul li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;

    background-color:#222;
    background: -webkit-gradient(linear, 0% 48%, 0% 70%, from(#555), to(#222));
    background: -moz-linear-gradient(20% 70% 90deg,#222, #555 100%);
    /*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;
    */
}

#snav ul a {
    display:block;
    font-size:85%;
    padding:5px 7px;
    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);
}
#snav ul li a: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%);
}
#snav ul li.alt {
    background-color:#444;
    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 {
    background-color:#fff;
    color:#000;
    background-color:#fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#fff), to(#f1f1f1));
    background: -moz-linear-gradient(19% 75% 90deg,#f1f1f1, #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:#fff;
    background:none;
}
#snav .navSportitem, .navSportitem {
    /*	background-image:url(/_root/images/common/nav/headline/icon_strip2.png); */
    background-image:url(http://static.superbru.com/coreimages/structure/icon_strip4.png);
    background-repeat:no-repeat;
    display:block;
    width:24px;
    height:26px;
    float:left;
    margin-right:2px;
    cursor:pointer;
}
#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 .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:#444;
}
#snav .dropper .trigger {
    background:none;
    border:0;
    /*    padding:6px 15px 4px 5px; */
    height:30px;
}
#snav .dropper .trigger table {
}
#snav .dropper .trigger table th {
    padding:0 5px 0 0;
}
#snav .dropper .trigger table td {
    padding:2px 0 2px 0;
}
#snav .dropper .sub {
    padding:5px 0 5px 0;
}
#snav .dropper .sub a {
    border:none;
    padding:5px 10px 0 10px;
    margin:0;
    line-height:normal;
}
#snav .dropper .sub a:hover {
    background:none;
    background-color:#666;
}




.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: #333 url(http://static.superbru.com/images/common/structure/grass_strip.png) repeat-x center bottom;

    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:0.97;
    filter:alpha(opacity=97);
}
.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 .header, .boxTop {
    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:90%;
    background-color:#666;
    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: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;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#333333')";

}
.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:#666;
    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 -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 #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background-color:#eee;
    font-weight:normal;
    -webkit-text-shadow: 0px -1px 1px rgba(255,255,255,0.5);
    text-shadow: 0px -1px 1px rgba(255,255,255,0.5);
    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: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;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
}
.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 {
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:7px 10px 10px 10px;
    border-bottom-right-radius:7px;
    -webkit-border-radius-bottomright:7px;
    -moz-border-radius-bottomright: 7px;
    border-bottom-left-radius:7px;
    -webkit-border-radius-bottomleft:7px;
    -moz-border-radius-bottomleft: 7px;
    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 .contentNoHeader {
    border:1px solid #ccc;
    padding:10px 10px 10px 10px;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius: 7px;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius: 7px;
    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:30px 0 0 0;
}

ul.sideNav {
    margin:0 !important;
    padding:0;
}
ul.sideNav li {
    margin:0;
    list-style-type:none;
    background-color:#eee;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    border-left:1px solid #999;
    margin-bottom:5px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    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.sideNav li.category {
    background:none;
    border:none;
    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-bottomleft:0px;
    margin:10px 0 7px 10px;
    font-size:85%;
    text-transform: uppercase;
    color:#666;

}
ul.sideNav li.active {
    color:#fff;
    list-style-type:none;
    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:#000;
    padding:7px 10px 7px 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 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 {
    color:#fff;
    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.sideNav li a:hover {
    background-color: #ccc;
}
ul.sideNav li.active a:hover {
    background-color:#333;
}
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;
}





/* ------ dropper selects ------ */
.dropper .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 {
    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 {
    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 {
    display:none;
    background-color:#555;
    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;
    border-top-right-radius:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright: 5px;
}
.dropper .sub a {
    color:#fff;
    display:block;
    padding:5px 0 5px 0;
}
.dropper .sub a:hover {

}


.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 li.rolled  {
    background-color:#555;
    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:#f2f1f0;
    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:#555;
    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: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;
}

#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(/coreimages/structure/loading_med.gif);
    background-position: center;
    background-repeat:no-repeat;
}

/* ------ images ------ */
img {
    border:0;
}
img.photo {
    border:1px solid #ddd;
    /*	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:#cc0000;
    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(/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(/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: 5px 10px 5px 10px;
    font-size:90%;
    font-weight:normal;
}
table.dataLight 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.dataDark th {
    color:#fff;
    background-color:#888;
    -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.data td {
    background-color:#fff;
    padding: 5px 10px 5px 10px;
    background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#fff), to(#eee));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #fff 100%);
}
table.dataSmall td {
    padding: 3px 3px 3px 3px;
    font-size:85%;
}


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:#eee;
}
table.bands th {
    padding: 5px 10px 5px 10px;
    font-size:90%;
    font-weight:normal;
    color:#fff;
    background-color:#888;
    -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(#eee), to(#ddd));
    background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')";
    padding:10px;
    border-top:1px solid #fff;
    border-bottom:1px solid #bbb;
    background-color:#ddd;
}
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:#f1f1f1;
}
table.mail td.unread {
    /* font-weight:bold; */
}




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

    font-weight:normal;
    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.points td {
    background-color:#fff;
    padding: 5px;
    border-bottom:1px solid #ccc;
}

table.points td.hideNarrow, table.points th.hideNarrow, table.data th.hideNarrow, table.data td.hideNarrow  {
    display:none;
}

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(http://static.superbru.com/coreimages/structure/icon_strip4.png);
    background-repeat:no-repeat;
    display:block;
    width:24px;
    height:26px;
    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;
}
.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:#cc0000;
    border:1px solid #990000;
}
.st2l, .st1 {
    background-color:#cc0000;
    border:1px solid #990000;
}

.st4, .st2w, .st3w, .stw {
    background-color:#009933;
    border:1px solid #006600;
}
.st5 {
    background-color:#00cc33;
    border:1px solid #009933;
}
.stf {
    background-color:#444;
    border:1px solid #333;
}
.stdraw {
    background-color:#ffcc00;
    border:1px solid #cc9900;
}
.stbye {
    background-color:#aaa;
    border:1px solid #999;
}


.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.95mo;
    -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:#0099cc;
}

#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;
}
.hideNarrow {
    display:table-cell;
}

/* } */



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

/* ######==
    WIDE
   ######== */
* {
    font-family: Tahoma, Verdana, Arial, san-serif;
}
input {
    font-family: Tahoma, Verdana, Arial, san-serif;
}
body {
    background-image:url(/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: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

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(http://static.superbru.com/images/common/structure/tile.gif); */
}

h1 {
    font-size:2.0em;
}

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

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


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


.tabBox {
    border:1px solid #999;
    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;
    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 {
    border:1px solid #ddd;
    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);
}


.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%;
    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 {
    background-color:none;
    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-top-right-radius:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius:5px;
    -webkit-border-radius-topleft:5px;
    -moz-border-radius-topleft: 5px;
    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; */
}
.pcardActive {
    box-shadow: inset 0px 7px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0px 7px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 7px 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;
}

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

table.points {
    background-color:#eee;
    width:100%;
}
table.points th {
    padding: 5px 10px 5px 10px;
    font-size:90%;
    font-weight:normal;
}
table.points 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.points 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;
}

/* ------ 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:5px 0 5px 10px;
    font-size:130%;
    background-color:#666;
    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: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;
}

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:#0099cc;
}


/* 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:#f1f1f1;
    border:1px solid #ccc;
}
.loginInputsNonHome {
    width:400px;
    margin-top:20px;
}

/* ------ pool/section header and bartab (for tabs on dark section bar) ------ */
#plbar {
    background-color:#555;
    background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#666), to(#444));
    background: -moz-linear-gradient(19% 75% 90deg,#444, #666 100%);
    padding:15px 15px 0px 15px;
    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 .title {
    float:left;
    width:300px;
}
#plbar .icon {
    float:left;
    margin:0 10px 10px 0;
}
#plbar .iconSpacer {
    width:25px;
}
#plbar .pname {
    float:left;
    /*		min-width:260px; */
    margin:0;
}
#plbar .pnamePlayer {
    float:left;
    min-width:210px;
}
#plbar .pname a {
    font-size:1.25em;
    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;
    padding-top:2px;
}
#plbar .pname a:hover {
    text-decoration:none;
    color:#0099cc;
}
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;
    /*	background: -webkit-gradient(linear, 0% 48%, 0% 90%, from(#eee), to(#ddd));
        background: -moz-linear-gradient(20% 70% 90deg,#eee, #ddd 100%);
        */
    border-left:1px solid #777;
    border-top:1px solid #777;
    box-shadow: 0px -4px 3px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);
    /*	border-bottom:1px solid #999; */

}
ul.barTab li:last-child {
    border-right:1px solid #777;
    border-top-right-radius:7px;
    -webkit-border-radius-topright:7px;
    -moz-border-radius-topright: 7px;
}
ul.barTab li:first-child {
    border-top-left-radius:7px;
    -webkit-border-radius-topleft:7px;
    -moz-border-radius-topleft: 7px;
}
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);
    /*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')"; */
}
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-image:url(http://static.superbru.com/home/images/structure/character_landing.png);
    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;

    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;
    -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:#222;
    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(http://static.superbru.com/coreimages/structure/social_icons.png);
    width:56px;
    height:56px;
    background-position:0px 0px;
}
#mobile56 {
    background-image:url(http://static.superbru.com/coreimages/structure/social_icons.png);
    width:56px;
    height:56px;
    background-position:112px 0px;
}
#twitter56 {
    background-image:url(http://static.superbru.com/coreimages/structure/social_icons.png);
    width:56px;
    height:56px;
    background-position:56px 0px;
}
#general56 {
    background-image:url(http://static.superbru.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%;
}