body{
	background-color:#fff;
	font-family:   Arial,  Geneva, Helvetica, sans-serif, Tahoma, Verdana,;
	color:navy;
	font-size:11px;
}
        div#header {
            color: #505D47;
            padding:0;
            margin:0;
            margin-bottom:5px;
	    border:0px solid #B8C4C9;
	    width:960px;
        }
*html div#header {
	margin-bottom:6px;
	}
        div#header .left{
            float:left;
            padding:0;
            margin:0;
	    background:transparent url('../images/bg_header.gif') repeat-x;            
            height:80px;
            width:14px;
	    }            
        div#header .center{
            float:left;
            padding:0;
	    background:transparent url('../images/bg_header.gif') repeat-x;            
            margin:0;
            width:932px;
            height:80px;
	    }            
        div#header .right{
            padding:0;
            margin:0;
            float:left;
	    background:transparent url('../images/bg_header.gif') repeat-x;            
            height:80px;
            width:14px;
	    }            
        
       #header .logo {
            float: left;
            height: 50px;
            margin: 0;
            padding: 5px 20px;
            text-align: left;
        }
*html  #header .logo {
            padding-bottom: 5px;
        }
.lang {
	position:relative;
	float:right;
	text-align:right;
	height:25px;
	top:-20px;
	z-index:1;
	color:#FFF;
	font-size:10px;
	padding:0;
	margin:0;
	height:20px;
	right:5px;
	font-family: Verdana, Tahoma,Arial, Helvetica, San-serif;
	width:200px;
	line-height:10px;
	border:0px solid;
	}
*html .lang {
	top:-22px;
	right:-10px;
	}	
#idLangOff,#enLangOff {
	color:#576F85;
	}	
    .lang a,
    .lang a:link,
    .lang a:active,
    .lang a:visited {
        color: navy;
        text-decoration:underline
    }
    .lang a:hover {
        color: navy;
        text-decoration:none
    }        
	div#bumn{
        float:left;
        text-align:left;
        line-height:3em;
        font-size:2em;
	font-weight:bold;
        border:0px solid;
        color:#505D47;
        }
        #header .search {
            float: right;
            width: 25%;
            margin: 0 0px 5px 0;
            padding: 5px 0px 0 0;
            text-align: right;
            color:#fff;
        }    	              
	div#bumn{
        float:left;
        text-align:left;
        line-height:3em;
        font-size:2em;
        border:0px solid;
        }
	div#bumn a,
    	div#bumn a:link,
    	div#bumn a:active,
    	div#bumn a:visited 
    	div#bumn a:hover{
        color: #505D47;
        text-decoration:none;
    	}

        div#bumn-home{
        float:left;
        width:948px;
        padding:2px 2px 2px 10px;
	margin:0 auto 2px auto;
        text-align:left;
        line-height:2em;
        font-weight:bold;
        font-size:1em;
        border:0px solid;
        }
        div#footer {
            height:36px;
	    background: url('../images/bg_footer.gif') bottom repeat-x;            
	    border:1px solid #B8C4C9;
        }
        div#footer .copyright{
            width:960px;
            color: #DDD;
            vertical-align:middle;
            padding-top:2px;
            margin-bottom:0px;
            text-align:center;
            border:0px solid;
        }
        div#footer .navlink{
            width:960px;
            color: #777D72;
            vertical-align:middle;
            padding-top:7px;
            margin-bottom:0px;
            text-align:center;
            border:0px solid;
        }
/* NAV */
#nav {
      	margin:0px;
      	margin-bottom:5px;
      	z-index:1;
	top:-5px;
}
*html #nav {
	margin:0;
	top:-6px;
	left:5px;
}

#nav .menuTop { 
	position:relative;
	padding:0; 
	margin:0;
	margin-left:7px;
	margin-right:7px;
        background-image:url('../images/bar_bg.gif');
	height:21px; 
	text-align:center;
	vertical-align:middle;
	border:none;
	line-height:18px;
	border-top:1px solid #B8C4C9;
	width:176px;
	overflow:visible; 
	}
*html #nav .menuTop { 
	height:22px;
	}
	/* BACKGROUND LEFT NAVIGATION HEADER*/
#nav .menuTop .tl { 
	position:absolute;
	float:left; 
	width:7px; 
	margin:0;
	height:21px; 
	top:-1px; 
	left:-7px; 
	border:none;
	border-top:1px solid #B8C4C9;
	border-left:1px solid #B8C4C9;
        background-image:url('../images/bar_bg.gif');
	}

*html #nav .menuTop .tl{ 
	height:22px;
	}
/*END*/	
/* BACKGROUND RIGHT NAVIGATION HEADER*/
#nav .menuTop .tr { 
	position:absolute;
	float:right; 
	width:7px; 
	height:21px; 
	top:-1px; 
	right:-7px; 
	border:none;
	border-top:1px solid #B8C4C9;
	border-right:1px solid #B8C4C9;
        background-image:url('../images/bar_bg.gif');
	}
*html #nav .menuTop .tr { 
	height:22px;
	}
/*END*/	
#nav .menu { 
	position:relative;
	border:none;
	padding:0; 
	margin:0;
	margin-right:7px;
	background-color:#576F85;
	height:22px; 
	color:#fff;
	border-bottom:1px solid #ddd;
	line-height: 1.2em;
	overflow:visible;
	}
#nav .menu .tl { 
	position:absolute;
	float:left; 
	width:7px; 
	padding:0;
	margin:0;
	height:22px; 
	top:0; 
	left:-7px; 
	border-bottom:1px solid #eee;
	background-color:#576F85;
	}

#nav .menu .tr{ 
	position:absolute;
	float:right; 
	width:7px; 
	height:22px; 
	top:0; 
	right:-7px; 
	border:none;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#576F85;
	}	
.menulist li {
 border : 1px solid #576F85;/*03A1C4;*/
}
/*#nav .menu{border:0px solid transparent;}
#nav .menu .tl,
#nav .menu .tr{border-bottom:0px solid transparent;}
*/

    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: #FFF;
    }
    div#nav a:hover {
        color:#eee;
    }    
    div#nav .menu-child a,
    div#nav .menu-child a:link,
    div#nav .menu-child a:active,
    div#nav .menu-child a:visited {
        color:#092E62;
        background: #BBD4E0;
    }
    div#nav .menu-child a:hover {
        color: #eee;
	background:#576F85;
    }    
 /* END NAV */

#msg {
	background-color:transparent;
	}  
#msg .crdate {
	color:red;
	font-size:10px;
	padding:3px 0 0 10px;
	}
#msg .welcome {
	color:#666;
	padding:3px 10px 2px 0;
	font-size:11px 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.bar { 
	padding:0; 
	border:1px solid #eee;
	background:#D5EBF3;
	margin-bottom:10px;
	padding-left:5px;
	border-left:10px solid #BCD2D9; 
	border-right:10px solid #BCD2D9; 
	height:20px; 
	text-align:left;
	font-weight:bold;
	line-height:20px; 
	}       
/*FIELDSET*/
fieldset{
	padding: 4px;
	line-height:120%;
	round;
        border:1px solid #ddd;	
        text-align:justify;
        color: #435338;
        font-size:11px;
        margin-top:7px;
	}
legend {
	font-weight:bold;
	font-style:italic;
	color: #798670;
	}

/*END FIELDSET*/	
/*MODULE*/

#news-bar {
        margin:0 auto;
	height:27px;
	padding:0;
	border:0px solid;
	background:#BAEAF4;
	width:100%
}
h3.title{
  margin:0px 0 0 10px;
  padding-top:2px;
  vertical-align:middle;
  font-weight:bold;
  color:#0D6072;
  font-size:15px;
}
#news-bar .on {
        float:left;
	background:#BAEAF4;
        width:50%;
        color:#5F5F5F;
        font-weight: bold;
        height:27px;
        line-height:26px;
        text-align:center;
	border-bottom:1px solid #B8C4C9;
}

#news-bar .off {
        float:left;
	background: url('../images/bg_box1.gif') repeat-x;
        width:49.75%;
        height:27px;
        color:#3E6B8F;
        line-height:26px;
        text-align:center;
	border-left:1px solid #B8C4C9;
	border-bottom:1px solid #B8C4C9;
}
.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{
	font-size:11px;
	padding:0 2px;
	margin-top:5px;
	font-weight:normal;
	color:orange;
	}
.owner2{
 	float:left;       
	width:auto;
	font-size:10px;
	padding:0 2px;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:normal;
	color:orange;
	}	

.owner3{
	clear:both;
	font-size:10px;
	padding:0 2px;
	margin:-5px 0 10px 5px;
	color:orange;
	font-weight:normal;
	}	
/*------------------------new-bar------------------------*/
.titleData{
  vertical-align:middle;
  font-weight:bold;
  font-family:Arial,San-serif,Helvetica;
  color:#6A7761;
  font-size:11px;
  border:0px solid;
}
/*-----------------------------------*/

#news-datafront {
	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;
	margin:0;
}

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

#news-datafront .newsdate {
        float:left;
	font-size:10px;
	color:#BD660A;
	margin-top:2px;
	margin-bottom:0px;
	font-family:Verdana, Tahoma, Geneva, Arial;
}
#news-datafront .newscategory {
	text-align:center;
	width:40px;
	float:right;
	padding-left:2px;
	padding-right:2px;
	border-right:solid 5px #fff;
	border-left:solid 5px  #fff;
	border-bottom:solid 5px #DBE8EC;
	color:#5A6E75;
	font-size:10px;
	margin-top:0px;
	margin-bottom:0px;

}

#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 : #FFF ;
	border:1px solid #C5CDBF;
        word-spacing : .03em;
}
#cont-module .bar {
	background: #BAEAF4;
	height:27px;
	border:0px solid #060;
}
#contentNews {
	background: #fff;
	margin:4px;
	padding: 4px;
	border:0px solid #060;
}
#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;
}
.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: #BAEAF4;
	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;
  PADDING:0;
  MARGIN:0;
  MARGIN-BOTTOM: 5px;
  FONT-SIZE: 12px;
  FONT-FAMILY: verdana, tahoma, arial;
  LINE-HEIGHT:24px;
}
.DragBox .hd { 
	padding:0px; 
	border:1px solid #BECFD4;
	margin:0;
	background:transparent url('../images/bar_bg.gif'); 
	height:20px; 
	text-align:left; 
	overflow:visible; 
	}
.DragBox .hd span { 
	vertical-align:middle; 
        font-size: 11px;
	line-height:19px; 
	text-align:left; 
	margin-left:10px; 
	font-weight:bold;
	}
.DragBox .hd .on {
        float:left;
	width:50%;
        height:20px;
        color:#9B5C02;
	background:#DBE4E7;
	margin:0;
	padding:0;
        font-weight: bold;
        text-align:center;
}
*html .DragBox .hd .on {
	width:49.55%;
}
.DragBox .hd .off {
	width:50%;
        float:left;
	margin:0;
	padding:0;
        height:20px;
	background:transparent;
        font-weight: normal;
        text-align:center;
  	border:solid 0px #AAAAA9;
}
    .off a,
    .off a:link,
    .off a:active,
    .off a:visited {
        color: navy;
        text-decoration:underline;
    }
    .off a:hover {
        color:navy;
        text-decoration:none;
    }    				
.DragBox .hd .close { 
	position:absolute; 
	float:right;
	right:-2px;
	width:20px; 
	height:20px; 
	top:5px; 
	cursor:default;
	cursor:pointer;
	background:transparent url(../images/x_blue.gif) no-repeat;
	}
.DragBox .hd .min { 
	position:absolute; 
	float:right;
	right:16px;
	width:20px; 
	height:20px; 
	top:5px; 
	cursor:default;
	cursor:pointer;
	background:transparent url(../images/min_blue.gif) no-repeat;
	}
.DragBox .hd .max { 
	position:absolute;
	float:right;
	right:16px;
	width:20px; 
	height:20px; 
	top:5px; 
	cursor:default;
	cursor:pointer;
	background:transparent url(../images/max_blue.gif) no-repeat;
	}
.DragBox .bd {
	
	text-align:left;
	padding:4px; 
	border:1px solid #BECFD4; 
	border-top:none;

	background-color:#fff;
	CURSOR: default 
	}
.DragBox .ft {
	cursor: default;
	height:5px; 
	overflow:hidden; 
	border:1px solid #BECFD4; 
	border-top:none; 
	background-color:#DBE8EC; 
	}

.Module {
  WIDTH:100%;
  PADDING: 0px;
  MARGIN: 0px;
  FONT-SIZE: 11px;
  CURSOR: default;
  FONT-FAMILY: verdana, tahoma, arial;
  LINE-HEIGHT:normal;
}
.containerData{
  padding:5px;
  background-color:#fff;
  font-size:11px;
}
.borderContainer{
  border:solid 0px #DAE5E8;
  background-color:#fff;
  padding:5px;
  font-size:11px;
}
.contentModule{
  border:solid 0px #DAE5E8;
  padding:3px;
  background-color:#fff;
  font-size:11px;
  }
.option{
	background: transparant;
        float:right;
        margin-top:-18px;
        margin-right:2px;
        padding:0px;
        width:34px;
        height:12px;
}

.MinBox {
position:absolute;
  float:right;
  width:15px;
  height:12px;
  margin-top:0px;
  margin-right:0px;
  CURSOR: default;
  BACKGROUND:  url('../images/min.gif') no-repeat;
  CURSOR: pointer;
  border :0px solid;
}
.MaxBox {
  position:absolute;
  float:right;
  width:15px;
  height:12px;
  margin-top:0px;
  margin-right:0px;
  CURSOR: default;
  BACKGROUND:  url('../images/max.gif') no-repeat;
  CURSOR: pointer;
  border :0px solid;
}
.CloseBox {
  float:right;
  width:17px;
  height:12px;
  margin-top:0px;
  CURSOR: default;
  BACKGROUND:  url('../images/close.gif') no-repeat;
  CURSOR: pointer;
  border :0px solid;
}


.ibutton {
  color:#3B4C2E;
  background: #FFF url("../images/bar_bg.gif") top repeat-x;
  border:solid 1px #9CA1A2;
  font-size:10px;
  margin: 5px 0 0 0;
  padding:0 2px 0 2px;
  vertical-align:middle;
  cursor:hand;
}
.ibutton2 {
  color:#3B4C2E;
  background-color:#F6F9FA;
  border:solid 1px #9CA1A2;
  font-size:10px;
  margin:0;
  vertical-align:middle;
  cursor:hand;
}
.ibutton:hover,ibutton2 :hover {
  background: #FFF url("../images/bar_bg_hov.gif") bottom repeat-x;
  border:solid 1px #ACABAB;
	}

#news-bar {
        margin:0 auto;
	height:27px;
	padding:0;
	vertical-align:middle;
	border:1px solid #B8C4C9;
	border-top:none;
	background: transparent url('../images/bar_bg.gif') top repeat-x;	
}
h3.title{
  margin:2px 0 0 10px;
  vertical-align:middle;
  font-weight:bold;
  color:#6A7761;;
  font-size:15px;
}

.list-all a:link,
.list-all a:actived,
.list-all a:visited {
	color:#6A6A6B;
        text-decoration:underline;
}
.list-all a:hover{
	color:red;
        text-decoration:none;
}
.center {
	text-align:center;
}



/*END MODULE*/    
/* LINKS */
	a,
	a:link 
	a:active,
	a:visited {
		color: #3D5A63;
		text-decoration: underline;
	}
	a:hover {
        color: #000;
	text-decoration: none;
	}
#footer a:link,
#footer a:visited {
	color:#FFF;
	text-decoration:underline;
}
#footer a:hover {
	color:orange;
        padding-bottom:1px;
	text-decoration:none;
}
#bumn-home a:link {
	color:#4D5469;
	text-decoration:underline;
}
#bumn-home a:visited {
	color:#4D5469;
	text-decoration:underline;
}
#bumn-home a:hover {
	color:red;
	text-decoration:none;
}
/* END LINKS */ 
/*DISPLAY DATA - id=containerVIew*/
#cont-title {
	position:relative; 
	padding:0; 
	margin:0 30px 0 30px;
	top:-4px;
	left:0;
	background: transparent url('../images/bg_header.gif') repeat-x; 
	height:36px;
	border-bottom:1px solid #ddd;
	text-align:center; 
	overflow:visible; 
	}
#cont-title .tl { 
	position:absolute;
	float:left; 
	width:10px; 
	height:36px; 
	top:0; 
	left:-10px; 
	margin:0;
	border:1px solid #ddd;
	border-right:none;
	border-top:none;
	background: transparent url('../images/bg_header.gif') repeat-x; 
	}
#cont-title .tr { 
	position:absolute;
	float:right; 
	width:10px; 
	height:36px; 
	border:1px solid #ddd;
	border-left:none;
	border-top:none;
	top:0; 
	right:-10px; 
	background: transparent url('../images/bg_header.gif') repeat-x; 
	}	

#cont-title span { 
        line-height:34px;
	z-index:1;
	margin:0;
        font-size:1.4em;
        font-family:Arial,Helvetica,Verdana;
        font-weight:bold;	     
	text-align:center; 
	}
#cont-subMenu {
	padding:0;
	text-align:center;
	}
.subMenu {
        width:180px;
        background-color:#eee;
	padding:5px;
	text-align:left;
	border-top:10px solid #ddd;
	border-bottom:10px solid #ddd;
	font-size:11px;
	margin:0 auto;
	}		

/*---------- Filter-------------*/

#cont-filter {
	position:relative;
	width:190px;
	padding:0;
	text-align:center;
	font-size:13px;
	margin:0;
}
#cont-filter .hd {
	position:relative; 
	padding:0;
	padding-top:3px; 
	border:none;
	margin:0;
	background:transparent url('../images/bar_bg.gif');
	height:22px; 
	text-align:center; 
	border:1px solid #ddd;
	}
*html #cont-filter .hd {
	z-index:-1;
	}	

#cont-filter .hd span { 
	vertical-align:middle; 
        font-size: 11px;
	line-height:22px; 
	text-align:left;
	font-weight:bold; 
	}
#cont-filter .bd {
	padding:0px;
	margin:0;
	font-weight:normal;
	background: transparent url('../images/bg_shadow3.gif') top repeat-x;	
	font-size:11px;	
	border:1px solid #ddd;
	border-top:none;
	min-height:135px;
	
	}
*html #cont-filter .bd {
	width:190px;
	height:135px;
	}
#cont-link{
        float:left;
        width:170px;
	padding:3px 0 3px 18px;
        margin:0 0 12px 0 ;
        border:none;
        height:22px;
	border-bottom:1px solid #ddd;
       	background-color: #F4FAFC; 
        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:navy;
}

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

/*---------- module-------------*/
     div#containerData {
        position:relative;
        margin:0;
        float: left;
	margin:0;
        padding:0;
	background: transparent url('../images/bg_shadow.gif') top repeat-x;	
        text-align:left;
    }
#containerData .bot {
        position:absolute;
	cursor: default;
	height:5px; 
	margin:0 7px; 
	overflow:hidden; 
	border:none; 
	bottom:-5px;
	border-bottom:1px solid #BECFD4; 
	background-color:#DBE8EC; 
	}
*html #containerData .bot {
	position:relative;
	top:-5px;
	}	
#containerData .btl { 
	position:absolute;
	float:left; 
	width:7px; 
	height:5px; 
	bottom:-5px;
	left:0;
	border-bottom:1px solid #BECFD4; 
	border-left:1px solid #BECFD4; 
	background-color:#DBE8EC; 
	}
*html #containerData .btl {
	position:static;
	font-size:1px;
	}	
#containerData .btr { 
	position:absolute;
	float:right; 
	width:7px; 
	height:5px; 
	bottom:-5px;
	right:-2px; 
	border-bottom:1px solid #BECFD4; 
	border-right:1px solid #BECFD4; 
	background-color:#DBE8EC; 
	}	
*html #containerData .btr {
	bottom:5px;
	font-size:1px;
	right:1px;
	}	
#containerData .middle {
        float:left;
        margin:0;
	text-align:left;
	padding:0 10px; 
	z-index:-1;
	border:1px solid #BECFD4;
	}
#cont-modulesView{
	text-align:justify;
	 margin:0;	
	padding:10px;
	border-left:1px solid #ddd;
}	

h1 {
	padding-left: 10px;
	font-size:14px;
	margin-top:3px;
	margin-bottom:3px;
    	font-family:Arial,Verdana,Hervetica,Tahoma;
}

h2 {
	padding-left: 10px;
	font-size:10px;
	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{
	font-size:10px;
	font-family:Tahoma, Helvetica,Verdana;
	font-weight:normal;
	color:navy;
	background:#eee;
	border:1px solid #ddd;
	margin:0;
}
.date{
	clear:both;
	font-size:10px;
	color:#BD660A;
	font-weight:normal;
	margin:0;
	background-color:#fafafa;
}

.rsperiod{
        padding:0;
	font-size:11px;
	font-weight:normal;
	color:#077CA0;
	margin:0;
	border:0px solid;
	margin-bottom:8px;
}
#containerList{
	width:100%;
	line-height:19px;

}
#lsn{
	list-style:none;
	clear:both;
}
#lisn, li {
	margin-top:10px;
}

.linedot {
	border-bottom:1px dashed #ddd;
	margin:10px 0;
}
.hightlight{
	font-size:11px;
	color:red;
	margin:1px;
	}

.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;
	font-weight:bold;
	border: 0px solid #333233;
}
.grandSum2 {
   width:5%;
   margin:0;
    text-align:right;
    margin-right:-40px;
    margin-top: -20px;
    border: 1px solid #333233;
}
/* STYLE untuk navigasi halaman */
#ctPage{
	float:right;
	padding:0;
	height:15px;
	font-weight:normal;
	border:0px solid #c0c0c0;
}

#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*/
/*start style for new window*/
#window
{
	display: none;
	position: absolute;
	left: 200px;
	top: 100px;
	width: 400px;
	height: 300px;
	overflow: hidden;
	z-index:4;
	
}
#windowTop
{
	height: 30px;
	overflow: 30px;
	background-image: url(../images/window_top_end_gentle_blue.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	cursor: move;
}
#windowTopContent
{
	margin-right: 13px;
	background-image:url(../images/window_top_start_gentle_blue.png);
	background-position:left top;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align:left;
	color: #0D6072;
}
#windowMin
{
	position: absolute;
	right: 27px;
	top: 10px;
	width:15px;
	height:12px;
	cursor: pointer;
	background-image:url('../images/min.gif');
}
#windowMax
{
	position: absolute;
	right: 27px;
	top: 10px;
	width:15px;
	height:12px;
	cursor: pointer;
	background-image:url('../images/max.gif');
	display: none;
}
#windowClose
{
	position: absolute;
	right: 10px;
	top: 10px;
	width:15px;
	height:12px;
	cursor: pointer;
	background-image:url('../images/close.gif');
}
#windowBottom
{
	position: relative;
	height: 270px;
	background-image: url(../images/window_bottom_end_gentle_blue.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#windowBottomContent
{
	position: relative;
	height: 270px;
	background-image: url(../images/window_bottom_start_gentle_blue.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
}
#windowResize
{
	position: absolute;
	right: 3px;
	bottom: 5px;
	cursor: se-resize;
}
#windowContent
{
	position:absolute;
	top: 30px;
	left: 10px;
	width: auto;
	height: auto;
	overflow: auto;
	margin-right: 10px;
	border: 1px solid #9AA5AB;
	height: 255px;
	width: 375px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
}
#windowContent *
{
	margin: 10px;
}
.transferer2
{
	border: 1px solid #666;
	background-color: #C5D4D8;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}
/*end new window*/
/*form*/
input.searchButton2 {
	color:#505D47;
	}