@font-face{
	font-family:"Neo Sans W01";
	src:url("2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix");
	src:url("2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix") format("eot"),url("a32c3a17-3242-461c-a048-ca8e775582b1.woff") format("woff"),url("97316a7d-9db1-4dc1-bd87-e24103d88a81.ttf") format("truetype"),url("1287ca7a-3ce7-40b7-9612-061d4c793f04.svg#1287ca7a-3ce7-40b7-9612-061d4c793f04") format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face{
	font-family:"Neo Sans W01 Bold";
	src:url("a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix");
	src:url("a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix") format("eot"),url("ecedcc38-3aec-48a5-a693-fbfac59dd0ed.woff") format("woff"),url("2974017c-634d-4238-9381-e3f0b95a150c.ttf") format("truetype"),url("0b4cc213-f9e9-4cb1-aa3c-64e91a1328dc.svg#0b4cc213-f9e9-4cb1-aa3c-64e91a1328dc") format("svg");
	font-weight:700;
	font-style:normal;
}

html, body, .inst, textarea, input[type="text"], input[type="number"] {
	font-family:"Neo Sans W01", arial, sans-serif;
	font-weight:400;
	font-style:normal;
}

html, body { background:#2D2E32; line-height:25px; }

body { padding-top:20px; }

b, strong, .qtext, #start, .colheading, th, .tel, .rankbox, .poll, .radiomask, #summary, .pointer, .sticker, #summary .done {
	font-family:"Neo Sans W01 Bold", arial, sans-serif;
	font-weight:700;
	font-style:normal;
}

.qtext {
	height:75px;
	color:#00BCE2;
	font-size:20px;
	padding-bottom:30px;
	background-image:url(logo.png);
	background-position:top right;
	background-repeat:no-repeat;
	vertical-align:top;
	padding-right:150px;
	padding-top:17px;
}

.inst {
	color:#FFF;
	font-size:16px;
}

.main {
	width:924px;
	margin:auto;
}

.qbody, textarea, input[type="text"], input[type="number"], a, a:visited, .rankbox {
	color:#676767;
}

textarea { width:832px; padding:10px; }
input[type="text"] { padding:5px; }

.hasDatepicker { padding:0px !important; }

.fullframe .canvas { width:100%; }

.center .canvas { margin:auto; }

.canvas100 .canvas { height:100px; }

.canvas td { padding:0px 10px; }
.no_padding .canvas td { padding:0px; }

.qbody {
	background:#FFF;
	padding:25px;
	vertical-align:top;
}

.hv label { margin-left:5px; }

#nav {
	margin:10px auto;
}

.qerror, .perror { color:#F43F4F; }

.qerror { padding-bottom:5px; }

.rowheading, .colheading { padding:5px !important; }

.hvg { text-align:center; }

.no_mobile .hvcell, .no_mobile .hvcell.cell_error, .radiomask.checked, .no_mobile .poll:hover, .no_mobile.hv .canvas tr:hover { background:#00BCE2 !important; color:#FFF; }

.no_mobile .radiomask.checked.hvcell { background:#70A2B2 !important; }

.no_mobile.nohv .hvcell, .no_mobile.nohv .hvrow { background-color:transparent !important; }

.cell_error { background:#F43F4F; }

#start {
	display:block;
	margin:auto;
	margin-top:74px;
	border:none;
	text-align:center;
	width:106px;
	height:32px;
	background:transparent;
	color:#FFF;
}

#start:focus { outline:none; }

a:hover,
a:active { color:#00BCE2; }

#contact td, th { padding-right:50px; text-align:left; }
th {
	padding-bottom:10px;
}

a {
	text-decoration:none;
	border-bottom:2px dotted gray;
}

.hvg input[type="text"] { margin-left:5px; }

.even {
	background-color:#F4F4F4;
}

.radiomask.checked {
	border-top-style:dotted;
	border-bottom-style:dotted;
	color:#FFF;
}

.xx_prv, .xx_nxt {
	display:block;
	border:none;
	background-repeat:no-repeat;
	height:32px;
	width:32px;
}

.xx_prv { background-image:url(left-arrow.png); margin:0px 10px 0px 0px; }
.xx_prv:hover, .mobile .xx_prv { background-image:url(left-arrow2.png); }

.xx_nxt { background-image:url(right-arrow.png); margin:0px 0px 0px 10px; }
.xx_nxt:hover, .mobile .xx_prv { background-image:url(right-arrow2.png); }

.clickimg input { display:none; }

.clickimg label div { border:2px solid transparent; }

.no_mobile.clickimg label div:hover,
.clickimg label div.checked { border:2px dotted #00BCE2; }

.colheading { vertical-align:top; }

.mail, .tel {
	height:30px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	padding-top:5px;
	display:inline-block;
}

.mail { background-image:url(mail.png); border:none; }
.mail:hover { border:inherit; }
.tel { background-image:url(tel.png); border:none; }

.ui-datepicker-prev, .ui-datepicker-next { border:none; }

.ui-datepicker-trigger {
	width:32px;
	height:32px;
	vertical-align:bottom;
}

.sortui .list1, .sortui .list2 { padding-top:0px !important; }

#sortable1, #sortable2, .droppable, .dnd .ui-state-highlight {
	border:2px dotted #00BCE2;
}

#sortable1, #sortable2 {
	padding-top:5px;
}

.droppable {
	width:200px;
	height:200px;
}

.droppable div {
	display:inline-block;
	cursor:pointer;
}

.no_mobile .droppable div:hover, .draggable.dropped { opacity:0.5; }

.dnd .colheading { text-align:center; }

.radiomask {
	border:1px solid #676767;
	cursor:pointer;
}

.radiomask {
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-ms-transition: all 0.75s ease;
	-o-transition: all 0.75 ease;
	transition: all 0.75s ease;
}

.poll-page input { display:none; }

.poll {
	width:400px;
	padding:5px;
	border:2px solid #676767;
	border-left:5px solid #676767;
	-webkit-border-radius: 0 2em 2em 0;
	-moz-border-radius: 0 2em 2em 0;
	border-radius: 0 2em 2em 0;
}

.minus, .plus {
	display:inline-block;
	width:42px;
	height:42px;
	background-repeat:no-repeat;
	cursor:pointer;
	vertical-align:middle;
}

.minus {
	background-image:url(minus.png);
}
.plus {
	background-image:url(plus.png);
}

.nb {
	float:right;
	margin-right:10px;
	margin-top:6px;
}

.hidden { display:none; }

.hv label { vertical-align:bottom; }

.rankbox {
	color:#FFF;
	text-align:center;
	padding-top:7px;
	margin-top:7px;
	margin-left:5px;
	margin-right:5px;
}

.radio, .checkbox, .rankbox {
	display:inline-block;
	background-repeat:no-repeat;
	vertical-align:middle;
	cursor:pointer;
}

.cell .radio { margin:3px; }

.radio, .rankbox {
	width:42px;
	height:42px;
	background-image:url(radio.png);
}

.checkbox {
	width:39px;
	height:33px;
	background-image:url(checkbox.png);
	margin-top: 1px;
	margin-bottom: 5px;
}

.radio.checked, .radio:hover, .rankbox.checked, .no_mobile .rankbox:hover { background-image:url(radio_checked.png); }
.checkbox.checked { background-image:url(checkbox_checked.png); }

#progress, #progressing, #progressingcontainer, #progresscontainer {
	width:196px;
	height:20px;
}

#progresscontainer {
	position:relative;
	display:block;
}

#progress, #progressing, #progressingcontainer {
	position:absolute;
}

#progress, #progressingcontainer {
	top:7px;
	left:0;
}

#progressing {
	top:0;
	left:0;
}

#progress {
	background-repeat:no-repeat;
	background-image:url(progress.png);
	z-index:10;
}

#progressingcontainer {
	background-color:#FFF;
}

#progressing {
	background-color:#00BCE2;
}

.shelf {
	width:550px;
	background-image:url(shelf.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	vertical-align:bottom;
}

.shelf div {
	position:relative;
	display:inline-block;
	min-width:84px;
	margin:0px 10px;
	margin-bottom:68px;
	vertical-align:bottom;
}

.controls {
	position:relative;
	width:100%;
	height:100%;
	margin:0px !important;
}
.shelf div:hover span { visibility:visible; }

.controls span {
	position:absolute;
	bottom:0;
	margin:0px auto;
	visibility:hidden;
	z-index:2;
}
.controls .plus {
	left:50%;
	margin-left:-42px;
}
.controls .minus {
	right:50%;
	margin-right:-42px;
}

.sticker {
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url(sticker.png);
	background-repeat:no-repeat;
	color:#FFF;
	text-align:center;
	padding-top:3px;
}

.shelf .sticker {
	position:absolute;
	display:block;
	margin:0px auto;
	bottom:-20px;
	left:50%;
	margin-left:-16px;
	text-align:left;
	padding-left:11px;
	padding-top:2px;
}

.shelf .sticker.hidden { visibility:hidden; }

#items_left, #items { display:inline-block; }

#summary {
	color:#00BCE2;
}

#summary ul {
	list-style-type:none;
	padding:0px;
}

#summary li { margin-bottom:10px; }

#summary .done {
	color:#F35053;
}

.viewbasket, .checkout {
	display:inline-block;
	width:150px;
	color:#FFF;
	padding:5px;
}
.viewbasket { background-color:#27C49A; }
.checkout { background-color:#F35053; }

.pointer {
	width:53px;
	height:75px;
	background-image:url(pointer.png);
	background-repeat:no-repeat;
}

.male {
	width:135px;
	height:188px;
	background-image:url(male.png);
	background-repeat:no-repeat;
}

.female {
	width:131px;
	height:188px;
	background-image:url(female.png);
	background-repeat:no-repeat;
}

.no_mobile.hv .canvas tr {}

.highlight { color:#FFF; }

.tooltip {
	display:block;
	width:56px;
	height:53px;
	background-image:url(tooltip.png);
	background-repeat:no-repeat;
}

.ui-slider-handle .tooltip {
	font-family:"Neo Sans W01 Bold", arial, sans-serif;
	font-weight:700;
	font-style:normal;
	color:#00BCE2;
	margin-top:-50px;
	margin-left:-7px;
	text-align:center;
	padding-top:5px;
}
/* retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.qtext {
		background-image:url(logo@2x.png);
		background-size:100px 100px;
	}

	.mail, .tel { background-size:30px 30px; }
	.mail { background-image:url(mail@2x.png); }
	.tel { background-image:url(tel@2x.png); }

	.minus, .plus { background-size:42px 42px; }
	.minus {
		background-image:url(minus@2x.png);
	}
	.plus {
		background-image:url(plus@2x.png);
	}

	.radio, .rankbox {
		background-size:42px 42px;
		background-image:url(radio@2x.png);
	}
	.checkbox {
		background-size:39px 33px;
		background-image:url(checkbox@2x.png);
	}

	.radio.checked, .radio:hover, .rankbox.checked, .no_mobile .rankbox:hover { background-image:url(radio_checked@2x.png); }
	.checkbox.checked { background-image:url(checkbox_checked@2x.png); }

	.xx_prv, .xx_nxt {
		background-size:32px 32px;
	}

	.xx_prv { background-image:url(left-arrow@2x.png); }
	.xx_prv:hover, .mobile .xx_prv { background-image:url(left-arrow2@2x.png); }

	.xx_nxt { background-image:url(right-arrow@2x.png); }
	.xx_nxt:hover, .mobile .xx_nxt { background-image:url(right-arrow2@2x.png); }

	#progress {
		background-size:196px 20px;
		background-image:url(progress@2x.png);
	}

	.shelf {
		background-image:url(shelf@2x.png);
		background-size:550px 95px;
	}

	.pointer {
		background-size:53px 75px;
		background-image:url(pointer@2x.png);
	}

	.sticker {
		background-size:32px 32px;
		background-image:url(sticker@2x.png);
	}

	.male {
		background-size:135px 188px;
		background-image:url(male@2x.png);
	}

	.female {
		background-size:131px 188px;
		background-image:url(female@2x.png);
	}

	.tooltip {
		background-size:56px 53px;
		background-image:url(tooltip@2x.png);
	}
}

/* mobile */
@media screen and (max-width:700px) {
	body { padding-top:5px; }

	#login { width:100%; }
	#login .qtext {
		background-position:top center;
		padding-bottom:5px;
		background-image:url(logo@2x.png);
		background-size:60px 60px;
		background-repeat:no-repeat;
		height:60px;
	}
	#login .qbody {
		background-color:#35C2F2;
		color:#FFF;
		overflow:hidden;
	}

	.qbody { padding:5px; }

	.qtext {
		background:none;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:5px;
	}

	.hvg input[type="text"], textarea {
		margin-left:0px;
		width:100%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.main { width:95%; }

	input[type="text"].hasDatepicker { width:85%; }

	#contact th, #contact td {
		padding-bottom:0px;
		padding-right:0px;
		vertical-align:top;
		font-size:13px;
	}

	#contact th:nth-child(2), #contact td:nth-child(2) { padding-left:15px; }

	.mail, .tel {
		background-size: 20px 20px;
		height:20px;
		padding-top:0px;
		padding-left:25px;
		font-size:11px;
	}

	.qslider td { padding:0px; }
}

/* tablet */
@media all and (max-width:920px) {
}