/* 
   Container: Center it, max width 400px, 
   so the bar doesn't exceed 400px wide.
*/
#aiit-fsp-container {
    max-width: 400px;
    margin: 20px auto;   /* center horizontally, add vertical margin */
    position: relative;
    text-align: center;  /* so the message below is centered */
}

/*
   The progress bar container element.
   We'll let ProgressBar.js handle the actual bar/trail colors & thickness.
   Just set width:100% so it expands within the container's max width.
*/
#aiit-fsp-progressbar {
    width: 100%;
    position: relative;
    /* No fixed height or background here, because ProgressBar.js
       will use strokeWidth, trailWidth, and trailColor. */
}

/* Message below */
#aiit-fsp-message {
    margin-top: 10px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}