/*
 * Explr.js v1.4
 * Explorer-like tree jQuery plugin
 * https://github.com/faisalman/explr-js
 *
 * Copyright © 2010-2011 Faisal Salman <f@faisalman.com>
 * Dual licensed under GPLv2 & MIT
 */

.explr-tree * {
    margin: 0;
    padding: 0;
}

.treeview,
.treeview ol,
.treeview ul {
    display: block;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.treeview {
    /*overflow: auto;*/
}

    .treeview li {
        display: block;
        position: relative;
        white-space: nowrap;
        margin-top: 1px;
    }

        .treeview li a {
            background-color: #0068b2;
            color: #FFF;
            font-family: 'Lato-Heavy';
            font-size: 15px;
            background-image: url(../images/treeview-arrow-2.png);
            background-repeat: no-repeat;
            background-position: 320px center;
            height: 40px;
            line-height: 40px;
            display: block;
            margin-top: 1px;
        }

            .treeview li a:hover {
                background-image: url(../images/treeview-arrow-1.png);
            }

        .treeview li .img {
            width: 75px;
            height: 40px;
            float: left;
            margin-right: 10px;
            background: #FFF;
            -webkit-box-shadow: 4px 2px 5px 0px rgba(50, 50, 50, 0.18);
            -moz-box-shadow: 4px 2px 5px 0px rgba(50, 50, 50, 0.18);
            box-shadow: 4px 2px 5px 0px rgba(50, 50, 50, 0.18);
        }

            .treeview li .img img {
                max-width: 70px;
                max-height: 33px;
                background: #FFF;
                margin: 3px 5px 0px 5px;
            }

        .treeview li ul li ul li a {
            padding: 0 0 0 90px;
            background-position: 70px center;
            background-image: url(../images/treeview-arrow-3.png);
            height: 30px;
            line-height: 30px;
            background-color: #FFF;
            font-size: 11px;
            color: #678091;
            border-top: 1px solid rgba(104,129,146,0.1);
        }

            .treeview li ul li ul li a:hover {
                background-image: url(../images/treeview-arrow-4.png);
            }

        .treeview li ul li ul li ul li a {
            padding: 0 0 0 100px;
            background-position: right center;
            background-image: url(../images/treeview-arrow-6.png);
        }

            .treeview li ul li ul li ul li a:hover {
                background-image: url(../images/treeview-arrow-5.png);
                background-color: rgba(235,235,235,0.6);
            }

.treeview li ul li ul li ul li a {/**/
    padding: 0 0 0 100px;
    background-position: right center;
    background-image: url(../images/treeview-arrow-6.png);
}

.treeview ul li li ul li ul li a:hover {
    background-image: url(../images/treeview-arrow-5.png);
}

.treeview li ul li a {
    display: block;
    padding: 0 0 0 60px;
    height: 35px;
    line-height: 35px;
    background-color: #b9c4cc;
    color: #FFF;
    text-decoration: none;
    font-family: 'Lato-Black';
    font-size: 13px;
    background-image: url(../images/treeview-arrow-2.png);
    background-repeat: no-repeat;
    background-position: 40px center;
}

    .treeview li ul li a:hover {
        background-image: url(../images/treeview-arrow-1.png);
    }

.tvw-item-inline {
    float: left;
    width: 20px;
    height: 30px;
    background: url(../images/treeview-arrow-7.png) no-repeat center;
}

.explr-line {
    height: 22px;
    position: absolute;
    margin-left: 0;
    margin-top: -12px;
    width: 12px;
}

.treeview ol > li:first-child > .explr-line,
.treeview ul > li:first-child > .explr-line {
    margin-top: -8px;
    height: 18px;
}

.explr-line-fix {
}

.hitarea {
    height: 16px;
    margin-left: -8px;
    margin-top: 2px;
    position: absolute;
    width: 40px;
    z-index: 1;
}

.explr-minus {
}


/* Menu icons: */

.treeview .icon-text > li, .explr-tree li.icon-text {
    display: inline;
}


/* IE Hack Fixes: */

.explr-ie,
.explr-ie ol,
.explr-ie ul {
    margin-left: 4px;
    padding-left: 16px;
    position: static;
}

    .explr-ie ol,
    .explr-ie ul {
        overflow: hidden;
    }

.explr-ie {
    padding-top: 20px;
}

    .explr-ie .hitarea {
        top: 0;
        left: 4px;
    }

    .explr-ie li {
        height: auto !important;
        height: 24px;
        *padding-top: 12px;
        _padding-top: 0;
    }

        .explr-ie li a {
            *position: absolute;
            _position: static;
            *top: 0;
            _top: auto;
        }