/* CSS Document */

.bodies {
	font-weight:normal;
	font-family: verdana,tahoma;
	color:#666;
	background: url(images/bg.jpg) repeat-x #6AA4A5 top center fixed ;
	margin:0;
	}
	
tr, p, div {
  	font-family      : Verdana, Arial, Helvetica, sans-serif;
  	font-size        : 11px;
  	color            : #333333;
	text-align		 :left;
	text-align		:justify;
	
	}

hr {
	background       : #999999;
 	height           : 1px;
  	width            : 100%;
	}

a:link, a:visited{
	text-decoration:none;

	}
ul {margin:0px;
	padding:0px;

}
li {
	list-style:none;line-height:15px;
	padding-left:15px;
	padding-top:5px;
	background-image:url(images/arrow.gif) ;
	background-repeat:no-repeat;
	background-position:1px 5px;

}
ol{
	margin-left:0px;
	list-style-position:inherit;

}

/* -- tittle untuk module  -- */

/* -- content article atau info -- */
.contentoc{
	margin:0px;
	padding-top:10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align:left;
	}
	
.contentpane{
	text-align:left;
	width: auto;
	color:#333333;
	padding:0px 0px 10px 0px
	}

.contentpaneopen ul { 
	margin-left:20px;
	}

.contentpane ul { 
	margin-left:20px;
	}

.contentheading{
	font-size:18px;
	font-weight:normal;
	font-family:Arial,Verdana,   Tahoma;
	color: #000;
	text-align:left;
	padding:20px 0px 0px 0px;
	}
	
.datecontent{
	font-size:9px;
	color:#6699cc;
	padding:0px 20px 0px 20px;
	margin-bottom:5px;
	margin-left:0px;
  	background-image: url(images/date.gif);
    background-repeat: no-repeat;
  	background-position: 0px 0px;
	line-height:15px;
	text-align:left
	}
	
.archive{
	text-align:left;
	color:#000;
	padding:10px 0px 1px 0px;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
	
.banner{
	float:left;
	
	}

.contentdetail{
	text-align:left;
	width: auto;
	color:#333333;
	padding:20px 20px 0px 20px;
	text-align:justify;
	}

.contentdetail img{
	margin:0px 10px px 0px;
	}
	
.contentdetailheading{
	font-size:18px;
	font-weight:normal;
	font-family:Arial,Verdana,   Tahoma;
	color: #000;
	text-align:left;
	padding:20px 20px 0px 20px;
	}
	
.datecontentdetail{
	font-size:9px;
	color:#6699cc;
	padding:0px 20px 0px 20px;
	margin-bottom:5px;
	margin-left:20px;
  	background-image: url(images/date.gif);
    background-repeat: no-repeat;
  	background-position: 0px 0px;
	line-height:15px;
	text-align:left
	}	

/* -- submenu --*/

a.mainlevel:link, a.mainlevel:visited {
	vertical-align:middle;
	padding:0 0 0 15px;
	font-size:10px;
	font-weight: bold;
	color: #666666;
	text-align:left;
	text-decoration:none;
	display:block;
	width:145px;
	margin-bottom:5px;
	line-height:15px;
	border-bottom:1px solid #cccccc;
	background-image: url(images/arrow_right.gif);
    background-repeat: no-repeat;
  	background-position: 0px 0px;
	}
	
a.mainlevel:hover {
	display:block;
	width:145px;
	margin-bottom:5px;
	line-height:15px;
	color:#ff6600;
	}

a.mainlevel#active_menu {
	color: #F8C57F;
	display:block;
	background-color:#fff;
	width:145px;
	margin-bottom:5px;
	line-height:15px;
	}
	
a.mainlevel#active_menu:hover {

}

#active_menu {
	color: #000;
	display:block;
	background-color:#fff;
	}
	
/* -- tanggal -- */
.date{
	text-indent:10px;
	vertical-align:middle;
	letter-spacing:4px;
	text-align:left;
	}

/* -- search -- */
.search{
	margin-left:5px;
	}
.searchentry1 {
	BACKGROUND: #fcf4f4;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px
}
.searchentry2 {
	BACKGROUND: #ffffff;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px
}
.small {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #222222;
	FONT-FAMILY: Trebuchet MS, Tahoma,Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.searchtitle {
	font-weight:bold;
	font-size:12px;
	color: #000000;
	text-decoration: none
}

.inputbox {
	background:#fff;
	border:1px solid #999999;
	color:#666;
	font-size:11px;
	margin:0px 0 0px 0;
	padding:0px;
	height:15px;
	text-align:left;
	}
.inputbox2 {
	background:#fff;
	border:1px solid #999999;
	color:#666;
	font-size:11px;
	font-style:italic;
	margin:0px 0 0px 0;
	padding:0px;
	height:19px;
	}
.loginbox {
	background:#fff;
	border:1px solid #ccc;
	color:#666;
	font-size:11px;
	font-style:italic;
	padding-left:10px;
	height:17px;
	vertical-align:middle;
	}

.textbox {
	background:#fff;
	border:1px solid #ccc;
	color:#666;
	font-size:11px;
	font-style:italic;
	margin:5px 5px 5px 5px;
	padding:1px;
	height:14px;
	}

.textb {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-indent:5px;
	padding:1px;
	height:14px;
	}	

.button{ 
	background:#747862;
	color:#eeeeee;
	margin-bottom:4px;
	margin-bottom:2px!important;
	padding-bottom:2px;
	font-size:10px;
	border:1px #cccccc solid;
	height:17px;
	vertical-align:middle;
	text-align:center;
	}

form { 
	display:inline;
	margin:0; padding:0;
	}


/* -- polling -- */	
.polls {
	font-size:10px;
	font-weight:bold;
		text-align:left;
	}
	
.pollstableborder{
border:#CCCCCC 1px solid;
	}
	
.sectiontableheader {
	font-weight:bold;
	padding:4px;
	background:#cccccc;

}
.sectiontableentry1 td {
background:#fcf4f4;
padding-bottom:2px;
	text-align:left;

}
.sectiontableentry2 td{
padding-bottom:2px;


}
.sectiontableentry1 {
	padding:3px;
		text-align:left;
}
.sectiontableentry2 {
	padding:3px;
		text-align:left;
}
.sectiontableentry1 label{
	padding-left:5px;}
.sectiontableentry2 label {
	padding-left:5px;}


/* -- pathway --*/
.pathway { 
	color:#ff6600;
	padding:10px 12px 0px 12px;
	text-align:left;
	}
	
.pathway a:link,.pathway a:visited { 
 	color:#ccc; 
	font-weight:bold;
	text-align:left;
	}
	
	
/* -- footer --*/	
.footer {
	font-weight:bold;
	font-family: arial,verdana,tahoma;
	color:#fff;
	text-align:center;
	font-size:11px;
	background-color:#000000;
	}
.line {
border-bottom:#CCCCCC 1px solid;
	}
/* CSS Document */

#left{
	margin-left:13px;
	text-align:left;
	}
	
.modultable{
	margin-bottom:25px;
	margin-top:15px;
	}
	
.modultitle{
	padding-bottom:10px;
	}

.spacer{
	background:#ffffff;
	}

.spacer_l{
	background-color:#ffffff;
	border-left:1px #cccccc solid;
	}
	
.spacer_r{
	background:#ffffff;
	border-right:1px #cccccc solid;
	}
	
.main{
	background:#ffffff;
	}
.newsflash{
	float:left;
	width:345px;
	color:#333333;
	padding:0px 12px 10px 12px;
	border:1px #cccccc solid;
	background-color:#dddddd;
	}

.image{
	float:left;
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin-right:10px;
	margin-bottom:6px
	}
	
.tb_header {
	font-weight:bold;
	padding:5px;
	background-color:#666666;
	color:#FFFFFF;
	border:1px #ccc solid;

}
.tb_entry1 {
	padding:5px;
	text-align:left;
	background-color:#eeeeee;
	border:1px #ccc solid;
}
.tb_entry2 {
	padding:5px;
	text-align:left;
	border:1px #ccc solid;
}

.cm_entry1 {
	padding:5px;
	text-align:left;
	background-color:#eeeeee;
	border:1px #ccc solid;
	}
.cm_entry2 {
	padding:5px;
	text-align:left;
	border:1px #ccc solid;
}

.faq {
	list-style:none;line-height:23px;
	padding-left:25px;
	padding-top:5px;
	background-image:url(images/bar_faq.jpg) ;
	background-repeat:no-repeat;
	background-position:1px 5px;
	font-weight:bold;
	margin-top:25px;
}

.mk {
	list-style:none;line-height:23px;
	padding-left:25px;
	padding-top:5px;
	background-image:url(images/bar_mk.jpg) ;
	background-repeat:no-repeat;
	background-position:1px 7px;
	font-weight:bold;
	margin-top:25px;
}

.image_ps{
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin=:1px;	
	width:100px;
	text-align:center;
	}

.image_pro{
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin=:1px;	
	width:140px;
	text-align		:center;
	}

.list_image{
	text-align:left;
	width: auto;
	color:#333333;
	padding:10px 20px 0px 20px;
	}

.image_desc{
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin=:0px;
	text-align:center;
	}	
a.image_ps:link{
	float:none	}
	
.filter{
	display:block;
	}


.sobatpanda{
	text-align:left;
	width: auto;
	color:#333333;
	margin:50px;
	}
	
.menupanda{
	vertical-align:middle;
	padding:0 0 0 0px;
	font-size:10px;
	font-weight: bold;
	color: #666666;
	text-align:center;
	text-decoration:none;
	display:block;
	width:653px;
	margin-bottom:5px;
	line-height:20px;
	border:1px solid #cccccc;
	background: #fcf4f4;
	}

.menupanda a:link, .menupanda a:visited{
	color: #666666;
	}	
.menupanda a:hover{
	color: #000000;
	}

.text_menupanda{
	vertical-align:middle;
	padding-right:15px;
	margin-top:3px;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
	text-align:right;
	}

.text_menupanda a:link, .text_menupanda a:visited{
    color:#ffffff;
	}
	
.text_menupanda a:hover
	{
    color:#cccccc;
	}
.image_kom{
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin=:1px;	
	width:50px;
	text-align:center;
	}

.image_kom{
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin=:1px;	
	width:50px;
	text-align:center;
	}
.image_aksi{
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin=:0px;	
	width:90px;
	text-align:center;
	clear:both;
	}
.text_komentar{
	padding: 10px 10px 10px 10px;
	margin:0px;
	font-size:11px;
	color: #666666;
	text-align:left;
	background:#fcf4f4;
	}
	
.title_aksi{
	padding: 10px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	color: #666666;
	text-align:left;
	}
	
.clear {
	clear:both;
	margin:0px;
	padding:0px;
	}

.text a:link, .text a:visited{
    color:#666666;
	}
	
.text a:hover
	{
    color:#000000;
	}