/* All Rights Reserved */

body {
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 font-size: 12px;
 color:#333;
 /*background-image: url(../images/bg.png);*/
}

table,td {
 font-size: 12px;
}

a:link {color:#2f68ad;}
a:visited {color:#b1133c;}
a:active {color:#09217b;}
a:hover {color:#b1133c;text-decoration:underline;}
a.image, a.image:hover  {border:0;}

form{
 margin: 0px;
 padding: 0px;
}

/*##################### NAVGATION SECTION #####################*/	
/*NOTE: ADDNIG A Suffix"-MAINLEVELMENU" IN THE BACK END Module>> Parameters>>"Module Class Suffix:"-MAINLEVELMENU"*/
table.moduletable-MAINLEVELMENU {
 background-color: #EEEEEE;
 margin: 0px;
 padding: 0px;
 width: 150px;
 color: #000;
}

/*MAINLEVEL MENU */
.mainlevel {background-color: #EEEEEE;
 margin: 0px;
 padding: 0px;
 width: 150px;
}

a.mainlevel {
 display: block;
 border-top: 1px solid White;
 border-bottom: 1px solid #2f68ad;
 font-weight: bold;
 text-decoration: none;
 padding: 3px 0px 3px 10px;
 color: #000;
 background-color: #EEEEEE;
}

a.mainlevel:visited {
 display: block;
 border-top: 1px solid White;
 border-bottom: 1px solid #68aafb;
 font-weight: bold;
 text-decoration: none;
 padding: 3px 0px 3px 10px;
 color: #000;
 background-color: #EEEEEE;
}

a.mainlevel:hover {
 border-top: 1px solid #cccccc;
 background: #EEEEEE url(../images/bghover.jpg) top right repeat-x;;
 font-weight: bold;
 text-decoration: none;
 color: #e04848;
 xpadding:0.5em 0.5em 12px 0.5em;
 padding: 8px 0px 8px 10px;
}	

a.mainlevel#active_menu {
 border-top: 1px solid #cccccc;
 background: #EEEEEE url(../images/bghover.jpg) top right repeat-x;;
 font-weight: bold;
 text-decoration: none;
 color: #e04848;
 padding: 8px 0px 8px 10px;
}

/*Sub Menu links */
.sublevel{background-color: #efefef;
 margin: 0px;
 padding: 0px;
 width: 143px;
}

a.sublevel{
 display: block;
 border-top: 1px solid white;
 border-bottom: 1px solid #68aafb;
 font-weight: bold;
 text-decoration: none;
 padding: 3px 0px 3px 13px;
 color: #3c3f49;
 background-color: #eef5f8;
}

a.sublevel:visited{
 display: block;
 border-top: 1px solid white;
 border-bottom: 1px solid #68aafb;
 font-weight: bold;
 text-decoration: none;
 padding: 3px 0px 3px 13px;
 color: #3c3f49;
 background-color: #eef5f8;
}

a.sublevel:hover {
 border-top: 1px solid #cccccc;
 background: #EEEEEE url(../images/bghover.jpg) top right repeat-x;;
 font-weight: bold;
 text-decoration: none;
 color: #446154;
 text-decoration: none;
 xpadding:0.4em 0.4em 8px 0.4em;
 padding: 4px 0px 4px 13px;
}	

a.sublevel#active_menu {
 border-top: 1px solid #cccccc;
 background: #EEEEEE url(../images/bghover.jpg) top right repeat-x;;
 font-weight: bold;
 text-decoration: none;
 color: #446154;
 text-decoration: none;
 padding: 4px 0px 4px 13px;
}

/*.search {}*/

/*Highlight Found Words*/
/*.highlight {
  border: 1px dashed #010101;
  background: #DDEEFF;
  padding: 0px 2px 0px 2px;}*/

/* ##################### Tambahan Class Marco #####################*/
.bgdate{
 background:#fff url(../images/bgdate.jpg) top left repeat-x;
 padding:0.5em 0.5em 3px 0.5em;
}

.sitemap{
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 font-size: 13px;
}

/* ##################### PATHWAY #####################*/	
.pathway {
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 11px;
 color:#333;
}

a.pathway:link {color:#ffa64d;}
a.pathway:visited {color:#68aafb;}
a.pathway:active {color:#68aafb;}
a.pathway:hover {color:#68aafb;text-decoration:underline;}

/* ##################### STANDARD MODULE TABLE  #################*/	

table.moduletable {
 width: 100%;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 background-color: White;
}

table.moduletable th { 
 background:url(../images/h3bg.jpg) top right repeat-x;
 xbackground:url(../images/h3bg.jpg) top right no-repeat;
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 color: #000;
 font-size: 11px;
 text-align:left;
 padding:0.5em 12px 12px 0.5em;
 margin:0 -10px 0.5em -10px;
}

table.moduletable td {
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 11px;
}

table.moduletable a:link{}
table.moduletable a:visited{}
table.moduletable a:active{}
table.moduletable a:hover{}

/*NOTE: "-log" can be added to Module Class Suffix:
FOR CUSTOM MODULES LOOK AND FEEL
*/

table.moduletable-log{
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 11px;
 color:White;
}

table.moduletable-log th{color:White;}
table.moduletable-log td{color:White;
text-align: center;}
table.moduletable-log a:link{color:White;}
table.moduletable-log a:visited{color:White;}
table.moduletable-log a:active{color:White;}
table.moduletable-log a:hover{}

/*NOTE: "-demo" can be added to Module Class Suffix:
FOR CUSTOM MODULES LOOK AND FEEL
*/
table.moduletable-demo{}
table.moduletable-demo th{}
table.moduletable-demo td{}
table.moduletable-demo a:link{}
table.moduletable-demo a:visited{}
table.moduletable-demo a:active{}
table.moduletable-demo a:hover{}
/*END OF DEMO*/

/* .moduletable can be a class without the table.moduletable*/

/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/

.contentheading {
 width: 100%;
 font-size: 13px;
 font-weight: bold;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color: #5446a9;
 background: White;
 background-repeat: no-repeat;
 text-align:left;
 margin: 1.5em -.3em 0em 0;
 padding: .2em;
 border-bottom-width: 1px;
 border-bottom-color: #DDDDDD;
 border-bottom-style: dashed;
 line-height: 20px;
 height: 20px;
 text-indent: 20px;
 background: url(../images/flower.gif) no-repeat left;
}

.contentpagetitle {
 background-color : White;
}

a.contentpagetitle h1,a.contentpagetitle:link, a.contentpagetitle:visited {
 text-decoration: none;
 font-weight: normal;
 color: #666;
 border-bottom: 0px;
}

a.contentpagetitle:hover {
 color: #000;
 border-bottom: 0px  dashed #CCCCCC;
 text-decoration: none;
}

.contentpane {
 background: White;
}

.contentdescription {
 background-color : White;
}

.contentpaneopen {
 font-family: Arial, Helvetica, sans-serif;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 12px; 
 color:#333;
 background-color: White;
}

.contentpaneopen li{
 font-size:11px;
}

.contentpaneopen ul{
 font-size:11px;
}

.content_rating {
 font-weight: normal;
 font-size:.8em;
}

.content_vote {
 font-weight: normal;
 font-size: .8em;
}

.buttonheading{}
a.pop-up {border-bottom: 0;}
.pop-ups {float: right;}

.newsfeeddate {
 font-family: arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #FF6600;
 font-weight: normal;
}

.createdate {
 color: #666;
 font-size:.8em;
 font-weight: normal;
 line-height: 1;
}

.modifydate {
 font-family: arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #666;
 text-decoration: none;
 font-weight: normal;
}

.small {
 color: #666;
 line-height: 1;
}

.pagenav{}
a.pagenav {color: #CCC; border-bottom: 0;}
a.pagenav:hover {color: #666; border-bottom: 0;}
.pagenavcounter{}

/* Tambahan By Marco */
/*.readon{}*/
a.readon:link, a.readon:visited {
	color: #5B7313; text-decoration: none; font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style: inside url(../images/read.gif);
	list-style-type: disc;
	display: list-item;
	white-space: normal;
	font-weight: normal;
	}

a.readon:hover {
	color: #7DA016;	text-decoration: underline;
	font-weight: normal;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style: inside url(../images/read.gif);
	list-style-type: disc;
	display: list-item;
	white-space: normal;
	}
/* END Tambahan By Marco */

.back_button{}	
a.toclink:hover, a.toclink:visited, a.toclink:link {}

table.contenttoc {
 border: 1px solid #ddd;
 background: none;
 border-collapse: collapse;
 padding: 4px;
 margin: 2px;
}

table.contenttoc th {
 background-color: #ffa64d;
 font-weight: bold;
}

table.contenttoc td {
 padding: 4px;
}




.componentheading { 
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #6B8D13;
 text-align:left;
 background-repeat: no-repeat;
 text-indent: 20px;
 line-height: 20px;
 height: 20px;
 margin: 1.5em 0 0em 0;
 background-color: White;
 text-indent: 20px;
 background: url(../images/flower.gif) no-repeat left;
}

.sectiontableheader {
 background-color : #D3D3D3;
 color : #333;;
 font-weight : bold;
 border-collapse: collapse;
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 11px;
}

.sectiontablefooter{}
.sectiontableentry1 {
 background-color : #FFFFFF;
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 11px;
}

.sectiontableentry2 {
 background-color : #EBEBEB;
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 11px;
}

.category {
 font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
 xfont-family: "Trebuchet MS",verdana,sans-serif;
 font-size: 11px;
 color:#333;
}

a.category:link, a.category:visited {}

a.category:hover {}
 .blogsection{}
 .blog_more{}
 .blog_heading {}

/* ##################### FORM SECTION  #####################*/	

.inputbox {
 font-family: arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 11px;
 background: White;
 border: 1px solid #999;
 margin-left: 10px;
}

.selectbox {
 font-family: arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 11px;
 background: #FFFFE0;
 width: 100%;
 border: 1px solid #999;
}

.button {
 background: #C8EB52;
 font-family: arial, Helvetica, sans-serif;
 color: #2B7621;
 font-size: 1.0em;
 font-weight:bold;
 margin:3px 0;
 padding:1px 4px;
 xborder:none;
 border: 1px solid #2A7421;
}

.contact-form {
 width: 100%;
}

.contact_email {margin: 0px;
 padding: 10px;
}

/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
 background-color: #f0f0f0;
}

.code {
 font-family: courier, serif;
 font-size: 1.2em;
 padding: 2px;
 line-height: 1.3em;
 background-color: #f0f0f0;
 color: blue;
 border: 1px solid #d5d5d5;
 margin: 0px;
 width: 90%;
}

/* Text passed with mosmsg url parameter */
.message {
 font-family : arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size : 1em;
 color : #666;
 text-align: center;
}

/* Styles for dhtml tabbed-pages */
.ontab {
 background-color: #666666;
 border-left: outset 1px #666;
 border-right: outset 1px #333;
 border-top: outset 1px #666;
 border-bottom: solid 1px #333;
 text-align: center;
 cursor: default;
 font-weight: bold;
 color: #FFFFFF;
 padding: .2em;
}

.offtab {
 background-color : #cccccc;
 border-left: outset 1px #666;
 border-right: outset 1px #333;
 border-top: outset 1px #666;
 border-bottom: solid 1px #333;
 text-align: center;
 cursor: default;
 font-weight: normal;
 padding: .2em;
}

.edit-tabs {
 padding: 1em;
 background: none;
}

.tabpadding {}

.tabheading {
 background-color: #ffae00;
 text-align: left;
}

.pagetext {
 visibility: hidden;
 display: none;
}

/*Body of the form*/
.adminform{background-color : #FFFFFF;}