﻿div.t4gInvoiceTopSection
{
    padding: 10px 0px 0px 0px;
    overflow: hidden;
    clear: both;
}
    
div.t4gInvoiceSection
{    
    border: 1px solid #D9D9D9;
    padding: 3px;
}

.mlcInvoiceSectionHeader
{
    background-color:#004FA3;
    color:#ffffff;
    padding: 3px;
    margin-top: 10px;
    width: 100%;
}

div.t4gInvoiceMain
{
    width: 100%;  
    overflow: hidden;  
}

div.t4gInvoiceCustomerInfo, div.t4gInvoiceVehicleInfo
{
    margin-bottom: 5px;
}

td.mlcPriceColumn
{
    text-align: right;   
    vertical-align: top;
}

.t4gInvoiceServiceHistory {
    border: 1px solid #D9D9D9;
}

.t4gInvoiceServiceHistory td,
.t4gInvoiceServiceHistory th
{
    padding: 3px;
    }

.t4gInvoiceServiceHistory th
{
    font-weight: bold;   
}

.t4gInvoiceServiceHistoryDate
{
    width: 25%;   
}

.t4gInvoiceServiceHistoryKilometers
{
    width: 25%;   
}

.t4gInvoiceServiceHistoryServices
{
    width: 49%;
}

a.btn-go
{
    background: url("/imgs/T4G/btn-go-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 55px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    padding-left: 10px;
    margin-top: 10px;
}


.fr a.btn-go
{
    background: url("/imgs/T4G/fr-btn-go-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 55px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    padding-left: 10px;
    margin-top: 10px;
}


.btn-login
{
    background: url("/imgs/T4G/btn-login-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 81px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    float: left;
    border: none;
    margin: 5px 0px;
}

.fr .btn-login
{
    background: url("/imgs/T4G/fr-btn-login-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 124px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    float: left;
    border: none;
    margin: 5px 0px;
}

a.btn-submit
{
    clear: both;
    background: url("/imgs/T4G/btn-submit-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 91px;
    height: 1px;
    overflow: hidden;
    padding-top: 25px;
    margin-top: 10px;
}

.fr a.btn-submit
{
    clear: both;
    background: url("/imgs/T4G/fr-btn-submit-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 91px;
    height: 1px;
    overflow: hidden;
    padding-top: 25px;
    margin-top: 10px;
}

.btn-login:hover {background-position: 0px -26px;}


a.btn-update
{
    background: url("/imgs/T4G/btn-update-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 135px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    float: left;
    padding-left: 10px;
}

.fr a.btn-update
{
    background: url("/imgs/T4G/fr-btn-update-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 135px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    float: left;
    padding-left: 10px;
}

a.btn-update:hover {background-position: 0px -26px;}

a.btn-reset
{
    background: url("/imgs/T4G/btn-reset-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 81px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    float: left;
    padding-left: 10px;
}

.fr a.btn-reset
{
    background: url("/imgs/T4G/fr-btn-reset-mobile.png") no-repeat scroll left top transparent;
    display: block;
    width: 135px;
    height: 1px;
    overflow: hidden;
    padding-top: 26px;
    float: left;
    padding-left: 10px;
}

a.btn-reset:hover {background-position: 0px -26px;}

/*
.alignRight
{
    text-align: right;
}
*/
table.mlcInvoiceItemsTable
{
    border: solid 1px #D9D9D9;
    width: 100%;
    margin-top: 10px;
}

table.mlcInvoiceItemsTable td
{
    padding: 3px;    
}

tr.mlcInvoiceDividerRow
{
    border-bottom: 1px solid #D9D9D9;
}

td.mlcDescriptionColumn
{
    width: 60%;   
}

td.mlcQuantityColumn
{
    width: 20%;
}

td.mlcPriceColumn
{
    width: 20%;
    text-align: right;
    padding-left: 10px !important;    
}

/*
    .borderRight
{
    border-right: solid 1px #D9D9D9;
    vertical-align: top;
}

.borderTop
{
    border-top: solid 1px #D9D9D9; 
}

#footer.mobile-width
{
    text-align: center;
    }

#footer.mobile-width #footer-right
{
    text-align: center;    
    margin: 0 auto;
}

#footer.mobile-width #footer-right #footer-top
{
    margin: 0 auto;
}
    */

.vehicleInfo table td
{
    padding: 3px 0px;
    }

/*
input.textbox1
{
    width: 110px !important;
    font-size: 10px;
}
*/

#content td.loginLabel
{
    width: auto !important;
    }

.mobileLabel
{
    width: 50px;
}

input.tbLogin
{
    width: 110px;
}

.loginRememberMe .chkbox input
{
    margin-right: 5px;
}

#search input.textbox1
{
    border: none;
    margin: 5px;
    width: 130px !important;
    }
.chkPadding
{
    display: block;
}

.chkPadding input
{
    margin-right: 4px;
}

.rdoHorizontal td
{
    width: 50% !important;
    white-space: nowrap;
    }

.rdoHorizontal input,
.rdoHorizontal label
{
    padding: 0px 3px;
}   

#cbg-topleft #cbg-topright #content table td
{
    text-align: left;
}

    /*
.welcome
{
  padding-bottom: 5px;
}
        */
.forgotPwd
{
    margin-left: 60px;
    clear: right;
}

.forgotEmail
{
    margin-left: 60px;
    clear: right;
    font-size: 10px !important;     
}

.forgotPwd
{
    font-size: 10px !important;    
}

.captchaTB
{
    margin-left: 60px;
    width: 110px;
    }
    
img.imageClass
{
    margin-left: 60px;
    width: 110px !important;
    }

.serviceDD
{
    width: 110px;
}