/* $Id: shows.css 14766 2007-06-11 13:36:45Z bjorn $ */
body {
  background-color: #666;
}

.showsdetail span.h3{
  clear: none;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
}

.showsdetail p{
  padding: 0;
}
  
.showsdetail .datum{
  color: #666;
  font-weight: bold;
  clear: none;
}

.showsdetail ul.items li{
  padding-left: 85px;
}  

/* firefox op de mac probleem maar niet IE op pc :s */
.showsdetail ul.fragment li {
  width: 444px;
  _width: 411px; /* TODO verplaats naar ie.css?*/
  list-style: none;
  padding: 7px 0 0 33px;
  /* margin-left: -40px; */
  margin-bottom: 0;
  background-position: 7px 5px;
  background-color: #ccc;
  height: 55px;
  border-bottom: 1px solid #fff;
  overflow: hidden;
}

.showsdetail ul.fragment li.last{
  border-bottom: none;
}

.showsdetail div.headpicture{
  height: 59px;
  width: 444px;
  _width: 437px;
  overflow: hidden;
  padding: 0 0 0 7px;
  border-bottom: 1px solid #fff;
}

ul.fragment li.highlight, ul.blokjes li.highlight{
  background-color: #999;
}

.showdescription{
  padding: 5px;
  margin: 0;
  overflow: hidden;
  height: 210px;
}

.showdescription a {
  font-weight: bold;
  color: #d30202;
}

.showdescription a:hover {
  color: #000;
}

/************************************ TABS *************************************/
#tabs {
  background-color: #d30202;
}


#tabs li {
  color: #000;
}

#tabs li.actief {
  background-color: #666;
  cursor: default;
}

#tabs li.highlight {
  background-color: #666;
}

#bodytekst {
  border-left: px solid  #d30202;
}


/********************************* UITGELICHT *********************************/
ul.uitgelicht {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.uitgelicht li {
  padding: 0;
  clear: both;
  border-bottom: 1px solid #fff;
  height: 176px; 
  overflow: hidden;
}

ul.uitgelicht li.last {
  border-bottom: none;
}


#bodytekst {
 background-color: #666;
}

/********************************* tab table ***********************************/
#taglist {
  background-color: white;
  width: 1000px;
  border: 1px #666;
  border-style: solid none none none;
}

#taglist td, #taglist td.header {
  border: 1px #666;
  border-style: none solid solid none;
  height: 20px;
  padding-left: 5px !important;
}

#taglist td.header {
  background-color: #ccc;
  font-weight: bold;
}

.tabTableLetters, .tabTableRating{
  width: 12px;
  padding: 0;
  margin: 0;
  line-height: 20px;
  cursor: pointer;
  color: #d30202;
  float: left;
  height: 20px;
  line-height: 20px;
  border-right: 1px solid #666;
  clear: none;
}

.tabTableRating{
  width: 17px;
}

.tabTableRating.fist {
  border-left: 1px solid #666 !important;
}

.tabTableRating.last {
  border-right: none;
}

.tabTableRatingHd {
  line-height: 20px;
  float: left;
  Xborder-right: 1px solid #666;
  clear: none;
  padding: 0;/*  8px 0 5px; */
}

div.tabTableLetters.highlight, 
.tabTableLetters.actief, 
div.tabTableRating.highlight, 
.tabTableRating.actief {
  background-color: #fff;
}

#ratingSelect{
  border-left: 1px solid #666;
  white-space: nowrap;
  float: right;
}

#letterSelect {
  margin-left: -5px;
}

#letterSelect img, #ratingSelect img{
  float: left;
  line-height: 20px;
  height: 20px;
  width: 12px;
}

#ratingSelect img{
  width: 17px;
}

#taglist td.header{
  height: 20px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

#taglist .songCol{
/* width: 475px; */
  height: 20px;
  line-height: 20px;
}

#taglist .tagCol {
  width: 150px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap; 
}

#taglist .tagCol div {
  width: 150px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}

#taglist .ratingCol {
  width: 150px;
  height: 20px;
  line-height: 20px;
}

#taglist .ratingCol div {
  width: 94px;
  height: 20px;
  line-height: 20px;
  float: right;
}

.greyCol{
  background-color: #ccc;
}

.greyCol.highlight {
  background-color: #999;
}

/************************************ TAGS ************************************/

ul.fragment li ul.tags li{
  list-style: none;
  padding: 0;
  margin: 0 0 -5px 0;
  border: none;
}

/*
ul.fragment li ul.tags.tagshorizontal {
  clear: none;
}
*/
div.negative-left-margin{
  margin-left: -30px;
  margin-top: 5px;
}

body div.bodythird ul.tags.col_ccc {
  background: url(/pix/iconen/tag-lichtgrijs-op-fff.gif) -3px -0px no-repeat;
}

body div.bodythird.highlight ul.tags.col_ccc {
  background: url(/pix/iconen/tag-donkergrijs-op-ccc.gif) -3px -0px no-repeat;
}

/* mouseover audioicoon-ccc  */

/* op #ccc */
ul.fragment li ul.tags.col_ccc li{
  background: url(/pix/iconen/tag-donkergrijs-op-ccc.gif) -3px -0px no-repeat;
}

ul.fragment li ul.tags.col_ccc li {
  color: #666;
  background: url(/pix/iconen/bullet-donkergrijs-op-ccc.gif) 1px -3px no-repeat;
}

ul.fragment li.highlight ul.tags.col_ccc li {
  background: url(/pix/iconen/tag-donkergrijs-op-999.gif)  -3px -0px no-repeat;
}

ul.fragment li.highlight ul.tags.col_ccc li {
  background: url(/pix/iconen/bullet-donkergrijs-op-999.gif) 1px -3px no-repeat;;
}

/****************************** end tags **************************************/


body ul.tags, ul.tags {
  height: auto;
}