/*************************/

/* icons                 */

/*************************/



.map { background-image:url("../images/icons/map.png") !important; }

.reports { background-image:url("../images/icons/report.png") !important; }

.bmenu { background-image:url("../images/icons/table.png") !important; }

.usermgmt { background-image:url("../images/icons/user_edit.png") !important; }

.messages { background-image:url("../images/icons/phone.png") !important; }

.grid_edit { background-image:url("../images/icons/table_edit.png") !important; }

.grid_delete { background-image:url("../images/icons/table_delete.png") !important; }

.grid_view { background-image:url("../images/icons/zoom.png") !important; }

.grid_inactivate { background-image:url("../images/icons/delete.png") !important; }

.grid_activate { background-image:url("../images/icons/accept.png") !important; }

.grid_access { background-image:url("../images/icons/user_orange.png") !important; }

.grid_trace { background-image:url("../images/icons/eye.png") !important; }

.near { background-image:url("../images/icons/arrow_in.png") !important; }

.x-form-itemselector-top { background-image:url("../images/icons/top2.gif") !important; }

.x-form-itemselector-bottom { background-image:url("../images/icons/bottom2.gif") !important; }

.x-form-itemselector-add { background-image:url("../images/icons/right2.gif") !important; }

.x-form-itemselector-remove { background-image:url("../images/icons/left2.gif") !important; }

.x-form-itemselector-up { background-image:url("../images/icons/up2.gif") !important; }

.x-form-itemselector-down { background-image:url("../images/icons/down2.gif") !important; }



.manifest_grid_even,

.manifest_grid_even .x-grid-cell {

    background-color:#A0A0A0 !important;

    border:1px solid #A0A0A0 !important;

}



.manifest_grid_odd,

.manifest_grid_odd .x-grid-cell {

    background-color:#FFFFFF !important;

    border:1px solid #FFFFFF !important;

}



.manifest_grid_weekend,

.manifest_grid_weekend .x-grid-cell {

    background-color:#FF6600 !important;

    border:1px solid #FF6600 !important;

}



.manifest_grid_fuelsteal,

.manifest_grid_fuelsteal .x-grid-cell {

    background-color:#FF1212 !important;

    border:1px solid #FF1212 !important;

}



.manifest_grid_fueltank,

.manifest_grid_fueltank .x-grid-cell {

    background-color:#12FF12 !important;

    border:1px solid #12FF12 !important;

}

.inactive .x-grid-cell {
    color:#999999 !important;
}



.static {

    color:#000000;

    opacity:.85;

    filter:alpha(opacity=85);

    border:1px solid black;

    font-family:helvetica;

    font-size:12px;

    font-weight:bold;

    padding-left:3px;

    padding-right:3px;

    white-space:nowrap;

}



.ignition_off {

    background-color:#FF3030;

}



.ignition_on {

    background-color:#30FF30;

}



.infobox {

    background-color:#A0A0A0;

    color:#000000;

    opacity:.85;

    filter:alpha(opacity=85);

}



table.infobox {

    font-family:helvetica;

    font-size:12px;

    width:150px;

}



table.infobox tr td {

    white-space:nowrap;

    padding-left:5px;

    padding-right:5px;

}



table.infobox tr td:first-child {

    font-weight:bold;

}



table.infobox tr td.regno {

    color:#FFFFFF;

    font-weight:bold;

}



.infowindow {

    font-family:helvetica;

    font-size:12px;

}



.infowindow th {

    font-weight:bold;

}



.block {

    display:block;

    margin-bottom:5px;

    padding-top:2px;

}



.error {

    display:block;

    background-color:#FF0000;

    padding:10px;

    margin:5px;

    font-weight:bold;

    color:#FFFF00;

}



/*************************/

/* notify message        */

/*************************/



.msg .x-box-mc {

    font-size:14px;

}

#msg-div {

    position:absolute;

    left:35%;

    bottom:10px;

    width:300px;

    z-index:20000;

}

#msg-div .msg {

    border-radius: 8px;

    -moz-border-radius: 8px;

    background: #F6F6F6;

    border: 2px solid #ccc;

    margin-top: 2px;

    padding: 10px 15px;

    color: #555;

}

#msg-div .msg h3 {

    margin: 0 0 8px;

    font-weight: bold;

    font-size: 15px;

}

#msg-div .msg p {

    margin: 0;

}