.Zebra_Tooltip {
    position: absolute;
    z-index: 8000;
    background: transparent;
}

a.zebra_tips1 {
    text-decoration:none;
	color:#eee;
	background:#;
	cursor:pointer;
}

a:hover.zebra_tips1 {
	color:#fdaf17;
}

.tooltips-column {
	width:50%;
	height:180px;
	float:left;
	padding:15px;
	background:#2d3136;
	color:#eee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.tooltips-column2 {
	width:50%;
	height:180px;
	float:left;
	padding:15px;
	background:#424953;
	color:#eee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.Zebra_Tooltip .Zebra_Tooltip_Message {
    float:left;
	position: relative;
    padding: 5px;
    font-size:14px;
    text-align: left;
    font-weight: normal;
    line-height: inherit;
    *margin-right: 0;
    _width:expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow         { position: absolute; height: 10px; width: 20px; overflow: hidden }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom  { bottom: 0 }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top     { top: 0    }

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
    position: absolute;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    left: 0;
    _border-left-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div  {
    top: 0;
    _border-bottom-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div     {
    bottom: 0;
    _border-top-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Close {
    text-decoration: none;
    color: #FFF;
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: inherit;
    font-weight: bold;
}

.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
    color: #C40000;
}

@media only screen and (min-width:240px) and (max-width:800px) {
	
.tooltips-column {
	width:100%;
	height:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.tooltips-column2 {
	width:100%;
	height:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.Zebra_Tooltip {
    left: 0;
	
}