/************ ELEMENTS ************/
body {
	text-align:center;
	margin:0;
	padding:0;
	color:#333;
	font-family:Tahoma;
	cursor:default;
	background:#dfdfdf url(../../images/bg.png) repeat-x;
	behavior:url("csshover3.htc"); 
}
a, a:link, a:visited {
	text-decoration:none;
	color:#333;
}
img {
	border:none;
}
iframe, ul, form, h1, h2, h3, h4 {
	margin:0;
	padding:0;
}
h3 {
	font-size:16;
}
#clear {
	clear:both;
}
hr {
	border-top:1px solid;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
/************ TEMPLATE ************/
#shade {
	background:url(../../images/shade.png) center repeat-y;
}
#wrapper {
	width:1000;
	height:auto;
	margin:0 auto;
	text-align:left;
	background:#fff;
}
#top {
	background:url(../../images/bg_top.png) repeat-x;
	height:27;
	width:1000;
}
#header {
	background:url(../../images/bg_header.png) repeat-x ;
	width:1000;
	height:88;
	border-bottom:1px solid #333;
}
#topPanel {
	background:#333;
	height:220;
	width:1000;
	margin-bottom:10;
	margin-top:5;
}
#containerTop {
	margin-left:6;
/*	margin-right:15;*/
/*	width:988;*/
	margin-bottom:15;
}
#leftPanel {
	margin-left:15px;
	margin-right:15px;
	width:754;
	float:left;
}
#rightPanel {
	float:left;
	margin-right:15px;
	width:201;
}
#halfBox {
	width:367;
	float:left;
}
#fullBox {
	margin-top:15;
}
#panelAds {
	width:200;
}
#footer {
	background:url(../../images/bg_footer.png) repeat-x;
	width:1000;
	height:142;
	text-align:center;
	padding-top:15;
	font-size:12px;
}
/************************************************/
#jsddm {
	margin: 0;
	padding: 0
}
#jsddm li {
	float: left;
	list-style: none;
}
#jsddm li a {
	display: block;	
	white-space: nowrap;
}
#jsddm li ul {
	margin: 3px 0 0 -7px;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
#jsddm li ul li a {
	width:136px;
	margin-left : 10px;
	background: #FFF;
	padding:5;
	color:#333;
	opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=90);
	border-right:1px solid #333;
	border-left:1px solid #333;
}
#jsddm li ul li a:hover {
	background:#333;
	color:#fff;
}
/*###############################################
#############[ LOGO + Header MENU ]##############
#################################################*/
#logo {
	margin-left:25px;
	padding-top:18px;
	float:left;
}
ul#tabHeader {
	list-style:none;
	margin-left:45px;
	padding-top:24px;
	float:left;
}
ul#tabHeader li {
	display:inline;
	margin-right:25;
}
/*###########################################
#############[ BANNER + LOGIN ]##############
#############################################*/
#test {
	border-right:1px solid #444444;
	float:left;
	width:195;
	height:205;
}
#rollBanner {
	float:left;
	width:560;
	height:220;
	margin:0;
}
/************************/
#login {
	float:left;
	border-left:1px solid #444;
	height:220;
	padding-left:5;
	padding-right:5;
}
div#login h4 {
	color:#8EAE11;
	font-size:12px;
	margin:0 0 8px;
	padding-left:10px;
	padding-top:10px;
}
#loginForm {
	border-top:1px solid #444444;
	border-bottom:1px solid #444444;
	margin:0 0 9px;
	padding-bottom:8px;
	padding-left:10px;
	padding-top:8px;
}
#loginForm #leftForm {
	float:left;
	margin-right:4;
}
#loginForm p.username, #lupaPasswd p.username {
	margin:0 0 10px;
	padding:0;
}
#loginForm p.password, #lupaPasswd p.password {
	margin:0 0 5px;
	padding:0;
}


.lupaPasswdform p.username{
	margin:0 0 10px;
	padding:0;
}

.lupaPasswdform p.password{
	margin:0 0 5px;
	padding:0;
}

#loginForm p.rememberme {
	margin:0 0 0 60px;
	padding:0;
}
p.lupapasswd {
	margin-bottom:6px;
	margin-top:10px;
}
#loginForm label, #lupaPasswd label {
	color:#939393;
	font-size:12px;
}
#loginForm label.kiri, #lupaPasswd label.kiri {
	display:block;
	float:left;
	line-height:1.6;
	width:65px;
}
#loginForm label.lineheight {
	line-height:1.6;
}
input.input {
	background:#bebebe;
	border:1px solid #ccc;
	width:100;
	height:18;
	font-size:12;
	padding:0;
}
/*************************************/
#loginLeft {
	float:left;
	font-size:11;
	color:#333;
	margin-left:21px;
	margin-top:17px;
	margin-right:15;
	width:204px;
}
#loginLeft p {
	clear:both;
	margin:4px 0 0;
	padding:0;
}
#loginLeft label.tag {
	display:block;
	float:left;
	font-weight:bold;
	line-height:1.7;
	margin-right:10px;
	text-align:right;
	width:65px;
}
#loginLeft input.inputlogin {
	background:#FFFFFF;
	border:1px solid #333;
	font-size:12px;
	height:18px;
	padding:0;
	width:129px;
	padding-left:1;
}
#loginLeft a {
	text-decoration:underline;
}
.inputsubmit {
	margin-top:16;
}
/********** Quick Reg FOrm ***********/
#rightForm {
	width:175;
	float:left;
}
#quickregForm {
	border-top:1px solid #444444;
	padding-left:10px;
	padding-top:13px;
	margin-top:0;
	margin-bottom:0;
}
#quickregForm #leftForm {
	float:left;
	margin-right:4;
}
#quickregForm p.password {
	margin:0 0 4px;
	padding:0;
}
#quickregForm label {
	color:#fff;
	font-size:11px;
}
#quickregForm label.kiri {
	display:block;
	float:left;
	line-height:1.7;
	width:85px;
	color:#fff;
}
#quickregForm label.lineheight {
	line-height:1.7;
}
input.input2 {
	background:#fff;
	border:1px solid #ccc;
	width:146;
	height:18;
	font-size:12;
	padding:0;
}
input.inputradio {
	margin:0;
	padding:0;
}
select.inputselect {
	margin:0;
	background:#fff;
	border:1px solid #ccc;
	height:18;
	font-size:12;
	padding:0;
}
select.inputselect3 {
	margin:0;
	background:#fff;
	border:1px solid #ccc;
	height:18;
	font-size:12;
	padding:0;
}
select.inputselect2 {
	margin:0;
	background:#fff;
	border:1px solid #ccc;
	height:18;
	font-size:12;
	padding:0;
	width:146;
}
/*##################################
#############[ 3 BOX ]##############
####################################*/
#box {
	float:left;
	margin-bottom:5;
}
#box_1 {
	background:url(../../images/box_gameOnline.png);
	width:252;
	height:20;
}
#box_2 {
	background:url(../../images/box_game.png);
	width:250;
	height:20;
}
#box_3 {
	background:url(../../images/box_musik.png);
	width:249;
	height:20;
}
#customBox {
/*	height:220;*/
	border:2px solid #bababa;
}
.box_rpg {
	width:248;
	margin-right:6;
}
.box_game {
	width:246;
	margin-right:6;
}
.box_music {
	width:245;
}
#tagName {
	height:65;
}
.tag_rpg {
	background:url(../../images/tag_rpg.png);
	width:248;
}
.tag_game {
	background:url(../../images/tag_game.png);
	width:246;
}
.tag_music {
	background:url(../../images/tag_music.png);
	width:245;
}
#customBox ul {
	list-style:none;
}
#customBox ul li {
	background:url(../../images/bg_td.png) repeat-x;
	border-top:1px solid #BABABA;
}
#customBox ul li a{
	display:block;
	font-size:12px;
	font-weight:bold;
	height:16px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
}
/******************************/
div#legend {
	font-size:11px;
	clear:both;
}
div#legend ul {
	float:right;
}
div#legend ul li {
	list-style:none;
	display:block;
	float:left;
}
div#legend ul li.legend_mmorpg {
	background:url(../../images/legend_rpg.png) no-repeat left;
	padding-left:23;
	margin-right:8;
	margin-left:10;
}
div#legend ul li.legend_casual {
	background:url(../../images/legend_casual.png) no-repeat left;
	padding-left:23;
	margin-right:8;
}
div#legend ul li.legend_new {
	background:url(../../images/legend_new.png) no-repeat left;
	padding-left:18;
	margin-right:8;
}
div#legend ul li.legend_event {
	background:url(../../images/legend_event.png) no-repeat left;
	padding-left:18;
	margin-right:8;
}
div#legend ul li.legend_update {
	background:url(../../images/legend_update.png) no-repeat left;
	padding-left:18;
	margin-right:8;
}
div#legend ul li.legend_top10 {
	background:url(../../images/legend_top10.png) no-repeat left;
	padding-left:18;
}
/************ Box ************/
#theBox {
	width:763;
	float:left;
	margin-right:6;
}
#ads_Top {
	float:left;
	width:200;
}
.firstBox {
	margin-right:20;
}
#title {
	border-bottom:1px solid #D3D3D3;
	height:15px;
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
#title a {
	float:right;
	margin-right:10px;
	margin-top:5px;
}
#featured_box {
	border:1px solid #D3D3D3;
	padding:5;
}
#featured_box table td.featured {
	color:#80951e;
	font-weight:bold;
	padding-left:5;
	font-size:14;
}
#featured_box table td.gameName {
	font-weight:bold;
	font-size:12px;
	padding-left:5;
}
table td.data {
	font-size:11px;
	padding-left:5;
}

.title_duniaGame {
	background:url(../../images/title_duniaGame.png) no-repeat;
}

.title_partners {
	background:url(../../images/title_partners.png) no-repeat;
}
.title_musik {
	background:url(../../images/title_musik.png) no-repeat;
}
.title_news {
	background:url(../../images/title_news.png) no-repeat;
}
.title_kalendar {
	background:url(../../images/title_kalendar.png) no-repeat;
}
.imgLeft {
	border:1px solid #D3D3D3;
/*	margin-right:10;*/
/*	float:left;*/
}
.left {
	float:left;
	text-align:center;
	font-weight:bold;
	margin-right:10;
}
#tableTitle {
	color:#666666;
	font-size:14px;
	margin:7 0 4px;
	padding:0;
}
/********** Text Ads ************/
#textAds {
	border-bottom:1px solid #D3D3D3;
	border-top:1px solid #D3D3D3;
	margin-bottom:16px;
	padding-bottom:10px;
	padding-left:5px;
	padding-top:5px;
	margin-top:14;
}
#sponsor {
	background:url(../../images/sponsor.png) no-repeat;
	margin-bottom:12;
	height:10;
	margin-top:5;
}
#ads1 {
	font-size:12;
	color:#5d5d5d;
	float:left;
	width:378;
}
#ads2 {
	font-size:12;
	color:#5d5d5d;
	float:left;
}
#adsName {
	color:#000066;
	font-weight:bold;
}
#adsDesc {
}
#adsLink a {
	text-decoration:underline;
}
/******************************/

.border {
	border:1px solid #D3D3D3;
}
/************ MENU ************/
#top ul {
	list-style:none;
	font-size:12;
	padding-top:5;
	margin-right:5;
	float:right;
}
#top ul li {
	display:inline;
}
#top ul li a {
	margin-left:5px;
	margin-right:5px;
}
ul#news {
	list-style:none;
	font-size:11;
	margin-bottom:10;
}
ul.newsKanan {
	margin-top:10;
}
ul#news li {
	margin-bottom:6;
}
ul#news li a {
	margin-left:8;
}
ul#news li a#rightNews {
	margin-left:0;
}
#alert, .alert {
	color:#FF3300 !important;
}
/*#############################
###########[ CALENDAR ]##########
###############################*/
table#calendar {
	border-collapse:collapse;
	font-size:12px;
	text-align:center;
	background:#ffffe0;
	width:200;
	margin-bottom:10;
}
table#calendar caption {
	font-weight:bold;
}
table#calendar td {
	padding:4;
}
table#calendar td.today {
	font-weight:bold;
}
table#calendar th {
}
/*#############################
###########[ FOOTER ]##########
###############################*/
#logo_footer {
	height:22;
	background:url(../../images/logo_footer.png) no-repeat;
	height:22px;
	margin:15px auto 0;
	padding-left:70px;
	padding-top:6px;
	text-align:left;
	width:350px;
}
ul#menu_footer {
	list-style:none;
	margin-bottom:15px;
}
ul#menu_footer li {
	display:inline;
	font-size:12px;
}
ul#menu_footer li a{
	margin-right:10;
	margin-left:10;
}
#error {
	color:#FF3300;
	display:block;
	margin-bottom:10px;
}
.playcircle {
	color:#568000 !important;
}
.playcircle_ln {
	color:#568000 !important;
	text-decoration:underline !important;
}
h3#judulNews {
	font-size:12;
	margin-bottom:3;
}
#newsBlock {
	display:block;
	margin-bottom:8px;
	font-size:11;
	line-height:1.3;
}
.halfBox {
	height:81;
}
.fullBox {
	float:left;
	margin-right:19px;
	height:226px;
	width:365px;
}
.imgBorder {
	border:1px solid #ccc;
}

div#event {
	background:url(../../images/calendar.jpg) no-repeat left top;
	font-size:11px;
	height:111px;
	padding-left:80px;
}
div#event span {
	display:block;
	margin-top:2;
	margin-bottom:3;
}

#newsPanel_left {
	float:left;
	width:230;
	background:#ccc;
	height:700;
	margin-top:10;
	margin-left:10;
	margin-bottom:10;
}
#newsPanel_left span {
	background:#333333;
	color:#FFFFFF;
	display:block;
	margin-bottom:1px;
	margin-top:1px;
	padding-left:10px;
	height:22;
}
#newsPanel_left div {
	background:url(../../images/bg_panel.png);
	color:#FFFFFF;
	display:block;
	padding-left:10px;
	height:22;
}
#newsPanel_right {
	float:left;
	padding:0 10px 10px;
	width:491px;
	height:710;
	padding-top:10;
}
ul#newsKiri {
	list-style:none;
	font-size:11;
	margin-bottom:10;
	margin-top:10;
	margin-left:10;
}
ul#newsKiri li {
	margin-bottom:6;
}
ul#newsKiri li a {
	margin-left:8;
}

form#formKiri {
	margin-left:10;
}
form#formKiri .playpoint {
	width:210;
	margin-bottom:5;
	display:block;
	letter-spacing:2;
}
form#formKiri .hapus {
	background:#333333;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:11px;
	margin-right:5px;
	padding-left:22px;
	padding-right:22px;
}
form#formKiri .refill {
	background:#568000;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:11px;
	padding-left:21px;
	padding-right:22px;
}
ul#panel1,ul#panel2, ul#panel3, ul#panel4 {
	display:none;
}

ul#gameaccount {
	list-style:none;
	background:url(../../images/bg_tabgame.png);
	border:1px solid #ccc;
	height:36;
	width:460px;
	margin-bottom:3;
	margin-left:15;
	border-bottom:none;
}
ul#gameaccount li {
	display:block;
	float:left;
}
ul#gameaccount li a {
	height:36;
	display:block;
	border-bottom:1px solid #ccc;
}
#game1 {
	background:url(../../images/tab_tantra.png) top;
	width:154;
}
#game2 {
	background:url(../../images/tab_mof.png) top;
	width:176;
}
#game3 {
	background:url(../../images/tab_dc.png) top;
	width:130;
}
ul#gameaccount li a#game1.selected {
	background:url(../../images/tab_tantra.png) bottom;
}
ul#gameaccount li a#game2.selected {
	background:url(../../images/tab_mof.png) bottom;
}
ul#gameaccount li a#game3.selected {
	background:url(../../images/tab_dc.png) bottom;
}

#displaygame1 {
	margin-left:15;
}
#displaygame2, #displaygame3  {
	display:none;
	margin-left:15;
}
p.termofuse {
	padding:0;
	margin-bottom:2px;
	margin-top:2px;
	color:#939393;
	font-size:10px;
}
.termofuse_link {
	color:#8eae11 !important;
	text-decoration:underline !important;
}
.nickname {
	font-weight:bold;
	color:#568000;
}
.gmreply {
	padding-left:10px;
	border-top:1px dashed;
	width:100%;
	padding-bottom:5px;
	padding-top:5px;
}