/* CSS Document */

body{
	/* background-color: whitesmoke; */
	/*background-color: #FFFFFF;*/
	background-color: #FFFFFF;
	scrollbar-face-color: #D2CCE0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #D2CCE0;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	font-size: 13px;
	font-weight: normal;
	color: #575757;
	font-family: Tahoma, Ms Sans Serif, Verdana;
}

body, table, td, input {
	font: 13px Tahoma, MS Sans Serif;
	color: #000000; 

}

#tabnav
	{
	height: 20px;
	margin: 0;
	padding-left: 16px;
	font-family:Tahoma, MS Sans Serif;
	}

#tabnav li
	{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
	float: left;
	background: #f3f3f3;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 12px 2px 12px;
	margin-right: 4px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;		
	text-decoration: none;
	color: #000000;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
	border-bottom: 1px solid #fff;
	background: #ffffff;
	color: #003399;
	}

#tabnav a:hover
	{
	background: #ffffff;
	color: #003399;
	}


.verticalMenuHome {
	PADDING-LEFT: 5px; 
	BACKGROUND: #6D9CE2; 
	PADDING-BOTTOM: 3px; 
	FONT: bold 10pt Tahoma, MS Sans Serif; 
	CURSOR: hand; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #cccccc 1px solid;
}
.verticalMenuHome A {
	color: white; 
	text-decoration:none;
}
.verticalMenuHome A:hover {
	color: white;
}

.verticalMenu {
	PADDING-LEFT: 5px; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 3px; 
	FONT: bold 10pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 3px; 
	BORDER-TOP: #cccccc 1px solid;
}

.verticalMenu A {
	COLOR: #003399;
}
.verticalMenu A:hover {
	COLOR: #F5733A;
}
.verticalMenu A:Link {
	/* color:#98CE2F; */
	COLOR: #003399;
}

#leftNavi {
	background-color:#D8DEE7;
	border-right: 1px solid #333;
}


.articleListCatTD {
	/*PADDING-LEFT: 5px; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 3px; 
	FONT: bold 10pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 3px; 
	BORDER-bottom: #cccccc 1px solid;*/
	PADDING-LEFT: 5px; 
	BACKGROUND: #EAF0D0; border-top: #cccccc 1px solid;	
	PADDING-BOTTOM: 12px; 
	FONT: bold 10pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 12px; 
	BORDER-bottom: #cccccc 2px solid;
}

.articleListSummary {
	PADDING-LEFT: 5px; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 3px; 
	FONT: 10pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 3px; 
	BORDER-bottom: #cccccc 1px solid;
}
.articleListDateAuthor {
	PADDING-LEFT: 5px; 
	BACKGROUND: #E9EAE7;
	PADDING-BOTTOM: 3px; 
	FONT: 8pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 3px; 
	BORDER-bottom: #cccccc 1px solid;
}

/* MOD BY THONGKORN */
.articleListComment {
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 3px; 
	FONT: 15px;
	font-family: Tahoma, MS Sans Serif; 
	PADDING-TOP: 1px;
	line-height:22px;
	/*BORDER-RIGHT: #9ab1de 1px solid;
	BORDER-TOP: #9ab1de 1px solid;
	BORDER-LEFT: #9ab1de 1px solid; 
	BORDER-BOTTOM: #9ab1de 1px solid; 
	BACKGROUND-COLOR: #e8f0ff*/
	/*BORDER-LEFT: #adc4d7  1px;
	BORDER-TOP: #adc4d7 1px;
	BORDER-BOTTOM: #9ab1de 2px;
	BORDER-RIGHT: #adc4d7  1px;
	BACKGROUND-COLOR: #e8f0ff;*/
}
/* MOD BY THONGKORN */

.articleListDateAuthorComment {
	PADDING-LEFT: 5px; 
	/* BACKGROUND: #E9EAE7; */
	PADDING-BOTTOM: 3px; 
	FONT: 8pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 3px; 
	BORDER-bottom: #cccccc 1px solid;
	background: #CCFFCC;
}

.articleListReviews {
	PADDING-right: 5px; 
	/*BACKGROUND: #FDFEFC; 
	BACKGROUND: #FDFEFC; 
	PADDING-BOTTOM: 1px; 
	FONT: 8pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 1px; 
	BORDER-bottom: #cccccc 1px solid;*/

	BACKGROUND: #FCFFD4;
	PADDING-BOTTOM: 2px; 
	FONT: 8pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 2px; 
	BORDER-bottom: #cccccc 1px solid;
}

.articleListReplied {
	PADDING-right: 5px; 
	/* BACKGROUND: #FDFEFC;  */
	BACKGROUND: #EEFFC3;
	PADDING-BOTTOM: 2px; 
	FONT: 8pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 2px; 
	BORDER-bottom: #cccccc 1px solid;
}

.articleListComment {
	PADDING-right: 5px; 
	PADDING-BOTTOM: 1px; 
	FONT: 10pt Tahoma, MS Sans Serif; 
	PADDING-TOP: 1px;
}

#articleListReviews a:link, #articleListReviews a:visited {
	COLOR: #0000ff;
}

#articleListReviews a:hover {
	COLOR: #cc0000;
}

a.articleListCat:link, a.articleListCat:visited {
	COLOR: #F5733A;
}

a.articleListCat:hover {
	COLOR: #98CE2F;
	background-color:#FFFFCC;
}

a.articleListHeadline:link, a.articleListHeadline:visited {
	COLOR: #003399;
}
a.articleListHeadline:hover {
	/*COLOR: #98CE2F;*/
	color:#E13B33;
}


/* navigation beetween page */
.pages {
    padding: 1em 1em 2em 1em;
    margin: 1em 0;
    font-size: 12px; 
	font-weight:bold;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #333;
    font-weight: bold;
    background: #009900;
    color: #fff;
}

.pages a {
    border: 1px solid #009933;
    text-decoration: none;
}

.pages a:hover {
    border-color: #333;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}

h1 { 
	font: 14pt/1em Tahoma, MS Sans Serif;
	font-weight:bold;
	color:#000000;
}

h2 { 
	font: 12pt/1em Tahoma, MS Sans Serif;
	font-weight:bold;
	color:#000000;

}

/* Addition */
.title {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma, Ms Sans Serif
}
.Bigtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Tahoma, Ms Sans Serif
}
.HeadingTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Tahoma, Ms Sans Serif
}
.HeadingSubTitle {
	FONT-WEIGHT:normal; FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Tahoma, Ms Sans Serif
}
.whitetitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.contenttitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006699; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.text {
	FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: Tahoma, Ms Sans Serif
}
.menutext {
	FONT-SIZE: 13px; COLOR: #cccc66; LINE-HEIGHT: 16px; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.footer {
	/*FONT-SIZE: 13px; */VERTICAL-ALIGN: middle; COLOR: #000000; FONT-FAMILY:  Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.footer:hover {
	COLOR: #FF0000
}
.subtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000066; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.menusubtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Ms Sans Serif
}
.subtitleblue {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.links {
	FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.linksSmall {
	FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Ms Sans Serif, Tahoma; TEXT-DECORATION: none
}
.linkshead {
	FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.youarehere {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: Tahoma, Ms Sans Serif
}
.new {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #cc0000; LINE-HEIGHT: 16px; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.menutext:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.bottomlinks {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}
.bottomlinks:hover {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Ms Sans Serif; TEXT-DECORATION: none
}

.BoxBlack {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #FFFFFF
}
.BoxBlue {
	BORDER-RIGHT: #9ab1de 1px solid; BORDER-TOP: #9ab1de 1px solid; BORDER-LEFT: #9ab1de 1px solid; BORDER-BOTTOM: #9ab1de 1px solid; BACKGROUND-COLOR: #e8f0ff
}
/* ------ */
.LinkFeed A {
	COLOR: #003399;
}
.LinkFeed A:hover {
	COLOR: #F5733A;
}
.LinkFeed A:Link {
	COLOR: #003399;
}

.linePointRight {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #adc4d7; BORDER-TOP-COLOR: #adc4d7; BORDER-BOTTOM: 1px; BORDER-RIGHT:  #638aaa 1px dotted;
}
.linePointTop {
	BORDER-TOP: #638aaa 1px dotted; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #adc4d7; BORDER-BOTTOM: 1px; BORDER-RIGHT-Width: 1px;
}
.linePointRightTop {
	BORDER-TOP: #638aaa 1px dotted; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #adc4d7; BORDER-BOTTOM: 1px; BORDER-RIGHT:  #638aaa 1px dotted;
}
.linePointBottom {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #adc4d7; BORDER-TOP-COLOR: #adc4d7; BORDER-BOTTOM: #638aaa 1px dotted; BORDER-RIGHT:1px;
}
.linePoints4Corner {
	BORDER-LEFT: #adc4d7  1px dotted; BORDER-TOP: #adc4d7 1px dotted; BORDER-BOTTOM: #638aaa 1px dotted; BORDER-RIGHT: #adc4d7  1px dotted;
}

/* -- Pre Code */
Pre {
	font: 13px Tahoma, MS Sans Serif;
	color: #000000; 
}
Code {
	font: 13px Tahoma, MS Sans Serif;
	color: #000000; 
}