/* Headings 	padding:.8em 30px .4em 0;
	margin:0 0 1em 0; */

@font-face {
	font-family: 'THSarabun';
		src: url('THSarabun.eot');
		src: local('TH SarabunPSK Regular'), 
		local('THSarabunPSK'), 
		url('THSarabun.woff') format('woff'), 
		url('THSarabun.ttf') format('truetype'), 
		url('THSarabun.svg#THSarabunPSK') format('svg');
}

p.body {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
}

.BODY {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	background-image: url('../Asset/Images/bg.png');
	background-attachment:fixed;
	background-position: top left
}
.BODYBK {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
}
a.noBorder:link {  border: none; }
a.noBorder:visited { border: none; }
a.noBorder:hover { border: none; }

a {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #555555; text-decoration:none;
}
a:href {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #E87D12; text-decoration:none;
}
a:hover {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #E87D12; text-decoration:none;
}
a:active {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #E87D12; text-decoration:none;
}
a:focus {
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #E87D12; text-decoration:none;
}

/* Horizontal Rule */
 
hr.dotted {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(../Asset/typography/line_dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none;
}


img { border: none; }
/************************ Menu BackOffice Style**************************/ 
.btnMenuBarSave
{
    background-image: url('../Asset/Images/Toolsbar/Save.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.btnMenuBarNew
{
    background-image: url('../Asset/Images/Toolsbar/New.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.bgTextboxNoBorder {
overflow: hidden;  
border: none;  
padding-top: 0px; 
padding-bottom: 0px; 
border: 0px ;
font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
}
.btnMenuBarEdit
{
    background-image: url('../Asset/Images/Toolsbar/Edit.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.btnMenuBarDelete
{
    background-image: url('../Asset/Images/Toolsbar/Delete.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.btnMenuBarPublish
{
    background-image: url('../Asset/Images/Toolsbar/Publish.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.btnMenuBarUnPublish
{
    background-image: url('../Asset/Images/Toolsbar/UnPublish.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.btnMenuBarSend
{
    background-image: url('../Asset/Images/Toolsbar/Send.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.btnMenuBarClose
{
    background-image: url('../Asset/Images/Toolsbar/Close.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarSave
{
    background-image: url('../Asset/Images/Toolsbar/GSave.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarNew
{
    background-image: url('../Asset/Images/Toolsbar/GNew.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarEdit
{
    background-image: url('../Asset/Images/Toolsbar/GEdit.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarDelete
{
    background-image: url('../Asset/Images/Toolsbar/GDelete.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarPublish
{
    background-image: url('../Asset/Images/Toolsbar/GPublish.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarSend
{
    background-image: url('../Asset/Images/Toolsbar/GSend.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarUnPublish
{
    background-image: url('../Asset/Images/Toolsbar/GUnPublish.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
.hidebtnMenuBarClose
{
    background-image: url('../Asset/Images/Toolsbar/GClose.png'); 
    background-repeat: no-repeat;
    background-position: top left;
 	border: solid 1px #eef1ff;
	cursor: pointer; 
	background-color: transparent;
	text-align: left;
	text-indent : 25px;
	font-weight:bold;
	color: #666666;
	vertical-align: middle;
}
/*********************************************************************/ 
.FontNormal
{
	font-family : Calibri,Tahoma ;
	font-size : 14px ;
	color:#666666;
}
.R
{
	font-family : Calibri,Tahoma ;
	font-size : 14px ;
	color:#FF0000;
	font-weight:bold;
}
.FontNormalHead
{
	font-family : Tahoma,Calibri ;
	font-size : 16px ;
	
	color:#000080;
}
.bgCellInput {
	FONT-FAMILY: THSarabun;
	font-size: 16px;
	color : #000000;
	background-color: #ffffff;
}
.bgCellNormal {
	FONT-FAMILY: THSarabun;
	font-size: 16px;
	color : #000000;
	background-color: #f0f2f4;
}
.bgHeadTable
{
	font-family : Tahoma,Calibri ;
	font-size : 16px ;
	font-weight:bold ;
	color:#5f5c5c;
	background-color:#f2f0f0; 
	height:25px;
}
.BlueTextbox {
	font-size: 18px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none;
	FONT-FAMILY: THSarabun;
	font-weight:normal;
	border: 1px solid #BDD7EA;
}
.buttonStyled 
{ 
        
        height: 21px; 
        background: url(../Asset/Images/Toolsbar/ruButtonMedium.gif); 
        font-size: 16px; 
        font-weight: bold ; 
        color: #180085; 
        border: 0; 
        outline: none; 
} 
.buttonStyled:Hover
{ 
       
        height: 21px; 
        background: url(../Asset/Images/Toolsbar/ruButtonMedium.gif); 
        font-size: 16px; 
         
        color: #ffffff; 
        border: 0; 
        outline: none; 
} 
/*

.FontTopicOrange
{
	font-family : Calibri,Tahoma ;
	font-size : 18px ;
	color:#f1ac2a;
	height:30px;
}

*/
.FontTopicOrange
{
	font-size: 22px;
	
	FONT-FAMILY: THSarabun;
	text-align: justify;
	color: #8B6846;
}

/* ---------- for SKS  :  gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;
	height: 175px;
}

.gallery a {
	text-decoration: none;
	color: #666;
}
.gallery a:hover {
	color: #000;
	text-decoration: none;
}
.gallery img {
	padding: 0px 0 0 0px;

}
.gallery span {
	width: 216px;
	height: 143px;
	background: url(../Asset/Gallery/frame/gold-frame.png) repeat-y;
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	text-align: center center;
	font: 100%/100% Tahome, Georgia, "Times New Roman", Times, serif;
	padding-top: 22px;

	text-decoration:none;
}
.FontLinkLightSkyBlue
{
	font-family : Calibri,Tahoma ;
	font-size : 12px ;
	
	color:#87cefa;
}
.FontLinkDarkGray
{
	font-family : Calibri,Tahoma ;
	font-size : 12px ;
	color:#A9A9A9;
}
A.WebLink {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	
	COLOR: #87cefa;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	cursor:pointer;
}


/* ---------- for News  :  gallery styles start here ----------------------- */
.photo {
	margin: 30px;
	position: relative;
	width: 180px;
	height: 130px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(images/digg-style.gif) no-repeat;
}
.photo a {
	text-decoration: none;
}

A.WebLink:link {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #87cefa;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.WebLink:visited {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #87cefa;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.WebLink:active {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #87cefa;
	
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.WebLink:hover {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #87cefa;
	FONT-WEIGHT: normal;
	text-decoration: underline;
	cursor:pointer;
}

.ImgNews span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(../Asset/Gallery/frame/round-corner.png) no-repeat;
}
.ImgNews img {
	border: none;
	padding: 5px 6px 6px;
	background: url(../Asset/Gallery/frame/round-bg.gif) no-repeat;
}


A.WebLinkDarkGray {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	
	COLOR: #A9A9A9;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	cursor:pointer;
}

A.WebLinkDarkGray:link {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #A9A9A9;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.WebLinkDarkGray:visited {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #A9A9A9;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.WebLinkDarkGray:active {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #A9A9A9;
	
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.WebLinkDarkGray:hover {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-weight:bold;
	COLOR: #A9A9A9;
	FONT-WEIGHT: normal;
	text-decoration: underline;
	cursor:pointer;
}

a.hplNews:link {text-decoration:none; color:#555555; }
a.hplNews:visited {text-decoration:none; color:#555555; }
a.hplNews:hover {text-decoration:none; color:#555555; }

h2, h3, h4, h5, h6 {
	FONT-FAMILY: THSarabun;
}

h1 {
	FONT-FAMILY: THSarabun;
	
	font-style: italic;
	font-size: 28px;
	padding: 0 120px 0 10px;
	margin:0 0  0;
	color: #FFFFFF;
	background-color: #1d3e67;
	background-image: url(../Asset/typography/pageheader.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
	text-align: left;
	vertical-align: middle;
	height:25px;
}

h1.clock {
	background: url(../Asset/typography/icon-clock.gif) no-repeat right center;
}

h1.star {
	background: url(images/icon-star.gif) no-repeat right center;
}

h2.dotted {
	border-bottom: 1.5px dotted #FF8D1F;
}

h2, h3 {
	font-size: 28px ;
	font-weight: normal;
	font-style: italic;

}

h4, h5, h6 {
	
	font-size: 28px ;
	font-style: italic;
	text-align: left;
}

#page h1 a {
	color: #f1ac2a;
	text-decoration: none;
}

h2 {
	color: #8B6846;
}

h3 {
	color: #AF7857;
}

h4 {
	color: #986445;
}

h5 {
	color: #8B6846;
}

h6 {
	color: #AF7857;
}



/* Horizontal Rule */
 
hr.dotted {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(../Asset/typography/line_dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none;
}


/* Typography Styles */

ul.bullet-1, ul.bullet-2, 
ul.bullet-3, ul.bullet-4, 
ul.bullet-5, ul.bullet-6, 
ul.bullet-7, ul.bullet-8 {
	padding-left: 15px !important;
	overflow: hidden;
	margin-left: 5px !important;
}

ul.bullet-1 li,  ul.bullet-2 li, 
ul.bullet-3 li, ul.bullet-4 li, 
ul.bullet-5 li {
	list-style: none;
	padding-bottom: 3px !important;
	margin-bottom: 5px !important;
	padding-left: 10px !important;
	FONT-FAMILY: THSarabun;
	font-size: 22px;
	font-weight: normal;
}

ul.bullet-6 li, ul.bullet-7 li, 
ul.bullet-8 li {
	list-style: none;
	padding-bottom: 3px !important;
	margin-bottom: 5px !important;
	padding-left: 22px !important;
	FONT-FAMILY: THSarabun;
	font-size: 22px;
	font-weight: normal;
}

ul.bullet-1 li {background: url(../Asset/typography/bullet-1.png) 0 5px no-repeat !important;}
ul.bullet-2 li {background: url(../Asset/typography/bullet-2.png) 0 5px no-repeat !important;}
ul.bullet-3 li {background: url(../Asset/typography/bullet-3.png) 0 5px no-repeat !important;}
ul.bullet-4 li {background: url(../Asset/typography/bullet-4.png) 0 5px no-repeat !important;}
ul.bullet-5 li {background: url(../Asset/typography/bullet-5.png) 0 5px no-repeat !important;}
ul.bullet-6 li {background: url(../Asset/typography/bullet-6.png) 0 5px no-repeat !important;}
ul.bullet-7 li {background: url(../Asset/typography/bullet-7.png) 0 5px no-repeat !important;}
ul.bullet-8 li {background: url(../Asset/typography/bullet-8.png) 0 5px no-repeat !important;}

pre {
	padding: 10px;
	background: #f6f6f6;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

blockquote {
	display: block;
	FONT-FAMILY: THSarabun;
	font-size: 22px;
	
	line-height: 150%;
	color: #8B6846;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #f6f6f6;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

blockquote.blue, blockquote.red, 
blockquote.green, blockquote.purple, 
blockquote.orange, blockquote.brown,
blockquote.grey {
	display: block;
	font-size: 22px;
	font-weight: normal;
	line-height: 150%;
	width: auto;
	padding: 0px 20px;
	margin: 15px 0;
	border: 0;
	background: 0;
}

blockquote.blue{color: #0D507A;}
blockquote.red{color: #D12E2E;}
blockquote.green{color: #74A824;}
blockquote.purple{color: #9E0E87;}
blockquote.orange{color: #CC8300;}
blockquote.brown{color: #8B6846;}
blockquote.grey {color: #666;}

blockquote.quotes {
	display: block;
	background: url(../Asset/typography/quote-start.png) 0 5px no-repeat;
	padding: 0px 20px 0 38px;
	margin: 20px 0;
	FONT-FAMILY: THSarabun;
	font-size: 22px;
	font-weight: normal;
	line-height: 150%;
	width: auto;
	color: #666;
	border: 0;
}

blockquote.quotes p {
	padding: 0 38px 0 0;
	margin-top: 0;
	background: url(../Asset/typography/quote-end.png) 100% 100% no-repeat;
}

.important, .important-blue, 
.important-red, .important-green, 
.important-purple, .important-orange, 
.important-brown, .important-grey {
	padding: 15px;
	margin: 15px 0;
}

span.important-title, span.important-title-blue, 
span.important-title-red, span.important-title-green, 
span.important-title-purple, span.important-title-orange, 
span.important-title-brown, span.important-title-grey {
	position: absolute;
	display: block;
	margin-top: -24px;
	background: #fff;
	padding: 0 8px;
	FONT-FAMILY: THSarabun;
	
	font-size: 22px;
}
.important {border: 1px solid #333;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}
span.important-title {color: #333;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #666;}

span.number, span.number-blue, 
span.number-red, span.number-green, 
span.number-purple, span.number-orange, 
span.number-brown, span.number-grey {
	display: block;
	FONT-FAMILY: THSarabun;
	font-size: 28px;
	font-weight: normal;
	float: left;
	margin: -2px 10px 0 10px;
}

span.number {color: #333;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}

span.highlight {background: #FFFBD5;padding: 1px 2px;}
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-size: 22px;FONT-FAMILY: THSarabun;}

span.dropcap, span.dropcap-blue, 
span.dropcap-red, span.dropcap-green, 
span.dropcap-purple, span.dropcap-orange, 
span.dropcap-brown, span.dropcap-grey {
	display: block;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
	FONT-FAMILY: THSarabun;
	font-size: 38px;
	font-weight: normal;
}
span.dropcap {color: #333;}
span.dropcap-blue {color: #0D507A;}
span.dropcap-red {color: #D12E2E;}
span.dropcap-green {color: #74A824;}
span.dropcap-purple {color: #9E0E87;}
span.dropcap-orange {color: #CC8300;}
span.dropcap-brown {color: #8B6846;}
span.dropcap-grey {color: #666;}

span.inset-left {display: block;color: #000;padding: 15px;float: left;width: 20%;font-size: 110%;}
span.inset-right {display: block;color: #000;padding: 15px;float: right;width: 20%;font-size: 110%;}

span.attention, span.notice, 
span.alert, span.download, 
span.approved, span.media, 
span.note, span.cart, 
span.camera, span.doc {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;
}

span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../Asset/typography/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../Asset/typography/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../Asset/typography/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../Asset/typography/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../Asset/typography/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../Asset/typography/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../Asset/typography/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../Asset/typography/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../Asset/typography/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../Asset/typography/doc.png) 10px 50% no-repeat;}

div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;}
div.number-block1 {background: url(../Asset/typography/number-1.png) 0 0 no-repeat;}
div.number-block2 {background: url(../Asset/typography/number-2.png) 0 0 no-repeat;}
div.number-block3 {background: url(../Asset/typography/number-3.png) 0 0 no-repeat;}

span.subline {
	display: block;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: -15px;
	text-transform:uppercase;
	FONT-FAMILY: THSarabun;
	font-size: 22px;
	
}

ul.special-1, ul.special-2, 
ul.special-3, ul.special-4, 
ul.special-5, ul.special-6, 
ul.special-7, ul.special-8, 
ul.special-9, ul.special-10, 
ul.special-11, ul.special-12, 
ul.special-13, ul.special-14, ul.special-15 {
	padding-left: 15px !important;
	overflow: hidden;
	margin-left: 5px !important;
}

ul.special-1 li,  ul.special-2 li, 
ul.special-3 li, ul.special-4 li, 
ul.special-5 li, ul.special-6 li, 
ul.special-7 li, ul.special-8 li, 
ul.special-9 li, ul.special-10 li, 
ul.special-11 li, ul.special-12 li, 
ul.special-13 li, ul.special-14 li, ul.special-15 li {
	list-style: none;
	padding-bottom: 3px !important;
	margin-bottom: 5px !important;
	padding-left: 21px !important;
}

ul.special-1 li {background: url(../Asset/typography/special-1.png) 0 5px no-repeat !important;}
ul.special-2 li {background: url(../Asset/typography/special-2.png) 0 5px no-repeat !important;}
ul.special-3 li {background: url(../Asset/typography/special-3.png) 0 5px no-repeat !important;}
ul.special-4 li {background: url(../Asset/typography/special-4.png) 0 5px no-repeat !important;}
ul.special-5 li {background: url(../Asset/typography/special-5.png) 0 5px no-repeat !important;}
ul.special-6 li {background: url(../Asset/typography/special-6.png) 0 5px no-repeat !important;}
ul.special-7 li {background: url(../Asset/typography/special-7.png) 0 5px no-repeat !important;}
ul.special-8 li {background: url(../Asset/typography/special-8.png) 0 5px no-repeat !important;}
ul.special-9 li {background: url(../Asset/typography/special-9.png) 0 5px no-repeat !important;}
ul.special-10 li {background: url(../Asset/typography/special-10.png) 0 5px no-repeat !important;}
ul.special-11 li {background: url(../Asset/typography/special-11.png) 0 5px no-repeat !important;}
ul.special-12 li {background: url(../Asset/typography/special-12.png) 0 5px no-repeat !important;}
ul.special-13 li {background: url(../Asset/typography/special-13.png) 0 5px no-repeat !important;}
ul.special-14 li {background: url(../Asset/typography/special-14.png) 0 5px no-repeat !important;}
ul.special-15 li {background: url(../Asset/typography/special-15.png) 0 5px no-repeat !important;}
/* Table */

#mytable {
	width: 98%;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 90%;	 
	font: italic 16px Tahoma;
	text-align: right;
}

th {
	font: bold 16px Tahoma;
	color: #4f6b72;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../Asset/typography/bg_header.jpg) no-repeat;

}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td.simple {
	font: normal 16px Tahoma;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	font: normal 16px Tahoma;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #F5FAFA;
	padding: 6px 6px 6px 12px;
	color: #797268;
}

td.simplebig {
	font: normal 16px Tahoma;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.altbig {
	font: normal 16px Tahoma;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #F5FAFA;
	padding: 6px 6px 6px 12px;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../Asset/typography/bullet1.gif) no-repeat;
	font: normal 16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../Asset/typography/bullet2.gif) no-repeat;
	font: normal 16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


.PagerContainerTable
{
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	color: #d1d1e1;
	border-bottom: #333333 1px solid;
	background-color: #FFFFFF;
}
.PagerInfoCell
{
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	color: #f0f1f2;
	padding-top: 3px;
	white-space: nowrap;
	background-color: #990000;
	font-weight:normal;
}
.PagerInfoCell:link
{
	color: #ffcc66;
	text-decoration: none;
}
.PagerInfoCell:visited
{
	color: #ffcc66;
	text-decoration: none;
}
.PagerCurrentPageCell
{
	color: #990000;
	background-color: #FFFF99;
	cursor:default;
}
.PagerOtherPageCells
{
	background-color: #f0f1f2;
}
.PagerSSCCells
{
	background-color: #cccccc;
}
.PagerHyperlinkStyle
{
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:hover
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:link
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:visited
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:active
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.GoToLabel
{
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	color:#333333;
	cursor:pointer;
	vertical-align:middle;
	display:inline;
}
.GoToSelect
{
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.GoToSelectedOption
{
	color:#f9f9f9;
	background-color:#666666;
}

.GoToArrow
{
	vertical-align:middle;
	cursor:pointer;
}


/* Telerik RadCalendar Web20 skin */

.calendarWrapper_Web20,
.radCalPreviewDefault_Web20
{
	background: #e7f1ff url('../Asset/Img/calendarBg.gif') repeat-x;
	border: solid 1px #6788be !important;
	cursor: default;
	width: 264px !important;
}

.TableLayout_Web20 td
{
	text-align: center;
	color: #7f7f7f;
	cursor: default;
}

/* all links in the calendar */
.TableLayout_Web20 td a
{
	width: 32px;
	line-height: 32px;
	text-decoration: none;
	display: block;
}

.radCalWeekendDefault_Web20,
.radCalWeekendHover_Web20,
.radCalWeekendSelect_Web20,
.radCalDefault_Web20,
.radCalHover_Web20,
.radCalSelect_Web20,
.otherMonth_Web20,
.radCalToday_Web20
{
	border: solid 1px #dde1e4;
	background: white;
}

.radCalToday_Web20 a
{
	font: normal 18px Arial, Verdana, Sans-serif;
	color: black;
	background: white url('../Asset/Img/TodayBg.gif') no-repeat;
}

.radCalDefault_Web20 a,
.radCalWeekendDefault_Web20 a
{
	color: #333;
	font: normal 12px Arial, Verdana, Sans-serif;
}

.radCalWeekendHover_Web20 a,
.radCalHover_Web20 a
{
	font: normal 18px Arial, Verdana, Sans-serif;
	color: black;
	background: white url('../Asset/Img/HoverBg.gif') no-repeat;
}

.radCalWeekendSelect_Web20 a,
.radCalSelect_Web20 a
{
	font: normal 18px Arial, Verdana, Sans-serif;
	color: black;
	background: transparent url('../Asset/Img/selectBg.gif') no-repeat;
}

.otherMonth_Web20 a
{
	color: #ccc;
	cursor: no-drop;
}

.outOfRange_Web20
{
	background-color: white;
	color: #ccc;	
	cursor: no-drop;
	border: solid 1px #dde1e4;
}


.DaysOfWeek_Web20
{
	color: #333 !important;
	
	cursor: default;
	background: #e7f1ff;
	text-align: center;
	line-height: 23px;
	width: 32px;
	border-bottom: solid 1px #a5bedf;
}

.titlebar_Web20
{
	color: white;
	font: normal 18px Arial, Verdana, Sans-serif;
	background: transparent;
	line-height: 24px;
}

.MonthYearFastNav_Web20
{	
	border: 1px solid #6788be;
	background: white;
	border-collapse: collapse;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=140,color=#666666,strength=3);
}

.MonthYearFastNav_Web20 td
{
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d8dde0;
	cursor: hand;
	padding: 4px;
	font: normal 11px Arial, Verdana, Sans-Serif;
	color: black;
}

.MonthYearFastNav_Web20 td.selected_Web20
{
	background: #dcfc5c;
	color: black;
	border-color: #d8dde0;
}

.MonthYearFastNav_Web20 td input
{
	background: transparent url('../Asset/Img/ContextMenuInputBg.gif') repeat-x;
	border: solid 1px #6788be;
	font: bold 11px Arial, Verdana, Sans-Serif;
	color: white;
	float: left;
	margin-right: 1px;
	padding: 0px 2px;
}

.radPopupImage_Web20 img
{
	vertical-align: middle;
	_vertical-align: top; /* IE fix */	
	margin-left: 2px;
	margin-right: 2px;
	margin-top: -1px; /* IE margins fix */
	_margin-top: 0px; 
	border-width: 0px;
}

.radDisabled_Web20 img
{
	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.img {
border: 1px solid #dadada; 
padding: 2px; 
background-color: #dadada; 
}

/*
	Sitemap Styler 	 
*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}
#sitemap ul{
	display:none;
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	background:#eee;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */

/*
	Sitemap 2 Styler 	 
*/

#sitemap2, #sitemap2 ul, #sitemap2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap2{}
#sitemap2 ul{
	display:none;
	font-size: 22px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
}
#sitemap2 li{
	line-height:200%;
	margin-top:1px;
	background:#eee;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap2 li{
	float:left;
	display:inline;
}

#sitemap2 li a{padding-left:28px;}
#sitemap2 li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap2 li span, #sitemap2 li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;} 
#sitemap2 li span.expanded{background:url(expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap2 li li{
	background:#fff;
}
#sitemap2 li li a{padding-left:56px;}
#sitemap2 li li span{left:28px;}

/* third level */

#sitemap2 li li li a{padding-left:84px;}
#sitemap2 li li li span{left:56px;}

/* etc. */

/*  */