table.grid, table.grid th, table.grid td { border-color: #9f9f9f; border-width: 1px; outline-color: #9f9f9f; outline-width: 1px; border-collapse: collapse; }
table.grid {
	margin: 0;
}

table.grid th, table.grid td  /* calendar cells height & width */ {  }

table.grid th  /* weekday title row */ { background: #fff; color: #293e68; font-size: 12px; font-family: arial; font-weight: bold; line-height: 16px; vertical-align: middle; height: 18px; border: solid 1px #9f9f9f; outline-color: #9f9f9f; }
	

table.grid th.cal_top /* month title row */ { background: #fff; vertical-align: middle; font-size: 21pt; height: 52px; padding: 8px 0 0; outline-color: #9f9f9f; }

table.grid td /* main calendar background */ { background: #fff; }
BODY /* body tag main fonts and bg colors */ {
	font: 12px Arial, Helvetica, sans-serif;
	background-color : #f9f5ea;
	color: #000;
	margin: 0px;
}
table.grid a:link { color: #293e68; font-family: arial; text-decoration: none; }
table.grid a:hover { color: #293e68; font-family: arial; text-decoration: underline; }
.top_nav {
	
}
.top {
	padding: 10px;
	border-bottom: 1px solid #000;
}
.nav { background-color : #c6c6c6; padding: 0 10px; border-bottom: 1px solid #9f9f9f; }
.bottom {
	clear: left;
	background-color : #B0E0E6;
	color: #000;
	padding: 5px 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.top h1 {
	margin: 0em;
	padding: 0em;
}
.content {
	padding: 10px;
}
.content .item {
	padding: 2px;
}
h1 {
	font-size: 18pt;	
}
h2 {
	font-size: 16pt;	
}
h3 {
	font-size: 14pt;	
}
h4 { color: #fff; font-size: 18pt; font-family: arial; margin: 0; padding: 0; }
input {
	font-size: 10pt;
}
.element {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
form { vertical-align: middle; }
.morning {
	background: #ffc;
}
.noon {
	background: #fcc;
}
.afternoon {
	background: #cff;
}
.evening {
	background: #ccf;
}
.midnight {
	background: #ccc;
}
div#timelayer {
	position:absolute;
	visibility:hidden;
}

form.top_form {
	
}
.time { color: #74673f; font-size: 10px; font-family: arial; line-height: 11px; vertical-align: top; }
.title { font-size: 10px; font-family: arial; font-weight: bold; line-height: 11px; vertical-align: top; }
.venue {
	font-size: 8pt;
}
.location {
	font-size: 8pt;
}
.edit { font-size: 10px; font-family: arial; }
.edit a:link { color: #293e68; font-weight: normal; text-decoration: none; }
.edit a:hover { color: #293e68; text-decoration: underline; }
.edit a:visited { color: #293e68; text-decoration: none; }
.edit a:active { color: #293e68; text-decoration: none; }
.day ul { margin: 16px 2px 4px 14px; padding: 0 0 0 2px; }
.day_of_month { vertical-align: top; text-align: right; font-size: 12pt; font-weight: bold; color:#999; float: right; margin: 0 0 0 40px; display: inline; }
.day { background-color: #fff; text-align: left; vertical-align: top; width: 92px; height: 96px; padding: 4px; border: solid 1px #9f9f9f; outline-color: #9f9f9f; outline-width: 1px; }
.daygray { background-color: #c6c6c6; text-align: left; padding: 4px; width: 92px; height: 96px; vertical-align: top; border: solid 1px #9f9f9f; outline-width: 1px; outline-color: #9f9f9f; }
.inside { vertical-align: top; }
/* Added v0.2.0 */
.error {
	background: #fcc;
}
td, th {
	vertical-align: top;
}
.sidebar {
	width: 300px;
	border: 1px solid #000;
	background: #fff;
	padding: 5px;
	float:right;
}
/* Added v0.4.0 */

.day_of_month_s {
	text-align: right;
	float: right;
	vertical-align: top;
	color:#999;
}
table.grid th.cal_top_s {
	background: #B0E0E6;
	
}

.button {
	padding: 2px;
	float: left;
}

.button div {
	width:10px;
	height:10px;
	border:1px solid #000;
}
table.grid td.holder {
	 vertical-align:top;
	 border: 0px solid #fff;
	 padding: 5px;
}