/* Import fonts */

@import url('include-fonts.css');
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
.clear {
	clear: both;
	height: 0px;
	background: transparent;
	color: transparent;
}
body {
	font-family: liberation_sansregular;
	font-size: 14px;
	color: #000;
	background: #fff;
	padding-top: 54px;
}
/* Font Helpers */

/*
.bold { font-family: open_sansbold; }
.bolditalic { font-family: open_sansbold_italic; }
.italic { font-family: open_sansitalic; }
.light { font-family: open_sanslight; }
.lightitalic { font-family: open_sanslight_italic; }
.semibold { font-family: open_sanssemibold; }
.extrabold { font-family: open_sansextrabold; }
	- liberation_sansbold
	- liberation_sansbold_italic
	- liberation_sansitalic
	- liberation_sansregular
*/

.bold {
	font-family: liberation_sansbold;
}
.bolditalic {
	font-family: liberation_sansbold_italic;
}
.italic {
	font-family: liberation_sansitalic;
}
a {
	color: #FFB91D;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.black-bold {
	color: #000000;
	font-weight: bold;
}
/* Layout Model */

#container {
	margin: 0px auto;
	width: 960px;
}
body.spa_quotes_follow_up #container {
	width: 1200px;
}
#header {
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: url('../img/header-bg.png') repeat-x top left;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 10px 0 rgba(0,0,0,.6);
	border-bottom: 4px solid #000;
	z-index: 9980;
}

#header.MILLER {
	background: url('../miller/img/header-bg.png');
	border-bottom: 4px solid #353484;
}

#header.SCHRADER {
	background: url('../schrader/img/header-bg.png');
}

#header p > a {
	color: #000 !important;
	text-decoration: underline;
	font-style: italic;
}
#header > div {
	width: 960px;
	margin: 0px auto;
	position: relative;
}

#header #right-button {
	float: right;
	text-align: right;
	padding: 2px 0 6px 12px;
	margin: 3px 0 0 0;
	border-left: 1px solid #000;
	display: inline;
	height: 36px;
}

#header #right-button a {
	display: inline-block;
	background: url('../img/cad-request-button.png') no-repeat top left;
	width: 160px;
	height: 36px;
	margin-top: 2px;
}

#header.MILLER #right-button a {
	background: url('../miller/img/cad-request-button.png') no-repeat top left;
}

#header.SCHRADER #right-button a {
	background: url('../schrader/img/cad-request-button.png') no-repeat top left;
}

#header #rightside {
	float: right;
	display: inline;
	margin-right: 12px;
}

#header #adminMenu {
	list-style: none;
	float: right;
	display: inline;
	height: 20px;
	line-height: 20px;
	margin-top: 6px;
}
#header #adminMenu li {
	float: right;
	display: inline;
	margin-left: 22px;
	line-height: 20px;
	height: 20px;
	font-family: liberation_sansbold;
}
#header #adminMenu li a {
	color: #000;
	text-decoration: none;
}
#header #adminMenu li a:hover {
	text-decoration: underline;
}
#header #logo {
	float: left;
	display: inline;
}
#header > div > h1 {
	height: 34px;
	line-height: 34px;
	font-family: liberation_sansbold;
	color: #000;
	font-size: 20px;
	font-weight: normal;
	position: absolute;
	top: 20px;
	left: 130px;
}
#content {
}
#footer {
}
/* form input helpers */

div.sublymeForm input.hidelabel,  #filterform input.hidelabel {
	background-position: bottom left !important;
}
/* GLOBAL FORM SETUPS */

.sublymeForm sup {
	vertical-align: bottom;
	color: #666;
}
.sublymeForm input,  .sublymeForm textarea,  .sublymeForm select {
	padding: 0px 4px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	background: #fff;
	position: relative;
	z-index: 100;
}
.sublymeForm select {
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 0px;
	display: inline-block;
	height: 25px;
	padding: 4px 0px;
}
.sublymeForm div.pseudoField {
	background: #fff;
	height: 23px;
	padding: 0px 4px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.sublymeForm input.focused,  .sublymeForm textarea.focused,  .sublymeForm div.focused,  .sublymeForm select.focused {
	border-color: #fff;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 185, 29, .5);
	box-shadow: 0px 0px 2px 2px rgba(255, 185, 29, .5);
}
.sublymeForm label.focused {
	font-weight: bold !important;
	color: #00cd13 !important;
}
.sublymeForm input.formError,  .sublymeForm textarea.formError,  .sublymeForm select.formError {
	border-color: #ffcccc;
	background: #ffcccc;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, .5);
	box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, .5);
}
.sublymeForm input.locked,  .sublymeForm textarea.locked {
	border-color: #ccc;
	background: #eee url('/sublymeCart/img/lock-icon.png') no-repeat top right;
	/*-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, .3);

	box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, .3);*/	

	cursor: pointer;
}
.sublymeForm div.sLabel {
	z-index: 90;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 185, 29, .5);
	box-shadow: 0px 0px 2px 2px rgba(255, 185, 29, .5);
}
/* Fancy Select Boxes  (CSS3 ONLY) */



label.fsfocused:before,  span.fsfocused:before {
	content: "";
	display: block;
	height: 25px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: -4px;
	width: 19px;
	background: url('../img/scform-select-button.png') no-repeat bottom left;
}
label.fs:before,  span.fs:before {
	content: "";
	display: block;
	height: 25px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: -7px;
	width: 19px;
	background: url('../img/scform-select-button.png') no-repeat top left;
}
label.fs, span.fs, span.fsfocused {
	position: relative;
}
label.fs select option,  span.fs select option,  span.fsfocused {
	color: #474747;
	padding: 3px 0px;
}
/* Login Screen */

body.login {
	background: url('../img/seamless.jpg') repeat top center;
}
body.login #container {
	width: 464px;
}
body.login h1 {
	font-weight: normal;
}
#loginContainer {
	visibility: hidden;
	position: absolute;
}
#loginBox {
	width: 400px;
	padding: 30px;
	border-radius: 12px;
	background: url('../img/brushed-metal.jpg') no-repeat top left;
	color: #fff;
	border: 2px solid #fff;
}
#loginBox span.slc {
	float: left;
	display: inline;
}
#loginBox p.note {
	padding: 10px 0px;
	font-size: 22px;
}
div.sublymeForm #login_email,  div.sublymeForm #new_password {
	padding: 0px 8px;
	float: left;
	display: inline;
	font-size: 22px;
	height: 40px;
	width: 292px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-bottom: 12px;
}
div.sublymeForm #login_password,  div.sublymeForm #confirm_password {
	padding: 0px 8px;
	float: left;
	display: inline;
	font-size: 22px;
	height: 40px;
	width: 292px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-bottom: 12px;
}
#login_lock {
	float: right;
	display: inline;
	margin-top: -8px;
	margin-right: -12px;
}
#login_button {
	float: right;
	display: inline;
	width: 160px;
	font-size: 22px;
	height: 40px;
	margin-right: 11px;
}
#fpw_contain {
	float: left;
	display: inline;
	padding: 2px 12px;
	background: linear-gradient(to left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)) repeat top left;
	text-align: center;
	border-radius: 4px;
}
#forgot_pw {
	color: #ffb500;
	text-decoration: none;
	font-size: 12px;
	opacity: 1;
}
#forgot_pw:hover {
	text-decoration: underline;
}
#login_notice {
	padding: 10px;
	font-size: 16px;
	margin-top: 22px;
	max-width: 441px;
	border-radius: 8px;
}
/* SPA FORM STYLES */



input.eform {
	border: 0px;
	border-bottom: 1px solid #000;
}
span.eform {
	border-bottom: 1px solid #000;
	display: inline-block;
}
select.eform {
	border: 0px;
	border-bottom: 1px solid #000;
}
#spaForm {
	font-family: arial;
	font-size: 14px;
	margin-top: 20px;
}
#spaHeader {
	border: 2px solid #000;
	height: 100px;
}
#spaHeader div {
	float: left;
	display: inline;
}
#spaLogo {
	float: left;
	display: inline;
	margin: 20px 8px 0px 20px;
}
#spaHeadLeft p {
	float: left;
	display: inline;
	width: 200px;
	font-size: 12px;
	margin-top: 4px;
}
#spaHeadCen {
	width: 220px;
	height: 100px;
	background: #000;
}
#spaHeadCen p {
	color: #fff;
	font-weight: bold !important;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
	margin-top: 10px;
}
#spaHeadRight p {
	margin-left: 10px;
	margin-top: 6px;
}
#brand {
	float: left;
	display: inline;
	width: 200px;
	margin-left: 80px;
	margin-top: 10px;
}
#spaNumContain {
	float: left;
	display: inline;
	width: 350px;
	margin-left: 0px;
	margin-top: 10px;
}
#spaNum {
	display: inline-block;
	width: 50px;
	height: 18px;
	border-bottom: 1px solid #000;
}
#CAEterritory {
	float: left;
	display: inline;
	width: 200px;
	margin-left: 100px;
	margin-top: 10px;
}
#yellowBox {
	float: left;
	display: inline;
	width: 936px;
	border: 2px solid #000;
	margin-top: 4px;
	padding: 0px 10px;
	background: #ffff99;
}
#yellowBox > label,  #aiType > label {
	position: relative;
	float: left;
	display: inline;
	padding-left: 20px;
	font-weight: bold;
	margin: 14px 60px 14px 0px;
	z-index: 1;
}
#yellowBox > label > input,  #aiType > label > input {
	position: absolute;
	top: 1px;
	left: 0px;
	z-index: 1;
}
#aiType {
	float: left;
	display: inline;
	width: 960px;
}
#aiType h2 {
	line-height: 22px;
	font-size: 20px;
	float: left;
	display: inline;
	margin-left: 200px;
	margin-top: 6px;
}
#aiType > label {
	margin: 8px 0px 0px 30px;
}
#customer_info {
	float: left;
	display: inline;
	width: 450px;
	margin-right: 60px;
}
#customer_info p {
	padding-bottom: 6px;
}
#customer_info label {
	float: left;
	display: inline;
	width: 160px;
}
#customer_info input,  #customer_info span {
	width: 290px;
	font-size: 14px;
}
#customer_info select {
	width: 290px;
}
#distributor_info {
	float: left;
	display: inline;
	width: 450px;
}
#distributor_info p {
	padding-bottom: 6px;
}
#distributor_info label {
	float: left;
	display: inline;
	width: 160px;
}
#distributor_info input,  #distributor_info span {
	width: 290px;
	font-size: 14px;
}
#distributor_info select {
	width: 290px;
}
#cylinder_series {
	width: 960px;
	border: 2px solid #000;
	border-right: 0px;
}
#cylinder_series th {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px;
	background: #ccffcc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
#cylinder_series th.last,  #cylinder_series td.last {
	border-right: 2px solid #000;
}
#cylinder_series td {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
#cylinder_series td.autofill,  #cylinder_series td input.autofill {
	background: #eee;
}
#cylinder_series input,  #cylinder_series select {
	width: 100%;
	height: 20px;
	border: 0px;
	text-align: center;
}
#cylinder_series td.locked {
	background: #eee !important;
}
#cylinder_series td.locked input {
	visibility: hidden;
}
#pn_table {
	width: 960px;
	border: 2px solid #000;
	border-right: 0px;
}
#pn_table th {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px;
	background: #ffff99;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
#pn_table th.last,  #pn_table td.last {
	border-right: 2px solid #000;
}
#pn_table td {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
#pn_table td.autofill {
	background: #eee;
}
#pn_table input,  #pn_table select {
	width: 100%;
	height: 20px;
	border: 0px;
	text-align: center;
}
#spaForm h4 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 4px;
}
#comments, #internal {
	width: 946px;
	padding: 6px;
	font-size: 14px;
	min-height: 80px;
	font-family: arial;
	border: 1px solid #ccc;
	width: 946px;
	display: block;
	margin-bottom: 22px;
}
#submit-button {
	margin: 30px auto;
	font-size: 22px;
	font-weight: bold;
	min-width: 200px;
}
#approvedStamp {
	position: absolute;
	top: 24px;
	left: 50%;
	margin-left: 268px;
}
#deniedStamp {
	position: absolute;
	top: 24px;
	left: 50%;
	margin-left: 268px;
}
/* Dashboard Styles */

#t1_approval {
	border-radius: 8px;
	border: 2px solid #0086a7;
	padding: 14px;
	background: #d5f7ff;
	margin-top: 20px;
}
#t1_approval h2 {
	font-family: liberation_sansbold;
	font-size: 18px;
	padding-bottom: 8px;
}
#t1_approval label {
	float: left;
	clear: left;
	margin-bottom: 4px;
	display: inline;
	padding-left: 20px;
	position: relative;
	line-height: 18px;
	font-size: 14px;
}
#t1_approval label input {
	position: absolute;
	top: 2px;
	left: 0px;
}
#t1button {
	float: left;
	display: inline;
	clear: left;
	font-size: 11px;
	padding: 2px 20px;
	font-family: liberation_sansbold;
}
#t2_approval {
	border-radius: 8px;
	border: 2px solid #14a900;
	padding: 14px;
	background: #daffd5;
	margin-top: 20px;
}
#t2_approval h2 {
	font-family: liberation_sansbold;
	font-size: 18px;
	padding-bottom: 8px;
}
#t2_approval label {
	float: left;
	clear: left;
	margin-bottom: 4px;
	display: inline;
	padding-left: 20px;
	position: relative;
	line-height: 18px;
	font-size: 14px;
}
#t2_approval label input {
	position: absolute;
	top: 2px;
	left: 0px;
}
#t2button {
	float: left;
	display: inline;
	clear: left;
	font-size: 11px;
	padding: 2px 20px;
	font-family: liberation_sansbold;
}
#t3_send {
	border-radius: 8px;
	border: 2px solid #FFB91D;
	padding: 14px;
	background: #fff3bd;
	margin-top: 20px;
}
#t3_send h2 {
	font-family: liberation_sansbold;
	font-size: 18px;
	padding-bottom: 8px;
}
#t3button, #t3deny_button {
	float: left;
	display: inline;
	font-size: 11px;
	padding: 2px 20px;
	font-family: liberation_sansbold;
	margin-right: 20px;
}
#dashboard h1 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 12px;
}
#denied {
	border-radius: 8px;
	border: 2px solid #a60000;
	padding: 14px;
	background: #ffc8c8;
	margin-top: 20px;
	color: #000000;
}
#denied h2 {
	font-family: liberation_sansbold;
	font-size: 18px;
	padding-bottom: 8px;
}
#dashboard h2 {
	font-weight: normal;
	font-family: liberation_sansbold;
	font-size: 20px;
}
#dashboard h3 {
	font-weight: normal;
	font-size: 18px;
	clear: both;
	padding-top: 10px;
}
#dashboard h4 {
	margin-bottom: 30px;
	font-size: 14px;
	color: #666;
	font-family: liberation_sansitalic;
	font-weight: normal;
}
#dashboard table {
	width: 960px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	margin-bottom: 30px;
}
#dashboard table th {
	background: #eee;
	font-weight: normal;
	font-family: liberation_sansbold;
	font-size: 11px;
	text-align: left;
	padding: 4px;
	border-bottom: 1px solid #ccc;
}
#dashboard table td {
	padding: 4px;
	text-align: left;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
}
#dashboard table th.status,  #dashboard table td.status {
	text-align: center;
	width: 40px;
}
#dashboard table th.ts,  #dashboard table td.ts {
	width: 60px;
}
#dashboard table th.tsl,  #dashboard table td.tsl {
	width: 80px;
}

#dashboard table th.buttons,
#dashboard table td.buttons {
	width: 2%;
	white-space: nowrap;
}

div.delete-product p {
	margin-bottom: 1rem;
}
div.delete-product button,
div.product-editor button {
	background: #c00;
	color: #fff;
	font-weight: bold;
	border: 0;
	padding: 8px 16px;
	margin-right: 1rem;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
}

div.product-editor button {
	margin: 30px 1rem 30px 0;
	background: #6191ff;
}

div.product-editr,
div.product-editor * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

div.product-editor form > p,
div.product-editor form #gss-global > p {
	display: flex;
	flex-direction: column;
	max-width: 600px;
	margin-bottom: 1rem;
}

div.product-editor form > p input,
div.product-editor form > p select,
div.product-editor form #gss-global > p input,
div.product-editor form #gss-global > p select {
	padding: 4px;
}
div.product-editor form > p em,
div.product-editor form #gss-global > p em {
	color: #999;
}

div.product-editor form > p.checkbox input {

}

div.product-editor #gss-global,
div.product-editor #gss-conditional{
	display: none;
}

div.product-editor #gss-conditional div.tips {
	background: rgb(255, 254, 222);
	padding: 10px 10px 1px 10px;
	max-width: 600px;
	font-size: 12px;
	margin-bottom: 20px;
}
div.product-editor #gss-conditional div.tips p {
	margin: 0 0 1em 0;
}

#gss-conditional div.condition-row {
	display: flex;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
	width: 423px;
}

#gss-conditional div.else-row {
	display: flex;
	padding: 16px 0;
	width: 423px;
	flex-direction: column;
}

#gss-conditional div.condition-row > div {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 120px;
	margin-right: 10px;
}

#gss-conditional div.condition-row > div.buttons {
	flex-direction: row;
	align-items: center;
}
#gss-conditional div.condition-row > div.buttons a:last-child {
	margin-left: 10px;
}

#gss-conditional div.condition-rows > div:first-child div.max {
	visibility: hidden;
}

#gss-conditional input {
	padding: 4px;
	width: 100%;
}
#gss-conditional label {
	font-size: 12px;
}

#formErrors {
	margin: 30px 0;
	border: 1px solid #c00;
	padding: 10px;
	background: #eee;
}

#formErrors h2,
#formErrors ul li {
	color: #c00;
}

#formErrors ul {
	margin-left: 20px;
}

#notice {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #bfcdc0;
	color: #005c00;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-family: open_sansbold, sans-serif;
	z-index: 9999;
}

#export_link {
	margin-top: 4px;
	display: inline-block;
	padding: 4px 10px;
	background: transparent linear-gradient(to left, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8));
	border-radius: 8px;
}
#pn_link {
	margin-top: 4px;
	display: inline-block;
	padding: 4px 10px;
	background: transparent linear-gradient(to left, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8));
	border-radius: 8px;
}
#mask {
	display: none;
	background: transparent linear-gradient(to left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9990;
}
#agencyNotice {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9991;
}

#agencyNotice div.content {
	background: #fff;
	width: 300px;
	padding: 10px;
	border: 1px solid #000;
	border-radius: 4px;
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.3);
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,.3);
	text-align: center;
}

#agencyNotice div.content p {
	margin: 1rem 0;
}

#uploadForm {
	padding: 14px;
	font-size: 11px;
	position: absolute;
	display: none;
	width: 360px;
	background: #eee;
	color: #000;
	border-radius: 1px;
	box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
	z-index: 9999;
}
#uploadForm h2 {
	font-weight: normal;
	font-family: liberation_sansbold;
	font-size: 18px;
	padding-bottom: 8px;
}
#uploadForm input {
	float: left;
	display: inline;
	margin-right: 5px;
}
#uploadFormWrapper {
	position: relative;
}
#spinner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 360px;
	height: 60px;
	background: #eee;
	text-align: center;
	padding-top: 25px;
	z-index: 9999;
	font-family: liberation_sansitalic;
	line-height: 32px;
	font-size: 28px;
	color: #666;
	display: none;
}
#spinner img {
	margin-right: 12px;
}
#pdfIcon {
	float: right;
	display: inline;
	width: 48px;
	height: 48px;
	background: url('../img/pdf.png') no-repeat top left;
	margin-left: 10px;
}
#xlsIcon {
	float: right;
	display: inline;
	width: 48px;
	height: 48px;
	background: url('../img/excel.png') no-repeat top left;
}
#viewListContain {
	float: right;
	display: inline;
	text-align: right;
	white-space: nowrap;
	font-size: 14px;
}
#filters {
	padding: 8px;
	border-radius: 4px;
	background: #eee;
	margin-bottom: 4px;
}
#filters #pages {
	float: right;
	display: inline;
	width: 600px;
	text-align: right;
}
#filters #pages p.totals {
	font-family: liberation_sansbold;
	letter-spacing: .05em;
	font-size: 16px;
	line-height: 18px;
}
#pageList {
	font-family: liberation_sansitalic;
	font-size: 16px;
	line-height: 16px;
	padding-top: 8px;
	height: 16px;
}
#pageList a {
	color: #000;
	display: inline-block;
	margin-right: 6px;
	height: 16px;
	line-height: 16px;
}
#pageList a.current {
	color: #999 !important;
}
#pageList a.nextLink {
	margin-bottom: -2px;
	margin-right: 0px;
	width: 16px;
	height: 16px;
	background: url('../img/next_right.png') no-repeat top left;
}
#pageList a.prevLink {
	margin-bottom: -2px;
	width: 16px;
	height: 16px;
	background: url('../img/previous_left.png') no-repeat top left;
}
#pageList a.inactive {
	opacity: .2;
}
#filters #filterform {
	float: left;
	display: inline;
	width: auto;
}
#filters #filterform p {
	font-family: liberation_sansbold;
	color: #474747;
	letter-spacing: .05em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	padding-left: 2px;
}
#filters #filterform p a {
	float: right;
	display: inline;
	margin-top: -4px;
	margin-right: 2px;
	font-family: liberation_sansbold;
	font-size: 8px;
	display: inline-block;
	background: #666;
	padding: 0px 4px;
	border-radius: 2px;
	text-decoration: none !important;
}
#startDate, #endDate {
	font-family: liberation_sansbold;
	letter-spacing: .1em;
	height: 18px;
	font-size: 16px;
	line-height: 18px;
	padding: 6px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100px;
}
#dashboard table tr th a {
	color: #000;
}
#dashboard table tr th a.sortup {
	padding-right: 20px;
	background: url('../img/sort-arrows.png') no-repeat bottom right !important;
}
#dashboard table tr th a.sortdown {
	padding-right: 20px;
	background: url('../img/sort-arrows.png') no-repeat center right !important;
}
#dashboard table#allspa.showall tbody tr {
	display: none;
}
#resetlink {
	color: #000;
	float: right;
	display: inline;
}
/* quote followup css */
#qf {
	width: 960px;
	border: 1px solid #000;
	border-bottom: 0px;
	margin-bottom: 100px;
}
body.spa_quotes_follow_up #qf {
	width: 1400px;
}
#qf th {
	font-family: liberation_sansbold;
	font-size: 12px;
	font-weight: normal;
	padding: 4px;
	background: #4f81bd;
	color: #fff;
	border-bottom: 1px solid #000;
	text-align: left;
}
#qf th.cen, #qf td.cen {
	text-align: center;
}
#qf th.right, #qf td.right {
	text-align: right;
}
#qf td {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	border-bottom: 1px solid #000;
	padding: 4px;
	text-transform: uppercase;
}
#qf td.customer_name {
	text-transform: none;
}
#qf td.cae {
	text-transform: none;
}
#qf td.autofill,  #qf td input.autofill {
	background: #eee;
}
#qf input,  #qf select {
	width: 100%;
	height: 20px;
	border: 0px;
	text-align: center;
}
#qf td.locked {
	background: #eee !important;
}
#qf td.locked input {
	visibility: hidden;
}
#qf td.notesbox {
	position: relative;
}
#qf div.notesHover {
	position: absolute;
	top: 22px;
	right: 40px;
	width: 400px;
	border: 1px solid #ccc;
	background: #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	font-size: 14px;
}
#qf td.last_viewer {
	text-transform: none;
}
#qf tr.totals td {
	background: #eee;
	font-family: liberation_sansbold;
}
/* admin form styles */
form.adminform p {
	font-family: liberation_sansregular;
	font-size: 14px;
	padding-bottom: 10px;
}
form.adminform p label {
	float: left;
	display: inline;
	width: 140px;
}
form.adminform p input {
	padding: 4px;
	width: 200px;
}
form.adminform p textarea {
	padding: 4px;
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
}
div.formError {
	margin: 20px 0px;
	border: 1px solid #ccc;
	background: #eee;
	padding: 10px;
}
div.formError ul {
	margin-left: 20px;
}
div.formError h3 {
	color: #c00;
	font-size: 28px;
	font-family: liberation_sansbold;
	font-weight: normal;
}
#qff a {
	color: #4f81bd !important;
}
#quotesSummary {
	margin: 20px auto;
	padding: 20px;
	width: 370px;
	background: #FFB91D;
}
#quotesSummary h2 {
	text-align: center;
	margin-bottom: 10px;
}
div.qsleft {
	float: left;
	display: inline;
	width: 200px;
}
div.qsright {
	float: left;
	display: inline;
	width: 130px;
}

/* Quotes { */
#breadcrumbs {
	margin-bottom: 1em;
}
#quotes_filter_container {
	margin-bottom: 0.3em;
}
#quotes_filter_container label {
	color: #4f81bd;
}
#searchByNumberBox {
	float: right;
}
#searchByNumberBox #searchByNumberForm #searchByNumberText {
	border: 0;
	border-bottom: 1px solid #CCCCCC;
}
/* } Quotes */


/* Cad Request Form */
div.graybar {
	padding: 10px 0;
	background: #ccc;
	text-align: right;
}

div.graybar div {
	width: 960px;
	margin: 0 auto;
}

div.graybar a {
	color: #000;
	text-decoration: underline;
}

#request-form {
	text-align: center;
	margin-top: 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

#request-form * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

#request-form img {
	margin: 0 0 30px 0;
}

#request-form div.cr-column {
	display: inline-block;
	vertical-align: top;
	width: 450px;
}

#request-form div.cr-column p {
	width: 100%;
	position: relative;
	padding: 0 0 22px 94px;
}

#request-form div.cr-column p label {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 30px;
	font-size: 12px;
	text-align: right;
	width: 88px;
}

#request-form div.cr-column p input,
#request-form div.cr-column p select {
	width: 100%;
	border: 1px solid #000;
	height: 30px;
	padding: 4px;
	line-height: 20px;
}

#request-form div.cr-column p input.formError,
#request-form div.cr-column p select.formError {
	border-color: #c00;
}
#request-form div.cr-column p select option {
	padding: 4px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#cr-submit {
	background: url('../cad-request/img/submit-button.jpg');
	width: 167px;
	height: 46px;
	margin-top: 50px;
	border: 0;
	cursor: pointer;
}

#form-errors {
	display: none;
	background: #ffe4f6;
	padding: 20px;
	width: 400px;
	margin: 30px auto;
	color: #c00;
	text-align: left;
}

#form-errors ul {
	margin-left: 30px;
}
#form-errors ul li {
	padding: 2px 0;
	font-weight: bold;
}

#form-errors h2 {
	font-size: 24px;
	font-weight: bold;
}

p.thanks {
	font-size: 18px;
	line-height: 1.6em;
	margin-top: 14px;
}

div.pagination {
	text-align: right;
	font-weight: bold;
	margin: 20px auto;
}

#comp-attack-notice {
	line-height: 1.2em ;
	font-weight: bold;
	text-align: center;
	background: #ffff99;
	margin: 10px auto 0 auto;
	padding: 2px 20px;
}