body {
  margin: 2px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  background: #F4DD65;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #00F;
}
abbr {
  cursor: help;
}
div {
  border: 0;
}
h2 {
  font-size: 20px;
  color: #000000;
}
h3 {
  font-size: 18px;
}
fieldset {
  width: 85%;
}
label {
  font-size: 11px;
  font-weight: bold;
}
p,
input,
select {
  font-size: 12px;
}
textarea {
  font-size: 12px;
  overflow: auto;
}
table {
  border-spacing: 0;
  border: 0;
}
th {
  font-size: 13px;
  color: #000000;
  background: #F4DD65;
  padding: 0;
}
td {
  font-size: 11px;
}
ul,
ul a {
  font-size: 12px;
}

.main {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  width: 100%;
  clear: both;
}
.main th {
  background-color: #F4DD65;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  vertical-align: top;
}
.main th.weekend {
  background-color: #F4DD65;
}
.main th.today {
  background-color: #E7D03A;
}
.main td {
  background-color: #F4DD65;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  vertical-align: top;
}
.main td.weekend {
  background-color: #FF6633;
}
.main td.hasevents {
  background-color: #CC9900;
}
.main td.today {
  background-color: #E7D03A;
}
.main td.othermonth {
  background-color: #CC9900;
}
.underline {
 text-decoration: underline;
}
.cursoradd a {
  cursor: pointer;
}
#tabscontent {
  margin: -1px 2px;
  padding: 0.5em;
  border: 2px groove #C0C0C0;
  width: 98%;
  background: #F8F8FF;
  position: relative;
  z-index: 50;
}
.tabfor,
.tabbak  {
  margin: 0 0 0 .1em;
  border: 2px ridge #C0C0C0;
  border-bottom: 2px solid #F8F8FF;
  padding: .2em .2em .1em;
  position: relative;
  -moz-border-radius: .75em .75em 0 0;
}
.tabfor a,
.tabbak a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.tabfor a {
  color: #000000;
}
.tabbak a {
  color: #999;
}
.tabfor {
  background: #F8F8FF;
  z-index: 51;
}
.tabbak {
  background: #E0E0E0;
  z-index: 49;
}
#editnonusers,
#editremotes,
#editremoteshandler,
#edituser,
#groupedit,
#viewsedit {
  background: #F8F8FF;
}
#grpiframe,
#nonusersiframe,
#remotesiframe,
#tabscontent_boss,
#tabscontent_colors,
#tabscontent_email,
#tabscontent_groups,
#tabscontent_header,
#tabscontent_nonuser,
#tabscontent_nonusers,
#tabscontent_other,
#tabscontent_participants,
#tabscontent_pete,
#tabscontent_public,
#tabscontent_reminder,
#tabscontent_remotes,
#tabscontent_sched,
#tabscontent_subscribe,
#tabscontent_themes,
#tabscontent_uac,
#useriframe,
#viewiframe {
  display: none;
}
.sample {
  border-style: groove;
  text-align: left;
  width: 18px;
}
.weeknumber,
.weeknumber a {
  font-size: 10px;
  color: #FF6633;
  text-decoration: none;
}
img.color {
  border: 0;
  width: 15px;
  height: 15px;
}
#cat {
  display: none;
  font-size: 18px;
}
#dateselector,
#trailer {
  margin: 0;
  padding: 0;
}
#dateselector form {
  float: left;
  width: 33%;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 25px;
}
#dateselector label,
#trailer label {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
#monthform {
  clear: left;
  margin-bottom: 0;
}
#weekform {
  text-align: center;
  margin-bottom: 0;
}
#weekmenu,
#monthmenu,
#yearmenu {
  font-size: 9px;
  text-align: right;
  margin-bottom: 0;
}
#yearform {
  text-align: right;
  clear: right;
  margin-bottom: 0;
}
#menu {
  font-size: 14px;
  clear: both;
}
#menu a {
  font-size: 14px;
}
.prefix {
  font-weight: bold;
  font-size: 14px;
}
a#programname {
  margin-top: 10px;
  font-size: 10px;
}
.printer {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  clear: both;
  display: block;
  width: 15ex;
}
.new {
  border: 0;
  float: right;
}
.unapprovedentry {
  font-size: 12px;
/* Remove comments to set unapproved italics
  font-style: italic;
*/
  color: #800000;
  text-decoration: none;
  padding-right: 3px;

}
.nounapproved {
  font-weight: bold;
  font-size: 14px;
}
#listunapproved .odd {
  background: #E7D03A;
}
.layerentry {
  font-size: 12px;
  color: #006060;
  text-decoration: none;
  padding-right: 3px;
}
.entry {
  font-size: 12px;
  color: #006000;
  text-decoration: none;
  padding-right: 3px;
}
.entry img,
.layerentry img,
.unapprovedentry img {
  border: 0;
  margin-left: 2px;
  margin-right: 2px;
}
.dayofmonth {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 0 2px 0 3px;
  vertical-align: top;
}
.dayofmonth:hover {
  color: #00F;
  border-right: 1px solid #00F;
  border-bottom: 1px solid #00F;
}
.prev img {
  border: 0;
  margin-left: 3px;
  margin-top: 7px;
  float: left;
}
.next img {
  border: 0;
  margin-right: 3px;
  margin-top: 7px;
  float: right;
}
#activitylog .prev {
  font-size: 14px;
  font-weight: bold;
  border: 0;
  float: left;
}
#activitylog .next {
  font-size: 14px;
  font-weight: bold;
  border: 0;
  float: right;
}
#day .prev img {
  border: 0;
  margin-top: 37px;
  float: left;
}
#day .next img {
  border: 0;
  margin-top: 37px;
  float: right;
}
#day .monthnav .prev img {
  border: 0;
  margin: 0;
  float: left;
}
#day .monthnav .next img {
  border: 0;
  margin: 0;
  float: right;
}
.dailymatrix {
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  text-align: right;
  background: #F4DD65;
}
.dailymatrix:hover {
  background: #CFC;
}
td.matrixappts {
  cursor: pointer;
  text-align: left;
  background: #F4DD65;
  vertical-align: middle;
  width: 0%;
}
td.matrixappts:hover {
  background: #CFC;
}
td.matrix {
  height: 1px;
  background: #000;
}
.matrix img {
  border: 0;
  width: 100%;
  height: 1px;
}
a.matrix img {
  border: 0;
  width: 100%;
  height: 8px;
}
.matrixd {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
}
.matrixledge {
  border-left: 1px solid #000;
}
.matrixlegend {
  margin-top: 25px;
  padding: 5px;
  text-align: center;
  background: #FFF;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000;
}
.matrixlegend img {
  border: 0;
  width: 10px;
  height: 10px;
}
.nav {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
}
.popup {
  font-size: 12px;
  color: #000000;
  background-color: #F4DD65;
  text-decoration: none;
  position: absolute;
  z-index: 20;
  visibility: hidden;
  top: 0;
  left: 0;
  border: 1px solid #000000;
  padding: 3px;
  -moz-border-radius: 6px;
}
.popup dl {
  margin: 0;
  padding: 0;
}
.popup dt {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.popup dd {
  margin-left: 20px;
}
.tooltip {
  font-size: 11px;
  cursor: help;
  text-decoration: none;
  font-weight: bold;
  width: 120px;
}
.tooltipselect {
  font-size: 11px;
  cursor: help;
  text-decoration: none;
  font-weight: bold;
  vertical-align: top;
}
.user,
.categories {
  font-size: 18px;
  color: #000000;
  text-align: center;
}
.asstmode {
  font-weight: bold;
  color: #000000;
  text-align: center;
}
.help {
  vertical-align: top;
  font-weight: bold;
}
.helpbody {
  margin-bottom: 1em;
  font-weight: normal;
  vertical-align: top;
}
.helpbody div {
  border: 1px solid #000;
}
.helpbody label {
  font-weight: bold;
  font-size: 1.1em;
  vertical-align: top;
}
.helpbody p {
  margin: 1em;
}
.helplist {
  border: 0;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}
.helplist a {
  font-weight: normal;
  text-decoration: underline;
}
.helplist a.current {
  font-weight: bold;
  text-decoration: none;
}
#helpbug form {
  margin-bottom: 1em;
}
#helpbug label {
  clear: left;
  float: left;
  width: 32%;
}
#helpbug p {
  margin: 0 1em;
}
img.help {
  border: 0;
  cursor: help;
}
.standard {
  border: 1px solid #000000;
  background: #F4DD65;
  font-size: 12px;
}
.standard th {
  font-size: 18px;
  padding: 0;
  border-bottom: 1px solid #000000;
}
.minical {
  border-collapse: collapse;
  font-size: 10px;
  margin: 0 0 5px 0;
}
.minical caption a {
  font-weight: bold;
  color: #B04040;
}
.minical caption a:hover {
  color: #00F;
}
.minical th {
 padding: 0 2px;
}
.minical th,
.minical td.empty {
  color: #000000;
  text-align: center;
  background: #F4DD65;
}
.minical td {
  padding: 0 2px;
  border: 1px solid #F4DD65;
}
.minical td a {
  display: block;
  text-align: center;
  margin: 0;
  padding: 3px;
}
.minical td.weekend {
  background: #FF6633;
}
.minical td#today {
  background: #E7D03A;
}
.minical td.hasevents {
  font-weight: bold;
}
.minitask {
  width: 98%;
  border: 1px solid #000;
  margin-left: 1px;
}
.minitask tr.header th {
  text-align: center;
  background: #F4DD65;
  font-size: 12px;
  padding: 0;
  border-bottom: 2px solid #000;
}
.minitask  td {
  color: #000000;
  font-size: 12px;
  padding: 0;
  border-bottom: 1px solid #000;
  text-align: center;
}
.minitask td.filler {
  padding: 0;
  border-bottom: 0;
}
.task {
  color: #000000;
}
#admin table,
#pref table{
  vertical-align: top;
}
#admin .tooltip,
#pref .tooltip{
  cursor: help;
  text-decoration: none;
  font-weight: bold;
  width: 175px;
  vertical-align: top;
}
#minicalendar table {
  width: 160px;
}
#minicalendar th{
  font-size: 11px;
}
#minicalendar td {
  font-size: 11px;
}
.embactlog {
  width: 100%;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-spacing: 0;
}
.embactlog tr {
  background: #FFF;
}
.embactlog .odd {
  background: #EEE;
}
.embactlog th {
  width: 14%;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 1px 3px;
}
.embactlog th.usr,
.embactlog th.cal,
.embactlog th.action {
  width: 7%;
}
.embactlog td {
  border-left: 1px solid #000000;
  padding: 1px 3px;
}
#day div.minicalcontainer {
  vertical-align: top;
  border: 1px solid #000;
  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: #F4DD65;
  font-size: 47px;
}
#day .minical td.selectedday {
  border: 2px solid #000000;
}
#day .monthnav th {
  text-align: center;
  border: 0;
  padding: 3px;
}
.menuhref {
  font-family:  arial, verdana, sans-serif;
  font-size: 12px;
}
#datesel td.field {
  font-size: 12px;
}
.glance {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  width: 100%;
}
.glance th.empty {
  border-top: 1px solid #F4DD65;
  border-left: 1px solid #F4DD65;
  background: #F4DD65;
}
.glance th.row {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  height: 40px;
  width: 14%;
  vertical-align: top;
}
.glance td {
  vertical-align: top;
  background-color: #F4DD65;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  padding-left: 3px;
}
#day dl.desc {
  display: none;
  margin: 0;
  padding: 0;
}
#day dl.desc dt {
  font-weight: bold;
}
#day dl.desc dd {
  margin: 0;
  padding-left: 20px;
}
#year #monthgrid td {
  vertical-align: top;
  padding: 0 5px;
}
#year .minical tr {
  vertical-align: top;
}
#admin th td {
  padding: 3px;
}
#viewm .main,
#viewr .main,
#viewt .main,
#viewv .main,
#week .main {
border-collapse: collapse;
}
#admin .main th,
#pref .main th,
#viewv .main th,
#viewl .main th,
#month .main th {
  width: 14%;
}

#vieww .main th,
#week .main th {
  width: 12%;
}
#viewr th.small {
  background: none;
  font-size: 8px;
}
#viewd .main th {
  border-right: 1px solid #000000;
  padding: 1px;
}
a.weekcell {
  color: #FF6633;
}
#admin .main th.weekcell,
#pref .main th.weekcell,
#viewl .main th.weekcell,
#month .main th.weekcell{
  background: #F4DD65;
  background: #F4DD65;
  border-left: 0;
  border-top: 0;
  width: 1%;
}
#admin .main td.weekcell,
#pref .main td.weekcell,
#viewl .main td.weekcell,
#month .main td.weekcell {
  background-color: #F4DD65;
  width: 1%;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  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: #F4DD65;
  border-top: 1px solid #F4DD65;
  border-left: 1px solid #F4DD65;
}
#week .main th.row {
  width: 5%;
  vertical-align: top;
  height: 40px;
}
#viewt.main {
  margin: 0;
  padding: 0;
}
#vieww .main th.row,
#viewv .main th.row,
#viewm .main th.row,
#viewt .main th {
  width: 10%;
  vertical-align: top;
}
#viewt .main th.weekend {
  background-color: #FF6633;
}
#viewv .main th.row {
  text-align: left;
  padding: 0 5px;
}
#viewd .main th.row {
  border-right-width: 0;
  text-align: left;
}
#viewr th.row {
  height: 40px;
  vertical-align: top;
}
#vieww .main th.today,
#viewm .main th.today,
#viewv .main th.today {
  width: 10%;
}
#admin .main th.today,
#pref .main th.today,
#viewr .main th.today,
#week .main th.today {
  width: 12%;
}
#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: #00F;
}
#year .minical td {
  text-align: center;
  vertical-align: top;
}
#admin .main td,
#pref .main td{
  font-size: 12px;
  height: 30px;
}
#viewl .main td,
#month .main td {
  font-size: 12px;
  height: 75px;
  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: 12px;
  padding-left: 3px;
}
#month #prevmonth,
#viewl #prevmonth {
  float: left;
}
#month #nextmonth,
#viewl #nextmonth {
  float: right;
}
#month .minical caption,
#viewl .minical caption {
  margin-left: 4ex;
}
#year .minical {
  display: block;
}
#year .minical caption {
  margin: 0 auto;
}
#viewl .minical,
#month .minical {
  margin: 0 10px;
  border: 0;
}
.topnav {
  border: 0;
}
.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: #000000;
}
.title .titleweek {
  font-size: 20px;
  color: #000000;
}
.title .viewname,
#day .title .user,
.title .user {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}
#weekdetails .main {
  width: 90%;
}
#weekdetails .main th {
  width: 100%;
  padding: 2px;
}
#weekdetails .main td {
  height: 75px;
}
#viewt table.timebar {
  border-collapse: collapse;
  width: 100%;
}
#viewt td.timebar {
  width: 90%;
  background: #FFF;
  text-align: center;
  color: #999;
  font-size: 10px;
}
#viewt .yardstick td {
  padding: 0;
  border: 1px solid #999;
}
#viewt td.entry {
  padding: 0;
  background-color: #F4DD65;
}
#viewt table.timebar a {
  text-align: inherit !important;
}
.viewnav {
  border: 0;
  width: 99%;
}
#login {
  margin-top: 30px;
  margin-bottom: 50px;
}
#register table,
#login table {
  border: 1px solid #000000;
  background-color: #F4DD65;
  font-size: 12px;
}
.cookies {
  font-size: 13px;
}
.strikethrough {
  text-decoration : line-through;
}
.pub {
  background: #80FF80;
  text-align: center;
}
.conf {
  background: #FFFF80;
  text-align: center;
}
.priv {
  background: #FF5050;
  text-align: center;
}
.boxtop {
 border-top: 1px solid #888;
}
.boxleft {
 border-left: 1px solid #888;
}
.boxright {
 border-right: 1px solid #888;
}
.boxbottom {
 border-bottom: 1px solid #888;
}
.boxall {
 padding-left: 3px;
 border: 1px solid #888;
}
.leftpadded {
 padding-left: 50px;
 text-align: left;
}
.location {
 font-size: 10px;
}
.byxxx th,
.byxxx td {
 text-align: center;
}
.icon_text {
 border: 0;
 width: 10px;
 height: 10px;
}
.minitask td.pct,
.alignright {
 text-align: right;
}
.minitask td.name,
.alignleft {
 text-align: left;
}
.aligncenter {
 text-align: center;
}
.aligntop {
 vertical-align: top;
}
.bold {
 font-weight: bold;
}
#about {
  background-image: url("images/kn5.jpg");
  background-repeat: no-repeat;
}
#about p {
  margin:1px;
  color:#333;
}
#scroller {
  position:absolute;
  width:100%;
}
.layers {
  float: left;
  margin: 2px 1px;
  padding: 5px;
  background: #F4DD65;
}
.layers h4{
  margin: 0 0 5px;
}
.layers p {
  margin: 0;
  padding-left: 5px;
  font-size: 12px;
}
.layers p label {
  font-size: 13px;
}
#colors {
  background: #CCC;
}
#colors td img {
  border: 0;
}
#colorpic {
  width: 192px;
  height: 192px;
}
#thecell,
#theoldcell {
  border: 1px solid #000;
  background: #FFF;
}
#thecell td img,
#theoldcell td img {
  width: 55px;
  height: 53px;
}
#cross,
#sliderarrow {
  position: absolute;
  top: 0;
  left: 0;
}
#accountiframe,
#useriframe {
  width: 90%;
  border: 0;
}
#accountiframe {
  height: 210px;
}
#useriframe {
  height: 280px;
}
