/* ----------------------------------------------------------------------------
   tooltip
-----------------------------------------------------------------------------*/

/* tooltip styling */
.customTooltip, 
.tooltip, 
.infoTable td div.tooltip {
	display: none;
	background: #000;
	padding: 10px;
	color: #fff;
	border: 1px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
}
	
	.customTooltip { display: block; text-align: left; }


.infoTable td div.customTooltip, 
.infoTable td div.tooltip  { text-align: left; z-index: 100; }

/* a .label element inside tooltip */
.customTooltip .label, 
.tooltip .label {
	color: yellow;
	width: 35px;
}

.customTooltip h1, 
.tooltip h1, 
.infoTable td div.tooltip h1 {
	margin: 0 0 0.25em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.333em; /* 16px = 1.333em */
	font-weight: bold;
	color: #fff;
	border-bottom: 0;
	text-shadow: 0px 0px 0px;
}

.customTooltip h2, 
.tooltip h2, 
.infoTable td div.tooltip h2 {
	position: static;
	margin: 0 0 0.25em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.167em; /* 14px = 1.167em */
	font-weight: bold;
	color: #fff;
	line-height: 1.75em;
	border-bottom: 1px solid #333;
	text-shadow: 0px 0px 0px;
}
	
	.customTooltip div.viewall, 
	.tooltip div.viewall, 
	.infoTable td div.customTooltip div.viewall, 
	.infoTable td div.tooltip div.viewall {
		display: block;
		float: right;
		font-size: 0.917em; /* 11px = 0.917em */
	}


.customTooltip p, 
.tooltip p, 
.infoTable td div.tooltip p { margin: 0; padding: 0; }

.customTooltip a, 
.tooltip a, 
.infoTable td div.customTooltip a, 
.infoTable td div.tooltip a {
	display: inline;
	background: none;
	color: #78b9f8;
	border: 0;
}
.customTooltip a:hover, 
.tooltip a:hover, 
.infoTable td div.customTooltip a:hover, 
.infoTable td div.tooltip a:hover { color: #78b9f8; text-decoration: underline; border: 0; }

.customTooltip input.buttonLinkStyle, 
.tooltip input.buttonLinkStyle, 
.infoTable td div.tooltip input.buttonLinkStyle, 
.infoTable td div.customTooltip input.buttonLinkStyle {
	display: inline;
	margin: 0 0 0.25em;
	padding: 0 3px;
	* padding: 0 1px;
	width: inherit;
	line-height: 1.75em;
	background: #161616;
	font-size: 0.917em; /* 11px = 0.917em */
	font-weight: bold;
	color: #78b9f8;
	cursor: pointer;
	* cursor: hand;
}
.customTooltip input.buttonLinkStyle:hover, 
.tooltip input.buttonLinkStyle:hover, 
.infoTable td div.customTooltip input.buttonLinkStyle:hover, 
.infoTable td div.tooltip input.buttonLinkStyle:hover { text-decoration: underline; }

.customTooltip a.buttonLink, 
.tooltip a.buttonLink, 
.infoTable td div.customTooltip a.buttonLink, 
.infoTable td div.tooltip a.buttonLink {
	display: inline-block;
	padding: 0 5px;
	line-height: 1.75em;
	background: #161616;
	font-weight: bold;
}

.tooltipWrap, 
.infoTable td div.customTooltip .tooltipWrap, 
.infoTable td div.tooltip .tooltipWrap {
	display: block;
	margin: 5px 0;
	padding: 2px 5px 5px;
	background: #161616;
	border: 0;
}


.tooltipWrap ul, 
.infoTable td div.customTooltip .tooltipWrap ul, 
.infoTable td div.tooltip .tooltipWrap ul {
	margin-top: 0;
	margin-bottom: 1.25em;
	padding-top: 0;
	padding-bottom: 0;
	list-style-image: url(../_img/li_arrow.gif);
	* list-style-image: url(../_img/li_arrow_ie.gif);
}

.tooltipWrap ul li, 
.infoTable td div.customTooltip .tooltipWrap ul li, 
.infoTable td div.tooltip .tooltipWrap ul li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 1.5em;
	font-size: 0.917em; /* 11px = 0.917em */
	font-weight: bold;
}
	
	.tooltipWrap ul li input.buttonLink {
		display: inline;
		margin: 0;
		padding: 0;
		background: none;
		font-size: 1em; /* 12px = 1em */
		vertical-align: middle;
		cursor: pointer;
		* cursor: hand;
	}
	
	.tooltipWrap ul li a, 
	.infoTable td div.customTooltip .tooltipWrap ul li a, 
	.infoTable td div.tooltip .tooltipWrap ul li a, 
	.tooltipWrap ul li input.buttonLink, 
	.infoTable td div.customTooltip .tooltipWrap ul li input.buttonLink, 
	.infoTable td div.tooltip .tooltipWrap ul li input.buttonLink { color: #fff; font-weight: normal; }
	
	.tooltipWrap ul li a:hover, 
	.infoTable td div.customTooltip .tooltipWrap ul li a:hover, 
	.infoTable td div.tooltip .tooltipWrap ul li a:hover, 
	.tooltipWrap ul li input.buttonLink:hover, 
	.infoTable td div.customTooltip .tooltipWrap ul li input.buttonLink:hover, 
	.infoTable td div.tooltip .tooltipWrap ul li input.buttonLink:hover { color: #fff; text-decoration: underline; }


/* tooltip control */
.tooltipControl, 
.infoTable td div.customTooltip .tooltipControl, 
.infoTable td div.tooltip .tooltipControl {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 0.917em; /* 11px = 0.917em */
	color: #eee;
	line-height: 1.5em;
	text-transform: lowercase;
	text-align: center;
	border-top: 1px dotted #666;
	clear: both;
}
	
	.tooltipControl a { color: #fff; font-weight: bold; }
	.tooltipControl a:hover { color: #fff; text-decoration: none; }
	.tooltipControl a:hover span { text-decoration: underline; }
	
	.tooltipControl input.prev, 
	.tooltipControl input.next {
		display: block;
		margin: 0;
		padding: 0;
		top: -0.25em;
		background: none;
		font-size: 0.917em; /* 11px = 0.917em */
		color: #78b9f8;
		font-weight: bold;
		vertical-align: middle;
		cursor: pointer;
		* cursor: hand;
	}
	.tooltipControl input.prev { float: left; }
	.tooltipControl input.next { float: right; }
	
	.tooltipControl input:hover { color: #78b9f8; text-decoration: underline; }