﻿
#acdnmenu {
    height: auto;
    /*width: 240px;*/
    width: auto;
    font-size: 0;
    font-family: 'Segoe UI';
}


    #acdnmenu ul.top {
        padding-left: 0;
    }

    #acdnmenu div.heading, #acdnmenu a.link {
        padding: 8px;
        padding-left: 15px;
        padding-right: 35px;
        text-align: left;
        font: normal 12.5px 'segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #006600;
        text-decoration: none;
        outline: none;
        /*  background: #FFFFFF left top repeat-x;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; */
    }

        #acdnmenu div:hover, #acdnmenu a.link:hover {
            color: #009933;
            font-weight: normal;
            text-decoration: none;
            background: #F4F4F4 no-repeat 10% top;
        }

    #acdnmenu div.current, #acdnmenu div.current a.link {
        color: #006600;
        font-weight: normal;
        text-decoration: none;
        background: #F4F4F4 no-repeat 10% top;
    }

    /*Top level link without children*/
    #acdnmenu a.current, #acdnmenu a.current:hover {
        color: #CA7900;
        text-decoration: underline;
    }

    /* arrow image for the top headings */
    #acdnmenu div.arrowImage {
        width: 12px;
        height: 12px;
        top: 9px;
        right: 4px; /* Changing it to "left:8px;" will position the arrow image to the left */
        background-image: url('../../images/accordinmenuicons/arrows.gif');
        background-position: 0 0;
    }

    #acdnmenu div.current div.arrowImage {
        background-position: 0 -12px;
        background-image: url('../../images/accordinmenuicons/arrows.gif');
    }

    #acdnmenu li.separator {
        border-top: 1px solid #CC0066;
    }


    /* ##### Sub level items #####*/
    #acdnmenu ul.sub {
        padding-left: 10px; /*This determines the hierarchical offset*/
        color: #006600;
    }

        #acdnmenu ul.sub ul.sub {
            background: none;
        }

        #acdnmenu ul.sub div.heading {
            text-align: left;
            font: normal 12px 'segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            padding: 5px;
            padding-left: 10px;
            color: #575782;
            background: none;
        }

            #acdnmenu ul.sub div.heading a {
                color: #BBB;
            }

        #acdnmenu ul.sub div.current {
            color: #006600;
            background: none;
        }

        #acdnmenu ul.sub a.link {
            font: normal 12px 'segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #000099;
            padding: 5px;
            padding-left: 20px;
            text-decoration: none;
            background: none;
        }

            /*selected menu*/

            #acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current {
                color: #F93200;
                text-decoration: underline;
                background: none;
                font-weight: normal;
                font-family: 'Segoe UI Light' font-size: 14px;
                text-shadow: 1px 1px 1px #CCCCCC;
            }


        #acdnmenu ul.sub div.arrowImage {
            width: 12px;
            height: 12px;
            top: 6px;
            left: 4px;
            background-image: url('../../images/accordinmenuicons/arrows.gif');
            background-position: 0 -24px;
        }

        #acdnmenu ul.sub div.current div.arrowImage {
            background-position: 0 -36px;
        }



    /* ##### Followings usually don't need modification ###### */
    /*Hack the font-size:0 bug for IE6 */
    #acdnmenu, #acdnmenu ul {
        display: block;
        font-size: 0px;
        line-height: 0px;
    }

        #acdnmenu li {
            font-size: 12px;
            line-height: 16px;
        }

        #acdnmenu:after {
            content: '.';
            height: 0;
            clear: both;
            display: block;
            visibility: hidden;
        }

        #acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {
            *zoom: 1;
        }

        #acdnmenu li {
            *float: left;
            *width: 100%;
        }

        #acdnmenu ul {
            position: relative; /*!*/
            overflow: hidden;
            padding: 0;
            margin: 0;
            list-style-type: none;
            padding-left: 10px;
        }

        #acdnmenu > ul {
            visibility: hidden;
        }

        #acdnmenu li {
            padding: 0;
            margin: 0;
        }

        #acdnmenu div.heading, #acdnmenu div.current {
            position: relative;
            cursor: pointer;
        }

        #acdnmenu div.arrowImage {
            position: absolute;
            overflow: hidden;
        }
