:root {
	--radius: 8px;
}

body,
table,
input,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

a {
	text-decoration: none;
	font-weight: bold
}

a:link {
	color: blue;
}

a:visited {
	color: purple;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
	color: red;
}

a:active {
	border-bottom: 1px solid;
	background-color: #FFCCCC;
}

.item {
	font-size: 16px;
	font-weight: bold;
	color: #0000AA;
}

img:hover {
	border-bottom: none;
}

.out {
	font-size: 16px;
	font-weight: bold;
	color: #CC3333;
}

.outi {
	font-size: 16px;
	font-weight: bold;
	color: #CC3333;
}

/* font-style: italic */
.outr {
	font-size: 16px;
	font-weight: bold;
	color: #009900;
}

.ro {
	background-color: #EEEEEE;
}

table.admin {
	width: 750px;
	border-collapse: collapse;
	border: 2px solid #AAAAAA;
}

.admin td {
	background-color: #FFFFFE;
}

.sumbox {
	border-collapse: collapse;
	border: 1px solid #000000;
}

.sumbox td {
	padding: 2px 4px 2px 4px;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #000000;
	background-color: #FFFFFE;
}

.sumbox .pic {
	background-color: #FFFFFF;
}

.sumbox th {
	padding: 2px 4px 2px 4px;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #000000;
	background-color: #FFFFFE;
}

table.bar {
	border: 3px outset #999999;
	margin-bottom: 2px;
}

td.bar {
	padding: 2px;
	background-color: #FFFFFE;
}

.tag {
	font-weight: bold;
}

.tag-red {
	font-weight: bold;
	color: red;
}

/* right side help */
.right_h {
	font-size: 16px;
	font-weight: bold;
	color: #980A00;
}

.right_p {
	font-size: 13px;
	font-weight: normal;
}

/* bid status box */
.b_table {
	border-collapse: collapse;
}

.b_error {
	background: #FBD6D6;
	padding: 3px 10px 3px 10px;
	border: 3px solid #FF0000;
	font-size: 13px;
}

.b_ok {
	background: #D6FBD6;
	padding: 3px 10px 3px 10px;
	border: 3px solid #006600;
	font-size: 13px;
}

/* my bid status box */
.sumbox .my-bids-low {
	background: #FBD6D6;
}

.sumbox .my-bids-high {
	background: #D6FBD6;
}

.sumbox .my-bids-open {
	background: #FFFFFF;
}

.sumbox .my-bids-close {
	background: #E0E0E0;
}

.sumbox .my-bids-shade {
	background: #FFDF99;
}

.sumbox .my-bids-lottery {
	background: #FFFFFE;
}

/* banner box */
.ban_back {
	background-color: #FFFFFE;
}

.ban_border {
	border: 2px solid #000080;
}

.banbtn,
.banbtn_b {
	width: 136px;
	height: 26px;
	font-size: 13px;
	font-weight: bold;
}

/* description highlighting */
span.high {
	font-size: 15px;
	font-weight: bold;
	color: #10528f;
}

span span.high {
	font-size: 13px;
	font-weight: bold;
	color: #10528f;
}

/* registration */
div#registerForm form {
	border: 1px solid #666666;
	clear: both;
	padding: 10px 10px;
	background-color: #FFFFFE;
	float: left;
}

.b_form {
	display: inline;
}

.Can {
	background: #DDFFDD;
	font-size: 16px;
	font-weight: bold;
	width: 20ex;
	height: 3ex;
	text-align: center;
}

.Must {
	background: #FFDDDD;
	font-size: 16px;
	font-weight: bold;
	width: 20ex;
	height: 3ex;
	text-align: center;
}

/* for auction notices at the bottom of the pages */
.owner,
.hosting {
	font-size: 12px;
	font-style: italic;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
}

.copyright {
	margin-top: 1ex;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
}

.the-siteseal {
	text-align: center;
}

.rev-date {
	font-size: 11px;
}

/*
 *
 * New style classes
 *
 */
/* bid increment table */
.inc-bid {
	font-size: 13px;
	padding-bottom: 2px;
	font-weight: bold;
}

.inc-table {
	border-collapse: collapse;
	font-weight: normal;
}

.header {
	font-size: 19px;
	font-weight: bold;
	color: #10528f;
}

.update-date {
	font-size: 11px
}

.thank-you {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #10528f;
}

.light-bold {
	color: #555555;
	font-weight: bold;
}

/* Forms */
#form-register {
	font-size: 13px;
	font-weight: normal;
	max-width: 700px;
	margin: 12px;
}

#form-register-auto {
	font-size: 13px;
	font-weight: normal;
	width: inherit;
	margin: 12px;
}

.form-field {
	text-align: right;
	font-size: 13px;
	font-weight: normal;
	vertical-align: top;
}

.form-input {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
}

.form-header {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}

.form-error {
	color: red;
	font-size: 13px;
	font-weight: bold;
}

.form-textarea {
	font-size: 13px;
}

.form-readonly {
	background-color: #DDDDDD;
}

.form-button {
	width: 150px;
}

.form-button-auto {
	width: inherit;
}

/* left hand summary pane */
.sum-table {
	border-collapse: collapse;
	line-height: 1.3;
}

.sum-text {
	font-size: 13px;
	font-weight: normal;
	vertical-align: center;
	text-align: left;
	padding-left: 4px;
	background-color: #FFFFFF;
	width: auto;
}

.sum-picture {
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: center;
	padding: 4px 2px 4px 0px;
}

.sum-image {
	border: 1px solid #CCC;
}

.sum-href:link {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.sum-href:visited {
	font-weight: normal;
	color: #333333;
}

.sum-href:hover {
	font-weight: normal;
	color: #980A00;
	border-bottom: 1px solid red;
}

.sum-href:active {
	font-weight: normal;
	color: #333333;
	border-bottom: 1px solid red;
}

.cat-view {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.cat-select {
	text-align: left;
	font-size: 15px;
	font-weight: normal;
}

.cat-form {
	display: inline;
}

.bid-current {
	font-size: 13px;
	font-weight: bold;
	color: #980A00;
}

.bid-price {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.bid-your {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

.bid-your-win {
	font-size: 13px;
	font-weight: bold;
	color: #980A00;
}

/* right hand detail pane */
.detail-header {
	font-size: 19px;
	font-weight: bold;
	color: #10528f;
	margin-bottom: 3px;
}

.detail-pic-table {
	border-collapse: collapse;
	border: 0px outset #999999;
	margin-bottom: 4px;
	min-width: 300px;
}

.detail-pic-cell {
	text-align: center;
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(200,200,200,0.2));
	border-radius: var(--radius);
}

.detail-pic-image {
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
    mix-blend-mode: multiply;
}

.detail-view-table {
	border-collapse: collapse;
	border: 1px solid #C0C0C0;
	margin-bottom: 2px;
	margin-top: 0px;
}

.detail-view-cell {
	padding: 2px 4px 2px 4px;
	background-color: #F0F0F0;
	font-size: 13px;
	text-align: center;
}

.detail-text-table {
	border-collapse: collapse;
	border: 0px outset #999999;
}

.detail-text-text {
	padding: 6px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	background-color: #FFFFFE;
}

.detail-facebook-share {
	margin-top: 10px;
}

.status-header {
	font-size: 19px;
	font-weight: bold;
	color: #10528f;
	margin-bottom: 4px;
}

.status-reload {}

.status-message {
	font-size: 16px;
	line-height: 1.4;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 4px;
}

.status-time {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
}

.message-area {
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #C0C0C0;
	padding: 5px;
	background-color: #fff;
	border-radius: var(--radius);
}

/* bid summary */
.bid-body {
	font-size: 13px;
}

.bid-body table {
	font-size: 13px;
}

#bid-table {
	border-collapse: collapse;
	border: 2px solid #999999;
}

#bid-table td {
	border: 1px solid #C0C0C0;
	padding: 1px 6px 1px 4px;
	text-align: right;
}

#bid-table th {
	border: 2px solid #999999;
	padding: 1px 6px 1px 4px;
	text-align: right;
	font-weight: bold;
	background: #EEEEEE;
}

#bid-table .pad-left {
	padding-left: 2ex;
}

#bid-table .line-right {
	border-right: 2px solid #999999;
}

.cell-right {
	text-align: right;
}

.body-main {
	font-size: 13px;
}

.table-main {
	font-size: 13px;
}

#page-terms {
	margin: 20px;
	max-width: 700px;
	font-size: 15px;
}

#page-terms li {
	margin-bottom: 5px;
}

.page-break {
	page-break-after: always;
}

a:link.item-btn,
a:visited.item-btn,
a:active.item-btn {
	padding: 1px 3px 1px 3px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	color: #333333;
	background-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC #777777 #777777 #CCCCCC;
	margin: 0px 4px 0px 0px;
	line-height: 23px;
}

a:hover.item-btn {
	font-weight: bold;
	color: #333333;
	background-color: #DDDDDD;
	border-color: #777777 #CCCCCC #CCCCCC #777777;
}

.item-btn-none {
	padding: 1px 3px 1px 3px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	color: #333333;
	margin: 0px 4px 0px 0px;
	background-color: #DDDDDD;
	border-width: 1px;
	border-style: solid;
	border-color: #777777 #CCCCCC #CCCCCC #777777;
	margin: 0px 4px 0px 0px;
	line-height: 23px;
}

a.inline-btn {
	padding: 0px 2px 0px 2px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	color: #3333FF;
	background-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA #444444 #444444 #AAAAAA;
	margin: 2px 4px 2px 0px;
	display: inline-block;
}

a:hover.inline-btn {
	text-decoration: none;
	color: #FF3333;
	background-color: #DDDDDD;
	border-width: 1px;
	border-color: #999999 #CCCCCC #CCCCCC #999999;
}

.inline-btn-1 {
	letter-spacing: 1px;
}

/* START Generated by http://css.spritegen.com CSS Sprite Generator */
.btn-submit,
.btn-continue,
.btn-raise-bid,
.btn-enter-lottery,
.btn-next-item,
.btn-cancel,
.btn-processing,
.btn-review,
.btn-correct,
.btn-place-bid,
.btn-refresh-bids,
.btn-raise-bid-right,
.icon-check,
.icon-x,
.icon-check-small,
.icon-lottery {
	cursor: pointer;
	border: none;
	display: block;
	background: url('graphics/btn-sprite.png') no-repeat;
}

.btn-submit {
	background-position: -1px 0px;
	width: 120px;
	height: 25px;
}

.btn-continue {
	background-position: -122px 0px;
	width: 120px;
	height: 25px;
}

.btn-raise-bid {
	background-position: -243px 0px;
	width: 120px;
	height: 25px;
}

.btn-enter-lottery {
	background-position: -1px -26px;
	width: 120px;
	height: 25px;
}

.btn-next-item {
	background-position: -122px -26px;
	width: 120px;
	height: 25px;
}

.btn-cancel {
	background-position: -243px -26px;
	width: 120px;
	height: 25px;
}

.btn-processing {
	background-position: -1px -52px;
	width: 120px;
	height: 25px;
}

.btn-review {
	background-position: -122px -52px;
	width: 120px;
	height: 25px;
}

.btn-correct {
	background-position: -243px -52px;
	width: 120px;
	height: 25px;
}

.btn-place-bid {
	background-position: -1px -78px;
	width: 120px;
	height: 25px;
}

.btn-refresh-bids {
	background-position: -122px -78px;
	width: 120px;
	height: 25px;
}

.btn-raise-bid-right {
	background-position: -243px -78px;
	width: 90px;
	height: 25px;
}

.icon-check {
	background-position: -1px -104px;
	width: 25px;
	height: 25px;
}

.icon-x {
	background-position: -122px -104px;
	width: 25px;
	height: 25px;
}

.icon-check-small {
	background-position: -243px -104px;
	width: 14px;
	height: 14px;
}

.icon-lottery {
	background-position: -1px -130px;
	width: 40px;
	height: 20px;
}

/* END Generated by http://css.spritegen.com CSS Sprite Generator */
.btn-place-bid {
	margin-top: 5px;
}

/* Common CSS classes */
.css-nowrap {
	white-space: nowrap;
}

.css-right {
	text-align: right
}

.overflow {
	overflow-x: auto
}

.printer {}

.css-no-print {}

@media print {
	.css-no-print {
		display: none;
	}

	body {
		background-color: #ffffff;
	}
}

/* fancy buttons */
.btn-auction,
.form-button {
	background: #319bfb;
	background-image: -webkit-linear-gradient(top, #319bfb, #0e56ca);
	background-image: -moz-linear-gradient(top, #319bfb, #0e56ca);
	background-image: -ms-linear-gradient(top, #319bfb, #0e56ca);
	background-image: -o-linear-gradient(top, #319bfb, #0e56ca);
	background-image: linear-gradient(to bottom, #319bfb, #0e56ca);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 15px;
	padding: 8px 16px 8px 16px;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	text-transform: uppercase;
}

.btn-auction:link,
.btn-auction:visited {
	color: #FFFFFF;
}

.btn-auction:hover {
	background: #197cf5;
	background-image: -webkit-linear-gradient(top, #197cf5, #0737b6);
	background-image: -moz-linear-gradient(top, #197cf5, #0737b6);
	background-image: -ms-linear-gradient(top, #197cf5, #0737b6);
	background-image: -o-linear-gradient(top, #197cf5, #0737b6);
	background-image: linear-gradient(to bottom, #197cf5, #0737b6);
	color: #FFFFFF;
	text-decoration: none;
}

.btn-auction:active {
	color: #FFFFFF;
	text-decoration: none;
}

.detail-pic-image {
	border-width: 0px;
}

.detail-pic-table {
	border-collapse: separate;
	border: 1px solid #333333;
	min-width: 100px;
	margin-bottom: 8px;
	margin-top: 6px;
}

.detail-text-table {
	border-collapse: separate;
	border: 1px solid #333333;
	margin: 10px;
}

.detail-view-table {
	border-collapse: separate;
	border: 0px outset #333333;
	margin-bottom: 2px;
}

.detail-text-text {
	background-color: #FDFDFD;
	font-size: 15px;
	padding: 6px;
	line-height: 1.4;
}

.detail-view-cell {
	background-color: #FDFDFD;
	font-size: 15px;
}

.sumbox th {
	background-color: #F2F7FF;
}

.sum-picture,
.sumbox td,
.sumbox .my-bids-open,
.sumbox .my-bids-close {
	background-color: #F2F7FF;
}

.sum-text {
	font-size: 15px;
}

.detail-pic-table {
	border-collapse: collapse;
	border: 0px outset #999999;
	margin-bottom: 4px;
}

.sum-image {
	border: 1px solid #AAAAAA;
	padding: 8px;
	background-color: #FFFFFF;
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	border-radius: var(--radius);
}

.sum-image-black {
	background-color: #000000;
}

.sum-image:hover {
	border: 1px solid #980A00;
}

.sum-text {
	width: 100%;
	background-color: #F2F7FF;
}

.status-reload {
	margin-bottom: 5px;
}

#bid-table {
	background-color: #F2F7FF;
}

.bid-body {
	background-color: #F2F7FF;
	font-size: 15px;
}

.ban_back {
	background-color: #F2F7FF;
}

.bid-current {
	font-size: 13px;
	font-weight: bold;
	color: #980A00;
}

.bid-price {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.bid-your {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

.bid-your-win {
	font-size: 13px;
	font-weight: bold;
	color: #980A00;
}

.tag,
.tag-red,
.bid-current,
.bid-price,
.bid-your,
.bid-your-win {
	font-size: 15px;
}

.img-preview {
	max-width: 100%;
	height: auto;
	border: 1px solid black;
}

/**
BJI customizations
**/
.body-top {
	background-color: #f2f7ff;
}

.body-default {
	background-color: #f2f7ff;
}

.banbtn_b {
	width: 250px;
	height: 40px;
	font-size: 20px;
	background-color: #950500;
	color: #fff;
	border: 1px solid #666;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.btn-user {
	width: 200px;
}

.cat-select {
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	border-radius: var(--radius);
}

.detail-pic-image {
	max-width: 100%;
}

.detail-pic-image {
	padding: 40px 40px 30px 40px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	border-radius: var(--radius);
}

.css-input {
	padding-bottom: 10px;
	margin: 0px;
	border-radius: var(--radius);
	border: 1px;
}

.css-input-textarea {
	margin: 0px;
	border-radius: var(--radius);
	border: 1px;
}

.css-input-narrow {
	width: 80px;
}

.css-input-dynamic {
	width: 80%;
}

.input-width {
	box-sizing: border-box;
	width: 80%;
}

@media (max-width: 450px) {
	.detail-pic-image {
		padding: 10px;
		border: none;
	}

	.detail-pic-cell {
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
	}

	.detail-pic-table {
		width: 100%;
		background: #fff;
	}
}

@media (prefers-color-scheme: dark) {
	.detail-pic-image {
		mix-blend-mode: normal;
	}
	.body-default {
		color: #121212;
	}
}