﻿@charset "UTF-8";

/* Menu background */
.application-menu.k-menu {
    background: linear-gradient(to bottom, #ffffff 0%,#c1c6c8 100%) !important;
}

/* Menu items */
.application-menu.k-menu > .k-item {
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #c1c6c8 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c1c6c8)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#c1c6c8 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%,#c1c6c8 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%,#c1c6c8 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%,#c1c6c8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c6c8',GradientType=0 ) !important;
    color: #4e5b73 !important;
    text-shadow: 0 1px 0 rgba(255,255,255, 0.8) !important;
}

/* Menu items: in red */
.application-menu.k-menu > .k-item.mass-alert {
    color: orangered !important;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.8) !important;
}

/* Menu items: icon in yellow */
.application-menu.k-menu > .k-item.mass-alert > .k-link > .k-sprite {
    color: yellow;
}

/* Menu items: icon in white */
.application-menu.k-menu > .k-item.mass-alert.k-state-hover > .k-link > .k-sprite, 
.application-menu.k-menu > .k-item.mass-alert > .k-link.k-state-active > .k-sprite {
    color: floralwhite;
}

/* Menu items: hover */
.application-menu.k-menu > .k-state-hover > .k-link, 
.application-menu.k-menu .k-link.k-state-active,
.application-menu.k-menu .k-item.sub-item-selected .k-link{
    background: #7e93a7 !important;
    background: -moz-linear-gradient(left, #7e93a7 0%, #4e5b73 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7e93a7), color-stop(100%,#4e5b73)) !important;
    background: -webkit-linear-gradient(left, #7e93a7 0%,#4e5b73 100%) !important;
    background: -o-linear-gradient(left, #7e93a7 0%,#4e5b73 100%) !important;
    background: -ms-linear-gradient(left, #7e93a7 0%,#4e5b73 100%) !important;
    background: linear-gradient(to right, #7e93a7 0%,#4e5b73 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e93a7', endColorstr='#4e5b73',GradientType=1 ) !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.8) !important;
    -moz-box-shadow: inset 0 0 6px #4e5b73 !important;
    -webkit-box-shadow: inset 0 0 6px #4e5b73 !important;
    box-shadow: inset 0 0 6px #4e5b73 !important;
}

/* Menu items: active */
.application-menu.k-menu > .k-state-hover > .k-link:active, 
.application-menu.k-menu > .k-link:active {
    background: #4e5b73;
    background: -moz-linear-gradient(left, #4e5b73 0%, #4e5b73 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4e5b73), color-stop(100%,#4e5b73)) !important;
    background: -webkit-linear-gradient(left, #4e5b73 0%,#4e5b73 100%) !important;
    background: -o-linear-gradient(left, #4e5b73 0%,#4e5b73 100%) !important;
    background: -ms-linear-gradient(left, #4e5b73 0%,#4e5b73 100%) !important;
    background: linear-gradient(to right, #4e5b73 0%,#4e5b73 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5b73', endColorstr='#4e5b73',GradientType=1 ) !important;
    -moz-box-shadow: inset 0px 0px 6px #4e5b73 !important;
    -webkit-box-shadow: inset 0px 0px 6px #4e5b73 !important;
    box-shadow: inset 0px 0px 6px #4e5b73 !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.8) !important;
}

/* SubMenu items separator */
.application-menu .k-menu-group > .k-item.k-separator {
    border-top: 1px solid #ccc !important;
}

/* SubMenu items */
.k-animation-container .k-menu-group > .k-item {
    background: #4e5b73 !important;
    background: -moz-linear-gradient(left, #4e5b73 0%, #4e5b73 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4e5b73), color-stop(100%,#4e5b73)) !important;
    background: -webkit-linear-gradient(left, #4e5b73 0%,#4e5b73 100%) !important;
    background: -o-linear-gradient(left, #4e5b73 0%,#4e5b73 100%) !important;
    background: -ms-linear-gradient(left, #4e5b73 0%,#4e5b73 100%) !important;
    background: linear-gradient(to right, #4e5b73 0%,#4e5b73 100%) !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.8) !important;
}

/* SubMenu items: hover */
.k-animation-container .k-menu-group > .k-state-hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .k-animation-container .k-menu-group > .k-state-hover > .k-link,
    .k-animation-container .k-menu-group > .k-item > .k-link.k-state-active {
        background: #7e93a7 !important;
        background: -moz-linear-gradient(left, #7e93a7 0%, #4e5b73 100%) !important;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7e93a7), color-stop(100%,#4e5b73)) !important;
        background: -webkit-linear-gradient(left, #7e93a7 0%,#4e5b73 100%) !important;
        background: -o-linear-gradient(left, #7e93a7 0%,#4e5b73 100%) !important;
        background: -ms-linear-gradient(left, #7e93a7 0%,#4e5b73 100%) !important;
        background: linear-gradient(to right, #7e93a7 0%,#4e5b73 100%) !important;
        color: #FFFFFF !important;
        text-shadow: 0 1px 0 rgba(0,0,0, 0.8) !important;
    }

.k-animation-container .k-menu-group {
    font-size: 16px !important;
    border-top: 0 !important;
}

.k-animation-container .k-button.k-menu-scroll-button {
    background: #4e5b73 !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.8) !important;
}

.subMenuItem:Active {
    background: #0072ff;
    border-top: 1px solid #0099FF;
    -moz-box-shadow: inset 0px 0px 6px #0c96ff;
    -webkit-box-shadow: inset 0px 0px 6px #0c96ff;
    box-shadow: inset 0px 0px 6px #0c96ff;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.8);
}

.twitter-container {
    box-shadow: none !important;
    padding-right: 6px !important;
}

#ddGroup {
    color: #3b4557;
}