#view_nav{
	position:absolute;
	left:77px;
	top:130px;
	width:300px;
	height:320px;
	background-color:#66CCFF;
	visibility: visible;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
}

#month_view{
	position:absolute;
	left:77px;
	top:214px;
	width:300px;
	height:236px;
	background-color:transparent;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	visibility: visible;
}

#week_view{
	position:absolute;
	left:77px;
	top:214px;
	width:300px;
	height:236px;
	background-color:transparent;
	font-size:14px;
	font-weight:bold;
	visibility: hidden;
}

#day_view{
	position:absolute;
	left:77px;
	top:214px;
	width:300px;
	height:236px;
	background-color:transparent;
	visibility: hidden;
}
/* headings x axis properties */
.prev{
	position:absolute;
	left:3px;
	width:37px;
	height:22px;
	font-size:12px;
	text-align:left;
}

.heading{
	position:absolute;
	left:45px;
	width:205px;
	height:22px;
	font-size:14px;
	text-align:center;
}

.next{
	position:absolute;
	left:255px;
	width:37px;
	height:22px;
	font-size:12px;
	text-align:right;
}

/* headings y axis */

.mo{
	position:absolute;
	top:3px;
	background:#000000;
	color:#FFFFFF;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}


.wk{
	position:absolute;
	top:30px;
	background:#000000;
	color:#FFFFFF;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

.dy{
	position:absolute;
	top:57px;
	background:#000000;
	color:#FFFFFF;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

/* month view dates y-axis propertis */
.wk1{
	position:absolute;
	top:0px;
	background:#FFFFFF;
	color:#000000;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

.wk2{
	position:absolute;
	top:39px;
	background:#FFFFFF;
	color:#000000;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

.wk3{
	position:absolute;
	top:78px;
	background:#FFFFFF;
	color:#000000;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

.wk4{
	position:absolute;
	top:117px;
	background:#FFFFFF;
	color:#000000;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

.wk5{
	position:absolute;
	top:156px;
	background:#FFFFFF;
	color:#000000;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

.wk6{
	position:absolute;
	top:194px;
	background:#FFFFFF;
	color:#000000;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}

/* month view dates x axis properties*/
.sun{
	position:absolute;
	left:3px;
	width:38px;
	height:34px;
	background-color:#CCCCCC;
}

.mon{
	position:absolute;
	left:45px;
	width:38px;
	height:34px;
}

.tue{
	position:absolute;
	left:87px;
	width:38px;
	height:34px;
}

.wed{
	position:absolute;
	left:129px;
	width:38px;
	height:34px;
}

.thu{
	position:absolute;
	left:171px;
	width:38px;
	height:34px;
}

.fri{
	position:absolute;
	left:213px;
	width:38px;
	height:34px;
}

.sat{
	position:absolute;
	left:255px;
	width:38px;
	height:34px;
	background-color:#CCCCCC;
}

.today{
	background-color:#339900;
}

.days{
	background:#000000;
	color:#FFFFFF;
	text-align:center;
}

/* week view dates y-axis propertis */
.wv_day0{
	top:0px;
}

.wv_day1{
	top:39px;
}

.wv_day2{
	top:78px;
}

.wv_day3{
	top:117px;
}

.wv_day4{
	top:156px;
}

.wv_day5{
	top:194px;
}
.wv_day6{
	top:232px;
}


.wv_detail0{
	top:0px;
}

.wv_detail1{
	top:39px;
}

.wv_detail2{
	top:78px;;
}

.wv_detail3{
	top:117px;
}

.wv_detail4{
	top:156px;
}

.wv_detail5{
	top:194px;
}

.wv_detail6{
	top:232px;
}

.wv_day{
	position:absolute;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
	color:#FFFFFF;
	height:34px;
	width:38px;
	left:3px;
}

.wv_detail{
	font-size:12px;
	font-weight:lighter;
	position:absolute;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
	background:#FFFFFF;
	color:#000000;
	height:34px;
	width:247px;
	left:45px;
}
.wv_w-end{
	background:#CCCCCC;
	color:#000000;
	width:247px;
	left:45px;
}

.dv_hour{
	position:absolute;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
	background:#000000;
	visibility:hidden;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	height:17px;
	width:38px;
	left:3px;
}

.dv_detail{
	position:absolute;
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
	background:#FFFFFF;
	visibility:hidden;
	color:#000000;
	height:17px;
	width:247px;
	left:45px;
}

.start_marker{
	color:#FF0000;
}

.end_marker{
	color:#0000FF;
}