#rank-footer{font-size:10px;text-align:left;padding:8px 0 0 0;margin-top:8px;}

#noScriptWarning{font-family:sans-serif;position:fixed;top:0;width:100%;zindex:101;text-align:center;font-weight:bold;font-size:120%;color:#ffffff;background:#ae0000;padding:5px 0 5px 0;}
#noScriptPadding{padding-top:24px;}
table.RankTable{color:#a5a5a5c7;border:1px solid #444444;margin-top:8px;}
table.RankTable th{color:#dddddd;border-left:1px solid #444444;border-bottom:1px solid #444444;padding:6px 5px;background:#222222;}
table.RankTable td{padding:5px;border-bottom:1px solid #444444;background:#000000;}
table.RankTable th a{color:#dddddd;text-decoration:underline;}
table.RankTable th a:visited{color:#dddddd;text-decoration:underline;}
table.RankTable th a:hover{color:#ffff00;text-decoration:underline;}
table.RankTable th a:active{color:#dddddd;text-decoration:underline;}
table.CharStatTable th{font-size:10px;color:#dddddd;border-left:1px solid #444444;border-bottom:1px solid #444444;padding:6px 5px;text-align:center;background:#222222;}
table.CharStatTable td{font-size:10px;padding:5px;border-bottom:1px solid #444444;background:#000000;}
div.pagination{text-align:left;padding:4px 0 0 0;}
div.pagination a{font-size:11px;color:#e4e4e4;text-decoration:none;padding:0 4px 0 4px;margin:0 2px;}
div.pagination a.selected{background:#e8be20;color:#ffffff;border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;}
div.pagination a:hover{background:#ffff00;color:#000000;border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;}
div.pagination span.overview{float:left;color:#e4e4e4;}
.RankIcon{background:url("../images/rank/ranks.png") repeat scroll 0 0 transparent;background-repeat:no-repeat;display:inline-table;height:16px;width:32px;cursor:pointer;}
.Rank01{background-position:0px 0px;}
.Rank02{background-position:0px -32px;}
.Rank03{background-position:0px -64px;}
.Rank04{background-position:0px -96px;}
.Rank05{background-position:0px -128px;}
.Rank06{background-position:0px -160px;}
.Rank07{background-position:0px -192px;}
.Rank08{background-position:0px -224px;}
.Rank09{background-position:0px -256px;}
.Rank10{background-position:0px -288px;}
.Rank11{background-position:0px -320px;}
.Rank12{background-position:0px -352px;}
.Rank13{background-position:0px -384px;}
.Rank14{background-position:0px -416px;}
.Rank15{background-position:0px -448px;}
.Rank16{background-position:0px -480px;}
.Rank17{background-position:0px -512px;}
.Rank18{background-position:0px -544px;}
.Rank19{background-position:0px -576px;}
.Rank20{background-position:0px -608px;}
.Rank21{background-position:0px -640px;}
.Rank22{background-position:0px -672px;}
.Rank23{background-position:0px -704px;}
.Rank24{background-position:0px -736px;}
.Rank25{background-position:0px -768px;}
.Rank26{background-position:0px -800px;}
.Rank27{background-position:0px -832px;}
.Rank28{background-position:0px -864px;}
.Rank29{background-position:0px -896px;}
.Rank30{background-position:0px -928px;}
.Rank31{background-position:0px -960px;}
.Rank32{background-position:0px -992px;}
.Rank33{background-position:0px -1024px;}
.ClassIcon{background:url("classes.png") repeat scroll 0 0 transparent;background-repeat:no-repeat;display:inline-table;height:16px;width:16px;cursor:pointer;}
.Fighter{background-position:0px 0px;}
.Warrior{background-position:0px 0px;}
.Defender{background-position:-16px 0px;}
.Guardian{background-position:-16px 0px;}
.Ranger{background-position:-32px 0px;}
.Assassin{background-position:-32px 0px;}
.Priest{background-position:-48px 0px;}
.Oracle{background-position:-48px 0px;}
.Mage{background-position:-64px 0px;}
.Pagan{background-position:-64px 0px;}
.Archer{background-position:-80px 0px;}
.Hunter{background-position:-80px 0px;}
.left{float:left;}
.right{float:right;}
.title{margin:8px 0;}
.AoL{background:#cccccc;width:100%;height:100%;display:block;border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;}
.UoF{background:#333333;width:100%;height:100%;display:block;border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;}
.CharName{cursor:pointer;}
.CharName:hover{color:#ffff00;}
.GearStat{color:#ffff00;font-size:10px;}
.Online{color:#00b910;}
.Offline{color:#e00000;}
.Bold{font-weight:bold;}
.ajaxLoaderContainer {height:100px;width:200px;position:relative;background:#000000;}
.ajaxLoader{width:32px;height:32px;position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px;display:block;background:url("./ajax-loader.gif");background-repeat:no-repeat;}




#rankingsForm {
    border: solid 1px #e4d04c;
    width: 100%;
    float: left;
    position: relative;
    padding: 2em;
    border-radius: 5px;
    box-shadow: inset 0 0 0 700px rgba(14, 9, 5, 0.88);
    text-align: center;
}


#rank-footer {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 2em;
}

@media screen and (min-width: 500px) {
    #tudo-div {
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-top: 50px;
    }
    
    #rankingsForm {
        padding: 3em;
    }

}

/* fim de novas css By Dexter Valentin */