/********* COMMON ********/
.body{background:url(images/bg.jpg) center repeat;}
.clear{display:block; clear:both;}
.height-10{height:10px}
.f1d2{font-size:1.2em}

/***** TIN DANH MỤC *****/
.category-list{}
.category-list .item-title{font:600 16px/20px Open Sans; color:#111}
.category-list .item-title:hover{color:#2c3190}
.item-image{margin-right:15px;}
.category-list .item-subinfo{font:italic 11px/16px Open Sans; color:#666; padding:5px 0}
.category-list .sitem-summary{font:14px/18px Open Sans; color:#777;text-align:justify}
.category-list .item-line{height:10px; border-bottom:1px dashed #999; margin-bottom:10px;clear:both; display:block}

/***** TIN HOT RIGHTPANE *****/
.hotnews-list{text-align:justify;}
.hotnews-list .head-title{font:600 18px/24px Open Sans; text-transform:uppercase; color:#297fb8; margin-bottom:10px;}
.hotnews-list .item-title{font:14px/18px Open Sans;color:#333;}
.hotnews-list .item-title:hover{color:#2C3190}
.hotnews-list .item-subinfo{font:italic 11px/16px Open Sans; color:#666; padding:5px 0}
.hotnews-list .item-line{height:5px; border-bottom:1px dashed #999; margin-bottom:5px;clear:both; display:block}

/***** TIN HOT RIGHTPANE *****/
.detail-post{text-align:justify; }
.detail-post .post-content{text-align:justify;font:normal 13px/20px Open Sans}
.detail-post .post-content img{width:100%}
.detail-post .post-title{font:600 20px/24px Open Sans; color:#111}
.detail-post .post-subinfo{font:600 13px/18px Open Sans; color:#333; padding:5px 0; display:block}
.detail-post .post-summary{font:italic 13px/16px Open Sans; color:#666;padding:5px 0; display:block} 
.detail-post .post-tag {margin: 10px 0;}
.detail-post .title-tag {background: url('/images/icons/tag_blue.png') no-repeat;padding-left: 20px;font:600 13px/18px Open Sans; color:#333; color:#ff4200;text-transform:uppercase }
.detail-post .post-comment .comments-title {background: url("images/comments-icon.png") left center no-repeat;height: 42px;display: inline-block;}
.detail-post .post-comment .comments-name{font:600 16px/42px Open Sans; color:#ff4200; text-transform:uppercase; padding-left:50px}
.detail-post .post-comment .comment-header-control{height: 34px;line-height: 34px;}
.detail-post .form-comment{border-top: 1px solid #f2f2f2;padding: 15px 0;margin-top: 15px;display:block}
.detail-post .list-comment{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;padding: 15px 0;display:block; margin-bottom:15px;}
.detail-post .post-comment .me-comments {cursor: pointer;font:600 11px/42px Open Sans}
.detail-post .form-comment {display: block;}
.detail-post .comments-notify{font:italic 11px/30px Open Sans; color:#ff4200;}
.detail-post .popstatic.popover.right .popover-content {min-height: 50px;max-height: 75px;overflow: auto;background:#e3e3e3}
.detail-post .popstatic.popover.right .popover-content .date {color: #939090;font-size: 11px; position: absolute;bottom: 0;right: 8px;font-style: italic;}
.detail-post .form-comment .control-label{font:600 11px/18px Open Sans; color:#111}
.post-comment .bs-callout{margin:0 0 10px 0; padding:10px;}
.post-comment .ximg{float:left; display:inline-block;}
.post-comment .xlabel{display:none;}
.post-comment .rcRefreshImage{text-indent:-9999em; background:url(images/refresh.png) top left no-repeat; height:24px; width:20px; display:inline-block; float:left; margin:5px;}
.post-comment .members-comments .comment-user{margin-right:6px}
.post-comment .members-comments .comment-info .c-arrow{width:0;height:0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right:9px solid rgba(0, 0, 0, 0.075);display:inline-block;margin-top:8px; float:left;}
.post-comment .members-comments .comment-info .c-content{background:#e3e3e3; padding:5px 10px;min-height:70px; float:left;width:98%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #333;font:13px Open Sans;border-radius:4px;}
.post-comment .members-comments .cmt-user{font:600 11px/20px Open Sans; color:#333;text-align:center}
.post-comment .members-comments .comment-info .c-info{font:600 13px/20px Open Sans;color:#297fb8}
.post-comment .members-comments .comment-info .c-date{font:italic 12px/20px Open Sans;}
.post-comment .members-comments .comment-info .c-des{color:#333}

/***** LASTED NEWS *****/
.lasted-post{text-align:justify}
.lasted-post .xhead{border-bottom:2px solid #ccc; height:32px;}
.lasted-post .xhead .xhead-title{font:600 16px/30px Open Sans;text-transform:uppercase; color:#297fb8; border-bottom:2px solid #297fb8; float:left}
.lasted-post .xcontent{margin:15px 8px 0; display:block;clear:both}
.lasted-post .xtitle{height:46px; overflow:hidden; margin:5px 0; font:600 12px/16px Open Sans;}
.lasted-post .xtime{font:italic 11px Open Sans;text-align:center}

.lasted-post ul{padding:10px 5px;}
.lasted-post ul li{list-style-type:none; background:url(images/icon-arr.png) left 8px no-repeat;padding:4px 0}
.lasted-post ul li a{font:600 12px/18px Open Sans; padding-left:12px; display:block}

/***** TRAVEL LIST *****/ 
.travel-list .xitem-list{-moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px #888;box-shadow: 0 0 3px #888;padding:1px;}
.travel-list .xtitle{height:52px; overflow :hidden;background:#c1bb31; font:600 18px/52px Open Sans; color:#fff; padding:0 15px}
.travel-list .xboximg{height:225px; overflow:hidden; background:#fff}
.navigation{padding:5px 10px}
.navigation .totalofnews{font:600 12px/20px Open Sans; padding:10px 0; float:right; display:block; margin-top:6px}
.navigation .country{margin-top:3px;}
.navigation .country .display-country{display:table; table-layout:fixed; margin-top:6px}
.navigation .country .title{display:table-cell; vertical-align:middle}
.navigation .country .title span{ font:13px Open Sans; color:#333; margin-right:15px;display:block}
.navigation .country .xdropdown{width:100%;display:table-cell;}

/***** OPPOTUNITES *****/  
.oppotunites .tabpane .nav{text-align:center;margin:auto; border-bottom:5px solid #d7a10b;margin-top:-42px}
.oppotunites .tabpane .nav li{margin:auto; float:none; width:auto; display:inline-block;background:#5b5b5b; height:36px}
.oppotunites .tabpane .nav li.active, .oppotunites .tabpane .nav li.active a{background:#d7a10b;border-radius:0; border:0; height:42px;font:600 18px/42px Open Sans;}
.oppotunites .tabpane .nav li a{ font:600 18px/36px Open Sans;color:#fff;text-transform:uppercase;border-radius:0; border:0; padding:0 20px}
.oppotunites .tabpane .nav li a:hover{opacity:0.7;background:#5b5b5b;border:0; border-radius:0}
.oppotunites .tabpane .nav li.active a:hover{opacity:1;background:#d7a10b;}

/***** OPPOTUNITES > SHOLARSHIP *****/  
.scholarship .table-responsive table tr td{vertical-align:middle !important}
.scholarship .table-responsive table thead{background:#5a9bd5;}
.scholarship .table-responsive table thead th{color:#fff}
.scholarship .table-responsive table tbody{background:#eaeef7}
.scholarship .number{font:600 italic 11px Open Sans}
.scholarship .xtitle{display:block}
.scholarship .user-post{font:600 16px/24px Open Sans}
.scholarship .item-title{font:600 14px/20px Open Sans;color:#666}
.scholarship .item-title:hover{color:#d7a10b}
.scholarship .summary{font:italic 12px/18px Open Sans;}
.scholarship .total-record{font:600 12px/32px Open Sans;}

.document-title {font-size:20px;padding: 10px 0 10px 0;}

/****** SEARCH BOX LIST *******/
.search-box-list .chosen, .search-box-list .chosen-container{border:1px solid #ccc;background:#fff}
.search-box-list .form-control{background:#fff}
.search-box-list .btn{height:34px;}

/****** PROJECT IDEAS *******/
.ic-cicle{height:32px; width:32px; border-radius:50%;text-align:center; line-height:32px;float:left}
.bg-orange{background:#FF9900; }
.bg-orange .fa{color:#fff; margin-top:3px;}
.f1d8{font-size:1.8em}
.text-center{text-align:center}

.idea-list .xtitle{font:600 18px Open Sans;color:#3c763d}
.idea-list .xtitle:hover{color:#333}
.idea-list .xmore{color:#ff9900}
.idea-list .xmore:hover{color:Red}
.idea-list .unactived{color:#666;}
.idea-list .actived{color:red; cursor:pointer}
.idea-list .xbox-voting{border:1px solid #e5e5e5; padding:5px;text-align:center}
.idea-list .xbox-voting .xtitle-vote{font:600 12px/30px Open Sans;}
.idea-list .xbox-voting .num-vote{font: bold 30px/40px Open Sans;color:#ff9900 }
.idea-list .xhead-list-idea{margin:10px 0;padding:10px; background:#f0f7fd; border:1px solid #f1f1f1}
.idea-list .xhead-list-idea .x-text{font: 600 18px/32px Open Sans; color:#004267;}
.idea-list .btn{border:1px solid transparent; border-radius:4px;padding:6px 12px;}
.idea-list .x-otherview{margin-top:5px;}
.idea-list .x-otherview span, .idea-list .x-otherview a{color:#666; font:600 12px Open Sans}
.idea-list .x-otherview i{color:#004267;}
.idea-list .info-author{text-align:center;}
.idea-list .info-author .info-author-name{font:600 12px/20px Open Sans;margin-bottom:5px;}


.idea-info{background:#fff; padding:10px; border:1px solid #e5e5e5;}
.idea-info .info-common .info-text{font: 600 18px/24px Open Sans;color:#004267}
.idea-info .info-common .info-content{font: 13px/18px Open Sans;}
.idea-info .info-common .info-date{font:italic 11px/18px Open Sans; color:#666}
.idea-info .info-common .fa{color:#004267; margin-right:5px;}