/* ====== FORM =====*/

.text_input
{
	padding:1px 1px 2px 2px;
	font-size:9pt;
	border:solid 1px #ABADB3; 
	height:15px;
	margin-right:5px;
}
.text_input_right2left
{
	padding:1px 1px 2px 2px;
	font-size:9pt;
	border:solid 1px #ABADB3;
	height:15px;
	text-align:right;
	margin-right:5px;
} 
.text_input_code
{
	padding:1px 1px 2px 2px;
	font-size:9pt;
	border:solid 1px #ABADB3; 
	height:15px;
	text-transform:uppercase;
	margin-right:5px;
}
.text_input_calendar
{
	padding:1px 1px 2px 2px;
	font-size:9pt;
	border:solid 1px #ABADB3; 
	height:15px;
	margin-right:5px;
	background: url(/images/calendar_icon.gif) no-repeat scroll 66px 2px transparent;
	background-color:#fff;
	cursor:pointer;
	width:80px;
	
}
.lbl_code
{
	text-transform:uppercase;
}
#table
{ 
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	text-align: left; font-family:Verdana;font-size:8pt; border:solid 1px silver;
	background-color:#E5EBF9;  
	margin:5px;
	
} 

#table .table_head
{ 
	height:28px;
	font:  normal 12px Tahoma, Calibri, Verdana, Geneva, sans-serif; 
	background:url(/images/header_b.png) repeat-x;
	_background-image: none;
	padding:4px 10px 4px 10px;
	 
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
#table .table_title
{
	padding:3px 4px 4px 4px; border-bottom:solid 1px #fff; 
}
.lbl_text
{
	padding:6px 4px 0px 8px;  
}

.lbl_text_large
{
	padding:6px 4px 0px 8px;  
	font-size:14px;
	line-height:40px;
}

#table .input_text
{
	padding:6px 4px 4px 4px; 
	background:#FAFBFF;
}
#table select
{
	font-size:9pt;
}

.td_input
{
	padding:6px 4px 0px 4px;
}
 
#search_form
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	border:solid 1px silver; 
	float:left;
	background-color:#EAEEF8; /*E5EBF9*/
	padding:5px;
	font-size:8pt;
	_margin-left:1px;
}
#search_form label { padding-right:10px}
 
#search_form .label_search
{
	padding:12px;
	width:100px;
	float:left;
}
#search_form .content
{ 
	float:left;
	width:700px;
} 
.require_input
{
	color:Red;
}

/*style for search box -----------------------------------------------------------------------------------------*/
.box_corner {margin-bottom:10px; line-height:18px;}
.xtop {DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%} 
.xbottom {DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%}
.xb1, .xb2, .xb3 {DISPLAY: block; OVERFLOW: hidden; HEIGHT: 1px}
 
.blue_gray_curve{BORDER-RIGHT: #98d7fc 1px solid;BORDER-LEFT: #98d7fc 1px solid; background:#e4f5ff}
.blue_gray_top{BACKGROUND: #98d7fc;}
.blue_gray_content {BORDER-RIGHT: #98d7fc 1px solid; BORDER-TOP: #98d7fc 0px solid; DISPLAY: block; BACKGROUND: #e4f5ff; BORDER-LEFT: #98d7fc 1px solid; BORDER-BOTTOM: #98d7fc 0px solid; padding:10px 5px 10px 7px}
 
.blue_curve{BORDER-RIGHT: #A6C2E3 1px solid;BORDER-LEFT: #A6C2E3 1px solid}
 
/*.blue_top{BACKGROUND: #B9CFE9;}*/
.blue_content {BORDER: #A6C2E3 1px solid; BORDER-TOP: #A6C2E3 0px solid; DISPLAY: block; BACKGROUND: #EAEEF8;/*#eaf5f9;*/ BORDER-LEFT: #A6C2E3 1px solid; BORDER-BOTTOM: #A6C2E3 0px solid; padding:10px; font-family:Verdana; font-size:8pt; height:auto; min-height:18px;_height:18px; }
.blue_content a{color:#555;}
.blue_content a:hover{color:#F7931D;}
.blue_content select {font-size:8pt;}
.blue_title{BACKGROUND: #A6C2E3}/*color of box title*/ 
 
/*.blue_bg_title{margin:0; font-size:1.2em; padding:0 10px 5px 10px; background:#00adef; color:#fff; height:15px}*/
.blue_bg_title{margin:0; font-size:1.1em; padding:0 10px 2px 10px;_padding:0 10px 0px 10px;BACKGROUND:#A6C2E3;/*background:url(/images/tbl_header_bg.png) repeat-x;*/ color:#fff; height:22px; line-height:23px;_line-height:22px;border-bottom:1px solid #ABADB3; font-weight:bold;}
.blue_bg_title a{color:#fff; text-decoration:underline; font-size:10px}
.blue_bg_title a:hover{color:#ff9900; text-decoration:underline; font-size:10px}
.blue_bg_bottom{background:#eaf5f9}
 
.xb1 {MARGIN: 0px 3px}
.xb2 {MARGIN: 0px 2px; background:#A6C2E3;} 
.xb3 {MARGIN: 0px 1px} 
 

 /* style for search box --------------------------------------------------------------------------------------------------*/
 
 /*style for forms -----------------------------------------------------------------------------------------*/
.box_corner_form {margin-bottom:10px;margin-left:6px; margin-right:6px}
.xtop_form {DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%} 
.xbottom_form {DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%}
.xb1_form, .xb2_form, .xb3_form {DISPLAY: block; OVERFLOW: hidden; HEIGHT: 1px}
 
.blue_gray_curve_form{BORDER-RIGHT: #98d7fc 1px solid;BORDER-LEFT: #98d7fc 1px solid; background:#e4f5ff}
.blue_gray_top_form{BACKGROUND: #98d7fc;}
.blue_gray_content_form {BORDER-RIGHT: #98d7fc 1px solid; BORDER-TOP: #98d7fc 0px solid; DISPLAY: block; BACKGROUND: #e4f5ff; BORDER-LEFT: #98d7fc 1px solid; BORDER-BOTTOM: #98d7fc 0px solid; padding:10px 5px 10px 7px}
 
.blue_curve_form{BORDER-RIGHT: #A6C2E3 1px solid;BORDER-LEFT: #A6C2E3 1px solid}
 
/*.blue_top{BACKGROUND: #B9CFE9;}*/
.blue_content_form {BORDER: #A6C2E3 1px solid; BORDER-TOP: #A6C2E3 0px solid; DISPLAY: block; BACKGROUND: #EAEEF8;/*#eaf5f9;*/ BORDER-LEFT: #A6C2E3 1px solid; BORDER-BOTTOM: #A6C2E3 0px solid; padding:10px 10px 5px 10px; font-family:Verdana; font-size:8pt;}
.blue_content_form_login {BORDER: #A6C2E3 1px solid; BORDER-TOP: #A6C2E3 0px solid; DISPLAY: block; BACKGROUND: #EAEEF8;/*#eaf5f9;*/ BORDER-LEFT: #A6C2E3 1px solid; BORDER-BOTTOM: #A6C2E3 0px solid; padding:10px 10px 1px 10px; font-family:Verdana; font-size:8pt;}
.blue_content_form a{color:#555;}
.blue_content_form a:hover{color:#F7931D;}
.blue_content_form select {font-size:8pt;}
.blue_title_form{BACKGROUND: #BCD1E9}/*color of box title*/ 
  
.blue_bg_title_form{margin:0; font-size:9pt; padding:0 10px 2px 10px;_padding:0 10px 0px 10px;background:url(/images/tbl_header_bg.png) repeat-x; color:#fff; height:22px; line-height:23px;_line-height:22px;border-bottom:1px solid #ABADB3; font-weight:bold; font-family:Verdana;}
.blue_bg_title_form a{color:#fff; text-decoration:underline; font-size:10px}
.blue_bg_title_form a:hover{color:#ff9900; text-decoration:underline; font-size:10px}
.blue_bg_bottom_form{background:#eaf5f9}
 
.xb1_form {MARGIN: 0px 3px}
.xb2_form {MARGIN: 0px 2px; background:#BCD1E9;} 
.xb3_form {MARGIN: 0px 1px} 
 
.form_bottom{padding:6px 4px 0px 0px}

.div_break{ clear:both; height:6px;}
.help_icon
{
	border:none 0; width:16px; height:16px;margin:2px 5px 0 0px; cursor:pointer;
}
 /* style for forms  --------------------------------------------------------------------------------------------------*/

/*===== BUTTON =====*/
.btn_sua
{
	background:url(/images/btn_sua.png); height:21px; width:61px; border:0; cursor:pointer;
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_sua_invisible
{
	background:url(/images/btn_sua_invisible.png); height:21px; width:61px; border:0; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}

.btn_luu
{
	/*3px 0px*/
	background:url(/images/btn_luu.png) no-repeat scroll  transparent; width:66px; height:22px; border:0 ;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt;
}
.btn_luu_invisible
{
	background:url(/images/btn_luu_invisible.png) no-repeat scroll transparent; width:66px; height:22px; border:0 ;  
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
 
.btn_moi
{
	background:url(/images/btn_moi.png) no-repeat scroll transparent; width:66px; height:22px; border:0 ;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_moi_invisible
{
	background:url(/images/btn_moi_invisible.png) no-repeat scroll  transparent; width:66px; height:22px; border:0 ;  
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
 
.btn_in
{
	background:url(/images/btn_in.png) no-repeat scroll transparent; width:66px; height:22px; border:0 ;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_in_invisible
{
	background:url(/images/btn_in_invisible.png) no-repeat scroll  transparent; width:66px; height:22px; border:0 ;  
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
  
.btn_huy
{
	background:url(/images/btn_huy.png) no-repeat scroll transparent; width:66px; height:22px; border:0;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt;  
}
.btn_huy_invisible
{
	background:url(/images/btn_huy_invisible.png) no-repeat scroll transparent; width:66px; height:22px; border:0; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt;  
}
 
.btn_xoa
{
	background:url(/images/btn_xoa.png) no-repeat scroll  transparent; width:66px; height:22px; border:0 ;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_xoa_invisible
{
	background:url(/images/btn_xoa_invisible.png) no-repeat scroll transparent; width:66px; height:22px; border:0 ; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
 
.btn_tim
{
	background:url(/images/btn_tim.png) no-repeat scroll transparent; width:65px; height:22px; border:0 ;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_tim_invisible
{
	background:url(/images/btn_tim_invisible.png) no-repeat scroll transparent; width:66px; height:22px; border:0 ;
	padding-left:24px;
	font-family:Arial;
	font-size:8pt;   
}
 
.btn_thoat
{
	background:url(/images/btn_thoat.png) no-repeat scroll transparent; width:66px; height:22px; border:0 ;cursor:pointer;
	padding-left:24px;
	font-family:Arial;
	font-size:8pt;  
}
.btn_thoat_invisible
{
	background:url(/images/btn_thoat_invisible.png) no-repeat scroll transparent; width:66px; height:22px; border:0 ;
	padding-left:24px;
	font-family:Arial;
	font-size:8pt;   
}

.btn_trove
{
	background:url(/images/btn_huy.png) no-repeat scroll transparent; width:66px; height:22px; border:0;cursor:pointer; 
	padding-left:12px;
	font-family:Arial;
	font-size:8pt;  
}
.btn_trove_invisible
{
	background:url(/images/btn_huy_invisible.png) no-repeat scroll transparent; width:66px; height:22px; border:0; 
	padding-left:12px;
	font-family:Arial;
	font-size:8pt;  
}

.btn_import
{
	background:url(/images/btn_import.png) no-repeat scroll transparent; width:90px; height:22px; border:0;cursor:pointer; 
	padding-left:14px;
	font-family:Arial;
	font-size:8pt;  
}
.btn_export_to_excel
{
	background:url(/images/btn_excel.png) no-repeat scroll transparent; width:65px; height:22px; border:0 ;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_export_to_excel_invisible
{
	background:url(/images/btn_excel_invisible.png) no-repeat scroll transparent; width:65px; height:22px; border:0 ;cursor:pointer; 
	padding-left:24px;
	font-family:Arial;
	font-size:8pt; 
}

.btn_reset
{
	background:url(/images/btn_reset.gif) no-repeat scroll transparent; width:66px; height:22px; border:0;cursor:pointer; 
	padding-left:16px;
	font-family:Arial;
	font-size:8pt;  
}
.btn_giao_hang
{
	background:url(/images/btn_giao_hang.png) no-repeat scroll transparent; width:90px; height:22px; border:0 ;cursor:pointer; 
	padding-left:18px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_giao_hang_invisible
{
	background:url(/images/btn_giao_hang_invisible.png) no-repeat scroll transparent; width:90px; height:22px; border:0 ;cursor:pointer; 
	padding-left:18px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_close
{
	background:url(/images/close_icon.png) no-repeat scroll transparent; width:31px; height:17px; border:0 ;cursor:pointer; 
	float:right;
}
.btn_ton_size
{
	background:url(/images/btn_ton_size.gif) no-repeat scroll transparent; width:102px; height:22px; border:0 ;cursor:pointer; 
	padding-left:18px;
	font-family:Arial;
	font-size:8pt; 
}
.btn_f7
{
	background:url(/images/F7.png) no-repeat scroll 0px 0px transparent; width:25px; height:22px; border:0 ;cursor:pointer; 
}
 
.btn_f9
{
	background:url(/images/F9.png) no-repeat scroll 0px 0px transparent; width:25px; height:22px; border:0 ;cursor:pointer; 
}
 
.btn_f3
{
	background:url(/images/F3.png) no-repeat scroll 0px 0px transparent; width:25px; height:22px; border:0 ;cursor:pointer; 
}
 
.btn_first
{
	background:url(/images/btn_first.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ;cursor:pointer; 
}
.btn_first_invisible
{
	background:url(/images/btn_first_invisible.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ; 
}
 
.btn_previous
{
	background:url(/images/btn_previous.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ;cursor:pointer; 
}
.btn_previous_invisible
{
	background:url(/images/btn_previous_invisible.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ;  
}
 
.btn_next
{
	background:url(/images/btn_next.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ;cursor:pointer; 
}
.btn_next_invisible
{
	background:url(/images/btn_next_invisible.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ; 
}
 
.btn_last
{
	background:url(/images/btn_last.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ;cursor:pointer; 
}
.btn_last_invisible
{
	background:url(/images/btn_last_invisible.png) no-repeat scroll  0px 0px transparent; width:25px; height:22px; border:0 ;  
}
 
/*===== END BUTTON =====*/

/*===== GRIDVIEW =====*/
.GridView 
{
	font-family:Verdana;
	font-size:8pt;
    _margin-bottom:20px;
}

.GridView .GVTitle {
    background-color: #dadada;
    height: 25px;
    border: solid 1px #ccc;
    border-bottom: 0;
    text-align: center;
    line-height: 20px;
}

.GridView .GVGridView {
    border: solid 1px #ccc;
    width: 100%;
    position: relative;
    top: 0px;
}
/*background-color: #DEE3F3;*/
.GridView .GVHeader 
{
	_height:20px;
    font-weight: bold; 
    background-color: #DEE3F3;
    _0background:url(/images/gvheader_bg.png) repeat-x;
    cursor:pointer;
    line-height:18px;
   /* 
    -moz-user-select:none;
background-color:#C0DDE0;
 background:url(/images/gvheader_bg.png) repeat-x;
background-position:center top;
background-repeat:repeat-x;
border:1px solid silver; 
cursor:pointer;
overflow:hidden;
 padding:4px 6px 5px;
white-space:nowrap;
 line-height:17px;
height:25px;
*/
}

.GridView .GVPager {
    font-weight: bold; 
    background-color: #E5EBF9;/*f2f2f2*/
    line-height:12px;
}

.GridView .GVRow {
    background-color: #fff;
}

.GridView .GVRowAlter {
    background-color: #fff;/*f9f9f9*/
}

.GridView .GVRowHover {
    background-color: #FFF5F5;
}

.GVCommand {
    height: 18px;
    line-height: 18px;
    text-align: right;
    text-decoration:none;
    color:Black;
    font-size:8pt;
}
.GVCommand a:hover{
    height: 18px;
    line-height: 18px;
    text-align: right;
    text-decoration:underline;
    color:Black;
}
.GridView .GVCommand img, .GridView input{
	margin: 0px 0px 0px 5px;
	vertical-align: middle;
}
.GVPagerT
{
	text-align:right;
	height: 18px;
	background-color: #f9f9f9;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight:normal;
}
.GVPagerB
{
	text-align:right;
	height: 18px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	border-top: none;
	font-weight:normal;
}
.GVHeader {
background-color:#F2F2F2;
font-weight:bold;
height:25px;
}
/*=== gridview cố định header, Ngoc added 26/06/2010===*/
 
.GVTextNumber
{
	border:none;
	text-align:right;  
	border-color:#fff;
}
.GVTextNumberMP2
{
	border:none;
	text-align:right;  
	border-color:#FAFBFF;
	background:#FAFBFF;
}

#scroll_box {  
  height: 415px;  
  width: 630px;   
display: auto;  
border: 1px solid #CCCCCC;  
margin: 1em 0;  
overflow:scroll; /*chú ý dòng này*/  
font-family:Verdana;
font-size:8pt;
}  

/*=== END ===*/


/*=== FOR GRIDVIEW OF MASTER2===*/
.GVMaster2
{
	background:#FFF; 
}
/*=== END ===*/
.message
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color:Red; 
}
.select
{
	font-family:Verdana;
	font-size:8pt;
	height:20px;
	border:solid 1px #ABADB3;
}
/*===== END GRIDVIEW =====*/
/*===== GRANT PERMISSION ====*/
.table_menu
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
/*===== END PERMISSION ====*/
.errmsg{color:red; }