body{
background: black url(../images/leaderBoardPage/leaderBG.jpg) top center no-repeat;
}

#wrapper{
margin:0 auto;
padding:0;
width:800px;
height:auto;
}

#content{
margin:0 auto;
padding:0;
width:781px;
}

#bottom{
margin:0;
padding:0;
width:781px;
height:53px;
background: url(../images/leaderBoardPage/bottomBG_781x53.png) no-repeat;
}

#tile{
margin:0;
padding:0;
width:781px;
height:auto;
background: url(../images/leaderBoardPage/tile_781x1.png) repeat-y;
}

#nameAndSelect{
margin:0;
padding:0;
width:781px;
height:140px;
background:url(../images/leaderBoardPage/nameAndSelect_781x184.png) no-repeat;
}

h1.gametab{
font-size: 4.0em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
float:left;
display:inline;
margin:50px 0 0 20px;
text-transform: uppercase;
}

#gameSelect{
margin:0;
padding:0;
width:325px;
height:131px;
float:right;
display:inline;
}

.froggrocket{
background: url(../images/leaderBoardPage/gameSelectBG_325x131.png) no-repeat;
}

.airvoltar{
background:url(../images/leaderBoardPage/gameSelectAirVoltarBG_325x131.png) no-repeat;
}

.memorymastermind{
background:url(../images/leaderBoardPage/gameSelectMemoryMastermindBG_325x131.png) no-repeat;
}

.clickclickdoom{
background:url(../images/leaderBoardPage/gameSelectClickClickDoomBG_325x131.png) no-repeat;
}

#gameSelect #game, #gameSelect #activeMonth{
float:right;
display:inline;
width:175px;
margin:0 10px 0 0;
}

span.gametab{
font-size: 2.5em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
float:right;
display:inline;
margin:5px 10px 0 40px;
}

#gameSelect a.gameSelectLink{
font-size: 1.8em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
float:right;
margin:5px 10px 0 80px;
display:inline;
}

.leaderScore{
display: block;
background: url(../images/leaderBoardPage/scoreBG_102x33.png) no-repeat;
width:102px;
height:33px;
margin:0;
padding:0;
text-align: center;
color:white;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1.1em;
line-height: 33px;
vertical-align: middle;
}

/* TOP THREE LEADERS STYLES */
#top_1_3{
background: url(../images/leaderBoardPage/top_1_3BG_712x412.png) no-repeat;
margin:0 auto;
padding:0;
width:712px;
height:422px;
}

#top_1_3 .leaderRank{
font-size: 4.5em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
}

div#top_1_3 a{
color:white;
text-decoration: none;
padding:2px 1px 0 0;
}

div#top_1_3 a:hover{
color: #6bb041;
}

/* FIRST PLACE */

#leader_1 span.leaderRank{
float:left;
display:inline;
margin:0 0 0 15px;
}

#leader_1 span.lvlIcon{
float:left;
display:inline;
overflow: hidden;
color:white;
font-size: 1.2em;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
}

#leader_1 span.lvlIcon img{
vertical-align:bottom;
}

#leader_1{
margin:0;
padding:0; 
float:left;
display:inline;
height:412px;
width:239px;
}

#leader_1 a.leaderImage{
background: url(../images/leaderBoardPage/leader_1_AvatarBG_102x123.png) center no-repeat;
width:239px;
height:239px;
margin:0 0 20px 0;
padding:0;
text-align: center;
display: block;
}

#leader_1_avatarName{
margin:45px 0 0 0;
padding:0;
float:left;
display:inline;
width:445px;
height:66px;
color: white;
font-size: 1.9em;
font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
}

#leader_1 span.leaderScoreTitle{
padding:5px 0 0 5px;
font-size: 1.9em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
margin:0 0 0 30px;
float:left;
display: inline;
}

#leader_1 span.leaderScore{
float:left;
display: inline;
}

#leader_1 span.addFriend{
font-size: 1.9em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
text-align: center;
cursor: pointer;
}

#leader_1 span.block{
text-align:center;
display:block;
padding:5px 0;
}

/* SECOND AND THIRD PLACE */

.leader_3{
background: url(../images/leaderBoardPage/leader_3BG_451x146.png) no-repeat;
margin:0 0 10px 0;
padding:0;
width:451px;
height:146px;
float:right;
display:inline;
}

.leader_3 ul{
width:54px;
height:146px;
margin:0;
padding:0;
list-style: none;
float:left;
}

.leader_3 li{
width:54px;
margin:0;
padding:0;
text-align: center;
}

.leader_3 .leaderLevel{
color:white;
font-size: 1.2em;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: right;
}

.leader_3 .leaderImage{
background: url(../images/leaderBoardPage/leader_2-3_AvatarBG_64x77.png) center no-repeat;
margin:0;
padding:0;
width:105px;
height:146px;
text-align: center;
float:left;
}

.leader_3 .leaderName{
width:285px;
height:45px;
color: white;
font-size: 1.3em;
font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
float:left;
display: inline;
margin:30px 0 0 5px;
}

.leader_3 .leaderScore{
float:left;
display:inline;
}

.leader_3 span.leaderScoreTitle{
padding:5px 0 0 0;
margin:0 5px 0 5px;
font-size: 1.9em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
float:left;
display:inline;
}

#top_1_3 .leader_3 span.addFriend{
font-size: 1.9em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
text-align: center;
display: inline-block;
margin:0 0 0 10px;
padding:5px 0 0 0;
float:left;
cursor: pointer;
}

/* FOURTH TO TENTH PLACE */

ul.leader_10{
background: url(../images/leaderBoardPage/leader_10BG_681x54.png) no-repeat;
margin:0 auto;
padding:0;
width:681px;
height:54px;
list-style: none;
}

.leader_10 li{
list-style: none;
margin:0;
padding:0;
display: inline;
float:left;
}

ul.leader_10 .leaderRankS{
font-size: 45px;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
width:38px;
padding:0 0 0 0;
margin:0 5px 0 5px;
text-align: center;
height:54px;
}

ul.leader_10 .lvlIcon{
padding:0;
overflow:hidden;
height:54px;
}

ul.leader_10 .lvlIcon img{
margin:0;
}

ul.leader_10 .leaderLevel{
color:white;
font-size: 1.2em;
font-weight: bold;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding:30px 0 0 0;
width:15px;
}

ul.leader_10 .leaderName{
display: block;
height:40px;
width:300px;
margin:5px 5px 0 20px;
}

ul.leader_10 .leaderName a{
color: white;
font-size: 1.3em;
font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

ul.leader_10 .leaderName a:hover{
color: #6bb041;
}

ul.leader_10 .leaderScoreTitle{
padding:0;
margin:15px 5px 0 0;
font-size: 1.9em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
float:left;
display:inline;
}

ul.leader_10 .leaderScore{
margin:10px 0 0 0;
}

ul.leader_10 li.addFriend{
margin:15px 0 0 5px;
}

ul.leader_10 span.addFriend{
font-size: 1.9em;
color: #5CF50A;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
cursor: pointer;
}

/* moreLess Button */
div.moreLess{
font-size: 1.4em;
text-align: center;
color: #346e4a;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
padding:8px 0 0 0;
float:right;
display:inline;
margin:10px 45px 0 0;
background: url(../images/leaderBoardPage/moreLessBG_77x37.png) center no-repeat;
height:27px;
width:77px;
}


/* ELEVEN TO WHATEVER */
#top_11_all{
padding:0;
margin:10px auto 0 auto;
width:690px;
height:auto;
border-collapse: collapse;
color:white;
font-size:1.2em;
font-family: Arial, Helvetica, Verdana, sans-serif;

}

#top_11_all tr{
height:25px;
}

#top_11_all th{
background: #75bf45;
}

#top_11_all td{
border-bottom: 1px solid #62a542;
}

#top_11_all .leaderRank{
text-align: center;
width:35px;
}

#top_11_all .leaderName{
width:285px;
text-align: left;
}

#top_11_all .leaderName a{
color:white;
text-decoration: none;
}

#top_11_all .leaderName a:hover{
color: #6bb041;
}


#top_11_all .leaderLevel{
width:70px;
text-align: center;
}

#top_11_all .leaderScoreS{
width:90px;
text-align: center;
}