html {
	/*background:#FFF7F8 url(/images/html_bg2.jpg) repeat-x scroll 50% 0;*/
	
}
body {
	color:#616161;
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:0;
	background-color:#eee;
}
a {
	color:#36C;
	text-decoration:none;
}
a:hover {
	background-color: #F5F5F5;
}

a.nohover:hover {
	background: none;
	border: none;
}
img {
	border:0;
}

p {
	margin:0 30px 10px 20px;
}
a .smalltext {
	font-size:7pt;
}
input {
	font-size:10px;
}
ul {
	margin:0;
}
li {
	margin:0;
	padding:2px 2px 2px 0;
}

.outershadow { 
	box-shadow: rgba(64,64,64,0.1) 2px 2px 5px; 
	-moz-box-shadow: rgba(64,64,64,0.1) 2px 2px 5px;
	-webkit-box-shadow: rgba(64,64,64,0.1) 2px 2px 5px;
}

.innershadow {
	box-shadow: rgba(64,64,64,0.1) 1px 1px 5px inset;
	-moz-box-shadow: rgba(64,64,64,0.1) 1px 1px 5px inset;
	-webkit-box-shadow: rgba(64,64,64,0.1) 1px 1px 5px inset;
}

.header_img {
	background:#efeeee url(images/header_bg.gif) top right no-repeat;
	margin-bottom:10px;
	height:110px;
	border:1px solid #dfdfdf;
	border-top:1px solid #efeeee;
}
.header_img .header_kiri {
	height:110px;
	width:395px;
}
.header_img .header_kanan {
	height:110px;
	width:590px;
}

#header {}

div#header h1 {
	color:#000000;
	line-height:80px;
	margin:0;
	padding-left:10px;
}
#header .header_atas {
	height:95px;
}
#header .logo {
	margin-top:15px;
}

#indicator {
	float:right; 
	display:inline;
	width:202px; 
	height:56px; 
	font-size:11px; 
	line-height:11px; 
	color:#FFF; 
	padding:10px 0px 0px 10px;
	margin-top:25px;
	margin-right:-10px;
}
#indicator span { font-size:9px;}
.connect { background:url(/images/indic_online.gif) left top no-repeat;}
.noconnect { background:url(/images/indic_offline.gif) left top no-repeat;}
#indicator a { color:#6CF}
#indicator a:hover { background-color:transparent; text-decoration:underline}

div#container {
	margin:0 auto;
	text-align:left;
	width:990px;
	padding:0px 18px 0px 18px;
	border:1px solid #efeeee;
	background-color:#fff;
	box-shadow:
	  rgba(64,64,64,0.2)
	  2px 2px 20px;
}

div#content p {
	line-height:1.4;
}

#wrapper {padding-top:10px; /*border-top:1px solid #efeeee*/}

#right {
	float:right;
	width:720px;
}
#left {
width:250px;
}
div#content {
	margin:0 auto;
}
div#navigation {
	float:left;
	width:270px;
}
div#location_side, #howto, #overview, #extra, #voucher {
	background:#FFFFFF url(/images/bg_box_content1.jpg) repeat-x scroll left top;
	border:1px solid #DEDEDE;
	padding:14px 10px 10px;
	margin-bottom:10px;
}
div#location_side h3, div#overview h3, div#howto h3, div#voucher h3 {
	margin:0;
	padding:0;
}
.error {
	margin-left: 75px;
	color:#FF0000;
}
h1 {
	color:#50514D;
	font-size:26px;
	text-transform:lowercase;
	margin-bottom: 25px;
}
h1 span {
	color: #E53535;
}

h2, h3 {
	color:#50514D;
	font-size:1.5em;
	margin:0;
	padding:0;
	}
h4 {
	color:#50514D;
	font-size:1.2em;
	margin:0;
	padding:0;
}


.big-content-box {
	border:1px solid #dedede;
	width:690px;
	overflow:hidden;
	padding: 0 10px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#f9f9f9;
	margin-left:10px;
	
	
}

.big-content-box h1 { 
	font-size:36px;
	text-align:center;
	}
	
	
#slogan2 {
	font-size:20px;
	letter-spacing:0.03em;
	margin:0 auto;
	text-align:center;
	display:block;
	font-weight:100;
	color:#666
	
	
}

.big-banner-box {padding: 0; margin-left:10px;}

#whatshot {margin-left:10px; width:720px;}
.medium-content-box {
	background:#FFFFFF;
	border:1px solid #DEDEDE;
	float:left;
	height:200px;
	margin-bottom:10px;
	margin-right:10px;
	overflow:hidden;
	padding:13px 10px 10px;
	width:208px;
}
.medium-content-box-left {
	background:#FFFFFF;
	border:1px solid #DEDEDE;
	float:left;
	height:435px;
	margin-bottom:10px;
	margin-left:10px;
	overflow:hidden;
	padding:13px 10px 10px;
	width:208px;
}
.medium-content-box p {
	margin:0;
	padding:0;
}
.medium-content-box-left p {
	margin:0 0 10px;
	padding:0;
}
.medium-content-box img {
	border:medium none;
	padding-bottom:3px;
}
div#filler {
	background:#FBFBFB none repeat scroll 0 0;
	width:270px;
}
div#extra img {
	margin:10px;
}
div#extra p {
	margin:0;
	padding:5px 10px;
	text-align:center;
}
div#advert {
	background:#EAEAEA none repeat scroll 0 0;
	border:1px dashed #9999CD;
	margin:0 auto;
	padding:15px 0;
	width:190px;
}
div#footer {
	clear:both;
	margin:0;
	padding:15px 0 0;
	width:100%;
}
div#footer p {
	margin:0;
	padding:0 0 15px;
	text-align:center;
}
div#info {
	color:#666699;
	height:2px;
	margin:0;
	padding:0;
}
div#info ul {
	display:inline;
	float:right;
	margin-top:3px;
}
div#info ul li {
	color:#666699;
	display:inline;
	float:right;
	font-family:Lucida Grande, Verdana, Sans-serif;
	font-size:8px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
	padding:0 5px;
}
.dr {
	background:transparent url(images/hrl.gif) repeat-x scroll center center;
	border:1px none;
	color:#CC99FF;
}
.dr hr {
	border:medium none;
	height:1px;
}
div#onthespot_sidebar {
	width:270px;
}
div#onthespot_sidebar ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:-20px;
}
#onthespot li  {
	background:#FFFFFF;
	border:1px solid #DEDEDE;
	float:left;
	height:80px;
	line-height:80px;
	margin-bottom:5px;
	margin-left:5px;
	overflow:hidden;
	width:150px;
	text-align:center;
	list-style-type:none;
}
#onthespot img {
	vertical-align:middle;
}
div#onthespot a {
	font-size:9pt;
	padding-left:2px;
}
div#onthespotlist ul li  {
	font-size:9pt;
	font-weight:normal;
	margin-left: 20px;
	list-style-type: square;
}

div#onthespotdetail_title  {
	font-size:12pt;
	font-weight:bold;
	width: 150px;
	margin-left: 20px;
	padding: 5px;
	float: left;
}

div#onthespotdetail_content  {
	font-size:9pt;
	font-weight:normal;
	float: left;
	width: 435px;
	padding: 5px;
	border-left: 1px dotted gray;
}

.img_partner_kiri {
	padding:0px 0 0;
	margin-bottom:10px;
}
.tab_kiri {
	margin:0 auto;
}
.tab_kiri a:hover {
	background-color:#F6E8E8;
	color:#000000;
}
.tab_kiri a {
	background-color:#FFFFFF;
	border-color:#DEDEDE;
	border-style:solid solid none;
	border-width:1px 1px medium;
	color:#393939;
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:18px;
	margin:10px 4px 0 0;
	padding:6px 10px 0;
	text-decoration:none;
	text-transform:lowercase;
}
.tab_box {
	background:#FFFFFF url(/images/bg_box_content.jpg) repeat-x scroll left top;
	border:1px solid #DEDEDE;
	padding:10px;
}
#navigation ul li {
	background-image:none !important;
	border-bottom:1px dotted #D7D7D7;
	display:table;
	padding:8px 3px;
	width:255px;
}
#navigation ul li {
	margin-left:0;
	width:200px;
}
#navigation ul {
	list-style-type:none;
	margin:0;
	padding-left:10px;
}
#navigation ul li:hover {
	background-color:#F5F5F5;
	display:block;
}

#validator {
	background:#FFFFFF url(/images/bg_box_content1.jpg) repeat-x scroll left top;
	border:1px solid #DEDEDE;
	padding:14px 10px 10px;
	margin-bottom:10px;
}
#validator a:hover{
	
}

body.home .menu-atas li#home, body.about .menu-atas li#about, body.account .menu-atas li#account, body.whathot .menu-atas li#whathot, body.location .menu-atas li#location, body.support .menu-atas li#support, body.register .menu-atas li#register {
	background-color:#cdcdcd;
}

body.home .menu-atas li#home a, body.about .menu-atas li#about a, body.account .menu-atas li#account a, body.whathot .menu-atas li#whathot a, body.location .menu-atas li#location a, body.support .menu-atas li#support a, body.register .menu-atas li#register a{
	color:#fff;
}

.menu-atas {
	/*position: absolute;
	overflow: hidden;
	display:inline;*/
	float:right;
}
.menu-atas li {
	float: right;
	list-style: none;
	border-right:1px solid #666;
}

.menu-atas li.back {
    /*border-bottom: 5px solid blue;*/
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}

.menu-atas li a {
    font:15px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #999;
    outline: none;
    text-align: center;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0px 5px 0px 5px;
	
}   

.menu-atas li a:hover, .menu-atas li .active{
	background:none;
	/*border-bottom: 3px solid red;*/
	color:#333;
}    

.listLoc li  {
	background:#FFFFFF;
	border:1px solid #DEDEDE;
	float:left;
	height:200px;
	margin-bottom:10px;
	margin-left:10px;
	overflow:hidden;
	padding:30px 10px 10px;
	width:255px;
	text-align:center;
	list-style-type:none;
}
.listLoc li img {
vertical-align:middle;
}

.listLoc li:hover  {
	background:#F5F5F5;
}

.big-content-box-middle {
	background:#FFFFFF url(/images/bg_box_content1.jpg) repeat-x scroll left top;;
	border:1px solid #DEDEDE;
	margin:0 auto;
	width:638px;
	overflow:hidden;
	padding:20px 35px 30px 35px;
	margin-top:25px;
}

form {
	margin: 0px;
	padding: 0px;
}
form .item {
	clear: left;
	border-top: 1px solid #EEE;
	margin: 5px;
	padding: 8px;
}
form .label {
	float: left;
	clear: left;
	width: 150px;
}

input, textarea, select {
	color: #AD4C21;
	border: 1px solid #CCC;
	background: #F0EBE7;
	padding: 2px;
	color:#5E5E5E;
}
input:hover, textarea:hover, select:hover {
background: #FFF7F8;
}
input:focus, textarea:focus, select:focus {
background: #FFF7F8;
}
#account .item {
	clear: left;
	border-top: 1px solid #EEE;
	margin: 5px;
	padding: 8px;
	padding-left:30px;
}

#account .label {
	float: left;
	clear: left;
	width: 150px;
	padding: 8px;
	padding-top:0;
}
#account .input {
	display:table;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
	margin-left:90px;
}
ul.tabs li {
	margin:0;
	padding:0;
	float:left;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; 
	border: 1px solid #dedede;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
	margin-right:10px
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
}
ul.tabs li a:hover {
	background: #F6E8E8;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #F6E8E8;
	
}
.tab_container {
	background:#FFFFFF url(images/bg_box_content1.jpg) repeat-x scroll left top;
	border:1px solid #DEDEDE;
	margin-bottom:10px;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
}
.tab_content {
	padding: 20px 20px 20px 0;
	font-size: 1.2em;
}



/*-----------------------
jQuery sideTab punya gue
-----------------------*/
#scroller {width:270px; padding-top:3px;}

#scroller-header {
	width: 100%;
	padding: 0;
	margin-left: 8px;
	
}



#scroller-header a {
	height:18px;
	margin:0;
	padding:6px 8px 4px;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
	color:#393939;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	font: trebuchet ms;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;

}

#scroller-header a.selected, #scroller-header a:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-attachment:scroll;
	background-color:#666;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	color:#fff;
}

#scroller-header a.selected {border-color:#666}

#scroller-header a:hover {
	text-decoration:none;
	background-color:#ccc;
	border-color:#ccc
}

#scroller-body {
	/*background:#FFFFFF url(images/bg_box_content1.jpg) repeat-x scroll left top;*/
	border:1px solid #DEDEDE;
	margin-bottom:10px;
	margin-top:1px;
	padding:15px 10px 10px;
	border-top:7px solid #666;
	font-size:10.5px;
	-moz-border-radius-topright: 7px 7px;
	border-top-right-radius: 7px 7px;
	-moz-border-radius-topleft: 7px 7px;
	border-top-left-radius: 7px 7px;
	line-height:15px;
}

#scroller-body strong { line-height:20px;;}

#mask {
	width:95%;
	overflow:hidden;
	margin:0 auto;
}
#panel ul li.location {
	padding:15px 0;	
	border-bottom:1px solid #D6D5D3;
}
#panel ul li.stripe1 {
	background: #F6F6F6;
}
#panel .logo {
	width:255px;	
	text-align:center;
}
#panel img {
	height: 40px;
	margin-top:1px;
}

#panel a.loclist {
	color: #2D2C28;
	font-family: Helvetica,Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

#panel div {
float:left;

}

/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}
#panel ul{
	margin:0;
	padding:5px 15px 10px 15px !important;
}
	#panel ul li {
	border-bottom: 1px dashed #555;
	padding: 15px 0;	
}
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
	width:250px;
}

#panel-2 {
width:250px;
}

#panel-3 {
width:250px;
}
#panel-4 {
width:250px;
}

#panel #panel-1 li {
}
#panel #panel-2 li {
}
#panel #panel-3 li {
}
#panel #panel-4 li {
}


#tagcloud {
	padding:15px;
}

/******** END jQuery Tab gue  ****/
/* -------------------------------------------------------------- 
   Buttons
-------------------------------------------------------------- */
.btn
{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding:15px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
	text-align:center;
}

/* Fix the button in IE7 :-( */
*+html .btn, *+html .btn-icon { border-color: none ; border: 1px solid transparent; }

/* Set default button colors */

.btn-red { background-color: #E53535; border-color: #888; }
.btn-red:hover { background-color: #c11e1e; }
.btn-red { background-image: url(../images/bg-lite.png) !important; }

.btn-orange { background-color: #F90; border-color: #D58000; }
.btn-orange:hover { background-color: #D58000; }
.btn-orange { background-image: url(../images/bg-lite.png) !important; }

/********************* tabel perbandingan *******************************************/

.comparediv{width:680px;float:left;padding-top:30px;}
.comparediv .green_txt{color:#444444;font-size:16px; font-weight: bold;}
.comparediv .rightblue_txt{margin-right: 20px; text-align: center; background: #f8f8f8; border: 1px solid #dbdbdb; border-bottom: 0px;width: 400px; padding: 3px;color:#444444;font-size:18px; font-weight: bold;}
.tabel_perbandingan{width:680px;border:solid 5px #dcdcdc;float:left;}
.tabel_perbandingan .titles{background-color:red;float:left;border-bottom:solid 1px #DFF2F1;width:680px;}
.tabel_perbandingan .titles .column1{width:197px;float:left;border-right:solid 1px #DFF2F1;padding-top:10px;height:30px;padding-left:10px;}
.tabel_perbandingan .titles .column2{width:100px;color: #fff; font-size: 15px; float:left;border-right:solid 1px #DFF2F1;padding-top:10px;height:30px;padding-left:10px; background: url(images/prem_redbarbg.jpg);}
.tabel_perbandingan .titles .column3{width:100px; color: #fff; font-size: 15px; float:left;border-right:solid 1px #DFF2F1;padding-top:10px;height:30px;padding-left:10px; background: url(images/prem_redbarbg.jpg);}
.tabel_perbandingan .titles .column4{ width:100px; color: #fff; font-size: 15px;float:left;border-right:solid 1px #DFF2F1;padding-top:10px;height:30px;padding-left:10px;background: url(images/prem_redbarbg.jpg);}
.tabel_perbandingan .titles .column5{ width:100px;border:none; color: #fff; font-size: 15px;float:left;padding-top:10px;height:30px;padding-left:10px;background: url(images/prem_redbarbg.jpg);}
.tabel_perbandingan .items{float:left;border-bottom:solid 1px #dcdcdc;width:680px;}
.tabel_perbandingan .smallmsg_div{float:left;line-height:30px;padding-left:10px;}
.tabel_perbandingan .column1{width: 197px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;}
.tabel_perbandingan .column2{width: 100px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;background-color:#fff;}
.tabel_perbandingan .column3{width: 100px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;background-color:#fff;}
.tabel_perbandingan .column4{width: 100px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;background-color:#fff;}
.tabel_perbandingan .column5{width: 128px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;background-color:#fff; }
.tabel_perbandingan .column6{width: 100px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;background-color:#f9f9e8;padding-left:10px;}
.tabel_perbandingan .column7{width: 100px; float:left;padding-top:10px;height:25px;background-color:#f9f9e8;padding-left:10px;}
.tabel_perbandingan .inner_heading{width:590px;padding-left:10px;background-color:#f9f9e8;border-bottom:solid 1px #dcdcdc;float:left;padding-top:10px;height:25px;}

.tabel_perbandingan .monyhly_subscription{float:right;padding-top:10px;padding-bottom:10px;padding-right:10px;}
.tabel_perbandingan .monyhly_subscription .buy{width:175px;padding-left:30px;line-height:20px;float:left;}
.tabel_perbandingan .monyhly_subscription .buy .buyheading{color:#ff9600;font-size:12px; font-weight: bold;}
.tabel_perbandingan .monyhly_subscription .buy .charges{color:#444444;font-size:13px; font-weight: bold;}
.tabel_perbandingan .monyhly_subscription .buy span{padding-left:0px;}
.tabel_perbandingan .monyhly_subscription .buy .toppad5{padding-top:5px;float:left;}
.tabel_perbandingan .prem_arrow{padding-left:5px;vertical-align:middle;}
.prem_popdivbg{background-image:url('prem_buyprodivbg.gif');background-repeat:repeat-x;background-position:left top;background-color:#f9fdff;float:left;border:solid 1px #dadee0;}
/********************* end tabel perbandingan *******************************************/