/* Link colors */
a:link			{
    text-decoration: none;
    color: #333;
    font-size:11px;
}
a:visited		{
    text-decoration: none;
    color: #333;
    font-size:11px;
}
a:active		{
    text-decoration: none;
    color: #333;
    font-size:11px;
}
a:hover			{
    text-decoration: none;
    color: #890A0A;
    font-size:11px;
}

body {
    font-size:11px;
    font-family: Tahoma;
    background-color: #262626;
}

.chromestyle{
    width: 99%;
    font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.chromestyle ul{
    width: 100%;
    background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
    padding: 12px 0;
    padding-left:3px;
    margin: 0;
    text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
    display: inline;
}

.chromestyle ul li a{
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    color: white;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #585858;
}

.redkoko {
    font-family:Tahoma;
    font-size:12px;
    color: #FFFFFF;
    background-image: url(images/bgred.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.biruindah{
    font-family:Tahoma;
    font-size:12px;
    color: #FFFFFF;
    background-image: url(/images/bgrow3.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
    color: black;
    font-family:Tahoma;
    font-size:12px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFCC00;
    background-image: url(images/bghover.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #ccc; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font-family:Tahoma;
    font-size:11px;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 250px;
    visibility: hidden;
}

legend {

    font-size:12px;
    color:#FFCC00;

}

.tableStatAhli td {
    border-right:1px dashed #D0D0D0;
}

.tableFilter td {
    border-bottom:1px dashed #D0D0D0;
}

.dropmenudiv a {
    font-size: 11px;
    width: auto;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #ccc; /*THEME CHANGE HERE*/
    padding: 2px 0;
    text-decoration: none;
    color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #F0F0F0;
    color:black;
}

.widths {
    width: 100%;
}
.widths2 {
    width: 60%;
}
#caption {
    font-family: Tahoma;
    font-size: 24px;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: -1px;
    text-align: left;
    background-color: #333333;
    padding: 4px;
    background-image: url(images/bgblok.jpg);
    background-repeat: repeat-x;
}

#caption2 {
    font-family: Tahoma;
    font-size: 24px;
    color: #000066;
    text-decoration: none;
    letter-spacing: -1px;
}

#caption3 {
    font-family: Tahoma;
    font-size: 24px;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: -1px;
    background-color: #333333;
    padding: 5px;
    background-image: url(images/bgblok.jpg);
    background-repeat: repeat-x;
}

#caption4{
    font-family: Tahoma;
    font-size: 24px;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: -1px;
    background-color: #FF3300;
    padding: 5px;
}

input {
    font-size: 11px;
    color: #585858;
    background-color: #E0E0E0;
    border: 1px solid #D0D0D0;

}

tr.alt td {
    background-color: #E0E0E0;
    font-size: 11px;
}

.zebra {
    font-size: 11px;
}

.zebra td a {
    font-size: 11px;
    color: #585858;
    font-family: Tahoma;
}

tr.over td {
    color: #FFFFFF;
    background-color: #F0F0F0;
    font-size: 11px;
} 


#filter td {
    font-family: Tahoma;
    color: #333333;
    font-size: 11px;
} 

textarea {
    font-family: Tahoma;
    font-size: 11px;
    color: #333333;
    background-color: #FFFFEA;
    border: 1px solid #E0E0E0;
    padding: 4px;
}

select {
    font-family: Tahoma;
    font-size: 11px;
    color: #333333;
    background-color: #E0E0E0;
    border: 1px solid #D0D0D0;
} 


hr {
    background-color:#C0C0C0;
    height:1px;
}  


img {
    text-decoration: none;
    border: none;
}

.green{
    background:url(green.gif);
    padding:0px 11px;
    border:1px solid #3b6e22;
    height:24px; 
    line-height:24px;
    color:#FFFFFF;
    font-size:11px;
    margin-right:11px;
    display:inline-block;
    text-decoration:none;
}

td {
    color: #333333;
    font-size: 11px;
}


/* @group Special Styles */
/* This is based on styles from the Sawchuk scheme for K2 */
.download, .code, .note,
.alert, .new, .construction,
.information {
    background-position: 15px 11px;
    background-repeat: no-repeat;
    font-size: 11px !important;
    margin: 11px auto;
    padding: 11px 11px 11px 50px;
    text-align: left;
    color: #FFFFCC;
}

ul.download, ul.code, ul.note,
ul.alert, ul.new, ul.construction,
ul.information {
    font-size: 1em !important;
    line-height: 115%;
    list-style-type: disc;
    list-style-position: inside;
    padding: 11px 11px 11px 50px;
}

ol.download, ol.code, ol.note,
ol.alert, ol.new, ol.construction,
ol.information {
    font-size: 1em !important;
    line-height: 115%;
    list-style-type: decimal;
    list-style-position: inside;
    padding: 11px 11px 11px 65px;
}

dl.download, dl.code, dl.note,
dl.alert, dl.new, dl.construction,
dl.information {
    font-size: 1em !important;
    line-height: 115%;
    padding: 11px 11px 11px 50px;
}

dl.download dt, dl.code dt, dl.note dt,
dl.alert dt, dl.new dt, dl.construction dt,
dl.information dt {
    font-size: 1.2em !important;
    font-weight: bold;
    line-height: 115%;
}

dl.download dd, dl.code dd, dl.note dd,
dl.alert dd, dl.new dd, dl.construction dd,
dl.information dd {
    line-height: 115%;
    list-style-type: disc;
}

.download {
    background-color: #353;
    background-image: url('images/package_go.png');
    border-bottom: 2px solid #383;
    border-top: 2px solid #383;
}

.download a, .download a:visited {
    border-bottom: 2px dotted #3F3;
    color: #3F3;
    text-decoration: none !important;
}

.download a:hover {
    border-bottom: 2px dotted #3C3;
    color: #3C3;
    text-decoration: none !important;
}

.code { /* use p class=code when you want to fake it, sometimes handy */
    background-color: #444;
    background-image: url('images/application_osx_terminal.png');
    border-bottom: 2px solid #AAA;
    border-top: 2px solid #AAA;
    font-family: 'Courier New', Courier, Fixed;
}

.alert {
    background-color: #533;
    background-image: url('images/exclamation.png');
    border-bottom: 2px solid #F33;
    border-top: 2px solid #F33;
}

.alert a {
    color: #FFCC33;	
}

.new {
    background-color: #643;
    background-image: url('images/new.png');
    border-bottom: 2px solid #F93;
    border-top: 2px solid #F93;
}

.construction {
    background-color: #553;
    background-image: url('images/error.png');
    border-bottom: 2px solid #FF3;
    border-top: 2px solid #FF3;
}

.information {
    background-color: #335;
    background-image: url('images/information.png');
    border-bottom: 2px solid #33F;
    border-top: 2px solid #33F;
}

.note {
    background-color: #444;
    background-image: url('images/page_white_text.png');
    border-bottom: 2px solid #AAA;
    border-top: 2px solid #AAA;
}

#peraturan p {
    font-size: 11px;
}

.callout {
    border-bottom: 2px solid #CCC;
    border-top: 2px solid #CCC;
    color: #CCC;
    font-size: 1.4em !important;
    margin: 11px auto;
    padding: 11px;
    text-align: justify;
}