table.jCalendar { width: 302px; margin-left:-1px; border: none; background: #e0e0e0; border-collapse: separate; border-spacing: 1px; }
table.jCalendar thead, table.jCalendar tbody { margin: 0; padding: 0; }
table.jCalendar th { font-family:Verdana; font-size:10px; font-weight:200; height: 18px; background: #b3b3b3; color: #716d62; text-align: center; vertical-align: center; }

table.jCalendar td { z-index: 3000; background: #ccc; color: #fffefe; height: 24px; width:42px; text-align: center; vertical-align: center; }
table.jCalendar td.other-month { background: #b3b3b3; color: #e6e5e5; }
table.jCalendar td.today { background: #716D62; color: #fffefe; }
table.jCalendar td.selected { background: #ccc; color: #fffefe; }
table.jCalendar td.selected.dp-hover { background: #ccc; color: #fffefe; }

table.jCalendar tr.selectedWeek td { background: #f66; color: #fffefe; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #b3b3b3; color: #e6e5e5; }
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }

div.dp-popup { position: relative; background: #716d62 url('/public/_images/public/calendertop.gif') no-repeat; color: #fffefe; font-size: 10px; font-family: arial, sans-serif; width: 300px; line-height: 1.2em; }
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 10px; font-weight: normal; text-align: center; text-transform: uppercase; margin: 4px 0; padding: 0; padding-top:5px; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 3px 0 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: -2px; left: -11px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: -2px; right: -12px; width: 100px; }v
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor:default; }
div.dp-popup td.current-month.event { background-color:#95b2aa; cursor:pointer; }
div.dp-popup td.current-month.pastEvent { background-color:#b9c5c1; cursor:pointer; }

div.eventHoverExtraBord { position: absolute;  display: block; width:40px; height:22px; border:1px solid #e0e0e0; margin-top:-18px;  }
* html div.eventHoverExtraBord { position: absolute; margin-left:-27px; margin-top:-5px; }
* html div.eventHoverExtraBord.special { margin-left:-23px; }


div.dp-popup td.current-month.event:hover { border-spacing:2px; }
div.dp-popup td.current-month.pastEvent:hover { border-spacing:2px; }

div.dp-popup td.disabled { cursor: default; }
a.dp-nav-next-year { visibility: hidden; display:none; width: 0px; height:0px; }
a.dp-nav-prev-year { visibility: hidden; display:none; width:0px; height:0px; }

a.dp-nav-prev-month { margin-left: 15px; margin-top: 6px; text-indent: -999em; letter-spacing: -999em; padding: 0 !important; background: url('/public/_images/public/calender_arrow_left.gif') no-repeat; width: 13px; height: 13px; }
a.dp-nav-prev-month:hover { background-position:bottom; cursor: pointer; }
a.dp-nav-prev-month.disabled:hover { background-position:top; }

a.dp-nav-next-month { float: left; margin-left: 71px; margin-top: 6px; text-indent: -999em; letter-spacing: -999em; padding: 0 !important; background: url('/public/_images/public/calender_arrow_right.gif') no-repeat; width: 13px; height: 13px; }
a.dp-nav-next-month:hover { background-position:bottom; cursor: pointer; }
a.dp-nav-next-month.disabled:hover { background-position:top; }

div.tempbackground { float:left; display: block; width:100%; height:300px; padding-left:15px; }

div.eventInfoPopUp { display: none; margin-left: -111px; position: absolute; float: left; margin-top: 10px;  width:250px; height: auto; padding: 10px 5px 7px 5px; background-color: #e0e0e0; z-index: 3000; }
* html div.eventInfoPopUp { margin-top:23px; }


.eventInfoPopUp .topArrow { position: absolute; top: -15px; left: 115px; width:30px; height:16px; background: url('/public/_images/public/calender/toparrow.png') no-repeat; z-index: 3000; }
.eventInfoPopUp .topLeft { position: absolute; top: -6px; left: -9px; width: 15px; height: 16px; background: url('/public/_images/public/calender/topLeft.png') no-repeat;  }
.eventInfoPopUp .topRight { position: absolute; top: -6px; right: -9px; width: 15px; height: 16px; background: url('/public/_images/public/calender/topRight.png') no-repeat; }
.eventInfoPopUp .bottomLeft { position: absolute; bottom:-12px; left: -9px; width: 16px; height: 19px; background: url('/public/_images/public/calender/bottomLeft.png') no-repeat; }
* html .eventInfoPopUp .bottomLeft { bottom:-11px;}
.eventInfoPopUp .bottomRight { position: absolute; bottom:-12px; right: -9px; width: 16px; height: 19px; background: url('/public/_images/public/calender/bottomRight.png') no-repeat; }
* html .eventInfoPopUp .bottomRight { bottom:-11px;}
.eventInfoPopUp .topShad { position: absolute; left: 6px; top: -6px; width: 248px; height: 6px; background: url('/public/_images/public/calender/topShad.png') repeat-x; }
.eventInfoPopUp .bottomShad { position: absolute; left: 7px; bottom: -12px; width: 246px; height: 12px; background: url('/public/_images/public/calender/bottomShad.png') repeat-x; }
.eventInfoPopUp .content { height: 100%; position: relative; padding: 0 5px 3px 5px; }
.eventInfoPopUp .content .eventBlock { font-family:Verdana; font-size: 10px; }
.eventInfoPopUp .content .eventBlock span { clear:both; display: block; width:100%; text-align:left;  }
.eventInfoPopUp .content .eventBlock span.title { margin-top: 10px; color:#000; }
.eventInfoPopUp .content .eventBlock span.title.first { margin-top:0px; color:#000; }
.eventInfoPopUp .content .eventBlock span.desc { color:#666666; margin-bottom:5px;}

.eventInfoPopUp .leftShad { position: absolute; top: 0;  left:-14px; width: 9px; height: 100%; background: url('/public/_images/public/calender/leftShad.png') repeat-y; }
.eventInfoPopUp .rightShad { position: absolute; top: 0; right:-14px; width: 9px; height: 100%; background: url('/public/_images/public/calender/rightShad.png') repeat-y; }
* html .eventInfoPopUp .rightShad { float:left; position: absolute; top: 0; right:-14px; width: 9px; height: auto; background: url('/public/_images/public/calender/rightShad.png') repeat-y; }