.default-tipsy { font-size: 10pt; position: absolute; padding: 5px; z-index: 100; }
.default-tipsy-inner { background-color: #900; color: #FFF; max-width: 250px; 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: #900; }
.default-tipsy-arrow-s { border-top-color: #900; }
.default-tipsy-arrow-e { border-left-color: #900; }
.default-tipsy-arrow-w { border-right-color: #900; }

.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; }


.blue-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100; }
.blue-tipsy-inner { background-color: #00A3DB; 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: #00A3DB; }
.blue-tipsy-arrow-s { border-top-color: #00A3DB; }
.blue-tipsy-arrow-e { border-left-color: #00A3DB; }
.blue-tipsy-arrow-w { border-right-color: #00A3DB; }

.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; }



.blue-big-tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 100; }
.blue-big-tipsy-inner { background-color: #00A3DB; color: #FFF;  padding: 7px 10px 6px 10px; text-align: center; }

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

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

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

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

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



.white-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100; }
.white-tipsy-inner { background-color: #fff; color: #333; width: 300px; padding: 10px; border:1px solid #efefef; }

/* Rounded corners */
.white-tipsy-inner {/* border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ }
.white-tipsy-inner h2{ color:#1172b9; }

/* Uncomment for shadow */
.white-tipsy-inner { box-shadow: -2px 2px 2px #ccc; -webkit-box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; text-align:center; }

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

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

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






.white2-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100; }
.white2-tipsy-inner { background-color: #fff; color: #333; width: 300px; padding: 10px; border:1px solid #efefef; }
.white2-tipsy li{ font-weight:bold; }

/* Rounded corners */
.white2-tipsy-inner {/* border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ }
.white2-tipsy-inner h2{ color:#1172b9; }

/* Uncomment for shadow */
.white2-tipsy-inner { box-shadow: -2px 2px 2px #ccc; -webkit-box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc;  }

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

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

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

.grey-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100; }
.grey-tipsy-inner { background-color: #d8dadc; padding:5px 8px 5px 8px; }

/* Rounded corners */
.grey-tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.grey-tipsy-inner h2{ color:#1172b9; }

/* Uncomment for shadow */
.grey-tipsy-inner { /*box-shadow: -2px 2px 2px #ccc; -webkit-box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc;*/ text-align:center; }

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

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

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