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  {
	font-family: verdana;
	margin:0 auto 0 auto;
	text-align:left;
	width: 300px;
}
.basic div {
	background-color: #fff;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic p.clsAccHead {
	background-color: #ffffff;
	border-right:solid 1px #87a8d1;
	border-left:solid 1px #87a8d1;
	border-bottom:solid 1px #87a8d1;
	color: black;
	cursor:pointer;
	display:block;
	font-weight: bold;
	font-size: 12px;
	margin-top: 0;
	padding:5px 5px 5px 20px;
	text-decoration: none;
}
.basic p.clsAccHead:hover {
	background-color: white;
}
.basic p.clsAccHead.selected {
	background-color: #deeaf5;
	border:solid 1px #87a8d1;
}
.basic div.clsAccSubHead
{
	 border-bottom:solid 1px #87a8d1; color:#cccccc; font-size:9pt; font-weight:bold; line-height:24px; padding:0 0 0 3px;
}
.basic div.clsAccSubHeadActive
{
	 background-color:#deeaf5; border-bottom:solid 1px #87a8d1; border-top:#87a8d1; color:#f13307; font-size:9pt; font-weight:bold; line-height:24px; padding:0 0 0 8px;
}
.basic div.clsAccSubCat
{
	border-bottom:solid 1px #87a8d1; color:#cccccc; font-size:9pt; font-weight:bold; line-height:20px; padding:0 0 0 4px;
}
.basic div.clsAccSubCatActive
{
	border-bottom:solid 1px #87a8d1; color:#cccccc; font-size:9pt; font-weight:bold; line-height:20px; padding:0 0 0 10px;
}
.basic div.clsAccItem
{
	border-bottom:solid 1px #87a8d1; font-size:7pt; line-height:18px; padding:0 0 0 12px;
}
.basic div.clsAccItemActive
{
	border-bottom:solid 1px #f13307; color:#f13307; font-size:7pt; font-weight:bold; line-height:18px; padding:0 0 0 12px;
}
#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 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
	border-left:8px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border: 1px solid #3366AA;
	background-color: #6699CC;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}

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