.pollsCapcha{
	display: none;
	width: auto;
}

.pollsCapcha .image{
	float: left;
}

.pollsCapcha .controls{
	float: left;
	margin-left: 10px;
}
.pollsCapcha .controls .refresh{
	background-image: url("images/refresh.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
	padding: 3px;
	cursor: pointer;
}

.pollsCapcha .controls input{
	padding: 3px;
}

.deactive_highlight {
    background-color: #CACACA;
}
.future_highlight {
    background-color: #D0D358;
}

/* Video pop-up */
.pollsVideoBox{
	display: table;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	top: 0;
	left: 0;
	z-index: 1000000;
}

.pollsVideoBox .pollsVideoBoxCell{
	display: table-cell;
	vertical-align: middle;
}

.pollsVideoBox .pollsVideoBoxContent{
	margin-left: auto; 
	margin-right: auto; 
	display: table;
	position: relative;
}

.pollsVideoBox .pollsVideoBoxClose{
    background-color: black;
    background-image: url("images/ico-close.png");
    background-position: 50% 50%; 
	background-repeat: no-repeat;
    right: -15px;
    top: -15px;
	width: 30px; 
	height: 30px; 
	position: absolute; 
	cursor: pointer;
}

.pollsVideoBox .pollsComment{
	color: white;
	background-color: black;
	padding: 20px 10px;
	margin-top: -5px;
	border-top: 3px solid black;
}

.hms_poll_contener .video{
	cursor: pointer;
	background-color: #CCC;
}

.hms_poll_contener .video .play{
    background-image: url("images/ico-play.png");
    background-position: center center; 
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}


.pollsVideoBox .pollsVideoContener{
	width: 1010px;
	height: 569px;
}


@media (min-width: 1024px) and (max-width:1199px) {
	.pollsVideoBox .pollsVideoContener{
		width: 848px;
		height: 476px;
	}
}

@media (min-width: 768px) and (max-width:1023px) {
	.pollsVideoBox .pollsVideoContener{
		width: 670px;
		height: 375px;
	}
}


@media (min-width: 480px) and (max-width:767px) {
	.pollsVideoBox .pollsVideoContener{
		width: 364px;
		height: 204px;
	}
}

@media (max-width:479px) {

	.pollsVideoBox .pollsVideoContener{
		width: auto;
		height: 200px;
	}	
	
	.pollsVideoBox .pollsVideoBoxClose{	
		right: 0;
	}
}

/* message box */
.pollsMessageBox{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	z-index: 10000000;
	display: table;
	top:0;
}

.pollsMessageBox .close{
    background-image: url("images/ico-close.png");
    background-position: 50% 50%; 
	background-repeat: no-repeat;	
	position: absolute; 
	right: 0px; 
	padding: 15px; 
	background-color: grey; 
	cursor: pointer;
}

.pollsMessageBox .title{
	text-transform: uppercase; 
	text-align: center; 
	font-weight: bold; 
	font-size: 22px; 
	margin-bottom: 25px;
	color:#79288d;
}

.pollsMessageBox .htext{
	margin-top: 15px; 
	line-height: 40px;
}

.pollsMessageBox .textcont{
	max-height: 200px; 
	overflow: auto; 
	background-color: rgb(238, 238, 238); 
	margin-bottom: 15px;
	padding: 15px;
}

.pollsMessageBox .button{
	text-align: center; 
	display: block; 
	margin-top: 20px;
}

.pollsMessageBoxCell{
	display: table-cell; 
	vertical-align: middle;
}

.pollsMessageBoxContent{
	background-color: white; 
	margin: auto; 
	min-width: 279px; 
	width: 80%; 
	max-width: 660px; 
	position: relative;
}

.pollsMessageBox input[type=button] {  
	background: #79288d;
	height: 40px;
	line-height:40px;
	color:#fff;
	font-family: 'ProxiBold', Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform: uppercase;
	text-align:center;
	display: block;
	padding: 0 20px;
	cursor: pointer;
	border:none;
	float:none;
	margin-top:10px;
}
.pollsMessageBox input[type=button]:hover,
.pollsMessageBox input[type=button]:active {
	background: #8e33a5;
	text-decoration:none;
}	


@media screen and (max-width: 680px) {
	
.pollsMessageBox{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 10000000;
	display: block;
	justify-content:center;
	align-items:center;
	overflow:auto;
}
.pollsMessageBoxContent {
    position: relative;
    width: auto;
    margin: 15px;
	box-sizing:border-box;
}

}