.tt{
z-index:29;
cursor:pointer;
position: relative;
}

.tt span {
display: none;
clear: none;
}

.tt:hover {
z-index:30;
clear: none;
}

.tt:hover span.tooltipR,.tt:hover span.tooltipL {
display: block;
position: absolute;
top: 45px; /*Firefox needs this room*/
clear: none;
}

.tt:hover span.tooltipR {
text-align: right;
right: -15px;
clear: none;
}

.tt:hover span.tooltipL {
text-align: left;
left: -15px;
clear: none;
}

/* FOCUS ACTIVATED NOT HOVER */

.focusMe span {
display: none;
clear: none;
}

.focusMe {
z-index:30;
clear: none;
position: relative;
}

.focusMe span.tooltipR,.focusMe span.tooltipL {
display: block;
position: absolute;
top: 45px; /*Firefox needs this room*/
clear: none;
}

.focusMe span.tooltipR {
text-align: right;
right: -15px;
clear: none;
}

.focusMe span.tooltipL {
text-align: left;
left: -15px;
clear: none;
}


/*
.tt:hover span.tooltipL img.tiptip{
display:inline;
clear: none;
vertical-align: top;
}

.tt:hover span.tooltipR img.tiptip{
display:inline;
clear: none;
vertical-align: top;
}
*/
span.tip {
display: block;
padding: 0 34px 0 0;
background: url('tooltipend.png') no-repeat right;
float: left;
height: 52px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

span.tip span.tipcenter {
display: block;
background: url('tooltip.png') no-repeat;
height: 52px;
line-height: 26px;
padding: 14px 0px 0px 34px;
white-space: nowrap;
}

/* UNUSED SO FAR */
span.imgbutton {
padding: 0px 34px 0px 0px;
background: url('tooltipend.png') no-repeat right;
display: block;
float: left;
height: 52px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

span.imgbutton span {
background: url('tooltip.png') no-repeat;
display: block;
line-height: 52px;
padding: 0 0 0 32px;
white-space: nowrap;
}