// msg.css
// ------------------------------------
// Style sheet for MP3 Store Guide
// Last updated 5/24/10
// kendall@mp3tunes.com
// ------------------------------------

BODY
{ 
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 10pt; 
}

P
{
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 10pt;
  margin: 0;
  padding: 0;
}

H2, H4
{
 margin: 0;
 padding: 0;
}

HR
{
  color: rgb(0, 0, 0); 
  background-color: rgb(0, 0, 0); 
  height: 1px; 
  width: 100%;
  margin-left: 0px;

}

TD
{
  text-align: center;
  font-size: 10pt;
}

TD.left
{
  text-align: left;
}

.heading
{
  color: rgb(255, 255, 255); 
  background-color: rgb(0, 0, 0);
  font-size: 11pt;
  font-weight: bold;
  vertical-align: top;
}

.searchbox
{
  color: #000000;
  background: #FFFFFF;
  width: 130px;
  font-size: 10px;
}

.searchbutton
{
  color: #000000;   
  background: #EEEEEE; 
  font-size: 10px;
  width: 30px;
  vertical-align: middle;
}

.tinytext
{
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 8pt;
}

a.boldbuttons
{
  background: transparent url('pics/roundedge-gray-left.gif') no-repeat top left;
  display: block;
  float: left;
  font: bold 13px Arial; /* Change 13px as desired */
  line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 30px; /* Height of button background height */
  padding-left: 8px; /* Width of left menu image */
  text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons
{
  color: white; /*button text color*/
}

a.boldbuttons span
{
  background: transparent url('pics/roundedge-gray-right.gif') no-repeat top right;
  display: block;
  padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons
{ 
  text-decoration: underline; /* Hover state CSS */
}

.buttonwrapper /* Container you can use to surround a CSS button to clear float */
{ 
  overflow: hidden; /* See: http://www.quirksmode.org/css/clearing.html for more info */
  width: 100%;
}

div#qTip 
{
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #999;
  color: #FFF;
  font: bold 9px Verdana, Arial, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}