/* the ticker class: do your stuff here
DO NOT ALTER position and overflow! */
#ticker {
  width:620px;
  height:20px;
  background-color:#000000;
  border:1px solid #276824;
  padding:2px;
  vertical-align:middle;
  position:relative;
  overflow:hidden;
}

/* the container of the ticker: nice to make a frame 
DO NOT ALTER overflow! */
.ticker_container {
  width:620px;
  height:30px;
  background-color:#008800;
  padding:5px;
  overflow:hidden;
}

/* class for the symbol */
.ticker_symbol {
  margin-left:10px;
  font-weight:bold;
  font-family:verdana;
  font-size:13px;
  color:#000088;
}

/* class for the last quote value */
.ticker_quote_last {
  color:#606060;
  font-weight:bold;
  font-family:verdana;
  font-size:13px;
}

/* class for the change value when positive */
.ticker_change_plus {
  color:#008800;
  font-family:verdana;
  font-size:13px;
}

/* class for the change value when negative */
.ticker_change_minus {
  color:#880000;
  font-family:verdana;
  font-size:13px;
}

/* class for the change% value when positive 
also icon placed here.
*/
.ticker_changep_plus {
  color:#008800;
  font-family:verdana;
  font-size:13px;
  background-image:url(img/up.gif);
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:14px;
}

/* class for the change% value when negative */
.ticker_changep_minus {
  color:#880000;
  font-family:verdana;
  font-size:13px;
  background-image:url(img/dn.gif);
  background-repeat:no-repeat;
  padding-left:14px;
  background-position:center left;
}

/* class for starting text */
.ticker_text_start 
{
  color:#D4A017;
  font-family:verdana;
  font-size:13px;
  text-align:center;
  font-weight:bold;
}

/* class for ending text */
.ticker_text_end {
  font-family:verdana;
  font-size:13px;
  font-weight:bold;
}