/* ----------------------------------------------------------------------------------------------
	Date: January 4, 2007
	Author(s): Elmer Morales, Avanade
	Description: Cascading style sheet that defines styles for the top navigation menu of TASER.com.
   ---------------------------------------------------------------------------------------------- */


/* BEGIN: Main ----------------------------------------------------------------------------------- */
.RadMenu_TASERTopNav 
{
	vertical-align:middle;
	padding-top: 0px;
	padding-bottom: 0px;
	height:33px;
	line-height: 30px;
	vertical-align: middle;
}

.RadMenu_TASERTopNav_Context
{
	background: none;
	border:0;
}

/* BEGIN: Item ----------------------------------------------------------------------------------- */
.RadMenu_TASERTopNav .rootGroup .item
{
	background:transparent url(img/menuitem_bg_off.gif) no-repeat;
	height: 33px;
	width: 122px;
	vertical-align: middle;
	border-left: solid 1px #333;
	padding-top: 0px;
}
.RadMenu_TASERTopNav .rootGroup .text
{
	text-transform: uppercase;
	text-align:center;
	padding-top:1px;
	/* firefox needs 1px padding to center the text but ie does not.
	To keep ie happy - bring back padding to zero: firefox & safari ignore the following two lines */
	_padding-top:0px;
	#padding-top:0px;
	font-size: 14px;
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-weight:bold;
	cursor: pointer;	
}

.RadMenu_TASERTopNav .rootGroup .focused,
.RadMenu_TASERTopNav .rootGroup .expanded,
.RadMenu_TASERTopNav .rootGroup .node:hover
{
	color:#e0e9ef;	
	background:transparent url(img/menuitem_bg_on.gif) no-repeat;
	vertical-align: middle;
	height: 33px;
	width: 122px;
}

.RadMenu_TASERTopNav .horizontal .text:hover
{
	color:#e0e9ef;
}

.RadMenu_TASERTopNav .text:hover
{
	/*
	color: #fff;
	cursor: pointer;
	*/
}

/* BEGIN: Menu Items Next to Globe ----------------------------------------------------------------------------------- */

.RadMenu_TASERTopNav .item /* Bug Fix: The MOSS 2007 controls.css system stylesheet uses the .item class and adds margins, so we simply reset what they do for the Telerik menu. - EM, 01/05/07 */
{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	clear:both;
}

.RadMenu_TASERTopNav .rootGroup .taserGlobeLeft
{
	background:transparent url(img/menuitem_globeleft_bg_off.gif) no-repeat;
	height: 33px;
	width: 122px;
	vertical-align: middle;
	padding-top: 1px;
}

.RadMenu_TASERTopNav .rootGroup .taserGlobeRight
{
	background:transparent url(img/menuitem_globeright_bg_off.gif) no-repeat;
	height: 33px;
	width: 122px;
	vertical-align: middle;
	padding-top: 0px;
}

.RadMenu_TASERTopNav .rootGroup .taserGlobeLeft:hover,
.RadMenu_TASERTopNav .rootGroup .taserGlobeLeftExpanded 
{	
	color:#e0e9ef;
	background:transparent url(img/menuitem_globeleft_bg_on.gif) no-repeat;
	height: 33px;
	width: 122px;
	vertical-align: middle;
	padding-top: 1px;
}

.RadMenu_TASERTopNav .rootGroup .taserGlobeRight:hover,
.RadMenu_TASERTopNav .rootGroup .taserGlobeRightExpanded
{
	color:#e0e9ef;
	background:transparent url(img/menuitem_globeright_bg_on.gif) no-repeat;
	height: 33px;
	width: 122px;
	vertical-align: middle;
	padding-top: 1px;
}


/* BEGIN: Group ----------------------------------------------------------------------------------- */

.RadMenu_TASERTopNav .vertical
{
	border: solid 1px #8D939C;
	border-top:none; /*No border needed since group header is here.*/
}
.RadMenu_TASERTopNav .vertical .level2 /* sub-group menus */
{
	border: solid 1px #8D939C;
}


.RadMenu_TASERTopNav .slide .level1,.RadMenu_TASERTopNav .slide .level2
{
	padding: 17px;
}

.RadMenu_TASERTopNav .slide
{
	margin-top: -3px;
	background-image: url(img/group_header.gif);
	background-repeat: no-repeat;
	padding-top: 9px; /*height of group header image */
	/*
	border:solid 1px #ccc;
	padding: 3px;
	padding-bottom: 4px;
	background-color:#fff;	
	background-position: left top;
	background-repeat: no-repeat;	
	
	border:solid 3px red;
	*/
}
.RadMenu_TASERTopNav .slide .slide
{
	background-image: none;
}

.RadMenu_TASERTopNav .group
{
	background-image: url(img/group_bg.png);
}

.RadMenu_TASERTopNav .group .focused,
.RadMenu_TASERTopNav .group .expanded
{
	/* Reset .focus and .expanded from Item */
	background:none;
	height:auto;
	padding: 0px;
	margin: 0px;
}
.RadMenu_TASERTopNav .group .item /* Item in a group */
{		
	clear:both;
	border: none;

	background:transparent;
	text-align: left;	
	
	width: auto;
	height: auto;

	padding: 4px 3px 4px 3px;
	line-height: normal;
}

.RadMenu_TASERTopNav .group .first
{	
}

.RadMenu_TASERTopNav .group .last
{
}

.RadMenu_TASERTopNav .group .item:hover
{
	/*background:#E0E0E0;*/
}

.RadMenu_TASERTopNav .group .text
{
	text-align:left;
	font-size: 11px;
	font-weight:lighter; /* changed lighter font per TASER request, Alex 3.3.07 */
	font-family:  Arial, Verdana;
	color:#3B4348;
	text-transform: none;
	padding-right:10px; /* adds padding to the right, preventing the submenu arrow to fall on top - Alex 4.16.07 */
}

.RadMenu_TASERTopNav .group .text:hover
{
	color:#003399;
}

.RadMenu_TASERTopNav .group .link
{
	width:auto;
	color:#3B4348;	
	
	cursor: pointer;
}

.RadMenu_TASERTopNav .group .link:hover,
.RadMenu_TASERTopNav .group .focused,
.RadMenu_TASERTopNav .group .expanded
{
	font-weight: normal;
}



/* BEGIN: Link ----------------------------------------------------------------------------------- */

.RadMenu_TASERTopNav .link
{
	text-decoration:none;
	color: #3B4348;
	cursor: pointer;
}

.RadMenu_TASERTopNav .rootGroup .disabled:hover
{

}


.RadMenu_TASERTopNav .link:hover,
.RadMenu_TASERTopNav .focused,
.RadMenu_TASERTopNav .expanded
{
	/*color: #fff;*/
	/*background: url(img/menuitemgroup_top_indicator.gif) no-repeat 15px 28px;*/
}


/* BEGIN: Arrows ----------------------------------------------------------------------------------- */

.RadMenu_TASERTopNav .leftArrow,
.RadMenu_TASERTopNav .rightArrow,
.RadMenu_TASERTopNav .topArrow,
.RadMenu_TASERTopNav .bottomArrow,
.RadMenu_TASERTopNav .leftArrowDisabled,
.RadMenu_TASERTopNav .rightArrowDisabled,
.RadMenu_TASERTopNav .topArrowDisabled,
.RadMenu_TASERTopNav .bottomArrowDisabled
{
	background: #ededed url('img/left.gif') no-repeat center;
	width:15px;
}

.RadMenu_TASERTopNav .topArrow,
.RadMenu_TASERTopNav .topArrowDisabled
{
	background-image:url('img/top.gif');
	width:100%;
}

.RadMenu_TASERTopNav .bottomArrow,
.RadMenu_TASERTopNav .bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width:100%;
}

.RadMenu_TASERTopNav .rightArrow,
.RadMenu_TASERTopNav .leftArrow
{
	height:100%;
}

.RadMenu_TASERTopNav .rightArrow,
.RadMenu_TASERTopNav .rightArrowDisabled
{
	background-image: url('img/right.gif');
}

.RadMenu_TASERTopNav .vertical .separator .text
{
	padding-top: 2px;
	font-size: 1px;
	border:solid 0px red;
}


/* BEGIN: Menu Item with Children ----------------------------------------------------------------------------------- */

.RadMenu_TASERTopNav .expandLeft,
.RadMenu_TASERTopNav .expandRight
{
	background:url('img/groupImage.gif') no-repeat right center;
	margin-right: 4px;
}

.RadMenu_TASERTopNav .link:hover .expandLeft,
.RadMenu_TASERTopNav .link:hover .expandRight,
.RadMenu_TASERTopNav .focused .expandLeft,
.RadMenu_TASERTopNav .focused .expandRight,
.RadMenu_TASERTopNav .expanded .expandLeft,
.RadMenu_TASERTopNav .expanded .expandRight
{
}