@charset "utf-8"; 


/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}

/*a.button, x:-moz-any-link { font:23px Sans-serif; padding:12px 0; top:1px;}*/ /* Firefox 2 Fix */
/*a.button, x:-moz-any-link, x:default { padding:0; top:0;}*/ /* Firefox 2 Fix */

/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/*a.button.large, x:-moz-any-link { font:29px Sans-serif; padding:15px 0;} *//* Firefox 2 Fix */
/*a.button.large, x:-moz-any-link, x:default { padding:0;}*/ /* Firefox 2 Fix */
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/*a.button.xLarge, x:-moz-any-link { font:35px Sans-serif; padding:18px 0;}*/ /* Firefox 2 Fix */
/*a.button.xLarge, x:-moz-any-link, x:default { padding:0;}*/ /* Firefox 2 Fix */
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}
/*a.button.small, x:-moz-any-link { font:18px Sans-serif; padding:9px 0;}*/ /* Firefox 2 Fix */
/*a.button.small, x:-moz-any-link, x:default { padding:0;}*/ /* Firefox 2 Fix */

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; background:url(images/buttonWhite.gif) no-repeat; vertical-align:middle;}
span.button { background-position:left top; color:#fff;}
/*span.button, x:-moz-any-link{ font:23px Sans-serif; padding:11px 0;}*/
/*span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button button,
span.button input { height:23px; left:2px; padding:0 10px 0 8px;  line-height:24px; background-position:right top; cursor:pointer;}
/* Large Size */
span.button.large { background-position:left -30px;}
/*span.button.large, x:-moz-any-link{ font:29px Sans-serif; padding:15px 0;}*/ /* Firefox 2 Fix */
/*span.button.large, x:-moz-any-link, x:default{ padding:0;}*/ /* Firefox 2 Fix */
span.button.large button,
span.button.large input { height:30px;  padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
/*span.button.xLarge, x:-moz-any-link{ font:35px Sans-serif; padding:17px 0;}*/ /* Firefox 2 Fix */
/*span.button.xLarge, x:-moz-any-link, x:default{ padding:0;}*/ /* Firefox 2 Fix */
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px;  font:36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
/*span.button.small, x:-moz-any-link{ font:18px Sans-serif; padding:9px 0 8px 0;}*/ /* Firefox 2 Fix */
/*span.button.small, x:-moz-any-link, x:default{ padding:0;}*/ /* Firefox 2 Fix */
span.button.small button,
span.button.small input { height:18px;  padding:0 6px 0 4px;  font:18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}


/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input{ background-image:url(images/buttonGreen.gif); color:#fff;}

a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url(images/buttonBlack.gif); color:#fff;}
span.button.black a {color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url(images/buttonRed.gif); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url(images/buttonBlue.gif); color:#fff;}
span.button.blue a {padding:2px 5px 3px; color:#fff; display:inline-block;}

/* Offset Debug */
a.button,
span.button{ margin-right:15px;}
