body
{
    font-size: 75%;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #232323;
    background-color: #fff;
}

#header
{
    width: 452px;
    margin-left: auto;
    margin-right: auto;
}

input[type="radio"]
{
    margin-left: 3px;
}

h4 
{
    color: #366;
    margin: 3px;
}


/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e4f2f2;
    border-collapse: collapse;
}

table td {
    padding: 4px;
    border: solid 1px #e4f2f2;
}

table th 
{
    color: #7F6F50;
    padding: 6px 4px;
    text-align: left;
    background-color: #e4f2f2;
    border: solid 1px #e4f2f2;
}

tbody td:nth-of-type(odd),
tbody tr:nth-of-type(odd){
	background:rgba(228,242,242, 0.25);
}

table tfoot td {
    background-color: #e4f2f2;
    border: solid 1px #e4f2f2;
}

/* Styles for basic forms http://colorschemedesigner.com/#3i31Sg0llw0w0
-----------------------------------------------------------*/

fieldset 
{
    border:2px solid #81B3B3;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    color: #366;
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    color: #7F6F50;
    margin: 1em 0 0 0;
    font-weight: bold;
}

.editor-field 
{
    margin:0.2em 0 0 0;
}


.display-label 
{
    color: #7F6F50;
    margin: 1em 0 0 0;
    font-weight: bold;
}

.display-field 
{
    margin:0.2em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #AA5755;
    display: block;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #6E1E1C;
    background-color: #F3E2E2;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #AA5755;
}

.validation-summary-valid
{
    display: none;
}

/* Input types */

.vehicleId input
{
    width: 60px;
}

.endOdometer input
{
    width: 60px;
}

.gasPurchased input
{
    width: 45px;
}

.date input
{
    width: 70px;
}

.units
{
    font-size: .9em;
}

.employeeName input
{
    width: 135px;
}

.cityName input
{
    width: 125px;
}

.logType .radiobutton
{
    display: block;
}

/* Errors */


.vehicle-id .field-validation-error
{
    width: 60px;
}

.odometer .field-validation-error
{
    width: 80px;
}

.gas .field-validation-error
{
    width: 45px;
}

.date .field-validation-error
{
    width: 70px;
}

.employeeName .field-validation-error
{
    width: 135px;
}

.cityName .field-validation-error
{
    width: 125px;
}

/* hint! */

.format-hint
{
    color: #806F50;
    font-size: .8em;
    font-style: italic;
    margin-top: 2px;
    padding-left: 5px;
}

.subscript
{
    font-size: .8em;
    font-style: italic;
}

.warning
{
    background-color: yellow;
}

span#icon-employee-history
{
    position: relative;
    display: inline-block;
    left: -20px;
    bottom: -3px;
    margin-right: -20px;
}

.transparent {
    opacity: 0.1;
}

.loading {
    background-image: url('/Content/spinner.gif');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}