.RadMenu_WebBlue .rmRootGroup {
  border-color: #5c6266;
  color: #ffffff;
  background-color: #748ea3;
  background-image: linear-gradient(#748ea3, #6b849d 50%, #597791 50%, #748ea3); }
  .RadMenu_WebBlue .rmRootGroup.rmVertical {
    background-image: none; }
  .RadMenu_WebBlue .rmRootGroup .rmItem 
  {
    border-color: #5b7489;     
    max-height: 30px; /* #25524 increase maxheight from 25 to 30 #20050 modify CSS after Telerik update*/
    height:29px; /* #25524 increase height from 24 to 29 #20050 modify CSS after Telerik update*/
    font-size: 12px; /*#20050 modify CSS after Telerik update*/
  }
  .RadMenu_WebBlue .rmRootGroup .rmRootLink:hover {
    border-color: #5c6266;
    color: #0e3d4f;
    background-color: #5c6266;
 }
  .RadMenu_WebBlue .rmRootGroup .rmSelected > .rmRootLink,
  .RadMenu_WebBlue .rmRootGroup .rmExpanded > .rmRootLink {
    border-color: #5c6266;
    color: #ffffff;
    background-color: #5c6266; /* #22935 change second level menu selected menu item background color to Cardno dark grey #5c6266 (was blue #3a869e) */
 }
  .RadMenu_WebBlue .rmRootGroup .rmFocused > .rmLink {
    border-color: #3a869e;
    box-shadow: inset 0 0 5px #3a869e; }

.RadMenu_WebBlue .rmGroup,
.RadMenu_WebBlue .rmMultiColumn,
.RadMenu_WebBlue .rmPopup {
  border-color: #768ca5;
  color: #000000;
  background-color: #ffffff;
  background-color: #f0f2f4; }

.RadMenu_WebBlue .rmGroup .rmLink {
  border-radius: 3px; 
  padding: 4px 32px !important;
}

.RadMenu_WebBlue .rmGroup .rmLink:hover,
.RadMenu_WebBlue .rmGroup .rmToggle:hover {
  border-color: #1c9fcc;
  color: #0e3d4f;
  background-color: #bee3f6;
  background-image: linear-gradient(#d4eaf8, #baddf4 50%, #9edaf2 50%, #bee3f6); }

.RadMenu_WebBlue .rmGroup .rmSelected > .rmLink,
.RadMenu_WebBlue .rmGroup .rmExpanded > .rmLink,
.RadMenu_WebBlue .rmGroup .rmSelected > .rmLink .rmToggle,
.RadMenu_WebBlue .rmGroup .rmExpanded > .rmLink .rmToggle {
  border-color: #5c6266; /* #22935 change second level menu selected menu item background color to Cardno dark grey #5c6266 (was blue #3a869e) */
  color: #ffffff;
  background-color: #5c6266;
  /*background-image: linear-gradient(#8ebcd4, #64a3c0 50%, #368eb1 50%, #7abace);*/ 
}

.RadMenu_WebBlue .rmGroup .rmFocused > .rmLink,
.RadMenu_WebBlue .rmGroup .rmFocused > .rmLink .rmToggle {
  border-color: #3a869e;
  box-shadow: inset 0 0 5px #3a869e; }

.RadMenu_WebBlue .rmSeparator {
  border-color: #465a6b; }

.RadMenu_WebBlue .rmGroup .rmSeparator {
  border-color: #768ca5; }

.RadMenu_WebBlue .rmArrow {
  border-color: #d9d9d9;
  color: #000000;
  background-color: #f2f2f2; }

.RadMenu_WebBlue .rmArrow:hover {
  background-color: #e6e6e6; }

.RadMenu_WebBlue .rmShadows .rmGroup {
  box-shadow: 3px 3px 5px #768ca5; }

.RadMenu_WebBlue .rmGroup:before,
.RadMenu_WebBlue .rmMultiColumn:before,
.RadMenu_WebBlue .rmScrollWrap > .rmHorizontal:before,
.RadMenu_WebBlue .rmScrollWrap > .rmVertical:before {
  border-color: #e2e3ea; }


/* #17000 PPI Customized Style*/
.RadMenu .rmRootGroup .rmRootLink 
{
    padding-top:5px !important; /* #25524 */
    padding-bottom:5px !important;
}
.RadMenu.RadMenu_Context .rmGroup span.rmLink, 
.RadMenu.RadMenu_Context .rmGroup a.rmLink 
{
    padding:0 !important;
    height:auto !important; /*#20050 modify CSS after Telerik update*/
}
.rmSeparator
{
    color:#C5C5C5 !important;
}
@media screen and (min-width: 1025px) /* #21156 change to apply for screen is wider than 1024px*/
{
    .RadMenu.RadMenu_Context .rmGroup .rmLeftImage {
    margin: -8px 0 -8px 3px !important;
    }
}

/* end #17000 PPI Customized Style*/