/*
// qql
//   quik-list of inventory items (from qlist table)
//   revised from qcat.css, 18 november 2008
//   copyright 2008 by wray cummings, all rights reserved
*/

* {padding: 0; margin: 0}

#content {border: double 3px #bbc; margin: 0px auto; text-align: left; 
  display: block; width: 760px; background-color: #ffffff}

#addressBlock {
  color: #666;
  font-size: .8em; margin-right: 1em;
  border: none 1px #bbc; width: 16em;
  text-align: center; line-height: 125%}
#headerBlock    {width: 16em; border-left: none 1px #aaa;
  border-bottom: none 1px #aaa}
#indexHeaderDiv {width: 25em}
#logoBlock    {border: none 1px #00d; width: 16em; margin: 0 .5em}
#navBlock       {margin-left: 1em; width: 20em; height: 3em}

#ql-Filter {border: none 1px #f00; margin: .5em 1em 0 0; width: 8em}

#selectPage     {margin: .25em .25em .25em .25em; width: 18em; height: 2em}
#selectSequence {margin: 0; width: 10em; height: 6em;
  float: right}
#viewCap {font-size: .8em; text-align: center; padding: .25em .5em;
  color: #7f310f; background-color: #f2f2f0; border: solid 1px #aaa; width: 30em}

.clearFix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearFix {display: inline-block}

.shadow {float: left;
	background: url(/usd/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/usd/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px}
.shadow table {display: block; position: relative; background-color: #fff;
	border: 1px solid #bbb; margin: -6px 6px 6px -6px; padding: 6px}
.shadow div {display: block; position: relative; background-color: #fff;
	border: 1px solid #bbb; margin: -6px 6px 6px -6px; padding: 6px}


.c {text-align: center}
.clr {clear: both}
.fPrice {color: #f00; font-size: 1.2em; padding-right: .75em}
.fr {float: right}
.hilite {color: #5181ed}
.mono {font-family: consolas,'lucida console',monospace}
.noShow {display: none}
.prevNext {border: solid 1px #aae; color: #15b; font-size: 80%; padding: .3em 0;
  margin: 0; text-align: center; width: 3em}
.pnOver {background-color: #dee; color: #333; cursor: pointer}
.prevNextBox {padding-left: 2em; padding-top: .4em; width: 16em}
.sold {text-decoration: line-through}
.titleCol {width: 20em}


a, a:link, a:visited {color: #7f8707; text-decoration: none; padding: .14em;
  background-color: transparent; border: none 1px #fff}
a:hover {color: #2f5a9f; background-color: #faf2e8; padding: .14em;
  border: none 1px #aaa}
  
a.logo, a.logo:link, a.logo:visited {border: none 1px blue; color: #fff}
/*a.logo:hover {color: #2f5a9f} */
a.logo:hover {color: #faaf7f}

a.nav, a.nav:link, a.nav:visited {color: #6486e3}
a.nav:hover {background-color: #e8f2fa; color: #4e598b}


body {background-color: #f4f8fa; color: #000; padding: .5em;
  text-align: center; border: none 1px #f00;
  font-family: candara,'myriad web','trebuchet ms',verdana,sans-serif; font-size: 1em}

h1 {font-weight: normal; font-size: 1.4em; text-align: center; padding: 0;
  border-bottom: double 3px #bbc; border-top: solid 1px #bbc;
  color: #7f8707; background-color: #f2f2f0}
h2 {font-weight: normal; color: #7f8707}
h2.bigPic {padding-left: .75em; margin-bottom: .4em}
h2.listHeading {font-size: 1.8em; padding: .5em .25em .5em 1em; width: 10em}
h3 {font-weight: normal; color: #444; padding: .5em 0}
h3.bigPic {text-align: center}
h3.filter {font-size: 1.4em; color: #7f8707; padding: .5em 0 0 0; text-align: center}
h3.sq {text-align: center; padding: 0}

img {border: none}
img.tn {border: solid 1px #666}
img.rr {border: solid 1px #fff}

fieldset {background-color: #f8f8c8; border: solid 1px #877f07; padding: .25em .5em}
fieldset.paging {background-color: #fafaf6; border: solid 1px #cccccc; padding: .25em}

label {color: #877f07; font-size: 90%}

legend {background-color: #fcfae8; border: solid 1px #aaa; color: #333;
  margin-left: 1em; padding: .1em .5em; letter-spacing: +2px;
  font-variant: small-caps}

li {font-size: .8em; margin: 0; line-height: 100%; text-align: left; color: #333}
li.sq {margin-left: 2em; color: #886644}
li.sqOver {background-color: #dcb; color: #c62; cursor: pointer}
li.sqClik {background-color: #f4f2f2; color: #26c}

p {font-size: .9em}

small.ci {font-size: 50%; margin: 0; padding: 0; color: #333; font-weight: bold}

strong {font-family: bold; color: #000}

table {border-collapse: collapse; border-spacing: 0; border-top: solid 1px #ddd}
table.title {margin: 1em; border-top: none; width: 96%}

td {border-right: solid 2px #ddd; padding-right: .5em}
td.xPrice {border-right: none; color: #586f50; font-size: .75em; padding-right: .4em; 
  text-align: right; width: 3em}

th {padding-left: .5em; border-right: solid 1px #aaa}
th.qDesc {border-right: none 3px #ccc; color: #af610f; font-weight: normal; font-size: 90%;
  padding-left: .4em; text-align: left; width: 14em}

tr.tt     {border: none 3px #bbc;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
}
tr.ttClik {border: none 3px #bbc; background-color: #c4d88f}
tr.ttOver {border: none 3px #bbc; background-color: #eaeaea; cursor: pointer}


ul {margin: 1em; padding: 0 .5em 0 1em; list-style-type: disc}
ul.sq {margin: .25em 1em; list-style-type: none}