@CHARSET "UTF-8";


/* ================= 버튼 ================= */
/* button box 영역 */
#box-button {padding:5px 5px 5px 5px; margin:0; text-align:center; }
#box-buttonR {padding:5px 5px 5px 5px; margin:0; text-align:right; }
#box-buttonL {padding:5px 5px 5px 5px; margin:0; text-align:left; }

/* Button Reset */
.button,
.button a,
.button button,
.button input { 
	margin:0 0 0 2px; 
	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(../../images/rndip/button/buttonWhite.gif) no-repeat;
	overflow:visible; 
	color:#333;
	left:2px; 
	vertical-align:top; 
	cursor:pointer;
}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px;  }
.button a,
.button button,

/* 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:12px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690; margin:0 0 0 2px; }
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../../images/rndip/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(../../images/rndip/button/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../../images/rndip/button/buttonRed.gif); color:#fff;}
.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/rndip/button/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

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