.suggestion_list
{
   background: white;
   border: 1px solid;
   padding: 4px;
   width: 180px;
   text-align: left;
   z-index: 10;
}

.suggestion_list ul
{
   padding: 0;
   margin: 0;
   list-style-type: none;
}


.suggestion_list ul li
{
   padding-left: 4px;
   padding-top: 4px;
   padding-bottom: 4px;
   margin: 0;
}

.suggestion_list a
{
   font-family: verdana, arial;
   font-size: 12px !important;
   text-decoration: none;
   color: navy;
}

.suggestion_list .selected
{
   background: #FFCCCC;
   color: white;
   opacity: 0.9;
}

.suggestion_list .selected a
{
   font-family: verdana, arial;
   font-size: 12px;
   text-decoration: none;
   /* color: white;*/
}

#autosuggest
{
   display: none;
}
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("http://static.classora.com/scripts/Submodal/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
        background:transparent url(http://static.classora.com/files/images/backs/fullback.gif) repeat-x scroll left bottom;
	color: #000000;
	font-weight: bold;
        font-family: verdana,arial;
	height: 2em;
	padding: 5px;
	padding: 8px;
	border-bottom: 2px solid #000000;
        border-bottom: 0px;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
        font-size: 10pt;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	font-size: small;
	/* opacity: 0.85; */
}

#tooltip h3, #tooltip div { margin: 0; }


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	/* opacity: 0.8; */
	background: url('http://static.classora.com/scripts/Tooltips/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 6px;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('http://static.classora.com/scripts/Tooltips/c-shadow.png');
	/*border:1px solid green;*/
	padding-top: 4.5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('http://static.classora.com/scripts/Tooltips/c-shadow-alt.png');
}

#tooltip.fancy.viewport-bottom {
	background: url('http://static.classora.com/scripts/Tooltips/c-shadow-bot.png');
}