/* @group | Common Changes */
/* ------------------------------------------------------ */
	.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 */
	} 
/* @end */

/* @group | Commerce */
/* ------------------------------------------------------ */

	label.cm-reqattr-label { /* Required Attributes */
		border-left: 3px red solid !important;
		padding-left: 4px;
		width: auto !important;
	}
	form[name="bmDocForm"] .form-item  {
		padding: 0 5px;
	}

	/* @group | Custom Commerce Classes 
					(can be added to columns in layout editor */
	/* ------------------------------------------------------ */
		.qs_header label { 
			font-size: 18px; 
			width: 100% !important; 
			border-bottom: solid 1px; 
			padding-bottom: 2px; 
			margin-bottom: 6px;
			color: #000;
			background: #f2f2f2;
			clear: both;
		}
		
		.qs_customgroup_header label { /* Smaller Subhead */
			font-size: 14px;
			display: block;
			margin-bottom: 2px;
			width: 100% !important;
			white-space: nowrap;
			color: #000;
		}
		.qs_customgroup2_header label {
			color: #000;
			width:  100% !important;
			border-bottom: solid 1px;
			float: left;
			font-size: 14px;
			font-weight: normal;	
		}
		.qs_right label{
			text-align: right !important;
		}
		.qs_border_top {
			border-top: 1px solid #eaeaea;
			padding-top: 10px !important;
			margin-top: 5px;
		}
		.qs_border_top .attr-spacer {
			width: 100% !important;
			display: block !important;
			height: 20px;
			background: #ff9900 !important;
		}
		.qs_pricing_vr {
			border-right: 1px solid #eaeaea;
			padding: 0 !important;
			height: 200px;
			width: 1px;
			margin: 0 auto;
		}
		.qs_border_top textarea {
			line-height: 18px;
		}
		.qs_grandtotal label, .qs_grandtotal .field {
			font-size: 17px;
			color: #000;	
		}
		.qs_grandtotal {
			border-top: 1px solid #333;
		}
		.qs_adhoc_header label {
			font-size: 12px;
			display: block;
			margin-bottom: 5px;
			width: 100% !important;
			white-space: nowrap;
		}
		
		.qs_right {
			text-align: right;
		}
		
	/* @end */
	
	/* @group | Attribute Specific Formatting */
	/* ------------------------------------------------------ */
		#attr_wrapper_1_subtotalPostQuoteDiscounts_quote {
			border-top: 1px solid #999;
			padding-top: 4px;
		}
		#attr_wrapper_1_subtotalPreQuoteDiscounts_quote {
			border-bottom: solid 1px #999;
			padding-bottom: 5px;
			margin-bottom: 10px;
		}
		#attr_wrapper_1_subtotalPreQuoteDiscounts_quote label,
		#attr_wrapper_1_subtotalPreQuoteDiscounts_quote .field,
		#attr_wrapper_1_subtotalPostQuoteDiscounts_quote .field,
		#attr_wrapper_1_subtotalPostQuoteDiscounts_quote label {
			font-size: 12px;
			color: #000;
			font-weight: bold;
		}
	/* @end */
	
	/* @group | Pagination */
	/* ------------------------------------------------------ */
		.column .paging-tools{ 
			text-align: center; 
			font-size: 12px; 
		}
		.paging-tools { 
			margin-top: 15px; 
		}
		div.paging-tools span{ 
			visibility: hidden; 
			padding: 0; 
		} 
		.paging-tools .first-page,
		.paging-tools .prev-page,
		.paging-tools .paging-status,
		.paging-tools .next-page,
		.paging-tools .last-page { 
			visibility: visible; 
		}
		.paging-status { 
			margin: 0 10px 0 6px; 
		}
		.paging-tools a.paging-tool-disabled {
			color: #ccc;
			background-color: #aaa;
			border-color: #ddd;
		}
		.paging-tools span a {
			padding: 3px 6px;
			text-decoration: none;
			color: #333;
			
			-moz-border-radius: 4px; 	
			-webkit-border-radius: 4px;  
			border-radius: 4px;
			border: #bbb solid 1px;
			
			-webkit-background-clip: padding-box; /* Fixes border bleed in webkit */
			background-clip: padding-box !important;
			-moz-background-clip: padding !important;
			background:  url(image/images/button-back.png) repeat-x 0 0 #000; 
		}
		.paging-tools span a:hover { 
			background-color: #003366;
		}
		.paging-tools span a:active { 
			background-color: #ffd24f; 
			background-position: 0 -310px; 
		}
	/* @end */
	
	/* @group | Panels */
	/* ------------------------------------------------------ */
		.panel .panel-body { 
			padding: 10px; 
			border: none; 
		}
		.tab-content { 
			border: solid #666; 
			border-width: 0 1px 3px 1px; 
			padding: 15px 10px 10px; 
		}
		form[name="bmDocForm"] .tab-content { 
			border-top:  0; 
		}
		.panel.collapsible { 
			padding: 15px 10px; 
			border: solid 1px #aaa;  
			border-radius: 3px; 
			margin: 30px 15px 0 5px; 
		}
		.panel.panel-collapsed { 
			padding: 15px 10px 0 10px; 
			border: solid 1px #aaa; 
			border-width: 1px 0 0 0; 
		}
		div.panel .panel-tl, 
		div.panel .panel-tc, 
		div.panel .panel-tr { 
			background: #fff; 
			width: auto !important; 
		}
		div.panel .panel-tl {
			border: none; 
			margin: -28px 0 0 5px; 
			padding: 0 5px 0 30px; 
			float: left; 
			background-image: url(image/images/arrow-expanded.png);
		   background-repeat: no-repeat;
		   background-position: 8px 4px ;
		}
		div.panel-bl { 
			display: none; 
		}
		div.panel-collapsed .panel-tl { 
			background-image: url(image/images/arrow-collapsed.png); 
		}
		div.panel .panel-heading { 
			color: #333; 
			font-size: 14px; 
		}
		.toggle-panel { 
			display: none; 
		}
		
		/* Panels which should have no border */
		#content4654912, #content4968264 { 
			border: none; 
		}
		
		#content4654912 div[style="width: 35%;"] .form-item { 
			border-bottom: solid 1px #ededed; 
		}
		#content4654912 div[style="width: 35%;"] .form-item[style="height: 5px;"] { 
			border: none; 
			margin-top: 15px; 
		}
		#content4745967 { 
			border: none; 
		}
		#cm-manager-content table{ 
			border: solid #eaeaea; 
			border-width: 0 1px;}
		#cm-manager-content td { 
			border-bottom: solid 1px #eaeaea; 
		}
	/* @end */
	
	/* @group | Line Item Grid */
	/* ------------------------------------------------------ */
		#line-item-grid tr.parent-line-item > td { 
		    border-width: 0 1px 1px 1px;
		}
		#line-item-grid .parent-line-item:hover td { 
			background-color: #f1f3f6; 
		}
		#line-item-grid td {
			border: solid 1px #eaeaea;
			border-width: 1px;
			padding: 3px 5px;	
		}
		#line-item-grid .child-line-item td{
			background-color: #f6f6f6 !important; 	
		}
		.child-line-item:hover td {
			background-color: #f0f0f0; 	
		}
		#line-item-grid td td, 
		#line-item-grid th td{
			border: none;
			padding: 0 3px;
		}
		#line-item-grid .action-icon-bar div {
			padding: 0;
			margin-top: 3px ;
			height: 12px;
		}
		#line-item-grid { 
			border-collapse: collapse; 
		}
		.line-item-grid-header th { 
			font-size: 12px; 
			padding: 4px 2px; 
		}
		.line-item div div {
			line-height: 21px;
		}
		
		.line-item div.text-wrapper-inner {
			margin-top: 1px;
		}
		.line-item-grid-footer th{ 
			border-width: 4px 0; 
			padding: 3px 5px; 
			font-size: 14px; 
		}
		
		td.checker{ 
			text-align: center;
		}
		td.checker input {
			margin-top: 7px;	
		}
		.line-item-grid-wrapper .child-line-item .checker input {
			float: right;
			margin-left: 26px;
		}
		#line-item-grid .line-item-show .reorder-icon {
			left: inherit;
			position: relative;
			width: 6px;
			margin-top: 1px;
		}
		.line-item-grid-wrapper .line-item .collapsible,
		.line-item-grid-wrapper .line-item .collapsible.collapsed {
			position: relative;
			float: left;
			margin: 6px 0 0 -1px;			
			cursor: pointer;
			height: 13px;
			width: 13px;
			background-position: center center !important;
		}
		
		/* @end */
	
/* @end */

/* @group | Tabs */
/* ------------------------------------------------------ */

	.page-tabs.tab-strip {
		background: #ddeff4 url(image/images/bottom-glow-overlay.png) bottom repeat-x !important;
		padding: 0 0 0 10px;
		border-bottom-width: 2px;
		border-bottom: 1px #003366 solid;
	}
	.tab-inner { 
		background: none !important; 
	}
	.tab-right { 
		background: none !important; 
	}
	.tab-strip .tab-text {
		padding: 0;
		color: #444;
		padding-top: 3px;
	}
	.tab-strip a.tab-left:hover .tab-text { 
		color: #000; 
	}
	.tab-strip .tab-active .tab-text { 
		padding: 0; 
		font-size: 12px; 
	}
	.tab-strip .tab-active a.tab-left,
	.tab-strip .tab-active a.tab-left:hover  { 
		margin-top: 1px; 
		background: url(image/images/bottom-shadow.png) repeat-x bottom #355e86; 
	}
	.model-config .page-tabs li{ 
		margin-bottom: -2px\9; 
	}
	.tab-strip a.tab-left {
		background: none;
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px; /* Used multiple s mobile doesn't like this in shorthand */
	    -webkit-border-bottom-right-radius: 0;
    	-webkit-border-bottom-left-radius: 0;
	}
	.tab-strip a.tab-left:hover { 
		background: transparent url(image/images/dark-tab-over.png) repeat-x top; 
	}
	.tab-strip .tab-text,
	.tab-strip a.tab-left {
		height: 24px;
		line-height: 24px;
	}
	
/* @end */
	
/* @group | Config */
/* ------------------------------------------------------ */

	/* @group | Pipeline Viewr */
	/* ------------------------------------------------------ */
		.view-header-table { 
			margin-bottom: -14px; 
		}
		.view-header-table tr.view-header {
			background-color: transparent;
			border: solid 1px;
		}
		.view-header-table a.view-header { 
			padding: 0 5px; 
			line-height: 13px; 
			float: right; 
			float: none\9; 
		}
		.view-header-table tr.view-header td {
			line-height: 13px;
			height: 13px;
		}
	/* @end */
	
	/* @group | Parts Tables */
	/* ------------------------------------------------------ */
		.items-table-content .spare-grid th {
			border-bottom: solid 1px #cdcdcd;
			padding-top: 6px;
			padding-bottom: 6px;
			background: #fff url(image/images/light-tab-background.png) left 6px repeat-x;
		} 
		.spare-grid th:hover { 
			background-position: 0 -5px; 
		}
		.spare-grid th.headerSortDown,
		.spare-grid th.headerSortUp { 
			background-position: 0 -10px; 
		}
		#recommendation-section .main-model {
			margin-top: 10px;
			padding: 5px 10px;
		}
		.main-model span { 
			line-height: 22px;
		}
	/* @end */
	
	/* @group | Images for Config Buttons */
	/* ------------------------------------------------------ */
		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); 
		}
	/* @end */
	
/* @end */

/* @group | Buttons */
/* ------------------------------------------------------ */
	.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: 4px; 	
		-webkit-border-radius: 4px;  
		border-radius: 4px;
	}
	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; 
	}
/* @end */

/* @group | Additional Fixes */
/* ------------------------------------------------------ */
	.bm-actionstrip-horiz table {
		display: inline-block; /* for Safari */
		zoom: 1; 
		*display:inline; /*IE7 Hack */
	}
/* @end */