/*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/

/*
 * This solution works with all modern browsers and Internet Explorer 9+. 
 * If you are interested in purchasing a JavaScript enabler for IE8 
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/

.css-treeview ul,
.css-treeview li {
    padding: 0;
    margin-bottom: 5px;
    list-style: none;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.css-treeview input {
    position: absolute;
    opacity: 0;
}

.css-treeview {
    font: normal 11px; /*"Segoe UI", Arial, Sans-serif;*/
    /*-moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;*/
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    /*max-width: 200px;*/
}

    .css-treeview a {
        /*display: block;*/
        color: #000; /*#00f;*/
        text-decoration: none;
        /*font-weight: normal;*/
        /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
        /*max-width: 100px;*/
    }

        .css-treeview a:hover {
            text-decoration: underline;
        }

    .css-treeview input + label + ul, .css-treeview div + ul {
        margin: 5px 0 10px 15px;
    }

    .css-treeview input ~ ul, .css-treeview div ~ ul {
        display: none;
    }

    .css-treeview label,
    .css-treeview label::before {
        font-weight: normal;
        cursor: pointer;
    }

    .css-treeview input:disabled + label {
        cursor: default;
        opacity: .6;
    }

    .css-treeview input:checked:not(:disabled) ~ ul {
        display: block;
    }

    .css-treeview label,
    .css-treeview label::before {
        background: url("../images/icons2.png") no-repeat
    }

        .css-treeview label,
        /*.css-treeview a,*/
        /*.css-treeview span,*/
        .css-treeview label::before {
            display: inline-block;
            height: 17px;
            line-height: 16px;
            vertical-align: middle;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    /*.css-treeview label,
.css-treeview a,*/
    .css-treeview span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-treeview label {
        background-position: 18px 0;
    }

        .css-treeview label.promotion {
            height: auto;
            background: none;
        }

        .css-treeview label::before {
            content: "";
            width: 16px;
            margin: 0 22px 0 0;
            vertical-align: middle;
            background-position: 0 -32px;
        }

            .css-treeview label.promotion::before {
                margin-right: 0;
            }

    .css-treeview input:checked + label::before {
        background-position: 0 -16px;
    }

    .css-treeview img {
        max-width: 100%;
    }

    .css-treeview ul li a {
        margin-left: 25px;
    }

    /* webkit adjacent element selector bugfix */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .css-treeview {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }

    @-webkit-keyframes webkit-adjacent-element-selector-bugfix {
        from {
            padding: 0;
        }

        to {
            padding: 0;
        }
    }
}