A:link
{
  color:#0055aa;
}
A:visited
{
  color:#800080;
}
A:hover
{
  color:#443300;
}

Body
{
  font-family: sans-serif;
  background-color: white;
  background: white;

}

.Header
{
  text-align: center;
  font-size: 32px;
  background: #0055aa;
  color: white;
  padding: 3px;
  border-bottom: 1px solid #002277;
  border-right: 1px solid #002277;
  border-top: 1px solid #3388dd;
  border-left: 1px solid #3388dd;
  width: 630px; 
}
.SubHeader
{
  text-align: center;
  font-size: 24px;
  color: #0055aa;
  padding: 3px;
}

.MenuBar
{
  font-size: 16px;
  text-align: center;
  background: #EEEEEE;
  padding: 3px;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

.LinkBar
{
  padding: 5px;
  width: 186px;
  vertical-align: top;
  background: #EEEEEE;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.LinkBar_Header
{
  padding-top: 10px;
  font-weight: bold;
}

.LinkBar_Header ul li ul li
{
  list-style-type: disc;       /* removes the bullet points */
}

.LinkBar_Header ul
{
  font-weight: normal;
  list-style-type: none;       /* removes the bullet points */
}
.LinkBar_Level1
{
  font-size: 12px;
  padding-left: 10px;
}

div.Main
{
}

.MainTable
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.MainBody
{
  width: 604px; 
  vertical-align: top;
  text-align: left;
  padding: 5px;
}

.Box
{
  color: #000000;
  background: #EEEEEE;
  padding: 3px;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.ReverseBox
{
  border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background: #ffffff;
}

.Logon
{
  background-color: #FFFFEE;
  border: 1px solid silver;
}

.photo
{
  background-color: #FFFFEE;
  border: 1px solid silver;
}
.photoCaption
{
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
.Intro
{
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  text-align: center;
  background: #EEEEEE;
  padding: 3px;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

.highlight
{
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}
.Updated
{
  color: #800080;
}
.Preview
{
  overflow: auto;
  height:300px;
  width: 100%;
  border: 2px inset silver;
  padding: 2px;
}
.Alert
{
  color: #ff0000;
  font-weight: bold;
}
.Tip
{
  background-color: #FFFFEE;
  font-size: 10px;
  border: 1px solid silver;
  height: 30px;
  width: 100%;
}

.YellowBox
{
  background-color: #FFFFEE;
  border: 1px solid silver;
}
.FlatBox
{
  border: 1px solid silver;
}
.TabActive
{
  font-weight: bold;
  text-align: center;
  color: #000000;
  background: #ffffff;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-bottom: 0px solid #ffffff;
  border-right: 1px solid #AAAAAA;
}
.TabInactive
{
  font-weight: bold;
  text-align: center;
  color: #000000;
  background: #eeeeee;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  cursor: pointer;
}
.TabPage
{
  background: #ffffff;
  padding: 3px;
  border-top: 0px solid #ffffff;
  border-left: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
.ClassifiedItem
{
  margin: 10px;
  padding: 10px;
  border: 3px solid #eeeeee;
  background: #ffffff;
}
.junta_only {
    background: #ddf;
    background-image: url('/images/JuntaOnly.png');
    background-position: bottom right;
    background-repeat:  no-repeat;
    border: 1px solid #88f;
    padding: 4px;
}

.Schedule
{
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 1px solid #aaaaaa;
  background: #ffffee;
  border-collapse: collapse;
}

.ScheduleHeader
{
  font-weight: bold;
  font-size: 12px;
}

.ScheduleNote
{
  width: 75%;
  margin-left: 12%;
  margin-right: 12%;
  font-weight: bold;
  font-size: .8em;
}
table.Schedule td.ScheduleDate
{
  width: 100px;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  border: none;
  padding-top: 0.25em;
  padding-top: 0.25em;
}
table.Schedule td
{
  background: #ffffff;
  border: 1px solid silver;
  font-size: 12px;
  width: 6em;
  text-align: center;
}
table.Schedule td.blank
{
  border: none;
  width: inherit;
}
.ScheduleTeam
{
  vertical-align: top;
  width: 50%;
}
.ScheduleTeamName
{
  font-size: 1.2em;
  font-weight: bold;
}
.ScheduleTeamColor
{
  font-size: .9em;
  font-weight: bold;
  font-style: italic;
}
.ScheduleCaptain
{
}
.SchedulePlayer
{
}
.StandingsRowOdd
{
  background-color: #eeeeee;
}
.StandingsRowEven
{
}

.Standings
{
  width: 80%;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  border-collapse: collapse;

}
.StandingsHeader
{
  font-weight: bold;
  border-bottom: 1px solid silver;
  color: white;
  background-color: #0055aa;
}
.StandingsTeam
{
  width: 100px;
  border-left: 5px solid white;
}
.StandingsWin, .StandingsLoss
{
  text-align: center;
}

.DB_TableHeader
{
  color: #000000;
  background: #EEEEEE;
  padding: 3px;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  font-size: 12px;
}
.DB_TableCell
{
  margin: 0px;
  color: #000000;
  padding: 0px;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  font-size: 12px;
}
.meridiem { /* am or pm */
    font-variant: small-caps;
}
#recent_news li {
	padding: 0.3em 0;
	font-weight: bolder;
}

.zebra {
    border: 0px;
    border-collapse: collapse;
    width: 100%;
}

.zebra td {
    padding: 4px;
    font-size: .75em;
    width: 50%;
}

td.col0 {
    background-color: #cfc;
    border: 1px solid #ada;
}

td.col1 {
    background-color: #ccf;
    border: 1px solid #aad;
}

td.col2 {
    background-color: #fcc;
    border: 1px solid #daa;
}

td.col3 {
    background-color: #ffc;
    border: 1px solid #dda;
}

td.col4 {
    background-color: #fcf;
    border: 1px solid #dad;
}

td.col5 {
    background-color: #cff;
    border: 1px solid #add;
}


input {
    border: 1px solid black;
    background-color: #fff;
    color: #000;
}

td {
    vertical-align: top;
}

h1.waitlist {
    background: #c22;
    border: 2px solid #f88;
    border-bottom: 0;
    border-collapse: collapse;
    font-size: 1.1em;
    width: 100%;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    text-transform: uppercase;
}

p.waitlist {
    background: #fdd;
    background: #fdd;
    border: 2px solid #f88;
    text-align: center;
    border-top: 0;
    width: 90%;
    padding: 5%;
    color: #200;
    font-size: .75em;
    margin-top: 0px;
}

input .user {
border: 0px;
}

.user { 
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
}

select {
    border: 1px solid black;
}

.choice_box {
    border: 1px solid #888;
    border-collapse: collapse;
    background: #eee;
    padding: 5px;
    width: 100%;
}

.req {
    color: red;
}

.error-message {
    color: red;
}

.message {
    font-size: 1.5em;
    color: red;
}

.debug_mode {
    background: #fcc;
    border-bottom: 2px solid #f88;
    border-left: 2px solid #f88;
    position: fixed;
    right: 0px;
    top: 0px;
    padding-left: 0;
    padding-right: 0;
    width: 18em;
    height: 4em;
/*    visibility: hidden; */
    visibility: visible;
    font-size: 1em;
    text-align: center;
    opacity: .5;
    filter: alpha(opacity=50);
}

.debug_box {
    background: #ccc;
    border-top: 2px solid #888;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 2%;
    font-size: .25em;
    width: 96%;
/*    visibility: hidden; */
    visibility: visible;
    opacity: .75;
    filter: alpha(opacity=75);
}

.user_header {
    width: 6em;
    position: fixed;
    right: 0px;
    top: 0px;
    text-align: right;
    background: #eee;
    padding: 3px;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

em {
    font-size: .75em;
}

.email {
    font-size: .9em;
    font-weight: bold;
}

.FooterBar
{
  font-size: .8em;
  text-align: center;
  background: #eee;
  padding: 3px;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.makeMenu
{
  list-style-type: none;       /* removes the bullet points */
}

ul.makeMenu
{
  padding-left: 0px;           /* stops the usual indent from ul */
}

ul.bullets > li
{
  list-style-type: disc;       /* removes the bullet points */
}

ul.normalList > li
{
  list-style-type: disc;       /* removes the bullet points */
  padding-bottom: 10px;
  padding-top: 10px;
}

.teamid
{
font-weight: bold;
font-size: 0.8em;
display: block;
border: 1px solid #000;
text-align: center;
background: #ddd;
}

.SeasonInfo
{
  text-align: left;
  list-style-type: none;       /* removes the bullet points */
  padding-left: 0px;           /* stops the usual indent from ul */
  width: 15em;
}

.SeasonInfo ul
{
    margin: 0px;
    padding: 0px;
}

.SeasonInfo ul li
{
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: #fff;
  text-align: left;
  list-style-type: none;       /* removes the bullet points */
  padding-left: 0px;           /* stops the usual indent from ul */
}

.SeasonInfo ul li ul li
{
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background: #999;
  list-style-type: none;       /* removes the bullet points */
  padding-left: 0px;           /* stops the usual indent from ul */
  text-align: left;
  padding: 2px;
}

.SeasonInfo ul li ul li ul li
{
  font-size: 12px;
  font-weight: bold;
  background: #ccc;
  color: #000;
  /* border: 1px solid #999; */
  text-align: left;
  list-style-type: none;       /* removes the bullet points */
/* padding-left: 0px; */          /* stops the usual indent from ul */
}

.SeasonInfo ul li ul li ul li ul li
{
  font-size: 12px;
  font-weight: normal;
  background: #eee;
  /* border: 1px solid #999; */
  text-align: right;
  list-style-type: none;       /* removes the bullet points */
/*padding-left: 0px;*/          /* stops the usual indent from ul */
}

.SeasonInfo ul li ul li ul li ul li a:link
{
  text-decoration: none;
}

.SeasonInfo ul li ul li ul li ul li:hover
{
  background: #ccc;
}

.popup img
{
    border: 0px;
}

.popup:hover span img
{
    border: 1px solid #000;
    padding: 4px;
    background-color: #fff;
}

.popup
{
    position: relative;
    z-index: 0;
}

.popup:hover
{
    background-color: transparent;
    z-index: 50;
}

.popup span
{
    display: none;
    visibility: hidden;
    position: absolute;
}

.popup:hover span
{
    display: block;
    visibility: visible;
    top: -96px;
    left: -96px;
}

form.score_form
{
    border: solid 2px #000;
    padding: 4px;
}

#tabs ul {
    padding: 3px 0px 3px 0px;
    margin-left: 0;
    border-bottom: 1px solid #000;
}

#tabs ul li {
    list-style: none;
    margin: 0;
    display: inline;
}
#tabs ul li a#current {
    background: #fff;
    border-bottom: 1px solid white;
}

#tabs ul li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #000;
    border-bottom: 1px solid #000;
/* border-bottom: none; */
    text-decoration: none;
    background: #ccc;
}

#tabs ul li a:link {
     color: #000;
}
#tabs ul li a:visited {
     color: #000;
}
#tabs ul li a:link:hover, #tabs ul li a:visited:hover {
     color: #000;
     background: #eee;
     border-color: #000;
}

input[type=radio] {
    border-width: 0px;
    background-image: none;
}

.skills_choice {
  width: 100%;
  font-family: sans-serif;
  text-align: center;
}

.skills_choice ul
{
    list-style: none;
    margin: 0;
    display: inline;
}

.skills_choice ul li {
    list-style: none;
    margin: 0;
    display: inline;
}

.left
{
width: 49%;
text-align: left;
border-right: 1px solid black;
}

.right
{
width: 49%;
text-align: right;
border-left: 1px solid black;
}

div.skills_choice > ul
{
    padding: 0px;
}

a:link.download
{
  text-decoration: none;
  border: 0;
  float: right;
}

a:visited.download
{
  text-decoration: none;
  float: right;
}

img
{
    border: 0px;
}

table.captain_survey
{
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 400px;
}

table.captain_survey th
{
    border-right: 1px solid black;
}

table.captain_survey tr
{
    border-bottom: 1px solid black;
/*height: 4em; */
}

table.captain_survey td
{
    border-right: 1px solid black;
}

table.captain_survey tr.odd
{
    background-color: #eee;
}

table.captain_survey tr.even
{
    background-color: #ccc;
}


li.collapsed {
    padding: 2px;
    list-style: disc inside url(/images/expand.png);
}
li.expanded {
    padding: 2px;
    list-style: square inside url(/images/collapse.png);
}

table.Schedule th
{
    font-size: 0.85em;
    text-align: center;
}

table.Schedule td.east
{
    border-left: 2px solid black;
}

table.Schedule td.west
{
    border-right: 2px solid black;
}