#mwa_env_info {
    background-color: #FFC;
}

/* main layout */


div#forum_container {
    width: 100%;
}
#forum_container .menu_container {
    width: 100%;

}
#forum_container .forum_content {
    width: 100%;
}

/* menu */
#forum_container .menu_container .forum_menu {
    margin-bottom: 10px;
}

/* new topic */
#forum_container .forum_content .new_topic {
    width: 100%;
}
#forum_container .userkey, #forum_container .userinfo {
    display:inline-block;
}

/* list topics */
#forum_container .forum_content .list_topics {
    width: 100%;
}


#forum_container .forum_content .list_topics .options .cat_title {
    display: inline-block;
}

#forum_container .forum_content .list_topics .topics_container {
    width: 100%;
}
#forum_container .forum_content .list_topics .pagination_container {
    width: 100%;
}





/* all-topics search results */
#forum_container .forum_content .topics_search {
    width: 100%;
}

#forum_container .forum_content .topics_search input.text {
    display: inline-block;
}
#forum_container .forum_content .topics_search input.submit {

    display: inline-block;
}
#forum_container .forum_content .topics_search .search_results {

    margin-top: 20px;
    padding-top: 10px;
}

/* single topic search results (comments) */
#forum_container .forum_content .single_search {
    width: 100%;
}


/* logged out screen */

.logged_out_message {
    font-size: 2em;
    font-weight: bold;
    color: #888;
}


/* displaying a Topic */

div.topic_container {
}
div.topic_container div.subject {

}
div.topic_container div.comments_count {

}
div.topic_container div.author {

}

div.topic_container div.most_recent_comment {

}

div.topic_container div.content {
    width: 100%;
    padding: 10px;
}


/* comments */

/* comments are indented either 0px or whatever we set in these levels */
div comments_container {
    /* might need to lock the comments inside a relative/absolute div or something to make them float to the right?*/
    width: 100%;
}

div.comment_container {
    max-width: 100%;
    margin-top: 10px;
}
div.indenter_0 {
    margin-left: 0px;
}
div.indenter_1 {
    margin-left: 30px;
}
div.indenter_2 {
    margin-left: 60px;
}
div.indenter_3 {
    margin-left: 90px;
}
div.indenter_4 {
    margin-left: 120px;
}
div.indenter_5 { /* 5 is max */
    margin-left: 150px;
}



div.comment_container div.title {

}
div.comment_container div.author {

}
div.comment_container div.date {

}
div.comment_container div.content {

}
div.comment_container div.replyto {

}



/* form for submitting comment */

div.comment_form_container {
    width: 100%;
    margin-top: 10px;
}
div.comment_form_container form#comment_form {

}
div.comment_form_container div.your_name {

}
div.comment_form_container div.your_email {

}
div.comment_form_container div.organisation {

}
div.comment_form_container div.country {

}
div.comment_form_container div.content {

}
div.comment_form_container  div.info {

}
div.comment_form_container  div.submit_container {

}
div.comment_form_container input.subject {
    width: 75%;
}

.replyToComment {

}


    /* displaying a list of topics in a table */

table#topics_list {

}

div#forum_container div.error {
    color: red;
    font-weight: bold;
}

.no_comments {
    font-style:italic;
}
.has_comments {

}


/* styles added 20230518 - DO NOT add style tags in the dispatcher else it breaks the *!*&@! media library - eh????(!!!!!!!!!!!!)  */
div.page_indicators div.current_page {
     text-align: left;
     width: 48%;
     display: inline-block;
 }
div.page_indicators div.pagination_container {
    text-align: right;
    width: 50% !important;
    display: inline-block;
    float: right;
}
div.page_indicators {
    margin-top: 20px;
}
div.pagination_container .page-numbers {
    margin: 0px 8px;
}
div.topic_title {
    width: 100px;
    display: inline-block;
}