﻿.orderingTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ShoppingCart-Icon1-200px.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.csrTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/CustomerService.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.SystemConfigurationTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ConfigIcon-180x180.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.UserConfigurationTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/UserIcon-0052CC-180x180.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.MyAcctsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Accounts.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.deviceMgmtTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/DeviceManagement.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboardTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Dashboard.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboardConfigTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Dashboard.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.accountDetailsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Accounts.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.renewalProductsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Catalog.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.reportsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Reports.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.salesRepTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/SalesTeam.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.fieldServicesTile .rtileContentImage {
    background-image: url('Images/Icons/fieldservices.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.fieldServicesTile .rtileContentImage {
    background-image: url('Images/Icons/fieldservices.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.complianceTile .rtileContentImage {
    background-image: url('Images/Icons/compliance.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.IFUDocManagementTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/IFU.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.ContactUsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ContactUsIcon-Phone1-180px.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.scaTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/sca2.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.SqlReportsTile2 .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/SQLReports.png');
    background-size: cover;
    background-repeat: no-repeat;
}


.ComplianceDocsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Compliance.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.IfuTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/IFU.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.IfuManagementTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/IFU.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.VideoTourTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Tour.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.ReportsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ReportsIcon1-180px.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.salesReportTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/DollarSignIcon.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.SavingsReportTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/SavingsReportIcon.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.ContributionTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ReprocessingIcon5-0052CC-180px.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.ReprocessingTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ReprocessingIcon3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.LightswitchTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Lightswitch.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.sales .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/SalesTeam.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.resourcesTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/Resources.png');
    background-size: cover;
    background-repeat: no-repeat;
}


.productSupportTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/NetworkFolder.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.rssResourcesTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/AccountsBooksIcon.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.rssExcelTile .rtileContentImage {
    background-image: url('Images/Icons/ExcelIconRound.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.rssFacMgmtTile .rtileContentImage {
    background-image: url('Images/Icons/icon-facility-management.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.itemFileUsageMgmtTile .rtileContentImage {
    background-image: url('Images/Icons/itemfileusage.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.availInventoryUsageMgmtTile .rtileContentImage {
    background-image: url('Images/Icons/AvailableInventory3.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.scopeRepairTile .rtileContentImage {
    background-image: url('Images/Icons/ScopeRepair2.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.MmisItemsLoadTile .rtileContentImage {
    background-image: url('Images/Icons/MmisItemsLoad.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.FacSysPropsTile .rtileContentImage {
    background-image: url('Images/Icons/FacilitySystemsProperties.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.oemTile .rtileContentImage {
    background-image: url('Images/Icons/oem.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

/* 1.  level class that holds all the tiles */
.MenuTiles {
    padding: 0;
    margin: 30px 0 50px 50px;
}

    /* 2.  a column of tiles  */
    .MenuTiles .RadTileList .rtlistWrapper {
        width: 200px; /* spacing between columns */
        padding: 10px;
        background-color: white;
    }

    /* 3. Set the dimensions of the photo */
    .MenuTiles .RadTile .rtileContentImage {
        width: 180px;
        height: 180px;
        border: 1px solid white !important;
    }

        .MenuTiles .RadTile .rtileContentImage:hover {
            border: 1px solid #666 !important;
            cursor: pointer !important;
        }

/* 4. put transparent so you can put a grey line on hover */
.RadTile.rtileSquare {
    background-color: white;
    margin: 0 0 20px 0 !important;
    overflow: visible !important;
}

.MenuTiles .RadTile .rtileTitle {
    font-size: 18px;
    line-height: 18px;
    font-family: "Open Sans";
    color: #666;
    width: 152px;
    text-align: center;
    top: 187px; /* push text on down from where it originated */
}

.RadTile .rtileTopContent {
    background-color: white;
}


