/* ================================
 * !Buttons
 * ================================*/

button, .button, .button:visited {
	background:#EEE;
	background:   -moz-linear-gradient(top, #FFF, #DCDCDC);
	background:    -ms-linear-gradient(top, #FFF, #DCDCDC);
	background:     -o-linear-gradient(top, #FFF, #DCDCDC);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DCDCDC));
	background:-webkit-linear-gradient(top, #FFF, #DCDCDC);
	background:        linear-gradient(top, #FFF, #DCDCDC);
	
	border-radius:3px;
	border:1px solid #A6A6A6;
	
	-moz-box-shadow:   0 0 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .2);
	box-shadow:        0 0 4px rgba(0, 0, 0, .2);
	
	cursor:pointer;
	color:#3A568D;
	display:inline-block;
	font:bold 13px/1.6em "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	padding:6px 14px;
	position:relative;
	
	-moz-transition:   200ms border-color;
	-ms-transition:    200ms border-color;
	-o-transition:     200ms border-color;
	-webkit-transition:200ms border-color;
	transition:        200ms border-color;
	
	vertical-align:middle;
}

button { padding:5px 11px; }

button:focus, button:hover, button:active,
.button:focus, .button:hover, .button:active {
	border-color:#5D84B2;
	
	-moz-box-shadow-color:   0 0 4px rgba(0, 157, 220, .5);
	-webkit-box-shadow-color:0 0 4px rgba(0, 157, 220, .5);
	box-shadow-color:        0 0 4px rgba(0, 157, 220, .5);
	
	text-decoration:none;
}

button:active, .button:active {
	background:   -moz-linear-gradient(top, #DCDCDC, #FFF);
	background:    -ms-linear-gradient(top, #DCDCDC, #FFF);
	background:     -o-linear-gradient(top, #DCDCDC, #FFF);
	background:-webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#FFF));
	background:-webkit-linear-gradient(top, #DCDCDC, #FFF);
	background:        linear-gradient(top, #DCDCDC, #FFF);

	top:1px;
}

button[disabled], button[disabled]:focus, button[disabled]:hover, button[disabled]:active {
	background:#EEE;
	background:   -moz-linear-gradient(top, #FFF, #DCDCDC);
	background:    -ms-linear-gradient(top, #FFF, #DCDCDC);
	background:     -o-linear-gradient(top, #FFF, #DCDCDC);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DCDCDC));
	background:-webkit-linear-gradient(top, #FFF, #DCDCDC);
	background:        linear-gradient(top, #FFF, #DCDCDC);

	border-color:#A6A6A6;
	cursor:default;
	opacity:.4;
	top:0;
}

.ie7 button { padding:0; }

/* !Important */
button.important, .button.important, .button.important:hover {
	font-size:18px;
}

/* !NotImportant */
button.notimportant, .button.notimportant, .button.notimportant:hover {
	-moz-box-shadow:   none;
	-webkit-box-shadow:none;
	box-shadow:        none;
	
	font-size:11px;
	padding:5px 11px;
}

button.notimportant { padding:4px 8px; }