/* Вкладки на странице правил.
   Три раздела вместо одной простыни: правила сайта, правила модерации,
   правила редакции. */

.rulezTabs {
	margin:0 0 22px 0;
	border-bottom:1px solid #ddd;
	line-height:normal;
}
.rulezTabs .rulezTab {
	display:inline-block;
	padding:9px 18px;
	margin:0 2px -1px 0;
	border:1px solid transparent;
	border-bottom:1px solid #ddd;
	color:#1073c6;
	font-size:14px;
	text-decoration:none;
}
.rulezTabs .rulezTab:hover {
	background:#fafafa;
	text-decoration:none;
}
.rulezTabs .rulezTab.active {
	border:1px solid #ddd;
	border-bottom:1px solid #fff;
	background:#fff;
	color:#333;
	cursor:default;
}

/* Скрытая панель именно display:none, а не высота:0 — иначе поиск браузера
   находит текст на неактивной вкладке и прокручивает в пустоту. */
.rulezPaneHidden { display:none; }

/* Таблица оснований и санкций.
   Собирается из настроек модерации, поэтому строк может стать больше —
   вёрстка не должна зависеть от их числа. */

.rulezTable {
	width:100%;
	border-collapse:collapse;
	margin:18px 0 16px 0;
	font-size:13px;
	line-height:18px;
}
.rulezTable th {
	text-align:left;
	padding:7px 10px;
	border-bottom:2px solid #ddd;
	color:#888;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
}
.rulezTable td {
	padding:9px 10px;
	border-bottom:1px solid #eee;
	vertical-align:top;
}
.rulezTable tr:hover td { background:#fafafa; }

/* Строка-заголовок раздела правил внутри таблицы */
.rulezTable .rulezTableSec td {
	padding:14px 10px 6px 10px;
	border-bottom:1px solid #ddd;
	background:#fff;
	color:#333;
	font-weight:bold;
}
.rulezTable .rulezTableSec:hover td { background:#fff; }

.rulezTable .rulezTableNum { width:1%; white-space:nowrap; }
.rulezTable .rulezTableNum a { color:#1073c6; }
.rulezTable .rulezTableWhen { width:1%; white-space:nowrap; color:#888; }

.rulezTable .rulezNote { color:#999; font-size:11px; line-height:15px; margin:2px 0 0 0; }
.rulezTable b { color:#c62828; }

@media (max-width: 640px) {
	.rulezTabs .rulezTab { padding:8px 10px; font-size:13px; }
	/* Узкий экран: таблица прокручивается сама, а не ломает страницу */
	.rulezTable { display:block; overflow-x:auto; }
}