body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0;
    padding: 0;
    /*background-color: #EDEEEE;*/
    letter-spacing: 1px;
}

#ctl00_Header1_ctlLoginView_mnuTop_mnuMainn0Items { z-index: 10000; }
td.CtlViewCol
#ctl00_Header1_ctlLoginView_mnuTop_mnuMainn6Items { z-index: 10000; }

#ctl00_Header1_ctlLoginView_mnuTop_mnuMainn1Items { z-index: 10000; }

#ctl00_Header1_ctlLoginView_mnuTop_mnuMainn2Items { z-index: 10000; }

div.Main { text-align: center; }td.CtlViewCol

.AmountWidth { width: 142px !important; }

table.MainTable {
    width: 1060px;
    height: 600px; /* At least 600 px */
    margin: 0px;
    padding: 0px;
    margin: auto;
}

td.UofM select { width: 60px !important; }

.PriceLevel select { width: 90px !important; }

.MinDropDown { width: 60px !important; }

.MiddleDropDown { width: 90px !important; }

.LongDropDown { width: 180px !important; }

td.PaddingTd { padding: 15px 0px !important; }

table.PaddingTable { padding: 20px 15px !important; }

table.GridViewTable {
    border: solid #dddddd;
    border-width: 1px 0px 0px 1px;
}

table.NoBorder td {
    border: 0px none !important;
    padding-left: 0px !important;
}

.GridViewTable td {
    border: solid #dddddd !important;
    border-width: 0px 1px 1px 0px !important;
    text-align: left;
    padding-left: 10px !important;
    font-size: 12px;
    color: #231F20;
}

.GridViewTable th {
    border: solid #dddddd;
    border-width: 0px 1px 1px 0px;
    text-align: center !important;
    text-transform: uppercase;
    color: #302E2F !important;
    letter-spacing: 0px;
    background-color: white;
}

.GridViewTable th a {
    text-transform: uppercase;
    text-decoration: none;
    color: #302E2F !important;
}

.GridViewTable td a {
    text-decoration: underline;
    color: #004B8D;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
}

.GridViewTable .invoice-amount-input input[type="text"] {
    border-style: solid;
    border-width: 1px !important;
    border-color: #258AC6;
    color: #231F20;
    font-size: 13px;
    width: 55px !important;
    text-align: right;
    padding-right: 5px;
}

.GridViewTable input[type="text"][disabled] {
    border-color: #E6E7E8;
    background-color: #E6E7E8;
}

.GridViewTable .PagerTr { text-align: center; }

.PagerTr table { float: right; }

.GridViewTable .PagerTr td { text-align: center; }

.PagerTr span { color: #414042; }

.PagerTr table td {
    border-style: none;
    border-width: 0px !important;
}

.PagerTr a {
    color: #258AC6 !important;
    font-weight: normal !important;
}

tr.TopRow {
    /*height:262px*/
    height: 104px;
}

td.TopLeftCol { width: 30px; }

td.TopCenterCol {
    width: 1050px;
    padding: 0px;
}

.TopCenterCol .HeaderLogoContainer {
    /* width: 990px;*/
    text-align: left;
    background-color: White;
    text-indent: 24px;
}

.TopCenterCol .HeaderMenuContainer {
    /* width: 990px;*/
    height: 32px;
    background-color: White;
    text-align: left;
}

.TopCenterCol .HeaderMenuContainer .HeaderMenu {
    position: relative;
    /*left: -5px;*/
    height: 27px;
    padding-top: 0px;
    padding-left: 24px;
    background-color: #2888c8;
    /*background-image: url(images/wraparound_bar.gif);*/
    background-repeat: no-repeat;
}

.TopLeftCol {
    background-image: url(images/wraparound_bar_l.png);
    background-repeat: no-repeat;
    background-position: 11px 74px;
}

.TopRightCol {
    background-image: url(images/wraparound_bar_r.png);
    background-repeat: no-repeat;
    background-position: 0px 74px;
}
 

.MoveDownLess div.AccountSelectorContainer {
    float: right;
    width: 260px;
    height: 50px;
    position: relative;
    right: 30px;
    top: 50px;
}

.MoveDown div.AccountSelectorContainer {
    float: right;
    width: 260px;
    height: 50px;
    position: relative;
    right: 30px;
    top: 75px;
}

.MoveDownForInstallment div.AccountSelectorContainer {
    float: right;
    width: 260px;
    height: 50px;
    position: relative;
    right: 30px;
    top: 50px;
}

.MoveDownMiddle div.AccountSelectorContainer {
    float: right;
    width: 260px;
    height: 50px;
    position: relative;
    right: 30px;
    top: 80px;
}

.MoveDownMore div.AccountSelectorContainer {
    float: right;
    width: 260px;
    height: 50px;
    position: relative;
    right: 30px;
    top: 95px;
}

.MoveLeft div.AccountSelectorContainer {
    float: right;
    width: 260px;
    height: 50px;
    position: relative;
    right: 585px;
    top: 120px;
}

.MoveLeft .CustomerIDCaption {
    display: block;
    font-weight: normal;
    
    padding-top: 0px;
    font-size: 12px;
}

.MoveLeft .AccountSelectorContainer .CustomerIDKeyword {
    font-weight: bold;
    
    font-size: 12px;
}

.MoveLeft .AccountSelectorContainer .CustomerName {
    font-weight: normal !important;
    display: block;
    width: 174px;
    text-align: left;
    
    font-size: 11px;
    color: #414042;
    float: left;
    line-height: 20px;
}

.Inital { display: none; }

table.AutoFillTable { width: 100% !important; }

table.SplitTable {
    border-top: 1px solid #D4D4D6;
    padding-top: 10px !important;
    margin-top: 15px !important;
}

.StandardCheckBox input { line-height: 20px; }

.StandardCheckBox label {
    line-height: 18px;
    vertical-align: top;
    cursor: pointer;
}

.StandardText {
    font-weight: normal;
    
    color: #414042;
    text-decoration: none !important;
}

.NewAutoContract input {
    position: relative;
    left: -130px;
}

.InvoiceContractLeft input {
    position: relative;
    left: -138px;
}

.EditInvoiceContractLeft input {
    position: relative;
    left: -95px;
    width: 320px !important;
}

.EditInvoiceContractLeft span {
    position: relative;
    left: -95px;
    display: block;
    width: 200px;
}

.EditInvoiceContractLeft select {
    position: relative;
    left: -70px;
}

.ViewInvoiceContractLeft span {
    position: relative;
    left: -70px;
}

.BoldText { font-weight: bold; }

.NormalText {
    font-weight: normal;
    text-decoration: none !important;    
}

.NewPGroup { line-height: 30px; }

.WarningText { color: #BF1E2D !important; }

.BlueText { color: #258AC6; }

.LeftFloat { float: left; }

.RightFloat { float: right !important; }

.AutoWidth { width: auto !important; }

.FillWidth { width: 100% !important; }

.BorderContainer {
    border-style: solid;
    border-width: 1px;
    border-color: #302E2F;
    padding: 35px !important;
}

.FieldsetContainer {
    border-style: solid;
    border-width: 1px;
    border-color: #302E2F;
    padding: 20px 20px 15px 20px !important;
}

.ZeroWidth { width: 0px !important; }

.CtlViewColMargin { padding-right: 30px; }

.MinWidth { width: 1px !important; }

.CustomerIDCaption { display: none; }

.ShowCustomerID .CustomerIDCaption {
    display: inline-block;
    text-align: left;
    width: 100px;
    line-height: 20px;
    vertical-align: middle;
}

.NoWrap { white-space: nowrap; }

.AccountSelectorContainer .CustomerIDKeyword {
    width: 176px;
    color: #414042;
}

.AccountSelectorContainer .CustomerName {
    font-weight: normal !important;
    display: block;
    width: 200px;
    text-align: left;
    
    font-size: 11px;
    color: #258ac6;
}

tr.EmptyRow { display: none; }

a.LinkButton {
    color: #258AC6;
    
    font-size: 10px;
    text-decoration: none;
    padding-right: 10px;
}

span.SecondTitle {
    font-size: 16px;
    color: #0F77B7;
    font-weight: bold;
    text-transform: uppercase;
}

td.ContainerView div {
    background-color: #F3F3F4;
    padding: 20px 20px 20px 410px;
    border-style: solid;
    border-width: 1px;
    border-color: #D4D4D6;
}

span.FirstTitle {
    font-size: 23px;
}

.FirstTitle span.SecondTitle {
    margin: 0px;
    text-align: left;
    font-size: 26px;
    text-transform: capitalize;
    color: #258AC6;
    text-decoration: none;
    
    vertical-align: middle;
}

.SelectedInvoiceGrid { width: auto !important; }

.SelectedInvoiceGrid table {
    font-weight: normal;
    width: 520px !important;
}

td.TopRightCol { width: 30px; }

tr.MiddleRow { height: 402px; }

span.Banner {
    color: #258AC6;
    position: relative;
    top: -30px;
    float: right;
    right: 60px;
    
    font-size: 17px;
    letter-spacing: 1px;
}

td.ShippingAddress img {
    position: relative;
    left: -160px;
}

.ShippingAddressMoveLeft {
    position: relative;
    left: -160px;
}

table.LoginTable { width: 100%; }

td.MiddleLeftCol { width: 30px; }

td.MiddleCenterCol {
    background-color: #ffffff;
    vertical-align: top;
    width: 1000px;
}

td.MiddleRightCol { width: 30px; }

td.CaptionWidth { width: 80px; }

td.ValueWidth { width: 200px; }

tr.BottomRow { height: 100px; }

td.BottomLeftCol { width: 30px; }

td.BottomCenterCol {
    width: 1000px; /*     background-position: center top; 	background-image: url(images/FooterBg.gif); 	background-repeat: no-repeat; */
}

td.BottomRightCol { width: 30px; }

table.MainContentTable {
    width: 990px;
    margin: 0px;
    padding: 0px;
    background-color: White;
}

table.CtlContentManagerTable {
    margin: 0px;
    padding: 0px;
    display: none;
}

td.ContentManagmentRow { background-position: center top; }

tr.SiteMapRow {
    text-align: left;
    vertical-align: top;
    height: 30px;
}

.SiteMapRootNote { padding-left: 19px; font-size: 11px; }

.SiteMapNote { font-size: 11px; }

td.SiteMapLeftCol {
    text-align: left;
    vertical-align: top;
}

td.SiteMapRightCol {
    text-align: right;
    vertical-align: top;
}

tr.MainContentRow {
    vertical-align: top;
    text-align: center;
    padding-top: 30px;
}

img.Accent {
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
}

img.Logo {
    vertical-align: top;
    text-align: center;
}

img.Spacer {
    vertical-align: top;
    text-align: center;
    display: block;
}

img.TopMenu {
    vertical-align: bottom;
    text-align: center; /*background-image: url(images/TitleBg.jpg); 	background-repeat: repeat-x;*/
}

table.CtlTable {
    padding: 0px;
    width: 100%;
}

table.ContentTable { width: 880px !important; }

.StandardLabel {
    
    font-size: 13px;
    letter-spacing: 1px;
    color: #414042;
    font-weight: normal;
}

.StandardLinkTd a {
    text-decoration: none;
    color: #258ac6 !important;
    
    font-size: 13px;
    font-weight: normal;
}

.StandardLink {
    text-decoration: underline;
    color: #258ac6 !important;
    
    font-size: 13px;
    font-weight: normal;
}

a[disabled="disabled"], a:disabled {
    color: Gray !important;
    text-decoration: none !important;
}

[disabled="disabled"] { text-decoration: none !important; }

select {
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
}

input[type="text"] {
    height: 18px;
    line-height: 18px;
    vertical-align: middle;    
}

input[type="password"] {
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}

.ProfileCaptionWidth { width: 180px !important; }

.StandardTextBox { width: 160px !important; }

.StandardDropDown { }

.PaymentOptionDropDownLarge { width: 184px; }

.PaymentOptionDropDown { width: 65px; }

.UpperCase { text-transform: uppercase; }

.TitlePadding { padding-left: 4px; }

.BodyPadding { padding: 3px; }

.ContentPadding { margin: 6px 2px 0px 4px; }

a.RightAlignLink {
    float: right;
    padding-right: 5px;
}

td.CtlAccentCol {
    vertical-align: top;
    text-align: left;
    width: 465px;
}

.PaddingBottom { padding-bottom: 50px; }

.PaddingTop { padding-top: 50px !important; }

.PaddingBottom { padding-bottom: 6px; }

.PaddingRight10 { padding-right: 10px !important; }

.PaddingRight { padding-right: 34px; }

.MoneyPadding { padding-right: 18px; }

.MoneyContanier span { line-height: 26px; }

.PaddingBottom5 { padding-bottom: 5px !important; }

.PaddingBottom10 { padding-bottom: 10px !important; }

.PaddingBottom20 { padding-bottom: 20px !important; }

td.NewAutoContractTdWidth { width: 160px !important; }

.PaddingTop20 { padding-top: 20px !important; }

.PaddingTop15 { padding-top: 15px !important; }

.PaddingTop10 { padding-top: 10px !important; }

.PaddingTop5 { padding-top: 5px !important; }

.PaddingLeft5 { padding-left: 5px !important; }

.PaddingLeft10 { padding-left: 10px !important; }

.PaddingLeft20 { padding-left: 20px !important; }

.PaddingLeft30 { padding-left: 30px !important; }

.PaddingRight0 { padding-right: 0px !important; }

.WalletInfo { padding-left: 150px !important; }

.MarginLeft30 { margin-left: 30px !important; }

.NewInvoiceContract select { width: 165px; }

.NewInvoiceContract * { }

.RBPCPayment table { width: 880px !important; }

.SOP select {
    width: 135px;
    height: 23px;
    border-width: 1px !important;
}

.SOPSetting input[type="text"] { width: 140px !important; }

.SOPSetting select { width: 145px; }

.InstallmentPayCaptionWidth { width: 180px; }

.EditInstallmentPay input { width: 520px !important; }

.NewInstallmentPay input {
    position: relative;
    left: -150px;
}

.CtlViewColAutoWidth { width: auto !important; }

.EditInstallmentPayCustomerName {
    position: relative;
    left: -250px;
}

.InstallmentPayCustomerName {
    position: relative;
    left: -350px;
}

.InstallmentPayOperation { padding-right: 60px; }

.MoneyLabel {
    display: inline-block;
    width: 60px;
}

.MoenyTextTd input {
    text-align: right;
    width: 90px !important;
}

.UnitPriceTextTd input {
    text-align: right;
    width: 60px !important;
}

.CTtableNoBorder td {
    border-style: none;
    border-width: 0px !important;
    padding-left: 0px !important;
}

td.BorderTopTd {
    border-top: 1px solid #D4D4D6;
    padding-top: 20px !important;
    margin-top: 15px !important;
}

td.BorderBottomTd {
    border-bottom: 1px solid #D4D4D6;
    padding-top: 10px !important;
    margin-top: 15px !important;
}

td.BorderLeftTd {
    border-left: 1px solid #dddddd;
    padding-left: 20px !important;
}

td.BorderBackground { background-color: #F3F3F4; }

td.BorderRightTd {
    border-right: 1px solid #dddddd;
    padding-right: 20px !important;
}

td.SplitTd { padding-top: 15px !important; }

.MiddleAlignLabel {
    position: relative;
    top: -12px;
    padding: 10px;
    color: #818285 !important;
    font-weight: bold;
}

.ForgotPassword {
    text-decoration: none;
    
    color: #258AC6;
    padding-left: 2px;
}

.LogInCaption {
    text-transform: none;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 32px;
    color: #258ac6;
}

.LeftAlign {
    text-align: left !important;
    text-decoration: none !important;
}

.GridviewNopadding td { padding: 0px 0px 0px 0px; }

td.NoPading { padding: 0px 0px 0px 0px; }

.CenterAlign { text-align: center !important; }

.RightAlign { text-align: right !important; }

.CenterAlign .AlignTable { width: auto !important; }

td.LoginFieldCaption { width: 80px; }

.LoginLabel {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 5px;  
}

td.CtlContentCol {
    vertical-align: top;
    text-align: left;
}

td.CtlViewCol {
    width: 700px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

tr.CtlGridRow {
    padding-top: 5px;
    padding-bottom: 5px;
}

td.CtlGridCol {
    padding-top: 5px;
    padding-bottom: 5px;
}

th.CtlTitle {
    margin: 0px;
    text-align: left;
    font-size: 26px;
    text-transform: capitalize;
    color: #004B8D;
    text-decoration: none;
    
    vertical-align: middle;
}

fieldset {
    background-color: #F3F3F4;
    border-color: #807F83;
    border-width: 1px;
}

fieldset.NoBorder {
    border: 0px;
    background-color: transparent;
}

fieldset.NoBorder legend * { display: block; }

fieldset legend * { display: none; }

.LabelField {
    
    font-size: 12px;
    color: #414042;
}

td.SearchCaption {
    width: 86px !important;
    white-space: nowrap;
}

.SendReminder {
    padding: 10px 10px 10px 10px !important;
    /*width: 450px;*/
    position: relative;
    left: -3px;
}

.EmailAddressWidth { width: 192px; }

.EmailAddressWidth input {
    float: right;
    position: relative;
    right: -2px;
}

.ReminderLabel {
    margin: 0px !important;
    text-transform: uppercase;
    line-height: 26px;
    padding-left: 5px;
}

.reminder-title {
    display: inline-block;
    /*width: 168px;*/
    text-align: right;
}

.reminder-value {
    display: inline-block;
    text-align: right;
    width: 90px;
}

.no-margin { margin: 0px !important; }

.ProgressReminder {
    padding: 0px !important;
    border: 0px !important;
    text-align: center;
}

td.SearchValue { width: 140px !important; }

.SearchValue input {
    width: 150px !important;
    background-image: url(images/icon-search.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

td.MaxResultsCaption { width: 50px !important; }

td.MaxResultsValue { width: auto !important; }

.HiddenElement { display: none; }

.AvailableElement { display: none; }

.SourceField { display: none; }

td.OpreationField {
    text-align: left !important;
    height: 40px !important;
    padding-left: 20px !important;
}

.OperationButton {
    text-transform: uppercase;
    color: White;
    width: 80px;
    height: 22px;
    border-radius: 3px;
}

.OpreationField input.PayButton { margin-left: 316px; }

td.FirstField {
    width: 224px;
    font-weight: normal !important;
}

td.SecondField {
    width: 150px;
    font-weight: normal !important;
}

th.CtlTitleNoCap {
    margin: 0px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    background-color: #ffffff;
    color: black;
    text-decoration: underline;
    height: 50px;
    vertical-align: middle;
}

td.Cell {
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

td.CellTitle {
    margin: 0px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
}

td.CellSubTitle {
    margin: 0px;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
}

span.FieldCaption {
    font-weight: bold;
    padding: 2px;
}

td.FieldCaption {
    text-align: right;
    height: 16px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
}

td.FieldCaptionCenter {
    text-align: right;
    height: 16px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    width: 50%;
}

td.FieldValue {
    text-align: left;
    height: 16px;
    font-size: 12px;
    padding: 2px;
}

td.FieldOptions {
    text-align: left;
    height: 16px;
    font-size: 12px;
    padding: 2px;
}

.ReadOnly { background-color: #E0E0E0; }

.NoneBackground { background-color: transparent !important; }

td.FieldAction {
    text-align: right;
    height: 30px;
    font-size: 12px;
    padding: 2px;
}

th.AddressTitle {
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    padding: 2px;
}

td.AddressField {
    text-align: left;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.Required { color: red; }

td.ErrorMessage { color: red; }

td.ErrorList {
    color: red;
    font-size: 12px;
    font-weight: bold;
}

div.TextField {
    margin: 2px;
    border: silver 1px solid;
    width: 225px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.PanelMargin { margin: 2px; }

textarea.TextField {
    border: silver 1px solid;
    overflow: hidden;
}

input.GridInputField {
    border: solid 1px silver;
}

input.InputField {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 180px;
    border-bottom: silver 1px solid;
}

.InputField600
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    max-width: 600px!important;
    width: 600px!important;
    border-bottom: silver 1px solid;
}

input.InputField410 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 410px;
    border-bottom: silver 1px solid;
}

input.InputField380 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 380px;
    border-bottom: silver 1px solid;
       
}

input.InputField300 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 300px;
    border-bottom: silver 1px solid;
    
}

input.InputField225 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 225px;
    border-bottom: silver 1px solid;
    
}

input.InputField250 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 250px;
    border-bottom: silver 1px solid;
    
}

input.InputField130 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 130px;
    border-bottom: silver 1px solid;
    
}

input.InputField100 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 100px;
    border-bottom: silver 1px solid;
    
}

input.InputField50 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 50px;
    border-bottom: silver 1px solid;
    
}

input.InputField40 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 40px;
    border-bottom: silver 1px solid;
    
}

input.InputField30 {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 30px;
    border-bottom: silver 1px solid;
    
}

select {  }

img.InputButton {
    cursor: pointer;
    border: none;
    
    vertical-align: top;
}

img.MiddleAlign { padding-top: 2px; }

.MiddleLbl { vertical-align: middle; }

input.InputButton {
    border: none;
    
    vertical-align: top;
}

input.CopyContractButton {
    border: none;
    
}

input[type="radio"] {
    vertical-align: middle;
    margin-top: 0px;
}

hr.CtlHSpacer {
    height: 1px;
    border-bottom: none;
    border-top: silver 1px dotted;
    border-right-style: none;
    border-left-style: none;
}

div.MenuItem {
    text-align: left;
    vertical-align: middle;
    z-index: 100;
    cursor: pointer;
}

div.CtlUserStatus {
    position: relative;
    top: -32px;
    color: White;
}

span.LoginName {
    font-weight: bold;
    padding-right: 30px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
    display: inline-block;
}

td.Banner {
    font-size: 14px;
    text-align: center;
    vertical-align: bottom;
    letter-spacing: 3px;
    color: #304050;
}

a.LoginStatus { color: White; }

div.Footer {
    color: Silver;
    background-color: Black;
}

body.Receipt { background-color: White; }

div.Receipt {
    text-align: center;
    background-color: White;
    vertical-align: middle;
    width: 100%;
}

td.ReceiptHeader {
    text-align: left;
    font-size: 14px;
    padding: 2px;
    vertical-align: top;
    height: 80px;
}

span.ReceiptHeading {
    font-weight: bold;
    font-size: 16px;
}

td.ReceiptContent {
    padding: 0px;
    vertical-align: top;
}

td.ReceiptLeftCol {
    vertical-align: top;
    text-align: left;
    width: 200px;
}

td.ReceiptMiddleCol {
    vertical-align: top;
    text-align: left;
    width: 100px;
}

td.ReceiptRightCol {
    vertical-align: top;
    text-align: right;
    width: 250px;
}

td.ReceiptDetails { text-align: center; }

fieldset.Address {
    border-right: silver thin solid;
    border-top: silver thin solid;
    border-left: silver thin solid;
    border-bottom: silver thin solid;
    padding: 5px;
}

fieldset.NoPadding {
    padding: 0px;
    margin: 0px;
}

fieldset.PaddingSet { padding: 15px 20px 10px 20px; }

.autocomplete_completionListElement {
    
    overflow: auto;
    height: auto;
    border-width: 1px;
    border-style: solid;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.autocomplete_listItem { background-color: White; }

.autocomplete_highlightedListItem {
    background-color: #2461BF;
    color: White;
    cursor: pointer;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalBox {
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: Blue;
    padding: 3px;
}

.IE8Fix { z-index: 1000; }

.IE8Fix > UL { z-index: 1000; }

.noneDisplay { display: none; }

/* this is used to adjust the item lookup icon */

.verticalMiddle { vertical-align: baseline; }

@media print {
    .printHide { display: none; }
}

/* used for receipt */

.receiptTableBorder { border-collapse: collapse; }

.receiptTdBorder { border: solid 1px black; }

.itemGridBorder {
    border: solid 1px black;
    border-top: none;
}

.itemHeaderBorder { border: solid 1px black; }

.itemTdborder {
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: none;
    border-bottom: none;
}

.captionLeft { text-align: left !important; }

.paymentTdBorder { border: solid 1px black; }

/* used for receipt */

/* begin used for progress bar */

#restart {
    display: none;
    text-align: center;
}

#loadingZone {
    margin: 0 auto;
    width: 410px;
    text-align: center;
}

#loadingBar {
    border: 1px solid #c2c2c2;
    height: 2px;
    text-align: left;
    line-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden; /*fix for IE 6*/
}

#progressBar {
    height: 2px;
    line-height: 0;
    margin: 0;
    padding: 0;
    background: #b3f83d;
    width: 0%;
}

#loadingSms {
    color: #6ea1fa;
    float: left;
    padding: 10px 2px;
}

#infoProgress {
    color: #6ea1fa;
    float: right;
    padding: 10px 2px;
}

#infoLoading {
    padding: 10px;
    color: #b9b9b9;
    font-size: 10px;
}

/* end used for progress bar */

/*begin Used for validation summary control, IE 9 cannot show validationsummry list item correctly when list-style-position is outside which is default style setting of UL*/

.validationsummary { list-style-position: inside; }

td.ErrorMessage li { list-style-position: inside; }

td.ErrorList li { list-style-position: inside; }

/*end Used for validation summary control, IE 9 cannot show validationsummry list item correctly when list-style-position is outside which is default style setting of UL*/

.overflowEllipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*
    By Michael
    Powered By Logo
*/

.ui-widget-powerby {
    vertical-align: top;
    padding: 0px;
    float: right;
}

.ui-widget-powerby img {
    width: 150px;
    height: 72px;
}

.setting-title {
    line-height: 26px;
}

.setting-caption { width: 260px !important; }

.ajax__tab_tab { letter-spacing: 0px; }

.ajax__tab_active { color: #258AC6; }

.captcha-caption {
    padding-left: 100px;
    padding-bottom: 10px;
}

.create-newuser-button {
    width: 109px;
    height: 26px;
    background-image: url(images/CreateUser.gif);
    background-repeat: no-repeat;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

.cancel-button {
    width: 75px;
    height: 26px;
    background-image: url(images/Cancel.gif);
    background-repeat: no-repeat;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

.BorderBottomTd { border-bottom: 1px solid #D4D4D6; }

.invoice-note-caption {
    font-size: 13px;
    color: #0F77B7;
}

.FieldCaptionWidth { width: 180px; }

.invoice-note {
    
    font-size: 13px;
    color: #302E2F;
    letter-spacing: 0px;
    font-weight: normal;
}

.date-range { width: 150px; }

.date-range label {
    vertical-align: middle;
    line-height: 19px;
    height: 19px;
}

.date-range span {
    vertical-align: middle;
    line-height: 19px;
    height: 19px;
}

.uppercase { text-transform: uppercase; }

.invoice-total-container {
    width: 420px;
    text-align: right;   
     
    font-weight: bold;
}

.invoice-total-caption {
    text-transform: uppercase;
    font-size: 16px;
    color: #0F77B7;
    padding-right: 5px;
}

.invoice-total {
    font-size: 20px;
    color: #231F20;
}

.process-payment-total-container {
    text-align: center;   
     
    font-weight: bold;
    padding: 10px 180px 0px 0px;
}

.process-payment-deposit-total-container {
     
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
}

.edit-link {
    width: 20px;
    height: 20px;
    background-image: url(images/icon-edit.gif);
    display: inline-block;
}

.delete-link {
    width: 20px;
    height: 20px;
    background-image: url(images/icon-delete.gif);
    display: inline-block;
}

.add-link {
    height: 20px;
    line-height: 20px;
    background-image: url(images/icon-add.gif);
    background-position: right;
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 20px;
}

.process-payment-operation { padding-left: 120px; }

.radio-label-padding label { padding-left: 5px; }

.wallet-options-container {
    border-style: solid;
    border-width: 1px;
    border-color: #E6E7E8;
    width: 400px;
}

.wallet-options-title {
    text-align: left;
    padding: 10px 0px 10px 5px;
}

.wallet-options-header {
    background-color: #E6E7E8;
    padding-top: 5px !important;
}

.wallet-options-footer {
    text-align: right;
    padding: 10px 20px 10px 0px;
}

.paid-transactions-note {
    width: 460px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.payment-options-save-to-wallet {
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.themeAlign { text-align: left; }

a.disabled {
 
    color: Gray !important;
    cursor: default !important;
}

.payment-options-save-to-wallet .savetowallet { margin-left: 80px; }

.process-payment-deposit-title { padding: 20px 0px 5px 234px; }

.payment-options-tooltips input {
    display: block;
    padding-top: 4px;
}

.payment-options-primary { padding-left: 10px; }

.process-payament-pay { }

.process-payament-pay-container { height: 120px; }

.select-this-link {
    display: block;
    width: 75px;
    height: 26px;
    background-image: url(images/SelectThis.gif);
    margin-left: 34px;
    text-align: center;
    text-indent: 100px;
    overflow: hidden;
    white-space: nowrap;
}

.OpreationField .cancel-input { position: absolute; }

.calendar-field .StandardTextBox { width: 100px !important; }

.nodus-title {
    margin: 0px;
    text-align: left;
    font-size: 26px;
    text-transform: capitalize;
    color: #004B8D;
    text-decoration: none;
    
    vertical-align: middle;
    font-weight: bold;
}

.pay-link-test-content span {
    display: inline-block;
    width: 120px;
    padding-left: 5px;
}

.pay-link-operation { text-align: center; }

.grid-column-options-table-header {
    background-color: #258ac6;
    color: #fff;
    
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.grid-column-options-table-content-column { width: 220px; }

.grid-column-options-table-hide-column { width: 40px; }

.grid-column-options-table-content-row {
    height: 30px;
    line-height: 30px;
    color: #000;
    
    font-size: 12px;
}

.grid-column-options-table-tip-column { width: 40px; }

.grid-column-options-table-content-row input { cursor: pointer; }

.right-align-input-container input { text-align: right; }

.sop-price-lable {
    text-align: right;
    padding-right: 74px;
}

.reset-password-msg {
    line-height: 30px;
    height: 30px;
}

.invoice-payment-amount-header { width: 80px; }

.setting-catpion-width { width: 280px; }

.setting-value-normal { width: 200px; }

.invoice-paidby { min-width: 42px; }

.invoice-payinfull { min-width: 38px; }

.GridViewTable .invoice-deposit-input input[type="text"] {
    border-style: solid;
    border-width: 1px !important;
    border-color: #258AC6;
    
    color: #231F20;
    font-size: 13px;
    width: 90px !important;
    text-align: right;
    padding-right: 5px;
}

.selected-invoice-container {
    width: 538px;
    max-height: 280px;
    overflow: hidden;
    overflow-y: auto;
}

td.CtlViewColSelectedCCATrnx {
    width: 700px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #F3F3F4;
    border-style: solid;
    border-width: 1px;
    border-color: #D4D4D6;
    text-align: left;
}

.GreyboxTextLink {
    color: navy;
    
    font-size: 11px;
    text-decoration: underline;
    padding-right: 10px;
}

.outstanding-invoices-report-email { width: 166px; }

.outstanding-invoices-report-email input { width: 140px; }

#ctl00_ucContentMiddleCenter_Settings_PastDueInvoicesReminderOptions_rbWeekly { margin-top: 0px; }

#ctl00_ucContentMiddleCenter_Settings_PastDueInvoicesReminderOptions_rbMonthly { margin-top: 0px; }

#ctlCreditCard_pnlPayment { margin-top: 2px; }

.show-type-drop { width: 184px; }

.report-date-range { width: 130px; }

.text-link {
    text-decoration: none !important;
    color: #258ac6 !important;
    
    font-size: 13px;
    font-weight: normal;
}

.report-osi-search-msg {
    line-height: 24px;
    padding-left: 10px;
    color: Red;
}

.cvv2-container {
    float: left;
    padding: 12px 0px 0px 12px;
}

.easypager a {
    color: #258ac6 !important;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    text-decoration: underline;
}

.easypager span {
    color: #414042 !important;
    font-weight: normal !important;
}

.KeepAll {
    word-break: keep-all;
    white-space: nowrap;
}

.BreakLine {
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
}

.MainTable span {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.MainTable table {
    border-collapse: separate;
    border-spacing: 0;
}

.navbar {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    /*background-color: #fff;*//*The main menu bar does not display on IE*/
}

.MainTable label { font-weight: normal; }

input, textarea, keygen, select, button { font-weight: normal; }

fieldset { border: 1px solid black; }

.whitebg{ background-color: white;}

i, cite, em, var, address, dfn {
    font-style:normal;
}