.shiftcontainer{
position: relative;
left: 5px;
top: 5px;
}

.shadowcontainer{
width: 300px;
background-color: #B9DCFF;/*สีของเงา*/
}

.shadowcontainer .innerdiv{
background-color:#E8F2FF;/*สีพื้นหลังของกรอบ*/
border: 1px solid #0066CC;/*สีขอบ*/
padding: 6px;
position: relative;
left: -5px;
top: -5px;

}


.usernamez{
background-image:url('01.gif');
background-repeat:no-repeat;
padding-left:20px;
}
.passwordz{
background-image:url('02.gif');
background-repeat:no-repeat;
padding-left:20px;
}
.chula {
	font-family: "MS Sans Serif";
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
	
	font-weight:bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-align: justify;
}
.minichula {
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #333333;
	
	font-weight:bold;

}
.minichula a:hover {
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #FF00CC;
	background-color:#000000;
	
	font-weight:bold;

}
.headeretext {
	font-family: "MS Sans Serif";
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	word-spacing: normal;
	letter-spacing: normal;
	text-align: justify;
}
.mainchula {
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	word-spacing: normal;
	letter-spacing: normal;
	text-align: justify;
}
.mainchula a:hover {
	font-family: "MS Sans Serif";
	font-size: 16px;
	color: #FFCC00;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	word-spacing: normal;
	letter-spacing: normal;
	text-align: justify;
}
.mainchula a {
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	word-spacing: normal;
	letter-spacing: normal;
	text-align: justify;
}
#menuleft li{
	list-style-type: none;
}
.footer {
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
}
.bodycen{
border-style:dashed;
}.linex {
	border: thick dashed;
	color: #FFFFFF;
}
.modify {
padding-left:10px;
}
.finishtext {
font-size:24px;
font-family:"MS Sans Serif";
}




/*preload classes*/ .svw {width: 50px; height: 20px; background: #FFB951;} .svw ul {position: relative; left: -999em;}  /*core classes*/ .stripViewer {  position: relative; overflow: hidden;  border: 0px solid #FFB951;   margin: 0 0 1px 0; } .stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li {  float:left; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } .stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #FFB951; color: #FFFFFF; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #FFB951; }  /*tooltips formatting*/ #tooltip { background: ##FFB951; color: #FFB951; opacity: 0.85; border: 5px solid #dedede; } #tooltip h3 {  font: normal 10px Verdana;  margin: 0;  padding: 6px 2px;  border: 0; } .dotxxx {
	border: thin dashed #000000;
}