@import url('fonts/thsarabunnew.css');

html , body{
height: 100%;
}
form {
	padding: 0px;
	margin: 0px;	
}

img { border: 0px; }
input,textarea,fieldset { border: 1px solid #888888; }
input[type=radio] { border: none; }
input[type=checkbox] { border: none; }
h1 { font-size: 20px;margin: 0; }
h2 { font-size: 16px;margin: 0; }
.head-bar a, .head-bar select, .head-bar input, .head-bar form, .head-bar textarea, .head-bar pre , .head-bar p {
    font-family: 'THSarabunNew';
	font-size: 12px ;
    margin: 0;
}
.footer a, .footer select, .footer input, .footer form, .footer textarea, .footer pre  , .footer p {
    font-family: 'THSarabunNew';
	font-size: 12px ;
    margin: 0;
}
a, select, input, form, textarea, pre {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    margin: 0;
}

a { 
	color: #1d7ac9;
	text-decoration: none; 
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}
p { 
	text-align: left;
	text-indent: 35px;	
}

.left { float: left; }
.right { float: right; }
.center { margin-left: auto;margin-right: auto; }
.clear { clear: both; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.disable {
	opacity:0.4;
	filter:alpha(opacity=40);	
}
body {
	margin: 0px;
	padding: 0px;
	background: #F4F4F4;
	color: #333333;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
}

.head-bar  {
	/* background: #3B5998; */
	color : #646464;
	position:relative ;
	height: 70px;
	margin-bottom: 43px;
	background-repeat : no-repeat;
	background-position : center ; 
	background-image : url('/templates/fb/menu1.png');
	
}

.head-bar  .content-menu ul {
	position : absolute ;
	list-style-type: none;
	margin : 0 ;
	margin-left: auto;
	margin-right: auto;
	margin-top : 10px;
	margin-left: -20px;
}

.head-bar  .content-menu ul  li{

	float : left ; 
	margin-left : 25px;
	padding : 10px;
	padding-bottom : 20px;
	width : auto ;
	height : 13px;
}

.head-bar  .content-menu ul  li:hover{
	/* background-color:#4b67a1  ; */
}


.head-bar .content-menu ul  li a{
	color : #646464 ;
	/*color : white ; */ 
}

.head-bar .content-menu ul  li a:hover{
	color : #006FE0 ;
	/*color : white ; */ 
}
/* START SUB MENU */

.content .logo {
	position : absolute ;
	background-image :  url('/templates/fb/logo.png') ;
	background-repeat: no-repeat ;
	width : 170px ;
	height : 25px ;
	margin-left : -10px;
	margin-top : -57px;
	z-index : -10;
}

.content .viewwebsite {
	position : absolute ;
	width : 170px ;
	height : 25px ;
	margin-left : 860px;
	margin-top : -57px ;
	z-index : 20;
}

.head-bar .content-menu  li ul {
	z-index : 999;
	position:absolute;
	 visibility:hidden; 
	/* display:none; */
	
	 background-color:#FFFFFF;	
	/*border-top:1px solid #fff; */
	top : 40px;
	margin:0;
	padding:0;
	margin-left : -20px;
	/* background: #F4F4F4; */
	border: 0px solid #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	
	/* ie */
	zoom: 1;
	  filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);

}

.head-bar .content-menu  li ul li {
	text-align:left ;	
	/* background-color:#3B5998; */	
	float:none;
	padding:5px;
	margin:0px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:5px;
}

.head-bar .content-menu li ul li:hover {
	/*background-color:#4b67a1 ; */	
}

/* END SUB MENU */
.wrapper {
	width:100% ;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -107px;
	overflow :hidden ;

}
.content {
	height: auto;	
	margin: auto;
	max-width: 940px;
	min-width: 940px;
	padding: 25px 20px 20px;
	/* background: url('/templates/fb/content_bg.png') repeat-y #FFFFFF; */
	background: white ;
	text-align: left;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	box-shadow: 0 1px 1px #DDDDDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
}
.content-menu
{
	position : relative ;
	width : 1000px;
	height  : 33px;
	margin-left : auto ; 
	margin-right : auto ; 
}


/*
.content-menu {
	float: left;
	margin-left: -20px;
	overflow: hidden;
	padding: 0 20px;
	width: 166px;
}
.content-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.content-menu ul li {
	border-bottom: 1px solid #E5E5E5;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
}
.content-menu ul li a {
	padding: 6px 6px 6px 10px;
	color: #3B5998;
	cursor: pointer;
	text-decoration: none;
	width: 150px;
	display: block;
}
.content-menu ul li a:hover {
	text-decoration: none;
	color: #333333;
	background: url("/templates/fb/menu_bullet.png") no-repeat scroll right center transparent;
}
*/
.content-text {
	/*	float: right; */
	width: 900px;
	padding-left: 15px;
	text-align: left;
}
.form-bg {
	background: #f1f1f1;
	padding: 20px;
}
.form-title {
	border: none;
	border-top: 1px solid #CECECE;
	background-color: #E6E6E6;
	line-height: 22px;
	padding-left: 5px;
	color: #363636;
	font-weight: bold;
	margin-bottom: 10px;
}
.clear { clear: both; }
input[type=text], input[type=file], textarea {
	border: 1px solid #B8C5D7;
}
input[type=submit] {
	color: #FFFFFF;
	font-size: 12px;
   font-weight: bold;
   padding: 2px 6px;
   cursor: pointer;
	background-color: #5B74A8;
	background-position: -352px -397px;
	background-repeat: no-repeat;
	border-color: #29447E #29447E #1A356E;
	border-width: 1px;
	border-style: solid;
	line-height: 16px;
}
input[type=button] {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #EEEEEE;
	border-color: #999999 #999999 #888888;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
   cursor: pointer;
   line-height: 16px;
	font-size: 12px;
   font-weight: bold;
   padding: 2px 6px;
}
a.button {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #5B74A8;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #29447E #29447E #1A356E;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none;
}
a.button .text {
    border: 0	 none;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
	line-height: 14px;
    margin: 0;
    padding: 1px 0 2px;
	color: #FFFFFF;
}
a.button .plus {
	background: url('/templates/fb/icon.png') -86px 0px no-repeat;
	width: 8px;
	height: 14px;
	display: inline-block;
	margin-right: 3px;
}

table.list {
    border-color: #CACACA;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-spacing: 0;
	border-collapse: collapse;
}

table.list td,table.list th {
    border-color: #CACACA;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-spacing: 0;
    margin: 0;
    padding: 3px;
}
table.list th {
		background-color: #F1F1F1;
		color: #383838;
		font-weight: bold;
		text-align: center
}
td.caption {
	vertical-align: top;
	padding-top: 5px;
}

.show {
	width: 7px;
	height: 0px;
	display: block;
	overflow: hidden;
	padding-top: 7px;
	background: url('/templates/fb/status.png') 0px 0px no-repeat;
}

.not-show {
	width: 7px;
	height: 0px;
	display: block;
	overflow: hidden;
	padding-top: 7px;
	background: url('/templates/fb/status.png') 0px -7px no-repeat;
}

#frm input[type="checkbox"] {
	position:relative ; 
	top: 3px;
}
	
#frm input[type="radio"]  {
	position:relative ; 
	top: 2px;
}



/* Footer */
.push{ height :107px}
.footer{
overflow :hidden ;
clear:both ;
position:relative;
width:1000px; 
padding-top:0px; 
background-color:#f5f5f5; 
font-family: "THSarabun"; 
margin: 0px auto ;
height :107px
      
 }
.footer .border{
	background-image:url(../pics/line3.png); 
	height:12px; 
	width:1000px; 
}

.footer p { margin-top:-5px;margin-bottom:-5px;text-align:center;}
.powerby{color:#a1a1a1; text-align:center; padding:10px 0 10px 0;}
#link{ text-align:center; background-color:#f5f5f5;}
#link a{ text-decoration:none; color:#999;}
#link a:hover{ text-decoration:none; color:#06F;}