/* тело ветки */
.topicTable {
    width: 97%;
    table-layout: fixed;
    margin: auto;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
}

.topicTable col.left {
    width:300px;
}

.topicTable col.inlinks {
    width:70px;
}

.topicTable > tr {
    border: 1px solid #DDD;
}

/* ----------------------------------------------------------------
*  левый верхний квадратик
*/
.topicTable th.left {
    background-color: #EEE;
    border: 1px solid #BBB;
    padding: 3px;
    padding-top: 2px;
    font-weight: normal;
    color:#3300AA;
    white-space: nowrap;
    font-size: 80%;
    vertical-align: center;
    font-family: Arial, Helvetica, sans-serif;

}

.topicTable th.left table {
    width: 100%;
    height: 40px;
}

.arena {
    padding-left: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: top;
}

.arena a {
    text-decoration: none;
}

.section {
    border-top: 1px solid #CCC;
    padding-left: 10px;
    text-align: left;
    vertical-align: bottom;
}

.section a {
    text-decoration: none;
}

.section a:hover {
    color:red;
    cursor: pointer;
}

/* ----------------------------------------------------------------
*  инструменты модератора
*/
.tdHammer {
    vertical-align: top;
    white-space: wrap;
    font-size: 110%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    cursor: pointer;
    font-weight: normal;
}

.tdHammer > a {
    width: 15px;
    padding: 1px;
    padding-left: 1px;
    padding-right: 1px;
    min-width: 15px;
    text-decoration: none;
    color: #444;
    cursor: pointer;
    text-align: center;
}

.tdHammer > a:hover {
    color: red;
    background-color: #DDD;
}

/* ----------------------------------------------------------------
*  заголовок темы
*/

a.topic-link {
    text-decoration: none;
}

.topicTable th.topic-title {
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-right: 0;
    padding: 5px;
    font-size: 110%;
    color: #00C;
}

.topicTable th.topic-title #renameTopicForm #newTitle {
    width: 80%;
}

.topicTable th.topic-title #renameTopicForm #btnSubmitRename {
    padding-left: 5px;
    padding-right: 5px;
}

.topicTable th.topic-title .topic-status {
    color: #666;
    font-size: 80%;
    font-weight: normal;
}

.thLastModified {
    border-left: 0;
    padding-top: 3px;
    padding-right: 4px;
    vertical-align: top;
    text-align: right;
    color:#CCC;
}

.thLastModified > a {
    color:#CCC;
    text-decoration: none;
    cursor: default;
}

.topicTable th.topic-title .readers {
    font-size: 75%;
    color: gray;
    font-weight: normal;
    /* font-style: italic; */
    margin-top: 7px;
}

.topicTable th.topic-title .readers a {
    text-decoration: none;
    color: gray;
}

/* ----------------------------------------------------------------
*  колонка с пользователями
*/
td.left {
    text-align: right;
    vertical-align: top;
    background-color: #EEEEEE;
    border: 1px solid #999;
    border-right: 1px solid #BBB;
    padding: 10px;
    font-size: 110%;
}

a.message-n {
    float: left;
    text-decoration: none;
    color: black;
    font-size: 90%;
    font-weight: bold;
    cursor: pointer;
    border-left: 2px solid #888;
    border-right: 2px solid #888;
    border-radius: 7px;
    padding:2px;
    min-width: 15px;
    text-align: center;
    vertical-align: top;
    color:#333399;
}

a.message-n:hover{
    color:purple;
    background-color: #E3E3E3;
}

.message-date {
    float:left;
    clear: left;
    font-size: 80%;
    color: #444;
    text-align: right;
}

.message-time {
    float:left;
    clear: left;
    font-size: 80%;
    color: #444;
    margin-left: 14px;
    text-align: center;
}

a.message-user {
    float:right;
    color: black;
    font-weight: bold;
    text-decoration: none;
    max-width: 200px;
    overflow-wrap: break-word;
    font-size: 90%;
}

a.message-user:hover {
    color:red;
}

a.as_admin {
    color: #505;
}

/* полоска опыта */
.user-line {
    float:right;
    clear: right;
    background-color: transparent;
    background-image: url('img/rainbow.png');
    background-repeat: repeat-y;
    height: 2px;
    /*    min-height: 2px;*/
    max-height: 2px;
    margin-bottom: 2px;
    width: 100px;
}

.user-role {
    display:block;
    float:right;
    clear: right;
    font-size: 70%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    margin-top: -2px;
}

.user-role:empty {
    display:none;
}

/* кнопка удаления сообщения */
a.btn-del-message,
a.btn-undel-message {
    display: none;
    float:right;
    clear: right;
    text-decoration: none;
    color: #666;
    font-size: 100%;
    /*border: 1px solid #CCC;*/
    border-radius: 5px;
    min-width: 15px;
    min-height: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: center;
    margin:1px;
}

a.btn-del-message:hover,
a.btn-undel-message:hover {
    color:red;
    background-color: #CCC;
}

/* кнопка редактирования сообщения */
a.btn-edit-message {
    display: none;

    float:right;

    width: 20px;
    height: 20px;

    text-decoration: none;
    color: #666;
    font-size: 90%;
    /*border: 1px dotted #666;*/
    border-radius: 5px;
    min-width: 15px;
    min-height: 15px;
    cursor: pointer;
    text-align: center;
    vertical-align: bottom;
    margin:1px;
    margin-left: 5px;
}

a.btn-edit-message:hover {
    color:red;
    background-color: #CCC;
}

a.user:hover {
    color: red;
}


/* ----------------------------------------------------------------
*  текст сообщения
*/
td.message {
    border: 1px solid #CCCCCC;
    padding: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    border-right: 0;
    text-align: left;
    line-height: 150%;
}

.preview-image {
    max-width: 600px;
    max-height: 300px;
}

.inlinks {
    text-align: right;
    vertical-align: bottom;
    padding: 7px;
    font-weight: bold;
    font-size: 80%;
    color: #666;
    border: 1px solid #ccc;
    border-left: 0;
    line-height: 95%;

}

/* ----------------------------------------------------------------
*  форма Добавить сообщение
*/
#replyForm {
    width: 97%;
    margin: auto;
    padding: 10px;
}

#replyForm .message-text {
    width: 600px;
    height: 100%;
    padding: 2px;
    padding-left: 3px;
    font-size: 110%;
}

/* флажки и панель оформления */
#replyForm .message-props {
    width:120px;
    vertical-align: top;
    padding: 5px;
    padding-top: 0px;
    padding-left: 10px;
    font-size: 90%;
}

#replyForm .flag-decor {
    margin-top: 7px;
    white-space: nowrap;
}

#replyForm .flag-as-admin {
    margin-top: 7px;
}

#replyForm #replySubmit {
    margin-top: 2px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 110%;
}

/*  см. также voting.css */

#replyForm #lastError {
    display: none;
    color:red;
    font-weight: bold;
}

#replyForm td.voting-variants {
    vertical-align: top;
    font-weight: normal;
    padding: 0;
}

#replyForm td.voting-variants fieldset {
    padding: 5px;
    border: 1px solid #999;
}

#replyForm legend {
    font-size: 90%;
    font-weight: normal;
}

#replyForm #buttonShowFilebar {
    margin-left: 30px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

#replyForm #buttonShowFilebar:hover {
    width: 17px;
    height: 17px;
}

#replyForm .addMessageLabel {
    font-weight: bold;;
}

/* ----------------------------------------------------------------
*  форма Редактировать сообщение
*/
.editMessageForm {
    width: 100%;
    margin: auto;
    padding: 3px;
    vertical-align: top;
}

.editMessageForm td {
    vertical-align: top;
    text-align: left;
}

.editMessageForm td.input-message-text {
    width: 500px;

}

.new-topic-title-input {
    width: 90%;
}

.editMessageForm .message-text {
    width: 98%;
    padding: 2px;
    padding-left: 3px;

}

/* флажки и панель оформления */
.editMessageForm .message-props {
    width:100px;
    vertical-align: top;
    padding: 4px;
    padding-top: 0px;
    padding-left: 10px;
    font-size: 90%;
}

.editMessageForm .flag-decor {
    margin-top: 4px;
    white-space: nowrap;
}

.editMessageForm td.voting-variants {
    vertical-align: top;
    font-weight: normal;
    padding: 0;
}

.editMessageForm td.voting-variants fieldset {
    padding: 3px;
}

.editMessageForm legend {
    font-size: 90%;
    font-weight: normal;
}

.editMessageForm .flag-moderator-group {
    margin-top: 5px;
}

.editMessageForm .updateSubmit {
    margin-top: 2px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.editMessageForm .cancelUpdate {
    margin-top: 2px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}
/*  см. также voting.css */
/*  см. также filebar.css */

.editMessageForm .lastError {
    display: none;
    color:red;
    font-weight: bold;
}

.editMessageForm #buttonShowFilebar {
    margin-left: 30px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.editMessageForm #buttonShowFilebar:hover {
    width: 17px;
    height: 17px;
}

/* ----------------------------------------------------------------
*  вспомогательные кнопки
*/
#topicAssistButtons {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#buttonBookmarkTopic {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

#buttonRefreshTopic {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    margin-left: 10px;
}

/* ---------------------------------------------------------------- */
#topicClosedLabel {
    margin-top: 5px;
    margin-left: 20px;
}

/* ---------------------------------------------------------
* разметка внутри сообщений
*/
div.message-text PRE,
td.message PRE {
  font-size: 90%;
  margin-left: 20px;
  border-left: 2px solid #eee;
  padding: 5px;
  padding-left: 10px;
  background-color: #FEFEEE;
  color: #000066;
  line-height:150%;
  overflow: auto;
}

div.message-text CODE,
td.message CODE {
  font-family: monospace;
  font-size: 90%;
  color: #000066;
  line-height:80%;
}

div.message-text a.user-link,
td.message a.user-link,
div.message-text a.registered-user,
td.message a.registered-user {
  text-decoration: none;
  font-weight: bold;
  color: black;
}

div.message-text SPAN.OUTLINE,
td.message SPAN.OUTLINE {
  border-top:1px solid gray;
  border-bottom:1px solid gray;
  padding:1px;
  padding-left: 3px;
  padding-right: 3px;
}

div.message-text DIV.MARGIN,
td.message DIV.MARGIN {
  border-left:5px solid #BBB;
  padding:2px;
  margin-left: 30px;
  padding-left: 5px;
}

div.message-text DETAILS,
td.message DETAILS {

  padding-left: 20px;

  border-left: 2px solid #d7d7d7;
  background: linear-gradient(to right, #FEFEDD 1px, white 15px, white);

}

pre>span.keyword {
    color: purple; 
}

pre>span.comment {
    color: green; 
}

pre>span.directive {
    color: rgba(121, 0, 0, 0.801); 
}

pre>span.region {
    color: gray; 
}

pre>span.string {
    color: black; 
}

pre>span.number {
    color: black; 
}

pre>span.sql1с {
    color: purple; 
}