/*
 * YPBB v1 - CSS scripts - must be combine with YPBB.js to work properly
 *
 * Copyright (c) 2009 Sanjaya Gida
 *
 * Dual licensed under the MIT and GPL licenses:
 * 	http://www.opensource.org/licenses/mit-license.php
 * 	http://www.gnu.org/licenses/gpl.html
 */

.clear {	clear: both; }
a {outline:none; }

body { 
	margin-top:0px; 
	font-family:arial,verdana; }

/* DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;} */
/* BUG FIX for IE ONLY! : */
	/** check also a bug fix for each page */
	/* #layout {background:black;} .browserIE #layout {background:green;} 
	#layout {} .browserIE #layout {background:green;} */
	.browserIE .floatingpanel {background: transparent url(../images/floatingpanel.gif) no-repeat top left; }
	.browserIE #div-1a {z-index:-1}
	.browserIE #div-1b {z-index:-1;}
	.browserIE #program td { width:150px; }
	.browserIE .moreinfo {margin-top:23px;} 
/*
	.browserIE #menu UL LI A:hover {HEIGHT: 25px;}
	.browserIE #dodol { width:350px;}
	.browserIE #dodol.term-tab #term { width:320px;height:320px}	
	.browserIE #dodol.contactus-tab #contactus { width:320px;height:320px}
	.browserIE #impact {border:0px;}
	
/* BUG FIX for SAFARI ONLY! : */
	/** check also a bug fix for each page */
	.browserSafari .impact-header { width:126px;}
	.browserSafari #div-1b { width:356px;}
	.browserSafari #management-content { top:20px; }
	.browserSafari #management-content .tbl-content {padding:12px;height:160px;width:220px;}
	.browserSafari #partnership-content { top:20px; }
	.browserSafari #partnership-content .tbl-content {padding:12px;height:220px;width:190px;}
	.browserSafari #donor-content { top:20px; }	
/*	.browserSafari #dodol.term-tab #term { width:318px;}	
	.browserSafari #dodol.contactus-tab #contactus { width:318px;}	*/
/* End of bug fix*/

#layout {
  /* IE problem solver */
  margin: 0px auto;
  text-align:left;
  width: 960px;	
  color: #000;
/*  border: 0px solid red;
  background-color: blue;
  z-index: 1;*/
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 0px; /*lingkaran */
    background: #000;
    border: 0px solid #000;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 594px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  594px;
    height: 221px;
}
.jcarousel-control {
    margin-bottom: 10px;
    text-align: left;
	background-color:#382824;
	width:594px;
	height:22px;
}
/* //kalau mau langsung semua di style, pakai ini
.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #5e4826;
    color: #000;
    background-color: #fff;
    font-weight: bold;
} */

.slidetext {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    color: #fff;
}
.slide {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #5e4826;
    color: #000;
    background-color: #fff;
    font-weight: bold;
}
.slideaktif {
    border: 1px solid #5e4826;
    color: #fff;
    background-color: #a6967d;
}
.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}		
/*popup section*/
#management-close, #donor-close, #partnership-close  {
	display:block;
	position:absolute; top:10px;
	cursor: pointer;
	font-size: 9px;
	color: blue; }
#management-close {	left:460px;}
#donor-close  {	left:450px;}
#partnership-close { left:639px;}
#management { width:72px; }
#partnership { width:71px; }
#donor { width:77px; }
#management-content {
	display:none;
	position:absolute; top:22px;left:-213px;
	width:511px; height:451px;
	overflow:hide;
	background:url('../images/management.png');
	background-repeat : no-repeat;
	color: #000;
}
#partnership-content {
	display:none;
	position:absolute; top:22px;left:-330px;
	width:690px; height:478px;
	overflow:hide;
	background:url('../images/partnership2.png');
	background-repeat : no-repeat;
	color: #000;
}
.tbl-content {
/*	background-color:#999; */
	float:left;
	font-family: arial;
	font-size:11px;	
	margin-left:10px;
	padding:12px;height:170px;width:220px;
}
#partnership-content .tbl-content {padding:10px;height:220px;width:195px;}
#donor-content {
	display:none;  /* di show, krn ada scroll jadi bug di IE */
	position:absolute; top:22px;left:-157px;
	width:511px; height:461px;
	overflow:hide;
	background:url('../images/donor.png');
	background-repeat : no-repeat;
	color: #000;
}
#pane1, #pane3, #dodol-box, #pane4 {
	/*width:511px; height:461px;*/
	display:block;
}
#pane1 {
	width:496px; height:451px;
	font-size: 10px;
}

/* popup */
.pic-left {
	float:left;
	padding-right:10px;
	padding-bottom:0px;
}
#tabel1 td {
	padding:14px;
}

.popup-panel td, .popup-panel-thumb td {
	vertical-align: top;
	font-family: arial;
	font-size:11px;	}
.popup-panel {
	padding:10px;	}
.popup-panel UL {
 	padding-left:12px;
 	padding-right:8px;
	margin:3px;	}
/*		#pane1 {
	width: 200px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
}	*/

/* MAP */
.moreinfo {
	position:			absolute;
	display:			block;
	text-indent:		-10000px;
	margin-top:20px;
	text-decoration:	none;
	width:				12px;
	height:				12px; /* besar link */
	/*background-color: 	#555;*/ /* warnai titik */
}
/*background-color:red;  */
.floatingpanel h2 {width:125px;height: 22px;}
.floatingpanel p { width:125px; }
.floatingpanel {
	font-size:			10px;
	color:				#333333;
	font-family:		"arial", "verdana";
	position:			relative;
	display:			block;
	margin-top:			20px;
	margin-left:		-97px;
	width:				157px;
	height:				139px;
	padding-top:		16px;
	padding-left:		13px;
	padding-right:		13px;
	background:			transparent url(../images/floatingpanel5.png) no-repeat top left;	
	text-indent:		0px;
	/*color:				#333333;*/
 	display:			none;
}
a:hover .floatingpanel {
	display:			block; }		
.floatingpanel h2 {
	margin:				0;
	padding:			0;
	color:				white;
	font-weight:		normal;
	font-size:			1.2em;
}

.floatingpanel p {
	margin:				0;
	margin-top:			5px;
	padding:			0;
	color:				#333333;
}

/* TABS */
/* Login tab-o-matic
-------------- */
#dodol {width: 354px;margin-bottom: 0px;margin-left: 0px; border:4px}
ul#dodol-list {margin: 0 0 1px 0;_margin: 0 0 -1px 0;padding: 0;list-style: none;height: 22px;}
ul#dodol-list li { float: left; }
ul#dodol-list li a:link, ul#dodol-list li a:visited {display: block;float: left;text-decoration: none;
	color: #fff;width: 60px;text-align: center;
	font: bold 12px verdana, arial, san-serif;
	line-height: 23px;
	border: 0px solid #4e4e4e;border-width: 0 0 0px 0px;
	background: #363f58 url(../images/classified-box-corner.gif) no-repeat 100% 0;
	outline: none; /* outline: none; untuk menghilangkan grid di firefox*/
	}
ul#dodol-list li a:hover {color: #e7efff;background-color: #2a59b5;border-left: 0px solid #eee;}

/* fine tuning tab width */
ul#dodol-list #term-tab { border-left:22px solid #fff; width: 166px; }
ul#dodol-list #contactus-tab { width: 166px; }

/* active tab state */
#dodol.term-tab #term-tab {border-left:22px solid #fff; width: 166px; }
#dodol.term-tab #term-tab,
#dodol.contactus-tab #contactus-tab {border-bottom: none;color: #000;background: #9cb0cf url(../images/classified_box_active.gif) no-repeat 100% 0;}

#dodol.term-tab #term,
#dodol.contactus-tab #contactus {height:320px; width:318px; display: block; font-size: 0.8em;}

/* initial hiding of divs */
#term, #contactus  { display: none; }
/* hidden classifieds divs */
.dodol-box {position: relative; background-color:#e7efff;border: 10px solid #9cb0cf !important;border-width: 10px;}
.dodolbox {}

/* Pane untuk scroll */
.holder {color:black;}
		
#dodol {margin-top:4px;}

#div-1a {
 position: relative;
 float:left;
 width:594px;
}
#div-1b {
 position: relative;
 float:left;
 display:block;
 width:354px;
 padding-left:10px;
}

#div-1c {
 clear:both;
}

/* Map */
.map {
	display:none; 
	width:346px; height:125px; }
/* #map { width:346px; } 
#map-image { width:346px; }*/
#map-box { width:352px; }

#map {	padding-top:4px; color:black; font-size:12px;}
#mapcombo {	font-family:arial; }
#map-content {font-family:times;color:#382824; padding:4px; font-size:12px; letter-spacing :0.05em; width:350px}

#example div {}

#div-before, #div-after {
 background-color:#88d;
 color:#000;
}
#div-1 {
 /*background-color:#000;*/
 color:#fff;
}
#div-1-padding {
 padding:0px;
}
/*		#div-1a {
 background-color:#d33;
 color:#fff;
}*/
#div-1b {
 background-color:#fff;
}
#div-1c {
 background-color:#fff;
 color:#858585;
 font-size:11px;
}
#example div p {
 margin:0 .25em;
 padding:.25em 0;
}
#div-before {
	background-color:#a6967d;
	height:25px;}
#menubar-right {
	margin-left:594px;
	height:25px;
	padding-left: 16px;
	background-color:#382824;
	display:block;}
.menu1 {
	position:absolute;		
	font-size: 12.5px;
	color:#fff;
	font-family: arial;
	padding:7px;
	text-align:center;
	min-width:60px;
	font-weight:bold;}
.menu2 {
	white-space:nowrap;
	position:absolute;
	display:block;
	margin-top:4px;
	border-right: 10px solid #382824;
	font-size: 12px;
	font-family: arial;
	padding-top:1px;
	padding-bottom:2px;
	padding-right:14px;
	padding-left:15px;
	text-align:center;
	background-color:#fff;
/*			float:left; */
	 }
	 
/* Impact */
#impact .holder {background-color:#dddddd }

#impact {
	/* Nama isinya: pane2 */
	background:url('../images/bluegrad.jpg');
	background-repeat: repeat-y;
	font-family:arial;
	font-size:12px;
	width:133px;
	margin-top:0;
	float:left; 			
	/*border: 1px solid #003399;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; */
}
.impact-header { 
	width:124px;height:72px;
	padding-left:6px;padding-top:8px;
	color:#fff; }

/* PROGRAM */
#program { margin-left:0px;float:left; }
#program td {
	color:#000;
	font-family:arial;
	font-size:12px;
	width:138px;
	margin:0px;
	padding-left:15px;
	/*background-color:green;*/
}

#program p.programh1, #program p.programh2 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #000;
	/*background-color:red;*/
	padding: 0px 0px 0px 0px;
	margin:1px 0;
}
#program p.programh2 {
	color:#a2744e; 
}		
#program ul { margin-top:0px;margin-bottom:0px; }
#program ul li {
	font-size:11px;
	margin-left: -22px;
	list-style-image: url(../images/dot.png);
}		
#pane3 {padding-left:0px;width:323px;height:330px;}
#pane4 {padding-left:0px;width:323px;height:330px;}

/* TAB */
#term, #contactus {padding-left:0px;width:354px;height:350px;}
#term ul, #contactus ul { margin-top:0px;margin-bottom:0px; }
#term ul li, #contactus ul li {
	font-size:11px;
	margin-left: -22px;
	list-style-image: url(images/dot.png);
}	
#term li {color:#0b3b9d;}
#contactus .underline {text-decoration: underline;}
#contactus ul { margin-top:0px;margin-bottom:0px; color:#0b3b9d; font-style:italic; }
#contactus ul li {
	font-size:11px;
	margin-left: -18px;
	list-style-image: url(images/dot.png);
}	

#pane2 {padding-left:3px;height:320px;border-left: 1px solid #0b3b9d;background-color: #e6e6e6;}
#pane2 p {font-size:11px;color:#00339a;font-weight:bold; }
#pane2 p span { display:block;padding-left:8px;padding-right:0px; font-size:10px;color:#4f4f4f;}

/*FAQ table */

#faq td {
	font-size:12px;
	color:#0b3b9d;
	vertical-align: top;
}