/* ****************************************** */
/* MESSAGES                                   */
/* ****************************************** */

    :root {
        --forum-list-back                       : var(--main-light-color);
        --forum-grid-color                      : var(--core-red);
        --forum-post-back                       : var(--main-light-color);
        --forum-row-hover                       : var(--main-light-color-dimmed);
        
        --forum-quote-back                      : #FFCCCC;
        --forum-quote-border                    : #944;
        --forum-quote-text                      : var(--main-text-color);

        --forum-action-row-color                : #AAC;
    }

     .quote {
          margin-left     : 4%;
          margin-right    : 4%;
          margin-bottom   : 5px;
          font-size       : 0.8em;
     }

     .quote_in {
          border          : 1px solid var(--forum-quote-border);
          border-left     : 7px solid var(--forum-quote-border);;
          margin-top      : 2px;
          padding         : 5px;
          background      : var(--forum-quote-back);
          color           : var(--forum-quote-text);
          /*font-size       : 12px;*/
     }

     .quote_title {
          font-weight     : bold;
          font-size       : 12px;
          font-style      : italic;
          color           : var(--main-text);
     }

     .hide_toggle.spoiler {
          border-bottom     : 1px solid var(--main-vdark-grey);
          display           : block;
          padding           : 0px !important;
          background-image  : none;
     }

     .hide_toggle.spoiler span {
          background-color  : #BBE;
          border            : 1px solid var(--main-vdark-grey);
          border-bottom     : none;
          padding           : 4px 6px;
          text-shadow       : 1px 1px #DDD;
          width             : 50px;
          font-weight       : bold;
          text-align        : center;
          display           : inline-block;
     }

     .hide_toggle.spoiler.closed span {
          background-color  : #BBB;
     }

     .hidden.spoiler {
          background-color  : #DDD;
          border            : 1px solid var(--main-vdark-grey);
          border-top        : none;
          padding           : 4px 6px;
     }

     span.spoiler {
        cursor: pointer;
        filter: blur(4px);
        transition: all 0.2s ease-out;
     }
     span.spoiler.revealed {
        filter: none;
        cursor: text;
     }

     pre br { display : none; }

/* ****************************************** */
/* FORM                                       */
/* ****************************************** */

    #preview_tab {
        display             : inline-block;
        background          : #888888;
        color               : white;
        text-shadow         : none;
        box-shadow          : none;
        filter              : none;
    }

    #preview_tab.active, #preview_tab:hover {
        background          : #993333;
        color               : white;
    }

    #msg_preview {
        border              : 1px dashed var(--main-mid-grey);
        padding             : 4px;
        width               : 48.5em;
        display             : none;
    }

    #msg_preview p:first-child {
        margin-top          : 0px;
    }

    #msg_preview p:last-child {
        margin-bottom       : 0px;
    }

/* ****************************************** */
/* FORUMS                                     */
/* ****************************************** */

     .notice {
        background-color    : var(--main-hilighted-positive) !important;
     }
     .sticky {
        background-color    : var(--main-hilighted-attention) !important;
     }
     .locked {
        background-color    : var(--main-hilighted-inactive) !important;
     }

     input[type="radio"] {
        vertical-align    : bottom;
     }

     .admin_tab {
          border          : 1px solid var(--main-dark-grey);
          padding         : 4px;
          background      : var(--main-hilighted-attention);
          font-size       : 80%;
          display         : inline-block;
          vertical-align  : middle;
          min-height      : 22px;
          margin-top      : -5px;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
     }
     .admin_tab * {
          vertical-align  : middle;
     }

     .mod_row {
          text-align      : left;
          font-size       : 80%;
          background      : #990000;
          color			  : #FCC;
     }


     .mod_row a, .mod_row a.visited, .mod_row a.active {
          font-weight     : normal;
          color           : #FFEEEE;
     }

     i.button {
        border-top      : 1px solid #000000;
        border-left     : 1px solid #000000;
        border-bottom   : 1px solid #000000;
        border-right    : 1px solid #000000;
        background      : #FFCCCC;
        padding         : 3px 12px 3px 12px;
        text-decoration : none;
        font-size       : 12px;
        font-weight     : bold;
        font-family     : Arial, sans-serif;
        margin-top      : 4px;
        color           : #000000;
     }

     .thread_table {
         border           : 1px solid var(--core-red);
         max-width        : 1500px;
     }

     .forum_table {
         margin-left      : auto;
         margin-right     : auto;
     }

     .forum_message_body {
         min-height 	  : 120px;
     }

     .forum_message_text  {
         max-width        : 100%;
         font-size        : 1rem;
     }

     .forum_message_text p {
         margin           : 0px 0px 10px 0px;
         padding          : 0px;
     }

     .forum_message_text img {
         max-width         : 100%;
     }
     
     #quick_reply_box textarea, #msg_form textarea {
     	padding			  : 5px;
     	box-sizing		  : border-box;
     }

/* ****************************************** */
/* THREADS                                    */
/* ****************************************** */

     .msg_row_top td {
         border-top       : 1px solid var(--core-red);
         border-bottom    : 0px;
         max-width        : 600px;
         overflow-x       : hidden;
         background-color : var(--forum-list-back);
     }

     .msg_action_row.even {
        /*background-color : #AAC;
        background-image : url('/discussion/bar_left_a.gif');
        background-repeat : repeat-y;
        background-position : top left;*/
        background       : linear-gradient(to right, rgba(255,255,255,0) 0px, var(--forum-action-row-color) 70px);
        padding          : 10px;
        border           : none;
     }

     .msg_action_row.odd {
        /*background-color : #AAC;
        background-image : url('/discussion/bar_left_b.gif');
        background-repeat : repeat-y;
        background-position : top left; */
        background       : linear-gradient(to right, rgba(255,255,255,0) 0px, var(--forum-action-row-color) 70px);
        padding          : 10px;
        border           : none;
     }

     .thread.even, .forum_msg.even, .forum.even, .mail_row.even {
     }
     .thread.odd, .forum_msg.odd, .forum.odd, .mail_row.odd {
        background-color : var(--main-darken);
     }
     .thread:hover, .forum:hover, .mail_row:hover {
        background-color : var(--forum-row-hover);
     }

     .thread_cell_left {
        border-left       : 1px solid var(--forum-grid-color);
     }
     .thread_cell_sender {
        font-size         : 90%;
     }
     .thread_cell_flag {
        font-size         : 90%;
        text-align        : center;
     }
     .thread_cell_date {
        font-size         : 80%;
     }

     .mail_table {
        max-width: 1500px;
     }

     .forum_subhead {
         border-top       : 1px solid #600;
     }

     .excerpt {
        font-size         : 80%;
        border            : 1px solid #999;
        filter            : alpha(opacity=50);
	    -moz-opacity      : 0.5;
	    -khtml-opacity    : 0.5;
	    opacity           : 0.5;
        padding           : 0px 2px;
        margin-top        : 5px;
        max-height        : 60px;
        overflow-y        : hidden;
     }

     .excerpt .quote_in {
        font-size         : 10px;
     }

     .hidden {
        display           : none;
     }

     .msg_form_embedded {
        margin-left       : auto;
        margin-right      : auto;
        background        : #FFE9E9;
     }

     .gm {
        display           : inline-block;
        border            : 1px solid #DD6600;
        background        : orange;
        font-weight       : bold;
        padding           : 1px 3px;
     }

     .npc {
        display           : inline-block;
        border            : 1px solid #006600;
        background        : #88CC88;
        font-weight       : bold;
        padding           : 1px 3px;
     }

    a.grp_image {
        display             : inline-block;
        border              : 1px solid var(--main-dark-grey);
        background          : #EEE;
        padding             : 3px;
        margin              : 3px;
        text-decoration     : none;
        text-align          : center;
        border-radius       : 6px;
    }
    
    .forum_message_text a.grp_image {
        padding             : 4px;
        background          : var(--main-light-grey);
    }

    a.grp_image img {
        /* background          : #FFF; */
        margin              : auto;
    }
    .item_box_cell .grp_container_count {
        top: 2px;
        left: 2px;
        background: #f2f2f2;
        bottom: unset;
        padding: 2px 4px;
        z-index: 3;
        width: fit-content;
        color: black;
        border-radius: 2px;
        display: block;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    }

    .ping {
        color               : #AAA;
        padding-right       : 1px;
    }

/* ****************************************** */
/* POSTER                                     */
/* ****************************************** */

    .poster_human, .poster_nickname {
        width               : 175px;
    }
    .poster_title {
        margin-bottom       : 3px;
        margin-top          : 0px;
        #white-space         : nowrap;
    }
    .poster_name {
        font-weight         : bold;
    }
    .poster_date {
        font-size           : 10px;
        margin-top          : 3px;
        margin-bottom       : 3px;
        white-space         : nowrap;
    }
    .poster_subtitle {
        font-size           : 12px;
        margin-top          : 3px;
        margin-bottom       : 3px;
        white-space         : nowrap;
        color               : rgba(0,0,0,0.8);
    }
    .poster_info {
        font-size           : 10px;
        margin-top          : 3px;
        margin-bottom       : 3px;
        white-space         : nowrap;
    }
    .poster_role:before {
        content             : ' - ';
    }
    .poster_avatar {
        text-align          : center;
        margin-top          : 5px;
    }
    
    .signature img {
    	max-height			: 200px;
    	max-width			: 400px;
    }
    

/* ****************************************** */
/* INLINE TABLE INSIDE MESSAGE                */
/* ****************************************** */
    
    table.msg_date_table {
    	border				: 2px solid black;
    	border-collapse		: collapse;
    }
    table.msg_date_table tr:nth-child(even) {
    	background			: #DDD;
    }
    table.msg_date_table td {
    	background			: none;
    	border				: none;
    	padding				: 4px;
    	border-bottom		: 1px solid var(--main-dark-grey);
    }
    

/* ****************************************** */
/* POST FORM                                  */
/* ****************************************** */

    .msg_post_box {
        max-width            : 790px;
        margin-left          : auto;
        margin-right         : auto;
        padding              : 4px 16px;
    }
    
    .msg_form .form_item {
        padding              : 6px 0px;
    }
    
    .msg_form .form_item .control input,
    .msg_form .form_item .control textarea  {
        width                : 100%;
        box-sizing           : border-box;
        padding              : 3px;
    }
    
    .control input:focus, .control textarea:focus {
        box-shadow           : 0px 0px 2px 1px var(--form-field-hilight);
     }
    
    .msg_form .form_item label {
        font-weight          : bold;
        margin-bottom        : 5px;
        display              : block;
    }
    
    .msg_form #smileys {
        padding              : 6px 0px 0px 0px;
    }
    
    .msg_form #smileys img {
        padding              : 1px;
        cursor               : pointer;
    }
    
    #msg_form_bottom_toolbar {
        padding              : 0px 0px 5px 0px;
        margin               : 0px;
        background           : none;
        border               : none;
    }
    
    #msg_form_bottom_toolbar .tool {
        background           : none;
        padding              : 0px;
    }
    #msg_form_bottom_toolbar .tool a, #msg_form_bottom_toolbar a.tool {
        color                : var(--main-text-color);
    }
    
    .msg_tag {
        display: inline-block;
        border: 1px solid black;
        border-radius: 5px;
        padding: 2px;
        background: var(--forum-post-back);
        margin: 0px 3px;
        width: 19px;
        height: 19px;
        text-align: center;
        vertical-align: top;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 12px;
    }
    .msg_tag_bold {
        font-weight: bold;
    }
    .msg_tag_italic {
        font-style: italic;
    }
    .msg_tag_underline {
        text-decoration: underline;
    }