div.tipsy { opacity:1 !important; font-size: 12px; text-shadow: 1px 1px 1px #000; position: absolute; padding: 5px 0 !important; z-index: 10 !important; min-width:70px !important; width:70%; max-width:70%; }
div.tipsy .tipsy-inner { background: #CC3322 !important; color: #fff !important; white-space:normal; border: 0 !important; padding: 5px 8px 4px 8px !important; text-align: center !important; -webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2); box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2); }
div.tipsy { opacity:1 !important; font-size: 12px; text-shadow: 1px 1px 1px #000; position: absolute; padding: 5px 0 !important; z-index: 10 !important; min-width:70px !important; width:70%; max-width:70%; }
div.tipsy .tipsy-inner { background: #CC3322 !important; color: #fff !important; white-space:normal; border: 0 !important; padding: 5px 8px 4px 8px !important; text-align: center !important; -webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2); box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2); }
div.tipsy.tipsy-n .tipsy-inner {
	border: 1px solid rgba(255,255,255,0.8) !important;
	border-width: 0 1px 1px 0 !important;
	line-height: 140%;
	background: -moz-linear-gradient(top, #cc3322, #a0281b) !important;
	background: -o-linear-gradient(top, #cc3322, #a0281b) !important;
	background: -webkit-linear-gradient(top, #cc3322, #a0281b) !important;
	background: -ms-linear-gradient(top, #cc3322, #a0281b) !important;
	background: linear-gradient(to bottom, #cc3322, #a0281b) !important;
}

/* Rounded corners */
div.tipsy .tipsy-inner { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* Uncomment for shadow */
/*div.tipsy tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

div.tipsy .tipsy-arrow { position: absolute; width: 0 !important; height: 0 !important; line-height: 0 !important; border: 5px dashed #CC3322 !important; }

/* Rules to colour arrows */
div.tipsy .tipsy-arrow-n { border-bottom-color: #CC3322 !important; }
div.tipsy .tipsy-arrow-s { border-top-color: #CC3322 !important; }
div.tipsy .tipsy-arrow-e { border-left-color: #CC3322 !important; }
div.tipsy .tipsy-arrow-w { border-right-color: #CC3322 !important; }

div.tipsy.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px !important; border-bottom-style: solid !important; border-top: none !important; border-left-color: transparent !important; border-right-color: transparent !important; }
div.tipsy.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid !important; border-top: none !important; border-left-color: transparent !important; border-right-color: transparent !important;}
div.tipsy.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid !important; border-top: none !important;  border-left-color: transparent !important; border-right-color: transparent !important;}
div.tipsy.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px !important; border-top-style: solid !important; border-bottom: none !important;  border-left-color: transparent !important; border-right-color: transparent !important; }
div.tipsy.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid !important; border-bottom: none !important;  border-left-color: transparent !important; border-right-color: transparent !important; }
div.tipsy.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid !important; border-bottom: none !important; border-left-color: transparent !important; border-right-color: transparent !important; }
div.tipsy.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px !important; border-left-style: solid !important; border-right: none !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }
div.tipsy.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px !important; border-right-style: solid !important; border-left: none !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }

@-webkit-keyframes tipsyUP {
	from { opacity: 0; }
	30% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); }
	to { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
}
@-moz-keyframes tipsyUP {
	from { opacity: 0; }
	30% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); }
	to { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
}
@keyframes tipsyUP {
	from { opacity: 0; }
	30% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); }
	to { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
}

.tipsy.tipsy-n {
	-webkit-animation: tipsyUP 0.8s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: tipsyUP 0.8s ease;
	-moz-animation-fill-mode: forwards;
	animation: tipsyUP 0.8s ease;
	animation-fill-mode: forwards;
}