<style type="text/css">
body {font-family: Ms Sans Serif; font-size:14px;}
td	{font-family: Ms Sans Serif;  font-size:14px;}
a:link { color: #0000FF; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif";  font-size:14px;}
a:visited { color: #0000FF; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif";  font-size:14px;}
a:active { color: #0000FF; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif";  font-size:14px;}
a:hover { color: #0000FF; text-decoration: none; font-family: "MS Sans Serif", "Microsoft Sans Serif";  font-size:14px;}
</style> 
/* CSS Document */
<style type="text/css">

body{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", "sans-serif";
font-size:14px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:700px;
padding:14px;
}
/* ----------- font ----------- */
.mytitle
{
font-family:"Verdana";
font-size:15px;
font-weight:bold;
margin-bottom:8px;
color:#000033;
}
.mytext
{
font-family:"Arial";
font-size:13px;
margin-bottom:8px;
color:#003399;
}

/* ----------- stylized สำหรับ Form ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-family:"sans-serif";
font-size:13px;
margin-bottom:8px;
color:#333333;
margin-bottom:5px;

/*border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;*/
}
#stylized label{
display:block;
font-weight:bold;
text-align:left;
width:140px;

}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized .type{
/*float:right;*/
font-size:12px;
padding:4px 2px;
border:none;
/*width:200px;
margin:2px 0 20px 10px;*/
}
#stylized input{
/*float:right;*/
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
margin:2px 0 1px 1px;
height:25px;
}

#stylized textarea {
width:300px;
scrollbar-arrow-color:#ff6699;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#fff;
font-size:12px;
border:1px solid #aacfe4; width:320px;
}


#stylized button{
clear:right;
margin-left:50px;
width:125px;
height:31px;
background:#000033 url(img/button.png) no-repeat;
border:double;
border-color:#FFFFFF;
text-align:center;
vertical-align:middle: 
line-height:31px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

.mybutton{
clear:right;
margin-left:50px;
width:125px;
height:35px;
background:#000033 no-repeat;
border:double;
border-color:#FFFFFF;
text-align:center;
vertical-align:middle: 
line-height:35px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

.inputTxt {
	border-right:#aacfe4 1px solid ; border-top:#aacfe4 1px solid; 
	font-size:8pt; background:#ffffff; border-left:#aacfe4 1px solid; 
	border-bottom:#aacfe4 1px solid;
}

.inputTxt2 {
	border-right:#aacfe4 0px solid ; border-top:#aacfe4 0px solid; 
	font-size:8pt; background:#ebf4fb; border-left:#aacfe4 0px solid; 
	border-bottom:#FF3300 1px solid;
}
/* --------------------- Table --------------------------*/
table.mytable{
border:0; 
} 
table.mytable th { font-weight:bold; 
border-bottom:1px solid #CCC; 
border-top:1px solid #CCC; 
background-color:#ebf4fb;
color:#0000CC;
}
table.mytable td { padding:1px; 
border-bottom:1px dotted #CCC;
}

.tabletop { padding:1px; 
border-bottom:1px dotted #CCC;
background-color:#ebf4fb; 
}

.textRed{
   color:red;
}


/* เริ่มที่สร้างก่อนหน้านี้*/

.tdtitleTable{
	font-family: Ms Sans Serif; 
	font-size:18px;
	font-weight:bold;
	background-color:#FF9900;
	text-align:center;
}
.tdtitleTable2{
	font-family: Ms Sans Serif; 
	font-weight:bold;
	background-color:#FFFFCC; 
	text-align:center;
}
.tdtitleRow{
	font-family: Ms Sans Serif; 
	font-size:10px;
	text-align:right;
    font-weight:bold;
	/*vertical-align:top;*/
}

.head1 {
	font-family: "MS Sans Serif";
	font-weight: bold;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	background-position:bottom
}
.normal {
	font-family: "MS Sans Serif";
	font-weight: bold;
	font-size:11px;
	vertical-align:middle;
	background-position:bottom
}
.normalC {
	font-family: "MS Sans Serif";
	font-weight: bold;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	background-position:bottom
}
.normalL {
	font-family: "MS Sans Serif";
	font-weight: bold;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	background-position:bottom
}


.style9 {font-size: 14px; font-weight: bold; color: #000000; }
.style14 {font-family: "Microsoft Sans Serif"; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.style15 {font-size: 14px; font-weight: bold; color: #FFFFFF; }
.style16 {
	font-family: "Microsoft Sans Serif";
	font-size: 14px;
	font-weight: bold;
}

#listtID {
		position: absolute;		
		width: 300px;
		border:solid 1px black;
		background-color: #eeeeee;
		display: none;
	}

	/*ตัวหนังสือเอียง  <span class="textAlignVer">จำนวนสินค้า 1</span>*/
	.textAlignVer{
	display:block;
	writing-mode: tb-rl;
	filter: flipv fliph;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	transform: rotate(-90deg); 
	position:relative;
	width:20px;
	white-space:nowrap;
	font-size:12px;
	margin-bottom:10px;
}
</style>

