#{
	margin:0;
	padding:0;	
}
body,form {
	margin:0;
	padding:0;
}
body {
	/*#66ccff
	background:#fff url(/img/layout/web-banner.jpg) no-repeat;
	*/
	background:#FFF;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:.625em;
}
p {
	font-size:1.1em;
}
img {
	border:0;
}
a:focus {
	outline:0 none;
	-moz-outline:0 none;
	border:none;
}
h1 {
	color:#003d4c;
	font-size:1.6em;
}
h2 {
	font:normal bold 1.6em Arial;
	color:#993;
}
h3{ 
	color:#000;
	font-family:'Gill Sans','lucida grande',helvetica,arial,sans-serif;
	font-size:165%;
	padding-top:1.5em;
}
h4{
	font-size:1.1em;
	color:#444;
}
#body_eco{
	background: #FFFFFF url(/img/layout/background.jpg) repeat 0 0;
	min-width:1020px;
	max-width:1600px;
	width:auto;
	padding-top:80px;
}
#content_eco{ width:1024px; margin-left:auto; margin-right:auto; position:relative; }
#container_wrapper{
	width:900px;
	margin-left:0px;
	height:auto;
	display:block;
	background:#fff;
}
#main{
	background:transparent url(/img/layout/white_page.jpg) no-repeat 0 0;
	height:auto;
	padding:0px;
}
#flag img{
	padding:3px 5px;
	float:right;
}
#banner_wrapper{
 	float:left;
 	text-align:center;
	display:block;
	height:225px;
	width:900px;
}
#banner_content{
	display:block;
	height:190px;
	width:900px;
	overflow:hidden;
	margin-left:7px;
}
#banner_nav{
	display:block;
	height:35px;
	width:900px;
}
/********************/
.main_menu_right{background:url(/img/layout/right_banner.jpg) 100% 0 no-repeat;width:892px;}
.main_menu_left{background:url(/img/layout/left_banner.jpg) 0 0 no-repeat; margin-left:7px;}
.main_menu_mid{background:url(/img/layout/center_banner.jpg) 0 0 repeat-x;width:841px;height:34px;margin:0 0 0 20px;}

#ban_nav{
	float:right;
	width:150px;
	margin-left:0px;
	margin-top:4px;
}
#ban_nav a{
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
    text-decoration:none;
    border:none;
	display:block;
	text-align:center;
	width:25px; height: 25px;
	color:#FFF;
	padding:1px 0 0 0;
	float:left;
	background: transparent url(/img/layout/ban_active.png) 0 0 no-repeat;
}
#ban_nav a span{
	position:relative;
	top:10%;
	left:5%;
}
#ban_nav a:hover {
	color:#333;
}
#ban_nav a.activeSlide span{
	position:relative;
	top:10%;
	left:5%;	
}
#ban_nav a.activeSlide{
	background:transparent url(/img/layout/ban_none.png) 0 0 no-repeat;
	color:#fff;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
    text-decoration:none;	
}
#left_side{
	float:left;
	width:194px;
	height:auto;
	padding:0 0 0 3px;
}
#right_side{
	float:right;
	height:auto;
	width:696px;
	padding:0px;
	margin:0px;
}
#web_content{
	display:block;
	height:auto;
	width:900px;
}
#roti_isi{
	float:left;
	display:block;
	height:auto;
	width:448px;
}
/*
#voucher{display: block; width: 198px; height: 50px; background: transparent url(/img/layout/voucher.jpg) no-repeat;}
#dvd{
display: block; 
width: 198px; 
height: 50px; 
background: transparent url(/img/layout/pesan_DVD.jpg) no-repeat; 			
}
#download{
display: block; 
width: 198px; 
height: 50px; 
background: transparent url(/img/layout/download.jpg) no-repeat; 			
}
#active{
display: block; 
width: 198px; 
height: 50px; 
background: transparent url(/img/layout/guide.jpg) no-repeat; 			
}
#gm{
display: block; 
width: 198px; 
height: 50px; 
background: transparent url(/img/layout/GM.jpg) no-repeat; 			
}
#war{
display: block; 
width: 198px; 
height: 50px; 
background: transparent url(/img/layout/war.jpg) no-repeat; 			
}
*/
#ecoshop{
	float:left;
	height:auto;
	width:182px;
	display:block;
	margin:0px;
	padding:0px;
}
#ecoshop_body{
	background:transparent url(/img/layout/ecoshop_content.jpg) no-repeat 0 0;
	padding:0 7px;
	height:158px;
	width:164px;
	padding:0px 9px 10px 9px;
	overflow:hidden;	
}
#item_mall{
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0;
}
#sections{
	margin:0px;
	height:160px;
	width:164px;
	overflow:hidden;
}

#pokok{
	width:182px;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;	
}
#kalender{
	float:left;
	width:183px;
	
}
#kalender_bulan{
	background:transparent url(/img/layout/calender_month.jpg) no-repeat 0 0;
	height:20px;
	width:182px;
	display:block;
	text-align:center;
}
#kalender_bulan span{
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#763f00;
}
#kalender_body{
	background:transparent url(/img/layout/calender_day.jpg) no-repeat 0 0;
	height:22px;
	width:182px;
	display:block;
}
#kalender_content{
	background:transparent url(/img/layout/calender_content.jpg) no-repeat 0 0;
	height:125px;
	width:183px;
	display:block;
}
#calendar_wrapper {
	float:left;
	background:#909;
	width:200px;	
}
#calendar{
	float:left;
	background:#fdca00;
	width:182px;
}
#calendar .chari{
	/*
	background:#c6c url(/img/layout/bg_hari_calendar.jpg) no-repeat 0 1px;
	height:20px;
	*/
}
#calendar td.center{
	height:15px;
	background:#fde584;
	color:#000;
	text-align:center;
}
#date_wrapper{
	float:left;
}


#bagian_bawah{
	float:left;
	margin-left:7px;
}
#support{
	background:transparent url(/img/layout/support_body.jpg) no-repeat 0 0;
	height:88px;
	width:868px;
	display:block;
	margin-top:-2px;
	padding:17px 7px 5px 35px;
}
#footer{
	background:#EEEEEE none repeat scroll 0 0;
	height:80px;
	width:885px;
}
.tengah{text-align:center;}
#logo_rank{margin-left:20px;width:100px; height:450px; display:block; float:left;}
#data_rank{margin-left:130px;width:315px; height:200px; display:block; float:none;}
.rank_logo{height:95px; margin-top:3px;}
.rank_content{height:95px; background:#EEEEEE none repeat scroll 0 0; margin-top:3px;}
.logokiri{
	float:left;text-align:right; width:200px;
	margin-top:10px;
}
.logokanan{
	float:left;width:650px;
}
.logokanan1{
	float:left; text-align:center; width:500px;
}
.logokanan2{
	float:left;width:150px; margin-top:10px;
}
#catatan_siboy{
	float:left; font-size:17px; font-weight:bold; color:#000000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	height:30px; width:490px;
}
#catatan_siboy span{
	top:30%;
	left:3%;
	position:relative;
}
/*****************************/
.tombolan{ 
	background:transparent url(/img/layout/tombol_off.jpg) no-repeat scroll 0 0;
	width:200px;
	height:50px;
	display:block;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-align:center;
}
.tombolan a span{
	text-decoration:none;
	text-align:center;
	top:30%;
	left:10%;
	position:relative;
	color:#fff;
}
.tombolan a{
	text-decoration:none;
	text-align:center;
}
.tombolan a:hover{
	background:transparent url(/img/layout/tombol_on.jpg) no-repeat scroll 0 0;
	width:200px;
	height:50px;
	display:block;	
}
#info_voucher{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/voucher-off.jpg) no-repeat scroll 0 0;
}
#info_voucher:hover{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/voucher-on.jpg) no-repeat scroll 0 0;
}
#info_dvd{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/dvd-off.jpg) no-repeat scroll 0 0;
}
#info_dvd:hover{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/dvd-on.jpg) no-repeat scroll 0 0;
}

#info_download{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/Dload-off.jpg) no-repeat scroll 0 0;
}
#info_download:hover{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/Dload-on.jpg) no-repeat scroll 0 0;
}

#info_guide{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/Guide-off.jpg) no-repeat scroll 0 0;
}
#info_guide:hover{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/Guide-on.jpg) no-repeat scroll 0 0;
}

#info_gm{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/GM-off.jpg) no-repeat scroll 0 0;
}
#info_gm:hover{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/GM-on.jpg) no-repeat scroll 0 0;
}

#info_war{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/war-off.jpg) no-repeat scroll 0 0;
}
#info_war:hover{
	height:50px;
	width:200px;
	display:block;
	background:transparent url(/img/layout/tombol/war-on.jpg) no-repeat scroll 0 0;
}

/*************************************************/
#info_wrapper{
	float:right;
	width:262px;
}
#gallery_wrapper{
	float:right;
	width:262px;
}
#community_wrapper{
	float:right;
	width:235px;
	height:auto;
}
/********************/
.info_body_right{background:url(/img/layout/ecoinfo_side.jpg) 100% 0 no-repeat;width:262px;}
.info_body_left{background:url(/img/layout/ecoinfo_side.jpg) 0 0 no-repeat;}
.info_buttom{background:transparent url(/img/layout/ecoinfo_buttom.jpg) no-repeat scroll 100% 100%;
height:auto; width:262px;}

.small_content{
	padding:2px 6px 5px;
	width:251px;
	height:auto;
}

.gallery_body_right{background:url(/img/layout/ecogalery_side.jpg) 100% 0 no-repeat;width:262px;}
.gallery_body_left{background:url(/img/layout/ecogalery_side.jpg) 0 0 no-repeat;}
.gallery_buttom{background:transparent url(/img/layout/ecogalery_buttom.jpg) no-repeat scroll 100% 100%;
height:auto; width:262px;}


.community_body_right{background:url(/img/layout/ecocommunity_side.jpg) 100% 0 no-repeat;width:224px;}
.community_body_left{background:url(/img/layout/ecocommunity_side.jpg) 0 0 no-repeat;}
.community_buttom{background:transparent url(/img/layout/ecocommunity_bottom.jpg) no-repeat scroll 100% 100%;
height:auto; width:224px;}


.tabs-wrapper .tabbed-body{clear:left; width:308px;}
.tabs-wrapper .tabbed-body .title-tab{width:305px;background:#EEE;display:block;height:24px;margin-top:3px;}
.tabs-wrapper .tabbed-body .title-tab span{line-height:2.3em;}
.tabs-wrapper .tabbed-body .title-tab .tabbed-icon{width:45px;float:left;}
.tabs-wrapper .tabbed-body .title-tab .tabbed-icon img{margin-top:4px;}
.tabs-wrapper .tabbed-body .title-tab .tabbed-title{width:200px;float:left;}
.tabs-wrapper .tabbed-head ul.tabs li.tab-current{background:url(/img/sheet/index/ecoinfo_head_current_bg.jpg) no-repeat 0 100%;}.tabs-wrapper .tabbed-head ul.tabs li.tab-current-commu{background:url(/img/sheet/index/ecommu_head_current_bg.jpg) no-repeat 0 100%;}.tabs-wrapper .tabbed-head ul.tabs li.tab-current a{color:#000;}.tabs-wrapper .tabbed-head ul.tabs li.tab-current-commu a{color:#FF0;}

#contents{
	padding:10px 5px 3px 3px;

}
.content_round{
background-color:#FFFFCC;
display:block;
width:680px;	
}
.download a{display:block;width:60px;height:25px;text-align:center;line-height:2.5em;background:red;color:#FFF;text-decoration:none;font-weight:bold;}.
download a:hover{background:green;}
#span_nav{display:block;height:14px;border-width:1px 0;border-style:solid;border-color:#666;margin-bottom:3px;}
#span_nav a{text-decoration:none;color:blue;}
#span_nav a:hover{font-weight:bold;}

/******************************************************************************************/
/*
	TOOLTIP TEXT
*/
span.tips{color:#00F;font-weight:bold;}
div.tooltip{background:transparent url(/img/layout/tips_black_arrow_IE.png) no-repeat scroll 0 0;width:180px;height:90px;font:normal 1.2em Tahoma;display:none;color:#000;padding:20px;}
div.tooltip,#ie8#fix{background:transparent url(/img/layout/tips_black_arrow_copy.png) no-repeat scroll 0 0;}
* html div.tooltip{background:#333;border:solid 2px #FFF;}
*:first-child+html div.tooltip{background:transparent url(/img/layout/tips_black_arrow_IE.png) no-repeat scroll 0 0;}
div.tooltip h4{font-size:1.2em;font-weight:bold;margin:0;padding:0;color:#000;font-size:bold;}
#calendar td.ctol {
	height:15px;
	background:#0ffd03;
	color:#000;
	text-align:center;
}

/***************************     PAGES ISI COINS        -******************/
a:link, a:visited{ color:#000000; text-decoration:none;}
a:hover,a:active { color:#e60012; text-decoration:none;}
.a2:link, .a2:visited{ color:#000000; font-size:14px; font-weight:bold;text-decoration: underline;}
.a2:hover,.a2:active { color:#e60012; font-size:14px;font-weight:bold;text-decoration: underline;}

.a3:link, .a3:visited{ color:#ffffff; font-size:12px; font-weight:bold;text-decoration:none;}
.a3:hover,.a3:active { color:#e60012; font-size:12px;font-weight:bold;text-decoration:none;}

td,th{font-size: 12px; font-family:Arial, Helvetica, sans-serif; border:0px solid #CCCCCC; border-collapse:collapse; padding:3px;}