/*==============Định dạng title========================*/
.title{ margin:10px 0px;
	text-align:center; font-size: 1.8em; font-family: Tahoma; letter-spacing: 0.01em;
	font-weight:bold;  color:#458b74; text-shadow: 1px 1px 1px rgba(255,255,255,0.6);	
	line-height: 30px;
	/*text-shadow:3px 3px 3px #999;*/
}
/*======textbox====*/
.txt_1{padding:3px 5px; border:1px solid #CCC; border-radius:5px;}
 input.txt_1:focus{ box-shadow: 0 0 2px #888;}
/*=======Button=====*/
.btn_1{
	 background: none repeat scroll 0 0 #458b74;
    border: 1px inset #FFFFFF;
    box-shadow: -2px 2px 4px #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    margin-right: 5px;
    padding: 5px;
}
.btn_2{
	 background: none repeat scroll 0 0 #458b74;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    margin-bottom: 5px;
    padding: 2px 20px;
	font-weight:bold
}
.refresh_1{ background: url("../images/refresh_1.png") no-repeat scroll 4px 4px #458b74; padding:0px 19px 8px 0px; border-radius:4px;text-decoration:none;}
.btn_1:hover{color:#FC3}
input.update_1{ background: url("../images/Save_1.png") no-repeat scroll 5px 5px #458b74; padding-left: 23px; }
input.cancel_1{ background: url("../images/cancel_1.png") no-repeat scroll 5px 5px #458b74; padding-left: 23px; } 
input.add_1{ background: url("../images/add_1.png") no-repeat scroll 5px 5px #458b74; padding-left: 22px; }
input.delete_1{ background: url("../images/delete_1.png") no-repeat scroll 5px 5px #458b74; padding-left: 23px; }
input.open_1{ background: url("../images/open.png") no-repeat scroll 5px 5px #458b74; padding-left: 23px; }
input.change_1{ background: url("../images/change_1.png") no-repeat scroll 5px 5px #458b74; padding-left: 23px; }
input.refresh_1{ background: url("../images/refresh_1.png") no-repeat scroll 5px 5px #458b74; padding-left: 23px; }
input.search_1{ background: url("../images/search.png") no-repeat scroll 5px 5px #458b74; padding-left: 23px; }

/*a.edit_2{  background: url("../images/edit_1.png") no-repeat scroll 1px 1px #458b74; border: 1px inset #FFFFFF;
    color: #FFFFFF; cursor: pointer; display:block; padding: 2px 10px 1px 8px; border: 1px outset;  }*/
	
	.edit_2 {
    background: url("../images/edit_1.png") no-repeat scroll 3px 3px #458b74;
    border: 1px outset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 0 11px 0 10px;
	height:20px;
}
/*.edit_2{  background: url("../images/edit_1.png") no-repeat scroll 2px 0 #458b74; border: 1px inset #FFFFFF;
    color: #FFFFFF; cursor: pointer;  height: 20px; padding: 0 10px 0 5px; border: 1px outset;  }*/
.add_2{  background: url("../images/add_1.png") no-repeat scroll 2px 0 #458b74; border: 1px inset #FFFFFF;
    color: #FFFFFF; cursor: pointer;  height: 20px;  padding: 0 10px 0 10px; border: 1px outset;  }
.cancel_2{ background: url("../images/cancel_1.png") no-repeat scroll 2px 1px #458b74; border: 1px inset #FFFFFF;
    color: #FFFFFF; cursor: pointer;  height: 20px;  padding: 0 9px 1px 5px; border: 1px outset; } 
.delete_2{ background: url("../images/delete_1.png") no-repeat scroll 2px 1px #458b74; border: 1px inset #FFFFFF; 
color: #FFFFFF; cursor: pointer;  height: 20px;  padding:5px 10px 0px 6px; border: 1px outset;} 
.zoom_2{ background: url("../images/zoom_1.png") no-repeat scroll 2px 0 #458b74;  border: 1px outset; color: #FFFFFF; cursor: pointer;  height: 20px; padding: 2px 9px 3px 12px;} 

.update_2{ background: url("../images/Save_1.png") no-repeat scroll 2px 1px #458b74; border: 1px inset #FFFFFF;
    color: #FFFFFF; cursor: pointer;  height: 20px;  padding: 0 10px 0 5px; border: 1px outset;  }
/*====table=====*/
.table_1 tr th{
	background: none repeat scroll 0 0 #f0f8ff;
    border: 1px solid #CCCCCC;
    color: #000000;
    padding: 5px 0;
	padding-left:5px;
	text-align:left;
}
.table_1 tr th.h1_head{
	font-weight:bold; text-align:center;
}
.table_1 tr td{
	 padding:5px; 
	 border-left:1px solid #ccc;
	 border-bottom:1px solid #ccc; 
	 border-top:1px solid #ccc}
.table_1 tr td:last-child{border:1px solid #ccc}
/*========Calender=====*/
.CalendarCSS{  
	/*background-color:#952B15;  */
	background:url(../images/az_bg_menu_mdl.jpg) repeat;
	color:#fff;  
	border:solid 1px #fff;  
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}  
.CalendarCSS table tr td{ border:1px inset #fff; padding:0.5px; margin:0px; }
.CalendarCSS tr td:last-child{border:1px solid #fff}
.CalendarCSS .ajax__calendar_dayname{ font-weight:bold; }
.CalendarCSS .ajax__calendar_days{background-color:#f1f1f1; color:#333; text-align:center}  
.CalendarCSS .ajax__calendar_next{width:15px; height:15px; background-color:#fff;	border-radius:13px;}
.CalendarCSS .ajax__calendar_prev{width:15px; height:15px; background-color:#fff;border-radius:13px;}
.CalendarCSS .ajax__calendar_day{font-style:normal; font-family:Courier; }  
.CalendarCSS .ajax__calendar_today{background:url(../images/az_bg_menu_mdl.jpg) repeat-x; color:#fff}  
.CalendarCSS div.ajax__calendar_day:hover{background:#999; font-weight:bold}
.CalendarCSS .ajax__calendar_header{background:url(../images/az_bg_menu_mdl.jpg) repeat;} 

/*==============Gridview===========*/            
.gridview_1 tr th{
	background-color:#b7ded2;
    color: black;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 5px;	
	border-left:1px inset #ccc;
	font-family:Arial, Helvetica, sans-serif; 
	vertical-align:middle;
}
.gridview_1 tr td{border-bottom:1px solid  whitesmoke; padding:5px 4px; border-left:1px inset  whitesmoke; vertical-align:middle;}
.gridview_1 tr td:last-child, .gridview_1 tr th:last-child  { border-right:1px inset   #f5f5f5;}
.gridview_1 tr td a{text-decoration:none}
.gridview_1 tr td a:hover{text-decoration:underline; color:#458b74}
.gridview_1 tr:nth-child(even) {background:   #f5f5f5}
.gridview_1 tr:nth-child(old) {background: #F1F1F1}
.gridview_1 tr:hover td {
    background: #b0e0e6;
    cursor: default;
    color: darkgreen;
}


/*========page gridview =====*/
.Gridview_Pager a, .Gridview_Pager span  {
	display: block;
	height: 15px;
	width: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.Gridview_Pager a{
	background-color: #458b74;
	color: #fff;
	border: 1px solid #969696;
}
.Gridview_Pager tr td:hover{
	background:#fff;
}
.Gridview_Pager tr:hover td a:hover{
	color:#fff; font-weight:bold;
}
.Gridview_Pager span
{   background-color: #D5A57C;
	color: #000;
	border: 1px solid #969696;
}
.selected_gridview{background:#fbd9b1; cursor:pointer; color:#458b74}
/*===============fildset=================*/
.fieldset_1{
	border:1px solid #ccc; padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.fieldset_1 legend{	padding:5px 8px; font-size:15px;  border:1px solid #ccc}
/*===checkbox====*/
span.chk_1{padding-left:5px;}
span.chk_1 input[type='checkbox']{cursor:pointer}
span.chk_1 label{cursor:pointer; padding-left:8px;}
/*=======dropdow list================*/
.ddl_1{border:1px solid #ccc; 
	padding:2px 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.ddl_1:focus{box-shadow: 0 0 2px #888;}
.ddl_1 option{border-bottom:1px dotted #ccc; width:96%; margin:0px auto; padding:2px}
.ddl_1 option:hover{background:#E9DECA; cursor:pointer}
/*============Tab control============*/
.tab_1:link
{
    border-color: #CCCCCC #CCCCCC #b7ded2 #CCCCCC;
    border-radius: 6px 6px 0 0;
    border-style: solid inset none inset;
    border-width: 1px;
    color: #592A0E;
    margin: 0;
    padding: 7px 8px 7px 8px;
    text-decoration: none;
    background:   #f5f5f5;
}
.tab_1:hover{background:#b7ded2; padding-top:5px; }
.tabForcus:link{background:#b7ded2;border-color: #592A0E; border-style: solid; border-bottom: 1px Solid #b7ded2; padding: 7px 8px 8px 8px;}

/*======treeview=======*/
.tree_1  tr td{padding:3px 0px;}
.tree_1 a{color:#000; padding:8px 0px; }
.tree_1 a:hover{font-weight:bold; color:#5D2F0B}

/*======404===========*/
.Error{ font-size:80px;margin-top:30px; color:#5D2F0B; display:block; font-family:Times New Roman Baltic; text-shadow:5px 0px 5px #999}
.Error b{font-size:70px; background:#5D2F0B; padding:10px 20px; border-radius:30px; color:#fff; text-shadow:none}
.thongbao{margin-top:80px; font-size:20px; font-family:Times New Roman; color:#5D2F0B }

/*=========Radiobutton===============*/
.rad_1 input{padding:5px;}

/*===========Autocomplete=================*/
.autocompete_1{
	width:90%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight: normal;
	border: solid 1px #77310D;
	line-height: 20px;
	padding: 10px;
	background-color: White;
	margin-bottom:-5px;
}
.AutoExtenderList
{
	border-bottom: dotted 1px #77310D;
	cursor: pointer;
	color: Maroon;
	list-style:inside;
}
.AutoExtenderHighlight
{
	padding-left:10px;
	color: White;
	background-color:#77310D;
	cursor: pointer;
}


/*AUTOCOMPLETE ELEMENT
 ---------------------------*/
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : White ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    height : 200px ;
    font-family : Tahoma ;
    font-size : small ;
    text-align : left ;
    list-style-type : none ;
    line-height:24px;
    padding:2px;
    }
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }
 
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }




 /*============File upload======================*/ 
.file-upload{position:relative;overflow:hidden;margin:10px;cursor:pointer;display:inline-block;vertical-align:middle}
.file-upload .upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
.txtfileupload{border:none; background-color:transparent;}

/*===============File download ====================*/
.filedinhkem{
	background: url("../images/download.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 3px 0 3px 30px;
}
.filedinhkem:hover{color:red;}
/*==============Table like gridview===========*/            
.table_grid tr th{
	background:url(../images/bg_head_gridview.png) repeat-x;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 5px;	
	border-left:1px inset #ccc;
	font-family:Arial, Helvetica, sans-serif;
}
.table_grid tr td{border-bottom:1px solid   #f5f5f5; padding:5px 4px; border-left:1px inset   #f5f5f5}
.table_grid tr td:last-child, .gridview_1 tr th:last-child  { border-right:1px inset   #f5f5f5;}
.table_grid tr td a{text-decoration:none}
.table_grid tr td a:hover{text-decoration:underline; color:#458b74}
.table_grid tr:nth-child(even) {background:   #f5f5f5}
.table_grid tr:nth-child(old) {background: #F1F1F1}
.table_grid tr:hover td{background:#fbd9b1; cursor:pointer; color:#458b74}

/*====table 2=====*/
.table_2 tr th{
	background: none repeat scroll 0 0 #A35200;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding: 5px 0;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}
.table_2 tr th.h1_head{
	font-weight:bold; text-align:center;
}
.table_2 tr td{
	 padding:5px; 
	 border-left:1px solid #ccc;
	 border-bottom:1px solid #ccc; 
	 border-top:1px solid #ccc}
.table_2 tr td:last-child{border:1px solid #ccc}