th.normal {
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
    background-color: #A7B7E0;
    border: solid 1pt #AFBCDB;
    color: White;
    font-weight: bold;
    padding: 2pt;
    text-align: left;
    height: 16pt;
}

th.hidden { border: 0px; }

td.normal {
    font-size: 10pt;
    border: solid 1px #AFBCDB;
    padding: 0px;
}

td.hidden { border: 0px; }

.column-control { padding: 2px; }

.column-control-separator { /*border-bottom: 1px #AFBCDB solid;*/ }

body, table {
    background-color: White;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: Black;
}

table.border-none { border: 0px; }

table.border-solid {
    border: solid 2px #AFBCDB;
    padding: 4px;
    /*margin: 4px;*/
}

table.h-area, table.v-area { background-color: White; }

table.margin { margin: 8px; }

table.normal {
    border-collapse: collapse;
    border: solid 1px #AFBCDB;
}

tr.normal-even {
    background-color: #DFE4F1;
    border: solid 1px #AFBCDB;
}

tr.normal-odd {
    background-color: #FFFFFF;
    border: solid 1px #AFBCDB;
}

a {
    font-family: Arial;
    font-size: 10pt;
    text-decoration: underline;
    color: #0066CC;
}

.filler { }

.button { }

.checkbox-normal { }

.checkbox-readonly { }

.checkbox-invalid { background-color: #F5F98B; }

.textbox-normal {
}

.textbox-readonly {
    background-color: #F8F8F8; /* #FBFBFB #F5F5F5 #EBEBE4 */
    border-color: #D4D4D4;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #545454 /* #545454 black */
}

.textbox-invalid {
    background-color: #F5F98B;
}

.dropdownlist-normal { }

.dropdownlist-readonly {
    background-color: #F8F8F8; /* #FBFBFB #F5F5F5 #EBEBE4 */
    border-color: #D4D4D4;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #545454 /* #545454 black */
}

.dropdownlist-invalid { background-color: #F5F98B; }

.label {
    white-space: normal;
}

.link { }

.link-label { }

.listbox-normal { }

.listbox-readonly { }

.listbox-invalid { background-color: #F5F98B; }

.grid-navigation {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.grid-navigation-link { padding-right: 5px; }

.grid-navigation-link-disabled { padding-right: 5px; }

.grid-navigation-info {
    padding-right: 5px;
    font-size: 8pt;
    white-space: nowrap;
    overflow: hidden;
}

.bold { font-weight: bold; }

.italic { font-style: italic; }

.hidden { visibility: hidden; }

.highlight {
    font-weight: bold;
    color: Red;
}

/* Application styles */

#master_layout {
    border-collapse: collapse;
    width: 90%;
    height: 100%;
}

#navigation {
    width: 100px;
    height: 99%;
    vertical-align: top;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 30px;
    border-right: solid 2pt #AFBCDB;
}

#workspace {
    width: 700px;
    height: 99%;
    vertical-align: top;
    padding: 8px;
}

#information {
    padding: 10px;
    height: 20px;
}

#header {
    height: 1%;
    padding: 0;
    border-bottom: solid 2pt #AFBCDB;
}


/*@import joku.css;*/
/*vil specific styles*/

#pageHeader { font-weight: bold; }

#loggedInUser { font-weight: bold; }

#order { font-weight: bold; }
#orderCreatedBy { font-weight: bold; }
#orderLocation { font-weight: bold; }

#showVehicle { font-weight: bold; }

#orderHeader {
    font-weight: bold;
    font-size: 110%;
}

#subHeadingCustomer {
    font-weight: bold;
    padding-bottom: 8px;
    font-size: 110%;
}

#subHeadingInvoicingAndDelivery {
    font-weight: bold;
    padding-bottom: 8px;
    font-size: 110%;
}

#reservationHeader {
    font-weight: bold;
    font-size: 110%;
}

#deliveryHeader { font-weight: bold; }

#endcustomerHeader { font-weight: bold; }

#accessoryList { font-weight: bold; }

#accessoryPackageList { font-weight: bold; }

#dealerAccessoryList { font-weight: bold; }

#factoryHeader { font-weight: bold; }

#selectableFactoryHeader { font-weight: bold; }

#dealerHeader { font-weight: bold; }

#packetHeader { font-weight: bold; }

#campaignHeader { font-weight: bold; }

#conditions { font-weight: bold; }

#remarkHeader { font-weight: bold; }

#selectAccessories { font-weight: bold; }

#modelHeader { font-weight: bold; }

#additionalInfo { font-weight: bold; }

#accessories { font-weight: bold; }

#accessoryHeader { font-weight: bold; }

#modelNameLabel { font-weight: bold; }

#fixedAccessories { font-weight: bold; }

#makeAndModelInHeader { font-weight: bold; }

#modelAccessoriesLabel { font-weight: bold; }

#vehicleHistoryLabel { font-weight: bold; }

#statusHistoryLabel { font-weight: bold; }

#idDataSection { font-weight: bold; }

#basicDataSection { font-weight: bold; }

#idFactoryOrderSection { font-weight: bold; }

#idPriceSection { font-weight: bold; }

#vehicleTotalCost_Label { font-weight: bold; }

#vehicleTotalCost_BoundLabel { font-weight: bold; }

#idPrimaryFuel { font-weight: bold; }

#idAlternativeFuel { font-weight: bold; }

#accessoriesSection { font-weight: bold; }

#accessoryPackagesSection { font-weight: bold; }

#showModelDetails { font-weight: bold; }

#licnoHeader { font-weight: bold; }

#exactMatchHeader { font-weight: bold; }

#validation-information {
    width: 100%;
    border: solid 2px Black;
    background-color: #F5F98B;
    font-weight: bold;
    text-align: right;
    color: Red;
}


/* DatePicker style */

.DatePickerTextBox { margin-right: 20px; }

.DatePickerDropDownButton {
    width: 20px;
    float: right;
}

.DatePickercpYearNavigation,
.DatePickercpMonthNavigation {
    background-color: #6677DD;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.DatePickercpDayColumnHeader,
.DatePickercpYearNavigation,
.DatePickercpMonthNavigation,
.DatePickercpCurrentMonthDate,
.DatePickercpCurrentMonthDateDisabled,
.DatePickercpOtherMonthDate,
.DatePickercpOtherMonthDateDisabled,
.DatePickercpCurrentDate,
.DatePickercpCurrentDateDisabled,
.DatePickercpTodayText,
.DatePickercpTodayTextDisabled,
.DatePickercpText {
    font-family: arial;
    font-size: 8pt;
}

TD.DatePickercpDayColumnHeader {
    text-align: right;
    border: solid thin #6677DD;
    border-width: 0 0 1px 0;
}

.DatePickercpCurrentMonthDate,
.DatePickercpOtherMonthDate,
.DatePickercpCurrentDate {
    text-align: right;
    text-decoration: none;
}

.DatePickercpCurrentMonthDateDisabled,
.DatePickercpOtherMonthDateDisabled,
.DatePickercpCurrentDateDisabled {
    color: #D0D0D0;
    text-align: right;
    text-decoration: line-through;
}

.DatePickercpCurrentMonthDate {
    color: #6677DD;
    font-weight: bold;
}

.DatePickercpCurrentDate {
    color: #FFFFFF;
    font-weight: bold;
}

.DatePickercpOtherMonthDate { color: #808080; }

TD.DatePickercpCurrentDate {
    color: #FFFFFF;
    background-color: #6677DD;
    border-width: 1px;
    border: solid thin #000000;
}

TD.DatePickercpCurrentDateDisabled {
    border-width: 1px;
    border: solid thin #FFAAAA;
}

TD.DatePickercpTodayText,
TD.DatePickercpTodayTextDisabled {
    border: solid thin #6677DD;
    border-width: 1px 0 0 0;
}

A.DatePickercpTodayText,
SPAN.DatePickercpTodayTextDisabled { height: 20px; }

A.DatePickercpTodayText {
    color: #6677DD;
    font-weight: bold;
}

SPAN.DatePickercpTodayTextDisabled { color: #D0D0D0; }

.DatePickercpBorder { border: solid thin #6677DD; }