﻿/* RadMenu Black skin */

/*nen menu ban dau*/
.RadMenu_Black1 
{
	/*background-color:Silver;*/
	padding-left:0px;	
	cursor:pointer;	
	text-align:left;
}


.RadMenu_Black1_rtl
{
	text-align: right
}

.RadMenu_Black1_Context
{
	background: none;
	border: 0;
}

/* rieng cho tung row*/
.RadMenu_Black1 a
{
	text-decoration: none;
	border-bottom: solid 0px #EEC5D3;
	cursor: pointer;
	width: 88px;
	text-transform: uppercase;
}


.RadMenu_Black1 .link
{
	width: 88px;
	line-height: 25px;
	text-decoration: none;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	background: transparent url( "Img/menu_bg.gif" );
	background-repeat: repeat-x;
	padding-left: 3px;
	height: 25px;
	cursor: pointer;
}

/*het rieng cho tung row*/

.RadMenu_Black1 .link:focused,
.RadMenu_Black1 .focused
{
	outline: 0;
}

.RadMenu_Black1 .expanded
{
	z-index: 1000;
}

.RadMenu_Black1 .rootGroup .link:hover, .RadMenu_Black1 .rootGroup .focused, .RadMenu_Black1 .rootGroup .expanded
{
	padding-left: 3px;
	background: transparent url(  "Img/menu_bg.gif" ); /* no-repeat 0 2px;*/
	color: #E32332;
	background-repeat: repeat-x;
	height: 25px;
	width: 88px;
	color: #a4a9a9;
}

.RadMenu_Black1 .rootGroup .link:hover .text,
.RadMenu_Black1 .rootGroup .focused .text,
.RadMenu_Black1 .rootGroup .expanded .text
{
	
}

.RadMenu_Black1 .group .link:hover,
.RadMenu_Black1 .group .focused,
.RadMenu_Black1 .group .expanded,
.RadMenu_Black1 .group .link:hover .text,
.RadMenu_Black1 .group .focused .text,
.RadMenu_Black1 .group .expanded .text
{
	/*background: transparent url("Img/SelectedBgSubitem.gif") repeat-x 0 0;*/
	
}

.RadMenu_Black1 .rootGroup .link
{
	/*Khoảng cách giữa Menu và Submenu*/
	margin-right: 0px;
	overflow: visible;
	cursor:pointer;
}

.RadMenu_Black1 .rootGroup .link .text
{
	font: normal 11px Tahoma, sans-serif;
	margin-right:-1px;
}

* html .RadMenu_Black1 .item,* html .RadMenu_Black1 .horizontal .link,* html .RadMenu_Black1 .text{float:left}

* html .RadMenu_Black1 .group .text,* html .RadMenu_Black1 .vertical .text{float:none}

*+html .RadMenu_Black1 .rootGroup .link .text
{
	/*zoom: 1;*/
}

.RadMenu_Black1 .group .link .text
{
	font: normal 11px Tahoma, sans-serif;
}
/*nen submenu*/
.RadMenu_Black1 .group
{
	border: 0px solid #F79CF8;
	color: #dddcdc;
	font-size: 11px;
	font-family: Tahoma;
	background-repeat: no-repeat;
	cursor: pointer;
	text-decoration: none;
}

.RadMenu_Black1 .horizontal
{
	height: 25px;
	cursor: pointer;
	color: #dddcdc;
	background-position: 0% 0%;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
}

.RadMenu_Black1 .group .horizontal
{
	height: 25px;
	background-image:url("Img/menu_bg.GIF");
}

/*mau chu submenu*/
.RadMenu_Black1 .group .link
{
	/*điều khiển sub menu*/
	background: transparent url( "Img/menu_bg.GIF" ); /* repea 0 0px;*/
	background-repeat: repeat-x;
	text-decoration: none;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
	height: 25px;
	font-size: 11px;
	font-family: Tahoma;
	padding-top: 0px;
	margin: 0;
	cursor: pointer;
}

.RadMenu_Black1_rtl .group .link
{
	text-align: right;
	padding-right:0;
	font-size:11px;
	font-family:Tahoma;
	cursor:pointer;
}

.RadMenu_Black1 .text
{
	/*padding: 0px 0px 0px 10px; 10px 16px 5px 16px;*/
	padding:5px 2px 5px 2px;
	
}

.RadMenu_Black1 .group .link .text
{
	padding:5px 2px 5px 2px;
	font-size:11px;
	font-family:Tahoma;
	margin-left: 0;
	margin-right: 0;
	cursor:pointer;
}

.RadMenu_Black1_rtl .group .link .text
{	
	padding:5px 2px 5px 2px;
}

/* <expand arrows styling> */

.RadMenu_Black1 .group .link .expandLeft
{
	background: #191919 url("Img/ArrowExpand.gif") no-repeat right center;
}

.RadMenu_Black1 .group .link .expandRight
{
	background: #191919 url("Img/ArrowExpandRTL.gif") no-repeat left center;
}

.RadMenu_Black1 .group .link:hover .expandLeft,
.RadMenu_Black1 .group .focused .expandLeft,
.RadMenu_Black1 .group .expanded .expandLeft
{
	color: #ccc;
	background: #191919 url("Img/ArrowExpandHovered.gif") no-repeat right center;
}

.RadMenu_Black1 .group .link:hover .expandRight,
.RadMenu_Black1 .group .focused .expandRight,
.RadMenu_Black1 .group .expanded .expandRight
{
	color: #ccc;
	background: #191919 url("Img/ArrowExpandHoveredRTL.gif") no-repeat left center;
}

/* </expand arrows styling> */


.RadMenu_Black1 .group .expanded
{
	z-index: 1000;
}

.RadMenu_Black1 .topArrowDisabled,
.RadMenu_Black1 .bottomArrowDisabled,
.RadMenu_Black1 .leftArrowDisabled,
.RadMenu_Black1 .rightArrowDisabled
{
	display: none;
}

.RadMenu_Black1 .topArrow,
.RadMenu_Black1 .bottomArrow,
.RadMenu_Black1 .leftArrow,
.RadMenu_Black1 .rightArrow
{
	font-size: 0;
	line-height: 0;
	color: #fff;
}

.RadMenu_Black1 .topArrow, .RadMenu_Black1 .bottomArrow
{
	height: 25px;
	/*width: 100%;*/
	background-position: center top;
	background-attachment: scroll;
	background-image: url(Img/ArrowScrollUpDown.gif);
	background-repeat: no-repeat;
}

.RadMenu_Black1 .topArrow
{
	border-top: 1px solid #000;
}

.RadMenu_Black1 .bottomArrow
{
	background-position: center bottom;
	border-bottom: 1px solid #000;
}

.RadMenu_Black1 .leftArrow,
.RadMenu_Black1 .rightArrow
{
	/*width: 100%;*/
	height: 25px;
	margin: 0;
	background: #000000 url("Img/ArrowScrollLeftRight.gif") no-repeat left center;
}

.RadMenu_Black1 .rightArrow
{
	border-right: 1px solid #000;
	background-position: right center;
}

.RadMenu_Black1 .leftArrow
{
	border-left: 1px solid #000;
}

.RadMenu_Black1 .rootGroup .item .disabled .text,
.RadMenu_Black1 .group .item .disabled .text
{
	color: #333;
}

.RadMenu_Black1 .rootGroup .item .disabled
{
	background: none;
}

.RadMenu_Black1 .group .item .disabled
{
	background-color: #000000;
}

.RadMenu_Black1 .separator
{
	background-color: #1f1f1f;
}

.RadMenu_Black1 .horizontal .separator
{
	height: 25px;
	/*margin-top: 8px;*/
	width: 88px;
	border-left: 1px solid #303030;
	cursor:pointer;
	
}

.RadMenu_Black1 .vertical .separator
{
	height: 1px;
	border-top: 1px solid #303030;
}

.RadMenu_Black1 .separator .text
{
	display: none;
}

.RadMenu_Black1 .rootGroup .item .disabled:hover,
.RadMenu_Black1 .rootGroup .item .disabled:hover .text
{
	background: none;
}