@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #fff;
	text-align: left;
	line-height: 125%;
	margin: auto;
	padding: 0;
}
a:link {
	color: #6600CC;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #6600CC;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #0000CC;
	text-decoration: underline;
	font-weight: bold;
}
h3 {
	font-size: 14px;
	padding: 1px 0;
	margin: 0;
	line-height: 110%;
}
h4 {
	color: #060;
	font-size: 13px;
	padding: 0;
	margin: 0;
	line-height: 110%;
}
h5 {
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	background-color: #99FFFF;
	margin: 0;
	padding: 2px 6px;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #0066CC;
	clear: both;
}
h5 a:link {
	color: #000;
}
h5 a:visited {
	color: #000;
}
h5 a:hover {
	color: #e00;
}
form {
	margin: 0;
	padding: 0;
}
table {
	font-size: 11px;
}
.bannertop {
	margin: 0;
	padding: 3px 0;
	text-align: center;
	clear: both;
}
.bannerbottom {
	margin: 0;
	padding: 4px 0 2px 0;
	text-align: center;
	border-top: 1px solid #99CC66;
	clear: both;
}
.date {
	font-size: 10px;
	color: #0000FF;
}
.userngecap {
	color: #000099;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFCC;
	padding: 4px 8px;
	margin: 0;
	border-bottom: 1px solid #999966;
	clear: both;
}

/* HEADER */
#header {
	width: 100%;
	text-align: left;
	margin: auto;
	padding: 1px 0 0 0;
	border-top: 1px solid #fff;
	clear: both;
}
#header .logo {
	margin: 0;
	padding: 1px 0 0 6px;
	clear: both;
}
#header .updated {
	width: 50%;
	font-size: 10px;
	text-align: left;
	color: #666;
	margin: 0 0 1px 0;
	padding: 2px 0 1px 6px;
	float: left;
}
#header .login {
	width: 40%;
	text-align: right;
	margin: 0;
	padding: 0px 10px 2px 0;
	float: right;
}
#header #kanal {
	color: #fff;
	text-align: center;
	background-color: #0033CC;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
	clear: both;
}
#header #kanal a:link {
	color: #ff0;
}
#header #kanal a:visited {
	color: #ff0;
}
#header #kanal a:hover {
	color: #fff;
}
#history {
	color: #000;
	font-size: 11px;
	background-color: #99FFFF;
	margin: 0;
	padding: 2px 6px;
	border-bottom: 2px solid #0066CC;
	clear: both;
}
#history a:link {
	color: #000;
}
#history a:visited {
	color: #000;
}
#history a:hover {
	color: #c00;
}

/* CONTENT */
#headngecap {
	min-height: 50px;
	height: auto !important;
	height: 50px;
	background-color: #FFFF99;
	padding: 6px 8px;
	margin: 0;
	border-bottom: 1px solid #999966;
	clear: both;
}
#headngecap h2 {
	font-size: 16px;
	padding: 0;
	margin: 0;
}
#headngecap h3 {
	color: #003399;
	font-size: 14px;
}
#headngecap h3 a:link {
	color: #e00;
}
#headngecap h3 a:visited {
	color: #e00;
}
#headngecap h3 a:hover {
	color: #000;
}
#headngecap h4 {
	color: #0033CC;
	font-size: 10px;
	padding: 1px 0;
}
#headngecap .image {
	margin: 0px 5px 0 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #999966;
	float: left;
}
#headngecap .inputsubmit {
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #FCF8FF;
	margin: 4px 0;
	background-color: #EC0000;
	border: 1px solid #F90000;
	clear: both;
}
#framehead {
	width: auto;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	clear: both;
}
#framehead a:link {
	color: #e00;
}
#framehead a:visited {
	color: #e00;
}
#framehead a:hover {
	color: #003399;
}
#framehead h4 {
	color: #0033CC;
	font-size: 11px;
	padding: 3px 0;
}
#framehead h5 {
	width: 70px;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background-color: #e00;
	padding: 1px 0;
	border: 0px;
}
#framehead h5 a:link {
	color: #fff;
}
#framehead h5 a:visited {
	color: #fff;
	text-decoration: none;
}
#framehead .date {
	font-weight: bold;
}
#framehead .headline {
	padding: 4px 0 1px 8px;
	margin: 0;
	border-bottom: 1px solid #CCCC99;
	clear: both;
}
#framehead .headline h3 {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
#framehead .headline .image {
	margin: 0px 5px 0 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #999966;
	float: left;
}
#framehead .headline .comentuser {
	padding: 10px 0 0 0;
	margin: 0 5px 0 70px;
}
#framehead .headline .comentframe {
	padding: 1px 0 0 0;
	margin: 0;
	clear: both;
}
#framehead .headline .comentwp {
	margin: 8px 5px 3px 0;
	padding: 4px 6px;
	font-size: 10px;
	background-color: #FF9966;
}
#framehead .headline .commenttxt {
	font-size: 12px;
	background-color: #FF9966;
	border: 1px solid #FF9966;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}
#framehead .headline .unekunek {
	color: #cc0000;
	text-align: center;
	font-weight: bold;
	background-color: #FFFF99;
	padding: 3px;
	margin: 0 5px 3px 3px;
	border: 1px solid #CCCC33;
	clear: both;
}
#framehead .headline .input {
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #66CCCC;
	width: 150px;
	margin: 0;
	padding: 0;
	clear: both;
}
#framehead .headline .inputsubmit {
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #FCF8FF;
	margin: 4px 0;
	background-color: #EC0000;
	border: 1px solid #F90000;
	clear: both;
}

#framehead .nonhl {
	font-size: 10px;
	line-height: 120%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #CCCC99;
	clear: both;
}
#framehead .nonhl .image {
	margin: 4px 5px 4px 6px;
	padding: 2px;
	background: #fff;
	border: 1px solid #999966;
	float: left;
}
#framehead .nonhl .permintaan {
	margin: 2px 6px 4px 6px;
	padding: 2px;
}
#framehead .nonhl .setuju {
	margin: 0;
	padding: 0 3px;
	background-color: #99FFFF;
}
#framehead .nonhl .tolak {
	margin: 0;
	padding: 0 3px;
	background-color: #FFCC99;
}

#framehead .nonhl .comentwp {
	background-color: #CCFFFF;
	margin: 3px 0 3px 7px;
	padding: 4px 6px;
}
#framehead .nonhl .comentwp .gabung {
	background-color: #0000CC;
	margin: 0;
	padding: 1px 6px;
	font-size: 11px;
}
#framehead .nonhl .comentwp .gabung a:link {
	color: #fff;
}
#framehead .nonhl .comentwp .gabung a:visited {
	color: #fff;
}
#framehead .nonhl .comentwp .keluar {
	background-color: #e00;
	margin: 0;
	padding: 1px 6px;
	font-size: 11px;
}
#framehead .nonhl .comentwp .keluar a:link {
	color: #fff;
}
#framehead .nonhl .comentwp .keluar a:visited {
	color: #fff;
}
#framehead .paging {
	text-align: right;
	background-color: #FFFF99;
	padding: 2px 8px 5px 8px;
	margin: 0;
	border-bottom: 1px solid #999966;
	clear: both;
}
#framehead .terbanyak {
	min-height: 65px;
	height: auto !important;
	height: 65px;
	font-size: 10px;
	line-height: 130%;
	background-color: #FFFFCC;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #CCCC99;
	clear: both;
}
#framehead .terbanyak .image {
	margin: 4px 5px 4px 6px;
	padding: 2px;
	background: #fff;
	border: 1px solid #999966;
	float: left;
}

/* Content */
#content {
	min-height: 65px;
	height: auto !important;
	height: 65px;
	border-bottom: 1px solid #669999;
	margin: 0;
	padding: 7px;
	clear: both;
}
#content h1 {
	font-size: 15px;
	padding: 2px 0;
	margin: 0;
	line-height: 100%;
}
#content h2 {
	color: #07008B;
	font-size: 13px;
	padding: 0;
	margin: 0;
	line-height: 100%;
}
#content p {
	margin: 0;
	padding: 5px 0;
}
#content ul {
	padding: 2px 6px 10px 20px;
	margin: 0;
}
#content ul li {
	width: 90%;
	color: #E80000;
	font-weight: bold;
	list-style-type: square;
	list-style-position: outside;
	padding: 1px 0;
	margin: 0;
	clear: both;
}
#content ol {
	padding: 2px 6px 10px 20px;
	margin: 0;
}
#content ol li {
	width: 90%;
	padding: 1px 0;
	margin: 0;
	clear: both;
}
#content .unekunek {
	color: #cc0000;
	text-align: center;
	font-weight: bold;
	background-color: #FFFF99;
	padding: 4px;
	margin: 0 0 6px 0;
	border: 1px solid #CCCC33;
	clear: both;
}
#content .frameform {
	padding: 0;
	margin: 4px 0 0 0;
	border-bottom: 1px solid #99CCCC;
	border-top: 0;
	clear: both;
}
#content .kolom {
	padding: 3px 0;
	margin: 0;
	border-top: 1px solid #99CCCC;
	clear: both;
}
#content .teksnya {
	width: 70px;
	padding: 0;
	margin: 0;
	float: left;
}
#content .comment {
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #66CCCC;
	padding: 6px 0;
	margin: 7px 0 0 0;
}
#content .input {
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #66CCCC;
	width: 130px;
	margin: 0;
	padding: 0;
	clear: both;
}
#content .commenttxt {
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #66CCCC;
	width: 125px;
	margin: 0;
	padding: 0;
	clear: both;
}
#content .inputsubmit {
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #FCF8FF;
	background-color: #EC0000;
	border: 1px solid #F90000;
	clear: both;
}
#content .paging {
	text-align: right;
	background-color: #FFFF99;
	padding: 2px 8px 5px 8px;
	margin: 0;
	clear: both;
}
#content .c1 {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background-color: #0099CC;
	padding: 3px 0;
}
#content .c2 {
	font-size: 10px;
	text-align: center;
	background-color: #FFC;
}
#content .c3 {
	font-size: 10px;
	text-align: center;
	background-color: #CCFFFF;
}


#framebanyak {
	width: auto;
	font-size: 10px;
	margin: 0;
	padding: 0;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #6cc;
	clear: both;
}
#framebanyak h4 {
	color: #e00;
	font-size: 10px;
}
#framebanyak .nonhl {
	padding: 0px;
	margin: 0 0 4px 0;
	clear: both;
}
#framebanyak .nonhl .comentframe {
	padding: 0;
	margin: 0 5px 0 2px;
	clear: both;
}
#framebanyak .nonhl .comentwp {
	background-color: #CCFFFF;
	margin: 3px 0 3px 7px;
	padding: 4px 6px;
}
#fitur {
	width: 85%;
	margin: 0;
	padding: 0 0 0 16px;
	clear: both;
}
#fitur ul {
	padding: 4px 6px 6px 10px;
	margin: 0;
}
#fitur ul li {
	font-weight: bold;
	color: #FF3300;
	list-style-type: square;
	list-style-position: outside;
	padding: 1px 0;
	margin: 0;
	clear: both;
}
#komunitas {
	margin: 0;
	padding: 6px 10px;
	clear: both;
}
#komunitas p {
	margin: 0;
	padding: 0;
	clear: both;
}

/* Footer */
#footer {
	width: 100%;
	background-color: #EDEDED;
	margin: auto;
	padding: 0;
	clear: both;
}
#footer .framekeatas {
	font-size: 12px;
	font-weight: bold;
	background-color: #0033CC;
	height: 20px;
	margin: 0;
	padding: 5px 6px;
	border-top: 1px solid #fff;
	clear: both;
}
#footer .framekeatas a:link {
	color: #FFF8F8;
}
#footer .framekeatas a:visited {
	color: #FFF8F8;
}
#footer .framekeatas p {
	margin: 0;
	padding: 0;
}
#footer .keatas {
	text-align: center;
	margin: 0;
	padding: 3px 0;
	float: left;
}
#footer .searching {
	margin: 0;
	padding: 0;
	float: left;
}
#footer .input {
	font-size: 12px;
	background-color: #FAFAFF;
	background-image: url(../images/bggoolge.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #fff;
	width: 90px;
	margin: 0 2px 0 24px;
	padding: 0;
	clear: both;
}
#footer .inputsubmit {
	width: 55px;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #FCF8FF;
	background-color: #EC0000;
	border: 1px solid #F90000;
	clear: both;
}
#footer .menu01 {
	font-size: 11px;
	margin: 0;
	padding: 2px 6px;
	clear: both;
}
#footer .menu02 {
	font-size: 10px;
	margin: 0;
	padding: 2px 6px 6px 6px;
	border-top: 1px solid #999;
	clear: both;
}

#framehead .nonhl .box {
	padding: 0;
	margin: 0 5px 0 2px;
	clear: both;
}

#framehead .nonhl .box_content {
	background-color: #66FFFF;
	margin: 3px 0 3px 7px;
	padding: 4px 6px;
}

.blue {
  text-align: center;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  background: #00C;
  margin: 3px 3px 3px 0;
  padding: 0 4px;
  border: 1px solid #00C;
  clear: both;
}
.red {
  text-align: center;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  background: #e00;
  margin: 3px 3px 3px 0;
  padding: 0 4px;
  border: 1px solid #e00;
  clear: both;
}

#crumbs img{
    border-style:none;
}

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

#crumbs ul li {
    display: inline;
    
}