@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: #990099;
    text-decoration: none;
}
a:visited {
    color: #990099;
    text-decoration: none;
}
a:hover {
    color: #0000CC;
    text-decoration: underline;
}
h3 {
    font-size: 15px;
    padding: 1px 0;
    margin: 0;
    line-height: 110%;
}
h4 {
    color: #060;
    padding: 0;
    margin: 0;
    line-height: 110%;
}
h5 {
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    background-color: #CCCCFF;
    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;
    clear: both;
}
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;
}

/* 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 .login a:link {
    color: #e00;
    font-weight: bold;
}
#header .login a:visited {
    color: #e00;
    font-weight: bold;
}
#header .login a:hover {
    color: #009;
    font-weight: bold;
}
#header #kanal {
    color: #fff;
    text-align: center;
    background-color: #333399;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    clear: both;
}
#header #kanal a:link {
    color: #ff0;
    font-weight: bold;
}
#header #kanal a:visited {
    color: #ff0;
    font-weight: bold;
}
#header #kanal a:hover {
    color: #fff;
    font-weight: bold;
}
#history {
    color: #000;
    font-size: 11px;
    background-color: #CCCCFF;
    margin: 0;
    padding: 2px 6px;
    border-bottom: 2px solid #0066CC;
    clear: both;
}
#history a:link {
    color: #000;
    font-weight: bold;
}
#history a:visited {
    color: #000;
    font-weight: bold;
}
#history a:hover {
    color: #c00;
    font-weight: bold;
}

/* CONTENT */
#frameheadline {
    width: auto;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #fff;
    clear: both;
}
#frameheadline a:link {
    color: #039;
}
#frameheadline a:visited {
    color: #039;
}
#frameheadline a:hover {
    color: #e00;
}
#frameheadline .headtees {
    font-size: 14px;
    font-weight: bold;
    color: #0033CC;
    background-color: #cff;
    padding: 3px 7px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    clear: both;
}
#frameheadline .headline {
    color: #000;
    background-color: #CCFFFF;
    padding: 4px 0 4px 7px;
    margin: 0;
    border-bottom: 1px solid #99CCCC;
    clear: both;
}
#frameheadline .headline h3 {
    font-size: 17px;
    padding: 0 0 3px 0;
    margin: 0;
}
#frameheadline .headline h3 a:link {
    color: #e00;
}
#frameheadline .headline h3 a:visited {
    color: #e00;
}
#frameheadline .headline h3 a:hover {
    color: #006;
}
#frameheadline .headline .jempol {
    margin: 0;
    padding: 0 8px 0 0;
}
#frameheadline .headline .inputsubmit {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    margin: 1px 0 5px 0;
    background-color: #EC0000;
    border: 1px solid #F90000;
    clear: both;
}
#frameheadline .headline h4 {
    color: #0033CC;
    font-size: 13px;
    padding: 1px 0;
}
#frameheadline .nonhl {
    background: #fff;
    margin: 0;
    padding: 2px 7px 3px 7px;
    border-bottom: 1px solid #ccc;
    clear: both;
}
#frameheadline .nonhl h3 {
    font-size: 15px;
    padding: 0 0 3px 0;
    margin: 0;
}
#frameheadline .nonhl h3 a:link {
    color: #e00;
}
#frameheadline .nonhl h3 a:visited {
    color: #e00;
}
#frameheadline .nonhl h3 a:hover {
    color: #006;
}
#frameheadline .nonhl .jempol {
    margin: 0;
    padding: 0 8px 0 0;
}
#frameheadline .nonhl h4 {
    color: #0033CC;
    font-size: 11px;
    padding: 1px 0;
}
#frameheadline .nonhl .text_field_sel,
#frameheadline .nonhl .input {
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #6699CC;
    width: 150px;
    margin: 0;
    padding: 0;
    clear: both;
}
#frameheadline .nonhl .text_area_sel,
#frameheadline .nonhl .commenttxt {
    background-color: #fff;
    border: 1px solid #6699CC;
    width: 90%;
    margin: 0;
    padding: 0;
    clear: both;
}
#frameheadline .nonhl .green {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #090;
    margin: 3px 0;
    padding: 0 4px;
    border: 1px solid #090;
    clear: both;
}
#frameheadline .nonhl .red {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #e00;
    margin: 3px 0;
    padding: 0 4px;
    border: 1px solid #e00;
    clear: both;
}
#frameheadline .nonhl .inputsubmit {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #e00;
    margin: 3px 0;
    padding: 0 4px;
    border: 1px solid #e00;
    clear: both;
}
#frameheadline .paging {
    text-align: right;
    background-color: #CFF;
    padding: 2px 8px 5px 8px;
    margin: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #9CC;
    clear: both;
}
#frameheadline .profildll {
    /* min-height: 60px;
    height: auto !important;
    height: 60px; */
    background-color: #eee;
    padding: 5px 0 5px 7px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    clear: both;
}
#frameheadline .profildll .peringatan {
    background-color: #fff;
    margin: 5px 0 20px 0 ;
    padding: 3px 7px;
    clear: both;
}
#frameheadline .profildll .image {
    margin: 0px 5px 0 0;
    padding: 2px;
    background: #fff;
    border: 1px solid #999;
    float: left;
}
#frameheadline .profildll h3 {
    font-size: 15px;
    padding: 0 0 3px 0;
    margin: 0;
}
#frameheadline .profildll h3 a:link {
    color: #e00;
}
#frameheadline .profildll h3 a:visited {
    color: #e00;
}
#frameheadline .profildll h3 a:hover {
    color: #006;
}
#frameheadline .profildll h4 {
    color: #03C;
    font-size: 12px;
    padding: 4px 0 1px 0;
    margin: 0;
    clear: both;
}
#frameheadline .profildll .input {
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #6699CC;
    width: 150px;
    margin: 0;
    padding: 0;
    clear: both;
}
#frameheadline .profildll .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;
}
#frameheadline .profildll .green {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #090;
    margin: 3px 0;
    padding: 0 2px;
    border: 1px solid #090;
    clear: both;
}
#frameheadline .profildll .red {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #e00;
    margin: 3px 0;
    padding: 0 2px;
    border: 1px solid #e00;
    clear: both;
}
#frameheadline .nonhl .peringatan {
    background-color: #EEEEEE;
    margin:5px 0 ;
    padding: 3px 7px;
    clear: both;
}

/* Content */
#content {
    min-height: 65px;
    height: auto !important;
    height: 65px;
    border-bottom: 1px solid #6699CC;
    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 #99CCFF;
    border-top: 0;
    clear: both;
}
#content .kolom {
    padding: 3px 0;
    margin: 0;
    border-top: 1px solid #99CCFF;
    clear: both;
}
#content .teksnya {
    width: 70px;
    padding: 0;
    margin: 0;
    float: left;
}
#content .comment {
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #6699CC;
    padding: 6px 0;
    margin: 7px 0 0 0;
}
#content .input {
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #6699CC;
    width: 130px;
    margin: 0;
    padding: 0;
    clear: both;
}
#content .commenttxt {
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #6699CC;
    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: #CCCCCC;
    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;
}

#faforit {
    width: auto;
    margin: 0;
    padding: 4px 8px;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #D0D0D0;
    clear: both;
}
#faforit a:link {
    color: #006;
}
#faforit a:visited {
    color: #006;
}
#faforit a:hover {
    color: #e00;
}
#faforit h3 {
    font-size: 15px;
    padding: 0 0 3px 0;
    margin: 0;
}
#faforit h3 a:link {
    color: #e00;
}
#faforit h3 a:visited {
    color: #e00;
}
#faforit h3 a:hover {
    color: #006;
}
#faforit h4 {
    color: #0033CC;
    font-size: 11px;
    padding: 1px 0;
}
#takbermutu {
    width: auto;
    margin: 0;
    padding: 4px 8px;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #D0D0D0;
    clear: both;
}
#takbermutu a:link {
    color: #006;
}
#takbermutu a:visited {
    color: #006;
}
#takbermutu a:hover {
    color: #e00;
}
#takbermutu h3 {
    font-size: 15px;
    padding: 0 0 3px 0;
    margin: 0;
}
#takbermutu h3 a:link {
    color: #e00;
}
#takbermutu h3 a:visited {
    color: #e00;
}
#takbermutu h3 a:hover {
    color: #006;
}
#takbermutu h4 {
    color: #0033CC;
    font-size: 11px;
    padding: 1px 0;
}
#link {
    width: 85%;
    margin: 0;
    padding: 0 0 0 16px;
    border-bottom: 1px solid #D0D0D0;
    clear: both;
}
#link ul {
    padding: 4px 6px 6px 10px;
    margin: 0;
}
#link ul li {
    font-weight: bold;
    color: #FF3300;
    list-style-type: square;
    list-style-position: outside;
    padding: 1px 0;
    margin: 0;
    clear: both;
}
#fitur {
    width: 85%;
    margin: 0;
    padding: 0 0 0 16px;
    border-bottom: 1px solid #D0D0D0;
    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;
    border-bottom: 1px solid #99CCFF;
    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: #333399;
    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;
}
#detiksearch {
    text-align: center;
    background-color: #609;
    margin: 0;
    padding: 4px 8px;
    border-bottom: 1px solid #fff;
    clear: both;
}
#detiksearch .input {
    width: 130px;
    font-size: 11px;
    background-color: #FFFFFF;
    background-image: url(../images/logodetiksearchsmall.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0;
    border: 1px solid #609;
}
#detiksearch .inputsubmit {
    font-family: Verdana;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    background-color: #e00;
    border: 1px solid #e00;
    padding: 0 1px;
    margin: 0;
    clear: both;
}