/* ======
   GLOBAL
====== */
body{
  margin:0;
  padding:0;
}

#canvas{
  font-family: Arial, sans-serif;
  font-size:12px;
  margin:0;
  padding:0;

  background: transparent url(../images/reskin/bg-top.png) repeat-x scroll 0 1px;
  /*background: transparent url(../images/bg-top.jpg) repeat-x scroll 0 1px;*/
}

#canvas div, #canvas p, #canvas ul, #canvas li, #canvas h1, #canvas h2,#canvas h3,#canvas h4,#canvas h5,#canvas h6,#canvas form,#canvas input,#canvas textarea,#canvas th,#canvas td{
  margin:0;
  padding:0;
}
#canvas h1, #canvas h2,#canvas h3,#canvas h4,#canvas h5,#canvas h6{
  font-size:100%;
  /*font-weight:normal;*/
}
#canvas table{
  border-collapse:collapse;
  border-spacing:0;
}

#canvas fieldset, #canvas img, #canvas button{
  border:0;
}
#canvas ul{
  list-style:none;
}
#canvas p{
  line-height: 16px;
}

#canvas a{
  color:#1a1a1a; /* 19548E */
  text-decoration:none;
}

#canvas a:link,#canvas a:visited,#canvas a:active{
  outline: 0;
}

#canvas a:visited{
}

#canvas * a:hover{
    text-decoration:underline;
}
#contents-block a, #contents-block a:visited, #contents-block a:hover,
#common-block a, #common-block a:visited, #common-block a:hover {}
#contents-block a:hover,
#common-block a:hover {color:#c80b00 !important;}
/* ======
   Components
====== */
#canvas .link{
    font-size:12px;
    font-weight:bold;
}

#canvas .info,
#canvas .date,
#canvas .noc,
#canvas .name{
    font-size:11px;
    color:#808080;
   
}
#canvas .info span:hover{
    color:#c80b00;
   
}

#canvas .noc .cmt a{
    color:#808080;
    text-decoration:none;
}
#canvas .noc .cmt a:hover{
    text-decoration:underline;
}

#canvas .name{
    font-weight:bold;
    text-decoration:none;
}
#canvas a:hover.name{
    text-decoration:underline;
}
#canvas .info a{
    text-decoration:none;
}
#canvas .info a:hover{
    text-decoration:underline;
}
.sep_ccc{
    color:#ccc;
}

#canvas #full-ad-area{
    text-align:center;
}

/*** title-bar ***/

#canvas .title-bar, #canvas #contents-left-block .feature-title-bar{
    padding-left:26px;
    height:30px;
    line-height:30px;
    color:#FFF;
    background:transparent  url(../images/reskin/blt-red-sq8.gif) no-repeat 10px center;
    position:relative;
    clear:both;
    font-weight:bold;
    font-size:16px;
}
#canvas .contents-wrapper .feature-title {background-color:#1a1a1a;}
#canvas #vj-stories-tab1 > p {font-size:14px; line-height:21px;}
#canvas #contents-left-block .title-bar
{border-bottom:2px solid #d9d9d9; margin-bottom:0;background-position: 1px center;padding-left:16px;}

#canvas #contents-left-block .main-container .title-bar,
#canvas #contents-left-block .feature-title,
#canvas #contents-left-block .feature-title-bar

{background-color:#1a1a1a;border-bottom:0 none; margin-bottom:0;background-position: 10px center;padding-left:26px;}

#canvas #home .main-container .title-bar a,#canvas #home .main-container .title-bar a:visited,#canvas #home .main-container .title-bar a:hover,
#canvas #home .feature-title a,#canvas #home .feature-title a:visited,#canvas #home .feature-title a:hover, 
#canvas #home .feature-title h2
{color:#fff !important;}

#canvas #home  .title-bar .caption,
#canvas #home .title-bar a{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    color:#1a1a1a;
}
#canvas #contents-left-block .feature-title-bar h2 {
	font-weight:bold;
	font-size:16px;
}
#canvas .title-bar .caption{
    color:#FFF;
}

#canvas .title-bar .tdate{
    position:absolute;
    line-height:30px;
    color:#FFF;
    top:0;
    right:12px;
}
#canvas .title-bar .link-heading{
    position:absolute;
    line-height:30px;
    color:#FFF;
    top:0;
    right:12px;
}
#canvas .title-bar .link-heading img{
    vertical-align:middle;
}

#canvas .title-bar .link-heading a{
    font-size:12px;
}

#canvas .head .timeline{
    position:relative;
    line-height:30px;
    color:#FFF;
    top:0;
    right:12px;
}


/*** list ***/
#canvas .list{
    padding:0 /*14px*/;
    background-color:#FFF;
}

#canvas .list ul li img{
    padding-right:6px;
    float:left;
    border:2px solid #FFF;
}

#canvas .list ul li a{
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
#canvas .list ul li a:hover{
   text-decoration:underline;
}
/*** blt-list ***/
#canvas .blt-list{
    padding:0 14px;
    background-color:#FFF;
}
#canvas .blt-list ul li{
    padding-left:10px;
    margin-bottom:10px;
    background:transparent url(../images/reskin/blt-grey-sq4.gif) no-repeat scroll 0 6px;
}
#canvas .blt-list ul li a{
    color:#000;
    text-decoration:none;
}
#canvas .blt-list ul li a:hover{
   text-decoration:underline;
}

/*** video-container ***/
.video-container{
    position:relative;
}

.overlay,
.video-overlay{
    position:absolute;
    /*background:#000;*/
    background:#fff;

    /*opacity:0.8;
    filter: alpha(opacity = 80);*/
    bottom:0;
    right:0;
    z-index:1;
/*    _right:-1px; */
}

.video-desc{
    position:absolute;
    bottom:0px;
    right:0;
    z-index:2;
}
#sub-hero .video-desc{position:static;}

#canvas a.play-overlay{
    position:absolute;
    z-index:5;
    top:0;
    left:0;
    display:block;
}


/* ======
   Blocks
====== */
#canvas{
    margin:0px auto;
    width:100%;
    padding-top:31px; /* for sbs global navi */
}
#wrapper, #footer-wrapper {
    background: transparent url() no-repeat scroll 50% 0;
    width:100%;
}

#canvas #base-block, #canvas .footer-block-container {
    width: 988px;
    margin: 0px auto;
}

#footer-wrapper {background: #c80b00 url(../images/reskin/footer-bg.png) repeat-x 0 0;}
#site-footer-wrapper {margin-top:34px !important; background: transparent url(../images/reskin/site-footer-bg.png) repeat-x 0 0; position:relative; display:block;}
.contents-wrapper{
    overflow:hidden;
   /* background: transparent url(../images/bg-wrapper.gif) repeat-y scroll top left;*/
    _height:100%;
}
#canvas #contents-block{
    background-color: #FFFFFF;
    clear:both;
    overflow:hidden;
    padding-top:10px;
}
#canvas #contents-full-block{
    width:100%;
}

#canvas #contents-left-block{
    float:left;
    width:646px;
}

#canvas #contents-right-block{
    float:right;
    width:300px;
    padding:0 14px;
    background-color:#ffffff;
}
/* <<< haader-block <<< */
#header-block{
    height: 126px;
    position: relative;
}

#header-logo{
    position:absolute;
    width:294px;
    height:54px;
    top:26px;
    left:0;
    background: transparent url(../images/reskin/logo.png) no-repeat 0 0;
}

#onair{
    position:absolute;
    top:15px;
    left:210px;
    color:#9cc;
    font-weight:bold;
}

#onairSBSOne{
    position:absolute; top:46px; left:312px;
    background: transparent url(../images/reskin/blt-white-sq4.gif) left center no-repeat;
    padding-left: 15px; height: 14px;
    color:#fff; font-weight:bold;
}

#onairSBSTwo{
    position:absolute; top:66px; left:312px;
    background: transparent url(../images/reskin/blt-white-sq4.gif) left center no-repeat;
    padding-left: 15px; height: 14px;
    color:#fff; font-weight:bold;
}

#canvas #header-search-block,
#canvas #bg-header-search-block{
    position:absolute;
    top:35px;
    left:695px;
}

#canvas #header-search-block{
    width:296px;
    height:45px;
    padding:5px 0px;
    z-index:2;
}

#canvas #bg-header-search-block{
    width:296px;
    height:55px;
    background:transparent url(../images/reskin/search-bg.png) no-repeat 0 0;
   /* opacity:0.5;
    filter: alpha(opacity = 50);*/
    z-index:1;
}

#header-search-block a{
    color:#FFF;
    text-decoration:none;
    padding:0 2px;
}
#header-search-block a:hover{
    text-decoration:underline;
}
#header-search-block input,
#header-search-block button{
    position:absolute;
    top:8px;
    z-index:5;
}


#header-search-block input{
    width: 198px;
    height:13px;
    padding:4px;
    border:1px solid #910700;
    left:8px;
}

#search *{
    vertical-align:top;
}

#header-search-block .search-selector{
    overflow:hidden;
    position:absolute;
    top:5px;
}
#header-search-block .search-selector a {
    padding-right:30px;
    font-weight:bold;
    display:block;
    float:left;
    height:21px;
    outline:none;
}
#header-search-block .search-selector a.selected {
    background: transparent url(../images/arw-white-tr.gif) no-repeat scroll bottom left;
}

#header-search-block .search-links,
#header-search-block #signin{
    color:#f7f7f7;
}

#header-search-block .search-links {
    position:absolute;
    top:34px;
    left:10px;
    color:#910700;
    font-size:11px;
    text-indent:2px;
}

#header-search-block .search-links strong{
    color:#FFF;
    text-transform:uppercase;
    margin-right:4px;
}

#search button{
    background: transparent url(../images/reskin/search-btn.png) no-repeat top left;
    width: 76px;
    height: 23px;
    color:#FFF;
    margin-left:0px;
    left:213px;
}

#search button:hover{
    /*background-position:bottom left;*/
    opacity:0.9;
    cursor:pointer;
}

#canvas #signin{
    position:absolute;
    top:26px;
    left:327px;
    width:110px;
}

#signin button{
    background: transparent url(../images/btn-signin.jpg) no-repeat top left;
    width: 97px;
    height: 22px;
    color:#FFF;
    display:block;
    margin-bottom:8px;
    outline:none;
    position:static;
}
#signin button:hover{
    background-position:bottom left;
    cursor:pointer;
}

#advanced-search{
    position:absolute;
    top:23px;
    left: 258px;
    width:52px;
}
#advanced-search a{
    color:#F00;
    font-size:11px;
    line-height:14px;
}

#search-sep{
    position:absolute;
    background: transparent url(../images/sep-header.gif) no-repeat top left;
    width:1px;
    height:62px;
    top:12px;
    left:388px;
}
/* >>> header-block >>> */

/* <<< header-navi-block <<< */
#bg-header-navi-block{
    width:988px;
    height:28px;
    /*background-color:#000;*/
    opacity:0.8;
    filter: alpha(opacity = 80);
}

#bg-header-navi-block,
#header-navi-block,
#header-navi-right-links{
    position:absolute;
    bottom:0;
}

#header-navi-block ul li{
    float:left;
    background: transparent /*url(../images/bg-menu.gif) no-repeat bottom left*/;
}

#header-navi-block ul li a{
    display:block;
    padding:0 17px;

    text-decoration:none;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    line-height:28px;
}

#header-navi-block ul li a:hover,
#header-navi-block ul li.selected a{
    color:#000;
   background: #e6e6e6  /*url(../images/bg-menu.gif) no-repeat top left*/;
    text-decoration:none;
}
/* >>> header-navi-block >>> */

#header-navi-right-links{
    right:14px;
}
#header-navi-right-links ul li{
    float:left;

}
#header-navi-right-links ul li a{
    display:block;
    padding-left:18px;

    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    line-height:28px;
}
#header-navi-right-links ul li a:hover{
    text-decoration:underline;
}

/* <<< footer-block <<< */
#canvas #footer-block{
    /*border-top:1px solid #eaeaea;*/
    padding-top:16px;
    padding-left:208px;
    position:relative;
    margin-bottom:0;
}
#logo-sbs{
    position:absolute;
    top:14px;
    left:14px;
    _left:-200px;
}

#canvas #footer-block ul{
    padding:8px 0 12px;
}
#canvas #footer-block ul li{
    background:transparent url(../images/reskin/arw-red.gif) no-repeat scroll 0 50%;
    margin-bottom:3px;
    padding-left:15px;
}

#footer-links{
    overflow:hidden;
}

#footer-links div{
    float:left;
}

#footer-links a{
    color: #fff;
    text-decoration:none;
    font-size:11px;
}
#footer-links a:hover{
    text-decoration:underline;
}

#canvas #copyright-area{
    
    font-size: 11px;
    color:#fff;
    /*margin-top: 24px;*/
    padding:24px 0 10px 0;
}

#copyright-area a{
    color:#fff;
    text-decoration:none;
}

#canvas .footer-link-container{
    padding-right:18px;
    width:175px;
}
#canvas .footer-link-container h3{
    color:#fff;
    font-weight:bold;
    padding-bottom:10px;
   /* background:transparent url(../images/div-grey-dot.gif) repeat-x scroll left bottom;*/
   border-bottom:1px dotted #9a0700;
}


/* >>> footer-block >>> */

/* <<< common-block <<< */
#canvas #common-block{
   /* overflow:hidden;*/
}
/* >>> common-block >>> */

/* <<< sponsor-block <<< */
.sponsor-item{
    float:left;
}
#canvas #sponsor-block{
    height:242px;
    padding:24px 14px 17px 11px;
    /*background: transparent url(../images/bg-sponsor-block.jpg) repeat-x scroll top left;*/
    /*border-top:1px solid #F00;*/
    /*margin-top:34px;*/
    margin-bottom:0;
}
#sponsor-block a{
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
#sponsor-block a:hover{
/*    color:#F00; */
    text-decoration:underline;
}
#sponsor-block .container{
    overflow:hidden;
    height:153px;
}

#sponsor-block ul{
    margin-top:9px;
}
#sponsor-block ul li{
    padding-left:25px;
    background:transparent url(../images/blt-grey-sq4.gif) no-repeat scroll 10px 5px;
    margin-bottom:5px;
}
#sponsor-block h3{
    background: transparent url(../images/blt-red-sq8.gif) no-repeat scroll left center;
    font-size:12px;
    font-weight:bold;
    padding-left: 16px;
}
#sponsor-block .more{
    color:#c80b00;
    font-size:11px;
    padding-left:10px;
}
#sponsor-block .more a:hover{
    text-decoration:underline;
}

#sponsor-index-block{
    width:319px;
    position:relative;
}
#sponsor-index-block img{
	position:absolute;
	left:0;
	top:0;
}
#sponsor-index-block ul{
    margin-top:55px;
    float:left;
}
#sponsor-index-block ul li{
    background:transparent url(../images/blt-red-sq4.gif) no-repeat scroll 10px 50%;
    width:130px;
}
#canvas #sponsor-issues,
#canvas #sponsor-videos,
#canvas #sponsor-countries{
    padding-top:30px !important;
}

#sponsor-issues{
    width:167px;
}

#sponsor-countries{
    width:167px;
}

#canvas #sponsor-videos{
    width:266px;
    padding:9px 18px 18px 18px;
/*    background-color:#FFF; */
}

#canvas #sponsor-videos div{
    padding-top:8px;
    overflow:hidden;
}
#canvas #sponsor-videos div div{
    padding:0;
    position:relative;
}
#canvas #sponsor-videos div div 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:124px;
    height:89px;
}
#canvas #sponsor-videos div div 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%;
    border:2px solid #c80b00;
    width:120px;
    height:85px;
}

#sponsor-videos .bg,
#sponsor-videos .caption{
    position:absolute;
    bottom:0;
    left:0;
}
#sponsor-videos .bg{
    height:18px;
    width:124px;
    background-color:#e6e6e6;
/*    z-index:10; */
}

#sponsor-videos .caption{
    color:#1a1a1a;
    font-size:11px;
    font-weight:bold;
    padding-left:6px;
}

/* >>> sponsor-block >>> */

/* ======
   Containers
====== */
#canvas .content-container{
}
#canvas #contents-right-block .content-container{
    padding-bottom: 20px;
}

#contents-left-block .content-container .head,
#contents-right-block .content-container .head{
    color:#FFF;
    background-color:transparent;
    border-bottom:2px solid #d9d9d9;
}

#contents-left-block .content-container .head h2,
#contents-right-block .content-container .head h2{
    background: transparent url(../images/blt-red-sq8.gif) no-repeat scroll 10px center;
    padding-left:26px;
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    color:#1a1a1a;
    
}
#contents-left-block .content-container .content-item .head h2 {
	background: transparent none;
	padding-left:0;
	
}

#contents-right-block .content-container .head h2 {background-position: 1px center;padding-left:16px;}
#contents-left-block .content-container .head h2{
/*    font-size:14px; */
    float:left;
}

#contents-left-block .content-container .head h2 a,
#contents-right-block .content-container .head h2 a{
    color:#FFF;
    text-decoration:none;
}
#contents-right-block .content-container .head h2 a:hover{
    text-decoration:underline;
}
#contents-right-block .content-container .head{
    position:relative;
}
#contents-right-block .content-container .head h2 .link-heading,
#contents-right-block .content-container .head h2 .tdate{
    position:absolute;
    right:10px;
    top:0;
}
#contents-right-block .content-container .head h2 .link-heading a{
    font-size:12px;
    font-weight:bold;
    line-height:30px;
}
#contents-right-block .content-container .head h2 .link-heading a img{
    vertical-align:middle;
}

#contents-right-block .content-container .head h2 .tdate a{
    font-size:12px;
    font-weight:normal;
}

#contents-left-block .content-container .head .content-container-tab{
    padding-left:100px;
    padding-top:13px;
}

#contents-right-block .content-container .content,
#contents-right-block .content-container .content{
    clear:both;
}
#canvas #right-feature{
    position:relative;
}
#canvas #right-feature .overlay{
    height:110px;
    width:300px;
    top:163px;
    left: 0;
    /*opacity:0.5;
    filter: alpha(opacity = 50);*/
}

#right-feature .desc{
    z-index:2;
    position:absolute;
    left:0;
    top:167px;
    padding:0px 14px 12px 0;
    height:96px;
}
#right-feature .desc p{
    color:#808080;
}

#right-feature h2, #right-feature h2 a{
    color:#1a1a1a;
    font-size:20px;
    font-weight:bold;
}
#right-feature ul{
    padding-left:20px;
    padding-top:6px;
}
#right-feature ul li{
    padding-left:10px;
    background:transparent url(../images/blt-grey-sq4.gif) no-repeat scroll 0 50%;
    margin-bottom:4px;
}
#right-feature ul li a{
    color:#1a1a1a;
    text-decoration:none;
}
#right-feature ul li a:hover{
    text-decoration:underline;
}
#right-followus .follow-us a {
	float:left; margin: 0 10px;
}
/*** main-hero ***/
#canvas #main-hero{
    margin-bottom:11px;
    padding-top:0;
    overflow:hidden;
}

#main-hero .video-desc h3,
#main-hero .desc-container h3{
    font-size:24px;
    font-weight:bold;
    /*height:38px;*/
    line-height:30px;
    padding-left: 0;
    /*padding-left: 36px;*/
   /*background: #e61923 url(../images/icon-bw-sq.gif) no-repeat scroll 14px 12px;*/
    position:relative;
}
#main-hero .video-desc h3 a,
#main-hero .desc-container h3 a{
    text-decoration:none;
}
#main-hero .video-desc h3 a:hover,
#main-hero .desc-container h3 a:hover{
    text-decoration:underline;
}
#main-hero .video-desc h3 span,
#main-hero .desc-container h3 span{
    position:absolute;
    top:0;
    right:12px;
    line-height:30px;
    color:#FFF;
    font-size:11px;
    font-weight:normal;
}
#main-hero .video-desc h3 span a,
#main-hero .desc-container h3 span a{
    text-decoration:underline;
    font-weight:bold;
}

#main-hero .video-desc p.desc{
    /*color:#fff;*/
    color:#1a1a1a;
    line-height:18px;
}

#main-hero .reporter p a{
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
#main-hero .reporter p a:hover{
    text-decoration:underline;
}

/*** sub-hero ***/
#canvas #sub-hero{
    overflow:hidden;
    margin-bottom:20px;
}
#sub-hero .video-container > a {font-size:0;}

#sub-hero1{
    float:left;
    position:relative;
}

#sub-hero2{
    float:right;
}
#sub-hero .desc-container{
overflow:hidden;
}
#sub-hero .video-desc h3,
#sub-hero .desc-container h3{
    background-color:#fff;
    font-weight:bold;
    /*height:38px;*/
    line-height:30px;
    padding-left:0;
}

#sub-hero .video-desc h3 a,
#sub-hero .desc-container h3 a{
    text-decoration:none;
    font-size:16px;
}
#sub-hero .video-desc h3 a:hover,
#sub-hero .desc-container h3 a:hover{
    text-decoration:underline;
}

#sub-hero .video-desc p.desc{
    /*color:#fff;*/
    color:#808080;
    padding:8px 11px;
    font-size:11px;

}
#canvas #sub-hero .desc-container  p.light, #canvas #sub-hero .desc-container  p.light a{
	color:#808080 !important;
}
.enlarged {
	font-size:14px;
	line-height:21px;
}
#home #sub-hero .video-overlay {display:none;}
/* <<< summary-container <<< */
#canvas .summary-container-item{
    margin-bottom:20px;
    overflow:hidden;
}
#canvas .summary-container a{
    color:#1a1a1a;
    text-decoration:none;
}

#canvas .summary-container p, #canvas .summary-container p a {
	color:#808080;
}
#canvas .summary-container p a {margin-left:2px;}
#canvas .summary-container a:hover{
    text-decoration:underline;
}
#canvas .summary-container .title-bar a{
    color:#FFF;
}

/*** summary-container index-container ***/
#canvas .summary-container .index-container{
    width:318px;
    float:left;
    padding-left:11px;
    margin-top:10px;
}
#canvas .summary-container .index-container img{
    float:left;
    padding-right:10px;
}
#canvas .summary-container .index-container .index-item{
    height:94px;
    background-color:#ffffff;
    position:relative;
    border-bottom:1px dotted #d9d9d9;
    padding-bottom:5px;
}

#canvas .summary-container .index-container .index-item h3,
#canvas .summary-container .index-container .index-item p{
    padding-left: 110px;
}
#canvas .summary-container .index-container .index-item a.play-overlay{
    width:94px;
    height:94px;
    background: transparent url(../images/btn-play-sq-off.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
}
#canvas .summary-container .index-container .index-item a:hover.play-overlay{
    background: transparent url(../images/btn-play-sq-on.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
}


#canvas .summary-container .video-container .video-desc h3,
#canvas .summary-container .index-container .index-item h3{
    background: transparent /*url(../images/blt-red-sq8.gif) no-repeat scroll 112px 24px*/;
    font-size:14px;
    font-weight:bold;
    padding-top:18px;
    padding-bottom:4px;
}

#canvas .summary-container .index-container .index-sep{
    height:5px;
}

/*** summary-container video-container ***/
#canvas .summary-container .video-container{
    margin-top:10px;
    width:317px;
    height:200px;
    float:left;
}
#canvas .summary-container .video-container a{
    /*color:#FFF;*/
    color:#1a1a1a;
}

#canvas .summary-container .video-container a.play-overlay{
    width:317px;
    height:135px;
    background: transparent url(../images/btn-play-m-off.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
}
#canvas .summary-container .video-container a:hover.play-overlay{
    background: transparent url(../images/btn-play-m-on.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
}

#canvas .summary-container .video-container .video-desc,
#canvas .summary-container .video-container .video-overlay{
    width:317px;
    height:65px;
}

#canvas .summary-container .video-container .video-desc h3{
    background: transparent /*url(../images/blt-red-sq8.gif) no-repeat scroll 10px 28px*/;
    padding: 10px 0 5px 0;
}
#canvas .summary-container .video-container .video-desc p, #canvas .summary-container .video-container .video-desc p a{
    color:#808080;
}
#canvas .summary-container .video-container .video-desc p a {margin-left:2px;}
/*** comment-box ***/
#canvas .comment-box-add,
#canvas .comment-box{
    position:absolute;
    z-index:3;
    bottom:5px;
}

#canvas .comment-box{
    background: transparent url(../images/reskin/icon-comment-l.png) no-repeat 50% 0px;
    _background: transparent url(../images/icon-comment-l.gif) no-repeat 4px 0px;
    width:43px;
    height:53px;
    right:18px;
}
#canvas .comment-box-add{
    background: transparent url(../images/reskin/icon-comment-s.png) no-repeat scroll 12px 0px;
    _background: transparent url(../images/icon-comment-s.gif) no-repeat scroll 12px 0px;
    width:48px;
    height:46px;
    right:8px;
}

#canvas .comment-box a,
#canvas .comment-box-add a{
    font-size:11px;
    color:#1a1a1a;
    text-decoration:none;
}
#canvas .comment-box a:hover,
#canvas .comment-box-add a:hover{
    text-decoration:underline;
}

#canvas .comment-box span,
#canvas .comment-box-add span{
    display:block;
    font-size:9px;
}

#canvas .comment-box-add .noc,
#canvas .comment-box .noc{
    color:#fff;
    text-align:center;
}
#canvas .comment-box .noc{
    font-weight:bold;
    font-size:14px;
    width:100%;
    line-height:30px;
}
#canvas .comment-box-add .noc{
    font-size:11px;
    width:100%;
    line-height:16px;
}

#canvas .comment-box .cmt{
    padding-top:12px;
    /*display:none;*/
}
#canvas .comment-box-add .cmt{
    padding-top:25px;
}

#canvas .comment-box-add a:hover span.ctm,
#canvas .comment-box-add a:hover span.cmt,
#canvas .comment-box a:hover span.cmt{
    text-decoration:underline;
}

#canvas .comment-box-add-link{
    position:absolute;
    width:48px;
    height:24px;
    bottom:5px;
    right:12px;
    z-index:4;
}

#canvas .video-row{
    overflow:hidden;
    margin-bottom:12px;
    clear:both;
}

/* ======
  stories
====== */
#contents-right-block #stories .head{
    overflow:hidden;
    /*height:63px;*/
}

#stories .content{
    /*height:264px;*/
	min-height: 380px;
}

#canvas #featured-video .list ul li .link,
#canvas #stories .list ul li .link,
#canvas #previously .list ul li .link,
#canvas #this-week .list ul li .link{
    line-height:14px;
    padding-bottom:4px;
}

/* ======
  featured video journalist
====== */
.list ul li:first-child {
	border-top:0 none !important;
}
#canvas #featured-video .list ul li,
#canvas #stories .list ul li,
#canvas #previously .list ul li{
    /*height:59px;*/
    /*padding:14px 0;*/
    padding:10px 0 5px 0;
    border-top:1px solid #efefef;
    position:relative;
    float:left;
    width:100%;
}
#canvas #this-week .list ul li{
    height:59px;
    padding:14px 0;
    border-bottom:1px solid #efefef;
    position:relative;
}
#canvas #this-week .list ul li{
/*    height:36px; */
    padding:14px 0;
    border-bottom:1px solid #efefef;
}
#canvas #this-week .list .preview{
    padding:14px 0;
    border-bottom:1px solid #efefef;
    position:relative;
    float: left;
    width: 100%;
}
#canvas #this-week .list .preview .link{
    /*float:right;*/
    float: left;
    /*width:166px;*/
    padding-top:8px;
}
#canvas #this-week .list .preview .link a{
    color:#1a1a1a;
    font-weight:bold;
}

#canvas #featured-video .list ul li a.play-overlay,
#canvas #stories .list ul li a.play-overlay,
#canvas #previously .list ul li a.play-overlay,
/*#canvas #this-week .preview a.play-overlay,*/ 
#canvas #this-week .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:89px;
    height:55px;
    top:10px;
    left:2px;
    border:2px solid #d9d9d9;
}
#canvas #this-week .preview a.play-overlay{
    top:13px;
    left:0px;
}

#canvas #featured-video .list ul li a:hover.play-overlay,
#canvas #stories .list ul li a:hover.play-overlay,
#canvas #previously .list ul li a:hover.play-overlay,
/*#canvas #this-week .preview a:hover.play-overlay,*/
#canvas #this-week .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%;
    border:2px solid #c80b00;
}
#canvas #featured-video .featured{
    background-color:#FFF;
    border-bottom:1px solid #efefef;
    padding:14px 0 10px 0;
}
div.caption {color:#808080; font-size:11px; text-align:right;line-height:18px;} 
#canvas #featured-video .featured img{
    float:right;
    margin-left:10px;
}
#canvas #featured-video .featured a{
    font-weight:bold;
    color:#1a1a1a;
}
#canvas #featured-video .featured a:hover{
    text-decoration:underline;
}

#featured-video .featured .name{
    font-size:16px;
    font-weight:bold;
    padding-bottom:14px;
}
#featured-video .featured .name a{
    text-decoration:none;
}


#featured-video .featured .desc{
    padding-bottom:14px;
}
/* ======
   episode-preview
====== */
#canvas #episode-preview .desc-container{
    padding:10px;
    padding-top:0px;
    background-color:#FFF;
}
#episode-preview .heading{
    background: transparent url(../images/blt-red-sq8.gif) no-repeat scroll left center;
    font-size:16px;
    font-weight:bold;
    padding-bottom:8px;
    padding-left:16px;
}
#episode-preview .desc{
    color:#1a1a1a;
}

/* ======
  what people are saying
====== */
#canvas #people-saying .list{
    padding-top:8px;
    padding-bottom:20px;
}

#people-saying .list ul li{
    padding:5px 0;
    margin-bottom:8px;
    padding-left:44px;
    position:relative;
}
#people-saying .list ul li a{
    text-decoration:none;
    font-weight:normal;
}
#people-saying .list ul li a:hover{
    text-decoration:underline;
}
#people-saying .list ul li img{
    clear:left;
    position:absolute;
    top:0;
    left:0;
}


/* ======
  Carousel
====== */
#carousel {
	background: transparent url(../images/reskin/carousel_bg.gif) no-repeat 0 0
}
#carousel-border{
    /*border:1px solid #c2c2c2;*/
    position:absolute;
    width:942px;
    height:107px;
    left:22px;
    top:0px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
    position:relative;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


#common-block .jcarousel-container {
/*    border:1px solid #c2c2c2; */
}

#common-block .jcarousel-container-horizontal {
/*
    width: 920px;
    padding: 8px 10px;
*/
    width:988px;
/*    height:105px; */
    margin:5px 0 5px 0;
}

#common-block .jcarousel-prev-horizontal,
#common-block .jcarousel-next-horizontal{
    top: 40px;
    width: 26px;
    height: 26px;
}

#common-block .jcarousel-prev-horizontal {
    position: absolute;
    left: -8px;
    cursor: pointer;
    background: transparent url(../images/reskin/btn-jc-l.gif) no-repeat top left;
}

#common-block .jcarousel-next-horizontal {
    position: absolute;
    right: -8px;
    cursor: pointer;
    background: transparent url(../images/reskin/btn-jc-r.gif) no-repeat top left;
}

#common-block .jcarousel-prev-horizontal:hover ,
#common-block .jcarousel-next-horizontal:hover {
    background-position:0 -26px;
}

#common-block .jcarousel-prev-disabled-horizontal, #common-block .jcarousel-prev-disabled-horizontal:hover{
    background: transparent url(../images/reskin/btn-jc-l.gif) no-repeat 0 -52px;
}
#common-block .jcarousel-next-disabled-horizontal, #common-block .jcarousel-next-disabled-horizontal:hover{
   background: transparent url(../images/reskin/btn-jc-r.gif) no-repeat 0 -52px;
}

#common-block .jcarousel-clip-horizontal {
    width:  928px;
    height: 93px;
    margin:0px 30px;
    padding:8px 0;
/*
    padding:8px;
    border:1px solid #c2c2c2;
    margin:0px 23px;
*/
}

#common-block .jcarousel-item {
    width:128px;
    height:93px;
}
#common-block .jcarousel-item a{
    border:2px solid #e6e6e6;
    display:block;
}
#common-block .jcarousel-item a:hover{
    border:2px solid #c80b00;
}

#common-block .jcarousel-item .bg,
#common-block .jcarousel-item .caption{
    position:absolute;
    bottom:2px;
    left:2px;
    _bottom:0px;
}


#common-block .jcarousel-item .bg{
    height:18px;
    width:124px;
    background-color:#e6e6e6;
    overflow:hidden;
    /*opacity:1;*/
    /*filter: alpha(opacity = 80);*/
	/*z-index:10;*/
}

#common-block .jcarousel-item .caption{
    color:#1a1a1a;
    font-size:11px;
    font-weight:bold;
    padding-left:6px;
}
#common-block .jcarousel-item .caption a{
    border:0 none;
    display:inline;
    text-decoration:none;
    color:#1a1a1a;
}
#common-block .jcarousel-item .caption a:hover{
    text-decoration:underline;
}

#common-block .jcarousel-item-horizontal {
    margin-right: 5px;
}

/* ======
  TAB
====== */
#canvas #stories-tab{
    /*background-color:#000;*/
    padding:0;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
#stories {display:none;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#canvas .ui-tabs-nav li {
    float: left;
    margin-right:2px;
}

#canvas .ui-tabs-nav a,
#canvas .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    background-color:#fff;
    color:#808080;
    font-weight:bold;
    font-size:11px;
}
#canvas .ui-tabs-nav a {
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
}
#canvas .ui-tabs-nav a span {
    padding: 0 7px 0 8px;
    height:25px;
    line-height: 25px;
}
#canvas .ui-tabs-nav a span:hover {color:#c80b00;}
#canvas .ui-tabs-nav .ui-tabs-selected a span {
    height:25px;
    line-height: 25px;
    color:#000;
    background-color:#d9d9d9;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    padding: 10px;
    background: #fff;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#canvas .large-tab .ui-tabs-nav a span{
    padding:0 12px 0 9px;
    height:25px;
    line-height: 25px;
    font-size:11px;
}

#canvas .large-tab .ui-tabs-nav .ui-tabs-selected a span{
    /*height:32px;
    line-height: 32px;*/
}
#canvas .large-tab .ui-tabs-nav{
	border-bottom:2px solid #D9D9D9;
}
#canvas #archive-index .large-tab .ui-tabs-nav, #canvas #country-grid-tab .ui-tabs-nav{
	border-bottom:0 none;
}

/*** video-list ***/
#canvas .video-list .video-container .video-desc h3{
    font-size:16px;
    font-weight:bold;
    line-height:18px;
    /*background: transparent url(../images/blt-red-sq8.gif) no-repeat scroll 10px 4px;*/
}

#canvas .video-list .video-container .video-desc a{
    text-decoration:none;
    color:#1a1a1a;
}
#canvas .video-list .video-container .video-desc .desc a {
	color:#808080;
}
#canvas .video-list .video-container .video-desc a:hover{
    text-decoration:underline;
}
#canvas .video-list ul li .link{
    line-height:14px;
    padding:8px 0 4px 0;
}
#canvas .video-list ul li .link a{
    text-decoration:none;
    color:#000;
}
#canvas .video-list ul li .link a:hover{
    text-decoration:underline;
}

#canvas .image-list ul li.left{
    float:left;
}
#canvas .image-list ul li.right{
    float:right;
    margin-left:10px;
}

#canvas .image-list ul li .image-block{
    float:left;
}

#canvas .image-list ul li .desc-block{
    float:right;
}

/* ======
   resources
====== */
#canvas #resources .blt-list,
#canvas #more-coverage .blt-list,
#canvas #news-coverage .blt-list,
#canvas #crb_archive .blt-list,
#canvas #tags .blt-list{
    padding:12px 0px;
}

/* ======
  archives
====== */
#contents-right-block #crb_archive .head{
    overflow:hidden;
    /*height:63px;*/
}

#canvas #crb_archive-tab{
   /* background-color:#000;
    padding-left: 10px;*/
}

#canvas #crb_archive-tab span{
/*    letter-spacing: -0.8px */
}

/* ======
   tags
====== */
#canvas #tags .blt-list ul{
    overflow:hidden;
}

#canvas #tags .blt-list ul li {
    float:left;
    width:120px;

}
/* ======
   more coverage
====== */

/*** crb-form in rhs ***/
#canvas .crb-form{
    /*border-top: 1px solid #efefef;
    background-color:#FFF;
    padding-top:10px;*/
}

#canvas .crb-form h4{
    font-size:14px;
    font-weight:bold;
    color:#333;
    padding-bottom:8px;
}
.crb-form *{
    vertical-align:middle;
}
#canvas .crb-form input{
    border:1px solid #676767;
    padding:4px;
    height:14px;
    width:170px;
}
#canvas .crb-form button{
    background: transparent url(../images/btn-search.jpg) no-repeat top left;
    width: 79px;
    height: 24px;
    color:#FFF;
    margin-left:7px;
    left:158px;
}
#canvas .crb-form button:hover{
    background-position: bottom left;
}
#canvas .crb-form .add input,
#canvas .crb-form .link input{
    height:12px;
}


#canvas .crb-form .link button,
#canvas .crb-form .add button{
    background: transparent url(../images/reskin/btn-add.gif) no-repeat 0 0;
    width: 53px;
    height: 23px;
   
}

#canvas .crb-form .link button:hover,
#canvas .crb-form .add button:hover{
    /*background-position: bottom left;*/
     cursor:pointer;
}

#canvas .crb-form .link label{
    color:#333;
    width:28px;
}
#canvas .crb-form .link input{
    width:140px;
    margin-left:10px;
}
#canvas .crb-form .link div{
    padding-bottom:3px;
}


#canvas .last-item{
    margin-bottom:0;
}

/* Some global styles imported from the SBS homepage - mainly for styling the comments list and form 
======================================================================================================== */

#comments_list .bottom_dotted_line_floatleft { padding: 0 0 14px 0; margin: 0 0 20px 0; float:left; border-bottom: 1px dotted #e5e5e5; width: 100%; }
#comments_list .comment_details { width: 150px; float:left; margin-right: 14px; margin-top: 0;} 
#comments_list .comment_content { float:left; width: 460px; margin-top:0; } 
#comments_list .comment_agree_disagree { margin-top:5px; }
#comments_list h1 { font-family:Helvetica,arial,sans-serif;font-size:26px;font-weight:400;margin:10px 0;padding:0;color:#1a1a1a; }
#comments_list a, #comments_list a:link, #comments_list a:visited { color:#19548E; cursor:pointer; text-decoration:none; }
#comments_list a:hover { text-decoration:underline; }
p.comment_date { color: #a5a5a5; font-size: 11px; padding:0; margin: 0; } 
p.comment_author { color: #000; font-weight: bold; font-size: 11px; padding:0; margin:0; } 
p.comment_supports { color: #000; font-size: 11px; padding:0; margin:0; } 
p.comment_title { color: #000; font-weight: bold; padding:0; margin: 0; } 
img.agree_disagree_align { margin-bottom:-2px; padding-right:2px; }
img { border:medium none; margin:0; padding:0; }
span.gray { color:#A5A5A5; }

/* > Agree / Disagree > */
#comments_list .user-generated {margin-top: 10px;font-size: 11px;height: 21px;}
#comments_list .user-generated .agree {float: left;height: 21px;display: block;vertical-align: middle;margin-left: -5px;margin-right: 5px;}
#comments_list .user-generated .agree a {background: transparent url(../images/ico-thumbs.gif) no-repeat 0 -2px;padding-left: 17px;padding-top: 0;height:21px;line-height: 11px;}
#comments_list .user-generated .agree a:hover {background-position: 0px -23px;color: #55a723/*#4f7d16*/;}
#comments_list .user-generated .agree .most a {line-height: 11px;color: #55a723;background-position: 0 -23px;}
#comments_list .user-generated .disagree {float: left;height: 21px;display: block;vertical-align: middle;}
#comments_list .user-generated .disagree a {background: transparent url(../images/ico-thumbs.gif) no-repeat 0 -48px;padding-left: 17px;padding-top:0;height:21px;line-height: 11px;}
#comments_list .user-generated .disagree a:hover {background-position: 0px -69px;color: #e6322e;}
#comments_list .user-generated .disagree .most a {background-position: 0px -69px;color: #e6322e;}
/* < Agree / Disagree < */

h1#join_the_discussion { font-size:26px; color:#1a1a1a; font-weight: 400; margin: 10px 0; padding: 0; } 

form#comments_form { height: 450px; padding: 0 25px 10px 25px; margin: 0; background: transparent url(../images/comments_form_bigger.jpg) repeat-x 0 0; position: relative; } 
form#comments_form * { position: absolute; } 
form#comments_form input { padding: 3px 0; } 
#label_name { top: 17px; font-weight: bold; } 
#txt_name { top: 34px; width: 280px; border: 1px solid #ccc; padding: 3px; color: #666; } 
#txt_website { top: 85px; width: 591px; border: 1px solid #ccc; padding: 3px; color: #666; } 
#label_website { top: 70px; font-weight: bold; }
#txt_title { top: 136px; width: 591px; border: 1px solid #ccc; padding: 3px; color: #666; } 
#label_title { top: 120px; font-weight: bold; }
#label_team_1 { top: 17px; left: 315px; width: 400px; font-weight: bold; } 
#label_location { top: 17px; left: 330px; width: 200px; font-weight: bold; } 
#txt_location { top: 34px; left: 330px; width: 285px; border: 1px solid #ccc; padding: 3px; color: #666; } 
#label_team_1 span { position: relative; color: #666; font-size: 11px; font-weight: normal; } 
#txt_team_1 { top: 34px; left: 315px; width: 134px; border: 1px solid #ccc; padding: 3px; color: #666; } 
#txt_team_2 { top: 34px; left: 461px; width: 134px; margin-left: 5px; border: 1px solid #ccc; padding: 3px; color: #666; } 
#label_comment { top: 170px; font-weight: bold; } 
#txt_comment { top: 188px; width: 591px; height: 125px; border: 1px solid #ccc; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 3px; } 
#comment_count_left { top: 325px; left:10px; width:55px; } 
#comment_count_middle { top: 322px; left:62px; width:30px; border:0px; text-align: center; } 
#comment_count_right { top: 325px; left:94px; width:160px; } 
#validation_txt { top: 360px; left: 10px; width: 450px; } 
#validation_txt1 { top: 360px; left: 75px; width: 450px; } 
#validation_txt2 { top: 360px; left: 144px; width: 450px; } 
#captcha { top: 350px; left: 165px; } 
#private_key { top: 356px; left: 275px; border: 1px solid #ccc; } 
#txt_captcha { top: 340px; left: 350px; width: 111px; border: 1px solid #ccc; padding: 3px; color: #666; } 
#captcha_error { top: 320px; font-size:11px; color: red; position: relative; } 
.button_25 { border:medium none; height:22px; position:relative; top:-4px; }
.button_25 span { display:none; }
#btn_submit_comment { height:23px;top: 356px; left: 345px; width: 70px; background: transparent url(../images/buttons/btn_submit.gif) no-repeat 0 0; } 
#btn_submit_comment:hover { background: transparent url(../images/buttons/btn_submit.gif) no-repeat 0 0; cursor: hand; cursor: pointer; } 
p.note { /*margin-top: 10px;*/ color: #999; font-size: 11px; } 

.tooltip { cursor: help; position: relative; }
 #comments_form .tooltipWrapper {
	display: none; 
	position: absolute; top: 30px; left: 0;
   width: 175px; padding: 5px;
	color: #000;
	background: #dedede; border: 1px solid #ccc;
   font-size: 10px;
	z-index: 100;
}
#comments_form a:hover { text-decoration: none; }
#people-saying a.smalltooltip { float: left; width: 10px; height:10px; background: transparent url(../images/icon-question-tooltip_v1.gif) no-repeat 0 0; } 
#people-saying .smalltooltipWrapper {
	display: none; 
	position: absolute; top: -50px; right: 0;
    width: 175px; padding: 5px;
	color: #000;
	background: #dedede; border: 1px solid #ccc;
    font-size: 10px;
	z-index: 100;
}
#people-saying a:hover { text-decoration: none; }

/* Mark Additional Styles */

.head span a, .head span a:visited, .head span a:hover {color:#fff !important;}
.content-item .head span a, .content-item .head span a:visited, .content-item .head span a:hover {color:#1a1a1a !important;}

/* >>> Pagination >>> */
.comments_pagination_container {position: relative; height: 20px; padding-top:0px; clear: both;}
.comments_pagination_top,
.comments_pagination_bottom{height:20px; font-size: 10px; padding: 0 19px !important; position: absolute; right:5px; top:0; top:0;background: transparent;color:#a6a6a6;}
.comments_pagination_bottom {bottom:0; top:auto;}
.pagination_toplink {height:16px; position: absolute; left:10px; top:4px;}
.pagination_caption{font-size:11px !important;left:10px;position:absolute;top:4px; color:#e5e5e5; background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0; padding-right:7px;}
.pagination_title {background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0;color:#666; padding-right:7px;margin-right:5px;}
/* <<< Pagination <<< */

.preLoadPic {display:none;}
/**** new pagination ****/
.pagination {position:relative;float:right; height:24px; padding:0 26px !important;}
#canvas .pagination_container_bottom,
#canvas .pagination_container_top {margin-bottom:10px; text-align:right; width:100%; float:left;}
#canvas .pagination_container_bottom {margin-bottom:0;}
#canvas .pagination span {padding:5px 0; width:22px; margin:0 1px;text-align:center;font-size:11px; display:inline-block;border:1px solid #f2f2f2; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px;}
#canvas .pagination span.next,
#canvas .pagination span.prev,
#canvas .pagination span.next_disabled,
#canvas .pagination span.prev_disabled {position:absolute; top:1px;border:0 none;width:24px;/* width:24px; height:14px; font-size:0; line-height:20px;*/}
#canvas .pagination span.next,
#canvas .pagination span.next_disabled {right:0;}
#canvas .pagination span.prev,
#canvas .pagination span.prev_disabled {left:0;}
#canvas .pagination span a{width:100%; display:inline-block; color:#808080 !important;}
#canvas .pagination span a:hover {text-decoration:none; color:#000 !important;}
#canvas .pagination span.current, #canvas .pagination span:hover {background:#e6e6e6;}
/* previous btn */
#canvas .pagination span.prev, #canvas .pagination span.prev_disabled {background: transparent url(../images/reskin/pagination_arrows.gif) no-repeat 0 0;}
#canvas .pagination span.prev {background-position:0 -24px;}
/* next btn */
#canvas .pagination span.next, #canvas .pagination span.next_disabled {background: transparent url(../images/reskin/pagination_arrows.gif) no-repeat 0 -48px;}
#canvas .pagination span.next {background-position:0 -72px;}
.clear {clear:both; width:100%; height:0; line-height:0; font-size:0;}


#canvas .content .enlarge,
#canvas #special-tab4 {font-size:14px; line-height:21px;}
