.TimeLine {
clear:both;
margin-bottom:5px;
overflow:hidden;
position:relative;
width:100%;
}

* {
font-style:normal;
margin:0;
padding:0;
}

ul, ol, dl, li, dd, dt {
list-style:none outside none;
}

.TimeLineBg {
background:url("../images/timeline_bg.gif") repeat-x scroll 0 23px transparent;
float:right;
margin:2px 0 0;
width:99%;
}

.TimeLineBg dl {
background:url("../images/timeline_arrow.gif") no-repeat scroll right 25px transparent;
float:left;
height:55px;
width:100%;
}

element.style {
width:9.9%;
}
.TimeLineBg dl dd {
display:inline;
float:left;
padding:0;
text-align:center;
}

.TimeOff label, .TimeOff b, .TimeOff em, .TimeOn label, .TimeOn b, .TimeOn em, .TimeOnA label, .TimeOnA b, .TimeOnA em {
cursor:pointer;
}

.TimeOff label, .TimeOn label {
display:block;
margin:auto;
}
.TimeOnA label {
display:block;
margin:auto;
}

.TimeOn label strong {
color:#317EBF;
}

.TimeOnA label strong {
display:block;
font-weight:normal;
height:14px;
}

.TimeOff label strong {
color:#A2A2A2;
font-weight:normal;
}

.TimeOff label strong, .TimeOn label strong, .TimeOnA label strong {
display:block;
font-weight:normal;
height:14px;
}

.TimeOn b {
background:url("../images/timeline_bg_ptonb.gif") no-repeat scroll center center transparent;
display:block;
height:16px;
margin:5px auto 0;
width:14px;
}

.TimeOnA b {
background:url("../images/timeline_bg_ptbon.gif") no-repeat scroll center 5px transparent;
display:block;
height:14px;
margin:6px auto 0;
width:14px;
}

.TimeOff b {
background:url("../images/timeline_bg_ptb.gif") no-repeat scroll center 5px transparent;
display:block;
height:14px;
margin:6px auto 0;
width:14px;
}

.TimeOn em {
color:#479EE9;
}
.TimeOnA em {
color:#B10000;
}

.TimeOff em {
color:#A2A2A2;
}

.TimeOff em, .TimeOn em, .TimeOnA em {
font-family:Arial;
font-size:10px;
height:20px;
line-height:20px;
}

table.TimeLineBody {
	width: 100%;
	height: 80px;
}

table.TimeOffColumn {
	width: 100%;
	height: 80px;
	text-align: center;
	color: #A2A2A2;	
	font-size: 12px;
	cursor: pointer;
}
table.TimeOnColumn {
	width: 100%;
	height: 80px;
	text-align: center;
	color: rgb(51, 102, 204);
	font-size: 12px;
	cursor: pointer;
}
table.TimeOverColumn {
	width: 100%;
	height: 80px;
	text-align: center;
	color: blue;
	font-size: 12px;
	cursor: pointer;
}
table.TimeOnOverColumn {
	width: 100%;
	height: 80px;
	text-align: center;
	color: blue;
	font-size: 12px;
	cursor: pointer;
}
td.TimeHT,td.TimeHT {
	height: 60px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid rgb(224, 224, 224);
}

td.TimeFont {
	height: 20px;
	text-align: center;
}
table.TimeOffColumn td.TimeHT table {
	width: 100%;
	height: 60px;
	background-color: rgb(187, 204, 237);
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

table.TimeOnColumn td.TimeHT table {
	width: 100%;
	height: 60px;
	background-color: rgb(51, 102, 204);	
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
table.TimeOverColumn td.TimeHT table {
	width: 100%;
	height: 60px;
	background-color: rgb(187, 204, 237);
	border: 1px solid blue;
}
table.TimeOnOverColumn td.TimeHT table {
	width: 100%;
	height: 60px;
	background-color: rgb(51, 102, 204);
	border: 1px solid blue;
}

td.TimeHT table td.empty {
	background-color: #ffffff;
}