/* global */
#cluetip-close img { border: 0;}
#cluetip-title {overflow: hidden;text-align:left;}
#cluetip-title #cluetip-close {float: right; position: relative;}
#cluetip-waitimage { width: 43px;  height: 11px;  position: absolute;  background-image: url(../images/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;}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default {background-color: #fff;  text-align:left;  font-size:10px;}
.cluetip-default #cluetip-outer {position: relative;  margin: 0;  background-color: #fff;}
.cluetip-default h3#cluetip-title {margin: 0 0 5px;  padding: 8px 10px 4px;  font-size: 1.1em;  font-weight: normal;  background-color: #3c3c3c;  color: #fff;}
.cluetip-default #cluetip-title a {color: #000;  font-size: 0.95em;}  
.cluetip-default #cluetip-inner {padding:0 8px 8px 8px;  list-style-type:none;}
.cluetip-default div#cluetip-close {text-align: right;  margin: 0 5px 5px;  color: #900;}

/* default arrows */
.clue-right-default .cluetip-arrows {  background-image: url(../images/darrowleft.gif);}
.clue-left-default .cluetip-arrows {  background-image: url(../images/darrowright.gif);  left: 100%;  margin-right: -11px;}
.clue-top-default .cluetip-arrows {  background-image: url(../images/darrowdown.gif);  top: 100%;  left: 50%;  margin-left: -11px;  height: 11px;  width: 22px;  }  
.clue-bottom-default .cluetip-arrows {  background-image: url(../images/darrowup.gif);  top: -11px;  left: 50%;  margin-left: -11px;  height: 11px;  width: 22px;}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1;}