/* character card */

.character-card {
	position: absolute;
}



.character-card,

.character-card a.click-area { display: block; width: 337px; height: 90px; }

.character-card .message .character .achievement-score { display: none; }

.ko-kr .character-card a.click-area { font-size:13px; }

.ko-kr .character-card a.click-area .inner { line-height:150%; }



.character-card .avatar-frame { position: absolute; right: -4px; top: 0; }

.character-card .avatar-frame span { position: absolute; }

.character-card .avatar-frame,

.character-card .avatar-frame .border { display: block; width: 90px; height: 90px; }

.character-card .avatar-frame .avatar,

.character-card .avatar-frame .no-avatar { display: block; width: 70px; height: 70px; position: relative; left: 11px; top: 8px; border-radius: 25px; }

.character-card .avatar-frame .no-avatar { background: url("../images/avatar-silhouette.jpg") no-repeat; }

.character-card .avatar-frame .border { background: url("../images/avatar-border.png") no-repeat; left: 0; top: 0; }

.ie .character-card .avatar-frame .border { background-image: url("../images/avatar-border.gif"); }

.character-card .avatar-frame .icon { width: 28px; height: 28px; position: absolute; bottom: 5px; right: 5px; background: url("../images/game-icons.png") no-repeat; }

.ie6 .character-card .avatar-frame .icon { background-image: url("../images/game-icons.gif"); }

.character-card .avatar-frame .icon-sc2 { background-position: 0 -28px; }

.character-card .avatar-frame .icon-wow { background-position: 0 -56px; }

.character-card .player-name { display: block; font-weight: bold; color: #000000; font-size: 13px; }

.cjk .character-card .player-name { font-weight:normal }

.character-card .player-name .empty { display: block; padding-top: 10px; }

.character-card .guild-name { display:block; color:#333; width: 200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.character-card .guild-name:hover { color: #000 }

.character-card .message { padding: 18px 90px 0 43px; }

.character-card .message .view-d3-profile,

.character-info .view-d3-profile { display:block; color:#613916; font-weight:bold; font-size:13px }

.cjk .character-info .view-d3-profile { font-weight:bold }

.character-info .view-d3-profile { color: #95856A; font-size: 11px; margin-top: 5px; }

.character-card .message .view-d3-profile:hover,

.character-info .view-d3-profile:hover { color: #FFFFFF; }

.character-card .click-area:hover .character-name { color: #000000; }

.character-card .character .character-name { font-size: 18px; color: #8b1209; font-weight: bold; line-height: 100%; background-position: 100% -20px; }

.character-card .character .character-name:hover { background-position: 100% -82px; color: #000; }

.character-card .character .character-name.name-small { font-size: 16px; }

.character-card .character .ui-context { top: 60px; left: 40px; }

.character-card a.click-area { font-size: 14px; background:url(../images/login-full.jpg) -3px -3px no-repeat }

.character-card a.click-area strong { color: #790905; }

.character-card a.click-area .inner { display: block; padding: 25px 95px 0 40px; color: #221103; font-weight: normal; }

.character-card a.click-area:hover { background-position:-3px -97px }

.character-card a.click-area:hover strong { color: #221103; }

.character-card a.click-area .ui-context .context strong { color: #FFFFFF; }

.opera .character-card .avatar-frame .border { background-image: url("../images/avatar-border.gif"); }
