/* <RadMenu / Simple> */ |
|
.RadMenu_cranel ul.rmRootGroup, |
.RadMenu_cranel div.rmRootGroup |
{ |
padding: 1px 0; |
border: 1px solid #91A6BC; |
background-color: #91A6BC; /*Bacground for all menu */ |
} |
|
/* <Root items> */ |
|
.RadMenu_cranel, |
.RadMenu_cranel a.rmLink |
{ |
font: normal 12px/19px "Segoe UI", Arial, sans-serif; |
color: white; /* color for items in menu */ |
text-decoration: none; |
} |
|
.RadMenu_cranel .rmItem a.rmLink |
{ |
padding: 1px 12px; |
} |
|
.RadMenu_cranel .rmItem a.rmLink .rmText |
{ |
padding-right: 0; |
} |
/* custom style */ |
|
.RadMenu_cranel .rmItem a.rmLink:hover, |
.RadMenu_cranel .rmItem a.rmFocused, |
.RadMenu_cranel .rmItem a.rmSelected |
{ |
background: #CEDAE7; /*selected color */ |
border: 1px solid #3F464E; |
padding: 0 11px; |
color:#69829D; |
|
} |
|
.RadMenu_cranel .rmItem a.rmExpanded, |
.RadMenu_cranel .rmItem a.rmExpanded:hover |
{ |
background: #CEDAE7; /* mouse over events */ |
border: 1px solid #3F464E; |
padding: 0 11px; |
} |
|
.RadMenu_cranel .rmItem a.rmDisabled, |
.RadMenu_cranel .rmItem a.rmDisabled:hover |
{ |
color: #7d7d7d; |
background-color: transparent; |
border: 0; |
padding: 1px 12px; |
} |
|
.RadMenu_cranel img.rmLeftImage |
{ |
margin: 2px 2px 0 0; |
padding-bottom: 3px; |
} |
|
/* </Root items> */ |
|
|
/* <Submenu items> */ |
|
.RadMenu_cranel .rmGroup, |
.RadMenu_cranel .rmMultiColumn, |
.RadMenu_cranel .rmGroup .rmVertical |
{ |
border: 1px solid #616161; |
background: #fff url('Images/rmDropDownStripe.png') repeat-y -1px 0; |
} |
|
.RadMenu_cranel .rmTopFix, |
.RadMenu_cranel .rmBottomFix, |
.RadMenu_cranel .rmRoundedCorners .rmGroup .rmItem, |
.RadMenu_cranel .rmRoundedCorners li.rmFirstGroupColumn .rmItem, |
.RadMenu_cranel .rmRoundedCorners ul.rmHorizontal .rmFirst, |
.RadMenu_cranel_Context.rmRoundedCorners .rmGroup .rmItem, |
.RadMenu_cranel_Context.rmRoundedCorners ul.rmHorizontal .rmFirst |
{ |
background-image: url('Images/rmDropDownStripe.png'); |
background-color: #fff; |
background-repeat: repeat-y; |
background-position: -3px 0; |
} |
|
* html .rmRoundedCorners_cranel .rmGroup .rmItem, |
* html .rmRoundedCorners_cranel ul.rmHorizontal .rmFirst |
{ |
background-image: url('Images/rmDropDownStripe.png'); |
background-color: #fff; |
background-repeat: repeat-y; |
background-position: -3px 0; |
} |
|
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer .rmGroup, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrap .rmItem, |
.RadMenu_cranel .rmRoundedCorners .rmGroupColumn .rmItem, |
.RadMenu_cranel .rmRoundedCorners .rmHorizontal .rmItem, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrap .rmVertical, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrap .rmItem, |
.RadMenu_cranel_Context.rmRoundedCorners .rmHorizontal .rmItem, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrap .rmVertical |
{ |
background-image: none; |
} |
|
* html .rmRoundedCorners_cranel .rmScrollWrapContainer .rmGroup, |
* html .rmRoundedCorners_cranel .rmScrollWrap .rmItem, |
* html .rmRoundedCorners_cranel .rmHorizontal .rmItem, |
* html .rmRoundedCorners_cranel .rmScrollWrap .rmVertical |
{ |
background-image: none; |
} |
|
.RadMenu_cranel .rmRoundedCorners .rmGroupColumn |
{ |
background-color: #fff; |
} |
|
.RadMenu_cranel .rmBottomLeft, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer, |
.RadMenu_cranel_Context.rmRoundedCorners ul.rmGroup, |
.RadMenu_cranel .rmRoundedCorners ul.rmGroup, |
.RadMenu_cranel .rmRoundedCorners .rmMultiColumn |
{ |
background-image: url('Images/rmRoundedLeft.png'); |
background-color: transparent; |
background-repeat: no-repeat; |
} |
|
* html .rmRoundedCorners_cranel .rmScrollWrapContainer, |
* html .rmRoundedCorners_cranel .rmGroup ul.rmGroup, |
* html .rmRoundedCorners_cranel ul.rmGroup |
{ |
background-image: url('Images/rmRoundedLeft.png'); |
background-color: transparent; |
background-repeat: no-repeat; |
} |
|
.RadMenu_cranel .rmTopRight, |
.RadMenu_cranel .rmBottomRight |
{ |
background-image: url('Images/rmRoundedRight.png'); |
background-color: transparent; |
background-repeat: no-repeat; |
} |
|
.RadMenu_cranel .rmTopFix, |
.RadMenu_cranel .rmBottomFix, |
.RadMenu_cranel .rmRoundedCorners .rmGroup .rmFirst, |
.RadMenu_cranel_Context.rmRoundedCorners .rmGroup .rmFirst, |
.rmRoundedCorners_cranel .rmGroup .rmFirst |
{ |
border-color: #616161; |
} |
|
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer .rmTopFix, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix |
{ |
background: #FFF; |
} |
|
* html .rmRoundedCorners_cranel .rmScrollWrapContainer .rmTopFix, |
* html .rmRoundedCorners_cranel .rmScrollWrapContainer .rmBottomFix |
{ |
background: #FFF; |
} |
|
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow |
{ |
background-color: #FFF; |
border: 0; |
} |
|
* html .rmRoundedCorners_cranel .rmScrollWrapContainer .rmTopArrow, |
* html .rmRoundedCorners_cranel .rmScrollWrapContainer .rmBottomArrow, |
* html .rmRoundedCorners_cranel .rmScrollWrapContainer .rmLeftArrow, |
* html .rmRoundedCorners_cranel .rmScrollWrapContainer .rmRightArrow |
{ |
background-color: #FFF; |
border: 0; |
} |
|
.RadMenu_cranel li.rmTopFix, |
.RadMenu_cranel li.rmBottomFix |
{ |
background-position: -4px 0; |
} |
|
.RadMenu_cranel_rtl .rmBottomLeft, |
.RadMenu_cranel_rtl .rmRoundedCorners ul.rmGroup, |
.RadMenu_cranel_rtl .rmRoundedCorners .rmMultiColumn, |
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer, |
.RadMenu_cranel .rmScrollWrapContainer .rmBottomLeft, |
.rmRoundedCorners.RadMenu_cranel_Context_rtl ul.rmGroup, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer |
{ |
background-image: url('Images/rmRoundedLeft_rtl.png'); |
} |
|
.RadMenu_cranel_rtl .rmTopRight, |
.RadMenu_cranel_rtl .rmBottomRight |
{ |
background-image: url('Images/rmRoundedRight_rtl.png'); |
} |
|
.RadMenu_cranel_rtl li.rmTopFix, |
.RadMenu_cranel_rtl li.rmBottomFix, |
.RadMenu_cranel_rtl .rmRoundedCorners .rmGroup .rmItem, |
.rmRoundedCorners.RadMenu_cranel_Context_rtl .rmGroup .rmItem |
{ |
background-position: 101% 0; |
} |
|
.RadMenu_cranel .rmGroup .rmHorizontal |
{ |
background: #fff; |
} |
|
.RadMenu_cranel .rmRoundedCorners .rmScrollWrapContainer li.rmItem, |
.RadMenu_cranel_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem, |
.rmRoundedCorners_cranel .rmScrollWrapContainer li.rmItem |
{ |
background: none; |
} |
|
.RadMenu_cranel .rmGroup .rmItem a.rmLink |
{ |
padding: 1px; |
margin: 1px 0; |
color:#69829D; |
} |
|
.RadMenu .rmGroup .rmItem .rmLeftImage |
{ |
margin: 2px 0 0 6px; |
} |
|
* html .RadMenu .rmGroup .rmItem .rmLeftImage { margin: 2px 0 0 3px; } |
*+html .RadMenu .rmGroup .rmItem .rmLeftImage { margin: 2px 0 0 3px; } |
|
.RadMenu_cranel .rmGroup .rmItem a.rmLink:hover, |
.RadMenu_cranel .rmGroup .rmItem a.rmFocused, |
.RadMenu_cranel .rmGroup .rmItem a.rmSelected, |
.RadMenu_cranel .rmGroup .rmItem a.rmExpanded, |
.RadMenu_cranel .rmGroup .rmItem a.rmExpanded:hover |
{ |
padding: 0; |
} |
|
.RadMenu_cranel .rmGroup .rmItem a.rmDisabled, |
.RadMenu_cranel .rmGroup .rmItem a.rmDisabled:hover |
{ |
padding: 1px; |
} |
|
.RadMenu_cranel .rmGroup .rmItem a.rmLink .rmText |
{ |
padding-right: 53px; |
} |
|
.RadMenu_cranel .rmGroup .rmHorizontal a.rmLink .rmText |
{ |
padding-right: 10px; |
} |
|
.RadMenu_cranel .rmGroup .rmExpandRight, |
.RadMenu_cranel .rmGroup .rmExpandLeft, |
.RadMenu_cranel .rmTopArrow, |
.RadMenu_cranel .rmBottomArrow, |
.RadMenu_cranel .rmLeftArrow, |
.RadMenu_cranel .rmRightArrow |
{ |
background: transparent url('Images/rmExpandArrows.png') no-repeat; |
} |
|
.RadMenu_cranel .rmGroup .rmExpandRight { background-position: 100% 0; } |
.RadMenu_cranel .rmGroup .rmExpandLeft { background-position: 0 -48px; } |
.RadMenu_cranel a.rmLink:hover .rmExpandRight, |
.RadMenu_cranel a.rmFocused .rmExpandRight, |
.RadMenu_cranel a.rmSelected .rmExpandRight, |
.RadMenu_cranel a.rmExpanded .rmExpandRight { background-position: 100% -24px; } |
.RadMenu_cranel a.rmLink:hover .rmExpandLeft, |
.RadMenu_cranel a.rmFocused .rmExpandLeft, |
.RadMenu_cranel a.rmSelected .rmExpandLeft, |
.RadMenu_cranel a.rmExpanded .rmExpandLeft { background-position: 0 -72px; } |
|
.RadMenu_cranel .rmTopArrow, |
.RadMenu_cranel .rmBottomArrow, |
.RadMenu_cranel .rmLeftArrow, |
.RadMenu_cranel .rmRightArrow |
{ |
background-color: #fff; |
} |
|
.RadMenu_cranel .rmTopArrow |
{ |
border-bottom: 1px solid #616161; |
background-position: 50% -95px; |
} |
|
.RadMenu_cranel .rmBottomArrow |
{ |
border-top: 1px solid #616161; |
background-position: 50% -109px; |
} |
|
.RadMenu_cranel .rmLeftArrow |
{ |
border-right: 1px solid #616161; |
background-position: 50% -48px; |
} |
|
.RadMenu_cranel .rmRightArrow |
{ |
border-left: 1px solid #616161; |
background-position: 50% 1px; |
} |
|
.RadMenu_cranel .rmVertical li.rmSeparator, |
.RadMenu_cranel .rmHorizontal .rmVertical li.rmSeparator |
{ |
border-left: 0; |
border-right: 0; |
} |
|
.RadMenu_cranel .rmVertical li.rmSeparator .rmText, |
.RadMenu_cranel .rmHorizontal .rmVertical li.rmSeparator .rmText |
{ |
background: #616161; |
padding-bottom: 1px; |
margin-top: 2px; |
} |
|
.RadMenu_cranel .rmHorizontal li.rmSeparator .rmText, |
.RadMenu_cranel .rmVertical .rmHorizontal li.rmSeparator .rmText |
{ |
background: #616161; |
width: 1px; |
margin-left: 1px; |
} |
|
/* <rtl> */ |
|
.RadMenu_cranel_rtl .rmGroup, |
.RadMenu_cranel_rtl .rmGroup .rmVertical |
{ |
background-position: 101% 0; |
} |
|
.RadMenu_cranel_rtl .rmGroup .rmItem a.rmLink .rmText |
{ |
padding-left: 53px; |
padding-right: 27px; |
} |
|
.RadMenu_cranel_rtl .rmGroup .rmHorizontal a.rmLink .rmText |
{ |
padding-left: 10px; |
padding-right: 9px; |
} |
|
/* </rtl> */ |
|
.RadMenu_cranel .rmScrollWrap .rmVertical |
{ |
border: 0; |
} |
|
/* </RadMenu / Simple> */ |
|