@charset "utf-8";

body {
	color:#ac925b;
	font-family:"AppleGothic", Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:1.2;
	min-width:1025px;
	background-color:#000;
	background-repeat:repeat-y;
	background-position:50% 0;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_pattern.jpg');
}

/*layout*/
#container {
	background-repeat:no-repeat;
	background-position:50% 0;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_head.jpg');
}
#wrap {
}
#header {
	position:relative;
	overflow:hidden;
	height:377px;
}
#header .wrap {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
}
#body {
	width:1025px;
	margin:0 auto;
}
#body:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html #body { height:1%; }
* html #body { height:1%; }
#leftmenu {
	float:left;
	width:180px;
}
#leftmenu .login {
	position:relative;
	height:93px;
	padding-top:52px;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_left_login.jpg');
}
#leftmenu .login fieldset {
	padding-left:16px;
}
#leftmenu .login legend {
	position:absolute;
	left:-9999px;
	top:-9999px;
	font-size:0;
	line-height:0;
}
#leftmenu .login .intext {
	color:#663d13;
	font-size:11px;
	width:76px;
	height:17px;
	margin:-1px 0 4px;
	padding:2px 5px 0;
	border:1px solid #663c0d;
	background-color:#290000;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_input.gif');
}
*+ html #leftmenu .login .intext { margin-bottom:2px; }
* html #leftmenu .login .intext { margin-bottom:2px; }
#leftmenu .login .intext.id { background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_input_id.gif'); }
#leftmenu .login .intext.pass { background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_input_pass.gif'); }
#leftmenu .login .submit {
	position:absolute;
	left:108px;
	top:52px;
}
#leftmenu .login ul {
	padding-top:5px;
	padding-left:5px;
}
#leftmenu .login ul:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html #leftmenu .login ul { height:1%; }
* html #leftmenu .login ul { height:1%; }
#leftmenu .login ul li {float:left;}
#leftmenu .login ul li.end {
	padding-left:8px;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/img_forgotbar.gif');
}
#leftmenu .login .id_pass {
	color: #e38200;
	text-align: center;
	width: 140px;
}
#leftmenu .login .id_pass a {
	color: #e38200;
}
#leftmenu .login .welcome {
	text-align:center;
}
#leftmenu .login .welcome p {
	color:#ddab47;
	margin-bottom:8px;
}
#leftmenu .login .welcome p img{
	vertical-align:middle;
}
#leftmenu .login .welcome .btn_type1 {
	color:#999933 !important;
	font-weight:normal;
}
#leftmenu .login .welcome .btn_type1 span {
	color:#999933 !important;
	width:65px;
	padding-right:0;
	padding-left:0;
}
#leftmenu .register {
	height:81px;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_register.jpg');
}
#leftmenu .sidemenu .title img { vertical-align:top; }
#leftmenu .sidemenu ul.menu {
	padding:0 5px 15px;
	background-repeat:no-repeat;
	background-position:0 100%;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_left_menu.png');
}
#leftmenu .sidemenu ul.menu li {
	width:160px;
}
#leftmenu .sidemenu ul.menu a {
	color:#ac925b;
	display:block;
}
#leftmenu .sidemenu ul.menu a.depth {
	font-size:12px;
	line-height:24px;
	height:24px;
	padding-top:4px;
	padding-left:25px;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_left_menu_depth.jpg');
}

#leftmenu .sidemenu ul.menu .visible > a.depth,
#leftmenu .sidemenu ul.menu a.depth.visible,
#leftmenu .sidemenu ul.menu a.depth.selected
 {
	color:#ddab47;
	background-position:0 -28px;
}

#leftmenu .sidemenu ul.menu .depth1 .visible.child a
{
	background-position: 0 -42px;
}

#leftmenu .sidemenu ul.menu .depth2 .selected,
#leftmenu .sidemenu ul.menu .depth1 .selected
{
	color:#DDAB47;
}
#leftmenu .sidemenu ul.menu .depth1 li {
}
#leftmenu .sidemenu ul.menu .depth1 a {
	line-height:20px;
	height:20px;
	margin-left:24px;
	padding-left:12px;
	background-repeat:no-repeat;
	background-position: 0 -42px;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_left_menu_depth2.gif');
}
#leftmenu .sidemenu ul.menu .depth1 .child a {
	background-position: 0 6px;
}
#leftmenu .sidemenu ul.menu .depth1 a:hover {
	color:#ddab47;
	font-weight:bold;
}
#leftmenu .sidemenu ul.menu .depth2 {
	padding-top:4px;
	background-repeat:no-repeat;
	background-position:0 2px;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_left_menu_line.gif');
}
#leftmenu .sidemenu ul.menu .depth2 ul {
	padding-bottom:2px;
	background-repeat:no-repeat;
	background-position:0 100%;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_left_menu_line.gif');
}
#leftmenu .sidemenu ul.menu .depth2 li {
	padding-left:0;
}

#leftmenu .sidemenu .child .depth2
{
	display:none;
}
#leftmenu .sidemenu .visible.child .depth2
{
	display:block;
}

#leftmenu .sidemenu ul.menu .depth2 a {
	padding-left:12px;
	background-image:none;
}
#leftmenu .bnn li {
	padding-bottom:4px;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_left_bnn.png');
}
#leftmenu .bnn li.last {
	padding-bottom:7px;
}
#leftmenu .bnn li img { vertical-align:top; }
#content {
	float:left;
	min-height:650px;
	width:635px;
	padding:0 15px;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_headline.jpg');
}
#rightmenu {
	float:right;
	width:170px;
}
#rightmenu .bnn li {
	padding-bottom:8px;
	background-repeat:no-repeat;
	background-position:0 100%;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_right_bnn.gif');
}
#rightmenu .bnn li.last {
	padding-bottom:10px;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_right_last_bnn.gif');
}
#rightmenu .bnn li img { vertical-align:top; }
#footer {
	color:#857657;
	height:45px;
	padding-top:40px;
	background-repeat:no-repeat;
	background-position:50% 0;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_footer.jpg');
	text-align:center;
}
#footer .inner {
	text-align:left;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#footer .inner:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
#footer .gpotato { float:left; }
#footer address {
	font-style:normal;
	float:left;
	padding-left:32px;
}
#footer address small {
	font-size:10px;
}
#footer .sitemap {
	line-height:20px;
	float:left;
	width:auto;
	height:20px;
	margin-top:2px;
	margin-bottom:0;
	margin-left:10px;
	padding-left:1px;
	background-repeat:no-repeat;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_foot_sitemap.gif');
}
#footer .sitemap a {
	color:#857657;
	font-size:10px;
	display:inline-block;
	height:20px;
	padding-right:10px;
	padding-left:9px;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-image:url('http://simg.gpotato.eu/heroes/common/layout/bg_foot_sitemap.gif');
}
#footer .snail_game {
	display:inline;
	float:left;
	margin-top:-9px;
	margin-left:30px;
}

/*content*/
.headline h1 {
	text-align:center;
	padding-top:21px;
	height:56px;
}
.headline h2 {
	color:#935d00;
	font-size:14px;
	height:21px;
	margin-bottom:10px;
	padding-top:3px;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url('http://simg.gpotato.eu/heroes/fr/common/icon/h2.headline.png');
}
.headline h3 {
	color:#ddab47;
	font-size:11px;
	margin-bottom:3px;
}
.entry {
	margin-bottom:13px;
}
.entry p {
	font-size:11px;
	line-height:1.5;
	padding-bottom:16px;
}
.entry p strong {
	color:#ddab47;
}
.entry p span.img {
	display:block;
	padding:9px 0 7px;
}

/* layer */
h1.poptit	{padding:29px 0 35px 19px;}
div.screenlayer	{width:587px;height:504px;
               	 background:#251A0A url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_layer_screenshot.gif') no-repeat 0 0;}
div.videolayer	{width:367px;height:294px;background:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_layer_video.gif') no-repeat 0 0;}
div.lclose	{float:right;margin-top:-50px;padding-right:15px;}

div.screencon	{padding:0 0 10px 12px;position:relative;}
div.screencon	div.bgbox	
{
	width:500px;
	height:375px;
	background:url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_screenshot.gif') no-repeat 0 0;
	margin-left:25px;
	padding:4px;
}
div.screencon	span.larrow	{position:absolute;left:10px;top:170px;_margin-left:-37px;}
div.screencon	span.rarrow	{position:absolute;right:10px;top:170px;}
div.screenbtn	{text-align:right;padding-right:44px;}

/*div.videocon	img	{padding:4px 0 0 40px;}*/

/* ?�이?�맵 */
.sitemap {
margin-bottom:40px;
margin-left:-19px;
width:667px;
}
.sitemap:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
.sitemap dl {float: left; width: 199px; margin-left: 19px;margin-bottom:40px;min-height:200px;}
.sitemap dl dt {font-size: 0; line-height: 0;}
.sitemap dl.last { margin: 0;}
.sitemap dl ul li {clear: both;}
.sitemap dl ul li:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
.sitemap dl ul.depth01 li {
	height:1%;
	background: url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_menu.png') no-repeat 0 0;
}
.sitemap dl ul.depth01 li a {
	padding: 8px 0 10px 18px;
	display: block;
	color: #ddab47;
	font-weight: bold;
}
.sitemap dl ul.depth02 {
	padding: 4px 0 3px 0;
	background: url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_menu02.png') no-repeat 0 bottom;
}
.sitemap dl ul.depth02 li {background: none;}
.sitemap dl ul.depth02 li a {
	background: url('http://simg.gpotato.eu/heroes/fr/common/icon/square.menu.gif') no-repeat 0 8px;
	padding: 3px 0 5px 10px;
	margin-left: 18px;
	color: #ac925b;
	font-weight: normal;
}
.sitemap dl ul.depth02 li a.sub {float: left; width: 40%;display:inline;}
.sitemap dl ul.depth03 {float: left; width: 45%;}
.sitemap dl ul.depth03 li a {
	margin-left: 5px;
	color:#8b713a;
	background: url('http://simg.gpotato.eu/heroes/fr/common/icon/dash.menu.gif') no-repeat 0 9px;
}
.sitemap dl ul div.depth_wrap:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
*+ html .sitemap dl ul div.depth_wrap { zoom:1; }
* html .sitemap dl ul div.depth_wrap { zoom:1; }
.sitemap dl ul div.depth_wrap {
	padding-top:10px;
	background: url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_menu02.png') no-repeat 0 0;
}
.sitemap dl ul li.last {
	margin-bottom:5px;
	padding-bottom:5px;
	background: url('http://simg.gpotato.eu/heroes/fr/common/layout/bg_menu02.png') no-repeat 0 100%;
}

.mainnews .content
{
	height:125px !important;
	overflow:hidden;
}

.comingsoon
{
	background: url('http://simg.gpotato.eu/heroes/fr/community/img_comingsoon.jpg');
	width:628px;
	height:324px;
	margin:auto;
}

/* Popup Game Login */
#gameloginiframe{border:0; overflow:hidden; width:384px; height:248px;}
#gameloginframe{position:fixed; _position:absolute; z-index:2001; overflow:hidden; top:50%; margin-top:-124px; left:50%; margin-left:-192px;}
#gameloginframe_closebtn{width:20px; height:20px; top:10px; left:354px; position:absolute; cursor:pointer;}
.game_overlay{opacity:0.2 !important;}

.gallery_popup .prev, .gallery_popup .next {
	background-position:6px 183px;
	background-repeat:no-repeat;
	cursor:pointer;
	height:17px;
	opacity:0.8;
	padding:174px 8px;
	position:absolute;
	top:0 !important;
	width:22px;
}

.gallery_popup .screencon .next {
	background-image:url("http://simg.gpotato.eu/heroes/common/icon/arrow_right_on.etc.gif");
	background-position:12px 183px;
	left:544px;
}

.layer_box .screencon .next {
	position:absolute;
	right:7px;
	top:204px;
}

.gallery_popup .screencon .prev {
	background-image:url("http://simg.gpotato.eu/heroes/common/icon/arrow_left_on.etc.gif");
	left:4px;
}

.layer_box .screencon .prev {
	left:7px;
	position:absolute;
	top:204px;
}