/* todo123 go through this, pull out what i need and get rid of the file */

/* todo123 put 'tsk, tsk' sort of image with error box? */
div.fieldWithErrors 
{
    display: inline;
}

div.fieldWithErrors input, 
div.fieldWithErrors select, 
div.fieldWithErrors textarea 
{
  border: 4px solid red;
}

.formError
{
  color: #f00;
  display: inline;
  margin-left: 10px;
}

#errorExplanation 
{
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

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

#errorExplanation p 
{
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li 
{
    font-size: 12px;
    list-style: square;
}

div.uploadStatus 
{
    margin: 5px;
}

div.progressBar 
{
    margin: 5px;
}

div.progressBar div.border 
{
    background-color: #fff;
    border: 1px solid gray;
    width: 100%;
}

div.progressBar div.background 
{
    background-color: #333;
    height: 18px;
    width: 0%;
}