/*Tool Tip*/
.hint {
        display: none;
		z-index:30;
		color:#000000;
        position: absolute;
		font-size:11;
        width: 200px;
        margin-top: -4px;
        border: 1px solid #cae6ff;
        padding: 10px 12px;
        background-color: #f9fcff;
        background-image: url('../images/pointer.gif');
        background-repeat: no-repeat;
        background-position: -10px 5px;
    }
    .hint_red {
        display: none;
        position: absolute;
		font-size:11;
		z-index:30;
        width: 200px;
        margin-top: -4px;
        border: 1px solid #FF0000;
        padding: 10px 12px;
        background-color: #f9fcff;
        background-image: url('../images/pointer_red.gif');
        background-repeat: no-repeat;
        background-position: -10px 5px;
    }

    /* The pointer image is hadded by using another span */
    .hint .hint-pointer {
        position: absolute;
        left: -10px;
        top: 5px;
        width: 10px;
        height: 19px;
        background: url('../images/pointer.gif') left top no-repeat;
    }
    .hint_red .hint-pointer {
        position: absolute;
        left: -10px;
        top: 5px;
        width: 10px;
        height: 19px;
        background: url('../images/pointer_red.gif') left top no-repeat;
    }

/*End of Tool Tip*/