/**


 * Qlue ToolTip - Content Plugin


 *


 * @author Aaron Harding 


 * @package Qlue ToolTip


 * @license GNU/GPL


 *


 * This plugin will convert a basic syntax of {QlueTip title=[tooltip]}Tool Tip Text{/QlueTip} into a valid tooltip.


 * The user can add extra parameters to the syntax to match their needs. For further information visit http://www.Qlue.co.uk.


 */


 


.toggle {


	cursor: pointer;


}





.qTip { 


}





.default .QTip-tl {


	background: url(../images/tip-tl.png) 0 0 no-repeat;


	position: relative;


}





.default .QTip-t {


	background: url(../images/tip-t.png) repeat-x;


	height: 16px;


}





.default .QTip-tr {


	background: url(../images/tip-tr.png) no-repeat right;


	padding: 0px 7px 0px 7px;


}





.default .QTip-l {


	background: url(../images/tip-l.png) repeat-y;


}





.default .QTip-content {


	overflow: hidden;


	background: #fff;


	padding: 0 7px;


}





.default .QTip-r {


	background: url(../images/tip-r.png) repeat-y right;


	padding: 0px 7px 0px 7px;


}





.default .QTip-bl {


	background: url(../images/tip-bl.png) no-repeat;


}





.default .QTip-br {


	background: url(../images/tip-br.png) no-repeat right 0;


	padding: 0px 7px 0px 7px;


}





.default .QTip-b {


	background: url(../images/tip-b.png) repeat-x;


}





.default .QTip-arrow {


	background: url(../images/tip-point.png) no-repeat center bottom;


	height: 36px;


}





.QTip-close {


	position: absolute;


	top: 4px;


	right: 5px;


	width: 16px;


	height: 16px;


	background: url(../images/close.png) 0 0 no-repeat;


	cursor: pointer;


}


/*New CSS Class*/


.qlue-customTooltipClass .toggle{


  cursor: pointer;


}


.qlue-customTooltipClass .QTip-content{


  overflow: hidden;


  background: #FBFAE8;


  padding: 1px;


  width: 103px;


  color: #000;


  /*border: 1px solid #E1E1E1;*/


 /* border-bottom: 5px solid #AFCA17;*/


  cursor: pointer;


  text-align: center;
  height:18px;


}


.qlue-customTooltipClass .tipMod{


  margin: 0;


}


.qlue-customTooltipClass .QTip-arrow{


  display: none;


}





/*New Pink CSS Class*/


.qlue-customTooltipClassPink .QTip-content{


  overflow: hidden;


  background: #FF00AA;


  padding: 5px;


  width: 200px;


  color: #444;


  border: 1px solid #E1E1E1;


  border-bottom: 5px solid #000;


  cursor: pointer;


}


.qlue-customTooltipClassPink .tipMod{


  margin: 0;


}


.qlue-customTooltipClassPink .QTip-arrow{


  display: none;


}


/*New Blue CSS Class*/


.qlue-customTooltipClassBlue .QTip-content{


  overflow: hidden;


  background: #2A55FF;


  padding: 5px;


  width: 200px;


  color: #FFF;


  border: 1px solid #E1E1E1;


  border-bottom: 5px solid #000;


  cursor: pointer;


}


.qlue-customTooltipClassBlue .tipMod{


  margin: 0;


}


.qlue-customTooltipClassBlue .QTip-arrow{


  display: none;


}


