@charset utf-8;

div#main div#button {
width:453px;
height:230px;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
margin-top:-115px;
margin-left:-226px;
background:url(images/button.png) top left no-repeat;
cursor:pointer;
}

div#main div#progress {
width:453px;
height:96px;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
margin-left:-226px;
margin-top:-180px;
background:url(images/progress.png) top left no-repeat;
}

div#main div#progress div#bar {
position:relative;
}

div#main div#progress div#bar div#line {
position:absolute;
top:54px;
left:53px;
width:0;
height:10px;
background:#2BCF18;
}

div#main div#answer {
width:453px;
height:126px;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
margin-left:-226px;
margin-top:-200px;
background:url(images/answer.png) top left no-repeat;
cursor:pointer;
}

div#main div#info {
width:26px;
height:26px;
background:url(images/info.png) no-repeat top left;
position:absolute;
bottom:10px;
right:50%;
margin-right:-13px;
z-index:30;
cursor:help;
}

div#main div#info img {
width:26px;
height:26px;
}

div#main div#infoPanel {
width:436px;
height:105px;
background:url(images/info-panel.png) no-repeat top left;
position:absolute;
bottom:40px;
right:50%;
margin-right:-218px;
}

div#main div#infoPanel p {
font-family:Tahoma, sans-serif;
color:#000;
font-size:13px;
text-align:center;
width:380px;
height:95px;
line-height:normal;
padding:15px 20px;
}

img,div {
behavior:url(../iepngfix.htc);
}

div#main,div#main img.background {
width:100%;
height:100%;
}