/* global */ #cluetip-title { overflow: hidden; position: relative; margin:0; padding:0; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(../g/template/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } .cluetip-link-hover{ color: orange; cursor: pointer; font-weight: bold; border-bottom: 3px double orange; } .cluetip-link-click{ color: orange; cursor: pointer; font-weight: bold; text-decoration: underline; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { font-size: 1em; text-align: left; background-color: #fff; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #fff; border: 1px solid #b8b7b7; } .cluetip-default h3#cluetip-title { padding: 10px; font-size: 1.1em; font-weight: bold; background:url(../g/template/bg_tooltiptitle.gif) #868585; color: #fff; } .cluetip-default #cluetip-title a { color: #fff; } .cluetip-default #cluetip-body { padding: 10px; } #cluetip-body p { padding:0px; margin:0; } .cluetip-default div#cluetip-close a{ position: absolute; top: 0px; left: 260px; font-weight: bold; color: #fff; } .cluetip-default div#cluetip-close-title a{ color: #000; /* This can have background image */ } .cluetip-default div#cluetip-close-body a{ color: #000; /* This can have background image */ } /* This is to use if rounded corners are fitted */ .cluetip-default #cluetip-extra { position: absolute; display: none; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(../g/template/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(../g/template/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(../g/template/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(../g/template/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } //