/* ============================================================
   Скин форума moybb - мобильная версия
   Ориентир: мобильные сайты 2010-2012 на jQuery Mobile,
   имитирующие ранний iOS: глянцевые градиентные тулбары,
   серый фон, белые инсет-списки со скруглением и шевронами.
   Палитра синяя, как на десктопе (наследие IPB).
   ============================================================ */

body {
	margin: 0;
	padding: 0;
	background: #C5CCD3;
	color: #222222;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	-webkit-text-size-adjust: none;
}

img { border: 0; }
a { color: #2A4E8E; }

/* ===== Тулбар ===== */

.header {
	padding: 10px 12px 9px 12px;
	text-align: center;
	background: #3860BB;
	background: -webkit-gradient(linear, left top, left bottom, from(#5B84D0), color-stop(0.5, #3860BB), to(#2A4A96));
	background: -webkit-linear-gradient(top, #5B84D0, #3860BB 50%, #2A4A96);
	background: linear-gradient(to bottom, #5B84D0, #3860BB 50%, #2A4A96);
	border-bottom: 1px solid #1E3468;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
}

.header .site-name {
	display: block;
	font-size: 19px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.45);
}

.header .subscribe { display: block; margin-top: 2px; font-size: 11px; color: #D6E0F5; }
.header .subscribe a { color: #FFFFFF; }

/* ===== Полоса навигации: сегменты как в jQuery Mobile ===== */

.navstrip {
	overflow: hidden;
	padding: 7px 6px;
	background: #E3E6EB;
	background: -webkit-linear-gradient(top, #F2F4F7, #D7DBE1);
	background: linear-gradient(to bottom, #F2F4F7, #D7DBE1);
	border-bottom: 1px solid #9EA5AE;
}

.navstrip a {
	display: block;
	float: left;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 9px 4px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	background: -webkit-linear-gradient(top, #FDFDFE, #E4E8ED);
	background: linear-gradient(to bottom, #FDFDFE, #E4E8ED);
	border: 1px solid #A4ABB4;
	border-left-width: 0;
}

.navstrip a:first-child {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.navstrip a:last-child {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.navstrip a:active {
	background: -webkit-linear-gradient(top, #3860BB, #5B84D0);
	background: linear-gradient(to bottom, #3860BB, #5B84D0);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

/* ===== Страница ===== */

.content { padding: 12px 10px 4px 10px; }

h1 {
	margin: 4px 4px 7px 4px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	color: #4A5560;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

h2 {
	margin: 16px 4px 6px 4px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #4A5560;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

p { margin: 10px 4px; line-height: 1.5; }

/* ===== Таблицы движка превращаем в инсет-списки =====
   Разметка приходит с border="1" - гасим её здесь. */

table.forum-table {
	width: 100%;
	margin: 0 0 14px 0;
	border: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.22);
	box-shadow: 0 1px 2px rgba(0,0,0,0.22);
	overflow: hidden;
}

table.forum-table th { display: none; }
table.forum-table tr:has(th) { display: none; }

table.forum-table tr {
	display: block;
	position: relative;
	padding: 11px 34px 11px 12px;
	border: 0 !important;
	border-top: 1px solid #DADDE2 !important;
	background: -webkit-linear-gradient(top, #FFFFFF, #F4F5F7);
	background: linear-gradient(to bottom, #FFFFFF, #F4F5F7);
}

table.forum-table tr:first-child { border-top: 0 !important; }
table.forum-table tr:active { background: #3860BB; }
table.forum-table tr:active, table.forum-table tr:active a, table.forum-table tr:active small { color: #FFFFFF; }

/* Шеврон справа, как в списках jQuery Mobile */

table.forum-table tr:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 14px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 2px solid #A9B0B9;
	border-right: 2px solid #A9B0B9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

table.forum-table td {
	display: block;
	border: 0 !important;
	padding: 1px 0;
	font-size: 12px;
	color: #6E7681;
}

table.forum-table td:first-child {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	color: #1B2530;
}

table.forum-table td:first-child a { color: #1B2530; text-decoration: none; }
table.forum-table small { display: block; font-size: 12px; font-weight: normal; color: #8A929C; line-height: 1.4; }

/* Без шапки таблицы числа теряют смысл - подписываем их.
   Строки списка разделов не имеют ни class, ни id; строки списка тем
   помечены классом topic-row; строки сообщений - id="post-N". */

table.forum-table tr:not([class]):not([id]) td:nth-child(2):before,
table.forum-table tr.section-row td:nth-child(2):before { content: "Тем: "; color: #8A929C; }
table.forum-table tr:not([class]):not([id]) td:nth-child(3):before,
table.forum-table tr.section-row td:nth-child(3):before { content: "Сообщений: "; color: #8A929C; }
/* числа раздела в одну строку: «Тем: 6 · Сообщений: 9» */
table.forum-table tr.section-row td:nth-child(2),
table.forum-table tr.section-row td:nth-child(3) { display: inline-block; padding-right: 10px; }
table.forum-table tr.topic-row td:nth-child(2):before { content: "Ответов: "; color: #8A929C; }
table.forum-table tr.topic-row td:nth-child(3):before { content: "Последнее: "; color: #8A929C; }
table.forum-table tr.topic-row td:nth-child(3) small { display: inline; }

/* Закреплённая тема */

tr.topic-pinned {
	background: -webkit-linear-gradient(top, #FBFCFE, #E9EEF7) !important;
	background: linear-gradient(to bottom, #FBFCFE, #E9EEF7) !important;
}

.pinned-badge {
	display: inline-block;
	margin-right: 6px;
	padding: 2px 7px;
	background: #3860BB;
	background: -webkit-linear-gradient(top, #5B84D0, #2A4A96);
	background: linear-gradient(to bottom, #5B84D0, #2A4A96);
	border: 1px solid #23407F;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	vertical-align: 2px;
}

/* ===== Сообщения в теме =====
   Первый td (width=140) - карточка автора, ставим её шапкой сообщения. */

table.forum-table tr[id^="post-"] { padding-right: 12px; }
table.forum-table tr[id^="post-"]:after { display: none; }
table.forum-table tr[id^="post-"]:active { background: #FFFFFF; }

table.forum-table td[width="140"] {
	width: auto !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: -11px -12px 9px -12px;
	padding: 8px 12px;
	background: -webkit-linear-gradient(top, #F5F6F8, #E4E7EC);
	background: linear-gradient(to bottom, #F5F6F8, #E4E7EC);
	border-bottom: 1px solid #CFD3DA;
	min-height: 44px;
}

table.forum-table td[width="140"] img {
	float: left;
	width: 40px;
	height: auto;
	margin: 0 10px 0 0;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #B3BAC3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

table.forum-table td[width="140"] a {
	font-size: 16px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
}

.forum-usercard-stats {
	display: block;
	font-size: 11px;
	color: #8A929C;
	line-height: 1.35;
}

table.forum-table td[valign="top"] + td {
	clear: both;
	font-size: 15px;
	line-height: 1.55;
	color: #222222;
	word-wrap: break-word;
}

table.forum-table td hr {
	height: 1px;
	margin: 12px 0 5px 0;
	border: 0;
	background: #E1E4E9;
}

/* ===== Выдержки сообщений в профиле ===== */

.forum-post-excerpt {
	background: #FFFFFF;
	border: 1px solid #C4C9D0 !important;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 11px 12px !important;
	margin-bottom: 8px;
	line-height: 1.5;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.forum-post-excerpt a {
	font-size: 16px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
}

.forum-post-excerpt small { color: #8A929C; font-size: 11px; }
.forum-post-excerpt div { margin-top: 4px; font-size: 14px; color: #3C444E; }

/* ===== Формы ===== */

input[type="text"],
input[type="password"],
textarea,
select {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 11px 9px;
	margin: 4px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #FFFFFF;
	border: 1px solid #A9B0B9;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-appearance: none;
	color: #222222;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset;
}

textarea { line-height: 1.5; min-height: 120px; }

input[type="submit"],
input[type="button"] {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 13px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	border: 1px solid #23407F;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #3860BB;
	background: -webkit-gradient(linear, left top, left bottom, from(#5B84D0), to(#2A4A96));
	background: -webkit-linear-gradient(top, #5B84D0, #2A4A96);
	background: linear-gradient(to bottom, #5B84D0, #2A4A96);
	-webkit-appearance: none;
	cursor: pointer;
}

input[type="submit"]:active { background: #2A4A96; }

/* ===== Подвал ===== */

.footer {
	padding: 14px 12px 26px 12px;
	text-align: center;
	font-size: 11px;
	color: #6E7681;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

.footer a { color: #6E7681; }

/* ===== BB-коды в сообщениях: цитата, код, картинки, опросы ===== */

table.bb-quote, table.bb-code, table.bb-poll { width: 100% !important; margin: 8px 0; }
td.bb-quote-head, td.bb-code-head, td.bb-poll-head { font-size: 12px; color: #3A4F6C; }
pre.bb-pre { margin: 0; white-space: pre-wrap; word-wrap: break-word; font-size: 13px; }
a.bb-image img, table.bb-original img { max-width: 100%; height: auto; border: 1px solid #B3BAC3; -webkit-border-radius: 4px; border-radius: 4px; }
td.bb-poll-body label { font-size: 15px; }
i.bb-missing { color: #8A929C; }

/* ===== Быстрый ответ в теме (только для вошедшего в админку) ===== */

table.qr-users { width: 100%; margin: 6px 0 10px 0; }
table.qr-users td.qr-user { display: inline-block; width: 28% !important; margin: 0 2% 8px 0; padding: 6px 2px; vertical-align: top; font-size: 13px; background: #FFFFFF; border: 1px solid #C4C9D0; -webkit-border-radius: 8px; border-radius: 8px; }
table.qr-users td.qr-user img { width: 44px; height: 44px; -webkit-border-radius: 6px; border-radius: 6px; }
table.ed td.ed-bar input[type="button"], table.ed td.ed-bar select { display: inline-block; width: auto; margin: 2px; padding: 6px 8px; font-size: 13px; -webkit-border-radius: 4px; border-radius: 4px; }

/* ===== Поиск ===== */

.navstrip a { width: 50%; }
form.m-search { margin: 0; padding: 8px 8px 0 8px; }
form.m-search table { width: 100%; }
form.m-search input[type="text"] { margin: 0; }
form.m-search input[type="submit"] { display: inline-block; width: auto; margin: 0 0 0 6px; padding: 11px 14px; }
form.search-form input[type="submit"] { margin: 6px 0; }
span.search-snippet { display: block; margin-top: 3px; font-size: 13px; font-weight: normal; color: #3C444E; }
.search-hit { background: #FFF2A8; font-weight: bold; }

/* ===== Модерация (только для вошедшего в админку) ===== */

table.mod-bar { margin: 8px 0; }
table.mod-bar td { font-size: 13px; line-height: 1.6; }
table.mod-bar input[type="submit"] { display: inline-block; width: auto; margin: 4px 4px 4px 0; padding: 8px 10px; font-size: 14px; }
table.mod-bar input[type="text"], table.mod-bar select { margin: 4px 0; }
td.post-bar input.mod-delete { display: inline; width: auto; margin: 0; padding: 3px 8px; font-size: 12px; }
input.mod-check { width: 20px; height: 20px; vertical-align: middle; }
span.mod-links { font-size: 12px; }

/* ===== Расширенный поиск ===== */

table.search-box { width: 100%; }
table.search-box td.search-label { width: 1%; white-space: nowrap; vertical-align: top; padding-top: 14px; }
table.search-box label { font-size: 14px; line-height: 2; }
input.mod-check[type="radio"] { width: 18px; height: 18px; margin: 0 6px 0 0; }

/* ============================================================
   СООБЩЕНИЕ В ТЕМЕ: ОДНА КОЛОНКА (мобильная версия)
   Движок рисует сообщение таблицей: слева карточка автора
   (td.post-author, ширина 150 атрибутом), справа текст
   (td.post-body). На узком экране разворачиваем в столбик:
   сверху автор, под ним сообщение.
   ============================================================ */

/* Разворачиваем вложенные таблицы сообщения в блоки.
   Селекторы с > бьют только по каркасу сообщения и не трогают
   таблицы внутри текста (цитаты, код, опросы, картинки). */
table.post-list,
table.post-list > tbody,
table.post-list > tbody > tr,
table.post-list > tbody > tr > td,
table.post,
table.post > tbody,
table.post > tbody > tr,
table.post > tbody > tr > td,
table.post > tbody > tr > td > table,
table.post > tbody > tr > td > table > tbody,
table.post > tbody > tr > td > table > tbody > tr,
table.post > tbody > tr > td > table > tbody > tr > td {
	display: block;
	width: auto !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Карточка сообщения */
table.post {
	background: #FFFFFF !important;
	border: 1px solid #C4C9D0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 10px 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

table.post-list > tbody > tr > td { padding: 0 !important; }

/* Полоса с датой и номером сообщения остаётся в две ячейки */
td.post-bar {
	background-image: none !important;
	background: #DCE3EF !important;
	padding: 7px 12px !important;
	font-size: 12px;
	color: #3A4F6C;
	border-bottom: 1px solid #C3CBDA;
}

td.post-bar table,
td.post-bar table tbody,
td.post-bar table tr { display: table; width: 100%; }
td.post-bar table tbody { display: table-row-group; }
td.post-bar table tr { display: table-row; }
td.post-bar table td { display: table-cell; width: auto; }
td.post-bar a { color: #3A4F6C; text-decoration: none; }

/* 1. Автор: шапка сообщения */
td.post-author {
	background: #EEF2F7 !important;
	background: -webkit-linear-gradient(top, #F5F6F8, #E4E7EC) !important;
	background: linear-gradient(to bottom, #F5F6F8, #E4E7EC) !important;
	border-bottom: 1px solid #CFD3DA;
	padding: 10px 12px !important;
	overflow: hidden;
}

/* Аватар: у него таблица без атрибута width */
td.post-author > table:not([width]) {
	display: table;
	float: left;
	width: auto !important;
	margin: 0 10px 2px 0;
}

td.post-author > table:not([width]) tbody { display: table-row-group; }
td.post-author > table:not([width]) tr { display: table-row; }
td.post-author > table:not([width]) td { display: table-cell; width: auto !important; padding: 2px; }
td.post-author > table:not([width]) img { display: block; width: 44px; height: auto; }

/* Линейка-разделитель внутри карточки на узком экране не нужна */
td.post-author > table[width="100%"] { display: none; }

a.post-name {
	font-size: 16px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
}

td.post-author .forum-usercard-stats {
	display: block;
	font-size: 11px;
	color: #8A929C;
	line-height: 1.35;
}

/* 2. Сообщение: под автором, во всю ширину */
td.post-body {
	clear: both;
	background: #FFFFFF !important;
	padding: 12px !important;
	font-size: 15px;
	line-height: 1.55;
	color: #222222;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

td.post-body img { max-width: 100%; height: auto; }
td.post-body .post-signature { display: block; margin-top: 10px; color: #8A929C; font-size: 12px; }

/* ============================================================
   КЛИКАБЕЛЬНА ВСЯ СТРОКА СПИСКА
   Строка выглядит кнопкой: подсвечивается при нажатии и имеет
   стрелку справа. Но ссылкой был только текст, и нажатие по
   пустому месту строки не срабатывало. Растягиваем невидимую
   накладку от первой ссылки на всю строку.
   Строка уже имеет position: relative (см. table.forum-table tr).
   ============================================================ */

table.forum-table td:first-child a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

/* На странице поиска во второй ячейке есть своя ссылка (на раздел).
   Поднимаем все прочие ссылки строки над накладкой, чтобы они
   продолжали работать. */
table.forum-table td:not(:first-child) a {
	position: relative;
	z-index: 2;
}

/* Подсветка нажатия без серой рамки браузера */
table.forum-table tr { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/* ===== Строка пользователя («Вы вошли как … / Войти») и формы ответа ===== */

.userbar { padding: 8px 10px; background: #EEF2F7; border-bottom: 1px solid #C4C9D0; font-size: 13px; line-height: 1.7; color: #3C444E; }
.userbar .userbar-who { display: block; }
.userbar a { display: inline-block; margin: 2px 12px 0 0; font-weight: bold; text-decoration: none; }
table.ed { width: 100% !important; }
table.ed textarea.ed-area { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
input.form-title { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
p.form-captcha img { vertical-align: middle; }
p.form-captcha input[type="text"] { width: 80px !important; display: inline-block; }
small.form-rules { display: block; margin-top: 8px; font-size: 12px; color: #6E7681; }
p.form-login, p.new-topic-link { font-size: 14px; }
table.form-table, table.form-table tbody, table.form-table tr, table.form-table td { display: block; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
table.form-table td { padding: 4px 0; }

/* ===== Непрочитанное и статистика ===== */
img.topic-icon { vertical-align: middle; margin-right: 4px; }
img.topic-icon-new { width: 20px; height: 20px; }
a.unread-link { color: #B00020; }
/* Блок статистики - не список ссылок: без шеврона и нажимаемой строки,
   заголовок виден, маркеры-картинки убраны, каждая строка с новой строки */
table.forum-stats tr:has(th) { display: block; }
table.forum-stats th { display: block; border: 0 !important; padding: 10px 12px 0 12px; font-size: 13px; font-weight: bold; color: #8A929C; text-transform: uppercase; letter-spacing: 0.5px; text-align: left; }
table.forum-stats tr { padding-right: 12px; }
table.forum-stats tr:after { display: none; }
table.forum-stats tr:active { background: #FFFFFF; }
table.forum-stats tr:active, table.forum-stats tr:active a { color: inherit; }
table.forum-stats td, table.forum-stats td:first-child { font-size: 14px; font-weight: normal; line-height: 1.7; color: #1B2530; }
table.forum-stats td img { display: none; }
table.forum-stats td b { font-weight: bold; }
table.forum-stats td small { display: inline; font-size: 12px; color: #8A929C; }
table.forum-stats td:first-child a { color: #1F4FA0; text-decoration: underline; }
table.forum-stats td:first-child a:after { content: none; }

/* прочитано / не прочитано на телефоне: цвет ссылки + значок 16x16 */
img.topic-icon { width: 16px; height: 16px; vertical-align: middle; margin-right: 6px; }
img.topic-icon-new { width: 16px; height: 16px; }
table.forum-table tr.topic-row td:first-child a, table.forum-table tr.section-row td:first-child a { font-weight: 500; color: #6E7686; }
table.forum-table tr.topic-unread td:first-child a, table.forum-table tr.section-unread td:first-child a { font-weight: 700; color: #1B2530; }
span.unread-n { font-size: 12px; color: #C0392B; }
table.forum-table tr.section-row td:nth-child(4):before { content: "Последнее: "; color: #8A929C; }
table.forum-table tr.section-row td:nth-child(4) { display: block; font-size: 13px; }
table.forum-table tr.section-row td:nth-child(4) small { display: inline; }
p.forum-legend { font-size: 13px; color: #8A929C; padding: 8px 12px; margin: 0; }
p.forum-legend img { display: inline; }

/* Голосование в сообщении: ячейки вариантов не красить фоном формы ответа */
table.post td.post-body form.bb-poll-form td { background-color: transparent; }
input.bb-poll-radio { background-color: transparent; border: 0px; padding: 0px; }

/* ============================================================
   АДМИНКА ФОРУМА ВНУТРИ СКИНА (.adm-*)
   Разметка: div.adm > div.adm-menu (над) + div.adm-main.
   Движок отдаёт h1, p.hint, form, table/th/td, input без классов,
   td.actions, a.icon-link, input.icon-btn, form.inl, div.adm-ok/err.
   Поля и кнопки берут общие стили скина.
   ============================================================ */
div.adm div.adm-menu { margin: 0px 0px 14px 0px; background: #FFFFFF; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.22); box-shadow: 0 1px 2px rgba(0,0,0,0.22); overflow: hidden; }
div.adm div.adm-menu div.adm-group { padding: 8px 12px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; color: #4A5560; background: #E9ECF0; background: linear-gradient(to bottom, #F2F4F7, #E3E6EB); border-bottom: 1px solid #D3D7DD; }
div.adm div.adm-menu a.adm-item:link, div.adm div.adm-menu a.adm-item:visited { position: relative; display: block; padding: 13px 30px 13px 12px; font-size: 16px; color: #1B2530; text-decoration: none; background: #FFFFFF; border-bottom: 1px solid #E0E3E7; }
div.adm div.adm-menu a.adm-item:after { content: "\203A"; position: absolute; right: 12px; top: 50%; margin-top: -12px; font-size: 22px; line-height: 22px; color: #A8AEB6; }
div.adm div.adm-menu a.adm-item:active { background: #EEF1F5; }
div.adm div.adm-menu a.adm-cur:link, div.adm div.adm-menu a.adm-cur:visited { color: #FFFFFF; font-weight: bold; background: #3860BB; background: linear-gradient(to bottom, #5B84D0, #3860BB 50%, #2A4A96); border-bottom-color: #1E3468; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); }
div.adm div.adm-menu a.adm-cur:after { color: #FFFFFF; }
div.adm div.adm-main { color: #222222; }
div.adm div.adm-main a:link, div.adm div.adm-main a:visited { color: #2A4E8E; }
div.adm div.adm-main h1 { margin: 4px 4px 8px 4px; padding: 0px; font-size: 17px; font-weight: bold; color: #4A5560; background: none; border: 0px; text-shadow: 0 1px 0 rgba(255,255,255,0.75); }
div.adm div.adm-main h2 { margin: 16px 4px 6px 4px; padding: 0px; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; color: #4A5560; background: none; border: 0px; }
div.adm div.adm-main h3 { margin: 12px 4px 4px 4px; font-size: 15px; color: #4A5560; }
div.adm div.adm-main p { margin: 6px 4px; line-height: 1.45; }
div.adm div.adm-main .hint, div.adm div.adm-main small { color: #5E6670; }
div.adm div.adm-main p.hint { margin: 0px 4px 10px 4px; font-size: 13px; }
div.adm div.adm-main form { margin: 0px 0px 14px 0px; padding: 10px 12px; background: #FFFFFF; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.22); box-shadow: 0 1px 2px rgba(0,0,0,0.22); }
div.adm div.adm-main form.inl, div.adm div.adm-main td form { display: inline; margin: 0px; padding: 0px; background: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; }
div.adm div.adm-main table { display: block; overflow-x: auto; width: 100%; margin: 0px 0px 14px 0px; border-collapse: collapse; background: #FFFFFF; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.22); box-shadow: 0 1px 2px rgba(0,0,0,0.22); }
div.adm div.adm-main table th { padding: 8px 10px; font-size: 12px; font-weight: bold; text-align: left; color: #4A5560; background: #E9ECF0; border-bottom: 1px solid #D3D7DD; white-space: nowrap; }
div.adm div.adm-main table td { padding: 9px 10px; font-size: 14px; color: #222222; border-top: 1px solid #E0E3E7; vertical-align: top; }
div.adm div.adm-main form table { display: table; background: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; margin: 0px; }
div.adm div.adm-main form table td, div.adm div.adm-main form table th { border: 0px; background: transparent; padding: 6px 0px; }
div.adm div.adm-main td.actions { white-space: nowrap; }
div.adm div.adm-main td input[type="submit"], div.adm div.adm-main td input[type="button"], div.adm div.adm-main td input.button { display: inline-block; width: auto; margin: 2px 4px 2px 0px; padding: 7px 10px; font-size: 14px; }
div.adm div.adm-main input.reason { width: 90px; }
div.adm div.adm-main input.icon-btn { display: inline; width: 16px; height: 16px; margin: 0px 2px; padding: 6px; background: transparent; border: 0px; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle; }
div.adm div.adm-main a.icon-link { display: inline-block; padding: 6px; }
div.adm div.adm-main a.icon-link img { vertical-align: middle; }
div.adm div.adm-main div.adm-ok, div.adm div.adm-main div.adm-err { margin: 0px 0px 12px 0px; padding: 10px 12px; font-weight: bold; color: #222222; background: #FFFFFF; -webkit-border-radius: 8px; border-radius: 8px; }
div.adm div.adm-main div.adm-ok { border: 1px solid #3C8A3C; }
div.adm div.adm-main div.adm-err { border: 1px solid #B00020; }
div.adm div.adm-main pre { overflow-x: auto; padding: 8px; background: #FFFFFF; border: 1px solid #D3D7DD; border-radius: 6px; }
div.adm div.adm-main img { max-width: 100%; height: auto; }