@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(/images/board/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:0px;vertical-align:top;cursor:pointer}

/* Button Size */
.button.large {height:35px;background-position:left 0;border-radius:3px;}
.button.middle {background-position:left 0;border-radius:3px;}
.button.xLarge {height:43px;background-position:left 0;border-radius:3px;}
.button.small {height:24px;background-size:auto 24px;border-radius:3px;}
.button.ok {height:73px;background-position:left 0;border-radius:3px;}




.button a,
.button button,
.button input {height:23px;padding:0 10px 0 8px;font-size:12px;line-height:23px;background-position:right top}

.button.middle a,
.button.middle button,
.button.middle input {height:18px;padding:0 12px 0 8px;font-size:12px;color:#fff;letter-spacing:0px;background-position:right 0; }

.button.large a,
.button.large button,
.button.large input {height:35px;padding:0 60px 0 60px;font-weight:600;font-size:14px;color:#fff;line-height:33px;letter-spacing:0px;background-position:right 0;}

.button.xLarge a,
.button.xLarge button,
.button.xLarge input {height:43px;padding:0 22px 0 20px;font-size:18px;line-height:40px;letter-spacing:0px;background-position:right 0}

.button.small a,
.button.small button,
.button.small input {height:24px;padding:0 8px 0 6px;font-size:12px;line-height:24px;background-position:right 0}

.button.ok a,
.button.ok button,
.button.ok input {padding:20px 28px 19px 28px;font-size:14px;background-position:left 0px; text-align:center }


/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{color:#ccc}
.button.white,
.button.white a,
.button.white button,
.button.white input {background-image:url(../images/board/btn_middle_whiteBg.png);color:#333;border-radius:3px;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{color:#000}
.button.green,
.button.green a,
.button.green button,
.button.green input {background-image:url(../images/board/btn_middle_greenBg.png);color:#fff;border-radius:3px;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{color:#fff}

.button.red,
.button.red a,
.button.red button,
.button.red input {background-image:url(../images/board/btn_redBg.png);color:#fff;border-radius:3px;}
.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(../images/board/btn_blueBg.png);color:#fff;border-radius:3px;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{color:#fff}

.button.skyblue,
.button.skyblue a,
.button.skyblue button,
.button.skyblue input {font-weight:bold;background-image:url(../images/board/btn_skyblueBg.png);color:#fff;border-radius:3px;}
.button.skyblue *:hover,
.button.skyblue *:active,
.button.skyblue *:focus{color:#baf1ff}

.button.gray,
.button.gray a,
.button.gray button,
.button.gray input {letter-spacing:0px;background-image:url(../images/board/btn_glayBg.png);color:#fff;border-radius:3px;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{color:#fff}

.button.black,
.button.black a,
.button.black button,
.button.black input {letter-spacing:0px;background-image:url(../images/board/btn_blackBg.png);color:#fff;border-radius:3px;}
.button.black *:hover,
.button.black*:active,
.button.black *:focus{color:#fff}

.button.ok,
.button.ok a,
.button.ok button,
.button.ok input {letter-spacing:0px;background-image:url(../images/board/ok.png);color:#fff;border-radius:3px;}
.button.ok *:hover,
.button.ok*:active,
.button.ok *:focus{color:#fff}

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