/* CSS Reset */
* {margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
img {display:block;}

body,td,th,button, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	line-height: 1.5em;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
}

html, body {
	height:100%;
	min-height: 100%;
}


body#bodyReport {
	min-width:960px;
	max-width:none;
}
body#bodyReport #main {
	padding: 0;
	min-width: 100%;
	left: 0;
	margin-left: 0;
	xbackground-color: transparent;
	background-position: center top;
	margin-top: -45px;
}
body#bodyReport #content {
	padding: 20px 0 0 0;
	min-width: 100%;
}
body#bodyReport #content > * {
	margin: 0 auto;
}
body#bodyReport #content table {
	max-width: 98%;
}
body#bodyReport #footer {
	left: 0;
	margin-left: 0;
	min-width: 100%;
}



body {
	background-color: #000000;
	min-width: 960px;
	max-width: 960px;
/*	overflow-x: hidden;*/
	margin: 0 auto;
	position:relative;
}
form {
	display:inline;
}

a, a:visited {
	outline: none;
	color:#ff0000;
}
.clear {
	clear: both;
}
.nobreak {
	white-space:nowrap;
}

/* logo */
h1#logo {
	height:121px;
	width: 100%;
	position:absolute;
	left: 0;
	top: 20px;
	display:block;
	background-repeat:repeat-x;
	background-position:0 0;
	background-image:url(../img/header-bkg.jpg);
	border-bottom: 1px solid #666666;
}
body#bodyReport h1#logo {
	top: 0;
	position: fixed;
	z-index: 100;
}
h1#logo a {
	display:block;
	width:202px;
	height:92px;
	text-indent: -9000em;
	background-repeat: no-repeat;
	background-position:0 0;
	background-image:url(../img/ebids-logo.jpg);	
	position: relative;
}


/* logout */
#logout {
	position: absolute;
	top: 30px;
	right: 20px;
	font-size: 11px;
	text-decoration:underline;
}
body#bodyReport #logout {
	position: fixed;
	z-index: 100;
	width: 200px;
}

/* tab menu */
#tabmenu {
	position: absolute;
	top: 120px;
	left: 20px;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
}
body#bodyReport #tabmenu {
	top: 100px; 
	position: fixed;
	z-index: 100;
}
#tabmenu li {
	display:block;
	position:relative;
	float:left;
	margin-right: 1px;
}
#tabmenu b {
	background-repeat: no-repeat;
	background-image:url(../img/tab-bkg.gif);	
	display: block;
	height: 21px;
	width: 10px;
	position:absolute;
	top:0;
	right:0;
	background-position: -390px 0;
}
#tabmenu a b:first-child {
	background-position:0 0;
	left:0;
}
#tabmenu a {
	background-repeat: no-repeat;
	background-image:url(../img/tab-bkg.gif);	
	display: block;
	float:left;
	background-position: 100% 0;
	padding: 0 15px;
	line-height: 21px;
	height:21px;
	width:auto;
	position:relative;
	text-decoration:none;
}
#printjob button {
	position:absolute;
	left:880px;
	bottom:auto;
	right:20px;
	top:-100px;
}
#tabmenu a, #tabmenu a:visited, #tabmenu a:link, #tabmenu a:active {
	color: #666666;
}
#tabmenu a:hover {
	color:#FFFFFF;
	background-position: 100% -21px;
}
#tabmenu a:hover b {
	background-position:0 -21px;
}


/* breadcrumb */
#breadcrumb, #submenu {
	display:block;
	width:900px;
	margin: 0 0 10px 0;
	font-size: 11px;
	padding-top: 162px;
}
#breadcrumb a, #submenu a {
	margin: 0 .5em;
}
#breadcrumb a:first-child, #submenu a:first-child {
	margin-left:0;
}

/* paging */
#paging {
	text-align: center;
	clear: left;
	padding: 20px 0;
}

#paging li {
	display: inline;
	padding: 0 5px;
}

#paging li#current {
	font-weight: bold;
}

/* content */
#content {
	background-color:#EDEDED;
	padding: 0 20px 20px 20px;
}
#content {
	position:relative;
	top:40px;
}
h1,h2 {
	font-size:18px;
}
#content h2 {
	text-align: center;
	margin-bottom: 20px;
}

#content p {
	line-height: 24px;
}
#content p+p {
	padding-top: 1em;
}


/* Holdover styles for eclick admin */
table.search {
	font-size: 11px;
	border-collapse: separate;
}
table.search input.wider {
	width: 250px;
}
table.searchresults {
	font-size: 11px;
	border-collapse:collapse;
}
table.searchresults caption {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
table.searchresults thead th {
	padding: 0 .5em;
    border-bottom: 1px solid #000000;
}
table.searchresults tbody td, table.searchresults tbody th {
	padding: .5em;
    border-bottom: 1px solid #000000;
	vertical-align: top;
}
table.searchresults tbody tr td, table.searchresults tbody tr th {
	background-color: #e0e0e0;
}
table.searchresults tbody tr.odd td, table.searchresults tbody tr.odd th {
	background-color: #f0f0f0;
}
table.searchresults tbody tr.highlight td, table.searchresults tbody tr.highlight th {
	background-color: #FFFFCC;
}
table.searchresults tbody th {
	font-weight: normal;
	text-align:right;
}
table.searchresults tfoot td {
	padding: .5em;
}


/* modify quote form/table */
.modify-quote {
	width: 100%;
	clear: left;
}
#content table.modify-quote {
	margin-bottom: 20px;
}
.modify-quote+.modify-quote caption {
	margin-top: 20px;
}
.modify-quote caption {
	font-weight: bold;
	font-size: 12px;
}

.modify-quote caption .captionLarger {
	font-weight: bold;
	font-size: 15px;
}

.modify-quote caption a {
	font-weight: bold;
	font-size: 12px;
	padding: 0 10px;
}

.modify-quote thead th {
	font-size: 11px;
	font-weight: bold;
}
#content .modify-quote td, #content .modify-quote th {
	padding: 2px 15px;
	vertical-align:top;
}
#content table.mceLayout td {
	padding: 0;
}
.modify-quote textarea {
	width: 750px;
	height: 12em;
}
.modify-quote th+th, .modify-quote td+td {
	padding-left: 1%;
}
.modify-quote th.qty {
	width: 30px;
}
.modify-quote th.desc {
	width: 310px;
}
.modify-quote th {
	width: 140px;
}
.modify-quote tfoot td:first-child {
	text-align: right;
	font-weight: bold;
}
.modify-quote tfoot td {
	vertical-align: bottom;
}
.modify-quote input {
	width:150px;
}
.modify-quote input.item_qty {
	width: 30px;
}
.modify-quote textarea.item_desc {
	width: 320px;
	height: 74px;
}

.modify-quote button {
	margin: 0px;
}
.displayHelperText {
	color: #aaa;
}

/* modify quote header list */
dl#quote_header {
	width: 80%;
	float: left;
	padding: 10px 90px 40px;
	margin:0;
}

dl#quote_header dt {
	clear: none;
	width: 20%;
	font-weight: bold;
}

dl#quote_header dd {
	width: 30%;
}

dl#quote_view_header {
	width: 40%;
	float: left;
	margin: 10px 90px 40px;
}

dl#quote_view_header dt {
	clear: none;
	width: 40%;
	font-weight: bold;
}

dl#quote_view_header dd {
	width: 60%;
}

p#no_lots_found {
	clear: left;
	text-indent: 90px;
}

/* modify quote form bottom elements (links / total) */
#lotControls dl {
	float: left;
	width: 100%;
	margin:0;
	margin-bottom: 10px;
}

#lotControls dt {
	width: 585px;
	text-align: right;
	font-weight: bold;
}

#lotControls dd {
	width: 300px;
	padding-left: 35px;
	text-align: left;
}

#lotControls {
	margin-top: 20px;
	text-align: center;
}

#lotControls button {
	margin: 0 10px;
	display: inline;
}

/* modify quote form popups */
form#quoteSaveForm p,
form#quoteAddLot p,
form#submittalEmail p {
	margin-bottom: 20px;
}

form#quoteSaveForm button,
form#quoteAddLot button,
form#submittalEmail button {
	margin: 20px auto;
	padding: 4px;
}

form#quoteAddLot label,
form#submittalEmail label {
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding: 2px 30px 4px;
	clear: left;
}

form#quoteAddLot input, form#quoteAddLot select,
form#submittalEmail input {
	width: 200px;
	display: inline;
	position: absolute;
	left: 12em;
}





#content h3 {
	font-weight: bold;
	text-align: center;
	clear: left;
	font-size: 14px;
}
#content table {
	margin: 0 auto;
}

#content table th {
	padding: 0.2em 1.5em;
	font-weight: bold;
}

#content table td {
	padding: 0.2em 1.5em;
}

#content table tr.row_red td {
	color: #FF0000;
}

#content table tr.row_blue td {
	color: #0000FF;
}

#content table td.editlink {
	text-align: center;
	padding: 0;
}

#content table td.editlink a {
	padding: 0.2em 0.5em;
}
table#jobSummaryTable tfoot td {
	font-weight: bold;
	padding-top: 15px;
}

table#jobSummaryTable tfoot td:first-child {
	text-align: right;
}

#content #instructions span.row_red strong {
	color: #FF0000;
}

#content #instructions span.row_blue strong {
	color: #0000FF;
}
/*
#content #instructions span.row_red strong,
#content #instructions span.row_blue strong,
#content #instructions span.row_black strong {
	font-weight:normal;
}
*/

#content #instructions span {
	display: block;
}

#content #instructions span.foot {
	font-size: 11px;
	padding-top: 5px;
}

#content #instructions {
	padding: 0 0 20px 270px;
}

/* report style additions */
body#bodyReport p {
	text-align: center;
	font-weight: bold;
	clear: left;
}
#content table.report_grid,
#content table.report_table {
	clear: left;
	margin-top: 20px;
}
#content #double_report table.report_grid {
	float: left;
/*	width: 95%; */
}
#content table.report_grid caption {
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
}
body#bodyReport dl {
	display: block;
	margin: 0 auto;
	width: 500px;
	padding-left: 250px;
	overflow: auto;
}

body#bodyReport dl dt {
	font-weight: bold;
	width: 150px;
	clear: left;
}

body#bodyReport dl dd {
	width: 350px;
}

#content table.report_grid td {
	border: 1px solid;
	padding: 2px 4px;
}

#content table.report_grid thead td {
	font-weight: bold;
	text-align: center;
	min-width:65px;
}

#content table.report_table thead td {
	font-weight: bold;
}

#content table.report_table tfoot td {
	border-top: 1px solid #000;
}

#content form.thinFilterForm {
	width: 300px;
}

#content form.wideFilterForm {
	width: 680px;
}

#content form#filterForm span {
	display: block;
	float: left;
	width: 340px;
}

#content form#filterForm span input,
#content form#filterForm span select {
	left: 140px;
}

#content form#filterForm span input {
	width: 80px;
}

#content form.wideFilterForm span select {
	width: 190px;
}

#content form.thinFilterForm span select {
	width: auto;
}

#content form#filterForm span label {
	float: left;
	width: 220px;
}

#content form#filterForm span label+label {
	width: 100px;
	padding-left: 4px;
}

#content form#filterForm span label+label input {
	left: 20px;
}

#content form#filterForm input.validation-failed {
	background-color: #ffffaa;
}

#content form#filterForm .custom-advice {
	color: #ff0000;
	display: none;
	clear: left;
}

#content form#filterForm #show-active {
	clear: left;
	text-align: center;
}

.validation-advice {
	color: #ff0000;
	padding-top: 3px;
}

.validation-failed {
	background-color: #ffffaa;
}



/* button alignment fixes */
.buttonAlign {
	text-align: center;
	clear: left;
	padding: 15px 0 10px 0;
}

.buttonAlign button {
	display: inline;
	margin: 0 5px;
}
button {
	padding: 1px 4px;
}

dl {
	display:block;
	width:40%;
	margin: 0 auto 0 30%;
	float: none;
}
dl dt, dl dd  {
	margin: 0 auto;
	float: left;
	font-weight: normal;
}
dl dt {
	clear: left;
	width: 43%;
}
dl dd {
	width: 57%;
}
hr {
	clear: left;
	height: 2px;
	color: #999;
	background-color: #999;
	margin: 20px 0;
}
#content p.notes {
	clear: left;
	margin: 0 auto;
	width: 40%;
	line-height: 18px;
	padding-top: 10px;
}

dl#customer_job {
	padding: 0 0 40px 300px;
	float: left;
	width: 50%;
	margin:0;
}

table#customer_manufacturers {
	clear: left;
	width: 50%;
	margin: 0 0 40px 280px;
}

dl#customer_job+table+p {
	text-align: center;
}

#customer_status, #customer_get_quote {
	padding-left: 300px;
}
#customer_get_quote {
	margin-bottom:40px;
}
#customer_status h4, #customer_get_quote h4 {
	font-weight: bold;
}
#customer_status p, #customer_get_quote p {
	padding-bottom: 10px;
	width: 380px;
}
#customer_service .hilite {
	font-weight: bold;
	color: #ff0000;
}

form.add-customer-to-job {
	margin-left: 20px;
	display: block;
}
form.add-customer-to-job .search_heading {
	font-weight: bold;
	font-style: italic;
}

table#customerRecQuote {
	width: 100%;
}

form button,
table tfoot button {
	margin: 10px auto;
	display: block;
}

form#editForm dl {
	width: 360px;
	padding: 2px;
	float: left;
	margin:0;
}
form#editForm dt, form#editForm dd {
	margin-bottom: 8px;
}
form#editForm {
	display: block;
	margin: 0 0 0 30%;
	width: 60%;
	padding: 10px 0px 20px 0px;
	clear: left;
}
form#editForm label, form#editForm input {
	margin: 0 auto;
}
form#editForm span.add_new {
	display: block;
	position: absolute;
	top: 2px;
	left: 365px;
	width: 100px;
}
form#editForm label {
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding: 2px 2px 4px;
	clear: left;
	width: 360px;
	float: left;
}


form#editForm .buttonAlign {
	width: 360px;
}

form#editForm input, form#editForm select {
	width: 55%;
	display: inline;
	position: absolute;
	left: 13em;
}

form#editForm label.radio_outer_label {
	display: inline;
	width: 150px;
}

form#editForm .radiogroup label {
	margin-bottom: 5px;
	position: static;
	clear: none;
	float: left;
	width: 40%;
}

form#editForm .radiogroup input {
	width: 25px;
	position: static;
}

form#editForm .radiogroup {	
	float: left;
	width: 360px;
}
form#editForm .radiogroup .radiocontrols {
	left: 13em;
	float: left;
	width: 50%;
}
form#editForm textarea {
	width: 30em;
	height: 5em;
}



form#editForm label.error {
/*	border: 2px solid #ff0000; */
}

form#editForm label.error span.error_title {
	font-weight: bold;
	color: #ff0000;
	font-size: 11px;
	display: block;
	text-transform: uppercase;
}

form#editForm label.error span.error_desc {
	color: #ff0000;
	display: block;
	padding-bottom: 10px;
}

form#editForm label.error input,
form#editForm label.error select {
	background-color: #ffffaa;
}

form#editForm input#real_name {
	left: 0;
	margin-top: 25px;
	width: 100%;
}

form.docuForm label+label {
	height: 40px;
}

/**** submittal form ****/
form#submittalForm {
	display: block;
	margin: 0 165px;
}
form#submittalForm dl {
	margin: 0;
	width: 100%;
	padding-bottom: 20px;
	float: left;
	clear: left;
}

form#submittalForm dl#submittalInfo {
	width: 420px;
}

form#submittalForm dl#submittalHeader dt {
	clear: none;
}

form#submittalForm dl dt {
	width: 100px;
}

form#submittalForm dl dd {
	width: 190px;
}

form#submittalForm table {
	clear:left;
	/*width: 60%;*/
	margin: 0 0 20px 0;
}

form#submittalForm table th {
	/*font-weight: normal;*/
}
form#submittalForm input.largeInput {
	width: 300px;
}
form#submittalForm input.medInput {
	width: 180px;
}
form#submittalForm input.tinyInput {
	width: 50px;
	text-align: center;
}
form#submittalForm label {
	padding-right: 20px;
	float: left;
	display: block;
}
form#submittalForm #finishing {
	width:620px;
	float: left;
	padding-bottom: 20px;
}
form#submittalForm #finishing label {
	padding-bottom: 10px;
}
form#submittalForm #finishing+label {
	clear: left;
	width:600px;
}
form#submittalForm #finishing input {
	margin-right: 2px;
}
form#submittalForm input+button{
	clear: left;
	display: block;
}
form#submittalForm textarea {
	width: 580px;
	height: 200px;
}

form#submittalForm th, form#submittalForm td {
	padding-left:0;
	white-space:nowrap;
}
form#submittalForm dd+dd {
	padding-left: 100px !important;
}
form#submittalForm dt, form#submittalForm  dd {
	padding: .2em 0;
}



/**** end submittal form ****/



table#customerRecQuote ~ form .suggestResults .faxno,
table#customerRecQuote ~ form .suggestResults .sales_name,
table#customerRecQuote ~ form .suggestResults .quote_destination {
	display:none;
}



.suggestResults span.size {
	text-align:right;
	float:right;
	margin-top: -1.8em;
}


.flipstudios_suggest {
	display:block;
}


.printonly {
	display:none;
}



/* Admin */
form.login {
	display: block;
	margin-left: 327px; /* IE6 didn't want to listen to "width:250px; margin: 0 auto;" */
}
form.login label, form.tagcfmsp label {
	display: block;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 1.5em 0;
}
form.login label input, form.tagcfmsp label input {
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin: .5em 0;
}
form.login fieldset {
	border: 3px solid #d8d8d8;
	display: block;
	width: 250px;
	padding: 15px;
	background-color: #f6f6f6;
	margin-bottom: 1em;
}
form.login h2 {
	font-size: 18px;
	margin: 1em;
}
form.login button {
	margin-left: 0;
	margin-right: auto;
	display: block;
}
form.login p {
	color: #9d9d9d;
	text-align: left;
	display: block;
	width: 250px;
	font-size: 11px;
	margin: 0;
	line-height: 1.5em !important;
}
form.login fieldset p {
	font-size: 11px;
	text-align: left;
	display: block;
	margin-top: 1.5em;
	color: #000000;
	text-align: 0;
}
form.login fieldset p strong {
	display: block;
}
form.login a.fliplink {
	color: #9d9d9d;
}
form.login a.fliplink:hover {
	color: #1cc91c;
}
form.tagcfmsp {
	display: block;
	margin: 1em auto;
	text-align:center;
}
form.tagcfmsp label{
	display: block;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}
form.tagcfmsp label input {
	width: 100%;
}
.tagcfmsp .searchresults input, .tagcfmsp .searchresults label {
	width: auto; display: auto;
}
form.tagcfmsp button {
	display:block;margin: 0 auto;
}


.e-tools-menu #content h2 {
	text-align: left;
	margin: 20px 0 0 0;
}
.e-tools-menu #content hr {
	margin:0 0 10px 0;
}
.e-tools-menu #content p {
	display: block;
/*	float:left;
	width: 300px;
	min-height: 40px; */
	line-height: 12px;
	padding: 10px 0px 30px 20px !important;
}
.e-tools-menu #content p small, .e-tools-menu #content p a {
	display: block;
	float: left;
	clear: left;
}
.e-tools-menu #content p small {
	font-size: 12px;
	margin-top: .25em;
}

.e-tools-menu #content h2:first-child {
	color:#0000FF;
	float:right;
	margin-bottom:-18px;
}
.e-tools-menu #content h2 {
	clear:both;
}

.change-contact-prefs #content p {
	margin: 0 auto 0 30%;
}
.change-contact-prefs #content p+p {
	margin: 10px auto 30px 30%;
}
.change-contact-prefs #content p button {
	margin-left: 10px;
}

.not-priced-yet {
	float:right;
	margin:10px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#f00;
}


#customer_get_quote h4,
#customer_get_quote p a {
	float: left;
	width: 190px;
}
#customer_get_quote p {
	clear: left;
	height: 1em;
}


.inactive {
	font-style: italic;
	color: #666;
}



#quoteSaveAddendumForm label,
#quoteSaveAddendumForm input,
#quoteSaveAddendumForm textarea {
	display: block;
	width: 400px;
}
#quoteSaveAddendumForm label {
	padding-bottom: 20px;
}
#quoteSaveAddendumForm textarea {
	height: 100px;
}


div.addendum_popup {
	position: absolute;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	width: 300px;
}
div.addendum_popup p + p {
	padding-top: 20px;
}
div.addendum_popup p strong {
	display: block;
}


div.modify_quote_addendums label {
	display: block;
	width:80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
div.modify_quote_addendums label * {
	display: block;
	width: 550px;
	padding: 2px;
}
div.modify_quote_addendums textarea {
	height: 100px;
}


dl#terms-of-access, dl#terms-of-access dt, dl#terms-of-access dd {
	float: none;
	position: static;
	width: auto;
	display: block;
	margin: 0;
}

dl#terms-of-access dt {
	font-weight: bold;
	padding-top: 2em;
}

form.terms-of-access button {
	margin:30px auto 0px auto;
}

.followUpStatusForm strong,
.followUpStatusForm label,
.followUpStatusForm select,
.followUpStatusForm textarea,
.followUpStatusForm button {
	display:block;
}
.followUpStatusForm strong {
	text-align: center;
}
.followUpStatusForm label,
.followUpStatusForm select,
.followUpStatusForm textarea {
	width: 100%;
}
.followUpStatusForm textarea {
	height: 100px;
}
.followUpStatusForm label + label {
	padding-top: 10px;
}

.summary-report-opts td {
	vertical-align: top;
}

.manufacturer-report .summary-report-opts {
	width: 600px;
}
.manufacturer-report .summary-report-opts + .summary-report-opts {
	margin-top: 40px !important;
}
.manufacturer-report .summary-report-opts td:first-child {
	width: 60px;
	text-align: center;
}

.multBtns {
	display: block;
	text-align: center;
}
.multBtns button {
	display: inline;
	margin: 0 10px;
}