.navigation_profile{
	width:550px;
	height:15px;
	text-align:left;
	margin-left:10px;
	margin-top:1px;
	float:left;
}
.navigation_profile a{
	color:#933;
	font-weight:bolder;
	text-decoration:none;
	padding:1px 5px;
}
.navigation{
	background:#FFF;
	width:200px;
	height:15px;
	text-align:left;
	margin-left:2px;
	margin-top:1px;
	float:left;
}
.navigation ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	text-decoration:none;
	display:block;
	background:#FFF;
	width:280px;
	height:40px;
	margin-left:15px;
}
.navigation li{
	text-decoration:none;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	/*background-color:#EEE;*/
	padding:1px 5px;
}
.navigation a{
	color:#933;
	font-weight:bolder;
	text-decoration:none;
	padding:1px 5px;
}

/**********************************    TABS   *****************************************/
.tabs-wrapper .tabbed-body{clear:left; width:270px;}
.tabs-wrapper .tabbed-body .title-tab{width:513px;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:394px;float:left;}
.tabs-wrapper .tabbed-head ul.tabs li.tab-current{}.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;}
#all, #news, #events, #patches{
	width:253px;
	height:auto;
	margin:0px;
	padding:0px;
}
.tabs-wrapper .tabbed-body{clear:left; width:202px;}
.tabs-wrapper .tabbed-body .title-tab{width:202px;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:130px;float:left;}
.tabs-wrapper .tabbed-head ul.tabs li.tab-current{}.tabs-wrapper .tabbed-head ul.tabs li.tab-current-commu{}.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;}

#screenshot {
	height: auto;width:202px;  margin-left:0px;
}
#wallpaper {
	height: auto;width:202px;margin-left:0px;
}
/****** ++++++++++++++++++++ PHOTO ++++++++++++++++++++ *************************/
.photo {
	height:130px;
	width:640px;
	margin-left:0px;
	padding-top: 5px;
	
}
.photoblock{
	border-bottom-style:double;
	border-left-style:double;
	border-right-style:double;
	border-top-style:double;
	border-color:#CCC;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	width:140px;
}

.greyborder {
	border-color: #CCCCCC;
	border-style: solid;
}
.imgbox{
	border:1px solid #CCCCCC;
	width:110px;
	height:72px;
	display: block;
	text-align:left;
	margin-left:10px;
}
.imgbox img{
	width:73%;
	margin:3%;
}
.phototext {
	display: block;
	height: 95px;
	float: left;
	margin-left: 3px;
	width: 110px;
}
.sparator {
	width: 20px;
	float: left;
}
.paging{
	text-align: center;
}
.itemmall{
	font-size:12px; font-family:Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold; text-align:center; text-decoration:none;
	font:bold;
}
.itemall img{
	margin-top:10px;
}

.ecorank_head_right{background:url(/img/pages/rangking/rank_right.png) 100% 0 no-repeat;width:730px;}
.ecorank_head_left{background:url(/img/pages/rangking/rank_left.png) 0 0 no-repeat; width:730px;}
.ecorank_head_mid{background:url(/img/pages/rangking/rank_mid.png) 0 0 repeat-x;width:704px;height:27px;margin:0 0 0 10px;}
.tabel_galery{
	width:250px;
}
/********************* RANGKING *************************/
#rank_wrapper{clear:both; margin-top:10px; font-family:Tahoma,Verdana,Arial;text-align:left; height:670px;
	background:#ffffcc; width:495px;}
.ecorank_head_mid{
	background:url(/img/pages/rangking/rankboard01.jpg) 0 0 repeat-x;
	width:470px;height:27px;}
.bg_ket{
	width:470px; height:15px;
	background-image:url(/img/sheet/index/ecowall_head_bg_mid.jpg) no-repeat;
}
.ket_rank{	font-size:14px; font-family:Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold; text-align:right; text-decoration:none;font:bold; margin-right:10px;
	}
#logo_rank{margin-left:20px;width:100px; height:450px; display:block; float:left;}
.rank_logo{height:95px; margin:15px 5px 0 0;}
#data_rank{margin-left:130px;width:315px; height:200px; display:block; float:none;}
.rank_list{
	height:96px;
	width:365px;
	display:block;
	float:left;
	margin:5px 3px 3px;
}
.rank_content{height:95px; background:#EEEEEE none repeat scroll 0 0; margin-top:3px; width:180px; float:left;}
.rank_content2{height:95px; background:#EEEEEE none repeat scroll 0 0; margin-top:3px; width:180px; float:right;}
.rangking {
    /*font:bold 1em Arial,Verdana,Helvetica,sans-serif;*/
    list-style:none;
    margin: 10px 0 0 7px;
    position:absolute;
    padding:0;
    text-align:left;
    width:162px;
}
.rangking li{
	/*background:#EEEEEE none repeat scroll 0 0;*/
	display:block;
	height:15px;
	width:170px;
}
/*************************** END ***********************/

.saga_menu_right{background:url(/img/pages/saga/bg-r.jpg) 100% 0 no-repeat;width:652px;margin-top:10px;}
.saga_menu_left{background:url(/img/pages/saga/bg-l.jpg) 0 0 no-repeat;}
.saga_menu_mid{background:url(/img/pages/saga/bg-m.jpg) 0 0 repeat-x;width:625px;height:50px;margin:0 0 0 14px;}
.saga_menu_mid ul{list-style:none;margin:0;padding:15px 0 0 0;width:625px;}
.saga_menu_mid ul li{float:left;text-align:center;font-weight:bold;color:#FFF;}
.saga_menu_mid ul li a{text-decoration:none;color:#FFF;font-size:1.2em;}
.saga_menu_mid ul li a:hover{color:yellow;}
table.chr td{vertical-align:top;padding:0 5px;}
table.chr td.chrHead{text-align:center;background:#360;color:#FFF;}
table.chr td.chrKet{text-align:center;background:#DDD;}
table.job{border:1px solid #333;}
table.job th,table.job td{vertical-align:middle;border-bottom:1px solid #999;padding:0 16px 0 16px;}
table.job a{color:#FFF;text-decoration:none;}
table.job a:hover{text-decoration:underline;}
table.job .fighter{background:#cb0f0e;color:#FFF;}
table.job .spelluser{background:#0000c8;color:#FFF;}


/******************************************************************************************/
#system-lavalamp{overflow:hidden;position:relative;width:400px;list-style:none;padding:0 20px;margin:0 0 0 25px;}
#system-lavalamp li{float:left;}#system-lavalamp li.backLava{background:transparent url(/img/layout/slider_t_l.gif) no-repeat scroll 0 2px;position:absolute;}
#system-lavalamp li.backLava .leftLava{background:transparent url(/img/layout/slider_t_r.gif) no-repeat scroll 100% 2px;height:100%;}
#system-lavalamp li.backLava .cornerLava{background:transparent url(/img/layout/slider_b_r.gif) no-repeat scroll 100% 100%;height:24px;width:24px;position:absolute;right:0;bottom:0;}
#system-lavalamp li.backLava .bottomLava{background:transparent url(/img/layout/slider_b_l.gif) no-repeat scroll 0 100%;position:absolute;bottom:0;left:0;height:24px;width:100%;}
#system-lavalamp li a{font:italic normal bold 1.2em Arial;display:block;float:left;outline-style:none;color:#000;overflow:hidden;padding:13px;position:relative;text-align:center;text-decoration:none;z-index:10;}
#system-lavalamp li a:hover{color:red;}

/****** ++++++++++++++++++++ SYSTEM ++++++++++++++++++++ *************************/
.boxyChild{width:650px;height:400px;overflow:auto;}.boxyChild img{margin:10px;}
.boxyChild ul{font-size:1.1em;}.boxyChild ul ul{font-size:1em;}
.jobChild_c{clear:left;width:310px;text-align:justify;float:left;}
.jobChild_n{float:left;}


/*************************************************************************************/
/*
	****************** ITEM MALL *********************
*/
.items_head_right{background:url(/img/sheet/index/ecoinfo_head_bg_right.jpg) 100% 0 no-repeat;width:650px;}
.items_head_left{background:url(/img/sheet/index/ecoinfo_head_bg_left.jpg) 0 0 no-repeat;}
.items_head_mid{background:url(/img/sheet/index/ecoinfo_head_bg_mid.jpg) 0 0 repeat-x;width:630px;height:27px;margin:0 0 0 10px;}
#items_wrapper{font-family:Tahoma,Verdana,Arial;text-align:left;clear:both;}
.tabs-wrapper .tabbed-head{margin-bottom:5px;}
.tabs-wrapper .tabbed-head ul.items.tabs{list-style:none;margin:1px 0 0 0;padding:0;float:right;}
.tabs-wrapper .tabbed-head ul.items li{float:left;background:url(/img/sheet/index/ecommu_head_current_bg.jpg) no-repeat 0 0;width:113px;height:14px;margin:0 5px;text-align:center;}
.tabs-wrapper .tabbed-head ul.items li a{text-decoration:none;color:#FFF;font:normal bold 1.4em Arial;}
* html .tabs-wrapper .tabbed-head ul.items li a{font:normal bold 1.1em Arial;}
.batas{
	border-left:1px solid #E2E7B4;
	border-right:1px solid #E2E7B4;
	border-bottom:1px solid #E2E7B4;
	border-top:1px solid #E2E7B4;
}
.tulisanitem{
	border-left:1px solid #E2E7B4;
	border-right:1px solid #E2E7B4;
	border-bottom:1px solid #E2E7B4;
	border-top:1px solid #E2E7B4;	
	font-size:14px; font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold; text-align:center; text-decoration:none;
	font:bold; color:#236204;
}
.tabs-wrapper .tabbed-head ul.bcd li{float:left;background:url(/img/items/items_head_current_bg.jpg) no-repeat 0 0;width:60px;height:14px;margin:0 6px;text-align:center;font-size:0.6em;}
.tabs-wrapper .tabbed-head ul.tabs li.tab-current-items{background:url(/img/items/items_head_current_bg.jpg) no-repeat 0 100%;}
.tabs-wrapper .tabbed-head ul.tabs li.tab-current-items a{color:#000;}
/*************************************************************************************/
/*
All TAB SUPPORT
*/
.tabs-wrapper .tabbed-head{margin-bottom:3px;}
.tabs-wrapper .tabbed-head ul.tabs{list-style:none;margin:2px 0 0 0;padding:0;float:right;}
.tabs-wrapper .tabbed-head ul.abc.tabs{list-style:none;margin:1px 0 0 0;padding:0;float:left; width:235px;}
.tabs-wrapper .tabbed-head ul.tabs li{float:left;background:url(/img/sheet/index/ecoinfo_head_current_bg.jpg) no-repeat 0 0;width:72px;height:15px;margin:0 5px;text-align:center;}
.tabs-wrapper .tabbed-head ul.abc li{float:left;background:url(/img/sheet/index/ecommu_head_current_bg.jpg) no-repeat 0 0;width:95px;height:14px;margin:0 0;text-align:center;}
.tabs-wrapper .tabbed-head ul.tabs li a{text-decoration:none;color:#666;font:normal bold 1.4em Arial;}
* html .tabs-wrapper .tabbed-head ul.tabs li a{font:normal bold 1.25em Arial;}
.tabs-wrapper .tabbed-head ul.abc li a{text-decoration:none;color:#FFF;font:normal bold 1.4em Arial;}
.tabs-wrapper .tabbed-head ul.aaa li a{text-decoration:none;color:#FFF;font:normal bold 1.4em Arial;}
* html .tabs-wrapper .tabbed-head ul.abc li a{font:normal bold 1.1em Arial;}
.tabs-wrapper .tabbed-body{clear:left; width:520px; overflow:hidden;}
.tabs-wrapper .tabbed-body .title-tab{width:250px;background:#EEE;display:block;height:22px;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:198px;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;}

.tabs-wrapper .tabbed-head-gallery{margin-bottom:3px;}
.tabs-wrapper .tabbed-head-gallery ul.tabs{list-style:none;margin:2px 0 0 0;padding:0;float:right;}
.tabs-wrapper .tabbed-head-gallery ul.tabs li{float:left;background:url(/img/sheet/index/ecoinfo_head_current_bg.jpg) no-repeat 0 0;width:72px;height:15px;margin:0 5px;text-align:center;}
.tabs-wrapper .tabbed-head-gallery ul.tabs li a{text-decoration:none;color:#666;font:normal bold 1.4em Arial;}
* html .tabs-wrapper .tabbed-head-gallery ul.tabs li a{font:normal bold 1.25em Arial;}
* html .tabs-wrapper .tabbed-head ul.abc li a{font:normal bold 1.1em Arial;}
.tabs-wrapper .tabbed-body-gallery{clear:left; width:520px;}
.tabs-wrapper .tabbed-body-gallery .title-tab{width:250px;background:#EEE;display:block;height:24px;margin-top:3px;}
.tabs-wrapper .tabbed-body-gallery .title-tab span{line-height:2.3em;}
.tabs-wrapper .tabbed-body-gallery .title-tab .tabbed-icon{width:45px;float:left;}
.tabs-wrapper .tabbed-body-gallery .title-tab .tabbed-icon img{margin-top:4px;}
.tabs-wrapper .tabbed-body-gallery .title-tab .tabbed-title{width:198px;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;}

/**********************************************************************************************/
.message {
    font: bold 1.1em Arial;
    color: red;
    padding: 10px;
}
#UserLoginForm .input {
    padding: 10px;
}
#UserLoginForm .input label {
    width: 80px;
    display: block;
    float: left;
    padding-top: 4px;
}
#UserLoginForm .submit {
    padding-left: 90px;
}