﻿body, html {
    height: 100%;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif*/
    /*font-family: 'Droid Sans', sans-serif;}*/
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
}

body {
    margin: 0px;
    padding: 0px;
    background-color:#eeeeee;
}
body.digiforms {
}

header {
    background-color: #6f6f6f;
    height: 190px;
}
footer {
    background-color: #eeeeee;
    height: 40px;
    line-height: 40px;
    text-align:center;
    margin-top:5px;
}

.logo{
    width: 100%;
    height:175px;
    display:block;
    padding-top:10px;
    background-image:url('/Content/images/logo.png');
    background-repeat:no-repeat;
    background-position-y:10px;
}
.main {
    background:#fff;
    margin-top:-16px;
    padding-top:16px;
    min-height:600px;
}
@media (max-width: 1000px) 
{ 
    .page { width: 100%; }  
    .main { padding-left: 20px; padding-right: 20px;    }
    .logo { background-position:center; background-size: contain;}
}
@media (min-width: 1000px) 
{ 
    .page { width: 960px; margin:auto; }  

}
@media (max-width: 500px) { header { height: 115px; } .logo { height: 100px; }}
@media (min-width: 500px) { header { height: 115px; } .logo { height: 100px; }}
@media (min-width: 600px) { header { height: 130px; } .logo { height: 115px; }}
@media (min-width: 700px) { header { height: 145px; } .logo { height: 130px; }}
@media (min-width: 800px) { header { height: 160px; } .logo { height: 145px; }}
@media (min-width: 900px) { header { height: 175px; } .logo { height: 160px; }}
@media (min-width: 1000px) { header { height: 190px; } .logo { height: 175px; }}

/* SITE */

.site-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-top:20px;
    padding-bottom:20px;
}
 
/*Menu:*/
.site-container>.site-sidebar, .site-container>.site-body, .site-container>.site-space  {
    display: table-cell;
    vertical-align: top;
}
.site-sidebar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    width: 200px;
    position: relative;
}
.site-space {
    width:20px;
}
.site-body{
    background-color:#eeeeee;
    border-radius:14px;
    border-top: 2px solid #2a2a84;
    padding:20px;
}
ul.submenu{
    background-color:#6f6f6f;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: solid 1px #6f6f6f;
    border-radius: 14px;
    margin-top:-16px;
}
ul.submenu li{
    font-size: 11px;
    line-height: 36px;
    padding-left:15px;
}
ul.submenu li.header {
    border-radius:14px;
    background-color:#eeeeee;
    color:#2a2a84;
    font-weight:bold;
}
ul.submenu li a{
    color: #fff;
    display:block;
}

.matrix-fill {
    background-color: #2a2a84;
}
table th.matrix-header {
    width: 55px;
}
table th.stand-score {
    width: 50px;
}


/* BOOTSTRAP OVERRIDES */
.modal-header, .modal-footer { background-color: #fbf9f9;}
label {
    font-weight:normal;
}
.navbar {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 32px;
    min-height:32px;
    line-height:32px;
    border: solid 1px #2a2a84;
    border-radius: 4px;
    margin-top:-16px;
    box-shadow: inset #504dd2 0px 5px 5px 0px;
    z-index:9999;
}
@media (max-width: 1000px) 
{
    .navbar { border-radius:0px;}
}
.navbar-default{
    background-color:#2a2a84;
}
.navbar-collapse {
    padding-left: 0px;
}
.navbar-nav {
    margin: 0px;
}
.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 32px;
}
@media (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color:#fff;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: transparent;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-collapse {
        background-color: #ececec;
    }
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-toggle {
    margin-top:0px;
    margin-bottom:0px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
@media (min-width: 1000px) {
    table thead tr th.col-hidden-lg, table tbody tr td.col-hidden-lg {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }
}
@media (max-width: 1000px) {
    table thead tr th.col-hidden-md, table tbody tr td.col-hidden-md {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }
}
@media (max-width: 600px) {
    table thead tr th.col-hidden-sm, table tbody tr td.col-hidden-sm {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }
    .scorematrix {
        display:none;
    }
}
.odd {
    background-color:#f9f9f9;
}
.table tbody tr.odd-2 td, .table tbody tr.even-2 td
{
    padding-top:0px;
    border-top: none;
}
.table tbody tr.even {
    background-color:#fff;
}
div.games p {
    margin:0px;
}


