/* reset */
body,h1,h2,h3,h4,h5,h6,div,p,hr,ol,ul,fieldset,form, input, button,dl,dt,dd{padding:0; margin:0}
#wrap, #wrap input, #wrap button, #wrap select, #wrap textarea, #wrap button
.innerBox {font-family:Tahoma, Arial Unicode MS, Arial, Times New Roman, Times, serif; font-size:12px; line-height:1.25em;color:#dfb99b}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal}
input,button{vertical-align:middle;}
hr{border:0 none; display:none}
img,fieldset,iframe{border:0 none}
ol,ul,li{list-style:none;}
table{border-collapse:separate; border-spacing:0;}
em,address, strong, th{font-weight:normal; font-style:normal}
button,label{cursor:pointer}
button{overflow:visible}
img{vertical-align:middle}

.blind, caption, legend {position:absolute; left:-1000%; top:0; width:1px; height:1px;font-size:0; line-height:0; overflow:hidden;visibility:hidden}
.hide{display:none}

a{color:#707070; text-decoration:none; cursor: pointer;}
a:hover,a:focus{color:#f96900;}


/* base */
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.hand { cursor:pointer; }

.txtRt { text-align:right; }
.txtCt { text-align:center; }
.txtJt { text-align:justify; }
.vMid { vertical-align:middle; }

.rf { float:right; }
.lf { float:left; }
.cBoth { zoom:1 }
.cBoth:after{ content:""; clear:both; display:block;}

.inputText { border:1px solid #453910; background-color:#000; }
.labelType { font-family:"Times New Roman", Times, serif; font-size:18px; color:#ff5400; line-height:1.25em; }

.textareaType01 { border:1px solid #453910; background-color:#000; resize: none; }

.textColor01 { color:#c08142; }
.textColor02 { color:#fbc48a; }

/* common layout */
#wrap { width:100%; background:#000 url(http://simg.gpotato.eu/rappelz/2012/common/bg/home_main_Epic8.jpg) no-repeat center top; }
#layoutCenter { position:relative; margin:0 auto; width:980px; }
#header { position:absolute; margin:0 auto; width:980px; height:274px;  }
#container { margin:0 auto; padding-top:262px; width:980px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_container_common.jpg) no-repeat left 219px; }
#footer { margin:0 auto; width:980px; font-family: Arial Unicode MS; font-size: 10px; }

#content { position:relative; }

.contsBody { clear:both; padding:0 11px 30px 11px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_conts_body.jpg) repeat-y left top; overflow:hidden; }
.contsBody_solid { clear:both; padding:0 0 65px 0; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_conts_body_btm.jpg) no-repeat left bottom; overflow:hidden; }

.contsBody_solid_dynamic { clear:both; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_conts_body_body.jpg) repeat-y left center; }
.contsBody_bottom_dynamic { clear:both; padding:0 0 65px 0; width:100%; height: 5px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_conts_body_btm.jpg) no-repeat left bottom; }

.article_solid { width:980px; padding-top:20px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_conts_body_top.jpg) no-repeat left top;}
.article_left { float:left; width:661px; }
.article_right { float:right; padding-top:1px; width:288px; }


/* common header */
#header h1 { margin:5px auto 0 auto; width:211px; height:163px; text-indent:-5000px; overflow:hidden; }
#header h1 a { display:block; width:211px; height:163px; }

.rappelz_openingText { 
	margin-top:10px;
	font-family:Times New Roman, Times, serif; 
	font-size:18px; 
	color:#ebde8c; 
	text-align:center;
	min-height: 15px;
}

#gnb { margin-top:12px; height:66px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_gnb.png) no-repeat left bottom; }
#gnb ul { padding-top:18px; text-align:center; word-spacing:-4px; letter-spacing:-4px; overflow:hidden; }
#gnb ul li { display:inline-block; word-spacing:normal; letter-spacing:normal; vertical-align:middle;margin-left:6%;}
#gnb ul li:first-child{margin-left:0}
*:first-child+html #gnb ul li { display:inline; zoom:1; }
#gnb ul li a { font-family:Times New Roman, Times, serif; font-size:18px; font-weight:bold; color:#edc661; line-height:1.25em; }
#gnb ul li a:hover { color:#ff5400; }
#gnb ul li a.on { color:#ff5400; }


/* common content */

/* sprites */
.pattern_lt, .pattern_rt, .pattern_lb, .pattern_rb, .sitemap dl dd a, .sitemap dl dd a:hover, .util_menu ul li , .location a.btn_moreGame, .btnDownload,
.headingType04, .headingType05, span.btnArrow, span.btnType03 a,span.btnType03 input,span.btnType03 button, span.btnType03.none a, .btn_videoPlay, .innerBox .btn_close a ,
.paging a.first, .paging a.first:hover, .paging a.prev, .paging a.prev:hover, .paging a.next, .paging a.next:hover, .paging a.last, .paging a.last:hover, .layer_cnts span.express_01 , .layer_cnts span.express_02,
.paging a.firstOff, .paging a.prevOff, .paging a.nextOff, .paging a.lastOff, .paging a.firstOff:hover, .paging a.prevOff:hover, .paging a.nextOff:hover, .paging a.lastOff:hover,
.quickLink ul li, .ico_new, .ico_up, .ico_down, .ico_same , .fanGallery .left,.fanGallery .right  {background: url(http://simg.gpotato.eu/rappelz/2012/common/bg/sprite_lines.png);}

.tabType01 li a,.tabType01 li a.on, .tabType02 li a, .tabType02 li a.on, .tabType03 li a ,.tabType03 li a.on, .tabType05 li a,.tabType05 li a.on, .tabType06  ul li a,.tabType06  ul li a span,.tabType06  ul li a.on,
.tabType06  ul li a.on span { background: url(http://simg.gpotato.eu/rappelz/2012/common/bg/sprite_buttons.png); }

/* outline */
.outlineCrack { padding-bottom:22px; width:661px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_outline_crack_btm.jpg) no-repeat left bottom; }
.outlineCrack_innerbox { padding:33px 15px 0 9px; width:637px; min-height:540px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_outline_crack_top.jpg) no-repeat left top; }

.outlineCrack_dynamic { width:661px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_outline_crack_body.jpg) repeat-y left center; }
.outlineCrack_bottom_dynamic { padding-bottom:22px; width:661px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_outline_crack_btm.jpg) no-repeat left bottom; }

.pattern_lt, .pattern_rt, .pattern_lb, .pattern_rb { position: absolute; width: 8px; height: 8px; background-repeat: no-repeat; overflow: hidden; }
.pattern_lt { left:4px; top:4px; background-position: 0 -20px;  }
.pattern_rt { right:4px; top:4px; background-position: -10px -20px; }
.pattern_lb { left:4px; bottom:4px; background-position: 0 -30px; }
.pattern_rb { right:4px; bottom:4px; background-position: -10px -30px; }


/* common footer */
.sitemap { clear:both; padding-bottom:22px; width:980px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_sitemap_bottom.jpg) no-repeat left bottom; }
.sitemap .innerBox { padding:0 13px 0 13px; width:954px; min-height:180px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_sitemap_top.jpg) no-repeat left top; text-align:center; }
.sitemap dl { display:inline-block; width:160px; vertical-align:top; }
*:first-child+html .sitemap dl { display:inline; zoom:1; }
.sitemap dl dt { 
	padding-top:10px;
	height:30px;
	font-family:Times New Roman, Times, serif; 
	font-size:12px; 
	color:#6b5e59;
	text-align:left;
}
.sitemap dl dd { 
	padding-top:1px;
	
	font-size:11px; 
	color:#746454;
	text-align:left;
	
}
/* .sitemap dl dd:hover { 
	
} */
.sitemap dl dd a { 
	padding-left:7px;
	font-size:11px; 
	color:#746454;
	background-repeat: no-repeat; background-position: -24px -152px;
}
.sitemap dl dd a:hover { 
	font-size:11px; 
	color:#be8f4b;  
	background-repeat: no-repeat; background-position: -24px -118px;
}

.footerMenu { position:relative; padding:13px 13px; overflow:hidden; }
.footerLogo { position:absolute; left:13px; top:13px; width:116px; height:38px; background:url(http://simg.gpotato.eu/common/icon/webzen_116x38.png) no-repeat left top; text-indent:-5000px; }
.footerLogo a { display:block; width:116px; height:38px; }
.footerDummy { height: 25px; }

.util_menu { text-align:center; }
.util_menu ul { word-spacing:-4px; letter-spacing:-4px; }
.util_menu ul li { display:inline-block; padding:0 8px; word-spacing:normal; letter-spacing:normal; background-repeat:no-repeat; background-position: 0 -228px; line-height:1.25em; }
.util_menu ul li.first { background:none; }
*:first-child+html .util_menu ul li { display:inline; zoom:1; background-position:0 7px; }
.util_menu ul li a { font-size:10px; color:#969696; }

.copyright { margin-top:5px; font-size:10px !important; color:#676767 !important; text-align:center; }
.copyright a { color:#676767;}

.serviceLogo { position:absolute; right:13px; top:13px; text-align:right; }
.serviceLogo a { display:inline-block; width:120px; height:32px; }


/*contnetBlind*/
.contnetBlind{position:absolute;top:0;left:0;width:100%; height:5000px; background:#000; opacity:0.9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);z-index:3000}

/* tabtype_01 type*/
.snsFans{width:280px; height:276px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_sns_fans.jpg) no-repeat; padding:4px; overflow:hidden}
.tabType01{width:282px;margin-left: -1px;}
.tabType01 li{float:left}
.tabType01 li a{display:block; background-repeat: no-repeat ;background-position: 1px -29px; width:139px;border-right:1px solid #000 ;1px;font-family:"Times New Roman", Times, serif;font-size: 100%; color:#8d7b6d; text-align:center; line-height:26px; height:26px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.tabType01 li:first-child a{width:140px}
.tabType01 li a.sFont{font-size:13px}
.tabType01 li a.on{background-repeat: no-repeat; background-position: 1px 0; color:#231601}
.snsArea{border:1px solid #b0771f; height:244px;width:278px; overflow:hidden}

/* tabtype_02 type*/
.tabType02{width:954px;overflow:hidden; margin-bottom:30px}
.tabType02{width:1000px}
.tabType02 li{float:left; margin-right:1px;} 
.tabType02 li a{display:block; background-repeat: no-repeat; background-position: -147px -29px; width:190px;font-family:"Times New Roman", Times, serif;font-size:13px; color:#8d7b6d; text-align:center; line-height:29px; height:29px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.tabType02 li a:hover { color:#fbc48a; }
.tabType02 li a.on{background-repeat: no-repeat; background-position:  -148px 0; color:#231601; }

/* tabtype_03 type*/
.tabType03{width:954px;overflow:hidden; margin-bottom:30px}
.tabType03{width:1000px}
.tabType03 li{float:left; margin-right:1px} 
.tabType03 li a{display:block; background-repeat: no-repeat; background-position: -148px -29px; width:190px;font-family:"Times New Roman", Times, serif;font-size:13px; color:#8d7b6d; text-align:center; line-height:29px; height:29px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.tabType03 li a.on{ background-repeat: no-repeat; background-position: -148px 0; color:#231601}

/* tabType04 */
.tabType04 { margin-top:20px; width:571px; overflow:hidden; }
.tabType04 { word-spacing:-4px; letter-spacing:-4px; overflow:hidden;  }
.tabType04 li { display:inline-block; word-spacing:normal; letter-spacing:normal; } 
.tabType04 li a { display:block; width:144px; height:28px; font-family:"Times New Roman", Times, serif; font-size:15px; color:#8d7b6d; text-align:center;  border-top:1px solid #1a1610; border-left:1px solid #1a1610; border-right:1px solid #1a1610; line-height:28px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_tab_02.png) repeat-x 0px 0px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.tabType04 li a:hover {height:28px; color:#fbc48a; text-align:center;  border-top:1px solid #1a1610; border-left:1px solid #1a1610; border-right:1px solid #1a1610; line-height:28px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_tab_02.png) repeat-x 0px 0px; }
.tabType04 li a.on { height:27px; font-family:"Times New Roman", Times, serif; font-size:15px; color:#000000; text-align:center; border-top:1px solid #d09335; border-left:1px solid #d09335; border-right:1px solid #d09335; line-height:27px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_tab_02.png) repeat-x 0px -32px; }
.tabType04 li a.first { border-left:0px solid #1a1610; }
.tabType04 li a.first:hover { border-left:1px solid #d09335; }

*:first-child+html .tabType04 li { display:inline; zoom:1 }

/* tabtype_05 type*/
.tabType05{width:282px;}
.tabType05 li{float:left}
.tabType05 li a{display:block; background-repeat: no-repeat; background-position: -352px -44px; width:140px;border-right:1px solid #000 ;1px;font-family:"Times New Roman", Times, serif;font-size:15px; color:#8d7b6d; text-align:center; height:29px; padding-top:14px; overflow:hidden;}
.tabType05 li a:hover { color:#fbc48a; }
.tabType05 li:first-child a{width:139px}
.tabType05 li a.sFont{font-size:13px;height:38px; padding-top:5px}
.tabType05 li a.on{background-repeat: no-repeat; background-position: -352px 0; color:#231601}

/* tabtype_06 type*/
.tabType06 {  }
.tabType06  ul { zoom:1; }
.tabType06  ul li { float:left; margin-right:1px; }

.tabType06  ul li a,.tabType06  ul li a span,.tabType06  ul li a.on,.tabType06  ul li a.on span { display:inline-block; padding-left:20px; background-repeat: no-repeat; }
.tabType06  ul li a {  min-width:124px; font-family:"Times New Roman", Times, serif; font-size:14px; color:#8d7b6d; text-align:center; background-position: -110px -149px; line-height:30px; }
.tabType06  ul li a span { min-width:104px; height:28px; background-position: -109px -420px ; }
.tabType06  ul li a.on { min-width:124px; background-position: -80px -149px; }
.tabType06  ul li a.on span {  min-width:104px; height:28px; color:#000; background-position: -109px -349px; }
.tabType06  ul li a.on:hover { color:#000; }
.tabType06  ul li a:hover{color:#d9b9a0;}
.tabType06  ul:after { content:""; display:block; clear:both; }

/* Outline Antic */
.acticOutline {position:relative;margin-top:18px;padding-bottom:4px;background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_abtic_outline_btm.jpg) no-repeat left bottom; overflow:hidden; }
.acticOutline .innerBox {background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_abtic_outline_middle.jpg) repeat bottom center; }


/* locaton */
.location { position:absolute; top:7px; left:11px; z-index:1; word-spacing:-4px; letter-spacing:-4px; width:100%; }
.location span { display:inline-block; height:32px; line-height:29px; font-size:14px; color:#e0a05a; word-spacing:normal; letter-spacing:normal; vertical-align:middle; }

.location span.step01 { background:url(http://simg.gpotato.eu/rappelz/2012/news/bg_loctaion_01.png) no-repeat; padding:0 4px 0 14px; }
.location span.step01 a { font-size:14px; color:#e0a05a; }

.location span.step02 { background:url(http://simg.gpotato.eu/rappelz/2012/news/bg_loctaion_02.png) no-repeat; padding:0 4px 0 24px; color:#f6c37a; }
.location span.step02_end { background:url(http://simg.gpotato.eu/rappelz/2012/news/bg_loctaion_02_end.png) no-repeat; padding:0 4px 0 24px; color:#ff7200; }
.location span.step02 a { font-size:14px; color:#f6c37a; }
.location span.step02_end a { font-size:14px; color:#ff7200; }

.location span.step03 { background:url(http://simg.gpotato.eu/rappelz/2012/news/bg_loctaion_03.png) no-repeat; padding:0 4px 0 24px; color:#f6d980; }
.location span.step03_end { background:url(http://simg.gpotato.eu/rappelz/2012/news/bg_loctaion_03_end.png) no-repeat; padding:0 4px 0 24px; color:#ff7200; }
.location span.step03 a { font-size:14px; color:#f6d980; }
.location span.step03_end a { font-size:14px; color:#ff7200; }

.location span.step04 { background:url(http://simg.gpotato.eu/rappelz/2012/news/bg_loctaion_04_end.png) no-repeat; padding:0 4px 0 21px; color:#ff7200; }
.location span.step04_end { background:url(http://simg.gpotato.eu/rappelz/2012/news/bg_loctaion_04_end.png) no-repeat; padding:0 4px 0 21px; color:#ff7200; }
.location span.step04 { font-size:14px; color:#ff7200; }
.location span.step04_end a { font-size:14px; color:#ff7200; }

.location a.btn_moreGame { display:inline-block; width:15px; height:15px; margin-right: 5px; border:1px solid #2e1e08; background-color:#37210a; background-repeat: no-repeat; background-position: -21px -181px; vertical-align:middle; }
.location a.btn_moreGame span { text-indent:-5000px; }

*:first-child+html .location span  { float:left; display:inline; zoom:1; }

/*selectBox*/
.selectForm{display:inline-block;*display:inline; *zoom:1;*z-index:50000;color:#685938; border:1px solid #685938; vertical-align:top; line-height:18px; background:#19150f;position:relative; top:5px; font-family:Tahoma, Arial Unicode MS, Arial, Times New Roman, Times, serif; font-size: 12px; }
.selectForm .selected{display:inline-block; padding-right:5px; background-repeat: no-repeat; margin:0 7px 0 7px;cursor:pointer;}
.selectFormlist{border:1px solid #685938;display:block;padding:4px; position:absolute;border-top:none;z-index:5000;background:#19150f;top:19px; left:-1px; overflow:auto; max-height: 300px; font-family:Tahoma, Arial Unicode MS, Arial, Times New Roman, Times, serif; font-size: 12px; }
.selectFormlist a{display:block;color:#685938;padding:0 1px; line-height:20px}
.selectFormlist a:hover{ background:#2a2319}

.selectForm2, .selectForm3{display:inline-block;*display:inline; *zoom:1;*z-index:50000;color:#685938; border:1px solid #685938; vertical-align:top; line-height:18px; background:#19150f;position:relative; top:5px;}
.selectForm2 .selected, .selectForm3 .selected{ padding-right:5px; background-repeat: no-repeat; margin:0 7px 0 7px;cursor:pointer;}
.selectForm2 .list, .selectForm3 .list{border:1px solid #685938;display:block;padding:4px; position:absolute;border-top:none;z-index:5000;background:#19150f;top:19px; left:-1px}
.selectForm2 .list a, .selectForm3 .list a{display:block;color:#685938;padding:0 1px; line-height:20px}
.selectForm2 .list a:hover, .selectForm3 .list a:hover{ background:#2a2319}

.btnDownload { display: inline-block; position: relative; width: 14px; height: 16px; margin:0 2px; background-repeat: no-repeat; background-position: -24px -205px; cursor:pointer;}

.selectForm3{font-family:Tahoma, Arial Unicode MS, Arial, Times New Roman, Times, serif; font-size: 12px;}
.selectForm3 .list{text-align: left;}

/* */

.btn_top_allgame { position: relative; float: right; height: 47px; color: #2c2823;  }
.btn_top_allgame .topBlock, .btn_top_allgame .bottomBlock { padding-left: 15px; padding-right:15px; border-left-style:solid; border-right-style:solid; border-width:1px; }
.btn_top_allgame .topBlock {  background-color: #2c2823;  border-top-style:solid; border-bottom-style: none; border-color: #9a6b2d; border-bottom-color:transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; 
                             -webkit-border-top-left-radius: 5px;
                             -webkit-border-top-right-radius: 5px;
                             -moz-border-radius-topleft: 5px;
                             -moz-border-radius-topright: 5px; }
.btn_top_allgame .bottomBlock { margin: -1px 0 0 0; padding-top: -1px; background-color: #1a1610; border-top-style:none; border-bottom-style: solid; border-color: #9a6b2d; border-top-color:transparent; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
                             -webkit-border-bottom-left-radius: 5px;
                             -webkit-border-bottom-right-radius: 5px;
                             -moz-border-radius-bottomleft: 5px;
                             -moz-border-radius-bottomright: 5px; }
.btn_top_allgame li { height:23px; line-height:23px; }
.btn_top_allgame li span { display:block; text-align:center; }
.btn_top_allgame li a.top { font-size:12px; color:#746454;}
.btn_top_allgame li a.top:hover { color:#ffca88; }
.btn_top_allgame li a.allGameMenu { font-size:12px; color:#ff9600; }
.btn_top_allgame li a.allGameMenu:hover { color:#ff5400; }
.btn_top_allgame li a.allGameMenu .on { color:#ff5400; }

/* TrandingBox */
.holdTrendingBox h3 { padding: 11px 0 0 25px; }
.holdTrendingBox p { padding: 6px 0 0 25px; font-size: 12px; color: #c08142; line-height: 1.15em; }

/* headingType*/
.headingType01{color:#ff5400; font-size:22px; line-height:1.25em;font-family:"Times New Roman", Times, serif}
.headingType02{color:#ff5400; font-size:20px; line-height:1.25em;font-family:"Times New Roman", Times, serif}
.headingType03{color:#ff9500; font-size:20px; line-height:1.25em;font-family:"Times New Roman", Times, serif}
.headingType04{color:#ff9500; font-size:18px; line-height:1.25em;font-family:"Times New Roman", Times, serif; background-repeat: no-repeat; background-position: -60px -92px; padding-left:22px}
.headingType04 span{color:#ea803e}

.headingType05{color:#ff5400; font-size:18px; line-height:1.25em;font-family:"Times New Roman", Times, serif; background-repeat: no-repeat; background-position: -60px -92px; padding-left:22px}
.headingType05 span{color:#ea803e; }

.headingType06{color:#ff5400; font-size:18px; line-height:1.25em;font-family:"Times New Roman", Times, serif; }
.headingType06 span{color:#ea803e}

.btn_gamePlay a, .btn_gamePlay_normal a {font-family:Times New Roman, Times, serif; }

/* button type*/
span.btnType01{display:inline-block; border:1px solid #120e07; }
span.btnType01 a,span.btnType01 input,span.btnType01 button{display:inline-block;border:1px solid #a35b00; line-height:19px; height:20px;padding:0 16px; background:#4d2100;color:#ffba77;font-size:11px;}
span.btnType01 object, span.btnType01 embed {line-height:19px; }
span.btnType01 a:hover,span.btnType01 input:hover,span.btnType01 button:hover{text-decoration:none;border:1px solid #ff8d00;}
span.btnType01 input{line-height:14px;height:22px;padding:0 8px; cursor:pointer}
span.btnType01 button{line-height:14px;height:22px;padding:0 8px;}

span.btnType02{display:inline-block; border:1px solid #120e07; background:#4d2100;}
span.btnType02 a,span.btnType02 input,span.btnType02 button{display:inline-block;border:1px solid #a35b00; line-height:19px; height:20px;padding:0 10px 0 10px; background-color:#4d2100 ;color:#ffba77;font-size:11px;}
span.btnType02 a:hover,span.btnType02 input:hover,span.btnType02 button:hover{text-decoration:none;border:1px solid #ff8d00; }
span.btnType02 input{line-height:14px;height:22px;padding:0 20px 0 8px; cursor:pointer}
span.btnType02 button{line-height:14px;height:22px;padding:0 20px 0 8px;}
span.btnType02.none{filter:alpha(opacity=50); opacity:0.5; }
span.btnType02.none a{background-color:#3e2b1d ;background-repeat: no-repeat; background-position: 76px -91px; border:1px solid #79572d !important; color: #6d5638 !important;}

span.btnArrow { display: inline-block; position: relative; width: 10px; height: 10px; background-repeat: no-repeat; background-position: 4px -95px ; }

span.btnType03{display:inline-block; border:1px solid #120e07; background:#4d2100;}
span.btnType03 a,span.btnType03 input,span.btnType03 button{display:inline-block;border:1px solid #a35b00; line-height:19px; height:20px;padding:0 10px 0 21px; background-repeat: no-repeat; background-position: -16px -244px; color:#ffba77;font-size:11px;}
span.btnType03 a:hover,span.btnType03 input:hover,span.btnType03 button:hover{text-decoration:none;border:1px solid #ff8d00; }
span.btnType03 input{line-height:14px;height:22px;padding:0 8px 0 20px; cursor:pointer}
span.btnType03 button{line-height:14px;height:22px;padding:0 8px 0 20px;}
span.btnType02.none{filter:alpha(opacity=50); opacity:0.5; }
span.btnType03.none a{background-color:#3e2b1d; background-repeat: no-repeat; background-position: -16px -244px; border:1px solid #79572d !important; color: #6d5638 !important;}

span.btnType04, span.btnType05 {border:1px solid #110e08;  line-height:18px;}
span.btnType04 a, span.btnType05 a {display:inline-block;border:1px solid #b58c26; height:20px;line-height:20px; color:#ffca89; font-size:11px; padding:0 8px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_forum_btn.gif) repeat-x;}
span.btnType04 a{ background-position: 0 0;}
span.btnType05 a{ background-position: 0 -20px;}

span.btnType06 {display:inline-block; border:1px solid #110e08;  line-height:18px;}
span.btnType06 a{display:inline-block;border:1px solid #3f342d; height:20px;line-height:20px; background:#2a2421; color:#8d7b6d; font-size:11px; padding:0 8px; }

span.btnType_none a {filter:alpha(opacity=50); opacity:0.5; cursor:default;}
span.btnType_none a:hover { border-color:#a35b00; }

/* paging */
.paging {  } 

.paging { padding:15px 0; text-align:center; }
.paging a { 
	display:inline-block;
	_position:relative;
	padding:0;
	width:26px;
	height:26px;
	border:1px solid #000;
	background-color:#292929;
	color:#837b6d;
	font-family:Tahoma, AppleGothic, Sans-serif;
	font-size:12px;
	line-height:26px;
	text-decoration:none;
	overflow:hidden;
}
.paging a:hover { color:#ffca89; border:1px solid #ed7b00; background-color:#482205; }
.paging a.first, .paging a.first:hover, .paging a.prev, .paging a.prev:hover, .paging a.next, .paging a.next:hover, .paging a.last, .paging a.last:hover { background-color:#292929; background-repeat:no-repeat; }
.paging a.first { background-position: -25px -309px; } 
.paging a.first:hover { background-position:-25px -332px; } 
.paging a.prev { background-position: -64px -309px; }
.paging a.prev:hover { background-position: -64px -332px; }
.paging a.next { background-position: -106px -309px; }
.paging a.next:hover { background-position: -106px -332px; }
.paging a.last { background-position: -152px -309px; }
.paging a.last:hover { background-position: -152px -332px; }
.paging a.first, .paging a.prev, .paging a.next, .paging a.last { text-indent: -5000px; }
.paging a.first:hover, .paging a.prev:hover, .paging a.next:hover, .paging a.last:hover { background-color:#482205; }

.paging a.firstOff, .paging a.prevOff, .paging a.nextOff, .paging a.lastOff, .paging a.firstOff:hover, .paging a.prevOff:hover, .paging a.nextOff:hover, .paging a.lastOff:hover { background-color:#292929; background-repeat:no-repeat; text-indent:-5000px; }
.paging a.firstOff:hover, .paging a.prevOff:hover, .paging a.nextOff:hover, .paging a.lastOff:hover { border:1px solid #000; cursor: default; }
.paging a.firstOff { background-position: -25px -309px; }
.paging a.prevOff { background-position: -64px -309px; }
.paging a.nextOff { background-position: -106px -309px; }
.paging a.lastOff { background-position: -152px -309px; }
.paging a.firstOff:hover { background-position: -25px -309px; }
.paging a.prevOff:hover { background-position: -64px -309px; }
.paging a.nextOff:hover { background-position: -106px -309px; }
.paging a.lastOff:hover { background-position: -152px -309px;  }
.paging strong { 
	display:inline-block;
	_position:relative;
	padding:0;
	width:26px;
	height:26px;
	border:1px solid #9d5903;
	background:#482205; 
	color:#ffca89;
	font-family:Tahoma, AppleGothic, Sans-serif;
	font-size:12px;
	line-height:26px;
	text-decoration:none;
	overflow:hidden;
}
.page_infor { margin-top:3px; font-size:11px; color:#837b6d; }

/*quickLink*/
.quickLink{width:288px; height:182px; background:url(http://simg.gpotato.eu/rappelz/2012/community/bg_quick_link.gif) no-repeat; overflow:hidden}
.quickLink h3{padding:10px 0 0 16px;}
.quickLink ul{padding:0 10px; margin-top:5px}
.quickLink ul li{background-repeat: no-repeat; background-position: -140px -277px; border-top:1px solid #000;line-height:32px; height:32px; padding-left:19px;}
.quickLink ul li:first-child{border-top:none 0}
.quickLink ul li a{color:#dabaa0; font-size:11px; display:inline-block; width:249px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.quickLink ul li a:hover{color:#ea803d;}

/* most popual */
.PopularStories{width:280px;  background:url(http://simg.gpotato.eu/rappelz/2012/community/bg_mostPopual.gif) no-repeat; padding:4px; overflow:hidden; margin-top:23px}

.PopularStories_area{ border:1px solid #b0771f; height:245px;width:278px; overflow:hidden}

.PopularStories_list { padding:0 7px; }
.PopularStories_list li { padding:7px 0 10px 0; border-bottom:1px solid #08090a; line-height:1.15em; }
.PopularStories_list li.last { border:0; }
.PopularStories_list li .date { display:block; padding:0 5px; font-size:11px; color:#53453a; text-align:right;  }
.PopularStories_list li .cnts { display:block; padding:0 5px; font-size:11px; color:#dabaa0; text-align:left; height: 26px; overflow: hidden; }
.PopularStories_list li a{color:#dabaa0; font-size:11px;}
.PopularStories_list li a:hover{color:#ea803d;}

/* video play icon */
.btn_videoPlay { position:absolute; left:70px; top:47px; width:46px; height:46px; background-repeat: no-repeat; background-position: -119px -48px; overflow:hidden; z-index:10; cursor: pointer; }
.btn_videoPlay a { display:block; width:46px; height:46px; }


/* common layer popup type */
.layer_popup01 { position:absolute; padding:1px; border:1px solid #000000; background-color:#736546; z-index:3000; overflow:hidden; }
.layer_popup01 .innerBox { position:relative; padding:13px 21px 13px 21px; width:390px; border:1px solid #000000; background-color:#1a1610; }

.layer_popup02 { position:absolute; padding:1px; border:1px solid #000000; background-color:#736546; z-index:3000; overflow:hidden; min-width: 624px; }
.layer_popup02 .innerBox { position:relative; padding:38px 15px; border:1px solid #000000; background-color:#1a1610; }

.innerBox .btn_layer { margin-top:13px; text-align:center; }
.innerBox .btn_close { position:absolute; right:11px; top:11px; width:16px; height:16px; overflow:hidden; }
.innerBox .btn_close a { display:block; width:16px; height:16px; background-repeat: no-repeat; background-position: -25px -285px; text-indent:-5000px;  }

.layer_cnts { margin-top:27px; padding:20px; width:348px; text-align:center; border:1px solid #d09335; background-color:#110e0a; }
.layer_cnts span { display:inline-block; vertical-align:middle;  }
.layer_cnts span.express_text { max-width:290px; font-size:14px; color:#dabaa0; text-align:left; line-height:1.35em; }
.layer_cnts span.express_01 , .layer_cnts span.express_02 { margin-right:13px; background-repeat: no-repeat; overflow:hidden; }
.layer_cnts span.express_01 { width:25px; height:31px; background-position: -3px -3px; }
.layer_cnts span.express_02 { width:33px; height:50px; background-position: -1px -252px; }
.layer_cnts strong { color:#ea803e; }

.layer_cnts02 { padding:17px; border:1px solid #d09335; background-color:#110e0a; min-width: 535px; }
.layer_cnts02 label { display:block; margin-top:15px; }

.file_find {  }
.file_find .file_preview { clear:both; padding-top:10px; text-align:center; }
.file_find .file_preview img { width:168px; height:122px; text-align:center; border:1px solid #453910; overflow:hidden; }

.volume { margin-left:5px; color:#695c54; vertical-align:-5px; }
.volume strong { color:#ea803e; }
.volume02 { margin-left:5px; color:#695c54; vertical-align:-82px; }
.volume02 strong { color:#ea803e; }
.volume03 { margin-left:5px; color:#695c54; vertical-align:-10px; }
.volume03 strong { color:#ea803e; }

.text_advice_01 { margin-top:10px; color:#8d7b6d; line-height:1.35em; }
.text_advice_01 strong { color:#ea803e; }

/* Google+ button */
.gplusBtn {display:inline-block; position:relative; top: 0px;}

/* Rank - Jobs */
.class_icon { display:inline-block; margin-right:9px; width:15px; height:15px; vertical-align:middle; border:1px solid #08090a; }


.j100,.j101,.j102,.j103,.j110,.j111,.j112,.j113,.j114,.j200,.j201,.j202,.j203,.j210,.j211,.j212,.j213,.j214,.j300,.j301,.j302,.j303,.j310,.j311,.j312,.j313,.j314,.j120,.j121,.j122,.j123,.j124,.j220,.j221,.j222,.j223,.j224,.j320,.j321,.j322,.j323,.j324 { background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/sprite_icon.png); }
.j100 { background-position: 0 0; }
.j101 { background-position: 0 -21px; }
.j102 { background-position: 0 -42px; }
.j103 { background-position: 0 -63px; }
.j110 { background-position: 0 -84px; }
.j111 { background-position: 0 -105px; }
.j112 { background-position: 0 -126px; }
.j113 { background-position: 0 -147px; }
.j114 { background-position: 0 -168px; }
.j200 { background-position: 0 -294px; }
.j201 { background-position: 0 -315px; }
.j202 { background-position: 0 -336px; }
.j203 { background-position: 0 -357px; }
.j210 { background-position: 0 -378px; }
.j211 { background-position: 0 -399px; }
.j212 { background-position: 0 -420px; }
.j213 { background-position: 0 -441px; }
.j214 { background-position: 0 -462px; }
.j300 { background-position: 0 -588px; }
.j301 { background-position: 0 -609px; }
.j302 { background-position: 0 -630px; }
.j303 { background-position: 0 -651px; }
.j310 { background-position: 0 -672px; }
.j311 { background-position: 0 -693px; }
.j312 { background-position: 0 -714px; }
.j313 { background-position: 0 -735px; }
.j314 { background-position: 0 -756px; }
.j120 { background-position: 0 -189px; }
.j121 { background-position: 0 -210px; }
.j122 { background-position: 0 -231px; }
.j123 { background-position: 0 -252px; }
.j124 { background-position: 0 -273px; }
.j220 { background-position: 0 -483px; }
.j221 { background-position: 0 -504px; }
.j222 { background-position: 0 -525px; }
.j223 { background-position: 0 -546px; }
.j224 { background-position: 0 -567px; }
.j320 { background-position: 0 -777px; }
.j321 { background-position: 0 -798px; }
.j322 { background-position: 0 -819px; }
.j323 { background-position: 0 -840px; }
.j324 { background-position: 0 -861px; }


.ico_new, .ico_up, .ico_down, .ico_same { display: inline-block; position: relative; padding: 5px; background-repeat: no-repeat; }
.ico_new { background-position: -91px 0;  }
.ico_up { background-position: -66px 3px; }
.ico_down { background-position: -66px -30px; }
.ico_same { background-position: -67px -63px; }


.fanGallery .left,.fanGallery .right {display: inline-block; padding: 5px; height:15px; width:7px; background-repeat: no-repeat;}
.fanGallery .left {background-position:-76px -280px;}
.fanGallery .right {background-position:-93px -280px;}