button { 
	position: relative;
	border: 0; 
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	width:auto;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
	padding:0;
	margin:0;
}

/* button > span {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #018945;
    border: 1px solid #086738;
	color: #fff;
    justify-content: center;
    align-items: center;
    width: 194px;
    height: 42px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/********** Buttons 24 pixels **********/
/* All colors */ 
button.btnCancel,
button.btnAction,
button.btnDefault { 
	background: transparent; 
}

button.btnCancel span, button.btnDefault span, button.btnAction span { 
	padding: 0 0 0 7px; 
	margin-right:0; 
	font-size:13px; 
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: bold;
	text-align: center;
	background: transparent no-repeat left -132px; 
}
	
button.btnCancel span span, button.btnDefault span span, button.btnAction span span { 
	padding: 4px 7px 0 0; 
	margin-right: 0;
	height:20px; 
	padding-top:3px\9;
	padding-bottom:3px\9;
	height:18px\9;
	background: transparent no-repeat right top; 
}

button.tsButtonRichPurple24:hover span, button.tsButtonRichPurple24Hover span,
button.tsButtonSkyBlue24:hover span, button.tsButtonSkyBlue24Hover span,
button.tsButtonFreshTurquoise24:hover span, button.tsButtonFreshTurquoise24Hover span,
button.tsButtonWarmOrange24:hover span, button.tsButtonWarmOrange24Hover span,
button.tsButtonBlushingPink24:hover span, button.tsButtonBlushingPink24Hover span,
button.tsButtonDarkGrey24:hover span, button.tsButtonDarkGrey24Hover span,
button.tsButtonLight24:hover span, button.tsButtonLight24Hover span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -176px;
}
	
button.tsButtonRichPurple24:hover span span, button.tsButtonRichPurple24Hover span span,
button.tsButtonSkyBlue24:hover span span, button.tsButtonSkyBlue24Hover span span,
button.tsButtonFreshTurquoise24:hover span span, button.tsButtonFreshTurquoise24Hover span span,
button.tsButtonWarmOrange24:hover span span, button.tsButtonWarmOrange24Hover span span,
button.tsButtonBlushingPink24:hover span span, button.tsButtonBlushingPink24Hover span span,
button.tsButtonDarkGrey24:hover span span, button.tsButtonDarkGrey24Hover span span,
button.tsButtonLight24:hover span span, button.tsButtonLight24Hover span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -44px; 
}

button.tsButtonRichPurple24:active span, button.tsButtonRichPurple24Active span,
button.tsButtonSkyBlue24:active span, button.tsButtonSkyBlue24Active span,
button.tsButtonFreshTurquoise24:active span, button.tsButtonFreshTurquoise24Active span,
button.tsButtonWarmOrange24:active span, button.tsButtonWarmOrange24Active span,
button.tsButtonBlushingPink24:active span, button.tsButtonBlushingPink24Active span,
button.tsButtonDarkGrey24:active span, button.tsButtonDarkGrey24Active span,
button.tsButtonLight24:active span, button.tsButtonLight24Active span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -220px;
}
	
button.tsButtonRichPurple24:active span span, button.tsButtonRichPurple24Active span span,
button.tsButtonSkyBlue24:active span span, button.tsButtonSkyBlue24Active span span,
button.tsButtonFreshTurquoise24:active span span, button.tsButtonFreshTurquoise24Active span span,
button.tsButtonWarmOrange24:active span span, button.tsButtonWarmOrange24Active span span,
button.tsButtonBlushingPink24:active span span, button.tsButtonBlushingPink24Active span span,
button.tsButtonDarkGrey24:active span span, button.tsButtonDarkGrey24Active span span,
button.tsButtonLight24:active span span, button.tsButtonLight24Active span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -88px; 
}

/* RichPurple */
button.tsButtonRichPurple24 span, button.tsButtonRichPurple24 span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonRichPurple24.png);  */
	background-color: #990ae3;
}
button.tsButtonRichPurple24:hover span, button.tsButtonRichPurple24:hover span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonRichPurple24.png);  */
	background-color: #6600B0;
}

/* SkyBlue */
button.tsButtonSkyBlue24 span, button.tsButtonSkyBlue24 span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonSkyBlue24.png);  */
	background-color: #40a2ce;
}
button.tsButtonSkyBlue24:hover span, button.tsButtonSkyBlue24:hover span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonSkyBlue24.png);  */
	background-color:#0D6F9B;
}

/* FreshTurquoise */
button.tsButtonFreshTurquoise24 span, button.tsButtonFreshTurquoise24 span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonFreshTurquoise24.png);  */
	background-color: #3ec6a8;
}
button.tsButtonFreshTurquoise24:hover span, button.tsButtonFreshTurquoise24:hover span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonFreshTurquoise24.png);  */
	background-color: #0B9375;
}

/* WarmOrange */
button.tsButtonWarmOrange24 span, button.tsButtonWarmOrange24 span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonWarmOrange24.png);  */
	background-color: #ff8a53;
}
button.tsButtonWarmOrange24:hover span, button.tsButtonWarmOrange24:hover span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonWarmOrange24.png);  */
	background-color: #CC5720;
}

/* BlushingPink */
button.tsButtonBlushingPink24 span, button.tsButtonBlushingPink24 span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonBlushingPink24.png);  */
	background-color: #d3549b;
}
button.tsButtonBlushingPink24:hover span, button.tsButtonBlushingPink24:hover span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonBlushingPink24.png);  */
	background-color: #A02168;
}

/* DarkGray */
button.tsButtonDarkGrey24 span, button.tsButtonDarkGrey24 span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonDarkGrey24.png);  */
	background-color: #919394;
}
button.tsButtonDarkGrey24:hover span, button.tsButtonDarkGrey24:hover span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonDarkGrey24.png);  */
	background-color: #5E6061;
}

button:disabled span, button:disabled span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonDarkGrey24.png);  */
	background-color: #919394;
}
button:disabled:hover span, button:disabled:hover span span{ 
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonDarkGrey24.png);  */
	background-color: #5E6061;
}

/* Light */
button.tsButtonLight24 span{ 
	text-shadow: 0 1px 1px rgba(255,255,255,.60);
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight24.png);  */
	background-color: #f6f6f6;
}
button.tsButtonLight24:hover span{ 
	text-shadow: 0 1px 1px rgba(255,255,255,.60);
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight24.png);  */
	background-color: #C3C3C3;
}
	
button.tsButtonLight24 span span{
	/* background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight24.png);  */
	background-color: #f6f6f6;
	color:#652d86; 
}

button {
	overflow: hidden;
	border-radius: 2px;
	margin-right: 5px;
}

button.buttonRightSave {
    margin-right: 0;
}

button.btnDefault {
    background-color: #fff;
    border: 1px solid #333;
	color: #333;
}

button.btnDefault:hover {
    background-color: #eaeaea;
}

button.btnCancel {
    background-color: #fff;
    border: 1px solid #b2012c;
	color: #b2012c;
}

button.btnCancel:hover {
	background-color: #fff3f6;
}

button.btnAction {
    background-color: #018945;
	border: 1px solid #086738;
	color: #fff;
}

button.btnAction:hover {
    background-color: #086738;
}


/********** Buttons 29 pixels **********/
/* All colors */ 
button.tsButtonRichPurple29,
button.tsButtonSkyBlue29,
button.tsButtonFreshTurquoise29,
button.tsButtonWarmOrange29,
button.tsButtonBlushingPink29,
button.tsButtonDarkGrey29,
button.tsButtonLight29{ 
	background: transparent; 
}

button.tsButtonRichPurple29 span,
button.tsButtonSkyBlue29 span,
button.tsButtonFreshTurquoise29 span,
button.tsButtonWarmOrange29 span,
button.tsButtonBlushingPink29 span,
button.tsButtonDarkGrey29 span,
button.tsButtonLight29 span { 
	padding: 0 0 0 8px;
	margin-right:5px; 
	font-size:15px; 
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-align: center; 
	background: transparent url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonRichPurple29.png) no-repeat left -147px; 
}
	
button.tsButtonRichPurple29 span span,
button.tsButtonSkyBlue29 span span,
button.tsButtonFreshTurquoise29 span span,
button.tsButtonWarmOrange29 span span,
button.tsButtonBlushingPink29 span span,
button.tsButtonDarkGrey29 span span,
button.tsButtonLight29 span span { 
	padding: 6px 8px 0 0; 
	height:23px; 
	padding-top: 7px\9;
	padding-bottom: 7px\9;
	height: 15px\9;
	background: transparent no-repeat right top; 
	color:#fff; 
}
	
button.tsButtonRichPurple29:hover span, button.tsButtonRichPurple29Hover span,
button.tsButtonSkyBlue29:hover span, button.tsButtonSkyBlue29Hover span,
button.tsButtonFreshTurquoise29:hover span, button.tsButtonFreshTurquoise29Hover span,
button.tsButtonWarmOrange29:hover span, button.tsButtonWarmOrange29Hover span,
button.tsButtonBlushingPink29:hover span, button.tsButtonBlushingPink29Hover span,
button.tsButtonDarkGrey29:hover span, button.tsButtonDarkGrey29Hover span,
button.tsButtonLight29:hover span, button.tsButtonLight29Hover span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -196px; 
}
	
button.tsButtonRichPurple29:hover span span, button.tsButtonRichPurple29Hover span span,
button.tsButtonSkyBlue29:hover span span, button.tsButtonSkyBlue29Hover span span,
button.tsButtonFreshTurquoise29:hover span span, button.tsButtonFreshTurquoise29Hover span span,
button.tsButtonWarmOrange29:hover span span, button.tsButtonWarmOrange29Hover span span,
button.tsButtonBlushingPink29:hover span span, button.tsButtonBlushingPink29Hover span span,
button.tsButtonDarkGrey29:hover span span, button.tsButtonDarkGrey29Hover span span,
button.tsButtonLight29:hover span span, button.tsButtonLight29Hover span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -49px;
}

button.tsButtonRichPurple29:active span, button.tsButtonRichPurple29Active span,
button.tsButtonSkyBlue29:active span, button.tsButtonSkyBlue29Active span,
button.tsButtonFreshTurquoise29:active span, button.tsButtonFreshTurquoise29Active span,
button.tsButtonWarmOrange29:active span, button.tsButtonWarmOrange29Active span,
button.tsButtonBlushingPink29:active span, button.tsButtonBlushingPink29Active span,
button.tsButtonDarkGrey29:active span, button.tsButtonDarkGrey29Active span,
button.tsButtonLight29:active span, button.tsButtonLight29Active span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -245px; 
}
	
button.tsButtonRichPurple29:active span span, button.tsButtonRichPurple29Active span span,
button.tsButtonSkyBlue29:active span span, button.tsButtonSkyBlue29Active span span,
button.tsButtonFreshTurquoise29:active span span, button.tsButtonFreshTurquoise29Active span span,
button.tsButtonWarmOrange29:active span span, button.tsButtonWarmOrange29Active span span,
button.tsButtonBlushingPink29:active span span, button.tsButtonBlushingPink29Active span span,
button.tsButtonDarkGrey29:active span span, button.tsButtonDarkGrey29Active span span,
button.tsButtonLight29:active span span, button.tsButtonLight29Active span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -98px;
}

/* RichPurple */
button.tsButtonRichPurple29 span, button.tsButtonRichPurple29 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonRichPurple29.png); 
}

/* SkyBlue */
button.tsButtonSkyBlue29 span, button.tsButtonSkyBlue29 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonSkyBlue29.png); 
}

/* FreshTurquoise */
button.tsButtonFreshTurquoise29 span, button.tsButtonFreshTurquoise29 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonFreshTurquoise29.png); 
}

/* WarmOrange */
button.tsButtonWarmOrange29 span, button.tsButtonWarmOrange29 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonWarmOrange29.png); 
}

/* BlushingPink */
button.tsButtonBlushingPink29 span, button.tsButtonBlushingPink29 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonBlushingPink29.png); 
}

/* DarkGrey */
button.tsButtonDarkGrey29 span, button.tsButtonDarkGrey29 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonDarkGrey29.png); 
}

/* Light */
button.tsButtonLight29 span{ 
	text-shadow: 0 1px 1px rgba(255,255,255,.60);
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight29.png); 
}

button.tsButtonLight29 span span{
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight29.png); 
	color:#652d86; 
}



/********** Buttons 30 pixels **********/
/* All colors */ 
button.tsButtonRichPurple30,
button.tsButtonSkyBlue30,
button.tsButtonFreshTurquoise30,
button.tsButtonWarmOrange30,
button.tsButtonBlushingPink30,
button.tsButtonDarkGrey30,
button.tsButtonLight30{ 
	background: transparent; 
}

button.tsButtonRichPurple30 span,
button.tsButtonSkyBlue30 span,
button.tsButtonFreshTurquoise30 span,
button.tsButtonWarmOrange30 span,
button.tsButtonBlushingPink30 span,
button.tsButtonDarkGrey30 span,
button.tsButtonLight30 span{ 
	padding: 0 0 0 9px; 
	margin-right:5px; 
	font-size:17px; 
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-align: center; 
	background: transparent no-repeat left -150px; 
}
	
button.tsButtonRichPurple30 span span,
button.tsButtonSkyBlue30 span span,
button.tsButtonFreshTurquoise30 span span,
button.tsButtonWarmOrange30 span span,
button.tsButtonBlushingPink30 span span,
button.tsButtonDarkGrey30 span span,
button.tsButtonLight30 span span{ 
	padding: 5px 9px 0 0; 
	height: 25px; 
	padding-top: 7px\9;
	padding-bottom: 7px\9;
	height: 16px\9;
	background: transparent no-repeat right top; 
	color:#fff; 
}
	
button.tsButtonRichPurple30:hover span, button.tsButtonRichPurple30Hover span,
button.tsButtonSkyBlue30:hover span, button.tsButtonSkyBlue30Hover span,
button.tsButtonFreshTurquoise30:hover span, button.tsButtonFreshTurquoise30Hover span,
button.tsButtonWarmOrange30:hover span, button.tsButtonWarmOrange30Hover span,
button.tsButtonBlushingPink30:hover span, button.tsButtonBlushingPink30Hover span,
button.tsButtonDarkGrey30:hover span, button.tsButtonDarkGrey30Hover span,
button.tsButtonLight30:hover span, button.tsButtonLight30Hover span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -200px; 
}
	
button.tsButtonRichPurple30:hover span span, button.tsButtonRichPurple30Hover span span,
button.tsButtonSkyBlue30:hover span span, button.tsButtonSkyBlue30Hover span span,
button.tsButtonFreshTurquoise30:hover span span, button.tsButtonFreshTurquoise30Hover span span,
button.tsButtonWarmOrange30:hover span span, button.tsButtonWarmOrange30Hover span span,
button.tsButtonBlushingPink30:hover span span, button.tsButtonBlushingPink30Hover span span,
button.tsButtonDarkGrey30:hover span span, button.tsButtonDarkGrey30Hover span span,
button.tsButtonLight30:hover span span, button.tsButtonLight30Hover span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -50px;
}
button.tsButtonRichPurple30:active span, button.tsButtonRichPurple30Active span,
button.tsButtonSkyBlue30:active span, button.tsButtonSkyBlue30Active span,
button.tsButtonFreshTurquoise30:active span, button.tsButtonFreshTurquoise30Active span,
button.tsButtonWarmOrange30:active span, button.tsButtonWarmOrange30Active span,
button.tsButtonBlushingPink30:active span, button.tsButtonBlushingPink30Active span,
button.tsButtonDarkGrey30:active span, button.tsButtonDarkGrey30Active span,
button.tsButtonLight30:active span, button.tsButtonLight30Active span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -250px; 
}
	
button.tsButtonRichPurple30:active span span, button.tsButtonRichPurple30Active span span,
button.tsButtonSkyBlue30:active span span, button.tsButtonSkyBlue30Active span span,
button.tsButtonFreshTurquoise30:active span span, button.tsButtonFreshTurquoise30Active span span,
button.tsButtonWarmOrange30:active span span, button.tsButtonWarmOrange30Active span span,
button.tsButtonBlushingPink30:active span span, button.tsButtonBlushingPink30Active span span,
button.tsButtonDarkGrey30:active span span, button.tsButtonDarkGrey30Active span span,
button.tsButtonLight30:active span span, button.tsButtonLight30Active span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -100px;
}

/* RichPurple */
button.tsButtonRichPurple30 span, button.tsButtonRichPurple30 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonRichPurple30.png); 
}

/* SkyBlue */
button.tsButtonSkyBlue30 span, button.tsButtonSkyBlue30 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonSkyBlue30.png); 
}

/* FreshTurquoise */
button.tsButtonFreshTurquoise30 span, button.tsButtonFreshTurquoise30 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonFreshTurquoise30.png); 
}

/* WarmOrange */
button.tsButtonWarmOrange30 span, button.tsButtonWarmOrange30 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonWarmOrange30.png); 
}

/* BlushingPink */
button.tsButtonBlushingPink30 span, button.tsButtonBlushingPink30 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonBlushingPink30.png); 
}

/* DarkGrey */
button.tsButtonDarkGrey30 span, button.tsButtonDarkGrey30 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonDarkGrey30.png); 
}
	
/* Light */
button.tsButtonLight30 span{ 
	text-shadow: 0 1px 1px rgba(255,255,255,.60);
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight30.png); 
}

button.tsButtonLight30 span span{
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight30.png); 
	color:#652d86; 
}



/********** Buttons 35 pixels **********/
/* All colors */ 
button.tsButtonRichPurple35,
button.tsButtonSkyBlue35,
button.tsButtonFreshTurquoise35,
button.tsButtonWarmOrange35,
button.tsButtonBlushingPink35,
button.tsButtonDarkGrey35,
button.tsButtonLight35{ 
	background: transparent; 
}

button.tsButtonRichPurple35 span,
button.tsButtonSkyBlue35 span,
button.tsButtonFreshTurquoise35 span,
button.tsButtonWarmOrange35 span,
button.tsButtonBlushingPink35 span,
button.tsButtonDarkGrey35 span,
button.tsButtonLight35 span{ 
	padding: 0 0 0 10px;
	margin-right:5px; 
	font-size:19px; 
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-align: center; 
	background: transparent no-repeat left -165px; 
}
	
button.tsButtonRichPurple35 span span,
button.tsButtonSkyBlue35 span span,
button.tsButtonFreshTurquoise35 span span,
button.tsButtonWarmOrange35 span span,
button.tsButtonBlushingPink35 span span,
button.tsButtonDarkGrey35 span span,
button.tsButtonLight35 span span{ 
	padding: 5px 10px 0 0; 
	height:30px; 
	padding-top:9px\9;
	padding-bottom:9px\9;
	height:17px\9;
	background: transparent no-repeat right top ; 
	color:#fff; 
}
	
button.tsButtonRichPurple35:hover span, button.tsButtonRichPurple35Hover span,
button.tsButtonSkyBlue35:hover span, button.tsButtonSkyBlue35Hover span,
button.tsButtonFreshTurquoise35:hover span, button.tsButtonFreshTurquoise35Hover span,
button.tsButtonWarmOrange35:hover span, button.tsButtonWarmOrange35Hover span,
button.tsButtonBlushingPink35:hover span, button.tsButtonBlushingPink35Hover span,
button.tsButtonDarkGrey35:hover span, button.tsButtonDarkGrey35Hover span,
button.tsButtonLight35:hover span, button.tsButtonLight35Hover span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -220px; 
}
	
button.tsButtonRichPurple35:hover span span, button.tsButtonRichPurple35Hover span span,
button.tsButtonSkyBlue35:hover span span, button.tsButtonSkyBlue35Hover span span,
button.tsButtonFreshTurquoise35:hover span span, button.tsButtonFreshTurquoise35Hover span span,
button.tsButtonWarmOrange35:hover span span, button.tsButtonWarmOrange35Hover span span,
button.tsButtonBlushingPink35:hover span span, button.tsButtonBlushingPink35Hover span span,
button.tsButtonDarkGrey35:hover span span, button.tsButtonDarkGrey35Hover span span,
button.tsButtonLight35:hover span span, button.tsButtonLight35Hover span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -55px;
}
button.tsButtonRichPurple35:active span, button.tsButtonRichPurple35Active span,
button.tsButtonSkyBlue35:active span, button.tsButtonSkyBlue35Active span,
button.tsButtonFreshTurquoise35:active span, button.tsButtonFreshTurquoise35Active span,
button.tsButtonWarmOrange35:active span, button.tsButtonWarmOrange35Active span,
button.tsButtonBlushingPink35:active span, button.tsButtonBlushingPink35Active span,
button.tsButtonDarkGrey35:active span, button.tsButtonDarkGrey35Active span,
button.tsButtonLight35:active span, button.tsButtonLight35Active span{ /* the redundant class is used to apply the hover state with a script */
	background-position: 0 -275px;
}
	
button.tsButtonRichPurple35:active span span, button.tsButtonRichPurple35Active span span,
button.tsButtonSkyBlue35:active span span, button.tsButtonSkyBlue35Active span span,
button.tsButtonFreshTurquoise35:active span span, button.tsButtonFreshTurquoise35Active span span,
button.tsButtonWarmOrange35:active span span, button.tsButtonWarmOrange35Active span span,
button.tsButtonBlushingPink35:active span span, button.tsButtonBlushingPink35Active span span,
button.tsButtonDarkGrey35:active span span, button.tsButtonDarkGrey35Active span span,
button.tsButtonLight35:active span span, button.tsButtonLight35Active span span{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -110px;
}

/* RichPurple */
button.tsButtonRichPurple35 span, button.tsButtonRichPurple35 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonRichPurple35.png); 
}

/* SkyBlue */
button.tsButtonSkyBlue35 span, button.tsButtonSkyBlue35 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonSkyBlue35.png); 
}

/* FreshTurquoise */
button.tsButtonFreshTurquoise35 span, button.tsButtonFreshTurquoise35 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonFreshTurquoise35.png); 
}

/* WarmOrange */
button.tsButtonWarmOrange35 span, button.tsButtonWarmOrange35 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonWarmOrange35.png); 
}

/* BlushingPink */
button.tsButtonBlushingPink35 span, button.tsButtonBlushingPink35 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonBlushingPink35.png); 
}

/* RichPurple */
button.tsButtonDarkGrey35 span, button.tsButtonDarkGrey35 span span{ 
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonDarkGrey35.png); 
}

/* Light */
button.tsButtonLight35 span{ 
	text-shadow: 0 1px 1px rgba(255,255,255,.60);
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight35.png); 
}

button.tsButtonLight35 span span{
	background-image: url(https://survey.ace.teliacompany.com/survey/img/ts/tsButtonLight35.png); 
	color:#652d86; 
}