/**
**  HoverCard qTip2 style overriding
**/
div.ui-tooltip-hoverCard { 
	padding: 0;
	max-width: 440px;
	background-color: #ffffff;
	border: 1px solid #CCC;
	line-height: 16px;
	font-size: 11px;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

div.ui-tooltip-hoverCard { 
	
}

div.ui-tooltip-hoverCard div.ui-tooltip-tip { display: none !important; }
div.ui-tooltip-hoverCard div.ui-tooltip-tip canvas { display: none; }
div.ui-tooltip-hoverCard.ui-tooltip-pos-tc div.ui-tooltip-tip { background: url('/static/img/hovercard/arrow-tc.png') no-repeat left top; }
div.ui-tooltip-hoverCard.ui-tooltip-pos-bc div.ui-tooltip-tip { background: url('/static/img/hovercard/arrow-bc.png') no-repeat left top; }

div.ui-tooltip-hoverCard div.ui-tooltip-content {
	padding: 0;
	overflow: visible;
}

/**
*  THE CONTENT STYLING
**/

div.hover-card { width: 420px; }
div.hover-card div.main { padding: 10px; }
div.hover-card div.actions { padding: 7px 10px; background-color: #f5f5f5;
	border-top: 1px solid #CCC; text-align: right; }

div.hover-card div.main div.avatar { float: left; margin-right: 10px; }
div.hover-card div.main div.name { margin-left: 110px; padding-top: 5px; }
div.hover-card div.main div.name a { font-weight: bold; color: #333; font-size: 14px; }
div.hover-card div.main div.name a:hover { text-decoration: none; }
div.hover-card div.main div.bio-wrapper { margin-left: 110px; }
div.hover-card div.main div.bio-wrapper div.bio { display: block; margin: 10px 0; }

div.hover-card div.points-bar { border-top: 1px solid #CCC; margin: 0 10px; padding: 10px 0; }
div.hover-card div.points-bar div.points { border: 0; padding: 0; margin: 0; }

div.hover-card div.actions div.friend-button-container { display: inline-block; }
div.hover-card div.actions a.dropdown-toggle img { margin-top: 1px; }