* {
    margin: 0;
    padding: 0;
}
body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    font-size: 0.9em;
    line-height: 1.4;
    color: #333333;
}
#container {
    max-width: 520px;
}
button {
    margin: 2px 5px 2px 0;
    border: solid 1px #c6c6c5;
    border-radius: 3px;
    padding: 4px 8px;
    color: #1f536b;
    background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RTc4QjMzQzA4QTBFMTExOEQ1MEM2REVDNDkxOTc4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NTFERkY0MUEwMDgxMUUxQjI2N0FCNTdGRDJBRTU2QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NTFERkY0MEEwMDgxMUUxQjI2N0FCNTdGRDJBRTU2QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RTc4QjMzQzA4QTBFMTExOEQ1MEM2REVDNDkxOTc4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RTc4QjMzQzA4QTBFMTExOEQ1MEM2REVDNDkxOTc4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpOW1YEAAAAeSURBVHjaYvj//z8TAwMDGGNjI9O4xLDxccgBBBgACs42AeegGnoAAAAASUVORK5CYII=') repeat-x;
    cursor: pointer;
}
button[disabled] {
    color: #888888;
    cursor: default;
}

p {
    padding: 0 20px 10px 30px;
}
#question {
    border: solid 1px #cccccc;
    background-color: #ffffff;
    border-radius: 3px;
    margin-bottom: 8px;
}
#question p.q {
    padding: 5px 20px 5px 20px;
    /*background-color: #7cc7e0;*/
    color: #002158;
    font-weight: bold;
    font-size: 1.2em;
}
ul {
    margin: 10px 10px 10px 15px;
    list-style-type: none;
}
li {
    font-size: 1em;
    margin-bottom: 5px;
} 
li * {
    vertical-align: middle;
}
input[type=radio] {
    margin: 0 5px 0 0;
}
label {
    display: inline-block;
    width: 320px;
    line-height: 1;
    padding-right: 10px;
}
.box {
    display: inline-block;
    width: 100px;
    height: 12px;
    border: 1px solid #dddddd;
}/* border-left:solid 1px #333333; background-color:#f1f1f1;}*/
.bar {
    display: inline-block;
    width: 0;
    height: 12px;
    background-color: #7cc7e0;
    vertical-align: middle;
    transition: all 0.5s;
    margin-top: -10px;
}
.pc {
    display: inline-block;
    width: 35px;
    text-align: right;
    font-size: 0.8em;
}

#fb button {
    display: inline-block;
}
#fb span {
    display: none;
}
#fb.has_voted button {
    display: none;
}
#fb.has_voted span {
    display: inline;
    font-weight: bold;
    color: #002158;
}

#grp_ctrls div {
    float: right;
    margin: 5px 10px;
}
