/* BUTTONS ################################*/
.mombutton { outline:none; text-decoration:none; display:inline-block; padding:7px 10px 8px; font:900 12px/1 Arial, sans-serif; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -o-border-radius:6px; position:relative; color:#fff; -webkit-transition:0 .1s ease; -o-transition-property:0; -o-transition-duration:4s; -o-transition-delay:1s; box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); -o-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); text-shadow:0 1px 1px rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.4); letter-spacing:2px; text-align:center; }
.mombutton:hover { -moz-box-shadow:0 0 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0 rgba(255,255,255,0.2); -o-box-shadow:0 0 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0 rgba(255,255,255,0.2); }
.mombutton:active { text-shadow:0 -1px 1px rgba(0,0,0,0.5); -moz-box-shadow:0 0 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px -1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px -1px 0 rgba(255,255,255,0.2); -o-box-shadow:0 0 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px -1px 0 rgba(255,255,255,0.2); }
.outset .mombutton:hover { -moz-box-shadow:0 0 0 rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:0 0 0 rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0 rgba(255,255,255,0.2); -o-box-shadow:0 0 0 rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0 rgba(255,255,255,0.2); }
.lite.mombutton { text-shadow:0 1px 1px rgba(255,255,255,0.5); }
.lite.mombutton:active { text-shadow:0 -1px 1px rgba(255,255,255,0.5); }
.outset { padding:4px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -o-border-radius:10px; display:inline-block; text-decoration:none; }
.outset .mombutton { -moz-box-shadow:inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); -o-box-shadow:inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.2); }
.mombutton.arrow { padding-right:20px; }
.b_button.arrow { padding-right:30px; }
.arrow:after { content:"\00a0"; display:block; position:absolute; bottom:9px; right:3px; width:0; height:0; border:5px solid transparent; border-left-color:rgba(0,0,0,0.7); }
.arrow:before { content:"\00a0"; display:block; position:absolute; bottom:8px; right:2px; width:0; height:0; border:5px solid transparent; border-left-color:rgba(255,255,255,0.1); }
.b_button.arrow:after { bottom:11px; right:0; border-width:10px; }
.b_button.arrow:before { bottom:10px; right:-1px; border-width:10px; }
.s_button.arrow:after { bottom:6px; right:3px; border-width:4px; }
.s_button.arrow:before { bottom:5px; right:2px; border-width:4px; }
.black.arrow:after { border-left-color:rgba(255,255,255,1); }
.black.arrow:before { border-left-color:rgba(255,255,255,0.3); }
.s_button { font:900 10px/10px Arial, sans-serif; padding:4px 7px 6px; }
.b_button { font:900 14px/16px Arial, sans-serif; padding:13px 20px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.1), inset 0 16px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.1), inset 0 16px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.3); -o-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.1), inset 0 16px 8px rgba(255,255,255,0.2), inset 1px 1px 0 rgba(255,255,255,0.3); }
.mombutton.blue,.outset.blue .mombutton { background-color:#1a5aa2; }
.mombutton.green,.outset.green .mombutton { background-color:#719213; }
.mombutton.red,.outset.red .mombutton { background-color:#991b1b; }
.mombutton.orange,.outset.orange .mombutton { background-color:#e33100; }
.mombutton.black,.outset.black .mombutton { background-color:#111; }
.mombutton.metalic,.outset.metalic .mombutton { background-color:#696969; }
.mombutton.yellow,.outset.yellow .mombutton { background-color:#ecd225; }
.mombutton.purple,.outset.purple .mombutton { background-color:#842dbb; }
.mombutton.ocean,.outset.ocean .mombutton { background-color:#2d9fbb; }
.mombutton.coffee,.outset.coffee .mombutton { background-color:#91846d; }
.mombutton.blue-lite,.outset.blue-lite .mombutton { background-color:#bedae9; color:#365463; }
.mombutton.green-lite,.outset.green-lite .mombutton { background-color:#c5d488; color:#516112; }
.mombutton.red-lite,.outset.red-lite .mombutton { background-color:#e3aaaa; color:#681b1b; }
.mombutton.orange-lite,.outset.orange-lite .mombutton { background-color:#e39045; color:#4f2409; }
.mombutton.black-lite,.outset.black-lite .mombutton { background-color:#ccc; color:#434343; }
.mombutton.yellow-lite,.outset.yellow-lite .mombutton { background-color:#e7e19a; color:#5a5629; }
.mombutton.purple-lite,.outset.purple-lite .mombutton { background-color:#e6a5e1; color:#5d1657; }
.mombutton.ocean-lite,.outset.ocean-lite .mombutton { background-color:#a9d7dd; color:#115159; }
.mombutton.coffee-lite,.outset.coffee-lite .mombutton { background-color:#aaa999; color:#35342c; }
.outset.blue,.outset.blue-lite { background-color:#dcebf3; }
.outset.green,.outset.green-lite { background-color:#f1f3dc; }
.outset.red,.outset.red-lite { background-color:#f3dcdc; }
.outset.orange,.outset.orange-lite { background-color:#f3eadc; }
.outset.black,.outset.metalic,.outset.black-lite { background-color:#f1f1f1; }
.outset.yellow,.outset.yellow-lite { background-color:#f3eedc; }
.outset.purple,.outset.purple-lite { background-color:#f3dcf3; }
.outset.ocean,.outset.ocean-lite { background-color:#dcf2f3; }
.outset.coffee,.outset.coffee-lite { background-color:#f3e8dc; }