#headerAward { background: url('/img/event/bg_header.jpg') repeat-x 50% 0; height: 384px; }
    #headerAward span.overlay { display: block; background: url('/img/event/overlay_header.png') repeat-x; height: 384px; }
    #headerAward div.inner { margin: 0 auto; width: 980px; text-align: center; padding: 155px 0 0 0; }
    
.columnsAward { margin: 0 auto; width: 980px; }

h2.subtitle { color: #C10000; font-size: 15px; font-weight: normal; margin: 0 0 5px 0; padding: 0; border: none; }

#columnInfo { margin: 0 0 0 0; padding: 15px 20px 5px 20px; border-bottom: 1px solid #EEE;
              -moz-box-shadow: 0 0px 5px #CCC;-webkit-box-shadow: 0 0px 5px #CCC; box-shadow: 0 0px 5px #CCC; 
}
div.infoBar,div.infoBar div.percent { background: #999 url('/img/event/bg_film.png') repeat-x; height: 35px; width: 952px; color:#999; }
div.infoBar div.percent { background-color: #C20000; color:#C20000; }
    div.infoBar span.total { display: block; line-height: 25px; font-size: 20px; margin: 5px; background: #FFF; }

div.infoCaption { width: 952px; color:#999; text-align: right; }
    div.infoCaption span.hot { color: #C20000; }

.timeBarOuter small { line-height: 30px; color: #777; padding: 0 5px; } 
.timeBar { display: block; background: #007b43 url('/img/event/bg_time.png') no-repeat 5px 50%; color: #FFF; margin: 0 0 10px 0; padding: 2px 5px 2px 35px; height: 25px; line-height: 25px; 
           -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}

.columnChart { margin: 5px 0; padding: 0; }
#columnChartSubject { margin:0 0 0 0; width: 675px; padding: 10px 0 0 20px; border-right: 1px solid #DDD; }
#columnChartUser { margin:0; padding:0 10px; width: 264px; background: #F9F9F9; }
    #columnChartUser div.side { border: none; padding: 10px 0; border-bottom: 1px solid #DDD; border-top: 1px solid #FFF; }
    #columnChartUser div.side h2 { color: #369CF8; font-size: 13px; line-height: 13px; font-weight: normal; border-left: 2px solid #369CF8; padding: 0 0 0 5px; margin: 0 0 10px 0; }

#columnChartSubject a.outerlink { margin: 0 10px 0 0; }

#columnChartSingle { padding: 0 20px; color: #007BBB; font-size: 13px; line-height: 180%;  }

div.chartList { margin: 0 0 20px 0; }

ul.chartTopList {  }
    ul.chartTopList li { float: left; width: 110px; margin: 0 15px 0 0; padding: 0 10px 0 0; line-height: 120%; }
    ul.chartTopList li span.image,ul.chartSecList li span.image { position: relative; display: block; }
            ul.chartTopList li span.image span.badge { position: absolute; bottom:-2px; right: 0; background: #ba2636; color: #FFF; font-size: 10px; line-height: 10px; padding:2px 5px;
                                                       -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
    ul.chartTopList li img.cover { margin: 0 0 5px 0; }
    
ul.chartSecList {}
    ul.chartSecList li { float: left; width: 135px; }
        ul.chartSecList li span.image span.badge { position: absolute; left: -2px; background: #ba2636; color: #FFF; font-size: 10px; line-height: 10px; padding:2px 5px;
                                                       -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }    
        ul.chartSecList li div.inner { height: 55px; width: 70px; overflow: hidden; }
        
#columnChartUser ul.timeline li { margin: 0; padding: 3px 0 3px 12px; }
#columnChartUser ul.timeline li:last-child { border: none; }