label {
  font-weight: bold;
}
.sample {
  border-style: groove;
}
.weeknumber,
.weeknumber a {
  font-size: 10px;
  color: #B04040;
  text-decoration: none;
}
img.color {
  border-width: 0px;
  width: 15px;
  height: 15px;
}
#cat {
  display: none;
  font-size: 18px;
}
#trailer {
  margin: 0px;
  padding: 0px;
}
#trailer form {
  float: left;
  width: 33%;
  border-top: 1px solid #FFFFFF;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 25px;
}
#trailer label {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}
#monthform {
  clear: left;
}
#weekform {
  text-align: center;
}
#yearform {
  text-align: right;
  clear: right;
}
#menu {
  clear: both;
}
#menu a {
  font-size: 14px;
  color: #CC0033;
  text-decoration: none;
}
.prefix {
  font-weight: bold;
  font-size: 14px;
}
a#programname {
  margin-top: 10px;
  font-size: 10px;
}
.printer {
  font-size: 14px;
  color: #CC0033;
  text-decoration: none;
  clear: both;
  display: block;
  width: 15ex;
}
.new {
  border-width: 0px;
  float: right;
}
.unapprovedentry {
  font-size: 13px;
  color: #800000;
  text-decoration: none;
  padding-right: 3px;
}
.nounapproved {
  margin-left: 20px;
}
.layerentry {
  font-size: 13px;
  color: #006060;
  text-decoration: none;
  padding-right: 3px;
}
.entry {
  font-size: 11px;
  color: #666666;
  text-decoration: none;
  font-family: Verdana, american typewriter, georgia;
  padding-right: 3px;
}
.entry img,
.layerentry img,
.unapprovedentry img {
  border-width: 0px;
  margin-left: 2px;
  margin-right: 2px;
}
.dayofmonth {
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  border-top-width: 0px;
  border-left-width: 0px;
  
  padding: 0px 2px 0px 3px;
}
.boxtop {
 border-top: 1px solid #888888;
 border-left: 1px solid #888888;
 border-right: 1px solid #888888;
}
.boxleft {
 border-left: 1px solid #888888;
}
.boxright {
 border-right: 1px solid #888888;
}
.boxbottom {
 border-bottom: 1px solid #888888;
}
.dayofmonth:hover {
  color: #0000FF;
  border-right: 1px solid #0000FF;
  border-bottom: 1px solid #0000FF;
}
.prev img {
  border-width: 0px;
  margin-left: 3px;
  margin-top: 7px;
  float: left;
}
.next img {
  border-width: 0px;
  margin-right: 3px;
  margin-top: 7px;
  float: right;
}
#activitylog .prev {
  border-width: 0px;
  float: left;
}
#activitylog .next {
  border-width: 0px;
  float: right;
}
#day .prev img {
  border-width: 0px;
  margin-top: 37px;
  float: left;
}
#day .next img {
  border-width: 0px;
  margin-top: 37px;
  float: right;
}
#day .monthnav .prev img {
  border-width: 0px;
  margin: 0px;
  float: left;
}
#day .monthnav .next img {
  border-width: 0px;
  margin: 0px;
  float: right;
}
.dailymatrix {
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  text-align: right;
  background-color: #FFFFFF;
}
td.matrixappts {
  cursor: pointer;
  text-align: left;
  background-color: #FFFFFF;
  vertical-align: middle;
}
td.matrix {
  height: 1px;
  background-color: #000000;
}
.matrix img {
  border-width: 0px;
  width: 100%;
  height: 1px;
}
a.matrix img {
  border-width: 0px;
  width: 100%;
  height: 8px;
}
.matrixd {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  margin-left: auto; 
  margin-right: auto;
}
.matrixlegend {
  margin-top: 25px;
  padding: 5px;
  text-align: center;
  background: #ffffff;
  margin-left: auto; 
  margin-right: auto;
  border: 1px solid #000000;
}
.matrixlegend img {
  border-width: 0px;
  width: 10px;
  height: 10px;
}
.nav {
  font-size: 14px;
  color: #CC0033;
  text-decoration: none;
}

h2 {
  font-size: 20px;
  color: #CC0033;
}
h3 {
  font-size: 18px;
}
p,
input,
select {
  font-size: 12px;
}

.viewt,
#viewv .main,
#viewm .main,
#vieww .main,
#week .main,
#viewl .main,
#viewr .main,
#month .main {
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  width: 100%;
  clear: both;
}
#year .main tr {
  vertical-align: top;
}
th {
  font-size: 12px;
  color: #CC0033;
  background-color: #FFFFFF;
}
#admin .main th, 
#pref .main th, 
#viewv .main th,
#viewl .main th,
#month .main th {
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  width: 14%;
  font-weight: normal;
  color: #BBBBBB;
  border-bottom: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
#vieww .main th,
#week .main th {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  width: 12%;
}
#viewr .main th,
#viewm .main th {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
#viewr th.small {
  background: none;
  background-color: #FFFFFF;
  font-size: 8px;
}
#viewd .main th {
  border-right: 1px solid #FFFFFF;
  padding: 1px;
}
#admin .main th.weekcell,
#pref .main th.weekcell,
#viewl .main th.weekcell,
#month .main th.weekcell{
  background: #FFFFFF;
  background-color: #FFFFFF;
  border-left: 0px;
  border-top: 0px;
  width: 1%;
}
#admin .main td.weekcell,
#pref .main td.weekcell,
#viewl .main td.weekcell,
#month .main td.weekcell {
  background-color: #FFFFFF;
  width: 1%;
  margin: 0px 0px 0px 0px;
  vertical-align:middle;
  text-align:center;
  font-size: 12px;
  color: #CC0033;
  text-decoration: none;
}
#viewv .main th.empty,
#viewm .main th.empty,
#vieww .main th.empty,
#viewr .main th.empty,
#week .main th.empty {
  width: 5%;
  background: none;
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
#week .main th.row {
  width: 5%;
  vertical-align: top;
  height: 40px;
}
#vieww .main th.row,
#viewv .main th.row,
#viewm .main th.row,
#viewt th.row {
  width: 10%;
  vertical-align: top;
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
#viewd .main th.row {
  border-right-width: 0px;
  text-align: left;
}
#viewr th.row {
  height: 40px;
  vertical-align: top;
}
#vieww .main th.today,
#viewm .main th.today,
#viewv .main th.today,
#viewt .main th.today {
  width: 10%;
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  vertical-align: top;
  
}
#admin .main th.today,
#pref .main th.today,
#viewr .main th.today,
#week .main th.today {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  width: 12%;
}
#viewr .main td.hasevents {
  font-size: 8px;
  background-color: #DDDDDD;
}
#week .main td.hasevents,
#day .glance td.hasevents {
  background-color: #DDDDDD;
}
#viewr .main th a,
#week .main th a,
#weekdetails .main th a {
  color: #CC0033;
}
#viewr .main th a:hover,
#week .main th a:hover,
#weekdetails .main th a:hover {
  color: #0000FF;
}
#year .main td {
  text-align: center;
  padding: 0px 3px;
}
#admin .main td,
#pref .main td{
  font-size: 12px;
  height: 30px;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  vertical-align: top;
}
#viewl .main td,
#month .main td {
  font-size: 12px;
  height: 75px;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  vertical-align: top;
  table-layout:fixed;
  overflow:auto;
  min-width: 90px;
  }
#vieww .main td,
#week .main td,
#viewr .main td,
#viewm .main td,
#viewv .main td {
  font-size: 12px;
  background-color: #FFFFFF;
  vertical-align: top;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding-left: 3px;
}
#admin .main td.weekend,
#pref .main td.weekend,
#viewl .main td.weekend,
#month .main td.weekend,
#viewm .main td.weekend,
#viewv .main td.weekend,
#vieww .main td.weekend,
#viewr .main td.weekend,
#week .main td.weekend {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  
}
#admin .main td.othermonth,
#pref .main td.othermonth,
#viewl .main td.othermonth,
#month .main td.othermonth {
  background-color: #D0D0D0;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
#admin .main td.today,
#pref .main td.today,
#viewl .main td.today,
#month .main td.today,
#viewm .main td.today,
#vieww .main td.today,
#viewv .main td.today {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  vertical-align: top;
}
#month #prevmonth,
#viewl #prevmonth {
  float: left;
}
#month #nextmonth,
#viewl #nextmonth {
  float: right;
}
#month .minical caption,
#viewl .minical caption {
  margin-left: 4ex;
}
#year .minical {
  margin: 5px auto;
  display: block;
}
#year .minical caption {
  margin: 0px auto;
}
#viewl .minical,
#month .minical {
  border-width: 0px;
}
#viewt td.reg {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  width: 90%;
}
.title {
  width: 99%;
  text-align: center;
}
#day .title {
  margin-top: 3px;
  text-align: center;
}
#day .title .date,
.title .date {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #CC0033;
}
.title .weeknumber {
  font-size: 20px;
  color: #CC0033;
}
.title .viewname,
#day .title .user,
.title .user {
  font-size: 18px;
  font-weight: bold;
  color: #CC0033;
  text-align: center;
}
#weekdetails .main {
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  width: 90%;
}
#weekdetails .main th {
  font-size: 13px;
  color: #CC0033;
  background-color: #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  width: 100%;
  padding: 2px;
}
#weekdetails .main td {
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  vertical-align: top;
  height: 75px;
}
#weekdetails .main th.today {
  background-color: #FFFFFF;
}
#weekdetails .main td.weekend {
  background-color: #FFFFFF;
}
#viewt table {
  border-collapse: collapse;
}
#viewt .timebar {
  padding: 0px;
  width: 100%;
  border-width: 0px;
}
#viewt .timebar td {
  padding: 0px;
  background-color: #FFFFFF;
  text-align: center;
  color: #CCCCCC;
  font-size: 10px;
}
#viewt .yardstick {
  width: 100%;
  padding: 0px;
  border-width: 0px;
}
#viewt .yardstick td {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
#viewt .entrycont {
  width: 100%;
  padding: 0px;
  border-width: 0px;
}
#viewt .entrycont td {
  text-align: right;
}
#viewt .entrybar {
  width: 100%;
  border-width: 0px;
}
#viewt .entrybar td.entry {
  text-align: center;
  background-color: #F5DEB3;
  border: 1px solid #000000;
}
#viewt .weekend {
  width: 90%;
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  vertical-align: top;
}
#viewt td.today {
  width: 90%;
  background-color: #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  vertical-align: top;
}
#viewt th.today {
  color: #CC0033;
  background-color: #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  vertical-align: top;
}
#login {
  margin-top: 70px;
  margin-bottom: 50px;
  text-align: center;
}
#register table,
#login table {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  font-size: 12px;
}
.cookies {
  font-size: 13px;
}
.standard th {
  color: #CC0033;
  background-color: #FFFFFF;
  font-size: 18px;
  padding: 0px;
  border-bottom: 1px solid #FFFFFF;
}
abbr {
  cursor: help;
}
.strikethrough {
  text-decoration : line-through;
}