﻿/* Panelbar for responsive top menu */

@media (max-width:550px) {
    #menu-dt, #leftmenu-dt { display:none; }
    #menu-mob, #leftmenu-mob { display:block; }
    #topbar .RadPanelBar_cbocMobileMenu {
    background: #fff;
    width:100%;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup {
    width:100%;
    /*border-width:0 0 4px 0;
    border-style:solid;*/
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup .rpItem>.rpExpandable {
    /*background: #069;
    color:#f8f8f8;*/
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup .rpItem>.rpExpandable:hover {
    /*background: #069;
    color:#f8f8f8;*/
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup>.rpItem>.rpExpandable .rpExpandHandle {
    margin:0;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup>.rpItem>.rpExpandable .rpExpandHandle:before {
    content:"▼";
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup>.rpItem>.rpExpandable.rpExpanded .rpExpandHandle:before {
    content:"▲";
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel1>.rpItem>.rpExpandable .rpExpandHandle {
    margin: 0 -5px 0 0;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel1>.rpItem>.rpExpandable .rpExpandHandle:before {
    content:"▽";
    font-size:16px;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel1>.rpItem>.rpExpandable.rpExpanded .rpExpandHandle:before {
    content:"△";
    font-size:15px;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel2>.rpItem>.rpExpandable .rpExpandHandle {
    margin:4px -5px 0 0;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel2>.rpItem>.rpExpandable .rpExpandHandle:before {
    content:"▽";
    /*font-size:12px;*/
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel2>.rpItem>.rpExpandable.rpExpanded .rpExpandHandle:before {
    content:"△";
    font-size:15px;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup .rpGroup {
    /*border-color:#999;
    border-width:0 0 2px 0;
    border-style:solid;*/
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpItem, .RadMenu_cbocMobileMenu .rpItem .rpLink {
    width:100%;
    padding: 0;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpRootGroup>.rpItem>.rpLink {
    padding:14px;
    background: #1a4798;
    color:#fff;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpGroup.rpLevel1 .rpItem .rpLink {
    padding:14px;
    background: rgba(26,71,152,0.75);
    color:#fff;
    font-size: 13px;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpGroup.rpLevel1 .rpItem .rpLink:hover {
    color:#fafcfd;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpGroup.rpLevel2 .rpItem .rpLink {
    padding:12px;
    background: rgba(27,71,152,0.55);
    color:#fff;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpGroup.rpLevel2 .rpItem .rpLink.rpExpandable {
    background: #eee;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpGroup.rpLevel2 .rpItem .rpLink:hover {
    color:#069;
    }

    #topbar .RadPanelBar_cbocMobileMenu .rpLink, #topbar .RadPanelBar_cbocMobileMenu .rpOut {
    border-bottom: 0px none;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpOut {
    padding-bottom:0px!important;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel2 .rpOut {
    padding-left:0;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpLevel3 .rpOut {
    padding-left:0;
    }
    #topbar .RadPanelBar_cbocMobileMenu .rpText {
    padding: 0;
    margin: 0;
    }
    
    #body .RadPanelBar_cbocMobileMenu {
    font-size:100%;
    width:100%;
    margin-bottom:16px;
    }
    #body .RadPanelBar_cbocMobileMenu .rpItem .lblMenuTitle {
    display: block;
    height: auto !important;
    line-height: 1.25em !important;
    background: #e6e6e6;
    color: #5e5e5e !important;
    /*font-size: 100% !important;*/
    text-transform: uppercase;
    text-decoration: none;
    cursor:pointer;
    }
    #body.lblMenuTitle {
        padding: 12px 16px 12px 16px;
    }
    #body .RadPanelBar_cbocMobileMenu .rpRootGroup>.rpItem>.rpExpandable .rpExpandHandle {
    margin:0;
    }
    #body .RadPanelBar_cbocMobileMenu .rpRootGroup>.rpItem>.rpExpandable .rpExpandHandle:before {
    content:"▼";
    }
    #body .RadPanelBar_cbocMobileMenu .rpRootGroup>.rpItem>.rpExpandable.rpExpanded .rpExpandHandle:before {
    content:"▲";
    }
    #body .RadPanelBar_cbocMobileMenu .rpRootGroup {
    width:100%;
    border:0px none;
    }
    #body .RadPanelBar_cbocMobileMenu .rpItem {
    padding:0px;
    }
    #body .RadPanelBar_cbocMobileMenu .rpLevel2, #body .RadPanelBar_cbocMobileMenu .quickLinks+.rpSlide .rpLevel2 {
    background: #f8f8f8;
    }
    #body .RadPanelBar_cbocMobileMenu .rpItem, #body .RadPanelBar_cbocMobileMenu .rpItem .rpLink {
    width:100%;
    }
    #body .RadPanelBar_cbocMobileMenu .rpHeaderTemplate {
        border-bottom: 0px none;
    }
    #body .RadPanelBar_cbocMobileMenu .rpHeaderTemplate {
        padding-bottom:0px!important;
    }

}

@media (min-width:550px) {
    #leftmenu-dt {
        display: block;
    }
    #leftmenu-mob {
        display: none;
    }
    #body .RadPanelBar_cbocMobileMenu {
    width: 100%;
    padding: 0;
    margin-bottom: 12px;
    background: transparent;
    }
    #body .pTab, .menu_title {
    background-color: rgba(0,179,240,0.1);
    color: #35393b;
    display:block;
    font-size: 0.9em !important;
    padding: 12px 16px 12px 24px;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 4px solid #ffffff;
    border-radius: 0 22px 22px 0;
    }
    #body .RadPanelBar_cbocMobileMenu .rpRootGroup
    {
	padding: 0;
	background: transparent;
	border: 0px none!important;
    }
    #body .RadPanelBar_cbocMobileMenu .rpItem
    {
	    background: transparent;
    }
    #body .RadPanelBar_cbocMobileMenu .rpItem .rpLink {
    color: #005d87;
    padding: 8px 12px 8px 24px;
    }
    #body .RadPanelBar_cbocMobileMenu .rpLink
    {
        /*color: #005d87;*/
        /*padding: 8px 12px 8px 24px;*/
        border-bottom: 1px solid #f2f2f2!important;
        margin: 0;
        text-transform:none;
        /*font-size: 0.85em!important;
        line-height: 1.25em!important;
        width:190px;*/
    }
    /*#body .RadPanelBar_cbocMobileMenu .rpLink,*/ #body .RadPanelBar_cbocMobileMenu .rpOut {
    border-bottom:0px none;
    }
    #body .RadPanelBar_cbocMobileMenu .rpLink:hover
    {
    color: #c54e00!important;
    }
    #body .RadPanelBar_cbocMobileMenu .rpOut {
    padding-bottom:0;
    }
    #body .RadPanelBar_cbocMobileMenu .rpText {
    padding:0;
    }
    #body .RadPanelBar_cbocMobileMenu .rpGroup .rpLink
    {
    /*color: #005d87;*/
    /*padding: 8px 12px 8px 24px;*/
    border-bottom: 1px solid #f2f2f2!important;
    margin: 0;
    text-transform:none;
    }
    #body .RadPanelBar_cbocMobileMenu .rpSelected
    {
	color: #005d87;	
	padding: 8px 12px 8px 24px;
    border-bottom: 1px solid #f2f2f2!important;
    margin: 0;	
    background-color: #e5eff3!important;
    }
    #body .RadPanelBar_cbocMobileMenu .rpSelected:hover
    {
	color: #c54e00!important;	
    }
    #body .RadPanelBar_cbocMobileMenu .rpLevel1 .customFocus
    {
	background: transparent;
    }

    #body .RadPanelBar_cbocMobileMenu .rpLevel1 .rpItem
    {
	background: #FFFFFF;
    }

    #body .RadPanelBar_cbocMobileMenu .register .rpText
    {
	color: #c54e00 !important;
	font-family: "Helvetica W01 Bold"!important;
    }

    #body .RadPanelBar_cbocMobileMenu .customFocus
    {
	background: #FFFFFF;
    }

    #body .RadPanelBar_cbocMobileMenu .rpItem
    {
	background: #FFFFFF;
    }

    #body .RadPanelBar_cbocMobileMenu .rpLevel1 .rpText
    {
    padding-left:15px;
    }
    #body .RadPanelBar_cbocMobileMenu_rtl .rpLevel1 .rpText
    {
	padding-right: 25px;
	padding-left: 0;
    }

    #body .RadPanelBar_cbocMobileMenu .rpLevel2
    {
	display:none !important;
    }

    #body .RadPanelBar_cbocMobileMenu .rpLevel3
    {
	display:none !important;
    }

    #body .RadPanelBar_cbocMobileMenu .rpText
    {
	overflow-x: hidden;
    }

    #body .RadPanelBar_cbocMobileMenu_rtl .rpText
    {
	margin-left: 7px;
	margin-right: 0;
    }

    #body .RadPanelBar_cbocMobileMenu .rpGroup
    {
	overflow-y: auto;
	display: block;
    }

    #body .RadPanelBar_cbocMobileMenu .rpSlide
    {
	overflow: visible ! important;
	scroll: none ! important;
	display: block;
    }
    #body .RadPanelBar_cbocMobileMenu .rpDisabled .rpText
    {
	cursor: default;
	color: #bbb;
    }

    #body .RadPanelBar_cbocMobileMenu .rpRootGroup .rpDisabled:hover
    {
	cursor: default;
	text-decoration: none;
    }

    #body .RadPanelBar_cbocMobileMenu .rpGroup .rpDisabled:hover
    {
	cursor: default;
	text-decoration: none;
    }
}

@media (min-width:900px) {
    .pTab, .menu_title {
    padding: 10px 12px 10px 24px;
    font-size: 0.9em;
    line-height: 1.25em;
    }

    #body .RadPanelBar_cbocMobileMenu .rpLink
    {
    font-size: 0.85em!important;
    line-height: 1.25em!important;
    }

    #body .RadPanelBar_cbocMobileMenu .rpGroup .rpLink
    {
    font-size: 0.85em!important;
    line-height: 1.25em!important;
    }

    #body .RadPanelBar_cbocMobileMenu .rpSelected
    {
    font-size: 0.85em!important;
    line-height: 1.25em!important;
    }
}