﻿.forums-header {
    margin: 0 0 20px;
    clear: both;
}

    .forums-header:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

.current-time {
    float: left;
    line-height: 36px;
}

.forum-search-box {
    float: right;
}

    .forum-search-box .basic {
        overflow: hidden;
        margin: 0 0 5px;
    }

    .forum-search-box .search-box-text {
        float: left;
        width: 300px;
    }

    .forum-search-box .search-box-button {
        float: left;
        width: 36px;
        height: 36px;
        border: none;
        overflow: hidden;
        background: #ccc url(../img/search-button.png) center no-repeat !important;
        text-indent: 999px;
    }

    .forum-search-box .advanced {
        text-align: right;
    }

.forums-table-section {
    margin: 0 0 30px;
}

.forums-table-section-title {
    margin: 0 0 10px;
    overflow: hidden;
}

    .forums-table-section-title > a, .forums-table-section-title strong {
        float: left;
        font-size: 18px;
        font-weight: 400;
    }

    .forums-table-section-title span {
        float: right;
    }

    .forums-table-section-title .view-all {
        line-height: 24px;
    }

    .forums-table-section-title .link-rss {
        float: right;
        margin: 0 0 0 10px;
    }

.forums-table-section .image div {
    width: 24px;
    height: 24px;
    margin: auto;
    background: url(../img/folder1.png) center no-repeat;
}

    .forums-table-section .image div.announcement {
        background: url(../img/folder2.png) center no-repeat;
    }

    .forums-table-section .image div.sticky {
        background: url(../img/folder3.png) center no-repeat;
    }

.forums-table-section a {
    vertical-align: middle;
    padding: 0;
}

.forum-search-page .form-fields {
    padding: 0;
    box-shadow: none;
    background: none;
}

.forum-search-page .basic-search {
    text-align: center;
}

    .forum-search-page .basic-search div:first-child {
        display: inline-block;
        margin: 0 0 10px;
        overflow: hidden;
        max-width: 100%;
    }

.basic-search .inputs:first-child > label {
    display: none;
}

.forum-search-page .advanced-search {
    margin: 15px 0 0;
}

    .forum-search-page .advanced-search .inputs label {
        width: 305px;
    }

.forum-search-page .search-error {
    padding: 15px;
    text-align: center;
    color: #c00;
}

.forum-search-page .search-results {
    margin: 0 0 15px;
}

.forum-breadcrumb {
    float: left;
    max-width: 600px;
}

.pager.upper {
    display: none;
}

.pager.lower {
    float: right;
    margin: 0;
}

.forum-page .forum-top {
    margin: 0 0 20px;
}

.forum-page .forum-info {
    position: relative;
    margin: 0 0 20px;
}

.forum-page .forum-name h1 {
    font-size: 18px;
    font-weight: 400;
}

.forum-page .forum-name .link-rss {
    margin: 0;
}

.forum-page .forum-actions {
    margin: 0 0 20px;
}

    .forum-page .forum-actions a {
        margin: 0 10px 0 0;
        padding: 0 0 0 20px;
    }

.forum-page .new-topic, .forum-topic-page .reply-topic-button {
    background: url(../img/forum_icon4.png) left center no-repeat;
}

.forum-page .watch-forum, .forum-topic-page .watch-topic-button {
    background: url(../img/forum_icon5.png) left center no-repeat;
}

.forum-topic-page .topic-name h1 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 400;
}

.forum-topic-page .topic-header {
    margin: 0 0 20px;
    overflow: hidden;
}

.forum-topic-page .topic-actions {
    float: left;
    margin: 0 0 20px;
}

    .forum-topic-page .topic-actions .actions a {
        margin: 0 10px 0 0;
        padding: 0 0 0 20px;
        display: inline-block;
    }

.forum-topic-page .reply-topic-link-button {
    background: url(../img/forum_icon4.png) left center no-repeat;
}

.forum-topic-page .watch-topic-link-button {
    background: url(../img/forum_icon5.png) left center no-repeat;
}

.forum-topic-page .manage {
    float: right;
}

    .forum-topic-page .manage a {
        margin: 0 0 0 10px;
        padding: 0 0 0 20px;
    }

.forum-topic-page .edit-topic-button, .forum-topic-page .edit-post-button {
    background: url(../img/forum_icon1.png) left center no-repeat;
}

.forum-topic-page .delete-topic-button, .forum-topic-page .delete-post-button {
    background: url(../img/forum_icon2.png) left center no-repeat;
}

.forum-topic-page .move-topic-button {
    background: url(../img/forum_icon3.png) left center no-repeat;
}

.topic-posts {
    clear: both;
}

.topic-post {
    margin: 0 0 20px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 5px 15px;
    overflow: hidden;
}

    .topic-post:after {
        content: "";
        display: block;
        clear: both;
    }

    .topic-post .manage-post {
        margin-left: 5px;
    }

        .topic-post .manage-post a {
            margin: 0 0 0 5px;
            padding: 0 0 0 20px;
        }

    .topic-post .post-vote {
        margin-top: 5px;
    }

        .topic-post .post-vote > * {
            display: inline-block;
            vertical-align: middle;
            width: 25px;
            height: 25px;
            border-radius: 50%;
        }

        .topic-post .post-vote .vote-count-post {
            text-align: center;
            line-height: 23px;
            font-size: 13px;
            font-weight: 700;
            color: #333;
            background: #f6f6f6;
            border: 1px solid #e3e3e3;
        }

        .topic-post .post-vote .vote {
            background-position: center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

            .topic-post .post-vote .vote.up {
                background-image: url(../img/icon-vote-down.png);
            }

            .topic-post .post-vote .vote.down {
                background-image: url(../img/icon-vote-up.png);
            }

    .topic-post .user-info {
        padding-right: 10px;
    }

    .topic-post .username {
        display: inline-block;
        margin: 0 0 5px;
        font-weight: 700;
    }

    .topic-post .avatar, .profile-info-box .avatar {
        position: relative;
        height: 150px;
        margin: 0 0 10px;
        border: 1px solid #ccc;
        overflow: hidden;
    }

        .topic-post .avatar img, .profile-info-box .avatar img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    .topic-post .user-stats {
        margin: 0 0 10px;
        font-size: 11px;
    }

        .topic-post .user-stats span, .profile-info-box .profile-stats span {
            margin: 0 0 0 3px;
            font-weight: 700;
        }

    .topic-post .pm-button, .profile-info-box .pm-button {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 5px 10px;
    }

    .topic-post .post-head {
        margin: 0 0 10px;
        border: 1px solid #ccc;
        background: #eee;
        padding: 5px;
        overflow: hidden;
    }

        .topic-post .post-head a {
            margin: 0 0 0 5px;
            text-decoration: underline;
        }

.profile-info-box {
    overflow: hidden;
}

    .profile-info-box .avatar {
        float: left;
        width: 190px;
    }

    .profile-info-box .title {
        margin: 0 0 10px;
        font-size: 18px;
    }

.profile-page .topic {
    margin: 0 0 20px;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 15px;
}

.profile-page .topic-title {
    margin: 0 0 10px;
    background: #f6f6f6;
    padding: 5px;
    font-size: 16px;
}

    .profile-page .topic-title a {
        vertical-align: middle;
        font-style: italic;
    }

.profile-page .topic-data {
    color: #999;
}

.forum-topic-page .topic-actions.lower {
    float: none;
    overflow: hidden;
}

    .forum-topic-page .topic-actions.lower .actions {
        margin: 0 0 20px;
    }

.move-topic-page label {
    white-space: normal;
}

.forum-edit-page strong, .private-message-send-page a {
    font-size: 18px;
    font-weight: 400;
    vertical-align: middle;
}

.forum-edit-page .buttons, .private-message-send-page .options, .private-messages-page .buttons {
    margin: 15px 0 0;
    text-align: center;
}

    .forum-edit-page .buttons input, .private-message-send-page .buttons input, .private-messages-page .buttons input, .private-message-view-page .buttons input, .submit-forum-topic-button, .cancel-forum-topic-button {
        min-width: 115px;
        border: 1px solid #ccc;
        padding: 6px 24px !important;
        font-size: 16px;
        text-transform: uppercase;
    }

.forum-edit-page .inputs span {
    vertical-align: middle;
    margin-left: 5px;
}

.forum-edit-page .inputs.reversed {
    margin: 20px 0 0;
}

    .forum-edit-page .inputs.reversed label {
        width: auto;
        margin: 0 0 0 5px;
    }

.private-message-send-page .message label {
    display: none;
}

.private-messages-page td.date {
    width: 15%;
    white-space: nowrap;
}

.private-messages-page .mark-unread-pm-button {
    display: none;
}

.private-message-view-page .message-head li {
    display: inline-block;
}

.private-message-view-page label {
    font-weight: 700;
}

.private-message-view-page span {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

    .private-message-view-page span:after {
        content: "|";
        margin: 0 0 0 10px;
    }

.private-message-view-page .message-body {
    display: block !important;
    margin: 15px 0;
    border: 1px solid #ccc;
    padding: 15px;
}

    .private-message-view-page .message-body span:after {
        display: none;
    }

.private-message-view-page .buttons {
    display: block !important;
    overflow: hidden;
}

@media all and (max-width:768px) {
    .forum-search-box .search-box-text {
        width: 256px !important;
    }

    .topic-post .post-info, .profile-info-box {
        padding-left: 50%;
        position: relative;
        min-height: 165px;
    }

        .topic-post .avatar, .profile-info-box .avatar {
            position: absolute;
            left: 0;
            width: 48%;
            top: 0;
        }

    .topic-post .quote-post, .topic-post .manage-post {
        display: inline-block;
    }

    .profile-info-box .pm-button {
        margin: 10px 0 0;
    }

    .private-message-view-page .back-pm-button {
        margin: 2px 0;
    }

    .forum-search-page .page-title, .forum-edit-page .page-title, .move-topic-page .page-title {
        clear: both;
    }
    .forum-page .forum-info {
    position: relative;
    margin: 0 10px 20px;
}
    .forum-page .forum-actions{
        margin: 0 10px 20px;
    }
    .forums-header{
               margin: 0 10px 20px;
    }
}

@media all and (min-width:769px) {
    .topic-post .post-info, .profile-info-box .user-details {
        float: left;
        width: 190px;
    }

    .topic-post .post-content, .profile-info-box .profile-stats {
        margin-left: 200px;
    }

    .topic-post .post-time {
        float: left;
    }

    .topic-post .post-actions {
        float: right;
    }

    .topic-post .quote-post {
        float: left;
    }

    .topic-post .manage-post {
        float: left;
    }

    .topic-post .post-vote {
        float: right;
        margin: 0 0 0 10px;
    }

    .topic-post .voting-allowed .manage-post, .topic-post .voting-allowed .quote-post {
        margin-top: 3px;
    }

    .topic-post .post-head a {
        float: right;
    }

    .topic-post .manage-post a {
        float: left;
    }

    .profile-info-box .send-pm {
        float: left;
        clear: left;
    }

    .reply-pm-button, .delete-pm-button {
        float: left;
        margin: 0 2px;
    }

    .private-message-view-page .back-pm-button {
        float: right;
        text-transform: capitalize !important;
    }
}

@media all and (min-width:981px) {
    .forum-edit-page label, .private-message-send-page label {
        width: 228px;
    }

    .move-topic-page label {
        width: 320px;
    }

    .forum-edit-page .toolbar, .private-message-send-page .toolbar {
        margin-left: 235px;
    }

    .forum-edit-page textarea, .private-message-send-page textarea {
        width: 500px;
        height: 180px;
        margin-left: 240px;
    }
}

@media all and (max-width:480px) {
    .forum-search-box .search-box-text{
       width: 155px !important;
    }
    .forum-search-box{
        float: left !important;
    }
}