/*  
    Author: Mark Bird
    Date: 22/10/2013
    Title: Menu.CjServices.css
    Description: Menu.CjServices.css is a copy of the Telerik skin 'Silk', with our custom changes incorporated.
    Note that commented out code is code we have amended but left in for reference for the Silk skin.
*/

/* Sub Menu Settings*/

div.subMenu .RadMenu_CjServices {
  max-height: 42px;
  min-height: 42px;
  line-height: 42px;
  overflow: hidden;
}

div.subMenu .RadMenu_CjServices .rmRootGroup {
  max-height: 42px;
  min-height: 42px;
  border: 0;
}

    div.subMenu .RadMenu_CjServices .rmItem {
        border: 0 !important;
    }

    div.subMenu .RadMenu_CjServices .rmRootLink {
        max-height: 42px;
        min-height: 42px;
        line-height: 42px;
        padding: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

/* Main Menu Settings */

html .RadMenu_CjServices {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #434a54;
    font-weight: 600;
    height: 70px;
    line-height: 60px;
    text-transform: uppercase;
    overflow: hidden;
}

html .RadMenu_CjServices .rmLink {
    color: #3b3b3b;
    text-decoration: none;
}

html .RadMenu_CjServices .rmSeparator .rmText {
    padding: 0 !important;
}

html .mainMenu .RadMenu_CjServices .rmRootGroup .rmItem,
html .mainMenu .RadMenu_CjServices .rmRootGroup .rmItem .rmLink {
    width: 160px;
    text-align: center;
    border: 0;
    padding: 0;
}

    html .mainMenu .RadMenu_CjServices .rmRootGroup .rmItem .rmLink{
        padding-top: 6px;
    }


    html .RadMenu_CjServices .rmLeftArrow,
    html .RadMenu_CjServices .rmRightArrow,
    html .RadMenu_CjServices .rmTopArrow,
    html .RadMenu_CjServices .rmBottomArrow {
        border: 0 solid #c9c9c9;
        color: #3b3b3b;
        background-color: #ebebeb;
    }

html .RadMenu_CjServices .rmLeftArrow:hover,
html .RadMenu_CjServices .rmRightArrow:hover,
html .RadMenu_CjServices .rmTopArrow:hover,
html .RadMenu_CjServices .rmBottomArrow:hover {
      border-color: #939393;
      color: #444444;
      background-color: #b4b4b4;
}

html .RadMenu_CjServices .rmLeftArrow,
html .RadMenu_CjServices .rmRightArrow {
    height: 38px;
}

html .RadMenu_CjServices .rmLeftArrow {
    border-right-width: 1px;
    background-position: -20px -906px;
}

html .RadMenu_CjServices .rmLeftArrow:hover {
      background-position: -70px -906px;
}

html .RadMenu_CjServices .rmRightArrow {
    border-left-width: 1px;
    background-position: -20px -956px;
}

html .RadMenu_CjServices .rmRightArrow:hover {
    background-position: -70px -956px;
}

html .RadMenu_CjServices .rmTopArrow {
    border-bottom-width: 1px;
}

html .RadMenu_CjServices .rmBottomArrow{
    border-top-width: 1px;
}

html .RadMenu_CjServices .rmTopFix,
html .RadMenu_CjServices .rmTopLeft,
html .RadMenu_CjServices .rmTopRight,
html .RadMenu_CjServices .rmBottomFix,
html .RadMenu_CjServices .rmBottomLeft,
html .RadMenu_CjServices .rmBottomRight {
    display: none;
}

html .RadMenu_CjServices .rmRootGroup {
    background-color: #ffffff;
    height: 70px;
    border: 0;
    overflow: hidden;
}

html .RadMenu_CjServices .rmRootGroup.rmVertical {
    background: #f3f3f3;
}

html .RadMenu_CjServices .rmRootLink {
    margin: 0;
    padding: 0;
    padding: 0;
    height: 70px;
    line-height: 60px;
}

html .RadMenu_CjServices .rmRootLink .rmText {
    padding: 0;
    display: block;
}

html .mainMenu .RadMenu_CjServices .rmRootLink .rmText {
    padding: 0;
}

html .RadMenu_CjServices .rmRootLink .rmLeftImage {
    margin: 6px 5px 0 -5px;
    margin: 10px -8px 0 5px;
}

html .RadMenu_CjServices .rmItem.rmSelected a.rmRootLink,
html .RadMenu_CjServices a.rmRootLink:hover {
    cursor: pointer;
    padding-top: 0;
    border-bottom: 4px solid #3b3b3b !important;
    color: #0095DB;
    box-sizing: border-box;
}



    html .RadMenu_CjServices .rmRootLink:hover .rmLeftImage {
        margin-top: 6px;
    }

html .RadMenu_CjServices .rmRootLink.rmFocused {
    padding-top: 0;
    border-bottom: 4px solid #3b3b3b;
    color: #0095DB;
    background-color: #ffffff;
}

html .RadMenu_CjServices .rmItem.rmSelected {
    background-color: #EDF3E5;
}

html div.RadMenu_CjServices li.rmItem.rmSelected a.rmRootLink {
    color: #000000 !important;
    border-color: #0095DB !important;
}

html div.RadMenu_CjServices li.rmItem a.rmRootLink:hover {
    background-color: #FFFFFF !important;
    border-bottom: 4px solid #3b3b3b !important;
    color: #0095DB !important;
}

html .RadMenu_CjServices .rmRootLink.rmFocused .rmLeftImage {
    margin-top: 6px;
}

html .RadMenu_CjServices .rmRootLink.rmDisabled {
    padding: 4px 15px;
    border: 0;
    color: #b1b1b1;
    background: none;
    box-shadow: none;
}

html .mainMenu .RadMenu_CjServices .rmRootLink.rmDisabled .rmText {
    padding: 4px 0;
}

html .RadMenu_CjServices .rmGroup .rmLeftImage {
  margin: 10px 0 0 6px; 
}

.RadMenu_CjServices .rmGroup {
  padding: 1px;
  border: 1px solid #e3e2e2;
  background: #ffffff;
  box-shadow: 0 0 3px rgba(122, 122, 122, 0.7);
}

:root .RadMenu_CjServices .rmGroup {
    border: 0; 
}

.RadMenu_CjServices .rmGroup .rmLink {
  color: #767676;
}

.RadMenu_CjServices .rmGroup .rmLink:hover {
    color: #ffffff;
    background: #0095DB 0 0 repeat-x;
    _background-image: none;
    background-image: -webkit-linear-gradient(top, #0095DB 0%, #007d93 100%);
    background-image: -moz-linear-gradient(top, #0095DB 0%, #007d93 100%);
    background-image: -ms-linear-gradient(top, #0095DB 0%, #007d93 100%);
    background-image: -o-linear-gradient(top, #0095DB 0%, #007d93 100%);
    background-image: linear-gradient(top, #0095DB 0%, #007d93 100%);
}
