@charset "utf-8";

/* timeline */
#timeline{width:65%;height:80px;overflow:hidden;margin:0px auto 0 auto;position:relative;}
#dates{width:800px;height:30px;}
#dates li{float:left;width:100px;height:26px;line-height:26px;font-size:12px;text-align:left;position: relative;}

#dates a{margin-top:10px; text-decoration: none;color:black;}
#dates .selected{font-size:13px;color: #265E91;}
#issues{width:800px;height:0px;overflow:hidden;}
#issues li{width:800px;height:350px;float:left;}
#issues li img{float:left;margin:10px 30px 10px 50px;}
#issues li h1{color:#ffcc00;font-size:48px;margin:20px 0;text-shadow:#000 1px 1px 2px;}
#issues li p{font-size:14px;margin-right:70px;font-weight:normal;line-height:22px;text-shadow:#000 1px 1px 2px;}
#grad_left,#grad_right{width:100px;height:350px;position:absolute;top:0;}
#start,#end{position:absolute;font-size:70px;top:18px;width:22px;height:20px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next,#prev{position:absolute;font-size:70px;top:18px;width:22px;height:20px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#play{position:absolute;top:0px;font-size:70px;width:50px;height:50px;background-position:0 0;text-indent:-9999px;overflow:hidden;}
#next:hover{background-position: -33px -50px;}
#prev:hover{background-position: -33px -33px;}
#play{left:-10px;background-image:url('../images/img.png');background-position: 71px -104px;}
#next{right:10px;background-image:url('../images/img.png');background-position: -33px -50px;}
#prev{left:60px;background-image:url('../images/img.png');background-position: -33px -33px;}
#end{right:-10px;top:21px;background-image:url('../images/end.png');background-size: 45% 70%;}
#start{left:44px;top:21px;background-image:url('../images/start.png');background-size: 45% 70%;}
#play:hover{
    cursor: pointer;
    background-position: 70px -173px;
}
.btn_play[disabled]:hover {
    cursor: default;
    background-position: 71px -104px;
}
.playActive{
    cursor: pointer;
    background-position: 70px -233px !important;
}
.playActive:hover{
    cursor: pointer;
    background-position: 70px -293px !important;
}
.pause{
    background-position: 71px -104px !important;
}
.pause:hover{
    cursor: pointer;
    background-position: 70px -173px !important;
}

#next.disabled,#prev.disabled{opacity:0.2;}
.playLine{
    position: absolute;
    height:2px;
    width:87%;
    margin-left: 9%;
    bottom:50px;
    top:28px;
    background-color: #92B9D6;
}
.btn_circle{
    z-index: 99;
    height: 9px;
    width: 14px;
    display: block;
    left:18px;
    top: -8px !important;
    position: absolute;
    background-image: url(../images/img.png);
    background-position: 67px -69px;
}
.btn_circle:hover{
    z-index: 100;
    height: 18px;
    width: 14px;
    top: -11px !important;
    cursor: pointer;
    background-image: url(../images/img.png);
    background-position: 67px -81px;
}
.bigCirtle{
    height: 18px;
    width: 14px;
    top: -11px !important;
    background-position: 67px -81px !important;
}
.play_state{
    width:55px;
    text-align: center;
    z-index: 99;
    top: 45px;
    left: -10px;
    color: #265E91;
    position: absolute;
}