/* www.waralabaku.com */

   
/* default styles
   -------------- */

.container{
	width: 992px;
	margin: 2px auto;
	background: #FFF;
}
  

body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff;
	color: #454545; 
}

a {	color: #FF6600;	background: inherit;} /*#E0691A*/
a:hover { color: #6C757A; background: inherit; }

/* h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; } */

h1 { 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	font-family: Arial, Sans-Serif;
	font-size: 1.5em;	
	letter-spacing: -1px;
	margin-bottom: 5px; 
	color: #000;
	line-height: normal;
	/*background: inherit;*/
}

.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }

h2 { 
	margin: 0; 
	padding: 0; 
	font: bold 1.7em Arial, Sans-Serif; 
	letter-spacing: -1px;
	font-size: 1.5em; 
	margin-bottom: 5px; 
	color: #000; 
	/*background: inherit;*/
}

h3 { margin: 5; padding: 0; font: bold 1.2em Arial;}

p {	margin: 0 0 5px 0; }

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

form { 	margin: 0; }

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(../images/input.gif) no-repeat;
	padding: 3px 4px 4px 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #E0691A url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 4px 4px 4px;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1.1em Arial, Sans-Serif;
}

input.submit2 {
	background: #E0691A url(../images/submit2.gif) no-repeat;
	border: 0;
	padding: 4px 4px 4px 4px;
	width: 100px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1.1em Arial, Sans-Serif;
}

input.submit3 {
	background: #E0691A url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 4px 4px 4px;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none;
	padding: 3px; 
}

input.login2 { 
	width: 150px;
	border: none;
	padding: 3px; 
}

td { 
	font-family: verdana; 
	font-size: 10px;
	/*font-size: 12px;*/ 
	line-height: 1.2;
}


/* layout for Mozilla
   ------------------ */


.header{
	width: 992px;
	margin: 0;
	padding: 0;
}

.head1{
	width: 992px;
	margin: 5px 0 0 5px;
	padding: 0px;
	clear:both;
}

	.login_head {
		float: left;
		background: #FFF url(../images/left1.jpg) no-repeat;
		width: 210px;
		height: 26px;
		font-family: Verdana;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		padding-top: 4px;
	}

	.nav_top1 {
		float: right;
		background: #FFF url(../images/nav_top1.jpg) repeat-x;
		/*width: 780px;*/
		width: 749px;
		height: 26px;
		padding-left: 30px;
		font-family: Verdana;
		font-size: 12px;
	}

		.nav_top1 li { 
			margin: 0; 
			padding: 4px 12px 4px 12px;
			color: #FFEADC;
			float: left; 
		}
		
		.nav_top1 li.active { 
			/*height: 26px;*/
			background: #E0691A url(../images/nav_top_active1.jpg) repeat-x; 
			color: #fff;
			font-weight: bold; 
			padding: 4px 10px 4px 10px;
		}
		
		.nav_top1 li a { 
			font-weight: bold;
			color: #FFF; 
			background: inherit;
			text-decoration: none;
		} 
		
		.nav_top1 li a:hover { 
			color: #E0691A;
			background: inherit;
		}

.head2{
	width: 992px;
	margin: 2px 0 0 5px;
	padding: 0px;
	clear: both;
}

	.login {
		float: left;
		background: #FEEDDB;
		width: 200px;
		height: 153px;
		padding: 15px 5px 5px 5px;
		/*border: 1px solid #BD9770;*/
	}

	.login2 {
		background: #FEEDDB;
		width: 200px;
		height: 170px;
		padding: 15px 5px 5px 5px;
		margin-bottom: 5px;
	}

	.banner_main {
		float: right;
		background: #FFF url(../images/banner.jpg) no-repeat;
		width: 778px;
		height: 170px;
		border: 1px solid #E16D18;
	}

	.banner_main2 {
		background: #FFF;
		width: 992px;
		height: 200px;
		/*border: 1px solid #E16D18;*/
	}

.head3{
	width: 992px;
	margin: 2px 0 0 5px;
	padding: 0px;
	clear: both;
}

	.counter_header {
		float: left;
		background: #FFF url(../images/left2.jpg) no-repeat;
		width: 210px;
		height: 26px;
		font-family: Verdana;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		padding-top: 4px;
	}

	.nav_top2 {
		float: right;
		background: #FFF url(../images/nav_top2.jpg) repeat;
		width: 749px;
		height: 26px;
		padding-left: 30px;
		font-family: Verdana;
		font-size: 12px
	}

		.nav_top2 li { 
			margin: 0; 
			padding: 4px 12px 4px 12px;
			color: #FFEADC;
			float: left; 
		}
		
		.nav_top2 li.active { 
			/*height: 26px;*/
			background: #E0691A url(../images/nav_top_active2.jpg) repeat; 
			color: #fff;
			font-weight: bold; 
			padding: 4px 10px 4px 10px;
		}
		
		.nav_top2 li a { 
			font-weight: bold;
			color: #FFF; 
			background: inherit;
			text-decoration: none;
		} 
		
		.nav_top2 li a:hover { 
			color: #E0691A; 
			background: inherit;
		}

.head4{
	clear: both;
	width: 992px;
	margin: 2px 0 0 5px;
	padding: 0px;
}

	.counter {
		float: left;
		background: #F5F5F5;
		width: 200px;
		height: 50px;
		font-family: Verdana;
		font-size: 10px;
		padding: 4px 5px 4px 5px;
	}

	.q_search {
		float: right;
		background: #F5F5F5;
		width: 749px;
		height: 40px;
		padding: 12px 10px 6px 20px;
	}


.main{
	width: 992px;
	margin: 2px 0 0 5px;
	padding: 0px;
}

	.nav_left {
		float: left;
		background: #fff;
		width: 210px;
	}

	.nav_left_title {
		background: #FFF url(../images/left1.jpg) no-repeat;
		width: 210px;
		height: 26px;
		font-family: Verdana;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		padding-top: 4px;
		margin-bottom: 2px;
	}

	.iklan_kiri {
		background: #f5f5f5;
		width: 210px;
		padding: 8px 0px 8px 0px;	
		margin: 0 0 3px 0;
	}

	ul#nav_left_list {
		list-style: none;
		padding: 0;
		margin: 0 ;
	}
	
	ul#nav_left_list li{
		background: #FFF url(../images/left_list.jpg) no-repeat;
		width: 210px;
		height: 20px;
		font-family: Verdana;
		color: #454545;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		padding-left: 20px;
		margin-bottom: 2px;
		text-decoration: none;
	}

	ul#nav_left_list li:hover{
		background: #FFF url(../images/left_list2.jpg) no-repeat;
		color: #FF6600;
	}

	ul#nav_left_list li:hover a{
		background: transparent;
		color: #FF6600;
	}

	ul#nav_left_list li a {
		text-decoration: none;
		color: #454545;
		background: transparent;
	}

	.nav_left_list:hover {
		background: #FFF url(../images/left_list2.jpg) no-repeat;
		color: #FF6600;
	}

	.nav_left_spacer {
		background: #FEEDDB;
		height: 5px;
		padding: 0px;
		margin-bottom: 2px;
	}
	
	.nav_left_bottom {
		background: #FEEDDB;
		height: 50px;
	}


	.content{
		float: right;
		width: 780px;
		padding: 0px;
		margin-left: 2px;
	}

		.news{
			float: left;
			width: 568px;
			padding: 0px;
		}

		.banner_right{
			float: right;
			margin-left: 2px;
			width: 210px;
			padding: 0px;
		}

			.iklan_kanan {
			background: #f5f5f5;
			width: 210px;
			padding: 8px 0px 8px 0px;	
			margin: 0 0 3px 0;
			}

		.profil{
			float: left;
			width: 780px;
			padding: 0px;
		}


.footer{
	clear: both;
	width: 992px;
	margin: 5px 0 0 5px;
	padding: 0px;
	text-align: center;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}



/* font style
   ---------- */


.normal {
	font-family: verdana;
	font-size: 11px;
}

.style1 {
	font-family: arial;
	color: #737373;
	font-weight: bold;
}

.style2 {
	font-family: arial;
	color: #FF6600;
	font-weight: bold;
}

.style3 {
	color: #FF6600;
}


/* lain - lain
   ----------- */


.news h1.main_title {
	background: #FFF url(../images/heading.jpg) no-repeat;
	width: 568px;
	height: 26px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 5px 0;
	letter-spacing: normal;
}
  

.news h3 {
	background: #FFF url(../images/heading.jpg) no-repeat;
	width: 568px;
	height: 26px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 5px 0;
}


.news h4 {
	background: #FFF url(../images/heading2.jpg) no-repeat;
	/*width: 276px;*/
	height: 26px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
}

.profil h1 {
	background: #FFF url(../images/heading3.jpg) no-repeat;
	width: 780px;
	height: 26px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 5px 0;
	letter-spacing: normal;
}

.profil h3 {
	background: #FFF url(../images/heading3.jpg) no-repeat;
	width: 780px;
	height: 26px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 5px 0;
}

.left_box { 
	margin: 0 0 10px 0; 
	color: #000; 
	background: #FFF; 
	padding: 3px 5px 0px 5px; 
}

.news_box {
	/*width: 276px;*/
	/*font: 0.7em Tahoma, sans-serif;*/
	padding: 2px;
	vertical-align: top;
}

.feat_franchise_table {
	margin: 0 0 10px 0;
	border: 1px solid #E0691A; /*#753903*/
	padding: 5px;
}

.direktori {
	margin: 10px 10px 5px 10px;
	border: 1px solid #753903;
}

	.direktori_logo {
		background: #FFF;
	}
	
	.direktori_title {
		background: #FEEDDB;
		height: 20px;
	}
	
	.direktori_keterangan {
		background: #FFF9F2; /*#FBF7EF*/
		padding: 3px;
		height: 90px;
		vertical-align: top;
	}

	.direktori a {
		text-decoration: none;
	}


.center_box { margin: 0 0 10px 0; color: #000000; background: #FFFFFF; padding: 3px 0; }

	.center_left_side {
		float: left;
		width: 250px;
		padding: 0 10px 0 10px;
		margin: 10px 0;
	}
	.center_right_side {
		float: left;
		width: 250px;
		background: #FFF url(../images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}


.border_foto {
	border : 1px solid #E0691A;
	padding: 5px 5px 5px 5px;
	font-family: Verdana;
	font-size: 10px;
}

.nav_profil {
	background: #FFF url(../images/nav_top1.jpg) repeat;
	width: 780px;
	height: 26px;
	padding-left: 10px;
	font-family: Verdana;
	font-size: 12px;
}

	.nav_profil li { 
		margin: 0; 
		padding: 4px 12px 4px 12px;
		color: #FFEADC;
		float: left; 
	}
	
	.nav_profil li.active { 
		/*height: 26px;*/
		background: #E0691A url(../images/nav_top_active1.jpg) repeat; 
		color: #fff;
		padding: 4px 10px 4px 10px;
	}
	
	.nav_profil li a { 
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.nav_profil li a:hover { 
		color: #E0691A;
		background: inherit;
	}

.tabel_profil {
	border : 1px solid #E0691A;
	padding: 5px 5px 5px 5px;
	font-family: Verdana;
	font-size: 10px;
	width: 600px;
}

	.tabel_profil_cell {
		background: #FEEDDB;
		vertical-align: top;
		font-family: Verdana;
		font-size: 10px;
		padding-right: 5px;
	}
	
	.tabel_profil_cell2 {
		background: #FFF9F2;
		vertical-align: top;
		font-family: Verdana;
		font-size: 10px;
		padding-right: 5px;
	}
	
	.tabel_profil_cell3 {
		background: #FEEDDB;
		vertical-align: top;
		font-family: Verdana;
		font-size: 10px;
		padding-right: 5px;
		/*border-top: 1px dotted #E0691A;*/
	}

	.tabel_profil_ket {
		padding-left: 5px;
		padding-bottom: 5px;
	}

.profil_text {
	padding-left: 4px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	border:1px solid #E0691A;
}

.table_registrasi {
	border: 1px solid #753903;
	/*padding: 2px 1px 3px 1px;*/
}

.reg_title {
	background: #FEEDDB;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding-left: 5px;
}

.isi {
	background: #FFF9F2;
	margin-bottom: 2px;
	padding-left: 10px;
	/*font-weight: bold;*/
}

.banner_afiliasi {
	border: 1px solid #E0691A; /*#753903*/
	width: 400px;
	height: 100px;
}

.new_feat_table {
	margin: 0 0 10px 0;
	border: 1px solid #753903;
	padding: 5px;
	border-collapse: collapse;
}

	.new_feat_table_right {
		border-left: 1px solid #753903;
		border-bottom: 1px solid #753903;
		padding: 5px;
	}

.table_kontak {
	width: 500px;
	border: 1px solid #753903;
	border-collapse: collapse;
}

	.kontak_logo {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #753903;
	}

	.kontak_left {
		background: #FEEDDB;
		font-size: 11px;
		font-weight: bold;
		padding: 5px 5px 5px 20px;
		border-bottom: 1px solid #753903;
		vertical-align: top;
	}

	.kontak_right {
		background: #FFF9F2;
		padding: 5px 5px 5px 10px;
		font-size: 11px;
		border-left: 1px solid #753903;
		border-bottom: 1px solid #753903;
		vertical-align: top;
	}

.paging {
	border : 1px solid #E0691A;
	border-collapse: collapse;
}

.paging_img {
	border : 1px solid #E0691A;
	padding: 5px 2px 5px 2px;
}

.paging_text {
	padding: 5px 10px 5px 10px;
	font-size: 11px;
}

.adv_search {
	border : 1px solid #E0691A;
	padding: 5px 5px 5px 5px;
	font-family: Verdana;
	font-size: 10px;
	background: #FFF9F2;
}

.table_inbox {
	border: 1px solid #753903;
	padding: 5px;
	border-collapse: collapse;
}

	.inbox_header {
		background: #FFF9F2;
		padding: 5px;
		font-family: Verdana;
		font-size: 10px;
		font-weight: bold;
		border: 1px solid #753903;
		vertical-align: top;
	}

	.inbox_header2 {
		background: #FFF9F2;
		padding: 5px;
		font-family: Verdana;
		font-size: 10px;
		font-weight: bold;
		vertical-align: top;
	}
	
	.inbox_cell {
		background: #FFFFFF;
		padding: 5px;
		font-family: Verdana;
		font-size: 10px;
		border: 1px solid #753903;
		vertical-align: top;
	}


/* CSS Baya
   -------- */

.outlet_locator_search_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

.outlet_locator_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

.lokasi_usaha_search_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

.lokasi_usaha_desc_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
	font-weight: normal;
}

.news_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

.news_list_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

.artikel_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

.artikel_list_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

.info_event_table {
	margin: 0 0 5px 0;
	border: 1px solid #753903;
	padding: 1px;
	font: 1em Arial, Sans-Serif;
}

/*
	Baya - Admin form
*/

.main_content{
		float: left;
		width: 770px;
		padding: 0px;
		border: 1px solid #753903;
}

.main_content h3 {
	background: #FFF url(../images/heading3.jpg);
	width: 99%;
	height: 24px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
}

.middle_box { 
	float: left;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 5px 0;
	padding: 0px;
	border: 1px solid #753903;
}

.adv_search_box{
	font: 1em Arial, Sans-Serif;
	margin: 0 0 5px 0;
	padding: 0px;
	border: 1px solid #753903;
}

.menu_ops_box { 
	width: 100%;
	float: left;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 5px 0;
	padding: 0px;
	border: 1px solid #753903;
}

.menu_ops_box2{
	font: 1em Arial, Sans-Serif;
	margin: 0 0 5px 0;
	padding: 0px;
	border: 1px solid #753903;

}

.table_general{
		border: 1px solid #753903;
		border-collapse: collapse;
}

	.table_header {
		background: #FEEDDB;
		padding: 5px;
		font-family: Verdana;
		font-size: 10px;
		font-weight: bold;
		border: 1px solid #753903;
		vertical-align: top;
	}

	.table_header2 {
		background: #FEEDDB;
		padding: 5px;
		font-family: Verdana;
		font-size: 10px;
		font-weight: bold;
		border: 1px solid #753903;
	}

	.table_cell {
		background: #F0F0F0; /*#FEEDDB; #F5F5F5; #FFF9F2;*/
		padding: 5px;
		font-family: Verdana;
		font-size: 10px;
		border: 1px solid #753903;
		vertical-align: top;
	}

	.table_cell2 {
		background: #FFFFFF; 
		padding: 5px;
		border: 1px solid #753903;
	}

	.table_cell3 {
		background: #FFF9F2; 
		padding: 5px;
	}

	.table_cell4 {
		padding: 5px;
		font-family: Verdana;
		font-size: 10px;
	}

.scroll {
	width: 750px;
	height: 550px;
	overflow: scroll;
}

.banner_ex {
	background: #FEEDDB; /*#f5f5f5 #FEEDDB*/
	width: 210px;
	padding: 3px 0px 3px 0px;
	height: 50px;
	margin: 0 0 3px 0;
}

.advertorial_table_1 {
	margin: 0 0 10px 0;
	border: 1px solid #E0691A;
	padding: 5px;
}

.advertorial_table_2 {
	margin: 0 0 10px 0;
	border: 1px solid #E0691A;
	padding: 5px;
	cursor: pointer;
	background-color: #FFF4EA;
}

.franchiseku_table {
	border: 1px solid #753903;
}

	.franchiseku_foto {
		background: #FFF;
		padding: 10px 5px 10px 5px;
	}
	
	.franchiseku_cell_1 {
		background: #FEEDDB;
		padding: 5px 3px 5px 3px;
		vertical-align: top;
	}
	
	.franchiseku_cell_2 {
		background: #FFF9F2; /*#FBF7EF*/
		vertical-align: top;
		padding: 5px 3px 5px 3px;
	}

/* accordion */
.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none; width:840px;}

/* cycle */
.slideshow { 
	width: 490px; 
	margin: auto; 
	border-top: 2px solid #E0691A; 
	border-bottom: 2px solid #E0691A; 
	border-left: 5px solid #E0691A; 
	border-right: 5px solid #E0691A;
}

.slideshow div {
	width: 100%; 
	padding: 10px 0px;
}

.slideshow div img {
	padding: 5px; 
	border: 1px solid #ccc; 
	background-color: #eee;
}

#slideshow { margin: 10px;}
#slideshow img { border: none; }
.slideshow_title { 
	margin: 5; 
	padding: 0; 
	font-weight: bold; 
	font-size: 10px; 
	font-family: Verdana;
}

.slideshow_text { 
	font-size: 10px; 
	font-family: Verdana;
}

.slideshow2 { margin: 10px;}
.slideshow2 img { border: none; }
.nav { margin: 5px;}
.nav ul { background: #FF0;}
.nav li {float: left; margin: 5px 5px 10px 20px; list-style: none; }
.nav a { padding: 3px; display: block; border: 1px solid #ccc; background-color: #eee;}
.nav img { border: none; display: block }

.nav2 { margin: 5px;}
.nav2 li { list-style: none; margin-bottom: 10px;}
.nav2 img { float: left; border: none; display: block }

.nav3 { margin: 5px;}
.nav3 li { list-style: none; margin-bottom: 10px; margin-top: 10px;}
.nav3 img { border: none; display: block }

.slideshow_ket { margin-left: 18px;}
	
.slideshow_cell {
	/*padding: 0px;*/
	font-family: Calibri;
	font-size: 12pt;
	font-weight: bold;
	color: #FFF;
	height: 31px;
	background: #E0691A url(../images/back_table_1.jpg) repeat-x;
}

/* sticky menu */
#fixeddiv {
	position:absolute;
    width:768px;
	height:38px;
	left:216px;
	bottom:10px;
    padding:5px;
	background: #FFDDBB; /*#FFF9F2 #FEEDDB*/
    border:2px solid #FF0000;
	vertical-align: middle;
}


/* Banner Management CSS */

.bm_button {
	float: left;
	margin: 5px;
	width: 85px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	vertical-align: middle;

	background: #ff9501;

	cursor: pointer;
	font-style: "Calibri";
	font-size: 11px;
	font-weight: bold;


	color: #333;

	-moz-box-shadow: 0 1px 10px rgba(6,6,6,.6) inset, 2px 2px 3px rgba(6,6,6,.5);
	-webkit-box-shadow: 0 1px 10px rgba(6,6,6,.6) inset, 2px 2px 3px rgba(6,6,6,.5);
	box-shadow: 0 1px 10px rgba(6,6,6,.6) inset, 2px 2px 3px rgba(6,6,6,.5);

	-webkit-transition: 
		background 0.4s ease-in-out,
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		background 0.4s ease-in-out,
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		background 0.4s ease-in-out,
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		background 0.4s ease-in-out,
		box-shadow 0.4s ease-in-out;
	transition: 
		background 0.4s ease-in-out,
		box-shadow 0.4s ease-in-out;
}

.bm_button:hover {
	background: #ff6c00;
	-moz-box-shadow: 0 1px 5px rgba(255,255,255,.3) inset;
	-webkit-box-shadow: 0 1px 5px rgba(255,255,255,.3) inset;
	box-shadow: 0 1px 5px rgba(255,255,255,.3) inset;
}

.bm_bannerList_header_1 {
	width:100%; 
	height:20px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin-top:15px;
}

.bm_bannerList_header_2 {
	width:100%; 
	height:20px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	margin-top:5px;
}

.bm_bannerList_item {
	width:220px; 
	height:20px;
	padding-left:10px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	border-bottom: 1px dashed #666;
}

.bm_bannerList_item:hover {
	background:#ff6c00;
}

.bm_bannerList_item:active{
	background:#ff6c00;
}

.bm_bannerList_item .name {
	float: left;
	width:80%; 
}


.bm_bannerList_item .check {
	float: right;
	width:20%; 
}

.bm_bannerList_item .check img{
	width:18px;
	height:18px;
	margin:0px;
}


.bm_bannerOverview_item {
	width:220px; 
	height:25px;
	line-height:25px;
	padding-left:10px;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: #bbb;
}


.bm_bannerOverview_item .col_1 {
	float: left;
	width:50%; 
}
.bm_bannerOverview_item .col_2 {
	float: left;
	width:20%; 
}

.bm_bannerOverview_item .col_2 img{
	width:18px;
	height:18px;
	margin:0px;
}

.bm_bannerOverview_item .col_3 {
	float: left;
	width:30%; 
}

.bm_bannerSlot {
	float:left;
	background:#ccc; 
	cursor:pointer;
}

.bm_bannerSlot_1 {
	width:405px; 
	height:108px; 
	
	margin:16px 75px;
}

.bm_bannerSlot_2 {
	width:480px; 
	height:28px;
	
	margin-top:5px;
}

.bm_bannerSlot_3 {
	width:100%;
	height:162px;
	margin-top:3px;
}

.bm_bannerSlot_4 {
	width:100%;
	height:65px;
	margin-top:3px;
	
}


.bm_bannerSlot_ready {
	background: #51bc49;
}

.bm_bannerSlot_empty {
	background: #fb2e68;
}

.bm_bannerSlot_booked {
	background: #f68d4d;
}


.bm_bannerSlot_empty:hover {
	-moz-box-shadow:    inset 0 0 15px 1px #333;
	-webkit-box-shadow: inset 0 0 15px 1px #333;
	box-shadow:        inset 0 0 15px 1px #333;
}

.bm_bannerSlot_booked:hover {
	-moz-box-shadow:    inset 0 0 15px 1px #333;
	-webkit-box-shadow: inset 0 0 15px 1px #333;
	box-shadow:        inset 0 0 15px 1px #333;
}

.bm_bannerSlot_ready:hover {
	-moz-box-shadow:    inset 0 0 15px 1px #333;
	-webkit-box-shadow: inset 0 0 15px 1px #333;
	box-shadow:        inset 0 0 15px 1px #333;
}

.bm_bannerSlot_nonactive {
	background:#ccc;
	cursor:default;

}

.bm_bannerSlot_nonactive:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#bm_page_cover {
	display: none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	
	background: #333;
	opacity:0.4;
	z-index:100;
}

.bm_page_popup {
	display: none;
	position:absolute;
	width:500px;
	height:430px;
	margin: auto;
	background: #fff;
	z-index: 200;
}

#bm_ajax_loader {
	display: none;
	position:absolute;
	width:100px;
	height:100px;
	margin: auto;
	z-index: 200;
	background: url(../images/ajax_loading.gif) no-repeat;
	background-size: 100px 100px;
}

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 5;
}


@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}


/*
	New CSS for Mobile Friendly
*/

.text_normal{
	font-family: Verdana; 
	font-size: 14px; 
	line-height:1.2;
}

.text_normal td { 
	font-size: 14px; 
	line-height: 1.2;
}

.text_title{
	font-family: Verdana; 
	font-size:18px; 
	line-height:1.2;
}

.mobile_part{
	display: none;
}

.tabel_desc{
	padding: 5px 10px 5px 10px;
	font-size:14px;
	line-height: 1.4em;
}

.tag_list{
	font-family: "Comic Sans MS";
	font-size:14px;
	line-height: 1.4em;
}

.wa_text {
	font-size:18px; 
	font-weight:bold; 
	text-transform:uppercase; 
	margin-left:10px; 
	width:max-content; 
	max-width:600px; 
	height:auto; 
	line-height:1.5em;
}

.tabel_kategori_left{
	width:19%;
}

.tabel_kategori_right{
	width:81%;
}

.tabel_list_abjad{
	font-size:12px;
}

/*
	Mobile CSS
*/

@media (max-width: 600px) {
	.desktop_part{
		display: none;
	}
	
	.mobile_part{
		display: block;
	}

	body{
		font: 22px Verdana; 
		line-height: 1.4em;
	}

	.text_normal{
		font-size: 22px;
	}
	
	.text_title{
		font-size: 26px; 
	}

	.nav_left_title{
		font-size: 20px;
		background: linear-gradient(#935e1c, #763e01);
		/*height: 32px;*/
		height: 72px;
		display: flex;
		align-items: center;
		justify-content: center;
		/*margin-bottom: 5px;*/
		margin-bottom: 10px;
		line-height: 1.2;
	}

	ul#nav_left_list li{
		width: 180px;
		font-size: 20px;
		padding: 5px 10px 5px 20px;
		background: #feeddb;
		display: flex;
		align-items: center;
		/*height: 60px;*/
		height: 72px;
		/*margin-bottom: 5px;*/
		margin-bottom: 10px;
		line-height: 1.2;
	}

		ul#nav_left_list li:hover{
			background: #feeddb;
			color: #FF6600;
		}

	.nav_left_spacer{
		height: 10px;
		margin-bottom: 5px;
		background: #f5f5f5;
	}

	.news h1.main_title, .news h3.main_title {
		font-size: 20px;
		background: linear-gradient(#935e1c, #763e01);
		/*height: 32px;*/
		height: 76px;
		padding: 0px 0px 0px 10px;
		display: flex;
		align-items: center;
		width: 558px;
	}

	.news h4{
		font-size: 20px;
		background: linear-gradient(#935e1c, #763e01);
		height: 32px;
		padding: 0px 0px 0px 10px;
		display: flex;
		align-items: center;
	}

	.border_foto {
		font-size: 20px;
		line-height: 1.4;
	}

	td {
		font-size: 20px;
		line-height: 1.4;
	}

	.text_normal td{
		font-size: 22px;
		line-height: 1.4;
	}

	.nav_top1{
		width: 962px;
		display: flex;
		align-items: center;
		background: linear-gradient(#e36c1c, #fccba3);
		/*
		font-size: 20px;
		height: 36px;
		*/
		font-size: 22px;
		height: 42px;
	}

	.nav_top2{
		width: 962px;
		display: flex;
		align-items: center;
		background: linear-gradient(#fccba3, #e36c1c);
		font-size: 22px;
		height: 42px;
	}

	.nav_top1 li, .nav_top2 li { 
		padding: 0px 20px;
	}

	.tabel_profil{
		width: 700px;
		font-size: 18px;
	}

	.tabel_profil_cell, .tabel_profil_cell2{
		font-size: 20px;
		line-height: 1.4em;
	}

	.profil h1{
		font-size: 22px;
		background: linear-gradient(#935e1c, #763e01);
		height: 76px;
		padding: 0px 0px 0px 10px;
		width: 765px;
		display: flex;
		align-items: center;
	}

	.tabel_desc{
		padding: 5px 10px 5px 10px;
		font-size: 22px;
	}

	.tag_list{
		font-size: 20px;
	}

	.wa_text{
		font-size:24px;
	}

	.paging_text{
		font-size: 20px;
	}

	.nav_profil {
		display: flex;
		align-items: center;
		background: linear-gradient(#e36c1c, #fccba3);
		font-size: 20px;
		height: 36px;
		padding-left: 15px;
	}

	.nav_profil li.active{
		background: linear-gradient(#cc5908, #d9966b);
		height: 28px;
		margin-top: 2px;
		padding: 2px 20px 4px 20px;
	}

	.direktori_title, .direktori_keterangan {
		font-size: 18px;
	}

	.table_kontak{
		width: 700px;
	}

	.kontak_right, .kontak_left{
		font-size: 22px;
	}

	.page_desc{
		padding: 5px 10px;
	}

	.tabel_kategori_left{
		width:30%;
	}
	
	.tabel_kategori_right{
		width:70%;
	}

	select {
		font-size: 20px;
	}

	.mobile_text_spacer {
		word-spacing: 5px;
		line-height: 2;
	}

	.tabel_list_abjad{
		font-size: 20px;
	}
}