div.i-top-meter
{
    margin:0px auto 0px auto;padding:0;width:534px;
}
.i-top-meter-tit
{
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
    background: #596D82;
    text-indent: 6px;
    border-radius: 3px 3px 0 0;
    margin-top: 0px;
    position: relative;
    z-index: 100;
}
.i-top-meter-holder
{
    background: #101a1f;
    height: 43px;
    overflow: hidden;
    position: relative;
    margin-top: -4px;
    z-index: 50;
}
.i-top-meter-holder > canvas
{
    background-color:transparent;margin:0;padding:0;position:relative;
    /*margin-left:124px;*/
    margin-left:98px;
    border:1px solid transparent;z-index:600;
}
.i-top-meter-holder > span
{
    display:block;
    color:#FDA921;
    margin:0;
    padding:0;
    width:95px;
    height:40px;
    background-color:#101a1f;
    line-height:45px;
    font-size:32px;
    padding-left:5px;
    text-align:right;
    position:absolute;
    top:45px;
    z-index:400;
}
.i-top-meter-holder > span.small
{
    /*
    padding-left:0px;
    width:49px;
    font-size:16px;
    line-height:27px;
    height:45px;
    */
    font-size:11px;
    height:11px;
    line-height:11px;
    width:28px;
    top:48px;
}
div.i-top-meter-bg
{
    background-color:#374850;width:859px;height:15px;position:relative;top:-44px;left:125px;z-index:400;
}
div.i-top-meter-bg.small, div.i-top-meter-bg-fixed.small
{
    width:472px;left:49px;
}
div.i-top-meter-meter
{
    width:0px;height:15px;position:relative;top:-59px;left:125px;z-index:500;max-width:859px;background:#FDA921;
    -webkit-transition: all linear 0.25s;
    transition:         all linear 0.25s;
    /*
    background: -webkit-linear-gradient(left, #e6bb00 , #FF7400);
    background: -o-linear-gradient(right, #e6bb00, #FF7400);
    background: -moz-linear-gradient(right, #e6bb00, #FF7400);
    background: linear-gradient(to right, #e6bb00 , #FF7400);
    */
}
div.i-top-meter-meter.small
{
    max-width:595px;
    left:49px;
}
div.i-top-meter-peak
{
    width:5px;
    height:15px;
    position:relative;
    background-color:#CD1214;
    top:-74px;
    left:125px;
    z-index:550;
    opacity:.8;
    -webkit-opacity:.85;
}
div.i-top-meter-peak.small
{
    width:3px;
    left:59px;
    height: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.i-top-meter-peak.asc
{
    -webkit-transition: all linear 0.25s;
    transition:         all linear 0.25s;
}
div.i-top-meter-peak.desc
{
    -webkit-transition: all linear 3s;
    transition:         all linear 3s;
}

.i-top-meter-bg.small.image
{
    background-image: url('/assets/images/meter_o_empty.png');
    top: -39px;
    left: 48px;
}
.i-top-meter-bg.small.image-full
{
    background-image: url('/assets/images/meter_o_full.png');
    top: -53px;
    left: 49px;
    transition: width linear 0.25s;
}

/*
______________________________________________________________________________________________________________________
INNER-TOP-METER-GROUP
_______________________________________________________________________________________________________________________
*/

.i-top-meter-group-wrap {
    background-image:   url('/assets/images/meter_group_bg.png');
    height:             335px;
}

.i-top-meter-group__sources {
    border:         none;
    height:         27px;
    line-height:    27px;
    overflow:       hidden;
    position:       relative;
    color:          white;
    font-size:      12px;
}

.i-top-meter-group__source {
    position:   absolute;
    border:     1px solid transparent;
    width:      84px;
    text-align: center;
}

.i-top-meter-group__source._1 {
    left:   1px;
}

.i-top-meter-group__source._2 {
    left:   138px;
}

.i-top-meter-group__source._3 {
    left:   276px;
}

.i-top-meter-group__source._4 {
    left:   413px;
}

.i-top-meter-group__peaks {
    position:   relative;
    border:     1px solid transparent;
    color:      white;
    font-size:  12px;
}

.i-top-meter-group__peaks > div {
    position:   absolute;
}

.i-top-meter-group__peaks ._1 {
    left:   5px;
}

.i-top-meter-group__peaks ._2 {
    left:   55px;
}

.i-top-meter-group__peaks ._3 {
    left:   143px;
}

.i-top-meter-group__peaks ._4 {
    left:   193px;
}

.i-top-meter-group__peaks ._5 {
    left:   281px;
}

.i-top-meter-group__peaks ._6 {
    left:   330px;
}

.i-top-meter-group__peaks ._7 {
    left:   419px;
}

.i-top-meter-group__peaks ._8 {
    left:   467px;
}


.i-top-meter-group__meter {
    position:               absolute;
    width:                  11px;
    height:                 0px;
    bottom:                 22px;
    background-position:    bottom center;
    background-image:       url('/assets/images/yellow_meter_sm.png');
    transition:             height .25s linear;
}

.i-top-meter-group__meter:nth-child(1) {
    left: 29px;
}

.i-top-meter-group__meter:nth-child(2) {
    left: 46px;
}

.i-top-meter-group__meter:nth-child(3) {
    left: 166px;
}

.i-top-meter-group__meter:nth-child(4) {
    left: 183px;
}

.i-top-meter-group__meter:nth-child(5) {
    left: 303px;
}

.i-top-meter-group__meter:nth-child(6) {
    left: 320px;
}

.i-top-meter-group__meter:nth-child(7) {
    left: 441px;
}

.i-top-meter-group__meter:nth-child(8) {
    left: 458px;
}

/*
PEAKS
_________________________________________________________
*/

.i-top-meter-group__graphic-peaks > .g-peak {
    bottom: 23px;
    position: absolute;
    width: 11px;
    height: 3px;
    border-radius: 9px;
    background-color: #ff1e22;
    transition: bottom .25s linear;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(1) {
    left: 29px;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(2) {
    left: 46px;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(3) {
    left: 166px;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(4) {
    left: 183px;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(5) {
    left: 303px;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(6) {
    left: 321px;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(7) {
    left: 441px;
}

.i-top-meter-group__graphic-peaks > .g-peak:nth-child(8) {
    left: 458px;
}