/*-- extra style sheet for product selector table --*/



#content, #footer {

  width: 91%;

  left: 8%;

}





* data table */

table {

  border: 3px solid #EDEDDC;

  border-collapse: collapse;

  margin: 0 20px 1em 20px;

}



caption {

  margin: 3em 2px 0 2px;

  padding: 10px;

  font-weight: bold;

  caption-side: top;

  font-size: 100%;

  background-color: silver;

}

table#primary caption {margin-top: 1em;}



table span {display: block;}



tbody {background-color: #f9f9f9;}



thead {

  background-color: #CCFFFF;

  color: black;

  text-align: center;

}



table#primary thead {background-color: #0f0;}

table#second thead {background-color: #ff0;}

table#sta thead {background-color: #99f;}



tr {

  padding: 10px 0;

  border-right: 1px solid #999;

  border-bottom: 1px solid #999;

  margin-bottom: 10px;

}

tr.nobot {border-bottom: 0px solid #EDEDDC;} /*silver;}*/

tr.evennobot{border-bottom: 0px solid #F4F4EA; background-color: #F4F4EA;}

tr.even { background-color: #F4F4EA;}



col.tcol1 {width: 10%; font-weight: bold;}

col.tcont_sec {width: 104px;}

col.tcol3, col.tcol5, col.tcol6, col.tcol7 {width: 8%;}

col.tcol8 {width: auto;}

col.tcol4, col.tcol9 {width: 10%;}



th, td {

  padding: 5px 10px;

  text-align: left;

  font-size: 75%;



}



table#primary td {background-color: #dfd;}

table#second td {background-color: #ffd;}

table#sta td {background-color: #ddf;}



table img {

  /*border: 2px solid black; seems to give weird effects inside a table */

  padding: 0;

  margin: 0;

}