.top { width: 100%; float: left; }
.toplist { width: 98%; padding: 1%; border-bottom: 4px dashed #C30102; line-height: 150%; float: left; }
.toprank { width: 8%; color: #C30102; font-size: 70%; font-weight: bold; text-align: left; float: left; }
.topname { width: 77%; color: #C30102; font-size: 150%; font-weight: bold; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; }
.topname a:link { color: #000; text-decoration: none; }
.topname a:active { color: #000; text-decoration: none; }
.topname a:visited { color: #000; text-decoration: none; }
.topname a:hover { color: #C30102; text-decoration: none; }
.toprating { width: 15%; color: #C30102; font-size: 70%; font-weight: bold; text-align: right; float: left; }

.toplist2 { width: 23%; padding: 1%; font-size: 80%; font-weight: bold; float: left; }
@media(max-width: 400px) { .toplist2 { width: 48%; } }
.toplist3 { width: 94%; padding: 3%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #FFF; background-color: #C30102; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; }
.toplist3:hover { color: #C30102;  background-color: #000; }
.center {
    margin: auto;
    width: 50%;
    padding: 10px;
  }
  .center1 {
    margin: auto;
    width: 100%;
    padding: 10px;
    text-align: center;
    border:1px solid black;
  }