* { margin: 0; padding: 0; }

li { list-style-type: none; }
.basic, #list2, #list3, /*#navigation*/{ width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 260px;
	font-family: verdana;
	border: 1px solid black;
}
.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("AccordionTab2.gif");
}

#list2 {
	height: 178px;
	border: 1px solid #eee;
	overflow: hidden;
}
#list2 .red {
	color: red;
	background-color: red;
}
#list2 .green {
	color: green;
	background-color: green;
}
#list2 .blue {
	color: blue;
	background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }

#list3 { 
	padding-left:5px;
}
#list3 div.selected .title { 
	color:#468966;
	font-weight:bold;
}
#list3 div div {
	padding: 5px 0 5px 0px;

}
#list3 div div p {
	padding: 0 0 5px 15px;
	line-height:22px;
}

#list3 div div p a {
	color:#468966;
}

#list3 div.title {
	cursor: pointer;
	color:#468966;
	font-weight:bold;
	background: url(../images/green_bullet.jpg) no-repeat left 25%;	
	padding-left:15px;
	
}
#list3 div.selected {
}