1 .tipsy {

     2 	padding: 5px;

     3 	font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;

     4 	font-size: 10px;

     5 	position: absolute;

     6 	z-index: 100000;

     7 }

     8 

     9 .tipsy-inner {

    10 	padding: 5px 8px 4px 8px;

    11 	background-color: #333;

    12 	color: white;

    13 	max-width: 200px;

    14 	text-align: left;

    15 }

    16 

    17 .tipsy-inner {

    18 	border-radius: 3px;

    19 	-moz-border-radius: 3px;

    20 	-webkit-border-radius: 3px;

    21 }

    22 

    23 .tipsy-arrow {

    24 	position: absolute;

    25 	background: url('../../img/tipsy.gif') no-repeat top left;

    26 	width: 9px;

    27 	height: 5px;

    28 }

    29 

    30 .tipsy-n .tipsy-arrow {

    31 	top: 0;

    32 	left: 50%;

    33 	margin-left: -4px;

    34 }

    35 

    36 .tipsy-nw .tipsy-arrow {

    37 	top: 0;

    38 	left: 10px;

    39 }

    40 

    41 .tipsy-ne .tipsy-arrow {

    42 	top: 0;

    43 	right: 10px;

    44 }

    45 

    46 .tipsy-s .tipsy-arrow {

    47 	bottom: 0;

    48 	left: 50%;

    49 	margin-left: -4px;

    50 	background-position: bottom left;

    51 }

    52 

    53 .tipsy-sw .tipsy-arrow {

    54 	bottom: 0;

    55 	left: 10px;

    56 	background-position: bottom left;

    57 }

    58 

    59 .tipsy-se .tipsy-arrow {

    60 	bottom: 0;

    61 	right: 10px;

    62 	background-position: bottom left;

    63 }

    64 

    65 .tipsy-e .tipsy-arrow {

    66 	top: 50%;

    67 	margin-top: -4px;

    68 	right: 0;

    69 	width: 5px;

    70 	height: 9px;

    71 	background-position: top right;

    72 }

    73 

    74 .tipsy-w .tipsy-arrow {

    75 	top: 50%;

    76 	margin-top: -4px;

    77 	left: 0;

    78 	width: 5px;

    79 	height: 9px;

    80 }