@charset "UTF-8";
/* CSS Document */

.mainToolTip h2 {
	font-size: 1.15em;
}

.mainToolTip p {
	margin: 0.5em 0 1em;
	line-height: 1.5;
}

.mainToolTip span.number {
	font-weight:bold;	
}

.mainToolTip span.change {
	color: #CCC;
	font-size: 1.75em;
	padding-left: 5px;
}

.wax-tooltip {
	width: 280px;
}

.wax-legends {
	left:15px;
	right: 0px;
}

.graphContainer {
	border-top: 2px #660033 solid;
	background-color: #F4F4F4;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    min-height: 20px;
    padding: 0 30px 10px 30px;
}

#mainFlotGraph {
	width:100%;
	height: 80px;
	margin: 0 auto;
}

#graphTooltip {
	height:50px;
	position:relative;
	left: -25px;	
}

#tooltip {
	color: #000 !important;
/*	text-shadow: #000 0px 1px 1px !important;*/
	padding: 10px !important;
/*	background-color: #996680 !important;*/
/*	background:rgba(40,40,40,.90);*/
/*    border: 1px solid rgba(0, 0, 0, 0.05) !important;*/
/*    border-radius: 4px 4px 4px 4px !important;*/
/*    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset !important;*/
    margin-bottom: 20px !important;
	display: table-cell !important;
	vertical-align: middle !important;
	z-index: 1000;
	margin-top:10px !important;
/*	opacity: 0.35;*/
	position:relative;
}

#graphTooltip .no-tooltip p {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    padding: 10px;
}

#tooltip h2 {
	font-size: 1.35em;
	margin: 0 0 0.25em 0;	
}

#tooltip p {
}

#tooltip .graphTooltip{
	color:#fff;
}

span.bigNumber{
	font-weight:bold;
	font-size:16px;
}