body
{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    scrollbar-3dlight-color: #ffd700;
    scrollbar-arrow-color: #ff0;
    scrollbar-base-color: #ff6347;
    scrollbar-darkshadow-color: #ffa500;
    scrollbar-face-color: #FFAA55;
    scrollbar-highlight-color: #ff69b4;
    scrollbar-shadow-color: #f0f;
}

#main
{
    width: 960px; /*height: 750px;*/
    margin: 0 auto 0 auto;

}

#left
{
    width: 194px; /*height: 88px;*/
    margin-left: 35px;
}

.boards
{
    text-align: left;
    float: left;
    width: 150px;
    padding-left: 10px;
    font-size: 10px;
    color: #000;
    font-weight: normal;
}

.NormalParagraph
{    
    text-align: left;
    width: 420px;
    padding-left: 10px;
    font-size: 11px;
    color: #000;
    font-weight: normal;
    margin-left: 230px;
}

.iframe
{
    text-align: left;
    width: 420px;
    height: 500px;
    padding-left: 10px;
    padding-right:15px;
    font-size: 11px;
    color: #000;
    font-weight: normal;
    margin-left: 230px;
    overflow: auto;
}

#right
{
    width: 685px;
    margin: auto;
    height: auto;
}

#follow
{
    padding-top: 5px;
    float: left;
    width: 78px; /*height: 55px;*/
    margin-left: 8px;
    color: #005299;
}

#language
{
    padding-top: 5px;
    float: left;
    width: 82px; /*height: 55px;*/
    margin-left: 19px;
    color: #005299;
}

.clearfloat
{
    clear: both;
    font-size: 1px;
    line-height: 0px;
}

#menu
{
    float: right;
    margin: 7px 10px 0 10px;
}

#separator
{
    float: right;
}

a.nav-top
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #828080;
    text-decoration: none;
}

a.nav-top:hover
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #828080;
    text-decoration: underline;
}

a.nav-left
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #c6511f;
    text-decoration: none;
}

a.nav-left:hover
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #c6511f;
    text-decoration: underline;
}

#yellow
{
    width: 685px;
    background: url(/Images/bg_yellow.jpg) repeat-x #fffbf6;
    height: 273px;
}

#yellow_inside
{
    width: 685px;
    background: url(/Images/bg_yellow_inside.jpg) repeat-x #fff;
    min-height: 500px;
}

.col_member
{
    width: 190px;
    float: left;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    margin-left: 5px;
    text-transform: uppercase;
    color: #000;
    line-height: 22px;
}

#contents
{
    padding-left: 200px;
    padding-right: 10px;
    font-size: 10px;
    font-weight: normal;
    color: #000;
}

.heading_blue
{
    font-size: 11px;
    font-weight: bold;
    color: #005198;
}

#content_bottom
{
    /*border-right: solid 1px #f8ca82 ;*/
    padding: 37px 43px 0 60px;
    width: 122px;
    height: 220px;
    float: left;
}

#separator2
{
    width: 2px;
    height: 234px;
    float: left;
}

#copyright
{
    padding: 0 10px 3px 0;
    color: #939598;
}

#apDiv1
{
    position: absolute;
    width: 685px;
    height: 22px;
    z-index: 1; /*left: 82px; 	top: 125px;*/
}
#apDiv2
{
    position: absolute;
    width: 685px;
    height: 52px;
    z-index: 1;
    top: 316px;
}

#head_agen_forum_en
{
    width: 685px;
    height: 27px;
    background: url(/Images/head_agen_forum_03.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
}


#head_news
{
    width: 685px;
    height: 27px;
    background: url(/Images/head_news_03.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
}

#head_our_services
{
    width: 685px;
    height: 27px;
    background: url(/Images/head_our_services.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
    text-align: left;
    padding-left: 30px;
}

#head_info_center
{
    width: 685px;
    height: 27px;
    background: url(/Images/head_info_center.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
    text-align: left;
    padding-left: 30px;
}

#head_contact_us
{
    width: 655px; /*685px;*/
    height: 25px;
    background: url(/Images/head_contact_us.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
    text-align: left;
    padding-left: 30px;
}

#head_agent_forum
{
    width: 685px;
    height: 27px;
    background: url(/Images/head_agent_forum.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
    text-align: left;
    padding-left: 30px;
}

#head_about_us
{
    width: 655px; /*685px;*/
    height: 25px;
    background: url(/Images/head_about_us.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
    text-align: left;
    padding-left: 30px;
}

#sub_head
{
    text-align: right;
    padding-right: 28px;
    margin-top: -30px;
}

#sub_head_layanankami
{
    text-align: right;
    padding-right: 28px;
    margin-top: -17px;
}

#sub_head_info_center
{
    text-align: right;
    padding-right: 50px;
    margin-top: -17px;
}

.floatleft
{
    float: left;
    width: 130px;
}

#sub_menu
{
    padding-left: 20px;
    text-align: right;
    font-size: 10px;
}

#index_dict
{
    padding-left: 20px;
    text-align: left;
    font-size: 8px;
    color: #000;
}

#index_dict a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#sub_menu a
{
    color: #fff;
    text-decoration: none;
}

#sub_menu a.visited
{
    color: #fff;
}


#head_aaji_report
{
    width: 655px; /*685px;*/
    height: 25px;
    background: url(/Images/head_aaji_report.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
    text-align: left;
    padding-left: 30px;
}

.TextColorOrange
{
    color: #F6B95C;
}

#search_result_top
{
    text-align: right;
    padding-top: 15px;
    padding-right: 20px;
}

#search_result_foto_agen
{
    text-align: left;
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 60px;
    height: 252px;
    float: left;
    width: 6px;
}

#search_result_agen_info
{
    text-align: left;
    padding-top: 40px;
    padding-left: 20px;
}

#newslatter
{
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
    font-size: 11px;
}

#head_search_agents
{
    width: 685px;
    height: 27px;
    background: url(/Images/head_search_agents.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
    text-align: left;
    padding-left: 30px;
}

.search_agents_result
{
    width: 500px;
    height: 343px;
    background: url(/Images/bgSearchAgentsResult.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    margin-top: 20px;
    margin-left: 120px;
}

.newsLogoTitle
{
    width: 500px;
    height: 343px;
    background: url(/Images/bgSearchAgentsResult.gif) no-repeat;
    border-bottom-width: 700px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin-top: 20px;
    margin-left: 90px;
}

.TextLabelMedium
{
    font-size: 12px;
    font-weight: normal;
}

.inside_page
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 40px;
}

.VerAlignMid
{
    vertical-align: middle;
}

.header_news
{
    font-size: 18px;
    font-weight: bold;
}


/*Colap*/

.arrowlistmenu
{
    width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader
{
    /*CSS class for menu headers in general (expanding or not!)*/
    font: bold 14px Arial;
    background: url(arrow_black.png) no-repeat left; /*color: white;*/ /*background: black url(titlebar.png) repeat-x center left;*/
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/ /*text-transform: uppercase;*/
    padding: 4px 0 4px 10px; /*header text is indented 10px*/
    cursor: hand;
    cursor: pointer;
}

.arrowlistmenu .openheader
{
    /*CSS class to apply to expandable header when it's expanded*/ /*background-image: url(titlebar-active.png);*/
    color: #ff9529;
    background: url(arrow_orange.png) no-repeat left;
}

.arrowlistmenu ul
{
    /*CSS for UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li
{
    padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader
{
    /*Open state CSS for sub menu header*/ /*background: lightblue !important;*/
}

.arrowlistmenu ul li .closedsubheader
{
    /*Closed state CSS for sub menu header*/ /*background: lightgreen !important;*/
}

.arrowlistmenu ul li a
{
    color: #000; /*background: url(arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
    display: block; /*padding: 2px 0;*/
    padding-left: 19px; /*link text is indented 19px*/
    text-decoration: none;
    font-weight: bold; /*border-bottom: 1px solid #dadada;*/
    font-size: 90%;
}

.arrowlistmenu ul li a:visited
{
    color: #000;
}

.arrowlistmenu ul li a:hover
{
    /*hover state CSS*/ /*background-color: #F3F3F3;*/
    color: #ff9529;
}

.arrowlistmenu ul li a.subexpandable:hover
{
    /*hover state CSS for sub menu header*/ /*background: lightblue;*/
}


/* Ini untuk item di grid keseluruhannya */
.GridView
{
    border: 1px solid;
    border-color: Orange;
    padding-bottom: 0px;
    font-size: 10px;
    font-weight: normal;
    padding-left: 2px;
}

/* Ini Column Header dari Grid */
.GridViewHeader
{
    background-color: #FF9628;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    border: 0px;
}

.GridViewFooter
{
    background-color: #FF9628;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
}
.center
{
    text-align: center;
}
.Button
{
    width: 50px;
    margin-top: 2px;
    padding: 2px;
    font-family: Verdana;
    font-size: 1em;
    color: Orange;
    font-family: Arial;
    border: 1px solid;
}

/* 
TT Modal PopUp
*/

/* Box Things */


#ttmodalbox .b
{
    background: url('/aajiereporting/images/b.png');
}

#ttmodalbox .tl
{
    background: url('/aajiereporting/images/tl.png');
}

#ttmodalbox .tr
{
    background: url('/aajiereporting/images/tr.png');
}

#ttmodalbox .bl
{
    background: url('/aajiereporting/images/bl.png');
}

#ttmodalbox .br
{
    background: url('/aajiereporting/images/br.png');
}

#ttmodalbox
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
}

#ttmodalbox .popup
{
    position: relative;
}

#ttmodalbox table
{
    border-collapse: collapse;
}

#ttmodalbox td
{
    border-bottom: 0;
    padding: 0;
}

#ttmodalbox .body
{
    padding: 10px;
    background: #fff;
}

#ttmodalbox .loading
{
    text-align: center;
}

#ttmodalbox .image
{
    text-align: center;
}

#ttmodalbox img
{
    border: 0;
    margin: 0;
}

/*mengatur pop width & height */
#ttmodalbox .content { 
  /*width:383px;
  height:500px;*/
  width:383px;
  height:315px;
}
#ttmodalbox .footer
{
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

#ttmodalbox .tl, #ttmodalbox .tr, #ttmodalbox .bl, #ttmodalbox .br
{
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
}

#ttmodalbox_overlay
{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.ttmodalbox_hide
{
    z-index: -100;
}

.ttmodalbox_overlayBG
{
    background-color: #000;
    z-index: 99;
}

* html #ttmodalbox_overlay
{
    /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#contentProgressIndicator
{
    width: 100%;
    height: 100%;
    text-align: center;
}