﻿.top-header {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.back-top {
    position: fixed;
    bottom: 5px;
    right: 20px;
    background: rgba(0, 0, 0, 0.5) url(../images/arrow-up.png) no-repeat 50% 50%;
    width: 40px;
    height: 30px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    margin-left: 600px;
}
.contentimg img{max-width:480px;}
.main-article>article .comment-zone textarea {height:90px;}
.main-article>article .comment-zone .box-user-comm .box .name img {width: 30px; margin-right: 10px;}
.sticky_column_right {width: 300px; float:right; display:block;}
.sticky-wrap { display:block; position: relative;}

.related-events {
    margin-bottom: 15px !important;
}

    .related-events a {
        background: #eee !important;
        color: #CF7418 !important;
        display: block !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        font-size: 0.9em !important;
    }

        .related-events a:before {
            content: "Sự kiện" !important;
            color: #808080 !important;
            background: #ddd !important;
            padding: 3px 8px!important;
            font-weight: normal !important;
            margin-right: 10px !important;
            display: inline-block !important;
            white-space: nowrap;
        }

.event-breadcrumb {
    margin-bottom: 10px;
}
.event-breadcrumb .event-hdr{
    background: url(../Images/bg_cate_gradient.png) #fff;
    background-size: 100%;
    line-height: 27px;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0 7px 10px;
    margin-bottom: 5px;
}
.event-breadcrumb .event-hdr a{
    color: #545454;
}
.event-breadcrumb .event-desc{
    font-size: 14px;
    padding-left: 10px;
}


/*---- style for link-header + link-footer -----*/
.link-header, .link-footer{
    line-height: 1.4em;
}
.link-header{
    margin-top: -10px !important;
    margin-bottom: 7px !important;
}
.link-footer{
    padding: 8px;
    background: white;
    margin-bottom: 10px;
}
.link-header .timeline-label, .link-footer h1{
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    color: #c60;
    text-transform: uppercase;
}
.link-header .wrap{
    position: relative;
    background: white;
    padding: 8px;
    border-left: 4px solid #c60;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .2);
}
.link-header .wrap .timeline-menu{
    position: absolute;
    width: 22px;
    height: 22px;
    top: 6px;
    right: 7px;
}
.link-header a, .link-footer a{
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
    color: #cd5600;
}
.link-header a:hover{
    color: #FFA42D;
}
.link-footer a{
    padding: 3px 0;
    color:  #c60;
}
.link-footer a:hover{
    color:  #FFA42D;
}
.full-nav {  padding: 10px 15px 0px 15px;}
.full-nav .zone{height:260px; overflow:hidden;}
.full-nav .zone .story {height:136px; overflow:hidden; margin-bottom:5px;}
.full-nav .zone .heading {
   font-family: "MyriadPro-Cond";
}
.navi .full-nav .zone .title{line-height:16px;}
.navi .full-nav li {font-size:12px;}
.partners ul li {
    background-color: #fff;
    border: solid 1px #ccc;
}

.navi .expander {
  padding: 14px 0px 0px 7px;
}

.navi span.title {
  font-weight: bold;
}

.samecate .story .title {font-weight: bold;}
.article-header h1, .article-header .summary{color:#555;}
.related-in-cate .title, .more-featured .title {height:45px;overflow:hidden;font-size: 12px;line-height:16px;}
.more-featured .title {font-size: 12px;}
.sidebar .module-01 .heading{border-bottom:none; margin-bottom:0px;}
.sidebar .topic .story {padding-bottom:0px;padding-top:6px}
.sidebar .topic .story:last-child {padding-bottom:0px;;padding-top:6px}
.sidebar .topic .featured .overlay {  background: rgba(0,0,0,0.3);}
.sidebar .topic .story .title {  line-height: 1.2em;}
.market-01 .tabheader{font-weight: bold;}
.topics .sprite, .breadcrums .tree .sprite {margin-right:5px;}
.breadcrums .tree a {margin-right:15px;}
.more-featured .story {margin-right: 15px;}
.spotlight .latest, .zone-spotlight .latest{overflow:hidden;}
.zone-spotlight .featured .summary {font-size: 12px;}
.breadcrums .heading a, .breadcrums .heading a:visited {color:#fff;}
.breadcrums .heading a:hover {color:#2F6379;}
.article-header .thumb .fig {
  text-align: center;
  width: 470px;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  font-style: italic;
 line-height: 1em;
}
.story-listing .story.top .summary{font-size:100%;}
.zone-spotlight .latest .heading {  line-height: 1em;  border-bottom: none;  padding: 10px 0 5px 0;  margin-bottom: 0px; font-size:100%;}


.breadcrums .event-name{
  display: inline-block;
  font-size: 14px;
  color: #ee7c00;
  text-transform: uppercase;
  font-weight: bold;
    padding: 7px 10px;
}

.article-sidebar .mostread .story .title{font-weight:normal;}
.article-sidebar .mostread .story.featured .title {font-weight:bold;}
.article-meta {border-top: solid 3px #ef7d00;margin-bottom:0px;}
.article-share{margin-bottom:0px;}
.sidebar .topic .heading {border-bottom: none;}
.lastminute {width:365px;}
.lastminute .heading a {color: #EF7D00 !important;font-size: 100%;}
.lastminute .slimScrollDiv {padding-right:12px;}


.lastminute a
{
	white-space: normal; 
	overflow: auto; 
	text-overflow: inherit; 
}

#foot-navigation .full-nav{position: absolute; left:0; bottom:40px; top: auto; z-index:999}

.thumb {line-height:0.5em;}
.wrap-contents{position:relative;}

.topics a:link, .topics a:visited {
  color: #2F6379;
}

.spotlight .latest .title {
  font-weight: normal;
}

.txt-search {
  background: #fff;
  color: #2F6379;
}

.article-header .summary ,.article-body {font-size: 14px;line-height: 1.4em;}

.article-body table,.article-body img {max-width:480px !important; }

.article-body table tr td p {margin-bottom:0px;}

.sidebar .module-01 .story .title {font-weight: bold;}
.related-in-cate {
   border-top: none;
  margin-bottom: 10px;
   padding-top: 0px;
}

.related-in-cate .heading {color:#555;}

.breadcrums .heading {width:auto;padding-right:20px;}

.wrap-footer {height:135px;}
.wrap-footer .logo {top:15px;}
.wrap-footer .siteinfo {top:10px;}

.tags {border-bottom: none;}
span.tag{margin-bottom:5px;}
.article-comment {  border-top: solid 1px #ef7d00;   padding-top: 10px;  margin-top: 10px;}

div.storybox:nth-child(n+2) {
  border-top: 5px solid #2f6379;
  padding-top: 20px;
  margin-top: 20px;
}
.article-sidebar .latest .heading , .article-sidebar .mostread .heading{ border-bottom:none; padding-bottom:0px; margin-bottom:5px;}


.wrap-footer .siteinfo p {margin-left: 20px;}

.infographic {margin-bottom:0px;}

.media .clip.featured {width: 470px;    float: left;}
.media .clip.featured .title {
    width: 450px;
    left: 0px;
    top: 219px;
    min-height:51px;
    background: rgba(0,0,0,0.3);
    padding:10px;
    line-height:28px;
}
.media .clip.featured .title a.vtitle{
    left: 82px;
    position: absolute;
 }
.media .clip.featured .overlay {
     width: 470px;
    height: 80px;
    top: 210px;
 }

.media .clip.featured .play {
    top: 4px;
    left: 10px;
}

.media .clip {
    width: 160px;
    margin-bottom:10px;
}

.media .clip .title {
    top: 46px;
    left: 44px;
    width: 114px;
    height: 45px;
    overflow: hidden;
}

.media .clip .overlay {
     width: 160px;
    height: 45px;
     top: 45px;
 
}

.media .clip .play {
    top: 52px;
    left: 5px;
}

.infographic .story.featured {
    width: 470px;
    float: left;
    margin-right: 10px;
}

.infographic .story .thumb, .infographic .story.featured .thumb {
     margin-bottom: 0px;
     position: relative;
}

.infographic .story .thumb span {
    position: absolute;
    width: auto;
    height: auto;
    background: none;
    background-color: #ef7d00;
    color: #fff;
    padding: 2px 5px;
    top: 0;
    left: 0;
    bottom: inherit;
    font-size: 12px;
    line-height: 1em;
}

.infographic .story .title {
    background-color: #2f6379;
    padding: 5px;
    height: 55px;
    line-height:18px;
    overflow: hidden;
}

.infographic .story .title a {color:#fff;font-weight: bold;font-size: 12px;}
.infographic .story.featured .title a {font-size: 20px;}
.infographic .story {
    width: 160px;
    margin-bottom: 10px;
}

.zones {
    border-top: none;
    padding-top: 0px;
}

.story .thumb {position: relative;}
.story .thumb .play {
    position: absolute;
    top: 42px;
    left: 5px;
    z-index: 3;
}

.sidebar .module-01 .story .thumb {width:132px;}

.zone ul.sub-menu {
    float: right;
    margin: 0px;
    padding: 0px;
    margin-top: -12px;
}

.zone ul.sub-menu li
{
    display: inline-block;
    font-size: 0.875em;
    text-transform: none;
    font-weight: normal;
    line-height: 1em;
    padding: 0 4px;
    margin: 9px 0 0 0;
    border-right: solid 1px #ef7d00;
}
.zone ul.sub-menu li:last-child
{
    border:none;
}

.zone h2.heading a{float:left;padding-right: 5px;}

.spotlight .featured .title, .zone-spotlight .featured .title{
    bottom: 70px;
    left: 0px;
    background: rgba(0,0,0,0.3);
    padding: 10px;
}
.sidebar .topic .story.featured .title {
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0.3);
    padding: 10px;
}
.spotlight .featured .summary, .zone-spotlight .featured .summary {line-height:20px;}
.infographic .heading, .zone .heading, .media .heading, .sidebar .topic .heading,.sidebar .module-01 .heading, .links .heading, .partners .heading  {font-family: "MyriadPro-Cond"; font-size: 1.5em;}
.fzone .heading, .topics .heading, .market-02 .heading {font-family: "MyriadPro-Cond"; font-size: 1.5em;}
.breadcrums .heading {font-family: "MyriadPro-Cond"; font-size: 1.2em;  line-height: 0.6em; }
.spotlight .featured .summary,.spotlight .latest .title,.zone-spotlight .featured .summary, .zone-spotlight .latest .title {font-size: 14px;}
.pagination ul>li>a, .pagination ul>li>span {font-size: 14px;font-weight: bold;}
.pagination>span {float:right;}

#selectYear,#selectMonth {
    background-color:#fff;
}
#selectMonth td{
    white-space:nowrap;
}


/* Lich su kien */


.event a {
  background-color: #ef7d00 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.ui-widget-content{ border:none;}
.ui-datepicker-calendar td:first-child .ui-state-active {
    margin-left: 0;
    text-align:center;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
    margin-right: 0;
}

.ui-datepicker-calendar tr, .ui-datepicker-calendar td, .ui-datepicker-calendar td a, .ui-datepicker-calendar th{font-size:inherit;text-align:center;}
div.ui-datepicker{font-size:16px;width:inherit;line-height:25px;}
.ui-datepicker-title span{font-size:16px;}


/* Tool tip */
.ui-tooltip, .arrow:after  {
    background: white;
    border: 2px solid #999;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: #2f6379;
    border-radius: 20px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px #999;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

  .market-02 .tabheader li {
    border: none;
    background: none;
}

.ui-datepicker-header {
    border: 1px solid #aaa;
    background: #ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #222;
    font-weight: bold;
    border-radius: 4px;
}
.stuff.facts {padding:0px 10px 10px 10px; text-align:center;}
.stuff.facts table {width:100%;}
.stuff.facts .head {white-space: nowrap; height:30px; }
.stuff.facts table tr.head td {font-size:14px;}
.stuff.facts table td {font-size:14px;}
.stuff.facts .paging{padding:15px;}
.stuff.facts .paging a{color: white;} 
.factitem .name, .factitem .place{color:red;}
.factitem .time, .factitem .org{color:#339999;}
.factitem {padding-bottom:15px;}
#scheduleContent table tr.odd {background: #f8f8f8;}
.stuff .filter {text-align:left; padding-bottom:10px; padding-left:5px;}

.social-buttons{ right: 20px;}

.search .input .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: url(../images/search.png) 0 5px no-repeat;
    background-size: 18px 15px;
    width: 20px;
    height: 20px;
    text-indent: -999em;
    cursor: pointer;
}
.smallimage { border: dotted 1px #ccc;text-align: center;background: #fff;padding: 5px;}

.inner-post .box-relate {
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    color: #000;
    width: 460px !important;
}

.inner-quote {
    background: #eee;
    border: 1px solid #999;
    padding: 20px 20px 5px 20px;
    /*margin: 15px 15px 15px 15px !important;*/
    float: left;
}
.inner-quote.fl-full
{
    width: 440px !important;
}
.inner-quote.fl-left
{
    width: 210px !important;
    float:left !important;
    margin-right:10px;	
}
.inner-quote.fl-right
{
    width: 210px !important;
    float:right !important;
    margin-left:10px;
}

.inner-quote h5 {
    margin: 5px 0 10px 0;
}
.comment-form .txtmsg {width:590px;}

.partners ul li:nth-child(6n) {margin-right:0px;}

.bx-pager {display:none;}