BODY { font-family: Arial, sans-serif; font-size:14px; }
BUTTON { font-size:14px; padding:8px 16px; border:2px solid #000; border-radius:2px; background:#ffffff; width:auto; float:left; margin:10px 0px; }
BUTTON:hover { background:#f0f0f0; cursor:pointer; }
INPUT[type="SUBMIT"] { font-size:14px; padding:8px 16px; border:2px solid #000; border-radius:2px; background:#ffffff; width:auto; float:left; }
INPUT[type="SUBMIT"]:hover { background:#f0f0f0; cursor:pointer; }
H1 { font-family: Arial, sans-serif; font-size:20px; margin-bottom:10px; }
H2 { font-family: Arial, sans-serif; font-size:18px; margin-bottom:5px; }
.row { clear:both; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.formField { margin:5px 0px; width:400px; }
.formField LABEL { width:100%; }
.formField INPUT { width:100%; }
.formField SELECT { width:100%; } 
.formField TEXTAREA { width:100%; }
.formField INPUT[type="checkbox"] { width:auto; }

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

.replaceColor { float:left; width:150px; height:150px; margin:0px 0px 5px 5px; padding:5px; border:1px solid #000; background-repeat:no-repeat; background-size:contain; background-position:center; position:relative }
.replaceColor .label { position:absolute; top:10px; left:10px; z-index:1; color:#000000; background-color: #ffffff; }
.replaceColor .button { position:absolute; bottom:10px; right:10px; z-index:1; }

.listItem { float:left; width:200px; height:50px; border:1px solid #000; margin:5px; padding:5px; }
.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:50px; height:50px; float:left; background:#eeeeee; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right:5px; }
.listInfo { float:left; width:140px; height:50px; font-size:12px; line-height:16px; color:#000000 !important; box-sizing:border-box; }
.listInfo .name { height:32px; overflow:hidden; font-weight:bold; }