/* ul menu list ------------------------------------------ */
/* ESSENTIAL STYLES */
.CMSListMenuUL, .CMSListMenuUL * {margin:	0; padding: 0;	list-style: none;}
.CMSListMenuUL {line-height: 1.0;}
.CMSListMenuUL ul {position: absolute; top: -999em;
	width: 12em;} /* left offset of submenus need to match (see below) */

.CMSListMenuUL ul li {width: 100%;}
.CMSListMenuUL li:hover {visibility: inherit;} /* fixes IE7 'sticky bug' */
.CMSListMenuUL li {float: left; position: relative;}
.CMSListMenuUL a {display: block; position: relative;}
.CMSListMenuUL li:hover ul,
.CMSListMenuUL li.sfHover ul {left: 0; z-index: 99;
	top: 32px;} /* match top ul list item height */
	

ul.CMSListMenuUL li:hover li ul, ul.CMSListMenuUL li.sfHover li ul {top: -999em;}
ul.CMSListMenuUL li li:hover ul, ul.CMSListMenuUL li li.sfHover ul {top: 0;
	left: 12em;} /* match ul width */
	
ul.CMSListMenuUL li li:hover li ul, ul.CMSListMenuUL li li.sfHover li ul {top: -999em;}
ul.CMSListMenuUL li li li:hover ul, ul.CMSListMenuUL li li li.sfHover ul {top: 0;
	left: 12em;} /* match ul width */
	
/* DEMO SKIN ------------------------------------------- */
#menu { height: 32px; background: url(img/bg_nav.png) repeat-x; 
	clear: both;  padding-left: 20px; margin-left: 1px; width: 929px;}
.CMSListMenuUL { margin-bottom: 1.5em; width: auto;  height: 32px; }
.CMSListMenuUL ul {height: auto;}

.CMSListMenuUL a {padding: 7px 20px 8px 20px; font-size: 12px; font-weight: bold; color: #fff; }

.CMSListMenuUL li.CMSListMenuHighlightedLI  {background: #000 ;}
.CMSListMenuUL li.CMSListMenuHighlightedLI a {color: #fff;} 


.CMSListMenuUL li { } /* level 1 bg */
.CMSListMenuUL li li { background: #666;} /* level 2 bg */
.CMSListMenuUL li li a { }
.CMSListMenuUL li.CMSListMenuHighlightedLI li a { color: #fff;}
.CMSListMenuUL li li.CMSListMenuHighlightedLI a {  background: #DC0600; }
.CMSListMenuUL li.CMSListMenuHighlightedLI li a:hover {color: #fff;}
.CMSListMenuUL li li li {} /* level 3 bg */

.CMSListMenuUL li:hover, .CMSListMenuUL li.sfHover,
.CMSListMenuUL a:focus, .CMSListMenuUL a:hover, .CMSListMenuUL a:active {outline: 0; text-decoration: none;
	background: #333;} /* hover color top level */  

.CMSListMenuUL li.CMSListMenuHighlightedLI.sfHover a {color: #fff; }	

/*** arrows **/
.CMSListMenuUL a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			1.25em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(/App_Themes/Global/img/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			0.9em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

.CMSListMenuUL li.CMSListMenuHighlightedLI .sf-sub-indicator { 
	background-image: url(/App_Themes/Global/img/arrows-ffffff.png);}
.CMSListMenuUL li.CMSListMenuHighlightedLI li .sf-sub-indicator {
	background-image: url(/App_Themes/Global/img/arrows-999.png);}

/* point right for anchors in subs */
.CMSListMenuUL ul .sf-sub-indicator { background-position:  -10px 0; }
.CMSListMenuUL ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.CMSListMenuUL ul a:focus > .sf-sub-indicator,
.CMSListMenuUL ul a:hover > .sf-sub-indicator,
.CMSListMenuUL ul a:active > .sf-sub-indicator,
.CMSListMenuUL ul li:hover > a > .sf-sub-indicator,
.CMSListMenuUL ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}



/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(/App_Themes/global/img/shadow.png) no-repeat 100% 100%;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
 
/* tree menu webpart with cssPrefix of l1;l2;l3;l4 & alternating styles---------------------------- */

table.l1CMSTreeMenuTable {width: 200px; border-collapse: collapse; padding: 0; margin: 0; font-size: 1em;}
/* all  */
table.l1CMSTreeMenuTable td {}
table.l1CMSTreeMenuTable a {
	color: #666; text-decoration: none; display: block; 
	padding: 0.5em 0 0.5em 0.5em; border-bottom: 1px dashed #ccc;
	font-size: 1.0em; }
/* level 1 */
td.l1CMSTreeMenuItem {}
td.l1CMSTreeMenuItem a {}
td.l1CMSTreeMenuItem a:hover {text-decoration: none; color: #000; background: #f1f1f1;}
/* alternate style */
td.l1CMSTreeMenuItemAlt {}
td.l1CMSTreeMenuItemAlt a {}
td.l1CMSTreeMenuItemAlt a:hover {}
/* current item style */
td.l1CMSTreeMenuSelectedItem {}
td.l1CMSTreeMenuSelectedItem a { background: #ccc; color: #333;}
td.l1CMSTreeMenuSelectedItem a:hover {}

/* level 2 */
td.l2CMSTreeMenuItem {  }
td.l2CMSTreeMenuItem a { padding: 0.5em 0.5em 0.5em 20px; }
td.l2CMSTreeMenuItem a:hover {}
/* alternate style */
td.l2CMSTreeMenuItemAlt {}
td.l2CMSTreeMenuItemAlt a {}
td.l2CMSTreeMenuItemAlt a:hover {}
/* current item style */
td.l2CMSTreeMenuSelectedItem { }
td.l2CMSTreeMenuSelectedItem a { padding: 0.5em 0.5em 0.5em 20px; background: #eee;}
td.l2CMSTreeMenuSelectedItem a:hover {}

/* level 3 */
td.l3CMSTreeMenuItem {}
td.l3CMSTreeMenuItem a {padding: 0.5em 0.5em 0.5em 40px; }
td.l3CMSTreeMenuItem a:hover {}
/* alternate style */
td.l3CMSTreeMenuItemAlt {}
td.l3CMSTreeMenuItemAlt a {}
td.l3CMSTreeMenuItemAlt a:hover {}
/* current item style */
td.l3CMSTreeMenuSelectedItem {}
td.l3CMSTreeMenuSelectedItem a {padding: 0.5em 0.5em 0.5em 40px; background: #cecece;}
td.l3CMSTreeMenuSelectedItem a:hover {}

/* hide level 4 */
td.l4CMSTreeMenuItem {display: none;}
td.l4CMSTreeMenuItemAlt {display: none;}
td.l4CMSTreeMenuSelectedItem {display: none;}