/* Triple State Checkboxes */

.tristate { display: block; position: relative; padding-left: 24px; margin-bottom: 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .tristate input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.checkmark { position: absolute; top:-1px; left: 0; height: 18px; width: 18px; line-height:18px; background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; }
    .checkmark.indeterminate { background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; background-position: -36px 0px; }
.tristate input:checked ~ .checkmark { background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; background-position: -18px 0px; }
.tristate input:indeterminate ~ .checkmark { background: url('/Areas/Global/Images/tristatecheckbox.png') no-repeat; background-position: -36px 0px; }

.tristate:hover input ~ .checkmark { background-color: rgba(0,0,0,0.1); }

/* Landing page multiple checkbox select */
.check3 { display: inline-block; width: 18px; height: 18px; border: none; }
    .check3.black { background-image: url('/Areas/Global/Images/check3black.png'); }
    .check3.white { background-image: url('/Areas/Global/Images/check3white.png'); }

    .check3.check { background-position: 0px 0px; }
    .check3.cross { background-position: 54px 0px; }
    .check3.blank { background-position: 36px 0px; }
    .check3.addressed { background-position: 18px 0px; }

    .check3.black:hover { cursor: default; background-color: rgba(0,0,0,0.1) }
    .check3.white:hover { cursor: default; background-color: rgba(255,255,255,0.1) }