﻿

.dnnMenu .breadcrumb {
    padding: inherit;
    margin: inherit;
    list-style: outside none none;
    background: none;
    border-radius: 0;
}

.dnnMenu .topLevel {
    position: relative;
    margin: 0;
    padding: 0;
}

    .dnnMenu .topLevel li {
        float: left;
        list-style-type: none;
        position: relative;
        margin: 0;
        padding: 0;
    }

        .dnnMenu .topLevel li a {
            display: block;
            color: #FFF;
            line-height: 40px;
            font-size: 14px;
            text-transform: uppercase;
            margin: 0px;
            /*border-top: 4px solid transparent;*/
        }
            .dnnMenu .topLevel li a span {
                background-color: transparent;
                border-bottom: 3px solid #00afa1;
                padding-bottom: 8px;
                transition:all 1s;
                -webkit-transition:all 1s;
                -moz-transition:all 1s;
            }
            .dnnMenu .topLevel li a span:hover {
                background-color: transparent;
                border-bottom: 3px solid #FFF;
                padding-bottom: 8px;
            }

            .dnnMenu .topLevel li.haschild a span:after {
            content: "\f0d7";
            font-family: FontAwesome;
            padding: 0 0 0 7px;
            font-size: 12px;
            font-weight: normal;
        }


        .dnnMenu .topLevel li a {
            padding: 12px 20px;
            display: block;
        }

        .dnnMenu .topLevel li.hover a,
        .dnnMenu .topLevel li a:hover {
            /*background: #363636;*/
            /*border-top: 4px solid #00afa1;*/
        }

        .dnnMenu .topLevel li.hover li a {
            background: none;
        }

        .dnnMenu .topLevel li a div {
            display: block;
            line-height: 33px;
            margin: 0;
            padding: 0;
        }


.dnnMenu .subLevel {
    position: absolute;
    width: auto;
    margin: 0px;
    padding: 0;
    z-index: 1210;
    background: #fff;
    display: none;
    min-width: 200px;
    text-align: left;
    box-shadow: 0 0 1px #ccc;
}

.dnnMenu .topLevel li.hover .subLevel {
    display: block;
}

.dnnMenu .subLevel ul {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1200;
}

.dnnMenu .subLevel li {
    float: none;
    clear: both;
    width: auto;
    margin: 0;
}

    .dnnMenu .subLevel li:last-child a {
        border-bottom: none;
    }

    .dnnMenu .subLevel li .subLevelRight li a { /*border-bottom: 1px solid #444;*/
    }

    .dnnMenu .subLevel li li:last-child a {
        border-bottom: none;
    }

    .dnnMenu .subLevel li li:last-child li a { /*border-bottom: 1px solid #444;*/
    }

    .dnnMenu .subLevel li li:last-child li:last-child a {
        border-bottom: none;
    }

    .dnnMenu .subLevel li a {
        text-transform: capitalize;
        color: #AAA;
        font-weight: 400;
        position: relative;
        /*  border-bottom: 1px solid #e6e6e6;
	margin: 0px 15px;*/
        border-top: none !important;
        font-size: 13px;
        transition: none;
    }

/*submenu Level2*/
.dnnMenu .topLevel li.haschild li a span:after {
    content: "";
}

.dnnMenu .topLevel li.haschild li.haschild a span:after {
    content: "\f0da";
    font-family: FontAwesome;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 10px;
}

/*submenu Level3*/
.dnnMenu .topLevel li.haschild li.haschild li a span:after {
    content: "";
}

.dnnMenu .topLevel li.haschild li.haschild li.haschild a span:after {
    content: "\f0da";
    font-family: FontAwesome;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 10px;
}

/*submenu Level4*/
.dnnMenu .topLevel li.haschild li.haschild li.haschild li a span:after {
    content: "";
}


.dnnMenu .subLevel li.haschild li a {
    background: none;
}

.dnnMenu .subLevel li.item a div {
    display: block;
    color: #444;
}

    .dnnMenu .subLevel li.item a div img {
        margin-right: .5em;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

    .dnnMenu .subLevel li.item a div span {
        padding: 3px 20px;
        position: relative;
    }

.dnnMenu .subLevel li.item a:hover {
    background-color: #00afa1;
}

    .dnnMenu .subLevel li.item a:hover div {
        color: #fff;
    }

.dnnMenu .subLevelRight {
    display: none;
    position: absolute;
    left: 200px;
    width: auto;
    top: 0;
    padding: 0;
    background: #fff;
    min-width: 200px;
    box-shadow: 0 0 1px #ccc;
}

.dnnMenu .subLevel li.hover > .subLevelRight {
    display: block;
}

.dnnMenu .subLevelRight ul {
    display: block;
}

    .dnnMenu .subLevelRight ul li {
        position: relative;
    }

        .dnnMenu .subLevelRight ul li a {
            display: block;
        }

            .dnnMenu .subLevelRight ul li a div {
                display: block;
            }


/*---selected---*/
.dnnMenu .topLevel li.selected a {
}

.dnnMenu .topLevel li.selected .subLevel li a {
    border-top: none;
}

.dnnMenu .subLevel li.selected a div {
    color: #00afa1;
}

.dnnMenu .subLevel li.selected li a div {
    color: #888;
}
/*---Current---*/
.dnnMenu .topLevel li.Current a span{
    background-color: transparent;
    border-bottom: 3px solid #FFF;
    padding-bottom:8px;
}

.dnnMenu .topLevel li.Current li a {
    border-top: none;
}

/*---isStuck---*/

/*---lampback---*/
.dnnMenu li.lampback {
    position: absolute;
    top: 0px;
    z-index: 8;
    border-top: 3px solid #00afa1;
    margin: 0;
}

@media handheld, only screen and (max-width:1100px) {
    .dnnMenu .topLevel li a {
        padding: 12px 15px;
    }
}

@media handheld, only screen and (max-width:1024px) {
    .dnnMenu .topLevel {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
}

@media handheld, only screen and (max-width:800px) {
    .dnnMenu .topLevel li a {
        font-size: 13px;
    }

        .dnnMenu .topLevel li a {
            padding: 10px 12px;
        }
}

@media handheld, only screen and (max-width:767px) {
    .NavMenu {
        display: none;
    }
}




/* ATG */


 .dnnMenu .breadcrumb {
    padding: inherit;
    margin: inherit;
    list-style: outside none none;
    background: none;
    border-radius: 0;
}

 .dnnMenu .topLevel {
    position: relative;
    margin: 0;
    padding: 0;
}

     .dnnMenu .topLevel li {
        float: right;
        list-style-type: none;
        position: relative;
        margin: 0;
        padding: 0;
    }

.dnnMenu ul.topLevel li:before {
    content: "•";
    color: white;
    position: absolute;
    bottom: 35%;
    top: 45%;
    left: -6PX;
    font-size: 40px;
}
 .dnnMenu ul.topLevel li:last-child:before {
    content: "";
    background: transparent;
    position: absolute;
    bottom: 35%;
    top: 35%;
    left: 0;
    height: 30%;
    width: 0.12em;
}

 .dnnMenu .topLevel li a {
    display: block;
    color: #FFF;
    line-height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px;
    /*border-top: 4px solid transparent;*/
}

 .dnnMenu .topLevel li.haschild a span:after {
    content: "\f0d7";
    font-family: FontAwesome;
    padding: 0 7px 0 0;
    font-size: 12px;
    font-weight: normal;
}


 .dnnMenu .topLevel li a {
    padding: 12px 20px;
    display: block;
}

 .dnnMenu .topLevel li.hover a,
 .dnnMenu .topLevel li a:hover {
    /*background: rgba(255,255,255,0.1);*/
    border-top: 0px solid #00afa1;
}

 .dnnMenu .topLevel li.hover li a {
    background: none;
}

 .dnnMenu .topLevel li a div {
    display: block;
    line-height: 33px;
    margin: 0;
    padding: 0;
}


 .dnnMenu .subLevel {
    position: absolute;
    width: auto;
    margin: 0px;
    padding: 0;
    z-index: 1210;
    background: #fff;
    display: none;
    min-width: 200px;
    text-align: right;
    box-shadow: 0 0 1px #ccc;
}

 .dnnMenu .topLevel li.hover .subLevel {
    display: block;
}

 .dnnMenu .subLevel ul {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1200;
}

 .dnnMenu .subLevel li {
    float: none;
    clear: both;
    width: auto;
    margin: 0;
}

     .dnnMenu .subLevel li:last-child a {
        border-bottom: none;
    }

     .dnnMenu .subLevel li .subLevelRight li a { /*border-bottom: 1px solid #444;*/
    }

     .dnnMenu .subLevel li li:last-child a {
        border-bottom: none;
    }

     .dnnMenu .subLevel li li:last-child li a { /*border-bottom: 1px solid #444;*/
    }

     .dnnMenu .subLevel li li:last-child li:last-child a {
        border-bottom: none;
    }

     .dnnMenu .subLevel li a {
        text-transform: capitalize;
        color: #AAA;
        font-weight: 400;
        position: relative;
        /*  border-bottom: 1px solid #e6e6e6;
	margin: 0px 15px;*/
        border-top: none !important;
        font-size: 13px;
        transition: none;
    }

/*submenu Level2*/
 .dnnMenu .topLevel li.haschild li a span:after {
    content: "";
}

 .dnnMenu .topLevel li.haschild li.haschild a span:after {
    content: /*"\f0da"*/ "\f0d9";
    font-family: FontAwesome;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: auto;
    left: 10px;
}

/*submenu Level3*/
 .dnnMenu .topLevel li.haschild li.haschild li a span:after {
    content: "";
}

 .dnnMenu .topLevel li.haschild li.haschild li.haschild a span:after {
    content: /*"\f0da"*/ "\f0d9";
    font-family: FontAwesome;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: auto;
    left: 10px;
}

/*submenu Level4*/
 .dnnMenu .topLevel li.haschild li.haschild li.haschild li a span:after {
    content: "";
}


 .dnnMenu .subLevel li.haschild li a {
    background: none;
}

 .dnnMenu .subLevel li.item a div {
    display: block;
    color: #444;
}

     .dnnMenu .subLevel li.item a div img {
        margin-right: auto;
        margin-left: .5em;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

     .dnnMenu .subLevel li.item a div span {
        padding: 3px 20px;
        position: relative;
    }

 .dnnMenu .subLevel li.item a:hover {
    background-color: #00afa1;
}

     .dnnMenu .subLevel li.item a:hover div {
        color: #fff;
    }

 .dnnMenu .subLevelRight {
    display: none;
    position: absolute;
    left: auto;
    right: 200px;
    width: auto;
    top: 0;
    padding: 0;
    background: #fff;
    min-width: 200px;
    box-shadow: 0 0 1px #ccc;
}

 .dnnMenu .subLevel li.hover > .subLevelRight {
    display: block;
}

 .dnnMenu .subLevelRight ul {
    display: block;
}

     .dnnMenu .subLevelRight ul li {
        position: relative;
    }

         .dnnMenu .subLevelRight ul li a {
            display: block;
        }

             .dnnMenu .subLevelRight ul li a div {
                display: block;
            }


/*---selected---*/
.dnnMenu .topLevel li.selected a {
}

 .dnnMenu .topLevel li.selected .subLevel li a {
    border-top: none;
}

 .dnnMenu .subLevel li.selected a div {
    color: #00afa1;
}

 .dnnMenu .subLevel li.selected li a div {
    color: #888;
}
/*---Current---*/
 .dnnMenu .topLevel li.Current a {
    /*background-color: rgba(255,255,255,0.1);*/
    /*border-top: 4px solid #00afa1;*/
}

 .dnnMenu .topLevel li.Current li a {
    border-top: none;
}

/*---isStuck---*/

/*---lampback---*/
 .dnnMenu li.lampback {
    position: absolute;
    top: 0px;
    z-index: 8;
    border-top: 3px solid #00afa1;
    margin: 0;
}

@media handheld, only screen and (max-width:1100px) {
     .dnnMenu .topLevel li a {
        padding: 12px 15px;
    }

    .ATGR_NavMenu_Logo {
        margin: 0 auto;
        max-height: 30px;
    }
}

@media handheld, only screen and (max-width:1024px) {
     .dnnMenu .topLevel {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .ATGR_NavMenu_Logo {
        margin: 0 auto;
        max-height: 30px;
    }
}

@media handheld, only screen and (max-width:800px) {
     .dnnMenu .topLevel li a {
        font-size: 13px;
    }

         .dnnMenu .topLevel li a {
            padding: 10px 12px;
        }

    .ATGR_NavMenu_Skintobheader {
        display: none;
    }

    .ATGR_NavMenu_Flag {
        display: none;
    }
}

@media handheld, only screen and (max-width:767px) {
     .NavMenu {
        display: none;
    }

    .ATGR_NavMenu_Skintobheader {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        top: 55px;
    }

    .ATGR_NavMenu_Logo {
        margin: 0 auto;
        max-height: 30px;
    }
}
