html {
	background:#FFF7F8 url(/images/html_bg2.jpg) repeat-x scroll 50% 0;
}
body {
	color:#616161;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:12px;
	line-height:17px;
	margin:0;
	padding:0;
}
a {
	color:#336699;
	text-decoration:none;
}
a:hover {
	background-color: #F5F5F5;
}

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

p {
	margin:0 30px 10px 20px;
}
strong {
	color:black;
}
a .smalltext {
	font-size:7pt;
}
input {
	font-size:10px;
}
ul {
	margin:0;
	padding:0 0 0 30px;
}
li {
	margin:0;
	padding:2px 2px 2px 0;
}
div#header {
}
.header_img .header_kiri {
	background:#FBFBFB none repeat scroll 0 0;
	float:left;
	height:248px;
	width:270px;
	margin-bottom:10px;
}
.header_img .header_kanan {
	float:right;
	margin-bottom:10px;
}
div#header h1 {
	color:#000000;
	line-height:80px;
	margin:0;
	padding-left:10px;
}
#header .menu_atas {
	height:125px;
}
#header .logo {
	float:left;
	padding:40px 0 0;
}
/*
div#header li {
	display:inline;
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:95px 1px 0;
}
div#header li a:hover h2 {
	border-bottom:3px solid #FE0000;
}
div#header li .active h2 {
	border-bottom:3px solid #FE0000;
}
div#header li h2 {
	color:#000000;
	font-size:1.5em;
}
*/
div#container {
	margin:0 auto;
	text-align:left;
	width:990px;
}

div#content p {
	line-height:1.4;
}
#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;
}
#slogan2 {
	font-size:14px;
	position:relative;
	top:-20px;
	letter-spacing:0.04em;
	
}
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 {
	background:#FFFFFF url(/images/bg_box_content1.jpg) repeat-x scroll left top;;
	border:1px solid #DEDEDE;
	width:638px;
	float:left;
	margin-left:10px;
	margin-top:0px;
	overflow:hidden;
	padding:20px 35px 30px 35px;
}
.medium-content-box {
	background:#FFFFFF;
	border:1px solid #DEDEDE;
	float:left;
	height:200px;
	margin-bottom:10px;
	margin-left: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{
	
}


.menu-atas {
            position: relative;
            
            padding: 15px 0 15px 15px;
            margin: 10px 0 10px 10px;
            overflow: hidden;
           }
                .menu-atas li {
                    float: right;
                    list-style: none;
                }
                    .menu-atas li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .menu-atas li a {
                        font: bold 1.5em  "Trebuchet MS";
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        position: relative;
                        overflow: hidden;
                        margin: 75px 0 0 10px;
                    }   

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

.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;
}

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

.comparediv{width:600px;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:600px;border:solid 5px #dcdcdc;float:left;}
.tabel_perbandingan .titles{background-color:red;float:left;border-bottom:solid 1px #DFF2F1;width:600px;}
.tabel_perbandingan .titles .column1{width:167px;float:left;border-right:solid 1px #DFF2F1;padding-top:10px;height:30px;padding-left:10px; background: url(images/prem_redbarbg.jpg);}
.tabel_perbandingan .titles .column2{width:200px;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:200px; 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:200px; 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:600px;}
.tabel_perbandingan .smallmsg_div{float:left;line-height:30px;padding-left:10px;}
.tabel_perbandingan .column1{width: 167px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;}
.tabel_perbandingan .column2{width: 200px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;background-color:#fff;}
.tabel_perbandingan .column3{width: 200px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;padding-left:10px;background-color:#fff;}
.tabel_perbandingan .column4{width: 200px; float:left;padding-top:10px;height:25px;padding-left:10px;background-color:#fff;}
.tabel_perbandingan .column5{width: 200px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;background-color:#f9f9e8;padding-left:10px;}
.tabel_perbandingan .column6{width: 200px; float:left;border-right:solid 1px #dcdcdc;padding-top:10px;height:25px;background-color:#f9f9e8;padding-left:10px;}
.tabel_perbandingan .column7{width: 200px; 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 *******************************************/

/*-----------------------
jQuery sideTab punya gue
-----------------------*/
#scroller-header {
	width: 100%;
	padding: 0;
	margin: 0 0 0 8px;
	
}
#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:#F6E8E8;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
}
#scroller-header a {
	height:18px;
	margin:0;
	padding:6px 8px 0;
	text-align:left;
	background-color:#FFFFFF;
	border-color:#DEDEDE;
	border-style:solid solid none;
	border-width:1px 1px medium;
	color:#393939;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	font: trebuchet ms;
}

#scroller-header a:hover {
	text-decoration:none; 
	color:#4b412f
}



#scroller-body {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(images/bg_box_content1.jpg) repeat-x scroll left top;
	border:1px solid #DEDEDE;
	margin-bottom:10px;
	padding:14px 10px 10px;
}

#mask {
	width:95%;
	overflow:hidden;
	margin:0 auto;
}

#panel {

}

#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  ****/