.gradingCriteria
{
    font-size: small;
    text-align: right;
    font-weight: bold;
    color: #333;
}

.fieldTitle
{
    font-weight: bold;
    text-align: right;
    font-size: small;
    white-space: nowrap;
    margin-left: 160px;
}

.inputShort, .inputMedium, .inputLong
{
    font-size: small;
}

.inputTiny, .dataEntry
{
    width: 50px;
}

.inputShort
{
    width: 125px;
}

.inputMedium
{
    width: 200px;
}

.inputLong
{
    width: 300px;
}

.slider
{
    border: 1px solid #CCC;
    border-top: none;
}

.slider h3
{
    background-color: #666;
    color: #FFF;
    padding: 8px;
    vertical-align: top;
}

.gradeTable
{
    border-right: 1px solid #CCC;
}

.gradeTable tr
{
}

.gradeTable th
{
    font-size: x-small;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    background-color: #666;
    color: #FFF;
    padding: 3px;
}

.gradeTable td
{
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    font-size: small;
    padding: 3px;
}

input.error
{
    background: #fed;
    border: 1px solid red;
    padding: 2px;
}

select.error
{
    background: #fed;
    border: 1px solid red;
}

.datepicker 
{
}

.ui-dialog, .ui-dialog-content { overflow: visible !important; }