.bar {
  width: 300px;
}

#progress {
  background: #eee;
  border: 1px solid #222;
}
#progressbar {
  width: 0px;
  height: 24px;
  background: #7ABAF2;
}


.divider {
height:20px;
}
/* icons */ 



/* Error Reporting Styles */ 

.errors {
    padding: 0 0 0 10px;
    margin: 0px 0 0px 0px; 
    background-color: #ac0303;
    width: 300px;
           color: #fff; 
    }
    
   
    
.fieldWithErrors { 
    margin: 2px; 
    padding: 2px; 
    font-size: 12px; 
    
    background-color: red; 
    display: table; 
}

#errorExplanation {
    border: 3px solid red; 
    padding: 15px; 
    padding-bottom: 12px; 
    margin: 0px 0 0px 0; 
    background-color: #FCECEC; 
} 

#errorExplanation h2 { 
    text-align: left; 
    font-weight: bold; 
    padding: 5px 5px 5px 15px; 
    font-size: 14px; 
    margin: -7px; 
    color: #c00; 
} 

#errorExplanation p { 
    font-size: 100%;
        font-weight: bold; 

    color: #222; 
    margin: -7px; 
    padding: 35px 5px 5px 15px; 
} 

#errorExplanation ul li {
    color:#222; 
margin-left:10px;        
 padding: 10px 0 0 0px;         
    font-size: 100%;
    list-style: square; 
    list-style-position:inside;
}