body{
	font-size:12px;
	padding:0px;
	margin:0px;
}
#wrapper{
	width:1200px;
	margin: 0 auto;
	margin-top:20px;
}
#header{
	width:100%;	
	padding-top:73px;
}
#m_content{
	width:100%;
	height:350px;
//	margin-top:50px;
	//display:table;
	//clear:both;
	//margin-bottom:55px;
	//border-top: 2px solid #8EB4E3;
	//border-right: 2px solid #8EB4E3;
	//border-left: 2px solid #8EB4E3;
	//border-bottom: 2px solid #8EB4E3;
}
#titleResult{
	width:100%; 
	display:table;
	background-color: #17375E;
	color: #FFFFFF;
	font-weight:bold;
	height:50px;
}
#title{
	width:100%; 
	display:table;
	background-color: #17375E;
	color: #FFFFFF;
	font-weight:bold;
	height:30px;
}
#b_content{
	width:100%;
	height:66%;
	overflow-y: auto;
	overflow-x: hidden;
}
#content{
	width:1399px;
}
.row, .rowTitle {
	display: table-row;
	width: 100%;
}
.rowheight{
	height:32px;
}
.row:nth-child(even){
	background-color: #D9D9D9;
}
.even{
	background-color: rgb(220, 230, 242);
}
.title{
	height:100%;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
	padding-left:5px;
}
.text-right{
	text-align:right;
	padding-right:5px;
}
.del,.No,.GCode,.GName,.QR,.QStore,.Manu,.PONo,.Amount,.Amount,.Exp,.RDate,.Sup
{
	display: table-cell;
	vertical-align:middle;
	//border-top: 1px solid #8EB4E3;
	border-bottom: 1px solid #8EB4E3;
}
.del1,.No1,.Sup1,.GCode1,.GCode2,.GName1,.QR1,.QStore1,.Manu1,.PONo1,.Amount1,.Amount1,.Exp1,.RDate1
{
	display: table-cell;
	vertical-align:middle;
	//border-top: 1px solid #8EB4E3;
	border-bottom: 1px solid #8EB4E3;
}
.del{
	width:20px;
}
.del1{
	width:26px;
	height:32px;
	border-left: 1px solid #8EB4E3;
}
.No{
	width:20px;
	//border-left: 1px solid #8EB4E3;
}
.No1{
	width:20px;
	border-left: 1px solid #8EB4E3;
}
.GCode{
	width:64px;
	//border-left: 1px solid #8EB4E3;
}
.GCode1{
	width:74px;
	border-left: 1px solid #8EB4E3;
}
.GName{
	width:260px;
	//border-left: 1px solid #8EB4E3;
}
.GName1{
	width:322px;
	border-left: 1px solid #8EB4E3;
}
.QR{
	width:60px;
	//border-left: 1px solid #8EB4E3;
}
.QR1{
	width:75px;
	border-left: 1px solid #8EB4E3;
}
.QStore{
	width:60px;
	//border-left: 1px solid #8EB4E3;
}
.QStore1{
	width:75px;
	border-left: 1px solid #8EB4E3;
}
.Manu{
	width:80px;
	//border-left: 1px solid #8EB4E3;
}
.Manu1{
	width:97px;
	border-left: 1px solid #8EB4E3;
}
.Sup{
	width:80px;
	//border-left: 1px solid #8EB4E3;
}
.Sup1{
	width:96px;
	border-left: 1px solid #8EB4E3;
}
.PONo{
	width:100px;
	//border-left: 1px solid #8EB4E3;
}
.PONo1{
	width:126px;
	border-left: 1px solid #8EB4E3;
}
.Amount{
	width:100px;
	//border-left: 1px solid #8EB4E3;
}
.Amount1{
	width:122px;
	border-left: 1px solid #8EB4E3;
}
.RDate{
	width:100px;
	//border-left: 1px solid #8EB4E3;
}
.RDate1{
	width:130px;
	border-left: 1px solid #8EB4E3;
	border-right: 1px solid #8EB4E3;
}

.color-title{
	color:#17375e;
}
.catList{
	width:150px;
	height:23px;
	float:left;
	margin-right:5px;
}
.btnSearch{
	width:80px;
	height:23px;
	float:left;
	margin-right:5px;
}
.txtText{
	width:100px;
	height:23px;
	float:left;
	margin-right:5px;
}
.bo-bottom {
	border-bottom: 1px solid;
}
.mp-title {
	font-size: 16pt;
	font-weight: bold;
	margin: 5px;
	float: left;
}
.bg-titlemp {
	color: #C00000;
}
#footer{
	width:100%;
	height:50px;
	
}
#t_footer{
	//margin-top:5px;
	width:100%;
	//height:50px;
}
#b_footer{
}
.background_input{
	background-color: #9CCFFF;
}
#txtCategory{
	width:128px;
	height:50%;
	float:left;
}
#txtGroupCode{
	width:159px;
	height:50%;
	float:left;
}
#txtDescpt{
	width:159px;
	height:50%;
	float:left;
}
#txtQReceipt{
	width:105px;
	height:50%;
	float:left;
}
#txtoutput{
	width:108px;
	height:50%;
	float:left;
}
#txtManu{
	width:131px;
	height:50%;
	float:left;
}
#txtPO{
	width:131px;
	height:50%;
	float:left;
}
#txtSupp{
	width:131px;
	height:50%;
	float:left;
}
#txtAmount{
	width:131px;
	height:50%;
	float:left;
}
#txtRecDate{
	width:145px;
	height:50%;
	float:left;
}
#txtExp{
	width:159px;
	height:50%;
	float:left;
}
#manu_PO{
	position: absolute;
	visibility: hidden;
	width: 300px;
	background-color: #DCE6F2;
	border-left: 1px solid #8EB4E3;
	border-bottom: 1px solid #8EB4E3;
	padding: 10px 10px 4px 10px;
}
#detail{
	position: absolute;
	visibility: hidden;
	width: 200px;
	height:70px;
	background-color: #DCE6F2;
	border-left: 1px solid #8EB4E3;
	border-bottom: 1px solid #8EB4E3;
	padding: 10px 10px 4px 10px;
}
#POPopup{
	position: absolute;
	visibility: hidden;
	width: 300px;	
	background-color: #DCE6F2;
	border-left: 1px solid #8EB4E3;
	border-bottom: 1px solid #8EB4E3;
	padding: 10px 10px 4px 10px;
}
.rowPopup{
	display:table-row;
	height:30px;
}
.titlePopup{
	font-weight:bold;
	color:white;
	background-color: #17375E;
	text-align:center;
}
.ManuCodePopup,.ManuNamePopup{
	display: table-cell;
	vertical-align:middle;
	border-bottom: 1px solid #8EB4E3;
	border-right:1px solid #8EB4E3;
}
.ManuCodePopup
{
	width:120px;
	border-left:1px solid #8EB4E3;
	height:30px;
}
.ManuNamePopup
{
	width:175px;
	//border-top:1px solid #8EB4E3;	
	height:30px;
}
.PONoPopup,.SuppPopUp{
	display: table-cell;
	vertical-align:middle;
	border-bottom: 1px solid #8EB4E3;
	border-right:1px solid #8EB4E3;
}

.PONoPopup{
	width:120px;
	border-left:1px solid #8EB4E3;
	height:30px;
}
.SuppPopUp{
	width:175px;
	//border-top:1px solid #8EB4E3;	
	height:30px;
}
#btnadd {
	width: 80px;
	height:27px;
}
#btnCancel{
	width: 80px;
	height:27px;
}
.r1{
	width:99%;
	height:20px;
}