/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


	
		#theMenu { width: 200px; height: 300px; margin: 30px 0; }
		
		/* Some list and link styling */
		#theMenu ul li { width: 200px; }
		#theMenu ul ul li { border-left: 25px solid #69c; padding: 0; width: 175px; margin-bottom: 0; }
		#theMenu ul ul li a { display:block; color: #000; padding: 3px 6px; font-size: small; }
		#theMenu ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 3px 8px; font-size: small; }
		#theMenu li { list-style-type: none; }
		#theMenu h2 { margin-top: 1.5em; }
		
		/* Header links styling */
		#theMenu h3.head a { 
		color: #333;
		display:block; 
		border-top: 1px solid #36a;
		border-right: 1px solid #36a;
		background: #ddd url(down.gif) no-repeat; 
		background-position: 98% 50%;
		padding: 3px 6px;
		}
		#theMenu h3.head a:hover { 
		color: #000;
		background: #ccc url(down.gif) no-repeat; 
		background-position: 98% 50%;
		}
		#theMenu h3.selected a { 
		background: #69c url(up.gif) no-repeat; 
		background-position:98% 50%;
		color: #fff;
		padding: 3px 6px;
		}
		#theMenu h3.selected a:hover { 
		background: #69c url(up.gif) no-repeat; 
		background-position:98% 50%;
		color: #36a;