﻿/*
Theme:      g2env 

Purpose:    Contains theme specific colors and image references for framework controls and when necessary 
            custom skins for Telerik controls.  Remaining CSS is contained in the framework itself.

2017-01-01  Walt Edwards created.
2017-01-06  Walt Edwards completed refactoring.
2017-03-27  Walt Edwards added #divBusy background-color.
2017-03-31  Walt Edwards added DASHBOARD styles section.
2017-10-16  Walt Edwards added .hidden style.
*/

html { background-color: rgba(241, 241, 241, 1) }

#divBackgroundBar1 { background-color: white }
#divBackgroundBar2 { background-color: white }
#divBackgroundBar4 { background-color: transparent }
#divBackgroundBar4 { background-color: transparent }
#divBackgroundBar5 { background-color: transparent }

#btnChat, #btnNoChat, #btnRefresh { background-image: url('Framework/HeaderSprites.gif') }

#btnChat    { background-position:  -2px -56px } #btnChat:hover    { background-position: -20px -56px }
#btnNoChat  { background-position: -38px -56px } #btnNoChat:hover  { background-position: -56px -56px }
#btnRefresh { background-position:  -2px -74px } #btnRefresh:hover { background-position: -20px -74px }

#divBusy         { color: white; background-color: rgba(254, 254, 254, 1) !important; background: URL("Framework/divBusy.gif") no-repeat }
#btnLogo         { background-image: url("Framework/btnLogo.gif") }
#divTitleBar     { background-image: url('Framework/divTitlebar.jpg') }
/* #divWatermarkBar { background-image: url("Framework/divWatermark.jpg") } */

#btnLogin { color: rgba(147, 147, 147, 1); font-size: 14px; }
#divCopyrightBar { color: rgba(147, 147, 147, 1) }
#divCopyrightBar a,
#divCopyrightBar a:active,
#divCopyrightBar a:link,
#divCopyrightBar a:visited     { color: rgba(147, 147, 147, 1) }

#btnLogin:hover { color: #00a9eb; font-size: 14px; }
#btnResize:hover,
#divCopyrightBar a:hover       { color: #00a9eb }

#divBusy { color: rgba(0, 73, 129, 1) }

#divMenuBar {
    background: url( 'Menu/rmSprite.png' ) repeat-x;
    background-position: 100% -456px;
}
.hidden { display: none; visibility: hidden }


/****************************
DASHBOARD styles for displaying buttons in framework.  Subset of old masterpage button framework.  Not yet renamed to avoid breaking things.
****************************/

.btnHeaderConfigureOff, .btnHeaderConfigureOn, .btnHeaderSave, .btnHeaderUndo
{
    background-color: transparent; 
    background-image: url('Framework/HeaderSprites.gif');
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    height: 16px;
    margin: 0 3px 0 0;
    width: 16px;
}

.btnHeaderConfigureOff  { background-position:  -2px  -2px; }  .btnHeaderConfigureOff:hover   { background-position: -20px  -2px }
.btnHeaderConfigureOn   { background-position: -38px  -2px; }  .btnHeaderConfigureOn:hover    { background-position: -56px  -2px }
.btnHeaderSave          { background-position: -38px -38px; }  .btnHeaderSave:hover           { background-position: -56px -38px }
.btnHeaderUndo          { background-position: -38px -20px; }  .btnHeaderUndo:hover           { background-position: -56px -20px }


/****************************
    Everything below is stripped from legacy _consolidated_.css and should be replaced with HTML5 / CSS3
    compliant simplified skins from telerik
****************************/






/****************************
File:       Menu.Black.css

Purpose:    Contains Telerik Black skin for the RadMenu object class, but CSS class names have been renamed to *_DEFAULT.

            Do NOT make any changes here to support a particular theme.  
            Either change the selected skin file (ex. Menu.Sunset.css) or make changes to the zzzColors.css file.

            This is a custom menu with transparent backgrounds so that changing the background sprite and a few colors should work for most
            sites and themes.

            If you need to change a style not contained in zzzColors.css, then copy it from here to zzzColors.css and change it there, not here.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2009-04-07  Walt Edwards copied current Telerik Black Menu "Skin" and renamed RadMenu_Black styles to RadMenu_Default to work within our themes.
2009-04-11  Walt Edwards completed using CSS and sprite changes to make RadMenu_Black match desired new Synectics theme formatting, all changes are commented.
2010-10-14  Walt Edwards added this documentation.
****************************/

/* <RadMenu / Black > */

.RadMenu_Default .rmRootGroup,
.RadMenu_Default .rmLink,
.RadMenu_Default .rmText,
.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow,
.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow
{
	background-image: url('Menu/rmSprite.png');
	background-color: transparent;
}

.RadMenu_Default .rmRootGroup
{
	border: none; /* 1px solid #202020; Don't show border around menu items, just use sprite background */
	background-repeat: repeat-x;
	background-color: Transparent;  /* Let our background show through behind menu bar */
    background-image: none;         /* Don't show hover background on root items */
}

.RadMenu_Default .rmVertical
{
	background-position: 0 -408px;
}

/* <Root items> */

.RadMenu_Default,
.RadMenu_Default .rmLink
{
	color: #fff;
	font: 11px/23px Arial, sans-serif;   /* root menu text large and bold */
	text-decoration: none;
}

.RadMenu_Default .rmGroup .rmText  /* Non-standard (synectics only) */
{
    font-size: 12px;                /* Reduce size of submenu font set above */
    font-weight: normal !important; /* Cancel out *bolder* value above for sub menus */
}

.RadMenu_Default .rmLink:hover
{
    background-image: none;         /* Don't show hover background on root items */
    background-color: Transparent;  /* Root menu background color */
	color: White;                   /* Hover forecolor of all items during hover */
}

.RadMenu_Default .rmLink,
.RadMenu_Default .rmText
{
	background-repeat: no-repeat;
	background-position: 0 500px;
}

.RadMenu_Default .rmLink:hover,
.RadMenu_Default .rmFocused
{
	background-position: 0 -72px;
	color: White; /* Hover forecolor for all root nodes */
}

.RadMenu_Default .rmExpanded,
.RadMenu_Default .rmExpanded:hover
{
    background-image: none;         /* Don't show hover background on root items when not hovering */
	background-position: 0 -72px;
}

.RadMenu_Default .rmExpanded .rmText,
.RadMenu_Default .rmExpanded:hover .rmText
{
	background-position: 100% -96px;
    background-image: none;         /* Don't show hover background on root items (also affects expanded submenu nodes, so we add it back below */
    background-color: Transparent;  /* Root menu background hover color */
}

.RadMenu_Default .rmLast .rmExpanded .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_Default .rmDisabled,
.RadMenu_Default .rmDisabled:hover
{
	color: #7d7d7d;
	background-position: 0 500px;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_Default .rmGroup,
.RadMenu_Default .rmGroup .rmVertical
{
	border: 1px solid #080808;
	background: #aac6d1 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_Default .rmSlide .rmScrollWrap
{
	background-image: none;
}

.RadMenu_Default_rtl .rmGroup,
.RadMenu_Default_rtl .rmGroup .rmVertical
{
	background-position: 100% 0;
}

.RadMenu_Default .rmRootGroup li.rmItem .rmGroup
{
	padding-bottom: 0;
}

.RadMenu_Default .rmGroup li.rmLast
{
	padding-bottom: 1px;
}

.RadMenu_Default .rmRootGroup .rmHorizontal
{
	background-image: none;
}

.RadMenu_Default .rmScrollWrap .rmVertical
{
	border: 0;
}

.RadMenu_Default .rmGroup .rmItem .rmLink,
.RadMenu_Default .rmGroup .rmItem .rmLink:hover,
.RadMenu_Default .rmGroup .rmItem .rmFocused,
.RadMenu_Default .rmGroup .rmItem .rmExpanded
{
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}

.RadMenu_Default .rmGroup .rmLast .rmLink,
.RadMenu_Default .rmGroup .rmLast .rmLink:hover,
.RadMenu_Default .rmGroup .rmLast .rmFocused,
.RadMenu_Default .rmGroup .rmLast .rmExpanded
{
	padding-bottom: 1px;
}

.RadMenu_Default .rmGroup .rmLink,
.RadMenu_Default .rmGroup .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
	background-color: #6b7d8a;  /* background for all submenu nodes when not hovering or expanded */
}

.RadMenu_Default .rmGroup .rmLink:hover,
.RadMenu_Default .rmGroup .rmFocused,
.RadMenu_Default .rmGroup .rmExpanded
{
	background-position: 0 -168px;
	color: Black; /* Forecolor for submenu nodes during hover */
}

.RadMenu_Default .rmGroup .rmLink:hover .rmText,
.RadMenu_Default .rmGroup .rmFocused .rmText,
.RadMenu_Default .rmGroup .rmExpanded .rmText
{
    background-image: url('Menu/rmSprite.png'); /* Add background image back at submenu level when expanded during hover */
	background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_Default .rmGroup .rmExpandRight,
.RadMenu_Default .rmGroup .rmExpandDown,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmExpandRight,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmExpandDown,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmExpandRight,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmExpandDown
{
	background-position: 100% -216px;
}

.RadMenu_Default .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_Default .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Default .rmGroup .rmExpanded .rmExpandRight,
.RadMenu_Default .rmGroup .rmLink:hover .rmExpandDown,
.RadMenu_Default .rmGroup .rmFocused .rmExpandDown,
.RadMenu_Default .rmGroup .rmExpanded .rmExpandDown
{
	background-position: 100% -240px;
}

.RadMenu_Default .rmGroup .rmDisabled:hover .rmExpandRight,
.RadMenu_Default .rmGroup .rmDisabled:hover .rmExpandDown
{
	background-image: url('Menu/rmSprite.png');
	background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_Default_rtl .rmVertical .rmExpanded .rmText,
.RadMenu_Default_rtl .rmVertical .rmExpanded:hover .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_Default_rtl .rmGroup .rmLink:hover,
.RadMenu_Default_rtl .rmGroup .rmFocused,
.RadMenu_Default_rtl .rmGroup .rmExpanded
{
	background-position: 100% -264px;
}

.RadMenu_Default_rtl .rmGroup .rmLink:hover .rmText,
.RadMenu_Default_rtl .rmGroup .rmFocused .rmText,
.RadMenu_Default_rtl .rmGroup .rmExpanded .rmText
{
	background-position: 0 -288px;
}

.RadMenu_Default_rtl .rmGroup .rmExpandLeft
{
	background-position: 0 -312px;
}

.RadMenu_Default_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_Default_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Default_rtl .rmGroup .rmExpanded .rmExpandLeft
{
	background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Black - specific, overlapping submenus)> */

.RadMenu_Default .rmSlide
{
	margin: 0 0 0 -1px;
}

.RadMenu_Default .rmVertical .rmSlide,
.RadMenu_Default .rmSlide .rmSlide,
.RadMenu_Default_Context .rmGroup .rmSlide
{
	margin: 0 0 0 -5px;
}

.RadMenu_Default_rtl .rmSlide
{
	margin: 0 0 0 0;
}

.RadMenu_Default_rtl .rmFirst .rmSlide
{
	margin-left: 1px;
}

.RadMenu_Default_rtl .rmVertical .rmSlide,
.RadMenu_Default_rtl .rmSlide .rmSlide,
.RadMenu_Default_Context_rtl .rmGroup .rmSlide
{
	margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	background-color: #aac6d1;
}

.RadMenu_Default .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_Default .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow,
.RadMenu_Default .rmGroup .rmLeftArrow,
.RadMenu_Default .rmGroup .rmRightArrow
{
	background-color: #aac6d1;
}

.RadMenu_Default .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_Default .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_Default .rmHorizontal .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmSeparator .rmText
{
	height: 22px;
	margin: 1px 0 0;
	width: 1px;
	background-color: #000;
}

.RadMenu_Default_Context .rmSeparator .rmText,
.RadMenu_Default .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
	background-color: transparent;
	background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Black> *//****************************
File:       menu.css

Purpose:    Contains Telerik common styles for all RadMenu skins, plus a few minor changes to support Synectics specific menus.

            Do NOT make any changes here to support a particular theme.  

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2010-10-14  Walt Edwards added this documentation.
****************************/

.RadMenu_Default_Menubar
{
    background: url( 'Menu/rmSprite.png' ) repeat-x;
	background-position: 100% -456px;

/*    background-color: purple; */     /* If it shows up we've got wrong height */
    width: 948px;
    height: 30px;
    padding: 0 10px 0 15px;
}

.RadMenu_Default
{
    border-left: solid 0px #fff;                    /* Border between ddlDatabase and menu items (not used in this theme) */
/*	font:menu; */
    font: normal 11px Arial, Verdana, Sans-serif; /* font for all menu items, bold is cancelled for sub menus lower in skin */
    letter-spacing: 1pt;
	line-height:20px;
}

.RadMenu_Default .rmLink:hover    /* Non-standard (synectics only) */
{
    cursor:pointer;     /* Show hand over items that can be clicked */
}






/* Common CSS */

.RadMenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}

.RadMenu .rmRootGroup
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	display: inline-block;
}

* html .RadMenu .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.RadMenu ul.rmVertical,
.rmRootGroup ul.rmHorizontal,
.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 .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
}

* html .RadMenu .rmItem
{
	display:inline;
}

.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}

.rmSized .rmVertical .rmItem
{
	width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem
{
	width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.RadMenu_Context
{
	position:absolute;
	overflow:hidden;
	display:none;
	float:left;
}

* html .RadMenu .rmSlide, 
* html .RadMenu_Context
{
	height:1px;
}

.RadMenu_Context
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
}

.RadMenu div.rmText /*templates*/
{
	white-space:normal;
}

.RadMenu a.rmLink
{
	cursor:default;
	display:block;
}

.rmScrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
	left:0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
	outline: 0;
	overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.RadMenu_rtl
{
	float:right;
	text-align: right;
}

.RadMenu_rtl ul.rmHorizontal,
.RadMenu_rtl ul.rmVertical
{
	float:right;
}

.RadMenu_rtl .rmItem
{
	float:right;	
}

.RadMenu_rtl .rmLeftImage,
.RadMenu_Context_rtl .rmLeftImage
{
	border:0;
	float:right;
}

.RadMenu_rtl .rmLeftArrow,
.RadMenu_rtl .rmTopArrow,
.RadMenu_rtl .rmBottomArrow,
.RadMenu_rtl .rmRightArrow,
.RadMenu_rtl .rmLeftArrowDisabled,
.RadMenu_rtl .rmTopArrowDisabled,
.RadMenu_rtl .rmBottomArrowDisabled,
.RadMenu_rtl .rmRightArrowDisabled
{
	text-indent:1000em !important;
}

.RadMenu .rmLink
{
	width:auto;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu .rmItem
{
	padding: 0;
}

.RadMenu .rmLink
{
	padding: 0 0 0 12px;
	outline: 0;
	float: left;
}

.RadMenu .rmText
{
	padding-bottom: 1px;
	float: left;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
	margin: 4px 2px 0 0;
	padding-bottom: 4px;
}

.RadMenu .rmVertical .rmLeftImage+.rmText
{
	padding: 0 8px 1px 24px;
}

.RadMenu .rmHorizontal .rmText
{
	padding: 0 12px 1px 0;
}

.RadMenu_rtl .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmVertical .rmText,
.RadMenu .rmHorizontal .rmVertical .rmText
{
	display: block;
	float: none;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink
{
	float: none;
}

* html .RadMenu .rmGroup .rmVertical .rmLink,
* html .RadMenu .rmGroup .rmHorizontal .rmLink
{
	float: left;
}

.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 1px;
}

.RadMenu .rmGroup .rmItem
{
	padding: 0;
}

.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate
{
	padding: 0 0 0 4px;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
	padding: 0 4px 0 0;
}

.RadMenu .rmGroup .rmText
{
	padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmGroup .rmText
{
	padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context .rmGroup .rmLeftImage+.rmText
{
	padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context_rtl .rmGroup .rmLeftImage+.rmText
{
	padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmHorizontal .rmText
{
	padding: 0 11px 0 10px;
}

.RadMenu .rmGroup .rmLeftImage
{
	margin: 4px 0 0 2px;
}

.RadMenu_rtl .rmGroup .rmLeftImage
{
	margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage { position: absolute; }
*+html .RadMenu .rmGroup .rmLeftImage { position: absolute; }

* html .RadMenu_rtl .rmGroup .rmLeftImage { right: 6px; }
*+html .RadMenu_rtl .rmGroup .rmLeftImage { right: 6px; }


/* <separators> */

.RadMenu .rmSeparator .rmText
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	background-repeat: repeat-x;
	overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText,
.RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: auto;
	width: auto;
	padding-bottom: 2px;
}

*+html .RadMenu .rmSeparator .rmText,   /* IE7 separator height problem */
*+html .RadMenu .rmVertical .rmSeparator .rmText,
*+html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: 2px;
	padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator .rmText { height: auto; padding: 2px 0 0; }
* html .RadMenu .rmHorizontal .rmSeparator .rmText { padding: 0; }

.RadMenu .rmRootGroup .rmSeparator .rmText
{
	margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context .rmVertical .rmSeparator .rmText
{
	margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
{
	margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator .rmText,
.RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
{
	margin: 2px 0 0;
	height: 20px;
	width: 2px;
}

/* </separators> */

/* <scroll arrows> */

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow
{
	width: 10px;
	height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow
{
	height: 10px;
	width: 100%;
}




/* ===== Menu.Black.css ===== */

/* <Submenu items> */

.RadMenu_Default .rmGroup,
.RadMenu_Default .rmGroup .rmVertical
{
	border: 1px solid #080808;
	background: #aac6d1 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_Default .rmGroup .rmLink,
.RadMenu_Default .rmGroup .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmText
{
/*	background-position: 0 500px; */
	background-repeat: no-repeat;
	background-color: #6b7d8a;  /* background for all submenu nodes when not hovering or expanded */
}

/* <Scrolling arrows> */

.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	background-color: #aac6d1;
}

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow,
.RadMenu_Default .rmGroup .rmLeftArrow,
.RadMenu_Default .rmGroup .rmRightArrow
{
	background-color: #aac6d1;
}


.RadMenu_Default,
.RadMenu_Default .rmLink
{
	color: #7d7d7d /*#fff;*/
}

.RadMenu_Default .rmLink:hover
{
	color: Black;                   /* Hover forecolor of all items during hover */
}

.RadMenu_Default .rmLink:hover,
.RadMenu_Default .rmFocused
{
	color: black; /* Hover forecolor for all root nodes */
}

.RadMenu_Default .rmDisabled,
.RadMenu_Default .rmDisabled:hover
{
	color: #7d7d7d;
}

/* </Root items> */

/* <Submenu items> */

.RadMenu_Default .rmGroup,
.RadMenu_Default .rmGroup .rmVertical
{
	border: 1px solid #080808;
	background-color: #4f4f4f;
}

.RadMenu_Default .rmGroup .rmLink, .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmGroup .rmItem .rmDisabled, .RadMenu_Default .rmGroup .rmItem .rmDisabled:hover, .RadMenu_Default .rmGroup .rmItem .rmDisabled .rmText, .RadMenu_Default .rmGroup .rmItem .rmDisabled:hover .rmText
{
    background-color: #ffffff /*#3d414d; */ /* background for all submenu nodes when not hovering or expanded */;
}

.RadMenu_Default .rmGroup .rmLink:hover,
.RadMenu_Default .rmGroup .rmFocused,
.RadMenu_Default .rmGroup .rmExpanded
{
	color: Black; /* Forecolor for submenu nodes during hover */
}
/* </Submenu items> */

/* <Scrolling arrows> */

.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	background-color: #4f4f4f;
}

.RadMenu_Default .rmLeftArrow { border-right: 1px solid #828282; }
.RadMenu_Default .rmRightArrow { border-left: 1px solid #828282; }

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow,
.RadMenu_Default .rmGroup .rmLeftArrow,
.RadMenu_Default .rmGroup .rmRightArrow
{
	background-color: #4f4f4f;
}

.RadMenu_Default .rmTopArrow { border-bottom: 1px solid #828282; }
.RadMenu_Default .rmBottomArrow { border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_Default .rmHorizontal .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmSeparator .rmText
{
	background-color: #000;
}

.RadMenu_Default_Context .rmSeparator .rmText,
.RadMenu_Default .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
	background-color: transparent;
}

/* </Separators> */

/* </RadMenu / Black> */
