div.RadPanelBar_Apollo { 
    font-family: ufshands,sans-serif;
    font-size: 1.2em;
    position: relative;
}


div.RadPanelBar_Apollo,
div.RadPanelBar_Apollo li .rpLink { 
    box-shadow: inset -5px 0 5px -5px rgba(0,0,0,.15);

}

/*div.RadPanelBar_Apollo li .rpLink {}*/

div.RadPanelBar_Apollo li .rpText { padding-left:.83em; padding-right:0; padding-top:7px; padding-bottom:7px;}


div.RadPanelBar_Apollo .rpRootGroup { border-style:none;}

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

div.RadPanelBar_Apollo .rpGroup .rpLink {  /*line-height: 29px*/}


div.RadPanelBar_Apollo .rpGroup .rpItem.rpFirst { padding-top:0;}
div.RadPanelBar_Apollo .rpGroup .rpItem.rpLast { padding-bottom:0;}

div.RadPanelBar_Apollo .rpItem.rpFirst { /*border-top: 0;*/ }

div.RadPanelBar_Apollo .rpRootGroup > .rpItem.rpFirst > .rpLink { border-top: 1px solid #E0E0E0;}
/*div.RadPanelBar_Apollo .rpExpanded.rpLink { border-bottom-width:0px;}*/

div.RadPanelBar_Apollo .rpLink, 
div.RadPanelBar_Apollo .rpHeaderTemplate { 
    color: #243778;      
    position: relative; 
    border:1px solid #E0E0E0;
    border-top-color:#fcfcfc;
    border-bottom-width:2px;
    border-left:none;
    /*margin-bottom:-1px;*/
}



/*div.RadPanelBar_Apollo .rpLink.rpExpanded, 
div.RadPanelBar_Apollo .rpHeaderTemplate.rpExpanded { 

}*/


div.RadPanelBar_Apollo .rpGroup,
div.RadPanelBar_Apollo .rpSlide,
div.RadPanelBar_Apollo li.rpItem,
div.RadPanelBar_Apollo li.rpItem .rpLink { overflow:visible;} /*intentionally not adding important here to override the inline style of overflow auto to rpGroup. when division lists get long the division list sticks out the bottom of the sidebar during the closing animation*/


/*div.RadPanelBar_Apollo .rpGroup { overflow-x:visible !important;}*/


div.RadPanelBar_Apollo li.rpItem a.rpLink.rpHovered { background-color:#D7DEF0; border-color:#D7DEF0;}
div.RadPanelBar_Apollo a.rpLink.rpHovered .rpText { text-decoration:underline;}

div.RadPanelBar_Apollo li.rpItem a.rpLink.rpSelected { background-color: rgb(36, 55, 120); border-color:#243778 !important;} /*using important to overcome the ultra specific style of div.RadPanelBar_Apollo .rpRootGroup > .rpItem.rpFirst > .rpLink    Can't get specific enough otherwise. evident in the case of first item in sidebar selected*/
div.RadPanelBar_Apollo a.rpLink.rpSelected * { color: white !important;}


div.RadPanelBar_Apollo a.rpLink.rpSelected .active { background-image:url("/images/template/nav-selected-arrow.png"); width:25px; height:24px; position:absolute; background-repeat:no-repeat; top:4px; left:-10px; /*display:none;*/}

/*div.RadPanelBar_Apollo a.rpLink.rpExpanded .active { display:block;}*/


div.RadPanelBar_Apollo .rpGroup a.rpSelected .rpText { background-image:none; /*padding-left:1px;*/}




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

div.RadPanelBar_Apollo .rpGroup .rpItem { border: 0; padding:0;}


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

}

/*div.RadPanelBar_Apollo .rpExpandable .rpExpandHandle {*/ 
    /*width: 40px;*/ 
    /*height: 33px;*/ /*matches the line height from above + 2px*/
    /*margin:0 0 0 .83em;
    border-left-width: 1px;
    border-left-color: #D4D4D4; 
    font-size:28px;
    padding:13px 0 0 2px;
    box-sizing:border-box;
    border-style: none none none solid;*/
/*}*/


div.RadPanelBar_Apollo .rpRootGroup > .rpItem > .rpExpandable .rpExpandHandle,
div.RadPanelBar_Apollo .rpGroup .rpExpandable .rpExpandHandle { color:#A8A8A8; margin-top:7px;}

div.RadPanelBar_Apollo .rpRootGroup > .rpItem > .rpExpandable .rpExpandHandle { margin-right:5px;}
div.RadPanelBar_Apollo .rpGroup .rpExpandable .rpExpandHandle { margin-right:1px;}


div.RadPanelBar_Apollo .rpRootGroup .rpLink { background-color: #F2F2F2; padding-left:.4em; margin:0; padding-right:0; line-height:normal !important; padding-top:0; padding-bottom:0;}



/*.83em increments*/
div.RadPanelBar_Apollo .rpLevel1 .rpLink { padding-left:1.36em;}
div.RadPanelBar_Apollo .rpLevel2 .rpLink { padding-left:2.19em;}
div.RadPanelBar_Apollo .rpLevel3 .rpLink { padding-left:3.02em;}
div.RadPanelBar_Apollo .rpLevel4 .rpLink { padding-left:3.85em;}



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

/*subitem styles as indicated by the rpGroup class*/
div.RadPanelBar_Apollo .rpRootGroup .rpGroup .rpLink { 
    background-color: white; 
    /*font-weight:normal;*/
    font-size:14px;
    border-top-color:#E0E0E0;
    border-left-style:none;
    /*border-left-color:#FCFCFC;*/
}

div.RadPanelBar_Apollo .rpGroup .rpText { 
    background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -1091px -3px transparent;
}

/*ufhealth has a different version of the sprite from hscj so the background-position coordinates are different*/
.ufhealth div.RadPanelBar_Apollo .rpGroup .rpText {
    background-position: -531px -184px;
}


div.RadPanelBar_Apollo .rpGroup ul .rpText {
    background-position: -1042px -58px;
    font-size: 0.9em;
}

/*ufhealth has a different version of the sprite from hscj so the background-position coordinates are different*/
.ufhealth div.RadPanelBar_Apollo .rpGroup ul .rpText {
    background-position: -482px -240px;
}


div.RadPanelBar_Apollo .rpLevel1 > .rpFirst > .rpLink {  border-top:none;}

/*div.RadPanelBar_Apollo .rpGroup .rpExpandHandle,
div.RadPanelBar_Apollo .rpGroup .rpLink,
div.RadPanelBar_Apollo .rpGroup .rpHeaderTemplate { color:white; }*/

div.RadPanelBar_Apollo .rpLink span { }




/*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.
    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) even though this method doesn't support <= IE7 (unlike when you use the classes), I don't think the sidebar up/down arrows are critical to the display of the site.*/
div.RadPanelBar_Apollo .rpExpandable .rpExpandHandle:before { font-family: FontAwesome;}
div.RadPanelBar_Apollo .rpExpandable .rpExpandHandle:before { content: "\f107"; } /*icon-arrow-down */
div.RadPanelBar_Apollo .rpExpandable.rpExpanded .rpExpandHandle:before { content: "\f106"; } /*icon-arrow-up */