/**********************************common style *****************************************/

body{
	background-color:transparent;
	width:100%;
}

table{
	width:100%;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
}

a:link, a:visited{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:14px;
	color:#000000;
	
	text-decoration:none;
}

a:active, a:hover{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:14px;
	color:#000000;

	text-decoration:underline;
}

/* common tag */
input{
	border-style:solid;
	border-width:1px;
	border-color:#DBDBDB;

	background-image:url("../../Images/Template/Default/inputbg.gif");
	height:22px;
	width:200px;
	color:#666666;
	margin:3px 0px 2px 0px;
	}
	
/* common tag */
input.button{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;

	background-image:url("../../Images/Template/Default/inputbg.gif");
	height:22px;
	width:100px;
	color:#666666;
	margin:3px 0px 2px 0px;
	}
	
/* common tag */
textarea{
	border-style:solid;
	border-width:1px;
	border-color:#DBDBDB;

	background-image:url("../../Images/Template/Default/inputbg.gif");
	height:100px;
	color:#666666;
	margin:3px 0px 2px 0px;
	}
	
	
	
/**********************************special style *****************************************/
.maincss_title{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:18px;
	color:#c94215; /*#7E7E7E;
	letter-spacing:1px;*/
	font-weight:normal;
	
	padding:0px;
	margin:0px 0px 10px 0px;
}

.maincss_content{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#7E7E7E;
	text-align:justify;
	
	padding:0px;
	margin:10px 0px 10px 0px;
	background-color:#FFFFFF;
	border:0 solid #CCCCCC;
}

.maincss_msg{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#c94215; /*#7E7E7E;
	letter-spacing:1px;*/
	font-weight:normal;
	text-align:left;
	
	padding:4px;
	margin:10px 0px 0px 0px;
	background-color:#F1F1F1;
	border:1 solid #CCCCCC;
	border-bottom:1 solid #FFFFFF;
}

.contentbg{
	background-image:url(images/contentbg.gif);
	background-repeat:repeat-x;	
	background-color:#FFFFFF;
}

.contentbody{
	width:1000px;
	padding: 30px 0px 30px 10px;
	
}

.contentbody tr{
	vertical-align:top;
}

.logocss{
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;	
	width:356px;
	height:160px;
}
	
.topsitecss{
	background-image:url(images/topsite2_bg.jpg);
	width:100%;
	height:160px;
}


.leftsidecss{
	width:250px;
	vertical-align:top;
}

.middlesidecss{
	width:600px;
	vertical-align:top;
}

.rightsidecss{
	width:150px;
	vertical-align:top;
}

.leftside_line{
	background-image:url(images/leftside_line.gif);
	background-repeat:no-repeat;	
	padding:0px;
	margin:0px;
}

.leftside_text{
	padding-left:20px;
	text-align:left;
	text-transform:capitalize;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:14px;
	color:#000000; /*#7E7E7E;*/
}

.leftside_title{
	padding-left:20px;
	text-align:left;
	text-transform:capitalize;
	
	/*****word listing****************/
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:14px;
	color:#000000;
	letter-spacing:1px;
	font-weight: bold;
}

.leftside_text li{
	background-image:url(images/menu_bg.gif);
	background-repeat:no-repeat;
	list-style-type:none;
}

.leftside_text a:link, .leftside_text a:visited{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:14px;
	color:#000000;
	text-decoration:none;
}

.leftside_text a:active, .leftside_text a:hover{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:14px;
	color:#000000;
	
	text-decoration:underline;
}

.rightmenucss{
	background-color:#FFFFFF;
	margin:28px 0px 2px 0px;
	width:100%;
	border:1 solid #CCCCCC;
	text-align:center;
}

.rightmenucss_no{
	background-color:#FFFFFF;
	margin:10px 0px 2px 0px;
	width:100%;
	border:1 solid #CCCCCC;
	text-align:center;
}

.bottomcss{
	background-image:url(images/bottombg.gif);
	background-repeat:repeat-x;
	height:100px;
}

.bottomhtmlcss{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:18px;
	color:#000000;
	
	text-align:center;
}

/**********************************special style *****************************************/

/* body of the expat content */
.narrowcolumn{
	padding:10px 0px 10px 0px;
	margin:0px;
	border:0px solid #000000;
	width:600px;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-align:justify;
}

/* body of the expat content - th*/
.narrowcolumn th{
	padding:0px 0px 5px 0px;
	margin:0px;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
}

/* body of the expat content - tr*/
.narrowcolumn tr{
	valign-align:top;
}

/* expat content including sub table */
.narrowcolumn_sub{
	padding:6px 0px 6px 0px;
	margin:5px 0px 5px 0px;
	border:1px solid #EBEBEB;
	background-color:#F9F9F9;
	width:100%;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-align:justify;
}

/* expat content including sub table */
.narrowcolumn_sub_all{
	padding:6px;
	margin:5px 0px 5px 0px;
	border:1px solid #EBEBEB;
	background-color:#F9F9F9;
	width:100%;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-align:justify;
}

/* expat content including sub table */
.narrowcolumn_sub2{
	padding:6px 0px 6px 0px;
	margin:5px 0px 5px 0px;
	border:0px solid #000000;
	background-color:#FFFFFF;
	width:100%;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-align:justify;
}

/* expat content including sub table */
.narrowcolumn_sub2{
	padding:6px 0px 6px 0px;
	margin:5px 0px 5px 0px;
	border:0px solid #000000;
	background-color:#FFFFFF;
	width:100%;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-align:justify;
}

/* expat content including sub table - same as 2 , but text align is left */
.narrowcolumn_sub3{
	padding:6px 0px 6px 0px;
	margin:5px 0px 5px 0px;
	border:0px solid #000000;
	background-color:#FFFFFF;
	width:100%;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-align:left;
}

/* expat content's title */
.pagetitle{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	letter-spacing:1px;
	font-weight: normal;
	font-weight:bold;
}

/* expat content's sub title */
.pagetitle_sub{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#2fb1c2;/*#60cad8; /*#7E7E7E;*/
	font-weight: bold;
}

/* expat content's sub sub title */
.pagetitle_sub_sub{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#C94215;/*#000000; /*#7E7E7E;*/
	font-weight: bold;
}

/* expat content's sub sub title */
.pagetitle_sub_sub_sub{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: bold;
	text-decoration:none;
}

/* left column width = 2% */
.leftwidth2{
	width:1%;
}

/* left column width = 5% */
.leftwidth5{
	width:5%;
}

/* left column width = 10% */
.leftwidth10{
	width:10%;
}

/* left column width = 10% */
.leftwidth12{
	width:12%;
}

/* left column width = 15% */
.leftwidth15{
	width:15%;
}

/* left column width = 15% */
.leftwidth20{
	width:20%;
}

/* left column width = 15% */
.leftwidth25{
	width:35%;
}

/* left column width = 15% */
.leftwidth50{
	width:50%;
}

.selpage{
	text-align:right;
}

.selpage a:link,.selpage a:visited {
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-decoration:none;
	
	border:1px solid #000000;
	padding:4px;
	margin-left:1px;
	margin-right:1px;
}

.selpage a:hover,.selpage a:active {
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-decoration:none;
	
	border:1px solid #000000;
	padding:4px;
	margin-left:1px;
	margin-right:1px;
	background-color:#F1F1F1;
}

strong{
	font-weight:normal;
	color:#C94215;
}

.sitemap_title{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#0000FF;
	font-weight: normal;
	text-decoration:none;
	text-align:left;
	
	border:0px solid #000000;
	padding:4px;
	margin-left:1px;
	margin-right:1px;
	background-color:#DDDDDD;
}

.sitemap_text{
	text-align:left;
	text-transform:capitalize;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	
	padding:5px 0px 5px 4px;
	background-color:#F1F1F1;
}

.sitemap_intext{
	text-align:left;
	text-transform:capitalize;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	letter-spacing:1px;
	
	padding:5px 0px 5px 4px;
	background-color:#FFFFFF;
}

/* expat content including sub table - same as 2 , but text align is left */
.narrowcolumn_email{
	padding:4px 0px 4px 0px;
	margin:4px 0px 4px 0px;
	border:1px solid #DDDDDD;
	width:100%;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	font-weight: normal;
	text-align:left;
}


.boardhtml_css{
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
	border:0px solid #000000;
	width:600px;
	
	/* common text */
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
	color:#000000; /*#7E7E7E;*/
	letter-spacing:1px;
	font-weight: normal;
	text-align:justify;
}

/* body of the expat content - th*/
.boardhtml_css th{
	padding:0px 0px 4px 0px;
	margin:0px;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
}

.boardsidecss{
	border-left:1px solid #CCCCCC;
}

.alllistcss{
	border:1 solid #CCCCCC;
	border-bottom:1 solid #FFFFFF;
	background-color:#F1F1F1;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	padding:5px;

	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
	font-weight:normal;
}

.alllistcss2{
	border:1 solid #CCCCCC;
	border-top:1 solid #FFFFFF;
	background-color:#FFFFFF;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	padding:5px;

	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
	font-weight:normal;
}

.alllistcss th{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
	font-weight:bold;
	text-align:left;
}

.alllistcss tr{
	vertical-align:top;
}

.warningword{
		font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
		font-size:13px;
		line-height:16px;
        color: #FF0000;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		padding-top:100px;
}

.completeword{
		font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
		font-size:13px;
		line-height:16px;
        color: green;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		padding:10px;
}

.commontitle{
		font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
		font-size:13px;
		line-height:16px;
        color: #000000;
		text-align:center;
		font-weight:bold;
		
		border:1 solid #CCCCCC;
		background-color:#F1F1F1;
		width:98%;
		margin-left:auto;
		margin-right:auto;
}

.searchcss_table{
	border:1 solid #FFFFFF;
	background-color:#FFFFFF;
	padding:5px;

	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
}

.searchcss_table td{
	border:0 solid #FFFFFF;
	background-color:#F1F1F1;
	padding:5px;

	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
}

.searchcss_result{
	border:1 solid #FFFFFF;
	background-color:#FFFFFF;
	padding:5px;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
	font-weight:bold;
}

.searchcss_error{
	border:1 solid #FFFFFF;
	background-color:#FFFFFF;
	padding:5px;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #FF0000;
	text-align:center;
}

.searchcss_error a:link, .searchcss_error a:hover, .searchcss_error a:active, .searchcss_error a:visited{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
	text-align:center;
}

/*......................................................................................................................*/
.normal {
		font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
		font-size:12px;
		line-height:16px;
        color: #333333;
}
.language {
		font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
		font-size:12px;
		line-height:16px;
        color: #333333;
}

/*** forumlatest: to be used for headlines sent to other portions of the site ***/
div.forumlatest {
   border: 1px solid #636363;
	padding: 2px;
}
div.forumlatest h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-weight: bold;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

/*** forum table: table used to display list of threads, category lists and so on ***/
table.forumtable {
    border: 1px solid #636363;
    padding: 0px;
    width: 98%;
	border-spacing: 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
table.forumtable tr.title {
    background: #EAEAEA;
	padding: 0px; 
	margin: 0px;
}
table.forumtable tr.title td {
    padding: 0px;
    margin: 0px;
	border: 0px;
	border-bottom: 1px solid #636363;
}
table.forumtable tr.even {
   background: #FFFFFF;
   
}
table.forumtable tr.odd {
   background: #F1F1F1;
}

/*** forum head: used for head and  foot (actions, page numbers...) ***/
div.forumhead {
	border: 1px solid #CCCCCC;
   	background: #F1F1F1;
   	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
}
div.forumhead table {
	width: 100%;
	border: 0px;
	border-spacing: 0px 0px;
	padding: 0px;
	margin: 0px;

}

div.forumhead a:link, div.forumhead a:visited{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #000000;
	padding:4px;
}

div.forumhead a:active, div.forumhead a:hover{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
    color: #666666;
	text-decoration:none;
	padding:4px;
}

div.forumhead table td{
	border: 0px;
	padding: 2px;
	margin: 0px;
}

/*** forum message: used to display a post ***/
div.forummessage {
	border: 1px dotted #CCCCCC;
    width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:18px;
    color: #000000;
}
div.forummessage blockquote {
	border: 1px dotted #636363;
	margin: 5px 5px 5px 25px;
	padding: 3px;
}
div.forummessage div.head {
	border: none;
	padding: 5px;
   background: #EAEAEA;
}
div.forummessage div.text {
	border: none;
	padding: 10px;
}
div.forummessage div.foot {
	border: none;
	padding: 3px;
	font-size: small;
}

/*** forum comment: special format for comments to a post ***/
div.forumcomment {
	border: 0px;
	margin: 5px 0px 5px 25px;
	padding: 0px;
}

/*** forum notice: notice to the user ***/
div.forumnotice {
	border: 1px solid #636363;
   background: #EAEAEA;
   width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 3px 0px;
}


/*** frame: framed objects (forms for new post, new comment...) ***/
div.frame {
	border: 1px solid #CCCCCC;
    width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;

	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:18px;
}

div.frame input{
	background-color:#FFFFFF;
	width:200px;
}

div.frame textarea{
	width:100%;
	height:100px;
}

/*** warning: used to send error messages ***/
div.warning {
	border: 1px solid #FF0000;
	text-align: center;
	color: #FF0000;
    width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	line-height:16px;
}

/*** form: we set the form margin and padding to 0, otherwise it looks quite ugly ***/
form {
  margin: 0%;
  padding: 0%;
}

/**************************************************slideshow for malaysian photo section***/

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;

font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
font-size:13px;
line-height:16px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 200px;
height: 106px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 100%;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;

font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
font-size:13px;
line-height:16px;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #F1F1F1;
padding:10px;
width:100%;
}