#tl-container{width:860px; margin: 0 auto;}

.borderclass { border:1px solid #A9B6D2; }

.item {
width: 408px;
margin: 20px 10px 10px 10px;
float: left;
background-color:#ffffff;
border:solid 1px #B4BBCD;
min-height:50px;
text-align:justify;
word-wrap:break-word;
}
.item {
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.item h3 {
margin:0px;
background:#a9b6d9;
color:white;
padding: 5px 8px;
border-top-left-radius:3px;
border-top-right-radius:3px;

}

.inner{
padding: 8px;
}

.inner img{
max-width: 300px;
max-height: 300px;
opacity:1.0;
}

.inner img:hover{
opacity:0.4;
}

.inner hr{
height: 1px;
background: #a9b6d9;
border-width: 0px;
width: 90%;


}

.timeline_container{
width: 16px;
text-align: center;
margin: 0 auto;
cursor:pointer;
display: block;
}

.timeline{
margin: 0 auto;
background-color:#e08989;
display: block;
float: left;
height: 100%;
left: 428px;
margin-top: 10px;
position: absolute;
width: 4px;
}


.rightCorner { 
background-image: url("../img/right.png");
display: block;
height: 15px;
margin-left: 408px;
margin-top: 8px;
padding: 0;
vertical-align: top;
width: 13px;
z-index:2;
position: absolute;
}

.leftCorner{
background-image: url("../img/left.png");
display: block;
height: 15px;
width: 13px;
margin-left: -13px;
margin-top: 8px;
position: absolute;
z-index:2;
}