/* ======
   Archive
====== */
/*** header ***/
#canvas .archive-index-header,
#canvas .archive-index-footer{
    background-color:#f7f7f7;
    margin:0 0 12px 0;
    padding:10px 10px;
}

#canvas .archive-index-header a,
#canvas .archive-index-footer a{
    padding:4px 5px;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    color:#000;
    text-decoration:none;
}
#canvas .archive-index-header a.selected{
    background-color:#F00;
    color:#FFF;
}
/*** footer ***/
#canvas .archive-index-header a.prev,
#canvas .archive-index-header a.next{
}
#canvas .archive-index-footer{
    text-align:right;
}
#canvas .archive-index-footer a.disable{
    color:#666;
}
#canvas .archive-index-footer a.selected{
    background-color:#F00;
    color:#FFF;
}
#canvas .archive-index-header select,
#canvas .archive-index-header button{
    vertical-align:middle;
}

#canvas .archive-index-header button.view{
    background:transparent url(../images/btn-view.gif) no-repeat scroll left top;
    width:48px;
    height:22px;
    margin-left:12px;
}
#select-month{
    margin-left:12px;
}

.archive-index-links{
    overflow:hidden;
    width:100%;
}

#canvas .archive-index-links a{
    color:#000;
    text-decoration:none;
}
#canvas .archive-index-links a:hover{
    text-decoration:underline;
}
#canvas .archive-index-links h3{
    font-weight:bold;
    background-color:#000;
    color:#FFF;
    line-height:18px;
    padding-left:4px;
    margin-bottom:2px;
}

#canvas .archive-index-links-item{
    float:left;
    width:150px;
    margin-right:12px;
}

#canvas .archive-index-links-item ul li{
    padding-left:10px;
    background:transparent url(../images/blt-grey-sq4.gif) no-repeat scroll 0 50%;
    margin-bottom:8px;
}

#contents-left-block .content-container .head #archive-index-tab.content-container-tab{
    padding-top:5px;
}

#canvas .content-item{
    both:clear;
    overflow:hidden;
    width:100%;
    margin-bottom:12px;
}

#canvas .image-list ul li{
    width:317px;
    height:94px;
    color:#f7f7f7;
    margin-bottom:10px;
}
#canvas .image-list ul li .desc-block .name{
    font-size:14px;
    font-weight:bold;
    line-height:22px;
}
#canvas .image-list ul li .desc-block .name a{
    color:#000;
    text-decoration:none;
}
#canvas .image-list ul li .desc-block .name a:hover{
    text-decoration:underline;
}

#canvas .image-list ul li .desc-block{
    width:194px;
    padding:11px 18px 14px 11px;
    color:#000;
}


#canvas .video-list ul li{
    float:left;
    width:153px;
    margin-right:11px;
    padding-bottom:12px;
    position:relative;
}

#canvas .link-mode ul li{
    height:105px;
}

#canvas .link-mode ul li a.overlay-link{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:149px;
    height:94px;
    padding:2px;
    z-index:2;
}

#canvas .link-mode ul li a.overlay-link:hover{
    border:2px solid #e61919;
    padding:0;
}

#canvas .link-mode ul li .bg{
    width:153px;
    height:22px;

    background-color:#000;
    opacity:0.8;
    filter: alpha(opacity = 80);

    position:absolute;
    top:75px;
    left:0;
}

#canvas .link-mode ul li .caption{
    font-size:11px;
    font-weight:bold;
    padding-left:6px;
    line-height:22px;
    height:22px;
    position:absolute;
    top:75px;
    left:2px;
    z-index:3;
}

#canvas .link-mode ul li .caption a{
    border:0 none;
    display:inline;
    text-decoration:none;
    color:#FFF;
}

#canvas .link-mode ul li .caption a:hover{
    text-decoration:underline;
}

#canvas .video-list ul li.edge{
    margin-right:0px;
}

#canvas .video-list .video-container .video-desc,
#canvas .video-list .video-container .video-overlay{
    width:317px;
    height:79px;
}

#canvas .video-list .video-container .video-desc{
    height:49px;
    padding:15px 0;
}

#canvas .video-list .video-container .video-desc h3,
#canvas .video-list .video-container .video-desc .desc{
    width:240px;
    padding-left: 26px;
    color:#FFF;
}
#canvas .video-list ul li a.play-overlay{
    background: transparent url(../images/btn-play-rc-off.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
    width:153px;
    height:97px;
    top:0px;
    left:0px;
}

#canvas .video-list ul li a:hover.play-overlay{
    background: transparent url(../images/btn-play-rc-on.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
    width:149px;
    height:93px;
    border:2px solid #e61919;
}

#canvas #archive .content-item .head{
    margin-bottom:1px;
}
#canvas #archive #aitab3{
    margin-top:14px;
}
#canvas #archive #aitab4 .content-item .head{
    margin-bottom:11px;
}
#canvas #archive .content-item .head h2{
    font-size:16px;
}