#com-content {
padding:10px 10px 10px 2px;
}
#com-content h2 {
font:20px "Trebuchet MS",verdana,tahoma,sans-serif;
font-weight:bold;
border-bottom:4px solid #f90;
padding:0 0 5px 0;
}
#com-content h3 {
font:16px "Trebuchet MS",verdana,tahoma,sans-serif;
font-weight:bold;
color:#f90;
}
#com-content h4 {
font:11px verdana,tahoma,sans-serif;
font-weight:bold;
color:#f90;
}
#com-content p, #com-content h2 {
margin:0 0 12px 0;
}
#com-content ul li {
background:url(../images/bullet.gif) 0 4px no-repeat;
padding:0 0 0 10px;
}
#com-content ol {
margin:20px;
}
#com-content ol li {
background:none;
padding:0;
}
#com-content ul li {
background:#fff url(../images/bullet.gif) 0 4px no-repeat;
padding:0 0 0 15px;
}
#com-content img {
margin:20px 0 20px 0;
}
#com-content.fiturwhmcpanel img.brand, #com-content img.brand {
margin:0 0 10px 0;
}

#com-content.hargadomain th {
background:#5D96F9;
color:#fff;
text-align:center;
font:14px "Trebuchet MS",verdana,sans-serif;
font-weight:bold;
}
#com-content.hargadomain th.kosong {
background:none;
border:none;
}
#com-content.hargadomain table {
width:80%;padding:0;
margin:0;
}
#com-content.hargadomain td {
border:1px solid #f1f1f1;
text-align:center;
padding:2px;
}
#com-content.hargadomain td.detail {
text-indent:36px;
background:#f1f1f1;
width:25%;
text-align:left;
}
#com-content.hargadomain p {
margin:12px 0 0 0;
}
#com-content.hargadomain a {
text-decoration:underline;
}

#com-content #warningbox {
font-size:10px;
margin:5px;
padding:5px;
background:#FBCC95;
border:1px solid #f90;
}
#com-content #warningbox p {
margin:0;
}
#com-content #warningbox h3 {
color:#fff;
}


#com-content.fiturwhmcpanel ul {
margin:0 0 12px 0;
}
#com-content.fiturwhmcpanel img {
margin:6px 0 24px 0;
}
#com-content.fiturwhmcpanel #lleft {
width:64%;
float:left;
}
#com-content.fiturwhmcpanel #lright {
width:33%;
float:right;
}

#com-content.needtable h3.jarak {
margin:24px 0 6px 0;
}

#com-content.needtable h3 {
clear:both;
font-size:14px;
text-indent:6px;
background:#e1e1e1;
color:#000;
margin:0 0 6px 0;
}
#com-content.needtable h4 {
text-indent:5px;
}

#com-content.needtable ul {
margin:0 0 12px 6px;
}
#com-content.needtable ul.topm {
margin:12px 0;
}
#com-content.needtable .ntleft {
float:left;
width:49%;
}
#com-content.needtable .ntright {
float:right;
width:50%;
}
#com-content.needtable table {
padding:0;
margin:0;
}
#com-content.needtable th {
height:20px;
background:#5D96F9;
color:#fff;
text-indent:4px;
font:14px "Trebuchet MS",verdana,sans-serif;
font-weight:bold;
}
#com-content.needtable td {
width:18%;
font:11px verdana,tahoma,sans-serif;
text-align:center;
border:1px solid #f1f1f1;
}
#com-content.needtable img {
margin:0;
}
#com-content.needtable td.detail {
width:28%;
text-align:left;
background:#f1f1f1;
}
#com-content.needtable td.kosong {
border:none;
}
#com-content.needtable td.detailmiddle {
text-align:center;
background:#f1f1f1;
}

#com-content.needtable a.pesan, #com-content.hargadomain a.pesan {
font-weight:bold;
color:#f00;
}
#com-content.needtable p#notes {
font:10px verdana,tahoma,sans-serif;
margin:12px 0 0 0;
}

tbody.on, div.on  {
display:table-row-group;
}
tbody.off, div.off {
display:none;
}

.order-submit {
border:1px solid #fc0;
background:#f00;
color:#fff;
font-size:10px;
width:60px;
}

#com-content.orderhosting td {
border:none;
text-align:left;
}


.clear {
clear:both;
}

#com-content div.finalorderleft {
float:left;
width:30%;
height:25px;
}
#com-content div.finalorderright {
float:right;
width:65%;
height:25px;
text-align:left;
}

#com-content div.finalorderrighttxt{
float:right;
width:65%;
height:125px;
text-align:left;
}

#com-content input, select, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #3f3f3f;
background-color: #FCFCFC;
border: 1px solid #C5C5C5;
}

#com-content .radioinput{
border:none;
}

#com-content .konfirmasibutton {
background:#fff;
border:1px solid #c5c5c5;
color:#FF9900;
}

#formkonf {
border:1px dashed #ccc;
padding:5px;
}
#formkonf td {
border:none;margin:0;padding:0;width:0;
}
#formkonf h3 {
margin:0 0 24px 0;
}
#formkonf div {
width:100%;
height:30px;
}
#formkonf input {
border:none;
border-bottom:1px dashed #333;
}
#formkonf textarea {
border:1px solid #c5c5c5;
}
#formkonf span.sleft {
float:left;
width:35%;
}
#formkonf span.sright {
float:right;
width:64%;
}
#formkonf .konfirmasibutton {
background:#fff;
border:1px solid #c5c5c5;
color:#FF9900;
}