table.month
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.month td
{
	width: 14%;
	height: 120px;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.month td.dayname
{
	width: 14%;
	height: 2%;
	text-align: center;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.week
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.week td.vert
{
	width: 14%;
	height: 500px;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.week td.daysvert
{
	width: 14%;	
	height: 2%;
	vertical-align: top;
	text-align: center;
	font-size: 115%;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.week td.horiz
{
	width: 90%;
	height: 110px;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.week td.dayshoriz
{
	width: 10%;	
	height: 110px;
	vertical-align: top;
	text-align: center;
	font-size: 115%;
	border-style: solid;
	border-width: 1px;
	border-color: #006600;
	border-collapse: collapse;
}

table.day
{
	width: 580px;
}

table.day td
{
	vertical-align: top;
}

td.eventname
{
	width: 200px;
}

td.time
{
	width: 150px;
}

td.class
{
	width: 150px;
}

td.modify
{
	width: 80px;
}

div.event
{
	/* font-size: 85%; */
	overflow: auto;	
	width: 100%;
	height: 100%;
}

div.otherevent
{
	/* font-size: 85%; */
	overflow: auto;	
	width: 100%;
	height: 100%;
	background-color: #cccccc;
}

.eventtime
{
	font-size: 80%;
}

.lastspan
{
	width: 33%;
	text-align: right;
}

.currentspan
{
	width: 33%;
	font-size: 150%;
	text-align: center;
}

.nextspan
{
	width: 33%;
	text-align: left;
}