@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;white-space:nowrap;background:url(/_html/common/images/bg/btn_middle_blackBg.png) no-repeat;background-size:cover;overflow:visible;color:#fff}
.button {height:23px;padding:0;vertical-align:middle;margin-right:2px;background-position:left top}
.button a,
.button button,
.button input{left:7px;vertical-align:top;cursor:pointer}

/* Button Size */
.button.small {height:24px;background-size:auto 24px}
.button.middle {height:29px;background-position:left 0}
.button.large {height:35px;background-position:left 0}
.button.xLarge {height:48px;background-position:left 0}
.button a,
.button button,
.button input {height:35px;padding:0 10px 0 8px;font-size:14px;line-height:23px;background-position:right top}
.button.middle a,
.button.middle button,
.button.middle input {height:29px;padding:0 14px 0 7px;font-size:12px;font-weight:bold;color:#fff;line-height:27px;letter-spacing:-1px;background-position:right 0}
.button.large a,
.button.large button,
.button.large input {height:35px;padding:0 22px 0 14px;font-weight:600;font-size:15px;color:#fff;line-height:32px;letter-spacing:-1px;background-position:right 0}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input {height:48px;padding:0 26px 0 20px;font-size:21px;font-weight:bold;line-height:48px;letter-spacing:-1px;background-position:right 0}
.button.small a,
.button.small button,
.button.small input {height:24px;padding:0 10px 2px 6px;font-size:11px;line-height:20px;background-position:right 0}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{color:#ccc}
.button.white,
.button.white a,
.button.white button,
.button.white input {font-weight:bold;background-image:url(/_html/common/images/bg/btn_whiteBg.png);color:#333}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{color:#333;text-decoration:underline !important}
.button.green,
.button.green a,
.button.green button,
.button.green input {background-image:url(/_html/common/images/bg/btn_greenBg.png);color:#fff}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{color:#fff;text-decoration:underline !important}
.button.red,
.button.red a,
.button.red button,
.button.red input {font-weight:bold;background-image:url(/_html/common/images/bg/btn_redBg.png);color:#fff}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{color:#fff;text-decoration:underline !important}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input {background-image:url(/_html/common/images/bg/btn_blueBg.png);color:#fff}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{color:#fff;text-decoration:underline !important}
.button.skyblue,
.button.skyblue a,
.button.skyblue button,
.button.skyblue input {font-weight:bold;background-image:url(/_html/common/images/bg/btn_skyblueBg.png);color:#fff}
.button.skyblue *:hover,
.button.skyblue *:active,
.button.skyblue *:focus{color:#fff;text-decoration:underline !important}
.button.gray,
.button.gray a,
.button.gray button,
.button.gray input {font-weight:bold;background-image:url(/_html/common/images/bg/btn_grayBg.png);color:#fff}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{color:#fff;text-decoration:underline !important}

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