body{background-color:#FFFFFF;font-family:Tahoma, Arial, Helvetica;font-size:11px;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
.img{border:none;}
td{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;}
.title_head{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:13px;font-weight:bold;}
.title_head2{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;}
.title_head3{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:9px;}
.title_head4{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;}
.title_head5{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:18px;font-weight:bold;}
.title_head6{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:13px;font-weight:bold;}
.title_head7{color:#ffffff;font-family:Tahoma, Arial, Helvetica;font-size:14px;font-weight:bold;}
.title_head7:visited{color:#ffffff;font-family:Tahoma, Arial, Helvetica;font-size:14px;font-weight:bold;}
.title_head8{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:12px;}
.link_head{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:13px;font-weight:bold;text-decoration:none;}
.link_head:link{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:13px;font-weight:bold;text-decoration:none;}
.link_head:visited{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:13px;font-weight:bold;text-decoration:none;}
.link_head:hover{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:13px;font-weight:bold;text-decoration:none;}
.link_head:active{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:13px;font-weight:bold;text-decoration:none;}
.link_head2{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head2:link{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head2:visited{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head2:hover{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head2:active{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head3{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head3:link{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head3:visited{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head3:hover{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head3:active{color:#ff9900;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head4{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head4:link{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head4:visited{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head4:hover{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head4:active{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head5{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head5:link{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head5:visited{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head5:hover{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head5:active{color:#1443A0;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head6{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head6:link{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head6:visited{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head6:hover{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:underline;}
.link_head6:active{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;text-decoration:none;}
.link_head7{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head7:link{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head7:hover{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:underline;}
.link_head7:visited{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_head7:active{color:#000000;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_headhl{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:20px;font-weight:bold;text-decoration:none;}
.link_headhl:link{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:20px;font-weight:bold;text-decoration:none;}
.link_headhl:visited{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:20px;font-weight:bold;text-decoration:none;}
.link_headhl:hover{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:20px;font-weight:bold;text-decoration:none;}
.link_headhl:active{color:#003399;font-family:Tahoma, Arial, Helvetica;font-size:20px;font-weight:bold;text-decoration:none;}
.link_headhl2{color:#ffffff;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_headhl2:link{color:#ffffff;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_headhl2:visited{color:#ffffff;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_headhl2:hover{color:#ffffff;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.link_headhl2:active{color:#ffffff;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:bold;text-decoration:none;}
.text{font-family:Tahoma, Arial, Helvetica;;font-size:11px;color:#000000;border-left-width:1px;border:1px solid #a5a5a5;background-color:#FFFFFF;}
.text2{font-family:Tahoma, Arial, Helvetica;;font-size:11px;color:#000000;border-left-width:1px;border:1px solid #a5a5a5;background-color:#FFDFDF;}
.text3{font-family:Tahoma, Arial, Helvetica;;font-size:11px;font-weight:bold;color:#000000;border-left-width:1px;border:1px solid #a5a5a5;background-color:#FFCC66;}
.text4{font-family:Tahoma, Arial, Helvetica;;font-size:11px;text-align:center;color:#FFFFFF;border-left-width:1px;border:1px solid #FF0000;background-color:#FF0000;text-decoration:none;}
.text4:link{font-family:Tahoma, Arial, Helvetica;;font-size:11px;text-align:center;color:#FFFFFF;border-left-width:1px;border:1px solid #FF0000;background-color:#FF0000;text-decoration:none;}
.text4:visited{font-family:Tahoma, Arial, Helvetica;;font-size:11px;text-align:center;color:#FFFFFF;border-left-width:1px;border:1px solid #FF0000;background-color:#FF0000;text-decoration:none;}
.text4:hover{font-family:Tahoma, Arial, Helvetica;;font-size:11px;text-align:center;color:#FFFFFF;border-left-width:1px;border:1px solid #FF0000;background-color:#FF0000;text-decoration:none;}
.text4:active{font-family:Tahoma, Arial, Helvetica;font-size:11px;text-align:center;color:#FFFFFF;border-left-width:1px;border:1px solid #FF0000;background-color:#FF0000;text-decoration:none;}
.my_table{color:#000000;text-decoration:none;font-size:11px;}
.my_table:link{color:#000000;text-decoration:none;font-size:11px;}
.my_table:visited{color:#000000;text-decoration:none;font-size:11px;}
.my_table:hover{color:#000000;text-decoration:none;font-size:11px;}
.my_table:active{color:#000000;text-decoration:none;font-size:11px;}
.my_table2{color:#000000;text-decoration:none;font-size:11px;font-weight:bold;}
.my_table2:link{color:#000000;text-decoration:none;font-size:11px;font-weight:bold;}
.my_table2:visited{color:#000000;text-decoration:none;font-size:11px;font-weight:bold;}
.my_table2:hover{color:#000000;text-decoration:none;font-size:11px;font-weight:bold;}
.my_table2:active{color:#000000;text-decoration:none;font-size:11px;font-weight:bold;}
.my_link{color:#FFFFFF;text-decoration:none;font-size:10px;font-weight:bold;}
.my_link:link{color:#FFFFFF;text-decoration:none;font-size:10px;font-weight:bold;}
.my_link:visited{color:#FFFFFF;text-decoration:none;font-size:10px;font-weight:bold;}
.my_link:hover{color:#FFFFFF;text-decoration:none;font-size:10px;font-weight:bold;}
.my_link:active{color:#FFFFFF;text-decoration:none;font-size:10px;font-weight:bold;}
.my_link2{color:#FFFFFF;text-decoration:none;font-size:11px;font-weight:bold;}
.my_link2:link{color:#FFFFFF;text-decoration:none;font-size:11px;font-weight:bold;}
.my_link2:visited{color:#FFFFFF;text-decoration:none;font-size:11px;font-weight:bold;}
.my_link2:hover{color:#FFFFFF;text-decoration:none;font-size:11px;font-weight:bold;}
.my_link2:active{color:#FFFFFF;text-decoration:none;font-size:11px;font-weight:bold;}
.sky{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.sky:link{color:#FFFFFF;font-weight:bold;text-decoration:none;}
.sky:visited{color:#FFFFFF;font-weight:bold;text-decoration:none;}
.sky:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;}
.sky:active{color:#FFFFFF;font-weight:bold;text-decoration:none;}
.menuleft{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:11px;color:#ffffff;text-decoration:none;cursor:pointer;}
.menuleft:link{color:#ffffff;text-decoration:none;}
.menuleft:visited{color:#ffffff;text-decoration:none;}
.menuleft:hover{color:#FFFFFF;text-decoration:none;}
.menuleft:active{color:#ffffff;text-decoration:none;}
.menuright{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:11px;color:#000000;text-decoration:none;cursor:pointer;}
.menuright:link{color:#000000;text-decoration:none;}
.menuright:visited{color:#000000;text-decoration:none;}
.menuright:hover{color:#000000;text-decoration:none;}
.menuright:active{color:#000000;text-decoration:none;}
.menuleft2{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#ffffff;text-decoration:none;cursor:pointer;}
.menuleft2:link{color:#ffffff;text-decoration:none;}
.menuleft2:visited{color:#ffffff;text-decoration:none;}
.menuleft2:hover{color:#FFFFFF;text-decoration:none;}
.menuleft2:active{color:#ffffff;text-decoration:none;}
.menuleft3{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;cursor:pointer;}
.menuleft3:link{color:#ffffff;text-decoration:none;}
.menuleft3:visited{color:#ffffff;text-decoration:none;}
.menuleft3:hover{color:#FFFFFF;text-decoration:none;}
.menuleft3:active{color:#ffffff;text-decoration:none;}
.sky2{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:11px;color:#000000;text-decoration:none;cursor:pointer;}
.sky2:link{color:#000000;font-weight:bold;text-decoration:none;}
.sky2:visited{color:#000000;font-weight:bold;text-decoration:none;}
.sky2:hover{color:#000000;font-weight:bold;text-decoration:none;}
.sky2:active{color:#000000;font-weight:bold;text-decoration:none;}
.sky3{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:10px;color:#ffffff;text-decoration:none;cursor:pointer;}
.sky3:link{color:#ffffff;text-decoration:none;}
.sky3:visited{color:#ffffff;text-decoration:none;}
.sky3:hover{color:#FFFFFF;text-decoration:none;}
.sky3:active{color:#ffffff;text-decoration:none;}
.nmkategori{font-family:Tahoma, Arial, Helvetica, sans-serif;color:#FFFFFF;font-weight:bold;font-size:15px;}
.menuhitam{font-family:Tahoma,Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#000000;text-decoration:none;cursor:pointer;}
.menuhitam:link{color:#000000;text-decoration:none;}
.menuhitam:visited{color:#000000;text-decoration:none;}
.menuhitam:hover{color:#000000;text-decoration:none;}
.menuhitam:active{color:#000000;text-decoration:none;}
#dhtmltooltip{position:absolute;left:-300px;width:150px;border:1px solid black;padding:2px;background-color:lightyellow;visibility:hidden;z-index:100;filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer{position:absolute;left:-300px;z-index:101;visibility:hidden;}
div.pagination_page {
    padding:3px;
    margin:3px;
    text-align:center;
}

div.pagination_page a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #9aafe5;
    
    text-decoration: none; 
    color: #2e6ab1;
}
div.pagination_page a:hover, div.pagination_page a:active {
    border: 1px solid #2b66a5;
    color: #000;
    background-color: lightyellow;
}
div.pagination_page span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid navy;
    font-weight: bold;
    background-color: #2e6ab1;
    color: #FFF;
}
div.pagination_page span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #929292;
    color: #929292;
}



.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 80px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 5;
top: 5;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}





.stepcarousel2{
position: relative; /*leave this value alone*/
border: 1px solid navy; border-color:#468922;
overflow: scroll; /*leave this value alone*/
width: 590px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 590px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}