﻿body
{
    background-color: rgb(245, 245, 245);
}
#headerContent
{
    background: transparent url(images/header.jpg) no-repeat 0px 1px;
}
#headerTop
{
    background-color: #1c1c1d;
}
#headerLoginStatus
{
    background-color: #485151;
}
#headerLoginStatus, #headerLoginStatus a
{
    color: white;
}
#mainMenu
{
    background: transparent url(images/mainMenuBg.gif) repeat-x left top;
    border-bottom: 2px solid white;
}
.dxmMenuItem a, .dxmMenuItemHover a
{
    color: White;
    font-size: 14px;
}
.dxmMenuItemHover a
{
    color: White;
}
.dxmMenuItemHover
{
    background: transparent url(images/mainMenuSelectedBg.gif) repeat-x left top;
}
.dxmMenuItemSelected
{
    background-color: transparent;
    font-weight: bold;
}
#pageHeader
{
    background-color: #8d9397;
}
#footerBottom1
{
    background-color: #dcdcdc;
}
#footerBottom2
{
    background-color: #030303;
}
#loginFormBox
{
    background: transparent url(images/loginFormBgMain.png) no-repeat left top;
}
#loginFormLogo
{
    background: transparent url(images/loginPageLogo.png) no-repeat center center;
}
input[type='text'], input[type='password']
{
    border: 1px solid #afafaf;
}
input[type='submit'], input[type='button']
{
    
}
.dxgvTitlePanel, .dxgvTable caption
{
    border: none;
    background-color: transparent;
}
.gridViewTitlePanel .roundPanel
{
    background: transparent url(images/gridTitleBg.gif) repeat-x left top;
}

.dxgvTable
{
    border: 2px solid #c5c5c5;
    border-bottom-width: 1px;
}
.multiCardView .dxgvTable
{
    border: none;
}
#mainMenuLeft, #mainMenuRight
{
    width: 6px;
}
#mainMenuLeft
{
    background: transparent url(images/menuLeft.gif) no-repeat left top;
}
#mainMenuRight
{
    background: transparent url(images/menuRight.gif) no-repeat left top;
}
#subMenu .dxmSubMenuGutter
{
    background-color: #F26B62;
}

.dxgvFilterRow td.dxgv
{
    border-color: White;
    border-bottom: 2px solid #dcdcdc;
}

.dxgvGroupPanel
{
    background-color: White;
    border-left: 2px solid #c5c5c5;
    border-right: 2px solid #c5c5c5;
    color: Black;
}
#subMenu .dxmMenu
{
    background: transparent url(images/subMenuBg.gif) repeat-x left top;
}
#subMenu #subMenuCenter
{
    background: transparent url(images/subMenuBg.gif) repeat-x left top;
}
#subMenu .dxmMenu .dxmMenuItem a
{
    font-size: 12px;
}
#subMenu .dxmMenu .dxmMenuItemHover
{
    background: none;
}
#subMenuLeft, #subMenuRight
{
    width: 5px; /*background: transparent url(images/subMenuSepBg.gif) no-repeat center center;*/
}
.cardViewSidePanelCell .roundPanel
{
    background-color: #eeeded;
}
.dxgvDataRow .cardViewGridItemHeader .roundPanelTopLeftCorner, .dxgvEditFormDisplayRow .cardViewGridItemHeader .roundPanelTopLeftCorner, .dxgvPopupEditForm .cardViewGridItemHeader .roundPanelTopLeftCorner
{
    background: transparent url(images/cardViewTitleLeftTop.png) no-repeat left top;
}
.dxgvDataRow .cardViewGridItemHeader .roundPanelTopRightCorner, .dxgvEditFormDisplayRow .cardViewGridItemHeader .roundPanelTopRightCorner, .dxgvPopupEditForm .cardViewGridItemHeader .roundPanelTopRightCorner
{
    background: transparent url(images/cardViewTitleRightTop.png) no-repeat left top;
}
.dxgvDataRow .cardViewGridItemHeader, .dxgvEditFormDisplayRow .cardViewGridItemHeader, .dxgvPopupEditForm .cardViewGridItemHeader
{
    background: transparent url(images/cardViewTitleMiddle.png) repeat-x left top;
    height: 25px;
    margin-top: 20px;
}
.dxgvDataRow .cardViewGridItemContent, .dxgvEditFormDisplayRow .cardViewGridItemContent, .dxgvPopupEditForm .cardViewGridItemContent
{
    background-color: #eeeded;
    width: 100%;
}
.dxgvDataRow .cardViewGridItemContent .roundPanel, .dxgvDataRow .cardViewGridItemContent .cardFieldGroup .roundPanelContentCell, .dxgvEditFormDisplayRow .cardViewGridItemContent .roundPanel, .dxgvEditFormDisplayRow .cardViewGridItemContent .cardFieldGroup .roundPanelContentCell, .dxgvPopupEditForm .cardViewGridItemContent .roundPanel, .dxgvPopupEditForm .cardViewGridItemContent .cardFieldGroup .roundPanelContentCell
{
    background-color: White;
}
.cardFieldGroup td.dxgvEditFormCaption, .cardFieldGroup td.dxgv, .cardFieldGroup td.dxgvEditFormCell
{
    border: none;
    text-align: left !important;
}
.cardViewVehicleImage td.dxgv, .cardViewVehicleImage td.dxgvEditFormCell
{
    border-bottom: none;
}
.commandGroup td.dxgvEditFormCaption, .commandGroup td.dxgv
{
    border-bottom: none;
}
.dxgvDataRow .commandGroup, .dxgvEditFormDisplayRow .commandGroup, .dxgvPopupEditForm .commandGroup
{
    border-left: 3px solid #dcdcdc;
}
.cardViewSidePanelTitle
{
    color: White;
    font-size: 18px;
}
#configLeft a
{
    font-size: 14px;
    color: #5555FF;
}
.permissions td
{
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}
.imageCbItems
{
    background-color: White;
    padding: 5px;
    text-align: center;
    border: 2px solid gray;
}
.imageCbItem
{
    margin: 3px 0;
}
.horizontalCardFieldsBox td.dxgvEditFormCaption, .horizontalCardFieldsBox td.dxgv, .horizontalCardFieldsBox td.dxgvEditFormCell
{
    border: none;
}
.mainRoundPanel
{
    background-color: #eeeded;
}
.mainRoundPanel .roundPanelTopLeftCorner
{
    background: transparent url(images/mainRpCorners.png) no-repeat scroll left top;
}
.mainRoundPanel .roundPanelTopRightCorner
{
    background: transparent url(images/mainRpCorners.png) no-repeat scroll right top;
}
.mainRoundPanel .roundPanelBottomLeftCorner
{
    background: transparent url(images/mainRpCorners.png) no-repeat scroll 0px -6px;
}
.mainRoundPanel .roundPanelBottomRightCorner
{
    background: transparent url(images/mainRpCorners.png) no-repeat scroll -6px -6px;
}
.mainRoundPanel .roundPanelTopRightCorner, .mainRoundPanel .roundPanelTopLeftCorner, .mainRoundPanel .roundPanelBottomLeftCorner, .mainRoundPanel .roundPanelBottomRightCorner
{
    height: 6px;
    width: 6px;
}
.mainDV td
{
    padding: 5px;
    border: 1px solid #D2D2D2;
}
.mainDV .mainDVFieldHeader
{
    font-weight: bold;
}
#vehicleDetailsRight
{
    border-left: 2px solid #F26B62;
}
.loading
{
    background: white url(images/preloader.gif) no-repeat scroll center center;
    border: 2px solid gray;
    height: 60px;
    position: absolute;
    width: 100px;
}
.srWoStepCurrent
{
    background: transparent url(images/woStepYellow.png) no-repeat left top;
}
.srWoStepPast
{
    background: transparent url(images/woStepGreen.png) no-repeat left top;
    color: White;
}
.srWoStepNext
{
    background: transparent url(images/woStepBlue.png) no-repeat left top;
}
#srProductsPopupProducts .dxgvDataRow:hover
{
    background-color: Gray;
    color: White;
}
.woStepsDeclined
{
    background-color: #F98989;
}
.dxeFocused
{
    border: dashed 1px black;
}
#inspectionMeasurements
{
    background: transparent url(images/measBg.png) no-repeat right top;
}
#inspectionMeasurements .dxgvTable
{
    border: none;
    background-color: transparent;
}
.dxgvPreviewRow td.dxgv
{
    padding: 0 10px 0 15px;
}
#reportContent
{    
    padding: 5px;
}
.ruleApplied
{
    background-color: #6be26e;
    font-weight: bold;
}

.incorrectValueInCell, .incorrectValueInCell .dxeProgressBar, .incorrectValueInCell .dxeProgressBarIndicator
{
    background-color: Red;
}
.incorrectValueInCell .dxeProgressBar, .incorrectValueInCell .dxeProgressBar td.dxe
{
    color: White;
}
.incorrectValueInCell .dxeProgressBar
{
    border: none;
}
.dxgvTitlePanel a
{
    color: White;
}
.tc_main_menu_item_selected
{
    background-color: #F26B62;
    color: White;
}
#srProductsPopupProducts .dxgvTable
{
    border: none;
}
.ppProduct
{
    padding: 5px 0 5px 5px;
}
.loginForm
{
    background-color: #F7F7F7;
}
#headerRightLogo
{
    background: url("images/pageLogo.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 40px;
    margin: 15px;
    width: 68px;
}



/* NEW STYLE */
#footerLeftLogoContainer
{
    display: none;
}
#pageTopHeader
{
    background-color: #A8192C;
    background: transparent url(images/background-line.png) repeat-x 0px 0px;
}
#headerLeftLogo
{
    background: transparent url(images/header-left-logo2.png) no-repeat 0px 0px !important;
}
#imgAddBookmark
{
    background: transparent url(images/star-icon.png) no-repeat 0px 0px;
}
#imgHomepage
{
    background: transparent url(images/home-icon.png) no-repeat 0px 0px;
}
#imgSupport
{
    background: transparent url(images/support.png) no-repeat 0px 0px;
}
#loginView, #loginView a, #userProfilePanel, #userProfilePanel a
{
    color: white;
}
/*.searchPanel .roundPanel
{
    background-color: #A8192C;
}
.txtSearch
{
    background-color: #A8192C;
    color: white;
}*/
.menuPanel, .menuPanel ul, .menuPanel li
{
    background-color: rgb(235, 235, 235);
}
.menuPanel a
{
    color: black;
}
.menuPanel li
{
    border-bottom: 1px solid white;
}
.menuPanel li:hover, .menuPanel li.selectedItem
{
    background-color: rgb(210, 210, 210) !important;
    border-left-color: rgb(210, 210, 210) !important;
    border-right-color: rgb(210, 210, 210) !important;
}
.mainMenuControl, .mainMenuControl li
{
    background-color: rgb(245, 245, 245);
}
.mainContainer
{
    background-color: rgb(245, 245, 245);
}
.searchPanel .roundPanelCorner
{
    background-image: url(images/border-corners.png);
}
.searchPanel .roundPanelBorder
{
    background-image: url(images/gray-pixel.png);
}
.menuPanel .roundPanelCorner
{
    background-image: url(images/main-corners.jpg);
}
.rightPanelHeader
{
    background-color: rgb(210, 210, 210);
}
.rightPanelHeader .roundPanelCorner
{
    background-image: url(images/header-corners.jpg);
}
.rightPanelContent
{
    background-color: white;
}
/*.rightPanelContent .roundPanelCorner
{
    background-image: url(images/content-corners.jpg);
}*/
.homepageSearchPanel .roundPanelCorner
{
    background-image: url(images/search-corners.png);
}
.homepageSearchPanel .roundPanelBorder
{
    background-image: url(images/search-pixel.png);
}
.imgEdit
{
    background: transparent url(images/edit.png) no-repeat 0px 0px;
}
.imgAdd
{
    background: transparent url(images/add.png) no-repeat 0px 0px;
}
.imgAddWizard
{
    background: transparent url(images/wizard.png) no-repeat 0px 0px;
}
.imgDelete
{
    background: transparent url(images/delete.png) no-repeat 0px 0px;
}
.imgDetails
{
    background: transparent url(images/details.png) no-repeat 0px 0px;
}
.imgCopy
{
    background: transparent url(images/copy.png) no-repeat 0px 0px;
}
.gridViewTitlePanel, .gridViewTitlePanel *, .mainHeaderPanel *, .gridTitleTextCell, .itemCountCell
{
    background-color: #56B7EF;
}
.cardViewFilter .gridTitleTextCell
{
    background-color: transparent !important;
}
.dxgvControl.DDGridView
{
    background-color: white !important;
}
.newGrid td[id*=ExportButton]
{
    background: transparent url(images/excel-transparent.png) no-repeat 0px 0px !important;
}
.gridViewTitlePanel .roundPanelCorner, .mainHeaderPanel .roundPanelCorner
{
    background-image: url(images/grid-header-corners.png);
}
/*#main_Content_ImageButton1
{
    background: transparent url(images/search-icon.png) no-repeat 0px 0px !important;
    height: 20px;
    width: 20px;
    display: inline-block;
}*/
.filterButton
{
    background: transparent url(images/filter-transparent.png) no-repeat 0px 0px !important;
}
#detailsTable
{
    background-color: white;
}
.roundButton a
{
    color: white !important;
}
.roundButton .dxeHyperlink
{
    color: white !important;
}
.footerLogo
{
    background: transparent url(images/footer-logo.png) no-repeat scroll bottom right;
}
.entryTitle, .entryTitle a
{
    color: #0C6D9D;
}
.vehiclePopupLinkBox a
{
    color: #0C6D9D;    
}
.detailsTabControl
{
    background-color: white;
}
.deleteButtonPanel
{
    background-color: #E0130B;
}
.deleteButtonPanel .roundPanelCorner
{
    background-image: url(images/button-corners-red.png) !important;
}

/* COMBOBOX */
table.dxeButtonEdit
{
    background: transparent url(images/input-left-side.jpg) no-repeat scroll 0 1px;
}
table.dxeButtonEdit input.dxeEditArea
{
    background: transparent url(images/input-center-side.jpg) repeat-x scroll 0 0;
}
table.dxeButtonEdit td.dxeButtonEditButton
{
    background: transparent url(images/combobox-right-side.jpg) no-repeat scroll 0 0;
}
/*----required----*/
table.dxeButtonEdit.required
{
    background: transparent url(images/input-left-side-yellow.jpg) no-repeat scroll 0 1px;
}
table.dxeButtonEdit.required input.dxeEditArea
{
    background: transparent url(images/input-center-side-yellow.jpg) repeat-x scroll 0 0;
}
table.dxeButtonEdit.required td.dxeButtonEditButton
{
    background: transparent url(images/combobox-right-side-yellow.jpg) no-repeat scroll 0 0;
}
/*----for newGrid----*/
/*.newGrid table.dxeButtonEdit
{
    background: transparent url(images/input-left-side-gray.jpg) no-repeat scroll 0 1px;
}
.newGrid table.dxeButtonEdit.required
{
    background: transparent url(images/input-left-side-yellow-gray.jpg) no-repeat scroll 0 1px;
}
.newGrid table.dxeButtonEdit td.dxeButtonEditButton
{
    background: transparent url(images/combobox-right-side-gray.jpg) no-repeat scroll 0 0;
}
.newGrid table.dxeButtonEdit.required td.dxeButtonEditButton
{
    background: transparent url(images/combobox-right-side-yellow-gray.jpg) no-repeat scroll 0 0;
}*/
/* for reports */
.reportsHeaderPanel .dxeButtonEdit
{
    background-image: url(images/input-left-side-darkgray.png) !important;
}
.reportsHeaderPanel .dxeButtonEditButton
{
    background-image: url(images/combobox-right-side-darkgray.png) !important;
}
/*-------------------*/


/* SPIN EDIT */
table.dxeButtonEdit td.dxeSBC table
{
    display: inline-block;
    height: 13px;
    width: 26px;
}
table.dxeButtonEdit table.dxbebt
{
    height: 14px !important;
    position: relative;
    bottom: 1px;
}
table.dxeButtonEdit td.dxeSpinIncButton
{
    background: transparent url(images/spin-inc-button.jpg) no-repeat scroll 0 0 !important;
    height: 13px;
    width: 27px;
}
table.dxeButtonEdit td.dxeSpinDecButton table.dxbebt
{
    background: transparent url(images/spin-dec-button.jpg) no-repeat scroll 0 0 !important;
}
/* required */
table.dxeButtonEdit.required td.dxeSpinIncButton
{
    background-image: url(images/spin-inc-button-yellow.jpg) !important;
}
table.dxeButtonEdit.required td.dxeSpinDecButton table.dxbebt
{
    background-image: url(images/spin-dec-button-yellow.jpg) !important;
}
/*----for newGrid----*/
.newGrid table.dxeButtonEdit td.dxeSpinIncButton
{
    background: transparent url(images/spin-inc-button-gray.jpg) no-repeat scroll 0 0 !important;
    height: 13px;
    width: 27px;
}
.newGrid table.dxeButtonEdit td.dxeSpinDecButton table.dxbebt
{
    background: transparent url(images/spin-dec-button-gray.jpg) no-repeat scroll 0 0 !important;
}
table.dxeButtonEdit td.dxeSpinDecButton
{
    background: none !important;
}

/* TEXTBOX */
table.dxeTextBox
{
    background: transparent url(images/input-left-side.jpg) no-repeat scroll 0 0px;
}
table.dxeTextBox input.dxeEditArea
{
    background: transparent url(images/input-center-side.jpg) repeat-x scroll 0 0;
}
table.dxeTextBox td.dxic
{
    background: transparent url(images/textbox-right-side.jpg) no-repeat scroll right top;
}
/*----required----*/
table.dxeTextBox.required
{
    background: transparent url(images/input-left-side-yellow.jpg) no-repeat scroll 0 0px;
}
table.dxeTextBox.required input.dxeEditArea
{
    background: transparent url(images/input-center-side-yellow.jpg) repeat-x scroll 0 0;
}
table.dxeTextBox.required td.dxic
{
    background: transparent url(images/textbox-right-side-yellow.jpg) no-repeat scroll right top;
}
/*----for newGrid----*/
/*.newGrid table.dxeTextBox
{
    background: transparent url(images/input-left-side-gray.jpg) no-repeat scroll 0 0px;
}
.newGrid table.dxeTextBox.required
{
    background: transparent url(images/input-left-side-yellow-gray.jpg) no-repeat scroll 0 0px;
}
.newGrid table.dxeTextBox td.dxic
{
    background: transparent url(images/textbox-right-side-gray.jpg) no-repeat scroll right top;
}
.newGrid table.dxeTextBox.required td.dxic
{
    background: transparent url(images/textbox-right-side-yellow-gray.jpg) no-repeat scroll right top;
}*/
/* for reports */
.reportsHeaderPanel .dxeTextBox
{
    background-image: url(images/input-left-side-darkgray.png) !important;
}
.reportsHeaderPanel .dxeTextBox td.dxic
{
    background-image: url(images/textbox-right-side-darkgray.png) !important;
}
/*---------------------------------*/



/* TEXTAREA */
table.dxeMemo
{
    background: transparent url(images/textarea2.png) scroll no-repeat top left;
}
table.dxeMemo td
{
    background: transparent url(images/textarea-right-side.png) scroll no-repeat top right;
}
/*----------------------*/

/* Wizard Tabs */
#wizardHeaderContainer
{
    background-color: white;
}
.wizardHeader
{
    background-color: rgb(235, 235, 235);
}
.wizardHeader .roundPanelCorner
{
    background-image: url(images/wizard-header-corners.png);
}
.wizardHeader .roundPanelTopMiddle
{
    background-image: none !important;
}
.wizardHeader .roundPanelBorder
{
    background-image: url(images/wizard-tab-pixel.png);
}
.wizardTab
{
    background-color: rgb(245, 245, 245);
}
.wizardTabWithError
{
    background-color: red !important;
}
.wizardTabWithError a
{
    color: white !important;
}
.wizardTabWithError .roundPanelCorner
{
    background-image: url(images/wizard-tab-corners-error.png) !important;
}
.wizardTabWithError .roundPanelBorder
{
    background-image: none !important;
}
.wizardTab a, .wizardTab a:visited
{
    color: rgb(51, 119, 153);
}
.wizardTab .roundPanelCorner
{
    background-image: url(images/wizard-tab-corners.png);
}
.wizardTab .roundPanelTopMiddle
{
    background-image: none;
}
.wizardTab.activeTab
{
    background-color: rgb(85, 85, 85);
}
.wizardTab.activeTab a, .wizardTab.activeTab a:visited
{
    color: white;
}
.wizardTab.activeTab .roundPanelCorner
{
    background-image: url(images/wizard-active-tab-corners.jpg);
}
.wizardTab.activeTab .roundPanelBorder
{
    background-image: none;   
}
.wizard
{
    background-color: white;
}
/*-------------------------------------------------*/




/* MEASUREMENTS VIEW */
.measurementsPanel
{
    background-color: white;
}
.inspectionDetailsTable .dxtcPageContent
{
    background-color: white !important;
}
.inspectionDetailsTable
{
    width: 100%;
}
#inspectionDetailsLeftCell
{
    width: 220px;
}
#tyreEditBox div.roundPanelCorner, div.groupedRowsContainer
{
    background-color: white;
}
#tyreEditBox td.roundPanelBorder
{
    background-color: white;
}
/*table.dxtcActiveRow
{
    border-bottom: 2px solid rgb(128, 128, 128) !important;
}*/
div.vehicleDetailsBox *
{
    background-color: rgb(210, 210, 210) !important;
}
div.vehicleDetailsBox .roundPanelCorner
{
    background-image: url(images/vehicle-box-corners.jpg);
}
#tyreEditBox .dxgvEmptyDataRow
{
    background-color: white !important;
}
div.vehicleDetailsBox .dxtcControl .dxtcPageContent
{
    background-color: white !important;
}
#vehicleDetailsRight .dxtcControl .dxtcTabsCell
{
    background-color: white;   
}
#inspectionTitles .inspectionTitlesValues a
{
    color: #6F9FBC !important;
}

/**********************Tab style************************/
.tabTitleLeft
{
    background: transparent url(images/tabTitleLeft_new_1.png) no-repeat left top !important;
}
.tabTitleRight
{
    background: transparent url(images/tabTitleRight_new_1.png) no-repeat left top !important;
}
.tabTitleLeftSelected
{
    background: transparent url(images/tabTitleLeftSelected_new_1.png) no-repeat left top !important;
}
.tabTitleRightSelected
{
    background: transparent url(images/tabTitleRightSelected_new_1.png) no-repeat left top !important;
}
.tabTitleMiddleSelected
{
    background-color: rgb(85, 85, 85) !important;
    color: White !important;
}
.tabTitleMiddle
{
    background: transparent url(images/tabTitleMiddle_new_1.png) repeat-x left top !important;
}

/**********************Popup view************************/
.dxpcHeader
{
    background-color: rgb(210, 210, 210) !important    
}
.dxpcHeader .dxpc
{
    color: rgb(85, 85, 85) !important;  
}
/********************************************************/

div.vehicleImageAxle a
{
    color: rgb(111, 159, 188);   
}
.dxgvGroupPanel
{
    background-color: rgb(128, 128, 128) !important;
    color: white; 
}

/*  REPORTS  */
.reportsHeaderPanel
{
    background-color: rgb(210, 210, 210) !important;
}
.reportsHeaderPanel .roundPanelCorner
{
    background-image: url(images/reports-header-corners.png);
}

/*--------- Login page style ---------*/
.loginFormBox
{
    background-color: white !important;
}
.loginForm 
{
    background-color: white !important;
}
.loginForm input[type="text"], input[type="password"] 
{
    background-color: white !important;
}
/* -----------------------------------*/

/*FILTER*/
.cardViewSidePanelCell .filterContent
{
    background: transparent url(images/gridMultiEditTitleBg.jpg) repeat-x left top;
}
.filterContent
{
    margin: 0px !important;
}
.filterContent .roundPanelCorner
{
    background-image: url(images/filter-panel-corners.jpg);
}


/* SHADOW */
.topShadow
{
    background: #F5F5F5 url(images/shadow-top.png) repeat-x left bottom !important;
}
.rightShadow
{
    background: #F5F5F5 url(images/shadow-right.png) repeat-y left top !important;
}
.bottomShadow
{
    background: #F5F5F5 url(images/shadow-bottom.png) repeat-x left top !important;
}
.leftShadow
{
    background: #F5F5F5 url(images/shadow-left.png) repeat-y right top !important;
}
.topLeftShadow
{
    background: #F5F5F5 url(images/shadow-top-left.png) no-repeat left top !important;
}
.topRightShadow
{
    background: #F5F5F5 url(images/shadow-top-right.png) no-repeat left top !important;
}
.bottomRightShadow
{
    background: #F5F5F5 url(images/shadow-bottom-right-white.png) no-repeat left top !important;
}
.bottomLeftShadow
{
    background: #F5F5F5 url(images/shadow-bottom-left-white.png) no-repeat left top !important;
}
.mainShadowPanel .topLeftShadow
{
    background-image: url(images/shadow-top-left-red.png) !important;
}
.mainShadowPanel .topRightShadow
{
    background-image: url(images/shadow-top-right-red.png) !important;
}
.mainShadowPanel .bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-white.png) !important;
}
.mainShadowPanel .bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-white.png) !important;
}
.mainShadowPanel.homeShadowPanel td.topLeftShadow
{
    background-image: url(images/shadow-top-left-home.png) !important;
}
.mainShadowPanel.homeShadowPanel td.topRightShadow
{
    background-image: url(images/shadow-top-right-home.png) !important;
}
.mainShadowPanel.homeShadowPanel td.bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-home.png) !important;
}
.mainShadowPanel.homeShadowPanel td.bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-home.png) !important;
}
table.roundPanel.wideShadowPanel td.topLeftShadow
{
    background-image: url(images/shadow-top-left.png) !important;
}
table.roundPanel.wideShadowPanel td.topRightShadow
{
    background-image: url(images/shadow-top-right.png) !important;
}
.vehicleDetailsTableTdRight table.roundPanel.wideShadowPanel .bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-white.png) !important;
}
.vehicleDetailsTableTdRight table.roundPanel.wideShadowPanel .bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-white.png) !important;
}
.mainShadowPanel.grayShadowPanel td.bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-transparent.png) !important;
}
.mainShadowPanel.grayShadowPanel td.bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-transparent.png) !important;
}
.mainShadowPanel.bottomHomeShadowPanel td.bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-home.png) !important;
}
.mainShadowPanel.bottomHomeShadowPanel td.bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-home.png) !important;
}
/* filter shadow */
.filterShadowPanel .cornerShadow, .filterShadowPanel .borderShadow, .filterShadowPanelrow0, .filterShadowPanelrow2
{
    background-color: white !important;
}
.filterShadowPanel .bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-filter.png) !important;
}
.filterShadowPanel .bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-filter.png) !important;    
}
.popupContainer
{
    background-color: #EDEDED;
}

/* USER PROFILE */
.userProfileTabControl, .userProfileTabControl .cardViewGridItemContent
{
    background-color: white !important;
}

/* DASHBOARD */
.kpiMainFields, .KpiTabControl
{
    background-color: white !important;
}

/* CUSTOMER CONTACTS */
.mainShadowPanel.partGrayShadowPanel td.topLeftShadow
{
    background-image: url(images/shadow-top-left-part.png) !important;
}
.mainShadowPanel.partGrayShadowPanel td.topRightShadow
{
    background-image: url(images/shadow-top-right-part.png) !important;
}
.mainShadowPanel.partGrayShadowPanel td.bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-transparent.png) !important;
}
.mainShadowPanel.partGrayShadowPanel td.bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-transparent.png) !important;
}

/* HEADER MENU */
#headerMenuLeftSide div
{
    background: transparent url(images/header-menu-left-side.png) no-repeat left top;
}
#headerMenuRightSide div
{
    background: transparent url(images/header-menu-right-side.png) no-repeat left top;
}
#headerMenuContent
{
    background: transparent url(images/header-menu-background-line.png) repeat-x left top;
}

/* white panel */
.whiteShadowPanel .bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-white.png) !important;
}
.whiteShadowPanel .bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-white.png) !important;
}
.whiteShadowPanel .topRightShadow
{
    background-image: url(images/shadow-top-right-white.png) !important;
}
.whiteShadowPanel .topLeftShadow
{
    background-image: url(images/shadow-top-left-white.png) !important;
}

/*part white panel */
.mainShadowPanel.partWhiteShadowPanel td.topLeftShadow
{
    background-image: url(images/shadow-top-left-part.png) !important;
}
.mainShadowPanel.partWhiteShadowPanel td.topRightShadow
{
    background-image: url(images/shadow-top-right-part.png) !important;
}
.mainShadowPanel.partWhiteShadowPanel td.bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-white.png) !important;
}
.mainShadowPanel.partWhiteShadowPanel td.bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-white.png) !important;
}


/* new vehicle details */
.mainShadowPanel.vehicleViewShadowPanel td.topLeftShadow
{
    background-image: url(images/shadow-top-left-transparent.png) !important;
}
.mainShadowPanel.vehicleViewShadowPanel td.topRightShadow
{
    background-image: url(images/shadow-top-right-transparent.png) !important;
}
.mainShadowPanel.vehicleViewShadowPanel td.bottomLeftShadow
{
    background-image: url(images/shadow-bottom-left-transparent.png) !important;
}
.mainShadowPanel.vehicleViewShadowPanel td.bottomRightShadow
{
    background-image: url(images/shadow-bottom-right-transparent.png) !important;
}
.tabTitleMiddle, .tabTitleMiddleSelected
{
    height: 29px !important;
}

    










