/*
 * Buttons
 */

.button {
	padding: 3px 10px 6px;
	display: inline-block;
	
	border: 1px solid #dfe3e8;
	border-radius: 5px;
	
	font-size: 13px;
	line-height: 15px;
	
	color: #434343;
	
	background: #fbfcfc;
	background: -moz-linear-gradient(top,  #fbfcfc 0%, #f0f2f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f0f2f5));
	background: -webkit-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: -o-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: -ms-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);

	font-family: Verdana, sans-serif;

	text-shadow: none;

	text-decoration: none;
	display: inline-block;
}
.button:hover { background: #f0f2f5; color: #434343; }

.opera .button { padding: 4px 10px 5px; }
.ie7 .button { padding: 3px 10px 4px; }
.webkit .button { padding: 4px 10px 4px; }


/* Button Disabled */
.button.disabled,
.button.disabled:hover,
.button[disabled],
.button[disabled]:hover {
	border-color: #ccc;
	background: #eee;
	color: #999;
}

.button.disabled:active,
.button[disabled]:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/* Button Primary */
.button-primary { 
	background: #66cfff;
	background: -moz-linear-gradient(top,  #66cfff 0%, #2abcfe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66cfff), color-stop(100%,#2abcfe));
	background: -webkit-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);
	background: -o-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);
	background: -ms-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);
	background: linear-gradient(top,  #66cfff 0%,#2abcfe 100%);
	
	border-color: #27ace8;
	text-shadow: none;
	color: #fff;
}
.button-primary:hover { background: #2abcfe; color: #fff; }

/* Button Small */
.button.button-small { font-size: 11px; padding: 1px 7px 3px; }

/* Button large */
.button.button-large { font-size: 15px; padding: 7px 13px 9px; }