.box-progress{
/* width: 500px; */
    padding: 0.25em;
}
.progress-bar-box {
    width:100%;
/*    margin: 5% auto;*/
/*    border-left: 3px solid #4C92DA;*/
    border-left: 3px solid #FF0000;
    height: 28px;
}
.progress-bar-box .ofTarget {
/*   display: inline-block; */
    float: left;
/*   padding: 10px 0; */
}

#progressCurrent{
    background: #FF0000;
/*    background: #4C92DA;*/
    float: left;
    height: 100%;
    color: #fff;
}
#progressBalance{
  background: rgba(255,255,255,0.5);
    text-align: left;
    float: right;
    color: #FF0000;
/*    color: #4689FF;*/
    font-size: 16px;
}
#targetLine{
    border: 1px solid #ddd;
    height: 2em;
    border-right: 2px solid #000;
}
.bar {
    border:1px solid green;
}

.ofTarget{
    height: 100%;
    line-height: 2;
/*     padding: 5px 0; */
    color: #66CC00;
    text-align: right;
    /*    gradient*/
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(191,255,127,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(191,255,127,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(191,255,127,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(191,255,127,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(191,255,127,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfff7f', GradientType=1 );
}

#targetDisplay{
    margin: 0.25em 0;
    text-align: right;
    color: #666;
}
#totalRaised {
/*    color: #fff;*/
    color: transparent;
}