/*************** Structure ***************/
html {height: 100%;}
body {font: 1em 'Droid Sans',Arial,Verdana,Sans-serif; height: 100%; background: #34393c url(../images/sidebarWide.gif) center repeat-y; margin: 0; padding: 0; position: relative; color: #5a6368;}

#container {width:1180px; max-height: 100%; margin: 0 auto 0 auto; padding-top: 1px; margin-top: -1px;}
#customerContainer {width: 920px; float: left; padding: 0 30px 40px 30px; position: relative;}
#sidebar {width: 200px; min-height: 500px; float: left;}

.clear {clear: both;}
/*************** End Structure ***************/

/**** Header bar ****/
#headerBar {width: 100%; height: 60px; background: #34393c; margin: 0 0 20px 0; position: relative; z-index: 100;}
	#headerBar #top {width: 1180px; height: 48px; margin: 0 auto 0 auto; padding: 12px 10px 0 10px;}
	#headerBar #top h1 {width: 180px; height: 36px; display: block; float: left; background: url(../images/avenue4.gif) no-repeat; text-indent: -9000px; margin: 0 15px 0 0; padding: 0;}
	#headerBar #top h2 {width: 186px; height: 38px; display: block; background: url(../images/sprites.png) -217px -130px no-repeat; text-indent: -9000px; float: left; margin: 0; padding: 0;}
	#headerBar #top ul {margin: 0 0 0 0; padding: 0; display: block; float: right;}
	#headerBar #top ul li {margin: 0 18px 0 0; padding: 0 0 0 22px; display: block; float: left; background: url(../images/topDivider.png) left no-repeat; color: #fff;} 
	#headerBar #top ul li:first-child {background: none;}
	#headerBar #top ul li:last-child {margin-right: 0;}
	#headerBar #top ul li a {height: 30px; font-size: 0.9em; margin: 0; padding: 14px 30px 0 0; display: block; color: #fff; text-decoration: none; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);}
		#headerBar #top ul li a:hover {color: #55b7b5;}
		#headerBar #top ul li a#products {background: url(../images/topProducts.png) right 17px no-repeat;}
		#headerBar #top ul li a#account {background: url(../images/topAccount.png) right 11px no-repeat;}
		#headerBar #top ul li a#logout {background: url(../images/topLock.png) right 11px no-repeat;}
	
	#headerBar #top ul li ul {width: 190px; display: none; position: absolute; background: #34393c; margin-left: -88px; padding: 20px 0 0 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5);}
	#headerBar #top ul li ul li {display: block; list-style: none; float: none; background: none; margin: 0 0 20px 0;}
	#headerBar #top ul li ul li a {text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); margin: 0 0 0 0; padding: 0 0 0 20px; height: auto;}
	#headerBar #top ul li ul li a span {display: inline-block; width: 24px; height: 23px; margin: -3px 10px 0 -30px; position: absolute;}
	#headerBar #top ul li:hover ul {display: block;}

	#headerBar #top ul li ul li a.dg span {background: url(../images/sprites.png) -540px -72px no-repeat;}
	#headerBar #top ul li ul li a.lm span {background: url(../images/sprites.png) -628px -72px no-repeat;}
	#headerBar #top ul li ul li a.cm span {background: url(../images/sprites.png) -584px -72px no-repeat;}

#headerBar #bottom {width: 100%; height: 6px; background: #55b7b5; border-top: 1px solid #5dc8c5; clear: both;}
	#headerBar #bottom ul {width: 940px; margin: 0 auto 0 auto; padding: 0 10px 0 10px; display: block;}
	#headerBar #bottom ul li {margin: 0 1px 0 1px; display: block; float: left; list-style: none; height: 34px; border-radius: 4px; background: url(../images/subNavBackground.gif) repeat-x;}
	#headerBar #bottom ul li a {text-decoration: none; color: #fff; font-size: 0.8em; padding: 10px; height: 14px; display: block; text-shadow: 0px -1px 0px rgba(96, 134, 34, 1);}
	#headerBar #bottom ul li a:hover {background: url(../images/subNavActive.gif) center bottom no-repeat;}
	#headerBar #bottom ul li a.current {background: url(../images/subNavActive.gif) center bottom no-repeat;}
/**** End Header bar ****/

/*************** Login ***************/
#loginContainer {width: 400px; height: 200px; margin: 30px 0 0 0;}
.loginRow {width: 100%; height: 20px; margin: 0 0 20px 0;}

.loginLabel {width: 80px; float: left; text-align: left; margin-right: 10px; font-size: 0.8em; padding: 8px 0 0 0; font-weight: 700; color: #55b7b5;}
.loginField {float: left; text-align: left; margin-left: 10px;}
.loginField input {border: 1px solid #bcc3c8; border-radius: 6px; padding: 0 10px 0 10px; height: 30px;}

#login {min-width: 45px; height: 32px; border-radius: 6px; border: none; background: #55b7b5; color: #fff; cursor: pointer; clear: both;}
/*************** End Login ***************/

/*************** Main Menu ***************/
#adminMenu {margin: 30px 0 0 0; width: 200px; font-size: 0.8em;}
#topOfMenu {background-color: #282b2e; color: #fff; width: 190px; min-height: 21px; margin: 0; padding: 6px 0 0 10px; text-align: left; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
	#topOfMenu a.edit {float: right; margin: 0 15px 0 0; color: #adbdc8; background-position: 0 -42px;}
	#topOfMenu a.edit:hover {background-position: 0 -21px; color: #fff;}
#menuSelections {width: 100%; color: #fff; margin: 0; text-align: left; float: left;}

#salesRepMenuBar {float: left; margin: 10px 0 0 10px; padding: 0; width: 210px;}
#salesRepMenuBar li {width: 180px; height: 27px; margin: 0; padding: 0 0 0 10px; list-style: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
	#salesRepMenuBar li:hover {background-color: #646d73;}
	#salesRepMenuBar li.active {background-color: #89969e;}
		#salesRepMenuBar li.active a {color: #282b2e;}
#salesRepMenuBar li a {display:  block; width: 180px; height: 22px; padding-top: 5px; color: #adbdc8; text-decoration: none;}
	#salesRepMenuBar li a:hover {color: #282b2e;}
#salesRepMenuBar li.sectionLink {margin:20px 0 0 0; height: 0; padding: 20px 0 0 0; border-top: 1px solid #4c5358;}
#salesRepMenuBar li.sectionLink:hover {background: none; background-color: transparent;}
/*************** End Main Menu ***************/

/*************** Page Titles ***************/
#customersHeader {margin: 0 0 15px 0; padding: 0 0 0 0; text-align: left; font-size: 1.6em; color: #8f9ca5;}
#customersHeader h2 {font-size: 1em; font-weight: normal; margin: 0 0 0 0;}
#customersHeader span {color: #4c5358;}
/*************** End Page Titles ***************/

/*************** Filter & List Structure ***************/
.clientsSearch {margin-bottom: 20px !important;}
.contactsSearch {}

#filter {color: #55b7b5; text-decoration: none; font-size: 0.9em; background: url(../images/filter-up.png) 0 2px no-repeat; padding: 0 0 4px 16px;margin: 0px 20px 30px 10px;}
#filter:hover {color: #3d8584; background: url(../images/filter-over.png) 0 2px no-repeat;}
	#FilterMenu {width: 140px; display: none; margin: 30px 70px 0 0; padding: 10px; border: 1px solid #000; position: absolute; left: 340px; top:10px; border-radius: 6px; background: #646c72; border: none;}
	#FilterMenu li {display: block; margin: 0 0 10px 0; list-style: block;}
	#FilterMenu li a {display: block; font-size: 0.8em; padding: 0 0 0 24px; color: #fff; text-decoration: none; background: url(../images/export.png) 0 -52px no-repeat;}
	#FilterMenu li a:hover {color: #4cb7b6; background-position: 0 0;}
	#FilterMenu li:last-child {margin: 0;}
	

#CustomerSearch {width: 938px; background: #f6f7f8; border-bottom: 1px solid #e6eaed; padding: 12px 12px 12px 30px; top: -13px; position: relative; left: -30px;}
#CustomerSearchContainer {float: left; position: relative; background: url(../images/filter_background2.gif) repeat-y;}

#CustomersSearch {width: 600px; display: none; position: absolute; background: #fff; z-index: 200; border: 1px solid #a7b4bf; padding: 15px; border-radius: 6px 0 6px 6px;margin-top: 10px;}
#CustomersSearch #search {min-width: 70px; height: 32px; border-radius: 6px; border: none; background: #55b7b5; color: #fff; cursor: pointer; display: block; margin: 15px 0 0 0; clear: both; float: right;}
#CustomerSearch #customer {width: 200px; height: 30px; border: 1px solid #bcc3c8; border-radius: 6px; padding: 0 5px 0 35px; background: #fff url(../images/magnify.gif) 7px 3px no-repeat;}

#filterTop {width: 381px; height: 7px; position: absolute; top: 0; background: url(../images/filter_top2.gif) no-repeat; right: 0;}
#filterBottom {width: 381px; height: 7px; position: absolute; bottom: 0; background: url(../images/filter_bottom2.gif) no-repeat; right: 0;}

#filterCol1 {width: 199px; margin: 0 10px 0 0; float: left;}
	#filterCol1 ul {margin: 0; padding: 0;}
		#filterCol1 ul li {margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 0.8em; color: #c7dbe6; font-weight: bold; position: relative;}
		#filterCol1 ul li a {text-decoration: none; color: #5cb7b5; width: 90%; display: block; padding: 4px 5% 4px 9px;}
			#filterCol1 ul li a span {display: none;}
		#filterCol1 ul li a.active {color: #428584; background: #f2f2f2 no-repeat; border-radius: 5px;}
				#filterCol1 ul li a.active span {display: block; width: 10px; height: 13px; position: absolute; background: url(../images/products-arrow.gif) no-repeat; right: -28px; top: 5px;}
		#filterCol1 ul li a:hover {color: #428584;}
		#filterCol1 ul li span {width: 95%; display: block; padding: 4px 5% 4px 9px;}
#filterCol2 {width: 391px; float: left;}
	#filterCol2 ul {display: none; margin: 20px 20px 20px 29px; padding: 0;}
		#filterCol2 ul li {width: 160px; display: block; margin: 0 0 20px 0; padding: 0; list-style: none; float: left;}
		#filterCol2 ul li label {width: 120px; display:  block; font-size: 0.8em; float: left;}
		#filterCol2 ul li input[type="checkbox"] {display: block; float: left; margin: 0 10px 0 0;}
		#filterCol2 ul li p {margin: 0; padding: 0; font-size: 0.8em; color: #b7c9d3;}

#CustomersSearch .productContainer {}
	#CustomersSearch .close {width: 20px; height: 21px; display: block; border-radius: 4px 4px 0 0; border: 1px solid #a7b4bf; background: #a7b4bf url(../images/close.gif) center 5px no-repeat; position: absolute; right: -1px; top: -23px;}
	#CustomersSearch .groupField {width: 140px; font-size: 0.8em; float: left; color: #fff; background: #a6b5bf; border-radius: 3px; padding: 5px; text-transform: capitalize; margin: 0 0 10px 0; clear: both; cursor: pointer;}
	#CustomersSearch .groupFieldContainer {width: 400px; display: none; position: relative; float: right;}
		#CustomersSearch .products {width: 175px; float: left; margin: 0 10px 0 0;}
			#CustomersSearch .products .contactField {margin: 0;}
			#CustomersSearch .products .contactFieldLabel label {font-weight: 400; font-size: 0.8em;}
			#CustomersSearch .products .contactFieldLabel.products {width: 130px;}
			
#CustomerSearch, #CustomersSearch {text-align: left;}
#CustomerSearch {margin: 0 0 15px 0;}
/*************** End Filter & List Structure ***************/

/*************** Export ***************/
.export {display: block; float: right; margin: 7px 0 20px 0; padding: 0 0 7px 24px; color: #55b7b5; text-decoration: none; font-size: 0.9em; background: url(../images/export.png) 0 0 no-repeat;}
	.export:hover {color: #3d8584; background-position: 0 -26px;}
#exportMenu {width: 140px; display: none; margin: 30px 70px 0 0; padding: 10px; border: 1px solid #000; position: absolute; right: 0; border-radius: 6px; background: #646c72; border: none;}
	#exportMenu li {display: block; margin: 0 0 10px 0; list-style: block;}
	#exportMenu li a {display: block; font-size: 0.8em; padding: 0 0 0 24px; color: #fff; text-decoration: none; background: url(../images/export.png) 0 -52px no-repeat;}
	#exportMenu li a:hover {color: #4cb7b6; background-position: 0 0;}
	#exportMenu li:last-child {margin: 0;}
/*************** End Export ***************/

/*************** Search Results ***************/
#noResults {display: block; clear: both; margin: 0 0 0 0; font-size: 0.8em;}
/*************** End Search Results ***************/

/*************** Table ***************/
#listTable, #listSort {margin: 0; padding: 0 0 30px 0;}
.listTableCol {width: 420px; padding: 12px 40px 0 0; float: left;}
	.listTableCol h2 {font-size: 1em;}
	.listTableCol h3 {height: 32px; display: block; margin: 0 0 20px 0; padding: 0; color: #8f9ca5; font-size: 1em;}

.data {width: 100%; margin: 0; padding: 0; border: none;}
.data .header {background: #f6f7f8; border-radius: 4px;}
	.data .header:hover {background: #f6f7f8;}
	#listTable .data .header:hover {background: #f6f7f8;}
.data th {text-align: left; font-weight: 400; margin: 0; height: 18px; padding: 7px 0 5px 0; color: #a6b5bf; font-size: 0.8em; border-bottom: 1px solid #e6eaed;}
.data td {vertical-align: top; text-align: left; padding: 5px 0 3px 0; color: #5a6368; font-size: 0.8em;}
.data td a {color: #55b7b5; text-decoration: none;}

#listTable .data tr:hover {background: #5cb7b5;}
	#listTable .data tr:hover td {color: #fff;}
	#listTable .data tr:hover td a {color: #fff;}
	#listTable .data tr:hover td a.edit {background-position: 0 -21px;}
		#listTable .data tr:hover td a.edit:hover {background-position: 0 -63px; color: #72e1df;}
	#listTable .data tr:hover td a.delete {background-position: 0 -21px;}
		#listTable .data tr:hover td a.delete:hover {background-position: 0 -42px;}

	#listTable .data tr:hover td .up {background-position: 1px -35px;}
		#listTable .data tr:hover td .up:hover {background-position: 1px -18px;}
	#listTable .data tr:hover td .down {background-position: -15px -35px;}
		#listTable .data tr:hover td .down:hover {background-position: -15px -18px;}
	
.data tr:hover {background: #f2f2f2;}

.data th.start {padding-right: 15px; padding-left: 10px; background: url(../images/tableHeaderLeft.gif) left no-repeat;}
.data th.end {background: url(../images/tableHeaderRight.gif) right no-repeat;}

.data th.companyCol {width: 250px;}
.data th.companyShortCol {width: 150px;}
.data th.contactCol {/*width: 90px;*/}
.data th.repsCol {width: 140px;}
.data th.branchCol {width: 80px;}
.data th.orderCol {width: 60px;}
.data th.groupCol {width: 190px;}
.data th.nameCol {width: 140px;}
.data th.phoneCol {width: 100px;}
.data th.addressCol {width: 180px;}
.data th.emailCol {width: 150px;}
.data th.emailLongCol {width: 210px;}
.data th.activeCol {width: 40px;}
.data th.editCol {width: 50px; text-align: center;}
.data th.deleteCol {width: 15px; text-align: center;}

.data td.cellSpace {padding-left: 10px;}
.data td.cellSpaceFix {width: 180px;}
.data td.activeCol {width: 43px; text-align: center;}
.data td.updown {width: 12px; padding: 0 0 0 5px;}
.data td .delete {margin-top: 2px;}
	.data td .delete:hover {background-position: 0 -63px;}
.data td .edit:hover {color: #3d8584; background-position: 0 -84px;}

.alt {background-color: #f2f2f2;}
.spacer {width: 20px;}
.spacerRow td {height: 3px; padding: 0; margin: 0;}
.spacerRowTop td {height: 5px; padding: 0; margin: 0;}
	.data .spacerRowTop:hover {background: #fff !important;}
.center {text-align: center !important;}

.contactsList {font-size: 100%; color: #666;}
	.contactsList a {color: #666 !important;}
	.contactsList .cEn {color: #662525 !important;}
	.contactsList .cFr {color: #252566 !important;}
	.contactsList a:hover {color: #ccc !important;}
	.contactsList .cEn:hover {color: #996666 !important;}
	.contactsList .cFr:hover {color: #666699 !important;}
	
.check {width: 10px; height: 10px; margin: 3px auto 0 auto; background: url(../images/check.png) no-repeat;}
#listTable .data tr:hover td.activeCol .check {background-position: 0 -16px;}

.up {display: block; width: 14px; height: 13px; background: url(../images/arrows.png) 1px 0 no-repeat; text-indent: -9000px; margin: 7px 0 0 0;}
	.up:hover {background-position: 1px -51px;}
.down {display: block; width: 14px; height: 13px; background: url(../images/arrows.png) -15px 0 no-repeat; text-indent: -9000px;  margin: 7px 0 0 0;}
	.down:hover {background-position: -15px -51px;}

	/*************** Sorting Table ***************/
	.data tr.active {background: #5cb7b5;}
	.data tr.active td {color: #fff;}
	.data tr.active td a {color: #fff;}
	.data tr.active td a.edit {background: url(../images/editButtons.png) 0 -21px no-repeat;}
	.data tr.active td a.edit:hover {color: #69e1df; background-position: 0 -63px;}
	.data tr.active td a.up {background: url(../images/arrows.png) 1px -34px no-repeat;}
		.data tr.active td a.up:hover {background-position: 1px -17px;}
		.data tr.active td a.down {background: url(../images/arrows.png) -15px -34px no-repeat;}
		.data tr.active td a.down:hover {background-position: -15px -17px;}
		.data tr.active td .check {background-position: 0 -16px;}
		.data tr.active td .delete {background-position: 0 -21px;}
		.data tr.active td .delete:hover {background-position: 0 -42px;}
	/*************** End Sorting Table ***************/	

.highlight {background: #fff200;}
#listTable .data tr:hover td .highlight {background: #d1cf15;}

/*************** End Table ***************/

/*************** Products Group Edit ***************/
h3#editHeader {font-size: 1em; display: block; margin: 0 0 15px 0; padding: 12px 0 0 0; color: #8f9ca5;}
	h3#editHeader span {color: #55b7b5;}
	h3#editHeader span a {color: #55b7b5; font-size: 0.8em; text-decoration: none;}
	h3#editHeader span a:hover {color: #3d8584;}
#productEdit {margin: 0;}
.formEdit {width: 332px; float: left; margin: 20px 0 30px 0; padding: 0 50px 0 0; border-right: 1px solid #dfdfdf;}
	.formEdit dl {margin: 0;}
	.formEdit dt {width: 75px; display: block; float: left; font-size: 0.8em; line-height: 1.1em; color: #5a6368; margin: 0 0 10px 0; padding: 8px 10px 0 0; text-align: right;}
	.formEdit dd {height: 32px; margin: 0 0 10px 0;}
	.formEdit dd input[type="text"] {width: 235px; height: 30px; border: 1px solid #bcc3c8; border-radius: 6px; padding: 0 5px 0 5px;}
	.formEdit dd input[type="radio"] {margin-top: 9px;}
	.formEdit dd label {font-size: 0.8em; color: #5a6368;}
	.formEdit dd select {width: 245px; margin-top: 6px;}
	.formEdit dd .btn {float: left;}

	.formEdit dd input#firstName {margin: 0 10px 0 0;}
	.formEdit dd input#firstName, .formEdit dd input#lastName {width: 106px; display: inline-block;}

    .companyEdit {width: 332px; float: left; margin: 0; padding: 20px; background: none repeat scroll 0% 0% #F2F2F2;}
	.companyEdit dl {margin: 0;}
	.companyEdit dt {width: 75px; display: block; float: left; font-size: 0.8em; line-height: 1.1em; color: #5a6368; margin: 0 0 10px 0; padding: 8px 10px 0 0; text-align: right;}
	.companyEdit dd {height: 32px; margin: 0 0 10px 0;}
	.companyEdit dd input[type="text"] {width: 235px; height: 30px; border: 1px solid #bcc3c8; border-radius: 6px; padding: 0 5px 0 5px;}
	.companyEdit dd input[type="radio"] {margin-top: 9px;}
	.companyEdit dd label {font-size: 0.8em; color: #5a6368;}
	.companyEdit dd select {width: 245px; margin-top: 6px;}
	.companyEdit dd .btn {float: left;}
	.companyEdit dt.last {margin-bottom: 0;width: 200px; padding-right: 0px;}
	.companyEdit dd.last {margin-bottom: 0;}
	.companyEdit dd.last .cancelLink{margin-right: 0;}
	.companyEdit textarea {
			width: 322px;
			height: 120px;
			border: 1px solid #BCC3C8;
			border-radius: 6px;
			padding: 5px 5px 5px 5px;
		}

.noBorder {border: none;}

#addComments {clear: both; margin: 40px auto 20px auto;}
#addComments label {font-size: 0.8em; color: #5a6368; display: block; margin: 0 0 15px 0;}
#addComments textarea {margin: 0 0 15px 0;}

#categoriesContainer {width: 507px; float: left; margin: 16px 0 20px 30px; padding: 0 0 10px 0; background: url(../images/filter_background.gif) repeat-y; position: relative;}
	#categoriesContainer h3 {font-size: 0.95em; display: block; margin: 0 0 15px 0; padding: 0; color: #8f9ca5;}
	#categoriesTop {width: 353px; height: 7px; position: absolute; top: 0; background: url(../images/filter_top.gif) no-repeat; right: 0;}
	#categoriesBottom {width: 353px; height: 7px; position: absolute; bottom: 0; background: url(../images/filter_bottom.gif) no-repeat; right: 0;}

.categories {margin: 0 0 20px 0; clear: both;}
.categories h3 {font-size: 0.95em; display: block; margin: 0 0 15px 0; padding: 0; color: #8f9ca5;}
.categories ul {margin: 0; padding: 0;}
.categories ul li {width: 170px; display: block; margin: 0 0 10px 0; padding: 0; list-style: none; float: left;}
.categories ul li label {width: 120px; display:  block; font-size: 0.8em; float: left;}
.categories ul li input[type="checkbox"] {display: block; float: left; margin: 0 10px 0 0;}
.categories ul li p {margin: 0; padding: 0; font-size: 0.8em; color: #b7c9d3;}

#categoriesCol1 {width: 135px; float: left; margin: 0 19px 0 0;}
	#categoriesCol1 ul {margin: 0; padding: 0;}
		#categoriesCol1 ul li {margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 0.8em; color: #c7dbe6; font-weight: bold; position: relative;}
		#categoriesCol1 ul li a {text-decoration: none; color: #5cb7b5; width: 90%; display: block; padding: 4px 5% 4px 9px;}
			#categoriesCol1 ul li a span {display: none;}
		#categoriesCol1 ul li a.active {color: #428584; background: #f2f2f2 no-repeat; border-radius: 5px;}
			#categoriesCol1 ul li a.active span {display: block; width: 10px; height: 13px; position: absolute; background: url(../images/products-arrow.gif) no-repeat; right: -28px; top: 5px;}
		#categoriesCol1 ul li a:hover {color: #428584;}
		#categoriesCol1 ul li span {width: 95%; display: block; padding: 4px 5% 4px 9px;}
#categoriesCol2 {width: 353px; float: left; background-color: #f2f2f2; border-radius: 6px;}
	#categoriesCol2 ul {display: none; margin: 20px; padding: 0;}
		#categoriesCol2 ul li {width: 130px; display: block; margin: 0 0 20px 0; padding: 0; list-style: none; float: left;}
		#categoriesCol2 ul li label {width: 100px; display:  block; font-size: 0.8em; float: left;}
		#categoriesCol2 ul li input[type="checkbox"] {display: block; float: left; margin: 0 10px 0 0;}
		#categoriesCol2 ul li p {margin: 0; padding: 0; font-size: 0.8em; color: #b7c9d3;}

.commentsContainer {margin: 40px 0 20px 0; clear: both;}
.comments {margin: 0 0 25px 0; background-color: #f2f2f2; padding: 20px 20px 10px 20px; border-radius: 6px;}
	.commenter {font-size: 0.8em; display: block; width: 400px; float: left;}
	.date {font-size: 0.8em; color: #94a3ab; clear: both;}
	.comment p {font-size: 0.8em;}
.divider {width: 100%; height: 1px; margin: 10px 0 0 0; border-bottom: 1px dashed #cbe0eb;}
.editBox {width: 35px; float: right;}
	.editBox .edit {display: inline-block; width: 10px; height: 10px; background: url(../images/editButtons.png) -1px -1px no-repeat; float: left; padding: 0; margin: 0 10px 0 0;}
	.editBox .edit:hover {background-position: -1px -85px;}
	.editBox .delete {display: inline-block; width: 11px; height: 11px; background: url(../images/deleteButtons.png) 0 -1px no-repeat; float: left; padding: 0; margin: 0 0 0 0;}
	.editBox .delete:hover {background-position: 0 -64px;}
/*************** End Products Group Edit ***************/

/*************** Pagination ***************/
#customerPaginator {min-height: 30px; font-size: 0.8em; position: relative; text-align: left; margin: 8px 0 0 0; float: left;}
#customerPaginator ul {list-style: none; margin: 0 0 0 0; padding: 0; display: block;}
#customerPaginator ul li {float: left; margin-right: 20px; display: block;}
#customerPaginator ul li a {text-decoration: none;color: #55b7b5;}
#customerPaginator ul li:hover a {color: #3d8584;}
.currentPage {color: #b7b7b7;}
/*************** End Pagination ***************/

/*************** Edit Contact ***************/
.customerField {width: 100%; float: left; clear: both; text-align: left !important; margin-bottom: 10px;}
.customerFieldLabel {text-align: left; width: 115px; float: left; clear: both; position: relative; padding: 0 5px 0 0; font-size: 0.8em; font-weight: 700; color: #55b7b5;}
.customerField:first-child .customerFieldLabel {text-align: left; width: 115px; float: left; clear: both; position: relative; padding: 7px 5px 5px 0; font-size: 0.8em; font-weight: 700; color: #55b7b5;}
.customerField input.save, .customerField input.cancel {float: left;}

.customerFieldText {text-align: left; width: 50%; float: left; position: relative; margin-right: 10px;}
.customerFieldText input {width: 200px; height: 30px; border: 1px solid #bcc3c8; border-radius: 6px; padding: 0 10px 0 10px;}

.customerField.last {margin-bottom: 0;}

.savedMsg {display: inline-block; margin: 10px 0 0 0; font-size: 0.8em; font-weight: 700; color: #73a033; float: right;}
/*************** End Edit Contact ***************/

/*************** Misc ***************/
#customerAdd {float: right;}
#contactAdd {float: right; margin: 0 0 15px 0;}
#customerDiv {width: 927px; border-radius: 6px; margin: 0 0 15px 0;}
#customerDiv #categoriesContainer {margin-top: 0px;}
#comment_tbl {width: 100% !important; margin: 0 auto 0 auto;}
#editComment_tbl {width: 100% !important; margin: 15px 0 15px 0;}
#newcomment_tbl {width: 100% !important; margin: 15px 0 15px 0;}
/*************** End Misc ***************/

/*************** Buttons ***************/
.btn {display: inline-block; height: 22px; border-radius: 6px; padding: 10px 15px 0 15px; border: none; color: #fff; cursor: pointer; font-weight: 400; font-size: 0.7em; text-align: center; text-decoration: none;}
	.btn:hover {background: #3d8584;}
	.btn.green {background: #4faa1d;}
		.btn.green:hover {background: #459419;}
	.btn.blue {background: #55b7b5;}
		.btn.blue:hover {background: #3d8584;}

input.btn {display: inline-block; height: 32px; padding: 0 15px 0 15px; background-color: #c0c0c0;}

	.btn.newcustomer {margin: 0 0 0 15px; padding: 0 20px 2px 10px; float: left; background-image: url(../images/plus.gif); background-repeat: no-repeat; background-position: right center;}
		.btn.newcustomer:hover {background-image: url(../images/plus.gif); background-repeat: no-repeat; background-position: right center;}
	.btn.newcontact {margin: 0 0 0 15px;}
	.btn.new {margin: 0 0 18px 0; background: #c0c0c0; float: right;}
		.btn.new:hover {background: #3d8584;}	

.btnLink {display: block; height: 22px; padding: 10px 0 0 0; border-radius: 6px; border: none; background: #55b7b5; color: #fff; cursor: pointer; font-weight: 400; font-size: 0.7em; text-align: center; text-decoration: none;}
.btnLink:hover {background: #3d8584;}

.cancelLink {margin: 9px 15px 0 20px; padding: 0; background: none; border: none; cursor: pointer; color: #5cb7b5; text-decoration: underline; font-size: 0.7em; display: inline-block;}
	.cancelLink:hover {color: #3d8584;}

.delete {display: block; padding: 0 0 0 20px; background: url(../images/deleteButtons.png) 0 0 no-repeat; text-decoration: none; color: #55b7b5; text-indent: -9000px;}
.edit {	display: block; padding: 0 0 0 20px; background: url(../images/editButtons.png) 0 0 no-repeat; text-decoration: none; color: #55b7b5;}

#submit {min-width: 45px; height: 32px; border-radius: 6px; border: none; background: #55b7b5; color: #fff; cursor: pointer; clear: both; margin-right: 10px;}	
	#submit:hover {background: #3d8584;}
/*************** End Buttons ***************/

/**** Footer ****/
#footer {width: 920px; margin: 20px 0 0 230px; padding: 20px 0 20px 0; background: url(../images/footerBackground.gif) top repeat-x;}
	#footer ul {width:  154px; display: block; margin: 0 auto 0 auto; padding: 0;}
	#footer li {display: block; width: 38px; height: 39px; margin: 0 20px 0 0; padding: 0; float: left;}
	#footer li:last-child {margin-right: 0;}
	#footer li a {display: block; width: 38px; height: 39px;}
	#footer li a.dg {background: url(../images/sprites.png) -612px -130px no-repeat; text-indent: -9000px;}
	#footer li a.lm {background: url(../images/sprites.png) -728px -130px no-repeat; text-indent: -9000px;}
	#footer li a.cm {background: url(../images/sprites.png) -670px -130px no-repeat; text-indent: -9000px;}
/**** End Footer ****/

/*************** Media Queries ***************/
@media all and (max-width: 1180px) {
	body {background: url(../images/sidebarWide.gif) left repeat-y;}
}
/*************** End Media Queries ***************/


/*
 .custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
/* support: IE7 
*height: 1.7em;
*top: 0.1em;
}
.custom-combobox-input {
margin: 0;
padding: 0.3em;
}
*/