body {
    background-color: #fff;
    width: 100%;
    border: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 10pt;
    margin: 0;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

#loading {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 2px;
    margin-left: -45px;
    margin-top: -45px;
    z-index: 20001;
    border: 0;
}

#loading .loading-indicator {
    background: transparent;
    font: bold 13px tahoma, arial, helvatica;
    padding: 10px;
    margin: 0;
    height: auto;
    color: #444;
}

#loading .loading-indicator img {
    margin-right: 8px;
    float: left;
    vertical-align: top;
}

#loading-message {
    font: bold 10px tahoma, arial, helvatica;
}

.notificationArea {
    background: #FFF;
    color: #006699;
    font-size: 8pt;
    padding: 5px;
}

.loginForm {
    font-size: 10px;
    font-family: Lucida Grande, Verdana, sans-serif;
    margin: 4px auto;
    width: 407px;
}

.loginForm td.form-header {
    width: 407px;
    height: 103px;
    background-image: url('../images/adm_login_top.png');
    text-align: center;
}

.loginForm td.form-footer {
    width: 407px;
    height: 51px;
    background-image: url('../images/login_03.png');
    text-align: center;
}

.loginForm td.form-body {
    background: url('../images/login_02.png') repeat-y;
    text-align: center;
    margin: 0 auto;
}

.loginPage {
    background-color: #eff4fb;
    width: 98%;
}

.loginForm td {
    font-size: 14px;
    font-family: Lucida Grande, Verdana, sans-serif;
    margin-top: 4px;
    margin-bottom: 4px;
}

DIV.loginFormContainer {
    margin-top: 130px;
    margin-left: auto;
    margin-right: auto;
}

.recaptchaArea {
    margin: auto !important;
}

INPUT.loginFormInputField {
    background: #f5f5f5;
    width: 160px;
}

table.pretty {
    width: 100%;
    font-size: 10pt;
}

table.pretty caption {
    background-color: #a3bad9;
    color: #f5f5f5;
    font-size: 14pt;
    font-weight: bold;
}

table.pretty caption.primary {
    background-color: #e0e8f3;
    color: #000000;
    font-weight: bold;
    text-align: left;
    font-size: 12pt;

}

.x-panel-body {
    background-color: #e0e8f3;
}

table.pretty caption.secondary {
    background-color: white;
    color: #4682b4;
    font-weight: bold;
    text-align: left;
    font-size: 11pt;
}

table.pretty td.label {
    width: 200px;
    font-weight: bold;
    vertical-align: text-top;
}

table.pretty td.data {
    font-style: normal;
    color: #15428B;
}

table.list {
    width: 100%;
    font-size: 10pt;
}

table.list tr:hover {
    background-color: #fff1a8;
    color: #000;
}

table.list caption {
    background-color: #a3bad9;
    color: #f5f5f5;
    font-size: 14pt;
    font-weight: bold;
}

.topMenu {
    background: #4d5b6e;
    height: 30px;
    border: 0;
}

A.topMenuButton, .topMenuButton:hover {
    display: block;
    text-decoration: none;
    height: 15px;
    line-height: 12px;
    font-size: 13px;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    text-align: center;
    color: #000;
    padding: 3px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #f1f1f1;
    border-bottom-width: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

A.topMenuButtonSelected {
    display: block;
    text-decoration: none;
    height: 15px;
    line-height: 12px;
    font-size: 13px;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    text-align: center;
    padding: 3px;
    margin-right: 10px;
    cursor: pointer;
    color: #000;
    background-color: #DFE8F6;
    border: 1px solid #dde0d8;
    border-bottom-width: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

A.topMenuFirstItem {
    margin-left: 10px;
}

A.topMenuButton:hover {
    color: black;
}

A.topMenuButtonSelected {
    color: #000;
}

.permissionList {
    padding: 7px;
    width: 100%;
}

.permissionListRow {
    width: 100%;
    margin-top: 5px;
    border-bottom: #e7effa 1px solid;
}

.userInactive {
    color: #cc0000;
    text-decoration: line-through;
}

.paymentVoided {
    color: #cc0000;
    text-decoration: line-through;
}


.feeExclusionRequested {
    color: #cc9100;
}


.feeExclusionApproved {
    color: #0d8800;
}


.feeExclusionDenied {
    color: #f57b67;
}

.companyNameLabel {
    font-size: 12pt;
    font-weight: normal;
    padding-bottom: 10px;
}

.invalidPrice {
    background-color: #f57b67 !important;
}

.deviceManagementHighlightDriver {

    color: #4648f5 !important;
}

.gridRowVoid, .vehiclePassed {
    color: #999999;
    text-decoration: line-through;
}
