﻿body
{
	margin:0;
	padding:0;
	font-family: "Segoe UI",Tahoma,Arial,"sans-serif";
	font-size:9pt;
	text-align: center;
}
a{
	border: none;
	outline: none;
}
li
{
	padding:0;
	margin:0;
	list-style:none;
}
ul
{
	padding:0;
	margin:0;
}
img
{
	border:0;
}
p
{
	padding:0;
	margin:0;
}
.page
{
	width: 1000px;
	margin: auto;
	text-align: left;
}
.top-nav
{
	height:27px;
	width:1000px;
}
#nav-items{
	float: right;
}
#nav-items a
{
	float: left;
	text-decoration:none;
	color: white;
	height:27px;
	width:auto;
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
	line-height:26px;
	text-transform: uppercase;
}
#nav-items a:hover, #nav-items a.active
{
	color: white;
	background-image: url('../images/ar-nav.PNG');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-shadow: none;
}
.drop-down{
	margin-right: -2px;
	position: absolute;
	width: 210px !important;
	right: 0px;
	display: none;
	color: #333;
	padding: 2px 0px;
	background-color: white;
	float: none;
	top: 25px;
}
.drop-down a, .drop-down div{
	color: #333;
	text-decoration: none;
	float: none;
	text-transform: none;
	padding: 6px 12px;
	display: block;
}
.drop-down a{
	height: 18px;
	line-height: 18px;
}
.drop-down a:hover{
	background-color: #eee;
	background-image: none;
	color: blue;
}
.account:hover .drop-down{
	display: block;
	background-color: white;
}
.drop-down{
	cursor: auto;
}
.setting{
	background-image: url('../images/command2.png');
	background-position: -116px 2px;
	background-repeat: no-repeat;
	width: 20px;
	margin: 0 0px 0 1px;
	padding: 0 8px 0 7px;
}

.setting:hover, .setting.hover{
	border-bottom: none;
	cursor: pointer;
	background-position: -115px 2px;
	width: 20px;
	margin: 0 0px 0 0px;
	padding: 0 8px 0 8px;
}
.account:hover, .account.hover{
	cursor: pointer;
	display: block;
	white-space: nowrap;
	color: white;
	border-bottom: none;
}
.account, .setting{
	border: 2px solid transparent;
	border-bottom: none;
	height: 25px;
	line-height: 25px;
	float: right;
	position: relative;
}
.account
{
	font-size: 12px;
	color: #036;
	background-image: url('../images/ar-acc.png');
	background-position: 4px center;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 20px;
	background-color: #f5f5f5;
	display: block;
}
.banner, .banner.center
{
	width:1000px;
	height:130px;
	background-image: url('../images/banner.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.banner.cover{
	background-size: cover;
}
.banner.contain{
	background-size: contain;
}
.banner.title{
	background-repeat: repeat;
	background-position: left top;
}

.main-content
{
	width:1000px;
	height:auto;
	float: left;
	background-color: white;
}
#left-nav{
	float: left;
	width:200px;
}
a.level1-item{
	font-weight:normal;
	text-transform:inherit;
	padding-left:10px;
	text-align: left;
	text-decoration:none;
	font-family: "Segoe UI",Tahoma,Arial,"sans-serif";
	font-size:12px;
	margin-top: 1px
}
a.level1-item:hover{
	cursor: pointer;
}
.level2-item, .level1-section a{
	font-size: 13px;
	text-decoration: none;
	color: #333;
	display: block;
	line-height: 28px;
	padding-left: 8px;
	background: #fafafa;
}
.level2-item:active, .level1-section a:active, .level1-section a.active, .level2-item.active{
	background: #ffffff;
	color: #222;
}
.level2-item:hover, .level1-section a:hover{
	background: #e9e9e9;
	color: #111;
}
.in-doc, .related-doc, .report, .search, .annual, .out-doc{
	background-position: 6px center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.in-doc{
	background-image: url('../images/ic-vbden-left.png');
}
.out-doc{
	background-image: url('../images/ic-vbdi-left.png');
}
.related-doc{
	background-image: url('../images/vbanlienquan.PNG');
}
.report{
	background-image: url('../images/baocao.png');
}
.search{
	background-image: url('../images/tracuuvb.PNG');
}
.annual{
	background-image: url('../images/tracuu-moinam.png');
}
.main-frame
{
	height:auto;
	float:left;
	width:799px;
	margin-left: 0px;
	background-color: white;
}
.footer
{
	clear:both;
	height:100px;
	width:1000px;
	padding-top:1px;
	float:left;
	background: white;
}
.footer p
{
	text-align:center;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
}
.hidden{
	display: none;
}
#CalendarControlIFrame{
	display: none;
}

#options-arrow{
	width: 10px;
	height: 10px;
	background: url('../images/ar-acc.png') center center no-repeat;
	position: absolute;
	margin: 0;
	padding: 0;
	cursor: pointer;
	right: 26px;
	top: 10px;
	border: 0px;
}
.search-options{
	display: none;
}
.search-options label{
	display: block;
	padding: 4px 8px;
	border: 1px solid transparent;
}
.search-options label:hover{
	border-color: silver;
	background-color: #efefef;
}
.search-box input[type="button"]:hover{
	background-color: transparent;
}
input[type="submit"], input[type="reset"], .tdbutton{
	filter: none;/*overwrite old style*/
	background: none;
	border: 0px none;
	font-family: "Segoe UI", tahoma, sans-serif; 
	font-size: 12px !important;
	color: white;
	height: 30px;
	text-transform: uppercase;
	margin: 4px 0 2px 4px;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{
	cursor: pointer;
}
.m-tabs{
	border-collapse: collapse;
	height: 30px;
}
.m-tabs td{
	text-align: center;
}
.m-tabs a{
	font-weight: normal;
	font-family: "Segoe UI", tahoma, sans-serif !important; 
	font-size: 12px !important;
	color: #333;
	text-transform: uppercase;
	display: block;
	padding: 4px 8px;
	text-decoration: none;
	border-bottom: 1px solid #dfdfdf;
}
.m-tabs a.active{
	border: 1px solid #dfdfdf;
	border-bottom: 1px solid #ffffff;
	background: white;
	font-weight:bold;
	color:red;
}
.m-tabs a:hover, .m-tabs a.active:hover{
	color: white;
}

.caption b, .caption1 b{
	display: inline-block;
	padding: 3px 10px;
	background-color: white;
	border-bottom: white;
	font-family: "Segoe UI", tahoma, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #363636;
}
.aVaoSoVB{
	margin: 0 10px;
}
/*
.button_pageFirst, .button_pageNext, .button_pageBack, .button_pageLast, .button_pageOut, .button_pageIn,
input[type="button"].button_pageFirst, input[type="button"].button_pageNext, input[type="button"].button_pageBack, input[type="button"].button_pageLast, input[type="button"].button_pageOut, input[type="button"].button_pageIn{
	border: 0px;
	height: 10px;
	width: 10px;
	background-image: url('../images/metro.png');
	background-color: transparent;
}

input.button_pageFirst:hover, input.button_pageNext:hover, input.button_pageBack:hover, input.button_pageLast:hover, input.button_pageOut:hover, input.button_pageIn:hover{
	background-color: transparent;
}
input.button_pageFirst{
	background-position: 140px 184px;
}
input.button_pageNext{
	background-position: 138px 161px;
}
input.button_pageBack{
	background-position: 138px 237px;
}
input.button_pageLast{
	background-position: 140px 204px;
}
input.button_pageOut{
	background-position: 81px -7px;
}
input.button_pageIn{
	background-position: 89px -7px;
}
*/

 .button_pageFirst{		
			height:16 !important;width:15 !important;
			background-image:url('../icon-first.gif') !important;
			background-color: transparent  !important;
			background-repeat: no-repeat !important;
            }           
 .button_pageNext{		
 			height:16 !important;width:15 !important;
			background-image:url('../icon-next.gif') !important;
			background-color: transparent  !important;
			background-repeat: no-repeat !important;			
            }           
 .button_pageBack{		
			height:16 !important;width:15 !important;
			background-image:url('../icon-back.gif') !important;
			background-color: transparent  !important;
			background-repeat: no-repeat !important;
            }           
 .button_pageLast{		
			height:16 !important;width:15 !important;
			background-image:url('../icon-last.gif') !important;
			background-color: transparent  !important;
			background-repeat: no-repeat !important;
            }           
 .button_pageOut{		
			height:16 !important;width:15 !important;
			background-image:url('../icon-out.gif') !important;
			background-color: transparent  !important;
			background-repeat: no-repeat !important;
            }           
 .button_pageIn{		
			height:16 !important;width:15 !important;
			background-image:url('../icon-in.gif') !important;
			background-color: transparent  !important;
			background-repeat: no-repeat !important;
            }           
input[type="radio"]{
	border: none;
}
#theme-picker{
	float: none;
}
#theme-picker a{
	width: 40px;
	height: 20px;
	display: inline-block;
	float: none;
	padding: 0;
	margin: 2px 2px;
	cursor: pointer;
	border: 1px solid #efefef;
}
#theme-picker a:hover{
	border: 1px solid #a9a9a9;
}
a.orchid:hover, a.orchid{
	background-color: orchid;/*darkorchid*/
}
a.pink:hover, a.pink{
	background-color: rgb(231, 93, 149);/*rgb(166, 12, 77), rgb(232, 193, 209), rgb(245, 229, 235), rgb(250, 240, 240)*/
}
a.indianred:hover, a.indianred{
	background-color: indianred;/*rgb(160, 82, 45)*/
}
a.darkred:hover, a.darkred{
	background-color: rgb(172, 25, 61); /*rgb(132, 18, 46), */
}

a.tomato:hover, a.tomato{
	background-color: tomato;/*orange*/
}
a.darkorange:hover, a.darkorange{
	background-color: rgb(210, 71, 38);/*rgb(161, 54, 29)*/
}
a.lightbrown:hover, a.lightbrown{
	background-color: rgb(160, 119, 70);/*rgb(62, 46, 27), rgb(206, 202, 197), rgb(235, 233, 231), rgb(243, 241, 239)*/
}
a.wine:hover, a.wine{
	background-color: rgb(111, 40, 156);/*rgb(49, 13, 84), rgb(204, 195, 213), rgb(233, 230, 237), rgb(243, 241, 244)*/
}

a.olivedrab:hover, a.olivedrab{
	background-color: rgb(0, 169, 236);/*rgb(71, 137, 196)*/
}
a.green:hover, a.green{
	background-color: rgb(72, 149, 14);/*rgb(38, 83, 0), rgb(200, 211, 191), rgb(232, 237, 229), rgb(242, 244, 241)*/
}
a.lightteal:hover, a.lightteal{
	background-color: rgb(3, 179, 178);/*rgb(2, 135, 134)*/
}
a.teal:hover, a.teal{
	background-color: rgb(0, 130, 153);/*rgb(0, 100, 117)*/
}

a.lightblue:hover, a.lightblue{
	background-color: rgb(0, 101, 5);/*olivedrab;*//*olive*/
}
a.blue:hover, a.blue{
	background-color: rgb(0, 114, 198);/*rgb(0, 87, 152)*/
}
a.neutralgrey:hover, a.neutralgrey{
	background-color: rgb(88, 88, 88);/*rgb(50, 50, 50)*/
}
a.black:hover, a.black{
	background-color: rgb(51, 46, 56);/*rgb(124, 117, 132), rgb(203, 202, 205), rgb(234, 233, 234), rgb(241, 241, 241)*/
}
/* end theme picker *****************************************************************/

.m-tip-trigger{
	border: 2px solid transparent;
	cursor: pointer;
	padding: 2px;
	position: relative;
	/*top: 4px;*/
}
.hover{
	padding: 2px;
	border: 2px solid #c0c0c0;
	border-right:  2px solid #f0f0f0;
}
div.m-tip{
	border: 2px solid #c0c0c0;
	background-color: #fff;
	position: absolute;
	width: 750px;
	display: none;
	/*top: 15px;*/
	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

	/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";*/
	zoom: 1;
	z-index: 1;
}
div.m-tip>td.contactTabsOff{
	border-top: none;
}
td.title-tip, .title-tip{
	font-weight: bold;
	color: #456789;
	padding: 4px 20px;
	text-align: left !important;
	background-color: #efefef;
}
span.replied{
	position: relative;
}
div.m-tip>table{
	margin: 0 !important;
}