html, body
{
	margin: 0px;
	background-color: #cccccc;
	font: 12px Arial;
}

.border
{
	background-color: #444444;
}

.banner
{
	vertical-align: bottom;
	text-align: center;
}

.menu
{
	text-align:center;
	padding: 3px;
	background-color: #dddddd;
	color: #ffffff;
	font: bold 14px Arial;
	
	filter: alpha(opacity=85); /* internet explorer */
	opacity: 0.85;           /* fx, safari, opera */
}
.menulink
{
	color: #000000;
	text-decoration: none;
	font: bold 12px Arial;
	padding-left: 10px;
}
.menulink:hover
{
	color: #000000;
	font: bold 12px Arial;
	text-decoration: underline;
}

table
{
	background-color: #ffffff;
	border-collapse: collapse;
}
td
{
	vertical-align: top;
	font: 12px Arial;
}

a
{
	color: #5555ff;
}



/* CONTENT BOX */
div.dialog
{
	float: left;
	padding: 5px;
}
table.dialoglayout
{
	border-color: #bbbbbb;
	border-style: solid;
	border-width: 1px;
}
td.dialogtitle
{
	background-color: #eeddcc;
	color: #000000;
	font: bold 12px Arial;
	padding: 5px;
	height: 10px;
}
td.dialogcontent
{
	font: 12px Arial;
	padding: 10px;
}



font.contenttitle
{
	color: #ff7700;
	font: bold italic 14px Arial;
	padding-bottom: 10px;
}


/* CALENDAR */
table.calendar
{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
td.calendarColumnHeader
{
	background: #ffccaa;
	text-align: center;
	
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
td.calendarCellDay
{
	background: #fbfbfb;
	width: 110px;
	height: 100px;
	vertical-align: top;
	
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
td.calendarCellToday
{
	border-color: #ffccaa;
	border-width: 5px;
	border-style: solid;

	width: 100px;
	height: 100px;
	vertical-align: top;
}
td.calendarCellNoDay
{
	background: #ffffff;
	//width: 110px;
	height: 100px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
p.calendarEvent
{
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	text-align: center;
	padding: 1px;
	margin: 1px;
}
p.calendarEvent:hover
{
	background: #ffccaa;
	cursor: hand;
	cursor: pointer;
}