.default-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.default-tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

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

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

.default-tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }

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

.default-tipsy-n .default-tipsy-arrow, .default-tipsy-nw .default-tipsy-arrow, .default-tipsy-ne .default-tipsy-arrow { top: 0; border-top: none; }
.default-tipsy-s .default-tipsy-arrow, .default-tipsy-sw .default-tipsy-arrow, .default-tipsy-se .default-tipsy-arrow { bottom: 0; border-bottom: none; }
.default-tipsy-n .default-tipsy-arrow, .default-tipsy-s .default-tipsy-arrow { left: 50%; margin-left: -5px; }
.default-tipsy-nw .default-tipsy-arrow, .default-tipsy-sw .default-tipsy-arrow { left: 10px; }
.default-tipsy-ne .default-tipsy-arrow, .default-tipsy-se .default-tipsy-arrow { right: 10px; }
.default-tipsy-e .default-tipsy-arrow, .default-tipsy-w .default-tipsy-arrow { top: 50%; margin-top: -5px; }
.default-tipsy-e .default-tipsy-arrow { right: 0; border-right: none; }
.default-tipsy-w .default-tipsy-arrow { left: 0; border-left: none; }

/* COLOR FOR BLUE */

.blue-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.blue-tipsy-inner { background-color: #4183C4; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

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

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

.blue-tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }

/* Rules to colour arrows */
.blue-tipsy-arrow-n { border-bottom-color: #4183C4; }
.blue-tipsy-arrow-s { border-top-color: #4183C4; }
.blue-tipsy-arrow-e { border-left-color: #4183C4; }
.blue-tipsy-arrow-w { border-right-color: #4183C4; }

.blue-tipsy-n .blue-tipsy-arrow, .blue-tipsy-nw .blue-tipsy-arrow, .blue-tipsy-ne .blue-tipsy-arrow { top: 0; border-top: none; }
.blue-tipsy-s .blue-tipsy-arrow, .blue-tipsy-sw .blue-tipsy-arrow, .blue-tipsy-se .blue-tipsy-arrow { bottom: 0; border-bottom: none; }
.blue-tipsy-n .blue-tipsy-arrow, .blue-tipsy-s .blue-tipsy-arrow { left: 50%; margin-left: -5px; }
.blue-tipsy-nw .blue-tipsy-arrow, .blue-tipsy-sw .blue-tipsy-arrow { left: 10px; }
.blue-tipsy-ne .blue-tipsy-arrow, .blue-tipsy-se .blue-tipsy-arrow { right: 10px; }
.blue-tipsy-e .blue-tipsy-arrow, .blue-tipsy-w .blue-tipsy-arrow { top: 50%; margin-top: -5px; }
.blue-tipsy-e .blue-tipsy-arrow { right: 0; border-right: none; }
.blue-tipsy-w .blue-tipsy-arrow { left: 0; border-left: none; }