﻿.Navigation{
    width:200px;
    /*background:#500;*/
    float:left;
    /*color:#FFF;*/
    height:100%;
    position:fixed;
    z-index:3;
    /*border-right:1px solid #3C3C3C;*/
}

#Menu{
    z-index:2;
    position:fixed;
    width:200px;
    background-color:inherit;
}

#Menu *{
    color:inherit;
    left:0px;
    border:none;
    position:relative !important;
    display:block !important;
    width:100% !important;
}

#Menu *, #Menu :active, #Menu :focus, #Menu :hover{border:none;outline:none;}

#Menu ul{top:0px !important;left:0px !important;}
#Menu .menu-item-style{padding:10px 0px;text-decoration:none;} /*make links and drop downs more button like, easier for mobile devices*/
#Menu .level1 .menu-item-style{padding-left:10px;}
#Menu .level2 .menu-item-style{padding-left:25px;}
#Menu .level3 .menu-item-style{padding-left:35px;}
#Menu .highlighed{background:none;}
#Menu .WCMenu > ul > * > :first-child{background-position:5px;background-repeat:no-repeat;}


/*.Navigation > #Menu .WCMenu > ul > :nth-child(1) > :first-child{background-image:url("dashboard.png");}
.NavigationGuest > #Menu .WCMenu > ul > :nth-child(1) > :first-child{background-image:url("compass_white.png") !important;}*/

/*#Menu .WCMenu > ul > :nth-child(2) > :first-child{background-image:url("search.png");}
#Menu .WCMenu > ul > :nth-child(3) > :first-child{background-image:url("quotes.png");}
#Menu .WCMenu > ul > :nth-child(4) > :first-child{background-image:url("orders.png");}
#Menu .WCMenu > ul > :nth-child(5) > :first-child{background-image:url("documents.png");}
#Menu .WCMenu > ul > :nth-child(6) > :first-child{background-image:url("setup.png");}*/

/*Accordion menu*/
#Menu ul{height:0px;overflow:hidden;}
#Menu .Child-Toggled > ul, #Menu .Toggled > ul, #Menu .WCMenu{height:auto;}
#Menu .child-selected > ul{height:auto;}
#Menu .menu-item-style:hover.popout{
    cursor:pointer;
}
