/***** No transparent buttons *****/
.button {position:relative; display:inline-block; border:0; padding:0; margin:0; cursor:pointer; text-align:center; background:transparent; vertical-align:middle;}
.button span, .button span b {position:relative; display:inline-block; background-image:url('../images/button/buttons.png'); background-repeat:no-repeat;}
.button span {background-position:right top; padding-right:10px;}
.button span b {background-position:left top; padding-left:10px; font-weight:normal; color:#fff; white-space:nowrap;}
.button:hover, .button:active, .button:focus {text-decoration:none;}
.button:focus {outline:1px dotted;}
.button::-moz-focus-inner {border:0; padding:0;} /* hide button text highlight in Firefox */
/*---------------------------------------------------*/
/* very large glossy purple button */
.btn-purple-vlarge span, .btn-purple-vlarge-hover span {background-position:right -698px;}
.btn-purple-vlarge span b, .btn-purple-vlarge-hover span b {height:38px; background-position:left -657px; line-height:34px; font-size:1.2em;}
.btn-purple-vlarge-hover span {background-position:right -780px;}
.btn-purple-vlarge-hover span b {background-position:left -739px;}
/*---------------------------------------------------*/
/* very large glossy green button */
.btn-green-vlarge span, .btn-green-vlarge-hover span {background-position:right -1033px;}
.btn-green-vlarge span b, .btn-green-vlarge-hover span b {height:38px; background-position:left -992px; line-height:34px; font-size:1.2em; color:#000;}
.btn-green-vlarge-hover span {background-position:right -1115px;}
.btn-green-vlarge-hover span b {background-position:left -1074px;}
/*---------------------------------------------------*/
/* very large glossy yellow button */
.btn-yellow-vlarge span, .btn-yellow-vlarge-hover span {background-position:right -865px;}
.btn-yellow-vlarge span b, .btn-yellow-vlarge-hover span b {height:38px; background-position:left -824px; line-height:34px; font-size:1.2em; color:#000000;}
.btn-yellow-vlarge-hover span {background-position:right -947px;}
.btn-yellow-vlarge-hover span b {background-position:left -906px;}
/*---------------------------------------------------*/
/* large glossy purple button */
.btn-purple-mlarge span, .btn-purple-mlarge-hover span {background-position:right -424px;}
.btn-purple-mlarge span b, .btn-purple-mlarge-hover span b {height:28px; background-position:left -392px; line-height:24px; font-size:1em;}
.btn-purple-mlarge-hover span {background-position:right -488px;}
.btn-purple-mlarge-hover span b {background-position:left -456px;}
/*---------------------------------------------------*/
/* large glossy yellow button */
.btn-yellow-mlarge span, .btn-yellow-mlarge-hover span {background-position:right -556px;}
.btn-yellow-mlarge span b, .btn-yellow-mlarge-hover span b {height:28px; background-position:left -524px; line-height:24px; font-size:1em; color:#000000;}
.btn-yellow-mlarge-hover span {background-position:right -620px;}
.btn-yellow-mlarge-hover span b {background-position:left -588px;}
/*---------------------------------------------------*/
/* hollow download button */
.btn-download span, .btn-download-hover span {background-position:right -1347px; padding-right:28px;}
.btn-download span b, .btn-download-hover span b {height:22px; background-position:left -1322px; color:#FF9000; line-height:22px; font-size:.9em;}
/*---------------------------------------------------*/
/* small glossy black button(sharp corner) */
.btn-black-small span, .btn-black-small-hover span {background-position:right -82px;}
.btn-black-small span b, .btn-black-small-hover span b {height:23px; background-position:left -56px; line-height:23px; font-size:.9em;}
.btn-black-small-hover span {background-position:right -134px;}
.btn-black-small-hover span b {background-position:left -108px;}
/*---------------------------------------------------*/
/* small glossy yellow button */
.btn-yellow-small span, .btn-yellow-small-hover span {background-position:right -190px;}
.btn-yellow-small span b, .btn-yellow-small-hover span b {height:23px; background-position:left -164px; line-height:23px; font-size:.9em; color:#000;}
.btn-yellow-small-hover span {background-position:right -242px;}
.btn-yellow-small-hover span b {background-position:left -216px;}
/*---------------------------------------------------*/
/* small glossy gray button */
.btn-gray-small span, .btn-gray-small-hover span {background-position:right -301px;}
.btn-gray-small span b, .btn-gray-small-hover span b {height:26px; background-position:left -272px; line-height:23px; font-size:.9em; color:#000;}
.btn-gray-small-hover span {background-position:right -359px;}
.btn-gray-small-hover span b {background-position:left -330px;}
/*---------------------------------------------------*/
/* small glossy disabled (gray) button */
.btn-disabled-small, .btn-disabled-small-hover {cursor:default;}
.btn-disabled-small span, .btn-disabled-small-hover span {background-position:right -26px;}
.btn-disabled-small span b, .btn-disabled-small-hover span b {height:23px; background-position:left 0px; line-height:23px; font-size:.9em; color:#e6e6e6;}
/*---------------------------------------------------*/
/* Black button */
.btn-black span, .btn-black-hover span {background-position:right -1199px; padding-right:14px;}
.btn-black span b, .btn-black-hover span b {height:37px; background-position:left -1160px; line-height:34px; font-size:1.2em; padding-left:14px;}
.btn-black-hover span {background-position:right -1279px; padding-right:14px;}
.btn-black-hover span b {background-position:left -1239px; padding-left:14px;}
/*---------------------------------------------------*/
/* Button Orange */
.btn-orange span, .btn-orange-hover span {background-position:right -1538px;}
.btn-orange span b, .btn-orange-hover span b {height:32px; background-position:left -1504px; line-height:30px; font-size:1.3em;}
.btn-orange-hover span {background-position:right -1606px;}
.btn-orange-hover span b {background-position:left -1572px;}
/*---------------------------------------------------*/
/* Sign in glossy black button */
.btn-signin span, .btn-signin-hover span {background-position:right -1407px;}
.btn-signin span b, .btn-signin-hover span b {height:28px; background-position:left -1376px; line-height:28px; font-size:1em;}
.btn-signin-hover span {background-position:right -1469px;}
.btn-signin-hover span b {background-position:left -1438px;}
/*---------------------------------------------------*/

/***** PNG transparent buttons *****/
.buttonTrans {display:inline-block; border:0; padding:0; margin:0; cursor:pointer; background:transparent; vertical-align:middle;}
.buttonTrans b, .buttonTrans span {float:left; background-image:url('../images/button/tranButtons.png');}
.buttonTrans b.lt {background-repeat:no-repeat; width:8px;}
.buttonTrans b.rt {background-repeat:no-repeat; width:14px;}
.buttonTrans span {background-repeat:repeat-x; white-space:nowrap; color:#000000; text-align:center;}
.buttonTrans:hover, .buttonTrans:active, .buttonTrans:focus {text-decoration:none;}
.buttonTrans:focus {outline:1px dotted;}
.buttonTrans::-moz-focus-inner {border:0; padding:0; margin:0;} /* hide button text highlight in Firefox */
button.buttonTrans span u {text-decoration:none;}
/*---------------------------------------------------*/
/* Yellow PNG transparent button */
.btn-trans-yellow b, .btn-trans-yellow span, .btn-trans-yellow-hover b, .btn-trans-yellow-hover span {height:39px;}
.btn-trans-yellow span, .btn-trans-yellow-hover span {line-height:36px; font-size:1.4em;}
.btn-trans-yellow b.lt {background-position:left -304px;}
.btn-trans-yellow-hover b.lt {background-position:left -463px;}
.btn-trans-yellow span {background-position:0px -357px;}
.btn-trans-yellow-hover span {background-position:0px -516px;}
.btn-trans-yellow b.rt {background-position:right -410px;}
.btn-trans-yellow-hover b.rt {background-position:right -569px;}
/*---------------------------------------------------*/
/* Yellow disabled PNG transparent button */
.btn-trans-yDisabled, .btn-trans-yDisabled-hover{cursor:default;}
.btn-trans-yDisabled b, .btn-trans-yDisabled span, .btn-trans-yDisabled-hover b, .btn-trans-yDisabled-hover span {height:39px;}
.btn-trans-yDisabled span, .btn-trans-yDisabled-hover span {line-height:36px; font-size:1.4em; color:#dddddd;}
.btn-trans-yDisabled b.lt {background-position:left -926px;}
.btn-trans-yDisabled-hover b.lt {background-position:left -926px;}
.btn-trans-yDisabled span {background-position:0px -979px;}
.btn-trans-yDisabled-hover span {background-position:0px -979px;}
.btn-trans-yDisabled b.rt {background-position:right -1032px;}
.btn-trans-yDisabled-hover b.rt {background-position:right -1032px;}
/*---------------------------------------------------*/
/* Gray PNG transparent button */
.btn-trans-gray b, .btn-trans-gray span, .btn-trans-gray-hover b, .btn-trans-gray-hover span {height:39px;}
.btn-trans-gray span, .btn-trans-gray-hover span {line-height:36px; font-size:1.4em;}
.btn-trans-gray b.lt {background-position:left -672px;}
.btn-trans-gray-hover b.lt {background-position:left -622px;}
.btn-trans-gray span {background-position:0px -772px;}
.btn-trans-gray-hover span {background-position:0px -722px;}
.btn-trans-gray b.rt {background-position:right -872px;}
.btn-trans-gray-hover b.rt {background-position:right -822px;}
/*---------------------------------------------------*/
/* Orange PNG transparent button */
.btn-trans-orange b, .btn-trans-orange span, .btn-trans-orange-hover b, .btn-trans-orange-hover span {height:39px;}
.btn-trans-orange span, .btn-trans-orange-hover span {line-height:36px; font-size:1.4em; color:#ffffff;}
.btn-trans-orange b.lt {background-position:left -50px;}
.btn-trans-orange-hover b.lt {background-position:left 0px;}
.btn-trans-orange span {background-position:0px -150px;}
.btn-trans-orange-hover span {background-position:0px -100px;}
.btn-trans-orange b.rt {background-position:right -250px;}
.btn-trans-orange-hover b.rt {background-position:right -200px;}
/*---------------------------------------------------*/