/**
*  main
**/

#subSection { float: left; width: 190px; }
#content { float: left; width: 570px; margin: 0 10px; }
#infoSection { float: left; width: 190px; padding-bottom: 40px; }


#visualArea { border: 3px solid #c5c5c5; line-height: normal !important; }

.mainItems { margin: 25px 0 0; }
.mainItems h2 { position: relative; padding: 0 0 2px 8px; font-size: 1em; color: #333; border-bottom: 2px solid #bbb; }
.mainItems h2 a.more { position: absolute; top: 5px; right: 8px; }

.recentlyList { }
.recentlyList li { position: relative; width: 545px; height: 19px; padding: 6px 0 0 25px; border-bottom: 1px solid #e2e2e2; background: url('/img/img_common/bul_recently.gif') no-repeat 15px 11px; }
.recentlyList li img { vertical-align: middle; }
.recentlyList li span { font-weight: bold; font-family: verdana; font-size: .8em; color: #333; }
.recentlyList li em { position: absolute; top: 4px; right: 8px; font-family: verdana; font-size: .8em; letter-spacing: -1px; }
.recentlyList li.blankItem { text-align: center; background: none !important; }

.recentlyImages { width: 565px; margin: -5px 0 0; padding-left: 5px; overflow: hidden; }
.recentlyImages li { float: left; margin: 15px 5px 0; }
.recentlyImages li img { vertical-align: middle; }
.recentlyImages li p { margin: 0 0 5px; }
.recentlyImages li span { font-weight: bold; font-family: verdana; font-size: .8em; color: #333; }
.recentlyImages li.blankItem { float: none; height: 140px; padding-top: 115px; text-align: center; }

/* #clanRanking p { margin: 10px 0 0; } */
#clanRanking { }

#clanRankingTab { width: 550px; margin: 10px 10px 0; overflow: hidden; }
#clanRankingTab li { float: left; width: 275px; background: url('/img/img_common/tab_clanrank_off_r.gif') no-repeat 100% 0; }
#clanRankingTab li a { display: block; height: 23px; padding-top: 9px; font-weight: bold; text-decoration: none; text-align: center; background: url('/img/img_common/tab_clanrank_off_l.gif') no-repeat 0 0; }
#clanRankingTab li a span { font-weight: normal !important; font-size: 11px; }
#clanRankingTab li img { margin: -2px 0 0; vertical-align: middle; }
#clanRankingTab li.current { background-image: url('/img/img_common/tab_clanrank_on_r.gif'); }
#clanRankingTab li.current a { color: #333; background-image: url('/img/img_common/tab_clanrank_on_l.gif'); }

.clanRankingGraph { height: 137px; margin: 0 10px; padding: 15px 18px 0; font: 9px "arial"; background: url('/img/img_common/bg_clanranking.gif') no-repeat 0 0; }
#totalRanking { position: relative; width: 510px; height: 112px; }
#areaRanking  { display: none; position: relative; width: 510px; height: 112px; }
.tickLabels span { color: #ff0000; }
.tooltip { display: none; position: absolute; top: 0; left: 0; font: 10px "arial"; color: #fff600; background: url('/img/img_common/rank_r.gif') no-repeat 100% 0; }
.tooltip span { display: block; height: 13px; padding: 0 2px 0 3px; line-height: 13px; background: url('/img/img_common/rank_l.gif') no-repeat 0 0; }

dl.clanRankingInfo { height: 34px; margin: 5px 10px 0; padding-left: 10px; font-size: 11px; line-height: 34px; background: url('/img/img_common/bg_clanrankinfo.gif') no-repeat 0 0; overflow: hidden; }
dl.clanRankingInfo dt { float: left; padding-left: 10px; font-weight: bold; color: #333; }
dl.clanRankingInfo dd { float: left; padding: 0 10px; }
dl.clanRankingInfo dd.point { background: url('/img/img_common/bg_clanrankinfo_bar.gif') no-repeat 100% 11px; }

#newClanMember { margin: 0 0 10px; }
#newClanMember img { margin: -2px 0 0; vertical-align: middle; }
#newClanMember ul li { padding: 0 0 4px; }
#newClanMember ul li.blankItem { text-align: center; }

#karma2Notice  { }
#karma2Notice  ul li { padding: 0 0 1px 5px; background: url('/img/img_common/bul_main_notice.gif') no-repeat 0 6px; }

#clanMemberRank { margin: 10px 0 0; }
#clanMemberRank img { margin: -2px 0 0; vertical-align: middle; }
#clanMemberRank ul { background: url('/img/img_common/rank_no.gif') no-repeat 0 0; }
#clanMemberRank ul li { padding: 0 0 4px 15px; }
#clanMemberRank ul li.blankItem { text-align: center; }