/* Global */
#cluetip-close img {
	border: 0;
}
#cluetip-title {
	overflow: hidden;
}
#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}
#cluetip-waitimage {
	width: 16px;
	height: 16px;
	position: absolute;
	background-image: url(../img/cluetip/loading.gif);
}
.cluetip-arrows {
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 18px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#cluetip-extra {
	/*display: none;*/ /* hidden to show top right corner in rounded corner class */
}
/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
	background: transparent url(../img/cluetip/bl.gif) no-repeat 0 100%;
	margin-top: 10px;
	margin-left: 12px;
	color:#f2f2f2;
}
.cluetip-rounded #cluetip-outer {
	background: transparent url(../img/cluetip/tl.gif) no-repeat 0 0;
	margin-top: -12px;
}
.cluetip-rounded #cluetip-title {
	background-color: transparent;
	padding: 12px 12px 0;
	margin: 0 -12px 0 0;
	position: relative;
}
.cluetip-rounded #cluetip-extra {
/*	position: absolute;
	display: block;
	background: transparent url(../img/cluetip/tr.gif) no-repeat 100% 0;
	top: 0;
	right: 0;
	width: 12px;
	height: 30px;
	margin: -12px -12px 0 0;*/

	/* Modified for in-accurate top right corner placement */	
	position: absolute;
	display: block;
	background: transparent url(../img/cluetip/tr.gif) no-repeat 100% 0;
	top: 0px;
	right: 0px;
	width: 12px;
	height: 30px;
	margin: -12px -12px 0 0;
	z-index:999;
}
.cluetip-rounded #cluetip-inner {
	background: transparent url(../img/cluetip/br.gif) no-repeat 100% 100%;
	padding: 5px 12px 12px;
	margin: -12px -12px 0 0;
	position: relative;
}
.cluetip-rounded div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #009;
	background: transparent;
}
.cluetip-rounded div#cluetip-close a {
	color: #777;
}
/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
	background-image: url(../img/cluetip/rarrowleft.png);
}
.clue-left-rounded .cluetip-arrows {
	background-image: url(../img/cluetip/rarrowright.png);
	left: 100%;
	margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
	background-image: url(../img/cluetip/rarrowdown.png);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 18px;
}
.clue-bottom-rounded .cluetip-arrows {
	background-image: url(../img/cluetip/rarrowup.png);
	top: -19px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 18px;
}
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {
	zoom: 1;
}
.cluetip-rounded h1 {
	font-size:12px;
	color:#f2f2f2;
	margin:0 auto;
	padding:0;
	margin-bottom:9px;
	padding-bottom:9px;
	padding-top:9px;
	border-bottom:#f2f2f2 1px solid;
}
.cluetip-rounded ol {
	margin:0px;
	padding-left:0px; 
}
.cluetip-rounded ol li {
	margin-left:22px;
	padding-left:0px; 
}