/*Tooltip UI component by www.menucool.com */

/*For tooltip target element that has set class="tooltip" */

.tooltip {text-decoration: none; outline: none;  }

.tooltip1 {text-decoration: none; outline: none;  }
/*For tooltip box*/

div#mcTooltip
{
    line-height:16px;
	margin-top:105px;
	margin-left:0px;
    border-width: 2px;   
    color:#333; 
    border-color:#a7adba;
    padding:10px 20px 5px 20px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius:6px; /*Rounded corners. N/A for IE 8 and below.*/
    box-shadow: 0 1px 4px #AAAAAA; /*Drop shadow. N/A for IE 8 and below.*/
	
}

div#mcTooltip, div.mcTooltipInner 
{
    background-color:#fff;
		
}
div#mcTooltip h5 { font-size:16px; text-align:left; padding-bottom:20px; line-height:20px; margin-top:5px; margin-bottom:0px;color:#e7832d;}
div#mcTooltip span { display:block; text-align:center; padding-bottom:10px;}
div#mcTooltip p { color:#333; text-align:justify;}

/* For hyperlink within tooltip */
div#mcTooltip p a { color:#D81B22; text-decoration:none; display:block; padding-top:10px; padding-bottom:10px; text-align:right; }
div#mcTooltip p a:hover { color:#D81B22; text-decoration: underline; }

/*Close button. Available when sticky or overlay has been set to true, or is on iPhone, iPad, Android, BlackBerry, or IEMobile devices. */
div#mcttCloseButton 
{
    width:45px;height:13px;position:absolute;background-image:url(../images/closeBtn.gif);cursor:pointer; overflow:hidden;
    top:12px; right:14px; left:auto;
}            

/* Only applies when overlay has been set to true or 1 */
div#mcOverlay 
{	
    background-color: black;
    opacity:0.5; filter: alpha(opacity=50); 
    display:none;top:0;left:0;width:100%;height: 100%;overflow:visible;z-index:4; 
}

/*Only available when calling by tooltip.ajax(...). It will be a spinning image indicating a request is in progress.*/
div#tooltipAjaxSpin {margin:20px 50px; background:transparent url(loading.gif) no-repeat center center; width:50px; height:30px; font-size:0;}

/*The settings below should remain unchanged*/
div#mcTooltipWrapper {position:absolute;visibility:hidden;overflow:visible;z-index:9999999999;top:-1000px; !important; left:620px !important;}



div#mcTooltip {float:left;border-style:solid;position:relative;overflow:hidden;}





div.mcTooltipInner {float:left;position:relative;width:auto;height:auto;}
div#mcttCo {position:absolute;text-align:left;}
div#mcttCo em, div#mcttCo b {display:block; width:0; height:0;overflow:hidden;}

/*workable with bootstrap*/
div#mcTooltip, div#mcTooltip div {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing:content-box;
	 
}

img {
  vertical-align: middle;border: 0;
}