/* General styles for all menus */
.btnContainer { background-color: #fff; /* border: 1px solid #ccc; */ /* padding: 6px; */ display: inline-block; position: relative;  box-sizing: border-box; z-index: 99; margin-top: 20px; }
.SupportSliderMenu {float:left;}

.SlideMenuButton {cursor: pointer;/* padding-top: 5px; */color: #FFFFFF;display: inline-block;position: relative; height: 42px;font-size: 15px;background-color: #0071BD;background-repeat: no-repeat;border: 0px;box-sizing: border-box;z-index: 99;padding: 12px 20px;}
.SlideMenuButton:before { content: "\f0c9"; }
.CurrentMItem {cursor: pointer;/* padding-top: 5px; */color: #0071BD;display: inline-block;position: relative;vertical-align: top;float: right;min-width: 200px;height: 28px;background-color: #fff;background-repeat: no-repeat;border: 0px;box-sizing: border-box;padding: 4px;text-align: center;border: 1px solid #ccc;border-bottom: 0px;top: 1px;}
.SlideMenuContainer { /* position: relative; */ border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; }
/* Vertical Tabs */
.VTabs {/* padding: 6px; */position: absolute;max-width: 600px;display: none;width: 600px;top: 0px;left: 0px;box-shadow: 3px 2px 5px rgba(0,0,0,.1);padding-top: 28px; z-index:99;}
.VTabs .navcontainer { margin-left: 0px; cursor: pointer; }
.VTabs #navlist, .VTabs ul.navlist {display: flex;flex-direction: row;margin: 0 auto;padding: 1%;background-color: #054f82;flex-wrap: wrap;justify-content: flex-start;}
.VTabs #navlist li, .VTabs ul.navlist > li {display: block;list-style-type: none;flex-basis: auto;flex-wrap: wrap;margin: 0px;width: 50%;/* padding: 4px; */cursor: pointer;border-collapse: collapse;/* flex-grow: 1; *//* min-width: 200px; */border: 0px;box-sizing: border-box;}
.VTabs #navlist a:link, .VTabs #navlist a:visited, .VTabs ul.navlist > li > a:link, ul.navlist > li > a:visited, .VTabs ul.navlist > li > input[type=submit] {-moz-box-shadow: inset 0px 1px 0px 0px transparent;-webkit-box-shadow: inset 0px 1px 0px 0px transparent;box-shadow: inset 0px 1px 0px 0px transparent;/* background-color: #ffffff; */color: rgba(245,245,245,1);border-top: 1px solid #4798cf;border-bottom: 1px solid #166298;border-right: 1px solid #166298;border-left: 1px solid #4978cf;top: 1px;position: relative;font-family: Verdana;font-size: 14px;font-weight: normal;line-height: 14px;/* width: 98%; */box-sizing: border-box;/* min-width: 200px; */padding: 8px;margin: 0px 0px;text-decoration: none;text-align: left;display: block;background-color: #0071bd;transition: all .3s ease-in-out;}
.VTabs #navlist a:link.current, .VTabs #navlist a:visited.current, .VTabs ul.navlist > li > input[type=submit].current, .VTabs ul.navlist > li > a:link.current {color: #fff;background-color: #011e31;}
.VTabs ul.navlist > li > a:visited.current, .VTabs ul.navlist > li > a:hover, .VTabs ul.navlist > li > a:active, .VTabs ul.navlist > li > input[type=submit]:hover {color: #fff;background-color: #054f82;border-color: #0066cc;}
.VTabs body.section-1 #navlist li#nav-1 a, .VTabs body.section-2 #navlist li#nav-2 a, .VTabs body.section-3 #navlist li#nav-3 a, .VTabs body.section-4 #navlist li#nav-4 a { background-color: #fff; border-bottom: 1px solid transparent; color: #000; }
.VTabs #navlist #subnav-1, .VTabs #navlist #subnav-2, .VTabs #navlist #subnav-3, .VTabs #navlist #subnav-4 { width: 100%; display: none; }
.VTabs body.section-1 #navlist ul#subnav-1, .VTabs body.section-2 #navlist ul#subnav-2, .VTabs body.section-3 #navlist ul#subnav-3, .VTabs body.section-4 #navlist ul#subnav-4 { display: inline; left: 10px; position: absolute; top: 200px; }
.VTabs body.section-1 #navlist ul#subnav-1 a, .VTabs body.section-2 #navlist ul#subnav-2 a, .VTabs body.section-3 #navlist ul#subnav-3 a, .VTabs body.section-4 #navlist ul#subnav-4 a { background-color: #fff; border: none; border-left: 1px solid #EAEAEA; color: #999; font-size: smaller; font-weight: normal; line-height: 10px; margin-right: 4px; padding: 2px 10px 2px 10px; text-decoration: none; }
.VTabs #navlist ul a:hover { color: #f00 !important; }
.SlideMenuButton:hover + div .VTabs,
.SlideMenuButton:active + div .VTabs,
.SlideMenuButton:focus + div .VTabs,
.btnContainer:hover .VTabs,
.btnContainer:active .VTabs,
.btnContainer:focus .VTabs  { display: block; }

/*Mobile Helpers*/
.Mobile .btnContainer {
    display: block;
}

.Mobile .SlideMenuButton {
    display: block;
}

.Mobile .CurrentMItem {
    display: block;
    float: none;
}
.Mobile .VTabs {
    width:auto;
}
.Mobile .VTabs ul.navlist > li {
    width:100%;
}