body{
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0px;
	background-image:url(../images/bgtnb.gif);
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	background-color: #CCC;
}
#wrapper
{
	margin:auto;
	width:990px;
	border:#006 1px solid;
	background-color:#EEE;
}
#header
{
	height:100px;
	background-image:url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-color: #3563c1;
}
#menu
{
	height:22px;
	text-align:right;
	padding-top:10px;
	color:#FFF;
	background-image:url(../images/left_menu_bg.gif);
	padding-right:5px;
}
#left
{
	width:188px;
	float:left;
	background-color:#3584C9;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-bottom:1px solid #006;
}
#content
{
	float:left;
	width:799px;
	background-image:url(../images/bgtnb.gif);
	min-height:600px;
	text-align:left;
	border-left:1px solid #006;
	border-bottom:1px solid #006;
}
#content .mes_view_content table, #content .mes_view_content img
{
	max-width:680px;
}
#footer
{
	clear:both;
	background-color:#47A0FF;
	color:#FFF;
	text-align:center;
	font-size:15px;
	padding:15px;
	margin-top:1px;
}
.clear
{
	clear:both;
}
input, select {
	color : #000000;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
}
.nomargin {
	margin:0px;
}
.noboder
{
	border:none;
}
.welcome
{
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:25px;
	background-color: #47A0FF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
.welcome .fullname
{
	font-size:14px;
}
.welcome a
{
	color:#FF0;
	text-decoration:none;
	font-weight:normal;
}
.welcome a:hover
{
	color:#FFF;
}
.menu_top {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu_top a {
	color:#FFFFFF;
	text-decoration:none;
}
.menu_top a:visited {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu_top a:hover {
	color:#FFFF00;
	text-decoration: none;

}
.menu_newyear {
	color:#FFFF00;
	font-size : 16px;
	font-family: "Times New Roman";
	font-weight: bold;
		}
.menu_newyear a {
	color:#FFFF00;
	text-decoration:none;
	
}
.menu_newyear a:hover {
	color: #FF0000;
	text-decoration: none;
	
}
.menu_left_tnb {
	color:#FFFFFF;
	font-weight: bold;
	border-bottom:1px #FFFFFF solid;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:4px;
	padding-right:5px;
}
.menu_left_tnb a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
}
.menu_left_tnb a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
.menu_left_tnb a:hover {
	color:#FFFF00;
	text-decoration: none;

}
.nlink {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	
}
.nlink a {
	color:#FFFFFF;
	text-decoration:none;
}
.nlink a:hover {
	color:#FFFF00;
	font-style:italic;

}
.nlink a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.thongbao_head {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.page_title {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	background-color: #5284CC;
	background-image: url(../images/tieude.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-left:10px;
}
.page_title a {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-decoration:none;	
}
.page_title a:hover{
	color:#FFFF00;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-decoration:none;	
}
.page_title a:visited {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-decoration:none;	
}

.thongbao {
	color:#000066;
	font-size : 12px;

}
.thongbao a {
	color:#000066;
	text-decoration:none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.thongbao a:hover {
	color:#FF0000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.thongbao a:visited {
	color:#000066;
	text-decoration:none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}


.bottom {
	color:#FFFFFF;

	font-weight:bold;
}
input, select {
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
}
.page_body {
	font-size:12px;
}
.page_body a {
	color:#000066;
	text-decoration:none;
	font-size:12px;
}
.page_body a:hover {
	color:#FF0000;
	text-decoration:none;
	font-size:12px;	
}
.page_body a:visited {
	color:#000066;
	text-decoration:none;
	font-size:12px;
}
.mes_inbox_read a {
	color:#000066;
	text-decoration:none;
	font-size:12px;
}
.mes_inbox_read a:hover {
	color:#FF0000;
	text-decoration:none;
	font-size:12px;
		
}

.mes_inbox a {
	color:#000066;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.mes_inbox a:hover {
	color:#FF0000;
	text-decoration:none;
	font-size:12px;	
	font-weight:bold;
}


.page_header {
	font-size:12px;
	color:#000099;
	font-weight:bold;
}
.page_header a {
	color:#000099;
	text-decoration:none;
	font-size:12px;
	font-weight: normal;
}
.page_header a:hover {
	color:#FF0000;
	font-size:12px;	
	text-decoration:none;
	font-weight: normal;
}
.thongbao1{
	color:#000000;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.thongbao1 a {
	color:#000066;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.thongbao1 a:hover {
	color:#FF0000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.thongbao1 a:visited {
	color:#000066;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.thongbao_nd{
	color:#000066;
	text-decoration:none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.page_number {
	color:#FF0000;
	font-size:12px;
}
.page_number a {
	color:#000066;
	text-decoration:none;
	font-weight: bold;
	font-size:12px;
}
.page_number a:hover {
	color:#FF0000;
	text-decoration:none;
	font-weight: bold;	
	font-size:12px;	
}
.doc_bao {
	font-size:12px;
}
.doc_bao a {
	color:#000066;
	text-decoration:none;
	font-size:12px;
}
.doc_bao a:hover {
	color:#FF0000;
	text-decoration:none;	
	font-size:12px;	
}
.doc_bao a:visited {
	color:#000066;
	text-decoration:none;
	font-size:12px;
}

.danhsach_nguoinhan {
	font-size:12px;
}
.danh_so_trang {
	font-size:12px;
	font-weight:normal;
	color:#FF0000;
}
.danh_so_trang a {
	color:#000066;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}
.danh_so_trang a:hover {
	color:#FF0000;
	text-decoration:none;
	font-size:12px;	
	font-weight:normal;
}
.header2 {
	font-size:20px;
	font-weight:bold;
	color:#000066;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.header2 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
}
.header2 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	text-decoration:none;
	font-size:20px;	
	font-weight:bold;
}
.lich_congtac_cu {
	font-size:13px;
	font-weight:bold;
	color:#000066;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.lich_congtac_cu a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
.lich_congtac_cu a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
	font-size:13px;	
	font-weight:bold;
}
.lienket{
	color:#000000;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.mes_compose{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
.tieude_tbc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000066;
}
div.lichcongtac
{
	border-top:1px solid #666;
	padding-top:15px;
	line-height:18px;
}
div.lichcongtac table
{
	border:#000 1px solid;
	border-collapse:collapse;
	margin: 0px auto 15px auto;
	width:740px;
}
div.lichcongtac td
{
	border:#000 1px solid;
	padding:5px;
}
div.lichcongtac p
{
	margin-top:3pt;
	margin-bottom:3pt;
}
div.lichcongtac p.ghichu
{
	width:740px;
	margin:5px auto 15px auto;
}
div.lichcongtac .tieude
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#006;
	font-weight:bold;
	text-align:center;
}
div.lichcongtac .capnhat
{
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
}
div.lichcongtac .noidung
{
	font-family:Arial, Helvetica, sans-serif;
}
div.thongbaochung
{
	border-top:1px solid #666;
	padding-top:15px;
	line-height:18px;
	font-size:10pt;
}
div.thongbaochung table
{
	border-collapse:collapse;
	margin-bottom:10px;
}
div.thongbaochung td
{
	padding:5px;
}
div.thongbaochung p
{
	margin-top:6pt;
	margin-bottom:6pt;
}
div.thongbaochung .tieude
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#006;
	font-weight:bold;
	text-align:center;
}
div.thongbaochung .capnhat
{
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
}
div.thongbaochung .noidung
{
	font-family:Arial, Helvetica, sans-serif;
}
div.thongbaochung .noidung img
{
	max-width:100%;
}
.menu_right {
	color:#FFFFFF;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu_right a {
	color:#FFFFFF;
	text-decoration:none;
}
.menu_right a:hover {
	color:#FFFF00;
	text-decoration: none;

}
.activeTab, .activeTab:visited {
	color:#0000FF;
	text-decoration:none;
}
.inactiveTab, .inactiveTab:visited {
	color:#777777;
	text-decoration:none;
}
.activeTab:hover, .inactiveTab:hover {
	color:#900;
	text-decoration:none;
}
.tab {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
.mes_view_content p
{
	line-height:18px;font-family:"Arial";font-size:14px;margin-bottom:6pt;margin-top:0pt;
}
.compose td a
{
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	display:block;
	text-decoration:none;
	padding:4px;
}
.compose td.activeTab a, .compose td.activeTab a:visited
{
	color:#FFFFFF;
	background-color:#3584C9;
}
.compose td.activeTab a:hover
{
	color:#FF0;
}
.compose td.inactiveTab
{
	border:#3584C9 1px solid;
	background-color:#FFF;
}
.compose td.inactiveTab a, .compose td.inactiveTab a:visited
{
	color:#555;
	background-color:#FFF;
}
.compose td.inactiveTab a:hover
{
	color:#FF0;
	background-color:#3584C9;
}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	text-align:center;
	vertical-align:50%;
	position: absolute;
	top: 35%;
	left: 35%;
	width: 30%;
	height: 30%;
	padding: 16px;
	border: 3px solid #0CF;
	background-color: white;
	z-index:1002;
	overflow: auto;
}




/* Thay d?i menu thành các nút */


.menu_left_tnb a {
    @apply: none; /* không c?n, ch? c?n override phía du?i */
}

.menu_left_tnb a {
    display: block;
    padding: 8px 10px;
    margin: 0px 0px;

    border-radius: 6px;
    font-weight: bold;
    color: #fff !important;

    background: linear-gradient(135deg, #6bb9ff, #357abd);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}
.menu_left_tnb a:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 10px rgba(0,0,0,0.35);
}
.menu_left_tnb a:active {
    transform: scale(0.96);
}






/* T?o màu cho các nút */



/* 1 – Xanh duong ch? d?o */
.menu_left_tnb:nth-of-type(1) a {
    background: linear-gradient(135deg, #4A90E2, #357ABD);
}

/* 2 – Xanh ng?c tuoi */
.menu_left_tnb:nth-of-type(2) a {
    background: linear-gradient(135deg, #50E3C2, #2CBFA4);
}

/* 3 – Cam nang d?ng */
.menu_left_tnb:nth-of-type(3) a {
    background: linear-gradient(135deg, #FFB25E, #FF8F00);
}

/* 4 – Tím sang tr?ng */
.menu_left_tnb:nth-of-type(4) a {
    background: linear-gradient(135deg, #A66BFF, #7F3DFF);
}

/* 5 – Ð? r?c m?nh m? */
.menu_left_tnb:nth-of-type(5) a {
    background: linear-gradient(135deg, #FF6B6B, #E63946);
}

/* 6 – Xanh lá d?u m?t */
.menu_left_tnb:nth-of-type(6) a {
    background: linear-gradient(135deg, #7AE582, #3DA35D);
}

/* 7 – H?ng pastel */
.menu_left_tnb:nth-of-type(7) a {
    background: linear-gradient(135deg, #FF9CEB, #FF6AD5);
}

/* 8 – Vàng tuoi hi?n d?i */
.menu_left_tnb:nth-of-type(8) a {
    background: linear-gradient(135deg, #FFE66D, #FFCA3A);
}

/* 9 – Xanh bi?n nh?t */
.menu_left_tnb:nth-of-type(9) a {
    background: linear-gradient(135deg, #9ADCFF, #4BB3FD);
}

/* 10 – Xanh rêu sang tr?ng */
.menu_left_tnb:nth-of-type(10) a {
    background: linear-gradient(135deg, #97C774, #6BAF4A);
}

/* 11 – Tím h?ng Galaxy */
.menu_left_tnb:nth-of-type(11) a {
    background: linear-gradient(135deg, #CE9FFC, #7367F0);
}

/* 12 – Ð? cam nhi?t huy?t */
.menu_left_tnb:nth-of-type(12) a {
    background: linear-gradient(135deg, #FF8A5B, #FF6F3C);
}

/* 13 – Xanh l?c b?o */
.menu_left_tnb:nth-of-type(13) a {
    background: linear-gradient(135deg, #2ECC71, #28AE60);
}

/* 14 – Xanh duong d?m hi?n d?i */
.menu_left_tnb:nth-of-type(14) a {
    background: linear-gradient(135deg, #4B79A1, #283E51);
}

/* 15 – H?ng ánh tím (Flamingo) */
.menu_left_tnb:nth-of-type(15) a {
    background: linear-gradient(135deg, #FF9A9E, #FAD0C4);
}