/* ============================================================ */
/* VERSION : 2011-03                                            */
/* ============================================================ */

/* ============================================================ */
/* GENERAL ==================================================== */
/* Untuk membuat ukuran tinggi body 100% di Firefox (tp ver 3.5.5 sdh tdk masalah) */
/* tapi height:100% nya membuat masalah di ie6 tp tdk terlalu besar */
/* apabila scroll bawah keluar karena sdh lebih kecil dr min-width */
/* maka scroll akan kanan pun akan keluar, meskipun tinggi masih cukup */
html, body {height:100%; margin:0px; padding:0px;}
/* untuk membuat jarak kiri dan kanan ke web_area_table */
/* jangan pakai margin-top dan margin-bottom untuk membuat jarak atas dan bawah */
body {margin-left:0px; margin-right:0px;} /* BOLEH DI RUBAH APABILA DIPERLUKAN */
/* table yang digunakan untuk meliputi seluruh window */
/* untuk set cellspacing ==> border-spacing (hanya untuk IE ver 8 atau lebih */
/* karena border-spacing tidak di support ie7 ke bawah ==> pakai border-collapse utk menghilangkan jarak antara cell */
#web_area_table {width:100%; height:100%; border-spacing:1px; border-collapse:collapse;}
/* set cellpadding table web_layout */
#web_area_cell {padding:0px; vertical-align:top;}
/* table yang digunakan untuk membuat layout */
/* untuk set cellspacing ==> border-spacing (hanya untuk IE ver 8 atau lebih */
/* karena border-spacing tidak di support ie7 ke bawah ==> pakai border-collapse utk menghilangkan jarak antara cell */
/* atau pakai standard HTML ==> cellspacing */
#web_layout_table {border-spacing:0px; border-collapse:separate;}
/* CENTERING THE LAYOUT ======================================= */
#web_area_cell {text-align:center;} /* for IE */
.web_layout_width {margin:0 auto;} /* for Firefox and Chrome */

/* ============================================================ */
/* UKURAN LEBAR LAYOUT ======================================== */
/* in pixel or % ==> eg 100%, 900px =========================== */
.web_layout_width {width:800px;} /* HANYA UNTUK NILAI DEFAULT */
/* ============================================================ */
/* UKURAN BORDER WEB ========================================== */
/* untuk membuat jarak kiri dan kanan ke web_layout */
#web_area_cell {padding-left:0px; padding-right:0px;} /* HANYA UNTUK NILAI DEFAULT */
/* untuk membuat jarak atas, pakai warna sama dengan warna background */
#web_layout_table {border-top:0px solid #FFFFFF;} /* HANYA UNTUK NILAI DEFAULT */
/* untuk membuat jarak bawah, pakai warna sama dengan warna background */
#web_layout_table {border-bottom:0px solid #FFFFFF;} /* HANYA UNTUK NILAI DEFAULT */
/* ============================================================ */
/* SET MIN WIDTH WEB AREA ===================================== */
/* ini adalah min-width, termasuk border kiri dan kanan */
.min_width_web {min-width:520px;} /* HANYA UNTUK NILAI DEFAULT */
/* untuk set min-width dg cara spacer utk browser yg tidak support min-width, contoh : ie */
.min_width_web_spacer {width:520px;} /* HANYA UNTUK NILAI DEFAULT */
/* untuk ie min-width ==> jangan dirubah */
#min_width_web_spacer_cell {padding:0px; font-size:0px;}
/* ============================================================ */
/* SET MIN HEIGHT - LAYOUT ==================================== */
#web_layout_table {height:200px;} /* HANYA UNTUK NILAI DEFAULT */
/* ============================================================ */
/* SET WARNA BACKGROUND ======================================= */
/* untuk set warna seluruh window */
body {background-color:#FFFFFF;} /* HANYA UNTUK NILAI DEFAULT */
/* untuk set warna table yang meliputi seluruh window = sama artinya dg set warna seluruh window */
/* tapi lebih baik gunakan yang di body */
#web_area_table {/*background-color:#FFCC99;*/} /* HANYA UNTUK NILAI DEFAULT */
/* ============================================================ */
/* SET WARNA LAYOUT =========================================== */
/* untuk set warna daerah layout */
#web_layout_table {background-color:#FFFFFF;} /* HANYA UNTUK NILAI DEFAULT */

/* =Container */
/* diperlukan untuk grid dengan cara table, supaya tidak conflict dengan cara div */
.container {width: 100%; margin:0;}