@charset "utf-8";

@import url("share/default.css");

/* =========================================
*  CONTENTS
* ========================================= */

html {
	height: 100%;
}

body {
	padding: 1em;
	height: 100%;
	font: Verdana, Helvetica, sans-serif;
	font-size: 80%;
	background: #FFF;
}

h1 {
	border: solid #DFDFDF 1px;
	border-left-width: 5px;
	border-top: none;
	border-right: none;
	padding: 0 0 .3em .4em;
	font-size: 120%;
}

a {
	color: #0063E8;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

table.icalendar {
	margin-top: 1em;
	border-collapse: separate;
	font-size: 80%;
}

	table.icalendar tbody td {
		width: 3.8em;
		height: 2.8em;
	}
	
	table.icalendar thead td {
		font-weight: bold;
		text-align: center;
	}
	
	table.icalendar tbody td {}
	
		table.icalendar tbody td span.lt {
			padding-left: .4em;
			display: block;
			height: 2.8em;
			position: relative;
			font-weight: bold;
			overflow: hidden;
		}
		table.icalendar tbody td span { background: #FFF url(../img/td_bg_off.gif) no-repeat left top }
		
			table.icalendar tbody td span span.rt {
				padding-top: .2em;
				display: block;
				height: 3.8em;
				background-position: right top;
			}
			
			table.icalendar tbody td span span.lb,
			table.icalendar tbody td span span.rb {
				display: block;
				width: 5px;
				height: 5px;
				position: absolute;
				bottom: 0;
			}
						
			table.icalendar tbody td span span.lb {
				width: 4.2em;
				left: 0;
				background-position: left bottom;
			}
			
			* html table.icalendar tbody td span span.lb {
				margin-bottom: -1px;
			}
			
			table.icalendar tbody td span span.rb {
				right: 0;
				background-position: right bottom;
			}
			
			* html table.icalendar tbody td span span.rb {
				margin: 0 -1px -1px 0;
			}
			
		table.icalendar tbody td.gray span { color: #555; background-image: url(../img/td_bg_gray.gif) }
		table.icalendar tbody td.hover span { color: #FFF; background-image: url(../img/td_bg_on.gif) }