/**
*
* @package phpBB Extension - Top Stats
* @copyright (c) 2015 dmzx - http://www.dmzx-web.net
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http://www.phpbb3bbcodes.com
*
*/

dl.starimg {
   background-image: url("./images/announce.png");
   background-repeat: no-repeat;
   
}

table {
    border-collapse: separate;
    border-spacing: 0px; /* cellspacing */
    *border-collapse: expression('separate', cellSpacing = '10px');
}

table td, table th {
    padding: 0px; /* cellpadding */
}

.stats_left {
   padding-right: 2px;
   width: 50%;
   vertical-align: top;   
}

.stats_right {
   padding-left: 2px;
   width: 50%;
   vertical-align: top;   
}

a.stats_topic_title {
   font-size: 1.1em;
   padding-left: 6px;
}

span.stats_name {
   float: left;
   padding-left: 6px;
   font-size: 1.1em;   
}

span.stats_author {
   padding-left: 6px;
}

span.stats_info {
   float: right;
   width: 120px;
   text-align: center;
   font-size:1.1em;   
}

span.stats_date {
   float: right;
   width: 220px;
   text-align: center;
   font-size:1.1em;
   padding-left: 65px;
}

dd.lastpost {
   display: inline-block;
}

.recy {
   display: inline !important;
}

/* .starimg aligns the columns after adding scroll bar */

 dl.starimg {
	margin-right: -16px !important;
}

/* firefox */ noindex:-o-prefocus, #vertical-ticker li {   height: 44px; }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #vertical-ticker li  { height: 42px;  }
}

just to show you can go as much as you like here is 9 rows in firefox

/* opera */
noindex:-o-prefocus, #vertical-ticker li {
  height: 42px;
}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
   span.stats_name {
      width: 100%;
      text-align: center;
   }
   span.stats_info {
      display: none;
   }
   span.stats_date {
      display: none;
   }
}
  
#fountainG{
	position:relative;
	width:150px;
	height:10px;
	margin:auto;
}

.fountainG{
	position:absolute;
	top: 2px;
	background-color:rgb(0,0,0);
	width:10px;
	height: 5px;
	margin-top: 3px !important;
	
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.9s;
		-o-animation-duration:1.9s;
		-ms-animation-duration:1.9s;
		-webkit-animation-duration:1.9s;
		-moz-animation-duration:1.9s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}

#fountainG_1{
	left:10px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#fountainG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#fountainG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#fountainG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#fountainG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#fountainG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	transform:scale(.3);
		background-color:transparent;
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-o-transform:scale(.3);
		background-color:transparent;
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:transparent;
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:transparent;
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:transparent;
	}
}

.cchat {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.cchat::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.list-inner2 {
    align-items: center;
    justify-content: center;
	margin-top: 2px;
	margin-bottom: 7px;
	font-size: 11px;
}