.d0,.d1,.d2,.d3,.w0,.w1,.w2,.w3,.v0,.v1,.v2,.v3 { font-family:arial,helvetica,sans-serif; } /* variables,2 or 3 pencil marks, 4 or 5 pencil marks */
.d0,.d1,.d2,.d3,.s0,.s1,.s2,.s3,.w0,.w1,.w2,.w3,.v0,.v1,.v2,.v3 { padding-left:0; padding-right:0;} /* all field types */
.u0,.u1,.u2,.u3 { width: 44pt; } /* print larger */

.tk {-webkit-user-select: none;}
input[type="radio"],input[type="checkbox"] { vertical-align:middle; }

/* Multiple widths of all field type by 4/3 for iOS */

.d0,.d1,.d2,.d3,.s0,.s1,.s2,.s3,.w0,.w1,.w2,.w3,.v0,.v1,.v2,.v3 {width: 32pt;} /* default */

@media (max-width: 480px) { /* Below default size, for vertical mobile screen */
	.ios-shrink-narrow input {font-size:90%;}
	#message {font-size:90%;}
	.d0,.d1,.d2,.d3,.s0,.s1,.s2,.s3,.w0,.w1,.w2,.w3,.v0,.v1,.v2,.v3 {width: 24pt;}
}

@media (min-width:950px) and (min-height:720px) { /* One step up from default */
    .d0,.d1,.d2,.d3,.s0,.s1,.s2,.s3,.w0,.w1,.w2,.w3,.v0,.v1,.v2,.v3 {width: 40pt;}
}

@media (min-width:1100px) and (min-height:820px) { /* Two steps up from default */
    .d0,.d1,.d2,.d3,.s0,.s1,.s2,.s3,.w0,.w1,.w2,.w3,.v0,.v1,.v2,.v3 {width: 48pt;}
}

@media (min-width:1250px) and (min-height:920px) { /* Three steps up from default */
    .d0,.d1,.d2,.d3,.s0,.s1,.s2,.s3,.w0,.w1,.w2,.w3,.v0,.v1,.v2,.v3 {width: 56pt;}
}
