.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background:#333;
    border: none;
    color: #FFF;
    padding: 10px 20px;
    font-family:'open_sansbold', Arial, Helvetica, sans-serif;
    font-size:14px;
    text-transform: uppercase;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    border: none;
    background:#111;
    text-decoration:none;
}
.redbutton {
    background:#700A2F;
}

#Form_PaymentForm {
    margin-top:30px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
#Form_PaymentForm_card {
    font-family:'open_sansregular', Arial, Helvetica, sans-serif;
    background: #fff;
    width: 100%;
    box-sizing:border-box;
    max-width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #AAA;
    padding: 10px;
    color: #777;
    margin: 0;
    font-size:16px;
}
#Form_PaymentForm_card {
    padding:13px 10px;
}
textarea {
    min-height: 60px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #977F35;
    color: #222;
    -moz-box-shadow: 0 0 5px rgba(128, 33, 125,.3);
    -webkit-box-shadow: 0 0 5px rgba(128, 33, 125,.3);
    box-shadow:  0 0 5px rgba(128, 33, 125,.3);
}

form {
    margin:0 0 20px;
    overflow:hidden;
}
label,
legend {
    display: block;
    margin-bottom:5px;
    font-family:'open_sansbold', Arial, Helvetica, sans-serif;
}
.field {
    margin:0 20px 20px 0;
}
.middleColumn {
    clear:left;
}
.field.checkbox input {
    float:left;
    margin-right:6px;
}
.field.checkbox {
    overflow:hidden;
    clear:left;
}
.field.checkbox label {
    float:none;
    margin:0 0 0 30px;
}

.field.CompositeField.dateselector .field {
    float:left;
}
.field.CompositeField.dateselector .field[id="DateOfBirth[Day]"] {
    clear:left;
}
.field.CompositeField.dateselector .field label {
    font-family:'open_sansregular', Arial, Helvetica, sans-serif;
}

.field .description {
    opacity:0.7;
    display:block;
    padding:0 2px;
    font-family:'open_sanslight', Arial, Helvetica, sans-serif;
    font-size:0.8em;
}
.field .message {
    display:block;
    clear:both;
}
.field .message.required {
    color:#900;
}

.checkableoption {
    position:relative;
}
.checkableoption .field.checkbox {
    position:absolute;
    top:0;
    right:0;
    margin:0;
}

.nocaptcha {
    min-height:78px;
}


.field.optionset, .field.dateselector {
    overflow:hidden;
}
.field.optionset ul, 
.field.optionset li {
    margin:0;
    padding:0;
    list-style:none;
    line-height:20px;
}
.field.optionset li {
    margin-bottom:10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.field.optionset label {
    float:none;
    margin:0;
}
.field.optionset input {
    float:left;
}
.field.optionset ul li label {
    cursor:pointer;
    display:inline-block;
    margin-left:5px;
}
.field.optionset ul li label img {
    width:150px;
    user-drag: none; 
    -moz-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.field.optionset ul.SubscriptionLevels li input {
    position:absolute;
    background:#F00;
}
.field.optionset ul.SubscriptionLevels li .OptionSummary {
    float:left;
    margin-left:25px;
    display:block;
}

.field.checkboxset li {
    margin:5px 10px 5px 0 ;
    float:left;
}

ul.OptionsetJquery li {
    float:left;
    margin:0 15px 10px 0;
    position:relative;
}
ul.OptionsetJquery li input {
    position:absolute;
    right:0;
    top:0;
    margin:0;
}
ul.OptionsetJquery li label {
    text-align:center;
    font-size:12px;
    margin:0 !important ;
}
ul.OptionsetJquery li span {
    display:block;
}


#CardNumber {
    max-width:360px;
}
#ExpiryDate div.field {
    float:left;
    margin-right:10px;
}
#ExpiryDate div.field.literal {
    line-height:44px;
    padding-top:24px;
    font-size:18px;
}

.Actions {
    margin-top:20px;
}


::-webkit-input-placeholder { color: #AAA; opacity:1; } 
:-moz-placeholder { color: #AAA; opacity:1; } 
::-moz-placeholder { color: #AAA; opacity:1; } 
:-ms-input-placeholder { color: #AAA; opacity:1; }


@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (max-width: 767px){
    .field {
        margin:20px 0;
    }
}
@media only screen and (max-width: 479px){
}