/* basic css */
html {
    height: 100%;
}
body {
    height: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: url(../images/new/bg03.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #58B99F; /* theme lama #66cdcc*/
    margin: 0px;
    padding: 0px;
}
div, span, table, thead, tbody, tfoot, tr, th, td {
    margin: 0px;
    padding: 0px;
}
input, textarea, select, table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.0;
}
input, select, textarea {
    margin: 0px;
    padding: 1px;
}
h1, h2, h3, h4, h5 {
    line-height: 1.0;
    margin: 0px;
    padding-left: 4px;
    padding-top: 7px;
    padding-right: 4px;
    padding-bottom: 0px;
}
p {
    line-height: 1.2;
}
p, table {
    margin: 0px;
    padding-left: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}



/* theme css */
.leftmenunav, .leftmenunav dt, .leftmenunav dd, .leftmenunav dd a, .leftmenunav ul, .leftmenunav li {
    margin: 0px;
    padding: 0px
}
.leftmenunav {
    float: left;
    width: 200px;
    font-size: 14px;
    font-family: "Tahoma", "Helvetica", "Arial",  "Verdana", "sans-serif";
    padding-bottom: 10px;
}
.leftmenunav dt {
    color: white;
    background: #707000;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    font-weight: bold;
    line-height: 1.2em;
    margin-top: 14px;
    margin-bottom: 0px;
    padding-top:5px;
    padding-bottom:5px;
}
.leftmenunav dd a {
    color: #555 ;
    border-bottom: 1px dashed #c0c050;
    font-size: 90%;
    text-decoration: none;
    height:14px;
    display:block;
    padding-top: 2px;
    padding-bottom: 4px;
}
.leftmenunav dd a:hover,
.leftmenunav dd a:focus,
.leftmenunav dd a:hover,
.leftmenunav dd a:focus {
    background: #c0c050;
    background-image: url(../images/new/button01.jpg);
    color:#000;
}
.leftmenunav dd a.selected {
    background: #555;
    color:#ffffff;
}

.login_box a:link, .login_box a:visited, .login_box a:hover, .login_box a:focus {
    color: white;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:focus {
    color: white;
}
.header_contentbott a:link, .header_contentbott a:visited {
    color: white;
}
.header_contentbott a:hover {
    color: black;
}
.section_leftcontent a:link, .section_leftcontent a:visited {
    color: white;
}
.section_leftcontent a:hover {
    color: black;
}
.section_leftcontent a:link, .section_leftcontent a:visited {
    color: white;
}
.section_leftcontent a:hover {
    color: black;
}


.global_wrapper {
    background-color: transparent;
    width: 840px;
    display: table; float: none;
    /*position: absolute; left: 50%; margin-left: -500px;*/
}
.header_wrapper {
    /*background-color: black;
    height: 120px;
    display: block; float: none;
    position: absolute; top: 0px;*/
}
.header_contenttop {
    color: white;
    background-color: black;
    background: url(../images/new/bg05.jpg); background-position: top; background-repeat: no-repeat;
    height: 80px;
    display: block; float: none;
}
.judul_web {
    color: orange; padding-top: 12px;
}
.subjudul_web {}
.header_login {
    color: white;
    width: 240px; height: 80px;
    display: block; float: right;

    /*position: absolute; top: 0px; right: 0px;*/
}
.login_box {
    color: white; padding-left: 10px; padding-top: 10px;
}
.header_contentbott {
    color: white; background-color: black; ;
    background: url(../images/new/bg01.jpg); background-position: top;
    height: 30px;
    display: table; float: none;
    text-align: center;
}
.main_wrapper {
    width: 840px;
    display: table; float: none;
    /*position: absolute; left: 50%; top: 120px; margin-left: -500px;*/
}
.topcontent {
    color: white; background-color: #0c70ae;
    border-bottom: 1px solid #1779b8;
    display: block; float: none;
}
.global_errmsg {
    color: white; background-color: red;
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
    display: block; float: none;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: none;
}
.global_msg {
    color: white; background-color: black;
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
    display: block; float: none;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: none;
}
.section_error {
    color: white; background-color: red;
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
    display: block; float: none;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: none;
}
.section_wrapper {
    width: 840px;
    display: table; float: none;
}
.section_contenttitle {
    background-color: yellow;
    background: url(../images/new/section_contenttitle_bg01.jpg); background-position: top left;
    border-top: 1px solid gray;
    border-bottom: 1px solid silver;
    display: block; float: none;
}
.section_contenttitle h5 {
    color: #333333;
    font-size: 16px;
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 5px;
}
.section_contentwrapper {
    background-color: #00FFFF;
    background: url(../images/new/section_contentwrapper_bg01.jpg); background-position: top left;
    width: 840px;
    display: table; float: none;
}
.section_content {
    background-color: #00FFFF;
    display: table; float: none;
}
.section_leftcontentwrapper {
    background-color: transparent;
    /*width: 200px;*/
    display: table; float: left;
}
.section_leftcontent {
    color: white;
    background: #606000;
    /*border-bottom: 1px dashed silver;*/
    width: 200px; 
    display: table; float: none;
    text-align: center;
}
.section_rightcontentwrapper {
    background-color: green;
    /*width: 640px;*/
    display: table; float: left;
    overflow: auto;
}


.section_rightcontent {
    background-color: #00FFFF;
    border-bottom: 1px inset silver;
    width: 640px;
    display: table; float: none;
}
.section_tablewrapper {
    width: 640px;
    display: block; float: none;
    overflow: auto;
}


.section_rightcontentfull {
    background-color: #00FFFF;
    border-bottom: 1px inset silver;
    width: 840px;
    display: table; float: none;
}
.section_tablewrapperfull {
    width: 840px;
    display: block; float: none;
    overflow: auto;
}


.section_tablewrapper_inner {
    display: table; float: none;
    padding: 4px;
    padding-bottom: 20px;
    margin: 0px;
}


.bottcontent {
    color: white;
    background: url(../images/new/bg01.jpg); background-position: top;
    background-repeat: repeat-x;
    background-color: #0c70ae;
    border-bottom: 1px solid #1779b8;
    display: block; float: none;
}
.footer {
    color: white;
    background-color: black;
    display: block; float: none;
    text-align: center;
}


/* keperluan data */
#fvinp_instr_nama_msitem,
#fvinp_instr_nama_mskelitem,
#fvinp_instr_namaprshn_mssupplier,
#fvinp_instr_namaprshn_mscustomer,
#fvinp_instr_namalengkap_mssalesman,
#dvinp_nama,
#dvinp_nama_pershn,
#dvinp_namaprshn,
#dvinp_namakontak,
#dvinp_namalengkap,
#dvinp_al1_telp,
#dvinp_al1_fax,
#dvinp_al2_telp,
#dvinp_al2_fax,
#dvinp_handphone,
#dvinp_email,
#daftcr_msitem_nama_fvinp_instr_nama_msitem,
#daftcr_msitem_fvinp_instr_nama_mskelitem,
#daftcr_mssupplier_fvinp_instr_namaprshn_mssupplier,
#daftcr_mscustomer_fvinp_instr_namaprshn_mscustomer,
#daftcr_mssalesman_fvinp_instr_namalengkap_mssalesman,
#dummy
{
    width: 200px;
}
#fvinp_instr_kode_pos_mssupplier,
#fvinp_instr_kode_pos_mscustomer,
#fvinp_instr_kode_pos_mssalesman,
#dvinp_kode_pos,
.MSOL_table #idth_banyak,
#dummy
{
    width: 70px;
}
#form_trcekgirosndr_dvinp_prd_cair,
#form_trcekgirocust_dvinp_prd_cair,
#form_trcekgirocust_dvinp_prd_cair,
#form_trbelibrg_dvinp_prd_jatuhtempo,
#form_trjualbrg_dvinp_prd_jatuhtempo,
#form_trretbelibrg_dvinp_prd_jatuhtempo,
#form_trretjualbrg_dvinp_prd_jatuhtempo,
#form_trkorpiutcust_dvinp_prd_jatuhtempo,
#form_trpiutawalcust_dvinp_prd_jatuhtempo,
#form_trkorutgsupl_dvinp_prd_jatuhtempo,
#form_trutgawalsupl_dvinp_prd_jatuhtempo,
#dummy
{
    width: 30px;
}
#form_trbelibrg_dvinp_tgl_tr,
#form_trjualbrg_dvinp_tgl_tr,
#form_trretbelibrg_dvinp_tgl_tr,
#form_trretjualbrg_dvinp_tgl_tr,
#form_trkorpiutcust_dvinp_tgl_tr,
#form_trpiutawalcust_dvinp_tgl_tr,
#form_trkorutgsupl_dvinp_tgl_tr,
#form_trutgawalsupl_dvinp_tgl_tr,
#form_trcekgirosndr_dvinp_tgl_tr,
#form_trcekgirocust_dvinp_tgl_tr,
#form_trbyrutgsupl_dvinp_tgl_tr,
#form_trbyrpiutcust_dvinp_tgl_tr,
#form_trcekgirosndr_dvinp_tgl_cair,
#form_trcekgirocust_dvinp_tgl_cair,
#form_trbelibrg_dvinp_tgl_jatuhtempo,
#form_trjualbrg_dvinp_tgl_jatuhtempo,
#form_trretbelibrg_dvinp_tgl_jatuhtempo,
#form_trretjualbrg_dvinp_tgl_jatuhtempo,
#form_trkorpiutcust_dvinp_tgl_jatuhtempo,
#form_trpiutawalcust_dvinp_tgl_jatuhtempo,
#form_trkorutgsupl_dvinp_tgl_jatuhtempo,
#form_trutgawalsupl_dvinp_tgl_jatuhtempo,
#dummy
{
    width: 80px;
}
#dvinp_satuan,
.MSOL_table #idth_satuan,
.MSOL_table #idth_merk,
.MSOL_table #idth_tipe,
.MSOL_table #idth_uk,
.MSOL_table #idth_partno,
.MSOL_table #idth_warna,
.MSOL_table #idth_discperbrgpc1,
.MSOL_table #idth_discperbrgpc2,
.MSOL_table #idth_discperbrgpc3,
#dummy
{
    width: 50px;
}
#daftcr_msitem_fvinp_instr_kode_msitem,
#daftcr_msitem_fvinp_multi,
#daftcr_msitem_fvinp_instr_kode_mskelitem,
#daftcr_mscustomer_fvinp_instr_kode_mscustomer,
#daftcr_mssalesman_fvinp_instr_kode_mssalesman,
#daftcr_mssupplier_fvinp_instr_kode_mssupplier,
.MSOL_table #idtd_nommasuk,
.MSOL_table #idtd_nomkeluar,
.MSOL_table #idtd_saldonom,
.MSOL_table #idtd_nommasuk,
.MSOL_table #idtd_nomkeluar,
.MSOL_table #idtd_saldonom,
.MSOL_table #idtd_nominal,
.MSOL_table #idtd_saldoutg,
.MSOL_table #idtd_saldopiut,
.MSOL_table #idth_harga,
.MSOL_table #idth_jumlah,
#dummy
{
    width: 100px;
}
.MSOL_table #idth_namaprshn_mssupplier,
.MSOL_table #idth_namaprshn_mscustomer,
.MSOL_table #idth_namaprshn,
.MSOL_table #idth_nama,
.MSOL_table #idth_nama_pershn,
.MSOL_table #idth_namakontak,
.MSOL_table #idth_namalengkap,
.MSOL_table #idth_jalan,
#dummy
{
    width: 200px;
}
.MSOL_table #idth_no_tr,
#dummy
{
    width: 120px;
}
#dvinp_kodepos,
#dvinp_al1_kodepos,
#dvinp_al2_kodepos,
.MSOL_table #idth_discperbrgnom,
.datacss_fstable .dvinp_qty,
.datacss_fstable .dvinp_nom,
.datacss_fstable .dvinp_pc,
#dummy
{
    width: 70px;
}
.MSOL_table #idth_kettrans,
.MSOL_table #idtd_qtymasuk,
.MSOL_table #idtd_qtykeluar,
.MSOL_table #idtd_saldoqty,
#dummy
{
    width: 55px;
}
#fvinp_urutdata01,
#fvinp_urutdata02,
#fvinp_urutdata03,
#dummy
{
    width: 160px;
}

/*di bawah ini digunakan halaman home*/
.MSOL_table #idth_catatan,
.MSOL_table #idth_pesan,
#dummy
{
    width: 200px;
}

/*di bawah ini digunakan halaman pada menu Pemeliharaan dan Konfigurasi*/
.MSOL_table #idth_nama_mskonfprog,
#dummy
{width: 400px;}
.MSOL_table #idth_url, .MSOL_table #idth_ref, .MSOL_table #idth_agent,
.MSOL_table #idth_catatan,
#dummy
{width: 200px;}
.MSOL_table #idth_kettabel, .MSOL_table #idth_namalap,
#dummy
{width: 160px;}
.MSOL_table #idtd_url span, .MSOL_table #idtd_ref span, .MSOL_table #idtd_agent span,
#dummy
{display: block; overflow: auto; width: 300px;}
.MSOL_table #idth_nilaidefault, .MSOL_table #idth_nilai, #dummy
{width: 140px;}
.MSOL_table #idth_latest_creation_ts, .MSOL_table #idth_latest_lastedit_ts,
.MSOL_table #idth_creation_ts_formatted, .MSOL_table #idth_lastedit_ts_formatted,
.MSOL_table #idth_print_ts_formatted,
#dummy
{width: 75px;}
.MSOL_table #idth_latest_creation_namauser, .MSOL_table #idth_latest_lastedit_namauser,
.MSOL_table #idth_creation_namauser, .MSOL_table #idth_lastedit_namauser,
#dummy
{width: 45px;}