@charset "utf-8";

#beliReksaBar {
background-color : #F8F8F8;
width : 100%;
}
#beliReksaBar .rdLine{
background:#EDEDED;
}
#beliReksaBar .rdLineRdO{
background:#EDEDED;
}
#beliReksaBar .boxWhatsapp{
height:42px;background:#EDEDED url(../images/element/icon-whatsapp.png) no-repeat top 3px left; margin-right:20px;}
#beliReksaBar .boxWhatsapp .noWa{
color:#5d5d5d;font-family:RobotoCondensed, "arial narrow", arial; font-stretch:condensed; font-size:20px; font-weight:bold; padding-left:40px; padding-top:10px;}

#beliReksaBar .titlebar {
border-bottom : 1px solid #ffffff;
padding-top:5px; padding-bottom:5px;
}
#beliReksaBar .titlebar .selector span {
font-size : 11px;
line-height : 14px;
color : #666;
}
#beliReksaBar .carousel {
position : relative;
}
#beliReksaBar ul.slider {
position : absolute;
top : 0;
}
#beliReksaBar .carousel .navBtn {
position : absolute;
height : 80px;
width : 20px;
z-index : 999;
cursor : pointer;
}
#beliReksaBar .carousel .navBtn.prev {
left : 0;
}
#beliReksaBar .carousel .navBtn.next {
right : 0;
}
#beliReksaBar .carousel .navBtn .sprite {
height : 20px;
width : 10px;
opacity : 0.20000000298023223876953125;
margin : 30px 5px;
}
#beliReksaBar .carousel .navBtn:hover .sprite {
opacity : 1;
}
#beliReksaBar .carousel .navBtn.prev .sprite {
background-position : -160px -160px;
}
#beliReksaBar .carousel .navBtn.next .sprite {
background-position : -170px -160px;
}
#beliReksaBar .slideContainer {
position : relative;
display : block;
min-height:105px;
margin : 5px 20px 0px 20px;
overflow : hidden;
}
#beliReksaBar li {
width : 270px;
float : left;
padding : 5px 0;
}
#beliReksaBar li .container.fl {
width : 42px;
}
#beliReksaBar li .container.fr {
width : 190px;
min-height:94px;
border-right : 1px solid #e0e0e0;
margin-right : 5px;
padding-right : 5px;
}
#beliReksaBar li .thumb {
width : 60px;
height : 60px;
border : #ccc solid 1px;
top:0;
    position: absolute;
}
#beliReksaBar li .subTitle {
font-size : 11px;
font-weight : bold;
color : #999;
line-height : 100%;
}
#beliReksaBar li .title {
font-size : 13px;
font-weight : bold;
color : #666;
line-height : 120%;
}
#beliReksaBar li .info {
font-size : 11px;
line-height : 120%;
padding-top : 3px;
font-weight : bold;
color : #888;
}
#beliReksaBar li .info span.down {
color : #7d7d7d;
}
#beliReksaBar li .info span.up {
color : #52b412;
}
#beliReksaBar li .info span img {
height : 14px;
margin-left : 5px;
vertical-align : top;
width : 12px;
}
#beliReksaBar li .info span.down img {
background-position : -40px -146px;
}
#beliReksaBar li .info span.up img {
background-position : 0 -135px;
}
.rollingHeadline.thumb {
width : 675px;
height : 380px;
}
.rollingHeadline li {
position : relative;
}
.rollingHeadline #tombolPlayPause {
display : none;
}
.rollingHeadline #tombolPrev, .rollingHeadline #tombolNext {
display : block;
position : absolute;
z-index : 9999;
width : 20px;
height : 30px;
top : 45%;
background : url('../images/element/element.png?v=1.3') no-repeat;
opacity : 0.5;
}
.rollingHeadline #tombolPrev:hover, .rollingHeadline #tombolNext:hover {
opacity : 1;
}
.rollingHeadline #tombolPrev {
background-position : -120px -160px;
left : 10px;
}
.rollingHeadline #tombolNext {
background-position : -140px -160px;
right : 10px;
}
.rollingHeadline #slideList {
position : absolute;
z-index : 99999;
bottom : 10px;
right : 10px;
}
.rollingHeadline #slideList li {
float : left;
margin-left : 6px;
}
.rollingHeadline #slideList li a {
display : block;
height : 0;
overflow : hidden;
width : 6px;
padding-top : 6px;
background-color : #fff;
}
.rollingHeadline #slideList li.tampil a {
background-color : #c9d64a;
}
.rollingHeadline li .caption {
position : absolute;
padding : 0 15px;
width:650px;
height : 60px;
padding-top : 5px;
margin-top : 315px;
background:rgba(0,0,0,.5);
}
.rollingHeadline li .caption a {
display : block;
color : #fff;
font-weight : bold;
font-size : 24px;
line-height : 26px;
}
.rollingHeadline li .caption a:hover {
color : #c6d43d;
}
.rollingHeadline .caption .upperdeck {
color : #fff;
font-size:14px;
}
.rollingHeadline li img {
position : absolute;
top : 0;
left : 0;
}
#rdEvaluator {
background-color : #f6f6f6;
box-shadow : 1px 1px 2px rgba(0, 0, 0, 0.1);
}
#rdEvaluator .titlebar {
border-bottom : 1px solid #52b412;
margin-bottom : 10px;
}
#rdEvaluator .titlebar .title {
line-height : 32px;
font-size : 26px;
}
#rdEvaluator .titlebar .icon {
background-position : 0 -280px;
width : 61px;
height : 40px;
position : absolute;
bottom : 0;
right : 0;
}
#rdEvaluator .container {
color : #777;
line-height : 120%;
}
#rdEvaluator form {
font-size : 18px;
}
#rdEvaluator form label {
font-size : 15px;
line-height : 24px;
}
#rdEvaluator .form_row {
border-bottom : 1px solid #ccc;
margin-bottom : 20px;
padding-bottom : 20px;
}
#rdEvaluator .form_row .title {
margin-bottom : 10px;
}
#rdEvaluator #bareksaRating li {
padding : 5px 0;
}
#rdEvaluator #bareksaRating input[type="radio"] {
float : left;
margin-right : 10px;
}
#rdEvaluator #bareksaRating label {
float : left;
display : block;
background-position : -80px -310px;
height : 10px;
}
#rdEvaluator #bareksaRating label.rating1 {
width : 12px;
}
#rdEvaluator #bareksaRating label.rating2 {
width : 24px;
}
#rdEvaluator #bareksaRating label.rating3 {
width : 36px;
}
#rdEvaluator #bareksaRating label.rating4 {
width : 48px;
}
#rdEvaluator #bareksaRating label.rating5 {
width : 60px;
}
#rdEvaluator select.slideRadioForm {
display : none;
}
#photoShow .thumb .overlayShade {
opacity : 0.60000002384185791015625;
}
#photoShow .thumb .caption {
position : absolute;
font-size : 16px;
bottom : 0;
left : 0;
width : 100%;
z-index : 999999;
}
#photoShow .thumb .caption a {
display : block;
padding : 5px 10px;
color : #fff;
font-weight : bold;
}
#fundLC {
height : 500px;
background : url(../images/element/fundBG.jpg) center top no-repeat;
position : relative;
}
.TitleFundLC {
width:232px;
height:36px;
overflow:hidden;
position:relative;
top:14px;
left:467px;
display:block;
}
#fundLC li {
background : url(../images/element/colorBG.png) -500px 0 repeat-y;
color : #fff;
font-size : 18px;
position : absolute;
cursor : pointer;
padding : 4px 10px;
border-left : 3px solid #323232;
box-shadow : 1px 1px 3px #ababab;
transition : background-position 0.5s;
}
#fundLC li:hover {
background-position : 0 0;
}
#fundLC li .hoverfundLC {
display : none;
}
#fundLC li:hover .hoverfundLC {
display : block;
position : absolute;
width : 250px;
background : #fff;
border : #ccc solid 1px;
padding : 5px;
color : #666;
border-radius : 3px;
box-shadow : 1px 1px 3px #ababab;
z-index : 9999;
}
.hoverfundLC .titleLC {
font-size : 14px;
text-align : center;
display : block;
border-bottom : 1px solid #ff4300;
padding : 0 0 4px;
margin : 0 0 4px;
}
.hoverfundLC .contentLC {
font : normal normal 12px arial;
display : block;
overflow : hidden;
padding:10px;
}
#galeri-home {
width : 330px;
overflow : hidden;
background : #ececec;
}
#galeri-home #slider-galeri-home {
height : 186px;
overflow : hidden;
margin : 0 0 1px;
padding : 0;
border-bottom : 1px solid #fff;
}
#galeri-home #carousel-galeri-home {
height : 60px;
overflow : hidden;
margin : 0;
padding : 0;
}
#galeri-home #slider-galeri-home ul li span {
position : absolute;
bottom : 0;
background : url(../images/element/transparent.png) 0 0 repeat;
color : #fff;
width : 322px;
padding : 4px;
height : 45px;
}
#carousel-galeri-home ul li {
border-right : 1px solid #fff;
}
#galeri-home .flex-container a:active, #galeri-home .flexslider a:active, #galeri-home .flex-container a:focus, #galeri-home .flexslider a:focus {
outline : 0;
}
#galeri-home .slides, #galeri-home .flex-control-nav, #galeri-home .flex-direction-nav {
margin : 0;
padding : 0;
list-style : none;
}
#galeri-home .flexslider {
margin : 0;
padding : 0;
}
#galeri-home .flexslider .slides > li {
display : none;
}
#galeri-home .flexslider .slides img {
width : 100%;
display : block;
cursor : pointer;
}
#galeri-home .flex-pauseplay span {
text-transform : capitalize;
}
#galeri-home .slides:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
html[xmlns] .slides {
display : block;
}
* html .slides {
height : 1%;
}
#galeri-home .no-js .slides > li:first-child {
display : block;
}
#galeri-home .flexslider {
margin : 0;
position : relative;
}
#galeri-home .flex-viewport {
max-height : 2000px;
transition : all 1s ease;
}
#galeri-home .flex-container {
position : relative;
}
#galeri-home .flex-direction-nav a {
width : 18px;
height : 27px;
margin : -10px 0 0;
display : block;
background : url(../images/element/bg_direction_nav.png) 0 0 no-repeat;
position : absolute;
top : 50%;
cursor : pointer;
text-indent : -9999px;
opacity : 0;
}
#galeri-home .flex-direction-nav .flex-next {
background-position : 0 -27px;
margin-right:7px;
right : -18px;
}
#galeri-home .flex-direction-nav .flex-prev {
left : -18px;
margin-left:7px;
}
#galeri-home .flexslider:hover .flex-next {
opacity : 1;
right : 0;
}
#galeri-home .flexslider:hover .flex-prev {
opacity : 1;
left : 0;
}
#galeri-home .flex-direction-nav .flex-disabled, #galeri-home .flex-direction-nav .disabled {
opacity : 0.300000011920928955078125 !important ;
cursor : default;
}
#galeri-home .flex-control-nav {
width : 100%;
position : absolute;
bottom : -30px;
text-align : center;
}
#galeri-home .flex-control-nav li:first-child {
margin : 0;
}
#galeri-home .flex-control-paging li a {
width : 11px;
height : 11px;
display : block;
background : #dedede;
cursor : pointer;
text-indent : -9999px;
border-radius : 20px;
}
#galeri-home .flex-control-paging li a:hover {
background : #a4a4a4;
}
#galeri-home .flex-control-paging li a.flex-active {
background : #ff5454;
cursor : default;
}
#galeri-home .flex-control-thumbs {
margin : 0;
padding : 0;
position : static;
overflow : hidden;
}
#galeri-home .flex-control-thumbs li {
width : 25%;
float : left;
margin : 0;
}
#galeri-home .flex-control-thumbs img {
width : 100%;
display : block;
opacity : 0.699999988079071044921875;
cursor : pointer;
}
#galeri-home .flex-control-thumbs img:hover {
opacity : 1;
}
#galeri-home .flex-control-thumbs .flex-active {
opacity : 1;
cursor : default;
}
span.akalakalan{
width: 74px;
height: 30px;
background: #fff;
display: block;
position: absolute;
left: 919px;
margin-top: 60px;
}
#homeSocmed {
padding-top:10px;
}
#RangkumMedia{border:2px solid #52b412; background-color:#F1EDE4;}
#RangkumMedia > .titlebar{ border-bottom:1px solid #52b412; background-color:#52b412;}
#RangkumMedia > .titlebar .title .star2{width:17px;height:18px;background:url(../images/element/star2.png) right no-repeat; display:block; position:absolute; top:5px; right:80px;  }

#RangkumMedia > .titlebar .title{ color:#FFFFFF!important; text-align:center; text-shadow: 2px 2px 2px #52b412; margin:0 auto; text-align:center; }
#RangkumMedia > .iconbar{width:14px;height:7px;background:url(../images/element/iconbar.png) no-repeat;margin:0 auto;}

#RangkumMedia .RangkumFlow{overflow:auto;height:290px; }
#RangkumMedia .RangkumFlow ul{margin-top:2px;}
#RangkumMedia .RangkumFlow ul > li{padding:11px 0px; font-size:16px; color:#96938C; display:block; text-align:left; border-bottom:1px dashed #99958C; margin:0px 10px; font-size:11px; text-align:center; cursor:pointer;}
#RangkumMedia .RangkumFlow ul > li:hover{}

#RangkumMedia .RangkumFlow ul li .title{ margin-top:2px;font-family:RobotoCondensed, "arial narrow", arial; font-stretch:condensed;font-size:16px; font-style:normal; line-height:18px;}

#RangkumMedia .RangkumFlow ul li .title a{color:#3B3630!important;}