/* ==========================================================================
   Defaults

   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */

// Border radius
// -------------------------

@border-radius				: 4px;
@border-radius-smaller		: 3px; /*PF*/
@button-radius				: 2px;

// Forms
// -------------------------

.input-style() {
	background-color: #fff;
	outline: none;
	width: 100%;
	*width: 95%;
	height: 30px;
	padding: 4px 10px;
	border: 1px solid @hr-border;
	border-radius: @border-radius;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	&:focus {
		border-color: @form-blue;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba( red( @form-blue ), green( @form-blue ), blue( @form-blue ), 0.6 );
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba( red( @form-blue ), green( @form-blue ), blue( @form-blue ), 0.6 );
	}
}