#accordion {width: 257px; margin: 13px 0px; height: 320px; float: right; line-height: 15px;}
#accordion #list1a ul { margin-left: 40px; }
#accordion #list1a li { list-style: disc; margin-bottom: 1px; }
li { list-style-type: none; }

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

.basic  {width: 270px; height: 322px; overflow: hidden; font-family: verdana; border: none; font-size: 11px; font-weight: normal;}
.basic div {background-color: #fefefe; padding: 9px;}
.basic p {border: none; text-decoration: none; font-size: 11px; font-family: verdana; margin: 0px; line-height: 22px; padding: 5px;}
.basic a {cursor: pointer; display: block; padding: 5px; margin-top: 0px; text-decoration: none; font-size: 14px; color: #FFFFFF; background-image: url(../images/accordion_back.png); /* background of accordion titles OFF */}
.basic a:hover {background-color: #1e1b16; background-image: url(../images/accordion_backOn.png); /* background of accordion titles ON */}
.basic a.selected {color: #FFFFFF; background-color: #1e1b16; background-image: url(../images/accordion_backOn.png); /* background of accordion titles ON */}

#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;}

#navigation {border:1px solid #5263AB; margin:0px; padding:0px; text-indent:0px; background-color:#E2E2E2; width:200px;}
#navigation a.head {cursor:pointer; border:1px solid #CCCCCC; background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px; color:#FFFFFF; display:block; font-weight:bold; margin:0px; padding:0px; text-indent:14px; text-decoration: none;}
#navigation a.head:hover {color:#FFFF99;}
#navigation a.selected {background-image: url(expanded.gif);}
#navigation a.current {background-color:#FFFF99;}
#navigation ul {border-width:0px; margin:0px; padding:0px; text-indent:0px;}
#navigation li {list-style:none outside none; display:inline;}
#navigation li li a {color:#000000; display:block; text-indent:10px; text-decoration: none;}
#navigation li li a:hover {background-color:#FFFF99; color:#FF0000;}

#wizard {width: 200px; border: 1px solid black;}
#wizard .title {background-color:#DDDDDD;}

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