.default-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 2147483647; }
  .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; line-height: 0; border: 5px dashed #000; }
  
  /* 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 { 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; }

/* COLOR FOR RED */

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

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

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

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

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

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

/* COLOR FOR YELLOW */

.yellow-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 2147483647;}
.yellow-tipsy-inner { background-color: #ffeaa8; color: #826200; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

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

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

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

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

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

/* COLOR FOR BLUE */

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

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

/* COLOR FOR DARKER BLUE */

.dblue-tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 2147483647;}
.dblue-tipsy-inner { background-color: #1b6d94; color: #ffffff; max-width: 250px; padding: 5px 8px 4px 8px; text-align: left; }

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

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

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

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

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