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

/* Font definition for Internet Explorer */
/*         (*must* be first)             */
@font-face {
  font-family: THSarabun;
  src: url('../Asset/Fonts/THSarabun.eot') /* can't use format() */;
}
 
/* Font definition for other browsers */
@font-face {
  font-family: THSarabun;
  src: url('../Asset/Fonts/THSarabun.ttf') format("opentype");
}

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

a {
	font-size: 20px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #555555; text-decoration:none;
}
a:href {
	font-size: 20px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #E87D12; text-decoration:none;
}
a:hover {
	font-size: 20px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #E87D12; text-decoration:none;
}
a:active {
	font-size: 20px; FONT-FAMILY: THSarabun; FONT-WEIGHT: normal;
	COLOR: #E87D12; text-decoration:none;
}
a:focus {
	font-size: 20px; 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;
}

hr.seperator {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(../Asset/typography/article_separator.png) 50% 50% no-repeat;
	height: 14px;
	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: 20px; 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 : 12px ;
	color:#666666;
}
.FontNormalHead
{
	font-family : Tahoma,Calibri ;
	font-size : 16px ;
	FONT-WEIGHT: bold;
	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 : 14px ;
	font-weight:bold ;
	color:#FFFFFF;
	background-color:#1f9aa8; 
	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; 
        font-weight: bold; 
        color: #ffffff; 
        border: 0; 
        outline: none; 
} 
/*

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

*/
.FontTopicOrange
{
	font-size: 26px;
	font-weight: bold;
	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 ;
	font-WEIGHT: bold;
	color:#87cefa;
}
.FontLinkDarkGray
{
	font-family : Calibri,Tahoma ;
	font-size : 12px ;
	color:#A9A9A9;
}
A.WebLink {
	font-size: 18px;
	FONT-FAMILY: THSarabun;
	font-WEIGHT: bold;
	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;
	FONT-WEIGHT: bold;
	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;
	font-WEIGHT: bold;
	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;
	FONT-WEIGHT: bold;
	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; }
.pagenum {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination {
            font-size: 80%;
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a :focus{
 background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}




.pagination a:visited, .pagination span {
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	background: #0000FF;
	color:#FFFFFF;
}

.pagination a:focus, .pagination span {
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	background: #F7F7F7;
	color:#FFFFFF;
}

.pagination a:hover, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	background: #333333;
	color:#FFFFFF;
}



.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .prev, .pagination .next{
	border-color:#999;
	background:#fff;
}
.ErrorMessage
{
	font-weight:bold;
	font-size:small;
	font-family:Tahoma;
	color:Red;
	font-size: 16px;
}
.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;
}
.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;
}
.bgCellRequire {
	FONT-FAMILY: THSarabun;
	font-size: 16px;
	color : red;
	background-color: #f0f2f4;
}