/* ---------------------------------------------------------- */
/*   SURVEY STYLING BEGINS HERE                                */
/* ---------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* BASIC PAGE ELEMENTS */
/* ---------------------------------------------------------- */


body { background-color: #fff; font-family: Helvetica, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-size: 0.88em; color: #545454; line-height: 125%;
}

.form-container, body#thanks div.form-container { width: 40em; border: 1px solid #ccc; padding: 0 15px 15px 15px; margin-left: auto; margin-right: auto; margin-bottom: 20px;
}

body#thanks div.form-container { padding: 25px;
}

.form-desc { margin-left: auto; margin-right: auto; border-bottom: 2px dashed #ccc; margin-bottom: 20px;
}


/* ---------------------------------------------------------- */
/* TEXT STYLES */
/* ---------------------------------------------------------- */


a, a:visited { color: #0072bc; text-decoration: none; font-size: 1em;
}

a:hover { text-decoration: underline;
}



h1.index, h1.about, h1.thanks { font-family: "Trebuchet MS", "Gill Sans", Verdana, sans-serif; font-size: 1.5em; padding: 0; font-weight: bold;
}

h1.index { margin: 25px 0 !important;
}

h1.about { margin: 25px 0 !important;
}

h1.thanks { margin: 5px 0 0 !important;
}



h3.about { font-family: "Trebuchet MS","Gill Sans",Verdana,sans-serif; padding: 0; margin: 0;
}

h3.help { font-family: "Trebuchet MS","Gill Sans",Verdana,sans-serif; padding: 0; margin: 20px 0 5px;
}



h4.intro { font-family: "Trebuchet MS","Gill Sans",Verdana,sans-serif; padding: 0; margin: 0;
}

h4.details { padding: 0; margin: 0; font-size: 0.9em;
}


/* ---------------------------------------------------------- */
/* DIVS */
/* ---------------------------------------------------------- */

div.details { margin: 30px 0 30px 0; font-size: 0.85em;
}

div.help, body#index div.help, body#about div.help { background-color: #e0f6fd; margin: 10px 0; padding: 5px 0 0;
}

body#about div.help { padding: 5px 0;
}

body#index div.help { margin: 15px 0 35px 0; padding: 5px 0 10px;
}

div.steps { background-color: #e0f6fd; margin: 0;
}



/* ---------------------------------------------------------- */
/* PARAGRAPHS*/
/* ---------------------------------------------------------- */

p.about { margin: 5px 0;
}

p.bottom { margin: 10px 0 5px 0; background-color: #e0f6fd; padding: 0 10px;
}

p.details {
	padding-left: 10px;
}

p.form-desc { font-size: 0.92em;
}

p.help { margin-top: 5px !important; font-size: 0.88em;
}

p.intro { margin: 0 0 10px 0; padding: 0;
}

p.intro-top { margin: 3px 0 10px 0; padding: 0;
}

p.steps { background-color: #e0f6fd; padding: 0 10px; margin: 10px 0;
}

body#index p.steps { background-color: #e0f6fd; padding: 0 10px; margin: 10px 0;
}

p.tell { margin: 25px 0 0 0 !important; font-weight: bold;
}

p.thanks { margin-top: 5px;
}

p.top { margin-top: 5px; background-color: #e0f6fd; padding: 0 10px;
}


/* ---------------------------------------------------------- */
/* SURVEY FORM*/
/* ---------------------------------------------------------- */

input, select, textarea, option { font-family: inherit; font-size: inherit; font-weight: normal;
}

.error { color: #c43b1d; font-size: 12px;
}

.errorbox-good { border: 1px dashed #ccc; padding: 5px; background-color: #f3f3f3;
}

.form-entry { clear: left;
}

.required-asterisk { color: #c43b1d; font-size: 0.95em; padding-top: 10px;
}

.ss-q-short { display: block;
}

.ss-q-long { max-width: 90%;
}

.ss-q-title { font-size: 0.88em; font-weight: bold; display: block;
}

.ss-q-help { font-size: 0.8em; float: left;
}


/* ---------------------------------------------------------- */
/* LISTS*/
/* ---------------------------------------------------------- */


ul.about { padding: 0; margin: 0 0 0 10px; list-style-type: disc;
}

ul.intro { list-style-type: none; padding: 15px 0 0 15px; margin: 15px 0; background-color: #add8e6;
}

ul label { padding-left: 5px;
}

ul label.error { display: table-row-group !important; color: #c43b1d; font-size: 12px;
}

ul.ss-choices { list-style-type: none; margin: 0px; padding: 0px; float: left;
}

ul.steps { list-style-type: none; padding: 0; margin: 10px 0 5px 0; background-color: #add8e6;
}

ul.thanks { margin-bottom: 0; list-style-type: circle;
}



li.about { padding: 0; margin-left: 7px; list-style-type: circle;
}

li.bottom { padding-bottom: 30px; list-style-type: none; 
}

li.evc-helped { font-size: 0.95em; padding: 15px 0 0 5px;
}

li.intro { padding-bottom: 20px; list-style-type: none; 
}

li.ss-choice-item { font-size: 0.88em; margin-right: 30px; padding: 5px 0 0 0; display: block;
}

li.steps { padding: 10px 0; margin-left: 10px; list-style-type: none; 
}

li.thanks { padding: 5px 0; margin: 0; list-style-type: none;
}

li.thanks-sub { padding: 0 0 10px 0; margin: 0;
}

li.top { padding: 0;
}