/* District 2 Styles
 *
 * This file contains the CSS (style) information for the District 2 web site.
 * As such, this file should be referenced by all pages used in the site.
 *
 ********************************************************************************/
 
/* General Controls */
html
{
        height: 100%;
}

/*
 * See http://www.codestyle.org/css/font-family/sampler-SansSerif.shtml
 * My personal choice is Calibri, but it a newer Vista/Win7 font that is
 * not on all systems (59.83 % of Windows systems, 15% of Mac systems)
 * Tahoma is on 99% of all Windows systems and 79.10% of Mac systems
 * Helvetica is on 100% of all Mac systems but only 7.13% of Windows systems
 * Arial is on 97.74% of all Mac systems, 99.33% of all Windows systems
 */  

body
{
        font-family: Calibri, Tahoma, Helvetica, Arial, "Times New Roman", Times, Serif; /* use sans-serif fonts when possible */
        background-color: lightblue; /* was #37cfff; */
        height: 100%;
        margin: 0pc 10px 0px 0px;
}

div
{
        text-align: center;
}
div.FlushLeft
{
        text-align: left;
        text-indent: 1em;
        top: 0;
}

div.IndentedLeft
{
        text-align: left;
        top: 0;
        padding-left: 15%;
        padding-right: 5%;
}

div.FloatLeft
{
        float: left;
}
div.FloatRight
{
        float: right;
        width: 50%;
}

div.Main
{
        text-align: center;
        top: 0;
}

span.highlighted
{
        color: red;
}
span.bold
{
        font-weight: bold;
}
span.Postponed
{
        color: #CC99CC;
}
span.Rescheduled
{
        color: #6966fd;
}

h1
{
        padding: 0;
        color: #160afe;
}

h2
{
        padding: 0;
        color: navy;
        font-size: 21px;
}

/* News related controls */
div.News
{
        text-align: left;
        margin-left: 250px;
        margin-right: 50px;
}

img.NewsHeader
{
        float: left;
        margin-left: 50px;
}

p.NewsSpacer
{
        height: 20px;
}

p.NewsHeader
{
        text-align: center;
        height: 60px;
        font-size: x-large;
        font-weight: bold;
        clear: none;
        float: none;
        text-indent: -150px;
}

/* List Controls */
ul
{
        list-style-type: disc;
        list-style-position: inside;
}

/* Table Controls */
table
{
        text-align: center;
        margin: auto;
        padding: 0;
        border: 0 solid black;
        border-collapse: collapse;
}

table.sched
{
        font-family: Calibri, Tahoma, Helvetica, Arial, "Times New Roman", Times, Serif; /* use sans-serif fonts when possible */
        margin: auto;
        padding: 0;
        border: 1 solid black;
        border-collapse: collapse;
}

th
{
        color: white;
        text-align: center;
        background-color: darkblue;
        border:  0 solid red;
}

td
{
        text-align: center;
        border:  0 solid blue;
        padding: 0;
}

tr.schedWhite
{ 
        background-color: white;
}

tr.schedGray
{ 
        background-color: lightgrey;
}

tr.schedAlternate
{
	background-color: silver;
}

th.padded
{
        color: white;
        text-align: center;
        background-color: darkblue;
        border:  0 solid red;
        padding: 2px;
}

td.sched
{ 
	border: 1pt solid black;
	padding: 2px;
}
th.sched
{
	border: 1pt solid black;
	padding: 2px;
	background-color: orange;
}

td.padded
{
        text-align: center;
        border: 0 solid black;
        padding: 2px;
}

td.paddedEven
{
        text-align: center;
        border: 0px solid black;
        padding: 2px;
}

td.paddedOdd
{
        text-align: center;
        border: 0px solid black;
        padding: 2px;
        background-color: silver;
}

table.Playoff
{
    border-style: none;
        padding: 0;
        margin: 0;
        border-collapse: collapse;
        font-size: small;
}
td.PlayoffDate
{
   text-align: left;
   font-weight: bold;
   border-style: none;
   width: 1in;
   height: 14px;
   vertical-align: center;
}
td.PlayoffInfo
{
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   border-bottom: 1pt solid #000;
   border-left: 1pt solid #000;
   border-right: 1pt solid #000;
   vertical-align: center;
}
td.PlayoffDate
{
   text-align: left;
   font-weight: bold;
   border-style: none;
   width: 1in;
   height: 14px;
   vertical-align: center;
}
td.PlayoffInfo
{
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   border-bottom: 1pt solid #000;
   border-left: 1pt solid #000;
   border-right: 1pt solid #000;
   vertical-align: center;
}
td.PlayoffTeam_BO
{
   text-align: left;
   font-weight: bold;
   border-style: none;
   border-bottom: 1pt solid #000;
   width: 1in;
   height: 14px;
   vertical-align: center;
}
td.PlayoffTeam_TO
{
   text-align: left;
   font-weight: bold;
   border-style: none;
   border-top: 1pt solid #000;
   width: 1in;
   height: 14px;
   vertical-align: center;
}
td.PlayoffTeam
{
   text-align: right;
   border-style: none;
   width: 1in;
   height: 14px;
   vertical-align: center;
}
td.PlayoffTeam_Title
{
   text-align: right;
   border-style: none;
   font-weight: bold;
   width: 1in;
   height: 14px;
   vertical-align: center;
}
td.PlayoffScore_BO
{
   text-align: center;
   font-weight: bold;
   border-style: none;
   border-bottom: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffScore_TO
{
   text-align: center;
   font-weight: bold;
   border-style: none;
   border-top: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffScore
{
   text-align: center;
   border-style: none;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffNum_BR
{
   text-align: center;
   background: blue;
   color: white;
   border-style: none;
   border-bottom: 1pt solid #000;
   border-right: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffNum_TR
{
   background: blue;
   color: white;
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   border-right: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffNum_BONS
{
   text-align: center;
   border-style: none;
   border-bottom: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffNum_TONS
{
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffNum_RO
{
   background: blue;
   color: white;
   text-align: center;
   font-weight: bold;
   border-style: none;
   border-right: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffNum
{
   text-align: center;
   border-style: none;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffFiller_BO
{
   text-align: center;
   border-style: none;
   border-bottom: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffFiller_TO
{
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffFiller_RO
{
   text-align: center;
   border-style: none;
   border-right: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffFiller_BR
{
   text-align: center;
   border-style: none;
   border-bottom: 1pt solid #000;
   border-right: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffFiller_TR
{
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   border-right: 1pt solid #000;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffFiller
{
   text-align: center;
   border-style: none;
   width: 20px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffSeed
{
   text-align: center;
   border-style: none;
   font-weight: bold;
   width: 40px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffSeed_TR
{
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   border-right: 1pt solid #000;
   font-weight: bold;
   width: 40px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffSeed_TO
{
   text-align: center;
   border-style: none;
   border-top: 1pt solid #000;
   font-weight: bold;
   width: 40px;
   height: 14px;
   vertical-align: center;
}
td.PlayoffSeed_BO
{
   text-align: center;
   border-style: none;
   border-bottom: 1pt solid #000;
   font-weight: bold;
   width: 40px;
   height: 14px;
   vertical-align: center;
}

td.PlayoffScore_TO form input
{
        font-size: small;
}
td.PlayoffScore_BO form input
{
        font-size: small;
}

table.Calendar
{
        font-family: Calibri, Tahoma, Helvetica, Arial, Verdana, Sans-serif, "Times New Roman", Times, Serif; /* use sans-serif fonts when possible */
        text-align: center;
        margin: auto;
        border: 0 solid #FFFF00;
        border-spacing: 0px 10px;
        padding: 0;
        border-collapse: collapse;
}
table.Calendar th
{
        text-align: center;
        background-color: red;
        border:  0 solid red;
        width: 14.3%;
}
td.CalTitle
{
        text-align: center;
        background-color: yellow;
        font-size: 2em;
}
td.CalHeader
{
        text-align: center;
        font-weight: bold;
        font-size: 1.9em;
        padding: 4px;
}
td.CalDate
{
        text-align: center;
        font-weight: bold;
        font-size: 1.5em;
        padding: 4px;
        vertical-align: top;
        border: thin solid blue;
        width: 14.3%;
        height: 100px;
}
td.CalMissing
{
        text-align: center;
        font-weight: normal;
        font-size: 1.5em;
        padding: 4px;
        vertical-align: top;
        width: 14.3%;
        height: 100px;
}
span.CalEvent
{
        text-align: left;
        font-weight: normal;
        font-size: .5em;
        color: red;
}

table.Framed
{
        text-align: center;
        margin: auto;
        border: 2px solid blue;
        border-collapse: collapse;
}

table.Framed th
{
        text-align: center;
        background-color: darkblue;
        border:  thin solid blue;
        padding: 2px;
}

table.Framed td
{
        text-align: center;
        border:  thin solid blue;
        padding: 2px;
}

table.FlushLeft
{
        text-align: left;
        margin: auto auto auto 0;
        padding: 0;
        border: 0 solid black;
        border-collapse: collapse;
}
table.FlushLeft td
{
        text-align: left;
        border: 0 solid black;
        padding: 0;
}

table.None
{
        border-right: 0px;
        border-top: 0px;
        border-left: 0px;
        border-bottom: 0px
}

table.info
{
        text-align: center;
        background-color: lightblue;
        border:  2 solid #000084;
        padding: 2px;
        spacing: 
}
tr.info
{
        background-color: lightblue;
}
tr.infow
{
        background-color: white;
}
td.info
{
        background-color: lightblue;
        border:  1 solid #000084;
        padding: 2px;
}
td.infow
{
        background-color: white;
        padding: 2px;
        border:  1 solid #000084;
}
th.info
{  
        background-color: #000084;
        color: white;
        padding: 2px;
}

table.Umpires
{
        text-align: center;
        background-color: lightblue;
        padding: 2pt;
        border: 1pt solid black;
        font-size: large;
}
table.Umpires th
{
        color: green;
        background-color: lightyellow;
}
tr.UmpiresMain td
{
        background-color: silver;
        border: 1pt solid black;
}
tr.UmpiresAlternate td
{
        background-color: lightblue;
        border: 1pt solid black;
}

/* Banner Area */
div.Banner
{
        text-align: center;
        line-height: 1.1;
        background-color: #000084;
        width: 100%;
        display: inline;
}

/* Navigation */
div.Navigation
{
        line-height: 1.1;
        width: 185px;
        height: 100%;
        float: left;
        clear:  left;
        text-align: center;
        position: relative;
        background-color: #000084;
        top: 0;
        display: inline;
}

p.Navigation
{
        padding: 0 0 0 0;
        margin: 0 0 .125em 0;
        font-size: small;
        font-weight: bold;
        color: orange;
}

p#timestamp                     
{
        color: orange;
        font-size: small;
        font-weight: bold;
}

/* Link appearance */
a.bannerbar, a.bannerbar:link, a.bannerbar:active, a.bannerbar:visited
{
        font-family: Calibri, Tahoma, Helvetica, Arial, Verdana, "Comic Sans MS", Sans-serif, "Times New Roman", Times, Serif; /* use sans-serif fonts when possible */
        color: lightblue;
        font-weight: bold;
        text-decoration: none;
        font-size: 10px;
}

a.Navigation, a.Navigation:link, a.Navigation:active, a.Navigation:visited
{
        font-family: Calibri, Tahoma, Helvetica, Arial, Verdana, "Comic Sans MS", Sans-serif, "Times New Roman", Times, Serif; /* use sans-serif fonts when possible */
        color: lightblue;
        font-weight: bold;
        text-decoration: none;
        font-size: small;
}

a.bannerbar:hover
{
        font-family: Calibri, Tahoma, Helvetica, Arial, Verdana, "Comic Sans MS", Sans-serif, "Times New Roman", Times, Serif; /* use sans-serif fonts when possible */
        color: white;
        font-size: 10px;
}

a.Navigation:hover
{
        font-family: Calibri, Tahoma, Helvetica, Arial, Verdana, "Comic Sans MS", Sans-serif, "Times New Roman", Times, Serif; /* use sans-serif fonts when possible */
        color: white;
        font-size: medium;
}