a.quest {
		float:left; width:18px; height:17px; display:block;		
		text-decoration:none; margin-left:5px;
		text-indent:-9999px;
    cursor:help !important;
}
a.quest:hover
{
		cursor:pointer;
  		background-position:0 -17px !important;	
}
.bubbleTooltip IFRAME
{
display:none;/*sorry for IE5*/ 
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:185px;/*must have for any big value*/
height:75px/*must have for any big value*/;

}


.bubbleTooltip *{background:transparent;}
.bubbleTooltip {
	zoom:1;
	/*border:1px solid red;*/
	width: 185px;
	height:75px;
	max-height:75px;
	overflow:hidden;
	padding-top:0px;
	background: url(../images/rollo/roll_graysmall_middle.gif) repeat-y;
	background-position:right;
}
.bubbleTooltip span.top {

	zoom:1;
	overflow:hidden;
	line-height:1px;
	height:5px;
	display:block;
	/*padding: 30px 8px 0;*/
	background: url(../images/rollo/roll_graysmall_top.gif) no-repeat top;
}
.bubbleTooltip span.middle {
  background: url(../images/rollo/roll_graysmall_btm.png) no-repeat bottom;
  display:block;
  /*height:auto!important;*/
  min-height:70px;
  height:70px;
  max-height:70px;
}
.bubbleTooltip span.middle span{
	/*padding:6px 12px 16px 13px;*/
	padding:6px 15px 15px 15px; 
	color:#000;
	font-size: 10px;
	font-family: Arial, sans-serif;
	line-height:12px;
	text-decoration:none;
	text-align:left;
};
.bubbleTooltip span.bottom {
  /*background: url(../images/rollo/roll_graysmall_btm.png) no-repeat bottom;*/

/*	padding:3px 8px 15px;
	color: #000;
	background: url(images/rollo_big_bottom.gif) no-repeat bottom;*/
}

/****************************** gray big theme ****************************************************/
.bubbleTooltip.gray.big *{background:transparent;}
.bubbleTooltip.gray.big {
	width: 274px;
	min-height:112px;
	max-height:112px;
	height: 112px;
	padding-top:0px;
	background: url(../images/rollo/roll_graybig_middle.gif) repeat-y;
}
.bubbleTooltip.gray.big span.top {
	height:5px;
	display:block;
	/*padding: 30px 8px 0;*/
	background: url(../images/rollo/roll_graybig_top.gif) no-repeat top;
}
.bubbleTooltip.gray.big span.middle {
  background: url(../images/rollo/roll_graybig_btm.png) no-repeat bottom;
  display:block;
  min-height:107px;`
  max-height:107px;
  height:107px;
  
}
.bubbleTooltip.gray.big span.middle span{
	/*padding:6px 12px 16px 13px;*/
	padding:8px 15px 15px 16px; 
	color:#000;
	font-size: 10px;
	font-family: Arial, sans-serif;
	line-height:12px;
	text-decoration:none;
	text-align:left;
};
.bubbleTooltip.gray.big span.bottom {
  /*background: url(../images/rollo/roll_graybig_btm.png) no-repeat bottom;*/
}

/*darkblue theme*/
.bubbleTooltip.darkblue {
	background: url(../images/rollo/roll_dbl_middle.gif) repeat-y;
}
.bubbleTooltip.darkblue span.top {
	background: url(../images/rollo/roll_dbl_top.gif) no-repeat top;
}
.bubbleTooltip.darkblue span.middle {
  background: url(../images/rollo/roll_dbl_btm.png) no-repeat bottom;
}

.bubbleTooltip.darkblue span.bottom {
 /* background: url(../images/rollo/roll_dbl_btm.png) no-repeat bottom;*/
}
A.darkblue.quest{
		background:url(../images/profile/qmark-dbl.gif) no-repeat 0 0;
		}
  		
/****************  black ******************/
.bubbleTooltip.black {
	
	background: url(../images/rollo/roll_blk_middle.gif) repeat-y right;
}
.bubbleTooltip.black span.top {
	background: url(../images/rollo/roll_blk_top.gif) no-repeat top;
}
.bubbleTooltip.black span.middle {
  background: url(../images/rollo/roll_blk_btm.png) no-repeat  bottom;
}
.bubbleTooltip.black span.bottom {
 /* background: url(../images/rollo/roll_blk_btm.png) no-repeat left bottom;*/
}
A.quest {padding:0;}
A.black.quest{
		background:url(../images/profile/qmark-blk.gif) no-repeat 0 0;
		}
  		
/************************* yellow theme **************************************/
.bubbleTooltip.yellow {
	background: url(../images/rollo/roll_yel_middle.gif) repeat-y right;
}
.bubbleTooltip.yellow span.top {
	background: url(../images/rollo/roll_yel_top.gif) no-repeat top;
}
.bubbleTooltip.yellow span.middle {
  background: url(../images/rollo/roll_yel_btm.png) no-repeat bottom;
}
.bubbleTooltip.yellow span.bottom {
  background: url(../images/rollo/roll_yel_btm.png) no-repeat bottom;
}
A.yellow.quest{
		background:url(../images/profile/qmark-yel.gif) no-repeat 0 0;
		}
/************************* green theme **************************************/  	

.bubbleTooltip.green {
	background: url(../images/rollo/roll_grn_middle.gif) repeat-y right;
}
.bubbleTooltip.green span.top {
	background: url(../images/rollo/roll_grn_top.gif) no-repeat top;
}
.bubbleTooltip.green span.middle {
  background: url(../images/rollo/roll_grn_btm.png) no-repeat bottom;
}
.bubbleTooltip.green span.middle span{
};
.bubbleTooltip.green span.bottom {
  background: url(../images/rollo/roll_grn_btm.png) no-repeat bottom;
}
A.green.quest{
		background:url(../images/profile/qmark-grn.gif) no-repeat 0 0;
		}
/**************************  blue theme *****************************************/

.bubbleTooltip.blue {
	background: url(../images/rollo/roll_blu_middle.gif) repeat-y right;
}
.bubbleTooltip.blue span.top {
	background: url(../images/rollo/roll_blu_top.gif) no-repeat top;
}
.bubbleTooltip.blue span.middle {
	z-index:99;

  background: url(../images/rollo/roll_blu_btm.png) no-repeat bottom;
  
}
.bubbleTooltip.blue span.bottom {
  background: url(../images/rollo/roll_blu_btm.png) no-repeat bottom;
}
A.blue.quest{
		background:url(../images/profile/qmark-blu.gif) no-repeat 0 0;
		}