/*---------------- XVote Styled Checkboxes ---------------------------------------------*/ 

.XVote label
{
	display: block !important;
	color: #ecf0f1;
	height: 36px;
	overflow: hidden;
}
.XVote label span
{
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0;
}
.XVote input[type=checkbox]
{
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}
.XVote input[type="checkbox"] + label:before
{
    content: '';
    width: 30px;
    height: 30px;
	line-height: 30px;
	vertical-align: middle;
    display: block;
    background: #ECF0F1;
	border: 1px solid #95a5a6;
	text-align: center;
    border-radius: 2px;
	margin-bottom: 0px;
}
.XVote input[type="checkbox"]:checked + label:before
{
    /*content: 'X';*/
    width: 30px;
    height: 30px;
	line-height: 30px;
	vertical-align: middle;
    display: block;
    background: #2C3E50; 
	border: 1px solid #2C3E50;
	background-image: url( ../../resources/Images/input-checked.png );
	background-repeat: no-repeat;
	background-position: center;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1.6rem;
}
.XVote th, .STV th
{
	font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1em;
}
/*---------------- XVote Styled Checkboxes end ---------------------------------------------*/ 

/*---------------- YesNo Styled Checkboxes ---------------------------------------------*/ 

.YesNoVote label
{
	display: block !important;
	color: #ecf0f1;
	height: 34px;
	overflow: hidden;
}
@media only screen
and (max-device-width : 767px)
{
	.YesNoVote label
{
	display: inline !important;
	color: #333;
}
	.YesNoVote input[type="checkbox"] + label:before, .YesNoVote input[type="checkbox"]:checked + label:before
{
	margin-right: 5px !important;
	display: inline-block !important;
}
}
.YesNoVote label span
{
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}
.YesNoVote input[type=checkbox]
{
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}
.YesNoVote input[type="checkbox"] + label:before
{
    content: '';
    width: 30px;
    height: 30px;
	line-height: 30px;
	vertical-align: middle;
    display: block;
    background: #ECF0F1;
	border: 1px solid #95a5a6;
	text-align: center;
    border-radius: 2px;
	margin-bottom: 0px;
    font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1.6rem;
	margin-right: 0px;
	margin: auto;
}
.YesNoVote input[type="checkbox"]:checked + label:before
{
    /*content: 'X';*/
    width: 30px;
    height: 30px;
	line-height: 30px;
	vertical-align: middle;
    display: block;
    background: #2C3E50;
	border: 1px solid #2C3E50;
	background-image: url( ../../resources/Images/input-checked.png );
	background-repeat: no-repeat;
	background-position: center;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1.6rem;
	margin-right: 0px;
	margin: auto;
}
/*---------------- YesNo Styled Checkboxes end ---------------------------------------------*/ 

/*---------------- Radio Button Style ---------------------------------------------*/ 
input[type="radio"]
{
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}
input[type="radio"] + label:before
{
    content: '';
    width: 20px;
    height: 20px;
	line-height: 20px;
	vertical-align: middle;
    display: inline-block;
    background: #fff;
	box-shadow: 0 0 0 0.07em #A5A5A5;
	text-align: center;
    border-radius: 50px;
	margin-bottom: 0px;
    border: 2px solid #fff;
    font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1.6rem;
	margin-right: 8px;
}
input[type="radio"]:checked + label:before
{
    content: '';
    width: 20px;
    height: 20px;
	line-height: 20px;
	vertical-align: middle;
    display: inline-block;
    background: #2C3E50; 
	box-shadow: 0 0 0 0.07em #A5A5A5;
    border-radius: 50px;
    color: #2C3E50;
    text-align: center;
    border: 2px solid #fff;
    margin-bottom: 0px;
    font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1.6rem;
}
/*#divtxtbetweenCO
{
	display: none;
}*/
/*.ProxyVote label
{
	font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 400;
    font-size: 1em;
	color: #2c3e50;
}*/
/*---------------- Radio Button Style end ---------------------------------------------*/ 

/*---------------- Arb Capture Styled Checkboxes end ---------------------------------------------*/ 

/*.ArbitraryCapture input[type="checkbox"]
{
    height: 30px; width: 30px; 
}*/
.ArbitraryCapture span input[type="checkbox"]:after
{
    content: '';
    width: 30px;
    height: 30px;
	line-height: 30px;
	vertical-align: middle;
    display: inline-block;
    background: #ECF0F1;
	border: 1px solid #95a5a6;
	text-align: center;
    border-radius: 2px;
	margin-bottom: 0px;
    font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1.7rem;
}
.ArbitraryCapture span input[type="checkbox"]:checked:after
{	/*content: 'X';*/
    width: 30px;
    height: 30px;
	line-height: 30px;
	vertical-align: middle;
    display: inline-block;
    background: #2C3E50;
	border: 1px solid #2C3E50;
	background-image: url( ../../resources/Images/input-checked.png );
	background-repeat: no-repeat;
	background-position: center;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'Lato', 'Arial', sans-serif ;
    font-weight: 700;
    font-size: 1.7rem;
}
.ArbitraryCapture
{

}
/*---------------- Arb Capture Styled Checkboxes end ---------------------------------------------*/