/*--------------------------------------------------- COMMON DEFAULT ------------------------------*/
* { margin: 0px; padding: 0px; font-family: arial; }
body { font-size: 12px; font-family: arial, "helvetica neue" ,sans-serif; line-height: 1.28; color: #000; width: 100%; }
a { text-decoration: none; color: #0d74ae; }
a:hover { }
ul li { list-style-type: none; }
img { border: 0px; }
table { width: 100%; border: 0px; }
table th { height: 24px; line-height: 24px; vertical-align: top; padding: 1px 3px; }
table td { line-height: 20px; vertical-align: top; padding: 1px 3px; }
p, label { line-height: 20px; }
h3 { height: 24px; line-height: 24px; }
input { padding: 3px; vertical-align: middle; }
.width-5pc { width: 5%; }
.width-10pc { width: 10%; }
.width-15pc { width: 15%; }
.width-20pc { width: 20%; }
.width-25pc { width: 25%; }
.width-30pc { width: 30%; }
.width-40pc { width: 40%; }
.width-50pc { width: 50%; }
.width-60pc { width: 60%; }
.width-70pc { width: 70%; }
.width-80pc { width: 80%; }
.width-90pc { width: 90%; }
.width-100pc { width: 100%; }

.inline-block { display: inline-block; }
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-center { text-align: center; }

.margin-10px { margin: 10px; }
.margin-right-10px { margin-right: 10px; }
.margin-top-5px { margin-top: 5px; }

.float-left { float: left; }
.float-right { float: right !important; }
.clear-both { clear: both; }

.display-none { display: none; }

.color-primary { color: #940c08; }
.color-increase { color: #008000 !important; }
.color-decrease { color: #f10000 !important; }
.color-highlight { color: #A90000; }

.label-form { vertical-align: middle; }

.sub-note { color: #6d6d6d; font-size: 10px; }
.sub-note-n { color: #6d6d6d; }
/*--------------------------------------------------- JQUERY UI ------------------------------*/
.ui-datepicker { z-index: 100; min-width: 240px; }
.ui-datepicker-month { width: 51% !important; }
.ui-datepicker-year { width: 47% !important; }
.ui-autocomplete { max-height: 200px; overflow: auto; padding-right: 20px; z-index: 100 !important; }
/*--------------------------------------------------- PAGING ------------------------------*/
.paging { margin: 5px 0px 5px -5px; clear: both; width: 100%; text-align: right; position: relative; min-height: 30px; min-width: 235px; padding-top: 5px; }
.paging .paging-nav a { display: inline-block; border: solid 1px #999; padding: 2px 6px; font-weight: bold; color: #0259a8; margin: 0px 1px; vertical-align: top; height: 16px; line-height: 16px; }
.paging .paging-label { display: inline-block; padding-top: 5px; float: left; margin-left: 5px; }
.paging .paging-nav .paging-pages { display: inline-block; width: 2000px; text-align: left; height: 25px; position: relative; }
.paging .paging-container { display: inline-block; overflow: hidden; position: relative; }
.paging .paging-nav .paging-current, .paging .paging-nav a:hover { border-color: #cc6600; color: #CC6600; background-color: transparent; }
.paging .paging-next, .paging .paging-prev { font-size: 16px; line-height: 14px !important; }
.paging .paging-first, .paging .paging-last { font-size: 16px; line-height: 14px !important; }
.table .paging { margin: 0px; border: 0px; }
/*------------------------------ Menu ----------------------------*/
.nav-sub { width: 100%; float: left; margin-top: 10px; }
.nav-sub li { background: white; font-size: 11px; color: #000; text-transform: uppercase; font-weight: bold; border: 1px solid #ADADAD; cursor: pointer; display: inline-block; }
.nav-sub li:first-child { margin-left: 5px; }
.nav-sub li:hover, .nav-sub .nav-sub-selected { color: #A90000; cursor: pointer; padding-bottom: 4px; border-bottom: 0px; z-index: 5; position: relative; border-top: 3px solid #adadad; }
.nav-sub li a { color: #020202; display: block; height: auto; padding: 3px 6px; }
.menu-1-under { border-top: 1px solid #ADADAD; position: relative; top: -1px; padding-top: 10px; width: 100%; }

/*.nav-sub { width: 100%; float: left; margin-top: 20px; border-bottom: 1px solid #c1c1c1; }
.nav-sub li { float: left; margin-right: 2px; }
.nav-sub li:first-child { margin-left: 5px; }
.nav-sub li a { background: transparent url("../images/bg.png") repeat-x 0px -61px; display: block; width: 112px; height: 26px; line-height: 26px; position: relative; top: 1px; text-align: center; color: #020202; }
.nav-sub li a:hover, .nav-sub .nav-sub-selected, a.nav-sub-selected { background: transparent url("../images/bg.png") repeat-x -115px -61px; }
--------------------------------------------------- PAGING ------------------------------*/
.loading { border: 0px; display: inline-block; vertical-align: middle; }
/*--------------------------------------------------- COMMON ------------------------------*/
.icon-up { background: transparent url("../images/icon-up.png") no-repeat; width: 19px; height: 22px; display: inline-block; }
.icon-down { background: transparent url("../images/icon-down.png") no-repeat; width: 19px; height: 22px; display: inline-block; }
.icon-stand { background: url(../images/icon-stand.png) no-repeat -37px -40px; display: block; height: 13px; margin-left: 3px; margin-top: 11px; width: 13px; }
/*--------------------------------------------------- Detail ------------------------------*/
/*-------EVENTS-------*/
.event-list { position: relative; clear: both; margin-top: 10px; color: #939393; }
.event-list .el-search { width: 100%; margin: 0 auto; position: relative; clear: both; }
.event-list .el-search .c1, .event-list .c2, .event-list .c3{ float: left; margin-bottom: 5px; }
.event-list .el-search .c1{ width: 17%; text-align: right; padding-top: 8px; padding-right: 1%; }
.event-list .el-search .c2{ width: 70%; text-align: left; }
.event-list .el-search .c3{ width: 32%; }
.event-list .el-search .c2 input[type="text"], .event-list .el-search .c2 select, .event-list .c3 select { width: 100%; padding: 2px; margin-bottom: 7px; }
.event-list .el-search input[type="text"], .el-search .c2 select, .event-list .c3 select { padding: 5px !important; }
.event-list .el-search .c2 input[type="submit"], .event-list .el-search .c2 input[type="reset"] { background: #0067b4; color: #fff; padding: 7px 15px; }
.event-list .el-search .c2 select { color: #555; }
.event-list .c3 input { width: 70%; padding: 2px; margin-right: 2px; }
.event-list table { border: 1px solid #ccc; padding: 10px; background: #f3f3f3; }
.event-list table .table-header th { border-right: 1px solid #fff; padding: 5px; }
.event-list table td { border-top: 1px solid #c2c2c2; padding: 5px; }
.event-list table td.First { border-top: 0px; } 
.event-list .paging .paging-nav a { border: 1px solid #fff; }
.event-list .paging .paging-nav .paging-current, .paging .paging-nav a:hover { border: 1px solid #0065b3; color: #0065b3; }
.event-list .ui-datepicker-trigger { position: relative; top: 5px; }
.event-detail { padding: 50px; color: #939393; }
.event-detail ul li { list-style-type: disc; margin-left: 20px; }
.event-detail h1 { color: #0065b3; }
.event-detail .source-url, .event-detail a { border-top: 1px solid #c2c2c2; display: block; padding-top: 5px; margin-top: 10px; text-decoration: underline; }
.event-detail .icon-download { position: relative; top: 5px; left: 5px; }
.event-list-del-date { cursor: pointer; }
/*--------------------------------------------------- MBS ------------------------------*/
.mbs-odd { background: #fff; }
.mbs-even { background: #eaeef5; }
.table-header { background: #0065b3; color: #fff; }
/*---------------------------------------------------Market------------------------------*/
.market-exchange-rate { position: relative; }
.market-exchange-rate .block-title, .market-exchange-rate table td, .market-exchange-rate table th, .market-exchange-rate .block-note { padding: 5px 10px; }
.market-exchange-rate .block-title { background: #e1e1e1; border-bottom: 1px solid #fff; height: 25px; line-height: 25px;  }
.market-exchange-rate .block-title h2{ color: #005aab; font-size: 16px; font-family: Segoe UI; }
.market-exchange-rate thead{ background: #c3e0fb; }
.market-exchange-rate .odd { background: #ebebeb; }
.market-exchange-rate .block-note { font-size: 11px; margin-bottom: 10px; }
.market-exchange-rate .block-content-highlight { color:#044370; font-size: 18px; text-align: center; height: 60px; line-height: 80px; }
.market-exchange-rate-container { border: 1px solid #bababa; padding: 1px; }

.vietnamnews-container { width: 100%; }
.vietnamnews-container .provided-stoxplus { float: right; }
.vietnamnews-container .block-content tr td:first-child { color: #871c1c; }
.vietnamnews-container .market-exchange-rate-container { margin-bottom: 10px; box-shadow: 0 0 9px -1px #CCC; }