/* @charset "utf-8"; */


/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/image/button/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

.button.gray,
.button.gray a,
.button.gray button,
.button.gray input { background-image:url(/image/button/buttonWhite.gif); color:#787878;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{ color:#535353;}

.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/image/button/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}


.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(/image/button/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}

.button.black_2,
.button.black_2 a,
.button.black_2 button,
.button.black_2 input { background-image:url(/image/button/buttonBlack_2.gif); color:#fff;}
.button.black_2 *:hover,
.button.black_2 *:active,
.button.black_2 *:focus{ color:#ff0;}


.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/image/button/buttonRed.gif); color:#fff;}
:root .button.red input { background-image:url(/image/button/buttonRed.gif)\9; color:#fff\9;line-height:21px\9;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}


.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/image/button/buttonBlue.gif); color:#fff;}
:root .button.blue input { background-image:url(/image/button/buttonBlue.gif)\9; color:#fff\9;line-height:21px\9;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}


.button.orange,
.button.orange a,
.button.orange button,
.button.orange input { background-image:url(/image/button/buttonOrange.gif); color:#fff;}
:root .button.orange input { background-image:url(/image/button/buttonOrange.gif)\9; color:#fff\9;line-height:21px\9;}
.button.orange *:hover,
.button.orange *:active,
.button.orange *:focus{ color:#ff0;}


.button.violet,
.button.violet a,
.button.violet button,
.button.violet input { background-image:url(/image/button/buttonViolet.gif); color:#fff;}
:root .button.violet input { background-image:url(/image/button/buttonViolet.gif)\9; color:#fff\9;line-height:21px\9;}
.button.violet *:hover,
.button.violet *:active,
.button.violet *:focus{ color:#ff0;}

.button.blue_2,
.button.blue_2 a,
.button.blue_2 button,
.button.blue_2 input { background-image:url(/image/button/buttonBlue_2.gif); color:#fff;}
:root .button.blue_2 input { background-image:url(/image/button/buttonBlue_2.gif)\9; color:#fff\9;line-height:21px\9;}
.button.blue_2 *:hover,
.button.blue_2 *:active,
.button.blue_2 *:focus{ color:#ff0;}

.button.blue_3,
.button.blue_3 a,
.button.blue_3 button,
.button.blue_3 input { background-image:url(/image/button/buttonBlue_3.gif); color:#fff;}
:root .button.blue_3 input { background-image:url(/image/button/buttonBlue_3.gif)\9; color:#fff\9;line-height:21px\9;}
.button.blue_3 *:hover,
.button.blue_3 *:active,
.button.blue_3 *:focus{ color:#ff0;}

.button.white_2,
.button.white_2 a,
.button.white_2 button,
.button.white_2 input { background-image:url(/image/button/buttonWhite_2.gif); color:#000;}
.button.white_2 *:hover,
.button.white_2 *:active,
.button.white_2 *:focus{ color:#690;}

.button.white_3,
.button.white_3 a,
.button.white_3 button,
.button.white_3 input { background-image:url(/image/button/buttonWhite_3.gif); color:#000;}
:root .button.white_3 input { background-image:url(/image/button/buttonWhite_3.gif)\9; color:#000\9;line-height:22px\9;}
.button.white_3 *:hover,
.button.white_3 *:active,
.button.white_3 *:focus{ color:#690;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}