/* scrollbar */





/* Body */
body, html {
margin: 0px 0px 0px 0px;
color : #000000;
font-family: tahoma;
font-size:8px;
text-align:justify;
background-color:#8282ff;	
}


body, html {
scrollbar-3dlight-color: #ffffff;
scrollbar-base-color: #8282ff;
scrollbar-darkshadow-color: #8282ff;
scrollbar-face-color: #8282ff;
scrollbar-highlight-color: #8282ff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #8282ff;
scrollbar-arrow-color: #ffffff;
}





/* MODULES umum */
.moduletable {
	width			: 100%;
	padding			: 0px;
	margin			: 5px 5px 3px 3px;
	border			: 0;
font-family: tahoma;
}
.moduletable th {
	font			: bold 11px tahoma;
	color			: #ffffff;
	font-family: tahoma;
   padding			: 3px 4px;
text-align		: center;
	margin			: 25;
	border			: 5;
	background-color: #8282ff;
}
div.moduletable, 
.moduletable td, 
.moduletable p {
	font			: normal 9px arial;
	color			: #000000;
        line-height		: 15px;
font-family: arial;
	text-align		: left;
	padding			: 0;
	margin			: 0px 0px 0px 0px;
	border			: 0;
padding-top: 3px;
}
.moduletable a:link, .moduletable a:visited { 
	color			: #000000; font			: normal 9px arial;

	text-decoration	: none;font-family: arial;
}
.moduletable a:hover {
	color			: #ff9900; font			: normal 9px arial;

	text-decoration	: none;font-family: arial;
}
table.moduletable ul {
	padding			: 0;
	margin			: 0 0 0 20px;
	list-style		: url(../images/indent.png);font-family: arial;
}








/*  MODULE NEWSFLASH -ok */
#box-newsflash table.moduletable {
	color			: #000000;
	font-family: Arial;
	border			: 0;
	background		: transparent ;
	width			: auto;
}
#box-newsflash table.moduletable th {
	font-size		: 9px arial;
font-family: Arial;
text-align		: left;
	line-height		: 18px;
	text-indent		: 0px;
	color			: #000000;
	margin			: 10;
	padding			: 0;
	border			: 0;
	background		: transparent;
}
#box-newsflash table.moduletable td,
#box-newsflash table.moduletable p {
	color			: #000000;
font-family: Arial;
	text-align		: left;
	background		: transparent ;
}








/* FORMS ok -*/
.button, .inputbox, .search {
	font			: normal 9px tahoma;
	color			: #000000;
	border			: 1px solid #242471;
	padding			: 0 1px;
	margin			: 0;
background		: #ffffea no-repeat 3px 1px;	
font-family: tahoma;
}
.inputbox-search{
	font			: normal 9px tahoma;
	color			: #000000;
	height			: 13px;
	border			: 1px solid #242471;
	padding			: 0px 1px 0px 20px;
	margin			: 1px 0 !important;
	margin			: 0;
	background		: #ffffea no-repeat 3px 1px;	
font-family: tahoma;
}
.button-search{
	font			: normal 9px tahoma;
	color			: #000000;
	border			: 1px solid #242471;
	padding			: 0;
	margin			: 0;
	background		: #ffffea;	
font-family: tahoma;
}







/* CONTENT STYLES  ok */


.pathway, a.pathway:link, a.pathway:visited {


	font			: bold 9 px tahoma;
	color			: #ffffff;
font-family: Arial;
}
a.pathway:hover {
	color			: #ffffff;
	font			: bold 9 px tahoma;
text-decoration	: none
}

.contentpane, .contentpaneopen, .contentdescription {
	width			: 100%; 
	padding			: 0;	
	margin			: 0; 
	border			: 0;
	text-align		: left;
	font-size		: 9px arial; 
}
.contentpaneopen td, .contentdescription td {
	padding			: 0 5px; 
	font-size		: 9px arial; 
}
a.contentpane:link, a.contentpane:visited, a.contentpaneopen:link, a.contentpaneopen:visited {
	color			: #000000; 
	font-size		: 9px arial; 
	text-decoration	: none
}
a.contentpane:hover, a.contentpaneopen:hover {
	color			: #ff9900; 
	font-size		: 9px arial; 
	text-decoration	: none;
}

.contentheading, .componentheading {
	font			: bold 11px tahoma;
	color			: #000000;
font-family: tahoma;
	width			: 100%;
	margin			: 0;
	padding			: 0;
	border			: 0;
}

.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited 	{
	color			: #000000;
font-family: tahoma;
}
a.contentpagetitle:hover {
	color			: #ff9900;
font-family: tahoma;
}
.buttonheading {
	font			: normal 10px tahoma;
	white-space		: nowrap;	
}

.content_rating, .content_vote {
	font-size		: 9px;	
font-family: tahoma;
	color			: #000000; 
	vertical-align	: middle; 
	margin			: 0 6px; 
	padding			: 0;
}
.small 		{
	font-size		: 9px; 
	color			: #000000; 
font-family: tahoma;
}
.smalldark	{
	font-size		: 9px; 
	color			: #000000; 
font-family: tahoma;
}
.createdate, .modifydate {
	font			: bold 9px arial;
	color           : #ff9900;
	white-space     : nowrap;
	text-decoration : none;
	margin			: 2px 0;
	padding         : 2px 4px 2px 15px;
	border			: 0;
font-family: Arial;
}
.poll {
	font			: normal 10px tahoma;
	color			: #ffffff; 
	border			: 0; 
	padding			: 0;
font-family: tahoma;
}







/* BUTTONS -ok */

.readon, a.readon:link, a.readon:visited,
.back_button a:link, .back_button a:visited,
.blogsection, a.blogsection:link, a.blogsection:visited {
	font			: bold 9px arial;
	color           : #ff9900;
	white-space     : nowrap;
	text-decoration : none;
	margin			: 2px 0;
	padding         : 2px 4px 2px 15px;
	border			: 0;
font-family: Arial;
}
.readon, a.readon:link, a.readon:visited,
.back_button a:link, .back_button a:visited {
	float			: left;
	width			: 50px !important;
	width			: 74px;
	height			: 15px !important;
	height			: 19px ;
	clear			: both;
font-family: Arial;
}
.readon, a.readon:link, a.readon:visited, 
.blogsection, a.blogsection:link, a.blogsection:visited {
	background		: url(../images/readon.png) transparent no-repeat -2px -1px;
}
a.readon:hover,
a.blogsection:hover {
	color           : #ff9900;
font-family: Arial;
	background      : url(../images/readon.png) transparent no-repeat -2px -23px;
}


.blog_more{
	margin			: 5px;
	padding			: 0;
	border			: 0;
font-family: Arial;
}
.blog_more ul li{
	list-style		: url(none) none;
	margin			: 1px;
	padding			: 0;
font-family: Arial;
}


.fase4rdf, a.fase4rdf:link, a.fase4rdf:visited {
	font-size		: 9px arial; 
	font-weight		: normal; 
	color			: #ff9900;
font-family: Arial;
}
a.fase4rdf:hover {
	font-weight		: bold arial;
	color			: #ff9900;

font-family: Arial;
}


.ontab 	{
	color			: #ff9900;
font-family: Arial;
	padding			: 2px 10px 2px 10px;
	border-top		: 2px solid #f0f0f0;
	border-right	: 2px solid #f0f0f0;
	border-bottom	: 0;
	border-left		: 2px solid #f0f0f0;
	font-weight		: bold;
}
.offtab {
	color			: #ff9900;
font-family: Arial;
	padding			: 2px 10px 2px 10px;
	border-top		: 1px solid #f0f0f0;
	border-right	: 1px solid #f0f0f0;
	border-bottom	: 3px solid #f0f0f0;

	border-left		: 1px solid #f0f0f0;
	cursor			: default;
}
.tabpadding {
	border-bottom	: 3px solid #f0f0f0;

font-family: Arial;
}
	
table.searchintro {
	background		: #ffffff;
font-family: Arial;
	margin			: 0  5px;
	width			: 100%;
	border-bottom	: 1px solid #f0f0f0;
}
table.searchintro td {
	padding			: 5px;
font-family: Arial;
	border			: 0;
	border-bottom	: 1px solid #f0f0f0;
}

.blog_more {
	padding			: 18px 8px;
	margin			: 0px;
	font-size		: 14px;
	font-weight		: bold;
	color			: #ff9900;
font-family: Arial;
}
.blog_more ul {
	padding			: 0px;
	margin			: 0px;
	list-style		: disc inside;
font-family: Arial;
}

table.contenttoc {
	border			: 1px solid #f0f0f0;
 	padding			: 1px;
	margin-left		: 7px;
	margin-bottom	: 2px;
font-family: Arial;
}
table.contenttoc th {
	color			: #ffffff;
	text-align		: left;
	padding			: 4px;
	font-weight		: bold;





	font-size		: 9px;
	text-transform	: uppercase;
	background		: #999999;
font-family: Arial;




}

table.contenttoc td {
	font-size		: 9px;
font-family: Arial;
}


/* ******************************************* STYLES CONTACT PAGE -ok */
table.contact {
	background		: transparent;
}
table.contact td.icons {
	background		: #999999;
font-family: Arial;
}
table.contact td.details {
	background		: #999999;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #f0f0f0;
font-family: Arial;
}
.contact_email {
	background		: #999999;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #f0f0f0;
font-family: Arial;
}




/* MAIN AND SUB MENU SYSTEM - ok */
.mainlevel {
	font			: bold 11px tahoma;
	width           : auto;


	display         : block;
}
a.mainlevel:link, a.mainlevel:visited {
	color			: #000000; 
font-family: tahoma;
	background		: url(../images/menu_arrow.png) transparent no-repeat 0px -5px;
	text-decoration	: none;
	padding			: 3px 0px;
	padding-left	: 10px;
	border-top		: 1px solid #f8f8f7;
	border-bottom	: 1px solid #f8f7f7;
}
a.mainlevel:hover {
	color			: #ff9900;
font-family: tahoma;
	text-decoration	: none; 
	border-top		: 1px solid #f8f7f7;
	border-bottom	: 1px solid #f8f7f7;
	background		: url(../images/menu_arrow.png) transparent no-repeat 0px -35px;
}
#active_menu {
	border-top       : 1px solid #f8f7f7;
font-family: tahoma;
	border-bottom    : 1px solid #f8f7f7;
	background       : url(../images/menu_arrow.png) transparent no-repeat 0px -65px;

	color            : #990000;
}

.sublevel {
	font			: bold 11px tahoma;
	padding    		: 1px 2px;
	margin			: 3px;
}
a.sublevel:link, a.sublevel:visited {
	color			: #000000;
font-family: tahoma;
	text-decoration	: none;
}
a.sublevel:hover {
	color			: #ff9900;
font-family: tahoma;
}
a.sublevel#active_menu  {
	border			: 0;
font-family: tahoma;
	color           : #ff9900;
	background      : transparent;

}









/* TOP MENU SYSTEM - ok */
ul#mainlevel-nav {
	font			: bold 9 px tahoma;



	color			: #ffffff;
list-style		: none;
	padding			: 0;
	margin			: 0;
}
ul#mainlevel-nav li
{
	display			: block;
	background		: transparent;
	padding			: 0;
	margin			: 0;
	float			: left;

	white-space		: nowrap;
	border-right	: 1px solid #BED33A;
font-family: tahoma;font			: bold 9 px tahoma;
}
ul#mainlevel-nav li a {
	display			: block;
	height			: 16px;
	padding			: 5px 1px 1px 5px;
	margin			: 0;
	width			: 4%;
	text-decoration	: none;
	color			: #ffffff;
	background		: #BED33A;font-family: tahoma;font			: bold 9 px tahoma;
}

#box-ticker>ul#mainlevel-nav li a { 
	width: auto;
}

ul#mainlevel-nav li a:hover
{
	color: #FFFFFF;
	background: #BED33A;
font-family: tahoma;font			: bold 9 px tahoma;
}








/* CATEGORY (text format and links)-ok */
.category {
	color			: #000000;
	font-size		: 9px;
	font-weight		: bold;
	text-decoration	: none;
font-family: tahoma;

	}

a.category:link, a.category:visited {
	color			: #000000;
	font-weight		: bold;
	text-decoration	: none;

font-family: tahoma;
}
a.category:hover {
	color			: #ff9900;
}
	










/* SECTION TABLE -ok */
.sectiontableheader {font-family: Arial; font-size: 10px; font-weight: bold; line-height:18px; color:#000000; background: #8282ff; padding: 1px;}
.sectiontableentry1 {font-family: Arial; font-size: 9px; font-weight: bold; line-height:18px; color:#ffffff; background: #f8f8f7; padding: 1px;}
.sectiontableentry2 {font-family: Arial; font-size: 9px; font-weight: bold; line-height:18px; color:#000000; background: #8282ff; padding: 1px;}
.sectiontableentry1 td, .sectiontableentry2 td {font-size: 9px; padding: 2px;}
.sectiontableentry1 a, .sectiontableentry2 a { font-weight:bold; text-decoration:none;}
.sectiontablefooter {text-align: center;}


.pagenavbar {
	text-align		: center;
	vertical-align	: middle;
	padding			: 2px;
	width			: 100%;
}
.pagenav {
	color			: #ff9900;
	font-size		: 9px;
	font-weight		: bold;
	text-decoration	: none;
	margin			: 0;
	padding			: 0 2px;
	border			: 0;
font-family: tahoma;
}
a.pagenav:link, a.pagenav:visited  {
	color 			: #ff9900; 
font-family: tahoma;
	background-color: transparent;

}
a.pagenav:hover {
	color			: #ff9900; 
font-family: tahoma;
	background		: transparent; 
	text-decoration	: none;
}


hr.separator {

	background		: #eec849;
	height			: 1px;
	border			: 1px solid #f0f0f0 ;
	width			: 40%;
}









/* STYLES DROPDOWN MENU - ok */
#menuhorizontal { 
	border			: 0; 
	padding			: 0; 
	margin			: 0;
	
	width			: 935px;
	height			: 20px;
	background		: #eec849;

font-family: tahoma;
color			: #ffffff;

	position		: relative; 
	left			: 0; 
	top				: 1px; 

	text-align		: left; 
	vertical-align	: top;
}






/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/





/* all levels inner -ok  */
.minner {
	font			: bold 9px arial;
	color			: #ffffff;
	padding			: 1px 2px 3px 4px;
	border			: 0;
	border-right	: 1px solid #f0f0f0;
	border-bottom	: 1px solid #f0f0f0;
}

a:link .minner, a:visited .minner {
	color			: #ffffff;
	text-decoration	: none;
	white-space		: nowrap;
}
a:hover .minner {
	color			: #ffffff;
}




/* main nav -ok */
.main_level_nav {
	margin			: 0;
	padding			: 0;
	border			: 0;	
}
a.main_level_nav:link, a.main_level_nav:visited, a.main_level_nav:hover {
	text-decoration	: none;
}




/* all levels outer */
.moout {












	background		: #eec849;
}
.moover {
	background		: #eec849;


}
a.moover:link,  a.moover:visited {
	color			: #ffffff;
	text-decoration	: none;
}
a.moover:hover {



	color			: #ffffff;
	text-decoration	: none;
}

#main-container {
	width			: 744px !important;	height			: 19px;
	margin			: auto;
	padding			: 12px;
	border			: 1px solid #ffffff;
	z-index			: 1;
	text-align		: left;
	background		: #ffffff;
font-family: tahoma;
}




/* Header */
#box-header	{
	text-align		: center;
	margin			: 0;
	padding			: 1px;
	border			: 1px solid #eec849;
	width			: 100%;
	height			: 110px;
	background		: #c7cad1  repeat center center;
font-family: Arial;
}

#topmenu {
		border			: 0px solid #242471;
	background		: #242471;
	font			: normal 10px tahoma;
}


#site-name	{
	font			: bold small-caps 60px arial;
	color			: #ffffff;
font-family: Arial;
	float			: none;
	margin			: 5px auto;
	padding			: 0;
	border			: 0;
	clear			: both;
}




#slogan	{
	font			: bold 20px arial;
	color			: #ff9900;
font-family: Arial;
	float			: none;
	margin			: 0 auto;
	padding			: 0;
	border			: 0;
}


#slogan1	{
	font			: bold 20px arial;
	color			: #000000;
	background-color:#bed33A;
font-family: Arial;
	float			: none;
	margin			: 0 auto;
	padding			: 0;
	border			: 0;
}


#box-horizontal	{
	margin			: 0; 
	padding			: 1px 0;
	border			: 0;
font-family: Arial;
	border-top		: 2px solid #003;
	border-bottom	: 2px solid #003;
	width			: 100%;
	font			: bold 11px/17px arial;
	color			: #003; 
} 




.sitename {

	font			: bold 11px arial;
	color			: #ff9900;
font-family: Arial;
}








#box-pathway	{
	vertical-align	: top;
	padding			: 0;
	margin			: 0;
	border			: 0;
	height			: 19px;
background-color:#919191;	
    font-family: tahoma;   
color			: #ffffff;}





#box-subheader	{
	padding			: 0;
	margin			: 0;
 	border			: 0;
	background		: #919191;
	color			: #ffffff;
    font-family             : tahoma;
	font-size		: 11px;
}







#box-banner {
	margin			: 0;
	border			: 1px solid #005;
	padding			: 0;
	width			: 468px;
	height			: 60px;
	background		: #457 url(../images/bg_dotted.png) repeat;
	overflow		: hidden;
	clear			: both;
font-family: Arial;
}





#box-top	{
	width			: 468px;
	height			: 18px;
	padding			: 0;
	margin			: 0;

	border			: 0;
	border-top		: 2px solid #003;
	border-bottom	: 2px solid #003;
	vertical-align	: middle;
	text-align		: left;
	overflow		: hidden;
font-family: Arial;
}








/*  MODULE NEWSFLASH */
#box-newsflash {
	margin			: 0;
	border			: 2px solid #ffffff;
	padding			: 0;
	width			: 268px;
	height			: 106px;
	overflow		: hidden;
}





#box-menu 	{
	margin			: 0; 
	padding			: 0;
	border			: 0;
	border-top		: 1px solid #ffffff;



	border-bottom	: 1px solid #ffffff;
	width			: 100%;
	text-align		: left;
	z-index			: 100;
	color			: #eec849;
}








/* CONTENT BODY */
#box-left, #box-right 	{
	vertical-align	: top;
	padding			: 0;
	margin			: 0;
	border			: 0;
	width			: 180px;
background-color:#f8f7f7;	
    font-family: tahoma;   
}
#box-moduleuser-1 {
	margin			: 0 1px 2px 0;
	border			: 0;
	padding			: 0px 2px 4px 2px;

	overflow		: hidden;
	clear			: both;
font-family: tahoma;
font-size		: 9px;
}
#box-moduleuser-2 {
	margin			: 0 0 2px 1px;
	border			: 0;
	padding			: 0px 2px 4px 2px;
	overflow		: hidden;
	clear			: both;
font-family: tahoma;
font-size		: 9px;
}

#box-mainbody	{
	vertical-align	: top;
	padding			: 0;
	margin			: 0px 0px 0px 0px;
	border			: 0;
font-family: tahoma;
font-size		: 9px;
}

#end-body {
	padding			: 2px;
	background: url(../images/adorno.png) no-repeat center center;
}








/* MENU BOTTOM */
#box-menu-bottom {
	color			: #ffffff;
font-family: tahoma;

	margin			: 0;
	padding			: 0px;
	border			: 0px solid #f8f7f7;
	background		: #bed33a repeat;
	vertical-align	: middle;
	text-align		: center;
	height			: 20px ;
}
.bar, a.bar:link, a.bar:visited  {
	font			: normal 9px tahoma;
	color			: #ffffff;
font-family: tahoma;
	padding			: 0px; 
	margin			: 0px; 
	background		: transparent;
}
a.bar:hover {
	color			: #ff9900;
font-family: tahoma;
	text-decoration : none;
}








/* FOOTER */

#box-footer  {
	margin			: 0;
	padding			: 0px;
	border			: 0px solid #ffffff;
	text-align		: center;
font-family: tahoma;
	vertical-align	: middle;
	height			: 50px;
	background		: #242471 repeat;
}


#box-footer div {
	font			: normal 11px tahoma;
	color			: #ffffff;
font-family: tahoma;
	clear			: both;
}
#box-footer a, #box-footer a:link, #box-footer a:visited {
	color			: #242471;
font-family: Arial;
	text-decoration	: underline;
}






/* bingkai utama */

#clr 	{clear: both;}
.clr 	{clear: both;}

#main-container {
	width			: 935px !important;
      height			: 100% !important;
	margin			: auto;
	padding			: 10px;
	border			: 1px solid #ffffff;
	z-index			: 1;

	text-align		: left;
font-family: Arial;
	background		: #ffffff;
}

#clr 	{clear: both;}

.clr 	{clear: both;}