/* level(s) styles */
.levelquote { 
 color:#ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color:#333333; 
 font-size: smaller;
 font-style: oblique;
}
.levelquote a:link		{ color:#cccccc; text-decoration: underline; font-size:inherit; font-weight: bold;}
.levelquote a:visited	{ color:#cccccc; text-decoration: underline; font-size:inherit; font-weight: bold;}
.levelquote a:hover 	{ color:#ffffff; text-decoration: underline; font-size:inherit; font-weight: bold;}
.levelquote a:active 	{ color:#cccccc; text-decoration: underline; font-size:inherit; font-weight: bold;}

.levelquoteinline { 
 color:#ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color:#333333; 
 font-size: smaller;
 font-style: oblique;
}
#focus {
	position:absolute;
	width:700px;
	height:440px;
	z-index:7;
	left: 200px;
	top: 90px;
	background-color: #FFFFFF;
	visibility: hidden;
	overflow: hidden;
}
#reading {
	position:absolute;
	width:700px;
	height:500px;
	z-index:7;
	left: 200px;
	top: 90px;
	background-color: #FFFFFF;
	overflow:visible;
	visibility:hidden
}
#haze {
	position:absolute;
    width:100%;
    height:100%;
	left: 0;
	top: 0;
	z-index:7;
	background-color: #222222;
    opacity: 0.8;
    filter: alpha(opacity = 10); /* MSIE */
	zoom: 1; /* MSIE */
    visibility: hidden;
	overflow: hidden;
}
.levelpanel {
   color:#222222;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
.levelpanelinline {
   color:#000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
.levelpanelquote {
   color:#222222;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: smaller;
   font-style: oblique;
}
.levelpanelquoteinline {
   color:#000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: smaller;
   font-style: oblique;
}