@media screen, print {

/* Yet unfinished! */


button::-moz-focus-inner,
input::-moz-focus-inner
                { padding:0; border:0; }
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
                { color:#999; }
button,
input,
select,
textarea        { margin:0 0 0 2px; font:14px/32px helvetica,arial,sans-serif; font-weight:normal; line-height:32px; /*vertical-align:top;*/  }

button,
input           { *overflow:visible; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]
                { cursor:pointer;
          -webkit-appearance:button; }

input,
textarea        { width:206px; }

select,
textarea,
input[type="text"],
input[type="password"]
                { border-radius:4px; color:#555; display:inline-block; font-size:14px; height:20px; line-height:20px; margin-bottom:10px; padding:5px 6px 4px; vertical-align:baseline;
             -moz-border-radius:4px;
          -webkit-border-radius:4px; }

textarea        { height:auto; overflow:auto; }

textarea,
input[type="text"],
input[type="password"]
                { background-color:#fff; border:1px solid #ccc;
	                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);
        	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	                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;
        	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s; }


input[type="radio"],
input[type="checkbox"]
                { cursor:pointer; line-height:normal; margin:4px 0 0; margin-top:1px \9; *margin-top:0; }

input[type="file"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"]
                { width:auto; }


select,
input[type="file"]
                { height:30px; /* 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:30px; }

select          { background-color:#fff; border:1px solid #ccc; width:220px; }
select.small    { font-size:12px; height:24px; line-height:24px; }/* i.a. especially for SDV overview */
select.three    { width:64px; }

select[multiple],
select[size]    { height:auto; }



textarea:focus,
input[type="text"]:focus,
tr input[type="text"]:focus,/* due to existent -- non-existent (table-form-specific) */
input[type="password"]:focus
                { color:#555; border-color:rgba(82, 168, 236, 0.8); outline:0; outline:thin dotted \9;/* IE6-9 */
	                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);
        	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }


select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
                { color:#555; outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }



input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly]
                { box-shadow:none; background-color:#eee; border-color:transparent; cursor:not-allowed;
             -moz-box-shadow:none;
          -webkit-box-shadow:none; }

select[disabled]{ border-color:#eee; }/* due to Chrome, i.a., transparent so la la */

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly]
                { background-color:transparent; border-color:transparent; }

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid
                { border-color:#ee5f5b; color:#b94a48; }

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus
                { box-shadow:0 0 6px #f8b9b7; border-color: #e9322d;
             -moz-box-shadow:0 0 6px #f8b9b7;
          -webkit-box-shadow:0 0 6px #f8b9b7; }



input[type="checkbox"]
                { margin:9px 0 15px !important;/* temporary hack - do it else (!) */ }



label input[type="password"],
label input[type="text"]
                { background:#f0f0f0; }
label.required input[type="password"],
label.required input[type="text"],
label.required textarea
                { background:#fff; }
label textarea  { margin:0; vertical-align:baseline; }


/* ------------ address-specific -------- */
label.zip       { display:inline-block; margin-right:-1px; }
label.city      { display:inline-block; }
input[name="zip_code"]
                { width:50px; }
input[name="city"]
                { width:137px; }

/* ------------ form (email-specific) --- */
input[name="email"]
                { text-overflow:ellipsis; }


/* ------------ form file input fake----- */
.fake           { display:inline-block; height:1em; position:relative; width:380px; }
.fake > span    { height:32px; left:0; margin-top:-1px; overflow:hidden; position:absolute; top:0; width:380px; }
.fake > span span
                { left:0; position:absolute; top:0; z-index:1; }
.fake input[type="file"].resign
                { font-size:80em; height:32px; line-height:16; opacity:0; position:relative; width:380px; z-index:2; filter:alpha(opacity=0); }
.fake input[type="file"]:hover
                { cursor:default; }


/* ------------ form error
                 and table form error --- */
label.err       { height:60px;/* 84px */ }
label.err.long  { height:89px;/* i.e. when label text is too long and is above the field */ }
label.err input,
input.err       { background:#ede574 !important;/* temporary hack - do it else, e.g. move to bottom of this file (!) */ }
label span[class~="err"],
td span[class~="err"]
                { background:transparent; color:#099bd0;/* #d52 -- a red */ cursor:text; display:inline-block; font-family:verdana,arial,sans-serif !important; font-size:13px !important; line-height:1; margin:34px 0 0 -220px; padding:4px 6px; position:absolute; text-align:left; width:206px; }
td span[class~="err"]
                { /* to properly float .btn.aside: */ display:block; position:relative; margin:3px 0 0; width:auto; }
label.success input
                { /* background-color:#e1f5c4 !important; */ }

}