/* the parent div that surrounds the bubbles */
#glance{
	width: 100%;
	height: 286px;
	position: relative;
	overflow: hidden;
	/*display:none;*/
	margin-top:0%;
}

/* a single data item, inside will be a bubble image, number text and label */
.glance_data{
/*	height: 80px;
	width: 100%;*/
	position: absolute;
}

/* the div with the bubble inside */
/*
.glance_data div.bubble{			
	height: 35px;			
	width: 35px;
	float:left;
	left:0px;
	position: absolute;
}
*/

/* the img tag inside the div */
.glance_data div.bubble img{
	width:100%;
    height:100%;
}

/* the number that appears inside the bubble */
.glance_data div.number{			
/*	text-align: center;			
	font-size:1.2em;
	height: 17px;			
	width: 20px;
	position: absolute;
	top:5px;
	left:0px;
	letter-spacing: .02px;
	text-align: right;*/
/* 	background:#00a261; */
	/*color:#00a261;*/
/* 	border-radius: 50%; */
/* 	padding:18px 25px 25px 15px; */
}

/* the text that appears to the right of the bubble */
.glance_data div.text{
	width:80%;
	height:20px;
	overflow: hidden; 
	text-overflow: ellipsis;
	padding-top: 6px;
	margin-left: 6px;
	font-family: arial;
	font-size: 1em;; 
	color: #7f7f7f;
	float:left;
	position: absolute;
	left: 75px;
	letter-spacing: .01px;
	/*font-style: italic;*/
	
}

.glance_data .bubble img{
	display: none;
}

.glance_data div.text a{
	color: #535353;

}

/* positions for the 4 bubbles */
#glance_data1{
	top: 2px;
	left: 20px;
}
#glance_data2{
	top:99px;
	left: 0px;
}
#glance_data3{
	top: 191px;
	left: 30px;
}
#glance_data4{
	top: -35;
	left: 275px;
}