.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

h1 { padding: 0 0 1ex 0; color: #990000; font-family: "Georgia", serif; font-size: 2.6em; font-weight: 400; line-height: 1; }
h2 { padding: 0 0 1.5ex 0; color: #79795B; font-family: "Georgia", serif; font-size: 2.2em; font-weight: 400; line-height: 1; }

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:1.0em "Trebuchet MS", "Helvetica", sans-serif;width: 300px;border: 10px solid #CCCCBB;}
 .basic table{padding:3px;margin-left: 3px;font-size:14px;color:#9D9D7D;}
 .basic div {background:#fff url("../images/background_1.png") no-repeat top;}
 .basic h1{font-size: 18px; padding-left:10px; padding-top:5px; color:#990000; font-family: "Georgia", serif;}
 .basic ul{display:block;	margin-left:0;list-style: none;}
 .basic p {margin-bottom : 10px;border: none;text-decoration: none;color:#585843; margin: 0px;padding: 10px;}
 .basic a {cursor:pointer; display:block;	padding:5px; padding-left:10px; margin-top: 0; text-decoration: none; font-weight:600; 	font-size:13px;color: #fff; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; background-image: url("tab0.gif");}
 .basic a.normal {background:none transparent; display:inline; padding:0; font-weight:normal; border:none; color:#222; font:1.0em "Trebuchet MS", "Helvetica", sans-serif;}
 .basic a.normal:hover {text-decoration:underline;}
.next-day a{margin-top:-32px; margin-left:150px; font-weight: normal;}

 .basic .button-2 { float: none; width: 18px; height: 19px; padding: 0; border: none; background:transparent url("../images/button_2.png") no-repeat 0 0; overflow: hidden; cursor: pointer; }
.basic a:hover {text-decoration: none;}
.basic a.selected {color: #fff; background: #8F0000;}
.basic img{}
.black, .black button, #list1a {color:#585843;}
.time{color:#B1B198;font-weight: bold;padding-right: 2px;}

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