/* Button Reset */
.button {display:inline-block;min-width:10px; background:#fff; border: 1px solid #ddd;padding:0;cursor:pointer;}

.button a,
.button button,
.button input {display:block;margin: 0;vertical-align:middle;color:#333;text-align:center;text-decoration:none !important; padding:3px 7px; border:0;font-size:12px; text-transform:uppercase;white-space:nowrap;}
.button input {width:100%;}


.button:hover {background:#f5f5f5}
.button input {background:transparent}

/* Button Size */

.button.large {min-width:80px;}
.button.xlarge {min-width:100px;}

.button.large a,
.button.large button,
.button.large input { padding:7px 7px; font-size:14px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input {padding:10px 7px;; font-size:16px;}
.button.small a,
.button.small button,
.button.small input { padding:2px 6px;  font-size:11px;}

/* 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;}