<style type="text/css">
<!--
body {
  color: #000000;
  font-family: Trebuchet MS,  Trebuchet, Verdana, Lucida sans regular, Lucida, sanserif;
  font-size: 85%;
  background-color: #FFFFFF;
}
a {
  color: #000000;
  text-decoration: none;
}

a:visited {q
  color: #507064;
  text-decoration: none;
}
/************ bhugh, 1/18/2006, rem-ed out a:hover because mbfstyle.css covers it
a:hover {
  color: #0000FF;
}
************/
#viewsedit,
#edituser,
#edituserhandler,
#groupedit,
#editnonusers,
#groupedithandler,
#editnonusershandler {
  background-color: #F8F8FF;
}
#tabscontent {
  margin: 0px;
  padding: 0.5em;
  border: 2px groove #C0C0C0;
  width: 80%;
  background-color: #F8F8FF;
}
.tabfor {
  padding: 0.2em 0.2em 0.07em 0.2em;
  margin: 0px 0.2em 0px 0.8em;
  border-top: 2px ridge #C0C0C0;
  border-left: 2px ridge #C0C0C0;
  border-right: 2px ridge #C0C0C0;
  border-bottom: 2px solid #F8F8FF;
  background-color: #F8F8FF;
  font-size: 100%;
  text-decoration: none;
  color: #000000;
}
.tabbak {
  padding: 0.2em 0.2em 0px 0.2em;
  margin: 0 0.2em 0 0.8em;
  border-top: 2px ridge #C0C0C0;
  border-left: 2px ridge #C0C0C0;
  border-right: 2px ridge #C0C0C0;
  background-color: #E0E0E0;
  font-size: 100%;
  text-decoration: none;
  color: #000000;
}
#tabscontent_public,
#tabscontent_uac,
#tabscontent_groups,
#tabscontent_nonuser,
#tabscontent_other,
#tabscontent_email,
#tabscontent_colors,
#tabscontent_participants,
#tabscontent_sched,
#tabscontent_pete,
#tabscontent_nonusers,
#useriframe,
#grpiframe,
#nonusersiframe,
#viewiframe {
  display: none;
}
label {
  font-weight: bold;
}
.sample {
  border-style: groove;
}
.weeknumber,
.weeknumber a {
  font-size: 70%;
  color: #B04040;
  text-decoration: none;
}
img.color {
  border-width: 0px;
  width: 15px;
  height: 15px;
}
#cat {
  display: none;
  font-size: 125%;
  margin:0;
  padding:0;
}
#trailer {
  margin: 0px;
  padding: 0px;
}
#trailer form {
  float: left;
  width: 33%;
  border-top: 1px solid #000000;
  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: 100%;
  color: #000000;
  text-decoration: none;
}
.prefix {
  font-weight: bold;
  font-size: 100%;
}
a#programname {
  margin-top: 10px;
  font-size: 10px;
  
}
.printer {
  font-size: 100%;
  color: #000000;
  text-decoration: none;
  clear: both;
  display: block;
  width: 15ex;
}
.new {
  border-width: 0px;
  float: right;
}
.view-edit-delete a {
  padding-left: 0.25em;
  padding-right: 0.25em;
  color: #665555;
  text-decoration:none;
}
.view-edit-delete {
  border-width: 0px;
  font-size: 60%;
  text-padding: 0;
  margin: 0;
  color: #665555;
  float: right;
}
.unapprovedentry {
  font-size: 90%;
  color: #000000;
  text-decoration: none;
  padding-right: 0px;
  padding-left: 2px;
  /* bhugh, 1/18/2006, added table formatting for events & layer events */
  display:table;
  width:100%;
  background: #b0b3b3;
  /* background-image: url(gradient.php?base=b0b3b3&height=100); */
  border-style: dotted;
  border-width: 2px;
  margin: 2px;
}
.nounapproved {
  margin-left: 20px;
}
.layerentry {
  font-size: 90%;
  color: #000000;
  text-decoration: none;
  padding-right: 0px;
  padding-left: 2px;
  /* bhugh, 1/18/2006, added table formatting for events & layer events */
  display:table;
  width:100%;
  background: #b0b3b3;
  /* background-image: url(gradient.php?base=b0b3b3&height=100); */
  border-style: solid;
  border-width: 2px;
  margin: 2px;
}
.entry {
  font-size: 90%;
  color: #000000;
  text-decoration: none;
  padding-right: 0px;
  padding-left: 2px;
  /* bhugh, 1/18/2006, added table formatting for events & layer events */
  display:table;
  width:100%;
  background: #b0b3b3;
  /*background-image: url(gradient.php?base=b0b3b3&height=100); */
  border-style: solid; 
  border-width: 2px;
  margin: 2px;
}

.cat-id-class-2 {
  display:block;
  width=100%;
  color: #ff0000;
  background: #d080b0;
}


/*the following gets rid of those pesky extra spaces between entries on a date, bhugh */
#month .main br { clear: both; line-height: 0; 
display: block; }

a.layerentry:hover, a.entry:hover {
  background-color: #co5555;
  background-image: url(gradient.php?base=c05555&height=100); 
}

.entry img,
.layerentry img,
.unapprovedentry img {
  display: none;

  border-width: 0px;
  margin-left: 2px;
  margin-right: 2px;
}
.dayofmonth {
  font-size: 90%;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  padding: 0px 2px 0px 3px;
  background: #000000;
}
.dayofmonth:visited {
  color: #dddddd;
  text-decoration: none;
}
.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: #000000;
  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: 80%;
  text-decoration: none;
  text-align: right;
  background-color: #FF6F7F;
}
td.matrixappts {
  cursor: pointer;
  text-align: left;
  background-color: #ffeedd;
  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 #000000;
  border-right: 1px solid #000000;
  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: 100%;
  color: #000000;
  text-decoration: none;
}
.popup {
  font-size: 80%;
  color: #000000;
  background: #ffdddd url("gradient.php?base=ffdddd&height=100") repeat-x;
  text-decoration: none;
  position: absolute;
  z-index: 20;
  visibility: hidden;
  top: 0px;
  left: 0px;
  border: 1px solid #000000;
  padding: 3px;
}
.popup dl {
  margin: 0px;
  padding: 0px;
}
.popup dt {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.popup dd {
  margin-left: 20px;
}
.tooltip {
  cursor: help;
  text-decoration: none;
  font-weight: bold;
 width:120px;
}
.tooltipselect {
  cursor: help;
  text-decoration: none;
  font-weight: bold;
  vertical-align: top;
}
h1.calendartitle  {
  font-size: 180 %;
}

h2 {
  font-size: 140%;
  color: #000000;
}
h3 {
  font-size: 130%;
}
p,
input,
select {
  font-size: 80%;
}
textarea {
  /*added bhugh, 1/23/2006, textarea seems to select a different font in Firefox*/
  font-family: Trebuchet MS,  Trebuchet, Verdana, Lucida sans regular, Lucida, sanserif;
  font-size: 80%;
  overflow: auto;
}
.user {
  font-size: 140%;
  color: #000000;
  text-align: center;
}
.categories {
  font-size: 100%;
  color: #000000;
  text-align: center;
  display: inline;
}

.view-entry {
  margin-bottom: 0.5em;
  overflow: auto; /* adds horizontal scroll bar in  			*/
                  /*case of a very long unbreakable word (like a URL) */
}
.view-entry-title, .view-entry-title a, a.view-entry-title {
  font-weight: bold;
  color: #dd5555;
  /* display: inline; */
}
.view-entry-contents {
  /* display: inline; */
  
}

.view-entry-bottom-links {
  background-color: #ffdddd;
  border-style: solid;
  text-align: center;
  width: 55%;

}


.help {
  vertical-align: top;
  font-weight: bold;
}
img.help {
  border-width: 0px;
  cursor: help;
}
.standard {
  border: 1px solid #000000;
  background-color: #ffeedd;
  font-size: 80%;
}
.standard th {
  color: #000000;
  background: #FF6F7F url("gradient.php?base=FF6F7F&height=30") repeat-x;
  font-size: 140%;
  padding: 0px;
  border-bottom: 1px solid #000000;
}
.minical {
  font-size: 12px;
  border-collapse: collapse;
  margin: 0px 0px 5px 0px;
}
.minical caption a {
  font-weight: bold;
  color: #B04040;
}
.minical caption a:hover {
  color: #0000FF;
}
.minical th, 
.minical td.empty {
  color: #000000;
  text-align: center;
  background-color: #FFFFFF;
}
.minical td {
  padding: 0px 2px;
  border: 1px solid #FFFFFF;
}
.minical td a {
  display: block;
  text-align: center;
  margin: 0px;
  padding: 3px;
}
.minical td.weekend {
  background-color: #b5a0a0;
}
.minical td#today {
  background-color: #ff3333;
}
.minical td.hasevents {
  font-weight: bold;
}
.minitask {
 width:100%;
  border: 1px solid #000000;
}
.minitask tr.header th {
  color: #000000;
  background-color: #ffeedd;
  font-size: 80%;
  padding: 0px;
  border-bottom: 2px solid #000000;
}
.minitask  td {
  color: #000000;
  font-size: 80%;
  padding: 0px;
  border-bottom: 1px solid #000000;
  text-align: center;
}
.minitask td.filler {
  padding: 0px;
  border-bottom: 0px;
}
#admin .tooltip,
#pref .tooltip{
  cursor: help;
  text-decoration: none;
  font-weight: bold;
 width:175px;
}
#minicalendar table {
  width: 160px;
}
#minicalendar th{
  font-size: 11px;
}
#minicalendar td {
  font-size: 11px;
}
#activitylog table,
.embactlog {
  width: 100%;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-spacing: 0px;
}
#activitylog tr,
.embactlog tr {
  background-color: #FFFFFF;
}
#activitylog .odd,
.embactlog .odd {
  background-color: #EEEEEE;
}
#activitylog th,
.embactlog th {
  width: 14%;
  color: #000000;
  background-color: #FF6F7F;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 1px 3px;
}
#activitylog th.usr,
.embactlog th.usr,
#activitylog th.cal,
.embactlog th.cal,
#activitylog th.action,
.embactlog th.action {
  width: 7%;
}
#activitylog td,
.embactlog td {
  border-left: 1px solid #000000;
  padding: 1px 3px;
}
#day div.minicalcontainer {
  text-align:center;
  border: 1px solid #000000;
  padding: 3px;
}
#day table.minical {
  margin-left:auto; margin-right:auto;
}
#day .minical caption {
  margin-left:auto; margin-right:auto;
  font-weight: bold;
  color: #000000;
  background-color: #FF6F7F;
  font-size: 47px;
}
#day .minical td.selectedday {
  border: 2px solid #000000;
}
#day .monthnav th {
  text-align: center;
  color: #000000;
  background-color: #FF6F7F;
  border-width: 0px;
  padding: 3px;
}
.glance {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  width: 100%;
}
.glance th.empty {
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.glance th.row {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  height: 40px;
  width: 14%;
  color: #000000;
  font-size: 90%;
  background-color: #FF6F7F;
  vertical-align: top;
}
.glance td {
  vertical-align: top;
  background: #ffeedd url("gradient.php?base=ffeedd&height=50") repeat-x;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  padding-left: 3px;
}
#day dl.desc {
  display: none;
  margin: 0px;
  padding: 0px;
}
#day dl.desc dt {
  font-weight: bold;
}
#day dl.desc dd {
  margin: 0px;
  padding-left: 20px;
}
.viewt,
#viewv .main,
#viewm .main,
#vieww .main,
#week .main,
#viewl .main,
#viewr .main,
#month .main {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  width: 100%;
  clear: both;
}
#year .main tr {
  vertical-align: top;
}
th {
  font-size: 90%;
  color: #000000;
  background-color: #FF6F7F;
}
#admin .main th, 
#pref .main th, 
#viewv .main th,
#viewl .main th,
#month .main th {
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  background: #FF6F7F url("gradient.php?base=FF6F7F&height=15") repeat-x;
  width: 14%;
}
#vieww .main th,
#week .main th {
  background: #FF6F7F url("gradient.php?base=FF6F7F&height=15") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  width: 12%;
}
#viewr .main th,
#viewm .main th {
  background: #FF6F7F url("gradient.php?base=FF6F7F&height=15") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
}
#viewr th.small {
  background: none;
  background-color: #FF6F7F;
  font-size: 60%;
}
#viewd .main th {
  border-right: 2px solid #000000;
  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: #FF6F7F url("gradient.php?base=FF6F7F&height=50") repeat-x;
  width: 1%;
  margin: 0px 0px 0px 0px;
  /*vertical-align:middle; rem-ed out, bhugh, makes IE 5.2 for Mac look very weird*/
  text-align:center;
  font-size: 80%;
  color: #000000;
  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: 2px solid #FFFFFF;
  border-left: 2px 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: #FF6F7F url("gradient.php?base=FF6F7F&height=15") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
}
#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: #ff3333 url("gradient.php?base=ff3333&height=100") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  vertical-align: top;
}
#admin .main th.today,
#pref .main th.today,
#viewr .main th.today,
#week .main th.today {
  background: #ff3333 url("gradient.php?base=ff3333&height=100") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  width: 12%;
}
#viewr .main td.hasevents {
  font-size: 60%;
  background: #e0e0e0 url("gradient.php?base=e0e0e0&height=100") repeat-x;
}
#week .main td.hasevents,
#day .glance td.hasevents {
  background: #e0e0e0 url("gradient.php?base=e0e0e0&height=100") repeat-x;
}
#viewr .main th a,
#week .main th a,
#weekdetails .main th a {
  color: #000000;
}
#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: 80%;
  height: 30px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  background: #ffeedd url("gradient.php?base=ffeedd&height=100") repeat-x;
  vertical-align: top;
}
#viewl .main td,
#month .main td {
  font-size: 80%;
  height: 75px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  background: #ffeedd url("gradient.php?base=ffeedd&height=100") repeat-x;
  vertical-align: top;
  table-layout:fixed;
  overflow:auto;
  }
#vieww .main td,
#week .main td,
#viewr .main td,
#viewm .main td,
#viewv .main td {
  font-size: 80%;
  background: #ffeedd url("gradient.php?base=ffeedd&height=100") repeat-x;
  vertical-align: top;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  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: #b5a0a0 url("gradient.php?base=b5a0a0&height=100") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  
}
#admin .main td.othermonth,
#pref .main td.othermonth,
#viewl .main td.othermonth,
#month .main td.othermonth {
  background: #303030 url("gradient.php?base=303030&height=100") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
}
#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: #ff3333 url("gradient.php?base=ff3333&height=100") repeat-x;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  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: #ffeedd url("gradient.php?base=ffeedd&height=100") repeat-x;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  width: 90%;
}
.title {
  width: 99%;
  text-align: center;
}
#day .title {
  margin-top: 3px;
  text-align: center;
}
#day .title .date,
.title .date {
  font-size: 180%;
  font-weight: bold;
  text-align: center;
  color: #000000;
}
.title .weeknumber {
  font-size: 150%;
  color: #000000;
}
.title .viewname,
#day .title .user,
.title .user {
  font-size: 140%;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.title .user {
  font-size: 60%;
}


#weekdetails .main {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  width: 90%;
}
#weekdetails .main th {
  font-size: 90%;
  color: #000000;
  background: #FF6F7F url("gradient.php?base=FF6F7F&height=100") repeat-x;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  width: 100%;
  padding: 2px;
}
#weekdetails .main td {
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
  background: #ffeedd url("gradient.php?base=ffeedd&height=100") repeat-x;
  vertical-align: top;
  height: 75px;
}
#weekdetails .main th.today {
  background: #ff3333 url("gradient.php?base=ff3333&height=100") repeat-x;
}
#weekdetails .main td.weekend {
  background: #b5a0a0 url("gradient.php?base=b5a0a0&height=100") repeat-x;
}
#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: 70%;
}
#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: #b5a0a0 url("gradient.php?base=b5a0a0&height=100") repeat-x;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  vertical-align: top;
}
#viewt td.today {
  width: 90%;
  background: #ff3333 url("gradient.php?base=ff3333&height=100") repeat-x;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
  vertical-align: top;
}
#viewt th.today {
  color: #000000;
  background: #ff3333 url("gradient.php?base=ff3333&height=100") repeat-x;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
  vertical-align: top;
}
#login {
  margin-top: 70px;
  margin-bottom: 50px;
  text-align: center;
}
#register table,
#login table {
  border: 1px solid #000000;
  background: #ffeedd url("gradient.php?base=ffeedd&height=200") repeat-x;
  font-size: 80%;
}
.cookies {
  font-size: 90%;
}
.standard th {
  color: #000000;
  background: #FF6F7F url("gradient.php?base=FF6F7F&height=100") repeat-x;
  font-size: 140%;
  padding: 0px;
  border-bottom: 1px solid #000000;
}
abbr {
  cursor: help;
}
.strikethrough {
  text-decoration : line-through;
}
-->
</style>
