/* General layout */
.calbody {
	border: 1px solid #5e6453;
        border-collapse: collapse;
        font-size: 1em;
}
.calbody td {
  	border: 1px solid #000;
}
input.navbutton { /* Next and previous navigation buttons */
	background-color: #f6faff;
	border: 1px solid #003163;
	margin: 0.2em;
}
a.monthlink {
        text-decoration: none;
        color: #000;
}

/* Days */
.daynames {
	background: #EAF9FF;
}
.fillerdays { /* Blank days which pad out the beginning and end of the calendar */
	background: #eeeeee;
}
.blankday, .occupiedday, .caltoday, .fillerdays, .occupiedday { /* Styles to apply to all day boxes */
        width: 25px; height: 25px;
	vertical-align: top;
}
.blankday { /* Days on which there are no events */
	background: #fefefe;
}
td.caltoday,
td.caltoday div.extview,
td.caltoday div.extview a {
	background: #005caa;
	font-weight: bold;
	color: #FFF;
}
td.caltoday a:link span.daynum,
td.caltoday a:visited span.daynum,
td.caltoday a:link .occupiedday span.daynum,
td.caltoday a:visited .occupiedday span.daynum {
	color: #FFF;
}
td.caltoday div {    /* For events appearing today */
	color: #000;
	font-weight: normal;
}
.occupiedday { /* Days containg events */
	background: #FFCF88;
	color: #111;
}
.occupiedday span.daynum {  /* Occupied day - Day number */
        color: #556666;
}
.calbody td div, .occupiedday div {  /* The popup with event information */
	font-size: 1em;
}
.eventdiv {  /* Event popup */
	background: #fdffd8;
	border: 1px solid #444;
	color: #000;
	font-size: 1em;
        line-height: 1.4em;
	position: absolute;
	display: none;
	z-index: 1000;
	width: 20em;
	margin: 2em;
}
.popupcontainer {
	padding: 0.4em;
}
div div.title {/* Title inside the event popup */
	background: #fffffb url(../images/titleback.gif) repeat-x top;
        border-bottom: 1px solid #000;
	color: #000;
	height: 2em;
	width: 100%;
	font-size: 1.2em;
	padding: 0.4em 0;
	text-align: center;
}
.titleback { /* Gradient back on event popup */
	background: #fffffb url(../images/titleback.gif) repeat-x top;
	border: 1px solid #000;
	color: #000;
	height: 2em;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}
* html .eventdiv, * html .calbody td div, * html .occupiedday div, * html .weekallday div {
	font-size: 1em;
}
#ajaxload {
    margin: 0 auto;
    width: 36px;
    height: 36px;
}
#ajaxload p {
    background: url(../images/loading.gif) no-repeat center;
    padding-top: 32px;
    text-align: center;    
}