﻿body 
{
    padding:0;
    margin:0;
    background-color:#f8f8f8
}
.form_holder
{
    margin:0 auto;
    /*margin-top:20px;
    border:1px solid #dadada;
    background-color:#ffffff;
    padding:10px;
    width:70%;*/
    border-radius:10px;
}

.form_table
{
    width:100%;
    padding:10px;
}

.form_table tr td
{
    border-bottom:1px solid #f8f8f8;
}

.form_table tr td
{
    padding:10px;
}

.question_row
{
    padding:10px;
    border-bottom:1px solid #dadada;
    width:100%;
}
.div_buttons
{
    margin-top:15px;
    padding:10px;
}
.div_surveyName
{
    font-size:30px;
}

.btnNext {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:0;
}

.btnNext:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.score_green, .score_blue, .score_yellow, .score_red, .score_grey
{
    text-align:center;
}

.score_green
{
    background-color:green;
}

.score_blue
{
    background-color:blue;
    color:White;
}

.score_yellow
{
    background-color:yellow;
    color:black;
}

.score_red
{
    background-color:red;
}

.score_grey
{
    background-color:grey;
    color:black;
}


