/********************/
/* GENERAL SETTINGS */
/********************/

#details {
	position: absolute;
	width: 700px;
	margin-left: 246px;
	margin-top: -0px;
	clear: both;
	}

ul.ulUL li {
	margin-left: -20px;
}

#menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

#listContainer{
	margin-top:15px;
	min-height: 600px;
}

#expList  {
	background-color: #E0E0E0;
    clear: both;
}
#expList ul > li  {	background-color: #f0f0f0; }

#expList .expanded { background-color: #545454; color: #EBEBEB; }
#expList .expanded ul > li  { background-color: #f0f0f0; color: black; }
#expList .expanded ul > li > ul > li  { background-color: #f8f8ff; }


#expList  li ul li:first-child {	
	padding-top: 8px;
	background-position: 5px 15px;
}
#expList  li ul li{	background-position: 5px 7px; }

#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}

/* Categories */
#expList li {
    line-height:180%; 
    text-indent:0px;
    background-position: 5px 13px;
    padding-left: 20px;
    background-repeat: no-repeat;
	border-top: 2px solid white;
	font-size: 20px;
}


/* Questions */
#expList li > ul > li{
	/*color: #4A4A4A;*/
	color: black;
	line-height: 1.5em;
	font-size: 14px;
	border: none;
	font-weight: bold;
	padding-bottom: 10px;
	text-indent: -16px;
	padding-left: 38px;
	padding-right: 20px;
	border-top: 1px solid DarkGray;
}
#expList li > ul > li:first-line {
	text-indent: 0;
	padding-left: 0;
}
#expList li > ul > li > ul > li {
	text-indent: 0;
	padding-left: 20px;
	border-top: none;
}
#expList li ul li ul { padding-top: 3px; padding-right: 20px;}
#expList li ul li ul li { line-height: 1.2em; background-color: #f8f8ff; padding-right: 10px;}
#expList li ul li ul li span{
	font-weight: normal;
	color: black;
}

/* Collapsed state for list element */
#expList .collapsed {
    background-image: url(img/collapsed.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */ 
#expList .expanded {  background-image: url(img/expanded.png); } 

.listControl{
	margin-bottom: 15px;
	margin-left: 0px;
}
.listControl a {

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F7F7F7),
		color-stop(1, #E8E8E8)
	);
	background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #E8E8E8 100%);
	background-image: linear-gradient(to bottom, #F7F7F7 0%, #E8E8E8 100%);
	
	border: 1px solid #E0E0E0;
	border-radius: 3px;
    cursor: pointer;
    height: 1.5em;
    line-height: 1.5em;
    margin-right: 5px;
    padding: 4px 10px;
} 
.listControl a:hover {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #EDEDED),
		color-stop(1, #FAFAFA)
	);
	background-image: -o-linear-gradient(top, #EDEDED 0%, #FAFAFA 100%);
	background-image: -moz-linear-gradient(top, #EDEDED 0%, #FAFAFA 100%);
	background-image: -webkit-linear-gradient(top, #EDEDED 0%, #FAFAFA 100%);
	background-image: -ms-linear-gradient(top, #EDEDED 0%, #FAFAFA 100%);
	background-image: linear-gradient(to top, #EDEDED 0%, #FAFAFA 100%);
} 
.listControl a, .listControl a:hover  {
	display: block;
	text-align: center;
    color: #6B6B6B;
	font-family: "Arial", "Verdana", sans-serif;
	font-weight: bold;
}