/* ------------------- BUTTON SPRITE STYLES ------------------- */
ul.buttonlist{list-style-type: none; padding: 0;margin: 0px;}
ul.buttonlist li{float:left; margin-right: 3px;}

a.button span.lCorner, a.button span.rCorner
{
background-color: transparent;
background-image: url("http://gfx.tarot.com/images/buttons/button-sprite.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left -105px;
display: block;
float: left;
height: 25px;
width: 5px;
}
a.button:hover span.lCorner
{
background-position: left -140px;
}

a.horobtn span.btnTxt{width: 120px; text-align: center;}
a.button span.btnTxt
{
font-size: 12px;
text-decoration: none; 
cursor: pointer;
font-family:Helvetica, Arial, sans-serif;
white-space: nowrap;
display: block;

float: left;
height: 25px;
line-height: 2.3em;
padding-top: 0pt;
padding-right: 0.6em;
padding-bottom: 0pt;
padding-left: 0.6em;
}
a.button span.btnTxt
{
color: #FFFFFF;
background-color: transparent;
background-image: url("http://gfx.tarot.com/images/buttons/button-bg.png");
background-repeat: repeat-x;
background-attachment: scroll;
}

a.genericButton{text-decoration: none;}
a.genericButton span.lCorner, a.genericButton span.rCorner
{
background-position: left 0px;
height: 31px;
}

a.genericButton span.btnTxt
{
background-position: left 0px;
height: 31px;
}

a.genericButton span.rCorner
{
background-position: right 0px;
}

a.genericButton:hover span.rCorner
{
background-position: right -31px;
}
a.genericButton:hover span.btnTxt
{
background-position: left -31px;
}
a.genericButton:hover span.lCorner
{
background-position: left -31px;
}

/* Generic Button Style End */

/* Inactive Button Style Begin */

a.inactiveButton{text-decoration: none; }
a.inactiveButton span.lCorner, a.inactiveButton span.rCorner
{
background-position: left -62px;
height: 31px;
}

a.inactiveButton span.btnTxt
{
background-position: left -62px;
color: #999;
height: 31px;
}

a.inactiveButton span.rCorner
{
background-position: right -62px;
}

a.inactiveButton:hover span.rCorner
{
background-position: right -93px;
}
a.inactiveButton:hover span.btnTxt
{
background-position: left -93px;
}
a.inactiveButton:hover span.lCorner
{
background-position: left -93px;
}


/* purple Button Style Begin */

a.purpleButton{text-decoration: none; }
a.purpleButton span.lCorner, a.purpleButton span.rCorner
{
background-position: left -124px;
height: 31px;
}

a.purpleButton span.btnTxt
{
background-position: left -124px;
color: #FFFFFF;
height: 31px;
}

a.purpleButton span.rCorner
{
background-position: right -124px;
}

a.purpleButton:hover span.rCorner
{
background-position: right -155px;
}
a.purpleButton:hover span.btnTxt
{
background-position: left -155px;
}
a.purpleButton:hover span.lCorner
{
background-position: left -155px;
}

/* red Button Style Begin */

a.redButton{text-decoration: none; }
a.redButton span.lCorner, a.redButton span.rCorner
{
background-position: left -186px;
height: 31px;
}

a.redButton span.btnTxt
{
background-position: left -186px;
color: #FFFFFF;
height: 31px;
}

a.redButton span.rCorner

background-position: right -186px;
}

a.redButton:hover span.rCorner
{
background-position: right -217px;
}
a.redButton:hover span.btnTxt
{
background-position: left -217px;
}
a.redButton:hover span.lCorner
{
background-position: left -217px;
}
div.buttonDiv{
    height:30px;
}

/* brown Button Style Begin */

a.brownButton{text-decoration: none; }
a.brownButton span.lCorner, a.brownButton span.rCorner
{
background-position: left -310px;
height: 31px;
}

a.brownButton span.btnTxt
{
background-position: left -310px;
color: #FFFFFF;
height: 31px;
}

a.brownButton span.rCorner{
background-position: right -310px;
}

a.brownButton:hover span.rCorner
{
background-position: right -341px;
}
a.brownButton:hover span.btnTxt
{
background-position: left -341px;
}
a.brownButton:hover span.lCorner
{
background-position: left -341px;
}

/* White Button Style Begin */

a.whiteButton{text-decoration: none;}
a.whiteButton span.lCorner, a.whiteButton span.rCorner{
background-position: left -62px;
height: 31px;
}

a.whiteButton span.btnTxt{
background-position: left -62px;
color: #333;
height: 31px;
}

a.whiteButton span.rCorner{
background-position: right -62px;
}

a.whiteButton:hover span.rCorner{
background-position: right -93px;
}
a.whiteButton:hover span.btnTxt{
background-position: left -93px;
}
a.whiteButton:hover span.lCorner{
background-position: left -93px;
}