/*

UN blue:  rgb(75,147,220)
ZA black: rgb(0,0,0)
ZA white: rgb(255,255,255)

*/

.tx_progresstracker_pi1-clearer {
	clear: both;
	height: 0px;
	float: none;
}

.tx-progresstracker-pi1 {
	height: 208px;
	position: relative;
	width: 952px;
	}
	.tx_progresstracker_pi1-bg-left {
		width: 36px;
		height: 208px;
		float: left;
		background: url("/typo3conf/ext/progress_tracker/res/img/bg-left.png") 0 0 no-repeat transparent;
	}
	.tx_progresstracker_pi1-bg-middle {
		width: 880px;
		height: 208px;
		float: left;
		background: url("/typo3conf/ext/progress_tracker/res/img/bg-middle.png") 0 0 repeat-x transparent;
		}
		.tx_progresstracker_pi1-scroll-left {
		    height: 23px;
		    position: absolute;
		    left: 36px;
		    top: 113px;
		    width: 12px;
			z-index: 1000;
			}
			.tx_progresstracker_pi1-scroll-left a {
				width: 12px;
				height: 23px;
				display: block;
				background: url("/typo3conf/ext/progress_tracker/res/img/arrow-left.png") no-repeat scroll 0 0 transparent;
				}
				.tx_progresstracker_pi1-scroll-left a span {
					display: none;
					}
		
		.tx_progresstracker_pi1-timeline {
			height: 208px;
			position: absolute;
			top: 0;
			width: 880px;
			}
			.tx_progresstracker_pi1-current-date-marker {
				background: url("/typo3conf/ext/progress_tracker/res/img/current-date-marker.png") no-repeat scroll center bottom transparent;
				height: 90px;
				left: 0;
				margin: 0 auto;
				position: relative;
				top: -90px;
				width: 30px;
				z-index: 10;
			}
			.tx_progresstracker_pi1-timeline-title {
				height: 37px;
				width: 880px;
				border-bottom: 1px solid #FFFFFF;
			}
			
			.tx_progresstracker_pi1-timeline-title {
			    border-bottom: 1px solid #FFFFFF;
			    color: #FFFFFF;
			    font-family: Arial;
			    font-size: 18px;
			    font-weight: bold;
			    height: 38px;
			    line-height: 38px;
			    margin: 0;
			    padding: 0;
			    text-align: center;
			    text-shadow: 0 2px 5px #666666;
			}
			
			.tx_progresstracker_pi1-timeline-content {
				height: 135px;
				width: 880px;
				overflow: hidden;
				}
				.tx_progresstracker_pi1-monthlabel {
				    border-left: 1px solid #FFFFFF;
				    color: #FFFFFF;
				    font-family: Arial;
				    height: 60px;
				    margin: 10px 1px 0;
				    padding: 0 0 0 10px;
				    position: absolute;
				    width: 150px;
				}
				.tx_progresstracker_pi1-dot {
				    background: none repeat scroll 0 0 transparent;
				    color: #FFFFFF;
				    height: 17px;
				    left: -7px;
				    line-height: 17px;
				    position: relative;
				    text-align: center;
				    width: 17px;
					}
				.tx_progresstracker_pi1-datelabel {
				    background: none repeat scroll 0 0 transparent;
				    height: 35px;
				    left: -16px;
				    line-height: 35px;
				    position: relative;
				    text-align: center;
				    width: 35px;
					color: #FFFFFF;
					font-family: Arial;
					font-weight: bold;
					font-size: 18px;
					cursor: pointer;
					z-index: 100;
					}
					.tx_progresstracker_pi1-datelabel-active,
					.tx_progresstracker_pi1-datelabel:hover {
					    background: none repeat scroll 0 0 #FFFFFF;
					    height: 35px;
					    left: -16px;
					    line-height: 35px;
					    position: relative;
					    text-align: center;
					    width: 35px;
						color: rgb(75,147,220);
						font-family: Arial;
						font-weight: bold;
						font-size: 18px;
					}
					.tx_progresstracker_pi1-datelabel-active-border {
					    background: none repeat scroll 0 0 #FFFFFF;
					    height: 64px;
					    margin: 0 0 0 1px;
					    position: absolute;
					    width: 1px;
					    z-index: 1000;
					}
			
			.tx_progresstracker_pi1-timeline-footer {
			    border-top: 1px solid #FFFFFF;
			    font-family: Arial;
			    height: 34px;
			    position: relative;
			    top: -90px;
			    width: 880px;
				}
				.tx_progresstracker_pi1-timeline-footer-times {
					color: rgb(255,255,255);
					font-size: 14px;
					height: 34px;
					margin: 0;
					padding: 0;
					text-transform: uppercase;
					}
					.tx_progresstracker_pi1-timeline-footer-times-left {
						display: inline-block;
						height: 34px;
						float: left;
						line-height: 34px;
						text-align: left;
						width: 290px;
					}
					.tx_progresstracker_pi1-timeline-footer-times-center {
						display: inline-block;
						float: left;
						height: 34px;
						line-height: 34px;
						text-align: center;
						width: 290px;
					}
					.tx_progresstracker_pi1-timeline-footer-times-right {
						display: inline-block;
						float: right;
						height: 34px;
						line-height: 34px;
						text-align: right;
						width: 290px;
					}
		
		.tx_progresstracker_pi1-scroll-right {
		    height: 23px;
		    position: absolute;
		    right: 36px;
		    top: 113px;
		    width: 12px;
			z-index: 1000;
			}
			.tx_progresstracker_pi1-scroll-right a {
				width: 12px;
				height: 23px;
				display: block;
				background: url("/typo3conf/ext/progress_tracker/res/img/arrow-right.png") no-repeat scroll 0 0 transparent;
				}
				.tx_progresstracker_pi1-scroll-right a span {
					display: none;
					}
	.tx_progresstracker_pi1-bg-right {
		width: 36px;
		height: 208px;
		float: left;
		background: url("/typo3conf/ext/progress_tracker/res/img/bg-right.png") 0 0 no-repeat transparent;
	}



.tx_progresstracker_pi1-sliding-panel {
	background: url("/typo3conf/ext/progress_tracker/res/img/sliding-panel-bg.png") repeat-x scroll 0 0 #FFFFFF;
	border-color: #FFFFFF #495258 #495258;
	border-style: solid;
	border-width: 1px;
	border-top: none;
	color: #000000;
	height: 365px;
	margin: 0;
	position: absolute;
	text-align: left;
	width: 878px;
	z-index: 100;
	
	-webkit-box-shadow: 2px 2px 4px #666666;
	-moz-box-shadow: 2px 2px 4px #666666;
	-ms-box-shadow: 2px 2px 4px #666666;
	-o-box-shadow: 2px 2px 4px #666666;
	box-shadow: 2px 2px 4px #666666;
	}
	.tx_progresstracker_pi1-close-panel {
		bottom: -20px;
	    position: absolute;
	    right: -20px;
	}
	.tx_progresstracker_pi1-sliding-panel-content {
	    border-top: 1px solid #FFFFFF;
	    margin: 30px 50px 20px;
	    padding: 45px 0 0;
		}
		.tx_progresstracker_pi1-sliding-panel-content .date {
			color: rgb(75,147,220);
			font-size: 18px;
			font-weight: bold;
			line-height: 20px;
		}
		.tx_progresstracker_pi1-sliding-panel-content .title {
			font-size: 20px;
			line-height: 30px;
			margin: 10px 0 20px;
			text-transform: uppercase;
		}
		.tx_progresstracker_pi1-sliding-panel-content .content {
		    height: 270px;
		    line-height: 20px;
		    overflow: auto;
			font-size: 15px;
			font-family: Times;
			}
			.tx_progresstracker_pi1-sliding-panel-content a {
				background: url("/typo3conf/ext/progress_tracker/res/img/link-img.png") no-repeat scroll left center #FFFFFF;
				padding: 0 0 0 15px;
				text-decoration: none;
				font-size: 1em;
				line-height: 20px;
				color: #4b93dc;
				font-family: Arial;
				}
				.tx_progresstracker_pi1-sliding-panel-content a:hover {
					background: url("/typo3conf/ext/progress_tracker/res/img/link-img.png") no-repeat scroll left center #FFFFFF;
					padding: 0 0 0 15px;
					text-decoration: none;
					font-size: 1em;
					line-height: 20px;
					color: #000000;
				}
.txpt_months {
	background: transparent url("/typo3conf/ext/progress_tracker/res/img/months-bg.png") 1px 0px repeat-x;
	float: left;
	height: 100px;
	overflow: hidden;
}
.txpt_days {
	background: transparent;
	float: left;
	height: 100px;
	margin-top: -100px;
}
.txpt_mon28, .txpt_mon29, .txpt_mon30, .txpt_mon31 {
	background: transparent url("/typo3conf/ext/progress_tracker/res/img/month-side.png") 1px 0px no-repeat;
	float: left;
	height: 137px;
}
.txpt_mon28 span, .txpt_mon29 span, .txpt_mon30 span, .txpt_mon31 span {
	color: #fff;
	float: left;
	font-family: Arial, sans-serif;
	padding: 10px 0px 0px 10px;
}
.txpt_mon28 {
	width: 252px;
}
.txpt_mon29 {
	width: 261px;
}
.txpt_mon30 {
	width: 270px;
}
.txpt_mon31 {
	width: 279px;
}
.txpt_mon28 .txpt_pos {
	height: 137px;
	left: 0px;
	position: relative;
	width: 252px;
}
.txpt_mon29 .txpt_pos {
	height: 137px;
	left: 0px;
	position: relative;
	width: 261px;
}
.txpt_mon30 .txpt_pos {
	height: 137px;
	left: 0px;
	position: relative;
	width: 270px;
}
.txpt_mon31 .txpt_pos {
	height: 137px;
	left: 0px;
	position: relative;
	width: 279px;
}


.txpt_day01, .txpt_day02, .txpt_day03, .txpt_day04, .txpt_day05,
.txpt_day06, .txpt_day07, .txpt_day08, .txpt_day09, .txpt_day10,
.txpt_day11, .txpt_day12, .txpt_day13, .txpt_day14, .txpt_day15,
.txpt_day16, .txpt_day17, .txpt_day18, .txpt_day19, .txpt_day20,
.txpt_day21, .txpt_day22, .txpt_day23, .txpt_day24, .txpt_day25,
.txpt_day26, .txpt_day27, .txpt_day28, .txpt_day29, .txpt_day30,
.txpt_day31 {
	position: absolute;
	top: 48px;
	z-index: 100;
}
.txpt_day01{ left: 0px; }
.txpt_day02{ left: 9px; }
.txpt_day03{ left: 18px; }
.txpt_day04{ left: 27px; }
.txpt_day05{ left: 36px; }
.txpt_day06{ left: 45px; }
.txpt_day07{ left: 54px; }
.txpt_day08{ left: 63px; }
.txpt_day09{ left: 72px; }
.txpt_day10{ left: 81px; }
.txpt_day11{ left: 90px; }
.txpt_day12{ left: 99px; }
.txpt_day13{ left: 108px; }
.txpt_day14{ left: 117px; }
.txpt_day15{ left: 126px; }
.txpt_day16{ left: 135px; }
.txpt_day17{ left: 144px; }
.txpt_day18{ left: 153px; }
.txpt_day19{ left: 162px; }
.txpt_day20{ left: 171px; }
.txpt_day21{ left: 180px; }
.txpt_day22{ left: 189px; }
.txpt_day23{ left: 198px; }
.txpt_day24{ left: 207px; }
.txpt_day25{ left: 216px; }
.txpt_day26{ left: 225px; }
.txpt_day27{ left: 234px; }
.txpt_day28{ left: 243px; }
.txpt_day29{ left: 252px; }
.txpt_day30{ left: 261px; }
.txpt_day31{ left: 270px; }




.txpt_color {
	background: url(/typo3conf/ext/progress_tracker/res/img/bargraph-bg.png) repeat-x scroll 0 0 transparent;
	border-left: 1px solid #485258;
	border-right: 1px solid #485258;
	float: left;
	height: 37px;
	width: 9px;
}
.txpt_colorbar {
	background: transparent url('/typo3conf/ext/progress_tracker/res/img/colorbar-bg.png') 1px 0px repeat;
	height: 37px;
}
.txpt_colorbar-overlay {
	background: transparent url('/typo3conf/ext/progress_tracker/res/img/gradient.jpg') 0px 0px repeat;
	height: 37px;
}

/* Heller-C */
.tx_progresstracker_pi1-datelabel-active, .tx_progresstracker_pi1-datelabel:hover {
	background: transparent;
}
.tx_progresstracker_pi1-close-panel { 
	bottom: 0px;
	right: 0px;
}
.tx_progresstracker_pi1-scroll-left a:hover {
	background-image: url('/typo3conf/ext/progress_tracker/res/img/arrow-left-white.png');
}
.tx_progresstracker_pi1-scroll-right a:hover {
	background-image: url('/typo3conf/ext/progress_tracker/res/img/arrow-right-white.png');
}


/* IE7? D'Oh! */

*+html .txpt_mon28 .txpt_pos {
	left: 0px;
	position: absolute;
}
*+html .txpt_mon29 .txpt_pos {
	left: 0px;
	position: absolute;
}
*+html .txpt_mon30 .txpt_pos {
	left: 0px;
	position: absolute;
}
*+html .txpt_mon31 .txpt_pos {
	left: 0px;
	position: absolute;
}
*+html .txpt_iehelper {
	height: 100%;
	position: absolute;
	width: 100%;
}
*+html .txpt_day01, *+html .txpt_day02, *+html .txpt_day03, *+html .txpt_day04, *+html .txpt_day05,
*+html .txpt_day06, *+html .txpt_day07, *+html .txpt_day08, *+html .txpt_day09, *+html .txpt_day10,
*+html .txpt_day11, *+html .txpt_day12, *+html .txpt_day13, *+html .txpt_day14, *+html .txpt_day15,
*+html .txpt_day16, *+html .txpt_day17, *+html .txpt_day18, *+html .txpt_day19, *+html .txpt_day20,
*+html .txpt_day21, *+html .txpt_day22, *+html .txpt_day23, *+html .txpt_day24, *+html .txpt_day25,
*+html .txpt_day26, *+html .txpt_day27, *+html .txpt_day28, *+html .txpt_day29, *+html .txpt_day30,
*+html .txpt_day31 {
	top: 48px;
}
*+html .tx_progresstracker_pi1-timeline {
	height: 550px;
	overflow-x: hidden;
}