@-webkit-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}


#accountLevel{
	width:150px;
	font-family:Arial;
	
	

}

#accountLevel .progressBar {
	width:80px;
	background-color:#CCC;
	height:6px;
	
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeIn;
}

#accountLevel .progressBar .progress {
	width:50%;
	background-color:#82B34F;
	height:6px;
}

#accountLevelContainer {
	position:relative;
	text-transform:uppercase;
	font-size: 10px;
	margin-top:25px;
	cursor:pointer;
}


#progressInfo {
	visibility:hidden;
	position:absolute;
	z-index:1000;
	top:30px;
	left:-50px;
	width:200px;
	background-color:#FFF;
	border-color:#FEF5ED;
	border-style:solid;
	border-width:1px;
	box-shadow:	0 4px 6px rgba(0, 0, 0, 0.2);
	visibility: hidden;
}


#progressInfo .arrow{
	background-image:url(/images/arrow.png);
	position:relative;
	top:-9px;
	width:18px;
	height:9px;
	left:70px;
}