/* Disable certain interactions on touch devices */
body {
     padding-top: 50px;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -webkit-highlight: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.baseBackGround {background-color: #f0f0f0;}
.baseTitle {font-size:16pt; text-align:center; margin-left:-15px; margin-right:-15px; padding:10px 0px; color:#555;}

.delayed {text-decoration: line-through; color:#666666;}

.levelBubble2 {
    display: inline-block;
    vertical-align: top;
    padding: 1px 3px;
    border-radius: 4px;
    width: 24px;
    font-size: 9pt;
    margin-top: 2px;
    margin-left: 4px;
    margin-right: 6px;
    text-align: center;
}

.Var {
    background-color: #e0f0e2;
    color: #3f5d42;
}

.JV {
    background-color: #e5e6f3;
    color: #525471;
}

.C, .nine, .pi, .ci {
    background-color: #eee6d0;
    color: #94896a;
}

.mm-menu > .mm-panel {
    padding: 8px;
}

.tapHighlight:active {
    background-color: rgba(255,255,255,1);
    border-radius:4px;
}

.clickable-row:active {
    background-color: rgba(192,192,192,0.3);
}

.ulnav {
    background-color: #f9f9f9;
    border-radius: 4px;
}

    .ulnav h4 {
        color: #333;
        background-color: #c5dae8;
        padding: 6px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .ulnav ul.mm-list {
        margin-top: 0px;
        padding-top: 0px;
    }

    .ulnav ul li {
        -webkit-tap-highlight-color: rgba(192,192,192,0.3);
    }

    .ulnav ul li a {
        color: #333;
    }

    .ulnav ul li a:after {
        content: "\e080";
        display: block;
        width: 20px;
        height: 20px;
        float: right;
        margin: 0 6px 0 0;
        position: relative;
        top: 1px;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        color: #999;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


.dashBottom {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 4px;
    margin-bottom: 4px;
    color: #666;
    margin-left: -10px;
}

.dashBottom:last-child {
    border-bottom: none;
    padding-bottom: 4px;
    margin-bottom: 4px;
    color: #666;
    margin-left: -10px;
}


    
/* Standings */
table.standings {width:100%; padding:2px;}
table.standings tr th {text-align:center;}
table.standings tr.shade th {padding:2px 4px;  margin-bottom:1px; font-size:10pt; background-color: #f7efd1; text-align:left;}

table.standings tr.team:nth-child(2n+1) {background-color: #f0f0f0;}
table.standings td {padding:3px; font-size:11pt;}
table.standings td a {display:block; font-weight:bold; color:#4574ba; margin-right:4px; text-decoration:none;}
table.standings td a:hover {text-decoration:underline;}
table.standings td.val {text-align:right; padding-right:16px;}

table.standings tr.highlight {border:solid 1px #933043; background-color:#edd5d9 !important;}
table.standings tr.highlight td a {color:#000000;}

.bubbleTop {
    display: none;
}


.bubbleArchives {background-color:#f3bc7c;  padding:8px 10px; overflow:hidden;   border-radius: 4px;    moz-border-radius: 4px;    margin-bottom:10px; text-align:center;}
.bubbleArchives h3 { padding:0px; margin:5px 0px;}



#eventList
{
    border-collapse: collapse; margin-top:10px; margin-bottom:30px;
}
#eventList tr {vertical-align:top; border-bottom:1px solid #dddddd;}
#eventList td {padding-bottom:6px; padding-right:15px; font-size:11pt; padding-top:4px;}
#eventList .gameDate {}

#GameList
{
    border-collapse: collapse; margin-top:10px; margin-bottom:30px;
}
#GameList tr {vertical-align:top; border-bottom:1px solid #dddddd;}
#GameList td {padding-bottom:6px; padding-right:20px; font-size:11pt; padding-top:4px;}
#GameList .gameDate { padding-right:12px; white-space:nowrap; font-size:11pt;}

#roster {width:100%; padding:4px 8px;}
#roster th {text-align:left;}
#roster td {padding-right:12px;}

/* Articles */
.article {clear:both; padding:8px;}
.article.spacer {padding-top:10px; margin-top:5px; border-top:1px solid #dddddd;}
.article .left {float:left;}
.article .head {font-weight:bold; font-size:11pt; color:#444;}
.article .pubdate {font-size:8pt; color:#999999; margin-bottom:4px;}
.article p {margin:0px 0px 10px 0px;}
.article img {border:1px solid #666666;}
.article a.more {font-size:8pt;}
.article .ss {font-size:8pt; color:#999999;}
.article .caption {vertical-align:top; display:inline-block; margin-top:10px; margin-left:5px;}