html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, strong, ol, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body
{
	font-family: Arial, sans-serif, Lucida Grande, Lucida Sans, Geneva, Helvetica; /*font-size: 100%; *font-size: 80%; */
	font-size: 12px;
	background-color: #EEE;
	line-height: 1.5;
}
ol, ul
{
	list-style: none;
}
a
{
	text-decoration: none;
}

/*==================== Begin Top admin ==================== */
.div_top_Admin
{
	background:#084884;
	height: 28px;
	width: 100%;
}
.div_top_Admin .logoTop
{
  /*background: url(../Image/web-bg-top.gif) no-repeat top right;
	height: 67px;
	width: 1024px;
	float: left;*/
}
.div-out
{
    background:#084884;
	height: 28px;
}

.div_top_Admin .system
{
	/*background: url(../Image/bg_system.gif) no-repeat top left;*/
	background-color:#ffc300;
	height: 28px;
	width: 500px;
	float: right;
	font-weight: bold;
	color: #5d2d00;
	font-size: 8pt;
}

.div_top_Admin .system .user_login
{
	float: left;
	height: 28px;
	padding-left: 20px;
	margin: 5px 5px 5px 10px;
	background: url(../Image/user_login.gif) no-repeat top left;
}
.div_top_Admin .system .time_login
{
	height: 28px;
	float: left;
	padding-left: 20px;
	margin: 5px;
	background: url(../Image/Time_login.gif) no-repeat top left;
}
.div_top_Admin .system .IP_login
{
	height: 28px;
	float: left;
	padding-left: 20px;
	margin: 5px;
	background: url(../Image/IP_login.gif) no-repeat top left;
}
.div_top_Admin .system .user_help a
{
	height: 28px;
	float: left;
	padding-left: 18px;
	margin: 5px;
	background: url(../Image/icon_help.gif) no-repeat top left;
}
.div_top_Admin .system .user_help a:hover
{
	text-decoration: none;
}
.div_top_Admin .system .user_logout
{
	font-size: 8pt;
	font-weight: bold;
	color: #5d2d00;
	float: left;
	padding-left: 15px;
	margin: 2px;
	margin-top: 5px;
	border: 0;
	cursor: pointer;
	background: url(../Image/user_logout.gif) no-repeat top left;
}

.div_top_Admin .system .line_pa
{
	background: url(../Image/line_ver_sys.gif) no-repeat top center;
	width: 8px;
	margin-top: 6px;
	float: left;
}
/*=====================system2==========================*/
.div_top_Admin .system2
{
	/*background: url(../Image/bg_system.gif) no-repeat top left;
	background-color:#cccccc;*/
	height: 30px;
	width: 500px;
	float: right;
	font-weight: bold;
	color: #66ccff;
	font-size: 10pt;
}
.div_top_Admin .system2 .HeThong
{
	height: 28px;
	float: left;
	color: #5d2d00;
	padding-left: 0px;
	margin: 5px;
	
}
.div_top_Admin .system2 .line_pa
{
	background: url(../Image/line_ver_sys.gif) no-repeat top center;
	width: 2px;
	margin-top: 10px;
	float: left;
}
.div_top_Admin .system2 .ThongKeBaoCao
{
	height: 28px;
	float: left;
	padding-left: 1px;
	margin: 5px;
	
}
.div_top_Admin .system2 .NguoiDung
{
	height: 28px;
	float: left;
	padding-left: 1px;
	margin: 5px;
	
}
/*==================== End Top admin ==================== */

/* ==================== Begin định dạng chung cho form ====================== */
.clsContentUC
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
.clsContentTrangThai
{
	color: Red;
	text-align: center;
}
.clsSubContent
{
	float: left;
	width: 100%;
	
}
.subcontent-thuchien
{
	padding: 10px 0px 5px 8px;
}
.subcontent-ton
{
	padding: 10px 0px 5px 3px;
}
.clsContentFilter
{
	width: auto;
}
.clsFilter-Item
{
	float: left;
	margin-right: 10px;
	padding: 5px;
	width: auto;
}
.clsFilter-Button
{
	float: left;
	padding: 5px;
	text-align: right;
	width: auto;
}
/*page login*/
.thongbao
{
	color: #000;
	font-size: 13px;
}
.login
{
	font-weight: bold;
	color: #2c74a4;
	font-size: 13px;
}
/* ==================== End định dạng chung cho form ====================== */


/* ==================== Begin Toolbar ============================ */
/* Định dạng hiện button trên toolbar - width: 62px */
.button_Toolbar
{
	font-size: 12px;
	color: #383737;
	background: url(../Image/Nut_AdminCam.gif) repeat-x top left;
	height: 22px;
	padding-top: 3px;
	border: 0px;
	cursor: pointer;
}
/* Định dạng ẩn button trên toolbar - width: 62px */
.button_Toolbar_Hide
{
	font-size: 12px;
	color: #383737;
	background: url(../Image/Nut_AdminVangNhat.gif) repeat-x top left;
	height: 22px;
	padding-top: 3px;
	border: 0px;
}
/* Định dạng hiện button trên toolbar - width: 82px */
.button_Toolbar1
{
	font-size: 12px;
	color: #383737;
	background: url(../Image/Nut_AdminCam82.gif) repeat-x top left;
	height: 22px;
	padding-top: 3px;
	border: 0px;
	cursor: pointer;
}
/* Định dạng ẩn button trên toolbar - width: 82px */
.button_Toolbar_Hide1
{
	font-size: 12px;
	color: #383737;
	background: url(../Image/Nut_AdminVangNhat82.gif) repeat-x top left;
	height: 22px;
	padding-top: 3px;
	border: 0px;
}
/* Định dạng hiện button trên toolbar*/
.button_Toolbar_textbox
{
	height: 15px;
	width: 150px;
}

.sitemap
{
	color: #1258a0;
	font-weight: bold;
	text-transform: capitalize;
}
.link_sitemap a
{
	color: #1258a0;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
	text-transform: capitalize;
	padding-right: 5px;
}
.SiteMapLinks
{
	background: url(../Image/bul_sitemap.png) no-repeat top left;
	color: #1258a0;
	font-weight: bold;
	padding-left: 10px;
	text-transform: capitalize;
}
.search_header
{
	color: #1258a0;
	float: right;
	top: 8px;
}
.button_them
{
	font-weight: bold;
	font-size: 8pt;
	color: #383737;
	background: url(../Image/button_them.gif) repeat-x top left;
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
}
.btnTaoHoSo_70
{
	width: 68px;
	height: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
	color: #000000;
	cursor: pointer;
	border: 0;
	border: none;
	vertical-align: text-top;
	vertical-align: top;
	background: url(../Image/bg_btn_68x20.gif) no-repeat;
}
.btnCapNhat
{
	height: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
	color:blue;
	cursor: pointer;
	border: 0;
	border: none;
	vertical-align: text-top;
	vertical-align: top;
    background-color:orange;
}
.DinhDangToolBar
{
	border: 0px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

/* =======================End Toolbar ================================ */

/*Begin Định dạng datagrid trên form*/
.DinhDangDatagrid
{
	border-color: #C5B899;
	width: 100%;
}
.gvStyles
{
	border-color: #C5B899;
	width: 100%;
}
.gvStyles_HeaderStyle
{
	text-align: center;
	background: #f2ecec url(../../Admins/Image/bg_title_luoi.gif) repeat-x bottom left;
	color: #0c3f76;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.gvStyles_HeaderStyle a
{
	text-decoration: none;
	color: #0c3f76;
}
.gvStyles_HeaderStyle a:hover
{
	text-decoration: underline;
}
.gvStyles_SelectRow
{
	background-color: #fff;
	font-weight: bold;
}
.gvStyles_AlternatingRow
{
	background-color: #fff;
	text-align: left;
	background: url(../../Admins/Image/dot.gif) repeat-x bottom left;
}
.gvStyles_AlternatingRow a:hover
{
	text-decoration: underline;
}
.gvStyles_RowStyle
{
	background-color: #ffffff;
	text-align: left;
	background: url(../../Admins/Image/dot.gif) repeat-x bottom left;
}
.gvStyles_RowStyle a:hover
{
	text-decoration: underline;
}
.gvStyles_FooterStyle
{
	background-color: Gray;
	color: #C00000;
}
/*End Định dạng datagrid trên form*/

/*BEGIN ĐỊNH DANG TEXT */
.text_note_bold
{
	color: #1B5086;
	font-weight: bold;
}
.text_note_bold_red
{
	color: red;
	font-weight: bold;
}
/*END ĐỊNH DANG TEXT */
.txt_date
{
	width: 100px;
	height: 15px;
}
.btn_date
{
	padding-top: 2px;
	height: 17px;
	width: 18px;
	font-size: 8pt;
	font-weight: bold;
	background: url(../Image/icon_date_18x17.gif) repeat 0px 0px;
	border-left: 0px;
	border-top: 0px;
	color: #0a4c7f;
	border-right: 1px solid #448daa;
	border-bottom: 1px solid #448daa;
	cursor: pointer;
}


/* POPUP FORM ĐIỀU KIỆN TÌM KIẾM */
.modalBackground-filter
{
	background-color: #000;
}
.modalPopup-filter
{
	background-color: #fff;
	border: solid 5px #326e00;
	width: 500px;
	height: 200px;
}
.clsTable-filter
{
	width: 500px;
	float: left;
	height: 100%;
}
.clsTable-filter .clsheader-filter
{
	width: 500px;
	background: #b1e37f;
	padding-left: 5px;
	height: 20px;
}
.clsTable-filter .clsheader-filter-left
{
	width: 395px;
	float: left;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
}
.clsTable-filter .clsheader-filter-left span
{
	font-size: 12px;
	font-weight: bold;
}
.clsTable-filter .clsheader-filter-right
{
	width: 100px;
	float: left;
	text-align: right;
}

.clsTable-filter .clscontent-filter
{
	width: 500px;
	padding-top: 10px;
}
.clsTable-filter .clscontent-filter .clscontent-filter-row
{
	width: 500px;
	height: 30px;
}
.clsTable-filter .clscontent-filter .clscontent-filter-row .clscontent-filter-left
{
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 5px;
}
.clsTable-filter .clscontent-filter .clscontent-filter-row .clscontent-filter-right
{
	width: 350px;
	float: left;
	text-align: left;
	padding-left: 5px;
}

.clsTable-filter .clschucnang-filter
{
	width: 100%;
	padding-left: 200px;
	padding-top: 14px;
}
/* POPUP FORM ĐIỀU KIỆN TÌM KIẾM */


/* THỐNG KÊ PHẦN ADMIN */
.ThongKeAdmin
{
	width: 750px;
	height: 470px;
	border: solid 1px red;
	margin-left: 10px;
	margin-top: 30px;
	padding-bottom: 30px;
	background: #FDFDFD;
}
.ThongKeAdmin .Title
{
	width: 100%;
	height: 40px;
	background: #E7E7E7;
	text-align: center;
	padding-top: 10px;
}
.ThongKeAdmin .Title span
{
	font-size: 20px;
	font-weight: bold;
	color: Red;
	border-bottom: solid 1px green;
}

.ThongKeAdmin .ChiTiet
{
	width: 100%;
	height: auto;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row
{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke
{
	float: left;
	width: 230px;
	height: 150px;
	font-size: 12px;
	position: relative;
	border: solid 1px #81c800;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-right: 5px;
	top: 0px;
	left: 5px;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke1
{
	float: left;
	width: 230px;
	height: 250px;
	font-size: 12px;
	position: relative;
	border: solid 1px #81c800;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-right: 5px;
	top: 0px;
	left: 5px;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-topleft
{
	width: 6px;
	height: 6px;
	position: absolute;
	top: -1px;
	left: -1px;
	background: url(../../Images/c_boxgreen_tl.png) no-repeat top left;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-topright
{
	width: 6px;
	height: 6px;
	position: absolute;
	top: -1px;
	right: -1px;
	background: url(../../Images/c_boxgreen_tr.png) no-repeat top right;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-bottomleft
{
	width: 6px;
	height: 6px;
	position: absolute;
	bottom: -1px;
	left: -1px;
	background: url(../../Images/c_boxgreen_bl.png) no-repeat bottom left;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-bottomright
{
	width: 6px;
	height: 6px;
	position: absolute;
	bottom: -1px;
	right: -1px;
	background: url(../../Images/c_boxgreen_br.png) no-repeat bottom right;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-inside
{
	width: auto;
	text-align: left;
	color: #326e00;
	margin: 10px;
	border-bottom: solid 1px #326e00;
	font-size: 14px;
	font-weight: bold;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-content
{
	width: auto;
	padding: 0px 5px 0px 5px;
	text-align: left;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-sub
{
	float: left;
	width: 220px;
	padding: 3px 5px;
	margin-bottom: 0px;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-sub .clsthongtinthongke-sub-left
{
	padding-right: 0px;
	font-size: 12px;
	color: #326e00;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-sub .clsthongtinthongke-sub-right
{
	padding-left: 5px;
	font-size: 12px;
}
.ThongKeAdmin .ChiTiet .ChiTiet-Row .clsthongtinthongke-sub .clsthongtinthongke-sub-right a
{
	color: #ff7900;
	font-weight: bold;
}

/* THỐNG KÊ PHẦN ADMIN */

/* ========================= Begin divCapNhat =============================== */
.clsSubContent .clsTieuDeForm
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../Image/bg_title_menuleft_new.gif);
	height: 35px;
	width: 100%;
	padding-left: 10px;
}
.clsSubContent .clsThongKe
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background-color: #EEE;
	/*background-image: url(../Image/bg_login.gif);*/
	height: 25px;
	width: 100%;
	padding-left: 10px;
}
/* dinh dang div câp nhat mobile*/
.clsSubContent .clsFieldCapNhat_mobile
{
	height: 100%;
	width: 350px;
    float: left;
}
.clsSubContent .clsFieldCapNhat_mobile .clsFieldNgang-tr
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat_mobile .clsFieldNgang-tr .clsFieldNgang-td1
{
	float: left;
	width: 120px;
	text-align: left;
	padding-left: 20px;
}
.clsSubContent .clsFieldCapNhat_mobile .clsFieldNgang-tr .clsFieldNgang-td2
{
	float: left;
	width: 200px;
}
.clsSubContent .clsFieldCapNhat
{
	height: 100%;
	width: 1100px;
}

/* Định dạng div tra cuu */
.clsSubContent .clsFieldCapNhat .clstracuu_tc
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .clstracuu_tc .clstracuu_1
{
	float: left;
	width: 150px;
	text-align: left;
	height: 22px;
	padding-left: 12px;
	
}
.clsSubContent .clsFieldCapNhat .clstracuu_tc .clstracuu_2
{
	float: left;
	width: 130px;
	height: 22px;
}
.clsSubContent .clsFieldCapNhat .clstracuu_tc .clstracuu_3
{
	float: left;
	width: 130px;
	text-align: left;
	height: 22px;
	
}
.clsSubContent .clsFieldCapNhat .clstracuu_tc .clstracuu_4
{
	float: left;
	width: 150px;
	height: 22px;
}
.clsSubContent .clsFieldCapNhat .clstracuu_tc .clstracuu_5
{
	float: left;
	width: 150px;
	height: 22px;
}
.clsSubContent .clsFieldCapNhat .clstracuu_tc .clstracuu_6
{
	float: left;
	width: 120px;
	height: 22px;
}
.clsSubContent .clsFieldCapNhat .clstracuu_tc .clstracuu_7
{
	float: left;
	width: 80px;
	height: 22px;
}
/* dinh dang 4 item nam tren 1 hang */
.clsSubContent .clsFieldCapNhat .clsFieldNgang-tr
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .clsFieldNgang-tr .clsFieldNgang-td1
{
	float: left;
	width: 160px;
	text-align: left;
	padding-left: 20px;
}
.clsSubContent .clsFieldCapNhat .clsFieldNgang-tr .clsFieldNgang-td2
{
	float: left;
	width: 240px;
}
.clsSubContent .clsFieldCapNhat .clsFieldNgang-tr .clsFieldNgang-td3
{
	float: left;
	width: 160px;
	text-align: left;
	padding-left: 5px;
}
.clsSubContent .clsFieldCapNhat .clsFieldNgang-tr .clsFieldNgang-td4
{
	float: left;
	width: 300px;
}

/* Định dạng 3 item nằm ngang trên 1 hàng */
.clsSubContent .clsFieldCapNhat .clsField3Ngang-tr
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .clsField3Ngang-tr .clsField3Ngang-td1
{
	float: left;
	width: 126px;
	text-align: left;
	padding-left: 20px;
	height: 18px;
}
.clsSubContent .clsFieldCapNhat .clsField3Ngang-tr .clsField3Ngang-td2
{
	float: left;
	width: 85px;
}
.clsSubContent .clsFieldCapNhat .clsField3Ngang-tr .clsField3Ngang-td3
{
	float: left;
	width: 103px;
	text-align: left;
	padding-left: 20px;
}
.clsSubContent .clsFieldCapNhat .clsField3Ngang-tr .clsField3Ngang-td4
{
	float: left;
	width: 106px;
}
.clsSubContent .clsFieldCapNhat .clsField3Ngang-tr .clsField3Ngang-td5
{
	float: left;
	width: 139px;
	text-align: left;
	padding-left: 20px;
}
.clsSubContent .clsFieldCapNhat .clsField3Ngang-tr .clsField3Ngang-td6
{
	float: left;
	width: 154px;
}
/*  __________________*/
/* Định dạng 2 item nằm ngang trên 1 hàng */
.clsSubContent .clsFieldCapNhat .clsField2Ngang-tr
{
	float: left;
	width: 100%;
	margin: 2px 0px;
	border-bottom: 1px;
	border-style: dotted;
}
.clsSubContent .clsFieldCapNhat .clsField2Ngang-tr .clsField2Ngang-td1
{
	float: left;
	width: 300px;
	text-align: left;
	padding-left: 20px;
	height: 18px;
}
.clsSubContent .clsFieldCapNhat .clsField2Ngang-tr .clsField2Ngang-td2
{
	float: left;
	width:300px;
}
/*
/* Định dạng 1 div cho thong ke bao cao */
.clsSubContent .clsFieldCapNhat .thongKeBaoCao
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .thongKeBaoCao .tk1
{
	float: left;
	width: 165px;
	text-align: left;
	height: 24px;
	padding-left: 12px;
	
}
.clsSubContent .clsFieldCapNhat .thongKeBaoCao .tk2
{
	float: left;
	width: 100px;
	height: 22px;
	padding-left: 12px;
}
.clsSubContent .clsFieldCapNhat .thongKeBaoCao .tk3
{
	float: left;
	width: 100px;
	text-align: left;
	height: 22px;
	
}
.clsSubContent .clsFieldCapNhat .thongKeBaoCao .tk4
{
	float: left;
	width: 140px;
	height: 22px;
}
.clsSubContent .clsFieldCapNhat .thongKeBaoCao .tk5
{
	float: left;
	width: 140px;
	height: 22px;
}
.clsSubContent .clsFieldCapNhat .thongKeBaoCao .tk6
{
	float: left;
	width: 140px;
	height: 22px;
}
/* Định dạng 3 item nằm ngang trên 1 hàng */
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td1
{
	float: left;
	width: 142px;
	text-align: left;
	padding-left: 20px;
	height: 18px;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td2
{
	float: left;
	width: 89px;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td3
{
	float: left;
	width: 92px;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td4
{
	float: left;
	width: 95px;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td5
{
	float: left;
	width: 113px;
	text-align: left;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td6
{
	float: left;
	width: 140px;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td7
{
	float: left;
	width: 140px;
}
.clsSubContent .clsFieldCapNhat .clsField31Ngang-tr .clsField31Ngang-td8
{
	float: left;
	width: 140px;
}
/* Định dạng item nằm dọc */
.clsSubContent .clsFieldCapNhat .clsFieldDoc-tr
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .clsFieldDoc-tr .clsFieldDoc-td1
{
	float: left;
	width: 120px;
	text-align: left;
	padding-left: 20px;
}
.clsSubContent .clsFieldCapNhat .clsFieldDoc-tr .clsFieldDoc-td2
{
	width: 100%;
}
/* Định dạng item nhập liệu trên grid - chỉ sử dụng riêng cho trường hợp của Danh mục câu khảo sát*/
.clsSubContent .clsFieldCapNhat .clsInsertGrid-tr
{
	width: 100%;
}
.clsSubContent .clsFieldCapNhat .clsInsertGrid-tr .clsInsertGrid-td
{
	padding: 0px 5px 5px 10px;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu
{
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr
{
	float: left;
	width: 100%;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td1
{
	float: left;
	width: 110px;
	text-align: right;
	padding-right: 3px;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td2
{
	width: 140px;
	float: left;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td3
{
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 3px;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td4
{
	width: 140px;
	float: left;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td5
{
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 3px;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td6
{
	width: 30px;
	float: left;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td7
{
	float: left;
	width: 53px;
	text-align: right;
	padding-right: 3px;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-td8
{
	width: 120px;
	float: left;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-MoTa1
{
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 3px;
}
.clsInsertGrid-td .clsInsertGrid-PhanNhapLieu .clsPhanNhapLieu-tr .clsPhanMhapLieu-MoTa2
{
	width: 250px;
	float: left;
}
/* ========================= End divCapNhat =============================== */
/*Bo sung*/
.PagerStyle
{
	width: 686px;
	height: 36px;
	background-image: url(Image/photonav.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	text-align: center;
}
.PageNumber
{
   font-family :Verdana, Arial, Helvetica;
   font-size :12px;
   color :White ;
   font-weight :bold ;
}
/* Định dạng cho chành xe và thông tin tài khoản*/
.clsSubContent .clsFieldCapNhat .clsFieldTK
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .clsFieldTK .clsFieldTK-td1
{
	float: left;
	width: 450px;
	text-align: left;
	padding-left: 20px;
}
.clsSubContent .clsFieldCapNhat .clsFieldTK .clsFieldTK-td2
{
	float: left;
	width: 450px;
	text-align: left;
	padding-left: 20px;
}
/* Định dạng cho thông tin công ty*/
.clsSubContent .clsFieldCapNhat .clsFieldCT
{
	float: left;
	width: 100%;
	margin: 2px 0px;
}
.clsSubContent .clsFieldCapNhat .clsFieldCT .clsFieldCT-td1
{
	float: left;
	width: 150px;
	text-align: left;
	padding-left: 20px;
}
.clsSubContent .clsFieldCapNhat .clsFieldCT .clsFieldCT-td2
{
	float: left;
	width: 450px;
	text-align: left;
	padding-left: 20px;
}
/* ------------------MENU-------------------------------------------------------------*/


#container {
  margin: 0 auto;
  max-width: 890px;
}

p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: #084884;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #084884;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

nav ul li ul li:hover { background: #000000; }

nav a:hover { background-color: #000000; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 270px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #254441;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  border: none;

}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}
/* */
.arrow-up {
     width:0px;
     height:0px;
     border-left:15px solid transparent;
     border-right:15px solid transparent;
     border-bottom:20px solid #2f2f2f; /* Tam giác phía dưới được đổ màu */
}
.arrow-left {
     width:0px;
     height:0px;
     border-bottom:15px solid transparent;
     border-top:15px solid transparent;
     border-right:25px solid #2f2f2f; /* Tam giác phải được đổ màu */
}