#headerAward { background: #D4735E; }
    #headerAward h1 { text-indent: -9999px; background: url('/img/event/2011/logo.gif') no-repeat 50% 50%; height: 90px; }
    
#personalStatsWrapper { background: #DCEAE5; }
#personalStatsWrapper .columns { margin: 0 auto; padding: 25px 0; width: 960px; }
    #personalStatsWrapper .columnProfile { width: 140px; text-align: right; }
        #personalStatsWrapper .columnProfile a.avatar { display: block; width: 75px; height: 75px;margin: 0 0 5px 65px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: inset 0 0px 3px #CCC;-webkit-box-shadow: inset 0 0px 3px #CCC; box-shadow: inset 0 0px 3px #CCC; }
    #personalStatsWrapper .columnProfile p { margin: 0 0 0 0; font-size: 18px; color: #666; }
    #personalStatsWrapper .columnWelcome { margin: 0 0 0 10px; width: 810px; }
    #personalStatsWrapper .columnWelcome p { margin: 0 0 10px 0; font-size: 14px; color: #666;  }    
    #personalStatsWrapper .columnWelcome .shareBtn { margin: 10px 0 0 0; }

    #personalStatsWrapper .columnMenu { margin: 0 20px 0 10px; width: 120px; }
        #personalStatsWrapper .columnMenu h2  { width: 120px; height: 40px; margin: 0; text-indent: -9999px; background: url('/img/event/2011/title.png') no-repeat; }
        #personalStatsWrapper .columnMenu ul li a { background: #EEF5F2; display: block; width: 120px; margin: 0 0 3px 0; padding: 15px 5px 3px 0; color: #8FB1D1; font-size: 15px; text-align: right; }
        #personalStatsWrapper .columnMenu ul li a.focus, #personalStatsWrapper .columnMenu ul li a:hover { background: #8FB1D1; color: #FFF; }
    
    #personalStatsWrapper .columnStats { padding: 40px 0 0 0; width: 670px; }
    #personalStatsWrapper .columnStats div.stats { margin: 0 0 15px 0; }    
    #personalStatsWrapper .columnStats div.stats div.bar { width: 590px; }
    #personalStatsWrapper .shareBtn { text-align: right; }

.channelStatsWrapper { background-color: #F2EFF2; }
#chl_music, #chl_game { background-color: #fbfaf5; }
#chl_community { background-color: #f8fbf8; }
.channelStatsWrapper .columns { margin: 0 auto; padding: 25px 0; width: 960px; }
.channelStatsWrapper .columnChannel { width: 140px; height: 140px; background: #D4735E; position: relative; }
    .channelStatsWrapper .columnChannel h2.channelTitle { position: absolute; bottom: 0; width: 140px; height: 40px; margin: 0; text-indent: -9999px; background: url('/img/event/2011/title.png') no-repeat; }
    .channelStatsWrapper .columnChannel h2.anime { background-position: 0 -40px; }
    .channelStatsWrapper .columnChannel h2.music { background-position: 0 -80px; }
    .channelStatsWrapper .columnChannel h2.book { background-position: 0 -120px; }
    .channelStatsWrapper .columnChannel h2.game { background-position: 0 -160px; }
    .channelStatsWrapper .columnChannel h2.real { background-position: 0 -200px; }                
    .channelStatsWrapper .columnChannel h2.community { background-position: 0 -240px; }    
    
.channelStatsWrapper .columnGrid { margin: 0 0 0 10px; width: 810px; }
    .channelStatsWrapper .columnGrid h3 { font-size: 20px; color: #666; font-weight: normal; margin: 0 0 10px 0; }
    .channelStatsWrapper .columnGrid ul.grid {}
        .channelStatsWrapper .columnGrid ul.grid li { float: left; margin: 0 5px 5px 0; }    
        .channelStatsWrapper .columnGrid ul.grid li span.cover { display: block; width: 130px; height: 130px; background-color: #333; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden; position: relative; }
        .channelStatsWrapper .columnGrid ul.grid li span.cover span.overlay { display: block; width: 130px; height: 130px; 
                        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6');*/
                        background: -webkit-gradient(linear, left 65%, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
                        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 65%,  rgba(0,0,0,0.5));
                        background: -o-linear-gradient(top,  rgba(0,0,0,0) 65%,  rgba(0,0,0,0.5)); }
        .channelStatsWrapper .columnGrid ul.grid li span.cover span.title { position: absolute; bottom: 0; padding: 0 5px 2px 5px; color: #FFF; }
        
        
        .channelStatsWrapper .columnGrid ul.grid li span.avatar { display: block; width: 75px; height: 75px; background-color: #333; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden; position: relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: inset 0 0px 3px #CCC;-webkit-box-shadow: inset 0 0px 3px #CCC; box-shadow: inset 0 0px 3px #CCC; }
        .channelStatsWrapper .columnGrid ul.grid li span.avatar span.overlay { display: block; width: 75px; height: 75px; 
                        background: -webkit-gradient(linear, left 65%, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
                        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 65%,  rgba(0,0,0,0.6));
                        background: -o-linear-gradient(top,  rgba(0,0,0,0) 65%,  rgba(0,0,0,0.5)); }
        .channelStatsWrapper .columnGrid ul.grid li span.avatar span.title { position: absolute; font-size: 11px; bottom: 0; padding: 0 5px 2px 5px; color: #FFF; }
                
        
        .channelStatsWrapper ul.listRank { background: #FAFAFA; margin: 20px 0 0 0; padding: 0; }
            .channelStatsWrapper ul.listRank li { float: left; width: 201px; border-right: 1px solid #FFF; }
            .channelStatsWrapper ul.listRank li dl dt { border-bottom: 1px solid #EEE; background: #D4735E; color: #FFF; margin: 0 0 5px 0; padding: 5px 10px; }
            .channelStatsWrapper ul.listRank li dl dd { width: 190px; height: 20px; padding: 0 0 0 10px; margin: 5px 10px 0 0; overflow: hidden; border-bottom: 1px dotted #EEE; }
        
div.stats {}
div.stats div.label { float: left; width: 70px; text-align: right; }
    div.stats div.label p.type { color: #666; font-size: 13px; margin: 0 0 5px 0; }
    div.stats div.label p.num { color: #D3725E; font-size: 30px; }
    div.stats div.label p.unit { font-size: 10px; color: #D3725E; text-align: right; }    

div.stats div.barWrapper { padding: 16px 0 0 0; height: 30px; margin: 0 0 0 80px; overflow: hidden; }
div.stats div.bar { background: #FFF; width: 100%; height: 30px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
div.stats div.bar div.section { float: left; background: #E38A00; height: 30px; overflow: hidden; }
div.stats div.bar div.section:first-child { -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
div.stats div.bar div.section:last-child { -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; }
div.stats div.bar div.desc { padding: 5px 0 0 10px; line-height: 110%; font-size: 10px; color: #FFF; }