@charset "utf-8";
/* CSS Document */

#button {
width:150px;
height:23px;
display:block;
font-family:Arial, "Helvetica", sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
text-shadow:1px 1px 0px #6e6607;
padding-top:12px;
margin:10px auto 15px;
left:20px;
position:relative;
cursor:pointer;

-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

}

#button:active {
top:3px;

}

#button:before {
width:35px;
height:25px;
display:block;
position:absolute;
padding-top:10px;
top:0px;
margin-left:-37px;
font-size:16px;
font-weight:bold;
text-shadow:1px 1px 0px #6e6307;


-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}

#button:active:before {
top:-3px;

}

.one {
background-image: linear-gradient(bottom, rgb(236,188,22) 0%, rgb(181,144,17) 100%);
background-image: -o-linear-gradient(bottom, rgb(236,188,22) 0%, rgb(181,144,17) 100%);
background-image: -moz-linear-gradient(bottom, rgb(236,188,22) 0%, rgb(181,144,17) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(236,188,22) 0%, rgb(181,144,17) 100%);
background-image: -ms-linear-gradient(bottom, rgb(236,188,22) 0%, rgb(181,144,17) 100%);
border-left:solid 1px #ecce2a;
-webkit-box-shadow: inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #6e6307, 0px 10px 5px #494949;
-moz-box-shadow: inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #6e6307, 0px 10px 5px #494949;
-o-box-shadow: inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #6e6307, 0px 10px 5px #494949;
box-shadow: inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #6e6307, 0px 10px 5px #494949;
}
.two {
background-image: linear-gradient(bottom, rgb(234,234,234) 0%, rgb(185,185,185) 100%);
background-image: -o-linear-gradient(bottom, rgb(234,234,234) 0%, rgb(185,185,185) 100%);
background-image: -moz-linear-gradient(bottom, rgb(234,234,234) 0%, rgb(185,185,185) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(234,234,234) 0%, rgb(185,185,185) 100%);
background-image: -ms-linear-gradient(bottom, rgb(234,234,234) 0%, rgb(185,185,185) 100%);
border-left:solid 1px #ebebe8;
-webkit-box-shadow: inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #6b6b68, 0px 10px 5px #494949;
-moz-box-shadow: inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #6b6b68, 0px 10px 5px #494949;
-o-box-shadow: inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #6b6b68, 0px 10px 5px #494949;
box-shadow: inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #6b6b68, 0px 10px 5px #494949;
}
.three {
background-image: linear-gradient(bottom, #cc8c3f 0%, rgb(181,110,17) 100%);
background-image: -o-linear-gradient(bottom, #cc8c3f 0%, rgb(181,110,17) 100%);
background-image: -moz-linear-gradient(bottom, #cc8c3f 0%, rgb(181,110,17) 100%);
background-image: -webkit-linear-gradient(bottom, #cc8c3f 0%, rgb(181,110,17) 100%);
background-image: -ms-linear-gradient(bottom, #cc8c3f 0%, rgb(181,110,17) 100%);
border-left:solid 1px #ecaa2a;
-webkit-box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #6e5207, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #6e5207, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #6e5207, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #6e5207, 0px 10px 5px #494949 ;
}
.rankout {
background-image: linear-gradient(top, #292723 0%, #59554c 100%);
background-image: -o-linear-gradient(top, #292723 0%, #59554c 100%);
background-image: -moz-linear-gradient(top, #292723 0%, #59554c 100%);
background-image: -webkit-linear-gradient(top, #292723 0%, #59554c 100%);
background-image: -ms-linear-gradient(top, #292723 0%, #59554c 100%);
border-left:solid 1px #7b756a;
-webkit-box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #3a3732, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #3a3732, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #3a3732, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #3a3732, 0px 10px 5px #494949 ;
}

.one:active {
-webkit-box-shadow: inset 0px 1px 0px #ecc12a, 0px 2px 0px 0px #6e6307, 0px 5px 3px #494949;
-moz-box-shadow: inset 0px 1px 0px #ecc12a, 0px 2px 0px 0px #6e6307, 0px 5px 3px #494949;
-o-box-shadow: inset 0px 1px 0px #ecc12a, 0px 2px 0px 0px #6e6307, 0px 5px 3px #494949;
box-shadow: inset 0px 1px 0px #ecc12a, 0px 2px 0px 0px #6e6307, 0px 5px 3px #494949;
}
.two:active {
-webkit-box-shadow: inset 0px 1px 0px #e9e6d9, 0px 2px 0px 0px #6c6b64, 0px 5px 3px #494949;
-moz-box-shadow: inset 0px 1px 0px #e9e6d9, 0px 2px 0px 0px #6c6b64, 0px 5px 3px #494949;
-o-box-shadow: inset 0px 1px 0px #e9e6d9, 0px 2px 0px 0px #6c6b64, 0px 5px 3px #494949;
box-shadow: inset 0px 1px 0px #e9e6d9, 0px 2px 0px 0px #6c6b64, 0px 5px 3px #494949;
}
.three:active {
-webkit-box-shadow: inset 0px 1px 0px #e8a31e, 0px 2px 0px 0px #6b470d, 0px 5px 3px #494949;
-moz-box-shadow: inset 0px 1px 0px #e8a31e, 0px 2px 0px 0px #6b470d, 0px 5px 3px #494949;
-o-box-shadow: inset 0px 1px 0px #e8a31e, 0px 2px 0px 0px #6b470d, 0px 5px 3px #494949;
box-shadow: inset 0px 1px 0px #e8a31e, 0px 2px 0px 0px #6b470d, 0px 5px 3px #494949;
}
.rankout:active {
-webkit-box-shadow: inset 0px 1px 0px #e5ded4, 0px 2px 0px 0px #34322e, 0px 5px 3px #494949;
-moz-box-shadow: inset 0px 1px 0px #e5ded4, 0px 2px 0px 0px #34322e, 0px 5px 3px #494949;
-o-box-shadow: inset 0px 1px 0px #e5ded4, 0px 2px 0px 0px #34322e, 0px 5px 3px #494949;
box-shadow: inset 0px 1px 0px #e5ded4, 0px 2px 0px 0px #34322e, 0px 5px 3px #494949;
}
.one:before {
content:"1";
color:#eade8f;
background-image: linear-gradient(bottom, rgb(125,110,10) 0%, rgb(184,174,14) 100%);
background-image: -o-linear-gradient(bottom, rgb(125,110,10) 0%, rgb(184,174,14) 100%);
background-image: -moz-linear-gradient(bottom, rgb(125,110,10) 0%, rgb(184,174,14) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(125,110,10) 0%, rgb(184,174,14) 100%);
background-image: -ms-linear-gradient(bottom, rgb(125,110,10) 0%, rgb(184,174,14) 100%);
-webkit-box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 0px 10px 5px #494949 ;
border-right:solid 1px #6e6307;
}

.two:before {
content:"2";
color:#e2dfce;
background-image: linear-gradient(bottom, rgb(118,117,109) 0%, rgb(188,188,182) 100%);
background-image: -o-linear-gradient(bottom, rgb(118,117,109) 0%, rgb(188,188,182) 100%);
background-image: -moz-linear-gradient(bottom, rgb(118,117,109) 0%, rgb(188,188,182) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(118,117,109) 0%, rgb(188,188,182) 100%);
background-image: -ms-linear-gradient(bottom, rgb(118,117,109) 0%, rgb(188,188,182) 100%);
-webkit-box-shadow:inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #353530, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #353530, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #353530, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #eceae5, 0px 5px 0px 0px #353530, 0px 10px 5px #494949 ;
border-right:solid 1px #71716e;
}

.three:before {
content:"3";
color:#eacb8f;
background-image: linear-gradient(bottom, rgb(125,83,10) 0%, rgb(184,118,14) 100%);
background-image: -o-linear-gradient(bottom, rgb(125,83,10) 0%, rgb(184,118,14) 100%);
background-image: -moz-linear-gradient(bottom, rgb(125,83,10) 0%, rgb(184,118,14) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(125,83,10) 0%, rgb(184,118,14) 100%);
background-image: -ms-linear-gradient(bottom, rgb(125,83,10) 0%, rgb(184,118,14) 100%);
-webkit-box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #342309, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #342309, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #342309, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #eca12a, 0px 5px 0px 0px #342309, 0px 10px 5px #494949 ;
border-right:solid 1px #6e5007;
}

.rankout:before {
color:#847b6a;
background-image: linear-gradient(bottom, #241803 0%, #43413f 100%);
background-image: -o-linear-gradient(bottom, #241803 0%, #43413f 100%);
background-image: -moz-linear-gradient(bottom, #241803 0%, #43413f 100%);
background-image: -webkit-linear-gradient(bottom, #241803 0%, #43413f 100%);
background-image: -ms-linear-gradient(bottom, #241803 0%, #43413f 100%);
-webkit-box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #000000, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #000000, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #000000, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #e5ded4, 0px 5px 0px 0px #000000, 0px 10px 5px #494949 ;
border-right:solid 1px #241803;
}
.four:before {
content:"4";
}
.five:before {
content:"5";
}
.one:active:before {
-webkit-box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 1px 1px 0px 0px #645804, 2px 2px 0px 0px #645804, 2px 5px 0px 0px #645804, 6px 4px 2px #8b7a0b, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 1px 1px 0px 0px #645804, 2px 2px 0px 0px #645804, 2px 5px 0px 0px #645804, 6px 4px 2px #8b7a0b, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 1px 1px 0px 0px #645804, 2px 2px 0px 0px #645804, 2px 5px 0px 0px #645804, 6px 4px 2px #8b7a0b, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #ecc12a, 0px 5px 0px 0px #3a3503, 1px 1px 0px 0px #645804, 2px 2px 0px 0px #645804, 2px 5px 0px 0px #645804, 6px 4px 2px #8b7a0b, 0px 10px 5px #494949 ;
}
.two:active:before {
-webkit-box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #353530, 1px 1px 0px 0px #605f54, 2px 2px 0px 0px #605f54, 2px 5px 0px 0px #605f54, 6px 4px 2px #8c8b84, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #353530, 1px 1px 0px 0px #605f54, 2px 2px 0px 0px #605f54, 2px 5px 0px 0px #605f54, 6px 4px 2px #8c8b84, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #353530, 1px 1px 0px 0px #605f54, 2px 2px 0px 0px #605f54, 2px 5px 0px 0px #605f54, 6px 4px 2px #8c8b84, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #353530, 1px 1px 0px 0px #605f54, 2px 2px 0px 0px #605f54, 2px 5px 0px 0px #605f54, 6px 4px 2px #8c8b84, 0px 10px 5px #494949 ;
}
.three:active:before {
-webkit-box-shadow:inset 0px 1px 0px #eaa727, 0px 5px 0px 0px #342309, 1px 1px 0px 0px #62491a, 2px 2px 0px 0px #62491a, 2px 5px 0px 0px #62491a, 6px 4px 2px #8a650b, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #eaa727, 0px 5px 0px 0px #342309, 1px 1px 0px 0px #62491a, 2px 2px 0px 0px #62491a, 2px 5px 0px 0px #62491a, 6px 4px 2px #8a650b, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #eaa727, 0px 5px 0px 0px #342309, 1px 1px 0px 0px #62491a, 2px 2px 0px 0px #62491a, 2px 5px 0px 0px #62491a, 6px 4px 2px #8a650b, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #eaa727, 0px 5px 0px 0px #342309, 1px 1px 0px 0px #62491a, 2px 2px 0px 0px #62491a, 2px 5px 0px 0px #62491a, 6px 4px 2px #8a650b, 0px 10px 5px #494949 ;
}
.rankout:active:before {
-webkit-box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #000000, 1px 1px 0px 0px #2a2924, 2px 2px 0px 0px #2a2924, 2px 5px 0px 0px #2a2924, 6px 4px 2px #23201c, 0px 10px 5px #494949 ;
-moz-box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #000000, 1px 1px 0px 0px #2a2924, 2px 2px 0px 0px #2a2924, 2px 5px 0px 0px #2a2924, 6px 4px 2px #23201c, 0px 10px 5px #494949 ;
-o-box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #000000, 1px 1px 0px 0px #2a2924, 2px 2px 0px 0px #2a2924, 2px 5px 0px 0px #2a2924, 6px 4px 2px #23201c, 0px 10px 5px #494949 ;
box-shadow:inset 0px 1px 0px #eae6d7, 0px 5px 0px 0px #000000, 1px 1px 0px 0px #2a2924, 2px 2px 0px 0px #2a2924, 2px 5px 0px 0px #2a2924, 6px 4px 2px #23201c, 0px 10px 5px #494949 ;
}

.ranking{
	text-align:right;
}