/* CSS Document */
/*
	Bootstrap 3 Template
	Author:				Angelo Rocha
	Author URL:			www.angelorocha.com.br
	Licence:			GPL v3
    
    Contacts
    Twitter:            https://twitter.com/_AngeloRocha
    Google Plus:        https://plus.google.com/+AngeloRocha/posts
    Linkedin:           http://br.linkedin.com/in/angelorocha
    Github:             https://github.com/angelorocha
*/

/**
    * Table of Contents:
    *
    * 1. Home Classes
    * 2. XOOPS Codes
    * 3. XOOPS Blocks
    * 4. XOOPS Modules
        * 4.1. News
        * 4.2. Tag Module
        * 4.3. System
        * 4.4. System Comments
        * 4.5. System Site Closed
        * 4.6. Profile Module
        * 4.7. Contact Module
        * 4.8. PM Module
        * 4.9. eXtgallery Module
        * 4.10. TDMDownloads
        * 4.11. XOOPS Tube
        * 4.12. NewBB Module
		* 4.13. nc_menu
    * 5. Useful Classes
    * 6. Bootstrap Fix
    * 7. Other Fix
**/

/* For Mobile IE */
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* 1. Home Classes */
div.global-nav {
    margin-bottom: 0;
}

a.navbar-brand.xlogo {
    padding: 0px 0px 0px 5px;
}

@media (min-width: 768px) {
    a.navbar-brand.xlogo {
        padding: 15px 0px 0px 5px;
    }
}

.navbar-border {
    border-bottom: 3px solid #F0AD4E;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, .24);
}

div.slideshow {
}

    div.slideshow .carousel-caption {
        bottom: 10%;
    }

    div.slideshow .carousel-indicators {
        bottom: 40px;
    }

    div.slideshow .item {
        text-align: center;
    }

        div.slideshow .item img {
            display: inline-block;
        }

div.maincontainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.home-message {
    background: #FAFAFA;
    padding-top: 5px;
    border-left: 3px solid #9C6;
    margin-top: -60px;
    position: relative;
    z-index: 5;
}

div.bottom-blocks {
    background: url(images/cover.jpg) 50% 50% no-repeat fixed;
    background-size: cover;
    margin-top: 20px;
    padding: 20px 0 20px 0;
}

footer.footer {
    background: #FFF;
    color: #666;
    font-size: 12px;
    padding-top: 66px;
    padding-bottom: 80px;
}

    footer.footer a {
        color: #666;
    }

    footer.footer > h3 {
        font-size: 0.9em;
        margin: 0;
        line-height: inherit;
        max-width: 960px;
        margin: 0 auto 0 auto;
        padding: 10px 0 10px 0;
        text-align: center;
        position: relative;
    }

        footer.footer > h3 > a.credits {
            position: absolute;
            top: 3px;
            right: 10px;
        }

    footer.footer .footer_logo {
        display: inline-block;
        margin-bottom: 20px;
    }

        footer.footer .footer_logo img {
            border: none;
        }

    footer.footer .footer-info {
        padding-left: 70px;
    }

    footer.footer .qr {
        border: 2px solid #FFF;
        margin-left: 10px;
    }

@media (max-width: 767px) {
    footer.footer .qr {
        margin-bottom: 10px;
    }
}

@media (max-width: 1199px) {
    footer.footer .userlog {
        display: block;
    }
}

.social {
    padding-left: 60px;
}

    .social a {
        display: inline-block;
        margin: 10px 10px 0px;
    }

        .social a:hover {
            color: #550F8C;
        }

@media (min-width:768px) and (max-width:991px) {
    .social a {
        margin: 8px 8px 0px;
    }

    .social {
        padding-left: 40px;
    }

    footer.footer .footer-info {
        padding-left: 50px;
    }
}

.xoops-banner {
    position: relative;
    top: 40px;
}

    .xoops-banner * {
        max-width: 100%;
    }

/* 2. XOOPS Codes */
.xoopsQuote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
    font-style: italic;
}

.xoopsCode {
    background: url(images/code.png);
    overflow-x: auto;
    border: 1px solid #EEE;
    padding-left: 10px
}

    .xoopsCode code {
        background-color: transparent;
        line-height: 25px;
        position: relative;
    }

        .xoopsCode code > span {
            position: relative;
            z-index: 5;
        }

/* 3. XOOPS Blocks*/
div.xoops-side-blocks > aside {
    margin-bottom: 20px;
}

    div.xoops-side-blocks > aside h1, div.xoops-side-blocks > aside h2, div.xoops-side-blocks > aside h3, div.xoops-side-blocks > aside h4, div.xoops-side-blocks > aside h5, div.xoops-side-blocks > aside h6 {
        font-size: 0.9em;
    }

    div.xoops-side-blocks > aside > h4.block-title {
        line-height: inherit;
        margin: 0;
        font-size: 1.3em;
    }

.block-title {
    background: #550F8C;
    color: #FFF;
    padding: 14px 14px 14px 24px;
    border-radius: 0px;
}

div.xoops-blocks {
    margin-bottom: 20px;
}

    div.xoops-blocks > h4 {
        line-height: inherit;
        margin: 0;
    }

div.xoops-bottom-blocks {
    background: #FFF;
    padding: 10px;
    text-align: justify;
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -webkit-transition: all linear 300ms;
    top: 0;
}

    div.xoops-bottom-blocks:hover {
        top: -10px;
        box-shadow: 0 10px 10px #222;
    }

/* 4. XOOPS Modules */

/* 4.1. News */
div.news-home {
}

    div.news-home .text-center form {
        margin-bottom: 20px;
    }

div.home-news-loop {
    margin-bottom: 20px;
}

div.excerpt-news {
    max-height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
    text-overflow: ellipsis;
}

div.excerpt-more {
    font-size: 12px;
}

div.home-thumbnails {
    height: auto;
    overflow: hidden;
    border: none;
}

div.thumbnails-4by3 {
    height: 0px;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

div.home-thumbnails img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
}
/*div.home-news-loop:hover div.home-thumbnails img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}*/
div.home-news-loop div.home-thumbnails img, div.home-news-loop:hover div.home-thumbnails img {
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}

div.home-news-loop a {
    color: #444;
}

    div.home-news-loop a:hover .xoops-news-title {
        color: #000;
    }

section.news-item {
    margin-bottom: 20px;
}

div.news-header {
    position: relative;
}

    div.news-header img {
        position: relative;
        min-width: 100%;
        max-width: 100%;
    }

    div.news-header > h2.news-title {
        background: url(images/alpha.png);
        position: absolute;
        bottom: 10%;
        left: 0;
        padding: 10px;
        margin: 0;
        color: #FFF;
        font-size: 1.8em;
        z-index: 5;
    }

        div.news-header > h2.news-title > a {
            color: #CF9;
        }

            div.news-header > h2.news-title > a:after {
                content: ": "
            }

h2.news-no-image {
    font-size: 1.5em;
    margin: 0;
    line-height: inherit;
}

strong.hit-counter {
    background: #333;
    color: #FFF;
    border-radius: 100%;
    padding: 10px 0px 0px;
    font-size: 12px;
    line-height: 14px;
    width: 50px;
    height: 50px;
}

div.xoops-news-navigation {
    padding: 10px 0 10px 0;
}

    div.xoops-news-navigation a {
        display: inline-block;
        background: #222;
        padding: 6px 10px 2px 10px;
        color: #EEE;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        letter-spacing: 0.5px;
        transition: all linear 300ms;
        -moz-transition: all linear 300ms;
        -webkit-transition: all linear 300ms;
    }

        div.xoops-news-navigation a:hover {
            background: #EEE;
            box-shadow: 0 0 5px #222;
            color: #333;
        }

div.xoops-news-icons {
    padding: 10px;
}

    div.xoops-news-icons a {
        font-size: 1.5em;
        margin: 0 10px 0 10px;
    }

/* 4.2. Tag module */
div.xoops-tag-bar {
}

    div.xoops-tag-bar > ul {
    }

        div.xoops-tag-bar > ul > li.tag-title {
            font-weight: bold;
            margin: 0 10px 0 0;
        }

        div.xoops-tag-bar > ul > li {
            display: inline-table;
            line-height: 25px;
            margin-right: 10px;
        }

            div.xoops-tag-bar > ul > li > span {
            }

/* 4.3. System */
div.loginform input[type=submit] {
    margin-bottom: 5px;
}

div.usermenu li span {
    margin-right: 10px;
}

div.usermenu li a.info span {
    color: #F00;
}

    div.usermenu li a.info span.badge {
        background: #F00;
        color: #FFF;
    }

div.xoops-theme-select {
    text-align: center;
}

    div.xoops-theme-select form select {
        border: 1px solid #D6D6D6;
        width: 100%;
    }

    div.xoops-theme-select img {
        max-width: 100%;
    }

ul.userblock {
    border-bottom: 1px solid #EEE;
    margin-bottom: 0;
    padding: 5px 0 5px 0;
}

    ul.userblock:nth-child(odd) {
        background: #F9F9F9;
    }

    ul.userblock:hover {
        background: #EEE;
    }

    ul.userblock:last-child {
        border-bottom: none;
    }

    ul.userblock > li {
        display: inline-block;
        position: relative;
    }

        ul.userblock > li.avatar-image {
            max-width: 20%;
        }

            ul.userblock > li.avatar-image img {
                max-width: 100%;
            }

        ul.userblock > li.user-name {
            padding: 0 0 0 10px;
            width: 49%;
        }

        ul.userblock > li.join-date {
            padding: 0 5px 0 0;
            width: 9%;
        }

        ul.userblock > li span.badge {
            background: #47A447;
            position: absolute;
            bottom: 0;
            right: 0;
        }

/* 4.4. System Comments */
div.xoops-comment-body {
    margin-top: 20px;
}

div.xoops-comment-template {
    margin-bottom: 20px;
}

div.xoops-comment-author img {
    display: inline-block;
}

div.xoops-comment-author ul.poster-info {
    text-align: left;
}

div.xoops-comment-author li.poster-rank {
    margin-bottom: 10px;
}

div.xoops-comment-author strong.poster-rank {
    font-size: 0.8em;
}

div.xoops-comment-author img.image-avatar {
    width: 100%;
    border: 1px solid #CCC;
}

div.xoops-comment-author.col-md-2 {
    padding-right: 0
}

div.xoops-comment-text > div {
    display: none;
}

div.xoops-comment-text p.message-text {
    background: #EAEAEA;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
}

    div.xoops-comment-text p.message-text:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        left: -10px;
        background: url(images/comment-arrow.png) 50% 50% no-repeat;
        background-size: contain;
    }

div.xoops-comment-form {
}

    div.xoops-comment-form input[type=text], div.xoops-comment-form textarea {
        background: #EEE;
        padding: 5px;
        min-width: 100%;
        border: 1px solid #DDD;
        margin-bottom: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        div.xoops-comment-form input[type=text]:focus, div.xoops-comment-form textarea:focus {
            background: #FFF;
        }

    div.xoops-comment-form textarea {
        max-height: 150px;
    }

    div.xoops-comment-form input[type=submit] {
        background: #5BC0DE;
        border: 1px solid #09C;
        padding: 5px;
        color: #FFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        float: right;
    }

    div.xoops-comment-form span {
        font-weight: bold;
        color: #999;
    }

        div.xoops-comment-form span.caption-marker {
            color: #F00;
            padding-left: 10px;
            font-size: 1.5em;
        }

div.modal-dialog.comments-modal {
}

div.comments-nav {
    padding: 10px;
}

/* 4.5. System Site Closed */
.site-closed-body {
    background: url(images/background-site-closed.jpg) top center no-repeat fixed;
}

div.xoops-site-closed {
    margin-top: 10%;
}

div.site-closed-logo {
    margin-bottom: 5%;
}

div.xoops-site-closed-container {
    background: #FFF;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 10px #333, 0 0 10px #333;
}

    div.xoops-site-closed-container input {
        margin-bottom: 10px;
    }

div.input-container {
    position: relative;
}

    div.input-container input:focus ~ span {
        left: -50px;
    }

    div.input-container > span {
        background: #111;
        color: #000;
        text-shadow: 1px 1px 0 #333;
        position: absolute;
        top: -3px;
        left: -10px;
        padding: 10px;
        z-index: -1;
        font-size: 1.5em;
        border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        transition: all linear 300ms;
        -moz-transition: all linear 300ms;
        -webkit-transition: all linear 300ms;
    }

/* 4.6. Profile Module */
ul.profile-values {
    margin-top: 10px;
}

    ul.profile-values > li {
        margin-bottom: 5px;
    }

        ul.profile-values > li.profile-category-title {
            font-size: 1.2em;
            font-weight: 600;
            border-bottom: 1px dashed #999;
            margin-bottom: 0;
            color: #09C;
        }

/* 4.7. Contact Module */
div.contact-module {
    font-weight: bold;
}

    div.contact-module input,
    div.contact-module textarea {
        background: #EEE;
        border: 1px solid #EAEAEA;
        padding: 10px;
        display: block;
        min-width: 100%;
        max-width: 100%;
        max-height: 250px;
        margin-bottom: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        div.contact-module input[type=text]:focus,
        div.contact-module textarea:focus {
            background: #FFF;
        }

        div.contact-module input[type=submit] {
            background: #5BC0DE;
            color: #FFF;
            font-weight: bold;
        }

/* 4.8. PM Module */
div.xoops-message-header {
    min-height: 40px;
}

div.xoops-message-list div.col-xs-1,
div.xoops-message-list div.col-md-1 {
    max-width: 14px;
    text-align: center;
}

    div.xoops-message-list div.col-xs-1 .btn,
    div.xoops-message-list div.col-md-1 .btn {
        padding: 3px;
        display: inline-block;
        font-size: 0.9em;
    }

div.xoops-message-loop {
    margin-bottom: 10px;
}

div.current-tab {
    margin-bottom: 20px;
}

div.message-current-tab div.alert {
    padding: 10px 30px 10px 10px;
}

/* 4.9. eXtgallery Module */
div.xoops-gallery-thumb {
    height: 130px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

    div.xoops-gallery-thumb img {
        position: absolute;
        width: 100%;
        height: 100%;
    }

a.extgallery-album-name {
    background: #000;
    width: 100%;
    padding: 5px 0 5px 0;
    text-align: center;
    position: absolute;
    bottom: -100px;
    color: #FFF;
    opacity: 0.8;
    transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -webkit-transition: all linear 300ms;
}

div.xoops-gallery-thumb:hover a.extgallery-album-name {
    bottom: 0;
}

strong.number-photos {
    background: #000;
    opacity: 0.8;
    color: #FFF;
    font-size: 0.8em;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px 0 10px;
}

div.extGalleryAlbum {
}

    div.extGalleryAlbum > .col-md-12 {
        padding: 0;
    }

h3.gallerytitle {
    font-size: 1.3em;
}

div.orderbyicons {
    font-size: 1.2em;
    font-weight: bold;
    color: #999;
}

    div.orderbyicons ul li {
        display: inline-block;
        margin: 0 10px 0 10px;
        line-height: 30px;
    }

    div.orderbyicons a {
        color: #333;
        font-size: 1.2em;
    }

div.album-thumb {
    max-height: 140px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

ul.adminlinks {
    background: url(images/alpha.png);
    color: #EAEAEA;
    font-size: 0.9em;
    position: absolute;
    top: 0;
    right: -300px;
    height: 100%;
    -moz-transition: all linear 300ms;
    -webkit-transition: all linear 300ms;
    transition: all linear 300ms;
}

div.album-thumb:hover > ul.adminlinks {
    right: 0;
    text-align: center;
}

ul.adminlinks > li {
    padding: 2px 5px 2px 5px;
    position: relative;
}

    ul.adminlinks > li > a {
        color: #FFF;
    }

div.photoRating {
    position: absolute;
    bottom: 0;
    padding: 3px;
    background: #FFF;
    opacity: 0.8;
    border-radius: 0 5px 0 0;
}

div.photo-nav-controls {
}

    div.photo-nav-controls ul {
        background: url(images/alpha.png);
        position: relative;
        right: 5px;
        color: #FFF;
        font-weight: bold;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        margin: 0;
        overflow: hidden;
    }

        div.photo-nav-controls ul li {
            display: inline-table;
        }

            div.photo-nav-controls ul li.nav-btn {
                background: url(images/alpha.png);
                width: 30px;
                font-size: 1.5em;
            }

            div.photo-nav-controls ul li a {
                color: #000;
                text-shadow: 1px 1px 0 #333;
            }

            div.photo-nav-controls ul li.small {
                font-size: 0.9em;
                margin: 0 5px 0 5px;
            }

div.gallery-single-photo {
}

    div.gallery-single-photo img.img-thumbnail {
        position: relative;
        width: 100%;
    }

ul.photo-info li {
    margin-bottom: 10px;
    border-bottom: 1px dotted #999;
}

    ul.photo-info li:last-child {
        border-bottom: none;
    }

ul.form-send-e-card li {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

ul.form-send-e-card input[type=submit] {
    background: #09C;
    min-width: 20%;
    color: #FFF;
}

ul.form-send-e-card input, ul.form-send-e-card textarea {
    min-width: 50%;
    max-width: 50%;
    border: 1px solid #E6E6E6;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    ul.form-send-e-card input:focus, ul.form-send-e-card textarea:focus {
        background: #EEE;
    }

/* 4.10. TDMDownloads */
div.tdmdownloads {
}

div.tdm-category-list {
    margin-bottom: 10px;
}

    div.tdm-category-list img {
        max-width: 100%;
    }

a.tdm-category-image {
    margin: 10px 0 10px 0;
    display: block;
    text-align: center;
}

a.tdm-download-btn {
    font-size: 1.5em;
}

div.tdm-downloads-info {
    margin-top: 10px;
    margin-bottom: 10px;
}

    div.tdm-downloads-info ul.list-unstyled {
    }

        div.tdm-downloads-info ul.list-unstyled li {
            line-height: 30px;
            list-style: square;
            margin-left: 20px;
            font-size: 0.9em;
        }

div.tdm-minibox {
    margin-bottom: 20px;
}

div.tdm-download-logo {
    max-height: 120px;
    overflow: hidden;
}

    div.tdm-download-logo img {
        width: 100%;
    }

div.tdm-short-description {
    max-height: 80px;
    overflow: hidden;
    text-align: justify;
    margin: 5px 0 5px 0;
}

div.tdm-download-data.row {
    font-weight: bold;
    color: #999;
    font-size: 0.8em;
}

.tdm-title {
    font-size: 1.3em;
    line-height: inherit;
    margin: 0 0 5px 0;
    display: block;
}

div.tdm-screenshot-single {
}

    div.tdm-screenshot-single img {
        min-width: 100%;
        max-width: 100%;
    }

div.tdm-download-data {
    padding-bottom: 5px;
    border-bottom: 1px dashed #999;
}

    div.tdm-download-data ul.tdm-download-details {
    }

        div.tdm-download-data ul.tdm-download-details li {
            margin: 5px 10px 5px 10px;
        }

div.tdm-modify-file {
    overflow-x: hidden;
}

    div.tdm-modify-file img {
        max-width: 100%;
    }

ul.tdm-new-download-block {
}

    ul.tdm-new-download-block li {
        line-height: 30px;
        border-bottom: 1px dashed #EAEAEA;
    }

        ul.tdm-new-download-block li:last-child {
            border-bottom: none;
        }

/* 4.11. XOOPS Tube */
.xoopstube {
}

    .xoopstube .col-md-12 {
        margin-bottom: 10px;
    }

    .xoopstube .xoopstube-header {
        margin-bottom: 10px;
    }

        .xoopstube .xoopstube-header > a > img {
            max-width: 100%;
        }

    .xoopstube .xoopstube-header-text {
        margin-bottom: 10px;
    }

    .xoopstube .xoopstube-description {
        margin-bottom: 10px;
    }

    .xoopstube .xoopstube-navigation {
    }

        .xoopstube .xoopstube-navigation span {
            margin-bottom: 10px;
        }

        .xoopstube .xoopstube-navigation a {
            background: #FAFAFA;
            border: 1px solid #EEE;
            font-size: 0.9em;
            padding: 5px 10px 5px 10px;
            display: inline-block;
            margin: 0 0 5px 0;
            border-radius: 5px;
        }

            .xoopstube .xoopstube-navigation a:hover {
                background: #EBEBEB;
                color: #979797;
            }

.xoopstube-loop {
    margin-bottom: 20px;
}

    .xoopstube-loop ul li {
        margin-bottom: 5px;
    }

.xoopstube-video-title {
    font-size: 1.5em;
    line-height: inherit;
    margin: 0;
}

.xoopstube-video-thumb {
    padding: 0;
    position: relative;
}

    .xoopstube-video-thumb span {
        position: absolute;
        left: 5px;
        bottom: 5px;
        color: #666;
    }

    .xoopstube-video-thumb img {
        max-width: 100%;
    }

.xoopstube .xoopstube-video-info {
}

    .xoopstube .xoopstube-video-info [class*=col] {
        margin-bottom: 10px;
    }

.xoopstube .category-titles {
    margin-bottom: 10px;
}

.xoopstube .xoopstube-data {
    margin-bottom: 10px;
}

.xoopstube ul.xoopstube-list li {
    margin-bottom: 10px;
}

.xoopstube .xoopstube-footer {
    margin-bottom: 20px;
}

.xoopstube-other-video {
    background: #F9F9F9;
    border-top: 1px solid #EEE;
}

.xoopstube-credits {
    background: #333;
    color: #EEE;
    padding: 10px;
}

.xoopstube-blocks {
}

    .xoopstube-blocks img {
        max-width: 100%;
    }

.xoopstube-thumb {
    position: relative;
    margin-bottom: 20px;
}

    .xoopstube-thumb span {
        background: #000;
        display: block;
    }

.xoopstube-video-play {
}

    .xoopstube-video-play embed {
        max-width: 100%;
    }

/* 4.12. NewBB Module */
.newbb {
}

.newbb-header {
}

.newbb-menu {
}

.newbb-header-icons {
}

    .newbb-header-icons div {
        margin-bottom: 10px;
    }

.xoops-newbb-category-list {
}

    .xoops-newbb-category-list a.pull-right {
        margin-left: 5px
    }

.xoops-newbb-list-foruns {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 5px;
}

    .xoops-newbb-list-foruns:last-child {
        border-bottom: none;
    }

.xoops-newbb-viewtopic {
}

    .xoops-newbb-viewtopic table {
        max-width: 100%;
        border: 1px solid #000;
    }

.xoops-mewbb-forum-title {
}

    .xoops-mewbb-forum-title a.btn {
        color: #FFF;
    }

/* 5. Useful Classes */
.big-info-icon-link {
    color: #333;
    font-size: 1.8em;
    margin: 10px 0 10px 0;
    display: inline-table;
    cursor: pointer;
}

.xoops-default-title {
    font-size: 1.3em;
    margin: 0;
    line-height: inherit;
}

.xoops-news-title {
    font-size: 16px;
    margin: 10px 0px 8px;
    line-height: inherit;
    border-bottom: none;
}

.one-line-title {
    display: block;
    max-height: 30px;
    overflow: hidden;
}

.generic-pagination {
}

    .generic-pagination a, #xo-pagenav a {
        color: #CCC;
        background: #2C2C2C;
        border: 1px solid #666;
        padding: 5px 10px;
        border-radius: 0px;
    }

        .generic-pagination a:hover, #xo-pagenav a:hover {
            background: #111;
            color: #CCC;
        }

    .generic-pagination .xo-pagact, #xo-pagenav .xo-pagact {
        background: #111;
        color: #CCC;
        border: 1px solid #666;
        padding: 5px;
        border-radius: 0px;
    }

#xo-pagenav {
    margin-bottom: 20px;
}

div.order-by {
    font-size: 1.2em;
}

    div.order-by a {
        color: #999;
        font-size: 1.2em;
    }

.mb10 {
    margin-bottom: 10px;
}
/* Only Add Margin Bottom of 10px */
.lw30 {
    line-height: 30px;
}
/* Only Add Line Height 30px */
.nompl {
    margin: 0;
    padding: 0;
    line-height: inherit;
}
/* No margin, paddind and lineweight -> use in title tags if necessary... */

/* Media Queries */
@media (min-width:320px) and (max-width:768px) {
    .xoops-banner {
        top: 0;
    }

        .xoops-banner.pull-right {
            float: none !important;
        }
}

/* bla, bla, bla */
.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    text-align: left;
    float: left;
}

.alignright {
    text-align: right;
    float: right;
}

/* 6. Bootstrap Fix */
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;
}

.navbar-brand {
    height: 60px;
}

@media (min-width: 768px) {
    .navbar-nav {
        margin: 0px 0px 0px 0px;
    }

    ul.navbar-nav > li > a {
        height: 40px;
        border-radius: 4px 4px 0px 0px;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #550F8C;
        background: none;
    }

    .container {
        position: relative;
    }
}

.breadcrumb {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFFFFF, #EFEFEF);
    background: -ms-linear-gradient(#FFFFFF, #EFEFEF); /*IE10*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /*IE9*/
    padding: 6px 13px;
    border: 1px solid #DDD;
}

    .breadcrumb > .active {
        color: #550F8C;
    }

.btn-detail {
    color: #FFF;
    background-color: #B051C7;
    border-color: #8C419F;
}

    .btn-detail:hover,
    .btn-detail:focus,
    .btn-detail:active,
    .btn-detail.active,
    .open > .dropdown-toggle.btn-detail {
        color: #FFF;
        background-color: #8E42A1;
        border-color: #6E337D;
    }

    .btn-detail:active,
    .btn-detail.active,
    .open > .dropdown-toggle.btn-detail {
        background-image: none;
    }

/* 7. Other Fix */

html {
    box-shadow: none !important;
}

body {
    padding-top: 126px;
}

@media (max-width: 767px) {
    body {
        padding-top: 56px;
    }
}

body#tinymce {
    padding-top: 0px;
}

a:hover, a:focus {
    color: #550F8C;
}

/*input FIX START */
input {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    input:focus, button:focus, select:focus, textarea:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    input[type=image] {
        padding: 0px;
    }

    input[type=radio] {
        display: none;
    }

        input[type=radio] + label {
            padding-left: 30px;
            height: 22px;
            display: inline-block;
            line-height: 22px;
            background-repeat: no-repeat;
            background-position: 0 0;
            vertical-align: middle;
            cursor: pointer;
            background-image: url(images/checkbox.png);
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            margin-bottom: 0px;
        }

        input[type=radio]:checked + label {
            background-position: 0 -22px;
        }

    input.formButton, input.ui-button {
        color: #FFF;
        border: 1px solid #8C419F;
        font: 12px verdana, arial, helvetica, sans-serif;
        background: #B051C7;
    }

        input.formButton:hover {
            background-color: #8E42A1;
            border: 1px solid #6E337D;
        }

input, button, select, textarea {
    border: 1px solid #CCC;
    border-radius: 4px;
}

textarea {
    width: 100%;
}
/*input FIX END */

/* other input FIX START */
#userinfo select {
    width: 100%;
}

#userinfo input[type=text] {
    width: 100%;
}

#userinfo input[type=password] {
    width: 100%;
}

#search #query {
    width: 100%;
}
/* other input FIX END */

/*table FIX START */
.outer {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #DDD;
}

    .outer > thead > tr > th,
    .outer > tbody > tr > th,
    .outer > tfoot > tr > th,
    .outer > thead > tr > td,
    .outer > tbody > tr > td,
    .outer > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

        .outer > thead > tr > td.head,
        .outer > tbody > tr > td.head,
        .outer > tfoot > tr > td.head,
        .outer > thead > tr > th.head,
        .outer > tbody > tr > th.head,
        .outer > tfoot > tr > th.head,
        .outer > thead > tr.head > td,
        .outer > tbody > tr.head > td,
        .outer > tfoot > tr.head > td,
        .outer > thead > tr.head > th,
        .outer > tbody > tr.head > th,
        .outer > tfoot > tr.head > th {
            background-color: #FCF8E3;
            vertical-align: middle;
        }

        .outer > thead > tr > td.odd,
        .outer > tbody > tr > td.odd,
        .outer > tfoot > tr > td.odd,
        .outer > thead > tr > th.odd,
        .outer > tbody > tr > th.odd,
        .outer > tfoot > tr > th.odd,
        .outer > thead > tr.odd > td,
        .outer > tbody > tr.odd > td,
        .outer > tfoot > tr.odd > td,
        .outer > thead > tr.odd > th,
        .outer > tbody > tr.odd > th,
        .outer > tfoot > tr.odd > th {
            background-color: transparent;
            vertical-align: middle;
        }

        .outer > thead > tr > td.even,
        .outer > tbody > tr > td.even,
        .outer > tfoot > tr > td.even,
        .outer > thead > tr > th.even,
        .outer > tbody > tr > th.even,
        .outer > tfoot > tr > th.even,
        .outer > thead > tr.even > td,
        .outer > tbody > tr.even > td,
        .outer > tfoot > tr.even > td,
        .outer > thead > tr.even > th,
        .outer > tbody > tr.even > th,
        .outer > tfoot > tr.even > th {
            background-color: transparent;
            vertical-align: middle;
        }
/*table FIX END */

/*answer FIX START */
body#answer th {
    background: none;
}
/*answer FIX END */

/*news FIX START */
form#storyform img {
    width: 50%;
    height: 50%;
}

section.news-item img {
    max-width: 100%;
    height: auto;
}
/*news FIX END */

/*filelist FIX START */
.chzn-container-multi .chzn-choices .search-field input {
    height: auto;
}

#filelist .outer th {
    background-color: transparent;
}

#filelist .active th {
    background-color: #F5F5F5;
}
/*filelist FIX END */

/*jqueryui FIX Start*/
.ui-dialog {
    z-index: 999;
}
/*jqueryui FIX End*/