﻿/* Common CSS */

.RadMenu
{
    white-space:nowrap;
    float:left;
    position:relative;
    z-index /*\**/: 510\9; /* IE8 hasLayout fix */
    z-index: 510;
}

.RadMenu_LanguageControl .rmRootGroup
{
    margin:0;
    padding:0;
    position:relative;
    left:0;
    display: inline-block;
}

* html .RadMenu_LanguageControl .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu_LanguageControl .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.RadMenu_LanguageControl ul.rmVertical,
.RadMenu_LanguageControl ul.rmHorizontal,
.RadMenu_LanguageControl ul.rmRootScrollGroup,
.RadMenu_Context ul.rmHorizontal
{
    margin:0;
    padding:0;
    display:none;
    position:relative;
    left:0;
    float:left;
}

.rmSized ul.rmVertical
{
    width: 100%;
}

.rmSized ul.rmRootGroup
{
    float: none;
}

.rmSized .rmRootGroup .rmVertical
{
    width: auto;
}

.RadMenu_LanguageControl .rmItem
{
    float:left;
    position:relative;
    list-style-image: none;
    list-style-position:outside;
    list-style:none;    
}

* html .RadMenu_LanguageControl .rmItem
{
    display:inline;
}

.RadMenu_LanguageControl .rmHorizontal .rmItem
{
    clear:none;
}

.RadMenu_LanguageControl .rmVertical .rmItem
{
    clear:both;
}

.rmSized .rmVertical .rmItem
{
    width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem
{
    width: auto;
}

.RadMenu_LanguageControl ul.rmActive,
.RadMenu_LanguageControl ul.rmRootGroup
{
    display:block;
}

.RadMenu_LanguageControl .rmSlide, 
.RadMenu_Context
{
    position:absolute;
    overflow:hidden;
    display:none;
    float:left;
}

* html .RadMenu_LanguageControl .rmSlide, 
* html .RadMenu_Context
{
    height:1px;
}

.RadMenu_Context
{
    z-index:1000;
    overflow:visible;
}

.RadMenu_LanguageControl .rmText
{
    display:block;
}

.RadMenu_LanguageControl div.rmText /*templates*/
{
    white-space:normal;
    background: transparent;
}

.RadMenu_LanguageControl a.rmLink
{
    cursor:default; /* set to pointer */
    display:block;
}

.rmScrollWrap
{
    position:absolute;
    float:left;
    overflow:hidden;
    left:0;
}

.RadMenu_LanguageControl .rmLeftArrow,
.RadMenu_LanguageControl .rmTopArrow,
.RadMenu_LanguageControl .rmBottomArrow,
.RadMenu_LanguageControl .rmRightArrow
{
    position:absolute;
    z-index:2000;
    text-indent:-1000em;
    font-size: 0;
    line-height: 0;
    outline: 0;
    overflow: hidden;
}

.RadMenu_LanguageControl .rmLeftArrowDisabled,
.RadMenu_LanguageControl .rmTopArrowDisabled,
.RadMenu_LanguageControl .rmBottomArrowDisabled,
.RadMenu_LanguageControl .rmRightArrowDisabled
{
    display:none;
    text-indent:-1000em;
    font-size: 0;
    line-height: 0;
}

.RadMenu_LanguageControl .rmBottomArrow,
.RadMenu_LanguageControl .rmBottomArrowDisabled
{
    margin-bottom: -1px;
}

.RadMenu_LanguageControl .rmLeftImage
{
    border:0;
    float:left;
}

.RadMenu_LanguageControl .rmLink
{
    width:auto;
}

.RadMenu_LanguageControl div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu_LanguageControl .rmItem
{
    padding: 0;
}

.RadMenu_LanguageControl .rmLink
{
    padding: 0 0 0 12px;
    outline: 0;
    float: left;
}

.RadMenu_LanguageControl .rmText
{
    padding-bottom: 1px;
    float: left;
}

.RadMenu_LanguageControl .rmVertical .rmText
{
    padding: 0 24px 1px 0;
}

.RadMenu_LanguageControl .rmHorizontal .rmText
{
    padding: 0 12px 1px 0;
}

.RadMenu_LanguageControl .rmVertical .rmText,
.RadMenu_LanguageControl .rmHorizontal .rmVertical .rmText
{
    display: block;
    float: none;
}

.RadMenu_LanguageControl .rmVertical .rmLink,
.RadMenu_LanguageControl .rmHorizontal .rmVertical .rmLink
{
    float: none;
}

* html .RadMenu_LanguageControl .rmGroup .rmVertical .rmLink,
* html .RadMenu_LanguageControl .rmGroup .rmHorizontal .rmLink
{
    float: left;
}



.RadMenu_LanguageControl .rmRootGroup .rmItem .rmGroup
{
    padding-bottom: 1px;
}

.RadMenu_LanguageControl .rmRoundedCorners .rmItem .rmGroup
{
    padding-bottom: 0;
}

.RadMenu_LanguageControl .rmGroup .rmItem
{
    padding: 0;
}

.RadMenu_LanguageControl .rmGroup .rmLink,
.RadMenu_LanguageControl .rmSlide .rmGroup .rmTemplate
{
    padding: 0;
}



.RadMenu_LanguageControl .rmGroup .rmText
{
    padding: 0 54px 0 28px;
    /*margin: 0 0 0 4px;*/
}


.RadMenu_LanguageControl .rmMultiColumn
{
    list-style: none;
    display: block;
    position: relative;
}

.RadMenu_LanguageControl .rmMultiColumn .rmMultiGroup
{
    background: none;
    border: 0;
    float: left;
    display: block;
    position: static;
}

.RadMenu_LanguageControl .rmMultiColumn .rmGroupColumn
{
    float: left;
}

.RadMenu_rtl .rmMultiColumn .rmGroupColumn  
{
    float: right;
}

*+html .RadMenu_rtl .rmMultiColumn .rmItem { float: left; }
* html .RadMenu_rtl .rmMultiColumn .rmItem { float: left; }

.RadMenu_LanguageControl .rmSlide .rmVertical .rmLeftImage+.rmText
{
    padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText
{
    padding: 0 28px 0 54px;
}

.RadMenu_LanguageControl .rmSlide .rmHorizontal .rmText
{
    padding: 0 11px 0 10px;
}


/*GRI START */

/* <RadMenu / LanguageControl> */

/* <Root items> */

.RadMenu_LanguageControl,
.RadMenu_LanguageControl a.rmLink
{
	font: inherit;
	color: #777;
	text-decoration: none;
	padding: 0px;
}

.RadMenu_LanguageControl .rmFirst a.rmLink,
.RadMenu_LanguageControl .rmFirst a.rmLink:hover,
.RadMenu_LanguageControl .rmLast .rmText,
.RadMenu_LanguageControl .rmLast a.rmLink:hover .rmText,
.RadMenu_LanguageControl .rmVertical a.rmLink,
.RadMenu_LanguageControl .rmVertical .rmText
{
		cursor: pointer;
		padding:0px;
}

.RadMenu_LanguageControl .rmVertical .rmFirst,
.RadMenu_LanguageControl .rmVertical .rmLast
{
	background: none;
}

.RadMenu_LanguageControl a.rmLink:hover,
.RadMenu_LanguageControl a.rmFocused,
.RadMenu_LanguageControl a.rmSelected
{
	background-color: #fff;
}

/* item1 --english top with flag*/
.RadMenu_LanguageControl .rmHorizontal .rmRootLink span.rmText
{
	padding-left: 0px;
	padding: 0px;
	padding-top: 0px;
	font-size: 11px;
}
/* end item1 */

.RadMenu_LanguageControl_rtl .rmRootLink span.rmText
{
    padding-right: 12px;
}

.RadMenu_LanguageControl_Context_rtl .rmRootLink span.rmText
{
    padding-right: 28px;
}

.RadMenu_LanguageControl .rmHorizontal a.rmRootLink
{
	padding-left: 0;
}

.RadMenu_LanguageControl_rtl a.rmRootLink
{
    margin-left: 0;
    padding: 0;
}

.RadMenu_LanguageControl .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
	width: 100%;
}

/* </Root items> */
/* <Submenu items> */
.RadMenu_LanguageControl .rmGroup,
.RadMenu_LanguageControl .rmGroup
{
    padding:0px;
}

.RadMenu_LanguageControl .rmGroupColumn
{
    padding:0px;
}
.RadMenu_LanguageControl .rmGroup .rmItem,
.RadMenu_LanguageControl .rmGroup .rmLast,
.RadMenu_LanguageControl .rmGroup .rmFirst 
{
padding-top: 0px;
padding-bottom: 0px;

}
.RadMenu_LanguageControl .rmGroup .rmItem a.rmLink,
.RadMenu_LanguageControl .rmGroup .rmItem a.rmLink:hover,
.RadMenu_LanguageControl .rmGroup .rmItem a.rmFocused,
.RadMenu_LanguageControl .rmGroup .rmItem a.rmSelected,
.RadMenu_LanguageControl .rmGroup .rmItem a.rmExpanded,
.RadMenu_LanguageControl .rmGroup .rmFirst a.rmLink,
.RadMenu_LanguageControl .rmGroup .rmFirst a.rmLink:hover,
.RadMenu_LanguageControl .rmGroup .rmFirst a.rmFocused,
.RadMenu_LanguageControl .rmGroup .rmFirst a.rmSelected,
.RadMenu_LanguageControl .rmGroup .rmFirst a.rmExpanded,
.RadMenu_LanguageControl .rmGroup .rmLast a.rmLink,
.RadMenu_LanguageControl .rmGroup .rmLast a.rmLink:hover,
.RadMenu_LanguageControl .rmGroup .rmLast a.rmFocused,
.RadMenu_LanguageControl .rmGroup .rmLast a.rmSelected,
.RadMenu_LanguageControl .rmGroup .rmLast a.rmExpanded
{
	
	border: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	width: 107px;
	font-size: 11px;
	text-transform:none;
	margin-bottom: 1px;
	margin-right: 1px;
}

.RadMenu_LanguageControl .rmGroup a.rmLink,
.RadMenu_LanguageControl .rmGroup a.rmLink .rmText
{
    background: transparent;
    color:#777;
    padding: 2px;
}

.RadMenu_LanguageControl  .rmGroup a.rmLink:hover,
.RadMenu_LanguageControl  .rmGroup a.rmFocused,
.RadMenu_LanguageControl  .rmGroup a.rmSelected,
.RadMenu_LanguageControl  .rmGroup a.rmExpanded
{
    background: #002855;
    color:#fff;
    padding: 2px;
 }

.RadMenu_LanguageControl .rmGroup a.rmLink:hover .rmText,
.RadMenu_LanguageControl .rmGroup a.rmFocused .rmText,
.RadMenu_LanguageControl .rmGroup a.rmSelected .rmText,
.RadMenu_LanguageControl .rmGroup a.rmExpanded .rmText
{
    background: #002855;
    color:#fff;
    padding: 2px;
}



.RadMenu_LanguageControl .rmGroup,
.RadMenu_LanguageControl .rmGroup .rmVertical
{
	border: none;
	cursor: pointer;
	padding: 0px;
}
.RadMenu_LanguageControl .rmMultiColumn
{
    	width: 288px;
    	padding: 10px;
    	padding-top:0px;
    	padding-bottom:0px;
    	min-height: 220px;
    	display:block;    
}

.RadMenu_LanguageControl .rmSlide
{
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top;  /* languageBackground */
    background-position: 0px -2844px; width: 360px; height: 258px;
    padding: 0px;
    padding-top: 20px;   
    padding-bottom: 20px;
    margin-bottom: 0px;
    min-height: 220px;
    min-width: 360px;
}


/* </Submenu items> */

/* <Submenu offsets (LanguageControl - specific, overlapping submenus)> */

.RadMenu_LanguageControl .rmSlide
{
	margin: 0 0 0 -1px;
}

.RadMenu_LanguageControl .rmVertical .rmSlide,
.RadMenu_LanguageControl .rmSlide .rmSlide,
.RadMenu_LanguageControl_Context .rmGroup .rmSlide
{
	margin: 0 0 0 -5px;
}


/* </Submenu offsets> */


/* </RadMenu / LanguageControl> */


.linkButtonItemEnglish

{
    float:right;
    margin-top:10px;
    padding: 4px;
    background: #f01f01;
}