/*******************************************************************************
GLOBAL STYLES verson 1.35 (2019-07-27) -JR
 v 1.4
 + fix blue background of ticked checboxes & radios in chrome 83+
 v 1.35
 + Added text color and hover style for disabled input,select
 v 1.3
 + Added html,body min-height 100% (experimental)
 + Removed .smooth due to external font dependency
 + Removed explicit color (#333333) from .sans, .serif, and .type
 + Added .green (#008000)
 + Implemented larger form fields and various other form updates
 v 1.25
 + Added lineheight:1 to body
 + Removed .rounded and extraneous debug border styles
 + Added .noselect (user-select:none)
 + Added appearance:none to *
 + Overrided appearance:none for checkbox and radio inputs
 + Added vertical-align:center to input,select,checkbox,radio,label
 v 1.1
 + Redundancies removed where covered by '*' styles
 + Old and new text styles merged, body default 16px added
 + Form styles changed to Arial default and simplified
 + img elements made non-selectable to prevent highlighting
*******************************************************************************/

/* MODIFIED: removed styles for checkbox:checked & radio:checked 2/20/21 */

/* SPECIAL STYLES */
* { box-sizing: border-box; margin: 0; padding: 0; outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; }
html,body { min-height: 100%; }  /* experimental, body 100vh causes scrollbar */
body { font-family: Arial,Helvetica,sans-serif; color: #333333; font-size: 16px; line-height: 1; }
div.hr { height: 1px; margin: 15px 0; background-color: #CCCCCC; overflow: hidden; }
blockquote { margin: 0 0 0 30px; }
img,.noselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.debug { border: 1px dotted #CC0000; }

/* TEXT STYLES */
.sans { font-family: Arial,Helvetica,sans-serif; }
.serif { font-family: Georgia,serif; }
.type { font-family: 'Courier New',Courier,sans-serif; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size28 { font-size: 28px; }
.size30 { font-size: 30px; }
.size32 { font-size: 32px; }
.size34 { font-size: 34px; }
.size36 { font-size: 36px; }
.size38 { font-size: 38px; }
.size40 { font-size: 40px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.white { color: #FFFFFF; }
.gray { color: #808080; }
.black { color: #000000; }
.red { color: #CC0000; }
.green { color: #008000; }
.plink { text-decoration: underline; cursor: pointer; } /* psuedolink */

/* TABLE STYLES */
table { border-collapse: collapse; }
table.form td { padding: 2px 3px; }
table.nested td { padding: 0 5px 0 0; } /* for nesting within .form tables */
table.data td { padding: 3px 3px; }

/* FORM STYLES */
input,select,textarea { font-family: Arial,Helvetica,sans-serif; font-size: 24px; color: #333333; padding: 0 0 0 4px; border: 1px solid #CCCCCC; border-radius: 3px; }
input,select { height: 46px; vertical-align: middle; }
textarea { resize: none; }
input,textarea { background-color: #FFFFFF; }
select { background: #FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAXVBMVEUAAAA9PT1xcXGcnJxkZGR0dHRmZmZ0dHRsbGykpKSEhISwsLB1dXV0dHRmZmZlZWVubm5ubm55eXmEhIR4eHiQkJCTk5NxcXGRkZGWlpZeXl5hYWFcXFxdXV1iYmLu5LkTAAAAGnRSTlMAA8Uswy78zrU7Kw3X0c3GwJSTaF1CNDQhIKVm7NEAAABTSURBVAjXXcpZDoAgEAPQAZHVfXcA739MNUMgoX+vLdRxmwUGsK+OPEt9AZhOLuQhen0bhUGRT/GEqY+eH0BpBWJA3iSyv/AfWSlGYo5N5/wo6wsrPAMfn3VvWgAAAABJRU5ErkJggg==') right center no-repeat; }
input[type=button],input[type=submit] { font-size: 20px; padding: 2px 20px 0 20px; border: 1px solid #AAAAAA; color: #666666; background-color: #EEEEEE; cursor: pointer; }
input[type=button]:hover { color: #333333; background-color: #CCCCCC; }
input[type=checkbox],input[type=radio] { width: 30px; height: 30px; }
input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; }
input[type=radio] { -webkit-appearance: radio; -moz-appearance: radio; }
/*input[type=checkbox]:checked,input[type=radio]:checked { -webkit-filter: grayscale(100%) invert(100%) brightness(2); }*/
input[disabled],select[disabled] { background-color: #EEEEEE; color: #CCCCCC; }
input[disabled]:hover,select[disabled]:hover { background-color: #EEEEEE; color: #CCCCCC; }
label { cursor: pointer; vertical-align: middle; }

/*******************************************************************************
CONSIDER FOR NEXT VERSION:

...
*******************************************************************************/