div.head { font-weight: bold }
table.cal { border-right: 1px solid #9999DD; border-bottom: 1px solid #9999DD }
td.btn { cursor: pointer; font-weight: bold; font-size: 18px; color: #000033 }
td.dayhead { background-color: #552222; color: white; font-weight: bold; border-top: 1px solid #9999DD; border-left: 1px solid #9999DD; text-align: center }
td.day { border-top: 1px solid #9999DD; border-left: 1px solid #9999DD; text-align: right; font-size: 11px; cursor: pointer }
td.blank { background-color: #EAEAEA; border-top: 1px solid #9999DD; border-left: 1px solid #9999DD; font-size: 1px }
td.today { background-color: #FFFFA1; border-top: 1px solid #9999DD; border-left: 1px solid #9999DD; text-align: right; font-size: 11px; cursor: pointer }
td.past { font-style: italic; border-top: 1px solid #9999DD; border-left: 1px solid #9999DD; text-align: right; font-size: 11px; cursor: pointer }

div.datebuttons { font-size: 11px; margin: 0px; margin-top: 6px }
a.datebutton { padding:1px; background-color: #E0E0E0; border: 1px solid #333333; color: black; text-decoration: none; }
a.datebutton:hover { background-color: #F3F3F3; color: black }

p.evButton { margin-top: 2px; margin-bottom: 3px }
a.evButton { padding-left: 2px; padding-right: 2px; margin-bottom: 1px; background-color: #E0E0F0; border: 1px solid #333366; color: black; text-decoration: none }
a.evButton:hover { background-color: #F3F3FF; color: black }

div.inliner { display: inline; margin: 1px; margin-right: 4px }
div.datedetails { position: absolute; background-color: white; border: 1px solid #9999DD; z-index: 3 }
div.details { width: 215px; margin: 2px; margin-top: 6px; padding: 2px; overflow: auto; font-size: 11px; height: 5px; text-align: left; border-bottom: 1px solid #9999DD }
td.details { font-size: 11px }
a { color: #2222EE }
a:hover { background-color: #5555FF; text-decoration: none; color: #FFFFFF }
div.evDetails { visibility: hidden; display: none; width: 100%; margin: 0px; margin-top: 2px; margin-bottom: 4px }

div.color0 { background-color: #D78613; margin: 0px; padding: 0px; width: 100% }
.color0 { color: #D78613 }
div.colorbox0 { display: -moz-inline-box; display: inline-block; background-color: #D78613; margin: 1px; padding: 0px; width: 5px; height: 5px; font-size: 1px }
div.color1 {  background-color: #169DB3; margin: 0px; padding: 0px; width: 100% }
.color1 {  color: #169DB3 }
div.colorbox1 { display: -moz-inline-box; display: inline-block; background-color: #169DB3; margin: 1px; padding: 0px; width: 5px; height: 5px; font-size: 1px }
div.color2 { background-color: #AA1195; margin: 0px; padding: 0px; width: 100% }
.color2 {  color: #AA1195 }
div.colorbox2 { display: -moz-inline-box; display: inline-block; background-color: #AA1195; margin: 1px; padding: 0px; width: 5px; height: 5px; font-size: 1px }

table.colors { margin: 0px; padding: 0px; height: 10px; font-size: 1px }
table.oColors { margin: 0px; padding: 0px }

table.add { margin-top: 2px; margin-bottom: 2px }
input.add { font-size: 11px }
select.add { font-size: 11px }
textarea.add { font-size: 11px }
div.addButtons { margin: 0px; margin-top: 4px; padding: 0px }
#add-event-i { border-top: 1px dashed #C3C3C3; border-bottom: 1px dashed #C3C3C3 }
#addDone { color: 33AA33 }

td.demo { padding-top: 5px; font-size: 12px }

td.notimportant { visibility: hidden; padding: 0px; margin: 0px; padding-right: 2px }
td.important { visibility: visible; padding: 0px; margin: 0px; padding-right: 2px }

p.daylabel { margin: 0px; padding: 0px; padding-right: 2px; }

a.eventtitle-important { font-weight: bold }