/* common */

.usersignupcontrol .yellowbox
{
    border: 1px #aaa dashed;
    padding: 10px;
    background-color: lightyellow;
}

.usersignupcontrol .yellowbox .boxtitle
{
    margin-bottom: 30px;
    font-weight: bold;
}

/* form */

.usersignupformview .control-ddl
{
    min-width: 10px;
}

.usersignupformview .one-col-of-three
{
    width: 32%;
    float: left;
}

.usersignupformview .one-col-of-two
{
    width: 48%;
    float: left;
}

.usersignupformview .editor-label
{
    margin-top: 10px;
    font-weight: bold;
}

.usersignupformview .editor-field
{
    margin-bottom: 10px;
}

.usersignupformview .member-type
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.usersignupformview .member-type *,
.usersignupformview .udf-field input[type=radio],
.usersignupformview .udf-field input[type=radio] + label,
.usersignupformview .udf-field input[type=checkbox],
.usersignupformview .udf-field input[type=checkbox] + label
{
    vertical-align: middle;
}

.usersignupformview .editor-field input[type="text"],
.usersignupformview .editor-field textarea,
.usersignupformview .editor-field select
{
    width: calc(100% - 10px);
}

.usersignupformview .editor-field input[type="text"].input-validation-error,
.usersignupformview .editor-field textarea.input-validation-error,
.usersignupformview .editor-field select.input-validation-error
{
    width: calc(100% - 40px);
}

.usersignupformview .buttons
{
    text-align: center;
}

.usersignupformview .buttons input
{
    margin-left: 10px;
    margin-right: 10px;
}

@media only screen and (max-width : 600px)
{
    /*make them stack*/
    .usersignupformview .one-col-of-three,
    .usersignupformview .one-col-of-two
    {
        width: 95%;
    }
}


/* thanks */

.usersignupthankyouview
{
    font-weight: bold;
}