div.jquery-btooltip { 
	color: black;
	font-size: 12px;
	position: absolute;
	z-index: 10000;
	top: 0px;
	left: 0px;
	display: none;
	font-family:Arial, sans-serif;
}

.btdesc {display:none;}

div.jquery-btooltip div.content {
  float: left;
	box-shadow:2px 2px 2px #888888;
}
div.jquery-btooltip.left div.content {
  float: left;
	box-shadow:-2px 2px 2px #888888;
}

div.jquery-btooltip div.up_arrow {
  background : url('images/up_arrow.png') 60px 0px no-repeat;
  width: 100%;
  height: 12px;
}

div.jquery-btooltip div.down_arrow {
  background : url('images/down_arrow.png') 60px 0px no-repeat;
  width: 100%;
  height: 12px;
}

div.jquery-btooltip div.left_arrow,
div.jquery-btooltip div.right_arrow,
 {
  height: 100%;
}

div.jquery-btooltip div.left_arrow {
  float:left;
  background : url('images/left_arrow.png') 0px 0px no-repeat;
  width: 12px;
  height: 20px;
  position: relative;
  top: 20px;
  left: 0px;
}
div.jquery-btooltip div.right_arrow {
  float:right;
  background : url('images/right_arrow.png') 0 0 no-repeat;
  width: 12px;
  height: 20px;
  position: relative;
  top: 20px;
  right: 0;
}


/* custom grey */
div.jquery-btooltip.grey div.content {
	min-height: 15px;
	background-color: #ebebeb;
	padding: 10px;
	font-weight:normal;
}
div.jquery-btooltip.grey div.up_arrow {background : url('images/up_arrow_grey.png') 60px -1px no-repeat;}
div.jquery-btooltip.grey div.down_arrow {background : url('images/down_arrow_grey.png') 60px -1px no-repeat;}
div.jquery-btooltip.grey div.left_arrow {background : url('images/left_arrow_grey.png') 0px -1px no-repeat;}


/* custom blue */
div.jquery-btooltip.blue div.content {
	min-height: 32px;
	background-color: #215f8b;
	padding: 10px;
	color:white;
}
div.jquery-btooltip.blue div.up_arrow {background : url('images/up_arrow_blue.png') 60px -1px no-repeat;}
div.jquery-btooltip.blue div.down_arrow {background : url('images/down_arrow_blue.png') 60px -1px no-repeat;}
div.jquery-btooltip.blue div.left_arrow {background : url('images/left_arrow_blue.png') 0px -1px no-repeat;}


/* custom white */
div.jquery-btooltip.white div.content {
	min-height: 32px;
	background-color: #FFFFFF;
	padding: 10px;
	color:#215f8b;
}
div.jquery-btooltip.blue div.up_arrow {background : url('images/up_arrow_blue.png') 60px -1px no-repeat;}
div.jquery-btooltip.blue div.down_arrow {background : url('images/down_arrow_blue.png') 60px -1px no-repeat;}
div.jquery-btooltip.blue div.left_arrow {background : url('images/left_arrow_blue.png') 0px -1px no-repeat;}


/* custom black */
div.jquery-btooltip.black div.content {
	min-height: 32px;
	background-color: #000000;
	padding: 10px;
	color:white;
}
div.jquery-btooltip.black div.up_arrow {background : url('images/up_arrow_black.png') 60px -1px no-repeat;}
div.jquery-btooltip.black div.down_arrow {background : url('images/down_arrow_black.png') 60px -1px no-repeat;}
div.jquery-btooltip.black div.left_arrow {background : url('images/left_arrow_black.png') 0px -1px no-repeat;}

div.jquery-btooltip.blue div.content img.tipImg, 
div.jquery-btooltip.white div.content img.tipImg, 
div.jquery-btooltip.black div.content img.tipImg  {
	float:left;
	padding-top:3px;
}
div.jquery-btooltip.blue div.content .tipTxt, 
div.jquery-btooltip.white div.content .tipTxt, 
div.jquery-btooltip.black div.content .tipTxt {
	float:left;
	width: 170px;
	margin-left:10px;
}

div.jquery-btooltip.blue div.content h6,
div.jquery-btooltip.black div.content h6, 
div.jquery-btooltip.blue div.content .h6,
div.jquery-btooltip.black div.content .h6 {
	font-size: 12px;
	font-weight:bold;
}
div.jquery-btooltip.blue div.content h6 span, 
div.jquery-btooltip.white div.content h6 span, 
div.jquery-btooltip.black div.content h6 span, 
div.jquery-btooltip.blue div.content .h6 span, 
div.jquery-btooltip.white div.content .h6 span, 
div.jquery-btooltip.black div.content .h6 span {
	font-size: 14px;
	display:block;
}

div.jquery-btooltip.blue div.content p, 
div.jquery-btooltip.white div.content p, 
div.jquery-btooltip.black div.content p {
	font-size: 12px;
	font-weight:normal;
	padding-top:5px;
}

div.jquery-btooltip.white h6 span,
div.jquery-btooltip.white .h6 span {
	font-size: 16px;
	display:block;
	font-weight:bold;
}
div.jquery-btooltip.white div.content p {
	font-size: 12px;
	color:#000000;
}



