
/***************************************
	HOVER BOXES
   =cluetipClass: 'hoverBox'
-------------------------------------- */
.cluetip-hoverBox {
  	background-color: transparent;
}
.cluetip-hoverBox #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
}

.cluetip-hoverBox h3#cluetip-title {
	display: none;
}

.cluetip-hoverBox #cluetip-inner {
  	padding: 0;
  	display: inline-block;
  	width: 414px;
  	height: 448px;
  	background: transparent url(../images/bgBalloonModule.gif) top left no-repeat;
}
.cluetip-hoverBox div#cluetip-close { 
	display: none;
}

/***************************************
	NEW Asset HOVER BOXES --- CASE 1
   =cluetipClass: 'horizontalAssetHoverWithRelated'
-------------------------------------- */


.cluetip-horizontalAssetHoverWithRelated {
  	background-color: transparent;
}
.cluetip-horizontalAssetHoverWithRelated #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
}

.cluetip-horizontalAssetHoverWithRelated h3#cluetip-title {
	display: none;
}

.cluetip-horizontalAssetHoverWithRelated #cluetip-inner {
  	padding: 0;
  	display: inline-block;
  	width: 414px;
  	height: 341px;
  	background: transparent url(../images/bgBalloonModule.gif) top left no-repeat;
}
.cluetip-horizontalAssetHoverWithRelated div#cluetip-close { 
	display: none;
}




/***************************************
	NEW Asset HOVER BOXES --- CASE 2
   =cluetipClass: 'horizontalAssetHoverNoRelated'
-------------------------------------- */



.cluetip-horizontalAssetHoverNoRelated {
  	background-color: transparent;
}
.cluetip-horizontalAssetHoverNoRelated #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
}

.cluetip-horizontalAssetHoverNoRelated h3#cluetip-title {
	display: none;
}

.cluetip-horizontalAssetHoverNoRelated #cluetip-inner {
  	padding: 0;
  	display: inline-block;
  	width: 414px;
  	height: 250px;
  	background: transparent url(../images/bgBalloonModule.gif) top left no-repeat;
}
.cluetip-horizontalAssetHoverNoRelated div#cluetip-close { 
	display: none;
}





/***************************************
	NEW Asset HOVER BOXES --- CASE 3
   =cluetipClass: 'verticalAssetHoverWithRelated'
-------------------------------------- */


.cluetip-verticalAssetHoverWithRelated {
  	background-color: transparent;
}
.cluetip-verticalAssetHoverWithRelated #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
}

.cluetip-verticalAssetHoverWithRelated h3#cluetip-title {
	display: none;
}

.cluetip-verticalAssetHoverWithRelated #cluetip-inner {
  	padding: 0;
  	display: inline-block;
  	width: 414px;
  	height: 421px;
  	background: transparent url(../images/bgBalloonModule.gif) top left no-repeat;
}
.cluetip-verticalAssetHoverWithRelated div#cluetip-close { 
	display: none;
}




/***************************************
	NEW Asset HOVER BOXES --- CASE 4
   =cluetipClass: 'verticalAssetHoverNoRelated'
-------------------------------------- */


.cluetip-verticalAssetHoverNoRelated{
  	background-color: transparent;
}
.cluetip-verticalAssetHoverNoRelated #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
}

.cluetip-verticalAssetHoverNoRelated h3#cluetip-title {
	display: none;
}

.cluetip-verticalAssetHoverNoRelated #cluetip-inner {
  	padding: 0;
  	display: inline-block;
  	width: 414px;
  	height: 290px;
  	background: transparent url(../images/bgBalloonModule.gif) top left no-repeat;
}
.cluetip-verticalAssetHoverNoRelated div#cluetip-close { 
	display: none;
}



<!-- SMART SEARCH -->



.cluetip-smartSearch {
  	background-color: transparent;
}
.cluetip-smartSearch #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
}

.cluetip-smartSearch h3#cluetip-title {
	display: none;
}

.cluetip-smartSearch #cluetip-inner {
  	padding: 0;
  	display: inline-block;
  	width: 258px;
  	height: auto;
	overflow: visible;
  	background: #F1F1F1;
}
.cluetip-smartSearch div#cluetip-close { 
  	position: absolute;
	top: 2px;
	right: 2px;
	width: 16px;
	height: 16px;
	background: url(../images/closeGray2.gif) top left no-repeat;
	cursor: pointer;
}


/***************************************
	VIDEO BOXES
   =cluetipClass: 'videoBox','videoBox2'
-------------------------------------- */
.cluetip-videoBox, .cluetip-videoBox2, .cluetip-videoBox, .cluetip-videoBox3 {
  	background-color: transparent;
}
.cluetip-videoBox #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
	margin: 0 0 0 28px;
}

.cluetip-videoBox2 #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
	margin: 0 0 0 48px;
}

.cluetip-videoBox3 #cluetip-outer {
	padding: 0;
  	border: 0;
  	position: relative;
	margin: 0 0 0 0px;
}


.cluetip-videoBox h3#cluetip-title, .cluetip-videoBox2 h3#cluetip-title, .cluetip-videoBox3 h3#cluetip-title {
	display: none;
}

.cluetip-videoBox #cluetip-inner, .cluetip-videoBox2 #cluetip-inner, .cluetip-videoBox3 #cluetip-inner {
  	padding: 0;
  	display: inline-block;
  	width: 183px;
  	height: 298px;
  	background: transparent url(../images/bgVideoBox.gif) top left no-repeat;
}
.cluetip-videoBox div#cluetip-close, .cluetip-videoBox2 div#cluetip-close, .cluetip-videoBox3 div#cluetip-close { 
  	position: absolute;
	top: 2px;
	right: 2px;
	width: 18px;
	height: 18px;
	background: url(../images/close.gif) top left no-repeat;
	cursor: pointer;
}

/* videoBox arrows */

.clue-top-videoBox .cluetip-arrows {
  background-image: url(../images/vidArrowDown.gif);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -11px;
  left: 95px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-videoBox .cluetip-arrows {
  background-image: url(../images/vidArrowUp.gif);
  background-repeat: no-repeat;
  position: absolute;
  top: -11px;
  left: 95px;
  height: 11px;
  width: 22px;
}


.clue-top-videoBox2 .cluetip-arrows {
  background-image: url(../images/vidArrowDown.gif);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -11px;
  left: 103px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-videoBox2 .cluetip-arrows {
  background-image: url(../images/vidArrowUp.gif);
  background-repeat: no-repeat;
  position: absolute;
  top: -11px;
  left: 103px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}
