#content
{
   height: 475px;
   width: 800px;

   background-image: url('../../assets/img/bgnd.jpg');
}

#form
{
   padding: 10px 8px 10px 8px;
}

#form h1
{
   margin-bottom: 5px;
}

#form form
{
   font-size: 0.7em;
   margin: 0px;
}

#form #toDate,
#form #fromDate
{
   width: 96px;
}

#form input,
#form select
{
   font-size: 8pt;
}

#activity
{
   width: 126px;
}

#form #wrapSchoolText #schoolText
{
   width: 170px;
   height: 15px;
}

#form #wrapSchoolSelect #schoolSelect
{
   width: 185px;
}

#form #wrapSchoolSelect
{
   display: inline;
}

#form #wrapSchoolText
{
   display: none;
}

#form #wrapSchoolText #schoolSuggest p
{
   padding: 3px 3px 3px 3px;
   margin: 0px;

   height: 14px;
}

.odd
{
   background-color: #dbe6fa;
}

.even
{
   background-color: #bcbfde;
}

.selected
{
   background-color: red;
}

.white
{
   background-color: white;
}

#form #wrapSchoolText #schoolSuggest
{
   position: absolute;

   float: left;
   display: none;
   
   border: 1px solid black;
   
   width: 300px;
   height: 100px;

   margin-top: 1px;
}

#form #wrapSchoolText #schoolSuggest a:link {color:#004d99; text-decoration: none;}
#form #wrapSchoolText #schoolSuggest a:visited {color: #004d99; text-decoration: none;}
#form #wrapSchoolText #schoolSuggest a:hover {color:#994d00; cursor: pointer; text-decoration: underline;}
#form #wrapSchoolText #schoolSuggest a:active {color:#004d99; text-decoration: none;}


#form #wrapSport
{
   display: inline;
}

#form .dateInput
{
   width: 92px;
}

.navigate
{
   height: 17px;
   width: 780px;

   padding: 0px 10px 0px 10px;

   font-size: 0.8em;
   color: black;
}

.earlierLink
{
   width: 370px;

   float: left;
}

.laterLink
{
   width: 300px;

   text-align: right;

   float: right;
}

#days
{
   float: left;

   height: 373px;
   width: 780px;
   margin: 0px 0px 3px 10px;
   
   background-color: white;
}

.day
{
   border: solid black;
   border-width: 1px 1px 1px 1px;

   padding: 0px;
   margin: 0px;
   width: 193px;

   float: right;

   text-align: center;

   font-size: 0.85em;
}

.noevents
{
   padding-top: 50px;
   margin: 0px;
   
   height: 330px;

   border: solid black;
   border-width: 1px 1px 1px 1px;

   text-align: center;

   font-style: italic;
}

.dayName
{
   padding: 3px 0px 3px 0px;
   font-weight: bold;
}

.eventList
{
   background-color: white;

   border: solid black;
   border-width: 1px 0px 0px 0px;

   height: 350px;

   overflow: auto;
}

.event
{
   margin: 0px 3px 0px 4px;
   padding: 3px 5px 25px 5px;

   border: solid black;
   border-width: 0px 1px 1px 1px;

   color: black;
   text-align: center;
   font-family: sans-serif;
   font-size: 0.9em;

   background-color: #dbe6fa;
}

.eventTime
{
   float: left;
   font-size: 7.5pt;
}

.eventActivity
{
   float: right;
   font-size: 0.9em;
}

.eventTeams
{
   padding-top: 4px;
   clear: both;
   font-weight: bold;
}

.eventTournament,
.eventConference
{
  padding-top: 4px;
  clear: both;

  font-style: italic;
}

.eventSubsidy
{
  float: left;

  padding-top: 8px;
}

.eventLink
{  
   float: right;
   text-align: center;

   padding-top:6px;
}

.dark
{
   background-color: #5b70a5;
   color: white;
}

.light
{
   background-color: #bcbfde;
   color: black;
}