/* ==============================*/
/* Top centered navigation menu non-foldable */
/* ==============================*/

div.top_centered_navigation_menu__first_level_external_container
{
    background-color: #FF7700;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.top_centered_navigation_menu_first_level_menu_container
{
    text-align: center;
}

div.top_centered_navigation_menu__menu_first_level
{
    padding-right: 40px;

    font-family: "Quicksand SemiBold",verdana,arial,sans-serif;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;

    color: white;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;

}

/* On mouse-over */
div.top_centered_navigation_menu__menu_first_level:hover
{
    color: #33383b;
}

/* Arrow down (caret) symbol for the dropdown */
i.top_centered_navigation_menu__dropdown_menu_caret_down:before
{
    /* */
    content:"▼";
    /* */
}

/* Arrow down (caret) symbol for the dropdown */
i.top_centered_navigation_menu__dropdown_menu_caret_up:before
{
    /* */
    content:"▲";
    /* */
}

.top_centered_navigation_menu__dropdown_menu_caret_down
{
    float: right;
    padding-right: 10px;
}

.top_centered_navigation_menu__dropdown_menu_caret_up
{
    float: right;
    padding-right: 10px;
}

/*------------------------- */
/*------------------------- */



/* ------------------------ */
/* Left navigation sub menu */
/*------------------------- */

div.top_centered_navigation_menu__second_level
{
    background: white;
    text-align: left;
    /* vertical-align: middle; */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;

    /*
    display: none;
    */


    overflow: hidden;
    transition: height 200ms;

    position: fixed;

    z-index: 999;

}
div.top_centered_navigation_menu__first_extra_menu
{
    width: 200px;
    background: none;
    text-align: right;
    /* vertical-align: middle; */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    display: inline-block;


}
form.top_centered_navigation_menu__TDS_login_form
{
    box-sizing: border-box;
    min-width: 160px;
    max-width: 160px;
}
div.top_centered_navigation_menu__TDS_login_username_text
{
    text-align: left;
}
div.top_centered_navigation_menu__TDS_login_password_text
{
    text-align: left;
}
input.top_centered_navigation_menu__TDS_login_field
{
    box-sizing: border-box;
    min-width: 160px;
    max-width: 160px;
}




div.top_centered_navigation_menu__second_level_element
{
    background: none;
    text-align: left;
    /* vertical-align: middle; */
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;

    padding-top: 5px;
}

a.top_centered_navigation_menu__second_level_element
{
    color: #818181;
    /* * /
    color: #000000;
    /* */
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
}

a.top_centered_navigation_menu__second_level_element:hover
{
    color: #000000;
    /* * /
    color: #CC6600;
    /* */
    font-weight: normal;
}
a.top_centered_navigation_menu__second_level_element:hover:before
{
    /*
    content: ">";
    */
}

/* ==============================*/
/* ==============================*/
/* ==============================*/


/*------------------------- */
/*------------------------- */


div.top_centered_navigation_menu__second_level_external_container
{
    position: absolute;
    background: white;
}


/* =====================*/
/* =====================*/
/* =====================*/











/* ******************************************** [ All except mobiles - mid and high res ] ***************************** */
@media handheld, only screen and (min-width: 800px), only screen and (min-device-width: 800px)
{
    div.top_centered_navigation_menu__first_level_external_container
    {
        display: block;
    }

    nav.nav_medium
    {
        display: none;
    }
}


/* ******************************************** [ Mobile - low res ] **************************** */
@media handheld, only screen and (max-width: 799px), only screen and (max-device-width: 799px)
{
    div.top_centered_navigation_menu__first_level_external_container
    {
        display: none;
    }

    nav.nav_medium
    {
        display: block;
    }
}