/* ======
   Country Grid
====== */
#canvas .title-bar{
    background: #000 url(../images/blt-red-sq8.gif) no-repeat scroll 10px 14px;
    padding-left:26px;
    margin-bottom:12px;
    height:36px;
}

#canvas #country-grid .title-bar a{
    color:#FFF;
    font-size:24px;
    line-height:36px;
}


#canvas #country-grid-tab{
    padding-top:5px;
    padding-left:100px;
}

#canvas #contents-left-block .content-container .head{
    margin-bottom:11px;
}

#canvas #country-grid-top-block{
    overflow:hidden;
    width:988px;
    height:248px;
    position:relative;
}

#canvas #country-grid-top-block #position{
    position:absolute;
    top:16px;
    right:16px;
    background-color:#000;
    font-weight:bold;
    font-size:16px;
    color:#FFF;
    padding:4px 8px;
}

/* country-grid-top-block */
#canvas #country-grid-top-block #detail-panel{
    position:absolute;
    top:12px;
    left:12px;

    width:284px;
    padding:11px;
    background-color:#FFF;
}

#country-grid-top-block #detail-panel h3{
    background: transparent url(../images/blt-red-sq8.gif) no-repeat scroll left center;
    padding-left:26px;
    padding-bottom:8px;
    line-height:24px;
    font-size:24px;
    font-weight:bold;
}
#country-grid-top-block #detail-panel th{
    font-weight:bold;
    width:108px;
    text-align:left;
    vertical-align:top;
    padding:2px 2px 3px 2px;
}
#country-grid-top-block #detail-panel td{
    width:168px;
    padding:2px 2px 3px 2px;
}
#country-grid-top-block #detail-panel td p{
    font-size:11px;
}
#country-grid-top-block #detail-panel td .male,
#country-grid-top-block #detail-panel td .female{
    font-size:12px;
    width:84px;
}
#country-grid-top-block #detail-panel td img{
    vertical-align:middle;
}

#country-grid-top-block #detail-panel td .male{
    float:left;
}
#country-grid-top-block #detail-panel td .female{
    float:right;
}

#canvas .video-container{
    width:317px;
    float:left;
    margin-right:11px;
    height:199px; /* need to set height for IE7 to set overlay cnt to bottom */
    _margin-bottom:12px;
}
#canvas .video-list ul li {
    float:left;
    width:153px;
    padding-bottom:12px;
    margin-right:11px;
    position:relative;
}
#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:#808080;
}

#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;
}