.red {
  color: red;
}

.green {
  color: green;
}

.black {
  color: black;
}

.clearBoth {
  clear: both;
}

.bold {
  font-weight: bold;
}

.nounderline a {
    text-decoration: none;
}

.error {
  color: red;
  font-weight: bold;
  font-size: 12px;  
}

img.stars {
  margin: 0px;  
  padding: 0px;  
  border: 0px;
}

#container {
    width: 900px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: #fff;
    border-left:3px solid #666666;
    border-right:3px solid #666666;
}

#masthead {
    background: #fff;
    width: 900px;
    height: 63px;
}

#title {
    float: left;
    width: 220px;
    height: 50px;
    text-align: left;
    margin: 0px 0px 0px 0px;
}

#ad_468x60 {
    float: right;
    height: 70px;
    width: 510px;
    background: #fff;
    margin: 0px 0px 0px 0px;
    border-bottom: 3px solid #333333;
}

#top_strip {
    float: left;
    width: 900px;
}

#bottom_strip {
    clear: both;
    float: left;
    width: 910px;
}

#sidebar {
    float: left;
    width: 200px;
}

#main {
    float: right;
    width: 700px;
}

#main_wide {
    float: right;
    width: 910px;
}

#your_answer {
    background-color: #ffffdd;
    padding: 5px;
    width: 320px;
    font-size: 12px;
    border: 1px solid #999999;
    float: left;
    text-align: center;
}

#graded_answer_right {
    background-color: #ffffdd;
    padding: 5px;
    width: 320px;
    font-size: 12px;
    border: 1px solid #999999;
    float: left;
    text-align: center;
}

#graded_answer_wrong {
    background-color: #ffffdd;
    padding: 5px;
    width: 320px;
    font-size: 12px;
    border: 1px solid #999999;
    float: left;
    text-align: center;
}

#answer_link {
    font-size: 12px;
    text-align: center;
}

#prev {
    float: left;
    background-color: #ffffff;
    width: 100px;
}

#next {
    float: left;
    background-color: #ffffff;
    width: 100px;
    font-size: 12px;
    text-align: center;
}

#selectMode {
    font-size: 10px;
    font-family: Arial;
}

.artist_note_tooltip {
    padding: 5px;
    font-size: 10px;
}

table.top_wrong_guesses {
    color: red;
    font-size: 11px;
}

/* snazzy borders */

#xsnazzy {background: transparent;}

.xsnazzy {background: transparent;}

.xsnazzy h1 {
    margin:0;
    font-size: 10px;
    font-family: Verdana;
    padding:0 10px 5px 10px;
    border: solid #444;
    border-width: 0px 1px 1px 1px;
    text-align: left;
}

.xsnazzy p {
    margin:0; 
    padding:5px 10px; 
    font-size:10px;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb1_btm, .xb2_btm, .xb3_btm, .xb4_btm {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xb1_btm, .xb2_btm, .xb3_btm {height:1px;}
.xb2, .xb3, .xb4, .xb2_btm, .xb3_btm, .xb4_btm {background:#ffffff; border-left:1px solid #666; border-right:1px solid #666;}
.xb1, .xb1_btm {margin:0 5px; background:#666;}
.xb2, .xb2_btm {margin:0 3px; border-width:0 2px;}
.xb3, .xb3_btm {margin:0 2px;}
.xb4, .xb4_btm {height:2px; margin:0 1px;}

.xboxcontent, .xboxcontent_side {
    display:block;
    background: #ffffff;
    border:0 solid #666;
    border-width:0 1px;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
}

.xboxcontent {
    padding: 15px;
}

.color_main {
    background:#9fbfd4;
    color:#000;
}

.color_a {
    background:#de856a;
    color:#000;
}

.color_b {
    background:#81d288;
    color:#000;
}

.color_c {
    background:#9fbfd4;
    color:#000;
}

/* text-align: center in the body tag is for ie */

body {
    _width: 900px;
    background: #666666;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

    td {
        color: #333333;
        font-family: Arial, helvetica, sans-serif;
        font-size: 11px;
    }

    a { color: #333333; }
    a:hover { color: #CC0000; }

    .tag {
        font-family : Arial, Helvetica, sans-serif;
        font-size:12px;
    }

    .text10 {
        font-family : Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#333333;
    }

    .text11 {
        font-family : Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#333333;
    }

    .text12 {
        font-family : Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#333333;
    }

    .text14 {
        font-family : Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#333333;
    }

    .text8 {
        font-family : Arial, Helvetica, sans-serif;
        font-size:8px;
        color:#333333;
    }

    .text9 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size:9px;
        color:#333333;
    }

    a.tag {
        font-size:10px;
        font-style:italic;
        color:#666666;
    }

    a.tag:hover { color : #CC0000; }


/**************************************************
SEARCH BOX
**************************************************/
#textMovie {
  font-size: 12px;
  font-family :Arial, Verdana, Helvetica, sans-serif;
  width: 160px;
}

.textMovieWidth {
  width: 160px;
}

/**************************************************
SEARCH RESULTS
**************************************************/
#searchBox {
 font-size: 12px;
 font-family : Arial, Helvetica, sans-serif;
 border: solid black 1px;
 text-align: left;
}

.searchBox {
 font-size: 12px;
 font-family : Arial, Helvetica, sans-serif;
}

.searchBoxValid {
 font-size: 12px;
 font-family : Arial, Helvetica, sans-serif;
 color: green;
}

.searchFindButton {
 font-size: 12px;
 font-family : Arial, Helvetica, sans-serif;
}

.searchFindButtonValid {
 font-size: 12px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: green;
 width: 130px;
}

#titleList {
 overflow: auto;
 clear: both;
}

/* give this a static height so it 
   doesn't flop around during dhtml stuff */
#statusLine {
 font-size: 10px;
 font-family : Arial, Helvetica, sans-serif;
 height: 1em;
}

#expandSpan {
 margin-right: 10px;
 margin-bottom: 5px;
 height: 1em;
 float: right;
 right: 10px;
}

#resultlist
{
  padding: 0px;
  margin-left: 0;
  font-size: 10px;
  /*font: bold 13px monospace;*/
  background: #fff;
  width: 90%;
  color: #006; 
}

#resultlist li
{
  list-style: none;
  margin: 0px;
  /*border-bottom: 1px #004080 dotted;*/
  text-align: left;
}

#resultlist li a
{
  display: block;
  margin: 0px;
  padding: 0px;
  /* padding: 0.25em 0.5em 0.5em 0.5em; */
  text-decoration: none;
}

#resultlist li a:link { color: #000; }
#resultlist li a:visited { color: #006; }

#resultlist li a:hover
{
  color: #000080;
  background: #ccc;
}