/* Basics */
/* -------------------------------------------------------------------------- */



/* Smerf form */
/* -------------------------------------------------------------------------- */

form.smerfForm {

}

form.smerfForm p {
    font-size: 0.8em;
}

form.smerfForm .checkbox input {
    margin-right: 3px;
    float: left;
}

form.smerfForm .radiobutton input {
    margin-right: 3px;
    float: left;

}
form.smerfForm .radiobutton label {
    width:auto

}
form.smerfForm input[type='submit'] {
    width: 200px;
    display: inline;
}

form.smerfForm textarea { }
form.smerfForm .text input {margin: 5px 10px 5px 10px;}


/* Welcome message */
form.smerfForm .smerfWelcome p {
    font-size: 14px;
}

/* Thank you message */
form.smerfForm .smerfThankyou p {
    font-size: 12px;
}


/* Form Title */
form.smerfForm h2 {
    margin:0;
}
.smerfGroup h3{ border-bottom:1px solid #eee; margin:25px 0 0 0;}

/* Group Description */
form.smerfForm .smerfGroupDescription p {
    font-size: 12px;
    border-bottom: 1px dotted #B8B8B8;
    padding: 5px 10px;
}

/* Question Heading (You can group questions under another heading) */
form.smerfForm .smerfQuestionHeader p {
    font-weight: bold;
    background-color : #EDE9C5;
    text-align: left;
    margin: 5px 10px 5px 10px;
    padding: 2px 2px;
}

/* Question */
form.smerfForm .smerfQuestion p {
    font-size:1.1em;
    font-weight: bold;
    background-color : #fff;
    text-align: left;
    margin: 5px 10px 5px 10px;
    padding: 2px 2px;
}

/* Subquestion */
form.smerfForm .smerfSubquestion p {
    font-weight: bold;
    text-align: left;
    margin: 5px 10px 5px 10px;
    padding: 2px 2px;
    font-style: italic;
}

/* Question error (error displayed above the actual question) */
form.smerfForm .smerfQuestionError p {
    font-weight: bold;
    background-color : #ffdee2;
    text-align: left;
    margin: 5px 10px 5px 10px;
    padding: 2px 2px;
}

/* Error messages */
form.smerfForm .smerfFormError {
    background-color: #ffdee2;
    border-top: 1px solid #ffb0bd;
    border-bottom: 1px #ffb0bd solid;
    margin: 2px 1px 2px 1px;
    color: #ff5762;
    font-weight: normal;
}

form.smerfForm .smerfFormError li, form.smerfForm .smerfFormError p, form.smerfForm .smerfFormError ul {
    font-size: 10px;
    padding-left: 10px;}

form.smerfForm .smerfFormError h2 {
    font-size: 12px;
    border-bottom: none}

form.smerfForm .smerfFormError a { color: #fff; }

/* Notice messages */
form.smerfForm .smerfFormNotice p {
    background-color: #e9ffe7;
    border-top: 1px solid #ffb0bd;
    border-bottom: 1px #ffb0bd solid;
    margin: 2px 1px 2px 1px;
    color: #288320;
    font-weight: normal;
    padding-left: 10px;
    font-size: 14px;}

.radiobutton {
    float:left; width:auto; clear:none; font-size:1em

}
.radiobutton p label {
    border-right: 1px solid #ccc; padding:0 12px 0 0

}
.smerfSubquestion{ display:block; float:left; width:auto; clear:none}
.text{ display:block; float:left; width:auto; clear:none}



.sub_questions{
    float:left;
    clear: none;
    width: 100%;
}