/* CSS di base per la formattazione degli input */

* { border: 0; padding: 0; margin: 0; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 2px; color: #333; margin: 0px; padding: 4px; }
button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 2px; color: #666; padding-top: 3px; padding-right: 4px; padding-bottom: 3px; padding-left: 4px; margin: 0px; }
input[type="text"], input[type="password"], input[type="file"], textarea { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; color: #333; }
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); color: #333; }
select, input[type="file"] { height: 24px;   /* In IE7, the height of the select element cannot be changed by height, only font-size */  *margin-top: 4px;
/* For IE7, add top margin to align select with labels */

line-height: 24px; padding: 2px; }
select { background-color: #ffffff; border: 1px solid #cccccc; padding: 2px; height: 24px; }
select[multiple], select[size] { height: auto; }
 input:-moz-placeholder, textarea:-moz-placeholder {
 color: #999999;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #999999;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #999999;
}
input[type="submit"], input[type="button"], button { display: inline-block; font-size: 12px; color: #666; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: whiteSmoke; background-image: -moz-linear-gradient(top, white, #E6E6E6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6)); background-image: -webkit-linear-gradient(top, white, #E6E6E6); background-image: -o-linear-gradient(top, white, #E6E6E6); background-image: linear-gradient(to bottom, white, #E6E6E6); background-repeat: repeat-x; border: 1px solid #BBB; border-color: #E6E6E6 #E6E6E6 #BFBFBF; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #A2A2A2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); padding: 4px; }
input[type="submit"]:hover, input[type="button"]:hover, button:hover, input[type="submit"]:active, input[type="active"]:hover, button:active, input[type="submit"][disabled], input[type="button"][disabled], button[disabled] { color: #333333; background-color: #e6e6e6;  *background-color: #d9d9d9;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover { color: #333333; text-decoration: none; background-color: #e6e6e6;  *background-color: #d9d9d9;
/* Buttons in IE7 don't get borders, so darken on hover */

background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
input[type="submit"]:active, input[type="button"]:active, button:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
input[type="submit"]:focus, input[type="button"]:focus, button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
