/*   core css							*/
/*   created by janggo					*/

body {
min-width:756px;
text-align:center;
background:#e1e1e1 url('../images/bkg.jpg') repeat-x top left;
margin:0;
padding:0;
color:#000; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:verdana, tahoma, sans-serif
}
form {
margin:0;
}

/*general stuff*/
h1, h2, h3, h4, p {
margin:0;
padding:0;
}
img {
border:none;
}
ul, ol {
padding:0;
margin:0;
}
ul {
list-style:none;
}
ul li {
background:#fff url('../images/bullet.gif') no-repeat 0 4px;
padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}
a {
color:#0066CC;
text-decoration:none;
}
a:hover {
color:#f90;
text-decoration:none;
}
strong.red {
color:#f00;
}
/*h2 {
margin:0 0 12px 0;
}*/
/* end of general stuff */
#logo {
text-align:left;
width:756px;
margin:0 auto;
margin-bottom:-1px;
padding:10px 0 0 0;
}
#wrapper {
text-align:left;
width:756px;
margin:0 auto;
background:#fff;
}

.selamat-datang {
height:40px;
background:url('../images/txt_selamatdatang.gif') no-repeat top left;
text-indent:-999em
}

/*header*/
#header {
clear:left;
width:756px;
height:150px;
background:url('../images/header_test.jpg') no-repeat top left;
border-bottom:10px solid #e1e1e1
}
#header h2, #header ul {
position:absolute;
left:-999em;
}
/*end of header*/

/*left section*/
#info {
float:left;
background:url('../images/box_over.jpg') no-repeat top left;
width:220px;
margin-left:0; margin-right:0; margin-top:-60px; margin-bottom:0
}
#noinfo {
float:left;
width:220px;
margin:10px 0 0 0;
}
#caridomain {
width:196px;
height:66px;
background:#ccc url('../images/bkg_caridom.jpg') repeat-x top left;
border:2px solid #e1e1e1;
margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:10px
}
#caridomain h3 {
/*background:url(../images/txt_caridom.jpg) top left no-repeat;*/
margin:10px 0 10px 10px;
font:12px "Trebuchet MS",verdana,sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#444;
}
#input_caridom {
width:84px;
margin-left:9px !important;
margin-left:0px !important;
font-size:13px;
border:1px solid #ccc;
background:#fff url('../images/web-search.gif') no-repeat 1% 50%;
padding-left:52px
}
#bt_caridom {
width:34px;
font:11px sans-serif;
font-weight:bold;
height:20px;
border:1px solid #999;
background:#f1f1f1;
}
/*end of left section*/


/*center section*/
#content {
float:right;
width:533px;
/*background:url(../images/header_line.jpg) repeat-x;*/
}

#maincontent {
float:left;
width:527px;
}

#selamatdatang {
border-bottom:1px solid #e1e1e1;
margin:10px 0 0 0;
padding:0 0 10px 0;
}
#selamatdatang h2 {
height:40px;
background:url('../images/txt_selamatdatang.gif') no-repeat top left;
text-indent:-999em; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
}

#regdomain, #redom, #rehost {
border-bottom:1px solid #e1e1e1;
margin:10px 0 0 0;
padding:0 0 10px 0;
}
#regdomain {
background:url('../images/network.gif') no-repeat 0 0;
}
#rehost {
background:url('../images/rehost.gif') no-repeat 1% 0;
}
#redom {
background:url('../images/redom.gif') no-repeat 0 0;
}
#regdomain h3, #regdomain p, #rehost h3, #rehost p, #redom h3, #redom p {
padding:0 0 0 42px;
}
#regdomain h3, #rehost h3, #redom h3 {
font:12px verdana,tahoma,sans-serif;
font-weight:bold;
}
#regdomain a.selanjutnya, #rehost a.selanjutnya, #redom a.selanjutnya {
font-weight:bold;
color:#f90;
background:url('../images/next.gif') no-repeat 100% 80%;; padding-left:0; padding-right:14px; padding-top:0; padding-bottom:0
}

#berita {
padding:0;
border-bottom:1px solid #e1e1e1;
}

#berita a.selanjutnya{
font-weight:bold;
color:#f90;
background:url('../images/next.gif') no-repeat 100% 80%;; padding-left:0; padding-right:14px; padding-top:0; padding-bottom:0
}

#berita h2, #highlight h2 {
font:18px "Trebuchet MS",verdana,sans-serif;
font-weight:bold;
line-height:24px;
padding:6px 0 6px 0;
}
#berita h2 {
background:url('../images/berita.gif') no-repeat 0 10px;
color:#5D96F9;
border-bottom:4px solid #5D96F9;
text-indent:24px;
margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
}
#berita p {
margin:0 0 10px 0;
}
.tanggal {
color:#f90;
}
#highlight {
background:#49BE26 url('../images/high_t.jpg') no-repeat top left;
margin:10px 0;
padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:10px !important
}
#highlight h2 {
background:url('../images/highlight.gif') no-repeat 10px 10px;
color:#fff;
text-indent:34px
}
#highlight ul {
background:url('../images/high_b.jpg') no-repeat bottom left;; list-style-type:none
}
#highlight li {
font:10px verdana,tahoma,sans-serif;
color:#fff;
border-top:1px dashed #fff;
margin:0 10px 0 10px;
padding:10px 0 10px 42px;
}
#highlight li#uptime {
background:url('../images/clock.gif') no-repeat 0 50%;
}
#highlight li#stat {
background:url('../images/icon_stat.gif') no-repeat 0 50%;
}
#highlight li#customersupport {
background:url('../images/support.gif') no-repeat 0 50%;
}
#highlight li#kembali {
background:url('../images/30harigaransi.gif') no-repeat 0 50%;
}
/* secondary content */
#secondarycontent {
float:right;
width:170px;
margin:10px 0 0 0;
}
#frame-personal, #frame-basic, #frame-intermediate, #frame-advance, #frame-corporate {
width:160px;
margin:0 0 10px 0;
}
#frame-personal {
border-top:4px solid #ccc;
}
#frame-basic {
border-top:4px solid #49BE26;
}
#frame-intermediate {
border-top:4px solid #fc0;
}
#frame-advance {
border-top:4px solid #f00;
}
#frame-corporate {
border-top:4px solid #5D96F9;
}

.frame {
width:156px;background:url('../images/frame_title.jpg') repeat-x;
border:2px solid #e1e1e1;
font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:verdana; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0
}
.frame ul {
margin:0;
padding:6px 0 6px 6px;
}
.frame li {
margin:0;
padding:0 0 0 8px;
}
.frame a {
display:block;
height:22px;
font:14px "trebuchet ms",verdana,tahoma,sans-serif;
text-align:center;
color:#fff;
margin:6px 0 0 0;
}
.frame a:hover {
text-decoration:none;
}
.frame p {
text-align:right;
font:14px "trebuchet ms",sans-serif;
}
.harga {
padding:0 3px 0 0 !important;
padding:0 8px 0 0;
}

#frame-personal h3, #frame-basic h3, #frame-intermediate h3, #frame-advance h3, #frame-corporate h3 {
font:12px "Trebuchet MS",verdana,sans-serif;
font-weight:bold;
text-indent:34px;
text-transform:uppercase;
line-height:24px;
}
#frame-personal h3 {
background:url('../images/h2personal.gif') no-repeat 6px 0;
}
#frame-basic h3 {
background:url('../images/h2basic.gif') no-repeat 6px 0;
}
#frame-intermediate h3 {
background:url('../images/h2intermediate.gif') no-repeat 6px 0;
}
#frame-advance h3 {
background:url('../images/h2advance.gif') no-repeat 6px 0;
}
#frame-corporate h3 {
background:url('../images/h2corporate.gif') no-repeat 6px 0;
}

#frame-ppersonal {
background:#ccc;
}
#frame-pbasic {
background:#49BE26;
}
#frame-pintermediate {
background:#fc0;
}
#frame-padvance {
background:#f00;
}
#frame-pcorporate {
background:#5D96F9;
}

/*footer*/
#footer {
clear:both;
border-top:1px solid #ccc;
margin:0 10px 0 10px;
padding:10px 0 10px 0;
}
#footer-left {
float:left;
width:29%;
}
#footer-right {
float:right;
text-align:right;
width:69%;
}

#clear {
clear:both;
}

#wrapbox {
display:none;
}

/*CSS for pop up hint box */
#hintbox{ 
	text-align:left;
	position:absolute;
	background-color: lightyellow;
	width: 180px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:14px;
	z-index:100;
	visibility: hidden;
}
.hintanchor{
text-decoration:none;
}
.hintanchor:hover {
text-decoration:none;
}