/*
 * Externalized from form.js's runtime document.write('<style>...</style>') calls
 * (CSP remediation, FR-010). form.js (Ryan Fait's "Custom Form Elements") used to
 * inject this CSS at load time via document.write with values from fixed constants
 * (checkboxHeight=25, radioHeight=27, selectWidth=250, selectWidth01=115,
 * selectWidth02=250) -- since those values never change at runtime, the CSS they
 * produced is moved here verbatim and the constants are gone from form.js.
 *
 * IMPORTANT: if selectWidth*/checkboxHeight/radioHeight ever need to change, edit
 * the values below directly -- form.js no longer has JS variables for them.
 */

input.styled, input.styled01, input.styled02 {
	display: none;
}
select.styled {
	position: relative;
	min-width: 250px;
	max-width: 250px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 5;
}
select.styled01 {
	position: relative;
	min-width: 250px;
	max-width: 115px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 5;
}
select.styled02 {
	position: relative;
	min-width: 250px;
	max-width: 250px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 5;
}
.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* Checkbox/radio checked-state sprite background positions, formerly set via
   element.style.backgroundPosition in form.js -- also blocked by style-src
   without 'unsafe-inline'. Row 0 = unchecked, row 1 = pushed+unchecked,
   row 2 = checked, row 3 = pushed+checked. checkboxHeight=25, radioHeight=27. */
.cfe-cb-row0 { background-position: 0 0; }
.cfe-cb-row1 { background-position: 0 -25px; }
.cfe-cb-row2 { background-position: 0 -50px; }
.cfe-cb-row3 { background-position: 0 -75px; }
.cfe-radio-row0 { background-position: 0 0; }
.cfe-radio-row1 { background-position: 0 -27px; }
.cfe-radio-row2 { background-position: 0 -54px; }
.cfe-radio-row3 { background-position: 0 -81px; }