@font-face
{
	font-family: 'AxureHandwriting';
	src: url(  'AxureHandwriting.eot' );
	src: url(  'AxureHandwriting.eot' ) format(  'embedded-opentype' ), url(  'AxureHandwriting.woff' ) format(  'woff' ), url(  'AxureHandwriting.ttf' ) format(  'truetype' ), url(  'AxureHandwriting.svg#AxureHandwriting' ) format(  'svg' );
}

body
{
	color: #4c4036;
	background: #fff;
	text-align: left;
	font-family: "AxureHandwriting" , Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-size: 14px;
	padding: 0;
	margin: auto;
	-webkit-font-smoothing: antialiased;
	text-align: left;
	font-weight: bold;
}
img
{
	border: none;
}
.main-container
{
	width: 772px;
	background: #100b05;
	padding: 14px 14px 8px 14px;
	text-align: left;
}
.layer1
{
	margin-bottom: 9px;
	position: relative;
}
.layer2
{
	position: relative;
}
.introlayer1
{
	float: left;
	position: relative;
}
.introlayer2
{
	float: right;
	position: relative;
}
.layouta, .layoutb, .layoutc, .layoutd
{
	display: none;
}
label
{
	display: inline;
	font-size: 13px;
}
.quebox
{
	position: absolute;
	background-color: #4c4036;
	padding: 0px 10px;
	width: 45%;
	color: #fff;
}
.quebox.posa, .quebox.posc
{
	top: 40px;
	right: 10px;
}
.quebox.posb, .quebox.posd
{
	top: 0px;
	right: 0px;
	height: 98%;
}
.quebox.intro2
{
	top: 41px;
	right: 18px;
	padding:15px;
	width:46%;
}
.quebox.posresulta
{
	top: 70px;
	right: 20px;
	width: 26%;
	padding:10px;
}
.quebox.posresultb
{
	top: 60px;
	right: 3px;
	padding:10px;
}
.intropos
{
	top: 0px;
	left: 0px;
	width: 90%;
	padding: 19px;
}
.leftside
{
	float: left;
	width: 50%;
	position: relative;
}
.rightside
{
	float: left;
	width: 50%;
	margin-left: -20px;
	position: relative;
}
.inactive
{
	opacity: 0.5;
}
.clear
{
	clear: both;
}
.queboxoptions
{
}

.bubbleboxque
{
	position: absolute;
	display: none;
	z-index: 1000;
}
.bubbleboxque.posa
{
	top: 15px;
	left: 138px;
	width: 58%;
}
.bubbleboxque.posb
{
	top: 1px;
	left: 344px;
	width: 24%;
}
.bubbleboxque.posc
{
	top: 20px;
	left: 120px;
	width: 30%;
}
.bubbleboxque.posd
{
	top: 10px;
	left: 228px;
	width: 25%;
}
.bubbleque
{
	position: relative;
	background-color: rgb(255,255,255);
	border: 2px solid #0f0b05;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	color: #0f0b05;
}


.bubbleboxres
{
	position: absolute;
	display: none;
}
.bubbleboxres.posa
{
	top: 19px;
	right: 134px;
	max-width: 39%;
}
.bubbleboxres.posb
{
	top: 1px;
	right: 5px;
	width: 15%;	
}
.bubbleboxres.posc
{
	top: 0px;
	right: 230px;
	width: 20%;
}
.bubbleboxres.posd
{
	top: 10px;
	right: 160px;
	width: 15%;
}
.bubbleres
{
	position: relative;
	background-color: rgb(255,255,255);
	border: 2px solid #0f0b05;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	color: #0f0b05;
}


.btnreply
{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: left;
}
.btnreply.posa
{
	right: -20px;
}
.btnnext
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: none;
}
.btnnext.posintro
{
	display: block;
}
.btnnext.posintro2
{
	right: 0px;
	display: block;
}
.btnnext.posa
{
	right: -20px;
}
.popup
{
	position: absolute;
	top: 40px;
	right: 21px;
	display: none;
}
.popup2
{
	position: absolute;
	top: 40px;
	left: 40px;
	display: block;
}
.popupintro2
{
	position: absolute;
	bottom: 40px;
	right: 18px;
}
.popupintro2 img
{
	border: solid 4px #100b05;
}
.msg
{
	position: absolute;
	background-color: #4c4036;
	padding: 6px;
	color: #ffb13d;
	z-index: 1000;
	display: none;
}
.msg.posa
{
	top: 0px;
	left: 54px;
}
.msg.posb
{
	top: 44px;
	right: 225px;
}
.msg.posc
{
	top: 0px;
	left: 398px;
}
.msg.posd
{
	top: 0px;
	left: 546px;
}
.msg.intro2
{
	bottom: 297px;
	right: 161px;
	display: block;
	color:#fff;
	padding:10px 6px;
}
.bubblequearrow
{
	margin-top: -2px; margin-left: 10px; z-index: 2; position: absolute;
}
.bubbleresarrow
{
	float: right;margin-right: 50px;
}
.bubbleresarrowb
{
	float: left;margin-right: 10px;
}
.bubbleresarrow span, .bubbleresarrowb span
{
	margin-top: -2px; z-index: 2; position: absolute;
}