﻿@charset "UTF-8";



@import "default.css";


/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
    display: block;
    padding: 7px 10px;
}

ul.dropdown a.noblock {
 display: inline;

 border: none;

}

/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
    padding: 0;
    border: none;
}

ul.dropdown ul a,
ul.dropdown ul span {
    padding: 8px;
}



/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */





/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li {
}

    ul.dropdown li.hover, ul.dropdown li:hover {
        color: white;
        background-color: #999999;
    }

    ul.dropdown li a:active {
        background-color: #999999;
    }


/* Non-first level */

ul.dropdown ul {
    margin-top: 0;
}

    ul.dropdown ul li {
    }

        ul.dropdown ul li.hover,
        ul.dropdown ul li:hover {
        }



/* Mixed */

ul.dropdown li a, ul.dropdown *.dir {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: #ffffff #ffffff #999999 #D486FD;
}



/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    background-color: #999999;
    color: white;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #7f7f7f;
}

ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open {
    padding-left: 15px;
    border-top-color: #e8c2fc;
    border-left: solid 1px #86367d;
    border-left-color: #7f7f7f;
}

ul.dropdown-vertical-rtl li.hover *.open {
    padding-right: 15px;
    border-right-color: #0085d5;
    border-left: none;
}

ul.dropdown-upward li.hover *.open {
    border-top-color: #ffffff;
    border-bottom-color: #0085d5;
}

ul.dropdown-upward ul li.hover *.open {
    border-bottom-color: #e5e5e5;
}


/* CSS2 clone */

ul.dropdown li:hover > *.dir {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: #ffffff #ffffff #7f7f7f #D486FD;
    background-color: #999999;
    color: black;
}

ul.dropdown ul li:hover > *.dir, ul.dropdown-vertical li:hover > *.dir {
    padding-left: 15px;
    border-top-color: #ffffff;
    border-left: solid 1px #86367d;
    border-left-color: #0085d5;
}

ul.dropdown-vertical-rtl li:hover > *.dir {
    padding-right: 15px;
    border-right-color: #0085d5;
    border-left: none;
    border-left-color: inherit;
}

ul.dropdown-upward li:hover > *.dir {
    border-top-color: #ffffff;
    border-bottom-color: #0085d5;
}

ul.dropdown-upward ul li:hover > *.dir {
    border-bottom-color: #ffffff;
}
