@import url(fonts/fonts.css);
/*
THBaijam			
THChakraPetch
THCharmofAU
THFahkwang
THK2DJuly8
THKodchasal
THKoHo				กอฮอ (ก.ฮ.)
THKrub
THMaliGrade6		มะลิ
THNiramitAS
THSrisakdi
THCharmonman
THSarabunNew	สารบัญ
เพิ่มเติม
Bangna				บางนา ตัดใหม่ (Bangna New)
wdb_Bangna		ดับบลิวดีบี บางนา (WDB Bangna)
Bansomdej			บ้านสมเด็จ BSRU Bansomdej  ###ตัวหนังสือเพี้ยน
DanViVek			ดานวิเวก (TH Dan Vi Vek)	####ต้องเพิ่มขนาด Font-size 
ps_PimDeed		พิมพ์ดีด  ####ต้องเพิ่มขนาด Font-size 
THsansneue		ไทยสารนุก
*/
table,tr,td {
	FONT-FAMILY:  'THChakraPetch'; 
	font-size: 12px; 
	line-height: 24px;
	CURSOR: default; 
}

BODY {
	FONT-FAMILY:  'THChakraPetch'; 
	font-size: 12px; 
	line-height: 24px;
	CURSOR: default; 
	MARGIN: 0 0 10 0px;  /* top right bottom left  */
	PADDING: 0;
	BACKGROUND-color: #FFF;
	COLOR: #000;
}
.ribbon_top_right {
	position: fixed;
	z-index: 100;
	right: 0;
	top: 0;
}
A:link		{ FONT-WEIGHT: none; text-decoration:none; font-size: 12px; }
A:active	{ FONT-WEIGHT: none; text-decoration:none; font-size: 12px; }
A:visited	{ FONT-WEIGHT: none; text-decoration:none; font-size: 12px; }
A:hover	{ FONT-WEIGHT: none; text-decoration:underline; font-size: 12px; }
.main 			{ font-family: 'asadong'; font-size: 20px; }
.main a:link	{ font-family: 'asadong'; font-size: 20px; }
.main a:hover	{ font-family: 'asadong'; font-size: 20px; text-decoration:underline; }

input,select,textarea,iframe 	{  font-family: 'THChakraPetch', sans-serif; font-size: 12px; clear: both; cursor:pointer; }

.header		{ font-family: 'asadong'; font-size: 24px; }
.footer		{ font-family: 'asadong'; font-size: 20px; }
.footer a:link		{ font-family: 'asadong'; font-size: 20px; }
.footer a:hover	{ font-family: 'asadong'; font-size: 20px; text-decoration:underline; }
.copyright	{ font-family: 'THCharmonman'; color: #D4D4D4; font-size: 0.5em; }
.copyright a:link	{ font-family: 'THCharmonman'; color: #D4D4D4; font-size: 0.5em; }
.copyright a:hover{ font-family: 'THCharmonman'; color: #D4D4D4; font-size: 0.5em; text-decoration:underline; }

/* ฟอนต์ราชการสวยๆ*/
.THCharmonman	{ font-family: 'THCharmonman'; font-size: 12px; }
.THSrisakdi			{ font-family: 'THSrisakdi'; font-size: 12px; }
.DanViVek			{ font-family: 'DanViVek'; font-size: 24px; }
.Bansomdej			{ font-family: 'Bansomdej'; font-size: 14px; }
.ps_PimDeed		{ font-family: 'ps_PimDeed'; font-size: 20px; }
.THMaliGrade6		{ font-family: 'THMaliGrade6'; font-size: 12px; }
.wdb_Bangna		{ font-family: 'wdb_Bangna'; font-size: 12px; }
.THSarabunNew		{ font-family: 'THSarabunNew'; font-size: 14px; }
.THSarabunNew_print		{ font-family: 'THSarabunNew'; font-size: 12px; line-height: 16px;}

.menu		{ font-family: 'THChakraPetch'; font-size: 12px; }
.menu a:link		{ font-family: 'THChakraPetch'; font-size: 12px; }
.menu a:hover		{ font-family: 'THChakraPetch'; font-size: 12px; text-decoration:underline; }
.menuGreen	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: green; }
.menuGreen a:link	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: green; }
.menuGreen a:hover	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: green; text-decoration:underline; }
.menuBlue		{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: blue; }
.menuBlue a:link	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: blue; }
.menuBlue a:hover	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: blue; text-decoration:underline; }
.menuOrange	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: orange; }
.menuOrange a:link	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: orange; }
.menuOrange a:hover	{ font-family: 'asadong'; font-size: 20px; color: #ffffff; background: orange; text-decoration:underline; }
.smallfont		{ font-size: 12px; }
.smallfont a:link		{ font-size: 12px; }
.smallfont a:hover	{ font-size: 12px; text-decoration:underline; }

/* row1 = สีเหลืองอ่อน, row2 = สีฟ้าอ่อน, row3 = สีเขียวอ่อน */
.row1 { background-color: #ffffea; padding: 1px; }
.row2 { background-color: #eaeaff; padding: 1px; }
.row3 { background-color: #eaffef; padding: 1px; }
.row4 { background-color: #ffffff; padding: 1px; }
/*
.row1 { background-color: #ffffea; padding: 1px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row2 { background-color: #eaeaff; padding: 1px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row3 { background-color: #eaffef; padding: 1px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 1px 1px; }
.row4 { background-color: #ffffff; padding: 1px; border-color: #c0c0c0; border-style: solid; border-width: 1px 1px 1px 1px; }
*/
.myButton {
	cursor:pointer; 
	/*font-family: 'asadong';*/
	/*font-size: 20px; font-weight:none;*/
	border: 1px solid #96d1f8;  /* #96d1f8 */
	background-color: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -moz-linear-gradient(top,  #65a9d7,  #3e779d);
	padding: 5px 10px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	color: white;
	text-decoration: none; 
	vertical-align: middle;
}
.myButton:hover {
    /*border-top-color: #28597a;*/
	background: #28597a;
    color: #ffffff; 
}
.myButton:active {
    border-top-color: #1b435e;
	background: #1b435e;
	outline: 0;
}

.menutitle_post{
cursor:pointer;
margin-bottom: 1px;
background-color:#FFFFFF;
color:#000000;
padding:0px;
text-align:left;
font-weight:bold ;
}

.submenu_post{
margin-bottom: 1px;
border:1px solid #FFFFFF;
color:#660000;
text-align:right;
font-weight:bold ;
FONT-FAMILY:  'wdb_Bangna'; 
}

.menutitle{
cursor:pointer;
margin-bottom: 1px;
width:180px;
padding:4px;
text-align:left;
font-weight:bold ;
}

.submenu{
cursor:pointer;
margin-bottom: 1px;
border:1px solid #C0C0C0;
color:#660000;
text-align:right;
font-weight:bold ;
}

.footmsg {
	display: none;
	visibility: hidden;
}

.tbmonthview {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.thmonthview {
	border: 1px solid #DDDDDD;
	background-color: #DDDDDD;
}
.tdmonthview1 {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.tdmonthview2 {
	border: 1px solid #DDDDDD;
	background-color: #EAEAEA;
}

.tblistview {
	border: 1px solid #DDDDDD;
	background-color: white;
	border-top: none;
}

.tdlistview {
	background-color: white;
	border-top: 1px solid #DDDDDD;
}

.tbyearview {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.tbdayview {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.admin .head {
	color: #000000;
	font-family: 'wdb_Bangna';
	font-size: x-small;
	font-weight: bold;
}

.admin .info {
	color: #000000;
	font-family: 'wdb_Bangna';
	font-size: x-small;
}

.calendar {
	font-family: 'THK2DJuly8';
	font-size: 14px;
}
.calendar .title {
	color: #FFFFFF;
	font-family: 'wdb_Bangna';
	font-weight: bold;
	text-align: center;
}

.calendar .title A:link {
	color: #FFFFFF;
	text-decoration: underline;
	font: 'wdb_Bangna';
}

.calendar .title A:visited {
	color: #FF9900;
	text-decoration: none;
	font: 'wdb_Bangna';
}

.calendar .title A:hover {
	color: #FFFFFF;
	text-decoration: none;
	font: 'wdb_Bangna';
}

.calendar .overview {
	background-color: #FFFFFF;
	height: 50; 
}

.calendar .overview A:link {
	text-decoration: underline;
	color: #0000FF;
}

.calendar .overview A:visited {
	text-decoration: underline;
	color: #FF8000;
}

.calendar .overview A:active {
	text-decoration: underline;
	color: #0000FF;
}

.calendar .overview A:hover{
	text-decoration: none;
	color: #0000FF;
}

.calendar .overview .last_month {
	color: #999999;
	font: 'wdb_Bangna';
}

.calendar .overview .next_month {
	color: #999999;
	font-family: 'wdb_Bangna';
}

.calendar .overview #today {
	color: #000000;
	background-color: #DDDDDD;
}

.calendar .overview #holyday {
	color: #000000;
	background-color: #660000;
}

.calendar .overview #selected {
	cursor: hand;
	color: #FFFFFF;
	background-color: #DDDDDD;
}

.calendar .overview .dayname {
	background-color: #a6a6a6;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'wdb_Bangna';
	width: 10%;
	height: 20;
	text-align: center;
}

.tbcalendar {
	width: 10%;
	height: 80; 
}
.dayname {
	background-color: #c0c0c0;
	font-weight: bold;
	color: #000;
	font-family: 'wdb_Bangna';
	font-size: 14px;
	width: 10%;
	text-align: center;
}
.weekname {
	background-color: #400000;
	font-weight: bold;
	font-family: 'wdb_Bangna';
	font-size: 14px;
	width: 10%;
	text-align: center;
}

.event_list {
	background-color: #FFFFCC;
	font-family: 'wdb_Bangna';
}

.event_list .title {
	background-color: #006699;
	font-family: 'wdb_Bangna';
	font-weight: bold;
	color: #FFFFFF;
}

.event_list .date {
	color: #CCCCCC;
	font-family: 'wdb_Bangna';
}

.event_info {
	background-color: #FFFFCC;
	font-family: 'wdb_Bangna';
}

.event_info .title {
	font-family: 'wdb_Bangna';
	font-weight: bold;
}

.event_info .date {
	color: #CCCCCC;
	font-family: 'wdb_Bangna';
}

.line_0 {
	background-color: #EEEEEE
}

.line_1 {
	background-color: #FFFFFF
}

.authorinfo {
	font-size: xx-small;
	color: #CCCCCC;
}
.admin {
	background-color: #FFFFFF;
	font-style: normal;
}

.calendar {
	text-decoration: none;
	background-color: #330000;
}


.eventlink {
	font: x-small 'wdb_Bangna';
	color: #FF9900;
	cursor: pointer;
	filter: Gray;
}

#autoCompleteMenu ul {
	background-color: #FFFFBB;
	border: 1px solid #FFFFBB;
	list-style-type: none; 
	margin: 0px;  padding: 0px;
}
#autoCompleteMenu ul li {
	list-style-type: none;  display: none;
	margin: 0;  padding: 1px;
	height: 18px;  cursor: pointer;
}
#autoCompleteMenu ul li.selected { 
	background-color: #FFCC66;
}
.autocomplete {
    font-family: 'wdb_Bangna';
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}
/* Global Styles */


	
/* ID Styles */

#navigation a {
	color: #26354A;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border-right:1px solid #FF6600;
	}
	
#navigation a:hover {
	color:#ffffff;
	background: #FF6600;
	}

#background td {
	background:url("mm_bg_header.gif");
	}
	
#padding {
	padding:14px;
	}
	
/* Calendar Styles */

#calendar td {
	border: 1px solid #26354A; 
	}
	
#noborder td {
	border: 0px;
	}

#calheader td {
	font-weight:bold;
	color: #ffffff;
	}
	
/* Class Styles */

.logo {
	font-family: 'asadong';
	font-size:36px;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:30px;
	}
	
.user {
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:15px;
	}

.tagline {
	color: #fffff4;
	font-family: 'asadong';
	font-size: 32px;
	line-height:30px;
	}
	
.tagline2 {
	color: #26354A;
	line-height:30px;
	}

.bodyText {
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	}

.detailText {
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.pageName {
	color: #FF6600;
	letter-spacing:.2em;
	line-height:32px;
	}
	
.subHeader {
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	color: #26354A;
	letter-spacing:.1em;
	line-height:16px;
	}
	

.calendarText {
	color: #26354A;
	letter-spacing:.1em;
	}
	
	
.sidebarText {
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	}

.stylemenu {
	color: #FFBA00;
	font-weight: bold;
}

/*ตาราง goldenrod, lemonchiffon */
.myTable{
	width:98%
	border-collapse:collapse; 
}
.myTable th,
.myTable td { 
	padding:2px; border:#c0c0c0 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTable th{
	background: #7f7f7f;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
.myTable tr:nth-child(odd){ 
	background: #e9e9e9;		/*สีพื้น - แถวสอง*/
}
.myTable tr:hover{ background-color:#c0c0c0 }

/*ตาราง goldenrod, lemonchiffon */
.myTableOrange{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse; 
}
.myTableOrange th,
.myTableOrange td { 
	padding:2px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableOrange th{
	background: Orange;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTableOrange tr:nth-child(even){
	background: #ffc500;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableOrange tr:nth-child(odd){ 
	background: lemonchiffon;		/*สีพื้น - แถวสอง*/
}
.myTableOrange tr:hover{ background-color:#fff }

/*ตาราง goldenrod, lemonchiffon */
.myTableGold{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse; 
}
.myTableGold th,
.myTableGold td { 
	padding:2px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableGold th{
	background: goldenrod;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTableGold tr:nth-child(even){
	background: gold;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableGold tr:nth-child(odd){ 
	background: lemonchiffon;		/*สีพื้น - แถวสอง*/
}
.myTableGold tr:hover{ background-color:#fff }

/*ตาราง น้ำเงิน ฟ้า */
.myTableSky{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse; 
}
.myTableSky th,
.myTableSky td { 
	padding:2px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableSky th{
	background: #0080ff;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTableSky tr:nth-child(even){
	background: #b8d1f3;		/*สีพื้น - แถวแรก**/
}
/*  Define the background color for all the ODD background rows  */
.myTableSky tr:nth-child(odd){ 
	background: #dae5f4;		/*สีพื้น - แถวสอง*/
}
.myTableSky tr:hover{ background-color:#fff }

/*ตาราง เขียว - เหลือง */
.myTableGreen{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse; 
}
.myTableGreen th,
.myTableGreen td { 
	padding:2px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableGreen th{
	background: green;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTableGreen tr:nth-child(even){
	background: #BCF5A9;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableGreen tr:nth-child(odd){ 
	background: #dfffdf;		/*สีพื้น - แถวสอง*/
}
.myTableGreen tr:hover{ background-color:#fff }

/*ตาราง น้ำเงิน - เหลือง */
.myTableBlue{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse; 
}
.myTableBlue th,
.myTableBlue td { 
	padding:2px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableBlue th{
	background: blue;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTableBlue tr:nth-child(even){
	background: #acc0fd ;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableBlue tr:nth-child(odd){ 
	background: #e0e8fe;		/*สีพื้น - แถวสอง*/
}
.myTableBlue tr:hover{ background-color:#fff }

/*ตาราง น้ำเงิน - เหลือง */
.myTablePurple{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse; 
}
.myTablePurple th,
.myTablePurple td { 
	padding:2px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTablePurple th{
	background: #8000ff;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTablePurple tr:nth-child(even){
	background: #d5aaff ;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTablePurple tr:nth-child(odd){ 
	background: #ead5ff;		/*สีพื้น - แถวสอง*/
}
.myTablePurple tr:hover{ background-color:#fff }

/*ตาราง c0c0c0 - ffffff */
.myTableGray{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse; 
}
.myTableGray th,
.myTableGray td { 
	padding:2px; border:#fff 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableGray th{
	background: gray;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTableGray tr:nth-child(even){
	background: #c0c0c0 ;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableGray tr:nth-child(odd){ 
	background: #fff ;		/*สีพื้น - แถวสอง*/
}
.myTableGray tr:hover{ background-color:#fff }

/*ตาราง c0c0c0 - ffffff */
.myTableAcc{
	width:98%
	/*margin-left:auto; 
    margin-right:auto;*/
	border-collapse:collapse;
}
.myTableAcc th,
.myTableAcc td { 
	padding:2px; border:#000 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableAcc th{
	background: gray;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	text-align:center;
}
/*  Define the background color for all the EVEN background rows  */
.myTableAcc tr:nth-child(even){
	background: #e9e9e9 ;		/*สีพื้น - แถวแรก*/
}
/*  Define the background color for all the ODD background rows  */
.myTableAcc tr:nth-child(odd){ 
	background: #fff ;		/*สีพื้น - แถวสอง*/
}
.myTableAcc tr:hover{ background-color:#fff }

/*ตาราง c0c0c0 - ffffff */
.myTableListAcc th,
.myTableListAcc td { 
	padding:2px; border:#c0c0c0 1px solid;		/*เส้นขอบ*/
}
/* provide some minimal visual accomodation for IE8 and below */
.myTableListAcc th{
	background: #9f9f9f;		/*สีพื้น - ส่วนหัว*/
	color: #fff;
	border:#fff 1px solid;
	text-align:center;
}

.myTableListAcc tr:hover{ background-color:#dddddd }

/*ตารางรับข้อมูล */
.myTableForm{
	margin-left:auto; 
    margin-right:auto;
	border-collapse:collapse;
}
.myTableForm th,
.myTableForm td { 
	padding:2px; 
}
.myTableForm tr:hover{ background-color:#dddddd }