/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	padding: 10px;
	line-height: 1.3em;
	border:1px solid #617a9f; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px; 
	text-align: left; 
	white-space: normal; 
	background: #FFFFFF; 
	background: -moz-linear-gradient(top, #869fcd 0%, #617a9f 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#869fcd), color-stop(100%,#617a9f));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#869fcd', endColorstr='#617a9f',GradientType=0 );
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #617a9f;
	border-top-color: rgba(97,122,159,1);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #617a9f;
	/*border-bottom-color: rgba(255,255,255,0.35);*/
}
#tiptip_holder.tip_bottom #tiptip_arrow:after{
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-3px; /* value = - border-top-width - border-bottom-width */
	left:-5px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:5px solid transparent;
	border-bottom-color:#869fcd;
	z-index: 10;
}

#tiptip_holder.tip_top #tiptip_arrow:after{
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-3px; /* value = - border-top-width - border-bottom-width */
	left:-5px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:5px solid transparent;
	border-top-color:#617a9f;
	z-index: 10;
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #617a9f;
	border-left-color: rgba(97,122,159,1);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: #617a9f;
	/*border-top-color: rgba(25,25,25,0.92);*/
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: #617a9f;
	/*border-bottom-color: rgba(25,25,25,0.92);*/
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: #617a9f;
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

#tiptip_content .contenttip{width:300px;}
#tiptip_content .contenttip a{text-decoration: none; font-weight: normal;}
#tiptip_content .contenttip a:hover{text-decoration: underline;}
#tiptip_content .contenttip a.contactname{font-family: "Lucida Grande", sans-serif; font-weight: 500; font-size: 12px; display: block;}
#tiptip_content .contenttip .contactpic{float: left; margin-right:10px;}
#tiptip_content .contenttip .bottom{position: absolute; bottom:10px; margin-left:112px;}