@charset "utf-8";
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:1em 0;
	border:none;
}
legend {
	margin:1em 0;
	padding:0 .5em;
	color:#036;
	background:transparent;
	font-size:1.3em;
	font-weight:bold;
}
label {
	float:left;
	width:75px;
	padding:3px 5px;
	text-align:right;
	color:#333;
}
.user {
	float:left;
	width:160px;
	padding:0px 5px;
	text-align:left;
	color:#866656;

	}
	
.userfill { background:#F8F8F8; font-weight:bold; border:solid 1px #F8F8F8}

.dhamma {
	float: right;
	width:220px;
	padding:8px 10px;
	text-align:left;
}
fieldset div {
	margin-bottom:.5em;
	padding:0;
	display:block;
}
fieldset div input {
	width:150px;
	background:#FFFFFF;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #dadada;
	border-right:1px solid #dadada;
	padding:1px;
	color:#333;
}

fieldset div textarea {
	width:280px;
	height:60px;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:1px;
	color:#333;
}
fieldset div select {
	padding:1px;
	border:#dda88d solid 1px;
	color:#707070;
}
div.fm-multi div {
	margin:5px 0;
}
div.fm-multi input {
	width:1em;
}
div.fm-multi label {
	display:block;
	width:200px;
	padding-left:5em;
	text-align:left;
}
#fm-submit {
	clear:both;
	text-align:center;
}
#fm-submit input {
	border:1px solid #333;
	padding:2px 1em;
	background:#555;
	color:#fff;
	font-size:100%;
}
input:focus, textarea:focus {
	background:#efefef;
	color:#000;
}
fieldset div.fm-req {
	font-weight:bold;
}
fieldset div.fm-req label:before {
	content:"* ";
}
body {
	padding:0;
	margin:20px;
	color:#333;
	background:#fff;
	font:12px arial, verdana, sans-serif;
	text-align:center;
}
#container {
	margin:0 auto;
	padding:1em;
	width:380px;
	text-align:left;
}
p#fm-intro {
	margin:0;
}

/*Add More By Thanajet*/

.left { float:left;}
.right { float:right;}