* { margin: 0; padding: 0; }

body { font-family: Arial, Sans-Serif; background: #e5e5e5 url('../images/bg_body.gif') repeat-y 50% 0%; }

h1 { margin: 0 0 7px 0; height: 193px; background: url('../images/bg_header.jpg') no-repeat; position: relative; font-size: 100%; }
h1 span { display: none; }
h1 span.last_update { display: block; position: absolute; right: 0px; bottom: 0px; font-size: 62.5%; color: #fff; color: rgba(255,255,255,0.7); background: rgb(15, 119, 252); background: rgba(15, 119, 252, 0.8); padding: 3px 5px; }

img { border: 0; }

#stage { margin: 7px auto; border: 7px solid #fff; width: 559px; background: #fff url('../images/bg_tabs.png') repeat-x 0px 200px; }

#charts { list-style: none; }
#charts .charts_entry { position: relative; background: url('../images/bg_entry_divider.gif') repeat-x bottom; margin: 0 30px 0 25px; padding: 23px 0 14px 24px; }
#charts .charts_entry h3 { font-size: 87.5%; font-weight: normal; }
#charts .charts_entry h3 a { text-decoration: none; }
#charts .charts_entry h3 span { padding: 0 10px; background: #38c; color: #fff; }
#charts .charts_entry h3 img { margin: 0 20px 7px 0; float: left; }
#charts .charts_entry dl { margin: 10px 0 0 0; font-size: 68.75%; color: #777; }
#charts .charts_entry dt { margin: 0 0 0 10px; width: 75px; float: left; }

#footer { padding: 20px 10px; font-size: 81.25%; background: #fff; color: #757575; text-align: center; }
#footer img { vertical-align: middle; }

ul.nav { margin: 0 auto; border-bottom: 4px solid #3388cc; width: 517px; list-style: none; overflow: hidden; }

ul.nav li { padding: 15px 20px; float: left; font-size: 87.5%; }
ul.nav li.main { background: url('../images/bg_tab_border.gif') no-repeat 100% 50%; }
ul.nav li.filter { padding: 0; }

ul.nav li a { text-decoration: none; color: #4b4b4b; }
ul.nav li.selected a { padding: 15px 0; font-weight: bold; background: url('../images/bg_tab_selected.gif') no-repeat 50% 100%; color: #38c; }
ul.nav li.filter a { font-size: 68.75%; background: url('../images/bg_filter.png') no-repeat 40% 50%; padding: 10px 0 10px 5px; width: 97px; line-height: 26px; margin: 0 0 0 10px; text-align: center; float: left;}
ul.nav li.filter.selected a { background: url('../images/bg_filter_selected.png') no-repeat 40% 50%; padding: 12px 0 8px 5px; }


.rank span, .rank_change span { display: none; }
.rank, .rank_change { font-weight: bold; position: absolute; text-align: right; }
.rank { padding: 0 13px 0 0; width: 84px; height: 44px; line-height: 44px; font-size: 156.25%; left: -94px; top: 21px; background: url('../images/bg_rank.png') no-repeat; color: #9c0;  }
.rank_change { padding: 0 12px 0 0; width: 56px; height: 29px; line-height: 29px; left: -68px; top: 65px; background: url('../images/bg_rank_diff.png') no-repeat; color: #6d6d6d; }

.rank_change .direction_up { padding: 0 0 0 15px; background: url('../images/arrow_up.gif') no-repeat 0 50%; display: inline; }
.rank_change .direction_down { padding: 0 0 0 15px; background: url('../images/arrow_down.gif') no-repeat 0 50%; display: inline; }
.rank_change .direction_same { padding: 0 0 0 15px; background: url('../images/arrow.gif') no-repeat 0 50%; display: inline; }
.rank_change .direction_none { color: #38c; display: inline; }

.rating { clear: both; margin: 0 0 0 12px; }
.rating .stars_empty { margin-top: 1px; width: 64px; height: 10px; background: url('../images/stars_empty_green.gif') no-repeat; }
.rating .stars_empty div { height: 10px; background: url('../images/stars_green.gif') no-repeat; }
.rating .stars_empty span {	display: none; }
.rating .stars_0 { width: 0px; }
.rating .stars_1 { width: 11px; }
.rating .stars_2 { width: 22px; }
.rating .stars_3 { width: 33px; }
.rating .stars_4 { width: 44px; }
.rating .stars_5 { width: 55px; }
.rating .stars_6 { width: 66px; }