.tooltip2{ color:#111   }


/*For tooltip box*/

div#mcTooltip2
{
    line-height:16px;
	margin-top:18px;
	margin-left:0px;
    border-width:10px;   
    color:#000;
	background:#fffcd2; 
    border-color:#ccc;
	position:relative;
    padding:10px 10px 5px 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
	box-shadow: 0px 15px 7px #666;
   
   
}

.tooltip2-label{ background:#fcfbf2; width:auto; height:0px; margin:0px}
 
div#mcTooltip2, div.mcTooltip2Inner 
{
    background-color:#fff;
		
}
div#mcTooltip2 h5 { font-size:16px; text-align:left; padding-bottom:20px; line-height:20px; margin-top:0px; margin-bottom:0px;color:#e7832d;}
div#mcTooltip2 span { display:block; text-align:center; padding-bottom:10px;}
div#mcTooltip2 p { color:#333; text-align:justify;}

/* For hyperlink within tooltip */
div#mcTooltip2 p a { color:#D81B22; text-decoration:none; display:block; padding-top:10px; padding-bottom:10px; text-align:right; }
div#mcTooltip2 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#tooltip2AjaxSpin {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#mcTooltip2Wrapper {position:absolute;visibility:hidden;overflow:visible;z-index:999;top:150px; left:630px !important;}
 
div#mcTooltip2 {float:left;border-style:solid;position:relative;overflow:hidden;}
div.mcTooltip2Inner {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#mcTooltip2, div#mcTooltip2 div {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing:content-box;
	 
}