.button_pageFirst,.button_pageNext,.button_pageBack,.button_pageLast,.button_pageOut,.button_pageIn
	{
	height: 22;
	width: 28;
	margin:1px;	
	background:white !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-color: #ccc !important;
}

.button_pageFirst:hover,.button_pageNext:hover,.button_pageBack:hover,.button_pageLast:hover,.button_pageOut:hover,.button_pageIn:hover
	{
	height: 22;
	width: 28;
	margin:1px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-color: red !important;
}

.button_Print {
	height: 24;
	width: 120;
	background-image: url('inphieu.gif') !important;
}
.button_pageFirst{
	background-image:url('icon-first.gif') !important;
}
.button_pageNext{
	background-image:url('icon-next.gif')!important;
}
.button_pageBack{
	background-image:url('icon-back.gif')!important;
}
.button_pageLast{
	background-image:url('icon-last.gif')!important;
}
.button_pageOut{
	background-image:url('icon-out.gif') !important;
}
.button_pageIn{
	background-image:url('icon-in.gif') !important;
}
table.tblData,div.divData table,div.divDataGroup table {
	width: 100%;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	empty-cells: show;
	border-collapse: collapse;
}

table.tblData td.header,table.tblData th,div.divData table th,div.divDataGroup table th
	{
	text-align: center;
	background-color: #EFEFEF;
	color: #4D5553;
	font-weight: bold;
	font-size: 12px;
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	padding: 3px;
	height: 30px;
}

div.divDataGroup table td {
	border-top: 1px solid #DFDFDF;
	padding: 3px;
	color: black;
	height: 28px;
	vertical-align: middle;
	white-space: normal;
}

table.tblData td.datacell,div.divData table td {
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	padding: 3px;
	color: black;
	height: 28px;
	vertical-align: middle;
	white-space: normal;
}

table.tblData td.datacell a,div.divData table td a,div.divDataGroup table td a
	{
	text-decoration: none;
	text-color: black;
	font-weight: normal;
}

table.tblData td.datacell a:hover,div.divData table td a:hover {
	color: blue;
	font-weight: normal;
}

table.tblData td.groupcell {
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	padding: 3px;
	font-weight: bold;
}

input,select,Dialog list {
	background: white;
	color: black;
	font-size: 10pt;
	font-family: Arial;
	border-left: 1px solid #837E60;
	border-right: 1px solid #837E60;
	border-bottom: 1px solid #837E60;
	border-top: 1px solid #837E60;
	height: 22;
}
button[type="button"]:hover {
    transition: all .3s;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: 0px !important;
    outline-offset: -2px;
}
.btn:hover {background-color:#99999980}
.btn:focus {
    color: #fff;
    background-color: #D1D1D1;
    border-color: #ccccccc7;
    box-shadow: 0 0 0 0.2rem #cccccc78;
}
.btn{margin-top:5px;margin-left:3px; background-color:#d1d1d1ad;
padding: 3px 6px !important; border:1px solid #ABC;
}
body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.caption{
	background-color: #e7e7e7;
	font-family: helvetica, arial;
	font-size: 12px;
	color: #900000;
	border: 1px solid #ccc;
	padding: 2px 6px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

img
{
	border:0;
}
p
{
	padding:0;
	margin:0;
}
.TD-div-body
{
	width:100%;
	margin:auto;
	background:#314F8F;

}
.TD-div-banner{
	background:#1F2A46;
	font-size:16px;
	color:#ECECF4;
	text-transform: uppercase;
	valign:center;
	font-weight:bold;
	font-family:Tahoma,Arial,Verdana, Helvetica, Sans-serif;
	padding-top:15px;
	padding-left:170px;
	padding-bottom:5px;	
	background-position:left center;
	height:26px;
	background-image:url('logoBG1.png');
	background-repeat:no-repeat;

}

/*nav*/
.TD-div-nav
{
	float: left;
	height:29px;
	width:100%;
	background: #83D3F8;
	padding-bottom: 30px;

}
.TD-nav
{
    background-color: #162856;
    clear: both;
    font-size: 13px;
    height:100%;
    position: relative;

}
.TD-nav,.TD-nav ul 
{
	background-color: #162856;
	list-style: none outside none;
	margin: 0;
	padding: 0;

}
.TD-nav li 
{
	float: left;
	height:100%;
/*	border-right: 1px solid #65C1EB;
	border-left: 1px solid #4C93B4;
*/
}


.TD-nav>li>a 
{
    color: #F9FDFF;
    display: block;
    float: left;
    font-weight:bold;
    line-height:30px;
    padding-right:7px;
    padding-left:7px;	 
    text-decoration: none;
    /*text-transform:uppercase;*/
}
.TD-nav>li>.a_active
{
    color: #EFCB77;
    display: block;
    float: left;
    font-weight:bold;
    line-height:30px;
    padding-right:7px;
    padding-left:7px;
    position: relative;
    text-decoration: none;
    /*text-transform:uppercase;*/

}
.TD-nav li:hover > a 
{
    color:black;
    background:#83D3F8;    	
}
.TD-nav li>a:hover
{
    color:#E6EA9F;
    text-decoration: underline;
    background:#162856;
    /*background:#2F9AEA;*/
    	
}
/*end nav*/

/* begin nav-child*/
.TD-nav-child
{
	clear:both;
	font-size:13px;
	height:100%;
	position:absolute;
	top:29px;
	left:0px;
	width:100%;
	background-color:#1B356E;
}
.TD-nav .TD-nav-child
{
    	list-style: none outside none;
    	margin: 0;
    	padding: 0;
	background-color:#1B356E;
}

.TD-nav .TD-nav-child .parent
{
	text-align:center;
	margin-left:5px;
	width:90%;
	background-color:#C5E6F5;
	color:red;
	
}

.TD-nav-child li 
{
    	float: left;
    	height:100%;
    	position: relative;
	border-right: 0px;
	border-left: 0px;
}

.TD-nav-child .space
{
	/*float: left;
	height:60%;
	position: relative;
	border-left: 1px solid #9A9A9A;
	margin-top: 6px;
	*/    	
}


.TD-nav .TD-nav-child>li>a 
{
    color:#FBFFFF;
    display: block;
    float: left;
    line-height:30px;
    padding-right:8px;
    padding-left:10px;
    position: relative;
    text-decoration: none;
}

.TD-nav-child div
{
	display:none;
	position:absolute;
	border:1px solid green;
	background-color:white;
	top:30px;
	width:200px;
}



.TD-nav-child div a
{
	padding:5px;
	display:block;
	white-space:nowrap;
}

.TD-nav-child div a:hover
{
	color:blue;
	background:#CFCFDB;	
}

.TD-nav-child div hr
{
	display:block;
	margin:0px;
	margin-left:5px;
	
}

.TD-nav-child>li>.a_active
{
    	color: tomato;
    	display: block;
    	float: left;
    	line-height:30px;
    	padding-right:20px;
    	padding-left:20px;
    	position: relative;
    	text-decoration: none;
	color:#FF0000;
	font-weight:bold;
}
.TD-nav-child li:hover > a 
{
    	color:white;
	text-decoration:underline;
}
.TD-nav-child a:hover
{
	text-decoration:underline;
}
/* end nav-child*/
.TD-div-clock
{
	margin-top:5px;
	margin-right:10px;
	color:#A5BBFB;
	height:22px;
	float:right;
	display:inline;
	/*font-weight:bold;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}
.TD-div-title
{
	height:27px;
	text-align:right;	
	/*font-weight:bold;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background:#1F3D7D;	
}
 .logout
{
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url('logoutBG1.png');
	background-repeat: no-repeat;
	right: 0px;
	top: 10px;
	border-left:0px;
}

.TD-div-user
{	margin-top:5px;
	margin-right:10px;
	color:#A5BBFB;
	height:22px;
	text-align:right;
	text-valign:center;
	float:left;
	padding-left:15px;
	display:inline;
/*	font-weight:bold;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background:#1F3D7D;
	/*
	margin-top:5px;
	background-position-x:6px;
	background-position-y:2px;	
	*/
}

.TD-div-main
{
	float:left;
	background: #fff;
	border-radius: 6px;
	width: 100%;
	/*height:100%;*/
	border: #d1d1d1 1px solid;
	border-radius: 6px;
	box-shadow: 0 0 10px #dadada;
	padding: 1px;
	margin-bottom: 20px;
}
.tabbed 
{
	position: relative;
	width: 100%;
	padding:1px;
	float: left;
	display: inline-block;
	clear: both;
}
.tabbed .tabcont 
{
}
.tabbed .tabcont .tabcontent 
{
    display:none;
    line-height:20px;
}
.tabbed .tabcont .tabcontent img 
{
    max-width:100%;
}
.tabbed .tabcont .tabcontent.active 
{
    display:block;
    margin-top:30px;
}
.tabnav 
{
    width:100%;
	list-style: none;
	position: relative;
	padding: 0;
	height: 38px;
	float: left;
	background: url('bg-module-td.jpg') top left repeat-x;
}
.tabnav li 
{
    float:left;
    margin-left:10px;
}
.tabnav li a:hover
{
	text-decoration:none;
}
.tabnav li a 
{
    display: block;
	padding: 10px 11px;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: Arial, Helvetica, sans-serif;
	color: #d65a01;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-shadow: 0px 1px #fff;
	text-transform: uppercase;
}
.subsites_main
{
	width:100%;
	height:auto;
	float:left;
}
.tabnav li.active a 
{
	border-top:2px solid #888;
	color: red !important;
	top: -1px;
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
}
.tabnav li.active a:hover
{
}
.subsites_pb 
{
	float:left;
	height:auto;
	font-size: 9pt;
	vertical-align: top;
}
.subsites_pb li 
{
	padding: 5px 0px 5px 0px;
	font-size: 9pt;
	width:100%;
	float:left;
}


.subsites_pb a 
{
	color: #333;
	background: url('hv-module-tvt.png') left 6px no-repeat;
	font-size: 10pt;
	padding-left:15px;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
	float:left;
	line-height: 19px;
}

.subsites_pb .a_notlink
{
	color: green;
	background: url('hv-module-tvt.png') left 6px no-repeat;
	font-size: 10pt;
	padding-left:15px;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
	float:left;
	line-height: 19px;
}

.subsites_pb a:hover
{
	color:red;
	background: url('hv-module-tvt-hv.png') left 6px no-repeat;
}
.TD-div-footer
{
	clear:both;
	padding-bottom:10px;
	border-top:2px solid #b70002;
	padding-top:5px;
	height:70px;
	background:#eee;
	font-size:14px;
	line-height:30px;
	text-align:center;	
	width: 100%;
	margin:auto;
}

.td-sokyhieu{	
	font-size:13px;
	padding-left:3px;
	height:24px;
	bgcolor:red;
	color:#444444;
	font-family:Arial;
	padding-top	:2px;
	padding-left:2px;
	padding-bottom:2px;
	/*color:green;*/
	font-weight:bold;	
}
.td-document-label{	
	font-size:14px;	
	height:24px;
	bgcolor:red;
	color:#444444;
	font-family:Arial;
	padding-top	:2px;
	padding-left:2px;
	padding-bottom:2px;
	border-bottom: 1px dashed #bd0000;
	color:red;
	font-weight:bold;	
}
.attachment{	
	font-size:13px;
	padding-left:3px;
	height:24px;
	bgcolor:red;	
	font-family:Arial;
	padding-top	:2px;	
	padding-bottom:2px;
	color:green;
	font-weight:bold;
	background-image:src('attachment.gif');
}

.td-trichyeu{	
	font-size:13px;
	padding-left:3px;
	height:24px;
	bgcolor:red;
	color:#444444;
	font-family:Arial;
	padding-top	:2px;
	padding-left:2px;
	padding-bottom:2px;
	
}
.btquaylai{	
	font-size:13px;	
	height:24px;
	bgcolor:red;	
	font-family:Arial;
	padding-top	:2px;
	padding-left:32px;
	padding-bottom:2px;
	color:green;
	font-weight:bold;
	background-image:src('back.gif');
}
/* vbpq */
.TD-report>li{

	position:relative;
	float:left;
	font-size:12px;
	color:red;
	height:22px;	
	align:center;
	padding:3px;
	font-weight:bold;	
	border-left: 1px solid #1C76B4;
	border-right: 1px solid #1C76B4;
	border-top: 1px solid #1C76B4;
	border-bottom: 1px solid #1C76B4;
}

.tb-vbpq{
	font-size:13px;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	font-size:10pt;
	width:100%;
	/*height:100%;*/
	
}
.tb-vbpq>tbody>tr>td{		
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;	
	padding-left:3px;
	height:24px;
	bgcolor:red;
	color:#444444;
	font-family:Arial;
	padding-top	:8px;
	padding-left:8px;
	padding-bottom:8px;
	
}
.tb-vbpq td{
	padding-left:3px;
	height:24px;
	bgcolor:red;
	color:#444444;
	font-family:Arial;
	padding-top	:8px;
	padding-left:8px;
	padding-bottom:8px;
	
}
.tb-vbpq-td-label{
	border: 1px solid #DFDFDF;
	padding:5px;
	height:28px;	
	font-weight:bold;
	color:#444444;
	font-family:Arial;	
}



.tbreport tr:hover{
/*	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;	
	height:24px;
	background-color:#B3C0DB ;
	cursor:pointer;
*/
	
}

.tbreport th{
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;	
	background-color:#EFEFEF;
	text-align:center;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	height:24px;
}

.tbreport-child{

	border: 1px solid #56627B;

}
.tbreport .td-end{
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;	
	background-color:#DEEDFD;
	font-weight:bold;
	height:24px;
}

.tbreport a{
	
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:black;
	
}

.tbreport a:hover{
	
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:black;
	color:red;
	font-weight:bold;
	
}


/* end report */

#exit{
	position: absolute;
	right: 10px;
	top: 4px;
}
#change-pass{
	position: absolute;
	right: 40px;
	top: 4px;
}
#login{
	position: absolute;
	right: 14px;
	top: 4px;
}



html,body{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:13px;
	line-height:125%;
}
#MSO_ContentTable
{
	margin-left: auto;
	margin-right:auto;
	width:1000px;
	text-align:left;
}
.s4-signInLink {
    color: blue !important;
}

img
{
	vertical-align:middle;
	border:0;
}
a{
	cursor:pointer;
}
a:link, a:visited{
	text-decoration:none;
	color:#003399;
}

a:hover{
	color:gray;
}

.ms-bodyareaframe, .ms-bodyareaframe, .ms-viewareaframe{
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
}

.ms-PartSpacingVertical{
	margin:0;
}

#aspnetForm{
	text-align:center;
}
.ms-main{
	width:1000px;
	margin:0 auto;
}
.noItem
{
	padding:20px;
	display:block;
	text-align:center;
}
.contentinlist
{
	font-family:tahoma,sans-serif;
    font-size:10pt;
}
.contentleft
{
	padding-left:5px;
}
#tdLeft{
	width:220px;
	background:#fff7e7;
}
#tdCenter{
	width:780px;
	background:#fff7e7;
}
#tdRight{
	/*width:230px;*/
	display:none;
}


/* Style Trang Default */
.date {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:inline-block;
	text-align:center;
	line-height:31px;
}
#menutab div div span{	
	/*display:inline-block;*/
}
#menutab div div span a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	line-height:31px;
}
#menutab div div span a:hover{
	color:yellow;
	text-decoration:none;
}
#toppage
{
	height:145px;
	width:1000px;
	background:#f2f2f2 url("_banner.jpg") no-repeat scroll 0 0;
}
#menutab
{
	height:31px;
	width:1000px;
	background:#B82214;	 
}
#menutab div
{
	height:31px;
	background:#B82214;	 
}

#menutab div div
{
	height:31px;
	background:#B82214;	 
}
#nav_footer{
	height:14px;
	width:1000px;
	background: url("nav_footer.gif") repeat-x scroll left top; 	
}
/* Footer Style */
#footermenu
{
	width:100%;
	display:block;
	background:#D65A01;	
	height:31px;
}
#footermenu #nav
{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:31px;
	text-align:center;
}
#footermenu #counter
{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:right;
	margin-top:7px;
	padding-right:10px
}
#footermenu #counter img
{
	vertical-align:middle;
	border:0;
}
#footerinfo
{
	clear:both;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:7px 0 10px 10px;
	color:#6b6b6b;	
}
#leftmenu
{
	width:88%;
	min-width:196px;
	margin:0px;
	padding:0;
	font-family:Arial;
	font-size:12px;
	/*background: url("box_left_repeat.gif") repeat-y scroll left top;*/
}
#leftmenu>div {
	box-shadow: 0px 2px 8px 2px #f8e48387;
	border:1px solid #d65a019e;
    border-radius:4px;
    margin-top:4px;
	/* background: url("box_left_top.gif") no-repeat scroll left top;*/
	
}
#leftmenu div div {
	/*background: url("box_left_buttom.gif") no-repeat scroll 0 100%;*/	
}
#leftmenu div div div{
	padding:12px;
}
#leftmenu ul {
	padding:0;
	margin:0;
	}
#leftmenu li{
	list-style:none;
}
#leftmenu li .parentmenu{
	display:block;
	font-weight:bold;
	color:white;
	text-decoration:none;
	padding:5px 5px 5px 10px;
	background:#B82214;		
}
#leftmenu li a:hover{
	display:block;	
}
#leftmenu .childmenu{
	display:block;
}
#leftmenu .childmenu li {
	padding:4px 4px 4px 26px;
	margin:0;
	background: url("dot_li_style.gif") no-repeat scroll 12px 8px;	
}
#leftmenu .childmenu a:hover{
	color:#bd0000;
	text-decoration:none;
}

.titleviewvb
{
	color:#004899;
	font-weight:bold;
}
.listviewdefault{
	padding-right:15px;
	display:block;
}
.listviewdefault li{
	margin-bottom:15px;
	list-style:circle;
	text-align:justify;
}
.listviewdefault li a{
	margin-bottom:2px;
	display:block;
}
.listviewdefault li a:hover{
	color:#bd0000;
	text-decoration:none;
}

.view-title{
	line-height: 26px;
	padding: 1px 4px;
	position: relative;
}
td.view-title{
	/*height: 32px;*/
}
.view-title .search-box{
	/*float: right;*/
	position: absolute;
	right: 4px;
	top: 1px;
}

/*CONTENT*/
#content td{
	font-family:Arial;
	font-size:12px;
}
#content
{
	display:block;
	/*width:780px;*/
	width:100%
	margin:0px auto;
	padding:0;
	font-family:Arial;
	font-size:12px;
	color:#333;
	/*background: url("box_content_repeat.gif") repeat-y scroll left top;*/
}
#content div {
	/*background: url("box_content_top.gif") no-repeat scroll left top;*/
}
#content>div>div {
	box-shadow: 0px 2px 8px 2px #f8e48387;
	border:1px solid #d65a019e;
    border-radius:4px;
    margin-top:4px;
	/*background: url("box_content_buttom.gif") no-repeat scroll 0 100%;*/	
	padding:12px;
}
#content div div div{
	padding:0px;
	background:none;
	display:block;
	overflow:hidden;
}

#content div div div .divData{
			
	font-family:Arial;
	font-size:10pt;
	border-left:1px solid #DEDFDE;
	border-top:1px solid #DEDFDE;
	padding-left:3px;
	
	
}

table{border-collapse:collapse !important}
#content div div div th{
	color:#2F318D;	
	font-family:Arial;
	font-size:10pt;
	background:#e7e7e7;
	border:1px solid #DEDFDE;
	padding:5px;
	height:28px;
}




#content div div div .vw-link{
	padding:0px;
	background:none;
	color:black;
	font-weight:normal;	
}
#content div div div .vw-link:hover{	
	text-decoration: underline;	
	color:blue;
}


<!-- table view -->
.tb-vw{
	border:10px;
	border-right:1px solid #DEDFDE;
	border-bottom:1px solid #DEDFDE;	
	color:black;
	
}

.tb_viewdetail{
	border-collapse:collapse;
	color:#444;
}
.tb_viewdetail td{
	border:1px solid #CACACA;
	padding:5px;
	text-align:left;
}
.tb_viewdetail td i{
	display:block;
}
.tb_viewdetail th{
	border:1px solid #CACACA;
	padding:5px;
	text-align:center;
	color:#2F318D;
}
#divviewdetail h3{
	margin:0 0 10px 0;
	line-height:26px;
	color:#bd0000;
	border-bottom:1px dashed #bd0000;
}
.tb_viewdetail a:hover, #divviewdetail a:hover{
	color:#bd0000;
	text-decoration:none;
}
#divFilter select{
	display:inline-block;
	font-size:11px;
	color:#2F318D;
}
#divFilter input{
	display:inline-block;
	font-size:11px;
}
#divFilter input.btnSearch{
	padding:0 6px;
	font-size:12px;
}
#textnew {
	display:block;
	margin:0;
	line-height:28px;
	color:#BD0000;
}
/* UC Control View Detail */
.ViewTitleVB
{
	font-size:18px;
	font-weight:bold;
	padding:0 0 4px;
	margin:0 0 0px;
	display:block;
	color:#2f318d;
}
.TrichYeu{
	padding:3px 0;
	display:block;
}
.TDTitleField
{
	width:165px;
	height:31px;
	font-weight:bold;
}
.txtbgSearch
{
	padding-left:15px;
	background:transparent url('gicon.png') no-repeat -82px center;
}
.txtSearch{
	color:#cccccc;
	padding-left:15px;
}
/*Footer*/
#FooterBanner{
	width:1000px;
	height:116px;
	background:url("FooterHaNam.gif") 0 0 no-repeat;
}

div.simple-pagination{
	width: auto !important;
}