.ShellCreateAccount {
    float: left;
    width: 100%;
}

.AccountTextField {
    float: left;
    text-align: right;
    clear: both;
    width: 100%;
    padding: 5px 0;
}

.AccountTextFieldAsterik {
    color: #FF0000;
    float: left;
    width: 0px;
}

.AccountTextFieldLabel {
    float: left;
    padding: 7px 0 0 8px;
    width: 150px;
}

.AccountTextField input, .AccountTextField select {
    float: left;
    width: 400px;
    margin-left: 10px;
}

.CreateAccountFields h1, .CreateAccountFields h2 {
    float: left;
    width: 100%;
}
/*----These four classes are for toggleing a state selector and free entry control based upon the selected country----*/
.AccountTextField.StateSelector .StateListBox {
    display: inline-block;
}

.AccountTextField.StateSelector input {
    display: none;
}

.AccountTextField.StateSelector.FreeEntry .StateListBox {
	display: none;
}

.AccountTextField.StateSelector.FreeEntry input {
	display: inline-block;
}
/*----See comment above----*/

.CreateAccountFields {
    float: left;
    width: 100%;
}

.CommentsTextArea {
    margin-bottom: 7px;
    width: 334px;
    max-width: 100%;
    float: left;
}

.TaxExemptCheckBox {
    float: left;
    margin-left: 20px;
}

.ShellCaptcha {
    float: left;
    clear: both;
    margin-top: 10px;
    padding: 10px 0;
    width: 100%;
}

.CreateAccountButton {
    float: left;
    clear: both;
}

.Hidden {
    display: none;
}
.StateListBox option:first-child:sle {
    color: #808080;
    font-size:8px;
}
@media (max-width: 620px) {
    .AccountTextField input, .AccountTextField select {
        width: calc(100% - 160px);
    }
}

@media (max-width: 500px) {
    .AccountTextFieldLabel {
        text-align: left;
        padding-left: 0;
    }

    .AccountTextField input, .AccountTextField select {
        clear: both;
        width: 100%;
        margin-left: 0;
    }

    .TaxExemptCheckBox {
        margin-left: 10px;
    }
}