#q { 
  width: 500px; 
}

/* advanced settings */
#a {
  display: none;

  margin-top: 5px;

  border: 1px solid #333;
  width: 502px;

  border: 1px solid #333;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;

  -moz-box-shadow: 0 0 20px #ccc;
  -webkit-box-shadow: 0 0 20px #ccc;

  font-size: 10pt;

  z-index: 999;
}

#a div.hd {
  padding: 5px;

  background: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background: -moz-linear-gradient(top,  #eee,  #ccc);
}

#a div.hd h2 {
  padding: 0;
  margin: 0;
  font-size: 10pt;
  font-weight: bold;
  color: #333;

  padding-left: 20px;
  background-image: url(../img/icons/cog.png);
  background-repeat: no-repeat;
}

#a div.bd {
  margin: 0;
  padding: 5px 8px 5px 8px;
  font-size: 10pt;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top,  #fff,  #eee);
}

#a label {
  font-size: 8pt;
  font-weight: bold;
}

/* #a-vendor-label {
  padding-left: 20px;
  background-image: url(../img/icons/brick.png);
  background-repeat: no-repeat;
}

#a-table-label {
  padding-left: 20px;
  background-image: url(../img/icons/table.png);
  background-repeat: no-repeat;
} */

/* #a h2 {
  font-size: 10pt;
  font-weight: bold;
  margin: 0;
  padding: 0;
} */

#a-hide {
  float: right;
  text-decoration: none;
  font-size: 8pt;
  color: #333;

  padding-left: 20px;
  display: block;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(../img/icons/advanced-close.png);
}

#loading {
  display: none;
}

#r table {
}

#r tr.hd th {
  background: #ddd;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background: -moz-linear-gradient(top,  #eee,  #ccc);
  outline: 1px solid #999;
}

#r td, #r th {
  outline: 1px solid #ddd;
  padding: 2px 8px 2px 8px;
  font-size: 10pt;
}

#r th {
  font-size: 8pt;
  /* background-color: #eee; */
  color: #333;
}

#r tr:hover {
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top,  #fff,  #eee);

}

#csv, #a-show {
  color: blue;
  font-size: 8pt;

  margin-top: 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  width: 200px;

  text-decoration: none;
}

#csv:hover, #a-show:hover, #a-hide:hover {
  text-decoration: underline;
}

#csv {
  background-image: url(../img/icons/table_save.png);
}

#a-show {
  background-image: url(../img/icons/cog.png);
}

/* #go {
  padding-left: 18px;
  background-image: url(../img/icons/find.png);
  background-repeat: no-repeat;
} */

#r-info {
  font-size: 8pt;
  margin-bottom: 0;
}

#r-info-num, #r-info-q {
  font-weight: bold;
}

#r td.c-price {
  text-align: right;
}

.error {
  border: 1px solid red;
  padding: 2px 8px 2px 8px;
  margin-top: 10px;

  width: 500px;

  -moz-border-radius:2px;
  -webkit-border-radius:2px;

  -moz-box-shadow: 0 0 20px #ccc;
  -webkit-box-shadow: 0 0 20px #ccc;

  background-color: #fee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffeeee');
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fee));
  background: -moz-linear-gradient(top,  #fff,  #fee);

  font-weight: bold;
}

td span.rest {
  display: none;
}

div#tip {
  position: absolute;
  display: none;

  width: 400px;

  padding: 4px 8px 4px 8px;
  border: 1px solid #999;
  font-size: 10pt;

  -moz-border-radius:2px;
  -webkit-border-radius:2px;

  -moz-box-shadow: 0 0 20px #ccc;
  -webkit-box-shadow: 0 0 20px #ccc;

  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top,  #fff,  #eee);
}

#reset-cols {
  float: right;
}

#select-cols {
  font-size: 8pt;
}

#select-cols a {
  font-size: 8pt;
  color: blue;
  text-decoration: none;
}


#select-cols a:hover {
  text-decoration: underline;
}