/* DEFAULT */

.default-tipsy { font-family: ronnia-condensed; font-size: 14px; font-style: normal; font-weight: 300; position: absolute; padding: 5px; z-index: 100000; }
.default-tipsy-inner { background-color: #2A3935; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.default-tipsy-inner { padding: 5px 15px; margin: 5px 3px 0 0; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; border: 0px solid #2A3935; cursor: pointer; }

/* 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; line-height: 0; border: 5px dashed #2A3935; }

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

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

/* BLUE */

.blue-tipsy { font-family: ronnia-condensed; font-size: 14px; font-style: normal; font-weight: 300; position: absolute; padding: 5px; z-index: 100000; }
.blue-tipsy-inner { background-color: #3DB6E3; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.blue-tipsy-inner { padding: 5px 15px; margin: 5px 3px 0 0; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; border: 0px solid #3DB6E3; cursor: pointer; }

/* 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; }*/

.blue-tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #3DB6E3; }

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

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

/* LIGHTGREY */

.lightgrey-tipsy { font-family: ronnia-condensed; font-size: 14px; font-style: normal; font-weight: 300; position: absolute; padding: 5px; z-index: 100000; }
.lightgrey-tipsy-inner { background-color: #D8E0DE; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.lightgrey-tipsy-inner { padding: 5px 15px; margin: 5px 3px 0 0; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; border: 0px solid #D8E0DE; cursor: pointer; }

/* 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; }*/

.lightgrey-tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #D8E0DE; }

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

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

/* WHITE */

.white-tipsy { font-family: ronnia-condensed; font-size: 14px; font-style: normal; font-weight: 300; position: absolute; padding: 5px; z-index: 100000; }
.white-tipsy-inner { background-color: #FFF; color: #2A3935; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.white-tipsy-inner { padding: 5px 15px; margin: 5px 3px 0 0; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; border: 0px solid #FFF; cursor: pointer; }

/* 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; }*/

.white-tipsy-arrow { margin: 0 4px 0 0; position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #FFF;}

/* 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 { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.white-tipsy-nw .white-tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.white-tipsy-ne .white-tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.white-tipsy-s .white-tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.white-tipsy-sw .white-tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.white-tipsy-se .white-tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.white-tipsy-e .white-tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.white-tipsy-w .white-tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }