/* Styles for week */
.day { 
  background-color: #ffffff; 
  color: #003366;
  font-size: 16px; 
  text-align: center; 
}

.FullDay {
  font-size: .8em;
  text-align: left; 
  margin-left: 2em; 
  width: 80% 
}

.Entry {
}
         

.Location {
  margin-left: 3em; 
}
        
.Time {
  margin-left: 3em; 
}

.ShortDesc {
  font-style: italic;
   margin-left: 4em; 
}

 /* Styles for week */
table.Week { 
  border-color: #003366;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-spacing: 0px;
}

.week { 
  background-color: #ffffff; 
  color: #003366;
  font-size: 16px; 
  text-align: center; 
}

table.Week td.day {
  background-color: #003366;
  font-size: 14px;
  text-align: center;
  color: #ffffff; 
}

table.Week td { border-color: #003366;
  font-size: 12px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-spacing: 0px; 
}
  
.topleft {  
  color: 003366;
  vertical-align: top;
  float: left;
  font-size: 10px;
  border-style: solid;
  border-width: 0px 2px 2px 0px;
  padding: 0px 4px 2px 4px; 
  background-color: #ffffff; 
}

.topleft a {
  text-decoration: none;
}

 /* Styles for small calendar table */
table.FullMonth { border-color: #003366;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-spacing: 0px;
}

table.FullMonth .Event {
  border-bottom-style: groove;
  border-bottom-width: 2px;
  padding-bottom: 1.5px;
}

.month { 
  background-color: #ffffff; 
  text-align: center;
  color: #003366;
  font-size: 16px; 
  font-weight: bold; 
}

table.FullMonth td.day {
  background-color: #003366;
  font-size: 14px;
  height: 20px;
  text-align: center;
  color: #ffffff; 
}

table.FullMonth td { border-color: #003366;
  font-size: 12px;
  height: 60px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-spacing: 0px; 
}
table.FullMonth b {
}

/* Styles for the View Chooser */
table.viewSelect {
  font-size: 10pt;
}

table.viewSelect tr {
  height: 50px;
}

table.viewSelect td {
  padding: 0px 10px 0px 10px;
  height: 50px;
}

table.viewSelect td a {
  padding: 5px 10px 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: #003366;
}

table.viewSelect td a:hover {
  color: white; 
  background: #003366;
  text-decoration: none;
}

table.viewSelect td a.selected {
  color: white; 
  background: #003366;
  font-style: italic;
  text-decoration: none;
}

 /* Styles for small calendar table */
table.SmMonth {  
  border-color: #003366;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-spacing: 0px;
}

table.SmMonth td.month { 
  background-color: #003366; 
  font-size: 12px; 
  color: #FFFFFF 
}

table.SmMonth td { 
  border-color: #003366;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-spacing: 0px; 
}

table.SmMonth td a:link {
  text-decoration: none;
}
table.SmMonth td a:hover {
  text-decoration: none;
}
table.SmMonth td a:visited {
  text-decoration: none;
}

.CurrentDay {
  display: inline;
  color: red;
}

a.monthLink:link, a.monthLink:hover, a.monthLink:visited {
  color: white;
}

/* For Calendar Setup */
#calendarSetup {
  font-family: arial, helvetica, sans-serif;
}

#calendarSetup table {
  width: 100%; 
  border-collapse:separate; 
  border-spacing :0px 4px 
}

#calendarSetup table th {
  text-align: left;
}

#calendarSetup table td.nameok {
  border-top: 1px solid green;
  border-left: 1px solid green;
  border-bottom: 1px solid green;
  width: 80%;
}

#calendarSetup table td.valok {
  border-top: 1px solid green;
  border-right: 1px solid green;
  border-bottom: 1px solid green;
  color: green;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

#calendarSetup table td.namerepair {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-bottom: 1px solid red;
  width: 80%;
}

#calendarSetup table td.valrepair {
  border-top: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 1px solid red;
  color: red;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

#calendarSetup span.resultsFail {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  color: red;
}

#calendarSetup span.resultsSucceed {
  text-align: center;
  color: green;
  font-style: italic;
}