/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background-color: white;
    font-size: .75em;
    /*font-family: Verdana, Helvetica, Sans-Serif;*/
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#footer {
    color: #000000;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    clear: both;
}
#footer a {
    color: #000000;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    clear: both;
    text-decoration: none;
}
/* TABLE
----------------------------------------------------------*/
table {
    border: 0px;
    border-collapse: collapse;
}
table td {
    padding: 5px;
    border: 0px;
}
table th {
    padding: 5px 5px;
    text-align: left;
    border: 0px;
}
/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}
.error {
    color: Red;
}
#menucontainer {
    margin-top: 40px;
}
div#title {
    display: block;
    float: left;
    text-align: left;
}
#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}
#logindisplay a:link {
    color: white;
    text-decoration: underline;
}
#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}
#logindisplay a:hover {
    color: white;
    text-decoration: none;
}
img.arrowright {
    text-decoration: none;
    vertical-align: middle;
    float: right;
    border-style: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
}
dd,dl,dt {
    margin: 0;
    padding: 0;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
    font-size: 11px;
}
.field-validation-valid {
    display: none;
}
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid {
    display: none;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label, 
.display-field, 
.editor-field {
    margin: 0.5em 0;
}
.mandatory-label {
    color: Red;
}
.text-box {
    width: 30em;
}
.text-box.multi-line {
    height: 6.5em;
}
.tri-state {
    width: 6em;
}
.loginFieldRow {
    width: 320px;
    float: none;
}
.FieldLabel {
    width: 100px;
    float: left;
}
.FieldValue {
    width: 200px;
    float: left;
}
/*Upload Progress Bar Styles*/
#statusBorder {
    position: relative;
    height: 5px;
    width: 100px;
    border: solid 1px gray;
    display: none;
}
#statusFill {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    background-color: Blue;
    height: 5px;
}
/*Header*/
.WelcomeMessage {
    width: 100%;
    text-align: center;
}
#header {
    /*background-color:Aqua;*/
    background-image: url('../Content/Default/Images/Backgrounds/HeaderBackground.png');
    height: 70px;
    min-width: 1024px;
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}
#logo {
    background-image: url('../Content/Default/Images/CompanyLogo.png');
    width: 170px;
    height: 70px;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 0px;
    float: left;
}
#logoMap {
    background-image: url('../Content/Default/Images/CompanyLogoMap.png');
    width: 170px;
    height: 70px;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 0px;
    display: none;
}
/*Standard colours*/
.stdRow,
.stdRow div .searchCategoryAsset,
.stdRow div .searchCategoryGroup,
.stdRow div .searchCategoryDriver {
    background-color: #DEDEDE;
}
.altRow,
.altRow div .searchCategoryAsset,
.altRow div .searchCategoryGroup,
.altRow div .searchCategoryDriver {
    background-color: #FFFFFF;
}
.stdRow a:link,
.stdRow a:active,
.stdRow a:visited {
    text-decoration: none;
    color: #9F2F2D;
}
.stdRow a:hover {
    text-decoration: none;
    color: #333333;
}
.altRow a:link,
.altRow a:active,
.altRow a:visited {
    text-decoration: none;
    color: #9F2F2D;
}
.altRow a:hover {
    text-decoration: none;
    color: #333333;
}
.stdFontColor {
    FONT-FAMILY: Arial, sans-serif;
    font-size: 12px !important;
    color: #8E0900 !important;
}
legend {
    color: #8E0900;
}
.StandardHeader {
    BACKGROUND-COLOR: #03a2b1  !important;
    color: #fff;
    padding: 5px 5px 5px 5px;
    font-size: 1em;
}
.standardHeader {
    background-color: #989898 !important;
    font-weight: bold;
    padding: 0px 0px 0px 5px !important;
}
.standardHeader th {
    padding: 2px 2px;
}
.standardHeader1 {
    background-color: #DADADA !important;
    font-weight: bold;
    padding: 0px 0px 0px 0px !important;
}
.standardTableHeader thead {
    background: url('../Content/Default/Images/MapIcons/BalloonHeaderBG.png') !important;
}
li.StandardHeader {
    background-color: #ccc!important;
}
/*Top Link Styles*/
#standardLinks {
    float: right;
    vertical-align: middle;
    padding-top: 8px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}
#standardLinks a:link,
#standardLinks a:visited,
#standardLinks a:active {
    border-right: solid 1px #9F2F2D;
    color: #9F2F2D;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}
#standardLinks a:hover {
    border-right: solid 1px #9F2F2D;
    color: blue;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}
#lastStandardLink a:link,
#lastStandardLink a:visited,
#lastStandardLink a:active,
.lastStandardLink {
    border: solid 0px black;
    color: #9F2F2D;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
    font-weight: bold;
}
#lastStandardLink a:hover {
    border: solid 0px black;
    color: blue;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}
/*Menu Quick Link Styles */
/*Drop Downs*/
#GlobalItemActions {
    position: absolute;
}
#MessagesDropDown,
#AlertsDropDown,
#FavouritesDropDown {
    position: absolute;
    display: none;
    width: 220px;
    max-height: 200px;
    height: auto;
    white-space: nowrap;
    overflow-y: scroll;
    overflow-x: hidden;
    border-collapse: collapse;
    padding: 0px;
    z-index: 10000;
    background-color: White;
    border: ridge 2px Silver;
    color: #9F2F2D;
}
#AlertsDropDown {
    width: 330px;
    white-space: normal;
}
#FavouritesDropDown {
    width: 435px;
}
#AlertsDropDown table {
    width: 318px;
}
#FavouritesDropDown table {
    width: 405px;
}
/*Numbers*/
#MessagesNumber,
#AlertsNumber {
    position: absolute;
    display: none;
    border-collapse: collapse;
    padding: 1px 1px 1px 1px;
    z-index: 10001;
    background-color: Red;
    border-width: 0px 0px 0px 0px;
    color: White;
    font-size: .7em;
    cursor: pointer;
}
/*Button Layout*/
#menuQuickView {
    position: absolute;
    top: 36px;
    left: 284px;
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
#menuQuickView ul {
    padding: 0px;
    margin: 0px;
}
#menuQuickView li {
    list-style-type: none;
    float: left;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    border: 0px;
    background-image: url('../Content/Default/Images/Backgrounds/TabMenuBackgroundStd.jpg');
    border: solid 1px #333333;
    width: 29px;
    height: 29px;
}
#menuQuickView img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#menuQuickView li.quickLinksFavourites a:active,
#menuQuickView li.quickLinksFavourites a:link,
#menuQuickView li.quickLinksFavourites a:visited {
    background-image: url('../Content/Default/Images/QuickMenuFavourite.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    float: left;
    height: 29px;
}
#menuQuickView li.quickLinksFavourites a:hover {
    background-image: url('../Content/Default/Images/QuickMenuFavouriteHover.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    float: left;
    height: 29px;
    cursor: pointer;
}
#menuQuickView li.quickLinksMessages a:active,
#menuQuickView li.quickLinksMessages a:link,
#menuQuickView li.quickLinksMessages a:visited {
    background-image: url('../Content/Default/Images/QuickMenuMessages.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    float: left;
    height: 29px;
    cursor: pointer;
}
#menuQuickView li.quickLinksMessages a:hover {
    background-image: url('../Content/Default/Images/QuickMenuMessagesHover.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    float: left;
    height: 29px;
    cursor: pointer;
}
#menuQuickView li.quickLinksAlerts a:active,
#menuQuickView li.quickLinksAlerts a:link,
#menuQuickView li.quickLinksAlerts a:visited {
    background-image: url('../Content/Default/Images/QuickMenuAlerts.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    float: left;
    height: 29px;
}
#menuQuickView li.quickLinksAlerts a:hover {
    background-image: url('../Content/Default/Images/QuickMenuAlertsHover.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    float: left;
    height: 29px;
    cursor: pointer;
}
/*Tab Styles*/
#menuTabs {
    position: absolute;
    top: 33px;
    left: 500px;
    text-align: center;
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
#menuTabs ul {
    padding: 0px;
    margin: 0px;
}
#menuTabs li {
    list-style-type: none;
    float: left;
    border: solid 1px Black;
    padding: 5px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    background-image: url('../Content/Default/Images/Backgrounds/TabMenuBackgroundStd.jpg');
    height: 28px;
}
#menuTabs li a:active,
#menuTabs li a:link,
#menuTabs li a:visited {
    text-decoration: none;
    font-size: 1.3em;
    color: Black;
}
#menuTabs li a:hover {
    text-decoration: none;
    font-size: 1.3em;
    color: Red;
}
#menuTabs li.menuTabsHighlight {
    list-style-type: none;
    float: left;
    border: solid 1px Black;
    padding: 5px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    background-image: url('../Content/Default/Images/Backgrounds/TabMenuBackgroundRed.jpg');
    height: 28px;
}
#menuTabs li.menuTabsHighlight a:visited,
#menuTabs li.menuTabsHighlight a:active,
#menuTabs li.menuTabsHighlight a:link {
    text-decoration: none;
    font-size: 1.3em;
    color: White;
}
#menuTabs li.menuTabsHighlight a:hover {
    text-decoration: none;
    font-size: 1.3em;
    color: Black;
}
/* Search Styles */
#header #search button {
    background-color: #787878!important;
    background-image: none;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-size: 90% !important;
    padding: 3px 5px;
    width: 25px;
    font-weight: bold;
    margin: 0;
}
#header #search button:hover {
    background-color: #a6070d
}
#header #search input {
    border: 1px solid #333;
    padding: 2px;
    width: 170px;
    margin: 0;
}
#search {
    padding-top: 5px;
    float: right;
    padding-left: 10px;
}
.searchResultAsset tr {
    border: 0px;
}
.acResults {
    background-color: White;
    border: solid 1px #333333;
    max-height: 200px;
    height: auto;
    white-space: nowrap;
    overflow-y: scroll;
    overflow-x: hidden;
    border-collapse: collapse;
    padding: 0 0 0 0;
    z-index: 10000;
    min-height: 100px;
}
/* favourites table css */
.FavouritesPanelTableCell table {
    width: 405px;
}
.FavouritedAssets .assetNameCell,
.FavouritedDriver .drivernamecell {
    color: #8E0900 !important;
    width: 100px !important;
    font-size: 12px !important;
    padding: 0px !important;
    margin: 0px !important;
}
.FavouritedGroup .groupNameCell {
    color: #8E0900 !important;
    width: 200px !important;
    font-size: 12px !important;
    padding: 0px !important;
    margin: 0px !important;
}
.FavouritedAssets .assetRegCell {
    color: #8E0900 !important;
    width: 100px !important;
}
.FavouritedDriver .driverassetregcell,
.FavouritedGroup .groupCompanyNameCell {
    color: #8E0900 !important;
    width: 50px !important;
}
.FavouritedAssets .assetNameCell div,
.FavouritedDriver .drivernamecell div {
    width: 150px !important;
    overflow: hidden !important;
}
.FavouritedGroup .groupNameCell div {
    width: 200px !important;
    overflow: hidden !important;
}
.FavouritedGroup .groupCompanyNameCell {
    color: #8E0900 !important;
    width: 184px !important;
}
.FavouritedDriver .driverassetregcell div {
    width: 50px !important;
    overflow: hidden !important;
}
.FavouritedGroup .groupCompanyNameCell div {
    width: 184px !important;
    overflow: hidden !important;
}
.FavouritedAssets .assetTypeCell,
.FavouritedAssets .assetStatusCell,
.FavouritedAssets .assetFavouriteCell,
.FavouritedAssets .assetHealthCell,
.FavouritedAssets .assetMessageCell,
.FavouritedAssets .assetAlertCell,
.FavouritedDriver .driverfavouritecell,
.FavouritedDriver .driverassettypecell,
.FavouritedDriver .driverassetstatuscell,
.FavouritedDriver .drivermessagecell {
    width: 16px !important;
}
.FavouritedDriver .drivermessagecell {
    width: 52px !important;
}
.drivermessagecell img {
    border: 0;
}
.FavouritedDriver .drivergroupnamecell {
    display: none;
}
/* end of favourites table */
.searchResultAsset table,
.searchResultGroup table,
.searchResultDriver table {
    width: 400px;
}
.searchResultAsset .assetNameCell {
    color: #8E0900 !important;
    width: 100px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 0px !important;
    margin: 0px !important;
}
.searchResultDriver .drivernamecell {
    color: #8E0900 !important;
    width: 150px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 0px !important;
    margin: 0px !important;
}
.searchResultGroup .groupNameCell {
    color: #8E0900 !important;
    width: 200px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 0px !important;
    margin: 0px !important;
}
.searchResultAsset .assetNameCell div,
.searchResultDriver .drivernamecell div {
    width: 150px !important;
    overflow: hidden !important;
}
.searchResultGroup .groupNameCell div {
    width: 200px !important;
    overflow: hidden !important;
}
.searchResultAsset .assetRegCell,
.searchResultDriver .driverassetregcell,
.searchResultDriver .driverassetregcell,
.searchResultGroup .groupCompanyNameCell {
    color: #8E0900 !important;
    width: 50px !important;
}
.searchResultGroup .groupCompanyNameCell {
    color: #8E0900 !important;
    width: 184px !important;
}
.searchResultAsset .assetRegCell div,
.searchResultDriver .driverassetregcell div {
    width: 50px !important;
    overflow: hidden !important;
}
.searchResultGroup .groupCompanyNameCell div {
    width: 184px !important;
    overflow: hidden !important;
}
.searchResultAsset .assetTypeCell,
.searchResultAsset .assetStatusCell,
.searchResultAsset .assetFavouriteCell,
.searchResultAsset .assetHealthCell,
.searchResultAsset .assetMessageCell,
.searchResultAsset .assetAlertCell,
.searchResultDriver .driverfavouritecell,
.searchResultDriver .driverassettypecell,
.searchResultDriver .driverassetstatuscell,
.searchResultDriver .drivermessagecell {
    width: 16px !important;
}
.searchResultDriver .drivermessagecell {
    width: 52px !important;
}
.searchResultDriver .drivergroupnamecell {
    display: none;
}
.searchCategoryDriver .searchResultDriver .drivergroupnamecell {
    display: block;
    overflow: hidden;
    width: 70px
}
.searchResultDriver table {
    table-layout: fixed;
}
.acResults ul {
    list-style-type: none;
    list-style-position: outside;
    background-color: Red;
    white-space: nowrap;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}
.acResults li {
    border-collapse: collapse;
    padding: 2px 3px;
    margin: 0px;
    color: Black;
}
.acResults li.StandardHeader {
    background-color: #ccc!important;
    color: #000;
}
.searchCategoryAsset,
.searchCategoryGroup,
.searchCategoryDriver {
    border-bottom: solid 1px Gray;
    border-collapse: collapse;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}
.searchHighlightedName {
    font-weight: bold;
}
.searchIconAsset {
    background-image: url('../Content/Default/Images/searchCategoryAssetIcon.png');
    width: 32px;
    height: 32px;
    float: left;
}
.searchIconDriver {
    background-image: url('../Content/Default/Images/searchCategoryDriverIcon.png');
    width: 32px;
    height: 32px;
    float: left;
}
.searchIconGroup {
    background-image: url('../Content/Default/Images/searchCategoryGroupIcon.png');
    width: 32px;
    height: 32px;
    float: left;
}
.StandardButton {
    background: url('../Content/Default/Images/Backgrounds/btn_bg.png') !important;
    background-repeat: repeat-x;
    border: solid 1px #333333;
    vertical-align: middle;
    text-align: center;
    padding: 2px 5px 0px 5px;
    color: Black;
    height: 18px;
}
.StandardButton a:link,
.StandardButton a:visited,
.StandardButton a:active,
.StandardButton a:hover {
    text-decoration: none;
    color: Black;
}
.hollow-button {
    background-color: #fff!important;
    border: 1px solid #018693!important;
    border-radius: 4px;
}
.hollow-button:hover {
    background-color: #018693!important;
}
/* Messages Panel */
/* Alerts Panel */
/* Favourites Panel */
.MessageSeparator,
.AlertSeparator,
#FavouritesPanelTitle,
.FavouriteEntityTitle,
.StandardEntityTitle {
    background-color: #999999;
    color: Black;
    font-weight: bold;
    padding: 2px 0px 2px 5px;
    margin: 0px;
}
.MessageSeparator {
    width: 200px;
}
.StandardEntityTitle,
.favouritesTable {
    border: solid 1px #333333 !important;
}
.favouritesTable {
    width: 600px;
}
.favouritesTable thead td {
    padding-bottom: 3px;
    padding-top: 2px;
}
#FavView_FavPartialView {
    width: 800px;
}
#FavouritesPanelTitle a:visited,
#FavouritesPanelTitle a:active,
#FavouritesPanelTitle a:hover,
#FavouritesPanelTitle a:link {
    color: White;
}
#FavCheckWaiting {
    width: 250px;
    text-align: right;
    float: left;
    display: none;
}
#FavTitleText {
    width: 150px;
    float: left;
}
#SearchView_InputContainer {
    padding-top: 10px;
    float: right;
}
.FavouritePanelViewAllEntity td {
    text-align: right;
    border: 0px;
}
#FavouritesPanelTitle {
    border: 0px;
    border-bottom: solid 1px #333333 !important;
}
.FavouriteEntityTitle {
    background-color: #C6C6C6;
}
#FavouritesPanelTable,
.FavouritesPanelTableCell,
#FavouritesPanelTable td {
    border: 0px;
}
#FavouritesPanelTable table {
    border: 0px;
    border-bottom: solid 1px #333333 !important;
    margin: 0px;
}
#FavouritesPanelTable {
    width: 405px;
}
.FavouritePanelViewAll td {
    text-align: center;
}
#AlertsDropDown table {
    table-layout: fixed;
}
.AlertDetails0,
.AlertDetails1 {
    width: 50px;
    word-wrap: normal;
}
.AlertPeriod0,
.AlertPeriod1 {
    width: 100%;
}
.MessageDetails0,
.AlertDetails0 {
    padding: 2px 0px 0px 5px;
    border: 0px;
    color: Black;
}
.MessageDetails1,
.AlertDetails1 {
    padding: 2px 0px 0px 5px;
    border: 0px;
    color: Black;
}
.MessagePeriod0,
.AlertPeriod0 {
    padding: 2px 0px 2px 5px;
    border: 0px;
    color: Gray;
}
.MessagePeriod1,
.AlertPeriod1 {
    padding: 2px 0px 2px 5px;
    border: 0px;
    color: Gray;
}
.MapPopupList {
    position: absolute;
    border: solid 1px #333333;
    background-color: #ffffff;
    height: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    display: none;
}
/*Actions*/
#cogMenuDisplay,
.cogHeaderMenuDisplay,
.cogMenuDisplay {
    width: 32px;
    height: 16px;
    background-image: url('../../../Content/Default/Images/actionsanddownarrow.gif');
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}
.ActionsCog,
.ActionsArrowDown {
    vertical-align: middle;
    margin: 0px 2px 0px 2px;
    border: 0px;
}
.AssetActionsRow img,
.AssetActionsLastRow img {
    float: right;
    border: 0px;
}
#reportMenu ul {
    padding: 0;
}
#reportMenu li {
    list-style-type: none;
}
.AssetActionsLastRow {
    background: url('../Content/Default/Images/Backgrounds/btn_bg.png') !important;
    background-repeat: repeat-x;
    border: solid 1px #333333;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
}
.AssetActionsRow {
    background-color: #fff !important;
    border-left: solid 1px #333333;
    border-bottom: dotted 1px #333333;
    border-right: solid 1px #333333;
    padding: 5px;
}
.allAssetsMenu {
    border: 0px;
}
.AssetActionsRow a:link,
.AssetActionsRow a:active,
.AssetActionsRow a:hover,
.AssetActionsRow a:visited,
.AssetActionsLastRow a:link,
.AssetActionsLastRow a:active,
.AssetActionsLastRow a:hover,
.AssetActionsLastRow a:visited {
    text-decoration: none;
    color: Black;
    font-size: 120%;
}
.AssetActionsRow a:hover,
.AssetActionsLastRow a:hover {
    color: #018693;
}
#AssetActionsHeader,
#ViewOnMapActionsHeader,
#ViewOnMapActionsSplitScreenSelectHeader,
#GroupActionsHeader,
#DriverActionsHeader,
#CategoriesActionsHeader,
#PlacesActionsHeader,
#AssetActionsGroupManagementHeader,
#AssetActionsGroupManagementRemoveHeader,
#POPActionsHeader,
#CompanyActionsHeader,
#NewsItemActionsHeader,
#NewsItemDeleteHeader,
#AlertsActionsHeader,
#MessagesActionsHeader,
#ClientActionsHeader {
    border-left: solid 1px #333333;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
}
#ViewOnMapActionsHeader,
#ViewOnMapActionsSplitScreenSelectHeader {
    padding: 5px;
}
.viewOnMapActions,
.viewOnMapActionsSplit {
    width: 200px;
    display: none;
    position: absolute;
    overflow: hidden;
}
.viewOnMapActions ul,
.viewOnMapActionsSplit ul {
    list-style-type: none;
    overflow: hidden;
}
.LastActionRow {
    border-bottom: solid 1px #333333;
}
.problemrow {
    background-color: #FFE58E !important;
    border: 0px !important;
}
.HyperlinkliRow {
    background-color: White !important;
    overflow: hidden;
}
.HyperlinkliRow a:link,
.HyperlinkliRow a:visited,
.HyperlinkliRow a:active,
.HyperlinkliRow a:hover,
.HyperlinkliAltRow a:link,
.HyperlinkliAltRow a:visited,
.HyperlinkliAltRow a:active,
.HyperlinkliAltRow a:hover {
    text-decoration: none;
    color: Black;
}
.HyperlinkliAltRow {
    background-color: #dddddd !important;
    overflow: hidden;
}
.sendNewMessage {
    position: absolute;
    display: none;
    background-color: White;
    width: 184px;
    height: 150px;
    border: thin solid black;
}
#SendNewMessageText {
    overflow: auto;
    height: 75px;
    width: 170px;
}
.sendMessageSendButtonCell {
    text-align: right;
}
.FolderButton {
    background-image: url('../Content/Default/Images/Backgrounds/btn_bg.png');
    border: solid 1px #333333;
    margin-top: 10px;
    height: 20px;
    padding: 0px 5px 0px 5px;
}
.FolderButton:link,
.FolderButton:visited,
.FolderButton:active {
    text-decoration: none;
    color: Black !important;
    font-weight: bold;
}
.FolderButton:hover {
    text-decoration: none;
    color: Red !important;
    font-weight: bold;
}
#SendNewMessageSend {
    float: right;
}
.editSuccess {
    color: #00FF00;
}
.editFailure {
    color: #FF0000;
}
.StandardLeftNavigation {
    float: left;
    width: 165px;
    height: 740px;
}
.StandardLeftNavigation UL {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.StandardLeftNavigation LI,
.StandardLeftNavigationHighlight {
    background-image: url('../Content/Default/Images/Backgrounds/fleetpanel_subgroup_unselected.png');
    border-bottom: solid 1px #333333;
    border-right: solid 1px #333333;
    border-left: none;
    border-top: none;
    width: 165px;
    height: 25px;
    padding-top: 5px;
    margin: 0px;
}
.StandardLeftNavigationHighlight {
    background-image: url('../Content/Default/Images/Backgrounds/fleetpanel_subgroup_hover.png') !important;
    color: White !important;
}
.StandardLeftNavigationHighlight a:link,
.StandardLeftNavigationHighlight a:visited,
.StandardLeftNavigationHighlight a:hover,
.StandardLeftNavigationHighlight a:active {
    color: White !important;
}
.StandardLeftNavigation a:link,
.StandardLeftNavigation a:visited,
.StandardLeftNavigation a:hover,
.StandardLeftNavigation a:active {
    padding: 2px 2px 2px 10px;
    /* padding numbers = top : right : bottom : left ; */
    text-decoration: none;
    font-family: arial;
    font-weight: bold;
    text-align: left;
    color: black;
    font-size: 12px;
}
.StandardPanelHeader h2 {
    float: left;
    margin: 10px;
}
.StandardPanelHeader span {
    float: right;
    margin: 20px 0px 0px 0px;
}
.StandardPanelHeader {
    height: 50px;
    width: 800px;
}
.StandardPanelHeader UL {
    list-style-type: none;
    margin: 0px;
}
.StandardPanelHeader LI {
    float: right;
}
.StandardPanelHeader a:link,
.StandardPanelHeader a:visited,
.StandardPanelHeader a:active {
    text-decoration: none;
    color: Black;
    font-weight: bold;
}
.StandardPanelHeader a:hover {
    text-decoration: none;
    color: Red;
    font-weight: bold;
}
.StandardPanelContent {} .button {
    border: 1px solid #333333;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    color: Black;
    background-color: White;
    padding-right: 10px;
    background-image: url('../Content/Default/Images/Backgrounds/SearchButton.jpg');
    margin: 3px 3px 3px 3px;
}
#btnSave {
    margin-left: 10px;
}
#btnCancel {
    text-decoration: underline;
    background: none!important;
    color: #333!important;
    font-size: 110%!important;
}
#btnCancel:hover {
    color: #B70008;
}
.disableColour {
    color: Gray !important
}
.AssetDetailsHeader {
    font-weight: bold;
}
.AssetDetailsHeaderTable {
    width: 100%;
}
.AssetDetailsHeaderTDCells {
    width: 50%;
}
.AssetActionsRowReplaceNumber {
    width: 100px;
    overflow: hidden;
    float: right;
    white-space: nowrap;
}
#DrivingPatternDateTimeSelectionDiv {
    display: none;
}
.AssetActions {
    position: absolute;
    display: none;
    border-bottom: solid 1px #333333;
    background-color: White;
    color: Black;
}
.AssetActions ul {
    Margin: 0px;
    padding: 0px;
}
.AssetActions li {
    list-style-type: none;
    display: block;
}
#messageDetails {
    overflow: hidden;
}
/*Individual Styles*/
#alertMenu,
#reportMenu {
    display: none;
    position: absolute;
    width: 170px;
}
#alertMenu li,
#reportMenu li {
    list-style-type: none;
    display: block;
}
#alertMenu ul,
#reportMenu ul {
    Margin: 0px;
    padding: 0px;
}
#IndividualAlertOptions {
    display: none;
}
#CurrentAlerts {
    width: 600px;
}
#CurrentAlertsContainer {
    width: 600px;
    height: 160px;
    overflow-x: hidden;
    overflow-y: scroll
}
.pac-container {
    z-index: 10003 !important;
}
.NewsItemPermament {
    width: 250px;
    height: 40px;
}
.NewsItemTemporary {
    width: 250px;
    height: 40px;
}
.ClientNewsItem {
    position: absolute;
    z-index: -1;
    display: none;
}
.no-close .ui-dialog-titlebar-close {
    display: none
}
/* Administration Navigation */
#FleetAdminSubNavigation {
    position: absolute;
    font-weight: bold;
    display: none;
    border: solid 1px #7F7F7F;
}
#FleetAdminSubNavigation ul {
    padding: 0px;
    margin: 0px;
}
#FleetAdminSubNavigation li {
    list-style-type: none;
    float: left;
    padding: 6px 8px 6px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    border: solid 0px #333333;
    background-color: #DCDCDC;
}
#FleetAdminSubNavigation a:link {
    color: black;
    text-decoration: none;
}
#FleetAdminSubNavigation a:visited {
    color: black;
    text-decoration: none;
}
#FleetAdminSubNavigation a:hover {
    color: red;
    text-decoration: none;
}
.assetTableInfoWindow .assetNameCell div,
.assetTableInfoWindow .assetNameCell,
.assetTableInfoWindow .drivernamecell div {
    width: 90px !important;
}
/* New styles - aflaster 
/*Buttons*/
.actions {
    width: 95%;
    margin: 20px 0 14px 11px;
}
.actions button,
.button, button {
    margin: 0 3px 0 0;
    padding: 4px;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: white!important;
    background-color: #018693;
    cursor: pointer;
    font-size: 1em !important;
    font-family: Arial, Verdana, Helvetica, Sans-Serif !important;
    padding: 3px;
    border: none;
    background-image: none;
}
.actions button:hover,
.button:hover, button:hover {
    background-color: #006C76!important;
}
.actions button.buttonDisabled,
.button.buttonDisabled,
.actions button.buttonDisabled:hover,
.button.buttonDisabled:hover {
    background-color: #BCBCBC!important;
    cursor: not-allowed;
}
.button_bar .button {
    border-radius: 0;
    margin-right: 0;
}
.button_bar .button:first-child {
    border-radius: 4px 0 0 4px;
}
.button_bar .button:last-child {
    border-radius: 0 4px 4px 0;
}
.icon-button {
    padding-left: 20px;
    padding-right: 9px;
    background-image: url("/../Content/Default/Images/Jobs.png");
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 1.2em!important;
}
a.icon-button {
    padding-left: 23px;
    padding-right: 10px;
}
.icon-button.viewmsg {
    background-position: 1px -302px;
    background-image: url("/../Content/Default/Images/Jobs.png");
}
.icon-button.edit {
    background-position: 1px -271px;
}
.icon-button.cancel {
    background-position: 1px -242px;
}
.icon-button.reassign {
    background-position: 1px -211px;
}
.icon-button.viewjob {
    background-position: 1px -368px;
}
/*Left panel search*/
#adminSearchPanel,
#SearchPanel {
    padding: 3px 4px 6px;
    background-color: #404040;
    height: 23px;
}
#adminSearchPanel span,
#SearchPanel span {
    background-color: #404040;
    background-image: url("");
    border: 0px;
    color: #F8F8F8;
    padding: 3px 4px 3px 4px;
    line-height: 20px;
    margin: 0px;
}
#adminSearchText {
    margin: 0;
    padding: 0;
    height: 18px;
    ;
}
#adminSearchText_text,
#SearchText {
    width: 71%;
    border: none;
    padding: 3px 0 3px 5px;
    margin-right: 3px;
    font-size: 100%;
}
.searchCancelButton.button {
    border: 0px;
    color: #F8F8F8;
    line-height: 18px;
    margin: -1px 10px 0;
    float: right;
    font-size: 60%!important;
    padding: 2px 4px;
}
.searchCancelButton.button:hover {
    background-color: #A4A4A4;
}
#adminTreePanel,
#JobTreePanel {
    border: solid 1px #DBDBDB;
    min-height: 350px;
    height: 100%;
    width: 331px;
    padding: 0;
    overflow: auto;
    float: left;
    border-top: none;
    border-left: none;
}
#adminSearchResultsPanel,
#SearchResultsPanel {
    border: solid 1px #DBDBDB;
    min-height: 351px;
    height: 100%;
    width: 329px;
    padding: 0 0 18px 0;
    overflow: auto;
    display: none;
    float: left;
    position: relative;
    z-index: 150;
}
#adminTreeHeader {
    position: relative;
}
#title,
#SearchTitle {
    font-size: 1.5em;
    padding: 5px 0 0 10px;
    display: block;
}
#SearchTitle {
    line-height: 16px;
    margin-bottom: 8px;
}
#adminSearchResultsPanel #SearchTitle,
#SearchResultsPanel #SearchTitle {
    background: none repeat scroll 0 0 #404040;
    color: #FFFFFF;
    height: 25px;
    left: -3px;
    padding-left: 17px;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 315px;
}
.SubTitle {
    color: #AC2A32;
}
#adminSearchResultsPanel .SubTitle,
#SearchResultsPanel .SubTitle {
    color: #fff;
}
#treePanel,
#allTreePanel {
    min-width: 1024px;
    vertical-align: top;
    position: relative;
}
/*JS Tree*/
/*This is done to avoid issues with firefox float right*/
/*.jstree li{ white-space: normal !important;}*/
.jstree-default li {
    position: relative;
}
.jstree-default li.cut a,
.jstree-default li.cut a.clicked {
    color: grey!important;
}
.jstree a {
    width: 90%;
    padding: 1px 3px;
}
.jstree-0 li[rel="MORE"] > a {
    background: #989EB3;
    width: 47%;
    margin: 2px 0 4px;
    color: #fff;
}
.jstree-0 li[rel="MORE"] > a:hover {
    background: #1B77B6;
}
.jstree-0 li[rel="MORE"] > a > .jstree-icon {
    background-position: -19px -1px!important;
}
.jstree-default .jstree-closed > ins:hover {
    background-position: -75px -41px;
}
.jstree-clicked {
    font-weight: bold;
    color: #1B77B6 !important;
    background-color: white !important;
    border: 0px !important;
}
td.spacer {
    border: none;
}
.jstree-default.jstree-focused {
    background: none!important;
}
/*tabs*/
ul.fleetpaneltabs, ul.contenttabs {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    list-style: none;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
    background: #fff;
}
ul.fleetpaneltabs li, ul.contenttabs li {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
ul.fleetpaneltabs li a, ul.contenttabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.0em;
    padding: 3px 5px 2px 5px;
    border: 1px solid #fff;
    /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}
ul.fleetpaneltabs li a:hover, ul.contenttabs li a:hover {
    background: #ccc;
}
#GoogleSearch {
    margin:5px 5px 5px 5px;  
}
#GoogleSearchResults
{
    height:180px;
    margin:0px 5px 5px 5px;
    overflow-y:scroll;  
}
/*New create place*/
.AddPlaceControlContainer{display: none;}
.create_place .hollow-button, .place-actions label, button#place-save, button#place-save-alert {
    background-image:url("../Content/Default/images/places-sprite.png");
    background-repeat: no-repeat;
    background-position: center 2px;
    padding: 10px;
    margin-right: 6px;
}
.create_place .hollow-button {
  display: inline-block;
  vertical-align: middle;
}
.create_place .hollow-button.delete-path:hover {
    background-position: center -26px;
}
.create_place .hollow-button.edit-point {
    background-position: center -53px
}
.create_place .hollow-button.edit-point:hover {
    background-position: center -83px
}
.create_place .hollow-button.undo-path {
  background-position: 3px -110px;
}
.create_place .hollow-button.undo-path:hover {
  background-position: 3px -134px;
}
.place-actions {
    padding: 5px 8px;
}
.create_place label {
    color: #000;
    display: inline-block;
    vertical-align: middle;   
}
.place-actions label {
  margin-left: 10px;
    padding: 0 0 0 22px;
    background-position: left -157px;
}
.create_place input, .create_place select {
    border: 1px solid #999;
}
.create_place form {
    background: #ededed;
    padding: 2px 8px;
}
.create_place fieldset {
    border: none;
    padding: 0;
    margin: 8px 0;
}
.create_place fieldset label {
    display: block;
    margin-bottom: 2px;
}
.create_place fieldset input, .create_place fieldset select {
    width: 98%;
    font-size: 1.1em;
    padding-left: 5px;
}
button#place-save, button#place-save-alert {
     padding: 5px 5px 5px 19px;
    background-position: 1px -179px;
    margin: 8px 3px;
}
#AddUpdatePlace {
  padding: 10px 0;
}