﻿.css-radio {
	/*width: 20px;*/
	height: 20px;
	text-align: right;
	position: relative;
	display: inline-block;
}

	.css-radio span:hover {
		border: none;
	}

	.css-radio .lbl-radio {
		display: inline;
	}

	.css-radio input[type=radio] {
		vertical-align: middle;
		margin-right: 2px !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
	}

	.css-radio label:not(.lbl-radio) {
		cursor: pointer;
		position: absolute;
		width: 14px;
		height: 14px;
		border-radius:7px;
		right: 2px;
		top:13px;
		background-color: #fff;
		border: 1px solid #999;
	}

		.css-radio label:not(.lbl-radio):after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: '';
			position: absolute;
			width: 8px;
			height: 8px;
			border-radius:7px;
			background-color: #6c1041;
			top: 2px;
			left: 2px;
			font-size:9px;
			line-height:14px;
			text-align:center;
			color:#fff;
		}

		.css-radio label:not(.lbl-radio):hover::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.3;
		}

	.css-radio input[type=radio]:checked + label:not(.lbl-radio):after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
