/* NON-HEADER */
*{padding:0; margin:0;}
#page-container {width:955px; margin:0px auto; font-size:1.0em; }
#footer {clear:both; width:955px; text-align:center; margin-bottom:10px; padding:10px 0 25px 0;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.clear {clear:both}
.black {background-color:black;}
.orange {background-color:#E98422;}
.red {background-color:#a43547;}
.blue {background-color:#2d6bb7;}
.lightBlue {background-color:#8fc0fd;}
.pink {background-color:#d351bf;}
.grey {background-color: #808080;}


/* HEADER */
/* CONTAINER MAIN CONTENT */
#container {width:955px; margin: 0 auto; padding: 0; }
#wrapperContent {margin: 0 auto; padding-bottom:20px; margin-bottom:50px width:955px; background-color: #e7e7e7; /*border:3px solid #7b7a7a; */}


/*IKLAN*/
#wrapperIklanKecil, #wrapperIklanMini, #wrapperIklanMini2, #wrapperIklanMini3 {display:inline /*Fix IE floating margin bug*/; float:left; width: 955px; margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#wrapperIklanMedium {display:inline /*Fix IE floating margin bug*/; float:left; width: 945px; margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;padding-left:10px}
#wrapperIklanMedium div {display:inline /*Fix IE floating margin bug*/; float:left; width: auto; margin:10px 0 0 0px; background-color:#fff; height:86px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#wrapperIklanKecil div{ display:inline /*Fix IE floating margin bug*/; float:left; /*margin:10px 0 0 8px;*/ margin:10px 0 0 8px; height:70px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#wrapperIklanMini div { display:inline /*Fix IE floating margin bug*/; float:left; margin:10px 0 0 9px; height:70px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#wrapperIklanMini2 div { display:inline /*Fix IE floating margin bug*/; float:left; margin:10px 0 0 9px; height:50px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#wrapperIklanMini3 div { display:inline /*Fix IE floating margin bug*/; float:left; margin:10px 0 0 9px; height:20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#wrapperIklanKecil div img, #wrapperIklanMini div img, #wrapperIklanMini2 div img, #wrapperIklanMini3 div img {border:none}
#wrapperIklanKecil div {/*width: 150px;*/ width: auto;}
#wrapperIklanMini div {/*width: 70px*/ width: auto;}
#wrapperIklanMini2 div {/*width: 70px*/ width: auto;}
#wrapperIklanMini3 div {/*width: 70px*/ width: auto;}

#containerMenu {display:inline /*Fix IE floating margin bug*/; float:left; width: 204px; margin:10px 0 20px 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#containerPrimaryContent {display:inline /*Fix IE floating margin bug*/; float:left; width: 502px; margin:10px 0 20px 16px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#containerSubMenu {display:inline /*Fix IE floating margin bug*/; float:left; width: 198px; margin:10px 0 20px 16px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

#containerPrimaryContent .primaryContent { background: #000000 url('/img/content.gif') no-repeat; height:35px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.primaryContent .wrapperColor {background-color: #000000; }
.boxSeparated {margin-bottom:20px; }

/* -- PRIMARY CONTENT -- */
/* WELCOME */
.welcome { list-style-type:none; width:502px; background-color: #000000}
.welcome .box { background: #000000 url('/img/content.gif') no-repeat; height:35px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.welcomeBlack { list-style-type:none; width:502px; background-color: #000}
.welcomeBlack .boxBlack { background: #FFFFFF url('/img/content.gif') no-repeat; height:35px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.welcomeBlack p  { color:FFF; margin-top: 0; padding:10px; }
.welcomeBlack p span { color:FFF;}
.welcomeBlack ol, .welcomeBlack ul  { color:FFF; margin-top: 0; padding:25px; }


/* LIST MEMBER PAGE CSS */
.wrapperMember { width:502px; }
.wrapperKolomMember, .wrapperKolomMemberContent { width: 502px; }
.wrapperKolomMemberContent:hover {float:left; background: #000 url('/img/bgHoverMember.gif') repeat-y;}
.kolomMember1, .kolomMember2, .kolomMember3,.kolomMember4 { display:inline /*Fix IE floating margin bug*/; float:left; margin: 5px 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.kolomMember1 {width: 252px; text-align:right;}
.kolomMember2 {width: 70px; text-align:center;}
.kolomMember3 {width: 90px;text-align:center;}
.kolomMember4 {width: 90px;text-align:center;}
span.keterangan a, span.keterangan a:visited, span.keterangan a:hover {display:block; color:white; font-weight:normal; font-size:120%; text-decoration:none;}
span.titleMember {color:white; font-weight:normal; font-size:120%;}

/* LIST MEMBER PAGE TABLE */
table#MemberList {border:0; width:502px; }
table#MemberList th {font-size:120%; color:#FFF}
table#MemberList td {text-align:center; padding:5px 0;}
table#MemberList td.position, table#MemberList th.position {text-align:right; padding:5px 0;}
table#MemberList td a {display:block; color:white; font-weight:normal; font-size:120%; text-decoration:none;}
table#MemberList tr.contentMember:hover {background: #000 url('/img/bgHoverMember.gif') no-repeat;}


/* MEMBER (List Member page lama)*/
#jml {display:inline /*Fix IE floating margin bug*/; float:left; width: 145px; margin: 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#waktu {display:inline /*Fix IE floating margin bug*/; float:left; width: 200px; margin: 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#expired {display:inline /*Fix IE floating margin bug*/; float:left; width: 153px; margin : 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.titleNama, .titleNama1 {display:inline /*Fix IE floating margin bug*/; float:left; width: 500px; margin:0; border: 1px solid white; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.titleNama {background-color: #E98422;}
.titleNama1 {background-color: #808080;}

h2.titleMember a, h2.titleMember a:visited, h2.titleMember1 a, h2.titleMember1 a:visited   { display:block; color:#FFF; text-decoration:none;}
h2.titleMember a:hover, h2.titleMember1 a:hover { display:block; color:#FFF; text-decoration:none;}

h2.titleMember:hover { background-color: #dd5b15; color:#FFF;}
h2.titleMember1:hover { background-color: #585555; color:white;}

h2.titleKeterangan {font:100%; text-align:center; font-family:Arial; padding:5px; }
h2.titleKeterangan:hover  {background-color: #eba45f; color:black}
h2.titleKeterangan1:hover {background-color: rgb(225,225,225); color:black}

.borderLow {border-bottom: 1px solid white;}
.borderSide {border-left: 1px solid white;}
.borderSideRight {border-right: 1px solid white;}
.bgMember {background-color: #eba45f;}

.bgMember1 {background-color: rgb(225,225,225)}
.borderLow1 {border-bottom: 1px solid black;}
.borderSide1 {border-left: 1px solid black;}
.borderSideRight1 {border-right: 1px solid black;}

/* MEMBER PAGE */
.wrapperKolom { width: 502px; }
.titleData{display:inline /*Fix IE floating margin bug*/; float:left; background-color: #dd5b15; width: 502px; margin:0 0 5px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.kolom1 { display:inline /*Fix IE floating margin bug*/; float:left; width: 202px; margin: 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.kolom2 { display:inline /*Fix IE floating margin bug*/; float:left; width: 300px; margin: 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
h2.titleKolom {font:100%; font-weight:normal; text-align:left;}
h2.titleKolom:hover {background-color: #000000}
.titleData h2:hover {background-color: #dd5b15; color:white;}
h2.titleKolom a, h2.titleKolom a:visited { color:#e2db23}
h2.titleKolom a:hover { color:#E98422}
div.editBarisNomor a, div.editBarisNomor a:visited {color:#FFF}
div.editBarisNomor a:hover {color:#FFF;}
div.editBarisNomor a img, div.editBarisNomor a:visited img  {border:0;}
div.avatar {text-align:center;}
div.avatar img { text-align:center; height:150px; width:150px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/*PERPANJANG PRIORITAS*/
small.note {font-size:130%;color:red; }
.kolomOrder1 { display:inline /*Fix IE floating margin bug*/; float:left; width: 252px; margin: 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.kolomOrder2 { display:inline /*Fix IE floating margin bug*/; float:left; width: 250px; margin: 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
small.verifikasi  {font-size:130%;color:red;}
.wrapperKolomNote {width:500px; padding:0 10px;}

/* LINK - LINK PENTING */
.barisLink  {display:inline /*Fix IE floating margin bug*/; float:left; width: 238px; margin:10px 0 2px 8px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border:1px solid white; color:white; font-size:12px; text-align:center; }
.barisLink p { padding:10px; }
.barisLink p a { color:#FFCC00; }

/* PRIMARY CONTENT IKLAN BANNER */
.titleNomor, .titleNomor1, .bgNomor, .bgNomor1, .bgNomorInput {display:inline /*Fix IE floating margin bug*/; float:left; background-color: #E98422; width: 502px; margin:0 0 5px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.titleNomorAfter {display:inline /*Fix IE floating margin bug*/; float:left; background-color: #E98422; width: 502px; margin: 10px 0 5px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.titleNomor a, .titleNomor a:visited, .titleNomorAfter a, .titleNomorAfter a:visited, .titleNomor1 a, .titleNomor1 a:visited {color:#FFF; display:block; text-decoration:none;}
.titleNomor a:hover, .titleNomor a:hover, .titleNomorAfter a:hover, .titleNomorAfter a:hover {color:#FFF; text-decoration:none;}
.barisNomor, .editBarisNomor {display:inline /*Fix IE floating margin bug*/; float:left; width: 155px; margin:10px 0 5px 8px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border:1px solid white; }
h2:hover, h2.action:hover, h2.title:hover {background-color:#dd5b15; color:#FFF;}
.wrapperBannerBox {padding-left:0;}

.boxNomor2 { display:inline /*Fix IE floating margin bug*/; float:left; width: 159px; margin:10px 0 0 6px; background: #000000 url('/img/box-warna/dark_green.gif') no-repeat; height:30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
h2.hoverBox2 {min-height:30px /*Non-IE6*/; height:auto !important; height:30px /*IE6*/; line-height:1.5em; color:#000000}
h2.hoverBox2:hover {background: #000000 url('/img/box-warna/yellow.gif') no-repeat; height:30px; color:#000;}


/* PRIMARY EDIT HAPUS NOMOR */
p.total {font-size:80%; font-weight:normal}

/* PRIMARY CONTENT NOMOR */
.bgNomor { width: 500px; background-color: #990000; border:1px solid white; margin-top:20px;}
.bgNomor1 { width: 500px; background-color: #2d6bb7; border:1px solid white;margin-top:20px;}
h2.titleNumber, h2.titleNumberNo { float:right; width:200px; color:#FFFFFF; text-align:center; padding-left: auto;}
h2.titleHarga, h2.titleHargaNo { float:right; width:150px; color:#e2db23; font-weight:bold; text-align:right;}
h2.titleHarga, h2.titleNumber {font-size: 120%;}
h2.titleHargaNo, h2.titleNumberNo {font-size: 160%;}
.bgNomor h2.titleHarga:hover,.bgNomor h2.titleNumber:hover, .bgNomor h2.titleHargaNo:hover,.bgNomor h2.titleNumberNo:hover, .bgNomorInput h2.titleHarga:hover, .bgNomorInput h2.titleNumber:hover { background-color: #990000; }
.bgNomor1 h2.titleHarga:hover,.bgNomor1 h2.titleNumber:hover, .bgNomor1 h2.titleHargaNo:hover,.bgNomor1 h2.titleNumberNo:hover { background-color: #2d6bb7;}
/*kotak Image*/
.boxNomor1 { display:inline /*Fix IE floating margin bug*/; float:left; width: 159px; margin:10px 0 0 6px; background: #000000 url('/img/box-warna/blue.gif') no-repeat; height:30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.boxNomor { display:inline /*Fix IE floating margin bug*/; float:left; width: 159px; margin:10px 0 0 6px; background: #000000 url('/img/box-warna/red.gif') no-repeat; height:30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.boxNomorPrioritas { display:inline /*Fix IE floating margin bug*/; float:left; width: 159px; margin:10px 0 0 6px; background: #000000 url('/img/box-warna/yellow.gif') no-repeat; height:30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }

p.hoverBox1 {font-size:14px; font-family:verdana; font-weight:bold; text-align:center; min-height:30px /*Non-IE6*/; height:auto !important; height:30px /*IE6*/; line-height:1.5em; color:#000000}
p.hoverBox1:hover {background: #000000 url('/img/box-warna/orange.gif') no-repeat; height:30px; color:#000000;}
p.hoverBox {font-size:14px; font-family:verdana; font-weight:bold;text-align:center; min-height:30px /*Non-IE6*/; height:auto !important; height:30px /*IE6*/; line-height:1.5em; color:#000000}
p.hoverBox:hover {background: #000000 url('/img/box-warna/pink.gif') no-repeat; height:30px; color:#000000;}
h2.hoverBoxPrioritas {min-height:30px /*Non-IE6*/; height:auto !important; height:30px /*IE6*/; line-height:1.5em; color:#000000}
h2.hoverBoxPrioritas:hover {background: #000000 url('/img/box-warna/orange.gif') no-repeat; height:30px; color:#000000;}

p.urut a, p.urut a:visited {color:#e2db23}
p.urut a:hover {color:#FFF}

/* PRIMARY CONTENT NOMOR - NOMOR PASANGAN */
.wrapperPasangan {margin: 0 auto; width:400px;}
h4.pasangan, h4.pasangan1 {display:inline /*Fix IE floating margin bug*/; font-size:140%; float:left; width: 399px; margin:10px 0 0 0px; text-align: center; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
h4.pasanganNomor, h4.pasanganNomor1 {display:inline /*Fix IE floating margin bug*/; font-size:130%; float:left; width: 197px; margin:0;  text-align: right;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
h4.pasanganHarga, h4.pasanganHarga1 {display:inline /*Fix IE floating margin bug*/; font-size:130%; float:left; width: 198px; margin:0;  text-align: right;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }

h4.pasangan {background-color: #dd5b15; color: #FFF;}
h4.pasanganNomor, h4.pasanganHarga {background-color: #E98422; color: black; border: 1px solid white;}

h4.pasangan1 {background-color: #808080; color: #FFF; }
h4.pasanganNomor1, h4.pasanganHarga1 {background-color: rgb(225,225,225); color:black; border: 1px solid #666666;}

/* PRIMARY CONTENT IKLAN BARIS */
.iklanBarisBox {display:inline /*Fix IE floating margin bug*/; float:left; width: 149px; margin:10px 5px 0 10px; background: #000000 url('/img/iklanBaris.gif') no-repeat; height:43px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.wrapperIklanBox {padding-left:3px;}

/* PASANG NOMOR 1 - Upload Nomor */
h2.titleNobg {margin-top:30px; padding:0; color:#FFF}
h2.titleNobg:hover {margin-top:30px; padding:0; color:#FFF; background-color:#000}
form.uploadNomor input[type=checkbox] { margin-left: 10px; margin-right:5px;}

/* PASANG NOMOR 2 */
.titleWidth {width:472px; padding-right:10px}
.titleWidth h2.title:hover {background-color:#E98422; color:white;}
small.example {font-size:80%;color:#E98422;}

/* AFTER PASANG NOMOR 2*/
.bgColor {background-color:#009900;}
p.update a, p.update a:visited, p.updateColor a, p.updateColor a:visited {color:blue}
p.update a:hover, p.updateColor a:hover {color:blue}
p.datakosong {color:red; font-size:150%; text-align:center}
.bgNomorInput { width: 500px; background-color: #990000; border:1px solid white;}
.wrapperBannerColor p.updateColor a, .wrapperBannerColor p.updateColor a:visited, .wrapperBannerColor p.update a, .wrapperBannerColor p.update a:visited, .wrapperBannerColor p.updatePrioritasColor a, .wrapperBannerColor p.updatePrioritasColor a:visited {color:#000; font-weight:bold;}
.wrapperBannerColor p.updateColor a:hover, .wrapperBannerColor p.update a:hover, .wrapperBannerColor p.updatePrioritasColor a:hover {color:blue}

/* DAFTAR MEMBER */
.titleNomor1 h2.title:hover {background-color:#E98422}
div.password {width: 150px;}
.example1 {float:left; width:200px; margin-top:-25px; margin-left:150px; color:#E98422;}

/* NEWS */
.wrapperNewsContent p {color:#FFF; margin-top: 0; padding:10px;}
.wrapperNewsContent ul {color:#FFF; margin-top: 0; padding:15px;}
.wrapperNewsContent ul a, .wrapperNewsContent ul a:visited {color:#FFF;}
.wrapperNewsContent ul a:hover {color:#99CCFF;}
.wrapperNewsContent p.tanggal {font-size:150%; margin-bottom:-10px; color:#F08080}

/* -- MENU CONTENT -- */
/* MENU GLOBAL*/
.menu {margin-bottom: 10px; /*Jarak antar Box*/}
.menuBarisNomor {margin-top:40px;margin-bottom: 10px;}


/* MENU HALAMAN */
/*Drop-down menu*/
.nav-top {width:955px; }
.nav {width:955px; border:none; background:rgb(220,220,220) url('/img/bg-bar.gif') repeat-x; height:39px; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/

/*9 Des`09 awal => .nav ul {list-style-type:none; width:850px; margin:0 auto;}*/
.nav ul {list-style-type:none; margin-left:55px;}
.nav ul li, .nav ul li.first {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px white;}
.nav ul li.first {border-left:solid 1px white;}
.nav ul li a, .nav ul li.first a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 19px 0 19px; text-decoration:none; font-weight:bold; color:black; text-align:center;}
.nav ul li ul, .nav ul li.first ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav ul li:hover a, .nav ul li.first:hover a {background:rgb(220,220,220) url('../img/bgMenuMainHover.gif') repeat-x; text-decoration:none; color:#000;} /*Color main cells hovering mode*/
.nav ul li:hover ul, .nav ul li.first:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav ul li:hover ul li a, .nav ul li.first:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav ul li:hover ul li a:hover, .nav ul li.first:hover ul li a:hover {background: rgb(220,220,220) url('../img/bgMenuMainHover.gif') repeat-x; text-decoration:none; color:#000;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav ul li a:hover, .nav ul li.first a:hover {background:rgb(220,220,220) url('../img/bgMenuMainHover.gif') repeat-x; color:#000; text-decoration:none;} /*Color main cells hovering mode*/
.nav ul li a:hover ul, .nav ul li.first a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav ul li a:hover ul li a, .nav ul li.first a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav ul li a:hover ul li a:hover, .nav ul li.first a:hover ul li a:hover {background:rgb(220,220,220) url('../img/bgMenuMainHover.gif') repeat-x; color:#000; text-decoration:none;} /*Color subcells hovering mode*/

/* MENU SEARCH */
#searchBox {background: #FFF url('/img/search.gif') no-repeat center top; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;  border-bottom: solid 1px rgb(200,200,200);}

/* MENU LOGIN */
#loginBox {background: #FFF url('/img/login.gif') no-repeat center top; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;  border-bottom: solid 1px rgb(200,200,200);}
.login .pass a {margin-top:-15px; margin-right:5px; float:right;}
.login a, .login a:visited, .login .pass a, .login .pass a:visited {color:#e2db23;}
.login a:hover, .login .pass a:hover {color:#E98422;}

/* MENU MEMBER */
#memberBox {background: #000000 url('/img/member.gif') no-repeat center top; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
p.content a, p.content a:visited, h6 a, h6 a:visited { color:#e2db23; }
p.content a:hover, h6 a:hover {color:#E98422;}
.wrapperUpgrade {margin-left:15px;}
h2.action a, h2.action a:visited {color:#FFF;}
h2.action a:hover {color:#e2db23;}

/* MENU KATEGORI OPERATOR */
ul.operatorNav { list-style-type:none; width:204px;}
ul.operatorNav li#operatorBox {width:204px; background: #000000 url('/img/kategoriOperator.gif') no-repeat; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
ul.operatorNav li.group {background: url('/img/arrow.gif') no-repeat left; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding-left:20px; font-weight:bold; color:#FF6666; font-size:120%; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
ul.operatorNav li a, #mainNav li a:visited { display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px; text-decoration:none; color:#ededed; font-weight:normal; font-size:120%;}
ul.operatorNav li a:hover, ul.mainNav li.warnaDaerah a:hover {background-color:#BFFF61; color:black; text-decoration:none;}

/* MENU KATEGORI NUMBER */
ul.operatorNav li#numberBox {width:204px; background: #FFFFFF url('/img/kategoriPosisi.gif') no-repeat; height:34px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
ul.operatorNav li.groupNumber {background: #000 url('/img/arrow.gif') no-repeat left; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding-left:20px; font-weight:normal; color:#d6414c; font-weight: bold; font-size:130%; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* MENU KATEGORI DAERAH */
ul.mainNav { list-style-type:none; width:204px;}
ul.mainNav li#daerahBox {width:204px; background: #000000 url('/img/kategoriDaerah.gif') no-repeat; height:34px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
ul.mainNav li.warnaDaerah a, #mainNav li a:visited {color: #FFF; font-weight:normal;}
ul.mainNav li a, #mainNav li a:visited {display:block; min-height:2.5em /*Non-IE6*/; height:auto !important; height:2.5em /*IE6*/; line-height:2.5em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:130%;}

/*MENU IKLAN BERJALAN*/
#boxKiri {background: #FFF url('/img/content_kiri.gif') no-repeat center top; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;  border-bottom: solid 1px rgb(200,200,200);}
.login marquee p {text-align:left}
.iklanberjalan {margin-bottom:10px; background-color:#000; }
.iklanberjalan p { padding:5px;}

/* -- SUBMENU CONTENT -- */
/* MENU CARA PASANG */
#caraPasangBox {background: #000000 url('/img/gambar/pasangNomor.gif') no-repeat center top; height:35px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
ol.decimal {list-style-type:decimal; width:204px; list-style-position:inside}
ol.decimal li{min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:15px 10px 0px 10px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:#FFFFFF; font-size:120%;}

/* MENU SUBNAV 100 Nomor Terbaru */
ul.subNav { list-style-type:none; width:198px; background-color: #000000}
ul.subNav li#numberBox {background: #000000 url('/img/nomorTerbaru.gif') no-repeat; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
ul.subNav li.newNumber a, ul.subNav li.newNumber a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:#FFF; font-size:135%; font-weight:normal;}
ul.subNav li.newNumber a:hover {background-color:#BFFF61; color:#000; text-decoration:none;}

/* MENU SUBNAV BERITA */
ul.subNav li#newsBox {background: #000000 url('/img/berita.gif') no-repeat; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.wrapperNews {margin:10px 0 10px;}
ul.subNav li a, #mainNav li a:visited {display:block; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:#FF9933; font-size:130%; font-weight:bold}
ul.subNav li a:hover {background-color:#BFFF61; color:#000; text-decoration:none;}

/* MENU SUBNAV 100 Member Terbaru */
ul.subNav li#memberBox {background: #000000 url('/img/memberTerbaru.gif') no-repeat; height:37px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
ul.subNav li.newMember a, ul.subNav li.newMember a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:#FFF; font-size:130%; font-weight:normal;}
ul.subNav li.newMember a:hover {background-color:#BFFF61; color:#000; text-decoration:none;}


/* -- MISC -- */
/* ROUNDED CORNER */
.bottom-left {margin-right: 9px; /* clip right corner */ background: url('/img/cornerBottomLeft.jpg') no-repeat bottom left; height: 13px; font-size: 2px; }
.bottom-right {margin-top: -13px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background: url('/img/cornerBottomRight.jpg') no-repeat bottom right; height: 13px; font-size: 2px; }
.orange-bottom-left {margin-right: 9px; /* clip right corner */ background: url('/img/cornerBottomLeft.gif') no-repeat bottom left; height: 13px; font-size: 2px; }
.orange-bottom-right {margin-top: -13px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background: url('/img/cornerBottomRight.gif') no-repeat bottom right; height: 13px; font-size: 2px; }
.red-bottom-left {margin-right: 9px; /* clip right corner */ background: url('/img/redCornerBottomLeft.gif') no-repeat bottom left; height: 13px; font-size: 2px; }
.red-bottom-right {margin-top: -13px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background: url('/img/redCornerBottomRight.gif') no-repeat bottom right; height: 13px; font-size: 2px; }
.blue-bottom-left {margin-right: 9px; /* clip right corner */ background: url('/img/blueCornerBottomLeft.gif') no-repeat bottom left; height: 13px; font-size: 2px; }
.blue-bottom-right {margin-top: -13px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background: url('/img/blueCornerBottomRight.gif') no-repeat bottom right; height: 13px; font-size: 2px; }
.green-bottom-left {margin-right: 9px; /* clip right corner */ background: url('/img/greenCornerBottomLeft.gif') no-repeat bottom left; height: 13px; font-size: 2px; }
.green-bottom-right {margin-top: -13px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background: url('/img/greenCornerBottomRight.gif') no-repeat bottom right; height: 13px; font-size: 2px; }
.pink-bottom-left {margin-right: 9px; /* clip right corner */ background: url('/img/pinkCornerBottomLeft.gif') no-repeat bottom left; height: 13px; font-size: 2px; }
.pink-bottom-right {margin-top: -13px; /* to level of bottom-left corner */ margin-left: 9px; /* clip left corner */ background: url('/img/pinkCornerBottomRight.gif') no-repeat bottom right; height: 13px; font-size: 2px; }


/* -- LAYOUT TEXT --*/
/* TEXT */
h1 {text-align:center; min-height:2.1em /*Non-IE6*/; height:auto !important; height:2.1em /*IE6*/; line-height:2.1em; margin:0; font-size:160%; font-weight: bold; color: #FFFFFF;}
h2 {color:white; text-align:center; font-family:Arial; padding:2px; }
h2.titleKolom {color:white; font-size:150%; font-family:Arial; padding:5px; }
h2.title {font-weight:bold; color :#FFFFFF; padding: 0; font-size: 140%}
h2.action {color:white; font-size:140%; text-align:center; font-family:Arial; padding:5px; }
h3 {display:inline /*Fix IE floating margin bug*/; padding:0; font-size:15px; color: #75756a; }
#footer h3 {display:inline /*Fix IE floating margin bug*/; padding:0; font-size:12px; color: #FFF; }
h4 {text-align: center; font-weight:bold; color :#000000; font-size: 120%; padding-top:5px; }
h4.kontak {text-align: center; color :#000000; font-size: 110%; padding-top:2px; font-weight:normal}
h5 {font-weight:bold; text-align:left; color :#FFFFFF; padding:5px 10px 5px; font-size: 140%; }
h6 {font-size:140%; color:#FFFFFF; margin: 10px; padding-left:0px;}
.error-message { color:red; font-size:80%; }
.textBlack {color:black}
.textWhite { color:white}

p.link {text-align:left;}
p.update {background: #000000 url('/img/box-warna-big/orange.gif') no-repeat; color:#000; height:60px; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; float:left; margin:15px 0 0 0; padding:0px 5px}
p.updateColor {background: #000000 url('/img/box-warna-big/red.gif') no-repeat; color:#000; height:60px; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; float:left; margin:15px 0 0 0; padding:0px 5px}
p.berita {padding:0 20px; color:#ffffff; font-size:110%;}
p.tgl {padding-left:20px; color:#FFF; font-size:100%;}
p.content {font-size:130%; margin-top: 0; padding:10px}
p.upgrade {font-size:130%; margin-top: 0; padding-bottom:0; margin-bottom:0;}
p.pasangNomor {font-size:130%; color:#000; font-weight:bold; margin-top: 0; background-color: #8fc0fd; width:482px;}
p.filePasangNomor {text-align:right; margin-right:110px;}
p.urut {text-align:center; font-size:130%; color:#FFF; margin-top:15px;}

.positionRight {float:right;}
.positionLeft {float:left;}
.positionCenter {text-align:center;}
.positionLeft {:left;}
.editBarisNomor h2:hover {background-color:#E98422; color:#FFF;}
.clearFloat {clear:both}

/* -- LAYOUT FORM -- */
/* FORM */
form { margin:0; padding-top:5px; padding-left:10px; color:white; font-size:130%; min-height:2.1em /*Non-IE6*/; height:auto !important; height:2.1em /*IE6*/; line-height:2.1em;}
form.updateNomor {padding:0;}
label { display: block;	font-size: 100%; padding-right: 20px; }
input.emailInput,  input.websiteInput { clear: both;	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;	padding: 2px;	width:250px; }
input.inputFile { 	float:left; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;	padding: 2px;	}
input[type=radio] {	float:left; width:auto;	margin: 8px 3px 0 0;}
form.updateNomor input[type=checkbox] { float: left; margin: 25px 10px 0; width: auto; }
form.updateNomor input[type=button], form.updateNomor input[type=submit]{ float:left; display: inline; font-size: 110%; padding: 2px 5px;	margin: 25px 0 0 10px;width: auto; vertical-align: bottom; }

form.upgrade  {padding-left:10px; font-size:130%;}
form.upgrade label.lama {padding-top:50px;}


form.login label {color:#FFF}
form.login input[type=submit] {margin-top:10px}

form.prioritas label {float:left; padding:0; margin:0 0 0 98px; font-size:120% }
form.prioritas {margin:0; padding:0;}
form.prioritas fieldset {	padding: 10px 20px 0;}
form.prioritas .text { margin:0; padding-top:5px; width: 230px;	float:left; }

form.prioritas select {	float:left; margin-left:10px;}

form.prioritas input[type=submit] {	font-size: 110%; margin:0 0 0 100px; padding: 2px 5px;	width: auto;}

/* Notices and Errors */
div.message { color: red; font-size: 120%; font-weight: bold;	margin: 1em 0; padding-left:10px}
ul.errorMessage {list-style-type:circle; list-style-position:inside; padding-left:15px; }
ul.errorMessage li {font-weight:none; font-size:90%}

/* Paging */
div.paging { clear:both; background:#fff; color: #ccc; margin-bottom: 1em; font-size:150%;}
div.paging div.disabled {color:black;	display: inline;float:left;margin:10px 5px 0 0;}
div.paging span {float:left;margin:10px 5px 0 0;}
div.paging span.current {	color:#C6FF69; margin:10px 5px 0 0;	font-weight:bold;}
div.paging span a, div.paging a, div.paging span.current {font-size:12px; border:1px solid black; background-color:black; display:block; float:left; padding:2px 4px;text-align:center;text-decoration:none;}
div.paging a {	margin:10px 5px 0 0;	color:white;}
div.paging span a {	margin:0px 1px 0 0; color:white;}
div.paging span a:hover, div.paging a:hover {background:#C6FF69; border-color:#C6FF69;color:black; }

/* Banner Top Lebar & Kecil-Kecil */
#header-middle {background-color:#000000; height:137px; margin-bottom:16px;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#iklan-top { height:38px; margin-bottom:17px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}