body {
    color: #333;
    font-size: 13px;
    font-family: Arial, sans-serif;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 22px;
}


.Mid_Title 
{
    background:url("Images/Site/mid-title-bg.png") left bottom;
	background-repeat:repeat-x;
	color:#f10303;    
	text-align:left;
	font-weight:bold;				
	text-transform:uppercase;		
	padding:7px 0px 6px 0px;		
}

.Mid_Title h1
{
    font-size:22px;			
	padding-left:0px;	
	color: #e40000;	
}
.Mid_Title h2
{
    font-size:22px;			
	padding-left:0px;	
	color: #e40000;	
}



/****************** Table dùng chung cả hệ thống *******************************/
.TableCss Table
{
    width:100%;		
}
.TableCss td
{
    padding:2px 4px 2px 4px;	
}

.TableCss .Header td /* dùng riêng cho caption của list */
{	
	background-color:#c2e3f0;
	font-weight:bold;
	font-size:12px;
	color:Black;
	text-align:center;	
}

.TableCss .Header a
{
	color:black;
	
}

.TableCss .Header td:hover /* dùng riêng cho caption của list */
{	
	background-color:#c2e3f0;
}

.TableCss td
{
    border-left:#ffffff 1px solid;
	border-bottom:#ffffff 1px solid;
}
.TableCss .Row td
{
	border-left:#e8f2fb 1px solid;
	border-bottom:#e8f2fb 1px solid;    
}
.TableCss .RowAlt td
{
	background-color:#e8f2fb;
}

.TableCss .RowSummary
{
    background-color:#ffff00;
	font-weight:bold;
}

.TableCss .NameCol /* giá trị cột tên */
{
    color:Blue;
}
.TableCss .NameCol a
{
    color:Blue;
}

.TableCss .Title-Asc
{
    background:url("Images/Icons/downarrow.gif") right center no-repeat;
}
.TableCss .Title-Asc:hover
{
    background:url("Images/Icons/uparrow.gif") right center no-repeat;    
}

.TableCss .Title-Desc
{
    background:url("Images/Icons/uparrow.gif") right center no-repeat;        
}
.TableCss .Title-Desc:hover
{
   background:url("Images/Icons/downarrow.gif") right center no-repeat;
}

/* chứa các nút lệnh */
.Controller
{
    text-align:right;
    padding:10px 0px 10px 0px;
}


/***********************  Table edit  ***********************************/
.TableInfo
{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#222222;
	margin-top:10px;
}
.TableInfo table
{
    width:100%;
}

.TableInfo .Header td
{
	/*background-color:#c2e3f0; */
	text-align:left;
	font-weight:bold;
}
.TableInfo .Caption
{
	text-align:right;
	width:160px;
}
.TableInfo td
{
	border:#cccccc 0px solid;
	padding:5px 4px 5px 4px;
	font-size:14px;
}
.TableInfo .Edit_text
{
    height:26px;
    font-size:14px;
    width:90%;
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #d9d9d9;
    padding:2px 5px 2px 5px;
}

.TableInfo .Edit_number
{
    height:22px;
    font-size:14px;
    width:420px;
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #eeeeee;
}


/***********************  Table search  ***********************************/
.TableSearch
{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#222222;
	margin-top:10px;
}
.TableSearch table
{
    width:100%;
}

.TableSearch .Header td
{
	/*background-color:#c2e3f0; */
	text-align:left;
	font-weight:bold;
}
.TableSearch .Caption
{
	text-align:right;
	width:200px;
}
.TableSearch td
{
	border:#cccccc 0px solid;
	padding:5px 4px 5px 4px;
	font-size:14px;
}
.TableSearch .Edit_text
{
    height:26px;
    font-size:14px;
    width:200px;
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #d9d9d9;
    padding:2px 5px 2px 5px;
}

.TableSearch .Edit_number
{
    height:22px;
    font-size:14px;
    width:100px;
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #eeeeee;
}




.Readonly
{
    background-color:#FFF9E4;
}

.MessageBox
{
    position:fixed;
    bottom:100px;
    right:10px;
}

.MessageTable
{
   text-align:center;
   min-height:300px;
}
.MessageTable .Message
{
     font-size:20px;
     color:#29AF89;
}
.MessageTable a
{
    color:Blue;
}


/* nơi chứa các tab chức năng người dùng */
.Right_Content_Box
{
	width:100%;
	color:#222222;
	background-color: #F3F3F3;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); /* inner shadow */
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); /* inner shadow */
	box-shadow: inset 0 0 0 1px #F2F2F2; /* inner shadow */
	padding: 5px 10px 20px 10px;
	height:320px;
	overflow-y:scroll;
}


/* nơi chưa nội dung rỗng bên trái */
.Empty-Content
{
    margin-top: 30px;
    font-size:15px;
}


.CloseRightTab-Btn
{
    position: absolute;
    top: 20px;
    right: 0px;
    width: 25px;
    height: 25px;
    z-index: 9001;
    /*background-color: #e8e7e7;*/
    border-radius: 2px;
    cursor:pointer;
    color:#54a4f7;
    padding: 5px 0px 0px 7px;
    font-size: 16px;
}
.CloseRightTab-Btn:hover
{
    /*background-color: #f9c54d;*/
    color: #e36500;
}

.ShowRightTab-Btn
{
    font-size: 16px;
}

.ShowRightTab-Btn:hover
{
	color: #f9c54d;
}


/***********************  Table search  ***********************************/
.DivSearch
{
}

.DivSearch .Edit_text
{
    height:26px;
    font-size:14px;
    width:100%;
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #d9d9d9;
    padding:2px 5px 2px 5px;
}

.DivSearch .Edit_number
{
    height:22px;
    font-size:14px;
    width:100%;
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #eeeeee;
}

/* thanh chắn giữa cho splitter panerl dọc */
#seperator {
	    cursor: col-resize;
	    background: url("images/site/vsizegrip.png") center center no-repeat #535353;	
	    width: 10px;
	    min-height: 100px;
	    min-width: 10px;
    }