/* general styles */

body, table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
body {
	margin: 0;
	padding: 0;
	background-color: #4B6684;
}
table { empty-cells: show; border-collapse: collapse; }
form { display: inline; }

h1 {
	font-size: 1.8em;
	margin: 0.5em 0 0.5em 0;
	color: #4b6684;
}

h3 { 
	margin-top: 2em;
	color: #876315;
}
h3[rel] {
  padding: 0.5em;
  cursor: pointer;
  background: #eee url('//d3au2jhdi7kksl.cloudfront.net/images/arrow-down-double.png') no-repeat right center;
}
h3[rel].arrow-up {
  background: #eee url('//d3au2jhdi7kksl.cloudfront.net/images/arrow-up-double.png') no-repeat right center;
}

.disabled { background-color: #8a8a8a; }
.numeric { text-align: right; }
.left { text-align: left; }

.odd {
	padding: 4px;
	background-color: #eff3f6;
	border-top: 1px solid #fff;
}
.even {
	padding: 4px;
	background-color: #dee5ec;
	border-top: 1px solid #fff;
}

.divider {
	border-bottom: thin solid black;
	margin: 1em;
}

/* ---------------- */

.warn { color: red; }

.error {
	font-size: 10px;
	background-color: #ffff90;
	border: thin solid black;
	padding: 0.5em;
	margin: 0.5em;
}
.error:before {
	content: url("//d3au2jhdi7kksl.cloudfront.net/images/alert.gif");
}

.message {
	font-size: 10px;
	background-color: #ffff90;
}
.message-bordered {
	font-size: 10px;
	background-color: #ffff90;
	border: thin solid black;
	padding: 0.5em;
	margin: 0.5em;
}
.highlight
{
	background-color: #ffff90;
}


.info-msg { font-style: italic; }

/* ---------------- */

.pagination
{
	margin: 2em 0 1em 0;
	padding-top: 0.5em;
	border-top: thin solid #ccc;
}
.pagination a { padding: 0 0.2em 0 0.2em; }


/* ---------------- */

#bdi_overlay {
	display: none;
	z-index: 100;
	background-image: url('//d3au2jhdi7kksl.cloudfront.net/images/overlay/white.png');
	width: 425px;
	padding: 35px;
}
#bdi_overlay .contentWrap {
	height: 325px;
	overflow: auto;
}
#bdi_overlay .close {
	background-image: url('//d3au2jhdi7kksl.cloudfront.net/images/overlay/close.png');
	position: absolute; right: 5px; top: 5px;
	cursor: pointer;
	height: 35px; width: 35px;
}

/* ---------------- */
/* top of page:  header and tabset, quickbuttons */

#headerTabs {
	background: #dee5ec url("//d3au2jhdi7kksl.cloudfront.net/images/site/bd_header.gif") no-repeat;
	height: 84px;
}
#headerTabs td  { border-bottom: thin solid #4B6684; }
#headerTabs td.selected { border-bottom: thin solid #D8E3EF; }

#version-banner {
	position: fixed; top: 0;
	font-size: 9pt;
	white-space: nowrap;
	z-index: 100;
	padding-bottom: 1px;
}

/* ---------------- */

#market-summary { font-size: 10px; }
#market-summary tr { vertical-align: middle; }
#market-summary td { padding: 3px; }

/* ---------------- */

#leftColumn {
	width: 182px;
	border-right: 1px solid #fff;
	background: #fff url("//d3au2jhdi7kksl.cloudfront.net/images/site/leftBlend.gif") repeat-x; /* a vertical gradient */
}

#middleColumn {
	width: 600px;
	vertical-align: top;
	border-right: 1px solid #fff;
}

#rightColumn {
	width: 188px;
	vertical-align: top;
	background: url("//d3au2jhdi7kksl.cloudfront.net/images/site/leftBlend.gif") repeat-x; /* a vertical gradient */
}

#footer {
	font-size: 10px;
	border-top: 8px solid #4b6684;
	color: #4b6684;
	background-color: #dee5ec;
}

/* ---------------- */

.navbar {
	margin-top: 0;
	margin-bottom: 4em;
	padding-left: 0;
	list-style-type: none;
}
.navbar > li {
	font-weight: bolder;
	color: #000;
	border-top: 1px solid #fff;
	padding: 1.2em 0 2px 4px;
	cursor: default;
}
.navbar ul {
	list-style: none inside url("//d3au2jhdi7kksl.cloudfront.net/images/site/arrowBlue.gif");
	padding-left: 0.2em;
}
.navbar ul li {
	line-height: 1.9em;
	font-size: 10px;
	font-weight: bold;
	color: #4b6684;
}
.navbar li[href]:hover {
	background-color: #d5dae0;
}
.navbar a {
	color: #666;
	text-decoration: none;
}

/* ---------------- */

.tutorial { 
	color:  #4b6684;
	margin: 0.5em;
}

/* ---------------- */

/* used to create containers with a think lightblue border */

.tableHomeTopCell {
	padding: 1px 0 1em 0;
	border: 1px solid #dee5ec;
}

.HeaderTitle {
	font-weight: bold;
	padding: 2px 2px 2px 4px;
	color: #4b6684;
	background-color: #dee5ec;
}

.HeaderTitle2 {
	font-weight: bold;
	padding: 2px 4px;
	background-color: #eff3f6;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.linksheader
{
	list-style-type: none;
	padding: 0;
	text-align: center;
}
.linksheader li
{
	display: inline;
}
.linksheader li:after
{
	content: " | ";
}
.linksheader li:last-child:after
{
	content: "";
}

.subMenu {
	padding: 4px 4px 10px 0;
}


.catalogLimited:after
{
	padding-left: 0.5em;
	content:  url("//d3au2jhdi7kksl.cloudfront.net/images/limitedLot.png");
}

/* ---------------- */

tr[href], td[href], li[href], .mostactive_control {
	cursor: pointer;
}

a.clean {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a.shadow {
	color: #000;
	text-decoration: none;
}

/* ---------------- */

label.required:before, .requiredLabel:before
{
	content: " * ";
	color: red;
	font-style: italic;
}

.formStyle {
	border: 1px solid #ccc;
}
.formSize {
	height: 13px;
	border: 1px solid #369;
}

input[type=submit], input[type=reset], input[type=button], button, .faux-button, .faux-button-inline {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #369;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .faux-button:hover, .faux-button-inline:hover {
	background-color: #8a8a8a;
}

a.faux-button-inline
{
	text-decoration: none;
	text-align: center;
	padding: 0.1em 1em;
}

a.faux-button
{
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 1px 0;
	width: 119px;
}

table.formlayout tr td:first-child {
	text-align: right;
	font-style: italic;
}
table.formlayout tr {
	vertical-align: top;
}

/* ---------------- */
/* most active widget on home page: */

.MostActiveBG {
	background: url("//d3au2jhdi7kksl.cloudfront.net/images/site/mostActive.gif") no-repeat;
	height: 206px;
	width: 257px;
	padding-top: 24px;
	padding-left: 4px;
}

.mostactive .header-row {
	font-size: 10px;
}
.mostactive .header-row td {
	background-color: #b7c5d2;
	width: 63px; height: 15px;
	text-align: right;
}
.mostactive .header-row td:first-child {
	width: 104px; height: 15px;
	text-align: left;
}
.mostactive .scrollArea {
	overflow: auto;
	width: 252px;
	height: 170px;
	background-color: #dee5ec;
}
.mostactive .scrollArea tr {
	font-size: 9px;
}
.mostactive .scrollArea tr:hover
{
	background-color: #ced6df;
}
.mostactive .scrollArea td {
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
	width: 63px;
}
.mostactive .scrollArea td:first-child {
	color: #00f;
	text-decoration: underline;
	width: 104px;
	height: 15px;
}

/* ---------------- */

.noticeme {
	font-size: 1.4em;
	font-weight: bold;
}

/* used in catalog product page */
#productImage {
	border-right: 1px solid #dee5ec;
	padding-right: 3px;
}

#productDescription {
	border-top: 1px solid #dee5ec;
	padding-top: 8px;
}

/* basically a light-blue background container for links, used in member account summary, order history, pending trades, and templates */
.productLinkBox {
	border: 0;
	padding: 4px;
	background-color: #dee5ec;
	width: 100%;
}

/* ---------------- */

.tableLabels {
	background-color: #dee5ec;
	padding: 2px;
	border-top: 1px solid #fff;
}

.tableButtons {
	vertical-align: middle;
	background-color: #ccc;
	padding: 4px;
}

.tableRightSideFieldContainer {
	padding: 4px;
	background-color: #eff3f6;
	border-top: 1px solid #fff;
}

.simpleTableText {
	padding: 4px;
	vertical-align: top;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.simpleTableTextLeft {
	padding: 4px;
	vertical-align: top;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px none #ccc;
	background-color: #eff3f6;
}
.simpleTableTextLefWithIndent {
	padding: 4px 4px 4px 28px;
	vertical-align: top;
	border-left: 1px solid #ccc;
	border-top-style: none;
	border-bottom: 1px solid #ccc;
	border-right-style: none;
	background-color: #eff3f6;
}

/* ---------------- */
#exchange-area {
	display: none;
}
#product-desc {
	display: none;
}

#exchange {
	border-radius: 0.5em; -moz-border-radius: 0.5em;
	background-color: #ccc;
}

#exchange td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
#exchange .center-row {
	text-align: center !important;
}
#exchange .title {
	font-weight: bold;
	font-size: larger;
}
#exchange #buy td:first-child, #sell td:first-child {
  padding-left: 1.5em;
  text-align: right;
}
#exchange td.nprice {
  padding-right: 2em;
  text-align: right;
  font-size: 1.2em;
}
#exchange #buy td.action, #sell td.action {
  padding-right: 0.5em;
  text-align: right;
}
#exchange #sell { background-color: #dfd; }
#exchange #buy { background-color: #ddf; }
#exchange #spread { background-color: #dff; }
#exchange #spread td {
  padding: 1em;
  text-align: center;
}

.bubble {
	background-color: #dee5ec;
	border-radius: 0.5em; -moz-border-radius: 0.5em;
	padding: 0.5em;
}
.bubble .title {
	border-bottom: thin solid #ccc;
}
input.jq-error {
	border: thin dotted red;
}
label.jq-error {
	padding-left: 1em;
	color: red;
	font-style: italic;
}

#shopping-cart tr { height: 1.7em; }
#shopping-cart td { padding: 3px; }
#shopping-cart td.part { text-align: left; }
#shopping-cart td.qty { text-align: right; }
#shopping-cart td.at { text-align: center; }
#shopping-cart td.price { text-align: right; }
#shopping-cart td.ext { text-align: right; }

#aboutMarketSummary h2
{
	padding: 0.5em;
	background-color: #E0E6ED;
	background-image: url('//d3au2jhdi7kksl.cloudfront.net/images/site/NewsPaper.gif');
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
}

tr.selected {
	background-color: #E1EB13 !important;
}

/* ---------------- */

#statusprogress {
  text-align: center;
  margin: 1em;
}
#statusprogress table {
  font-size: 0.9em;
  font-family: sans-serif;
}
#statusprogress td.step {
  width: 150px;
  text-align: center;
  border: thin solid #A1C7F4;
  padding: 0.2em;
  color: #aaa;
}
#statusprogress td.complete {
  background-color: #A1C7F4;
  color: #000;
}
#statusprogress td.current {
  background-color: #A1C7F4;
  color: #060;
  font-weight: bold;
}


@media print {
	#leftColumn, #rightColumn, #headerTabs, #quickButtons {
		display: none;
	}
}

#holidaySchedule tr {
	vertical-align: top;
	border-bottom: thin solid #fff;
}
#holidaySchedule tr td:first-child {
	font-style: italic;
}
#holidaySchedule h4 {
	padding: 0.2em;
	border-bottom: thin solid black;
	margin-bottom: 0;
}
#holidaySchedule
{
	border-bottom: thin solid black;
	margin-bottom: 1em;
}