/* set list layout */

div#card-list-div {
  font-size: 0.8em;
  margin-top: 2em;
  width: 100%;
  float: left;
  clear: left;
}

/* the list of cards */

table#card-list {
  border: 0.1em solid;
  font-size: 1em;
  width: 100%;
}

#card-list col#firm {

}

#card-list col#set {

}

#card-list th, td {
  padding: 0.3em;
  border-width: 0.05em;
  border-style: solid;
  text-align: center;
}

#card-list th {
  font-weight: bold;
}

#card-list th#groupheader {
  text-align: left;
  font-weight: bold;
}

#card-list td.sold {
  background-color: #ccc;
}

#card-list table td.firmname {
  height: 100%;
}

#card-list a {
  text-decoration: none;
}

#card-list a:hover {
  text-decoration: underline;
}

p#print-link {
  float:right;
  margin: 1em 0 1em 1em;
  padding: 0.5em;
  border: 0.05em outset #555;
}

p#print-link a {

  color: red;
}

/* the side boxes */

div#filter {
  float: left;
  clear: left;
  font-size: 0.8em;
  margin: 1em 0 0 0; 
  padding: 1em;
  border: 0.1em solid #aaa;
  -moz-border-radius: 1em;
  float: none;
}

div#filter fieldset {
  float: left;
  padding: none;
  border: none;
}

div#filter legend {
  padding: none;
  border: none;
  font-size: 1.52em;
  color: #0080ff;
}

div#filter input#setListFilterSubmit {
  float: right;
}

fieldset.rightText {
  margin-bottom: 1em;
  padding: 0.8em;
    
  border: 0.2em outset white;
  -moz-border-radius: 1em;
}

div#filter-box fieldset#main {
  width: 100%;
}

.pager {
    width: 100%;
    margin: 10px 0;
    float: left; clear: left;
    text-align: right;
}

.innerpager {
    float: right;
}

.pager span#currentpage {
    display: block;
    float: left;

    width: 20px;
    text-align: center;
    font-weight: bold;
    background-color: #0080ff;
    color: white;
    border: 1px solid blue;
}

.pager a {
    display: block;
    float: left;

    width: 20px;
    margin: 0 1px;

    text-align: center;
    border: 1px solid #dddddd;

    text-decoration: none;
    color: #0080ff;
}

.pager a:hover {
    background-color: #0080ff;
    color: white;
}