/*********************************************************************/
/* r.a.d.menu                                                        */
/*********************************************************************/
.RadMenu_UTI {
	float:none;
	height: auto;
	width: 212px; /* Menu width*/
	border: 0px;  /* Menu border*/
	background: none;
	background-color: #555; /* Menu background*/
	white-space:normal !important; /* Unwrap menu item text & If use this set up, shouldn't set height to the menu item*/
}

.RadMenu_UTI .text {
	
	/*height: 30px;*/
	padding: 5px 5px 5px 35px; /* Menu Items padding*/
	
}

.RadMenu_UTI .link, .RadMenu_UTI .link:active, .RadMenu_UTI .link:visited {
	text-decoration: none;
	text-transform: uppercase;
	background: none;
	background-color: #555; 
	border: 0px;	
	cursor: pointer; 
	cursor: hand;
}

.RadMenu_UTI .rootgroup .link .text {
	font: bold 14px Trebuchet Ms;	/* Menu first level font*/
}

/* Menu 1st level ---------------------------------------------------------------*/
.RadMenu_UTI .rootgroup .link, .RadMenu_UTI .rootgroup .link:visited {
	/*height: 30px;*/
	padding: 0px;
	color: #fff;
	border-top: 1px solid #414141;
	width: 212px;
	background: none;
	background: #555 url('images/uti_arrow_left.gif') no-repeat 21px 7px; /*Main arrow on the left*/
}

.RadMenu_UTI .rootgroup .link:hover, 
.RadMenu_UTI .rootgroup .link:active, 
.RadMenu_UTI .rootGroup .focused, 
.RadMenu_UTI .vertical .expanded, 
.RadMenu_UTI .vertical .expanded:hover {
	padding: 0px;
	/*color: #80d2ff; baby blue*/
	color: #ff0000; /* red */
	border-top: 1px solid #414141;
	text-decoration: none;
	background: none;
	background: transparent url(images/uti_bg1_arrow.gif) no-repeat top left; /*Background pattern*/		
}

	.RadMenu_UTI .first .link, .RadMenu_UTI .first .link:visited, .RadMenu_UTI .first .link:hover {
		border-top: 1px solid #555;
	}


/* Menu second level ---------------------------------------------------------------*/
.RadMenu_UTI .group {
	border: solid 1px #000;
}

.RadMenu_UTI .group .link .text {
	font: bold 12px Trebuchet Ms;	 /* Menu second level font*/
	padding: 5px 5px 5px 9px;  /* Menu second level padding*/
}

.RadMenu_UTI .group .link, .RadMenu_UTI .group .link:visited {
	background: #555;
	border: 0px;	
	border-top: 1px solid #414141;
	width: 160px;
}

.RadMenu_UTI .group .link:hover {
	/*background: none;
	background-color: #414141;*/
	background: url(images/uti_bg1.jpg) repeat; /*Background pattern*/	
	/*color: #80d2ff; baby blue*/
	color: #ff0000; /* red */
}

.RadMenu_UTI .group .link:hover .text, 
.RadMenu_UTI .group .focused .text, 
.RadMenu_UTI .group .expanded .text {
	background: url(images/uti_bg1.jpg) repeat; /*Background pattern*/		
	color: #ff0000; /* red */
}

.RadMenu_UTI .group .first .link, 
.RadMenu_UTI .group .first .link:active,
.RadMenu_UTI .group .first .link:visited, 
.RadMenu_UTI .group .first .link:hover {
	border-top: 0px;
}

.RadMenu_UTI .leftArrow,
.RadMenu_UTI .rightArrow,
.RadMenu_UTI .topArrow,
.RadMenu_UTI .bottomArrow,
.RadMenu_UTI .leftArrowDisabled,
.RadMenu_UTI .rightArrowDisabled,
.RadMenu_UTI .topArrowDisabled,
.RadMenu_UTI .bottomArrowDisabled {
	display: none;
}

.RadMenu_UTI .topArrow,
.RadMenu_UTI .topArrowDisabled {
	display: none;
}

.RadMenu_UTI .bottomArrow,
.RadMenu_UTI .bottomArrowDisabled {
	display: none;
}

.RadMenu_UTI .rightArrow,
.RadMenu_UTI .leftArrow {
	display: none;
}

.RadMenu_UTI .rightArrow,
.RadMenu_UTI .rightArrowDisabled {
	background: none;
}

.RadMenu_UTI .vertical .separator .text {
	background: none;
}

.RadMenu_UTI .expandLeft,
.RadMenu_UTI .expandRight {
	
	/*margin-right: 4px;*/ /*Arrow on the right*/
	background: none;
}

/* Main menu item stage when expand*/
.RadMenu_UTI .link:hover .expandLeft,
.RadMenu_UTI .link:hover .expandRight,
.RadMenu_UTI .focused .expandLeft,
.RadMenu_UTI .focused .expandRight,
.RadMenu_UTI .focused .text,
.RadMenu_UTI .expanded .expandLeft,
.RadMenu_UTI .expanded .expandRight {
	background: transparent url(images/uti_bg1_arrow.gif) no-repeat top left; /*Background pattern*/
	color: #ff0000; /* red */
	margin-right: 0px;
}


/* Menu Item Border */

.RadMenu_UTI .horizontal .item { border-right: 0px solid #353535; }
.RadMenu_UTI .horizontal .last { border-right: 0; }

.RadMenu_UTI .vertical .item { border-bottom: 0px solid #353535; }
.RadMenu_UTI .vertical .last { border-bottom: 0; }

/* Menu group slide position */

* html .RadMenu_UTI .vertical .slide
{
	margin-left: 0px !important;
}
























