#result-search .scrollbox{
    width: 300px;
    height: 240px;
}

.ip_descr p {
    min-width: 130px !important;
}

.ip_tooltip .ip_descr{
   padding: 0 !important;
   font-size: 12px !important;
}


.ip_img32 .roundBgWIn{
    height: 16px !important;
    width: 16px !important;
    left: 5px !important;
    top: 5px !important;
}

.ip_img32 .roundBgW {
    height: 26px !important;
    width: 26px !important;
    left: 4px !important;
    top: 4px !important;
}

.ip_img32 .roundBgWInner {
    height: 26px !important;
    width: 26px !important;
    left: 3px !important;
    top: 3px !important;
}


/* ------------------------- Mobile Banner --------------------------------*/

#sb-slider_145_wrapper, #sb-slider_145{
   max-width: 100% !important;
}







/* ------------------------- Web css standard style --------------------------------*/

/* this css must be included in all web css. this css file is tight with ckeditor */

.cke_contents {
	padding: 5px !important;
}

html,html body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Helvetica !important;
	font-size: 14px !important;
	height: 100%;
	color: #333;
	background: transparent;
}

html p{
	margin: 3px 0 13px;
	line-height: 1.5em;
}

body ul, body ol{
	margin: 5px 0 5px 30px;
}

a{
	color:#0034FF !important;
	text-decoration: none;
	cursor: pointer;
}

img{
	vertical-align: middle;
	max-width: 100%; /* fixed img out of box */
}

/* ----------- error and info box css ------------*/
.info_box,.error_box{
	margin: 5px 0 10px;
}

.info_box ul,.error_box ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.info_box div,.error_box div{
	padding: 10px 10px 10px 40px;
	margin: 3px 0;
	font-style: italic;
	border: 1px solid;
	background: 10px center no-repeat ;
}

.info_box div{
	background-color: #D8E8EF;
	background-image: url('../images/info_box.png');
	border-color: #99CBDF;
	color: #1D7D9F;
}

.error_box div{
	background-color: #EFA9A4;
	background-image: url('../images/error_box.png');
	border-color: #DF6F74;
	color: #9F261D;
}

.info_box a,.error_box a{
	text-decoration: underline;
}

.save_box {
	padding: 10px;
	background-color: #ddd;
	position: fixed;
	top: 0;
	margin:0;
	width:100%;
	text-align: center;
}

/* --------- end error and info box css ----------*/

/* ---------------- datatable ----------------------------------*/


.loading {
	background-image: url('../images/admin/loading.gif');
	background-repeat:no-repeat;
	background-position: center;
	min-height:30px;
	padding:5px;
}

.dataTables_wrapper {
	position: relative;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_wrapper{
	border: 1px solid #d9d3bd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 10px;
	padding-bottom: 20px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


.dataTables_filter{
	text-align: right;
	background: #e7e1ce;
	padding: 5px 10px;
	border-bottom: 1px solid #d9d3bd;
	font-size: 11px;
	color: #777;
}

.dataTables_length{
	float: left;
	margin: 5px 10px;
	font-size: 11px;
	color: #777;
}

.dataTables_info{
	float: right;
	margin: 10px 10px;
	font-size: 11px;
	color: #777;
}

.dataTables_paginate{
	background: #e7e1ce;
	border-top: 1px solid #d9d3bd;
	padding: 5px 0;
	width: 100%;
	height: 2.8em;
	display: block;
}

.dataTables_paginate .paginate_button,.dataTables_paginate .paginate_active{
	float: left;
	display: block;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #ece1bd url('../images/downlight_bg.png') left top repeat-x;
	font-size: 11px;
	color: #777;
	margin-right: -1px;
	cursor: pointer;
}

.dataTables_paginate .paginate_active{
	background-color: #fff;
	font-weight: bold;
	color: #666;
}

.dataTables_paginate .paginate_button:hover{
	background-color: #fff;
	color: #666;
}

.dataTables_paginate .paginate_button.first{
	margin-left: 7px;
	-webkit-border-bottom-left-radius: 3px;
	-khtml-border-radius-bottomleft: 3px;	
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-radius-topleft: 3px;	
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}

.dataTables_paginate .paginate_button.last{
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-radius-bottomright: 3px;	
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-radius-topright: 3px;	
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

/* ---------------- end datatable ----------------------------------*/

/* ------------------ table form ------------------------------------*/

table.table_form,table.table_form_clear{
	width: 100%;
	margin-bottom: 15px;
}

table.table_form th{
	font-size: 11px;
	color: #7B9EA8;
	background: #E9F1F2;
	font-weight: bold;
	padding: 5px 20px;
	text-align: left;
	font-family: arial;
	border-top: 1px solid #D7E8E9;
}

table.table_form>tr:nth-child(even)>td, table.table_form>tbody>tr:nth-child(even)>td{
	background:  #fff;
}

table.table_form>tr:nth-child(odd)>td,table.table_form>tbody>tr:nth-child(odd)>td{
	border-top: 1px solid #E6EEEF;
	background:  #F1F4F4;	
}


table.table_form td{
	vertical-align: top;
	padding: 8px 0 10px;
}

table.table_form td td{
	padding: 0;
}

table.table_form td.blank{
}

table.table_form .field, table.table_form .label{
	vertical-align: top;
	height: 100%;
}

table.table_form .label{
	width: 150px;
	font-size: 12px;
	text-align: right;
	float: left;
	padding: 0 5px;
	line-height: 1.5em;
	margin: 0;
}

table.table_form div.label label{
	display: block;
	color: #4D898E;
	font-size: 12px;
	margin-top: 2px;
}

table.table_form div.field{
	margin-left: 160px;
	font-size: 12px;
	color: #333;
	padding: 0 5px;
	line-height: 1.5em;
}

table.table_form a{
	text-decoration: underline;
	/*color:#62acd1;*/
}

table.table_form .field_text,table.table_form .field_textarea, table.table_form .field_select{
	width: 75%;
	min-width: 100px;
}

table.table_form_clear fieldset{
	border-width: 1px 1px 0 0;
	border-style: dashed;
	border-color: #aaa;
	margin: 0;
	padding: 0;
}

table.table_form_clear fieldset legend{
	font-size: 11px;
	color: #999;
	background: #fff;
	padding: 0 15px;
	font-weight: bold;
}

table.table_form td.active .note, table.table_form td.active.hover .note{
	color: #BA9938;
}

table.table_form td.hover .note{
	color: #999;
}

table.table_form .note, table.table_form_clear .note{
	width:100%;
	font-family: tahoma;
	color: #ccc;
	font-style: normal;
}

table.table_form td.active .input{
	-moz-box-shadow: 0px 0px 3px #FDB51B;
	-webkit-box-shadow: 0px 0px 3px #FDB51B;
	box-shadow: 0px 0px 3px #FDB51B;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#FDB51B')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#FDB51B');
}

table.table_form .field_item{
	margin-top: 10px;
}

table.table_form .table_form_listing{
	width: 90%;
}

table.table_form .table_form_listing th,
table.table_form .table_form_listing td{
	padding: 5px;
}

table.cols_2 > tbody > tr > td,
table.cols_2 > tr > td{
	width: 50%;
}

table.cols_3 > tbody > tr > td,
table.cols_3 > tr > td{
	width: 33%;
}


h3.header_form{
	padding: 5px 20px;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 0;
	background: #E3EEEF;
	border-top: 1px solid #BEDBDE;
	color: #60828B;
}

hr.hr_form{
	padding: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	height: 0;
	margin: 0;
	
}

.form_controls{
	text-align: center;
	padding: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	background: #a3a3a3;
}

.req{
	color: #EFA608;
	font-size: 12px;
	font-family: verdana;
	text-transform: uppercase;
	font-weight: bold;
}

/* --------------------end table form ----------------------------------*/

.input{
	border: 1px solid #CBD9DB;
	color: #333;
	padding: 3px;
	font-size: 12px;
}

select.input{
	padding: 1px;
}

.input_50, .input_300, .input_600{
	color: #555;
}

.input_50{
	width: 50px;
}

.input_150{
	width: 150px;
}

.input_300{
	width: 300px;
}

.input_600{
	width: 600px;
}

/* fixed box sizing issue */
#cboxLoadedContent,
#cboxContent, 
.sub_handle {
	box-sizing: initial !important;
	-webkit-box-sizing: initial !important; 
	-moz-box-sizing: initial !important;
}

.ui-widget {
	font-family: inherit;
	font-size: inherit; 
}

[class*='content-'] {
	min-height:1px;
}

table[align="center"] {
	margin: 0 auto;
}

/* ---- standard default page title for every module ---- */
.page-title  h1{
	font-size: 18pt;
	color: #535353; 
	font-weight: normal;
	margin-bottom: 5px;
padding-left:10px;
padding-top:5px;
display:none !important;
}

.page_load_hide{
	display : none;
}

/* -------------------------------------- end ---------------------------------------*/




.row-54cee0682b024, .row-54cee0c42b026, .row-54cee0c52b028, .row-54cee0c62b02a, .row-54cee0c82b02c, .row-54cee0c92b02e,
.row-54cee0ca2b030, .row-54d3f87dd2641, .row-55487c981d8d9, .row-55487ce41d8db, .row-55487cef1d8dd, .row-55487d011d8df, .row-55487d2c1d8e3, .row-55487d391d8e5{
   background: rgba(255, 255, 255, 0.75) !important;
}

#web_layout_homepage > .grid {
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0 !important;
   padding-left: 5px;
    padding-right: 5px;
padding-bottom:5px;
}

.grid {
   width: 1000px;
}

/* -------------------------------------- W3C ---------------------------------------*/
.change_language{
   font-size: 0px;
}

.column-54cee0682b025{
   padding: 4px 0px 4px 0px;
}

.search-box1{
   margin-top: 0 !important;
   width: 200px !important;
}



/* ----------------------------------- End W3C ---------------------------------------*/
/* ----------------------------------- Main Menu ------------------------------------*/

.column-54cee0c52b029{
   width: 96%;
   padding-left: 40px;
}

.horizontal_popup_contaier {
    background: #9BC002 none repeat scroll 0 0 !important;
    border-radius: 30px;
}

.drop_horizontal{
   padding-left: 10px !important;
}

.drop_horizontal li{
   width: 180PX;
   padding: 4px 15px 4px 15px !important;
   margin-right: 0px !important;
}

.drop_horizontal li a, .drop_horizontal li span{
/*   color: rgb(92, 107, 31) !important;*/
     color: white !important;
   font-size: 10pt !important;
}

.drop_horizontal li:hover{
   background: rgba(255,255,255, 0.50)!important;
}


.drop_horizontal .col_1 h3 span{
   color: grey!important;
   font-weight: bold;
   font-family: serif;
   font-size: 15px!important;
}


/* ----------------------------------- End Main Menu ------------------------------------*/
/* ----------------------------------- Banner ------------------------------------*/

.column-54cee8d857122{
   padding-right: 50px;
}

.carousel3d-ancestor{
   margin-left: 60px !important;

}
.carousel3d-parent{
-webkit-perspective: 1800px!important;
/*   perspective: 680px!important;*/
}
.carousel3d-indicator{
   bottom: 20px !important;
}

.carousel3d-ancestor .js-carousel3d-prev{
   margin-left: -47px;
   border-bottom-left-radius: 20px;
   border-top-left-radius: 20px;
}
.carousel3d-ancestor .js-carousel3d-next{
   margin-right: -46px;
   border-bottom-right-radius: 20px;
   border-top-right-radius: 20px;
}

.js-carousel3d-prev, .js-carousel3d-next{
   font-weight: bold;
   background: rgba(0, 0, 0, 1) !important;
   
}

/* ----------------------------------- End Banner ------------------------------------*/

/* ----------------------------------- Pengumuman Tab ------------------------------------*/

.ui-widget-header, .ui-widget-content{
   border: 0;
   background: transparent;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
   background: rgba(106,128,18, 0.50);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
   color: white!important;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
/*   background: #6A8012 ;*/
   background: #9BC002;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
   color: white;
   font-weight: bold;
}


.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom{
   background: white;
   border-radius: 5px;
   box-shadow: 5px 5px 5px #000000;
   border: 2px solid grey;
}

.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
   padding-left: 10px;
}

.column-54cee0c82b02d{
   padding-left: 42px;
   padding-right: 37px;
}

.column-54cee90b57123{
   padding-right: 30px;
}





.column-54cee0c82b02d .block_no_2{
   padding-top: 10px;
      box-shadow: 5px 5px 5px #000000;
}

/* ----------------------------------- End Pengumuman Tab -------------------------------*/
/* ----------------------------------- Berita Terkini -------------------------------*/

.column-54cee90b57123 .ui-tabs-panel.ui-widget-content.ui-corner-bottom{
   height: 351px;
   border: 2px solid grey;
}

.column-54cee90b57123{
   margin-left: -30px;
}

.column-54cee90b57123 .ui-tabs .ui-tabs-panel{
   padding: 5px;
}

.column-54cee90b57123 .rhino-btn{
   /*display: none !important;*/
}

.column-54cee90b57123 .rhino-bullets{
   display: block !important;
}

.column-54cee90b57123 .rhino-bullets{
   bottom: 1px;
   z-index: 1;
   margin: 0!important;
}

.rhino-bullets:before, .rhino-bullets:after{
   background: none !important;
}

.rhino-bullets li a.rhino-bullet{
   padding: 0px !important;
   background: rgb(207, 207, 207)!important;
}

#rihino-slider_21_page .rhino-item{
   display: block !important;
}

#rihino-slider_21 a{
   color: #A9C849;
}


/* ----------------------------------- End Berita Terkini -------------------------------*/
/* ----------------------------------- Footer -------------------------------*/
.kemaskini span.float_right {
   visibility: visible;
   display: none;
}

.jumlah_pelawat span.last_update{
   visibility: hidden;
   display: none;
}


/* ----------------------------------- End Pengumuman Tab -------------------------------*/


/*Pautan Agensi*/
.column-54d3f87dd2642 .simply-scroll-container{
   background-color: transparent;
}
.column-54d3f87dd2642 .scroll-wrapper, .simply-scroll_23{
   margin-top: 0px;
   margin-bottom: 0px !important;
}

/*Old version Berita Row*/
.row-54cee0c92b02e{
   display:none;
}

/* Menu Tab */

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns{
   background: #CCDF80!important;
width:220px!important;
}
.drop_horizontal li span{
   text-shadow: none;
}
.drop_horizontal li ul li{
   width: 220px!important;
}


/*----------- Pautan ------------*/
#rihino-slider_25_page ol.rhino-bullets{
   visibility: hidden;
}

.col_1 li span{
   color: black!important;
}

/*-----------Second page------------*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption{
 
    font-size: 100%;
    margin-top: 0px;
    margin-bottom:0px;
    outline: 0 none!;
    padding-left: 2px!important;
padding-right:2px!important;
  padding-top:2px!important;

}
*/
#container_content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cacaca;
    border-radius: 5px;
    box-shadow: 0 0 3px #dadada;
    position: relative;
    width: 100%;
    padding: 12px;
}


/*-----------Second page css------------*/

.sf-menu li {
    background: none repeat scroll 0 0 #ffffff!important;
    transition: background 0.2s ease 0s;
    white-space: normal;
 color:#749040;
}

.sf-menu li:hover{
background: none repeat scroll 0 0 #9BC002!important;
color: white!important;
}

.sf-menu li span {
    display: block;
    padding: 0.75em 1em;
    position: relative;
}


/*-----------Second page menu------------*/

.transparent > .drop_horizontal li ul li:hover {
    background: none repeat scroll 0 0 #9BC002;
    border: medium none;
width:200px!important;
}

.transparent > .drop_horizontal li ul li{
     text-shadow: none !important; 
}


.transparent .drop_horizontal h3 {
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    margin: 7px 0 5px;
    padding-bottom: 7px;
width:200px!important;
}


.transparent > .drop_horizontal li span {
    color: #ffffff!;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;

}

.sf-menu span.sf-sub-indicator {
    border: medium none;
    display: inline;
    padding: 0;
display:none!important;
}

.col-10-12 {
    width: 83.333% !important;
padding-left:15px;


.jMenu li ul li a:hover {
    background-color: #CCDF80!important;
    border-top: 1px solid #322F32!important;
    border-bottom: 1px solid #322F32!important;
}

.jMenu li:hover > a {
    background-color: #CCDF80!important;
}