/*css reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,code,small,strike,strong,sub,sup,b,u,i{
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
    text-align: justify;
} 

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}

body{
    line-height:1;
    font:normal 0.9em/1em "Comic sans MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ol,ul{
    list-style:none;
}

strong{
    font-weight:700;
}

#frame{
    max-width:620px;
    width:auto;
    border:1px solid #ccc;
    background:#fff;
    padding:10px;
    margin:3px;
}

h1{
    font:normal bold 1.8em/1.6em "Comic sans MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align:left;
    border-bottom:1px solid #999;
    padding:0;
    width:auto
}

h2{
    font:normal bold 1.1em/1.1em "Comic sans MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:0;
    text-align:center;
    margin:20px 0;
}

h3{
    font:normal 1em/1em "Comic sans MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:0;
    margin:0px 10px;
}

p.pager{
    margin:5px 0 5px;
    font:bold 1em/1em "Comic sans MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#999;
}

img.question-image{
    display:block;
    max-height:300px;
    margin:10px auto;
    border:1px solid #ccc;
    height:100%;
    width:auto;
}

#choice-block{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}

#submitbutton{
    background:#5a6b8c;
    color:#fff !important;
}

#submitbutton:hover{
    background:#7b8da6;
}

#explanation{
    margin:0 auto;
    padding:20px;
    width:75%;
}

.choice-box{
    display:block;
    text-align:center;
    margin:8px auto;
    padding:10px 0;
    border:1px solid #666;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}