.otrCBTable {
	display: inline-block;
	border-spacing: 4px 0;
	cursor: default;
}

.otrCheckBoxGroup.vertical .otrCBTable, .otrRadioGroup.vertical .otrCBTable {
    display: block;
}

.otrCBRow {
	display: table-row;
}

.otrCBCell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.otrCBInput {
	position:absolute;
	opacity:   0;
	width: .1px; /*  This will allow normal focusing on the element which is invisible anyways and not pushing others because of position: absolute  */
	height:  0;
}

.otrCBInput + .otrCBTable .otrCBChk, .otrCBInput + .otrCBTable .otrCBRad {
	cursor: default;
	display: inline-block;
	height: 11px;
	width: 11px;
	vertical-align: middle;
	border: 2px solid #dedede;
	
	font-family: 'EntypoRegular';
	font-weight: normal;
	line-height: 0;
	color: #666666;
}

.otrCBInput + .otrCBTable .otrCBChk {
	font-size: 25px;
}

.otrCBInput + .otrCBTable .otrCBRad {
	border-radius: 999999px;
	/*line-height: 6px;
	font-size: 20px;*/
	font-size:0px;
}

.otrCBInput:focus + .otrCBTable .otrCBRad {
    border-color: #AAAAAA;
}

.otrCBInput:focus + .otrCBTable .otrCBChk {
    border-color: #AAAAAA;
}

.otrCBInput:checked + .otrCBTable .otrCBChk:before {
	content: '\2713';
	line-height: 10px;
}

.otrCBInput:checked + .otrCBTable .otrCBRad:before {
	content: '';
	display: block;
    width: 5px;
    height: 5px;
    background: #666666;
    margin: 3px 0 0 3px;
    border-radius: 999999px;
}

.otrCBLabel {
	cursor: default;
	font-size: 12px;
}