/* 
 * Establish some default color settings 
 */

:root {
	--primary-brand-color: #b81d1b;
	--secondary-brand-color: #3f3f3f;
	--special-highlight: #ffeb00;
	--pure-white: #fff;
	--pure-black: #000;
}

/* Establish primary background color, allowing us to set many other elements as transparent */
body,
form,
.progressBox {
	background-color: var(--pure-white);
}

.dialog {
    background-color: whitesmoke;
}

#siteHeader, #siteHeader div {
	background-color: var(--secondary-brand-color);
}

/* Establish defaults for dialog boxes */
div.dialogTitle {
	background-color: var(--secondary-brand-color);
}

	div.dialogTitle h1 {
		color: var(--pure-white);
	}

div.dialogBody {
	background-color: whitesmoke;
}

.property .Value {
	color: Black;
}

/* Establish defaults for controls */

input[type=text], textarea {
    background-color: #e0e0e0;
}

        input[type=text].editable,
        textarea.editable,
        select {
            color: #102132;
            background-color: #fbfbfc;
        }


/* Establish table defaults */

#HistorySummary td {
	background-color: #e0e0e0;
}



div.tablewrapper th, #HistorySummary .headerrow td {
	background-color: var(--secondary-brand-color);
	border-right-color: #504835;
	color: White;
}

#HistorySummary td:first-child, #HistorySummary td.blank {
	background-color: var(--pure-white);
}
	
	div.tablewrapper td
	{
		border-color:Black;
	}

	.subTitle
	{
		background-image: url(../Assets/Images/home-title2-bg.png);
		background-position: left bottom;
		background-repeat: repeat-x;
	}

	h1, h3, .gridHeader, #searchGridHeader, #searchGridHeader span, .responsive-grid thead 
	{
		color: var(--primary-brand-color);
	}

	.gridHeader, .gridFooter
	{
		border-color:#d5d2c9; 
	}

	/* All widgets have similar coloring and background images */
div.widgetTitle {
	background-color: var(--secondary-brand-color);
}

div.widgetBody {
	background-color: var(--primary-brand-color);
	color: white;
}

    div.searchWidget div.widgetBody {
        background-color: #b5b7b6;
        color: var(--pure-black);
    }

div.widget, div.widget a, div.widget a:visited, div.widget div.widgetTitle h1 {
	color: var(--pure-white);
}

	#searchBody span, .loginContainer a
	{
		color:Blue;
	}

	#addDlgForm, #siteContents, 
	div.upperCenter, div.lowerCenter,
	.addressForm,
	#summary_form, 
	.orderShip,
	#orderSummary,
	div.formWrapper,
	div.imageDialog
	{
		background-color: var(--pure-white); 
	}
	
	tr.even td {
	    background-color: #f5f5f5;
	}

	tr.odd td {
	    background-color: #e0e0e0;
	}
    #searchBody
	{
		background-color: #b5b7b6;
	}

	#searchGrid tr.selected td
	{
		background-color: #d62028;
		color: white;
	}

#menu a {
	color: var(--pure-white);
}

	#menu a:hover {
		color: var(--primary-brand-color);
	}

/* highlight specials in search grid */
.specialHighlight {
	background-color: var(--special-highlight) !important;
	color: black;
}

.orderEmpty,
td.priceCell span.discount {
	color: var(--primary-brand-color);
}

tr.selected td.priceCell span.discount {
    color: gold;
}

.ErrMsg {
	color: var(--primary-brand-color) !important;
}

	.property .Name
	{
		color:#dfdfdf;
	}

.property .Value {
	color: var(--pure-white);
}

    #asReset div.asRight span {
        color: blue;
        text-decoration: underline;
    }

input[type=submit].button,
input[type=button].button, a.button {
	background-color: var(--primary-brand-color);
	color: var(--pure-white);
}

	input[type=submit]:hover.button,
	input[type=button]:hover.button, a:hover.button
	{
	    background-color:#a01a12;
	    border-color:#a01a12;
	    outline:none;
	}

.responsive-grid th {
	color: var(--primary-brand-color);
}

	.responsive-grid th a {
		color: var(--primary-brand-color) !important;
	}