/* 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;
	}
	
body, tr, td, 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;
	}
	
a img {
	border: 0px;
	}
	
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;
	}
	
.contentheading a{
	color: #000;
	}
	
.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 7px 0px;
	}
	
.contentdetailheading{
	font-size:18px;
	font-weight:normal;
	font-family:Arial,Verdana,   Tahoma;
	color: #000;
	text-align:left;
	padding:20px 20px 0px 20px;
	}
	
.contentdetailheading a{
	color: #000;
}

.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
	}	

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

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

.contentpageheading{
	font-size:18px;
	font-weight:normal;
	font-family:Arial,Verdana,   Tahoma;
	color: #000;
	text-align:left;
	padding:10px 20px 0px 20px;
	}


/* -- submenu --*/
.leftoc{
	margin:0px;
	padding-top:10px;
	text-align:left;
	}


a.sbpanda:link, a.sbpanda: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;
	margin-left: 0px;
	line-height:15px;
	background-image: url(../images/ico_arrow.gif);
    background-repeat: no-repeat;
  	background-position: 0px 2px;
	}
	
a.sbpanda:hover {
	color:#ff6600;
	}
	
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;
	}

.inputbox {
	background:#fff;
	border:1px solid #999999;
	color:#666;
	font-size:11px;
	font-style:italic;
	margin:0px;
	padding:0px;
	height:15px;
	text-align:center;
	}
.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:0px;
	margin: 0px;
	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;

}
.sectiontableentry1 td {
background:#111111;
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{
	padding-top: 5px;
	padding-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
	}
.image_c{
	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;
	}

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


.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	}
	

.text a:link, .text a:visited{
    color:#666666;
	}
	
.text a:hover
	{
    color:#000000;
	}
	
.filter{
	display:block;
	}
	
.err_form {
	margin-top: 10px;
	background: #F1FDE7;
	width: 90%;
	border: solid 1px #CCCCCC;
	padding: 10px;
	font-weight: bold;
	color: #9E1E00;
	text-align: left;
	font-family: verdana,tahoma;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 11px;
}

.err_field {
	color: #A32638;
	text-align: left;
	font-weight: normal;
}


UL.list_sobatpanda {
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 0px;
	line-height: 1;
	width: 500px;
}

UL.list_sobatpanda LI {
	float: left;
	list-style: none;
	padding: 0px;
	margin-left: 2px;
	margin-right: 1px;
	margin-bottom: 3px;
	width: 92px;
	height: 120px;
}

.sobatpanda_desc{
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
    	background-color:#ffffff;
	font-size:9px;
	margin:1px;
	width:92px;
	height:30px;
	padding:0px;
	text-align:center;
}

/* galeri */
.image_galeri_album{
	padding:10px 10px 10px 10px;
	border:1px #cccccc solid;
	background-color:#ffffff;
	margin:1px;	
	height: 110px;
	width:120px;
	text-align:center;
	}

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

/* Kuis */
.question {
	list-style:none;line-height:23px;
	background-color:#ede5ad;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	font-weight:bold;
	margin-top:25px;
}

/* Sobat Panda Box */
.sub_sp_menu, a.sub_sp_menu:link, a.sub_sp_menu:visited {
	vertical-align:middle;
	padding:0 0 0 12px;
	font-size:10px;
	font-weight: bold;
	color: #666666;
	text-align:left;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
	line-height:15px;
	background-image: url(../images/arrow_right.gif);
    background-repeat: no-repeat;
  	background-position: 0px 3px;
	}
	
a.sub_sp_menu:hover {
	display:block;
	color:#ff6600;
	}