@charset "utf-8";
body {
	background-image: url(../img/bg-page.jpg);
	background-repeat: repeat-x;
	color: #3b77ac;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.login {
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
}
.font-13 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
.font {
	color:#666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	}
.page-name {
	color:#3966b0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight:bold;
	}
.font-menu {
	color:#666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	}
.font-menu a{
	color:#3966b0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-decoration:underline;
	}
.bluetext a:visited{
	color:#3966b0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
.bluetext a:hover{
	color: #777575;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
.font_s {
	color:#777575;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	}
.copy {
	color:#777575;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	}
.head{
	color:#15428b;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 19px;
	}
.menu-left{
	color:#3966b0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	}
.user{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#666;
	}
/* ---- */
.arrowlistmenu{
width:195px;
padding-left:1px;/*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px tahoma;
color:#5381cd;
background: url(../img/titlebar-active.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../img/titlebar-active.jpg) repeat-x center left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #727272;
background: url(../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font:13px tahoma;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:link{
color:#727272;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
}
.arrowlistmenu ul li a:visited{
color:#727272;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#666;
background-color: #cde1fa;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
}


/* FOR ALLTAB */
div#i_containTab{
	position:relative;
	display:block;
	width:402px; /* กำหนดความกว้างทั้งหมด   */
	border:1px solid #CCC;
}
ul#navi_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;
	background-color:#FCF;
}
ul#navi_containTab li{
	display:block;
	float:left;
	height:30px;	
	width:200px;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border:0px solid #CCC;
	line-height:25px;
	cursor:pointer;
	text-align:center;
}
/* class รูปแบบของแต่ละเมนู */
.tabNavi1{
	background-color:#9C3;	
}
.tabNavi2{
	background-color:#C93;		
}

ul#detail_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;	
}
ul#detail_containTab li{
	float:left;
	width:100%;
	height:150px;	
}
/* class checkform */
form label{
	float: left;
	text-align: left;
	width: 120px;
}
input, textarea, select {
	padding: 2px;
	margin: 2px;
}
input[type="text"], input[type="password"], textarea {
	border: 1px solid #CCCCCC;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #0033FF;
}
 
form.required{
 
}
 
label.error {
	float:none;
	color: red;
	font-style: italic;
	display:none;
}
#loading {
    position:absolute;
    width:300px;
    top:0px;
    left:50%;
    margin-left:-150px;
    text-align:center;
    padding:7px 0 0 0;
    font:bold 11px Arial, Helvetica, sans-serif;
}
