.button {display:inline-block;min-width:10px; background:#444; padding:0;cursor:pointer;}

.button a,
.button button,
.button input {display:block;color:#ccc;text-align:center;text-decoration:none !important;margin:0; padding:3px 7px; border:0;font-size:12px; text-transform:uppercase;white-space:nowrap;}
.button input {width:100%}
.button:hover {background:#1c2d3b}
.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:10px; }


/* Button Text Color */
.button.green{background: #336600 ;}
.button.green, .button.green a, .button.green input{color:#fff}
.button.green:hover{ color:#ff0;background:#5eb75d}

.button.black{ background: #3c443b ;}
.button.black *{color:#fff}
.button.black:hover{background:#555}
.button.black *:hover{ color:#ff0;}

.button.red { background: #c63c31;}
.button.red *{ color:#fff;}
.button.red:hover{background:#d55147}
.button.red *:hover{ color:#ff0;}

.button.blue{ background:#0066cc;}
.button.blue *{ color:#fff;}
.button.blue:hover{background:#37abf5}
.button.blue *:hover{ color:#ff0;}

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