/* ===== Кланы — регистратура и панель клана (clan.php), список кланов (clans_list.php).
   По шаблонам клуба clanpanel.html / main_clan.html: серый фон, Verdana 11–12px, заголовки #8f0000 Arial,
   обычные серые кнопки <input>, никаких рамок у значков. ===== */
.clan { font: 12px Verdana, Tahoma, Arial, sans-serif; color: #000; }
.clan h3 { color: #8f0000; font: bold 16px Arial, Verdana, sans-serif; text-align: center; margin: 6px 0 8px; }
.clan h4 { color: #8f0000; font: bold 15px Arial, Verdana, sans-serif; margin: 14px 0 5px; }
.clan input[type=button], .clan input[type=submit] { font: 11px Verdana, Tahoma, Arial, sans-serif; color: #000; border: 1px solid #777; background: #d8d8d8; padding: 1px 8px; margin: 2px 4px 2px 0; cursor: pointer; }
.clan input[type=button]:hover, .clan input[type=submit]:hover { background: #c8c8c8; }
.clan input[type=text], .clan select, .clan textarea { font: 11px Verdana, Tahoma, Arial, sans-serif; border: 1px solid #888; background: #fff; padding: 1px 3px; }
.clan input.clan-danger { color: #8f0000; }
.clan hr { border: 0; border-top: 1px solid #8a8a8a; margin: 8px 0; }
.clan-top { margin: 0 0 6px; }
.clan-about { margin: 0 0 8px; }
.clan-intro { margin: 0 0 8px; max-width: 560px; }
/* две колонки панели: слева кнопки главы и реликты, справа соклановцы */
table.clan-t { width: 80%; min-width: 640px; }
table.clan-t td.clan-l { padding-right: 16px; }
.clan-act { margin: 0 0 6px; line-height: 18px; }
.clan-note { font-size: 11px; color: #333; }
.clan-form { display: none; margin: 3px 0 8px 0; padding: 4px 6px; background: #dedede; border: 1px solid #b8b8b8; max-width: 380px; }
.clan-form.on { display: block; }
.clan-form form { margin: 0; }
.clan-relics { color: #555; }
table.clan-mem { background: #ededed; border: 1px solid #b8b8b8; }
table.clan-mem h4 { margin: 4px 0 6px; text-align: center; }
table.clan-mem td.clan-mem-note { border-top: 1px solid #c8c8c8; }
.clan-m { line-height: 17px; white-space: nowrap; text-align: left; }
.clan-lead { color: #8f0000; font-size: 10px; }
.clan-on { color: #080; font-size: 10px; }
.clan-off { color: #777; font-size: 10px; }
.clan-bottom { margin: 8px 0 4px; }
.clan-bottom form { display: inline; }
/* список кланов */
table.clan-list-t td, table.clan-list-t th { white-space: nowrap; }
.clan-count { margin: 6px 0 4px; }

/* выбор клановского знака из библиотеки клуба (24×15): текущий знак, поиск, прокручиваемая галерея */
.csp { margin: 4px 0 8px; max-width: 560px; }
.csp-cur { margin: 0 0 3px; }
.csp-cur img.ic-clan { border: 1px solid #999; }
.csp-name { color: #555; font-size: 10px; }
.csp-clear { font-size: 10px; color: #8f0000; margin-left: 6px; }
.csp-find { margin: 0 0 3px; font-size: 11px; }
.csp-grid { max-height: 150px; overflow-y: auto; background: #fff; border: 1px solid #999; padding: 3px; line-height: 0; }
.csp-i { display: inline-block; padding: 2px; margin: 1px; border: 1px solid transparent; line-height: 0; }
.csp-i:hover { border-color: #888; background: #e8e8e8; }
.csp-i.on { border-color: #8f0000; background: #f3dcdc; }
.csp-i img { display: block; }
.clan h3 img.ic-clan { vertical-align: -1px; margin-right: 6px; }
#cf-sign { max-width: 560px; }