﻿/* generic rounded rectangle sprites - use the same dimensions to share these classes */
.roundedBox
{
    position: relative;
    padding: 8px;
    margin: 0px 0;
    overflow:hidden;
}
.corner
{
    position: absolute;
    width: 8px;
    height: 8px;
}
.topLeft
{
    top: 0;
    left: 0;
    background-position: -0px -0px;
    overflow:hidden;
}
.topRight
{
    top: 0;
    right: 0;
    background-position: -8px -0px;
    overflow:hidden;
}
.bottomLeft
{
    bottom: 0;
    left: 0;
    background-position: -0px -8px;
    overflow:hidden;
}
.bottomRight
{
    bottom: 0;
    right: 0;
    background-position: -8px -8px;
    overflow:hidden;
}

/* black corners */
.roundedCornersBlack
{
    background-color: #000000;
}
.roundedCornersBlack .corner
{
    background-image: url(/SiteCollectionImages/Turners.MOSS.Valuations/BlackCircleWhiteBackGround16x16.png);
}

/* white corners */
.roundedCornersWhite
{
    background-color: #FFFFFF;
}
.roundedCornersWhite .corner
{
    background-image: url(/SiteCollectionImages/Turners.MOSS.Valuations/WhiteCircleBlackBackGround16x16.png);
}

/* grey corners */
.roundedCornersGrey
{
    background-color: #D9DADB;
}
.roundedCornersGrey .corner
{
    background-image: url(/SiteCollectionImages/Turners.MOSS.Valuations/GreyCircleBlackBackGround16x16.png);
}

/* red corners */
.roundedCornersRed
{
    background-color: #CD071E;
}
.roundedCornersRed .corner
{
    background-image: url(/SiteCollectionImages/Turners.MOSS.Valuations/RedCircleBlackBackGround16x16.png);
}

/* body text formats */
.vehicleTextMakeModel
{
    font-size: 40px !important;
    color: White;
    font-family: Arial !important;
    font-weight: bold;
    vertical-align: middle;
}
.vehicleTextHeading
{
    font-family: Arial !important;
    font-size: 20px !important;
    font-weight: bold;
    color: #00408F;
    margin-top: 5px;
}
.vehicleTextBody
{
    font-family: Arial !important;
    font-size: 12px !important;
    color: #000000;
}
.vehicleTextBodySmall
{
    font-family: Arial !important;
    font-size: 10px !important;
    color: #000000;
}
/* vehicle details section */
.vehicleTextBodyDetails
{
    font-family: Arial !important;
    font-size: 14px !important;
    color: #000000;
}
.vehicleTextBodyDetailsBold
{
    font-family: Arial !important;
    font-size: 14px !important;
    color: #000000;
    font-weight:bold;
}
.vehicleTextBodyBold
{
    font-family: Arial !important;
    font-size: 12px !important;
    color: #000000;
    font-weight: bold;
}
.vehicleTextBodyBlue
{
    font-family: Arial !important;
    font-size: 12px !important;
    color: #00408F;
}
/* top right text */
.vehicleHeadText
{
    font-family: Arial !important;
    font-size: 13px !important;
    color: #000000;
}

/* estimated sale price rows */
.vehiclePriceRow
{
    color: white;
    height: 38px !important;
}
.vehiclePriceRowText
{
    font-size: 15px !important;
    font-weight: bold;
}

.mouseOver
{
    color: #FFFFFF !important;
    cursor: hand;
    background-color: #00408F;
    font-family: Arial;
    font-size: 12px !important;
}

.mouseOver td a
{
    color: #FFFFFF !important;
}

.mouseOut
{
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 12px !important;
    color: #00408F !important;
}

