@media screen {
.cluetip-default
{
/* background-color: #d9d9c2; */
background-color: transparent;
}
.cluetip-default #cluetip-outer
{
position: relative;
margin: 0;
background-color: #dfdfdd;
}
.cluetip-default h3#cluetip-title
{
margin: 0 0 5px;
padding: 8px 10px 4px;
font-size: 1.1em;
font-weight: normal;
background-color: #545c74;
color: #fff;
}
.cluetip-default #cluetip-title a
{
color: #d9d9c2;
font-size: 0.95em;
}
.cluetip-default #cluetip-inner
{
padding: 10px;
font-size: .8em;
text-align: left;
}
.cluetip-default div#cluetip-close
{
text-align: right;
margin: 0 5px 5px;
color: #900;
}
.cluetip-arrows
{
display: none;
position: absolute;
top: 0;
left: -11px;
height: 22px;
width: 11px;
background-repeat: no-repeat;
background-position: 0 0;
}
.clue-right-default .cluetip-arrows
{
background-image: url("/content/images/directory/arrowleft.gif");
}
.clue-left-default .cluetip-arrows
{
background-image: url("/content/images/directory/arrowright.gif");
left: 100%;
margin-right: -11px;
}
.clue-top-default .cluetip-arrows
{
background-image: url("/content/images/directory/images/arrowdown.gif");
top: 100%;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
}
.clue-bottom-default .cluetip-arrows
{
background-image: url("/content/images/directory/arrowup.gif");
top: -11px;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
}
#cluetip-extra
{
display: none;
}
}