a {
    color : #0066cc;
    text-decoration : none;
}

a:hover {
    color : #ff0066;
    text-decoration : underline;
}

a.side {
    color : #0066cc;
    text-decoration : none;
}

a:hover.side {
    color : #ff0066;
    text-decoration : underline;
}

body {
    color : #555;
    background : #fff;
    font-family : System, Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

form {
    margin : 0px;
}

hr {
    height : 1px;
    border : 1px dashed #ccc;
}

hr.side-hr {
    height : 1px;
    border : 1px solid #e1e1e1;
}

td {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

pre {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

.alt {
    color : #005599;
}

.outer-border {
    border-right : 1px solid #e1e1e1;
    border-left : 1px solid #e1e1e1;
}

.top-header-left {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #ccc;
    background-color : #fff;
    padding : 5px;
    border-left : 1px solid #e1e1e1;
    border-top : 1px solid #e1e1e1;
}

.top-header-right {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #777;
    background-color : #fff;
    padding : 5px;
    border-right : 1px solid #e1e1e1;
    border-top : 1px solid #e1e1e1;
}

.sub-header {
    font-family : Arial, Verdana, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #000;
    background-color : #d72d2d;
    border-right : 1px solid #d72d2d;
}

.date {
    font-family : Geneva, Arial, Verdana, Helvetica, sans-serif;
    font-size : 10px;
    color : #fff;
    width: 320px;
    background-color : #d72d2d;
    border-left : 1px solid #d72d2d;
    padding : 5px 0px 5px 5px;
}

.sub-header ul{
    margin: 0;
    padding: 0;
}

.sub-header ul li{
    display: inline;
}

.sub-header ul li.first-link .bullet{
    display: none;
}

.full-header {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #ccc;
    background-color : #fff;
    padding : 5px;
    border-left : 1px solid #e1e1e1;
    border-right : 1px solid #e1e1e1;
}

.footer {
    font-family : Arial, Verdana, Helvetica, sans-serif;
    font-size : 10px;
    color : #fff;
    background-color : #d72d2d;
    padding : 5px;
}

.footer a {
    color: #f6f429;
    text-decoration: none;
}

.footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.button {
    font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size : 11px;
    font-weight: bold;
    color : #fff;
    background-color : #3b5998;
    height: 23px;
    margin-top : 2px;
}

.green_button{
    font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size : 11px;
    font-weight: bold;
    color : #fff;
    background-color : #69a74e;
    height: 23px;
    margin-top : 2px;
}

.red_button{
    font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size : 11px;
    font-weight: bold;
    color : #fff;
    background-color : red;
    height: 23px;
    margin-top : 2px;
}

.bbcode {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #555;
    background-color : #f1f1f1;
    border : 1px solid #ccc;
    margin-top : 2px;
}

.textbox {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #555;
    background-color : #f8f8f8;
    border : 1px solid #ccc;
}

.main-body {
    font-size : 11px;
    color : #555;
    background-color : #fff;
    padding : 4px 0px 5px 0px;
}

.center {
    margin : 0 auto;
}

.side-body {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #777;
    background-color : #fff;
    padding : 4px;
}

.side-fullbody {
    font-size : 10px;
    color : #777;
    background-color : #f6f6f6;
}

.side-body-login {
    font-family : Arial, Verdana, Helvetica, sans-serif;
    font-size : 11px;
    color : #777;
    background-color : #fff;
    padding : 4px;
}

.main-bg {
    color : #555;
    background-color : #fff;
    padding : 10px 10px 5px 10px;
}

.border {
    border : 1px solid #e1e1e1;
    margin-bottom : 5px;
}

.admin-message {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    text-align : center;
    color : #555;
    background-color : #f6f6f6;
    border : 1px solid #e1e1e1;
    padding : 3px 4px 5px 4px;
    margin-bottom : 5px;
}

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
    color : #777;
    background-color : #fff;
    padding : 3px 0px 3px 3px;
    width: 180px;
}

.side-border-right {
    color : #777;
    background-color : #fff;
    padding : 3px 3px 3px 0px;
    width: 180px;
}

.news-category {
    border:0;
    margin:3px 5px 0 0;
    float:left;
}

.news-footer {
    font-size : 10px;
    color : #555;
    background-color : #f1f1f1;
    padding : 3px 4px 4px 4px;
}

.capmain {
    font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
    color : #000066;
    background-color : #fff;
    padding : 2px 0px 4px 2px;
    border-top : 1px solid #e1e1e1;
    border-bottom : 1px solid #e1e1e1;
}

.scapmain {
    font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #555;
    background-color : #fff;
    padding : 4px;
    border-bottom : 1px solid #f1f1f1;
}

.tbl-border {
    border : 1px solid #e1e1e1;
}

.tbl {
    font-size : 11px;
    color : #555;
    background-color : #fff;
    padding : 4px;
}

.tbl1 {
    font-size : 11px;
    color : #555;
    background-color : #fff;
    padding : 4px;
}

.tbl2 {
    font-size : 11px;
    color : #555;
    background-color : #f1f1f1;
    padding : 4px;
}

.forum-caption {
    font-size : 11px;
    font-weight : bold;
    color : #888;
    background-color : #f1f1f1;
    padding : 2px 4px 4px 4px;
}

.quote {
    font-size : 11px;
    color : #555;
    background-color : #f8f8f8;
    padding : 4px;
    margin : 0px 20px 0px 20px;
    border : 1px solid #bbb;
}

.poll {
    height : 12px;
    border : 1px solid #bbb;
}

.comment-name {
    font-weight : bold;
    color : #005599;
}

.shoutboxname {
    font-weight : bold;
    color : #005599;
    background-color : #f6f6f6;
}

.shoutbox {
    color : #777;
    background-color : #f6f6f6;
}

.shoutboxdate {
    font-size : 10px;
    color : #888;
    background-color : #f6f6f6;
}

.small {
    font-size : 10px;
    font-weight : normal;
}

.small2 {
    font-size : 10px;
    font-weight : normal;
    color : #555;
}

.side-small {
    font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    color : #555;
    background-color : #f6f6f6;
}

.side-label {
    color : #555;
    background-color : #f1f1f1;
    padding : 2px 2px 3px 2px;
}

/* Page Navigation */

.pagenav {
    padding: 0.4em;
}

.pagenav span {
    color: #fff;
    background-color: #005599;
    border: 1px solid #e1e1e1;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin: 0.2em;
}

.pagenav a {
    color: #005599;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin: 0.2em;
    text-decoration: none;
}

.pagenav a:hover {
    color: #fff;
    background-color: #005599;
    margin: 0.2em;
    text-decoration: none;
}

/* Side Menu */
#buttons {
        width: 100%;
        padding : 1px 0px 0px 0px;
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size : 11px;
        font-weight : bold;
        background-color: #fff;
        color: #333;
        }

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

        #buttons li {
                border-bottom: 1px solid #e1e1e1;
                margin: 0;
                padding: 0;
                list-style: none;
                list-style-image: none;
                }

        #buttons li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                background-color: #fff;
                color: #0066cc;
                text-decoration: none;
                width: 100%;
                }

        html>body #buttons li a {
                width: auto;
                }

        #buttons li a:hover {
                background-color: #d72d2d;
                color: #fff;
                text-decoration: none;
                }

/* Top Menu */
#navcontainer { width: 100%; }

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: right;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #d72d2d;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #fff;
        text-decoration: none;
}

#navlist a:hover {
        color: #d72d2d;
        background-color: #fff;
}

/* Tombol Interaktif Biru*/
#tombolbiru { width: 100%; }

ul#tombolbiru_list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#tombolbiru_list li {
        float: right;
        font-family: tahoma, arial, verdana, sans-serif;
        font-size: 10px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #3b5998;
}

#tombolbiru_list a, #tombolbiru a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #fff;
        text-decoration: none;
}

#tombolbiru_list a:hover {
        color: #d72d2d;
        background-color: #e1e1e1;
}

/* Tombol Interaktif Hijau*/
#tombolhijau { width: 100%; }

ul#tombolhijau_list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#tombolhijau_list li {
        float: right;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #69a74e;
}

#tombolhijau_list a, #tombolhijau a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #fff;
        text-decoration: none;
}

#tombolhijau_list a:hover {
        color: #d72d2d;
        background-color: #e1e1e1;
}

/* Tombol Link Member*/
#linkmember { width: 100%; }

ul#linkmember_list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#linkmember_list li {
        float: right;
        font-family: arial, tahoma, verdana, sans-serif;
        font-size: 10px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #69a74e;
}

#linkmember_list a, #linkmember a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #fff;
        text-decoration: none;
}

#linkmember_list a:hover {
        color: #d72d2d;
        background-color: #e1e1e1;
}