.timeline{
	width:				459px;
	height:				300px;
}

.timeline_pic{
	position:			absolute;
	right:				0px;
	bottom:				260px;
}
	
.timeline_container{
	position:			absolute;
	bottom:				0px;
	width:				459px;
	height:				190px;
}

.timeline_bg{
	position:			absolute;
	bottom:				40px;
	left:				0px;
	width:				459px;
	height:				152px;
	background-image:	url(../images/timeline/gradient1.jpg);
}

.timeline_back{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				462px;
	height:				152px;
}

.timeline_bars{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				459px;
	height:				152px;
}

.timeline_status{
	position:			absolute;
	top:				-30px;
	left:				0px;
	width:				459px;
	height:				182px;
	text-align: 		left;
}

.timeline_status .text{
	position:			absolute;
	top:				0px;
	right:				110px;			/* ------------- -8px half a month ----------------*/
	white-space: 		nowrap;
	font-size: 			10px;
}

.timeline_text{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				459px;
	height:				152px;
}

.month{
	position:			absolute;
	top:				-18px;
	left:				0px;
	height:				16px;
	width:				476px;
	font-size: 			9px;
}

.text_month{
	float:				left;
	text-align:			left;
	height:				16px;
	width:				34px;
	color:				#ddd7d4;
}

.year{
	position:			absolute;
	bottom:				20px;
	left:				0px;
	height:				16px;
	width:				459px;
	font-size: 			9px;
}

.year div{
	float:				right;
	text-align:			center;
	height:				16px;
	width:				204px;
	color:				#ddd7d4;
}
		
div.text1{
	height:				16px;
	margin-top:			8px;
	margin-right: 		5px;
	font-weight:		bold;
	color: 				#827b77;
}

div.text2{
	height:				16px;
	margin-top:			8px;
	margin-left: 		5px;
	font-weight:		bold;
	color: 				#827b77;
	text-align: 		left;
}

.timeline_row{
	float:				left;
	margin-top:			8px;
	width:				100%;
	height:				16px;
	background-image:	url(../images/timeline/gradient3.jpg);
/*	background-color:	white;
	
	-moz-opacity:		.60;
   	filter:				alpha(opacity=60);
	opacity:			.60;
*/
}

.timeline_verticalline{
	float:				left;
	width:				17px;
	height:				100%;
}

.timeline_verticalline2 span{
	color:				#ddd7d4;
	position:			relative;
	top:				22px;
	right:				16px;
	font-size: 			9px;
}


.timeline_verticalline2{
	float:				left;
	margin-left:		16px;
	padding-top:		40px;
	margin-top:			-40px;
	height:				192px;
	width:				17px;
	height:				100%;
	background-image:	url(../images/timeline/line_red.gif);
}


.timeline_bar1{
	float:				left;
	width:				170px;
	height:				16px;
	overflow: 			hidden;
}

.timeline_bar1_bg{
	width:				459px;
	height:				100%;
}

.spacer{
	float:				left;
}
.timeline_bar2{
	float:				left;
	width:				151px;			/* ------------- +8px half a month ----------------*/
	height:				16px;
	overflow: 			hidden;
}

.timeline_bar2_bg{
	float:				left;
	width:				187px;
	height:				100%;
	margin-left: 		-85px;
}

.timeline_bar2_gray{
	width:				34px;			/* ------------- -8px half a month ----------------*/
	height:				16px;
	background-color:	#ddd7d4;
}

.timeline_bar3{
	float:				left;
	width:				66px;			/* ------------- +8px half a month ----------------*/
	height:				16px;
	overflow: 			hidden;
}
.timeline_bar3_bg{
	float:				left;
	width:				34px;
	height:				100%;
	margin-left: 		-221px;
}
.timeline_bar3_gray{
	width:				18px;			/* ------------- -8px half a month ----------------*/
	height:				16px;
	background-color:	#ddd7d4;
}

.timeline_bar4{
	float:				left;
	width:				51px;
	height:				16px;
	overflow: 			hidden;
}
.timeline_bar4_bg{
	width:				459px;
	height:				100%;
	background-image:	url(../images/timeline/gradient2.jpg);
	margin-left: 		-289px;
}
.timeline_bar4_gray{
	width:				459px;
	height:				100%;
	background-color:	#ddd7d4;
	margin-left: 		-289px;
}

.timeline_bar5{
	float:				left;
	width:				17px;
	height:				16px;
	overflow: 			hidden;
}
.timeline_bar5_bg{
	width:				459px;
	height:				100%;
	background-image:	url(../images/timeline/gradient2.jpg);
	margin-left: 		-340px;
}
.timeline_bar5_gray{
	width:				459px;
	height:				100%;
	background-color:	#ddd7d4;
	margin-left: 		-340px;
}

.timeline_bar6{
	float:				left;
	width:				102px;
	height:				16px;
	overflow: 			hidden;
}
.timeline_bar6_bg{
	width:				459px;
	height:				100%;
	background-image:	url(../images/timeline/gradient2.jpg);
	margin-left: 		-357px;
}
.timeline_bar6_gray{
	width:				459px;
	height:				100%;
	background-color:	#ddd7d4;
	margin-left: 		-357px;
}