/* CSS Document */

.optionsContainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.optText {
	margin: 0px;
	padding:0px 10px 0px 10px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.horizontalRadio {
     list-style-type:none;
     float:left;
     height:70px;
     position:relative;
     /* border:1px solid #ccc; */
     overflow: hidden;
     /* margin-left: -1px; */
}

.horizontalRadio:hover {
     background: rgba(0, 63, 114, .55);
	 color: white;
}

.horizontalRadio .label, .horizontalRadio input {
    display:block;
	text-align:center;
	vertical-align:center;
    position:relative;
}

.horizontalRadio input[type="radio"] {
    top:50px;
	float:none!important;
	width:auto;
	margin:0 auto;
}

.horizontalRadio input[type="radio"]:checked + .label {
    background: rgba(0, 63, 114, .76);
    color: white;
}

.horizontalRadio .label {
    position:absolute;
	top:0;
	left:0;
	background-color:#f9f9f9;
	padding:2px 0;
	height:40px;
	font-weight:normal;
}

.label:hover, .horizontalRadio:hover > .label {
	 background: rgba(0, 63, 114, 0.55);
	 color: white;
}

.horizontalRadio p {
	line-height:1.4;	
}

.indent {
	margin-left: 2em;
	margin-bottom: 1em;
}

form[name="survey"] label.horizontalRadio { font-size:100%;}

form[name="survey"] textarea {
	    max-width: 30em;
    height: 100%;
    max-height: 6.5em;	
}