.tool-tip{
	color: #fff;
	
	text-shadow: none;
	
	visibility: hidden;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-border-radius: 7px; 
	border-radius: 7px;	
	text-align: center;	
	opacity: 0;
	z-index: 999;
	
	position: relative;
	cursor: default;
       
	z-index:999999999999999999;
	display:none !important;
}
.tool-tip:hover{
visibility:visible !important;
display:block !important;
z-index:99999999999999999999999999;
}

.tool-tip,
.tool-tip.top{
	bottom: 10%;
	
	left: -7%;		
}

.tool-tip.top:after,
.tool-tip:after{
	position: absolute;
	
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	
   
}

/* default heights, width and margin w/o Javscript */

.tool-tip,
.tool-tip.top{
    top: 2%;
	
}


/* on hover of element containing tooltip default*/

*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;		
}


/* tool tip slide out */

*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip{
	display: block;
	z-index: 9999999999999999999999999999;
}

.on-focus > .tool-tip.slideIn{
	z-index: -1;
}

.on-focus > input:focus + .tool-tip.slideIn{
	z-index: 1;
}

/* bottom slideIn */

*:not(.on-focus) > .tool-tip.slideIn.bottom,
.on-focus > .tool-tip.slideIn.bottom{
	
}

*:not(.on-focus):hover > .tool-tip.slideIn.bottom,
.on-focus > input:focus + .tool-tip.slideIn.bottom{

}	

.on-focus > input:focus + .tool-tip.slideIn.bottom{
	
}

/* top slideIn */

*:not(.on-focus) > .tool-tip.slideIn,
*:not(.on-focus) > .tool-tip.slideIn.top,
.on-focus > .tool-tip.slideIn,
.on-focus > .tool-tip.slideIn.top{
	bottom: 100%;
	z-index: 999999999999999999999999999;
}

*:not(.on-focus):hover > .tool-tip.slideIn,
*:not(.on-focus):hover > .tool-tip.slideIn.top,
.on-focus > input:focus + .tool-tip.slideIn,
.on-focus > input:focus + .tool-tip.slideIn.top{
	bottom: 80%;
	visibility: visible;
	display: block !important;
	z-index: 9999999999999999999999;
	position: relative;
}	

/* left slideIn */

*:not(.on-focus) > .tool-tip.slideIn.left,
.on-focus > .tool-tip.slideIn.left{
	right: 50%;	
}

*:not(.on-focus):hover > .tool-tip.slideIn.left,
.on-focus > input:focus + .tool-tip.slideIn.left{
	right: 105%;		
}

/* right slideIn */

*:not(.on-focus) > .tool-tip.slideIn.right,
.on-focus > .tool-tip.slideIn.right{
	left: 50%;		
}

*:not(.on-focus):hover > .tool-tip.slideIn.right,
.on-focus > input:focus + .tool-tip.slideIn.right{
	left: 105%;
}
.left_content_tooltip{
width:200px;
float:left;
margin-right:10px;

z-index: 999999999999999;
border-right: 1px #ccc dotted;
}
.right_content_tooltip{
width:250px;
float:right;
z-index:999999999999999999;
position:relative;
/* height:400px; */
z-index: 9999999999999999999;
text-align: left;
}
.left_content_tooltip img{
max-width:250px;

}
.right_left_tooltip{
width:470px;
border:1px #0C3 solid;
padding:10px;
background-color: #FFF;
overflow: hidden;
color:#000;
line-height:1.7;
z-index:99999999999;

position: relative;
border-radius: 5px;
}