﻿/* Size buttons */
input[type=submit], input[type=button]
{
	padding: 3px 6px 3px 6px;
	min-width: 55px;
} 
/* Fix margins in checkbox and radio buttons */
input[type=checkbox], input[type=radio]
{
	margin-right:3px;
	vertical-align: text-bottom;
}

input[type=checkbox]:disabled+label, input[type=radio]:disabled+label { color: #888; }

/* Table column widths */
.styleColumn1
{
    width: 146px;
}

/* Additional info textbox: make it as wide as the table column */
.styleOptionalInfo
{
	width: 100%;
}

/* Div which contains table. 
   In rare cases the table will extend outside the DIV, in which case the Edit/Add/Delete/Update 
   links are not visible. The following style, ensures scrollbars. Easiest way to reproduce is to 
   add a non-breaking line to the description (a string with just letters and numbers no spaces 
   or hyphens. For example display an actual url:
		http://www.lmepta.org/index.php/documents/doc_download/85_2010_11shirtsizechart.pdf
*/
/*
.divTableContainer
{
	overflow: auto; 
	overflow-y: hidden;
}
*/
.divTableContainer
{
	overflow: hidden;
}

/* Catalog */
table.tblCatalog .tdTitle { word-break: break-word; }

/* Accounting page */
.Page_Accounting * { box-sizing: border-box; }
.Page_Accounting { margin: 20px 5px; }
.Page_Accounting input[type=submit]:disabled { color: #888; }
.Page_Accounting .Warning { font-weight: bold; color: maroon; }
.Page_Accounting table { margin-top:10px; }
.Page_Accounting table td { border: 1px solid #ccc; min-width:60px; padding: 5px;}
.Page_Accounting table .RowHeader { font-weight:bold; border-bottom: 2px solid #202020; }
.Page_Accounting table .RowEven { background-color:#eee; }
.Page_Accounting table .GreyedOut { color: #808080; }
.Page_Accounting table tr.Totals { font-weight: bold; border-top: 2px solid #202020; }
.Page_Accounting table .divSiteName { font-size:smaller; margin-top:-4px; }
.Page_Accounting .RightAlign { text-align:right; }
.Page_Accounting .divControls input[type=submit] { margin-top:10px; }
.Page_Accounting .divControls .col1 { display:inline-block; width: 625px; }
.Page_Accounting .divControls .col2 { display:inline-block; width: Calc(100% - 630px); text-align:right }
.Page_Accounting .divControls label { margin-right: 8px; }

/* eCommerce Activation Page*/
.Page_eCommerceActivation { margin-bottom: 50px; } /* Bottom margin to prevent page cutoff, when warning messages are being displayed */
.Page_eCommerceActivation h2 { margin-bottom: 5px; }
.Page_eCommerceActivation input[type=text] { width: 300px; }
.Page_eCommerceActivation input[type=text].short { width: 75px; }
.Page_eCommerceActivation .divRow { margin-bottom: 5px; }
.Page_eCommerceActivation .col1 { display:inline-block; width: 160px; margin-right:10px; }
.Page_eCommerceActivation .col2 { display:inline-block; width: Calc(100% - 180px); }

/* Page_PaymentDates */
.Page_PaymentDates * { box-sizing: border-box; }
.Page_PaymentDates div { font-size: 13px; line-height: 18px; }
.Page_PaymentDates .divPaymentDates .divHeader { font-weight:bold; border-bottom: 1px solid #808080; }
.Page_PaymentDates .divPaymentDates .col1 { display:inline-block; width:100px; text-align:right; padding-right: 10px; }
.Page_PaymentDates .divPaymentDates .col2 { display:inline-block; width:Calc(100% - 255px); padding-right: 10px; }
.Page_PaymentDates .divPaymentDates .col3 { display:inline-block; width:150px; text-align:right; }

/* Payment report */
.Page_PaymentReport * { box-sizing: border-box; }
.Page_PaymentReport div { font-size: 13px; line-height: 18px; }
.Page_PaymentReport { padding: 0 10px 10px 10px; }
.Page_PaymentReport h1 { margin-bottom:0; }
.Page_PaymentReport h2 { margin-top:0; }
.Page_PaymentReport .Warning { font-weight: bold; color: maroon; }
.Page_PaymentReport .divControls input[type=text] { width:75px; margin-bottom:5px; }
.Page_PaymentReport .divPayments { margin-top: 20px; }
.Page_PaymentReport .divPayments div { vertical-align:top; }
.Page_PaymentReport .divPayments .divHeader { font-weight:bold; border-bottom: 1px solid #808080; }
.Page_PaymentReport .divPayments .EvenRow { background-color:#eee; }
.Page_PaymentReport .divPayments .divRowPayment { margin-bottom:20px; }
.Page_PaymentReport .divPayments .divBalance { font-weight:bold; border-top: 1px solid #808080; }
.Page_PaymentReport .divPayments .col1 { display: inline-block; width: 85px; text-align:right; margin-right:10px;}
.Page_PaymentReport .divPayments .col2 { display: inline-block; width: 150px; }
.Page_PaymentReport .divPayments .col3 { display: inline-block; width: 100px; text-align:right; margin-right:10px; }
.Page_PaymentReport .divPayments .col3b { display: inline-block; width: 100px; text-align:right; margin-right:10px; }
.Page_PaymentReport .divPayments .col3c { display: inline-block; width: 100px; text-align:right; margin-right:10px; }
.Page_PaymentReport .divPayments .col4 { display: inline-block; width: 100px; text-align:right; margin-right:10px; }
.Page_PaymentReport .divPayments .col5 { display: inline-block; width: Calc(100% - 585px); }
.Page_PaymentReport .divPayments.divDetails .col5 { display: inline-block; width: Calc(100% - 805px); }
.Page_PaymentReport .divPayments .col6 { display: inline-block; width: 100px; text-align:right; margin-right:10px; }
.Page_PaymentReport .AddPaymentPopup .col1 { display: inline-block; width:150px; }
.Page_PaymentReport .AddPaymentPopup .col2 { display: inline-block; width:Calc(100% - 160px); margin-bottom:5px; }
.Page_PaymentReport .AddPaymentPopup .txtAmount { width: 100px; }
.Page_PaymentReport .AddPaymentPopup .txtNote { width: 100%; }


.Page_eCommerceSetup * { box-sizing: border-box; vertical-align:top; }
.Page_eCommerceSetup .divSetup .divRow { margin-bottom: 5px; }
.Page_eCommerceSetup .divSetup .col1 { display: inline-block; width: 175px; }
.Page_eCommerceSetup .divSetup .col2 { display: inline-block; width: Calc(100% - 200px); }
.Page_eCommerceSetup .divSetup .col2 input[type=text] { width:100%; max-width:300px; }
.Page_eCommerceSetup hr { margin-top: 0.5em; margin-bottom: 0.5em; }


.Page_eCommerceSettings * { box-sizing: border-box; vertical-align:top; }
.Page_eCommerceSettings label { font-weight:inherit; }
.Page_eCommerceSettings .txtMinimum { width:60px; }
.Page_eCommerceSettings .txtSalesTaxRate { width:60px; }

.WarningBorder {
    border: 2px solid maroon;
}

/*Quick Styles*/
.linkButton {
    margin-left: 20px;
    font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif!important;
}

.actionBar {
    padding: 10px 0;
}
.required {
    color: red;
    font-weight: bolder;
    font-size: 14px;
    vertical-align: middle;
}
.warning {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
    display: inline-block;
}
