.keKiri{float:left;}
.keKanan{float:right;}
div.lineRotate2 {
	background:#9DD4F3;
	position:absolute;
	width:5px;
	left:-5px;
}

div.cirAbout{
	background:#23A9FF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	height:20px;
	width:20px;
	position:absolute;
	left:-12px;
}

div.dirAbout1{
 height:65px;
}

div.dirAbout2{
 height:80px;
}

div.dirAbout3{
 height:95px;
}

div#aboutLine1{top:18px}
div#aboutLine2{top:94px}
div#aboutLine3{top:157px}
div#aboutLine4{top:219px}
div#aboutLine5{top:281px}
div#aboutLine6{top:372px}
div#aboutLine7{top:450px}
div#aboutLine8{top:542px}

.timeline li.keKiri .calendarPrestasi {
    background: url("/images/calendar-thumb.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    position: absolute;
    top: 20px;
	left:-17px;
    width: 32px;
	color:transparent;
}
.timeline li.keKanan .calendarPrestasi {
    background: url("/images/calendar-thumb.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    position: absolute;
    top: 20px;
	right:-17px;
    width: 32px;
	color:transparent;
}
span.lineAbout {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #BEE1F2;
    border-radius: 100px 100px 100px 100px;
    display: block;
    height: 85%;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: 100px;
    width: 6px;
}
span.dot {
    background: none repeat scroll 0 0 white;
    border: 1px solid #88ACBF;
    border-radius: 100px 100px 100px 100px;
    display: block;
    height: 12px;
    position: absolute;
    width: 12px;
    z-index: 99;
}
span.dot:after {
    background: none repeat scroll 0 0 #88ACBF;
    border-radius: 100px 100px 100px 100px;
    content: "";
    display: block;
    height: 10px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 10px;
}
.timeline li {
	font-size:13px;
}
li.boxLiPrestasi h5{
	color: #0071BC;
    font-size: 14px;
}
li.boxLiPrestasi{
	width: 321px;
    background: none repeat scroll 0 0 white;
    border: 1px solid #BFBFBF;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 18px;
    padding: 15px 44px;
    position: relative;	
	list-style:none;
}
.turnLeft {
	display:block;
	width:12px;
	height:12px;
	position:absolute;
	border-top:1px solid #9e9e9e;
	border-right:1px solid #9e9e9e;
	background-color:#fff;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
}
.turnRight {
	display:block;
	width:12px;
	height:12px;
	position:absolute;
	border-bottom:1px solid #9e9e9e;
	border-left:1px solid #9e9e9e;
	background-color:#fff;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
}