/* RadMenu Traction skin */
/* Created by Helen (helen@massmedia.com.au) 08/09/2008 */

/*------------------------ MAIN NAV ------------------------*/

div.navigation .RadMenu_Traction { /* menu wrapper */
	width:							845px;
	background:						url(images/bg_nav.gif) no-repeat 0px 0px;
}

.RadMenu_Default 
{
	border: 0 !important;
}

div.navigation .RadMenu_Traction .item { /* LI class */
	padding:						1px 0px 0;
	width:							121px; /* 845px / no. of main nav items */
	display:						block;
}
div.navigation .RadMenu_Traction .last {
	width:							119px; /* the remainder of: (845px / (no. of main nav items - 1)) */
}

div.navigation .RadMenu_Traction a.link { /* A class */
	text-decoration:				none;
	height:							34px;
	heigh\t:						14px;
	padding:						11px 0px 10px;
	color:							#525252 !important;
	font:							bold 0.9em arial,helvetica,sans-serif;
	border-left:					1px solid #dbdbdb;
	border-right:					1px solid #fbfbfb;
	text-align:						center;
	cursor:							pointer;
}


* html div.navigation .RadMenu_Traction .link { /* A class */
overflow: hidden;
}


div.navigation .RadMenu_Traction .first .link {
	border-left:					0px;
}
div.navigation .RadMenu_Traction .last .link {
	border-right:					0px;
}

div.navigation .RadMenu_Traction .link:hover,
div.navigation .RadMenu_Traction .focused,
div.navigation .RadMenu_Traction .expanded { /* main level hover */
	background:						url(images/bg_hover.gif) repeat-x 0px 0px;
	color: #1c5f83 !important;
}
div.navigation .RadMenu_Traction .first .link:hover,
div.navigation .RadMenu_Traction .first .focused,
div.navigation .RadMenu_Traction .first .expanded { /* main level hover - first */
	background:						url(images/bg_hover_left.gif) no-repeat top left;
}
div.navigation .RadMenu_Traction .last .link:hover,
div.navigation .RadMenu_Traction .last .focused,
div.navigation .RadMenu_Traction .last .expanded { /* main level hover - last */
	background:						url(images/bg_hover_right.gif) no-repeat top right;
}

/* 2nd level items */
div.navigation .RadMenu_Traction .group { /* 2nd level wrapper */
	border:							0px;
}

div.navigation .RadMenu_Traction .group .item { /* 2nd level LI */
	padding:						0px;
}

div.navigation .RadMenu_Traction .group .link { /* 2nd level link */
	border-left:					1px solid #ced3d5;
	border-right:					1px solid #ced3d5;
	color:							#525252;
	text-align:						left;
	padding:						10px 8px 6px;
	height:							auto;
	display:						block;
	background:						#fff url(images/bg_divider.gif) repeat-x bottom left!important;
	font-weight:					normal;
}
div.navigation .RadMenu_Traction .first .group .link {
	margin-left:					5px;
}
div.navigation .RadMenu_Traction .last .group .link {
	margin-right:					5px;
}
div.navigation .RadMenu_Traction .group .last .link {
	background:						#fff!important;
	border-bottom:					1px solid #ced3d5!important;
}

div.navigation .RadMenu_Traction .group .link:hover,
div.navigation .RadMenu_Traction .group .focused,
div.navigation .RadMenu_Traction .group .expanded {  /* 2nd level link hover */
	background-color:				#f7f7f7!important;
	color:							#0d4e71!important;
}

div.navigation .RadMenu_Traction .group .link .text { /* for arrows */
	padding-left:					18px;
	background:						url(images/bg_arrow.gif) no-repeat 0px 2px;
	white-space:					normal;
	padding-bottom: 2px;
}


/* different look for selected main menu item */

div.navigation .RadMenu_Traction .selectedItem span
{
	color: #317291;	
}

div.navigation .RadMenu_Traction .selectedItem 
{
	background:						url(images/bg_hover.gif) repeat-x 0px 0px;
}


div.navigation .RadMenu_Traction .last .selectedItem 
{
	background:						url(images/bg_hover_right.gif) no-repeat top right;
}


div.navigation .RadMenu_Traction .first .selectedItem 
{
	background:						url(images/bg_hover_left.gif) no-repeat top left;
}







/*------------------------ 2ND LEVEL ------------------------*/

div.fullCol .RadMenu_Traction {
	width:							795px;
	height:							31px;
	margin-top: 0;
	background:						url(images/bg_divider.gif) repeat-x bottom left;
	display:						block;
	font-weight:					bold;
}
div.fullCol .RadMenu_Traction .item {
	height:							31px;
}
div.fullCol .RadMenu_Traction .item .link {
	color:							#0d4e71!important;
	background:						url(images/nav2_bg_right.gif) no-repeat top right;
	margin:							0px -1px;
	cursor:							pointer;
	text-decoration:				none;
}

* html div.fullCol .RadMenu_Traction .item .link
{
	margin: 0;
}

div.fullCol .RadMenu_Traction .item .link .text {
	background:						url(images/nav2_bg_left.gif) no-repeat top left;
	padding:						9px 20px 7px;
}

/* quick and dirty fix for IE6 to display span's background as it should */

* html div.fullCol .RadMenu_Traction .item .link .text {
	width: 1px;
}





/***********************************************************/


div.fullCol .RadMenu_Traction .link:hover,
div.fullCol .RadMenu_Traction .focused,
div.fullCol .RadMenu_Traction .expanded { 
	background:						url(images/nav2_bg_rightHover.gif) no-repeat top right;
	color:							#fff!important;
	/*font-weight:					bold;*/
}
div.fullCol .RadMenu_Traction .link:hover .text,
div.fullCol .RadMenu_Traction .focused .text,
div.fullCol .RadMenu_Traction .expanded .text { 
	background:						url(images/nav2_bg_leftHover.gif) no-repeat top left;
}


/* to customize 4th level navigation in right column */



div.rightCol .RadMenu_Traction .link:hover,
div.rightCol .RadMenu_Traction .focused,
div.rightCol .RadMenu_Traction .expanded { 
	color:							#0D4E71;
	font-weight:					bold;
	cursor: pointer;
}

div.rightCol .RadMenu_Traction a.MassMenuSelected:hover
{
	color: #696e70 !important;
	text-decoration: none;
	font-weight: bold;
	cursor: auto;
}

div.rightCol .RadMenu_Traction .MassMenuSelected
{
	color: #696e70 !important;
	text-decoration: none;
	font-weight: bold;
	cursor: text !important;
}


/* to highlit selected tab */

div.fullCol .RadMenu_Traction .item .MassMenuSelected
{
		color: white;
		background:						url(images/nav2_bg_rightHover.gif) no-repeat top right;
		color:							#fff!important;
		cursor: arrow;
}


div.fullCol .RadMenu_Traction .item .MassMenuSelected span.text
{
		background: none;	
		background:						url(images/nav2_bg_leftHover.gif) no-repeat top left;
}






/*------------------------ 3RD LEVEL ------------------------*/

div.rightCol 
{
}



/*------------------------ FOOTER ------------------------*/

div.footer .item {
	border-right:					1px solid #454545;
	padding:						0px 8px;
}


div.footer {
	font-size: 0.9em;
}

div.footer .last {
	border-right:					0px;
	padding-right:					0px;
}
div.footer .item .link {
	text-decoration:				underline;
	color:							#454545 !important;
	cursor:							pointer;
}


/*---- turn off 2nd level navigation from top menu ---*/

div.navigation ul.level2
{
	display: none !important;	
}







/*
.RadMenu_Traction
{
	background: #cbcbcb;
}

.RadMenu_Traction .link
{
	text-decoration:none;
	color: black;
	line-height: 20px;
	border-bottom: 2px solid #cbcbcb;
	border-top: 3px solid #cbcbcb;
}

.RadMenu_Traction .link .text
{
	padding-right: 20px;
}

.RadMenu_Traction .link:hover,
.RadMenu_Traction .focused,
.RadMenu_Traction .expanded
{
	background: #a0a0a0;
	border-bottom: 3px solid #ef2626;
	border-top: 1px solid #828282;
	color: black;
}

.RadMenu_Traction .link:hover .text,
.RadMenu_Traction .focused .text,
.RadMenu_Traction .expanded .text
{
	border-top: 1px solid #b8b8b8;
}

.RadMenu_Traction .rootGroup .disabled:hover
{
	border-bottom: 2px solid #cbcbcb;
	border-top: 2px solid #cbcbcb;
	background: #cbcbcb;
}

.RadMenu_Traction .rootGroup .disabled:hover .text
{
	border-top: 1px solid #cbcbcb;
}

.RadMenu_Traction .text
{
	padding: 0px 15px;
	font-size: 11px;
}

.RadMenu_Traction .group
{
	background: white;
	border: 0px;
}

.RadMenu_Traction .group .link
{
	background: #f1f1f1;
	border: solid 1px #d1d1d1;
	border-top-color: white;
	text-align: left;
}

.RadMenu_Traction .group .text
{
	padding-left:6px;
	padding-right: 40px;
}


.RadMenu_Traction .group .link:hover .text,
.RadMenu_Traction .group .focused .text,
.RadMenu_Traction .group .expanded .text
{
	border-top: 0px;
}

.RadMenu_Traction .group .link:hover,
.RadMenu_Traction .group .focused,
.RadMenu_Traction .group .expanded
{
	background: #fafafa;
	border-bottom: 1px solid #ef2626;
	border-top: 1px solid white;
	font-weight: normal;
}

.RadMenu_Traction .leftArrow,
.RadMenu_Traction .rightArrow,
.RadMenu_Traction .topArrow,
.RadMenu_Traction .bottomArrow,
.RadMenu_Traction .leftArrowDisabled,
.RadMenu_Traction .rightArrowDisabled,
.RadMenu_Traction .topArrowDisabled,
.RadMenu_Traction .bottomArrowDisabled
{
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	background: #f1f1f1 url('img/left.gif') center center no-repeat;
	width:15px;
}

.RadMenu_Traction .topArrow,
.RadMenu_Traction .topArrowDisabled
{
	background-image:url('img/top.gif');
	width:100%;
}

.RadMenu_Traction .bottomArrow,
.RadMenu_Traction .bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width:100%;
}

.RadMenu_Traction .rightArrow,
.RadMenu_Traction .leftArrow
{
	height:100%;
}

.RadMenu_Traction .rightArrow,
.RadMenu_Traction .rightArrowDisabled
{
	background-image:url('img/right.gif');
}

.RadMenu_Traction .vertical .separator .text
{
	background: #eaeaea;
	font-size:1px;
	padding-top: 2px;
	border-left: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
}

.RadMenu_Traction .expandLeft,
.RadMenu_Traction .expandRight
{
	background:transparent url(img/groupImage.gif) right center no-repeat;
	margin: 0px 3px;
}

.RadMenu_Traction .link:hover .expandLeft,
.RadMenu_Traction .link:hover .expandRight,
.RadMenu_Traction .focused .expandLeft,
.RadMenu_Traction .focused .expandRight,
.RadMenu_Traction .expanded .expandLeft,
.RadMenu_Traction .expanded .expandRight
{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}*/

/* right to left */
/*.RadMenu_Traction_rtl .group .link:hover .expandLeft,
.RadMenu_Traction_rtl .group .link:hover .expandRight
{
	background:transparent url(img/left.gif) left center no-repeat;
	margin: 0px 1px;
	padding-left: 8px;
}

.RadMenu_Traction_rtl .expandLeft,
.RadMenu_Traction_rtl .expandRight
{
	background:transparent url(img/groupImageRTL.gif) left center no-repeat;
}*/
/* end right to left */

