/* Design by Rony Triwardhana 2007;

/* #######################  GENERAL SETTINGS ############################ */
html.body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	margin:0px;
	padding:0px;
	height:100%;
	}

.em_header{
	font-size:16px;
	color: #666;
	margin:0px;
	padding:0px;
	height: auto;
	font-weight : bold;	
}

.em_footer{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	margin:0px;
	padding:0px;
	height: auto;
	font-style : italic;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	margin-top: 0px;
	height:100%;
}

#header {
	background-image: url(../images/header-center-bg.gif);
	background-repeat: repeat-x;
	width:900px;
	}
#logo-fpb {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
#wrapper {
	width: 900px;
	/*
	margin-left:auto;
	margin-right:auto;
	*/
	margin-top: 10px;
}
#main-content {
	width: 900px;

}

.garisline{
	margin-right: 10px;
	margin-left: 10px;
	color: #778BBD;
	}

	.searchme{
	color: #00538A;
	width:150px !important;
	height:16px;
	font-size:10px;
	background:url(../images/bg-search.gif) no-repeat;
	background-position:left top;
		border:0;
	margin-right:10px;
	padding-top:1px;
	margin-top:3px;
	margin-left:5px;
	padding-left:20px;
	}
.searchbox{
width:125px;
color: #01478D;
	height:14px;
	font-size:10px;
border:0;
	margin-right:10px;
	padding-top:1px;
	margin-left:5px;
	padding-left:2px;
	background:transparent;
}
	
#search_box {
 width: 201px;
 height: 31px !important;
 background: url(../images/bg-search.gif) no-repeat !important;
 text-align:right !important;
  padding-bottom: 10px  !important;
 }
 #search_box #s {
   padding-bottom: 10px  !important;

 float: left !important;
 padding-left: 0;
 margin: 6px 0 0 27px;
 border: 0;
 width: 138px;
 background: none;
 }
 
 input#s{
  font-family:Arial, Helvetica, sans-serif !important;
 font-size:13px  !important;
}

#footer{
	padding-top:10px;
	border-top:solid #EBEBEB 1px;
	}
#footer p{
font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right !important;
	}


#header div {
	background-image: url(../images/header-left-bg.gif);
	background-repeat: no-repeat;
}

#header div div {
	background-image: url(../images/header-right-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 190px;
}

p.subtext{
	font-size:11px;
	margin-left:30px;
letter-spacing:0.3px;
word-spacing:0.3px;
}


#main-menu {
	width: 180px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EBEBEB;
	border-left-color: #EBEBEB;
	margin-left: 20px;
}
.blueborder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDEED;
	padding-top:5px;	
	padding-bottom:5px;	
	
}
.blueborder img{
margin-top:6px;
margin-left:6px;
}
.table-links{
border:#D8E5F8 1px solid;
border-collapse:collapse;
margin-bottom:10px;
}
.table-links li{
margin-bottom:10px;
}
.table-links li ul li{
margin-bottom:0px;
}

.table-links h1{
text-align:center;
}
.table-links h3{
text-align:center;
margin-left:0px;
}
.table-links td{
text-align:left;
padding-top:2px;
padding-bottom:2px;
padding-left:20px;
padding-right:20px;
vertical-align:top;
width:33.34%;
border: #00538A solid 1px;
}
.table-links tr.ganjil{
background-color:#99CCFF;
color:#FFFFFF;
}
.table-matrice{
border:#EBEBEB 1px solid;
border-collapse:collapse;
}
.table-matrice td{
text-align:center;
width:33.34%;
vertical-align:top;
border: #00538A solid 1px;
}
.table-matrice td img{
padding:10px;
}
.table-matrice td p{
font-weight:bold;
background:none;
border:none;
text-align:center;
margin:0px;
padding:5px;
}
.table-matrice td h3{
color:#FFFFFF;
font-weight:bold;
font-size:13px;
margin-left:0px;
}

.table-matrice td h2{
color:#00538A;
font-weight:bold;
font-size:16px;
margin-left:0px;
padding:5px;
background-image:none;
}
*.floating-dropcap1 { float:left; position:relative; top:-0.2em; 
                     margin-left:-3px; margin-right:3px; margin-bottom:-0.6em; 
                     font-size:40px; line-height:normal;}

/*  Global Formatting */
h1 {font-size:18px;line-height: 1em;font-weight: bold;}
h2 {font-size:16px;line-height: 1em; font-weight:bold;
/* 
background-image:url(../images/panah.gif);
background-repeat:no-repeat;
background-position:left 10px;
padding-left:20px;
border-top:#DBDEED 1px solid;
*/
color:#00538A;
}
h3 {font-size:13px;line-height: 1em;font-weight: bold; color:#00538A;}
h4 {font-size:12px;line-height: 1em;font-weight: bold;}
h5 {font-size:11px;line-height: 1em;font-weight: bold;}
h6 {font-size:10px;line-height: 1em;font-weight: bold;}
td{font-size: 12px;}
th{font-size: 12px;}
a {color: #00538A; text-decoration:none;}
a:hover {color: #659FDE; text-decoration:underline;}
a:visited {color: #00538A;}
a.image, a.image:hover  {border:0;}
img:link, img:visited {border:0;}
fieldset{
border:0px;
padding:10px;
}
li{ 
padding-left:0px;
margin-left:0px;
font-size:13px;
line-height:18px;
margin-bottom:10px;
}
ul { 
list-style: disc;
margin-left:0px;
padding-left:15px;
}
ol { 
margin-left:0px;
padding-left:15px;
}
p{
font-size:13px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:10px;
padding:0px;
text-align:justify;
}
.mosimage_caption{
margin-bottom:10px;
font-size:9px;
}
blockquote     {
	margin:10px auto;
	position: relative;
	left:0%;
	text-align:center;
	padding-top:40px;
	padding-left:40px;
	background:url("../images/dq1.jpg") no-repeat top left;
}

blockquote div {
	padding-bottom:12px;
	padding-right: 40px;
	background:url("../images/dq2.jpg") no-repeat bottom right;
}

blockquote p   {
	margin:0;
	margin-bottom:10px;
	font-size:16px;
	font-style:italic;
	text-align : center;
}

blockquote cite { display:block; text-align:center; font-size:0.9em; }

.inputbox-QuickNav{
width:100%;
margin-bottom:20px;
}
.mm_leftmenu{
list-style:none;
margin:5px;

}
.mm_leftmenu li ul{
margin-bottom:20px;
font-weight:bold;
}
.tbl_style1{
border-collapse:collapse;
margin-top:0px;
}
.tbl_style1 td{
border:1px #EBEBEB solid;
}
.tbl_style1 ul li{
margin:5px;
font-size:13px;
color:#00538A;
}
.tbl_style1 ul p, .tbl_style1 p{
font-size:11px;
margin:5px;
color:#666666;
text-align:left;

}
.tbl_style1 td h3{
margin:5px;
padding:0px;
font-size:13px;

}
.sep{
padding-top:15px;
background-image:url(../images/sep.gif);
background-repeat:repeat-x;
padding-bottom:5px;
}
.slideshow1 a {
color:#FFFFFF;

}
.slideshow1 img{
margin:0px !important;
padding:0px !important;
}


/* #######################  END GENERAL SETTINGS ############################ */


/* ######################  LAYOUT SETTINGS       ############################## */
/* Add here Div Wrappers of table formatting to layouts custom stuff*/
/* ######################  LAYOUT SETTINGS       ############################## */

/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs */	
	.pathway {font-size: 11px;color:#666; margin-left:2px; padding-bottom:10px;}
	a.pathway:link {color:#659FDE;}
	a.pathway:visited {color:#659FDE;}
	a.pathway:active {color:#659FDE;}
	a.pathway:hover {color:#659FDE;text-decoration:underline;}

/* Mainlevel menu */

.mainlevel-atas{
margin-right:8px;
margin-left:8px;
}

.mainlevel-atas p{
text-align:right;
}

a.mainlevel-atas {
	float: right;
	line-height:1em;
	color: #00538A;
	text-decoration: none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:8px;
	padding-left:8px;
	background-image:url(../images/separator-menu.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
	}
a.mainlevel-atas:hover{
	text-decoration:underline;
	}	
 a.mainlevel-atas:visited {
 	color: #00538A;
	}
 
 #mainlevel-navlist {
	margin: 0;
	padding: 0;
}

#mainlevel-navlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainlevel-navlist li {
	margin: 0;
	padding: 0;
	display: inline;
}

#mainlevel-navlist a {
	/*border-top: 5px solid #222222;*/
	float: left;
	margin: 0;
	padding: 3px 15px 4px 15px;
	text-decoration: none;
	text-align: center;
	color: #00538A;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	border-right: 1px solid #e4e4e4;
}

#mainlevel-navlist a:hover,
#mainlevel-navlist a:active,
#mainlevel-navlist a:focus,
#mainlevel-navlist a#active_menu-navlist,
a#active_menu-navlist:link,
a#active_menu-navlist:hover,
a#active_menu-navlist:visited
{
	background: #00538A;
	color:#FFFFFF;
	text-decoration:underline;
}

#mainlevel-navlist a span {
	font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainlevel-navlist a span {
	float: none;
}
/* End IE5-Mac hack */

#mainlevel-navlist a:hover {
}

#mainlevel-navlist a:hover span {
}

#mainlevel-navlist li.active a,
#mainlevel-navlist li.active a:hover,
#mainlevel-navlist li.active a:active,
#mainlevel-navlist li.active a:focus {
	border-top: 5px solid #181818;
	padding: 7px 15px;
	background: #181818;
}

#mainlevel-navlist li.active a span,
#mainlevel-navlist li.active a:hover span,
#mainlevel-navlist li.active a:active span,
#mainlevel-navlist li.active a:focus span {
}

.mainlevel-tengah{
margin-right:10px;
text-align:right;
display:inline;
}
li .mainlevel-tengah{
width:100px;
}

a.mainlevel-tengah {
	line-height:2em;
	color: #00538A;
	text-decoration: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:8px;
	background-image:url(../images/separator-menu.jpg);
	background-position:right;
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:right;

	
	
	
	
	
	}
a.mainlevel-tengah:hover {
	text-decoration:underline;
	
	
	}		
	 a.mainlevel-tengah:visited{
	 color: #00538A;
	 }
	
	
.mainlevel-bawah{
text-align:left;
text-transform:uppercase;
font-size:9px;
margin-right:6px;
}

a.mainlevel-bawah {
	line-height:1em;
	color: #00538A;
	text-decoration: none;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:8px;
	background-image:url(../images/separator-menu2.jpg);
	background-position:right;
	background-repeat:no-repeat;
	
	}
a.mainlevel-bawah:hover {
text-decoration:underline;
	}	

.mainlevel {

}

/*------------------*/
ul#mainlevel {
 
  margin: 0;
  padding: 0;
 
  }
ul#mainlevel li{
list-style:none;
margin-bottom:1px;
border-bottom:thin #000000 solid;

}
ul#mainlevel li ul{
  margin: 0;
  padding: 0;

}



/*------------------*/
a.mainlevel, a.mainlevel:visited {
	display: block;
	color: #00538A;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-top:5px; 
	padding-bottom:5px;
	padding-right:8px;
	padding-left:15px;
	margin-bottom:1px;
	
}
a.mainlevel:hover, a.mainlevel#active_menu{
text-decoration:underline;
	
	
						}	
/* End Mainlevel menu */
	
/* Sub Menu */
.sublevel{ 
margin:0px;
padding:0px;
 }
a.div{
margin:0px;
}
a.sublevel{	display: block;
	color: #00538A;
	padding: 5px 5px 5px 10px;
	margin: 0 0 0 0;
	text-decoration: none;
	
	
		
			}

   a.sublevel:hover, a.sublevel#active_menu{
	display: block;
	color: #00538A;
	text-decoration:underline;

	}
/* End Sub Menu */
	
/* Add Custom Menus */

/* Add Custom Menus */
		
/*##################### NAVIGATION SECTION #####################*/	

/* ##################### STANDARD MODULE TABLE  #################*/	
table.moduletable {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.moduletable-tengah{
text-align:right;
float:right;
clear:both;
}

table.moduletable th { 
background: #2F3E57;
height: 18px;  
color: #FFFFFF;
}

table.moduletable td {height: 18px;}

/* Add here Custom Modules */

/* End Custom Modules */

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


/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading, .componentheading  {
	/* font-size: 24px; */
	font-size: 18px;
	font-weight: bold;
	color: #00538A;
	/*
	background-image:url(../images/panah.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:20px;
	*/
	line-height:1.5em;
}

.contentheading2  {
	font-size: 24px;
	font-weight: bold;
	color: #00538A;
	/*
	background-image:url(../images/panah.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:20px;
	*/
	line-height:1.5em;
}

.contentheading3  {
	font-size: 24px;
	color: #00538A;
	/*
	background-image:url(../images/panah.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:20px;
	*/
	line-height:1.5em;
}

/* content title and links */


.contentpagetitle {
background-color : White; 
}

a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: normal; color: #FF6600;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px  dashed #CCCCCC;text-decoration: none;}

/* top box like a category description */
.contentdescription {background-color : White;}

/* Main Body Text */
.contentpane {background: White;
}
.contentpaneopen {
background-color: White;
vertical-align:top !important;
}
.contentpaneopen h1{
font-size:28px !important;
margin-top:0px;
}
.contentpaneopen img{
text-align:center !important;
display:block;
margin:0px 10px 10px 10px;
vertical-align:top;
}
h2.isi{
font-size:13px;line-height: 1em;font-weight: 900; color:#01478D;
}
/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #666;}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px;  color: #00538A; }
.pagebar{font-size: 12px; text-align:center;}
.pagenav_prev{font-size: 14px;  color: #00538A; }
.pagenav_next{font-size: 14px;  color: #00538A; }
a.pagenav {color: #00538A; border-bottom: 0;}
a.pagenav:hover {color: #00538A; border-bottom: 0;}
.pagenavcounter{	height: 15px;   display:none; }
.back_button{font-size: 12px; height: 15px;  }	

/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px; color:#FF6600;font-weight: bold;
}


/* Article index  {mospagebreak} */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 12px;
	}
	
table.contenttoc th {
background: #2F3E57; 
color: White;
}
	
table.contenttoc td {padding: 2px;}

/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background-color : #D3D3D3;
	color : #333;
	font-weight : bold;
	border-collapse: collapse;
	font-size: 11px;
	}

/* Table odd and Even Rows */
.sectiontableentry1 {background-color : #FFFFFF;font-size: 11px;}
.sectiontableentry2 {background-color : #EBEBEB;font-size: 11px;}
.sectiontablefooter{	height: 18px; }
/* End Sectiontable */

/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover  {	height: 15px;  }
/* End category */


/* blogsection */
.blog {background-color : #FFFFFF;}
.blogsection{	height: 18px;  }
.blog_more{	height: 18px;  }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : #FFFFFF;}
/* End blogsection */

/* Search Form Module*/
.search {height: 16px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword light*/
.highlight {
text-transform:capitalize;
background:#FFFF00;
padding: 0px 2px 0px 2px;}
/* End Search Form */

/* wrapper title */
.wrapper{
background-color : #FFFFFF;
width:980px;
}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/
	

/* ##################### FORM SECTION  #####################*/	
form{font-size: 12px}
input {
font-family: Arial, Verdana, Helvetica, sans-serif; 
background-color:#FFFFFF; font-size: 13px; color: #333;
}
.inputbox {background: White; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
.text_area {background: White;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {border: 1px solid #999; background: #333;color: White;}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
/* ##################### END FORM SECTION  ##################### */	

/* ###################### 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;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Geneva, 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 {padding:1px;}

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

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

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