﻿.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, .forums-table-section-title span, .pager.lower, .post-head .post-actions {
    float: right
}

    .forum-search-box .basic {
        overflow: hidden;
        margin: 0 0 5px
    }

    .forum-search-box .search-box-text, .forum-search-box-text, .forum-search-text {
        float: left;
        width: 300px
    }

    .forum-search-box .search-box-button, .forum-search-box-button, .forum-search-button {
        float: left;
        width: 36px;
        height: 36px;
        border: none;
        overflow: hidden;
        background: url('../img/search-button.png') center no-repeat #ccc;
        text-indent: 999px
    }

    .forum-search-box .advanced {
        text-align: right
    }

.forums-table-section {
    margin: 0 0 30px
}

    .forums-table-section a {
        vertical-align: middle
    }

.forums-table-section-title {
    margin: 0 0 10px;
    overflow: hidden
}

    .forums-table-section-title strong, .forums-table-section-title > a {
        float: left;
        font-size: 18px;
        font-weight: 400
    }

    .forums-table-section-title .view-all {
        line-height: 24px
    }

    .forums-table-section-title .link-rss {
        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.annoucement {
        background: url('../img/folder2.png') center no-repeat
    }

    .forums-table-section .image div.sticky {
        background: url('../img/folder3.png') center no-repeat
    }

.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
    }

.forum-search-page .advanced-search {
    margin: 15px 0 0
}

    .forum-search-page .advanced-search .inputs label {
        width: 302px
    }

.forum-search-page .search-error {
    padding: 15px;
    text-align: center;
    color: #c00
}

.forum-search-page .search-results {
    margin: 0 0 15px
}

.forum-search-page .basic-search label, .pager.upper, .private-message-send-page .message label, .private-message-view-page .message span:after, .private-messages-page .mark-unread-pm-button {
    display: none
}

.forum-search-page .basic-search .inputs.reversed label {
    display: inline-block;
    width: auto;
    margin: 0 0 0 5px
}

.forum-search-page .buttons, .topic-actions {
    overflow: hidden
}

    .forum-search-page .buttons .forum-search-button {
        margin: 0 auto;
        text-indent: 0;
        background: #ccc;
        float: none;
        border: none;
        box-shadow: none;
        width: auto
    }

        .forum-search-page .buttons .forum-search-button:hover {
            border: 2px solid #e87772
        }

.forum-breadcrumb {
    float: left;
    max-width: 600px
}

.forum-page .forum-actions, .forum-page .forum-top {
    margin: 0 0 20px
}

.forum-page .forum-info {
    position: relative;
    margin: 0 0 10px;
    overflow: hidden
}

.forum-page .forum-name, .forum-topic-page .topic-options {
    float: left
}

.forum-description {
    clear: both
}

.forum-page .forum-name h1 {
    font-size: 18px
}

.forum-page .link-rss {
    position: absolute;
    top: 20px;
    right: 0
}

.topic-actions.lower .pager.lower {
    clear: both;
    margin: 10px 0
}

.forum-page .actions a, .forum-topic-page .topic-options 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
}

.forums-table-section.topic-group.active-discussions {
    position: relative
}

    .forums-table-section.topic-group.active-discussions .view-all {
        position: absolute;
        top: 5px;
        right: 30px
    }

.forums-main-page .link-rss {
    top: 0;
    right: 0
}

.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 .actions {
    float: right;
    margin: 0 0 10px
}

    .forum-topic-page .actions a {
        margin: 0 0 0 10px;
        padding: 0 0 0 20px
    }

.forum-topic-page .edit-post-link-button, .forum-topic-page .edit-topic-button {
    background: url('../img/forum_icon1.png') left center no-repeat
}

.forum-topic-page .delete-post-link-button, .forum-topic-page .delete-topic-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-post {
    margin: 0 0 20px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    padding: 5px 0 15px
}

    .profile-info-box .user-details, .topic-post .post-info {
        float: left;
        width: 190px
    }

    .topic-post .manage {
        float: none;
        margin: 0 0 10px;
        overflow: hidden
    }

        .topic-post .manage a {
            float: left;
            margin: 0 0 0 5px;
            border: 1px solid #ccc;
            background-color: #eee;
            padding: 5px 5px 5px 25px
        }

            .topic-post .manage a:first-child {
                margin-left: 0
            }

            .post-head .manage-post a, .topic-post .manage a:hover {
                text-decoration: none
            }

    .topic-post .delete-post-link-button, .topic-post .edit-post-button {
        background-position: 5px center
    }

    .topic-post .user-info {
        padding-right: 10px
    }

    .topic-post .username {
        display: inline-block;
        margin: 0 0 5px;
        font-weight: 700
    }

    .profile-info-box .avatar, .topic-post .avatar {
        position: relative;
        height: 150px;
        margin: 0 0 10px;
        border: 1px solid #ccc;
        overflow: hidden;
        width: 190px;
        float: left
    }

        .profile-info-box .avatar img, .topic-post .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
    }

        .profile-info-box .profile-stats span, .topic-post .user-stats span {
            margin: 0 0 0 3px;
            font-weight: 700
        }

    .profile-info-box .send-pm a, .topic-post .pm-link-button {
        display: inline-block;
        border: 2px solid #e87772;
        background: #fff;
        color: #e87772;
        text-transform: uppercase;
        font-size: 12px;
        padding: 6px 11px;
        -webkit-transition: .15s ease-in-out;
        transition: .15s ease-in-out
    }

.profile-info-box .send-pm {
    clear: both;
    display: block;
    width: 190px
}

    .profile-info-box .send-pm a:hover, .topic-post .pm-link-button:hover {
        background: #e87772;
        color: #fff !important
    }

.profile-info-box .profile-stats, .topic-post .post-content {
    margin-left: 200px;
    text-align: left
}

.topic-post .post-head {
    margin: 0 0 10px;
    border: 1px solid #ccc;
    background: #eee;
    padding: 5px;
    overflow: hidden;
    position: relative
}

    .topic-post .post-head a, .topic-post .post-head label, .topic-post .post-head span {
        float: left;
        margin: 0 0 0 5px;
        font-size: 12px
    }

    .topic-post .post-head a {
        text-decoration: underline
    }

.topic-post .quote-post {
    float: left;
    max-width: 82px;
    overflow: hidden
}

.post-head .manage-post {
    float: left;
    margin: 0 10px 0 0
}

.topic-post .post-vote {
    margin-left: 10px;
    float: right
}

    .topic-post .post-vote > * {
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: none !important;
        margin: 0 !important
    }

    .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 .voting-allowed .manage-post, .topic-post .voting-allowed .quote-post {
    margin-top: 5px
}

.profile-info-box, .user-last-posts {
    overflow: hidden;
    padding: 20px
}

    .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-edit-page label, .private-message-send-page label {
    width: 228px
}

.forum-edit-page strong, .private-message-send-page a {
    font-size: 18px;
    font-weight: 400;
    vertical-align: middle
}

.private-message-send-page a {
    display: inline-block;
    vertical-align: middle
}

.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
}

.forum-edit-page .buttons, .private-message-send-page .options, .private-messages-page .buttons {
    margin: 15px 0 0;
    text-align: center
}

    .forum-edit-page .buttons button, .private-message-send-page .options button, .private-message-view-page .options button, .private-messages-page .buttons button {
        display: inline-block;
        border: 2px solid #fff;
        background: #e87772;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        padding: 8px 24px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
        -webkit-transition: .15s ease-in-out;
        transition: .15s ease-in-out
    }

        .cancel-pm-button:hover, .delete-pm-button:hover, .forum-edit-page .buttons button:hover, .move-topic-page .buttons button:hover, .private-message-send-page .options button:hover, .private-message-view-page .options button.button-1:hover, .private-message-view-page .options button:hover, .private-messages-page .buttons button:hover, .reply-pm-button:hover, .send-pm-button:hover {
            border: 2px solid #e87772;
            background: #fff !important;
            color: #e87772
        }

        .cancel-pm-button, .delete-pm-button, .forum-edit-page .buttons button, .move-topic-page .buttons button, .private-message-send-page .options button, .private-message-view-page .options button.button-1, .private-messages-page .buttons button, .reply-pm-button, .send-pm-button {
            margin: 0 0 10px;
            display: inline-block;
            border: 2px solid #fff;
            background: #e87772;
            color: #fff;
            text-transform: uppercase;
            font-size: 16px;
            padding: 8px 24px;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
            -webkit-transition: .15s ease-in-out;
            transition: .15s ease-in-out
        }

.forum-edit-page .inputs span {
    vertical-align: middle;
    margin-left: 5px
}

.private-messages-page td.date {
    width: 15%;
    white-space: nowrap
}

.private-message-view-page .view-message div {
    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 {
    display: block !important;
    margin: 15px 0;
    padding: 20px;
    background: #fff
}

.private-message-view-page .options {
    display: block !important;
    overflow: hidden
}

.private-message-view-page .back-pm-button {
    float: right;
    text-transform: capitalize !important
}

@media all and (max-width:480px) {
    .profile-info-box .user-details {
        float: none;
        margin: 0 auto 20px
    }

    .profile-info-box .profile-stats {
        clear: both
    }

    .forums-table-section-title .link-rss {
        margin: -10px 0 0;
        background-color: none
    }

    .profile-info-box .avatar, .profile-info-box .profile-stats, .profile-info-box .send-pm {
        text-align: center;
        float: none;
        margin: 0 auto 10px
    }
}

@media all and (max-width:768px) {
    .current-time, .forum-page .forum-name {
        float: none
    }

    .forums-table-section.topic-group.active-discussions .view-all {
        right: 35px
    }

    .forum-breadcrumb {
        float: none;
        margin: auto;
        max-width: 90%;
        text-align: center
    }

    .forum-page .link-rss {
        right: 20px
    }

    .forum-actions {
        margin: 0 auto 10px
    }

    .topic-post .post-content, .topic-post .post-info {
        float: none;
        width: 100%;
        margin: 0;
        overflow: hidden
    }

    .topic-post .user-info {
        overflow: hidden
    }

    .forum-topic-page .actions, .topic-post .avatar {
        float: none;
        margin: 0 auto 10px
    }

    .send-pm a {
        padding: 10px;
        display: inline-block
    }
}

@media all and (max-width:1024px) {
    .forum-edit-page label, .forum-search-page .advanced-search .inputs label {
        width: 100%
    }

    .forum-edit-page .toolbar, .forum-edit-page textarea {
        margin: 0 auto 10px
    }

    .forum-edit-page .inputs.reversed label {
        display: inline-block;
        width: auto;
        margin: 0 0 0 5px
    }

    .forum-breadcrumb {
        float: none;
        text-align: center;
        max-width: 100%
    }
}

@media all and (min-width:768px) {
    .forums-header .current-time {
        clear: both
    }
}

@media all and (min-width:1281px) {
    .forum-edit-page textarea, .private-message-send-page textarea {
        margin-left: 340px
    }

    .forum-edit-page .toolbar, .private-message-send-page .toolbar {
        margin-left: 335px
    }

    .forum-edit-page label, .private-message-send-page label {
        width: 330px
    }

    .inputs.reversed input[type=checkbox] + label {
        width: auto
    }
}
