/*--------------------------------------------------- COMMON DEFAULT ------------------------------*/
html, body, form, ul, ol, li, img, a { margin: 0px; padding: 0px; font-family: arial; }
h1, h2, h3, h4, h5, h6, h7, p { margin: 2px 0px; }
p, label { line-height: 20px; margin: 0px; }
body { font-size: 12px; font-family: arial, "helvetica neue" ,sans-serif; line-height: 1.28; color: #000; background: transparent; width: 950px; margin: 0 auto; }
a { text-decoration: none; color: #2880c4; }
a:hover { color: #ff000a; }
ul li { list-style-type: none; }
img { border: 0px; }
clear-fix { clear: both; }
table { width: 100%; border: 0px; }
table th { line-height: 24px; padding: 1px 3px; }
table td { line-height: 20px; padding: 1px 3px; }
/*vertical-align: top; */
h3 { line-height: 18px; }
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% !important; }

.inline-block { display: inline-block; }
.text-align-right { text-align: right; }
.text-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-red { color: #ff0000; }
.color-primary { color: #ff0000; }
.color-increase { color: #39d40f !important; }
.color-decrease { color: #f10000 !important; }
.color-highlight { color: #A90000; }
.color-separator { color: #fe2d2d !important; }

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

.sub-note { color: #9d9d9d; font-size: 10px; }
.sub-note-color { color: #9d9d9d; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figure, header, footer, header, hgroup, menu, nav, section, figcaption { display: block; margin: 0px; padding: 0px; }
/*--------------------------------------------------- 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; }
/*-------------------------- Styles for validation helpers ---------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }
.msg-success { color: #0fa7df; font-size: 14px; }
.msg-error { color: #ff0000; font-size: 14px; }
.vertical-top { vertical-align: top; }
/*--------------------------------------------------- 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; 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 ----------------------------*/
/*Menu Tag*/
.nav-sub { width: 100%; float: left; margin-top: 10px; }
.nav-sub li { background: transparent url("../images/bg-nav-func.png") no-repeat; font-size: 11px; color: #000; text-transform: uppercase; font-weight: bold; cursor: pointer; display: inline-block; text-align: center; height: 27px; line-height: 27px; width: 133px; }
.nav-sub li:first-child { margin-left: 5px; }
.nav-sub li:hover, .nav-sub .nav-sub-selected, .nav-sub-year .nav-sub-year-selected { color: #000; background: #fff; cursor: pointer; z-index: 5; position: relative; }
.nav-sub li:hover, .nav-sub .nav-sub-selected { background: transparent url("../images/bg-nav-func-active.png") no-repeat; height: 27px; line-height: 27px; }
.nav-sub li a { color: #000; display: block; height: auto; padding: 3px 6px; }
.nav-sub .nav-sub-selected a, .nav-sub-year .nav-sub-year-selected a { color: #000; }
.nav-sub li:hover a, .nav-sub .nav-sub-selected-vvlong a { color: #020202; }
.menu-1-under { border-top: 1px solid #ADADAD; position: relative; top: -1px; padding-top: 10px; width: 97%; float: left; }
.menu-1-under-border { border: 1px solid #ADADAD; padding: 10px; }
.menu-1-under-year .ul-icon-square-blue li { border-top: 1px dotted #cdcdcd; padding: 5px 0px; }
.menu-1-under-year .ul-icon-square-blue .first { border-top: 0px; }

.nav-sub-year li{ background: transparent url("../images/bg-nav-year.png") no-repeat; width: 72px; height: 20px; line-height: 16px; }
.nav-sub-year li a { color: #fff; }
.nav-sub-year li:hover, .nav-sub-year .nav-sub-year-selected { background: transparent url("../images/bg-nav-year-active.png") no-repeat 0px -2px; height: 20px; line-height: 16px; color: #000; }

.nav-sub-func-long li, .nav-sub .long, .nav-sub li.nav-sub-selected-long { background: transparent url("../images/bg-nav-func-long.png") no-repeat; width: 165px; }
.nav-sub-func-long .nav-sub-selected, .nav-sub-func-long li:hover, .nav-sub .long:hover, .nav-sub li.nav-sub-selected-long { background: transparent url("../images/bg-nav-func-long-active.png") no-repeat; }
.nav-sub-func-long li a, .nav-sub-func-vlong li a, .nav-sub-func-vvlong li a { color: #fff; }
.nav-sub .long { background: transparent url("../images/bg-nav-func-long-gray.png"); }

.nav-sub-func-vlong li { background: transparent url("../images/bg-nav-func-vlong.png") no-repeat; width: 230px; }
.nav-sub-func-vlong .nav-sub-selected, .nav-sub-func-vlong li:hover { background: transparent url("../images/bg-nav-func-vlong-active.png") no-repeat; } 

.nav-sub-func-vvlong li { text-transform: capitalize; }
.nav-sub-func-vvlong li, .nav-sub .vvlong { background: transparent url("../images/bg-nav-func-vvlong.png") no-repeat; width: 320px; }
.nav-sub-func-vvlong .nav-sub-selected, .nav-sub-func-vvlong li:hover, .nav-sub .vvlong:hover, .nav-sub .nav-sub-selected-vvlong:hover, .nav-sub .nav-sub-selected-vvlong { background: transparent url("../images/bg-nav-func-vvlong-active.png") no-repeat; width: 320px; } 
/*.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 ------------------------------*/
/* BUTTON */
a.btn { padding: 8px 20px; border: 1px solid #c2c2c2; display: inline-block; margin: 5px 0px; box-shadow: 1px 1px #999; }
.news-default-right { float: right; max-height: 150px; min-height: 80px; max-width: 200px; margin-left: 10px; margin-bottom: 10px; }
/* TABLE by DIV */
div.table { width: 100%; border: 1px solid #c2c2c2; }
div.table > section:nth-of-type(odd) { background-color: #eff3fb; }
div.table > section:first-child { background-color: #116ea9; color: #fff; font-weight: bold; }
div.table > section div { display: inline-block; text-align: center; border-right: 1px solid #c2c2c2; padding: 5px 0px; }
div.table > section:first-child div { padding: 10px 0px; }
div.table > section div:last-child { border-right: 0px; }
.icon-up { background: transparent url("../images/icon-increase.png") no-repeat; width: 15px; height: 12px; display: inline-block; }
.icon-down { background: transparent url("../images/icon-down.png") no-repeat; width: 15px; height: 12px; display: inline-block; }
.icon-stand { background: url(../images/bg.png) no-repeat -38px -32px; display: block; height: 13px; margin-left: 3px; margin-top: 11px; width: 13px; }
.icon-download { background: transparent url("../images/bg.png") no-repeat 0px -40px; height: 15px; }
.icon-next { background: transparent url("../images/bg.png") no-repeat -18px -38px; width: 9px; height: 20px; display: inline-block; }
.icon-prev { background: transparent url("../images/bg.png") no-repeat -27px -38px; width: 9px; height: 20px; display: inline-block; }
.icon-arrow-right { background: transparent url("../images/bg.png") no-repeat -82px -36px; width: 18px; height: 20px; display: inline-block; }
.icon-arrow-down { background: transparent url("../images/bg.png") no-repeat -100px -36px; width: 18px; height: 20px; display: inline-block; }
.icon-note { border: 1px solid #555; font-weight: bold; font-style: normal; padding: 0px 4px; border-radius: 15px; color: #555; }
.icon-new { background: transparent url("../images/icon-new.gif") no-repeat; width: 29px; height: 14px; display: inline-block; }
.icon-triangle-right { background: transparent url("../images/icon-triangle-right.png") no-repeat; width: 6px; height: 9px; display: inline-block; }
.icon-triangle-right-gray { background: transparent url("../images/icon-triangle-right-gray.png") no-repeat; width: 8px; height: 10px; display: inline-block; }
.icon-square-gray { background: transparent url("../images/icon-square-gray.png") no-repeat; width: 8px; height: 10px; display: inline-block; }
.ul-icon-square-gray { list-style-image: url('../images/icon-square-gray.png'); margin-left: 10px; }
.ul-icon-square-blue { list-style-image: url('../images/icon-square-blue.png'); margin-left: 10px; }
/*--------------------------------------------------- LAYOUT ------------------------------*/
/*.nav { height: 35px; position: relative; margin-right: 5px; }
.nav, .nav > ul, .nav > ul > li { display: block; float: left; }
.nav, .nav > ul { width: 100%; min-width: 600px; border-bottom: 3px solid #005f29; display: block; height: 31px; }
.nav > ul > li { background: transparent url("../images/menu.png") no-repeat 0px 1px; width: 128px; height: 31px; line-height: 35px; margin-left: 2px; }
.nav > ul > li:first-child { margin-left: 5px; }
.nav > ul > li a { display: block; text-align: center; color: #408a59; font-size: 13px; }
.nav > ul > li.nav-last { width: 13%; }
.nav > ul > li a:hover { background: transparent url("../images/menu_active.png") no-repeat 0px 1px; color: #fff; }
.nav > ul .nav-selected { background: transparent url("../images/menu_active.png") no-repeat 0px 1px; z-index: 10 !important; }
.nav > ul .nav-selected a { color: #fff; }
.box-title { position: relative; clear: both; background: transparent url("../images/bg_body_title_center.png") repeat-x; height: 53px; margin-right: 15px; margin-left: 16px; }
.box-title span { background: transparent url("../images/bg_body_title_right.png") no-repeat; width: 16px; display: inline-block; height: 53px; position: absolute; right: -15px; z-index: 5; }
.box-title span:first-child { background: transparent url("../images/bg_body_title_left.png") no-repeat; left: -16px;  }
.box-title h1 { float: left; margin-left: 20px; color: #408a59; font-size: 22px; font-weight: normal; margin-top: 18px;  }
.box-title div { margin-top: 16px; float: right; }
.box-title button { background: transparent url("../images/bg_button.png") repeat-x; padding: 5px 10px; position: relative; left: -5px; border-radius: 0px 8px 8px 0px; z-index:0; color: #fff; }
.box-title input { padding: 4px; z-index: 1; position: relative; top: -1px; }
body > .body { float: left; width: 98.6%; margin-right: 7px; margin-left: 8px; min-width: 600px; background: transparent url("../images/bg_body_center.png") repeat-x 0px -450px; position: relative; top: -2px; }
body > .body .body-main { margin: 1%; background: #fff; float: left; clear: both; width: 96%; padding: 1%; border-radius: 10px; }  , .layout-menu .selected ul*/

.layout-header { clear: both; height: 100px; background: transparent url("../images/bidv/bidv-layout-header-bg.jpg") repeat-x; margin-bottom: 20px; padding-right: 10px; position: relative; }
.layout-header-logo { float: left; min-width: 198px; }
.layout-header-logo img { height: 90px; }
.layout-header-separator { display: block; height: 94px; width: 0px; border-left: 1px solid #173261; border-right: 1px solid #6d97e4; float: left; margin-left: 20px; }
.layout-header-top-menu { float: right; margin-top: 5px; margin-bottom: 5px; }
.layout-header-top-menu li { float: right; }
.layout-header-top-menu li a { color: #fff; font-size: 11px; }
.layout-header-top-menu li span { background: transparent url("../images/bidv/icon-layout-topmenu-separator.gif") no-repeat; display: block; width: 1px; height: 4px; margin: 7px 8px 0px 8px; }
.layout-header-top-menu li img { margin-top: 3px; height: 11px; }
.layout-header-search { float: right; }
.layout-search-input { background-color: #ffffff; border: 1px solid #5171D3; color: #7a7a7a; font-family: tahoma; font-size: 11px; height: 15px; padding-left: 3px; margin-right: 4px; width: 164px; }
.layout-search-btn { background: transparent url("../images/icon-search.gif") no-repeat; float: right; width: 28px; height: 21px; margin-top: 3px; }
.layout-menu { float: left; width: 75%; margin-left: 1%; margin-top: 5px; }
.layout-menu li { height: 30px; line-height: 30px; float: left; padding: 0px 10px; }
.layout-menu li a { font-size: 12px; color: #fff; font-weight: bold;  }
.layout-menu li ul { display: none; background: #ff000a; position: absolute; width:100%; left: 0px; }
.layout-menu > ul > li:hover, .layout-menu .selected { background: #ff000a; border: 1px solid #fff; border-bottom: 0px; border-radius: 5px 5px 0px 0px; }
.layout-menu > ul > li:hover ul { display: block; }
.layout-menu > ul > li:hover ul { z-index: 10; }
.layout-menu li li { padding: 0px 5px; height: 24px; line-height: 24px; }
.layout-menu li li:first-child { margin-left: 230px; }
.layout-menu-news li:first-child { margin-left: 5px !important; }
.layout-menu-news li { padding: 0px 2px !important; }
.layout-menu li li a { font-size: 11px; }
.layout-menu li li span { background: transparent url("../images/bidv/bidv-menu-separator.jpg") no-repeat; display: block; width: 1px; height: 19px; margin-top: 2px; }

.layout-footer { clear: both; width: 100%; padding-top: 20px; }
.layout-footer .first { float: left; width: 28%; }
.layout-footer .first p { color: #58595b; font-size: 11px !important; line-height: 15px; }
.layout-footer-scroll { width: 70%; float:right; overflow: hidden; }
.layout-footer-scroll div { height: 40px; width: 665px; }
.layout-footer-scroll img { height: 40px; }
.layout-footer-provided-by { text-align: right; margin-top: 15px; width: 50%; float: right; color: #58595b; font-size: 10px; }
.layout-page-footer { padding: 10px 0px; font-size: 11px; font-style: italic; color: #777; clear: both; position: relative; }

/*--------------------------------------------------- LAYOUT OVERVIEW #034565------------------------------*/
.stock-ticker { margin-bottom: 5px; position: relative; display: block; height: 30px; border-bottom: 2px solid #408a59; }
.stock-ticker > div:first-child { float: left; width: 100%; font-weight: bold; }
.stock-ticker > div:first-child label { font-size: 24px; color: #408a59; font-weight: bold; letter-spacing: 2px; margin-right: 5px; }
.stock-ticker > .col-1 { float: left; width: 23%; margin-top: 10px; padding-top: 5px; }
.stock-ticker > .col-1 p { margin-bottom: 5px; }
.stock-ticker > .col-1 > p:first-child { font-size: 20px; }
.stock-ticker > .col-1 > p label { color: #198300; }
.stock-ticker > .col-1 > p:first-child label { font-size: 14px; height: 28px; line-height: 28px; display: inline-block; }
.stock-ticker > .col-1 .sub-note { font-size: 12px; }
.stock-ticker > .col-2 { float: right; width: 76%; margin-top: 15px; background: transparent url('../Images/bg-overview.png'); border-radius: 10px; box-shadow: 2px 4px 4px #ccc; border: 1px solid #000; }
.stock-ticker > .col-2 p { font-size: 11px; height: 20px; line-height: 20px; }
.stock-ticker > .col-2 > div { float: left; padding: 0.8%; width: 14%; color: #013f70; border-right: 0px; background: #fff; margin: 5px 0px; }
.stock-ticker > .col-2 > div span { display: inline; }
.stock-ticker > .col-2 > div:first-child { border-left: 0px; width: 13%; margin-left: 5px; }
.stock-ticker > .col-2 > .col-2-1 { width: 16.5%; }
.stock-ticker > .col-2 > .col-2-2 { text-align: right; width: 7.5%; color: #006eb4; border-left: 0px; overflow: hidden; margin-right: 4px; }
.stock-ticker > .col-2 > .col-first { width: 7%; }
.stock-ticker > .col-2 > .col-last { border-right: 0px; width: 6%; margin-right: 0px !important; }
.stock-ticker > .col-2 > .col-2-3 { width: 12%; }
.stock-ticker > section > div:first-child { float: left; width: 20%; }
/*--general--*/
.stock-block { float: left; }
.stock-block p { border-bottom: 1px solid #f5f5f5; }
.stock-block > p:first-child, .stock-block-title, .stock-block-title-notborder, .stock-block > p:first-child a { border-bottom: 3px solid #424242 !important; color: #ff0000; font-size: 14px; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; }
.stock-block-title-notborder, .stock-block > p:first-child a { border-bottom: 0px !important; }
.stock-block p label { float: right; margin-right: 10px; }
/*--------------------------------------------------- LAYOUT STOCK------------------------------*/
.stock-main { float: left; width: 100%; }
#CompanyIndustry tr td { font-size: 11px; }
.stock-main > div:first-child { margin-bottom: 20px; }

/*------------------------JqueryTool tooltip-------------------------------*/
.tooltip { display: none; background: transparent url("../images/black_arrow.png"); font-size: 11px; height: 70px; width: 160px; padding: 25px; color: #eee; z-index: 10; }
.tooltip.bottom { background: url("../images/black_arrow_bottom.png"); padding-top: 40px; height: 55px; }