﻿body {
    padding:0px;
    margin:0px;
    font-family:Arial;
}

.clearfloat{
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.question_text {
    color:#00BF6F;
    font-size:18px;
    line-height:26px;
}

.question_text p {
   margin:5px 0px 0px 0px;
}

.survey_results td:hover {
    background-color:#d3d3d3;
    width:580px;
}

.input {
    padding: 6px;
    border: 1px solid #808080;
    width: 220px;
    font-size: 14px;
}

.button_style_1, .button_style_2, .button_style_3 {
    background-color:#00BF6F;
    color:#ffffff;
    border: 1px solid #808080;
}
        
.button_style_1 {
    padding:5px 10px 5px 10px;
    font-size:16px;
}

.progress_status {
    background-color:#ffffff;
    width:66px;
    height:10px;
}

#masthead {
    color:#ffffff;
    background-color:#00BF6F;
    font-size:20px;
    padding:16px;
}

#question_container, #progress_container {
    margin-left:auto;
    margin-right:auto;
}

#question_container {
    max-width:570px;
    padding:50px;
}

#reponse_container {
    font-size:16px;
    line-height:30px;
    margin-left:-5px;
}

#footer {
    background-color:#000000;
    padding:16px;
    bottom:0;
    position:fixed;
    width:100%;
    color:#ffffff;
    font-size:14px;
}

#progress_container {
    width:350px;
}

#progress_meter {
    float:left;
    width:200px;
    background-color:#808080;
    height:10px;
    margin:4px 0px 0px 5px;
}

#company_info {
    float:right;
    margin-right:40px;
}

