/**
* CSS Guide For Freedom 4.5.5
* @authur Mr.Panupat Meepayung	
* @url www.aweb.co.th
* @emial webmaster@aweb.co.th
*/
.SmallText8pt {
	      color: #B00000;
	      font-family: Arial;
	      font-size: 10px;
	      float    : right;
	      font-weight: normal;
	      }

/* PathWay */
span.pathway {
	display:block;
	text-align:left;
	color:#000000;
	font-size:10px;
	font-weight:bold;
}

a.pathway:link {
color: #669900;
	font-size: 10px;	
	text-decoration:none;
}
a.pathway:link {
	       color:#669900;
	       font-size: 10px;
	       text-decoration:none;
}
a.pathway:active,{
		  color: #B00000;
		  font-size: 10px;
		  text-decoration:none;
}

a.pathway:visited {
		  color:#669900;
		  font-size: 10px;
		  text-decoration:none;
}

/******************************/
body {
      margin: 0px 0px 0px 0px;;
      background-color: #FFFFFF;
      color: #333333;
      vertical-align:top;
      background:url(../images/patt.png);

      }

td,tr,p,div {
	    font-family: Tahoma, Verdana, Helvetica, sans-serif;
	    font-size: 11px;
	    color: #333333;
	    }

h4 {
    color: #FF9900;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    }	    

h5 {
    color: #FF9900;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    }
    
h6 {
    color: #FF9900;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    }
    
a:link, a:visited {
	font-size: 11px;
	color: #A12E00;
	text-decoration: underline;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	}

a:hover {
	color: #669900;
	text-decoration: underline;

	}

ol	{list-style: decimal outside; }

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}	
   
li {
  line-height: 18px;
  text-indent: 18px;
  padding-top: 0px;
  background-image: url(../images/sun.gif) ;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  
}

blockquote {
	margin			: 10px;
	margin-left		: 30px;
	padding			: 0 20px 0 10px;
	border-left		: 5px solid #ccc;
}

form { 
	margin			: 0px; 
	padding			: 0px;
	background-color	: #ffffff;

}
select { 
	font-size		: 12px; 
	font-weight		: bold; 
	color			: #333;
}

th.pagenav_prev, th.pagenav_next, a.pagenav_next:link, a.pagenav_next:visited {
	font-size		: 10px; 
	color			: #333;
	background-color:#FFFFFF;
	font-weight		: normal;
}
   
hr {
   background: transparent;
   height: 1px;
   border: 1px solid #314b77;
   }
   
hr.separator {
	     background: transparent;
	     height: 1px;
	     width: 75px;
	     border: 1px sold #314b77;
	     }



/* **  SEARCH*/
.searchbox {
	font			: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color			: #666;
	border			: 0px solid #BBB3AD;
	background-color	: #e9e9e9;
	width			: 30px;
	height			: 27px;
	padding-top		: 0px;
	text-indent		: 0px;
}



.small {
       font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
       font-size: 9px;
       color: #343A58;
       text-decoration: none;
       font-weight: normal;
       }
       
.smalldark {
	   font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	   font-size: 9px;
	   color: #343A58;
	   text-decoration: none;
	   font-weight: normal;
	   }

/* Format Form */
.button {
	color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
        font-weight: normal;
        text-align: center;
        font-size: 11px;
        background: #F28D1B;
        border: 1px solid #000066;
        height: 20px;
        }
 
.inputbox {
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-size: 11px;
	  color: #000000;
	  background-color: #FFFFFF;
	  border: 1px solid #AAAAAA;
      	  height: 25;
	    }

.highlight {
  background-color: #ffc;
}
	  
/*  Format Menu  */
a.mainlevel:link, a.mainlevel:visited {
		  display	: block;
		  background  	: url(../images/menu_g.gif) no-repeat;
		  line-height 	: 20px;
		  font-family 	: Tahoma, Arial, Verdana, Helvetica, sans-serif;
		  color		: #333;
		  font-weight	: bold;
		  font-size	: 12px;
		  text-decoration: none;
		  text-indent: 28px;
		  text-align: left;
    		  width:  160px;
   		  padding-left: 0px; 

		  }

a.mainlevel:hover {
		  color: #fff;
		  font-weight: bold;
		  display			: block;
		  background : url(../images/menu_o.gif) no-repeat;
		  padding			: 0px 0px;
		  line-height			: 20px;
		  font-size: 12px;
		  text-decoration: none;
		  text-indent: 30px;
		  text-align: left;
    		  width:  160x;
   		  padding-left: 0px;
		  }
		  
#active_menu {
	background: url(../images/menu_o.gif) no-repeat;
	color: #B00000;
	font-weight: bold;
	font-size: 12px; 
        text-decoration: none;
  	text-indent: 30px;
 	text-align: left;
  	width:  160px;	
  	padding-left: 0px;
}

a.sublevel:link, a.sublevel:visited {
		 font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
		 color: #343A58;
		 font-weight: normal;
	 	 display			: block;
	 	 line-height			: 20px;
		 }
		 
a.sublevel:hover {
		 color: #FFFFFF;
		 text-decoration: none;
   		 display			: block;
   		 line-height			: 20px;
		 }

.createdate {
	    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	    font-size: 9px;
	    color: #996633;
	    text-decoration: none;
	    font-weight: normal;
	    }

.modifydate {
	    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	    font-size: 9px;
	    color: #996633;
	    font-weight: normal;
	    }
	    
a.readon:link, a.readon:visited {
	  color: #FFFFFF;
	  font-weight: bold;
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  background: url(../images/body-readon.png) no-repeat;
	  font-size: 9px;
  	  margin: 0px 0px;
	  width:  65px;
	  height: 19px;
	  line-height: 15px;
	  padding-left: 20px;
	  float    : left;
	  text-decoration: none;

	  	  }

	  
a.readon:hover {
	       color: #000000;
	       text-decoration: none;
	       }
	       
	       
	       
/* *******************************************  main corner*/
div.left_edge {
	background  	: url(../images/bg_leftside.gif) top left repeat-y;
	margin-bottom	: 7px;
}

div.right_edge {
  background	: url(../images/bg_rightside.gif) top right repeat-y;
}

div.top_lcorner {
  background	: url(../images/corner1.gif) top left no-repeat;
  height		: 6px;
}

div.top_rcorner {
  background	: url(../images/corner2.gif) top right no-repeat;
  height		: 6px;
  text-align	: left;
}

div.top_edge {
  background	: url(../images/bg_corner1.gif) top left repeat-x;
  height		: 6px;
  clear			: both;
}

div.bot_lcorner {
  background	: url(../images/corner3.gif) bottom left no-repeat;
  height		: 6px;
}

div.bot_rcorner {
  background	: url(../images/corner4.gif) bottom right no-repeat;
  height		: 6px;
}

div.bottom_edge {
  background	: url(../images/bg_corner2.gif) bottom left repeat-x;
  height		: 6px;
  clear			: both;
}

div.border {
	border-left	:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	padding:0px;
}

div.corner_inner {
	padding		:0px 6px 0px 6px;
}

#tabslide {
	width : 100%;
	padding		:0px 0px 20px 0px;
	
}
/* ******************************************* CONTENT STYLES */
.contentpane, .contentpaneopen {
	text-align		: left;
	color			: #333; 
	padding			: 0px;
	width			:100%;
	font-size		: 10px;


}

.contentdescription {
	width:100%;
	text-align		: left;
	color			: #333; 
	padding			: 0px;
	font-size		:11px;
	
}

.contentpaneopen td {
	padding			: 1px 0px; 
}

.contentpane td, .contentdescription td {
	padding			: 4px 0px;
 	font-size		:11px;
}
a.contentpane:link, a.contentpane:visited, a.contentpaneopen:link, a.contentpaneopen:visited {
	color			: #333; 
	text-decoration	: none
}
a.contentpane:hover, a.contentpaneopen:hover {
	color			: #669900; 
	text-decoration	: none;
}

.contentheading,  {
    background:url(../images/cti.gif) no-repeat;
	height		:32px;
	border-bottom	: 1px solid #ccc;
	font-size 	: 16px;
	text-indent	: 35px;
	font-family	: Tahoma, Verdana, sans-serif, Helvetica ;
	font-weight	: bold;

}

.componentheading {
	background:url(../images/cti2.gif) no-repeat;
    background-position: 0px;
	font : bold 16px Arial, Verdana, sans-serif, Helvetica ;
	color: #61452C;
	height:35px;
	text-align		: left;
	text-indent		: 35px;
	line-height		: 33px;
}


.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited 	{

	font-size : 16px;
	font-family: Tahoma, Verdana, sans-serif, Helvetica ;
	font-weight: bold;
	text-decoration: none;
	color: #61452C;
	text-align		: left;
	text-indent		: 38px;

}

a.contentpagetitle:hover {
	color			: #669900;

}

td.buttonheading {
	font			: normal 10px Arial, Verdana, sans-serif, Helvetica;
	white-space		: nowrap;
	width			: 100%;	
}

.content_rating, .content_vote {
	font-size		: 11px;	
	color			: #333; 
	text-decoration	: none; 
	font-weight		: normal; 
	vertical-align	: middle; 
	margin			: 0 6px; 
	padding			: 0;
}

.back_button a {

	padding: 2px 5px 2px 5px;
	background:#F6F6EE;
    	border: 1px solid #E6DED1;
    	line-height: 20px;
	font-size:10px;
    	font-weight: normal;
    	text-align: center;
    	color: #CC0000;
    	text-decoration: none;
    }

.back_button a:hover {
	padding:2px 5px 2px 5px;
	background:#F7E9D4;
	border:1px solid #5d5d5d;
	color:#000;
    	text-decoration: none;
}

.small 		{
	font-size		: 10px; 
	color			: #999; 
	font-weight		: normal;
	line-height:14px;
	height:14px;
}


.fase4rdf, a.fase4rdf:link, a.fase4rdf:visited {
	font-size		: 9px; 
	font-weight		: normal; 
	color			: #666666;
}
a.fase4rdf:hover {
	font-weight		: bold; 
	color			: #669900;
}

.blogsection {
	background-color: #ffffff;
}

a.blogsection:link, a.blogsection:visited {
	font-size		: 11px;
	color			: #333;
	text-decoration	: none;
	font-weight		: normal;
	font-weight		: bolder;
}
a.blogsection:hover {
	font-size		: 11px;
	color			: #669900; 
	text-decoration	: underline;
	font-weight		: bolder;
}

.blog {
	margin			: 0px;
	padding			: 0px;
	width			:100%;
}

.blog_more {
	width			: 100%;
	padding			: 4px;
	margin			: 0px;
	font-size		: 12px;
	font-weight		: bold;
	color			: #333;
}
.blog_more ul {
	padding			: 0px;
	margin			: 0px;
}



/* ******************************************* STYLES CONTACT PAGE */
table.contact {
	background		: #FFFFF;
}
table.contact td.icons {
	background		: #ccc;
}
table.contact {
	background-color	: #f7f7f7;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #ccc;
	font-size		: 10px;
	font-weight		: bold;
	font-family		: Tahoma, Verdana, sans-serif, Helvetica ;
	line-height		: 32px;
}

td.details {
	background-color	: #f7f7f7;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #ccc;
	font-family		: Tahoma, Verdana, sans-serif, Helvetica ;
	line-height		: 32px;
}

.contact_email {
	background-color	: #f7f7f7;
	margin			: 5px;
	padding			: 5px;
	border			: 0px;
	font-size		: 10px;
	font-weight		: bold;
	font-family		: Tahoma, Verdana, sans-serif, Helvetica ;
}

.textarea.inputbox {
	background		: #f7f7f7;
	font-family		: Tahoma, Verdana, sans-serif, Helvetica ;
	font-size		: 10px;
	font-weight		: bold;
}

/* ******************************************* CATEGORY (text format and links) */
.category {
	color			: #333;
	font-size		: 11px;
	font-weight		: bold;
	text-decoration	: none;
	}
a.category:link, a.category:visited {
	color			: #333;
	font-weight		: bold;
}
a.category:hover {
	color			: #669900;
}

/* ******************************************* STYLES LISTING CONTENT PAGE */
td.sectiontableheader, td.sectiontablefooter  {
	background-color: #669900;
	color			: #fff;
	font-weight		: bold;
	font-size		: 11px;
	padding			: 2px 3px 3px 2px;
}
.sectiontableentry1  {
	background-color: #ffffff; 
	font-weight		: normal; 
	padding			: 2px 0px 2px 2px;
}
.sectiontableentry2  {
	background		: #f7f7f7; 
	font-weight		: normal; 
	padding			: 2px 0px 2px 2px;
}

/***********************************************/

.pagenavcounter {
	padding: 2px 5px 2px 5px;
	background:#F6F6EE;
    	border: 1px solid #E6DED1;
    	line-height: 15px;
	font-size:10px;
    	font-weight: normal;
    	font-family: arial, tahoma;
    	width: 70px; 
    	text-align: center;
    	color: #666666;
    	text-decoration: none;
}
.pagenavbar {
	text-align		: center;
	vertical-align		: middle;
	padding			: 2px;
	width			: 100%;
	
}
.pagenav {
	padding: 2px 5px 2px 5px;
	background:#F6F6EE;
    	border: 1px solid #E6DED1;
    	line-height: 20px;
	font-size:10px;
    	font-weight: normal;
    	text-align: center;
    	color: #828282;
    	text-decoration: none;
}
a.pagenav:link, a.pagenav:visited  {
	padding: 2px 5px 2px 5px;
	background:#F6F6EE;
    	border: 1px solid #E6DED1;
    	line-height: 20px;
	font-size:10px;
    	font-weight: normal;

    	text-align: center;
    	color: #FF9900;
    	text-decoration: none;
}
a.pagenav:hover {
	padding:2px 5px 2px 5px;
	background:#F7E9D4;
	border:1px solid #5d5d5d;
	color:#000;
    	text-decoration: none;
}

/** To center the objects **/
/** .center {
	text-align:center!important;
}

/** clear the banner to make it sit in the bottom **/
.clear {
	clear:both;
}

/* ---------------------
mambo module layout
--------------------- */

/** general module table **/
table.moduletable {
	width:100%;
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

/** general module table **/
table.moduletable td {
	font-size:10px !important;
	color: #453324;
	text-decoration:  none;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin-left: 30px;
	margin-top: 10px;
        padding-left: 5px;

}

/** general module title **/
table.moduletable th{
	color: #972403;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:33px;
	background:url(../images/module-h-l2.jpg) no-repeat;
	text-align:left;
	padding-left:35px;
	font-weight:normal;

}