.content h1 { color: #000; font-size: 24px; margin: 0 0 10px 0; padding: 0; font-weight: bold; }
.content h2 { color: #666; font-size: 16px !important; margin: 0 0 5px 0 !important; padding: 10px 0 0px 0; font-weight: bold; }
.content p { margin: 0 0 10px 0; padding: 0; line-height: 150%; font-size: 12px !important; }
.content p img { margin: 0 !important; }
.content ul { margin: 0 0 10px 25px; padding: 0; list-style-type: disc !important; font-size: 12px !important; }
.content ol { margin: 0 0 10px 28px; padding: 0; font-size: 12px !important; }
.content ul li { margin: 0 0 3px 0; padding: 0 0 0 10px; line-height: 150%; }
.content ol li { margin: 0 0 3px 0; padding: 0 0 0 7px; line-height: 150%; }
.content a { color: #000; text-decoration: none; }
.content a:hover { color: #000; text-decoration: underline; }
.content .tbl_banner td { padding-bottom: 10px; }
.content .textra { font-size: 11px; color: #999; }
.content .tbl_data { margin: 0 0 10px 0; border-right: 1px solid #CCC; border-top: 1px solid #CCC; }
.content .tbl_data td { text-align: center; padding: 5px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.content .tbl_data th { text-align: center; padding: 5px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.content .tbl_data th.thspecial { background-color: #333; color: #FFF; font-weight: normal;  }
.content .tbl_data th.thead { background-color: #000; color: #FFCC00; }
.content .tbl_data tr.zebra td { background-color: #F1F1F1; }
.content .tbl_news { width: 100%; border: none; border-right: 1px solid #CCC; border-top: 1px solid #CCC; }
.content .tbl_news td { padding: 5px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.content .tbl_news th { padding: 5px; background-color: #000; color: #FFCC00; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.content .flag { padding: 5px 0 5px 0; display: block; background-color: #000; color: #FFCC00; font-weight: bold; }

.HomePanel h1 { width: 240px; background: url(images/bg_panel.jpg) no-repeat; display: block; margin: 0; padding: 10px 0 10px 10px; color: #FFF; font-size: 12px; }

.QLPanel { width: 250px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }
	.QLPanel h1 { width: 240px; background: url(images/bg_panel.jpg) no-repeat; display: block; margin: 0; padding: 10px 0 10px 10px; color: #FFF; font-size: 12px; font-weight: bold; text-align: left; }
	.QLPanel .inner { background: #ffffcd; padding: 10px; }
	.QLPanel label { display: block; }
	.QLPanel label.margin { margin: 10px 0 0 0; }
	.QLPanel select { width: 200px; font-size: 11px; border: 1px solid #D4D4D4; padding: 3px; }
	.QLPanel select option { background: #F1F1F1; color: #666; width: auto !important; }
	.QLPanel select option.thdr { font-weight: bolder; background-color: #FFF; color: #000; font-size: 12px; }
	.QLPanel .btn { width: 25px; height: 22px; background: url(images/btn_go.jpg) no-repeat; text-indent: -10000em; letter-spacing: -10000px; overflow: hidden; border: none; vertical-align: bottom; margin: 0 0 1px 0; cursor: pointer; }

.banner_inner h1 { float: left; color: #000; margin: 35px 0 0 15px; padding: 0; font-size: 24px; font-weight: bold; }
.banner_inner p { float: right; margin: 0; padding: 0; }

.external { display: block; margin: 0 0 10px 0 !important; padding: 0 !important; background: #CCC url(images/sub_corner_atas_b.jpg) no-repeat; }
	.external_corner_bawah { width: 250px !important; height: 10px !important; display: block; padding: 0 !important; background: #CCC url(images/sub_corner_bawah_b.jpg) no-repeat center bottom; }
	.external ul { margin: 0 !important; padding: 10px 0 0 0 !important; list-style-type: none; border-bottom: 1px solid #AAA; }
	.external li { margin: 0 !important; padding: 0 !important; border-top: 1px solid #AAA; }
	.external li a { padding: 7px 0 8px 10px !important; color: #000 !important; font-weight: bold; text-decoration: none !important; margin: 0; display: block; }
	.external li a:hover { background-color: #AAA !important; }
	
.submenu { display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; background: #E5E5E5 url(images/sub_corner_bawah.jpg) no-repeat center bottom; }
	.sub_corner_atas { width: 250px; height: 10px; display: block; padding: 0; background: #E5E5E5 url(images/sub_corner_atas.jpg) no-repeat center top; }
	.submenu ul { margin: 0; padding: 0 0 0 0; list-style: none; border-bottom: 1px solid #CCC; }
	.submenu li { margin: 0; padding: 0; border-top: 1px solid #CCC; }
	.submenu li a { padding: 7px 0 8px 10px; color: #000 !important; font-weight: bold; text-decoration: none !important; margin: 0; display: block; }
	.submenu li a:hover { background-color: #CCC !important; }
	.submenu li.active a { background-color: #000 !important; color: #FFCC00 !important; }
	.submenu li.active a:hover { background-color: #000 !important; color: #FFCC00 !important; }

