.sidenav
{
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT: bold 11px Verdana, Arial, Helvetica, sans-serif
}
.subsidenav
{
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.title
{
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT: bold 15px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
DIV
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff
}
.tanggal
{
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    PADDING-TOP: 6px;
    FONT: bold 11px Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    top-padding: 15 px
}
DIV
{
    FONT-SIZE: 7pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff
}
A
{
    FONT-SIZE: 10pt;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.buttons
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: bolder;
    COLOR: #000000;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
    LINE-HEIGHT: normal
}
.sidenavsel
{
    TEXT-TRANSFORM: none;
    COLOR: #0066cc;
    FONT: bold 11px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.subsidenavsel
{
    TEXT-TRANSFORM: none;
    COLOR: #0066cc;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.button
{
    FONT-SIZE: 11px;
    BORDER-TOP: #9999cc 2px outset;
    BORDER-RIGHT: #9999cc 2px outset;
    BORDER-BOTTOM: #9999cc 2px outset;
    COLOR: #000000;
    PADDING-BOTTOM: 0.04em;
    TEXT-ALIGN: center;
    PADDING-TOP: 0.04em;
    PADDING-LEFT: 0.3em;
    TEXT-DECORATION: none;
    BORDER-LEFT: #9999cc 2px outset;
    PADDING-RIGHT: 0.3em;
    BACKGROUND-COLOR: #cccccc
}
.myfont
{
    FONT-SIZE: 11px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    COLOR: #000000;
    TEXT-DECORATION: none
}
INPUT
{
    FONT-SIZE: 10px;
    BORDER-TOP: mediumslateblue 1pt;
    HEIGHT: 9pt;
    FONT-FAMILY: Verdana, Arial, 'Arial Black';
    BORDER-RIGHT: mediumslateblue 1pt;
    BORDER-BOTTOM: mediumslateblue 1pt;
    FONT-WEIGHT: 300;
    COLOR: black;
    FONT-STYLE: normal;
    BORDER-LEFT: mediumslateblue 1pt;
    LINE-HEIGHT: normal;
    WIDTH: 9pt;
    BACKGROUND-COLOR: whitesmoke
}
.input
{
    FONT-SIZE: 11pt;
    BORDER-TOP: white;
    FONT-FAMILY: Arial;
    BORDER-RIGHT: white;
    BORDER-BOTTOM: white;
    FONT-WEIGHT: normal;
    BORDER-LEFT: white;
    BACKGROUND-COLOR: white
}
.submit
{
    BORDER-TOP: #343a5f 1pt solid;
    BORDER-RIGHT: #343a5f 1pt solid;
    BORDER-BOTTOM: #343a5f 1pt solid;
    COLOR: #262e52;
    FONT: bold 11px Arial;
    BORDER-LEFT: #343a5f 1pt solid;
    BACKGROUND-COLOR: #e6e7ec
}
.a
{
    LIST-STYLE-TYPE: disc;
    FONT-FAMILY: '@Arial Unicode MS';
    LIST-STYLE-IMAGE: url(../images/blue_square.gif)
}
.input_red
{
    BACKGROUND-COLOR: red
}
.AddItem
{
    FONT-SIZE: 11px;
    BORDER-TOP: #262e52 1px solid;
    HEIGHT: 20px;
    FONT-FAMILY: Verdana;
    BORDER-RIGHT: #262e52 1px solid;
    BORDER-BOTTOM: #262e52 1px solid;
    FONT-WEIGHT: bold;
    COLOR: #262e52;
    TEXT-ALIGN: center;
    BORDER-LEFT: #262e52 1px solid;
    LETTER-SPACING: normal;
    WIDTH: 70px
}
.mainbold2
{
    COLOR: #262e52;
    FONT: bold 13px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold3
{
    COLOR: #262e52;
    FONT: bold 15px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold60
{
    COLOR: white;
    FONT: bold 60px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold40
{
    COLOR: white;
    FONT: bold 40px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold30
{
    COLOR: white;
    FONT: bold 30px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold24
{
    COLOR: white;
    FONT: bold 24px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold20
{
    COLOR: white;
    FONT: bold 24px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold16
{
    COLOR: #262e52;
    FONT: bold 16px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.mainbold
{
    COLOR: #262e52;
    FONT: bold 11px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.maintext
{
    TEXT-TRANSFORM: none;
    COLOR: #262e52;
    TEXT-ALIGN: justify;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.maintext16
{
    TEXT-TRANSFORM: none;
    COLOR: #262e52;
    TEXT-ALIGN: justify;
    FONT: 16px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.maintext14
{
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    TEXT-ALIGN: justify;
    FONT: 14px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.maintext20
{
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    TEXT-ALIGN: justify;
    FONT: 20px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.maintextOFA
{
   color: #000000;
   font-size: 12px;
   font-weight: normal;
   font-family: 'Alegreya Sans', sans-serif, verdana, Helvetica;
   line-height: 150%;
}

.headerOFA
{
    color: #000000;
    text-transform: uppercase;
    font-family: 'Alegreya Sans', sans-serif, verdana, Helvetica;
    font-size: 26px;
   
    line-height: 150%;
 }
.small
{
    TEXT-TRANSFORM: none;
    COLOR: #262e52;
    TEXT-ALIGN: justify;
    FONT: 9px sans-serif, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.smallbold
{
    TEXT-TRANSFORM: none;
    COLOR: #262e52;
    TEXT-ALIGN: justify;
    FONT: bold 9px Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
TD.tdborder
{
    BORDER-RIGHT: silver 1px solid;
    BORDER-BOTTOM: silver 1px solid
}
TABLE.tborder
{
    BORDER-TOP: silver 1px solid;
    BORDER-LEFT: silver 1px solid
}
SELECT
{
    FONT-SIZE: 10px;
    BORDER-TOP: medium none;
    FONT-FAMILY: Verdana, Arial, 'Arial Black';
    BORDER-RIGHT: medium none;
    BORDER-BOTTOM: medium none;
    COLOR: #1a3f98;
    BORDER-LEFT: medium none;
    BACKGROUND-COLOR: white
}
TABLE.tborderfull
{
    BORDER-TOP: silver 1px solid;
    BORDER-RIGHT: silver 1px solid;
    BORDER-BOTTOM: silver 1px solid;
    BORDER-LEFT: silver 1px solid
}
TD.tdborderbottom
{
    BORDER-BOTTOM: silver 1px solid
}
TD.tdborderright
{
    BORDER-RIGHT: silver 1px solid
}
TD.tdborderleft
{
    BORDER-LEFT: silver 1px solid
}
TD.tdborderLR
{
    BORDER-RIGHT: silver 1px solid;
    BORDER-LEFT: silver 1px solid
}
.small0
{
    FONT-SIZE: 1px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: normal;
    COLOR: #fffffe;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small3
{
    FONT-SIZE: 3px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small4
{
    FONT-SIZE: 4px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small5
{
    FONT-SIZE: 5px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small6
{
    FONT-SIZE: 6px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small7
{
    FONT-SIZE: 7px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small8
{
    FONT-SIZE: 8px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small9
{
    FONT-SIZE: 9px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small10
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    COLOR: black;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.small2
{
    FONT-SIZE: 2px;
    COLOR: white
}
.verticaltext
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    WRITING-MODE: tb-rl;
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 200;
    BACKGROUND-COLOR: transparent
}
