@charset "UTF-8";
/* CSS Document */
.onepage-dateandtime {
display: block;
color: #888;
font-size: 1.2em;
line-height: 1.25;
}
/* ---------- Sharing --------------- */
.onepage-title {
width:60%;
float:left;
}
.ttl-frame .onepage-title h1 {
font-size: 2.6em;
line-height: 1.1;
color: #1F1F1F;
margin: 0 0 0 15px;
}
.sharethis-onepage {
float:right;
width:36%;
margin:0.7% 0;
}
.sharethis-onepage .stButton {
display: inline-block;
vertical-align: top;
}
/* ------------- --------------- */
.onepage-topstories-holder {
width: 100%;
overflow:hidden;
margin-bottm:16px;
}
.onepage-topstories-holder h2 {
margin: 5px 0;
color: #333;
font-size: 2em;
?line-height: 1.3;
font-weight:bold;
}
.firststory-holder {
position: relative;
width: 50%;
float: left;
padding: 0;
margin-right: 2%;
background-color: #ebe8e7;
min-height:425px;
max-height:480px;
}
.information {
padding: 0 16px 16px;
}
.detail-block .img {
padding: 0 0 3%;
}
.detail-block h2 {
margin: 0 0 7px;
font-weight: bold;
font-size: 1.8em;
line-height: 1;
}
.detail-block p {
color: #444;
font-size: 1.3em;
line-height: 1.25;
margin: 0;
}
.onepage-topstories-container {
padding: 15px 1.5%;
background: #F3F4E8;
float: left;
margin: 0;
width: 45%;
min-height:395px;
max-height:448px;
}
.onepage-top-stories-lst {
padding: 0;
float: left;
list-style: none;
}
.onepage-top-stories-lst li {
margin: -5px 0 5px;
padding: 16px 0;
border-bottom: 1px dotted #CCC;
}
.onepage-top-stories-lst li:first-child {
padding: 0 0 16px;
}
.onepage-top-stories-lst .img {
float: left;
margin: 0 2% 0 0;
width: 31%;
max-width: 115px;
}
.onepage-top-stories-lst span {
display: block;
color: #999;
font-size: 1.2em;
}
.onepage-top-stories-lst .txt-box {
width: 60%;
float: left;
}
.onepage-top-stories-lst .txt-box h3 {
margin: 0;
font-size: 1.4em;
line-height: 1.3em;
min-height: 45px;
font-weight: bold;
}
/* -------------- more stories ---------------- */
.onepage-morestories-holder {
position: relative;
//background:#efefef;
margin:16px 0;
padding:16px;
}
.morestories-pagination {
overflow: hidden;
border-bottom: 1px dotted #CCC;
}
.morestories-pagination h2 {
float: left;
margin: 5px 0;
color: #333;
font-size: 1.8em;
line-height: 1.3;
}
.morestories-pagination ul {
margin: 0;
padding: 10px 0 5px;
list-style: none;
float: right;
font-size: 1.3em;
line-height: 1.2;
text-align: center;
}
.morestories-pagination li {
float: left;
margin: 0 0 0 6px;
}
.morestories-pagination .active a, .morestories-pagination .active a:hover {
color: white;
border: 1px solid #B20000;
background-color: #B20000;
}
.morestories-pagination a {
float: left;
padding: 3px;
color: #999;
border: 1px solid #E5E5E5;
text-decoration: none;
min-width: 14px;
min-height: 11px;
background-color: white;
}
.morestories-pagination a.next, .morestories-pagination a.prev {
background: white url(http://www.channelnewsasia.com/blob/1086/1386905708000/a-ico-sprite-png-data.png) no-repeat -18px -140px;
float: left;
overflow: hidden;
text-indent: -9999px;
}
.morestories-pagination a.next {
background-position: -1px -140px;
}
.onepage-morestories-holder .two-col-container {
overflow: hidden;
padding: 10px 0;
}
.two-col-container .left-col {
float: left;
width: 48%;
margin-right: 2%;
padding: 0 0 5px 0;
}
.two-col-container .right-col {
float: left;
width: 48%;
margin-left:2%;
padding: 0 0 5px 0;
}
.two-col-container .recommended-side-list li .holder {
overflow: hidden;
padding: 2.7% 4.5% 2.7% 0;
border-bottom: 1px dotted #CCC;
}
/* ----------------- Feature ---------------- */
.onepage-feature-holder {
position: relative;
background:#effffd;
margin:16px 0;
padding:16px;
}
.feature-pagination {
overflow: hidden;
border-bottom: 1px dotted #CCC;
}
.feature-pagination h2 {
float: left;
margin: 5px 0;
color: #333;
font-size: 1.8em;
line-height: 1.3;
}
.feature-pagination ul {
margin: 0;
padding: 10px 0 5px;
list-style: none;
float: right;
font-size: 1.3em;
line-height: 1.2;
text-align: center;
}
.feature-pagination li {
float: left;
margin: 0 0 0 6px;
}
.feature-pagination a {
float: left;
padding: 3px;
color: #999;
border: 1px solid #E5E5E5;
text-decoration: none;
min-width: 14px;
min-height: 11px;
background-color: white;
}
.feature-pagination .active a, .feature-pagination .active a:hover {
color: white;
border: 1px solid #4b8784;
background-color: #4b8784;
}
.feature-pagination a.next, .feature-pagination a.prev {
background: white url(http://www.channelnewsasia.com/blob/1086/1386905708000/a-ico-sprite-png-data.png) no-repeat -18px -140px;
float: left;
overflow: hidden;
text-indent: -9999px;
}
.feature-pagination a.next {
background-position: -1px -140px;
}
.feature-list ul{
margin: 0;
padding: 0;
list-style: none;
overflow:hidden;
}
.feature-list .holder {
margin: -1px 0 1px;
padding: 2% 0;
overflow:hidden;
border-bottom:1px dotted #CCC;
}
.feature-list .holder .img {
float: left;
width: 12%;
margin: 3px 1% 0 0;
}
.feature-list .txt-box {
float: left;
width: 85%;
padding: 0 2% 0 0;
}
.feature-list .txt-box h2 {
font-size: 1.8em;
line-height: 1.2;
margin: 0 0 2px;
}
.feature-list .txt-box p {
font-size: 1.3em;
line-height: 1.384;
margin: 0px;
}
/* ----------- Video Carousel ------------- */
.onepage-featured-video .featured-video-area {
padding: 1%;
min-height: 200px;
background:#EFEFEF;
}
.onepage-featured-video .featured-video-area h2 {
margin: 0 0 8px;
font-size: 1.8em;
line-height: 1.6;
border-bottom: 3px solid #666;
color:#333;
}
.video-slide {
position: relative;
width: 100%;
padding: 0 0 9px;
}
.video-slide .holder {
position: relative;
margin: 0 10px 0 12px;
overflow: hidden;
}
.video-slide ul {
margin: 0;
padding: 0;
list-style: none;
width: 999999px;
}
.video-slide li {
float: left;
width: 1004px;
}
.video-slide .block {
float: left;
max-width: 240px;
height: 200px;
background: #122038;
margin: 0 1.5% 11px 0;
width: 23.5%;
}
.video-slide .txt-box {
padding: 10px 7px 0 12px;
}
.video-slide .txt-box h3 {
overflow: hidden;
margin: 0;
font-size: 1.2em;
line-height: 1.2;
}
.video-slide .txt-box h3 a {
color:#fff;
}
.video-slide .btn-prev, .video-slide .btn-next {
background: url() no-repeat;
position: absolute;
top: 68px;
left: 0;
width: 55px;
height: 55px;
text-indent: -9999px;
overflow: hidden;
z-index: 100;
}
.video-slide .btn-next {
background-position: -55px 0;
left: auto;
right: 0;
}
.next-disable, .prev-disable, .add-info-area-gallery .prev-disable, .add-info-area-gallery .next-disable {
cursor: default;
opacity: 0.3;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
}
/*------------ Quick Fact ( Sidebar ) ---------------*/
.quick-fact {
margin:0 10px;
}
.quick-fact h2 {
font-weight: 300;
font-size: 28px;
line-height: 32px;
padding-bottom: 7px;
margin-bottom: 8px;
border-bottom: 1px dotted #C2C2C2;
}
.quick-fact dl {
overflow: hidden;
margin-bottom: 16px;
font-family: 'Lato', Arial, sans-serif;
font-size: 13px;
line-height: 16px;
color: #626262;
}
.quick-fact dt {
width: 80px;
float: left;
font-weight: 700;
}
.quick-fact dd {
margin-left: 96px;
}
/* --------------- Video Carousel ( Sidebar ) -------------- */
.section.video {
padding: 0 0 10px 0;
max-width:304px;
margin:3%;
}
.section.gallery {
padding: 0 0 10px 0;
max-width:304px;
margin:3%;
}
.section.video .title-bar {
background:#000;
padding:2%;
overflow:hidden;
}
.section.gallery .title-bar {
background:#000;
padding:2%;
overflow:hidden;
}
.section .title-bar .video-title {
font-size: 1.4em;
line-height: 1.2;
margin: 0 0 2px;
color:#fff;
width:60%;
float:left;
}
.section .title-bar .photo-title {
font-size: 1.4em;
line-height: 1.2;
margin: 0 0 2px;
color:#fff;
width:60%;
float:left;
}
.section .more {
float:right;
width:15%;
font-size: 1.2em;
line-height: 1.2;
margin: 0 0 2px;
display:none;
}
#sidebar .section .more a {
color:#4DFFFF;
}
.sectionbody {
position: relative;
}
.section .carousel {
position: relative;
margin-bottom: 10px;
padding-bottom: 30px;
}
.section .carousel .viewport {
min-height: 220px;
position: relative;
width: 100%;
overflow: hidden;
background:#323232;
}
.section .carousel .overview {
list-style: none;
position: absolute;
left: 0;
top: 0;
padding-left:0;
}
.section .carousel .overview li {
float: left;
margin:-10px 1px 0 1px;
}
.section.video .articlebox {
width: 300px;
}
.section .carousel .pagernav {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
overflow: hidden;
}
.homepg .section .carousel a.buttons {
display: block;
width: 16px;
height: 16px;
}
.section .carousel a.buttons.disable {
display: none;
}
.homepg .section .carousel a.buttons span {
display: none;
}
.section .carousel a.buttons.prev {
float: left;
margin-left: 8px;
min-height:18px;
background: url('') no-repeat;
}
.section .carousel a.buttons.next {
float: right;
margin-right: 8px;
min-height:18px;
background: url('') no-repeat;
}
.section .carousel .pager {
position: absolute;
width: 75%;
height: 16px;
list-style-type: none;
text-align: center;
}
.section .carousel .pager li {
display: inline-block;
}
.section .carousel .pager .pagenum {
display: block;
width: 16px;
height: 16px;
background: url('') no-repeat;
}
.section .carousel .pager .active {
background: url('') no-repeat;
}
.section .carousel .articlebox .article .articlecaption {
padding: 5px 8px 5px;
font-size: 10px;
line-height: 16px;
background: #323232;
color: white;
max-width: 295px;
}
#sidebar .section .carousel .articlecaption a {
font-size: 10px;
background: #323232;
color: white;
}
/*----------For More Stories Pagination------------*/
.onepage-morestories-holder .element-list {
margin: 0;
padding: 0;
list-style: none;
}
.onepage-morestories-holder .element-list li.element { display: none; }
.onepage-morestories-holder .element-list li.active { display: block; }
  .onepage-morestories-holder li .disabled {visibility: hidden;}
/*----------For More Stories Pagination------------*/
  .onepage-feature-holder .element-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .onepage-feature-holder .element-list li.element {
    display: none;
  }
  .onepage-feature-holder .element-list li.active {
    display: block;
  }
  .onepage-feature-holder li .disabled {
    visibility: hidden;
  }
/*-------------One Page File Strip Gallery-------------*/
.news-pictures-area{
background:#000;
margin:10px 0 20px;
padding:5px;
padding-right:0;
overflow:hidden;
}
.news-pictures-holder .box-ttl {
float: none;
width: 100%;
color: #fff;
margin: 2px 1% 0 0;
text-align: left;
text-transform: uppercase;
}
.browse-video-area {
padding: 1% 0;
}
/*-------------- Browse Video Area ---------------------*/
.info-area-content .tv-microsite-browse-video {
  padding: 0;
}
/*-------------- Infographic ---------------------*/
.infographicHolder {
text-align: center;
}
.video-slide .btn-prev, .video-slide .btn-next {z-index:5;}
/* ---------------------------- TEMPORARY HIDING CSS DUE TO NEW HEADER & FOOTER --- */




/* -----------------css updates for Zika One Page ------*/
body.zika .component.more-stories.category {
    padding-top: 30px;
}
body.zika .sharethis-onepage{display:none;}


body.zika .onepage-morestories-holder ul.recommended-side-list li{min-height:105px;}


body.zika .onepage-featured-video .featured-video-area{

padding: 0;
background: none;
}


body.zika .onepage-featured-video .featured-video-area h2{

border-bottom: none;
text-transform: uppercase;
}
body.zika .video-slide .btn-prev, body.zika .video-slide .btn-next{
    background: url(/blob/2896848/1466630526000/a-ico-sprite-data.png) no-repeat;
}


body.zika .video-slide .btn-prev{background-position: -105px -275px;}
body.zika .video-slide .btn-next{background-position: -190px -275px;}


body.zika .video-slide .txt-box h3{font-size: 0.9em;}


body.zika .video-txt{display:none;}


@media screen and (max-width: 640px) {
body.zika .onepage-featured-video .featured-video-area h2 {margin: 0 0 0 10px;
}
body.zika .video-slide .btn-prev, .video-slide .btn-next{top: 175px;}
body.zika .video-slide .block{width:45%}
}