/* --------------------------------------------------------------------------------------------
* СПИСОК ТЕМ
*/

#topicsList {
    width:99%;
    margin: auto;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}

#topicsList thead {
    background-color: #EEEEEE;
    height: 20px;
    font-size: 90%;
}

#topicsList th {
    border: 1px solid #CCCCCC;
    padding: 3px;
}

#topicsList th.plus {
    width: 10px;
}

#topicsList th.replies {
    width: 30px;
}

#topicsList th.topic {
    width: 50%;
}

#topicsList th.arena {
    width: 20px;
    border-right: 1px solid #EEE;
}

#topicsList th.section {
    width: 15%;
}

#topicsList th.author {
    width: 15%;
}

#topicsList th.updated {
    width: 20%;
}

#topicsList td {
    border: 1px solid #EEEEEE;
    padding: 3px;
    font-size: 80%;
}

/* колонка Плюсики */
#topicsList .td_plus {
    border-left: 1px solid #CCC;
    width:20px;
    padding: 2px;
    text-align: center;
    vertical-align: top;
}

/* колонка Ответы */
#topicsList td.replies {
    border-left: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: top;
}

/* колонка Тема */
#topicsList td.topic {
    font-size: 100%;
    padding-bottom: 10px;
    padding-left: 7px;
    vertical-align: top;
}

#topicsList .voting-marker {
    text-decoration: none;
    color:#666;
    font-size: 80%;
    text-align: center;
    margin-left: 3px;
}

#topicsList .tail-link {
    text-decoration: none;
    color:#333333;
    font-size: 80%;
}

#topicsList .mylast {
    text-decoration: none;
    color:#666;
    font-size: 60%;
    margin-left: 5px;
}

/* колонка Раздел */
#topicsList td.arena {
    text-align: center;
    vertical-align: top;
}

#topicsList td.arena a {
    color: #333333;
    text-decoration: none;
}

#topicsList td.arena a:hover {
    color: red;
}

/* колонка Секция */
#topicsList td.section {
    text-align: left;
    vertical-align: top;
}

#topicsList td.section a {
    color: #333333;
    text-decoration: none;
}

#topicsList td.section a:hover {
    color: red;
}

/* колонка Автор */
#topicsList td.author {
    vertical-align: top;
}

#topicsList td.author a {
    color: #333333;
    text-decoration: none;
}

#topicsList td.author a:hover {
    color: red;
}

/* колонка Обновлено */
#topicsList td.updated {
    color: #333333;
    border-right: 1px solid #CCCCCC;
    vertical-align: top;
}

#topicsList tr.paid {
    background-color: #FCFCDD;
}

#topicsList tr.deleted td.topic a.topic-link {
    text-decoration: line-through;
    color: #333;
}

#topicsList tr .status {
    margin-left: 6px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}

#topicsList tr .status-details {
    font-size: 80%;
}


/* --------------------------------------------------------------------------------------------
* плюсики для предпросмотра сообщений ветки
*/

.plus {
    color: gray;
    font-family: "Courier New", monospace;
    font-size: 80%;
    cursor: pointer;
    margin: 0 8px 0 4px;
    border: 1px dotted gray;
    padding: 0 3px;
}

.preview {
    display: none; /* по умолчанию область предпросмотра скрыта */
    padding: 0 3px;
    color: black;
}

.preview a.links {
    text-decoration: none;
    color: #666;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.preview a.outlinks {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.preview a.message-tail-link {
    text-decoration: none;
    color: #666;
    cursor: pointer;
}

.preview .username {
    font-weight: bold;
    color: black;
}

.preview .message-text {
    font-weight: normal;
    color: black;
}


/* --------------------------------------------------------------------------------------------
*  кнопка "Новая тема"
*/
#btnNewTopic {
    padding: 10px;
    margin-left: 10px;
    font-size: 110%;
}

.no-form-warning {
    margin-left: 10px;
    font-size: 85%;
    font-style: italic;
}

#quick-search-result {
    display: none;
    border: 1px solid black;
    margin: auto;
    width: 98%;
    background-color: #FFF;
    text-align: left;
    vertical-align: top;
    font-size: 90%;
    padding: 5px;
    margin-bottom: 5px;
    box-shadow:  2px  2px 2px 1px #999;  /* ↘ */
}

#quick-search-result .date {
    color:gray;
    font-size:90%;
}

#quick-search-result .arena {
    color:gray;
    font-size:90%;
}

#quick-search-result .extended-search a {
    text-decoration: none;
    color:gray;
    font-size:90%;
}