/*This page is resourced for several different ellements - to check vuk 05/02/2017*/

#leftmenu {
    z-index: 702;
    top: 20px;
    position: absolute;
    left: 0px;
    display:inline-block;  /*display word was missing - corrected by vuk 06/02/2017*/
    background-color:#999

}

.tools{
    background-color:firebrick;
    color:red;
}

.components{
    background-color:firebrick;
    color:purple;
}

.LinkTextStyle{ 
    /*Following is to match font name, size and color with other menu titles */
    color:white; font: 1em arial, sans-serif; line-height:2em;
}


.LeftMenuButton {
    background-color: transparent;
    border: none;
    color: white;
    padding: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: .8em;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

    .LeftMenuButton:hover {
        background-color: transparent;
        color: white;
    }

.dropdown .dropdown-menu {
    position: absolute;
    display: none;
    margin: 0;
    list-style: none; /** Remove list bullets */
    width: 100px; /** Set the width to 100% of it's parent */
    padding: 0 0 2px 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


#navigation ul {
    margin: 0px;
    border-radius: 8px;
    padding: 0px;
    font-size: .9em;
    width: 150px;
}

    #navigation ul li ul {
        margin: 0px;
        padding: .1em;
    }

    #navigation ul li {
        list-style: none;
    }

    #navigation ul li {
        margin-top: 1.5px;
        background: #5B5B5B url(../VerticalPureCSS/arrow.png) no-repeat center right;
        border-radius: 8px;
    }

    #navigation ul a {
        transition: all .5s ease-out 0s;
        color: #fff;
        cursor: pointer;
        display: block;
        height: 1.8em !important;
        padding-top: .5em;
        text-indent: 10px;
        text-decoration: none;
        border-radius: 8px;
        font: .9em arial, sans-serif;
    }

        #navigation ul a:hover {
            text-decoration: none;
        }

    #navigation ul li:hover {
        background: #f90 url(../VerticalPureCSS/arrow2d.png) no-repeat center right;
        transition: all .5s ease-out 0s;
        border-radius: 8px;
        position: relative;
    }

    #navigation ul li ul {
        display: none;
        width: 250px;
        line-height:2em;
    }

#navigation li:hover ul {
    transition: all .5s ease-out 0s;
    background: #999;
    padding: .1em;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 100%;
    top: 0px;
    border-radius: 8px;
}

#navigation ul ul li {
    border: none;
    width: 250px;
    border-radius: 8px;

}

#navigation ul {
    background: #999;
    transition: all .5s ease-out 0s;
}

    #navigation ul li ul li {
        background: #5B5B5B;
    }

        #navigation ul li ul li:hover {
            background: #4800ff url() no-repeat center right;
        }