﻿/* Common CSS */

.menu .RadMenu
{
    white-space:nowrap;
    float:left;
    position:relative;
    z-index /*\**/: 500\9; /* IE8 hasLayout fix */
    z-index: 500;
}

.menu .RadMenu .rmRootGroup
{
    margin:0;
    padding:0;
    position:relative;
    left:0;
    display: inline-block;
}

* html .menu .RadMenu .rmRootGroup { float: left; }

.menu .RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.menu .RadMenu ul.rmVertical,
.menu .RadMenu ul.rmHorizontal,
.menu .RadMenu ul.rmRootScrollGroup,
.menu .RadMenu_Context ul.rmHorizontal
{
    margin:0;
    padding:0;
    display:none;
    position:relative;
    left:0;
    float:left;
}

.menu .rmSized ul.rmVertical
{
    width: 100%;
}

.menu .rmSized ul.rmRootGroup
{
    float: none;
}

.menu .rmSized .rmRootGroup .rmVertical
{
    width: auto;
}

.menu .RadMenu .rmItem
{
    float:left;
    position:relative;
    list-style-image: none;
    list-style-position:outside;
    list-style:none;    
}

* html .menu .RadMenu .rmItem
{
    display:inline;
}

.menu .RadMenu .rmHorizontal .rmItem
{
    clear:none;
}

.menu .RadMenu .rmVertical .rmItem
{
    clear:both;
}

.menu .rmSized .rmVertical .rmItem
{
    width: 100%;
}

.menu .rmSized .rmHorizontal .rmItem,
.menu .rmSized .rmRootGroup .rmVertical .rmItem
{
    width: auto;
}

.menu .RadMenu ul.rmActive,
.menu .RadMenu ul.rmRootGroup
{
    display:block;
}

.menu .RadMenu .rmSlide, 
.menu .RadMenu_Context
{
    position:absolute;
    overflow:hidden;
    display:none;
    float:left;
}

* html .menu .RadMenu .rmSlide, 
* html .menu .RadMenu_Context
{
    height:1px;
}

.menu .RadMenu_Context
{
    z-index:1000;
    overflow:visible;
}

.menu .RadMenu .rmText
{
    display:block;
}

.menu .RadMenu div.rmText /*templates*/
{
    white-space:normal;
    background: transparent;
}

.menu .RadMenu a.rmLink
{
    cursor:default;
    display:block;
}

.menu .rmScrollWrap
{
    position:absolute;
    float:left;
    overflow:hidden;
    left:0;
}

.menu .RadMenu .rmLeftArrow,
.menu .RadMenu .rmTopArrow,
.menu .RadMenu .rmBottomArrow,
.menu .RadMenu .rmRightArrow
{
    position:absolute;
    z-index:2000;
    text-indent:-1000em;
    font-size: 0;
    line-height: 0;
    outline: 0;
    overflow: hidden;
}

.menu .RadMenu .rmLeftArrowDisabled,
.menu .RadMenu .rmTopArrowDisabled,
.menu .RadMenu .rmBottomArrowDisabled,
.menu .RadMenu .rmRightArrowDisabled
{
    display:none;
    text-indent:-1000em;
    font-size: 0;
    line-height: 0;
}

.menu .RadMenu .rmBottomArrow,
.menu .RadMenu .rmBottomArrowDisabled
{
    margin-bottom: -1px;
}

.menu .RadMenu .rmLeftImage
{
    border:0;
    float:left;
}

.menu .RadMenu_rtl
{
    float:right;
    text-align: right;
}

.menu .RadMenu_rtl ul.rmVertical
{
    float:right;
}

.menu .RadMenu_rtl .rmItem
{
    float:right;    
}

.menu .RadMenu_rtl .rmLeftImage,
.menu .RadMenu_Context_rtl .rmLeftImage
{
    border:0;
    float:right;
}

.menu .RadMenu_rtl .rmLeftArrow,
.menu .RadMenu_rtl .rmTopArrow,
.menu .RadMenu_rtl .rmBottomArrow,
.menu .RadMenu_rtl .rmRightArrow,
.menu .RadMenu_rtl .rmLeftArrowDisabled,
.menu .RadMenu_rtl .rmTopArrowDisabled,
.menu .RadMenu_rtl .rmBottomArrowDisabled,
.menu .RadMenu_rtl .rmRightArrowDisabled
{
    text-indent:1000em !important;
}

.menu .RadMenu .rmLink
{
    width:auto;
}

.menu .RadMenu .rmSeparator,
.menu .RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.menu .RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.menu .RadMenu .rmItem
{
    padding: 0;
}

.menu .RadMenu .rmText
{
    padding-bottom: 1px;
    float: left;
}

.menu .RadMenu_rtl .rmText
{
    margin-left: -2px;
}


.menu .RadMenu .rmVertical .rmText,
.menu .RadMenu .rmHorizontal .rmVertical .rmText
{
    display: block;
    float: none;
}

.menu .RadMenu .rmVertical .rmLink,
.menu .RadMenu .rmHorizontal .rmVertical .rmLink
{
    float: none;
}

* html .menu .RadMenu .rmGroup .rmVertical .rmLink,
* html .menu .RadMenu .rmGroup .rmHorizontal .rmLink
{
    float: left;
}



.menu .RadMenu .rmMultiColumn
{
    list-style: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.menu .RadMenu .rmMultiColumn .rmMultiGroup
{
    background: none;
    border: 0;
    float: left;
    display: block;
    position: static;
}

.menu .RadMenu .rmMultiColumn .rmGroupColumn
{
    float: left;
}

.menu .RadMenu_rtl .rmMultiColumn .rmGroupColumn  
{
    float: right;
}



/* <RadMenu / Information> */

/* <Root items> */

.menu .RadMenu,
.menu .RadMenu a.rmLink
{
    font-family: Arial;
    font-size: 14px;
    color: #002855;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

/* start coloring main menu */
.menu .RadMenu_Information a.rmLink:hover,
.menu .RadMenu_Information a.rmFocused,
.menu .RadMenu_Information a.rmSelected
{
    font-family: Arial;
    font-size: 14px;
    /* color: #34b6e4; */
    color: #17b6c6;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

/* start coloring main menu */
.menu .RadMenu_Standards a.rmLink:hover,
.menu .RadMenu_Standards a.rmFocused,
.menu .RadMenu_Standards a.rmSelected
{
    font-family: Arial;
    font-size: 14px;
    /* color: #34b6e4; */
    color: #a7c712;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.menu .RadMenu_Reporting a.rmLink:hover,
.menu .RadMenu_Reporting a.rmFocused,
.menu .RadMenu_Reporting a.rmSelected
{
    font-family: Arial;
    font-size: 14px;
    /*color: #3d9b35;*/
    color: #712282;
    text-decoration: none;
    text-transform: uppercase;
        font-weight: bold;
}

.menu .RadMenu_Network a.rmLink:hover,
.menu .RadMenu_Network a.rmFocused,
.menu .RadMenu_Network a.rmSelected
{
    font-family: Arial;
    font-size: 14px;
    /* color: #f07b05; */
    color: #00A075;
    text-decoration: none;
    text-transform: uppercase;
        font-weight: bold;
}

/* end of coloring main menu heading */
.menu .RadMenu a.rmLink:hover,
.menu .RadMenu a.rmFocused,
.menu .RadMenu a.rmSelected
{
    background-color: #fff;
    background: none;
    font-weight: bold;
}


.menu .RadMenu .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
    cursor:pointer;
}

.menu .RadMenu .rmVertical a.rmLink:hover,
.menu .RadMenu .rmVertical a.rmFocused,
.menu .RadMenu .rmVertical a.rmSelected,
.menu .RadMenu .rmVertical a.rmExpanded,
.menu .RadMenu .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

/* </Root items> */


/* <Submenu items> */

.menu .RadMenu .rmGroup ul,
.menu .RadMenu .rmGroup li
{
    padding:0px;
    margin:0px;
}
.menu .RadMenu .rmGroup
{
    /*background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat bottom;   /* menu_bottom */
    /*background-position: 0px -3642px; /*width: 163px; height: 15px;*/
    background: url(/_layouts/1033/STYLES/GRI_Styles/Images/menu_bottom.png) bottom no-repeat;
    width: 163px;
    text-transform:none;
    white-space: normal;
    min-width: 163px;
    cursor:pointer;
    padding:0px;
    border:0px;
}

.menu .RadMenu .rmGroup .rmItem
{
    padding-left: 0px;
    padding-right: 0px;
    width: 163px;
    
}

.menu .RadMenu .rmLevel1 .rmFirst
{
    /*background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top; /* menu_top_level1 */
    /*background-position: 0px -3665px; /*width: 163px; height: 25px;*/
    background: url(/_layouts/1033/STYLES/GRI_Styles/Images/menu_top_level1.png) top no-repeat;
    width: 163px;
    padding-top: 25px;
    border:0px;
}

.menu .RadMenu .rmLevel2 .rmFirst
{
    /*background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top; /* menu_top_level2 */
    /*background-position: 0px -3702px; /*width: 163px; height: 15px;*/
    background: url(/_layouts/1033/STYLES/GRI_Styles/Images/menu_top_level2.png) top no-repeat;
    width: 163px;
    padding-top: 15px;
}

.menu .RadMenu .rmGroup .rmLast
{
    padding-bottom: 15px;   
}

.menu .RadMenu .rmGroup .rmItem a.rmLink,
.menu .RadMenu .rmGroup .rmItem a.rmLink:hover,
.menu .RadMenu .rmGroup .rmItem a.rmFocused,
.menu .RadMenu .rmGroup .rmItem a.rmSelected,
.menu .RadMenu .rmGroup .rmItem a.rmExpanded
{
    border: 0;  
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 0px;
    margin-right:0px;
    padding-left: 10px;
    padding-right:10px;
    text-transform:none;
    font-size: 12px;
    color: #777;
    width: 143px;
    background: url(/_layouts/1033/STYLES/GRI_Styles/Images/menu_background_item.png) top repeat-y;
}

.RadMenu_Information .rmGroup a.rmLink,
.RadMenu_Information .rmGroup a.rmLink .rmText,
.RadMenu_Standards .rmGroup a.rmLink,
.RadMenu_Standards .rmGroup a.rmLink .rmText,
.RadMenu_Reporting .rmGroup a.rmLink,
.RadMenu_Reporting .rmGroup a.rmLink .rmText,
.RadMenu_Network .rmGroup a.rmLink,
.RadMenu_Network .rmGroup a.rmLink .rmText
{
    padding: 4px;
    
}

.RadMenu_Information .rmGroup a.rmLink:hover,
.RadMenu_Information .rmGroup a.rmFocused,
.RadMenu_Information .rmGroup a.rmSelected,
.RadMenu_Information .rmGroup a.rmExpanded
{
	/* background-color: #16ACE3; */
    background-color: #17b6c6;
    color:#fff;
    padding: 4px;
 }

.RadMenu_Information .rmGroup a.rmLink:hover .rmText,
.RadMenu_Information .rmGroup a.rmFocused .rmText,
.RadMenu_Information .rmGroup a.rmSelected .rmText,
.RadMenu_Information .rmGroup a.rmExpanded .rmText
{
	/* background-color: #16ACE3; */
    background-color: #17b6c6;
    color:#fff;
    padding: 4px;

}

.RadMenu_Standards .rmGroup a.rmLink:hover,
.RadMenu_Standards .rmGroup a.rmFocused,
.RadMenu_Standards .rmGroup a.rmSelected,
.RadMenu_Standards .rmGroup a.rmExpanded
{
	/* background-color: #16ACE3; */
    background-color: #a7c712;
    color:#fff;
    padding: 4px;
 }

.RadMenu_Standards .rmGroup a.rmLink:hover .rmText,
.RadMenu_Standards .rmGroup a.rmFocused .rmText,
.RadMenu_Standards .rmGroup a.rmSelected .rmText,
.RadMenu_Standards .rmGroup a.rmExpanded .rmText
{
	/* background-color: #16ACE3; */
    background-color: #a7c712;
    color:#fff;
    padding: 4px;

}

.RadMenu_Network .rmGroup a.rmLink:hover,
.RadMenu_Network .rmGroup a.rmFocused,
.RadMenu_Network .rmGroup a.rmSelected,
.RadMenu_Network .rmGroup a.rmExpanded
{
	/* background:#F57E20; */
    background:#00A075;
    color:#fff;
    padding: 4px;
 }

.RadMenu_Network .rmGroup a.rmLink:hover .rmText,
.RadMenu_Network .rmGroup a.rmFocused .rmText,
.RadMenu_Network .rmGroup a.rmSelected .rmText,
.RadMenu_Network .rmGroup a.rmExpanded .rmText
{
	/* background:#F57E20; */
    background:#00A075;
    color:#fff;
    padding: 4px;
}

.RadMenu_Reporting .rmGroup a.rmLink:hover,
.RadMenu_Reporting .rmGroup a.rmFocused,
.RadMenu_Reporting .rmGroup a.rmSelected,
.RadMenu_Reporting .rmGroup a.rmExpanded
{
    /*background: #00a14b;*/
    background:#712282;
    color:#fff;
        padding: 4px;
 }

.RadMenu_Reporting .rmGroup a.rmLink:hover .rmText,
.RadMenu_Reporting .rmGroup a.rmFocused .rmText,
.RadMenu_Reporting .rmGroup a.rmSelected .rmText,
.RadMenu_Reporting .rmGroup a.rmExpanded .rmText
{
    /*background: #00a14b;*/
    background:#712282;
    color:#fff;
        padding: 4px;
}


/* <Submenu offsets (Default - specific, overlapping submenus)> */

.menu .RadMenu .rmSlide
{
        
    min-width: 147px;
    margin: 0 0 0 -1px;
    margin-left: -56px;
    margin-top: 15px;
}

.menu .RadMenu .rmVertical .rmSlide,
.menu .RadMenu .rmSlide .rmSlide,
.menu .RadMenu_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
    margin-top: 25px;
}

.menu .RadMenu_rtl .rmSlide
{
    margin: 0 0 0 0;
}

.menu .RadMenu_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}

.menu .RadMenu_rtl .rmVertical .rmSlide,
.menu .RadMenu_rtl .rmSlide .rmSlide,
.menu .RadMenu_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* </RadMenu / Information> */
