* { margin: 0; padding: 0; }
fieldset { padding: 8px; }

.basic { width:20em; }

.basic  {
	width: 200px;
	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 span {
	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("img/AccordionTab0.gif");
}
.basic span:hover {
	background-color: white;
	background-image: url("img/AccordionTab2.gif");
}
.basic span.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("img/AccordionTab2.gif");
}

.basic ul, .basic ul li, .basic ul li a {
	color: black;
	background-color: #eee;
}

.basic ul {
	padding: 5px;
}

@media print {
	.basic div, #navigation ul {
		display: block!important;
		height: auto!important
	}
}