/* style.css Document */


body, html {

}
.site-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    
    /* Include the image via background */
    background-image: url('images/sl-sprocket-logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* Ensures the whole logo fits inside the dimensions */

    /* You MUST set a width and height for an empty div */
    width: 248px;  /* Change to your image's actual width */
    height: 85px; /* Change to your image's actual height */
}

body {
	font-family: Verdana,Arial,sans-serif;
	font-size:14px;
	background-color: #fff;
	/**background-image:url('/images/applelinen.jpg1');*/
	}
	
label  {
	font-family: Verdana,Arial,sans-serif;
	font-size:14px;
	color:#c37903;
	
	/*text-shadow: 2px 2px 2px;*/
}
input, textarea  {
	font-family: Verdana,Arial,sans-serif;
	font-size:14px
	/*text-shadow: 2px 2px 2px;*/
}

#wrapper { background-color: #fff; }
#commandBar {
	margin-bottom: 3em;
}
.actionBox {
	float:left;
	margin-right:1em;
	width: auto;
}
#searchBox {
	float:right;
}
#container {
    margin: 10px auto;
    width: 90%;
    color: #333;
    background-color: #fff;
    border: 1px solid gray;
    line-height: 130%;
    }

#customerTable, #partTable, #chainChartTable ,#formCustomer, .report-table{
	width: 100%;
	font: 14px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}

#customerTable th, #partTable th, #chainChartTable th , .report-table{
	padding: 0 0.5em;
	text-align: center;
	}

#customerTable tr.yellow td , #partTable tr.yellow td, #chainChartTable tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

#customerTable td, #partTable td, #chainChartTable td , .report-table{
	border-bottom: 1px solid #fff;
	padding: 0 0.5em;
/*	background-color: #666;
	color: #fff;*/
	}
#customerTable td:first-child, #partTable td:first-child, #chainChartTable td:first-child {
	text-align: center;
	width:130px;
	}
#customerTable td:first-child + td {
	width: 300px;
	}

#customerTable td+td ,#partTable td+td, #chainChartTable td+td , .report-table{
	border-left: 1px solid #CCC;
	text-align: center;
	}

/* Maint */
#tableCustomerMaint	td:first-child, #tablePartMaint td:first-child {
	text-align:right;
}
#chainChartTable td:first-child + td{
	text-align: left;
}

/* Field Declaratives */
#search {
	color: #666;
	backgound-color: #efefef;
}

#billingCity, #billingAddress, #partApplication, #taxable, #dbaName, #address, #email, #customerNumber, #city, #phone1, #cc1, #cc2 ,#notes, #partDesc, #partNumber, #size, #pitch, #msrp, #dealerCost, #importCost, #chainSelectedDesc , #productBrand, #productCategory, #brand, #partDescription, #notes, #masterPartNumberSpan, #masterPartNumber {
	margin-left: 5px;
}
#dbaName, #address, #billingAddress, #email ,#notes , #chainSelectedDesc, #partDescription, #partApplication {
	width: 97%;
}
#submit, #cancel {
	width:100px;
	margin: 3em;

}

#masterPartNumberSpan {
	margin-right: 1em;
	}

/*#chainChartTable {
	font-size: 10px;
	
}*/

/* Dialogs */
#dialog-form, #dialog-confirm, #dialog-print, #dialog-print-tickets, #dialog-ticket, #dialog-shipping, #dialog-add-country {
	display: none;
}

/* Images for Edit/Delete on Listing Forms */
.actionEdit, .actionEditItem, .actionEditCustomer{
	background-image:url('images/glyphicons_150_edit.png');
	width: 24px;
	height: 21px;
	margin: 3px 6px 3px 15px;
	float:left;
}
.actionCalculator {
	background-image:url('images/161-calculator.png');
	width: 22px;
	height: 28px;
	margin: 3px 6px 3px 15px;
	float:left;
}

.actionPrint {
	background-image:url('images/glyphicons_039_notes.png');
	width: 20px;
	height: 25px;
	margin: 3px 6px 3px 15px;
	float:left;
}
.actionStatus, .actionOrder, .actionDeleteCustomer, .actionDeleteBO {
	background-image:url('images/glyphicons_256_delete.png');
	width: 27px;
	height: 17px;
	margin: 6px 0 6px 10px;
	float:left;	
}
.statusMessage {
	font-weight: normal;
}

label.titleTop {
	float:left;
	margin-left: .5em;
	}

.printCustomer {
	background-image:url('images/customer_copy.png');
	width: 24px;
	height: 26px;
	margin: 6px 0 6px 10px;
	float:left;	
}
.printShop {
	background-image:url('images/shop_copy.png');
	width: 24px;
	height: 26px;
	margin: 6px 0 6px 10px;
	float:left;	
}
.printPacking {
	background-image:url('images/packing_slip.png');
	width: 24px;
	height: 26px;
	margin: 6px 0 6px 10px;
	float:left;	
}
.emailInvoice {
	background-image:url('images/emailInvoice.png');
	width: 24px;
	height: 28px;
	margin: 6px 0 6px 10px;
	float:left;	
}
.printTicket, .printTickets, .printPartTicket{
	background-image:url('images/print_ticket.png');
	width: 24px;
	height: 24px;
	margin: 6px 0 6px 10px;
	float:left;	
}
.customerOrder {
	background-image:url('images/usd.png');
	width: 17px;
	height: 26px;
	margin: 3px 0 8px 15px;
	float:left;	
}
.actionShipping {
	background-image:url('images/ups.jpg');
	width: 26px;
	height: 27px;
	margin: 3px 0 8px 15px;
	float:left;	
}

/*  Auto Complete */
 .ui-autocomplete-loading {
background: white url('images/16x16-cc.gif') right center no-repeat;
}


/*  Order Info Banner*/
 .fsOrderInfo {float:left; margin:10px; background-color:#efefef;width:300px}
 .orderInfo { margin: 5px 5px; padding:0px; width:300px;}
 .tableOrderInfo {width:300px; }
 .tableOrderInfo td { border-bottom: none; padding: 0;}
 
/* Customer Info Banner */
 .fsCustomer {background-color:#efefef;width:350px}
 .fsCustomer p { font-weight: bold; margin-top:5px; margin-bottom: 5px;}
 .custInfo { float:left; margin: 5px 5px; padding:5px; width:225px;}
 #useBillingforShipping { margin-left:0px;}
.specialInstructions { float: left; clear:left; margin-top: 10px}

/* Customer Notes */
.fsCustomerNotes {float:left; margin:10px 10px 10px 10px; background-color:#efefef;width:300px;}
.fsPrintInvoice {float:left; margin:10px 10px 10px 10px; background-color:#efefef;width:300px;}
.label #line-part-description, 

/*  Reports */
.fsReport {float:left; margin:10px 10px 10px 10px; background-color:#fff;width:450px;}





#entryKit, #entryChain, #entrySprocket, #entryChain { display: none }
#entryPricing { display: block }


/*   Buttons */
#submit,
.boSave,
#createCustomer,
#createBackOrder,
#submitCustomer,
#createSubmit,
#createOrder,
#line-createItem,
#updateOrder,
#createOrderItem,
#copyAddress,
#addCountry,
#submitAddCountry
{
color: #fff;
    background-color: #c37903;
    border: 1px solid #c37903;border-radius: 20px;
}