/**
 * customer.css
 */

body {
	background-color: #F2F2F2;
}


.customers_table tr td.graph_cell img {
	width: auto !important;
	height: auto !important;
	float: none;
	cursor: auto;
}
.customers_table tr td.graph_cell {
	border-top: 1px solid #bbbbbb;
}
.customers_table tr td.graph_cell div {
	width: 100%;
	height: 30px;
	line-height: 20px;
	text-align: center;
	color: #444444;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}	.customers_table tr td.graph_cell div small {
		color: #666666;
		font-size: 10px;
		line-height: 10px;
	}

.customer_login {
	width: 300px;
	text-align: right;
	margin: 50px auto 0px auto;
}	.customer_login div {
		text-align: left;
		padding: 8px 8px 8px 8px;
		border: 1px solid #ffffff;
		background-color: #ededed;
	}
	.customer_login,
	.customer_login input { 
		color: #000000;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.customer_login input.text {
		width: 180px;
		height: 18px;
		float: right;
		color: #000044;
		line-height: 18px;
		background-color: #ededed;
		background-image: url(../images/header_bg.gif);
		background-position: bottom left;
		background-repeat: repeat-x;
		border: 1px solid #ffffff;
		padding: 0px 10px 0px 10px;
	}
	.customer_login .submit {
		color: #666666;
		background-color: #ededed;
		background-image: url(../images/header_bg.gif);
		background-position: bottom left;
		background-repeat: repeat-x;
		border: 1px solid #ffffff;
		margin-top: 8px;
	}	.customer_login .submit:hover {
			color: #000000;
			cursor: pointer;
		}	

#customers_container {
	width: 690px;
	position: relative;
	margin: 26px auto 0px auto;
	background-color: #ededed;
}

.customers_table {
	width: 690px;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #000000;
	margin: 0px auto 0px auto;
}	.customers_table .top td {
		height: 20px;
		color: #333333;
		font-size: 13px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ededed;
		background-image: url(../images/header_bg.gif);
		background-position: bottom left;
		background-repeat: repeat-x;
		padding-left: 5px;
	}	.customers_table .top img {
			float: right;
			margin: 0px 5px 0px 0px;
			border: none;
			cursor: pointer;
		}
		.customers_table .top span {
			float: right;
			color: #cccccc;
			margin: 0px 4px 0px 4px;
		}
		.customers_table .top small {
			font-size: 12px;
		}
	.customers_table .folder_row td {
		color: #333333;
		font-size: 12px;
		text-align: left;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ededed;
		border: 1px solid #bbbbbb;
		padding-left: 5px;
		cursor: n-resize;
	}	.customers_table .folder_row td:hover {
			background: #9ab7d8;
		}
		.customers_table .folder_row .icon_folder {
			margin: 0px 2px -3px 0px;
			border: none;
		}
		.customers_table .folder_row .folder_delete {
			float: right;
			margin: -2px 5px 0px 0px;
			cursor: pointer;
		}
	.customers_table .in_folder_row td,
	.customers_table .no_folder_row td {
		height: 22px;
		color: #333333;
		font-size: 12px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		border-top: 1px dashed #c8c8c8;
		padding: 2px 5px 0px 0px;
		cursor: pointer;
	}	.customers_table .in_folder_row td {
			background-color: #ededed;
			padding-left: 26px;
		}
		.customers_table .no_folder_row td {
			background-color: #ededed;
			padding-left: 13px;
		}
	.customers_table .in_folder_row img,
	.customers_table .no_folder_row img {
		width: 16px;
		height: 16px;
		float: right;
		margin-left: 6px;
		border: none;
		cursor: pointer;
	}	.customers_table .in_folder_row span,
		.customers_table .no_folder_row span {
			float: right;
			color: #cccccc;
			margin: 0px 2px 0px 8px;
		}
	.customers_table .normal td,
	.customers_table .option td {
		color: #333333;
		font-size: 12px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		padding: 4px 5px 4px 5px;
	}	.customers_table .option img {
			margin: 0px 5px -3px 0px;
			border: none;
		}
		.customers_table .option:hover {
			font-weight: bold;
			cursor: pointer;
		}
		.customers_table .option.good td {
			background-color: #ccdeaf;
			border-top: 1px solid #aaaaaa;
		}
		.customers_table .option.bad td {
			background-color: #f8c7c7;
			border-top: 1px solid #aaaaaa;
		}
	.customers_table .folder_to_no_folder td {
		height: 3px;
		border: 1px solid #c4d7eb;
		background-color: #bbbbbb;
	}
	.customers_table .add_customer_row td {
		background-color: #ccdeaf;
	}	.customers_table .add_customer_row td:hover {
			color: #000000;
			background-color: #b7c79d;
		}
	.customers_table .add_proposal_row td {
		background-color: #dae4ca;
		border-top: 2px solid #ffffff;
	}	.customers_table .add_proposal_row td:hover {
			color: #000000;
			background-color: #c4cdb5;
		}
	.customers_table .add_customer_row td,
	.customers_table .add_proposal_row td {
		height: 20px;
		color: #464646;
		font-size: 12px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 5px;
		cursor: pointer;
	}	.customers_table .add_customer_row .icon_add,
		.customers_table .add_proposal_row .icon_add {
			margin: 0px 8px -3px 0px;
			border: none;
		}
	.customers_table .spacer td {
		height: 3px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #bbbbbb;
		background-color: #ffffff;
	}
	
	
	.customers_table .invoice .invoice_number {
		font-weight: bold;
		text-align: left;
		font-family: "Courier New", Courier, monospace	!important;
	}
	.customers_table .invoice .invoice_date,
	.customers_table .invoice .invoice_total {
		text-align: center	!important;
	}
	.customers_table .invoice .invoice_comment {
		width: 240px;
		height: 18px;
		position: relative;
		z-index: 0;
	}	.customers_table .invoice .invoice_comment div.short {
			color: #000000;
			width: 220px;
			height: 18px;
			overflow: hidden;
			white-space: nowrap;
			z-index: 0;
		}	.customers_table .invoice .invoice_comment div.short:hover div {
				display: block;
			}
		.customers_table .invoice .invoice_comment div.short div {
			width: 279px;
			max-height: 180px;
			position: absolute;
			top: -1px;	left: 0px;
			z-index: 50;
			border: 1px solid #888888;
			background-color: #f4f4f4;
			padding: 10px 10px 10px 10px;
			overflow-x: visible;
			overflow-y: scroll;
			white-space: normal;
			cursor: text;
			display: none;
		}
		.customers_table .invoice .invoice_comment div.short div strong {
			display: block;
		}
	.customers_table .invoice .invoice_buttons,
	.customers_table .invoice .invoice_buttons {
		width: 60px	!important;
	}


body {
	margin: 0px 0px 0px 0px;
}

.info {
	background-color: #fff095;
	color: #736926;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.action, .header_row {
	background-color: #ccdeaf;
	color: #325b0a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.action:hover {
	background-color: #325b0a;
	color: #ccdeaf;
}

.main_table {
	width: 500px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #bbbbbb;
}
.main_table td {
	border-bottom: 1px solid #cfcfcf;
	padding: 3px 3px 3px 3px;
}

.active_col {
	color: #888888;
	text-align: center;
}

.main_table_row_inactive {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}

.main_table_row {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding: 3px;
}
.main_table_row:hover {
	cursor: pointer;
	background-color: #e6efd7;
}

.remove {
	display: block;
	color: #970202;
	text-align: center;
	text-decoration: none;
}


.cartridge_add {
	color: #325b0a;
	text-align: right;
	padding-right: 5px;
}

.confirm_bad {
	height: 44px;
	line-height: 22px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #970202;
	background-image: url(../images/database_confirm_red.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
.confirm_bad a{
	height: 22px;
	width: 50%;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	display: block;
}
.confirm_bad a:hover{
	background-color: #b54141;
}


.edit_row {
	background-color: #e6efd7;
}
.edit_row form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.edit_row input[type="text"] {
	width: 50%;
	margin-left: -4px;
	padding: 3px;
}
.cancel {
	margin: auto 0px auto 0px;
}
.cancel:hover {
	background-image: url(../images/database_save_black_cancel.jpg);
}
.save {
	margin: auto 15px auto 15px;
}
.save:hover {
	background-image: url(../images/database_save_black_on.jpg);
}
.save, .cancel {
	height: 26px;
	background-image: url(../images/database_save_black.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #111111;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

option[testAtt="true"] {
	background-color: #FF00FF;
}



.optional {
	padding-left: 25px;
	color: #444444;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.submit_row {
	background-color: #e6efd7;
}
.submit_cell {
	text-align: right;
}
.submit {
	height: 26px;
	background-image: url(../images/database_save_black.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #111111;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.more_options {
	text-align: center;
}
.more_options a {
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.more_options a:hover {
	font-weight: bold;
}




#search_results .manufacturer_row {
	font-weight: bold;
}
#search_results .printer_row {
	height: 18px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 50px;
}


.summary_section {
	background-color: #ccdeaf;
	color: #325b0a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.summary_section a {
	color: #325b0a;
	font-size: 10pt;
	text-decoration: none;
}
.summary_section a:hover {
	color: #000000;
}



.step_table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 14px;
}
.step_table td {
	background-color: #eeeeee;
	border-bottom: 1px dashed #cccccc;
	color: #888888;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
}
.step_table .info td {
	padding: 4px 4px 4px 10px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #0099ff;
	background-color: #e3f4ff;
}
.step_table .step {
	font-weight: bold;
	padding-left: 10px;
}
.step_table .current td {
	color: #000000;
	background-color: #e6efd7;
	border-bottom: 1px solid #aaaaaa;
}
.step_table .current a {
	color: #5c6b43;
	text-decoration: none;
}
.step_table .current a:hover {
	color: #000000;
	font-weight: bold;
}

.step_table .completed td {
	color: #000000;
	text-decoration: line-through;
	background-color: #ffffff;
}
.step_table .completed a {
	color: #5c6b43;
	text-decoration: none;
}
.step_table .completed a:hover {
	color: #000000;
	font-weight: bold;
}

.step_table .available {
	color: #000000;
}
.step_table .available a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}


.side_edit {
	border-left: 1px solid #7498bb;
	background-color: #cfe7fa;
	text-align: center;
	color: #00225c;
	width: 50px;
	cursor: pointer;
}
.side_edit:hover {
	border-left: 1px solid #4777a5;
	background-color: #a2c3df;
	color: #000000;
}



.customer_list_table {
	table-layout: fixed;
	width: 690px; /* because FF does not support fixed table layout for auto-width tables */
	border-collapse: collapse; /* instead of using cellspacing="0" */
	border: 1px solid #bbbbbb;
}
.customer_list_table .top {
	background-color: #fff095;
	background-image: url(../images/proposal_info_background_off.jpg);
	background-repeat: no-repeat;
	color: #5d520a;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}	.customer_list_table .top td {
		padding: 3px;
		border-bottom: 1px solid #bbbbbb;
	}
.customer_list_table .header {
	background-color: #c4d7eb;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}	.customer_list_table .header td {
		height: 20px;
		border-bottom: 1px solid #bbbbbb;
		padding: 0px 6px 0px 6px;
	}
	.customer_list_table .header td:hover {
		background-color: #9ab7d8;
		font-weight: bold;
		cursor: pointer;
	}
	.customer_list_table .header .sorted {
		font-weight: bold;
		background-color: #d1e0ef;
		border-left: 1px solid #9ab7d8;
		border-right: 1px solid #9ab7d8;
	}
	.customer_list_table .header .sorted img {
		margin: 0px 0px -3px 8px;
	}


.proposal_row {
	height: 20px;
	font-size: 12px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}	.proposal_row td {
		padding-left: 6px;
		border-bottom: 1px solid #cccccc;
	}
.proposal_row .controls {
	text-align: center;
	border-left: 1px dashed #cccccc;
	padding: 0px 0px 0px 0px;
}	.proposal_row .controls img {
		margin-bottom: -3px;
	}
.proposal_row .manage_cells {
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px dashed #cccccc;
	padding: 0px 0px 0px 0px;
}	.proposal_row .manage_cells:hover {
		background-color: #ccdeaf;
		font-weight: bold;
	}
.proposal_row .manage_cells_off {
	text-align: center;
	border-left: 1px dashed #cccccc;
	padding: 0px 0px 0px 0px;
	color: #666666;
	cursor: default;
}	.proposal_row .manage_cells_off:hover {
		background-color: #dddddd;
	}