/*------------------------------------------------------------------------------------------------------------------
                                          GENERAL STYLES
------------------------------------------------------------------------------------------------------------------*/
.homepage_stats {
  height:auto;
  position:absolute;
}

.homepage_stats .static, .homepage_stats .hover {
  margin-top:5px;
  cursor:pointer;
}

.homepage_stats .hover {
  background: url(../images/black_transparent_bg.png) repeat center center transparent;
  width:auto;
  height:auto;
  display:none;
  position:relative;
}
.homepage_stats .hover .icon {
  background: url(../images/black_transparent_bg.png) repeat center center transparent;
  height:44px;
  width:44px;
}
.homepage_stats .hover p {
  background: url(../images/black_transparent_bg.png) repeat center center transparent;
  font-family:Tahoma, serifSansSerifMonospace;
  font-size:10px;
  line-height:13px;
  color:white;
  padding:8px;
}


.icon img {
  position:absolute;
  left:7px;
  top:7px;
}

.homepage_stats .static {
  z-index: 30;
  cursor:pointer;
}

.homepage_stats .hover {
  z-index: 50;
}

.opacity_10{
  opacity:0.1;
  filter: alpha(opacity = 10);
}

.opacity_50{
  opacity:0.50;
  filter: alpha(opacity = 50);
}

.opacity_25{
  opacity:0.25;
  filter: alpha(opacity = 25);
}

.opacity_15{
  opacity:0.15;
  filter: alpha(opacity = 15);
}

/*------------------------------------------------------------------------------------------------------------------
                                              FOR THE 90 STAT                    
------------------------------------------------------------------------------------------------------------------*/
#ninety_five {
  left:136px;
  top:308px;
  z-index:10;
}

#ninety_five .static {
  background: url(../images/homepage_stats/ninety.png) no-repeat center center transparent;
  width:52px;
  height:36px;
  cursor:pointer;
}

#ninety_five_extra {
  position:absolute;
  right:-23px;
  bottom:-27px;
}

#ninety_five .hover .icon, #ninety_five .hover p {
  position:absolute;
}

#ninety_five .hover .icon {  
  right:55px;
  top:-13px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
}

#ninety_five .hover p {
  top:31px;
  right:-95px;
  width:178px;
  height:auto;  
  border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
}


/*------------------------------------------------------------------------------------------------------------------
                                              FOR THE 392 STAT                    
------------------------------------------------------------------------------------------------------------------*/
#three_ninety_two {
  left:144px;
  top:397px;
}

#three_ninety_two .static {
  background: url(../images/homepage_stats/three_ninety_two.png) no-repeat center center transparent;
  width:79px;
  height:60px;
  cursor:pointer;
}

#three_ninety_two_extra {
  position:absolute;
  right:-118px;
  bottom:5px;
}
#three_ninety_two .hover .icon, #three_ninety_two .hover p {
  position:absolute;
}

#three_ninety_two .hover .icon {
  top:0px;
  left:316px;  
  border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
}

#three_ninety_two .hover p {
  top:0px;
  width:300px;
  height:auto;
  border-radius: 5px 0px 5px 5px;
  -moz-border-radius: 5px 0px 5px 5px;
  -webkit-border-radius: 5px 0px 5px 5px;
}


/*------------------------------------------------------------------------------------------------------------------
                                              FOR THE 170,000 STAT                    
------------------------------------------------------------------------------------------------------------------*/
#one_hundred_seventy_thousand {
  left:277px;
  top:488px;
}

#one_hundred_seventy_thousand .static {
  background: url(../images/homepage_stats/one_hundred_seventy_thousand.png) no-repeat center center transparent;
  width:198px;
  height:75px;
  z-index:1;
  cursor:pointer;
}

#one_hundred_seventy_thousand_extra {
  position:absolute;
  right:59px;
  bottom:-20px;
}
#one_hundred_seventy_thousand .hover p {

}
#one_hundred_seventy_thousand .hover .icon, #one_hundred_seventy_thousand .hover p {
  position:absolute;
}

#one_hundred_seventy_thousand .hover p {
  bottom:75px;
  left:-47px;
  width:354px;
  height:111px !important;  
  border-radius: 5px 5px 5px 0px;
  -moz-border-radius: 5px 5px 5px 0px;
  -webkit-border-radius: 5px 5px 5px 0px;
}

#one_hundred_seventy_thousand .hover p span.icon { 
    position: absolute;
    top: 127px;
    display: block;
    left: 0;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}


/*------------------------------------------------------------------------------------------------------------------
                                          FOR THE 140 thousand STAT                    
------------------------------------------------------------------------------------------------------------------*/
#one_forty {
  left:763px;
  top:370px;
  z-index:17;
}

#one_forty .static {
  background: url(../images/homepage_stats/one_forty.png) no-repeat center center transparent;
  width:104px;
  height:132px;
  cursor:pointer;
}

#one_forty_extra {
  position:absolute;
  right:0px;
  bottom:5px;
}

#one_forty .hover .icon, #one_forty .hover p {
  position:absolute;
}

#one_forty .hover .icon {
  top:-139px;
  left:110px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
}

#one_forty .hover p {
  top:-95px;
  left:110px;
  width:129px;
  height:auto;
  min-height:72px;  
  border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
}


/*------------------------------------------------------------------------------------------------------------------
                                              FOR THE 650  STAT                    
------------------------------------------------------------------------------------------------------------------*/
#six_fifty {
  left:529px;
  top:505px;
  z-index:17;
}

#six_fifty .static {
  background: url(../images/homepage_stats/six_fifty.png) no-repeat center center transparent;
  width:82px;
  height:72px;
  cursor:pointer;
}

#six_fifty .hover .icon, #six_fifty .hover p {
  position:absolute;
}

#six_fifty .hover .icon {
  top:-76px;
  left:241px;
  border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
}

#six_fifty .hover p {
  top:-76px;
  left:86px;
  width:139px;
  height:auto;
  min-height:47px;
  border-radius: 5px 0px 5px 5px;
  -moz-border-radius: 5px 0px 5px 5px;
  -webkit-border-radius: 5px 0px 5px 5px;
}

/*------------------------------------------------------------------------------------------------------------------
                                              FOR THE 28000 STAT                    
------------------------------------------------------------------------------------------------------------------*/
#twenty_eight_k {
  left:380px;
  top:385px;
}

#twenty_eight_k .static {
  background: url(../images/homepage_stats/twenty_eight_k.png) no-repeat center center transparent;
  width:215px;
  height:48px;
  cursor:pointer;
}

#twenty_eight_k_extra {
  position:absolute;
  right:2px;
  bottom:9px;
}

#twenty_eight_k .hover .icon, #twenty_eight_k .hover p {
  position:absolute;
}

#twenty_eight_k .hover .icon {
  top:-6px;
  left:5px;  
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
}

#twenty_eight_k .hover p {
  top:-6px;
  left:49px;
  width:146px;
  height:auto;
  min-height:72px;  
  border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
}


/*------------------------------------------------------------------------------------------------------------------
                                          FOR THE 13.5 million  STAT                    
------------------------------------------------------------------------------------------------------------------*/
#thirteen_point_five {
  right:38px;
  top:95px;
}

#thirteen_point_five .static {
  background: url(../images/homepage_stats/thirteen_point_five.png) no-repeat center center transparent;
  width:90px;
  height:50px;
  cursor:pointer;
}

#thirteen_point_five_extra {
  position:absolute;
  right:1px;
  bottom:-35px;
}

#thirteen_point_five .hover .icon, #thirteen_point_five .hover p {
  position:absolute;
}

#thirteen_point_five .hover .icon {
  top:-105px;
  left:-2px;
  border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
}

#thirteen_point_five .hover p {
  top:-105px;
  left:-193px;
  width:175px;
  height:auto;
  min-height:100px;  
  border-radius: 5px 0px 5px 5px;
  -moz-border-radius: 5px 0px 5px 5px;
  -webkit-border-radius: 5px 0px 5px 5px;
}


/*------------------------------------------------------------------------------------------------------------------
                                              FOR THE 1000 STAT                    
------------------------------------------------------------------------------------------------------------------*/
#one_thousand {
  left:365px;
  top:388px;
  z-index:18;
}

#one_thousand .static {
  background: url(../images/homepage_stats/twentyone-hundred.png) no-repeat center center transparent;
  width:92px;
  height:49px;
  cursor:pointer;
}

#one_thousand_extra {
  position:absolute;
  right:-145px;
  bottom:8px;
}

#one_thousand .hover .icon, #one_thousand .hover p {
  position:absolute;
}

#one_thousand .hover .icon {
  top:-126px;
  left:224px;  
  border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
}

#one_thousand .hover p {
  top:-126px;
  left:-6px;
  width:214px;
  height:auto;
  max-height:65px;  
  border-radius: 5px 0px 5px 5px;
  -moz-border-radius: 5px 0px 5px 5px;
  -webkit-border-radius: 5px 0px 5px 5px;
}


/*------------------------------------------------------------------------------------------------------------------
                                              FOR THE $1.6 billion  STAT                    
------------------------------------------------------------------------------------------------------------------*/
#one_point_thirty_seven {
  left:720px;
  top:249px;
  z-index:19;
}

#one_point_thirty_seven .static {
  background: url(../images/homepage_stats/one_six_billion.png) no-repeat center center transparent;
  width:108px;
  height:87px;
  cursor:pointer;
}

#one_point_thirty_seven .hover .icon, #one_point_thirty_seven .hover p {
  position:absolute;
}

#one_point_thirty_seven .hover .icon {
  top:-143px;
  left:71px;
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
}

#one_point_thirty_seven .hover p {
  top:-143px;
  left:115px;
  width:179px;
  height:auto;
  border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
}
/*------------------------------------------------------------------------------------------------------------------
                                                      CONDITIONS                    
------------------------------------------------------------------------------------------------------------------*/
.ie .homepage_stats .hover {
    background: black;
}
.ie .homepage_stats .hover p {
    background: black;
}
.ie8 .homepage_stats .hover p { behavior: url(/PIE.php); }
.ie .homepage_stats .hover .icon {
    background: black;
}
.ie8 .homepage_stats .hover .icon { behavior: url(/PIE.php); }