/* Button Reset */
.button,
.button a,
.button button,
.button input { display:inline-block; text-decoration:none !important;margin:0; border:0;font-size:12px; text-transform:uppercase;white-space:nowrap; line-height:23px;}
.button { background: #fff; border: 1px solid #ddd;height:25px;min-width:25px; padding:0 6px; vertical-align:middle;cursor:pointer;overflow:hidden}
.button:hover {background:#f5f5f5}
.button input {background:transparent}
span.button{margin-left:-1px; }
/* Button Size */
.button.large { height:35px; }
.button.xLarge { height:40px; }
.button.small { height:18px;font-size:10px  }

.button.large a,
.button.large button,
.button.large input { height:35px; font-size:12px; line-height:32px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:40px; padding:0 10px; font-size:12px; line-height:37px;}
.button.small a,
.button.small button,
.button.small input { height:18px;  font-size:10px; line-height:18px;vertical-align:top;font-weight:normal }

/* Button Text Color */
.button.green{background: #54aa53 ;border: 1px solid #4b994a;}
.button.green, .button.green a, .button.green input{color:#fff}
.button.green:hover{ color:#ff0;background:#5eb75d}

.button.black{ background: #3c443b ;border: 1px solid #222;}
.button.black *{color:#fff}
.button.black:hover{background:#555}
.button.black *:hover{ color:#ff0;}

.button.red { background: #c63c31;border: 1px solid #b8382e;}
.button.red *{ color:#fff;}
.button.red:hover{background:#d55147}
.button.red *:hover{ color:#ff0;}

.button.blue{ background:#199aed; border: 1px solid #1892e1}
.button.blue *{ color:#fff;}
.button.blue:hover{background:#37abf5}
.button.blue *:hover{ color:#ff0;}

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