/* ======
   GLOBAL
====== */
body{
  margin:0;
  padding:0;
}

#canvas{
  font-family: Arial, sans-serif;
  font-size:12px;
  margin:0;
  padding:0;

  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:#19548E;
  text-decoration:underline;
}

#canvas a:link,#canvas a:visited,#canvas a:active{
  outline: 0;
}

#canvas a:visited{
}

#canvas a:hover{
    text-decoration:underline;
}

/* ======
   Components
====== */
#canvas .link{
    font-size:12px;
    font-weight:bold;
}

#canvas .info,
#canvas .date,
#canvas .noc,
#canvas .name{
    font-size:11px;
    color:#333;
}

#canvas .noc .cmt a{
    color:#333;
    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{
    padding-left:8px;

    height:30px;
    line-height:30px;

    color:#FFF;
    background-color:#000;
    position:relative;
    clear:both;
}

#canvas .title-bar .caption,
#canvas .title-bar a{
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
}
#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/blt-red-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;
}



/* ======
   Blocks
====== */
#canvas{
    margin:0px auto;
    width:100%;
    padding-top:31px; /* for global navi */
}
#wrapper{
    background: transparent url(../images/bg-header3.jpg) no-repeat scroll 50% 0;
    width:100%;
}

#canvas #base-block {
    width: 988px;
    margin: 0px auto;
}
.contents-wrapper{
    overflow:hidden;
    background: transparent url(../images/bg-wrapper.gif) repeat-y scroll top left;
    _height:100%;
}
#contents-block{
    background-color: #FFFFFF;
    clear:both;
    overflow:hidden;
}
#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:#efefef;
}
/* <<< header-block <<< */
#header-block{
    height: 126px;
    position: relative;
}

#header-logo{
    position:absolute;
    width:270px;
    height:48px;
    top:5px;
    left:100px;
    color:#ffffff;
	font-color:#ffffff;
    font-weight:bold;
    font-size:22px;
}

#onair{
    position:absolute;
    top:15px;
    left:210px;
    color:#9cc;
    font-weight:bold;
}

#logoGlitchdata{
    position:absolute; top:47px; left:12px;
    padding-left: 38px;
    height: 14px;
    color:#fff;
    font-weight:bold;
    font-size:16px;
}


#canvas #header-search-block,
#canvas #bg-header-search-block{
    position:absolute;
    top:10px;
    left:550px;
}

#canvas #header-search-block{
    width:416px;
    height:68px;
    padding:5px 10px;
    z-index:2;
}

#canvas #bg-header-search-block{
    width:450px;
    height:78px;
    background-color:#000;

    opacity:0.5;
    filter: alpha(opacity = 50);
    z-index:1;
}

#header-search-block a{
    color:#FFF;
    text-decoration:none;
}
#header-search-block a:hover{
    text-decoration:underline;
}
#header-search-block input,
#header-search-block button{
    position:absolute;
    top:26px;
    z-index:5;
}


#header-search-block input{
    width: 138px;
    height:14px;
    padding:4px;
    border:1px solid #FFF;
    left:10px;
}

#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:56px;
    _left:10px;
    color:#333;
}

#header-search-block .search-links strong{
    color:#FFF;
}

#search button{
    background: transparent url(../images/btn-search.jpg) no-repeat top left;
    width: 79px;
    height: 24px;
    color:#FFF;
    margin-left:7px;
    left:158px;
}

#search button:hover{
    background-position:bottom left;
    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: #FFF 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:32px;
}
#logo-gd{
    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/arw-grey.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: #3d3738;
    text-decoration:none;
    font-size:11px;
}
#footer-links a:hover{
    text-decoration:underline;
}

#canvas #copyright-area{
    clear:both;
    font-size: 11px;
    color:#e61919;
    margin-top: 24px;
}

#copyright-area a{
    color:#e61919;
    text-decoration:none;
}

#canvas .footer-link-container{
    padding-right:18px;
    width:175px;
}
#canvas .footer-link-container h3{
    color:#e61919;
    font-weight:bold;
    padding-bottom:10px;
    background:transparent url(../images/div-grey-dot.gif) repeat-x scroll left bottom;
}


/* >>> footer-block >>> */

/* <<< common-block <<< */
#canvas #common-block{
    overflow:hidden;
}
/* >>> common-block >>> */

/* <<< sponsor-block <<< */
.sponsor-item{
    float:left;
}
#canvas #sponsor-block{
    height:242px;
    padding:14px 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:18px;
}
#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:10px;
    background:transparent url(../images/blt-grey-sq4.gif) no-repeat scroll 0 5px;
    margin-bottom:8px;
}
#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:#e61919;
    font-size:11px;
}
#sponsor-block .more a:hover{
    text-decoration:underline;
}

#sponsor-index-block{
    width:319px;
}
#sponsor-index-block ul{
    margin-top:12px;
    float:left;
}
#sponsor-index-block ul li{
    background:transparent url(../images/blt-red-sq4.gif) no-repeat scroll 0 50%;
    width:140px;
}
#canvas #sponsor-issues,
#canvas #sponsor-countries{
    padding-top:9px;
}

#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 #e61919;
    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:#000;
    opacity:0.8;
    filter: alpha(opacity = 80);
/*    z-index:10; */
}

#sponsor-videos .caption{
    color:#FFF;
    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:#000;
    height:38px;
}

#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:38px;
    color:#FFF;
}
#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:38px;
}
#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:94px;
    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 14px;
    height:96px;
}
#right-feature .desc p{
    color:#999;
}

#right-feature h2{
    color:#FFF;
    font-size:20px;
    font-weight:bold;
}
#right-feature ul{
    padding-left:46px;
    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:#FFF;
    text-decoration:none;
}
#right-feature ul li a:hover{
    text-decoration:underline;
}

/*** main-hero ***/
#canvas #main-hero{
    margin-bottom:11px;
    padding-top:1px;
    overflow:hidden;
}

#main-hero .video-desc h3,
#main-hero .desc-container h3{
    font-size:24px;
    font-weight:bold;
    height:38px;
    line-height:38px;
    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:38px;
    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;
    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-hero1{
    float:left;
}

#sub-hero2{
    float:right;
}
#sub-hero .desc-container{
overflow:hidden;
}
#sub-hero .video-desc h3,
#sub-hero .desc-container h3{
    background-color:#e61923;
    font-weight:bold;
    height:38px;
    line-height:38px;
    padding-left:11px;
}

#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;
    padding:8px 11px;
    font-size:11px;
}

/* <<< summary-container <<< */
#canvas .summary-container-item{
    margin-bottom:20px;
    overflow:hidden;
}
#canvas .summary-container a{
    color:#000;
    text-decoration:none;
}
#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-right:11px;
    margin-top:1px;
}
#canvas .summary-container .index-container img{
    float:left;
    padding-right:10px;
}
#canvas .summary-container .index-container .index-item{
    height:94px;
    background-color:#f7f7f7;
    position:relative;
}

#canvas .summary-container .index-container .index-item h3,
#canvas .summary-container .index-container .index-item p{
    padding-left: 127px;
}
#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:16px;
    font-weight:bold;
    padding-top:18px;
    padding-bottom:4px;
}

#canvas .summary-container .index-container .index-sep{
    height:12px;
}

/*** summary-container video-container ***/
#canvas .summary-container .video-container{
    padding-top:1px;
    width:317px;
    height:200px;
    float:right;
}
#canvas .summary-container .video-container a{
    color:#FFF;
}

#canvas .summary-container .video-container a.play-overlay{
    width:317px;
    height:124px;
    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:77px;
}

#canvas .summary-container .video-container .video-desc h3{
    background: transparent url(../images/blt-red-sq8.gif) no-repeat scroll 10px 28px;
    padding: 23px 0 0 26px;
}
#canvas .summary-container .video-container .video-desc p{
    padding-left:26px;
    color:#FFF;
}





/*** comment-box ***/
#canvas .comment-box-add,
#canvas .comment-box{
    position:absolute;
    z-index:3;
    bottom:12px;
}

#canvas .comment-box{
    background: transparent url(../images/icon-comment-l.png) no-repeat scroll 4px 0px;
    _background: transparent url(../images/icon-comment-l.gif) no-repeat scroll 4px 0px;

    width:43px;
    height:53px;
    right:18px;
}
#canvas .comment-box-add{
    background: transparent url(../images/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:#FFF;
    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:#F03;
    text-align:center;
}
#canvas .comment-box .noc{
    font-weight:bold;
    font-size:14px;
    width:46px;
    line-height:32px;
}
#canvas .comment-box-add .noc{
    font-size:11px;
    width:48px;
    line-height:16px;
}

#canvas .comment-box .cmt{
    padding-top:12px;
}
#canvas .comment-box-add .cmt{
    padding-top:20px;
}

#canvas .comment-box-add a:hover span,
#canvas .comment-box a:hover span{
    text-decoration:underline;
}


#canvas .comment-box-add-link{
    position:absolute;
    width:48px;
    height:24px;
    bottom:12px;
    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: 435px;
}

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



/* ======
  Carousel
====== */
#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:10px 0;
}

#common-block .jcarousel-prev-horizontal,
#common-block .jcarousel-next-horizontal{
    top: 36px;
    width: 26px;
    height: 26px;
}

#common-block .jcarousel-prev-horizontal {
    position: absolute;
    left: 0px;
    cursor: pointer;
    background: transparent url(../images/btn-jc-l.gif) no-repeat top left;
}

#common-block .jcarousel-next-horizontal {
    position: absolute;
    right: 0px;
    cursor: pointer;
    background: transparent url(../images/btn-jc-r.gif) no-repeat top left;
}

#common-block .jcarousel-prev-horizontal:hover ,
#common-block .jcarousel-next-horizontal:hover {
    background-position:bottom left;
}

#common-block .jcarousel-prev-disabled-horizontal{
    background: transparent url(../images/btn-jc-disabled-l.gif) no-repeat top left;
}
#common-block .jcarousel-next-disabled-horizontal{
    background: transparent url(../images/btn-jc-disabled-r.gif) no-repeat top left;
}

#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 #FFF;
    display:block;
}
#common-block .jcarousel-item a:hover{
    border:2px solid #e61919;
}

#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:#000;
    opacity:0.8;
    filter: alpha(opacity = 80);
/*    z-index:10; */
}

#common-block .jcarousel-item .caption{
    color:#FFF;
    font-size:11px;
    font-weight:bold;
    padding-left:6px;
}
#common-block .jcarousel-item .caption a{
    border:0 none;
    display:inline;
    text-decoration:none;
    color:#FFF;
}
#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 10px;
}


/* 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;
    }
}

.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:#646464;
    color:#FFF;
    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:23px;
    line-height: 23px;
}
#canvas .ui-tabs-nav .ui-tabs-selected a span {
    height:25px;
    line-height: 25px;
    color:#000;
    background-color:#FFF;
}
.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:30px;
    line-height: 30px;
    font-size:13px;
}

#canvas .large-tab .ui-tabs-nav .ui-tabs-selected a span{
    height:32px;
    line-height: 32px;
}



/* ======
   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 14px;
}


/* ======
   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/btn-add.jpg) no-repeat top left;
    width: 68px;
    height: 22px;
}

#canvas .crb-form .link button:hover,
#canvas .crb-form .add button:hover{
    background-position: bottom left;
}

#canvas .crb-form .link label{
    color:#333;
    width:28px;
}
#canvas .crb-form .link input{
    width:150px;
}
#canvas .crb-form .link div{
    padding-bottom:3px;
}


#canvas .last-item{
    margin-bottom:0;
}

/* Some global styles imported from the 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: 7px;} 
#comments_list .comment_content { float:left; width: 460px; margin-top: 7px; } 
#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:#bf2f36; }
#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-family:Helvetica,arial,sans-serif; font-size:26px; color: #bf2f36; 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 { top: 355px; 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; }

/*.pagination_top, .pagination_bottom {color:#999; font-family:verdana, Arial;}
.pagination_top a, .pagination_top a:visited, .pagination_top a:hover,
.pagination_bottom a, .pagination_bottom a:visited, .pagination_bottom a:hover {color:#000 !important; text-decoration:none !important;}
.pagination_top a:hover, .pagination_bottom a:hover {text-decoration:underline !important;}*/

.head span a, .head span a:visited, .head span a:hover {color:#fff !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 <<< */

/* >>> Links >>> */
.comments_pagination_top a, .comments_pagination_top a:visited, .comments_pagination_top a:active, .comments_pagination_top a:hover,
.comments_pagination_bottom a, .comments_pagination_bottom a:visited , .comments_pagination_bottom a:active, .comments_pagination_bottom a:hover, .comments_pagination_top span.selected, .comments_pagination_bottom span.selected, .comments_pagination_top span.next, .comments_pagination_bottom span.next, .comments_pagination_top  span.prev, .comments_pagination_bottom  span.prev{text-decoration:none !important;font-weight: 800; color:#000 !important; height:17px; width:18px; float:left; display:block; text-align:center; padding-top:3px;}
.comments_pagination_top a:hover,.comments_pagination_bottom a:hover {text-decoration: underline !important;}
.comments_pagination_top a.selected, .comments_pagination_top a.selected:visited, .comments_pagination_top a.selected:hover, .comments_pagination_bottom a.selected, .comments_pagination_bottom a.selected:visited, .comments_pagination_bottom a.selected:hover, .comments_pagination_top span.selected, .comments_pagination_bottom span.selected{color:#fff !important;  background: #ff0000;}
/*.comments_pagination_top  span a, .comments_pagination_bottom  span a{width: 19px; height:20px; position: absolute; right:0; top:0;display:block; cursor:pointer;text-align:right;}*/
.comments_pagination_top  a.prev, .comments_pagination_top  a.prev:visited, .comments_pagination_top  a.prev:hover, .comments_pagination_bottom  a.prev, .comments_pagination_bottom  a.prev:visited, .comments_pagination_bottom  a.prev:hover, .comments_pagination_top  span.prev, .comments_pagination_bottom  span.prev
{color:#666; width: 20px; height:16px; position: absolute; left:0;display:block; cursor:pointer;}
.comments_pagination_top  a.next, .comments_pagination_top  a.next:visited, .comments_pagination_top  a.next:hover, .comments_pagination_bottom  a.next, .comments_pagination_bottom  a.next:visited, .comments_pagination_bottom  a.next:hover, .comments_pagination_top span.next, .comments_pagination_bottom span.next
{color:#666; width: 20px; height:16px; position: absolute; right:0;display:block; cursor:pointer;}
.pagination_toplink a, .pagination_toplink a:visited, .pagination_toplink a:hover {background: #ff0000 /*url(../images/pagination/top.gif) no-repeat 0 0*/; cursor:pointer; width:80px; height: 16px; display:block; font-size:10px; text-align:right;}

.comments_pagination_top span.next, .comments_pagination_bottom span.next, .comments_pagination_top  span.prev, .comments_pagination_bottom  span.prev {cursor:default;  color:#999 !important;}
/* <<< Links <<< */