.foo()
{
}

#help
{
    background: #00aeef;
    color: White;
    text-align: center;
    cursor: pointer;
    font-size: larger;
    font-weight: bolder;
    line-height: 1.5em;
    padding: 0 3px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

div#help
{
    margin: 0 auto;
    width: 193px;
    position: relative;
    top: -23px;
    left: 0;
    padding: 0;
}

/* tooltip styling */
.tooltip
{
    display: none;
    background: url(images/tips/black_arrow.png) no-repeat;
    margin: 0;
    height: 110px;
    padding: 10px 14px 10px 14px;
    width: 180px;
    font-size: 11px;
    line-height: 1.21em;
    color: #fff;
}
.tooltip.bottom
{
    background: url(images/tips/black_arrow_bottom.png) no-repeat;
    padding: 25px 14px 10px 14px;
}

.tooltiplarge
{
    display: none;
    background: url(images/tips/black_arrow_big.png) no-repeat;
    height: 163px;
    padding: 25px 30px 10px 30px;
    width: 310px;
    font-size: 11px;
    color: #fff;
    line-height: 1.21em;
}
.tooltiplarge.bottom
{
    background: url(images/tips/black_arrow_big_bottom.png) no-repeat;
    padding: 45px 30px 40px 25px;
}
.tooltipxlarge
{
    display: none;
    background: url(images/tips/black_arrow_xbig.png) no-repeat;
    height: 190px;
    padding: 30px 30px 10px 30px;
    width: 310px;
    font-size: 11px;
    color: #fff;
    line-height: 1.21em;
}
.tooltipxlarge.bottom
{
    background: url(images/tips/black_arrow_xbig_bottom.png) no-repeat;
    padding: 50px 30px 40px 25px;
}
.tooltip p, .tooltiplarge p
{
    margin-top: 3px;
}

.tooltip a, .tooltiplarge a
{
    color: White;
    font-weight: bolder;
    text-decoration: underline;
}