/* CSS Document */

html {
	height: 100%;
	
}

body {
margin:2px;
padding-left:10px;

	
}

.clr {
	clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
	padding: 2px;
}

#buttons_outer {
	width: 635px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;

}

#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}

#pathway_text {
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

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

ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #c64934;
}


#search_outer {
	float: left;
	width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #CB4933;
}

#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 635px;
	height: 150px;
	background: url(../images_red/header_short.jpg) no-repeat;
}

#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	/** border: 1px solid #cccccc; **/
	float: left;
	width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

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

table.content_table td {
	padding: 0px;
	margin: 0px;
}


#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #F8F8F8;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
  float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  background: url(../images_red/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
 
  width: auto;
  background: url(../images_red/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

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

li
{
line-height: 15px;

padding-top: 0px;
background-image: url(../images_red/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

body {
	
font-family: Arial, Helvetica, Sans Serif;
font-size: 11px;
color: #333333;
background: url(../images_red/back.jpg);
		
}

/* Joomla core stuff */
a:link, a:visited {
	color: #E1EBF8; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #900;	text-decoration: none;
	font-weight: bold;
}

table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {


}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;

	color: #CA4833;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}



.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
	
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images_red/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}


table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
    background     : url(../images_red/subhead_bg.png) repeat-x;
    color          : #666666;
	text-align     : left;
	padding-top    : 2px;
	padding-left   : 4px;
	height         : 21px;
	font-weight    : bold;
	font-size      : 10px;
	text-transform : uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	/*background: url(../images_red/menu_bg1.png) no-repeat transparent;*/
	background-color: transparent #1086aa;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
	padding-left: 20px;
	height: auto !important;
	padding-bottom:5px;

	
	
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #FDEE02;
	/*background: transparent url(../images_red/menu_bg1.png) no-repeat ;*/	
}

a.mainlevel#active_menu {
	color:#F0F0F0;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #EAEAEA;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #CA4731;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}
table.moduletable-newsfeed th 

{
	background-repeat: no-repeat;
	height				: 15px;
	padding-top			: 5px; 
	padding-right	:26px;
	color				: #FAF8F8;
	line-height:10px;
	text-align:center;
}
table.moduletable-newsfeed {

	display: block;
	/*background: url(../images_red/loop_new.png) repeat-y;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15);*/
	font-size: 11px;
	/*padding-top:0px;*/
	padding-left:20px;
	margin-right:10px;
	/*border-bottom-style:solid;
	border-bottom-color:#d5d5d5;*/	
}
table.moduletable-newsfeed td
{
	padding-right		:20px;   
	

}
table.moduletable-user1
a:link, a:hover
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial;

	
}

table.moduletable-rightlogin {

	padding-left		: 0px; 
	padding-right		: 0px; 
	background: url(../images_red/login.png);
	background-repeat:no-repeat;
	width	:207px;
	height:136px;
	font-size: 11px;
	line-height:10px;
	padding:0px 0px 0px 0px;
	
	
	
}
table.moduletable-rightlogin td
{   


	padding-left		: 13px;  
	padding-right		: 0px;  
}

table.moduletable-user1 th 

{
background: url(../images_red/newsfeed02.png) repeat-x;

    width				: 170px;
	height				: 25px;
	font-size			:11px; 
	padding-left		:30px;
	font-weight			: bold;
	color				:#FEFAFA;
	line-height         :25px;
	padding-top         :2px;
	

}

table.moduletable-right 
{
	padding-left		: 0px;  
	padding-right		: 0px; 
	font-size           : 11px;
	line-height         :10px;
	width:146px;
	
	
	
}
table.moduletable-right
a:link, a:hover
{

font-weight: bold;
text-decoration: none;
font-size: 11px;
font-family: Arial;


	
}


table.moduletable-kiri th 

{
background: url(../images_red/header_menu.png);

    width				: 135px;
	/*height				: 25px;*/
	font-size			:11px; 
	padding-left		:26px;
	font-weight			: bold;
	color				:#ffffff;
	line-height         :25px;
	padding-top         :2px;
	background-repeat   :no-repeat;
}


table.moduletable-dwibahasa {

	padding-left		: 0px;  
	padding-right		: 10px; 
	background          : url(../images_red/dwi1.png) ;
	width	            :150px;
	height              :20px;
	font-size           : 11px;
	line-height         :10px;
	background-repeat   :no-repeat;
	
	
}
table.moduletable-dwibahasa td
{   


	padding-left		:0px;  /*sbnr 7px */
	padding-right		: 0px;
	   /*sbnr 7px */
}
#mosbody{
	width :100%;
	/*float :left;
	margin : 0px;
	padding : 0px;	*/
}
#mosbody2{
	width:983px;
	/*float:left;	*/
}
#header{

	width     :765px;
	height    :69px;
	float     :left;
	margin    : 0px;
	padding   : 0px;
	background: url(../images_red/main-page_01.jpg);
	background-repeat:no-repeat;
		
}

#header_bm{
	width     :765px;
	height    :69px;
	float     :left;
	margin    : 0px;
	padding   : 0px;
	background: url(../images_red/main-page_01_bm.jpg);
	background-repeat:no-repeat;
		
}

#header2{

	background       : url(../images_red/main-page_02.png);
	background-repeat:no-repeat;
	width            :218px;
	height           :69px;
	float            :left;
	margin           : 0px;
	padding          : 0px;
		
}
#body{

	
	background       : url(../images_red/back_2.jpg);
	background-repeat: no-repeat;
	width            :983px;
	height           :296px;
	float            :left;
	
}
#row1{

	width :980px;
	height:200px;
	float :left;	
}

#footer10{

	background       : url(../images_red/footer.jpg);
	background-repeat: no-repeat;
	width            :983px;
	height           :100px;
	float            :left;
	margin           : 0px;
	padding          :0px;
	
	
}

#footer1{

	background       : url(../images_red/footer.jpg);
	background-repeat: no-repeat;
	width            :983px;
	height           :145px;
	float            :left;
	margin           : 0px;
	padding          :0px;
	
	
}
#footer2{

	background       : url(../images_red/footer_loop.png);
	width            :983px;
	float            :left;
	margin           : 0px;
	padding          : 0px;
	background-repeat:repeat-y;
	
	
	}
#footer3{

	background       : url(../images_red/footer_bwah.png);
	background-repeat: no-repeat;
	width            :983px;
	height           :30px;
	float            :left;
	margin           : 0px;
	padding          : 4px;
	
	}
	


table.moduletable-footer1{

	font-size  : 11px;
	margin-left:250px;
	

	
}

table.moduletable-user9
{
    padding-left		: 14px; 
	padding-right		: 0px; 
	font-size           : 11px;
	width:160px;
	text-align:right;

}

table.moduletable-user9 a:link, a:hover
{

font-weight    : bold;
text-decoration: none;
font-size      : 11px;
font-family    : Arial;
}
table.moduletable-kanan {

	background: url(../images_red/loop_new.png)repeat-y;
	display    : block;
	font-size  : 11px;
	line-height:10px;
	width	   : 183px;
	padding-top:1px;
	padding-left:0px;
	text-align:left;
		
}
table.moduletable-kanan td
{   

	padding-left		:5px; 
	padding-right		:5px;   
	
	 
}
#leftcol {
width: 152px;
margin-bottom: 0px;
}

#leftcol div.module div, #rightcol-normal div.module div {

/*background: transparent url(../images_red/module_top.png) top left no-repeat;*/
}

#leftcol div.module div div div,#rightcol-normal div.module div div div{
width: 148px;
padding-left: 0px;
padding-right: 10px;
/*padding-top: 6px;*/
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div, #rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;
}

/*.modul login..*/
fieldset.js_loginflat{padding-top:38px;}
fieldset.js_loginflat{border:0px}
fieldset.js_loginflat legend{display:none}
/*........*/
fieldset {padding:5px;}
fieldset.js_loginflat {border:0px;}
fieldset.js_loginflat legend {display:none;}


body {
	color: #ffffff;
	
}


/*Basic Links*/
a:link, a:visited {color:#ffffff;text-decoration:none;font-size:11px;}
a:hover {color: #FDEE02;text-decoration:none;}


/*login*/

.button {background:transparent url(../images_red/button_loop.png);border: 1px solid #0C4872;color:#000000;line-height: 100%;font-size:10px;padding: 3px;

}
/*search*/
.box {
background: transparent url(../images_red/search2.png);
width:26px;
height:23px;
background-repeat:no-repeat;
color:#ffffff;
padding-top: 2px;

padding-right: 5px;

padding-bottom: 2px;

padding-left: 4px;

height: 22px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

font-family: Arial,Helvetica,Sans Serif;

text-align: center;

font-size: 11px;

font-weight: bold;



/*policy & privacy*/
}

.policy{
padding-left:0px; 
padding-top	:0px;
}

div.policy a {
   margin: 0;
   padding: 0;
   padding-left: 5px;
   padding-right: 5px;
   text-decoration: none;
   color: #ffffff;
 /* border-right: solid 1px #ffffff;*/
  font-family: Arial,Helvetica,Sans Serif;
  font-weight:500;
  text-align:center;  
}

div.policy a.first {
  border-left: none;
}

div.policy  a:hover, div.policy  a:focus {
   color: #FDEE02;
}
#copyright{

  /*padding-left: 240px;*/
   padding-top:8px;
   color: #f39393;
  font-weight:700;
  
  
}

.w3c{
	/*padding-top: 7px;
	line-height: 25px;*/
	text-align:center;
	height: auto !important;
	}
	
.position_w3c{
	padding-top:2px;
	padding-left: 3px;
	height: auto !important;
	}

.position_font{
	lheight: auto !important;
	font-size:11px;
	text-align:center;
	padding-right:5px;
	}

.position_color{
	height: auto !important;
	}


.search{
	width:auto;
	/*margin-right:5px;*/
	text-align:center;
	height: auto !important;
}


/* Edit*/
.banner1{
	background:url(../images_red/banner1.jpg);
	width:275px;
	height::6px;
	}
.curvebanner{
	background: url(../images_red/curvebanner.png);
	height: 15px;
	width:275px;
	}
	
.newsbg{
	background:url(../images_red/news_bg.jpg) no-repeat;
	width:170px;
	height:155px;
	}