#calender_form {
	position:relative;
	width:1000px;
	height:800px;
	margin:0 auto;
}

.onlinearea{
	float:left;
	margin:10px 10px 0 10px;
	background-color:#e5e6e8;
	padding:10px;
}

.online_content{
	position:relative;
	width:300px;
	background-color:#fff;
}

.oleftarea{ float:left;width:396px;}
.orightarea{ float:left;width:604px;background-color:#fff;}


.calender_title {
	position:relative;
	width:100%;
	height:178px;
	vertical-align:top;
	text-align:right;
	right:40px;	
}

#calender_setting {
	position:relative;
	width:280px;
	height:25px;
	padding:0px 0 7px 0;
	text-align:center;
	margin:0 auto;
}

#calender_btn {
	position:absolute;
	height:25px;
}
#calender_btn ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#calender_btn li {
	float: left;
	display:inline; 
	padding:0;
	margin:0 auto;
	width:70px;
	padding:0 3px 0 0;
}

#calender_this {
	position:absolute;
	height:25px;
	left:546px;
	top:0px;
	float: right;
	z-index:10;
}

#calender_title {
	position:relative;
	width:134px;
	height:25px;
	text-align:center;
	margin:0 auto;
}
#calender_title ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#calender_title li {
	float: left;
	width:7px;
	display:inline; 
	padding:0;
	margin:0 auto;
}
#calender_title .text_date {
	width:120px;
	text-align:center;
	font-size:16px;
	color:#595959;
}

#calender_top {
	position:relative;
	width:280px;
	height:20px;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#000;	
	border-top:5px solid #000;
	border-bottom:1px solid #000;
}
#calender_top ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#calender_top li {
	float: left;
	display:inline; 
	padding:0;
	margin:0;
	width:40px;
	text-align:center;
}

#calender {
	position:relative;
	width:280px;
	font-size:12px;
	color:#737373;
	background-color:#fff;
	height:210px;
}
#calender a {
	font-size:12px;
	color:#737373;
	text-decoration:none;	
}
#calender ul {
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#fff;
}
#calender li {
	float: left;
	display:inline; 
	padding:5px;
	margin:0;
	width:90px;
	position:relative;
	background-color:#fff;
}
#calender .weekday  {
	float: left;
	display:inline; 
	padding:5px;
	margin:0;
	width:30px;
	color:#808080;
	text-align:center;
}
#calender .weekday  a {
	font-size:12px;
	color:#808080;
	text-decoration:none;
}

#calender .sun {
	float: left;
	display:inline; 
	padding:5px;
	margin:0;
	width:30px;
	color:#ff0000;
	text-align:center;
}
#calender .sun a {
	font-size:12px;
	color:#ff0000;
	text-decoration:none;
}
#calender .sat {
	float: left;
	display:inline; 
	padding:5px;
	margin:0;
	width:30px;
	color:#0000ff;
	text-align:center;
}
#calender .sat a {
	font-size:12px;
	color:#0000ff;
	text-decoration:none;
}
#calender .today {
	float: left;
	display:inline; 
	padding:0px;
	margin:0;
	width:28px;
	color:#474747;
	border:1px solid #ff0000;
	text-align:center;
}
#calender .today a{
	font-size:12px;
	color:#474747;
	text-decoration:none;
}
#calender .choiseday {
	float: left;
	display:inline; 
	padding:5px;
	margin:0;
	width:30px;
	color:#ffffff;
	border:1px solid #00a9eb;
	background-color:#00a9eb;
}

#calender .choiseday a{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}

.online_form{
	clear:both;
	font-size:12px;
	padding:50px 0 20px 10px;
}

.online_form td{
	padding:5px;
}