/* Jeong, Chan Myeong | http://naradesign.net/ */

/* Button Common */
.txtbutton,
.txtbutton *{ position:relative; margin:0; padding: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(button/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.txtbutton { margin-right:4px;}
.txtbutton *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.txtbutton.medium, .txtbutton.medium *{ height:24px; line-height:24px;}
.txtbutton.large, .txtbutton.large *{ height:30px; line-height:30px;}
.txtbutton.xLarge, .txtbutton.xLarge *{ height:36px; line-height:36px;}
.txtbutton.small, .txtbutton.small *{ height:19px; line-height:19px;}
.txtbutton.medium { background-position:left 0;}
.txtbutton.large { background-position:left -30px;}
.txtbutton.xLarge { background-position:left -65px;}
.txtbutton.small { background-position:left -106px;}
.txtbutton.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.txtbutton.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.txtbutton.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.txtbutton.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.txtbutton *:hover,
.txtbutton *:active,
.txtbutton *:focus{ color:#2e4500;}

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

/* Button Text Color */
.txtbutton.green,
.txtbutton.green a,
.txtbutton.green button,
.txtbutton.green input { background-image:url('button/buttonGreen.gif'); color:#fff;}
.txtbutton.green *:hover,
.txtbutton.green *:active,
.txtbutton.green *:focus{ color:#ffffff;}
.txtbutton.black,
.txtbutton.black a,
.txtbutton.black button,
.txtbutton.black input { background-image:url('button/buttonBlack.gif'); color:#fff;}
.txtbutton.black *:hover,
.txtbutton.black *:active,
.txtbutton.black *:focus{ color:#ffffff;}
.txtbutton.red,
.txtbutton.red a,
.txtbutton.red button,
.txtbutton.red input { background-image:url('button/buttonRed.gif'); color:#fff;}
.txtbutton.red *:hover,
.txtbutton.red *:active,
.txtbutton.red *:focus{ color:#ffffff;}
.txtbutton.blue,
.txtbutton.blue a,
.txtbutton.blue button,
.txtbutton.blue input { background-image:url('button/buttonBlue.gif'); color:#fff;}
.txtbutton.blue *:hover,
.txtbutton.blue *:active,
.txtbutton.blue *:focus{ color:#ffffff;}
.txtbutton.orange,
.txtbutton.orange a,
.txtbutton.orange button,
.txtbutton.orange input { background-image:url('button/buttonOrange.gif'); color:#fff;}
.txtbutton.orange *:hover,
.txtbutton.orange *:active,
.txtbutton.orange *:focus{ color:#ffffff;}


/* Button Icon Variation */
.txtbutton.icon *{ padding-left:20px;}
.txtbutton.small.icon *{ padding-left:16px;}
.txtbutton.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.txtbutton.medium .check{ background-position:4px -150px;}
.txtbutton.large .check{ background-position:4px -146px;}
.txtbutton.xLarge .check{ background-position:5px -144px;}
.txtbutton.small .check{ background-position:3px -153px;}
.txtbutton.medium .add{ background-position:-16px -150px;}
.txtbutton.large .add{ background-position:-14px -146px;}
.txtbutton.xLarge .add{ background-position:-14px -144px;}
.txtbutton.small .add{ background-position:-18px -153px;}
.txtbutton.medium .delete{ background-position:-34px -150px;}
.txtbutton.large .delete{ background-position:-34px -146px;}
.txtbutton.xLarge .delete{ background-position:-34px -144px;}
.txtbutton.small .delete{ background-position:-37px -153px;}
.txtbutton.medium .calendar{ background-position:-56px -150px;}
.txtbutton.large .calendar{ background-position:-56px -146px;}
.txtbutton.xLarge .calendar{ background-position:-56px -144px;}
.txtbutton.small .calendar{ background-position:-59px -153px;}
.txtbutton.medium .refresh{ background-position:-76px -150px;}
.txtbutton.large .refresh{ background-position:-76px -146px;}
.txtbutton.xLarge .refresh{ background-position:-76px -144px;}
.txtbutton.small .refresh{ background-position:-79px -153px;}