#PageSurveys {
    float: left;
    width: 495px;
}

.widget.questBack {
	padding-bottom: 1.4em;
	color: #fff;
	background-color: #666666;
    margin-top: 1.5em;
    position: relative;
    padding: 1em 20px;
    -webkit-box-shadow: 0 1px 3px #888;
    box-shadow: 0 1px 3px #888;
}

.surveyAlreadyAnswered {
	display: none;
}

.widget.clear {
    display: block;
}
.widget .clearfloat {
    clear: both;
}

.widget.questBack h2 {
    border-bottom: 1px solid #828282;
    color: #fff;
    padding-bottom: 0.3em;
    font-size: 1.42857em;
    margin: 0 0 0.25em;
}

.widget.questBack ul {
    list-style: outside none none;
    margin-bottom: 0.5em;
    padding-left: 0;
}

.widget.questBack li {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.2em;
}

.widget.questBack label {
    display: block;
    margin-bottom: 0.4em;
    margin-right: 10px;
    clear: both;
    display: block;
    margin-bottom: 3px;
}


.widget.questBack div.radio {
    margin-right: 0;
    position: relative;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0 3px 0 0;
}

.widget.questBack div.radio span {
    background-repeat: no-repeat;
    background-image: url("/PageSurvey/img/sprite-questback.svg");
    display: inline-block;
    text-align: center;
    height: 18px;
    width: 18px;
}

.widget.questBack div.radio input {
    text-align: center;
    display: inline-block;
    background: none;
    opacity: 0;
    filter: alpha(opacity:0);
}

.widget.questBack div.radio input {
    width: 18px;
    height: 18px;
}

.widget.questBack input, 
.widget.questBack textarea, 
.widget.questBack select, 
.widget.questBack a.btncancel {
    font-family: inherit;
    font-size: 1em;
    color: #333;
    border: none;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.widget.questBack textarea {
    width: 100%;
    resize: vertical;
}
.widget.questBack .url {
    display: none;
    visibility: hidden;
}

.widget.questBack input[type="submit"] {
    float: right;
    margin: .5em 0 0;
    color: #333;
    background-color: #f5f5f5;
    padding: 7px 19px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    line-height: 16px;
    cursor: pointer;
}

.widget.questBack div.radio span, 
.widget.questBack div.radio:active span, 
.widget.questBack div.radio.active span, 
.widget.questBack div.radio.focus span, 
.widget.questBack div.radio:hover span {
    background-position: 0 -50px;
}
.questBack div.radio span.checked,
.questBack div.radio:active span.checked,
.questBack div.radio.active span.checked,
.questBack div.radio.focus span.checked, 
.questBack div.radio:hover span.checked {
	background-position: 0px 0px;
}
div.radio:active span,
div.radio.active span {
	background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
	background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -54px -279px;
}
div.radio span.checked {
	background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -90px -279px;
}
.questBack div.radio {
	margin-right: 0;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -180px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -162px -279px;
}


/* Widget: Questback */
/*
.widget.questBack {
	padding-bottom: 1.4em;
	color: #fff;
	background-color: #4c4c4c;
}
	.secondary .questBack h2,
	.widget.questBack h2 {
		padding-bottom: .3em;
		color: #fff;
		border-bottom: 1px solid #828282;
	}
	.widget.questBack ul {
		margin-bottom: .5em;
		padding-left: 0;
		list-style: none;
	}
	.widget.questBack li {
		display: inline-block;
		margin-right: 5px;
	}
	.widget.questBack label {
		display: block;
		margin-bottom: .4em;
		margin-right: 10px;
	}
	.widget.questBack input[type="submit"] {
		float: right;
		margin: .5em 0 0;
		color: #333;
		background-color: #f5f5f5;
	}
	.widget.questBack input[type="submit"]:active {
		background-color: #eee;
		-webkit-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
	}
	.surveyAlreadyAnswered {
		display: none;
	}
*/
	/* Full width questback in main content area *//*
	.mainContent .questBack {
		margin-right: 0;
		margin-left: 0;
	}
		.mainContent .questBack > h2 {
			margin-top: 12px;
		}
		.mainContent .questBack ul {
			margin-top: 10px;
		}
		.mainContent .questBack li {
			margin-top: .3em;
		}
		.mainContent .textsubmit {
			position: relative;
		}
			.mainContent .textsubmit input[type="submit"] {
				
			}
	@media screen and (min-width: 48em) {/*768px*//*
		.mainContent .questBack {
			padding: .7em 20px .2em 25px;
		}
			.mainContent .questBack > * {
				float: left;
			}
			.mainContent .questBack > div {
				width: 68%;
				margin-left: 1%;
			}
			.mainContent .questBack > h2 {
				width: 30%;
				margin-top: 12px;
				border-bottom: none;
			}
			.mainContent .questBack ul {
				float: left;
				width: 40%;
			}
			.mainContent .textsubmit {
				float: left;
				width: 60%;
			}
				.mainContent .textsubmit .textarea {
					margin-right: 100px;
				}
					.mainContent .textsubmit label {
						margin-bottom: 0;
					}
				.mainContent .textsubmit input[type="submit"] {
					position: absolute;
					top: 0;
					right: 0;
					padding-top: 10px;
					padding-bottom: 10px;
				}
	}
/*.dictAction div.radio span,*//*
.questBack div.radio span,
.questBack label.radio span  {
	background-image: url('/PageSurvey/img/sprite-questback.svg');
}

/* Process *//*

.svg .process .steps li span.branch-two {
	background: url('/PageSurvey/img/steps-branch-two-black.svg') no-repeat 0 0;
	background-size: 24px;
}
.svg .process .steps li.current span.branch-two {
	background: url('/PageSurvey/img/steps-branch-two-white.svg') no-repeat 0 0;
	background-size: 24px;
}
.svg .process .steps li span.branch-three {
	background: url('/PageSurvey/img/steps-branch-three-black.svg') no-repeat 0 0;
	background-size: 24px;
}
.svg .process .steps li.current span.branch-three {
	background: url('/PageSurvey/img/steps-branch-three-white.svg') no-repeat 0 0;
	background-size: 24px;
}

.svg .process .steps li.current span.branch-three {
	background: url('/PageSurvey/img/steps-branch-three-white.svg') no-repeat 0 0;
	background-size: 24px;
}

.svg .add-btn {
	background: url('/PageSurvey/img/add-btn.svg') 0 0%;
  	background-size: 15px; 	
}

.svg .remove-btn {
	background: url('/PageSurvey/img/remove-btn.svg') 0 0%;
  	background-size: 15px; 	
}
.svg .commuteCalculator .toggler span,
.svg .travelCalculator .toggler span,
.svg .commuteCalculator .taxPaperToggler.is-open span,
.svg .travelCalculator .taxPaperToggler.is-open span{
  background: url('../gfx/icon/toggler-black.svg') 0 0%;
  background-size: 15px; 
}
  .svg .commuteCalculator .toggler.is-open span,
  .svg .travelCalculator .toggler.is-open span,
  .svg .commuteCalculator .taxPaperToggler.is-open span,
  .svg .travelCalculator .taxPaperToggler.is-open span{
    background: url('/PageSurvey/img/toggler-black-open.svg');
  }

.svg .taxReturn.paper span.help{
	background-image: url('/PageSurvey/img/formula-help.svg');
}


.questBack div.radio span,
.questBack label.radio span {
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
	margin: 0;
	padding: 0;
}

/* INPUT & TEXTAREA */
/*
input.text,
input.email,
input.password,
textarea.uniform,
.formula input[type="text"],
.formula input[type="email"],
.formula input[type="number"],
.formula input[type="search"],
.formula input[type="password"],
.formula textarea {
	font-size: inherit;
	font-family: inherit;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	color: #333;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
	border-color: #000;
}

/* SPRITES */

/* Select */
/*
div.selector {
	height: 30px;
	line-height: 30px;
	background-position: -483px -130px;
}

div.selector span {
	height: 30px;
	line-height: 30px;
	background-position: right 0px;
}

div.selector select {
	top: 0px;
	left: 0;/*11px*//*
	width: 100%;
	cursor: pointer;
}
div.selector.disabled select {
	cursor: default;
}

div.selector:active,
div.selector.active {
	background-position: -483px -156px;
}

div.selector:active span,
div.selector.active span {
	background-position: right -26px;
}

div.selector.focus {
	background-position: -483px -182px;
}

div.selector.focus span {
	background-position: right -52px;
}

div.selector.disabled {
	background-position: -483px -230px;
}

div.selector.disabled span {
	background-position: right -100px;
}

/* Checkbox *//*

div.checker {
	width: 19px;
	height: 19px;
}

div.checker input {
	width: 19px;
	height: 19px;
}

div.checker span {
	background-position: 0px -260px;
	height: 19px;
	width: 19px;
}

div.checker:active span,
div.checker.active span {
	background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -57px -260px;
}

div.checker span.checked {
	background-position: -76px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -152px -260px;
}

div.checker.disabled span.checked {
	background-position: -171px -260px;
}

/* Radio *//*

div.radio {
	width: 18px;
	height: 18px;
}

div.radio input {
	width: 18px;
	height: 18px;
}

div.radio span,
label.radio span {
	height: 18px;
	width: 18px;
	background-position: 0px -279px;
}

div.radio:active span,
div.radio.active span {
	background-position: -18px -279px;
}

div.radio.focus span,
div.radio:hover span {
	background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -54px -279px;
}

div.radio span.checked,
label.radio span.checked {
	background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -90px -279px;
}

.questBack div.radio {
	margin-right: 0;
}
.questBack div.radio span,
.questBack div.radio:active span,
.questBack div.radio.active span,
.questBack div.radio.focus span,
.questBack div.radio:hover span,
.questBack label.radio span,
.questBack label.radio:active span,
.questBack label.radio.active span,
.questBack label.radio.focus span,
.questBack label.radio:hover span
 {
	background-position: 0px -50px;
}
.questBack div.radio span.checked,
.questBack div.radio:active span.checked,
.questBack div.radio.active span.checked, 
.questBack label.radio span.checked,
.questBack label.radio:active span.checked,
.questBack label.radio.active span.checked 
{
	background-position: 0px 0px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span ,
label.radio.disabled span,
label.radio.disabled:active span,
label.radio.disabled.active span 
{
	background-position: -180px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked ,
label.radio.disabled span.checked,
label.radio.disabled:active span.checked,
label.radio.disabled.active span.checked 
{
	background-position: -162px -279px;
}


/* Widget: Questback *//*
.widget.questBack {
	padding-bottom: 1.4em;
	color: #fff;
	background-color: #4c4c4c;
}
	.secondary .questBack h2,
	.widget.questBack h2 {
		padding-bottom: .3em;
		color: #fff;
		border-bottom: 1px solid #828282;
	}
	.widget.questBack ul {
		margin-bottom: .5em;
		padding-left: 0;
		list-style: none;
	}
	.widget.questBack li {
		display: inline-block;
		margin-right: 5px;
	}
	.widget.questBack label {
		display: block;
		margin-bottom: .4em;
		margin-right: 10px;
	}
	.widget.questBack input[type="submit"] {
		float: right;
		margin: .5em 0 0;
		color: #333;
		background-color: #f5f5f5;
	}
	.widget.questBack input[type="submit"]:active {
		background-color: #eee;
		-webkit-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
	}

	/* Full width questback in main content area *//*
	.mainContent .questBack {
		margin-right: 0;
		margin-left: 0;
	}
		.mainContent .questBack > h2 {
			margin-top: 12px;
		}
		.mainContent .questBack ul {
			margin-top: 10px;
		}
		.mainContent .questBack li {
			margin-top: .3em;
		}
		.mainContent .textsubmit {
			position: relative;
		}
			.mainContent .textsubmit input[type="submit"] {
				
			}
	@media screen and (min-width: 48em) {/*768px*//*
		.mainContent .questBack {
			padding: .7em 20px .2em 25px;
		}
			.mainContent .questBack > * {
				float: left;
			}
			.mainContent .questBack > div {
				width: 68%;
				margin-left: 1%;
			}
			.mainContent .questBack > h2 {
				width: 30%;
				margin-top: 12px;
				border-bottom: none;
			}
			.mainContent .questBack ul {
				float: left;
				width: 40%;
			}
			.mainContent .textsubmit {
				float: left;
				width: 60%;
			}
				.mainContent .textsubmit .textarea {
					margin-right: 100px;
				}
					.mainContent .textsubmit label {
						margin-bottom: 0;
					}
				.mainContent .textsubmit input[type="submit"] {
					position: absolute;
					top: 0;
					right: 0;
					padding-top: 10px;
					padding-bottom: 10px;
				}
	}