﻿body 
{
	/*background:#D8E1F5;#C7E2FF;*/
	margin:0px;
	font-size:12px;
	font-family:Arial, Tahoma, Verdana;
	
}
.imgnone
{
     display:none;
    }
.inputtxt
{
     text-align:right;
    }
.print
{
	 background:url(../images/printer.png) no-repeat left;
	  height:21px; 
	  width:71px;
	 cursor:pointer;
	 color:#CC0000;
	 border:none;
}
.doc
{
	 background:url(../images/doc.png) no-repeat left;
	   height:21px; 
	  width:71px;
	 cursor:pointer;
	 color:#CC0000;
	 border:none;
}
.xls
{
	 background:url(../images/xls.png) no-repeat left;
	 height:21px; 
	  width:71px;
	 cursor:pointer;
	 color:#CC0000;
	 border:none;
}
.moi
{
	 background:url(../images/moi.png) no-repeat left;
	  height:21px; 
	  width:71px;
	 cursor:pointer;
	 color:#CC0000;
	 border:none;
}

.printfrom {
		
		 clear:both;
		 width:100%;
		background: #eee url(../images/modal-gloss.png) no-repeat -200px -80px;
		
		z-index: 101;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
}	
.copyright {
    font:11px 'Trebuchet MS';
    color:#fff;
    text-indent:30px;
    padding:10px 0 0 0;
    text-align:center;
}
.copyright a { color:#EEE; }
.copyright a:hover { color:#EEE; }
p,input,span,b,i,u,ul,li,sup,sub,div
{
	font-family:Arial, Tahoma, Verdana;
	
}
td,tr,table
{font-family:Arial, Tahoma, Verdana;
	color:#323323
    }
.txtinput
{
     text-align:right;
    }
a
{
     text-decoration:none;
    }

.Logo {
	POSITION: absolute; WIDTH: 100px; FONT-FAMILY: Tahoma, Arial, Verdana;  HEIGHT: 80px; TOP: 5px; LEFT: 5px
}
.div_logo {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100px; FONT-FAMILY: Tahoma, Arial, Verdana; PADDING-TOP: 9px;
	font-size:20px; cursor:pointer;
	
}
.title {
	POSITION: absolute; WIDTH: 800px;
	 FONT-FAMILY: Arial, Tahoma, Verdana;
	HEIGHT: 35px; TOP: 5px; LEFT:94px;
	font-size:24px;
	float:left;
	color:#FFFFFF;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}

.btnlogin
{
	BACKGROUND: url(../images/login.png) no-repeat;
	height:27px;
	 width:100px;
	cursor:pointer;
	border:none; 
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:13px;
}
.btnxem
{
	BACKGROUND: url(../images/view.png) no-repeat;
	height:27px;
	 width:60px;
	cursor:pointer;
	border:none; 
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:12px;
}
.edit
{
	BACKGROUND: url(../images/edit.gif) no-repeat;
	border:none;
	cursor:pointer;
	height:16px;
	width:16px;
	}
.download
{
	BACKGROUND: url(../images/download.png) no-repeat;
	border:none;
	cursor:pointer;
	height:17px;
	width:16px;
	}
.delete
{
	BACKGROUND: url(../images/delete.png) no-repeat;
	border:none;
	cursor:pointer;
	height:16px;
	width:16px;
	}
.deleteimg
{
	BACKGROUND: url(../images/delete.gif) no-repeat;
	border:none;
	cursor:pointer;
	height:16px;
	width:16px;
	}
.chonkh
{
	BACKGROUND: url(../images/chonkh.png) no-repeat;
	border:none;
	cursor:pointer;
	height:20px;
	width:20px;
	}
.nhapmoi
{
	BACKGROUND: url(../images/new.png) no-repeat top;
	border:none;
	cursor:pointer;
	height:25px;
	width:20px;
	}
.btnnhaphang
{
	BACKGROUND: url(../images/select.png) no-repeat;
	border:none;
	cursor:pointer;
	height:87px;
	width:89px;
}
.inputmony
{
	 border:solid 1px #bdbdbd;
	 text-align:right;
	 font-size:14px;
	 font-weight:bold;
	}


/*------top menu---------*/
#top_menu{
 padding-left:0px;
margin:auto;
 clear:both;
}


ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 900px; /*For KHTML*/
	list-style: none;
	height: 31px;
	}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding:0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
	cursor:pointer;
	}
ul#navmenu li div
{
	 background:url(../images/taba2.png) repeat-x left top;
	 margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 31px;
		
}
ul#navmenu li div div
{
	 background:url(../images/taba1.png) no-repeat left top;
	 height:31px;
}
ul#navmenu li div div div
{
	 background:url(../images/taba3.png) no-repeat right top;
	 height:31px;
	 font-family:12px; 
	 font-family:Arial, Tahoma, Verdana;
}
ul#navmenu li div div div div
{
	color:#FFFFFF;
	 padding:7px 7px 5px 7px;
	 font-family:12px; 
	 font-family:Arial, Tahoma, Verdana;
	  text-transform:uppercase;
}
ul#navmenu li:hover div
{
	 background:url(../images/tabo2.png) repeat-x left top;
	 margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 31px;
		
}
ul#navmenu li:hover div div
{
	 background:url(../images/tabo1.png) no-repeat left top;
	 height:31px;
}
ul#navmenu li:hover div div div
{
	 background:url(../images/tabo3.png) no-repeat right top;
	 height:31px;
	 font-family:12px; 
	 font-family:Arial, Tahoma, Verdana;
}
ul#navmenu li:hover div div div div
{
	color:#022238;
	 padding:7px 7px 5px 7px;
	 font-family:12px; 
	 font-family:Arial, Tahoma, Verdana;
	  text-transform:uppercase;
}
ul#navmenu .lio div
{
	 background:url(../images/tabo2.png) repeat-x left top;
	 margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 31px;
		
}
ul#navmenu .lio div div
{
	 background:url(../images/tabo1.png) no-repeat left top;
	 height:31px;
}
ul#navmenu .lio div div div
{
	 background:url(../images/tabo3.png) no-repeat right top;
	 height:31px;
	 font-family:12px; 
	 font-family:Arial, Tahoma, Verdana;
}
ul#navmenu .lio div div div div
{
	color:#022238;
	 padding:7px 7px 5px 7px;
	 font-family:12px; 
	 font-family:Arial, Tahoma, Verdana;
	  text-transform:uppercase;
}
ul#navmenu .lio div div div div a
{
	color:#022238;
	
	 font-family:12px; 
	 font-family:Arial, Tahoma, Verdana;
	  text-transform:uppercase;
	  
}
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	background:#A4D9FC;
	}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 200px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	font-weight:normal;
	height: 31px;
	border:1px solid #FCFCFC;
	border-top:none;
	border-right:none;
	background:#A4D9FC;
	
	}

/* Root Menu */
ul#navmenu a {
	
	padding: 0 5px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	
	color: #FFFFFF;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #022238;
	
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #A4D9FC;
	color: #022238;
	font-weight:normal;
	height: 31px;
	
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #36ABF9;
	color: #022238;
	font-weight:normal;
	height: 31px;
	padding:5px 10px 10px 5px;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #A4D9FC;
	color: #022238;
	font-weight:normal;
	height: 31px;
	
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #36ABF9;
	color: #022238;
	font-weight:normal;
	
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #A4D9FC;
	color: #05558B;
	font-weight:normal;
	
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #36ABF9;
	color: #022238;
	font-weight:normal;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 200px;
	font-weight:normal;
	
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	font-weight:normal;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	font-weight:normal;
	}
.popup
{
     background:#478FD6 url('../images/bg_login.png') no-repeat top center;
     width:440px;
     height:317px;
     
    }
.popup table
{
    margin-top:20px;
     background:url('../images/bg_login_c.png?123') no-repeat top center;
     width:418px;
    height:175px;
     
}
 .popupc
{
     background:url('../images/bg_changepass.png') no-repeat top center;
     width:440px;
     height:251px;
     
    }
.popupc table
{
    margin-top:0px;
     background:url('../images/bg_login_c.png') no-repeat top center;
     width:418px;
    height:175px;
     
} 
.btnclose
{ background:url('../images/close.png') no-repeat top center;
   height:32px;
   width:32px;
   border:none;
   cursor:pointer;
  }  