BODY { font-family: Arial, sans-serif; font-size:4vw; }
BUTTON { font-size:4vw; padding:2vw 4vw; border:2px solid #000; border-radius:2px; background:#ffffff; width:100%; margin:2vw 0vw; }
BUTTON.left { width:calc(50% - 1vw); float:left; margin-right:1vw; }
BUTTON.right { width:calc(50% - 1vw); float:right; margin-left:1vw; }
INPUT[type="SUBMIT"] { font-size:4vw; padding:2vw 4vw; border:2px solid #000; border-radius:2px; background:#ffffff; width:100%; }
H1 { font-family: Arial, sans-serif; font-size:6vw; margin-bottom:4vw; }
H2 { font-family: Arial, sans-serif; font-size:5vw; margin-bottom:1vw; } 
.row { clear:both; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.hideOnMobile { display:none; }

.formField { margin:2vw 0vw; float:left; width:100%; font-size:8vw; }
.formField LABEL { width:100%; font-size:4vw; }
.formField INPUT { width:100%; font-size:8vw; }
.formField SELECT { width:100%; font-size:8vw; } 
.formField TEXTAREA { width:100%; font-size:8vw; }
.formField INPUT[type="checkbox"] { width:auto; }

.partsColor { width:45vw; height:45vw; float:left; margin-left:4vw; margin-bottom:4vw; }
.partsPhoto { width:45vw; height:45vw; float:left; background:#eeeeee; background-repeat: no-repeat; background-size: contain; background-position: center; margin-bottom:4vw; }
.partsColorFilter { width:20vw;float:left; margin:0vw 3vw 3vw 0vw; border:1px solid #000; cursor:pointer; text-align:center; line-height:6vw; padding:4vw 0vw; font-size:4vw; font-weight:bold; }
.partsColorFilter A { color:#000; text-decoration:none; }

.replaceColor { float:left; width:70vw; height:70vw; margin:0vw 0vw 4vw 4vw; padding:4vw; border:1px solid #000; background-repeat:no-repeat; background-size:contain; background-position:center; position:relative }
.replaceColor .label { position:absolute; top:8vw; left:8vw; z-index:1; color:#000000; text-shadow:1px 1px 2px #000000; font-size:14px; }
.replaceColor .button { position:absolute; bottom:8vw; right:8vw; z-index:1; }

.listItem { float:left; width:95vw; height:20vw; border:1px solid #000; margin:2vw 0vw; padding:2vw; box-sizing:border-box; }
.listItem.found { border-color: #00cc00; background-color: #e6ffe6; }
.listItem.partial { border-color: #cccc00; background-color: #ffffe6; }
.listItem.missing { border-color: #cc0000; background-color: #ffe6e6; }
.listPhoto { width:16vw; height:16vw; float:left; background:#eeeeee; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right:4vw; }
.listInfo { float:left; width:calc(100% - 24vw); height:20vw; font-size:4vw; line-height:5.5vw; box-sizing:border-box; }
.listInfo .name { height:11vw; overflow:hidden; font-weight:bold; }