@charset "utf-8";
#listContent {
	height: 480px;
	width: 750px;
	margin-left: 30px;
	position: relative;
}
#rideList {
	background-color: #F1F8F7;
	height: 208px;
	width: 245px;
	position: absolute;
	left: 20px;
	top: 233px;
	overflow: auto;
	padding: 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
#rideDetail {
	height: 380px;
	width: 400px;
	position: absolute;
	left: 300px;
	top: 60px;
	overflow: auto;
	padding: 10px;
	background-color: #F1F8F7;
	border: 1px solid #CCCCCC;
}
.rowOdd {
	background-color: #F1F8F7;
}
.rowEven {
	background-color: #EAF4F3;
}
.rowHover {
	color: #CC6666;
	cursor: pointer;
}
.rowSelect {
	color: #FF0000;
}
.textGray {
	color: #999999;
}
.textSmBlue {
	font-size: 0.8em;
	color: #0066FF;
}
#calendar {
	background-color: #F1F8F7;
	position: absolute;
	height: 165px;
	width: 255px;
	left: 20px;
	top: 60px;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
}
#calendar a {
	text-decoration: none;
	color: #666666;
}
#calendar  a:link, a:visited, a:active {
	color: #666666;
}
#calendar  a:hover  {
	color: #FF0000;
}
#calendar Table a {
	color: #0099FF;
	text-decoration: none;
	display: block;
}
#calendar   Table  a:link,a:visited {
	color: #0099FF;
}
#calendar  Table a:hover,a:active {
	color: #FF0000;
}
#datePara {
	font-size: 1.0em;
	color: #CC6600;
}
#monthList {
	padding: 5px;
	width: 255px;
	background-color: #F1F8F7;
	position: absolute;
	left: 20px;
	top: 20px;
	border: 1px solid #CCCCCC;
}