﻿/* r.a.d.menu customTopMenuSkin skin */
.RadMenu_customTopMenuSkin
{
	background: #a7cfe8;
}

.RadMenu_customTopMenuSkin_Context
{
	background:none;
}

.RadMenu_customTopMenuSkin .link
{
	text-decoration:none;
	color: black;
	line-height: 20px;
	border-bottom: 2px solid #a7cfe8;
	border-top: 3px solid #a7cfe8;
}

.RadMenu_customTopMenuSkin .link .text
{
	padding-right: 20px; /* add padding, remove width */
}

.RadMenu_customTopMenuSkin .link:hover,
.RadMenu_customTopMenuSkin .focused,
.RadMenu_customTopMenuSkin .expanded
{
	background: #64b3df;
	border-bottom: 3px solid #1973c9;
	border-top: 1px solid #3487d4;
	color: black;
}

.RadMenu_customTopMenuSkin .link:hover .text,
.RadMenu_customTopMenuSkin .focused .text,
.RadMenu_customTopMenuSkin .expanded .text
{
	border-top: 1px solid #85c3e6;
}

.RadMenu_customTopMenuSkin .rootGroup .disabled:hover
{
	border-bottom: 2px solid #a7cfe8;
	border-top: 2px solid #a7cfe8;
	background: #a7cfe8;
}

.RadMenu_customTopMenuSkin .rootGroup .disabled:hover .text
{
	border-top: 1px solid #a7cfe8;
}

.RadMenu_customTopMenuSkin .text
{
	padding: 0px 15px;
	font-size: 11px;
}

.RadMenu_customTopMenuSkin .group
{
	background: white;
	border: 0px;
}

.RadMenu_customTopMenuSkin .group .link
{
	background: #dfeef4;
	border: solid 1px #bfcde3;
	border-top-color: white;
	text-align: left;
	padding-right: 0px; /* add padding */
}

.RadMenu_customTopMenuSkin .group .text
{
	padding-left:6px;
	padding-right: 40px;
}


.RadMenu_customTopMenuSkin .group .link:hover .text,
.RadMenu_customTopMenuSkin .group .focused .text,
.RadMenu_customTopMenuSkin .group .expanded .text
{
	border-top: 0px;
}

.RadMenu_customTopMenuSkin .group .link:hover,
.RadMenu_customTopMenuSkin .group .focused,
.RadMenu_customTopMenuSkin .group .expanded
{
	background: #a7cfe8;
	border-bottom: 1px solid #1973c9;
	border-top: 1px solid white;
	font-weight: normal;
}


.RadMenu_customTopMenuSkin .leftArrow,
.RadMenu_customTopMenuSkin .rightArrow,
.RadMenu_customTopMenuSkin .topArrow,
.RadMenu_customTopMenuSkin .bottomArrow,
.RadMenu_customTopMenuSkin .leftArrowDisabled,
.RadMenu_customTopMenuSkin .rightArrowDisabled,
.RadMenu_customTopMenuSkin .topArrowDisabled,
.RadMenu_customTopMenuSkin .bottomArrowDisabled
{
	border-left: 1px solid #bfcde3;
	border-right: 1px solid #bfcde3;
	background: #a7cfe8 url('img/left.gif') center center no-repeat;
	width:15px;
}

.RadMenu_customTopMenuSkin .topArrow,
.RadMenu_customTopMenuSkin .topArrowDisabled
{
	background-image:url('img/top.gif');
	width: 114px;
}

.RadMenu_customTopMenuSkin .bottomArrow,
.RadMenu_customTopMenuSkin .bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width: 114px;
}

.RadMenu_customTopMenuSkin .rightArrow,
.RadMenu_customTopMenuSkin .leftArrow
{
	height:100%;
}

.RadMenu_customTopMenuSkin .rightArrow,
.RadMenu_customTopMenuSkin .rightArrowDisabled
{
	background-image:url('img/right.gif');
}


.RadMenu_customTopMenuSkin .vertical .separator .text
{
	background: #d4e5eb;
	font-size:1px;
	padding-top: 2px;
	border-left: solid 1px #bfcde3;
	border-right: solid 1px #bfcde3;
}

.RadMenu_customTopMenuSkin .expandLeft,
.RadMenu_customTopMenuSkin .expandRight
{
	background:transparent url(img/groupImage.gif) right center no-repeat;
	margin: 0px 3px;
}

/* right to left */
.RadMenu_customTopMenuSkin_rtl .group .link:hover .expandLeft,
.RadMenu_customTopMenuSkin_rtl .group .link:hover .expandRight
{
	background:transparent url(img/left.gif) left center no-repeat;
	margin: 0px 1px;
	padding-left: 8px;
}

.RadMenu_customTopMenuSkin_rtl .expandLeft,
.RadMenu_customTopMenuSkin_rtl .expandRight
{
	background:transparent url(img/groupImageRTL.gif) left center no-repeat;
}
/* end right to left */


.RadMenu_customTopMenuSkin .link:hover .expandLeft,
.RadMenu_customTopMenuSkin .link:hover .expandRight,
.RadMenu_customTopMenuSkin .focused .expandLeft,
.RadMenu_customTopMenuSkin .focused .expandRight,
.RadMenu_customTopMenuSkin .expanded .expandLeft,
.RadMenu_customTopMenuSkin .expanded .expandRight
{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}