/*	===================================================== 
1.	BASIC STRUCTURE - Don't CHANGE these styles 
	===================================================== */
/*	General Menu styles					|--> DON'T CHANGE
********************************************************* */
.sxNavAccordion ul {padding: 0; margin: 0; list-style: none;}
.sxNavAccordion li {padding: 0; margin: 0;}
.sxNavAccordion div {clear: both; cursor: pointer;}

.sxNavAccordion i, 
.sxNavAccordion a, 
.sxNavAccordion div, 
.sxNavAccordion span {display: block; line-height: 120%;}
.sxNavAccordion i {font-size: 0.8em; font-style: normal; font-weight: bold; color: #aaa;} 

/*	=====================================================
2. Define Minimum height of Lists: Change Padding for span within div's and a's 
	===================================================== */
.sxNavAccordion div span {padding: 6px 0;}
.sxNavAccordion a span {padding: 3px 0;}

/*	=====================================================
3. Common Font Styles for All clickable Menu Levels: A:s and DIV:s
	===================================================== */
.sxNavAccordion a,
.sxNavAccordion div {font-weight: normal; color: #999;}
.sxNavAccordion a.selected,
.sxNavAccordion a:hover,
.sxNavAccordion div:hover {color: #111;}

.sxNavAccordion li > a,
.sxNavAccordion li > div {font-size: 1em;}
.sxNavAccordion li li > a,
.sxNavAccordion li li > div {font-size: 1em;}

/*	=====================================================
4.	Common Backgrounds for all clickable Menu Levels: As and DIVs
	===================================================== */
/*
	Levels that not contain sublevels (Links A)
***************************************************** */
.sxNavAccordion li a {
	padding: 0 0 0 18px;
	background: url('../imgPG/sx_dotArR55.png') left 8px no-repeat;
}
.sxNavAccordion li a.selected,
.sxNavAccordion li a:hover {background-image: url('../imgPG/sx_dotArR5.png');}

/*
	Levels that contain sublevels (Tags DIV)
***************************************************** */
.sxNavAccordion div {
	font-weight: bold;
	padding: 0 0 0 20px;
	background: url('../imgPG/sx_dotArUD55.png') left 12px no-repeat;
}
.sxNavAccordion div:hover {background-image: url('../imgPG/sx_dotArD5.png');}
.sxNavAccordion div.selected {background-image: url('../imgPG/sx_dotArU55.png');}
.sxNavAccordion div.selected:Hover {background-image: url('../imgPG/sx_dotArU5.png');}

/*	=====================================================
5.	Left Margins for all List Levels bellow Groups
	===================================================== */
.sxNavAccordion ul ul {margin: 0 0 0 20px;}