div.RadPanelBar_Mobile { 
    color: #000; 
    background-color: #fff; 

}

div.RadPanelBar_Mobile * { 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}


/*this uses the awesomeness of FontAwesome to bring font icons to the mobile menu. The content values were determined by looking at the content code in font-awesome.min.css. DO NOT DO IT THIS WAY FOR ANYTHING OTHER THAN MOBILE
    I'm okay using it here directly instead of the classes because: 
        A) there is no clean way to add the necessary class to the expand handle 
        B) legacy desktop support (included by using the classes) is not needed because this is for the mobile site.*/
div.RadPanelBar_Mobile .rpGroup .rpText:before,
div.RadPanelBar_Mobile .rpExpandable .rpExpandHandle:before { font-family: FontAwesome;}



/*#mobileNavDrawer,
div.RadPanelBar_Mobile,
div.RadPanelBar_Mobile li .rpLink { 
    box-shadow: inset -5px 0 5px -5px rgba(0,0,0,.15);

}*/

div.RadPanelBar_Mobile li .rpLink { padding:0; }


div.RadPanelBar_Mobile .rpExpandable .rpText {
    margin-right:40px;
}

div.RadPanelBar_Mobile li .rpText { 
    /*padding-right:0;*/ 
    
    line-height:20px;
    padding: 12px 10px;
}

/*div.RadPanelBar_Mobile .rpGroup .rpText:before { content: "\f111"; font-size:7px; margin-left:-11px; margin-right:6px; vertical-align:middle;}*/

div.RadPanelBar_Mobile .rpGroup .rpText,
div.RadPanelBar_Mobile .rpRootGroup { border-style:none;}

div.RadPanelBar_Mobile .rpRootLink,
div.RadPanelBar_Mobile .rpItem { font-size: 14px; /*line-height: 50px;*/ font-weight:bold; }

div.RadPanelBar_Mobile .rpGroup .rpText,
div.RadPanelBar_Mobile .rpGroup .rpItem.rpFirst { padding-top:0;}

div.RadPanelBar_Mobile .rpGroup .rpText,
div.RadPanelBar_Mobile .rpGroup .rpItem.rpLast { padding-bottom:0;}

div.RadPanelBar_Mobile .rpItem.rpFirst { border-top: 0; }



div.RadPanelBar_Mobile .rpLink, 
div.RadPanelBar_Mobile .rpHeaderTemplate { 
    color: #143679; 
    position: relative; 
    border-top-color:white;
    /*margin-bottom:-1px;*/
    border-style:solid none none;
    border-top-width:1px;
}



div.RadPanelBar_Mobile .rpLink.rpExpanded, 
div.RadPanelBar_Mobile .rpHeaderTemplate.rpExpanded { 

}




div.RadPanelBar_Mobile .rpOut { 
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important; 
}


    div.RadPanelBar_Mobile .rpItem {
        border-top-color: #C7C7C7; 
        border-top-width:1px; 
        border-style:solid none none;
        /*line-height:20px;*/
    }

div.RadPanelBar_Mobile .rpGroup .rpItem { border-top-color:#4C5567; padding:0; margin-top:0 !important; }


div.RadPanelBar_Mobile .rpGroup .rpItem .rpLink.rpDisabled, 
div.RadPanelBar_Mobile .rpGroup .rpItem .rpHeaderTemplate.rpDisabled { color: #c5c5c5; background-color: transparent; }

div.RadPanelBar_Mobile .rpGroup .rpText,
div.RadPanelBar_Mobile .rpGroup .rpExpandable .rpExpandHandle,
div.RadPanelBar_Mobile .rpExpandable .rpExpandHandle { margin:0;}

div.RadPanelBar_Mobile .rpExpandable .rpExpandHandle { 
    width: 40px; 
    height: 100%; /*matches the line height from above + 2px*/
    /*line-height:49px;*/
    border-left-width: 1px;
    border-left-color: white; 
    font-size:36px;
    /*padding:13px 0 0 2px;*/
    box-sizing:border-box;
    border-style: none none none solid;
    color:#A5A5A5;
    text-align:center;
    outline:1px solid #C7C7C7;
    position:absolute;
    right:0;
    top:0;
}

    div.RadPanelBar_Mobile .rpExpandable.rpSelected .rpExpandHandle {
        color:inherit;
        border-left-color:#143679; /*matches rpLink.rpSelected background color*/
    }



div.RadPanelBar_Mobile .rpExpandable .rpExpandHandle:before { 
    content: "\f107"; 
    margin-top:-19px;
    top:50%;
    vertical-align:middle;
    position:absolute;
    left:8px;
    /*vertical-align:text-bottom;*/ } /*icon-arrow-down */

div.RadPanelBar_Mobile .rpExpandable.rpExpanded .rpExpandHandle:before { content: "\f106"; margin-top:-21px; } /*icon-arrow-up */

div.RadPanelBar_Mobile .rpRootGroup .rpLink { background-color: #e4e4e4; }
    div.RadPanelBar_Mobile .rpRootGroup .rpLink.rpSelected { background-color: #143679; color:white;}


/*.83em increments*/
div.RadPanelBar_Mobile .rpLevel1 .rpLink { padding-left:0.83em;}
div.RadPanelBar_Mobile .rpLevel2 .rpLink { padding-left:1.66em;}
div.RadPanelBar_Mobile .rpLevel3 .rpLink { padding-left:2.49em;}
div.RadPanelBar_Mobile .rpLevel4 .rpLink { padding-left:3.32em;}

/*div.RadPanelBar_Mobile .rpLevel1 .rpLink { padding-left:1.66em;}
div.RadPanelBar_Mobile .rpLevel2 .rpLink { padding-left:2.49em;}
div.RadPanelBar_Mobile .rpLevel3 .rpLink { padding-left:3.32em;}
div.RadPanelBar_Mobile .rpLevel4 .rpLink { padding-left:4.15em;}*/



div.RadPanelBar_Mobile .rpLast .rpRootLink,
div.RadPanelBar_Mobile .rpLast .rpHeaderTemplate { border-bottom-width:1px;}

div.RadPanelBar_Mobile .rpLast .rpLink { border-bottom-width:2px;}

/*subitem styles as indicated by the rpGroup class*/
div.RadPanelBar_Mobile .rpRootGroup .rpGroup .rpLink { 
    background-color: #576176; 
    font-weight:normal;
    /*line-height:36px;*/
    font-size:13px;
    padding-top:8px;
    padding-bottom:8px;
}

    div.RadPanelBar_Mobile .rpRootGroup .rpGroup .rpLink.rpSelected {
        border-color: white;
    }


/*div.RadPanelBar_Mobile .rpGroup .rpExpandable .rpExpandHandle { height:45px; line-height:43px;}*/


div.RadPanelBar_Mobile .rpGroup .rpLink,
div.RadPanelBar_Mobile .rpGroup .rpExpandHandle { 
    /*border-color:#4C5567;*/
    border-color:#616B81;
}

    div.RadPanelBar_Mobile .rpGroup .rpLink.rpSelected,
    div.RadPanelBar_Mobile .rpGroup .rpLink.rpSelected .rpExpandHandle {
        background-color: white;
        color: #576176;
        
    }



div.RadPanelBar_Mobile .rpGroup .rpExpandHandle,
div.RadPanelBar_Mobile .rpGroup .rpLink,
div.RadPanelBar_Mobile .rpGroup .rpHeaderTemplate { color:white; }