body
{
    background-color: #b0b0b0;
}

#doc4
{
    width: 80% !important;
    background-color: #fff;
}

.header
{
    width: 100%;
    background-color: #fff;
    background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF, #3D3D3D);
    background: -moz-linear-gradient(left, #FFFFFF, #FFFFFF, #3D3D3D);
    background: linear-gradient(to right, #FFFFFF, #FFFFFF, #3D3D3D);
}

#topnav
{
    width: 100% !important;
    height: 25px;
    padding-top: 137px;
    background-image: url(../images/nsight_logo2.png) !important;
    background-size: 170px 136px;
    background-repeat: no-repeat;
    background-position-x: 24px;
}

.navAdmin
{
    width: 100% !important;
    height: 21px;
    background-color: #F5F0EA;
    padding-bottom: 4px;
    padding-top: 0px !important;
    margin-left: 0px !important;
    border-top: solid 1px #3d3d3d;
    border-bottom: solid 1px #3d3d3d;
}

.loggedInDetails
{
    display: inline-block;
    float: left;
    margin-top: 4px;
}

.loggedInUser
{
    display: inline-block;
    float: left;
    margin-top: 4px;
}

.navMenu
{
    display: inline-block;
    float: right;
    margin-right: 16px;
    margin-top: 5px;
}

.pageTitle
{
    color: #3d3d3d;
    font-size: 32px;
    display: inline-block;
    float: left;
}

.dividerBar
{
    clear: both;
    margin-top: 8px;
    margin-bottom: 8px;
}
.buttonBox2 {
    display: inline-block;
    float: left;
    width: auto !important;
    margin-left: 30%;
}
.buttonBox
{
    display: inline-block;
    float: right;
    width: auto !important;
}

div.buttonBox > a > img
{
    margin-top: 8px;
    margin-left: 8px;
}

div.buttonBox > input[type=image]
{
    margin-top: 8px;
    margin-left: 8px;
}

.formLabel
{
    color: #3d3d3d;
}

#bd
{
    background-color: #fff;
    margin-top: 32px;
    padding-left: 30px;
    padding-right: 30px;
}

.mainContent
{
    clear: both;
    width: 100%;
    padding-top: 16px;
}

#prospectList
{
    width: 100% !important;
}

tr.whiteHeaderText
{
    background-color: #3d3d3d;
}

.dealerInfo
{
    width: auto !important;
    display: inline-block;
    float: left;
    margin-bottom: 16px;
}

#dealerInfo 
{
    display: inline-block;
}

.registeredProspects
{
    display: inline-block;
    font-weight: bolder;
    font-size: 14px;
    padding-top: 8px;
}

.prospectNav
{
    display: inline-block;
    float: right;
    width: auto !important;
}

#ft
{
    background-color: #fff;
    margin-top: 36px;
}

hr
{
    color: #8a8a8a;
}

#footer
{
    padding-bottom: 12px;
    text-align: center;
    font-family: Calibri;
    color: #8a8a8a;
    font-size: 12px;
}

#copyright
{
    padding-right: 64px;
}

input:read-only
{
    background: #efefef;
}

select:disabled
{
    background: #efefef;
}

/* 
    ---------------------------------------------------------------------------
    GRID LAYOUT 
    ---------------------------------------------------------------------------
*/

.editProspectGrid
{
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 48px;
    width: 100%;
    clear: both;
    border-top: solid 1px #c0c0c0;
    padding-top: 32px;
}

.editProspectGrid input:not([type=radio])
{
    width: auto !important;
}

.gridCell
{
    display: inline-block;
}

.fullField input:not([type=radio])
{
    width: 90% !important;
}

.fullField textarea
{
    width: 100% !important;
}

.fullField select
{
    width: 90% !important;
}

.fullField label
{
    width: auto !important;
}

.col1
{
    grid-column: 1;
}
.col1Span
{
    grid-column: 1 / span 2;
}
.col2
{
    grid-column: 2;
}
.col2Span
{
    grid-column: 2 / span 2;
}
.col3
{
    grid-column: 3;
}
.col3Span
{
    grid-column: 3 / span 2;
}
.col4
{
    grid-column: 4;
}
.col4Span
{
    grid-column: 4 / span 2;
}
.col5
{
    grid-column: 5;
}
.col5Span
{
    grid-column: 5 / span 2;
}
.col6
{
    grid-column: 6;
}
.colFullSpan
{
    grid-column: 1 / span 6;
}
.row1
{
    grid-row: 1;
}
.row2
{
    grid-row: 2;
}
.row3
{
    grid-row: 3;
}
.row3Span
{
    grid-row: 3 / span 2;
}
.row4
{
    grid-row: 4;
}
.row4Span
{
    grid-row: 4 / span 2;
}
.row5
{
    grid-row: 5;
}
.row5Span
{
    grid-row: 5 / span 2;
}
.row6
{
    grid-row: 6;
}
.row6Span
{
    grid-row: 6 / span 2;
}
.row7
{
    grid-row: 7;
}
.row8
{
    grid-row: 8;
}
.row9
{
    grid-row: 9;
}
.row10
{
    grid-row: 10;
}
.row11
{
    grid-row: 11;
}
.row12
{
    grid-row: 12;
}
.row13
{
    grid-row: 13;
}
.row14
{
    grid-row: 14;
}
.row15
{
    grid-row: 15;
}