.transparent_class {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
html {
	margin: 0;
	padding-top: 0;
	padding-left: 30;
	padding-right: 30;
	padding-bottom: 0;
	height: 100%;
}
body {
	background-color: #D8D8D8;
	font-family: "Courier New", Tahoma;
	font-stretch: unchanged;
	line-height:150%;
}
.header {
	background-color:#CEF1FD;
	height:70;
	font-size:16px;
	font:bold;
}
.link {
	background-color:#FFF;
	height:50;
	vertical-align: middle;
	font:bold;
	font-size:16px;
}
.input{
	background-color:#FF9;
	font-size:14px;
}
.display{
	background-color:#F2F2F2;
	font-size:14px;
}
.fontSize{
	font-size:14px;	
}
a{
	font:bold;
}
a:link {
	color: #06F;
}
a:visited {
	color: #06F;
}
a:hover {
	color: #000;
}
a:active {
	color: #06F;
}
h1,h2,h3,h4,h5,h6{
	color: #204875;
}
.highlight{
	background:#FC0;
}
.notification{
	background:url(../tools/notification.png)no-repeat;
	background-position:center center;
}


/* Table */
#newspaper-b{
	font-family:"Courier New", Sans-Serif;
	font-size:13px;
	text-align:left;
	border-radius: 10px;
	border:1px solid #000;
	margin:20px;
	color: #CCC;
}
#newspaper-b th{
	font-weight:bold;
	font-size:14px;
	color:#039;
	padding:15px 10px 10px;
	background:#d0dafd;
	border-radius: 10px;
}
#newspaper-b tbody{
}
#newspaper-b td{
	color:#669;
	border:1px dashed #FFFFFF ;
	padding:8px;
	border-radius: 10px;
}
#newspaper-b tbody tr:hover td{
	color:#333;
	background:#FFCCFF;
}

.transparent_class {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

/* Report  */
#newspaper-c{
	font-family:"Courier New", Sans-Serif;
	font-size:13px;
	text-align:left;
	border-radius: 10px;
	border:1px solid #000;
	margin:20px;
	color: #DDD;
}
#newspaper-c th{
	font-weight:bold;
	font-size:14px;
	color:#039;
	padding:15px 10px 10px;
	background:#00CCFF;
	border-radius: 10px;
}
#newspaper-c tbody{
	background:#C4E6F2;
}
#newspaper-c td{
	font-size:12px;
	color:#669;
	border-top:1px dashed #fff;
	padding:8px;
	border-radius: 10px;
}
#newspaper-c tbody tr:hover td{
}


/* Maintance Program 0 */
ul.p0_menu{ /* กำหนดขอบเขตของเมนู */  
    list-style:none; margin:0px; padding:0px; width:300px; font-family:Arial, Helvetica, sans-serif;
    font-size:12px; display:none; border:1px #CCCCCC solid;   	
}   
ul.p0_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    display:block; height:30px; text-indent:5px; background-color:#EAEAEA; border:1px #FCFCFC solid;   
}   
ul.p0_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
	display:block; height:30px; text-indent:5px; color:#FFFFFF; background-color:#FFCCFF; border:1px #FFFFFF groove;   
}   
ul.p0_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
	text-decoration:none; color:#333333; font-weight:bold;
}   

/* Maintance Program 1 */
ul.p1_menu{ /* กำหนดขอบเขตของเมนู */  
    list-style:none; margin:0px; padding:0px; width:300px; font-family:Arial, Helvetica, sans-serif;
    font-size:12px; display:none; border:1px #CCCCCC solid;   	
}   
ul.p1_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    display:block; height:30px; text-indent:5px; background-color:#EAEAEA; border:1px #FCFCFC solid;   
}   
ul.p1_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
	display:block; height:30px; text-indent:5px; color:#FFFFFF; background-color:#FFCCFF; border:1px #FFFFFF groove;   
}   
ul.p1_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
	text-decoration:none; color:#333333; font-weight:bold;
}   

/* Maintance Program 2 */
ul.p2_menu{ /* กำหนดขอบเขตของเมนู */  
    list-style:none; margin:0px; padding:0px; width:300px; font-family:Arial, Helvetica, sans-serif;
    font-size:12px; display:none; border:1px #CCCCCC solid;   	
}   
ul.p2_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    display:block; height:30px; text-indent:5px; background-color:#EAEAEA; border:1px #FCFCFC solid;   
}   
ul.p2_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
	display:block; height:30px; text-indent:5px; color:#FFFFFF; background-color:#FFCCFF; border:1px #FFFFFF groove;   
}   
ul.p2_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
	text-decoration:none; color:#333333; font-weight:bold;
}

/* Maintance Program 3 */
ul.p3_menu{ /* กำหนดขอบเขตของเมนู */  
    list-style:none; margin:0px; padding:0px; width:300px; font-family:Arial, Helvetica, sans-serif;
    font-size:12px; display:none; border:1px #CCCCCC solid;   	
}   
ul.p3_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    display:block; height:30px; text-indent:5px; background-color:#EAEAEA; border:1px #FCFCFC solid;   
}   
ul.p3_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
	display:block; height:30px; text-indent:5px; color:#FFFFFF; background-color:#FFCCFF; border:1px #FFFFFF groove;   
}   
ul.p3_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
	text-decoration:none; color:#333333; font-weight:bold;
}

/* Maintance Program 4 */
ul.p4_menu{ /* กำหนดขอบเขตของเมนู */  
    list-style:none; margin:0px; padding:0px; width:300px; font-family:Arial, Helvetica, sans-serif;
    font-size:12px; display:none; border:1px #CCCCCC solid;   	
}   
ul.p4_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    display:block; height:30px; text-indent:5px; background-color:#EAEAEA; border:1px #FCFCFC solid;   
}   
ul.p4_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
	display:block; height:30px; text-indent:5px; color:#FFFFFF; background-color:#FFCCFF; border:1px #FFFFFF groove;   
}   
ul.p4_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
	text-decoration:none; color:#333333; font-weight:bold;
}

/* กำหนดรูปแบบการ Sort 0*/
.sortable {font:11px Verdana,Arial; margin:25px; url(sort/images/bg.gif) repeat-x; color:#091f30 ; padding:0; outline:none}
.sortable {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(sort/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:11px; padding:6px 8px 8px; color:#FFFFFF; margin:0;}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(sort/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(sort/images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(sort/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(sort/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:980px; margin:0 auto; height:20px; font:11px Verdana,Arial}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}

/* กำหนดรูปแบบการ Sort 1*/
.sortable1 {font:11px Verdana,Arial; margin:25px; url(sort/images/bg.gif) repeat-x; color:#091f30 ; padding:0; outline:none}
.sortable1 {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable1 th {background:url(sort/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable1 th h3 {font-size:11px; padding:6px 8px 8px; color:#FFFFFF; margin:0;}
.sortable1 td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable1 .head h3 {background:url(sort/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable1 .desc, .sortable1 .asc {background:url(sort/images/header-selected-bg.gif)}
.sortable1 .desc h3 {background:url(sort/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable1 .asc h3 {background:url(sort/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable1 .head:hover, .sortable1 .desc:hover, .sortable1 .asc:hover {color:#fff}
.sortable1 .evenrow td {background:#fff}
.sortable1 .oddrow td {background:#ecf2f6}
.sortable1 td.evenselected {background:#ecf2f6}
.sortable1 td.oddselected {background:#dce6ee}

#controls1 {width:980px; margin:0 auto; height:20px; font:11px Verdana,Arial}
#perpage1 {float:left; width:200px}
#perpage1 select {float:left; font-size:11px}
#perpage1 span {float:left; margin:2px 0 0 5px}
#navigation1 {float:left; width:580px; text-align:center}
#navigation1 img {cursor:pointer}
#text1 {float:left; width:200px; text-align:right; margin-top:2px}

/* กำหนดรูปแบบการ Sort 2 */
.sortable2 {font:11px Verdana,Arial; margin:25px; url(sort/images/bg.gif) repeat-x; color:#091f30 ; padding:0; outline:none}
.sortable2 {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable2 th {background:url(sort/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable2 th h3 {font-size:11px; padding:6px 8px 8px; color:#FFFFFF; margin:0;}
.sortable2 td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable2 .head h3 {background:url(sort/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable2 .desc, .sortable2 .asc {background:url(sort/images/header-selected-bg.gif)}
.sortable2 .desc h3 {background:url(sort/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable2 .asc h3 {background:url(sort/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable2 .head:hover, .sortable2 .desc:hover, .sortable2 .asc:hover {color:#fff}
.sortable2 .evenrow td {background:#fff}
.sortable2 .oddrow td {background:#ecf2f6}
.sortable2 td.evenselected {background:#ecf2f6}
.sortable2 td.oddselected {background:#dce6ee}

#controls2 {width:980px; margin:0 auto; height:20px; font:11px Verdana,Arial}
#perpage2 {float:left; width:200px}
#perpage2 select {float:left; font-size:11px}
#perpage2 span {float:left; margin:2px 0 0 5px}
#navigation2 {float:left; width:580px; text-align:center}
#navigation2 img {cursor:pointer}
#text2 {float:left; width:200px; text-align:right; margin-top:2px}

/* กำหนดรูปแบบการ Sort 3 */
.sortable3 {font:11px Verdana,Arial; margin:25px; url(sort/images/bg.gif) repeat-x; color:#091f30 ; padding:0; outline:none}
.sortable3 {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable3 th {background:url(sort/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable3 th h3 {font-size:11px; padding:6px 8px 8px; color:#FFFFFF; margin:0;}
.sortable3 td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable3 .head h3 {background:url(sort/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable3 .desc, .sortable3 .asc {background:url(sort/images/header-selected-bg.gif)}
.sortable3 .desc h3 {background:url(sort/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable3 .asc h3 {background:url(sort/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable3 .head:hover, .sortable3 .desc:hover, .sortable3 .asc:hover {color:#fff}
.sortable3 .evenrow td {background:#fff}
.sortable3 .oddrow td {background:#ecf2f6}
.sortable3 td.evenselected {background:#ecf2f6}
.sortable3 td.oddselected {background:#dce6ee}

#controls3 {width:980px; margin:0 auto; height:20px; font:11px Verdana,Arial}
#perpage3 {float:left; width:200px}
#perpage3 select {float:left; font-size:11px}
#perpage3 span {float:left; margin:2px 0 0 5px}
#navigation3 {float:left; width:580px; text-align:center}
#navigation3 img {cursor:pointer}
#text3 {float:left; width:200px; text-align:right; margin-top:2px}

/* กำหนดรูปแบบการ Sort 4 */
.sortable4 {font:11px Verdana,Arial; margin:25px; url(sort/images/bg.gif) repeat-x; color:#091f30 ; padding:0; outline:none}
.sortable4 {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable4 th {background:url(sort/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable4 th h3 {font-size:11px; padding:6px 8px 8px; color:#FFFFFF; margin:0;}
.sortable4 td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable4 .head h3 {background:url(sort/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable4 .desc, .sortable4 .asc {background:url(sort/images/header-selected-bg.gif)}
.sortable4 .desc h3 {background:url(sort/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable4 .asc h3 {background:url(sort/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable4 .head:hover, .sortable4 .desc:hover, .sortable4 .asc:hover {color:#fff}
.sortable4 .evenrow td {background:#fff}
.sortable4 .oddrow td {background:#ecf2f6}
.sortable4 td.evenselected {background:#ecf2f6}
.sortable4 td.oddselected {background:#dce6ee}

#controls4 {width:980px; margin:0 auto; height:20px; font:11px Verdana,Arial}
#perpage4 {float:left; width:200px}
#perpage4 select {float:left; font-size:11px}
#perpage4 span {float:left; margin:2px 0 0 5px}
#navigation4 {float:left; width:580px; text-align:center}
#navigation4 img {cursor:pointer}
#text4 {float:left; width:200px; text-align:right; margin-top:2px}

/* กำหนดรูปแบบการ Sort 5 */
.sortable5 {font:11px Verdana,Arial; margin:25px; url(sort/images/bg.gif) repeat-x; color:#091f30 ; padding:0; outline:none}
.sortable5 {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable5 th {background:url(sort/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable5 th h3 {font-size:11px; padding:6px 8px 8px; color:#FFFFFF; margin:0;}
.sortable5 td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable5 .head h3 {background:url(sort/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable5 .desc, .sortable5 .asc {background:url(sort/images/header-selected-bg.gif)}
.sortable5 .desc h3 {background:url(sort/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable5 .asc h3 {background:url(sort/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable5 .head:hover, .sortable5 .desc:hover, .sortable5 .asc:hover {color:#fff}
.sortable5 .evenrow td {background:#fff}
.sortable5 .oddrow td {background:#ecf2f6}
.sortable5 td.evenselected {background:#ecf2f6}
.sortable5 td.oddselected {background:#dce6ee}

#controls5 {width:980px; margin:0 auto; height:20px; font:11px Verdana,Arial}
#perpage5 {float:left; width:200px}
#perpage5 select {float:left; font-size:11px}
#perpage5 span {float:left; margin:2px 0 0 5px}
#navigation5 {float:left; width:580px; text-align:center}
#navigation5 img {cursor:pointer}
#text5 {float:left; width:200px; text-align:right; margin-top:2px}

/* กำหนดรูปแบบการบันทึกข้อความ */
.laneTopic {font:11px Verdana,Arial; margin:25px; color:#000066 ; padding:0; outline:none}
.laneTopic {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.laneTopic th {text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.laneTopic th h3 {font-size:11px; padding:6px 8px 8px; color:#FFFFFF; margin:0;}
.laneTopic td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.laneTopic td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}