/* global set */
body {margin:0px;background:#FFF;font-family:Arial;}
body a {text-decoration:none; color:#0000EE; font-weight:bold;}
body a:hover {text-decoration:underline; color:#0000EE; font-weight:bold;}
img{border:0px}
p{font:normal 12pt Arial;text-align:justify;}
.tonjol {font-weight:bold}
#bgtop{background:url(images/bgbody.gif) repeat-x top left;}
#bgbottom{}
.fixed {width:960px;margin:0px auto;background:transparent;}
#header {width:100%;background-color:transparent;height:auto;position:relative;}
#headerblok1{background:#FFF;height:111px;}
#headerkontak {text-align:right;position:absolute;top:-20px;right:0px;float:right; height: 111px;width:402px;}

#headerblok2{background:#3e67a4;text-align:center;height:50px;background:url(images/bgmenu.gif) repeat-x;}
#headerblok3{
	background:#FFF;
	padding:8px 7px;
	margin-bottom:20px;
	-moz-box-shadow: 0px 0 10px 1px #888;
	-webkit-box-shadow: 0px 0 15px 1px #888;
	box-shadow: 0px 0 15px 1px #888;
	height:284px;
	width:946;
}

#container {
	background: #FFF;
	height:auto;
	padding:10px 20px 30px 20px;
	margin:0px 0px 0px 0px;
	font:normal 12pt Arial;
}
#footer {
	background:#8D0000 url(images/bgfooter.gif) repeat-x left top;
	font:normal 9pt Arial ;
	color:#FFF;
	padding:20px 5px 5px 5px;
	clear: both;
	min-height:200px;
	height:auto;
	position:relative;
	padding-bottom:30px;
}
#footer p{padding-top:17px;}
#facebook .connect_widget {color:#fff;}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
	text-align:center
}

/*menu*/
#bgmenu {
	height:48px;
	width:960px;
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	color:#FFF;
	background:url(images/bgmenu.gif) repeat-x;
}
#wreload h2, #wreload p,
#driving h2, #driving p {margin:10px;}
#mapblock {
	float:left;
	width: 470px;
	height: 700px;
	border: 2px solid #A30000;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	margin: 0px 13px 13px 0;
	position: relative;	
}
#map {
	width: 450px;
	height: 600px;
	position:absolute;
	margin:10px 10px;
}
#addressblock {margin-left:5px;}
#address, #officehours,#contactform {display:inline;}
#address h2 span, #officehours h2 span,#wreload h2 span, #driving h2 span, #contactform h2 span {color:#CC0000;}
#address h2, #officehours h2 {margin-bottom:0px;}

#contactform { position:relative; }
#contactform h2 
/*slideshow*/

/*accordion*/
.block{display:block;clear: both;position:relative}
.bgtrigger{background:url(images/bgtoogle.gif) repeat-x;width:100%;}
h2.acc{
	background:url(images/arrow.gif) no-repeat;
	font:bold 13pt Arial;
	padding: 3px 0 0 35px;
	margin: 0 0 5px 0;
	height: 32px;
	line-height: 32px;
	float: left;
	color:#000;
	width:884px;
}
h2.acc a {
	color:#FFF;
	text-decoration: none;
	display: block;
}
h2.acc a:hover {color: #FFF;}
h2.active {background-position:0px -32px;}
.isihalaman p {text-align:justify;}
.isi_acc {
	margin: 0 0 0px;
	padding: 0;
	background: #FFF;
	overflow: hidden;
	font-size: 1.2em;
	clear: both;
}
.isi_acc .blockdalam{
	padding: 20px 0px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

/*footer - telepon*/
#footer .fixed h2 {padding-top:7px;margin:0}
#footer .contactus_h2 {padding-bottom:3px;}
/*template*/
#template{background:url(images/bgtemp.gif) no-repeat top center;height:261px;text-align:center;}

/*fbwidget*/
#fbwidget{width:275px;float:left}
#fbwidget h2{font-size:17pt;margin:0px;padding:30px 0px 12px 0px;}
#pingboxkf8c3rieh9w00{}

/*testimonial*/
#testi{float:left;width:370px; height:300px;padding:0px 10px 0px 10px;}	
#testi h2{font-size:17pt;margin:0px;padding:30px 0px 12px 0px;}
.gambartesti img{border:solid 3px #a20000}
.namatesti{font:bold 12pt Arial;}
.kettesti{margin-left:50px;padding:0px 10px 0px 0px;}

/*Kontak*/
#kontak{float:left;max-width:280px;height:300px;padding:0px 10px 10px 10px;}
#kontak h2{font-size:17pt;margin:0;padding:30px 0px 12px 0px;}

/*paket website*/
.paketweb{width:290px;background:#FFF;border:solid 4px #d6d6d6;display:inline-block;text-align:left}
.gambarpaket{display:inline}
.judulpaket{color:#555555;font:normal 17pt Arial;display:inline;}
.spekpaket{font:normal 10pt Arial;color:#555555;display:inline;}
span.merah{color:#cc0000;}
.paketbutton a{text-decoration:none;color:#FFF}
.paketbutton a:hover{color:#FFF}
.paketbutton a:active{color:#FFF}
.paketbutton a:visited{color:#FFF}
.btn_red{background:url(images/red.gif) no-repeat;font:normal 10pt Arial;width:100px;height:20px;}
.btn_blue{background:url(images/blue.gif) no-repeat;font:normal 10pt Arial;}

/*harga paket*/
#hargapaket {
    background: transparent;
    border-collapse: collapse;
    margin: 10px;
    text-align: left;
    _width: 510px;
}
#hargapaket th {
    border-bottom: 2px solid #777777;
    color: #444444;
    font-weight: bold;
    padding: 10px 8px;
}
#hargapaket td {
    border-bottom: 1px dotted #BBBBBB;
    color: #141414;
    padding: 6px 8px;
    font-size: 11pt;
}

#hargapaket .hargawdisc {text-decoration:line-through;color:#BB0000;}
#hargapaket .hargapromo {color:#00BB00;}
#hargapaket .tot_hargapromo ,
#hargapaket .tot_hargawodisc { color:#00BB00; font-size:12pt; font-weight:bold; }
#hargapaket .tot_harga {background:#FEFEFE;}
#harga_paket {font-weight:100;font-size:12pt}

#harga_pkt .hargawdisc {text-decoration:line-through;color:#BB0000;}
#harga_pkt .hargapromo {color:#00BB00;margin-left:12px;font-weight:bold;}


/*search paket*/
#searchbox {margin:auto; text-align:center; background:url(images/bg.jpg) no-repeat; width:841px; height:55px; padding:20px 0px;}
#searchbox input { border:none; }
#searchbox .searchboxtext {background:url(images/bg_box.jpg) no-repeat; width:669px; height:41px; padding:0 8px; margin:auto; font-size:12pt; width:661px;}
#searchbox .searchboxsubmit {background:url(images/btnsearch.png) no-repeat; width:116px; height:41px; padding:0; margin:auto; font-size:12pt; font-weight:bold; color:#ffffff;cursor:pointer;}
.search_ex { font-size:9pt; margin-left:0px; color:#fff; position:relative; left:0px; text-align:left; padding-left:25px }
#keyword_wrapper {margin-top:10px;}
#keyword_wrapper, #searchresultcount {font-size:10pt;position:relative; margin-left:10px;}
.btn_searchback {text-align:center;position:relative; width:100%; margin-top:10px; padding-top:10px;}
.btn_searchback a {color:#cc0000;text-decoration:underline;}

/*client of the month*/
.client{float:left;width:100%;margin-bottom:25px}
.clientpic{position:relative}
.clienttitle{margin:0px 0px 0px 220px;font:normal 17pt Arial;}
.clienttitle a:hover{color:#cc0000;text-decoration:none;}
.clienttitle a:visited{color:#cc0000;text-decoration:none;}
.clienttitle a:active{color:#cc0000;text-decoration:none;}
.clienttitle a{color:#000;text-decoration:none;}
.clienttesti{margin:0px 0px 0px 220px;}
.clienttesti p {min-height:60px;}

.more{color:#cc0000;font:normal 10pt Arial;margin:0px 0px 0px 220px}
.more a{color:#cc0000}
.more a:hover{color:#cc0000}
.more a:visited{color:#cc0000}
.more a:active{color:#cc0000}


span.bold{font-weight:bold}
.iwd{float:right}
.arrow{top:10px;position:absolute;left:10px;}
.separator{height:15px;float:left;}
.center{text-align:center}
.banner1{padding:0px;margin:0px;position:relative;top:15px;left:0px;}

/*bannertop*/
.bannertop{position:absolute;top:111px;}

/*template list*/
/* TEMPLATE BARU */
.premium {
	position:absolute;
	width:50px;
	height:50px;
	top:0px;
	left:5px;
	z-index:1;
}
.templateitem {
	float:left;
	width:140px;
	height:232px;
}
.imagecontainer {
	width:105px;
	margin:auto;
}
.mainimage0 {
	padding-left:5px;
	cursor:pointer;
	position:relative;
}
.mainimage1 {
	padding-left:5px;
	position:relative;
}
.smallimages {
	height:80px;
}
.smallimage {
	float:left;
	padding-left:5px;
	padding-top:5px;
}
.templatename,#selectedname {
	clear:left;
	text-align:center;
	font-weight:bold;
	font-size:12pt;
	font-family:arial;
	color:#C00;
	margin:2px 5px 10px 5px;
}
.templatedesc,#selecteddesc {
	text-align:center;
	margin:2px 5px;
}
.button  a.demobtn {
	background:#9CF;
	padding:3px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;
	text-decoration:none;
	font-size:10pt; color:#222;
	margin-left:5px;
	border: solid 1px #BBBBBB;
}
.button  a.demobtn:hover {
	background:#ADF;
	border: solid 2px #AAAAAA;
}
.templatebutton  {
	height:30px;
	position:relative;
}
.button {
	float:left;
}
.zoom {
	float:right;
}
#templateform {
	text-align:center;
	margin-top: 20px;
}
#selectedsubmit {
	margin-top:10px;
	margin-bottom: 80px;
}
.newsitem {
	margin-top:2em;
}
.newstitle {font-size: 12pt; color:#C00; font-weight:bold}
.newsdate {font-style:italic; color:#666}
.newscontent {}

.moreimg {
float:left;
text-align:center;
height:130px;
padding:5px;
}
.specialadmin {
clear:both;
}

/*header event*/
img.event{top:115px;position:absolute;z-index:-1;}

/* paket */
#keterangan .paketfiturheader {
margin:7px 0 0 0; padding:5px;
background:#cc0000;
color:#fff;
-moz-border-radius:7px 7px 0px 0px;
border-radius:7px 7px 0px 0px;
-webkit-border-radius:7px 7px 0px 0px;
font-size:17pt;
}

#keterangan ul {
	border:1px solid #cccccc; padding:10px; list-style:square;
	
-moz-border-radius:0px 0px 7px 7px;
border-radius:0px 0px 7px 7px;
-webkit-border-radius:0px 0px 7px 7px;
margin-top:0px;
background: -moz-linear-gradient(top, #fbfbfb, #e8e8e8);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e8e8e8));

}
#keterangan ul li {margin:0 0 0 20px;}
.btn_orderpaket{background:url(images/order.gif) no-repeat;width:143px;height:40px;float:left;}
.btn_demopaket{background:url(images/demo.gif) no-repeat;width:76px;height:40px;float:left;margin-left:20px;}
.btn_paketback{color:#cc0000;padding:12px;margin-left:450px;text-decoration:underline;}

/*Domain check*/
table#tabel_order {font:9pt arial;}
table#tabel_order tr td {position:relative;}
/*input#domain {background:#fffec5;border:1px solid #CC3030;padding:1px 5px;-moz-border-radius:6px;border-radius:6px;}*/
#tabel_order .btn_cek {background:#C00; padding:3px 5px; -moz-border-radius:5px;border-radius:5px; color:#EEE;margin-left:15px;}
#tabel_order .btn_cek:hover {text-decoration:underline;}
#paketname {position:relative}
#plungker {display:none;background:url(images/progress.gif) no-repeat left top;width:16px;height:16px;position:absolute; top:3px; left:272px;}
#plungker2 {display:none;background:url(images/progress.gif) no-repeat left top;width:16px;height:16px;position:absolute; top:3px; left:202px;}
#kodepromo {position:relative;}
#plungker3 {display:none;background:url(images/progress.gif) no-repeat left top;width:16px;height:16px;position:absolute; top:3px; left:150px;}
#domainwrapper {position:relative;}

/*Domain report*/
#domainrpt .domainrptsuccess,#domainrpt .domainrptfail {font:bold 12pt Arial;}
#domainrpt .domainrptsuccess {color:black;background: url(images/green-check-24.gif) no-repeat 3px 4px;font:bold 13pt sans-serif;color:#358844;padding:10px 3px 3px 27px;margin:0;height:24px;line-height:20px;}
#domainrpt .domainrptfail {color:red;background: url(images/error_button_16.gif) no-repeat 3px 3px;padding:3px 3px 3px 23px;margin:0;}

#domainrpt .errdomaincheck {font:9pt sans-serif;color:#CC0000;background: url(images/error_button_16.gif) no-repeat 3px 2px;padding:3px 3px 3px 23px;}
#domainrpt .domaindesc {font:9pt sans-serif;color:#777;}

/*Kode promo report*/
#kodepromorpt .domainrptsuccess,#kodepromorpt .domainrptfail {font:bold 12pt Arial;}
#kodepromorpt .domainrptsuccess {color:black;background: url(images/green-check-24.gif) no-repeat 3px 4px;font:bold 13pt sans-serif;color:#358844;padding:10px 3px 3px 27px;margin:0;height:24px;line-height:20px;}
#kodepromorpt .domainrptfail {color:red;background: url(images/error_button_16.gif) no-repeat 3px 3px;padding:3px 3px 3px 23px;margin:0;}

#kodepromorpt .errdomaincheck {font:9pt sans-serif;color:#CC0000;background: url(images/error_button_16.gif) no-repeat 3px 2px;padding:3px 3px 3px 23px;}
#kodepromorpt .domaindesc {font:9pt sans-serif;color:#777;}


/*hal order*/
#kontainer_order{}
#kontainer_order h1{color:#cc0000;font:bold 17pt arial;}
#kontainer_order input{border: 1px solid #a7a7a7;background:#F4F4F4;}
#kontainer_order input:focus{background:#EEEEEE}
#kontainer_order textarea{border: 1px solid #a7a7a7;background:#F4F4F4;}
#kontainer_order textarea:focus{background:#EEEEEE;}
#kontainer_order select{border: 1px solid #a7a7a7;background:#EEEEEE;font:normal 12pt Arial;}
#kontainer_order .tombolkirimorder{background:url(images/kirim.gif) no-repeat;width:71px;height:40px;border:none;cursor:pointer;}
.emailnote{font-size:10pt;}
/* video list */
.clear_video{
	clear:both;
}
.videowrapper, .downloadwrapper{
	border:1px solid #CCCCCC;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
	margin-bottom:20px;
}
.header_img{
	float:left;
	height:68px;
	margin-right:20px;
	margin-left:10px;
}
.vheader_wrap{
	

}
.videoheader, .downloadheader{
	width:900px;
	background:#ffffff;
	height:68px;
	display:table-cell; 
	vertical-align:middle;
	border:1px solid #cccccc;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.videoheader h3:hover{
	
	
}
.title_wrapper{
	height:63px;
	
}
.video_title{	
	/* color:#0033CC; */
	color:#CC0000;
	margin-left: 20px;	
}
.video_title a{
	color:#CC0000;
}
.video_title a:hover{
	color:#CC0000;
}
.newvideo{
	float:left;
	width:500px;
	max-height:500px;
	overflow:hidden;
	margin-right:20px;
	background:#ffffff;
}
.listvideo_right{
	margin-top:-15px;
}
.listvideo li{	
	height:90px;
	list-style:none;
	
}
.listall li{	
	height:90px;
	list-style:none;
	margin-left:20px;
	float:left;
	
}
.video_thumb, .download_thumb{
	max-height: 80px;
	top: -12px;
	float: left;
    margin: 0 8px 0 0;
}
.video_link, .download_link{
	color: #000000;
    display: block;
    overflow: hidden;
    padding: 5px;
	text-decoration: none;
	background:#ffffff;
	width:320px;
	
}
.video_link:hover, .download_link:hover{
	background:#D1E1FA;/* Old browsers */
	text-decoration:none;
	
}
.detail_video, .detail_download{	
   /*  color: #0033CC; */
   color:#CC0000;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: normal;
    /* line-height: 1.5; */
    margin-bottom: 2px;
    max-height: 35px;
    overflow: hidden;
    /* width: 150px; */
}
.detail_video:hover, .detail_download:hover{
	text-decoration:underline;
}
.keterangan_video, .keterangan_download{
	color: #666666;
	display: block;
    font-size: 0.6166em;
    height: 5.5em;
    line-height: 1.4em;
    overflow: hidden;
	text-decoration:none;
}
.link_all{
	float:right;
	margin-right:20px;
	/* color:#0033CC; */
	color:#CC0000;
	font-size: 1em;
    font-weight: normal;
}
.link_all:hover{
	float:right;
	margin-right:20px;
	/* color:#0033CC; */
	color:#CC0000;
	font-size: 1em;
    font-weight: normal;
	background:#D1E1FA;
}