
/* Upload images you wish to use to any directory in the site */
/* Refer to them here using their full path. i.e. /images/myimage.gif */

.menu 
{
	padding-left: 4px;
	background-color: #314fa5;
}

.menu_Context
{
	background: none;
	border:0;

}

.menu .link, .menu .link:active, .menu .link:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
}

.menu .link:hover, .menu .focused, .menu .expanded
{
	text-decoration: none;
	cursor: pointer;
}

.menu .text
{

}

.menu .group
{
	background: #B7B7DF;
	text-align: left;
	border: 1px solid #000000;
	font-size: 10pt;
	color: #000000;
}

.menu .group .link, .menu .group .link:active, .menu .group .link:visited
{
	background: #B7B7DF;
	font-weight: normal;
	color: #FFFFFF;
	padding: 2px 2px 2px 10px;
}

.menu .group .link:hover, .menu .group .focused, .menu .group .expanded
{
	background: #9E9EC0;
	font-weight: normal;
	text-decoration: none;
}

.menu .leftArrow,
.menu .rightArrow,
.menu .topArrow,
.menu .bottomArrow,
.menu .leftArrowDisabled,
.menu .rightArrowDisabled,
.menu .topArrowDisabled,
.menu .bottomArrowDisabled
{
	background: #ededed url('/images/nav/left.gif') center center no-repeat;
	width:15px;
}

.menu .topArrow,
.menu .topArrowDisabled
{
	background-image:url('/images/nav/top.gif');
	width:100%;
}

.menu .bottomArrow,
.menu .bottomArrowDisabled
{
	background-image:url('/images/nav/bottom.gif');
	width:100%;
}

.menu .rightArrow,
.menu .leftArrow
{
	height:100%;
}

.menu .rightArrow,
.menu .rightArrowDisabled
{
	background-image: url('/images/nav/right.gif');
}

.menu .vertical .separator .text
{
	padding-top: 2px;
	background: #ccc;
	font-size: 1px;
}

.menu .expandLeft,
.menu .expandRight
{
	background:transparent url(img/groupImage.gif) right center no-repeat;
	margin-right: 4px;
}

.menu .link:hover .expandLeft,
.menu .link:hover .expandRight,
.menu .focused .expandLeft,
.menu .focused .expandRight,
.menu .expanded .expandLeft,
.menu .expanded .expandRight
{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}

.menu .item
{
	padding: 0px 12px;
	margin: 2px 0px;
	color: #FFFFFF;
	display: block;
	border-left: 2px solid #FFFFFF;
}

.menu .group .item
{
	margin: 0px;
	padding: 0px;
	border: none;
	border-top: 1px solid #000000;
	width: 220px;
}
 
.menu .group .first {
	border-top: none;
}

.menu .last
{
	border-right: 2px solid #FFFFFF;
}

