/* body */
 BODY {
	margin: 0px 0px 0px 0px;/*top right bottom left*/
	background:#ffffff url(../images/bg.jpg) repeat-x;
/*	background:#FDF7F7 url(../images/bg.jpg) repeat-x; */
}
/* Css tooltip */
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: silver;
visibility: hidden;
z-index: 1000;

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.bgmedia{
	background: #fff url(../../../images/bgmedia.jpg) center repeat-y;
	width: 619px;
	height:315px;
	
}
/* ==========================================  */
/* Css สำหรับ Loading  */
#lblCenterLoad{
	z-index:9999;
	width:100px;
	POSITION: absolute;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 1px;
	border: 1px solid #000000;
	background-color:#F0F0F0;
	text-align:center;
	top: -1000px;
}
/* MASTER FONTS ------------------------------------------------------------------------------------------------------------------------*/
Body .margin{
	margin: 0px 0px 0px 0px;
	/*top right bottom left*/	
}
BODY.fs1 {
	FONT-SIZE: 11px;
	line-height: 13px;
}
BODY.fs2 {
	FONT-SIZE: 12px;
	line-height: 15px;
}
BODY.fs3 {
	FONT-SIZE: 14px;
	line-height: 15px;
}

/* text link */
a {
	color:#34768D;
	text-decoration:none;
}
a:hover {
	color:#34768D;
	text-decoration:underline;
}

/* boarder */
.hightlight {
	border: 1px solid #E1E1E1;
	border-color: #E1E1E1 #A2A2A2 #A2A2A2 #E1E1E1 ;
	padding: 3px 3px 3px 3px;
}

.borderstyle {
	border: 1px dotted #C0C0C0;
}

.borderstyle2{
	border:1px solid #C0C0C0;
}

/* master title */
h1, h2, h3 {
	margin:0px;
	padding:8px 0px 8px 0px;
}

h1{
	color:#2A505A;
	font-size:26px;
}
h2{
	color:#333;
	font-size:20px;
}
h3{
	color:#D15705;
	font-size:16px;
}
h4{
	color:#2A505A;
	font-size:14px;
}

.title2 {
	color:#604A18;
	font-size:120%;
	font-weight:bold;
}
/* master command */
textarea , input.txt{
	color:#333333;
	FONT-SIZE: 13px;
	background: #FFF url(../../../images/bgstyle.gif);
	border: #000000 1px inset;
	border-color: #000000 #666666 #666666 #000000;
}

input.button{
	color:#333333;
	background: #FFF url(../../../images/bgmenu_color.jpg);
	border: #000000 1px solid;
	border-color: #000000 #666666 #666666 #000000;
	font-size:12px;
	font-weight:bold;
}

input.button2,button{
	color:#CDF1F9;
	background: #28444E url(../images/bgmenu.jpg) top repeat-x;	
	border-color: #CDF1F9 #CDF1F9 #CDF1F9 #CDF1F9;
	border:1px solid #CDF1F9;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px 2px 5px;
}

input.txt {
	background: #E5F7FC;
	color:#245263;
	border: #2A4E58 1px solid;
}

select {
	background: #E5F7FC;
	color:#245263;
	border: #2A4E58 1px solid;
	font-size:11px;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover,
button:focus,
button:hover{
  border: 1px solid #00DFFF;
}

/* master tag special */
blockquote {
	background: #F0FAFF url(../../../images/quote.gif) no-repeat;
	display: block;
	padding: 4px 4px 4px 28px;
	border: #cccccc 1px solid;
	font-size:12px;
}
/* secure code */

.securecode {
	border: #000000 1px inset;
	padding: 2px 5px 2px 5px; 
	font-weight:bold;
	background: url(../../../images/bgsecure.jpg) repeat-x;
	width:80px;
	height:22px;
}
code {
	background: #FFF;
	border: 1px solid #C1CAD3;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font-size:140%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px;
}

/* css depen table*/
.borderline_hor{
	border-color:#ccc; 
	border-top:0px; 
	border-bottom:1px;
	border-left:0px; 
	border-right:0px; 
	border-style:dotted; 
	line-height:22px;
}

.border_ver{
	border-color:#808080; 
	border-top:1px; 
	border-bottom:1px;
	border-left:0px; 
	border-right:0px; 
	border-style:dotted; 
	line-height:22px;
}

.bgrows_normal {
	padding: 5px 2px 2px 2px;
	background: #fff url(../../../images/bgtb.jpg) repeat-x;
}

.bgrows_over {
	padding: 3px 0px 3px 0px;
	background-color: #ECF5FF;
}
.bgrows_normal2 {
	padding: 4px 0px 4px 0px;
	background: #f2f2f2 url(../../../images/bgtb2.jpg) repeat-x;
}
.bgrows_normal3 {
	padding: 4px 0px 4px 0px;
	background: #e5e5e5 url(../../../images/bgtb3.jpg) repeat-x;
}
.cpage_normal{
	background-color: #CC0000;
	border: 1px solid #808080;
	/*top right bottom left*/	
	padding: 2px 3px 2px 3px;
	color:#fff;
}

.cpage_normal a{
	/*top right bottom left*/	
	color:#fff;
}

.cpage_active{
	background-color: #CC0000;
	border: 1px solid #808080;
	/*top right bottom left*/	
	padding: 2px 3px 2px 3px;
	background: #fff url(../../../images/bgmenu_color.jpg) repeat-x;
}

.block {
	background: #FFF;
	border: 1px solid #C1CAD3;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font-size:140%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px;
}

.gradian_menu_up {
/*	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#004080,,endcolorstr=#47A8E2);	*/
background: #CC0000 url(../../../images/graduan01.jpg) repeat-x;
}

/* System Error Messages */
.error { 
	color: #c00; background: #E6C0C0 url(../images/notice-alert.png) 4px top no-repeat; 
	border-top: 2px solid #DE7A7B; border-bottom: 2px solid #DE7A7B; line-height:28px;
	MARGIN-BOTTOM: 5px; text-align:center;display:block;
}
.info {
	color: #0063C6; background: #C0D2E8 url(../images/notice-info.png) 4px top no-repeat; 
	border-top: 2px solid #0063C6; border-bottom: 2px solid #0063C6; line-height:28px;
	MARGIN-BOTTOM: 5px; text-align:center;display:block;
}
.note {
	color: #CF7507; background: #F0E6BE url(../images/notice-note.png) 4px top no-repeat; 
	border-top: 2px solid #F68E0E; border-bottom: 2px solid #F68E0E;line-height:28px;
	MARGIN-BOTTOM: 5px; text-align:center;display:block;
}