/**needs to be separated into structure and skin */

button, input {width: auto; overflow: visible;margin:0px;}

/* structure */
.btn{display: inline-block;padding:5px 10px 5px;color:#000;border:none;text-decoration:none;font-weight: bold;border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;cursor: pointer;outline:none;}
.btn::-moz-focus-inner { border: 0; }

a.btn,.btn:hover,a.btn:hover,.btn:focus,a.btn:focus{color:#000;text-decoration:none;}

/* skins */
/* awesome */
.btn.btnAwesome{color:#fff;background: #222 url(skin/alert-overlay.png) repeat-x;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);}
.btn.btnAwesome.btnBlack,.btn.btnAwesome.btnBlack:visited,.btn.btnAwesome.btnBlack:hover{background-color:#000}
.btn.btnAwesome.btnGreen,.btn.btnAwesome.btnGreen:visited{background-color:#91bd09;}.btn.btnAwesome.btnGreen:hover{background-color:#749a02;}
.btn.btnAwesome.btnBlue,.btn.btnAwesome.btnBlue:visited{background-color:#2daebf;}.btn.btnAwesome.btnBlue:hover{ background-color: #007d9a;}
.btn.btnAwesome.btnRed,.btn.btnAwesome.btnRed:visited{background-color:#e33100;}.btn.btnAwesome.btnRed:hover{background-color:#872300;}
.btn.btnAwesome.btnMagenta,.btn.btnAwesome.btnMagenta:visited{background-color:#a9014b;}.btn.btnAwesome.btnMagenta:hover{background-color:#630030;}
.btn.btnAwesome.btnOrange,.btn.btnAwesome.btnOrange:visited{background-color:#ff5c00;}.btn.btnAwesome.btnOrange:hover{background-color:#d45500;}
.btn.btnAwesome.btnYellow,.btn.btnAwesome.btnYellow:visited{background-color:#ffb515;}.btn.btnAwesome.btnYellow:hover{background-color:#fc9200;}
.btn.btnAwesome.btnPlain,.btn.btnAwesome.btnPlain:visited{background-color:#fff;color:#333;}.btn.btnAwesome.btnYellow:hover{background-color:#fc9200;}


/** default newicon button skins btnN */
.btn.btnN {-moz-box-shadow: none;-webkit-box-shadow: none;text-shadow:none;border:1px solid #ccc;color:#333;text-shadow:0px 1px 0px #fff;font-weight:normal;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8'); /* for IE */background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); /* for webkit browsers */background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8); /* for firefox 3.6+ */}
.btn.btnN:focus, .btn.btnN:hover{color:#000000;-moz-box-shadow: 0 0px 2px #ccc;-webkit-box-shadow: 0 0px 2px #ccc;}
.btn.btnN:active{box-shadow:0 2px 2px #AAAAAA inset;/*box-shadow:none;-moz-box-shadow: none;-webkit-box-shadow: none;*/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ffffff');background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#fff));background: -moz-linear-gradient(top,  #e8e8e8,  #fff);}
.btn.btnToolbar{border:1px solid #aaa;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));background: -moz-linear-gradient(top,  #ffffff,  #cccccc);}
.btn.btnToolbar:active,.btn.btnToolbar.btnFlat:active{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff)); background: -moz-linear-gradient(top,  #cccccc,  #ffffff);}
.btn.btnToolbar{padding:3px 0px 3px 0px;}
/** diable right borderradius */

.btnToolbar.btnFlat{background:none;border:1px solid transparent;}
.btnToolbar.btnFlat:focus,.btn.btnFlat:hover{border:1px solid #aaa;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));background: -moz-linear-gradient(top,  #ffffff,  #cccccc);}

/**
 * awesome aristo button set! 
 * btn aristo, or btn aristo primary, btn aristo delete, btn aristo disabled,
 */
.btn.aristo{padding: 3px 10px;font-size: 14px;font-weight: bold;color: #4f4f4f;text-shadow: 0 1px 0px #fff;background: #ddd;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c4c4c4');background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));background: -moz-linear-gradient(top, #ededed, #c4c4c4);border: 1px solid #acacac;border-top-color: #bdbdbd;border-bottom-color: #949494;border-radius: .214em;-webkit-border-radius: .214em;-moz-border-radius: .214em;box-shadow: inset 0 1px 0 rgba(255,255,255,0.8),0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8),0 1px 0 rgba(255,255,255,0.5);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8),0 1px 0 rgba(255,255,255,0.5);cursor: pointer;overflow: hidden;}

.btn.aristo:hover,.btn.aristo:focus {box-shadow: 0 0 4px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.8);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.8);-moz-box-shadow: 0 0 4px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.8);}
.btn.aristo:active,.btn.aristo.selected {background: #ccc;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#ebebeb');background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#ebebeb));background: -moz-linear-gradient(top, #c3c3c3, #ebebeb);border-color: #a6a6a6;border-top-color: #939393;border-bottom-color: #bcbcbc;
		  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(255,255,255,0.5);-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(255,255,255,0.5);}

.btn.aristo.primary {color: #1c4257;background: #a3cde3;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9e0f5', endColorstr='#85b2cb');background: -webkit-gradient(linear, left top, left bottom, from(#b9e0f5), to(#85b2cb));background: -moz-linear-gradient(top, #b9e0f5, #85b2cb);border: 1px solid #759bb1;border-top-color: #8ab0c6;border-bottom-color: #587e93;}
.btn.aristo.primary:hover,.btn.aristo.primary:focus {box-shadow: 0 0 4px #53a6d5, inset 0 1px 0 rgba(255,255,255,0.8);-webkit-box-shadow: 0 0 4px #53a6d5, inset 0 1px 0 rgba(255,255,255,0.8);}
.btn.aristo.primary:active,.btn.aristo.primary.selected {background: #8abcd7;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81afc8', endColorstr='#b7def4');background: -webkit-gradient(linear, left top, left bottom, from(#81afc8), to(#b7def4));background: -moz-linear-gradient(top, #81afc8, #b7def4);border-color: #6e94a9;border-top-color: #567c91;border-bottom-color: #88aec4;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5);-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);}

.btn.aristo.delete {text-shadow: 0 1px 0px #f6e9e9;color: #571c1c;background: #dd9b9b;background: -webkit-gradient(linear, left top, left bottom, from(#f5b9b9), to(#ca8383));background: -moz-linear-gradient(top, #f5b9b9, #ca8383);border: 1px solid #ae7373;border-top-color: #c68a8a;border-bottom-color: #935858;}
.btn.aristo.delete:hover,
.btn.aristo.delete:focus {box-shadow: 0 0 4px #d59292, inset 0 1px 0 rgba(255,255,255,0.8);-webkit-box-shadow: 0 0 4px #d59292, inset 0 1px 0 rgba(255,255,255,0.8);-moz-box-shadow: 0 0 4px #d59292, inset 0 1px 0 rgba(255,255,255,0.8);}
.btn.aristo.delete:active {background: #e2a1a1;background: -webkit-gradient(linear, left top, left bottom, from(#c88181), to(#f4b7b7));background: -moz-linear-gradient(top, #c88181, #f4b7b7);border-color: #ab7070;border-top-color: #915656;border-bottom-color: #c48888;}

button[disabled],button[disabled]:active,.btn.aristo.disabled,.btn.aristo.disabled:active {color: #a7a7a7;background: #efefef;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e1e1e1');background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));background: -moz-linear-gradient(top, #f6f6f6, #e1e1e1);border-color: #d4d4d4;border-top-color: #dedede;border-bottom-color: #c9c9c9;cursor: default;}
button[disabled]:hover,button[disabled]:focus,.btn.aristo.disabled:hover,.btn.aristo.disabled:focus {box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}


.bLeft,.btn.btnToolbarLeft{border-right:0px !important;border-top-right-radius:0px !important;border-bottom-right-radius:0px !important; -moz-border-radius-topright:0px !important;-moz-border-radius-bottomright:0px !important; -webkit-border-top-right-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;}
.bMid,.btn.btnToolbarMid{border-right:0px !important;border-radius:0px !important; -moz-border-radius: 0px !important; -webkit-border-radius:0px !important;}
.bRight,.btn.btnToolbarRight{border-top-left-radius:0px !important;border-bottom-left-radius:0px !important; -moz-border-radius-topleft:0px !important;-moz-border-radius-bottomleft:0px !important; -webkit-border-top-left-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;}


.btn.small{font-size:90%;}
.btn.medium{font-size:125%;}
.btn.large{font-size:150%;}