.button-middle, 
.button-middle a { 
	line-height: 18px; /* Button Height */
} 
td.button-middle { 
	background-color: #000; 
	border-color: #bbb; 		
}
td.button-middle:hover { 
	background-color: #003366; /* background hover color */
} 
td.button-middle:active { 
	background-color: #333; /* background clicked color */
}
	
a#update { 
	padding-left: 20px;
	background-image: url(image/images/arrow_refresh.png); 
}
a#start_over { 
	padding-left: 20px; 
	background-image: url(image/images/restart.png); 
}
a#add_to_quote,
a#create_quote { 
	padding-left: 20px; 
	background-image: url(image/images/add-to-quote.png);
}
a#add_to_cart { 
	padding-left: 20px; 
	background-image: url(image/images/add-to-cart.png); 
}
		
.button-middle a img { /* Commerce buttons images */
	margin: -8px 0 0 2px; /* The top margin is minus half height of the image (normally 16px). */
	position: absolute;
	top: 50% !important;
}

.button-middle div { 
	margin: 0 !important; /* overrides .js inline click movement */
} 

.button-left, .button-right { 
	display: none; /* hide button sides used in original table buttons */
} 

td.button-middle { 
	background-image:  url(image/images/button-back.png); 
	background-repeat: repeat-x;
	background-position: 0 0; 
	border-style: solid;
	border-width: 1px;
	-webkit-background-clip: padding-box ; /* Fixes border bleed in webkit */
	background-clip: padding-box;
	-moz-background-clip: padding;
	display: block;
	position: relative;
	-moz-border-radius: 5px; 	
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	user-select:none;
}

td.button-middle:active { 
	background-position: 0 -310px; /* shows inverted gradient */ 
}   
 
.button-middle a { 
	outline: none;  
	-moz-outline-style: none;
	display: block;
	background-position: 0 center;
	background-repeat: no-repeat;
	margin: 2px 8px 0 8px;		
}

.button-middle a:active,
.plain-button:active .button-text { 
	margin: 2px 7px 0px 9px; /* moves text on click to simulate button press */
} 

td.bottom-bar img { 
	margin-bottom: -3px; 
}

a.bottom-bar { 
	padding-right: 6px; 
}

td.bottom-bar { 
	padding: 3px 0; 
}
	
/*	
.panel div.panel-tl {
    background: #f8f8f8;
    padding-left: 6px;
    border-left: 1px solid #e0e3e5;
    border-right: 1px solid #e0e3e5;
    border-top: 3px solid #00335b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
	
.panel.panel-collapsed div.panel-tl {
    border-bottom: 1px solid #e0e3e5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #e0e3e5;
    border-right: 1px solid #e0e3e5;
    
}

.panel div.panel-bl {
    border-bottom: 1px solid #e0e3e5;
    border-radius: 4px;
}
*/

.panel div.panel-tl {
	padding-left: 6px;
	background:inherit; 
}

div.panel{
	background: #f8f8f8;
	border-radius: 4px;
	border-left: 1px solid #e0e3e5;
    border-right: 1px solid #e0e3e5;
    border-top: 3px solid #00335b;
    border-bottom: 1px solid #e0e3e5;
    margin-bottom: 16px;
}

.panel div.panel-body, .panel div.tab-content, .panel div.panel-bc, .panel div.panel-br, .panel div.panel-bl, .panel div.panel-tr, .panel div.panel-tc{
	background: #f8f8f8;
	border:none;
}

.panel span.panel-heading{
	padding-left: 20px;
}

.panel div.toggle-panel{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url("image/images/twisty_sprite.png") no-repeat scroll 0 -11px transparent !important;
}

.panel.panel-collapsed div.toggle-panel{
	background: url("image/images/twisty_sprite.png") no-repeat scroll 0 2px transparent !important;
}

#cm-manager-content .x-grid3-header td, #cm-manager-content .x-grid3-header td a, #cm-manager-content .x-grid3-header td span{
	background: #f8f8f8;
}


#cm-manager-content .x-grid3-row td{
	border-bottom: 1px solid #e0e3e5;
}

#cm-manager-content tr.hover{
	background-color: #e3f3ff;
}

#document-form .line-item-grid-header th{
	position:relative;
	padding: 7px 0 7px 5px;
}

#document-form .line-item-grid-header th{
	border-right: 1px solid #e0e3e5;
}

/*
#document-form .line-item-grid-header div{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
}*/

#line-item-grid{
	border: 1px solid #e0e3e5;
}

.line-item-grid-body{
	background-color: #ffffff;
}

.line-item-grid-body > tr > td:not(.actions):not(.checker) {
	padding-left: 5px;
}

.line-item-grid-footer{
	display:none;
}

div.error-field div.text-wrapper-inner{
	border-left: 3px solid #cc0000;
	border-right: 1px solid #b5b8c8;
	border-top: 1px solid #b5b8c8;
	border-bottom: 1px solid #b5b8c8;
	padding-left: 1px;
}

div.error-field div.menu-attr select.form-input{
	border-left: 3px solid #cc0000;
	border-right: 1px solid #b5b8c8;
	border-top: 1px solid #b5b8c8;
	border-bottom: 1px solid #b5b8c8;
	padding-left: 1px;
}



.customer-info div div.text-wrapper-inner, .customer-info div div.menu-attr select.form-input{
	/*border-left: 3px solid #cc0000;*/
	border-left: 1px solid #b5b8c8
	border-right: 1px solid #b5b8c8;
	border-top: 1px solid #b5b8c8;
	border-bottom: 1px solid #b5b8c8;
	/*padding-left: 1px;*/
}

/*Begin make customer info section required*/
input#customerFirstName_quote, input#customerLastName_quote, input#customerAddress1_quote, input#customerZip_quote, input#customerCity_quote, input#customerCountry_quote{
	border-left: 3px solid #cc0000;
	margin-left: -2px;
	padding-left: 3px;
}

select.form-input.auto-run-rule-input[name="CustomerStatePicklist_quote"]{
	border-left: 3px solid #cc0000;
	margin-left: 0px;
}
/*End make customer info section required*/