form{width:100%;}
table{table-layout: fixed;}
.off{display:none;}
.on{display:block;}
#tabStatus{	display:block;	background-color:#ffaa66;	font-weight:bold;	text-align:center;	padding:5px;	height:15px;	margin-bottom:5px;}
#pdVouch{	width:95%;	font-size:12px;}
#pdVouch input[type=text]{	width:100px;	text-align:center;}
.optionSelect{	display:block;	height:20px;	padding:5px;	margin-bottom:5px;}
.opText{	display:inline-block;	width:150px;	text-align:right;	padding-right:5px;	font-weight:bold;	font-size:14px;}
#productTbData{	border-left:1px solid #999999;	border-top:1px solid #999999;}
.trData:hover{	background-color:#09a0f7;}
.tbDataHead{	text-align:center;	font-weight:bold;	font-size:14px;	background-color:#bbbbbb;	border-right:1px solid #999999;	border-bottom:1px solid #999999;}
.tbDataRow{	border-right:1px solid #999999;	border-bottom:1px solid #999999;}
.tbText{	padding-left:5px;}
#divSubmit{	text-align:right;	padding-right:10px;	width:100%;}
.btSubmit{	width:130px;	background-color:#999999;	color:#FFFFFF;	padding:5px;	font-weight:bold;}
.btSubmit:hover, .btSearch:hover{	background-color:#efefef;	color:#000000;	cursor:pointer;}
.btSearch{	width:60px;	background-color:#999999;	color:#FFFFFF;	padding:2px;	font-weight:bold;	}
#divStep{	padding-left:300px;	height:85px;	vertical-align:middle;	text-align:center;}
.step {	display:inline-block;	border:1px solid #666666;	font-size:14px;	font-weight:bold;	width:150px;	height:50px;
	padding:5px;	margin:5px;	text-align:center;	vertical-align:middle;	float:left;}
.step.step1,.step.step2{	padding-top:13px;	height:42px;}
.step.step3{	padding-top:18px;	height:37px;}
.divArrow{	float:left;	display:inline-block;}
.arrow{	width:50px;	margin-top:10px;}
.nextStep{	margin:auto;	margin-top:15px;	width:150px;	height:50px;}
#divClaim{	margin-top:5px;	min-height:300px;}
#tbFormClaim{	width:80%;	margin:auto;	margin-top:10px;}
#tbFormClaim .textTb{	text-align:right;	padding-right:10 px;	width:20%;	font-weight:bold;}
.readonly{	background-color:#FFdd00;	}
#tbFormClaim input {	width:150px;	background-color:#FFdd00;}
#tbFormClaim input.textName{	width:500px;}
#tbFormClaim textarea{	width:300px;	height:100px;}
/* bill claim style */
#billCliam{	width:800px;	font-size:16px;	line-height:30px;}
.headContent{	font-size:16px;	font-weight:bold;}
#shopName, #billName{	display:block;	height:50px;	width:390px;	float:left;	font-size:26px;	padding-top:20px;}
#billName{	text-align:right;	padding-right:5px;}
.spHead{	font-size:14px;	font-weight:bold;	display:inline-block;	width:150px;	text-align:right;	padding-right:5px;	height:30px;}
.spData{	font-size:14px;	display:inline-block;	width:200px;	text-align:left;	padding-left:5px;	height:30px;}
#tbDetail table{	border:2px solid #000000;	margin: 5px auto;}
td.spData{	width:400px;}
#divFootBill{	width:1000px;	line-height:25px;}
#divFootBill ol, #divFootBill p{	margin:0px;}
/* Form logon */
#area{	width:600px;	height:300px;}
#area .textStatus{
	display:block;
    width: 333px;
    top: 130px;
    left: 312px;
	text-align:center;
	padding:10px;
	font-weight:bold;
	color:#FF0000;
	background-color:#FFdddd;
	border:1px solid #FF9999;
	position:fixed;
}
#FormLogon{
	border-style:solid;
	border-width:3px;
	border-color:#dcdcdc gray gray #dcdcdc;
	background-color:#ededed;
	width:350px;
	height:175px;
	margin:125px auto;
}
#FormLogon form{
	width:95%;
	height:90%;
	border:1px solid #000000;
	margin:8px auto;
}
#FormLogon .headForm{
	display:block;
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding-buttom:10px;
	height:40px;
	margin-top:10px;
}
#FormLogon .textForm, #divTbPerDetail .textForm, #FormPermissionSet .textForm, #divUser .textForm{
	display:inline-block;
	width:100px;
	height:30px;
	font-weight:bold;
	text-align:right;
	padding-right:2px;
}
#FormLogon .inputForm{
	display:inline-block;
	height:30px;
}
#FormLogon .buttonForm{
	display:block;
	height:30px;
	text-align:right;
	padding-right:30px;
}
#FormLogon .inputSubmit{
	width:150px;
	cursor:pointer;
	padding:5px;
	font-weight:bold;
	background-color:#dedede;
}
#FormLogon .inputSubmit:hover{
	background-color:#898989;
	color:#FFFFFF;
}
input.inputlogon{
	width:197px;
	background-color:#dedeff;
	height:25px;
	padding-left:2px;
}

.divButton{
	right:10px;
	top:5px;
}
div.fixed{
	position:fixed;
}
div.divButton img{
	width:80px;
	height:80px;
	cursor:pointer;
}

#divTbPersonal{
	float:left;
	width:270px;
	height:700px;
}
#tbPersonal{
	width:250px;
	margin-left:20px;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
#tbPersonal tr{
	cursor:pointer;
}
#tbPersonal tr:hover{
	background-color:#ededed;
}
#tbPersonal th{
	background-color:#dedeff;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
#tbPersonal td{
	text-align:center;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
#tbPerMission{
	width:450px;
	margin-left:20px;
	border:1px solid #000000;
}
#divTbPerDetail, #divUser{
	border:1px solid #000000;
	width:450px;
	float:left;
	margin-left:15px;
}
#divTbPermission{
	width:320px;
	float: right;
	border:1px solid #000000;
	height:70%;
	overflow-y:auto;
}
#divUser{
	height:170px;
	width:450px;
	padding-top:20px;
	margin-bottom: 8px;
}
#FormPersonalDetail{
	padding-top:20px;
}
#divUser span.textForm{
	display:inline-block;
	width:110px;
	font-size: 14px;
}
#divUser span.inputForm{
	display:inline-block;
	width:300px;
}
#FormPersonalDetail span.textForm{
	display:inline-block;
	width:125px;
}
#FormPersonalDetail span.inputForm{
	display:inline-block;
	width:225px;
}
#FormPersonalDetail span.buttonForm, #divUser span.buttonForm{
	display:inline-block;
	width:450px;
	text-align:center;
}
#FormPersonalDetail input.inputSubmit, #divUser input.inputSubmit{
	padding:5px;
	font-weight:bold;
	cursor:pointer;
}
input.inputText{width:200px;}
#FormPersonalDetail input.inputSubmit:hover , #divUser input.inputSubmit:hover{
	background-color:#999999;
	color:#FFFFFF;
}
#FormPermissionSet{	padding-top:20px;}
#FormPermissionSet span.textForm{	display:inline-block; width:256px; text-align:left;display:inline-block; font-size: 12px;height: 20px;}
#FormPermissionSet span.inputForm{
	display:inline-block;
	width:35px;
	text-align:center;
}
#FormPermissionSet span.buttonForm{
	display:inline-block;
	width:250px;
	text-align:center;
}
#FormPermissionSet input.inputSubmit{
	width:100px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	cursor:pointer;
}
#FormPermissionSet input.inputSubmit:hover{
	background-color:#999999;
	color:#FFFFFF;
}

div#userLogon{
	width:120px;
	height:25px;
	right:10px;
	top:5px;
	text-align: right;
	padding-top:5px;
	padding-right:10px;
	font-weight: bold;
	cursor: pointer;		
}
div#userInfo{
	width:250px;
	height:80px;
	right:10px;
	top:35px;
	line-height: 18px;
	padding-top:2px;
}
.blockInfo{
	display:block;
	color:#FFFFFF;
	font-size: 12px;
	background-color: #170f64;		
}
div#userInfo .headInfo{
	display:inline-block;
	width:80px;
	text-align: right;
	font-weight: bold;
}
div#userInfo .textInfo{	display:inline-block;	width:150px;	padding-left: 5px;}
span#buttonlogout{	display:block;	width:150px;	padding-left:80px;	cursor: pointer;}
div.off{	display:none;}