/*
3
http://www.colourlovers.com/palette/875645/3
#FFF2D9 - o
#4D4D4D - Another gray
#B31010 - Fall
*/
body {
   margin: 20px;
   padding: 0;
   background-color: #4D4D4D;
   color: black;
   text-align: center;
}

body, input, select, textarea {
   font-family: verdana, helvetica;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}

form {
   margin: 0 auto;
   padding: 0;
   width: 600px;
}

.direction, h1, h2, h3 {
   direction: ltr;
   text-align: left;
}

.float {
   float: left;
}

.floatoppose {
   float: right;
}

/* Survey title */
h1 {
   color: #B31010;
   font-size: 24px;
   font-weight: bold;
   margin: 0 0 2px 0;
}
/* Survey subtitle */
h2 {
   color: #B31010;
   font-size: 18px;
   font-weight: normal;
   margin: 0 0 20px 0;
}

.small {
   font-size: 10px;
}

#content2 {
   background-color: #FFF2D9;
   -moz-border-radius: 0.5em;
   border: 0.05em solid black;
   padding: 1em;
}

/* Survey form */
.survey {
   font-size: 15px;
   padding-bottom: 40px;
}

/* Survey title */
#content h1 {
   font-size: 24px;
}

/* Survey items */
.survey li.item, .response_text, .response_image, .response_youtube {
   margin: 20px 0 40px 0;
   color: black;
}

/* Survey item title*/
.title {
   font-size: 15px;
}

.footer {
   font-size: 10px;
   text-align: center;
   margin-top: 2em;
}

img {
   border: 0;
}

/* Textbox-based types */
input.textbox, input.email, textarea {
   width: 518px;
   font-size: 15px;
   border: 0.05em solid #ccc;
   background: white url(../img/input_gradient.png) repeat-x;
}

textarea {
   height: 120px;
   margin-left: 0; /* Fix for IE7 formatting bug */
}

/* List and dropdown */
select {
   width: auto;
   font-size: 15px;
   border: 0.05em solid #ccc;
   background: white url(../img/input_gradient.png) repeat-x;
}

option {
   padding: 0 20px 0 4px;
   min-width: 80px;
}

.response_text {
   font-size: 18px;
   font-weight: bold;
   margin-left: 0;
   border: none;
   background-color: transparent;
   -moz-border-radius: 0;
   padding: 0;
   color: #371620;
   border-bottom: 0.05em solid black;
}

/* Checkbox */
.response_checkbox {
   font-size: 15px;
}

.response_checkbox ul {
   padding-left: 0;
   margin-left: 0; /* Fix for IE6 */
   list-style: none;
}

.response_checkbox label {
   margin-left: 10px;
   margin-right: 20px;
}

.response_checkbox input {
   margin-right: 0;
   padding-right: 0;
}

/* Select All for list and checkbox */
.selectall label {
   font-style: italic;
}

/* Radio */
.response_radio {
   font-size: 15px;
}

.response_radio ul {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
}

.response_radio label {
   margin-left: 10px;
}

.response_radio input {
   margin-right: 0;
   padding-right: 0;
}

/* Name */
.response_name input {
   width: 215px;
}

/* Image */
.response_image img {
   max-width: 450px;
   overflow-x: auto;
}

.mandatory_flag {
   color: red;
   font-weight: bold;
}

.message {
   color: red;
   font-size: 18px;
   font-weight: bold;
}

label:hover {
   cursor: pointer;
   text-decoration: underline;
}

/* Progress bar element */
div.progressbar {
   width: 300px;
   height: 15px;
   font-size: 9px;
   direction: ltr;
   text-align: left;
}

/* Progress bar frame and background */
div.progressbar div.progressbar_frame {
   height: inherit;
   border: 0.05em solid #4D4D4D;
   background-color: #FFF2D9;
   -moz-border-radius: 0.5em;
}

/* Progress bar meter value */
div.progressbar div.bar {
   background-color: white;
   height: inherit;
   -moz-border-radius: 0.5em 0 0 0.5em;
   border-right: 0.25em solid #B31010;
}

.survey_controls {
   width: 600px;
   text-align: center;
}

#debug {
   text-align: left;
}