/*@import url("web_20.css");*/
@import url("palebrown.css");
/*@import url("grayblue.css");*/
/*@import url("hutri.css");*/

    div#container {
	background:#fff url('../images/bg_container.gif') repeat-y;
        padding:0 8px;
        margin:0 auto;
        border-top:1px solid #ddd;
    }
    .bot-container {
		background:#FFF url('../images/bot_container.gif') no-repeat left bottom;
		width:976px;
		margin:0 auto 5px auto;
		height:35px;
	
    	}
     div#header, div#header_en {
	    position: relative;
            color: #FFF;
            padding:0;
            margin:0 auto 0 auto;
	    width:960px;
	    height:80px;
	    border:0px solid #000;
        }
*html   div#header, *html   div#header_en {
        }
    #header .search, #header_en .search {
            float: right;
            width: 25%;
            color:#fff;
            margin: 0 14px 5px 0;
            padding: 5px 0px 0 0;
            text-align: right;
            border:0px solid;
        }    
*html   #header .search, *html   #header_en .search {
	margin-top:-5px;
	margin-right:6px;
	padding-top:0;
	}
	
       #header .portalnav, #header_en .portalnav {
            clear:right;
            float: right;
            margin: 15px 0 0 0;
            text-align:right;
            padding: 0 5px 0 0;
            font-weight:bold;
        }    
*html  #header .portalnav, *html  #header_en .portalnav {
position:relative;
           margin:0;
           top:15px;
        }
        #header .portalnav a, #header_en .portalnav a,
        #header .portalnav a:link, #header_en .portalnav a:link,
        #header .portalnav a:active, #header_en .portalnav a:active,
        #header .portalnav a:visited, #header_en .portalnav a:visited {
        	color:yellow;
        	text-decoration:underline;
        	}
        #header .portalnav a:hover, #header_en .portalnav a:hover {
        	color:#FFFFFF;
        	text-decoration:none;
        	}

        div#bumn-home{
        float:left;
        text-align:left;
        line-height:1em;
        font-size:1em;
        padding:5px 0;
	font-weight:bold;
        border:0px solid;
        }
/* NAV */
#nav {
     	float:left;
      	margin:0;
      	text-align:left;
	top:0;
      	z-index:1;
      	width:960px;
      	height:37px;
	background:transparent url('../images/bg_menu2.gif') top repeat-x;
	}
*html #nav {
	top:-1px;
	border:0px solid;
	}
#nav .menu { 
        position:relative;
	border:none;
	padding:4px 10px;
	background:transparent url('../images/v_line.gif') top right no-repeat; 
	height:37px; 
	color:#000;
	font-size:1.21em;
	font-family:Tahoma, Verdana,Helvetica, Arial, San-serif;
	line-height: 1.21em;
	font-weight:bold;
	overflow:visible; 
	}

.menulist li {
 border : 1px solid #999;
}
    div#nav .menu-child {
    	font-weight:normal;
    	font-size:11px;
    	}


    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        color: #000;
    }
    div#nav a:hover {
        color:red;
    }    
    div#nav .menu-child a,
    div#nav .menu-child a:link,
    div#nav .menu-child a:active,
    div#nav .menu-child a:visited {
        color:#000;
        background: #D1D1D1;
    }
    div#nav .menu-child a:hover {
        color: #000;
	background:#eee;
    }    

    /* END NAV */
.lang {
	position:relative;
	float:right;
	text-align:right;
	height:25px;
	top:-47px;
	color:#FFF;
	font-size:11px;
	padding:6px 0;
	margin:0;
	font-family: Arial, Helvetica, San-serif, Verdana, Tahoma;
	width:200px;
	background:transparent url('../images/bg_box_lang.gif') repeat-x;
	z-index:1;
	line-height:10px;
	}
.lang .tl { 
	position:absolute;
	float:left; 
	width:7px; 
	height:25px; 
	top:0; 
	left:-5px; 
	border:none;
	background:transparent url('../images/left_bg_box_lang.gif') bottom;
	}
#idLangOff,#enLangOff {
	color:#bbb;
	}	
    .lang a,
    .lang a:link,
    .lang a:active,
    .lang a:visited {
        color: #FFF;
        text-decoration:underline;
    }
    .lang a:hover {
        color:orange;
        text-decoration:none;
    }
#msg {
	position:relative;
	float:left;
	font-size:10px;
	padding:2px;
	margin: -50px 0 0  0;
	width:956px;
	}  
*html #msg {
	margin-top:-37px;
	width:959px;
	}
#msg .welcome {
	color:#ddd;
	padding:0 10px 2px 0;
	margin:0;
	font-size:11px 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.runtext {
	clear:both;
	width:960px;
	padding:0;
	height:22px;
	margin:0 auto;
	}
*html .runtext {
	height:auto;
	margin-top:3px auto 0 auto ;
	}
.bar {      
	padding:0; 
	border:1px solid #ddd;
	background:#CEDADA;
	margin-bottom:10px;
	padding:0;
	padding-left:5px;
	height:20px; 
	text-align:left;
	font-weight:bold;
	line-height:20px; 
	}                    
	

/*------------------------new-bar------------------------*/

.list-all {
    float:right;
    height:10px;
    text-align:left;
    color:#6A6A6B;
    font-size:10px;
    font-family: Verdana, Tahoma, Arial,  Geneva, Helvetica, sans-serif ;
    font-weight:bold;
    margin:10px 0;
    padding:0 3px 2px 3px;
    width:auto;
    background:transparent;
}

.owner{
	width:auto;
	font-size:10px;
	padding:0 2px;
	margin-top:5px;
	color:navy;
	font-weight:normal;
	}
.owner2{
 	float:left;       
	width:auto;
	font-size:10px;
	padding:0 2px;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:normal;
	}
.owner3{
	clear:both;
	font-size:10px;
	padding:0 2px;
	margin:-5px 0 10px 5px;
	color:navy;
	font-weight:normal;
	}			
/*-----------------------------------*/

#news-datafront {
	border:0px solid #B8C4C9;
	padding:0px;
	/*width:550px;*/
}

#newsfront {
	border-bottom:#cccccc dotted 1px;
	margin-bottom:10px;
	line-height:14px;
}

#newsfront a:link {
    color:#436991;
    text-decoration:underline;
}
#newsfront a:visited {
    color:#436991;
    text-decoration:none;
}
#newsfront a:hover {
    color:#FAB309;
    text-decoration:none;
}


#news-datafront .blank {
	clear:both;
	height:10px;
}

#news-datafront h3 {
	clear:both;
	font-size:14px;
	font-family:Arial,Helvetica;
	margin:0;
	color:#4A6205;

}

#news-datafront p {
	margin-top:5px;
	margin-bottom:5px;
}

#news-datafront .newsdate {
        float:left;
	font-size:10px;
	color:#BD660A;
	width:auto;
	margin:0;

}
#news-datafront .newscategory {
	text-align:center;
	width:auto;
	float:right;
	padding-left:2px;
	padding-right:2px;
	border-right:solid 5px #fff;
	border-left:solid 5px  #fff;
	border-bottom:solid 5px #DBE8EC;
	color:#88997B;
	font-size:10px;
	font-weight:bold;
	margin:0;

}

#news-datafront .newscontent{
    font-size:11px;
    text-align:justify;
    margin-top:0px;
    margin-bottom:3px;
}
#news-datafront .newsowner{
    font-size:10px;
    color:#59626B;
    text-align:justify;
    margin-top:0px;
	margin-bottom:3px;
}

#cont-module{
	padding : 0px;
	margin:0px;
	margin-bottom:10px;
	background: transparent;
	border:2px solid #AED9D9;
	border-top:none;
        word-spacing : .03em;
}
#news-bar {
        margin:0 auto;
	height:27px;
	padding:0;
	vertical-align:middle;
	border:1px solid #C5CDBF;
	border-top:none;
	background: transparent url('../images/bar_bg_blue_green.gif') top repeat-x;
	
}
h3.title{
  margin:2px 0 0 10px;
  vertical-align:middle;
  font-weight:bold;
  color:#6A7761;;
  font-size:15px;
}

#news-bar .on {
        float:left;
	background:#6BD4D3;
        width:50%;
        color:#5F5F5F;
        font-weight: bold;
        height:27px;
        line-height:26px;
        text-align:center;
	border-bottom:0px solid #B8C4C9;
}

#news-bar .off {
        float:left;
        width:49.75%;
        height:27px;
        color:#3E6B8F;
        line-height:26px;
        text-align:center;
	border-left:1px solid #B8C4C9;
	border-bottom:0px solid #B8C4C9;
}
#contentNews {
	background: #fff;
	margin:0px;
	padding: 4px;
	border:2px solid #AED9D9;
	border-top:none;
}
#cont-module .modul_title {
        float:left;
	font-size:11px;
	padding:4px;
	font-weight:bold;
        color:#60717E;
	line-height:20px;
}
#cont-module .list-all {
	text-align:center;
    	color:#6A6A6B;
   	font-size:10px;
    	font-weight:bold;
    	margin-top:0px;
    	margin-bottom:0px;
    	padding-top:0px;
    	width:auto;
	height:20px;
}
.titleData{
  vertical-align:middle;
  font-weight:bold;
  font-family:Arial,San-serif,Helvetica;
  color:#333;
  font-size:11px;
  border:0px solid;
}
h3 a,
h3 a:link,
h3 a:visited,
h3 a:actived{
	color:#5D87AA;
        text-decoration:underline;
	}
h3 a:hover{
	color:#666;
	text-decoration:none;
	}
.center {
        margin:10px 0px 10px 0px;
	text-align:center;
}
#cont-module p {
	margin-top:5px;
	margin-bottom:5px;
}
#cont-module  ul{
	margin:0px 0px 0px 0px;
	padding:0px 3px 0px 3px;
        list-style-type:none;
}
#cont-module .blank {
        padding-top:10px;
        height:10px:
        border:1px solid;
}
#cont-module-menu{
        /*visibility:hidden;*/
	width:170px;
	padding:0px;
	background:#fff;
        text-align:center;
        border:1px solid #B8BDC1;
        border-bottom:4px solid #B8BDC1;
}
#cont-module-menu .bar{
	background: #c0c0c0 url('../images/bg_box.gif') repeat-x;
	height:27px;
	border:0px solid #060;

}
#cont-module-menu .modul_title {
        float:left;
	font-size:11px;
	padding:4px;
	font-weight:bold;
        color:#60717E;
	line-height:20px;
}

#cont-module-menu .content {
        padding:3px;
        text-align:center;
        border:0px solid;
}

.DragContainer {
  FLOAT: left;
  MARGIN: 3px;
  HEIGHT: auto;
}
.DragBox {
  POSITION: relative;
  WIDTH:100%;
  TEXT-ALIGN:LEFT;
  background:transparent;
  MARGIN-BOTTOM: 5px;
  LINE-HEIGHT:24px;
}

*html .DragBox .hd .on {
        float:none;
        height:21px;
       	width:50%;
       	border-bottom:none;
}
.DragBox .hd .off {
	width:50%;
        float:left;
	margin:0;
	padding:0;
        height:20px;
	background:transparent;
        font-weight: normal;
        text-align:center;
}
*html .DragBox .hd .off {
        float:none;
       	width:49.9%;
}

.DragBox .ftx {
	cursor: default;
	height:15px; 
	overflow:hidden; 
	border:none; 
	background:transparent url('../images/bg_ft_blue_green.gif');
	}
.Module {
  WIDTH:100%;
  PADDING: 0;
  MARGIN: 0 auto;
  FONT-SIZE: 10px;
  CURSOR: default;
}
.borderContainer{
  padding:5px;
  font-size:11px;
}
.contentModule{
  padding:5px;
  font-size:11px;
  }
.DragBox .nobg {
	background-image:none;
	}
.ibutton {
  margin: 5px 0 0 0;
  padding:0 2px 0 2px;
  vertical-align:middle;
  cursor:hand;
  cursor:pointer;
}
.searchButton2 {
	color:#fff;
	}
.ibutton2 {
  margin: 0;
  vertical-align:middle;
  cursor:hand;
  cursor:pointer;
}

spanx{
  margin-left:10px;
  font-weight:bold;
  font-size:0.9em;
}

.center {
	text-align:center;
}



/*END MODULE*/    
/* LINKS */
a:link,
a:visited{
	color:#666;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
#footer a:link,
#footer a:visited {
	color:#fff;
	padding:0 5px;
	text-decoration:underline;
}
#footer a:hover {
	color:#eee;
	text-decoration:none;
}
#bumn-home a:link, #bumn-home a:visited {
	color:navy;
	text-decoration:underline;
}
#bumn-home a:hover {
	color:red;
	text-decoration:none;
}
/* END LINKS */       
#cont-title {
	position:relative; 
	padding:0; 
	top:0;
	left:0;
	overflow:visible; 
	}
*html #cont-titlex {
	height:35px;
	}
#cont-title .tl { 
	position:absolute;
	float:left; 
	top:0; 
	margin:0;
	}
#cont-title .tr { 
	position:absolute;
	float:right; 
	top:0; 
	}	

#cont-title span { 
	z-index:1;
	margin:0;
	}
div#containerData {
        position:relative;
        margin:0;
        float: left;
	margin:0;
        padding:0;
    }
#containerData .middle {
        float:left;
        margin:0;
	text-align:left;
	padding:0 10px; 
	z-index:-1;
	
	}

.hdtitle {
	position:relative; 
	padding:0;
	top:5px; 
	margin:0;
	left:0;
	text-align:left; 
	overflow:visible;
	line-height:13px; 
	font-size:13px;
	font-weight:bold;
	color:#4D5469;
	}
.hdtitle spanx { 
	vertical-align:middle; 
	line-height:13px; 
	font-size:13px;
	font-weight:bold;
	color:#4D5469;
	margin-left:-30px;
	}	

#cont-subMenu {
    	float:left;
	text-align:center;
	font-size:13px;
	}
.subMenu {
        width:180px;
        background-color:#eee;
	padding:5px;
	text-align:left;
	border:1px solid #ddd;
	border-top:10px solid #ddd;
	font-size:11px;
	margin:0 auto;
	}			
/*---------- Filter-------------*/
#cont-filter {
	position:relative;
    	float:left;
	width:190px;
	padding:0;
	margin:0;
	text-align:center;
	}
*html #cont-filter {
	margin-left:4px;
	}
#cont-filter .hd {
	position:relative; 
	padding:0; 
	margin:0;
	margin-left:7px; 
	margin-right:6px; 
	overflow:visible; 
	}
*html #cont-filter .hd {
	z-index:-1;
	}	
#cont-filter .hd span { 
	vertical-align:middle; 
	line-height:22px; 
	}
#cont-filter .hd .tl { 
	position:absolute;
	float:left; 
	top:0; 
	margin:0;
	border:none;
	}
#cont-filter .hd .tr { 
	position:absolute;
	float:right; 
	top:0; 
	margin:0;
	border:none;
	}
#cont-filter .bd {
	padding:0px;
	margin:0;
	font-weight:normal;
	}
#cont-link{
        float:left;
        width:170px;
	padding:3px 0 3px 18px;
        margin:0 0 12px 0 ;
        border:none;
        height:22px;
	border-bottom:0px solid #ddd;
       	background: #fff url('../images/bg_rshadow.gif') bottom repeat-x; 
        text-align:center;
        vertical-align:middle;
        line-height:22px;
}
*html #cont-link{
	width:188px;
        height:29px;
        margin:0 0 10px 0 ;
}

#cont-filter .filter{
  WIDTH:100%;
  PADDING: 0;
  MARGIN: 0 auto;
  FONT-SIZE: 10px;
  CURSOR: default;
}

#cont-filter .filterbutton{
	float:left;
	text-align:left;
	padding:5px;
}

#cont-filter .filterby{
	float:left;
	text-align:right;
	padding:5px;
	margin-left:5px;
}

#filter-bar{
	float:left;
	font-size:11px;
	width:211px;
	border:0px solid;
	height:20px;
	background-color:green;
}

#module-bar{
	float:right;
	font-size:11px;
	width:740px;
	border:0px solid;
	height:20px;
	background-color:green;
}

/*---------- module-------------*/


.hdtitle {
	position:relative;
	padding:0px; 
	border:none;
	margin:0;
	background:transparent;
	height:40px; 
	text-align:left; 
	overflow:visible; 
	}
.hdtitle span { 
	position:absolute;
	float:left;
	left:0px;
	vertical-align:middle; 
        font-size: 12px;
	line-height:30px; 
	text-align:left; 
	margin:0;
	}	
*html .hdtitle span { 
	margin-left:0px;
	}
h1 {
	padding-left: 10px;
	font-size:14px;
	margin-top:3px;
	margin-bottom:3px;
    	font-family:Arial,Verdana,Hervetica,Tahoma;
}


/*----------- kembali -----------*/
#cont-modulesback{
	float:right;
	width:740px;
	border:0px solid;
	height:20px;
}

#cont-modulesmsg {
	float:right;
	width:740px;
	border:0px solid;
	height:20px;
}

.subtitle{
	font-size:13px;
	font-weight:bold;
	margin-bottom:20px;
	color:#4D5469;
}
.period{
        padding:2px;
	font-size:11px;
	font-weight:normal;
	color:maroon;
	margin:0;
}
.date{
	clear:both;
	font-size:10px;
	color:#BD660A;
	font-weight:normal;
	margin:0;
}
.rsperiod{
        padding:0;
	font-size:10px;
	font-weight:normal;
	color:green;
	margin:0;
	margin-bottom:8px;
}
#containerList{
	width:100%;
	line-height:19px;

}

.desc{
        margin-left:10px;
        float:left;
        width:95%;
	font-size:11px;
	color:#4D5469;
	line-height:19px;
}

.bullet {
   clear:left;
    width: 3%;
    float: left;
    margin-top:3px;
    height:12px;
    background: url('../images/bullet.gif') no-repeat;
   
}
.bullet2 {
    clear:left;
    float: left;
    width: 2.3%;
    margin-top:5px;
    height:12px;
    background: url('../images/arrow.gif') no-repeat;
   
}
.bulletBlank {
    width: 3%;
    float: left;
    height:12px;
    background: transparent;
    border: 0px solid #333233;
}
.optional {
    width: 63%;
    padding-right:10px;
    float: left;
    border: 0px solid #333233;
    line-height:19px;
}

.sumText {
    width: 19%;
    float: left;
    border: 0px solid #333233;
}
.sum {
    width:12%; 
    float: right;
    padding-right:5px;
    text-align:right;
    border: 0px solid #333233;

}

.grandSum {
	height:18px; 
	clear: both; 
	text-align:left;
	margin: 10px 0;
	background:#E4EDED;
	border: 0px solid #333233;
}
.grandSum2 {
   width:5%;
   margin:0;
    text-align:right;
    margin-right:-40px;
    margin-top: -20px;
    border: 1px solid #333233;
}
#showPoll {
	float:right;
	margin:0 20px 10px 0;
	border:0px solid #ddd;
	text-align:center;
	}
#showPoll span {
	margin:0;
	font-size:11px;
	color:#333;
	text-align:left;
	}
/* STYLE untuk navigasi halaman */
/*============================*/
#ctPage{
	float:right;
	padding:0;
	height:15px;
	font-weight:normal;
	border:0px solid #c0c0c0;
	margin:3px 0 0 0;
	font-size:11px;
}

#ctPage .pageDesc{
	float:left;
	/*background:#c0c0c0;*/
	padding:2px 3px 0 3px;
	border:1px solid #c0c0c0;
}
#ctPage .page{
	float:left;
	vertical-align:middle;
	padding:2px 3px 0 3px;
	text-align:center;
	border-right:1px solid #ddd;
}
#ctPage .pageCurrent{
	float:left;
	font-weight:bold;
	vertical-align:middle;
	padding:2px 3px 0 3px;
	text-align:center;
	border-right:1px solid #ddd;
}
#ctPage .pageNav{
	float:left;
	vertical-align:middle;
	width:18px;
	cursor: pointer;
	height:18px;
	padding:0;
	margin:0;
	background:transparent url('../images/down2.gif') no-repeat;
}

#ctPage .pageFL{
	float:left;
	vertical-align:middle;
	padding:2px 3px 0 3px;
	text-align:center;
	border-right:1px solid #ddd;
}
/*END DISPLAY DATA*/