/*
 * shoutcast.com - clean dark grey redesign
 *
 * Author      : NeoVanGoth
 * Date        : February 16th, 2007
 * Description : Complete redesign of shoutcast.com, losely based on Valacars Google Web Search - dark grey redesign. 
                 Removed all unnecessary elements to get as much space as possible for the channellist. 
                 Removed the "results per page" on the right side too, because it isn't working anyway.
                 This is my first css redesign, so many elements may be redundant.
 * Todo        : Alternative for that ugly "tune in"-image.
 * Usage       : Use with Stylish Firefox extension (http://userstyles.org/) or copy to your Firefox userContent.css file
 * Thanks to   : Valacar for his great google redesign
 */


@-moz-document domain("shoutcast.com") {
  body > table[width="100%"],
  table + table.highlighttable,
  body > img,
  body center
  { display: none !important }


  body {
    background: #333 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFCCAMAAAAHcEfNAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABvUExURRMTExISEjMzMzQ0NBERES8vLzExMTIyMjAwMC0tLSEhISoqKh4eHhgYGCUlJSsrKygoKBYWFiMjIxQUFBUVFRsbGycnJx0dHSwsLBoaGhwcHCYmJi4uLh8fHyIiIhkZGSkpKRcXFzU1NSAgICQkJHYC6T4AAAC+SURBVHjadIyJEoIwDETTAnIICnKo4IHH/3+j6TYEcJQ3ecm6TonIMKGO8/S5K5RtpF12hD7UX0Jk/5JZ/IMWbxtJRl92Xy2uxQ3j3VCFqegBOwqkYsUZvvN207Jb0CO53dMR9JSzc/VMRleQKS+9buCwYqe84QHj3FHJM/B0NPJdIpfKSNsv9uKZE5zy9qTKRSalSBxxjn6QMN7rK6EN0uYPFo55x4oVAsmB9lbaQC7XTTylCXRPWLS8PwIMAMwsDV3xKEP4AAAAAElFTkSuQmCC") top left repeat-x !important;
    color: #aaa !important;
  }

  body, th, td {
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 10px !important;
  }

  table, th, td {
    border: 0 !important;
    vertical-align: top;
  }

  a {
    color: #ebb900 !important;
    text-decoration: none !important;
    font-weight: bold;
  }

  a:hover {
    color: #fff !important;
    font-weight: bold;
  }

  body > table[cellspacing="5"] {
    border-spacing: 20px !important;
  }

  body > table > tbody > tr > td[valign="top"], 
  body > table > tbody > tr > td.SearchBox {
    background-color: #333 !important;
    margin: 10px;
  }

  input, select {
    border: 1px solid #666;
    background-color: #444;
    color: #aaa;
  }


  td.SearchBox {
    width: 170px;
    text-align: left !important;
  }

  td.SearchBox b {
    color: #aaa;
  }

  td.SearchBox select, td.SearchBox input {
    width: 100%;
  }

  td.SearchBox input[type="submit"] {
    margin-top: 10px;
  }

  td.SearchBox form {
    margin: 5px;
  }

  td.SearchBox > b, td.SearchBox > b + br {
    display: none;
  }

  td.SearchBox select[name="numresult"] {
    display: none;
  }

  body > table td[valign="top"] {
    padding: 0px !important;
  }

  body > table table td[height="4"] {
    display: none;
  }

  body > table table[cellpadding="0"] tr:first-child {
    display: none;
  }

  body > table table td[bgcolor="#001e5a"] {
    background-color: #444 !important;
  }

  body > table table td[bgcolor="#001e32"] {
    background-color: #333 !important;
  }


  body > table table font[color="#ffffff"] {
    color: #aaa !important;
  }

  body > table table font[color="#ff0000"] {
    display: none;
  }

  body > table table img[src="/images/tunein.gif"] {
    margin-top: 7px;
    margin-right: 5px;
  }

  
  body > p.intro, body > ol.intro_steps {
    display: none;
  }

  body > table[width="96%"] {
    display: none;
  }
}