body {
background : #122d04 url(../images/bodybg.jpg) repeat-x;
font : 11px Verdana, Tahoma, arial, sans-serif;
color : #000;
text-align : center;
margin-top : -1px;
}
* {
margin : 0;
padding : 0;
border : 0;
}
a, a:visited {
color : #585a2b;
background : inherit;
text-decoration : none;
}
a:hover {
color : #81cded;
background : inherit;
text-decoration : none;
}
h1, h2, h3 {
font-family : Verdana, Tahoma, Sans-serif;
font-weight : normal;
}
h1 {
font-size : 160%;
font-weight : normal;
}
h2 {
font-size : 135%;
color : #88ac0b;
}
h3 {
font-size : 125%;
font-weight : bold;
}
h4 {
font-size : 100%;
font-family : Arial, Helvetica, sans-serif !important ;
}
h1, h2, h3, p {
padding : 5px;
margin : 0;
}
ul, ol {
margin : 5px 20px;
padding : 0 0;
}
table {
margin-left : 5px;
}
img.border {
background : #fafafa;
padding : 5px;
margin-right : 5px;
}
img.float-right {
margin : 5px 0 10px 10px;
}
img.float-left {
margin : 5px 10px 10px 0;
}
blockquote {
margin : 10px;
padding : 0 0 0 25px;
background : #f9f7dd;
border : 1px solid #e0dbc9;
color : #563e24;
}
form {
margin : 10px;
padding : 0 5px;
}
label {
display : block;
font-weight : bold;
margin : 5px 0;
}
input, select {
padding : 2px;
border : 1px solid #a4e649;
font : normal 1em Verdana, sans-serif;
color : #777;
}
textarea {
width : 350px;
padding : 2px;
font : normal 1em Verdana, sans-serif;
border : 1px solid #a4e649;
height : 100px;
display : block;
color : #777;
}
input.button {
font : 12px Arial, Sans-serif;
font-weight : bold;
height : 24px;
margin : 0;
padding : 2px 3px;
color : #172439;
background : #2a4505;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.clear {
clear : both;
}
#topbar {
height : 35px;
width : 900px;
margin : 0 auto;
background : url(../images/topx.jpg) no-repeat;
}
#wrap {
position : relative;
width : 797px;
margin : 0 auto;
text-align : left;
}
#header {
width : 797px;
margin : 0 auto;
height : 113px;
background : url(../images/headerx.jpg) no-repeat;
color : #003300;
}
#support {
float : right;
padding : 75px 20px 0 0;
}
#banner {
z-index : 1;
margin : 0 auto;
position : relative;
width : 797px;
height : 172px;
background : #fff url(../images/banner.jpg) no-repeat;
}
#flash {
width : 325px;
height : 172px;
background : #0f0;
}
#top2 {
z-index : 2;
position : relative;
height : 46px;
width : 797px;
margin : 0 auto;
background : #e1e1e1 url(../images/contop.jpg) no-repeat right;
}
#nav {
z-index : 10;
text-align : center;
position : relative;
clear : both;
padding : 0;
width : 797px;
margin : 0 auto;
height : 34px;
}
#nav ul {
list-style : none;
padding : 0;
margin : 0;
right : 0;
bottom : 0;
float : left;
}
#nav ul li {
display : inline;
margin : 0;
padding : 0;
}
#nav ul li a.beranda {
display : block;
float : left;
height : 34px;
width : 100px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/beranda.jpg) no-repeat;
}
#nav ul li a.profil {
display : block;
float : left;
height : 34px;
width : 72px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/profil.jpg) no-repeat;
}
#nav ul li a.term {
display : block;
float : left;
height : 34px;
width : 94px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/term.jpg) no-repeat;
}
#nav ul li a.web {
display : block;
float : left;
height : 34px;
width : 108px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/web.jpg) no-repeat;
}
#nav ul li a.hosting {
display : block;
float : left;
height : 34px;
width : 115px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/hosting.jpg) no-repeat;
}
#nav ul li a.domain {
display : block;
float : left;
height : 34px;
width : 105px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/domain.jpg) no-repeat;
}
#nav ul li a.bayar {
display : block;
float : left;
height : 34px;
width : 104px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/bayar.jpg) no-repeat;
}
#nav ul li a.kontak {
display : block;
float : left;
height : 34px;
width : 99px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/kontak.jpg) no-repeat;
}
#nav ul li a.beranda:hover {
display : block;
float : left;
height : 34px;
width : 100px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/beranda2.jpg) no-repeat;
}
#nav ul li a.profil:hover {
display : block;
float : left;
height : 34px;
width : 72px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/profil2.jpg) no-repeat;
}
#nav ul li a.term:hover {
display : block;
float : left;
height : 34px;
width : 94px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/term2.jpg) no-repeat;
}
#nav ul li a.web:hover {
display : block;
float : left;
height : 34px;
width : 108px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/web2.jpg) no-repeat;
}
#nav ul li a.hosting:hover {
display : block;
float : left;
height : 34px;
width : 115px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/hosting2.jpg) no-repeat;
}
#nav ul li a.domain:hover {
display : block;
float : left;
height : 34px;
width : 105px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/domain2.jpg) no-repeat;
}
#nav ul li a.bayar:hover {
display : block;
float : left;
height : 34px;
width : 104px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/bayar2.jpg) no-repeat;
}
#nav ul li a.kontak:hover {
display : block;
float : left;
height : 34px;
width : 99px;
color : #ffffff;
font : bold 11px/34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration : none;
background : url(../images/menu/kontak2.jpg) no-repeat;
}
#content-wrap {
z-index : 2;
position : relative;
clear : both;
float : left;
width : 797px;
padding : 0;
display : inline;
background : #e1e1e1 url(../images/content.jpg) repeat-y;
}
#main {
clear : right;
float : right;
width : 68%;
float : right;
padding-right : 5px;
padding-left : 7px;
margin-right : 7px;
display : inherit;
text-align : justify;
color : #000;
}
#main h1 {
margin : 0;
color : #1388a5;
padding : 1px 0 0 0;
}
#main h1 {
float : left;
}
#main ul li {
list-style-image : url(../images/273.ico);
}
#main h2, h3, h4 {
margin-top : 10px;
color : #000;
padding : 5px 0 5px 5px;
}
#bdynamic {
margin-top : 10px;
border-top : 1px solid #fff;
color : #000;
padding-top : 20px;
}
p.moreBtn {
width : 100px;
text-align : center;
font : 12px Verdana, Arial, Helvetica, sans-serif;
float : right;
font-weight : bold;
padding : 3px;
margin : 0;
border : 1px solid #333;
height : 14px;
margin-top : 1px;
margin-right : 12px;
background : #bbd84e;
}
p.moreBtn a {
color : #555;
text-decoration : none;
}
p.moreBtn a:hover {
color : #555;
text-decoration : underline;
}
p.spacedots {
background : url(../images/dots.gif) repeat-x left bottom;
padding : 4px 0 4px 5px;
margin : 5px 5px;
}
#sidebar {
position : relative;
z-index : 3;
float : left;
width : 27%;
padding-right : 5px;
padding-left : 3px;
margin : -33px 0 0 2px;
background : url(../images/sidebg.jpg) repeat-y left top;
}
#sidebar h2 {
padding : 7px 0 0 30px;
height : 34px;
font : bold 12px Verdana, Tahoma, Sans-serif;
color : #d6ecf1;
background : url(../images/h2side.jpg) no-repeat;
}
#sidebar h2.tutup_bawah {
padding : 0 0 0 5px;
height : 28px;
background : url(../images/menu-bottom.jpg) no-repeat;
}
#sidebar h2.tutup_bawah2 {
padding : 0 0 0 5px;
height : 44px;
background : url(../images/menu-bottom2.jpg) no-repeat;
}
#sidebar ul.sidemenu {
text-align : left;
margin : 0;
padding : 0 10px 0 25px;
text-decoration : none;
}
#sidebar ul.sidemenu li {
list-style-image : url(../images/bullet.jpg);
padding : 2px 0 1px 0.5px;
margin : 0 2px;
}
#sidebar ul.sidemenu li.sub {
list-style : none;
padding : 2px 0 1px 2px;
margin : 0 2px;
}
* html body #sidebar ul.sidemenu li {
height : 1%;
}
#sidebar ul.sidemenu li a, #sidebar ul.online li a {
height : 25px;
text-decoration : none;
font-size : 12px;
background : url(../images/libg.jpg) repeat-x left bottom;
display : block;
margin-right : 0;
padding-left : 5px;
text-decoration : none;
color : #000000;
}
#sidebar ul.sidemenu li a:hover {
font-weight : bold;
padding-left : 15px;
color : #e1fddb;
}
#sidebar ul.online li {
list-style : none;
padding : 2px 0 1px 0.5px;
margin : 0 2px;
}
#sidebar ul.bank li {
list-style : none;
padding : 2px 0 1px 0.5px;
margin : 0 2px;
}
#sidebar ul.bank li a {
text-decoration : none;
font-size : 12px;
display : block;
margin-right : 0;
padding-left : 5px;
text-decoration : none;
color : #000000;
}
#bawah {
clear : both;
height : 32px;
background : url(../images/bawah.jpg) no-repeat;
}
#footer1 {
height : 107px;
background : url(../images/footer1.jpg) no-repeat;
}
#footer {
clear : both;
color : #ffffff;
width : 797px;
height : 191px;
text-align : center;
font-weight : bold;
background : url(../images/footer.jpg) no-repeat;
}
#footer p {
padding : 20px;
}
#footer a {
color : #fbdf8a;
font-weight : bold;
}
#main table {
font-size : 11px;
}
#sidebar h2.submenuLeft {
margin-top : 1px;
padding : 2px 0 8px 5px;
height : 34px;
font : bold 12px Verdana, Tahoma, Sans-serif;
color : #d6ecf1;
background : url(../images/side-h2.jpg) no-repeat;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
line-height : 1.0;
}
.sf-menu ul {
position : absolute;
top : -999em;
width : 10em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
}
.sf-menu li {
float : left;
position : relative;
}
.sf-menu a {
display : block;
position : relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 2.5em;
z-index : 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 14.7em;
top : 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 10em;
top : 0;
}
.sf-menu {
float : left;
margin-bottom : 1em;
}
.sf-menu a {
text-decoration : none;
}
.sf-menu a, .sf-menu a:visited {
color : #105802;
}
.sf-menu li {
background : #bdd2ff;
}
.sf-menu li li {
background : #b3f5a6;
}
.sf-menu li li li {
background : #81e77c;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background : #cdfbc4;
outline : 0;
}
.sf-menu a.sf-with-ul {
width : 151px;
padding-right : 0;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 0.75em;
top : 1.05em;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat 0%;
}
a > .sf-sub-indicator {
top : 0.8em;
background-position : 0% 3000px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px 4000px;
}
.sf-menu ul .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-menu ul a > .sf-sub-indicator {
background-position : 0% 0%;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-shadow ul {
background : url('../images/shadow.png') no-repeat right bottom;
padding : 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background : transparent;
}
.level2 {
width : 140px;
margin-top : 20px;
text-align : left;
}
.level2 a {
width : 140px;
border-left : 1px solid #fff;
border-top : 1px solid #a1ef91;
padding : 0.75em 1em;
text-decoration : none;
}
#slide {
position : relative;
float : right;
width : 472px;
}
#divTrigger {
position : absolute;
top : 148px;
left : 376px;
}
#divTrigger a:link, #divTrigger a:visited {
float : left;
text-decoration : none;
margin : 2px 6px 0 0;
padding : 1px 4px;
border : 1px solid #ccc;
background-color : #fff;
color : #000;
}
#divTrigger a:hover, #divTrigger a:active, .selected {
background-color : #666565;
color : #fff;
margin : 2px 6px 0 0;
padding : 1px 4px;
border : 1px solid #ccc;
}
#divContent {
margin : 5px 0 2px 0;
}
#divContent div {
display : none;
}
div.c3 {
text-align : center;
}
span.c2 {
color : #ff0000;
}
img.c1 {
border : none;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
line-height : 1.0;
}
.sf-menu ul {
position : absolute;
top : -999em;
width : 10em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
}
.sf-menu li {
float : left;
position : relative;
}
.sf-menu a {
display : block;
position : relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 2.5em;
z-index : 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 14.7em;
top : 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 10em;
top : 0;
}
.sf-menu {
float : left;
margin-bottom : 1em;
}
.sf-menu a {
text-decoration : none;
}
.sf-menu a, .sf-menu a:visited {
color : #105802;
}
.sf-menu li {
background : #bdd2ff;
}
.sf-menu li li {
background : #b3f5a6;
}
.sf-menu li li li {
background : #81e77c;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background : #cdfbc4;
outline : 0;
}
.sf-menu a.sf-with-ul {
width : 151px;
padding-right : 0;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 0.75em;
top : 1.05em;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat 0%;
}
a > .sf-sub-indicator {
top : 0.8em;
background-position : 0% 3000px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px 4000px;
}
.sf-menu ul .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-menu ul a > .sf-sub-indicator {
background-position : 0% 0%;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-shadow ul {
background : url('../images/shadow.png') no-repeat right bottom;
padding : 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background : transparent;
}
.level2 {
width : 140px;
margin-top : 20px;
text-align : left;
}
.level2 a {
width : 140px;
border-left : 1px solid #fff;
border-top : 1px solid #a1ef91;
padding : 0.75em 1em;
text-decoration : none;
}
#slide {
position : relative;
float : right;
width : 472px;
}
#divTrigger {
position : absolute;
top : 148px;
left : 376px;
}
#divTrigger a:link, #divTrigger a:visited {
float : left;
text-decoration : none;
margin : 2px 6px 0 0;
padding : 1px 4px;
border : 1px solid #ccc;
background-color : #fff;
color : #000;
}
#divTrigger a:hover, #divTrigger a:active, .selected {
background-color : #666565;
color : #fff;
margin : 2px 6px 0 0;
padding : 1px 4px;
border : 1px solid #ccc;
}
#divContent {
margin : 5px 0 2px 0;
}
#divContent div {
display : none;
}
div.c3 {
text-align : center;
}
span.c2 {
color : #ff0000;
}
img.c1 {
border : none;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
line-height : 1.0;
}
.sf-menu ul {
position : absolute;
top : -999em;
width : 10em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
}
.sf-menu li {
float : left;
position : relative;
}
.sf-menu a {
display : block;
position : relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 2.5em;
z-index : 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 14.7em;
top : 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 10em;
top : 0;
}
.sf-menu {
float : left;
margin-bottom : 1em;
}
.sf-menu a {
text-decoration : none;
}
.sf-menu a, .sf-menu a:visited {
color : #105802;
}
.sf-menu li {
background : #bdd2ff;
}
.sf-menu li li {
background : #b3f5a6;
}
.sf-menu li li li {
background : #81e77c;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background : #cdfbc4;
outline : 0;
}
.sf-menu a.sf-with-ul {
width : 151px;
padding-right : 0;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 0.75em;
top : 1.05em;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat 0%;
}
a > .sf-sub-indicator {
top : 0.8em;
background-position : 0% 3000px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px 4000px;
}
.sf-menu ul .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-menu ul a > .sf-sub-indicator {
background-position : 0% 0%;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-shadow ul {
background : url('../images/shadow.png') no-repeat right bottom;
padding : 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background : transparent;
}
.level2 {
width : 140px;
margin-top : 20px;
text-align : left;
}
.level2 a {
width : 140px;
border-left : 1px solid #fff;
border-top : 1px solid #a1ef91;
padding : 0.75em 1em;
text-decoration : none;
}
#slide {
position : relative;
float : right;
width : 472px;
}
#divTrigger {
position : absolute;
top : 148px;
left : 376px;
}
#divTrigger a:link, #divTrigger a:visited {
float : left;
text-decoration : none;
margin : 2px 6px 0 0;
padding : 1px 4px;
border : 1px solid #ccc;
background-color : #fff;
color : #000;
}
#divTrigger a:hover, #divTrigger a:active, .selected {
background-color : #666565;
color : #fff;
margin : 2px 6px 0 0;
padding : 1px 4px;
border : 1px solid #ccc;
}
#divContent {
margin : 5px 0 2px 0;
}
#divContent div {
display : none;
}
div.c3 {
text-align : center;
}
span.c2 {
color : #ff0000;
}
img.c1 {
border : none;
}