/********** FORUM & PROFILE **********/


.forum-breadcrumb.breadcrumb {
    float: right;
    margin-bottom: 10px;
}
.forums-main-page .topic-block-body {
    padding-top: 20px;
    margin: 0;
    max-width: none;
    background: #f6f6f6;
    font-size: 13px;
}
.forums-header {
    clear: right;
    margin: 0 0 20px;
    padding-bottom: 20px;
    background: #f6f6f6;
    text-align: center;
    font-size: 13px;
}
.forums-header:after {
    content: "";
    display: block;
    clear: both;
}
.current-time {
    padding: 20px 0;
    color: #444;
}
.forum-search-box {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 430px;
    text-align: center;
}
.forum-search-box .basic {
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
}
.forum-search-box .advanced {
    margin-top: 20px;
}
.forum-search-box .advanced a {
    text-transform: uppercase;
    font-weight: bold;
    color: #57b568;
}
.forum-search-box .advanced a:after {
    content: '\e925';
    display: inline-block;
    margin-left: 10px;
    font-family: prisma;
    font-size: 10px;
    color: #ccc;
    vertical-align: middle;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.forum-search-box .advanced a:hover:after {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    color: #57b568;
}
.forum-search-box .search-box-text {
    float: left;
}
.forum-search-box .search-box-button {
    float: left;
    border: none;
    width: 45px;
    height: 45px;
    background:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGNUZEREEyNDlFMDExRTdCOTcyQUNGRjZGMUQ0NkYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGNUZEREEzNDlFMDExRTdCOTcyQUNGRjZGMUQ0NkYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUY1RkREQTA0OUUwMTFFN0I5NzJBQ0ZGNkYxRDQ2RjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUY1RkREQTE0OUUwMTFFN0I5NzJBQ0ZGNkYxRDQ2RjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BcwI8AAAB90lEQVR42qyVyy9DQRTGb6vxTKyExE5tvNKwobH0CmXBirAlKrVg5y+wJIR4NXbERkiotB7dSVlIJcpKhI2NpcQrqO/Ed5NJ08tcOskvk5x75jtnZs4940gmk4bV6NsbSWeuAoOgA5TRdgPCIAiuVGenoT+ywRy4AOOgAuSQStrk2yLIsxtAxEMgAN7BPGgEhaSRNvk2DHa5RjvANGgB98ALRkEMPJIYbV76NIEp3QDVzOoVdIL4D75x+oivX9bqBJALzQLL4FzD/5z3IGsGdQK0c163URAb5lqdAG4lM91hHqPbTpkaNktaxptOgBvOtTYCVHO+0wkQ5jxgI4Dpe+joDfl/c67h+X+ABo27kJ2esopqdXaQAKs81wNQ94t4iL5LstYqgPSXTdAK8tl3ZBSBEzDDv7aAeGmTzEtBlL3JSHdEIr7N+n8C18ADjsElfzyrxD7BCsWfxeBKI75F8Tdm7+ExdbDvzIIh+rjpdysXynadUAVdKbW7RaEH0AwmQRcoB/XgiLsY0y0nlyK+rYg3MZMJ0Mb+HmCA717gW9AK4LTIPMGXK8rvEdD/l19adrAGfGyxrXyVTPFiiveAFzuZqzsI8sZzeHmmeAnYp/jzX5uSMyVDOeczRbz7P+LqixahmATJzUTm6R59cyc7nJ8y0be/BBgAfu551D9elCUAAAAASUVORK5CYII=) center no-repeat;
    font-size: 0;
}

.forum-search-page .search-error {
    padding: 15px;
    text-align: center;
    color: #c00;
}
.forum-search-page .search-results {
    margin: 0 0 15px;
}

/* forum group */

.forums-table-section {
    margin: 0 0 30px;
    font-size: 13px;
    color: #888;
}
.forums-table-section a {
    vertical-align: middle;
}
.forums-table-section-title {
    margin: 0 0 4px;
    overflow: hidden;
    background: #f6f6f6;
    text-align: left;
}
forums-table-section td {
    padding: 20px;
}
.forums-table-section-title > a,
.forums-table-section-title strong {
    display: inline-block;
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #57b568;
}
.forum-table th:first-child,
.forum-table td:first-child {
    display: none;
}
.forums-table-section .view-all {
    position: absolute; 
    top: 20px;
    right: 60px;
    text-transform: uppercase;
    font-weight: bold;
    color: #57b568;
}

.forums-table-section .image div {
    margin: auto;
    width: 100px;
    height: 100px;
    background: url('../img/folder1.png') center no-repeat;
}
.forums-table-section td {
    border: 4px solid #f6f6f6;
    min-width: 120px;
    text-align: center;
}
.forums-table-section .forum-details {
    width: 40%;
}
.topic-title,
.forums-table-section .forum-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #444;
}
.topic-title:hover,
.forums-table-section .forum-title:hover {
    color: #57b568;
}
.forums-table-section .image div.sticky {
    background: url('../img/folder2.png') center no-repeat;
}
.forums-table-section .image div.announcement {
    background: url('../img/folder3.png') center no-repeat;
}
.forums-table-section .latest-post {
    white-space: nowrap;
}
.forums-table-section .latest-post .date {
    color: #666;
}
.forums-table-section .latest-post .author a {
    color: #57b568;
}
.forums-table-section .latest-post .origin a {
    color: #57b568;
}
.forums-table-section .table-wrapper,
.forums-table-section-body .table-wrapper {
    padding: 0 20px 20px;
    background: #f6f6f6;
}
.forums-table-section.active-discussions {
    position: relative;
}
.forums-table-section.active-discussions strong {
    color: #444;
}
.active-discussions .topic-details {
    padding: 20px;
    width: 70%;
}
.forums-table-section-title .link-rss {
    float: right;
    margin: 20px;
    padding: 0;
    font-size: 0;
}

/* forum-page, topic-page */

.forum-page .forum-info {
    margin: 0 0 20px;
}
.forum-page .forums-table-section {
    margin: 0;
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
    margin: 0 0 20px 0;
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
}
.forum-page .forum-description {
    text-align: center;
    font-size: 13px;
    color: #aaa;
}
.forum-actions,
.topic-actions {
    margin: 0 0 4px;
    background: #f6f6f6;
    font-size: 0;
}
.topic-actions .pager {
    border: 0;
    padding: 8px;
}
.forum-actions .actions,
.topic-actions .actions {
    padding: 10px 0;
}
.forum-actions .actions a,
.topic-actions .actions a,
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button,
.topic-post .post-actions .quote-post a {
    display: inline-block;
    margin: 1px;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    color: #57b568;
}
.forum-actions a:before,
.topic-actions a:before,
.post-actions .edit-post-button:before,
.post-actions .delete-post-button:before {
    display: inline-block;
    margin-right: 5px;
    font-family: prisma;
    font-size: 14px;
    color: #ccc;
    vertical-align: middle;
}
.forum-actions .actions .new-topic:before {
    content: '\e944';
}
.forum-actions .actions .watch-forum:before,
.topic-actions .actions .watch-forum:before {
    content: '\e918';
}
.forum-actions .pager.upper,
.topic-actions .pager.upper {
    margin: 0;
}
.forum-actions .pager.upper {
    background: #fff;
}
.topic-actions .reply-topic-button:before {
    content: '\e92e';
}
.topic-actions .watch-topic-button:before {
    content: '\e918';
}
.topic-actions .move-topic-button:before {
    content: '\e925';
    font-size: 11px;
}
.post-actions .edit-post-button:before,
.topic-actions .edit-topic-button:before {
    content: '\e94a';
}
.topic-post .post-actions .delete-post-button:before,
.topic-actions .delete-topic-button:before {
    content: '\e901';
    font-size: 11px;
}
.topic-actions.lower .actions {
    display: none;
}
.move-topic-page .page-body {
    padding: 20px;
    background: #f6f6f6;
}
.move-topic-page label {
    margin-bottom: 20px;
}
.move-topic-page select {
    display: block;
    margin: 0 auto;
    border: 1px solid #eee;
    width: 100%;
    max-width: 350px;
    background-position: 96% center;
}
.private-messages-page .buttons input + input,
.private-message-send-page .buttons input + input,
.forum-edit-page .buttons input + input,
.move-topic-page .buttons input + input {
    background: #fff;
    color: #57b568;
}

/* topic post */

.topic-post {
    margin: 0 0 4px;
    padding: 30px 30px 20px;
    background: #f6f6f6;
}
.topic-post:after {
    content: "";
    display: block;
    clear: both;
}
.topic-post .post-info {
    margin: 30px 0;
}
.topic-post .user-info {
    border-bottom: 4px solid #f6f6f6;
    background: #fff;
}
.topic-post .username {
    display: block;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    color: #57b568;
}
.topic-post .avatar,
.profile-info-box .avatar {
    overflow: hidden;
    font-size: 0;
}
.topic-post .avatar a {
    display: block;
}
.topic-post .avatar img,
.profile-info-box .avatar img {	
    margin: 0 auto;
    width: 150px;
    max-width: 100%;
}
.topic-post .user-stats {
    margin: 0 0 4px;
    background: #fff;
    overflow: hidden;
}
.topic-post .user-stats li {
    margin: 5px 10px;
    font-size: 13px;
}
.topic-post .user-stats li label {
    color: #aaa;
}
.topic-post .user-stats span,
.profile-info-box .profile-stats span {
    margin: 0 0 0 3px;
    color: #666;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
    display: inline-block;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #57b568;
}
.topic-post .pm-button:before,
.profile-info-box .pm-button:before {
    content: '\e927';
    display: inline-block;
    margin-right: 5px;
    font-family: prisma;
    font-size: 14px;
    color: #ccc;
    vertical-align: middle;
}
.post-head {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.topic-post .post-time {
    margin: 0 0 15px;
    padding: 10px 0;
    font-size: 13px;
    color: #aaa;
}
.topic-post .post-actions {
    margin: 0 0 15px;
    font-size: 0;
}
.topic-post .post-actions > div {
    display: inline-block;
    vertical-align: middle;
}
.topic-post .post-actions a {
    display: inline-block;
    margin: 0 5px;
    font-size: 12px; /*reset zeroing*/
}
.topic-post .post-body {
    position: relative; /*topic post-body also gets style from blog post-body*/
    text-align: justify;
}
.topic-post .user-posted-image,
.latest-posts .user-posted-image {
    max-width: 100%;
    height: auto;
}
.topic-post .quote,
.latest-posts .quote {
    position: relative;
    margin: 15px 0;
    padding: 20px 0 20px 40px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-style: italic;
    font-size: 13px;
    color: #aaa;
}
.topic-post .quote:before,
.latest-posts .quote:before {
    content: '\e947';
    position: absolute;
    top: 20px;
    left: 0;
    font-family: prisma;
    font-size: 18px;
    color: #ccc;
}
.topic-post .post-vote {
    font-size: 0;
    vertical-align: middle;
}
.topic-post .post-vote > span {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    cursor: pointer;
    vertical-align: middle;
}
.topic-post .post-vote > span:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: prisma;
    font-size: 10px;
    color:  #ccc;
    vertical-align: middle;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.topic-post .post-vote > .vote.up:after {
    content: '\e944';
}
.topic-post .post-vote > .vote.down:after {
    content: '\e93d';
}
.topic-post .post-vote > div {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    color: #57b568;
    vertical-align: middle;
}
.topic-post .signature {
    padding: 20px 0;
    border-top: 1px solid #eee;
    font-style: italic;
    font-size: 13px;
    color: #aaa;
}
/* forum edit & send message */
.private-messages-box {
    padding: 20px;
}
.forum-edit-page .page-body,
.private-message-send-page .page-body {
    padding: 20px;
    background: #f6f6f6;
}
.private-message-send-page .message,
.forum-edit-page .inputs:nth-child(3) {
    margin: 10px 0;
    padding: 20px 0 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
} 
.forum-edit-page label,
.private-message-send-page label {
    margin: 5px 0;
}
.forum-edit-page strong,
.private-message-send-page a {
    font-size: 13px;
    color: #57b568;
    vertical-align: middle;
}
.forum-edit-page .buttons,
.private-message-send-page .buttons,
.private-messages-page .buttons {
    margin: 15px 0 0;
    text-align: center;
}
.private-message-send-page .buttons,
.private-messages-page .buttons {
    margin: 20px 0 0;
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.private-message-send-page .buttons input,
.private-messages-page .buttons input {
    margin-bottom: 4px;
    min-width: 203px;
}
.forum-edit-page .inputs span {
    display: block;
    vertical-align: middle;
    margin-left: 0;
    font-size: 12px; /*reset zeroing*/
}
.forum-edit-page .inputs:first-child,
.private-message-send-page .inputs:first-child {
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.forum-edit-page input[type="text"],
.private-message-send-page input[type="text"],
.forum-edit-page textarea,
.private-message-send-page textarea {
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
}
.forum-edit-page textarea {
    display: block;
    height: 300px;
}
.forum-edit-page select {
    width: 100%;
    max-width: 420px;
    background-position: 96% center;
}
.private-message-send-page .inputs.message label {
    display: none;
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
    margin-bottom: 10px;
    text-align: center;
}
.forum-edit-page .inputs.reversed {
    text-align: center;
}
.forum-edit-page .inputs.reversed label {
    margin-left: 5px;
    padding-left: 0;
    width: auto;
    white-space: normal;
}
.forum-edit-page .inputs.reversed label:before,
.forum-edit-page .inputs.reversed input:checked + input + label:after {
    content: none;
}
.forum-edit-page .inputs.reversed input {
    position: static;
    clip: auto;
    height: auto;
    width: auto;
    margin: 0;
}

/* inbox & view message */
.private-messages-page td.date {
    width: 15%;
    white-space: nowrap;
}
.private-messages-page .unread td {
    background: #f6f6f6;
}
.private-messages-page .unread td a {
    font-weight: bold;
    color: #57b568;
}
.private-message-view-page .page-body {
    padding-bottom: 20px;
    background: #f6f6f6;
}
.private-message-view-page .message-head {
    padding: 20px;
    border-bottom: 4px solid #fff;
    text-align: center;
    color: #888;
}
.private-message-view-page .message-head li {
    display: inline-block;
    margin-right: 30px;
    font-size: 13px;
}
.private-message-view-page .message-head span {
    margin: 0 10px 0 0;
    color: #444;
    vertical-align: middle;
}
.private-message-view-page .buttons {
    margin: 0 20px 0;
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.private-message-view-page .buttons .delete-pm-button {
    margin-left: 5px;
    background: #fff;
    color: #57b568;
}
.private-message-view-page .buttons input:last-child {
    margin-top: 20px;
    background: none;
    color: #57b568;
}
.private-message-view-page .message-body {
    padding: 20px;
    font-size: 13px;
    color: #888;
}
.private-message-view-page .message {
    display: block !important;
    margin: 15px 0;
    border: 1px solid #ccc;
    padding: 15px;
}
.private-message-send-page .inputs {
    margin-bottom: 0;
    border: 0;
}
.private-message-send-page .message {
    text-align: center;
}

/* profile page  */

.profile-info-box {
    padding: 20px;
    overflow: hidden;
}
.profile-info-box .avatar {
    margin: 0 auto 20px;
}
.profile-info-box .profile-stats {
    margin: 0 0 10px;
}
.profile-info-box .title {
    margin: 0 0 10px;
    font-size: 18px;
}
.profile-page .topic {
    margin: 0 0 20px;
    padding: 20px;
    border-bottom: 4px solid #fff;
}
.profile-page .topic-title {
    margin: 0 0 10px;
    background: #f6f6f6;
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
    color: #888;
}
.profile-page .topic-title a {
    vertical-align: middle;
    font-weight: bold;
}
.profile-page .topic-data {
    color: #999;
}

@media all and (min-width: 481px) {
    .forum-search-box-text,
    .forum-search-text {
	    width: 350px;
    } 
}

@media all and (min-width: 769px) {
    /* FORUM & PROFILE */


    .forums-table-section .view-all {
	    text-align: center;
    }

    .forum-actions,
    .topic-actions {
	    overflow: hidden;
    }
    .forum-actions .actions,
    .topic-actions .actions {
	    float: left;
	    margin: 0;
    }
    .forum-actions .pager,
    .topic-actions .pager {
	    float: right;
	    max-width: 450px;
    }
    .forum-search-page .search-input label {
        width: 35%;
        width: -webkit-calc((100% - 350px)/2);
        width: calc((100% - 350px)/2);
    }
    .forum-actions .pager.upper {
	    display: block;
        background: #f6f6f6;
    }
    .topic-actions .actions,
    .topic-actions.lower .actions {
	    display: block;
        padding: 10px 0;
    }
    .search-results {
        padding: 15px;
    }
    .search-results .forums-table-section {
        margin-bottom: 0;
    }
    .search-results .pager {
        overflow: hidden;
    }
    .search-results .pager.upper {
        border-top: 0;
        border-bottom: 4px solid #fff;
    }
    .search-results ul {
        float: right;
    }

    .topic-post {
	    overflow: hidden;
    }
    .topic-post .post-info {
	    float: left;
	    width: 20%;
	    margin: 0;
    }
    .topic-post .user-info {
	    width: auto;
    }
    .topic-post .username {
        padding: 0;
    }
    .topic-post .user-stats {
        padding: 10px 15px;
    }
    .topic-post .user-stats li {
	    display: block;
	    margin: 5px 0;
    }
    .topic-post .post-content {
	    float: right;
        width: 78%;
    }
    .topic-post .post-head {
	    overflow: hidden;
    }
    .topic-post .post-time {
	    float: left;
	    margin: 0;
	    background: none;
    }
    .topic-post .post-actions {
	    float: right;
	    margin: 0;
    }
    .topic-post .post-actions a {
	    margin: 0;
	    line-height: 20px;
    }
    .topic-post .post-vote,
    .topic-post .post-head .post-actions > div a {
        padding: 11px 15px;
    }

    .topic-post .post-actions .quote-post a {
	    min-width: 70px;
    }
    .topic-post .post-actions a.post-link-button {
	    margin: 0 0 0 10px;
	    text-align: center;
    }


    .forum-edit-page .inputs label,
    .private-message-send-page .inputs label {
        display: inline-block;
        width: 35%;
        width: -webkit-calc((100% - 420px)/2);
        width: calc((100% - 420px)/2);
        text-align: left;
    }
    .private-message-send-page .inputs:nth-child(2) {
        margin-bottom: 10px;
    }
    .private-message-view-page .buttons input:last-child {
        position: absolute;
        right: 0;
        margin: 0;
        background: url(../img/back_icon.png) no-repeat 0 17px;
    }
    .pager.lower {
	    margin: 0;
    }
    .forum-topic-page .topic-options {
	    float: left;
    }
    .profile-info-box .avatar {
	    float: left;
	    margin: 0 20px 0 0;
    }

}

@media all and (min-width: 1025px) {
    /* FORUM & PROFILE */
    .forums-main-page {
        margin-top: 50px;
        text-align: center;
    }
    .topic-post .post-info {
        text-align: center;
    }
    .topic-post .pm-button, .profile-info-box .pm-button {
        margin: 7px 0 6px;
    }
    .downloadable-products-page .download a:hover {
        color: #57b568;
    }
}