/* CSS Document */

#vote #voteBox{
	box-sizing: border-box;
	margin:0 auto 60px;
	width:100%;
}

#vote form img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 550px;
}

#voteBox input[type="radio"] {
	line-height: 3.4rem;
	height: 3.4rem;
	vertical-align: middle;
	border: solid 1px #aaaaaa;
	display: inline-block;
	margin: 0 1% 0 2%;
}

#voteBox textarea { border: solid 1px #aaaaaa; }

#voteBox select {

}

#voteBox select option {

}

#voteBox input[type="radio"]:checked {
	border: solid 1px #c14288;
	color: #c92b81;
	background: #c92b81;
	background: -moz-linear-gradient(top, #c92b81 0%, #ec5fac 100%);
	background: -webkit-linear-gradient(top, #c92b81 0%,#ec5fac 100%);
	background: linear-gradient(to bottom, #c92b81 0%,#ec5fac 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92b81', endColorstr='#ec5fac',GradientType=0 );
}

#vote .voteTitle{
	box-sizing: border-box;
	width: 100%;
	background:#ddd;
	border:1px solid #ddd;
	border-radius:0.5em;
	padding:10px 5px;
	margin:10px 0;
}

#vote-form textarea, #vote-form input[type="text"] { width: 80%; }

@media screen and (max-width:479px) {
	#vote textarea, #vote input[type="text"]{
		width: 90%;
	}
}

#vote table{
	width: 100%;
}

#vote #vote-form{
	margin:0 auto;
	width: 100%;
}

#vote table td{
	box-sizing: border-box;
	padding:10px 0 0 0;
	
}

.qa-select fieldset {
	display: block;
	margin: 0 0 30px 0;
	font-size: 0;
	width: 100%;
}

.qa-select fieldset legend {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
	border-left: solid 2px #ef9092;
	padding: 0 0 0 4px;
	font-size: 1.2rem;
	overflow: hidden;
}

@media screen and (max-width: 480px) {
	.qa-select fieldset legend {
		width: 96%;
		margin: 0 auto 5px auto;
	}
}

.qa-select fieldset .qaSelectWrap {
	border: solid 1px #cccccc;
	overflow: hidden;
	box-sizing: border-box;
	display: table;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-collapse:separate;
}

.qa-select fieldset input { display: none !important; }

.qa-select fieldset label {
	display: table-cell;
	width: 8.3%;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.4rem;
	text-align: center;
	border-right: solid 1px #cccccc;
	box-sizing: border-box;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	background: #dddddd;
	background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #dddddd 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}

.qa-select input[type="radio"]:checked + label {
	background: #f06a6d;
	background: -moz-linear-gradient(top, #f06a6d 0%, #ef9092 100%);
	background: -webkit-linear-gradient(top, #f06a6d 0%,#ef9092 100%);
	background: linear-gradient(to bottom, #f06a6d 0%,#ef9092 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06a6d', endColorstr='#ef9092',GradientType=0 );
	color: #ffffff;
	border: solid 1px #f06a6d;
	box-shadow:1px 1px 0px 0px #f8a7a9 inset;
	-moz-box-shadow:1px 1px 0px 0px #f8a7a9 inset;
	-webkit-box-shadow:1px 1px 0px 0px #f8a7a9 inset;
	animation: 0.3s linear 0s normal 1 running shrink;
}

@keyframes shrink {
	30% {
	    transform: scale(0.9);
	}
	70% {
	    transform: scale(1);
	}
	100% {
	    transform: none;
	}
}

.qa-select fieldset label:last-child { border-right: none; }

@media screen and (max-width: 480px) {
	.qa-select fieldset .qaSelectWrap {
		width: 96%;
		display: block;
		margin: 0 auto;
	}
	
	.qa-select fieldset label {
		display: block;
		width: 16.6666666667%;
		float: left;
	}
	
	.qa-select fieldset label:nth-child(12) { border-right: none; }
}