/*
    Document   : form
    Created on : 26-mei-2010, 8:54:28
    Author     : SMScity
    Description:
        Form markup
*/ /**
 * ProductForm
 */
.productForm .formContainer {
    clear: both;
    display: block;
    text-align: center;
}

.productForm .rowContainer {
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
    clear: both;
}

.productForm .selectContainer {
    float: left;
    margin-left: 3px;
}

.productForm .resetContainer {
    float: right;
}

.productForm .submitContainer {
    margin: 0 auto;
}

/**
 * EnterInformationForm
 */
form.enterInfoForm dt, form.enterInfoForm dd, form.enterInfoForm dl, form.enterInfoForm ul, form.enterInfoForm fieldset {
    padding: 0;
    margin: 0;
    border: none;
}
fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
form.enterInfoForm input {
    margin: 0;
    padding: 0;
}

ul.errors {
    color: #f00;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

form.enterInfoForm ul.errors {
    color: #f00;
    list-style-type: none;
}

form.enterInfoForm ul.success {
    color: #0f0;
    list-style-type: none;
}

form#infoForm fieldset#infoFormBody dl {
    clear: both;
    margin: 5px 0;
    padding: 0;
}

form#infoForm dt {
    border-color: #bcbcbc;
    border-right: 0 none;
    border-style: dotted none none;
    border-width: 1px 0 0;
    margin: 0px;
    padding: 4px 0px;
}

form#infoForm dd {
    clear: both;
    margin: 0px;
    padding-bottom: 4px;
}

form#infoForm fieldset#infoFormBody input {
    border: 1px solid #bcbcbc;
    height: 17px;
    padding: 0 0 0 2px;
}

form#infoForm fieldset#infoFormBody input#first_name {
    float: left;
    width: 165px;
}

form#infoForm fieldset#infoFormBody input#last_name {
    margin-left: 5px;
    width: 190px;
}

form#infoForm fieldset#infoFormBody input#address {
    float: left;
    width: 315px;
}

form#infoForm fieldset#infoFormBody input#house_number {
    margin: 0 0 0 6px;
    width: 39px;
}

form#infoForm fieldset#infoFormBody input#postal_code {
    float: left;
    margin: 0 8px 0 0;
    width: 69px;
}

form#infoForm fieldset#infoFormBody input#place {
    width: 282px;
}

form#infoForm fieldset#infoFormBody input#mobile_number {
    padding: 0 0 0 2px;
    width: 180px;
}

dd.hidden {
    display: none;
}
form#infoForm fieldset#infoFormBody input#country_code {
    border-color: #bcbcbc;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    margin: -3px 0 0 2px;
    text-align: right;
    width: 39px;
}

form#infoForm fieldset#infoFormBody input#email {
    width: 364px;
}

form#infoForm fieldset#infoFormBody select#prepaid_days,form#infoForm fieldset#infoFormBody select#country_select
    {
    border: 1px solid #bcbcbc;
    height: 19px;
    width: 139px;
}

div.mobileSelect {
    display: inline;
    margin: 0px;
}

div.mobileInput {
    display: inline;
    margin: 3px 0px 0px 0px;
}

div.dateEntry-trigger,div.datepick-popup {
    display: none;
}

img.datepick-trigger {
    position: relative;
    left: -18px;
    top: 2px;
    cursor: pointer;
}

form#infoForm fieldset#infoFormFooter {
    border-color: #bcbcbc;
    border-right: 0 none;
    border-style: dotted none none;
    border-width: 1px 0 0;
    margin: 5px 0;
    padding: 0;
}

form#infoForm fieldset#infoFormFooter dl {
    margin: 5px 0;
    padding: 0;
}

form#infoForm dt#remember-label, form#infoForm dt#gsmchoice-label {
    float: left;
    border: 0;
    margin-left: 3px;
}
form#infoForm dt#gsmchoice-label {
    margin-top: -6px;
}
form#infoForm dd#remember-element, form#infoForm dd#gsmchoice-element {
    float: left;
    margin-top: 4px;
}
form#infoForm dd#gsmchoice-element {
    margin-top: -3px;
}
form#infoForm dd#submit-element {
    float: right;
}

.selectAmount {
    border: 1px solid #848484;
    height: 18px;
    width: 40px;
    margin: 0 0 0 5px;
}

.buttonOrder {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    padding: 1px;
}

span.formError {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 10px;
}

div.formfieldError {
    border-color: #ff0000;
}

div.productOrderNotice {
    background: #ebe9ea;
    border: 1px solid #b5b5b5;
    padding: 5px;
    width: 460px;
}

div.productOrderContent select {
    border: 1px solid #848484;
    height: 18px;
    width: 40px;
    margin: 0 0 0 5px;
}

/*
    Newsletter Button Styles
*/
td.newsletterColumn {
    width: 235px;
}

button.newsletterButton {
    float: left;
    background: url('../images/Buttons/newsletter.png') no-repeat;
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 17px;
    width: 27px;
    cursor: pointer;
}

button.newsletterButton:hover {
    background-position: 0 100%;
}

input.newsletterField {
    width: 170px;
    height: 16px;
    float: left;
    padding: 0px;
    border: 1px solid #d8d6d7;
}

span.newsletterError, span.actionCodeError {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 10px;
}

span.newsletterCorrect {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #009000;
    margin-bottom: 10px;
}

/**
    CheckData form
*/
form#checkDataForm fieldset#checkFormBody dl {
    border-color: #bcbcbc;
    border-right: 0 none;
    border-style: dotted none none;
    border-width: 1px 0 0;
    clear: both;
    margin: 5px 0;
    padding: 0;
}

form#checkDataForm dt {
    margin: 0px;
    padding-top: 4px;
}

form#checkDataForm dd {
    margin: 0px;
    padding-bottom: 4px;
}

form#checkDataForm dt#newsletter-label {
    float: left;
    border: 0;
    margin-left: 3px;
}

form#checkDataForm dd#newsletter-element {
    float: left;
    margin-top: 4px;
}

form#checkDataForm dd#submit-element {
    padding-top: 5px;
    float: right;
}

/**
    Default focus and idle classes
*/
.focusField {
    color: #000000;
}

.idleField {
    color: #aaaaaa;
}

.success {
    border: 1px solid #000;
    background: #fff;
    padding: 5px;
    margin-top: 10px;
}

.buttonLink {
    text-decoration: none;
}

div.errorMessage {
    margin: 9px 0px;
}

span.successMessage {
    color: #00f;
}

span.errorMessage {
    color: #f00;
}

/**
     Standard form
**/
form.standard {
    margin: 0;
    padding: 0;
}

form.standard dt, form.standard dd, form.standard dl, form.standard ul, form.standard fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

form.standard dl {
    margin: 8px 0;
}

form.standard dd {
    font-size: 0px;
}

form.standard dd * {
    font-size: 12px;
}

form.standard dt {
    border-color: #BCBCBC -moz-use-text-color #BCBCBC #BCBCBC;
    border-style: dotted none none;
    border-width: 1px 0 0;
    margin: 0;
    padding-top: 4px;
}

form.standard input {
    margin: 0;
    padding: 2px;
}

form.standard ul.errors {
    color: #f00;
    list-style-type: none;
}

form.standard ul.success {
    color: #0b0;
    list-style-type: none;
}

form#smsForm fieldset {
    width: 100%;
}
form#smsForm fieldset dl dd.fields,
form#smsForm fieldset dl dd.error {
    margin: 4px 0 0 0;
    float: left;
    font-size: 0px;
    padding: 0 10px 0 0;
    vertical-align: top;
}
form#smsForm span.errorMessage {
    color: #e01942;
    margin: 0 0 0 5px;
    padding: 0;
}