@charset "utf-8";
/* CSS Document */

/** BODY */
body {
	margin:0;
	padding:0;
	background:url("../images/bg_main.jpg") repeat;
	background-position:center top;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
* a {
	outline:none;
	color:#479FFF;
}
* a:hover {
	text-decoration:none;
	color:#7A4904 !important;
}
.font10 {
	font-size:10px;
}
.msggreen {
	color:#577F1E;
	font-weight:bold;
}
.msgorange {
	color:#FF8200;
	font-weight:bold;
}
.msgred {
	color:#E64040;
	font-weight:bold;
}
.clearfb {
	clear:both;
	height: 367px;
}
.clrboth {
	clear:both;
}
.clrleft {
	clear:left;
}
.clrright {
	clear:right;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.txtcenter {
	text-align:center !important;
	margin:0 auto !important;
}
.boldcoklat {
	color:#577F1E;
	font-weight:bold;
}
.spanhide span {
	display:none;
	margin:0;
	padding:0;
}
.nolist {
	list-style-type:none;
	margin:0;
	padding:0;
}
.block {
	display:block;
}
.borderimg {
	border:2px solid #A26C2E !important;
}
.totop a {
	position:relative;
	padding:10px;
	padding-right:15px;
	top:10px;
	color:#7A4904 !important;
}
/**** table post */
.tblpost, 
.tblpost td, 
.tblpost th {
	border-collapse:collapse;
	border-spacing:0;
	border-color:#6A3B07;
}
.tblpost thead th {
	padding:5px;
	background-color:#CFA47D;
	text-align:center;
	white-space:nowrap;
}
.tblpost tbody td {
	padding:3px;
	text-align:left;
}
.tblpost tr:hover {
	background-color:#FCCF68;
	cursor:default;
}
.tblpost th:hover {
	background-color:#F4B668;
	cursor:default;
}
.tblpost {
	margin-bottom:5px;
}
/** message error */
.msgerr {
	margin:0 auto;
	margin-top:10px;
	padding:3px;
	border:2px solid #CC8803;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:200px;
	text-align:center;
}
#fregister .msgerr {
	margin-top:200px;
	margin-left:20px;
	padding:3px;
	border:2px solid #CC8803;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:200px;
	height:100px;
	text-align:center;
}
#flogin .msgerr {
	margin:0 auto;
	/*margin-top:10px;*/
	padding:3px;
	border:2px solid #CC8803;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:200px;
	height:50px;
	text-align:center;
}
#flogin2 .msgerr {
	position:relative;
	margin:10px 30px;
	padding:3px;
	border:2px solid #CC8803;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:200px;
	height:50px;
	text-align:center;
}


/** INDEX CENTER */
#main-index {
	position:relative;
	background:url(../images/bg_main.jpg) repeat;
	width:970px;
	margin:0 auto !important;
	padding:0;
	/*border:1px solid #FFF;*/
}


/** HEADER */
#main-index #header {
	margin:0 auto;
	/*background:url(../images/header.jpg) no-repeat;*/
	width:970px;
	height:545px;
}


/** CONTENT */
#main-index #content {
	margin:0 auto;
	width:970px;
}
#swf-header {
	background:url(../images/bg_statis.jpg) no-repeat center top;
	width:970px;
	height:345px;
}
#swf-header, #swf-navi {
	margin:0 auto;
	text-align:center;
}
#swf-navi {
	width:970px;
	height:200px;
}

/** SIDEBAR KIRI */
#main-index #content #sidebar-kiri {
	width:249px;
}
/*** canaintro */
#canaintro a {
	text-decoration:none;
	display:block;
	background:url(../images/canaan_intro.jpg) no-repeat;
	background-position:0 0;
	width:249px;
	height:164px;
}
#canaintro a:hover {
	background-position:-249px 0;
}
/*** canaclass */
#canaclass {
	background:url(../images/canaan_class.jpg) no-repeat;
	width:249px;
	height:183px;
}
#canaclass table {
	position:relative;
	margin:0 auto;
	top:50px;
}
#canaclass table td {
	margin:0;
	padding:0;
}
#canaclass #cana-mage {
	display:block;
	background:url(../images/mage.jpg) no-repeat;
	background-position:0 0;
	width:65px;
	height:109px;
}
#canaclass #cana-warrior {
	display:block;
	background:url(../images/warrior.jpg) no-repeat;
	background-position:0 0;
	width:50px;
	height:109px;
}
#canaclass #cana-archer {
	display:block;
	background:url(../images/archer.jpg) no-repeat;
	background-position:0 0;
	width:45px;
	height:109px;
}
#canaclass #cana-priest {
	position:relative;
	left:-2px;
	display:block;
	background:url(../images/priest.jpg) no-repeat;
	background-position:0 0;
	width:47px;
	height:109px;
}
#canaclass #cana-mage:hover, 
#canaclass #cana-warrior:hover, 
#canaclass #cana-archer:hover, 
#canaclass #cana-priest:hover {
	background-position:0 -109px;
}
/*** canamedia */
#canamedia {
	margin:0 auto;
	padding:0;
}
#canamedia .headcmedia {
	background:url(../images/buttonzigzag_top.png) no-repeat;
	width:249px;
	height:57px;
}
#canamedia .footcmedia {
	background:url(../images/buttonzigzag_end.png) no-repeat;
	width:249px;
	height:81px;
}
/*#canamedia .bodycmedia .zigzagx a {
	display:block;
	background:url(../images/buttonzigzag1.jpg) no-repeat;
	width:249px;
	height:49px;
}
#canamedia .bodycmedia .zigzagy a {
	display:block;
	background:url(../images/buttonzigzag2.jpg) no-repeat;
	width:249px;
	height:49px;
}*/
#canamedia .bodycmedia ul {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
}
#canamedia .bodycmedia #zigzag0 a {
	display:block;
	background:url(../images/zigzag_client.png) no-repeat;
	background-position:0 0;
	width:249px;
	height:49px;
}
#canamedia .bodycmedia #zigzag1 a {
	display:block;
	background:url(../images/zigzag_screenshot.png) no-repeat;
	background-position:0 0;
	width:249px;
	height:49px;
}
#canamedia .bodycmedia #zigzag2 a {
	display:block;
	background:url(../images/zigzag_wallpaper.png) no-repeat;
	background-position:0 0;
	width:249px;
	height:49px;
}
#canamedia .bodycmedia #zigzag3 a {
	display:block;
	background:url(../images/zigzag_video.png) no-repeat;
	background-position:0 0;
	width:249px;
	height:49px;
}
#canamedia .bodycmedia #zigzag4 a {
	display:block;
	background:url(../images/zigzag_music.png) no-repeat;
	background-position:0 0;
	width:249px;
	height:49px;
}
#canamedia .bodycmedia #zigzag0 a:hover, 
#canamedia .bodycmedia #zigzag1 a:hover, 
#canamedia .bodycmedia #zigzag2 a:hover, 
#canamedia .bodycmedia #zigzag3 a:hover, 
#canamedia .bodycmedia #zigzag4 a:hover{
	background-position:-249px 0;
}

/** SIDEBAR KANAN */
#main-index #content #sidebar-kanan {
	position:relative;
	right:1px;
	width:249px;
}
/*** cana-akun */
#cana-akun {
	margin:0 auto;
	background:url(../images/bnr_body.jpg) repeat-y;
	width:249px;
}
#cana-akun .akun-head {
	background:url(../images/akun_head.jpg) no-repeat;
	width:249px;
	height:19px;
}
#cana-akun .akun-body {
	padding:0 30px;
	background:url(../images/akun_body.jpg) repeat-y;
	width:249px;
}
#cana-akun .akun-foot {
	background:url(../images/akun_foot.jpg) no-repeat;
	width:249px;
	height:18px;
}
.bnr-head3 {
	background:url(../images/bnr_head3.jpg) no-repeat;
	width:249px;
	height:29px;
}
#cana-akun .akun-body .hello {
	font-weight:bold;
	color:#FFF;
}
#cana-akun .akun-body .hello span {
	color:#FEF068;
}
#cana-akun .akun-body .akunbutton .akun-seting {
	margin-left:30px;
	_margin-left:20px;
	display:block;
	background:url(../images/akunsetting.jpg) no-repeat center top;
	width:97px;
	height:26px;
	text-decoration:none;
	outline:none;
}
#cana-akun .akun-body .akunbutton .akun-logout {
	margin-left:130px;
	display:block;
	background:url(../images/logout.jpg) no-repeat center top;
	width:58px;
	height:26px;
	text-decoration:none;
	outline:none;
}
.spellstone a {
	display:block;
	background:url(../images/isi_spellstone.jpg) no-repeat center top;
	width:249px;
	height:75px;
}
.reportbutton a {
	display:block;
	background:url(../images/reportproblem.jpg) no-repeat center top;
	width:249px;
	height:75px;
}
.reportbutton a:hover, 
.spellstone a:hover {
	background-position:0 -75px;
}
#cana-akun .akun-body .akunbutton .akun-seting:hover,
#cana-akun .akun-body .akunbutton .akun-logout:hover {
	background-position:0 -26px;
}
/*** cana-bnr */
.bnr-head {
	background:url(../images/bnr_head.jpg) no-repeat;
	width:249px;
	height:25px;
}
.bnr-body {
	background:url(../images/bnr_body.jpg) repeat-y;
	width:249px;
}
.bnr-foot {
	background:url(../images/bnr_foot.jpg) no-repeat;
	width:249px;
	height:34px;
}
#cana-bnr img {
	border:2px solid #fdedb0;
}
#cana-bnr .bnr-body {
	margin:0 auto;
	text-align:center;
}
#cana-bnr .bnr-body div {
	padding-bottom:5px;
}
/*** cana-fb */
#cana-fb a {
	display:block;
	background:url(../images/fb_head.jpg) no-repeat;
	background-position:0 0;
	width:249px;
	height:97px;
}
#cana-fb a:hover {
	background-position:-249px 0;
}
/*** cana-tw */
.bnr-head2 {
	background:url(../images/bnr_head2.jpg) no-repeat;
	width:249px;
	height:95px;
}
.bnr-body2 {
	background:url(../images/bnr_body2.jpg) repeat-y;
	width:249px;
}
.bnr-foot2c {
	background:url(../images/bnr_foot2c.jpg) no-repeat;
	width:249px;
	height:55px;
}
/*** cana-agen */
#cana-agen a {
	display:block;
	background:url(../images/cana_agen.jpg) no-repeat left top;
	width:249px;
	height:97px;
}
#cana-agen a:hover {
	background-position:-249px 0;
}
/*** cana-rank */
.head-rank a {
	position:relative;
	top:25px;
	display:block;
	background:url(../images/peringkat.png) no-repeat;
	background-position:0 0;
	width:249px;
	height:41px;
}
.head-rank a:hover {
	background-position:-249px 0;
}
#cana-rank table {
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 auto;
	padding:0;
	font-size:11px;
	cursor:default;
}
#cana-rank thead tr {
	padding:0;
	/*border:1px solid #FF7401;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 1px;
	background:url(../images/rank_th_all.jpg) center top repeat-x !important;
	height:15px;
}
#cana-rank thead th {
	padding:1px 10px;
}
#cana-rank tbody td {
	padding:5px;
}
#cana-rank tbody tr:hover {
	background-color:#FCCF68;
}
#cana-rank thead .lbar {
	background:url(../images/rank_th_all.jpg) no-repeat;
	background-position:left top;
}
#cana-rank thead .rbar {
	background:url(../images/rank_th_all.jpg) no-repeat;
	background-position:right top;
}
.bnr-foot2 {
	background:url(../images/bnr_foot2.jpg) no-repeat;
	width:249px;
	height:40px;
}
.fonty {
	color:#ffff00;
}
.fontw {
	color:#FFF;
}
.fonto {
	color:#ff7200;
}
/*** cana-navi */
#cana-navi {
	margin:0 auto;
}
#cana-navi .cana-navi-head {
	background:url(../images/navi_kanan_top.jpg) no-repeat center top;
	width:250px;
	height:86px;
	margin:0 auto;
	text-align:center;
}
#cana-navi .cana-navi-bg {
	background:url(../images/navi_kanan_bg.jpg) repeat-y center top;
	width:250px;
}
#cana-navi .cana-navi-foot {
	background:url(../images/navi_kanan_down.jpg) no-repeat center top;
	width:250px;
	height:40px;
}
#cana-navi .cana-navi-head span {
	position:relative;
	font-family:Tahoma, Geneva, sans-serif;
	color:#7e4e26;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	top:30px;
}
/** LIST MENU */
#cana-navi .cana-navi-bg ul {
	padding:0 15px;
}
#cana-navi .cana-navi-bg ul li {
	border-bottom:1px solid #d4bf93;
	padding:5px 0;
	width:180px;
	margin-left:25px;
}
#cana-navi .cana-navi-bg ul li a {
	display:block;
	background:url(../images/navi_kanan_dot.jpg) no-repeat left -17px;
	width:100%;
	height:17px;
	text-decoration:none;
	outline:none;
	color:#705a45;
	font-weight:bold;
	margin-left:0;
}
#cana-navi .cana-navi-bg ul li a:hover {
	background-position:0 0;
	color:#0b990e !important;
}
#cana-navi .cana-navi-bg ul li a span {
	width:100%;
	margin-left:30px;
}

/** NEWS INDEX */
#main-index #content #news-index {
	width:472px;
	margin:0 auto;
}
#news-index .news-down {
	/*background:url(../images/bg_down.jpg) no-repeat;*/
	margin:0 auto;
	margin-top:-22px;
	text-align:center;
	width:452px;
	height:70px;
}
#news-index .news-down2 {
	/*background:url(../images/bg_down2.jpg) no-repeat;*/
	margin:0 auto;
	margin-top:-11px;
	text-align:center;
	width:452px;
	height:70px;
}

#main-index #content #sidebar-kiri, 
#main-index #content #sidebar-kanan, 
#main-index #content #news-index {
	overflow:hidden;
}

/*** BG SLIDER */
.sliderbg {
	position:relative;
	/*margin-top:-282px;*/
	/*_top:2px;*/
	background:url(../images/bg_slider.png) no-repeat;
	width:472px;
	height:285px;
	z-index:100;
}
#slider-index {
	margin:0 auto;
	padding:0;
	border:none;
	overflow:hidden;
	text-align:center;
	z-index:99 !important;
}
#slider-index a {
	position:absolute;
}

/*** NEWS WP */
#wp-newsx, 
#wp-media {
	margin:0 auto;
	padding:0;
	background:url(../images/papan_repeat.jpg) repeat-y;
	background-position:center top;
	width:452px;
	min-height:34px;
}

#news-index #wp-newsx .news {
	position:relative;
	margin:0 auto;
	width:432px;
	overflow:hidden;
}
/**** news title */
#wp-newsx .news .newstitle {
	background:url(../images/news_title_on.jpg) no-repeat;
	width:432px;
	height:26px;
}
#wp-newsx .news .newstitleoff {
	background:url(../images/news_title_off.jpg) no-repeat;
	width:432px;
	height:26px;
}
#wp-newsx .news .ntitle {
	width:350px;
	text-align:left;
}
#wp-newsx .news .ntitle a, 
#wp-newsx .news .ndate span {
	position:relative;
	top:6px;
	font-size:12px;
	font-weight:bold;
	color:#FFF !important;
	text-decoration:none;
}
#wp-newsx .news .newstitleoff a {
	/*color:#7A4904 !important;*/
}
#wp-newsx .news .ntitle a {
	padding-left:10px;
}
#wp-newsx .news .ntitle a:hover {
	color:#FDD80D !important;
}
#wp-newsx .newstitleoff .ntitle a:hover {
	color:#FDD80D !important;
}
#wp-newsx .news .ndate span {
	top:7px;
	left:-20px;
	font-size:11px;
	padding-right:8px;
	text-align:center;
}
#wp-newsx .news .ndate .toggleme {
	position:relative;
	display:block;
	width:15px;
	height:15px;
	top:-7px;
	left:41px;
	text-decoration:none;
}
#wp-newsx .news .newscontent {
	margin:0 auto;
	background-color:#fbe2ab;
	border:1px solid #a4601c;
	border-top:none;
	border-bottom:none;
	padding:5px 10px;
	color:#000;
	text-align:justify;
	font-smooth:always;
}
#wp-newsx .news .newscontent .newsmore {
	/*position:relative;*/
	padding-top:5px;
	width:auto;
	margin-left:295px;
}
#wp-newsx .news .newscontent .newsmore a {
	display:block;
	background:url(../images/news_more.jpg) no-repeat;
	background-position:0 0;
	width:121px;
	height:25px;
}
#wp-newsx .news .newscontent .newsmore a:hover {
	background-position:0 -25px;
}
#wp-newsx .newslist {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-bottom:10px;
}
#wp-newsx .newslist li:last-child .newscontent {
	border-bottom:1px solid #a4601c;
}
#wp-newsx .newsall a {
	display:block;
	background:url(../images/semua_berita.jpg) no-repeat;
	background-position:0 0;
	width:452px;
	height:34px;
}
#wp-newsx .newsall a:hover {
	background-position:0 -34px;
}
#wp-newsx .newsall {
	padding-bottom:10px;
}
.boardnews, 
.boardmedia {
	position:relative;
	/*top:-3px;*/
	width:452px;
	height:48px;
}
.boardnews {
	background:url(../images/papan_berita.jpg) no-repeat;
	margin-top:10px;
}
.boardmedia {
	background:url(../images/papan_media.jpg) no-repeat;
}
#wp-media .mediaall a {
	display:block;
	background:url(../images/semua_media.jpg) no-repeat;
	background-position:0 0;
	width:452px;
	height:34px;
}
#wp-media .mediaall a:hover {
	background-position:0 -34px;
}
.newsbot {
	margin:0 auto;
	background:url(../images/tengah_bawah.png) no-repeat;
	width:452px;
	height:37px;
}


/*** PAGE WP */
.titleclass {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_class.jpg) no-repeat;
}
.titlepanduan {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_panduan.jpg) no-repeat;
}
.titlesejarah {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_sejarah.jpg) no-repeat;
}
.titlefitur {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_fitur.jpg) no-repeat;
}
.titlepets {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_pets.jpg) no-repeat;
}
.titlevoucher {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_isispellstone.jpg) no-repeat;
}
.titleitem {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_item.jpg) no-repeat;
}
.titleinventori {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_inventori.jpg) no-repeat;
}
.titlebelanja {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_belanja.jpg) no-repeat;
}
.titleforum {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_forum.jpg) no-repeat;
}
.titleberita {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_berita.jpg) no-repeat;
}
.titlewallpaper {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_wallpaper.jpg) no-repeat;
}
.titlelainnya {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_lainnya.jpg) no-repeat;
}
.titlefaq {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_faq.jpg) no-repeat;
}
.titlebantuan {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_bantuan.jpg) no-repeat;
}
.titleketentuan {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_ketentuan.jpg) no-repeat;
}
.titledaftar {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_daftar_baru.jpg) no-repeat;
}
.titlelogin {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/title_login.jpg) no-repeat;
}
.titleakun {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/tittle_settingakun.jpg) no-repeat;
}
.titlereport {
	width:472px;
	height:120px;
	margin:0 auto;
	background:url(../images/tittle_laporan.jpg) no-repeat;
}
.page {
	padding-bottom:15px;
}
.page h2 {
	color:#7A4904;
}
.faqli {
	padding:0;
	margin:0;
}
.faqli > li {
	padding:5px;
	margin-bottom:7px;
}
.faqli > li:nth-child(even) {
	/*background-color:#FFD373;*/
	border:1px solid #2A1A08;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.faqli > li:nth-child(odd) {
	/*background-color:#FDEDB1;*/
	border:1px solid #7A4904;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/** FORM LOGIN REGISTER */
.formlogin label {
	color:#A94B01;
	font-weight:bold;
}
.formlogin input, 
.formlogin textarea {
	border:1px solid #C9BCB4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.formlogin textarea {
	font-size:12px;
}
#fregister {
	overflow:hidden;
	background:url(../images/login_man.jpg) right top no-repeat;
	width:390px;
	height:372px;
}
#fregister table {
	margin-top:80px;
}
/*** Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ #fregister table { margin-top:60px; } }
/*** END Chrome only */
#flogin, #fregister {
	/*border:1px solid #999;*/
	padding:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:3px solid #F7F6F2;
}
#flogin:hover, #fregister:hover {
	box-shadow: 0 0 5px #F7F6F2;
    -webkit-box-shadow: 0 0 5px #F7F6F2; 
    -moz-box-shadow: 0 0 5px #F7F6F2;
}
.btnreg {
	cursor:pointer;
	border:none;
	width:176px;
	height:39px;
	background:url(../images/register_btn.jpg) no-repeat center top;
}
.btnlog {
	cursor:pointer;
	border:none;
	width:176px;
	height:39px;
	background:url(../images/login_btn.jpg) no-repeat center top;
}
.btnproc {
	cursor:pointer;
	border:none;
	width:121px;
	height:39px;
	background:url(../images/proses_btn.jpg) no-repeat center top;
}
.btnkirim {
	cursor:pointer;
	border:none;
	width:108px;
	height:39px;
	background:url(../images/kirim_btn.jpg) no-repeat center top;
}
.btnback {
	cursor:pointer;
	border:none;
	width:85px;
	height:39px;
	background:url(../images/kembali_btn.jpg) no-repeat center top;
}
.btnconf {
	cursor:pointer;
	border:none;
	width:85px;
	height:39px;
	background:url(../images/konf_btn.jpg) no-repeat center top;
}
.btnreg span, 
.btnlog span,
.btnproc span, 
.btnkirim span, 
.btnback span, 
.btnconf span {
	display:none;
}
.btnlog:hover, 
.btnreg:hover,
.btnproc:hover, 
.btnkirim:hover, 
.btnback:hover, 
.btnconf:hover{
	background-position:0 -39px;
}
.lupapass {
	position:relative;
	float:right;
	right:40px;
	margin-top:7px;
}
.lupapass a {
	display:block;
	background:url(../images/lupa_password.jpg) 0 0 no-repeat;
	width:89px;
	height:13px;
}
.lupapass a:hover {
	background-position:-90px 0;
}
/** LOGINFB */
.btnfb a {
	display:block;
	background:url(../images/facebook_btn.jpg) no-repeat center top;
	width:413px;
	height:79px;
}
.btnfb a:hover {
	background-position:0 -79px;
}

/** POPUP LOGIN */
#popuplogin {
	background:url(../images/login_popup.png) no-repeat;
	width:450px;
	height:266px;
	overflow:hidden;
	/** IE6 Transparent */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/login_popup.png',sizingMethod='crop');
	
	_display:none;
}
#popuplogin #flogin2 {
	position:relative;
	top:80px;
	left:50px;
}
#popuplogin #flogin2 .lupapass {
	top:20px;
	right:90px;
	/** IE7 */
	.top:-5px;
	.right:0;
}
#popuplogin #flogin2 .btnlog {
	position:relative;
	top:17px;
	/** IE7 */
	.top:-7px;
}
#popuplogin #flogin2 .lpwd {
	/** IE7 */
	.position:relative;
	.top:-10px;
}
#popuplogin #flogin2 .loginfb a {
	position:relative;
	top:5px;
	left:-10px;
	/** IE7 */
	.top:-10px;
	display:block;
	background:url(../images/login_with_fb.png) 0 0 no-repeat;
	width:371px;
	height:62px;
	overflow:hidden;
	/** IE6 Transparent */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/login_with_fb.png',sizingMethod='crop');
}
#popuplogin #flogin2 .loginfb a:hover {
	background-position:0 -62px;
}
#popuplogin #flogin2 .loginfb_hlp a {
	position:relative;
	top:-260px;
	left:130px;
	/** IE7 */
	.top:-285px;
	display:block;
	background:url(../images/login_fb_hlp.png) 0 0 no-repeat;
	width:122px;
	height:76px;
	overflow:hidden;
	/** IE6 Transparent */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/login_fb_hlp.png',sizingMethod='crop');
}
#popuplogin #flogin2 .loginfb_hlp a:hover {
	background-position:0 -76px;
}
/*** Safari & Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	#popuplogin #flogin2 .lupapass { top:-7px; } 
	#popuplogin #flogin2 .btnlog, 
	#popuplogin #flogin2 .lpwd { position:relative; top:-10px; }
	#popuplogin #flogin2 .loginfb a { top:-25px; }
	#popuplogin #flogin2 .loginfb_hlp a { top:-288px; }
}
/*** END Safari & Chrome only */

/** CSS SPELL STONE */
#fspellstone {
	margin:0 auto;
	background:url(../images/itemmal_bg.jpg) no-repeat center top;
	width:400px;
	height:400px;
}
#fspellstone .imtitle1 {
	position:relative;
	top:120px;
	background:url(../images/itemmall_title2.jpg) no-repeat center top;
	width:260px;
	height:73px;
}
#fspellstone .imtitle2 {
	position:relative;
	top:120px;
	background:url(../images/itemmall_title.jpg) no-repeat center top;
	width:260px;
	height:73px;
}
#fspellstone .formlogin {
	position:relative;
	top:115px;
	left:15px;
	.top:97px;
}
#fspellstone .btn_login {
	margin-left:18px;
	margin-top:15px;
	border:none;
	background:url(../images/itemmall_login.jpg) no-repeat center top;
	width:110px;
	height:84px;
}
#fspellstone .btn_fb {
	border:none;
	margin-left:-6px;
	.margin-left:-2px;
	background:url(../images/itemmall_fb.jpg) no-repeat center top;
	width:121px;
	height:84px;
}
/** NEXT FORM */
#fspellstone .btn_proses {
	margin-left:17px;
	/*margin-top:10px;
	.margin-top:9px;*/
	border:none;
	background:url(../images/btn_proc_out.png) no-repeat left top;
	width:125px;
	height:70px;
}
#fspellstone .btn_proses:hover {
	background-position:left -80px;
}
#fspellstone .btn_logout {
	border:none;
	margin-left:-5px;
	.margin-left:-1px;
	background:url(../images/btn_proc_out.png) no-repeat right top;
	width:125px;
	height:70px;
}
#fspellstone .btn_logout:hover {
	background-position:right -80px;
}
#fspellstone .btn_login:hover, 
#fspellstone .btn_fb:hover {
	background-position:0 -84px;
}

/** PREV FORM */
#fspellstone .btn_login2 {
	border:none;
	margin-top:-10px;
	background:url(../images/btn_login_fb.png) no-repeat left top;
	width:120px;
	height:73px;
}
#fspellstone .btn_fb2 {
	border:none;
	background:url(../images/btn_login_fb.png) no-repeat right top;
	width:125px;
	height:77px;
}
#fspellstone .btn_login2:hover {
	background-position:left -80px;
}
#fspellstone .btn_fb2:hover {
	background-position:right -80px;
}

/** BUTTON CHC VOUCHER */
#fspellstone .btn_chc {
	position:relative;
	top:-4px;
	.top:-1px;
	.left:3px;
	border:none;
	background:url(../images/itemmall_check.jpg) no-repeat center top;
	width:26px;
	height:22px;
}
/*** Safari & Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	#fspellstone .btn_login {
		margin-top:7px;
	}
	#fspellstone .btn_proses {
		/*margin-top:3px;*/
	}
	#fspellstone .btn_chc {
		top:-3px;
	}
}
/*** END Safari & Chrome only */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	#fspellstone .btn_chc {
		top:6px;
	}
}

#fspellstone .btn_msggreen {
	position:relative;
	top:-4px;
	border:none;
	background:url(../images/itemmall_check_valid.jpg) no-repeat center top;
	width:26px;
	height:22px;
}
#fspellstone .btn_chc:hover, 
#fspellstone .btn_msggreen:hover {
	background-position:0 -22px;
}
#fspellstone .msgchc {
	padding-top:-3px;
	text-align:center;
	padding-right:30px;
	font-size:11px;
}

#fspellstone button span {
	display:none;
}
#fspellstone button {
	cursor:pointer;
}
#fspellstone .msgerr {
	text-align:center;
	margin-left:20px;
	margin-top:25px;
	color:#A94B01;
	font-weight:bold;
}

/*** JUMP 2 FB */
#form_pilih_voucher {
	margin-left:120px;
	border:5px solid #FF7500;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px;
	width:200px;
	height:140px;
	background:#FBE2AA;
}


/*** SLIDER BAWAH */
#screenshot #mediass, 
#wallpaper #mediawl {
	margin:0 auto !important;
}
.wlview ul {
	padding:0;
	margin-left:30px;
}
.wlview li {
	padding:5px;
	float:left;
	display:inline;
}
.wlview .filmstrip img {
	border:2px solid #FBB515;
}
.wlview a {
	text-decoration:none;
}
.dotline {
	border:none;
	border-top:2px dashed #6F451D;
}
#mediass li a img {
	border:2px solid #FBB515 !important;
}


/** DOWNLOAD CLIENT */
.client-download {
	background:url(../images/client_bg.jpg) no-repeat center top;
	margin:0 auto;
	width:400px;
	height:350px;
}
.client-download .client_btn {
	display:block;
	background:url(../images/client_button.jpg) no-repeat left top;
	width:183px;
	height:97px;
	
	position:relative;
	top:161px;
	left:38px;
}
.client-download .client_btn:hover {
	background-position:-183px 0;
}
.client-download .client-versi {
	color:#266B9A;
	font-weight:bold;
	position:relative;
	top:160px;
	left:50px;
}

/** button tab official agent */
.othertab {
	margin-left:-10px;
}
.ui-tabs .ui-tabs-nav li.withbtn {
	margin:0;
	padding:0;
	padding-left:5px;
	border:none;
	width:100px;
	height:53px;
}
.faqli li .btn_gmarket {
	display:block;
	background:url(../images/digicash_gmarket.jpg) no-repeat left top;
	width:80px;
	height:53px;
}
.faqli li .btn_offagent {
	display:block;
	background:url(../images/digicash_offagent.jpg) no-repeat left top;
	width:80px;
	height:53px;
}
.faqli li .btn_digipoint {
	display:block;
	background:url(../images/digicash_digipoint.jpg) no-repeat left top;
	width:80px;
	height:53px;
}
.faqli li .btn_digistock {
	display:block;
	background:url(../images/digicash_stock.jpg) no-repeat left top;
	width:80px;
	height:53px;
}
.faqli li a:hover {
	background-position:-100px 0;
}


/** FOOTER */
#main-index #footer {
	margin:0 auto;
	text-align:center;
	background:url(../images/footer.png) no-repeat;
	width:970px;
	height:214px;
}
/*#main-index #footer .footer-swf {
	background:url(../images/footer_swf.png) no-repeat;
	width:970px;
	height:140px;
}
#main-index #footer .footer-img {
	margin:0 auto;
	text-align:center;
	background:url(../images/footer.png) no-repeat;
	width:970px;
	height:74px;
}*/
#main-index #footer span {
	position:relative;
	top:160px;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#2d150c;
}


#fb-meter-wrapper {
			position:relative;
		}
		#fb-meter-overlay {
			position:absolute;
			z-index:5;
			top:0;
			left:0;
			display:block;
			width:249px;
			height:376px;
			background:url(../images/bg-fb-meter.png) 0 0 no-repeat;
		}
		#fb-meter-bar {
			z-index:3;
			position:absolute;
			left:63px;
			top:114px;
			width:16px;
			height:202px;
			overflow:hidden;
			background:url(../images/bg-fb-meter-bar.png) 0 0 no-repeat;
		}
		#fb-meter-percent-height {
			z-index:4;
			position:absolute;
			width:16px;
			height:100px;
			left:0;
			right:0;
			bottom:0;
			background:url(../images/bg-fb-meter-percent.png) 0 0 repeat-y;
		}
		#fb-meter-box-event {
			position:absolute;
			z-index:6;
			left:85px;
			top:182px;
			width:108px;
			background:url(../images/box-text-event1.png) 0 0 no-repeat;
			overflow:hidden;
			
		}
		#fb-meter-box-event2 {
			position:absolute;
			z-index:6;
			left:85px;
			top:152px;
			width:108px;
			background:url(../images/box-text-event2.png) 0 0 no-repeat;
			overflow:hidden;
			
		}
		#fb-meter-box-event3 {
			position:absolute;
			z-index:6;
			left:85px;
			top:103px;
			width:108px;
			background:url(../images/box-text-event3.png) 0 0 no-repeat;
			overflow:hidden;
			
		}
		.fb-meter-text-event {
			padding: 5px 20px 0px 0px;
			color: #ffcc00;
			font-size: 11px;
		}