#eventCal {
	position: relative;
	width: 100%;
	}

	#eventCal #calContent, #eventCal #calPages {
		position: relative;
		}
		
		#eventCal #calContent { float: left; width: 59.5%; }
		#eventCal #calPages { float: right; width: 39.5%; }

#calContent #outlookLink { position: absolute; top: 8px; right: 0px; width: 28px; height: 15px; overflow: hidden; text-indent: 30px; background: transparent url(/pics/otaniemi/icon-outlook.gif) top left no-repeat; z-index: 10; }

div.minicalendar { font-size: 12px; }

#timeSpanNavi { position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; width: 100%; height: 28px; z-index: 3; }
	#timeSpanNavi a {
		float: left;
		margin: 0;
		padding: 8px 0;
		background: transparent;
		color: #666;
		border: none;
		text-decoration: underline;
		text-align: center;
		width: 33.1%;
		cursor: pointer;
		}

	#timeSpanNavi a.selected {
		background: #fff;
		color: #f80;
		font-weight: bold;
		border-style: solid;
		border-width: 1px;
		border-color: #ccc #ccc #fff #ccc;
		text-decoration: none;
		}
		
	h3#timeSpan { margin: 0; padding: 0 0 5px 0; font-size: 1em; font-weight: bold; color: #f80; border-bottom: 1px solid #ccc; }
	
div.eventList { 
	position: relative;
	padding: 10px;
	margin: 28px 0 20px 0;
	background: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	z-index: 2;
	}
	
	div.eventList h4 { margin: 10px 0 0 0; padding: 0 0 5px 0; font-size: 0.9em; font-weight: bold; color: #444; }
	
	div.listedEvent { position: relative; margin: 0 0 5px 0; border-top: 1px solid #ddd; padding: 5px 0 0 0; }
		div.listedEvent a { display: block; text-decoration: none; margin: 0 140px 0 0; }
			div.listedEvent a span { position: absolute; right: 0px; top: 5px; color: #999; font-weight: bold; }

h5.eventSmallHeader { font-size: 0.8em; margin: 10px 0 2px 0; font-weight: bold; }
.eventInfo { margin: 2px 0 10px 0; }
.eventInfo li { margin: 0 0 0 30px; color: #444; }

table#eventPicture { position: relative; float: right; margin: 0 0 10px 10px; max-width: 210px; }
	table#eventPicture td { text-align: center; }
	table#eventPicture img { position: relative; margin: 0 auto; max-width: 200px; }
	table#eventPicture p { font-size: 11px; }


/* --- default css --- */
input, select, button { margin: 2px; }

td.outerMonth { background-color: #c0c0c0; }
td.innerMonth { background-color: #fff; }

th { font: normal bold 12px arial,serif; color: #000; text-align: right; }
th span.noBold { font-weight: normal; }

div#event ol.tabs { list-style: none; padding: 0px; margin: 0px; }

div#event ol.tabs li {
	border: outset 1px #eee;
	width: 120px;
	float: left;
	padding: 2px;
	margin: 0px 4px 0px 0px;
	font: normal bold 11px arial;
	}

div#eventa ol.tabs li.active {
	border:inset 1px #eee;
	border-bottom:solid 1px #aaa;
	background-color:#aaa;
	color:#fff;
	}

div#event table {
	clear: both;
	border: outset 1px #ddd;
	border-top: solid 3px #aaa;
	}

div#event .date {
	background-color:white;
	border:1px solid #aaa;
	padding:1px;
	width: 80px;
	padding-right:20px;
	background-image:url(/js/calendar/img.gif);
	background-repeat:no-repeat;
	background-position:center right;
	}

div#event table table { border:none; }

.selday { background: #EFA9A4; }
.today { background: #9F8C8B; }
.eventday { background: #c0c0c0; }

.ocal_notice {
    background: #F4F7FB;
    border: 1px solid #C9D9EA;	
    clear: both;
    padding: 10px;
	}