.form-standard-checkbox,
.form-standard-file,
.form-standard-html,
.form-standard-password,
.form-standard-radio,
.form-standard-select,
.form-standard-text,
.form-standard-textarea {
    margin: 0 0 15px 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
    line-height: 27px;
}

.no-margin .form-standard-html {
    margin:0;
}

.form-standard label, .form-zend label, .form-zend .long_label label {
    display: block;
    width: 140px;
    float: left;
    text-align: right;
    margin: 0 15px 0 0;
    line-height: 27px;
}
.form-zend .long_label label {
    width: 155px;
}

#order-free-sim label,
#fb-order-free-sim label {
    width: 100px;
}
#order-free-sim .form-standard-checkbox label,
#fb-order-free-sim .form-standard-checkbox label{
    width: auto;
}

.form-standard select, .form-standard input {
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    vertical-align: baseline;
}

fieldset.multibox_top {
    padding-top: 10px;
}

/** Patch because selects doesnt understand line-height! */
.form-standard select, .form-zend select {
    padding-top: 3px;
    margin-right: 5px;
}

.form-standard-text input, .form-standard-password input {
    border: 1px solid white;
    background-image: url(/gfx/bg_form_input.png);
    background-repeat: no-repeat;
    padding: 6px 10px 0;
    height: 21px;
    color: #404040;
    width: 150px;
    line-height: 21px;
}

.form-standard-text input[disabled=disabled] {
    color: #999999 !important;
}

.form-standard-text input.smaller, .form-standard-password input.smaller {
    width: 30px;
}

/** optional texts in text labels **/
.form-standard-text label span, .form-standard-select label span {
    bottom:-15px;
    font-size:10px;
    position:absolute;
    right:0;
}

/** To be able to show optional texts in labels **/
.form-standard-text label, .form-standard-select label {
    position: relative;
}
.form-standard-text, .form-standard-select  {
    overflow: visible;
}

.form-standard-html .html-content {
    margin-left: 155px;
}
.no-margin .html-content {
    margin-left: 0;
}

.form-standard-html label {
    line-height: 16px;
}

/** CHECKBOXES **/
.form-standard-checkbox, .form-standard-radio {
    margin-left: 185px;
    position: relative;
    overflow: visible;
}
#order-free-sim .form-standard-checkbox,
#fb-order-free-sim .form-standard-checkbox {
    margin-left: 145px;
}

.form-standard-checkbox label {
    line-height: 14px;
    text-align: left;
    width: 390px;
    float: right;
    margin: 0;
    /** absolute positioning **/
    float: left;
    width: auto;
}

.form-standard-checkbox input {
    width: auto;
    margin: 0 0 0 155px;
    height: 14px;
    /** absolute positioning **/
    margin: 0;
    position: absolute;
    left: -30px;
    top: 2px;
}

/** Radio Buttons **/
.form-standard-radio label {
    margin: 0;
    float: none;
    width: auto;
    text-align: left;
    vertical-align: middle;
}

.form-standard-radio input {
    height: auto;
    margin-right: 10px;
}

/** Submit button **/
.form-standard-submit {
    padding-top: 5px;
}

/** Field Descriptions **/
.form-standard .message, .form-standard .desc, .form-zend .desc, .form-zend .description, .form-zend .message {
    font-size: 10px;
    line-height: 14px;
    margin: 5px 0 0 155px;
    width: 170px !important;
    padding: 0;
}
.rel_l .desc {
    margin-left: 0;
}
.last .form-zend .desc {
    clear: both;
    margin: 0;
    padding: 5px 0 0 110px;
}

.form-standard .message, .form-zend .message, .form-zend .description {
    width: auto;
}

.form-zend .long_label .description {
    margin-left:175px;
}

/** Terms & Conditions text **/
.form-standard p.terms, .form-zend p.terms {
    margin: 15px 0 10px 140px;
    line-height: 14px;
}
#order-free-sim p.terms,
#fb-order-free-sim p.terms {
    margin-left: 115px;
    padding:0;
}
#order-free-sim a,
#fb-order-free-sim a {
    color:#333;
}

/** Strength widget **/
#pass_strength {
    background-color:#666666;
    display: block;
    height:11px;
    float:right;
    width:122px;
}

#pass_strength span {
    height: 100%;
    width: 0%;
    background-color: #70D452;
    overflow: hidden;
    zoom: 1;
    text-indent: 1000px;
    display: block;
}

/** HELP BUBBLES **/
.form-standard .help, .form-zend .help {
    background: url(/gfx/forms/help-icon.png?11860) no-repeat left top;
    padding: 0 19px 5px 0;
    margin:0 0 0 10px;
    vertical-align: baseline;
}

.form-standard .with-help label {
    line-height:21px;
    vertical-align:middle;
}

.form-standard .with-help input {
    height: 19px;
}

.form-standard .help:hover, .form-zend .help:hover {
    background-position: left bottom;
}

.form-standard-help-bubble {
    position: absolute;
    z-index: 1000;
    width: 205px;
    min-height: 100px;
    padding: 5px 10px 5px 15px;
    text-align: left;
    background: url(/gfx/forms/help-top.png?11860) no-repeat left top;
    color: black;
}
.form-standard-help-bubble-content {
    background: white;
    padding: 0 5px 5px 10px;
}

.form-standard-help-bubble-bottom {
    position: absolute;
    bottom: -5px;
    left: 8px;
    width: 100%;
    height: 5px;
    background: url(/gfx/forms/help-bottom.png?11860) no-repeat left bottom;
}

/** SUBMIT BUTTONS 
.form-standard-submit button, a.button {
    background: transparent url(/gfx/buttons/white_yellow_big.png?11860) no-repeat right top;
    height:37px;
    position: relative;
    overflow: visible; // removes extra side padding in IE
    border: none;
    border-width: 0px;
    padding: 0 10px 0 0;
    margin-right:5px;
    cursor: pointer;
    margin: 0 5px 0 155px;
    min-width: 110px;
    color:#3c3c3c;
}

.form-standard-submit button span, a.button span {
    position: relative;
    display: block;
    margin-left: -2px;
    background: transparent url(/gfx/buttons/white_yellow_big.png?11860) no-repeat left top;
    padding: 0px 5px 0 15px;
    text-decoration: none;
    font-size: 14px;
    line-height: 37px;    
    vertical-align: middle;
    white-space: nowrap;
    //
        Removing this float makes IE6 not display well the buttons, adding this
        float makes other browsers to not center the text in small buttons
    /
    _float: left;
}

*/

.form-standard-submit button, a.button {
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-weight: bold;
    overflow: visible; /* removes extra side padding in IE */

    padding: 0 25px 0 0;
    margin: 0 5px 0 155px;
    text-align: center;
    background: transparent url(/gfx/buttons/sld_btn.png) no-repeat right -141px;
    /*min-width: 80px;*/
    color:#3c3c3c;
}
.long_label .form-standard-submit button {
    margin-left:170px
}

.rel_l .form-standard-submit button {
    margin-left: 0;
}
.form-standard-submit button span, a.button span {
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 10px 0 0 25px;
    height:27px;
    background: transparent url(/gfx/buttons/sld_btn.png) no-repeat left top;
    /*min-width: 80px;*/
    font-size: 14px;
    font-weight: normal;
}

/* Firefox issue overrides extra padding */
button::-moz-focus-inner {
    border: none;
    padding: 0;
}

/* Safari and Google Chrome only - fix margins */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button span {
        margin-top: -1px;
    }
}


.form-standard-submit button:hover, a.button:hover,
.form-standard-submit button.hover, a.button.hover {
    background-position: right -188px;
}

.form-standard-submit button:hover span, a.button:hover span,
.form-standard-submit button.hover span, a.button.hover span{
    background-position: 0 -47px;
}

.form-standard-submit button:active, a.button:active,
.form-standard-submit button.has-focus,
.form-standard-submit button.clicked {
    background-position: right -235px;
}
.form-standard-submit button.disabled, .form-standard-submit a.disabled {
    background-position: right -329px;
    cursor: default;
}


.form-standard-submit button:active span, a.button:active span,
.form-standard-submit button.has-focus span,
.form-standard-submit button.clicked span {
    background-position: 0 -94px;
}
.form-standard-submit button.disabled span, .form-standard-submit a.disabled span  {
    background-position: 0 -282px;
    color: #666;
}

a.button {
    text-decoration: none;
    margin: 0;
    float: left;
}

a.button span {
    margin-left:0;
}

a.dark {
    background: transparent url(/gfx/buttons/white_dark_big.png?11860) no-repeat right top;
    height: 27px;
    line-height: 27px;
}

a.dark span {
    background: transparent url(/gfx/buttons/white_dark_big.png?11860) no-repeat left top;
    color:#fff;
    line-height: 27px;
}



/** FORM ERRORS! **/

.form-standard .status-error .error {
    display:block;
}

.form-standard .error, .form-zend p.error, .form-zend dd label.error,
.form-zend p.paf-error {
    background: url("/gfx/forms/alert-small.png?11860") no-repeat top left transparent;
    clear: left;
    color: #FF2513;
    display: none; 
    font-size: 11px;
    line-height: 12px;
    margin: 0;
    padding: 5px 0 0 30px;
    /** Proposition from rafeca **/
    width: 155px;
    float: right;
    margin-top: -20px;
}

.form-zend p.error {
    display: inline;
}
#order-free-sim p.error,
#order-free-sim p.paf-error,
#fb-order-free-sim p.paf-error,
.rel_l p.error{
    display:block;
    float:none;
    margin:5px 0 0 115px;
    width:145px;
    background: url("/gfx/forms/alert-small.png?11860") no-repeat scroll left top transparent;
    padding: 5px 0 0 30px;
}
.rel_l p.error {
    margin-left: 0;
}

/** Show errors in credit card form below inputs **/
.form-standard fieldset.creditcard .error,
.form-zend .creditcard p.error, 
.goodybags .form-zend p.error, .confirmation-step p.error {
    float:none;
    margin: 5px 0 0 155px;
    width:145px;
}

.form-zend .creditcard p.error, .goodybags .form-zend p.error, .confirmation-step p.error {
    display: block;
}

.form-standard .status-error input,
.dark .form-standard .status-error input,
.form-zend input.error,
.form-zend input.paf-error {
    border-color: #FE0000;
}


/** Exceptions where buttons must be on left **/
.form-standard .left button, .form-zend .left button {
    margin-left: 15px;
}

/** Checkboxes and radio buttons that go on the left! **/
.form-standard .left .form-standard-checkbox, .form-zend .left .form-standard-checkbox {
    margin-left: 45px;
}

.form-standard .left .form-standard-radio, .form-zend .left .form-standard-radio {
    margin-left: 30px;
}

.form-standard .form-standard-checkbox .desc, .form-zend .form-standard-checkbox .desc {
    padding:15px 0 0 15px;
    margin: 0;
    font-size: 12px;
    width: auto;
    clear: both;
}

/** Submit buttons for disabled forms **/
#body form.disabled .form-standard-submit {
    background-color:#E3EBF9;
    padding: 30px 15px 15px 30px;
    margin: -15px 0 0 -15px;
    _margin-left: 0px;
}

#body form.disabled .form-standard-submit button {
    margin-left: 0;
}

.form-standard-submit button.btn-disabled {
    background-color: #E3EBF9;
    background-image:url("/gfx/buttons/white_grey_big.png?11860");
    background-position: top right;
    cursor:default;
}

.form-standard-submit button.btn-disabled span {
    background-color: #E3EBF9;
    background-image:url("/gfx/buttons/white_grey_big.png?11860");
    background-position: top left;
    color:#737373;
}

form.disabled .form-standard-submit .warn {
    background-position: 0 0;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0 0 0 25px;
    margin-left: 15px;
    width:350px;
    display: none;
}

/** Forms in dark boxes @todo: review and set more especific 

.dark .form-standard label, .dark .form-zend label {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

.dark .form-standard .desc, .dark .form-zend .desc, {
    clear: both;
    margin-left: 110px;
    width: auto;
}

.dark .form-standard .form-standard-submit, .dark .form-zend .form-standard-submit {
    padding-left: 110px;
}

.dark .form-standard-submit button, .dark .form-standard-submit a.button  {
    background: url("/gfx/buttons/dark_yellow_small.png") no-repeat scroll left top transparent;
    display: block;
    height:27px;
    width:114px;
    margin: 0;
    text-decoration: none;
    color:#3C3C3C;
    padding: 0;
}

.dark .form-standard-submit button.hover span, .dark .form-standard-submit a.button:hover span {
    color: #000;
}

.dark .form-standard-submit button span, .dark .form-standard-submit a.button span {
    background-image:none;
    display:block;
    line-height: 27px;
    font-size: 12px;
    text-align: center;
    float: none;
    margin: 0;
    padding: 0 10px;
}

*/

#wg_balance a.button, #bkt_submit{
    background: url("/gfx/buttons/dark_yellow_big.png") no-repeat scroll left top transparent;
    height: 47px;
    padding: 0;
    width: 126px;
    float: left;
    margin: 0;
    color: #3C3C3C;
    display: block;
}
#bkt_submit {
    background: url("/gfx/buttons/dark_yellow_small.png") no-repeat scroll left top transparent;
    height: 27px;
    width: 114px;
}
#wg_balance a.button.last {
    background: url("/gfx/buttons/dark_grey_big.png") no-repeat scroll left top transparent;
    color: #CCCCCC;
    float: right;
}

#wg_balance a.button span, #bkt_submit span {
    background-image:none;
    display:block;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    float: none;
    margin: 0;
    height: 28px;
    padding: 9px 10px 0;
    white-space: normal;
}
#wg_balance div.simple_link span {
    line-height: 28px;
}

#bkt_submit span {
    padding: 0 10px;
    line-height: 26px;
}
#wg_balance a.button:hover span, #bkt_submit a.button:hover {
    color:#000;
}
#wg_balance a.button.last:hover span {
    color:#fff;
}


#redeem_voucher label
{
    width: 180px;
}
#redeem_voucher button.submitButton
{
    margin-left: 195px;
}

#widget_voucher input {
    border-color: #333333;
    margin:0;
    float: left;
}

#redeem_voucher p.error {
    clear: both;
    width: 200px;
    float: left;
    margin-bottom: 10px;
}

.form_voucher p.error {
    margin: 10px 120px;    
}

.dark .form-standard .error, .dark .form-zend p.error {
    background: url("/gfx/forms/alert-grey.png?11860") no-repeat top left transparent;
    margin:5px 0 0 0;
    padding: 0 0 0 23px;
    width:115px;
    line-height: 15px;
    vertical-align: middle;
    display: none;
}

/** First and last buttons **/
div.dark .form-standard-submit .first {
    margin: 0;
    float: left;
}

.dark .form-standard-submit a.last, .dark .form-standard-submit button.last {
    margin: 0;
    float: right;
    background: transparent url(/gfx/buttons/dark_grey_small.png) no-repeat scroll 0 0;
    color:#ccc;
}

div.dark .form-standard-submit .last:hover span {
    color: #fff;
}

/** Multiline buttons **/
.dark .form-standard-submit .big button, .dark .form-standard-submit .big a.button {
    background:url("/gfx/buttons/dark_yellow_big.png") no-repeat scroll left top transparent;
    height:47px;
    width:126px;
    padding: 0;
}

.dark .form-standard-submit .big button.last, .dark .form-standard-submit .big a.last {
    background:url("/gfx/buttons/dark_grey_big.png") no-repeat scroll left top transparent;
}

.dark .form-standard-submit .big button span, .dark .form-standard-submit .big a.button span {
    line-height: 14px;
    padding: 9px 10px 0 10px;
    height: 28px;
    margin:0;
    white-space: normal;
}

/** Form Steps **/
#steps {
    margin: 0 0 0 -15px;
    background: black url(/gfx/bg_steps.png) repeat-x;
    padding-bottom: 0;
    height: 33px;
    overflow: hidden;
    zoom: 1;
    font-size: 16px;
}

#steps li {
    float: left;
    width: 100px;
    line-height: 33px;
    text-align: center;
    color: #3c3c3c;
    font-weight: bold;
}
#steps.total-2 li { width: 286px; }
#steps.total-3 li { width: 189px; }
#steps.total-4 li { width: 145px; }
#steps.total-5 li { width: 111px; }
#steps li.selected {
    color: #ffb620;
}
#steps li.first {
    margin-left: 0;
}
#steps li.last {
    float: right;
}

#steps a {
    color: #3c3c3c;
    text-decoration: none;
}
#steps a:hover, #steps a:active  {
    color: #fee8bb;
    background-color: transparent;
}

/** Autotopup form **/

.form-standard .sub_option, .form-zend .sub_option {
    margin-bottom: 7px;
}

.form-standard .sub_option label, .form-zend .sub_option label {
    text-align: left;
    width: auto;
    margin-left: 60px;
}

/** Disabled forms **/
fieldset.disabled {
    color: #bbb;
}


/* TEST_FORM */

.form-zend span.top {
    display: block;
    background-image:url("/gfx/box-headers.png?11860");
    background-repeat:no-repeat;
    background-position:-3165px top;
    height: 2px;
}

.expanded .form-zend span.top {
    display: none;
}

.form-zend .box .header {
    background-position: -3165px -2px;
}
.form-zend .box .tophead {
    background-position: -3165px top;
}

.form-zend fieldset .body {
    padding-top: 20px;
}
.form-zend fieldset.no_title .body {
    padding-top: 0;
}

.form-zend fieldset legend {
    display: none;
}

.form-zend fieldset .legend {
    display: block;
    background-image:url("/gfx/box-headers.png?11860");
    background-repeat:no-repeat;
    background-position:-3165px -20px;
    text-indent: 30px;
    color:#3C3C3C;
    width:100%;
    padding: 0;
}

.form-zend fieldset .legend.no_bite{
    background-color: #fff;
}

.recaptcha_image_switch {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;	
}

#recaptcha_image {
    width: 240px !important;
    margin:10px 0 0 115px;
}
#recaptcha_image img{
    height:46px !imporant;
    width:240px !imporant;    
}

.form_opt{
    padding-top: 20px;
}

.form-zend .body h3{
    padding: 0 0 15px 0;
}

.form-zend dd label.error {
    margin-top: -25px;
    width: auto;
}

.redeem_voucher_button {
    background: transparent url("/gfx/buttons/voucher_button.png") no-repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    height: 27px;
    width: 60px;
    top: 26px;
    right: 10px;
    float: right;
}

.enableAdultContent {
    margin-bottom : 0;    	
}


#transfer_date_content p.error {width:105px}

.form-zend label span.sp2lines {
    bottom: 0;
    font-size: 1em;
    line-height: 1.3em;
    position: relative;
}

#paf_postcode,
.paf_addresses input.paf_postcode {
    float: left;
    width: 55px;
}

a#paf_search,
.paf_addresses a.paf_search {
    background: #999; color:#fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    line-height: 27px; display: block; height: 27px; float: left; text-align: center; width: 90px; margin-left: 5px; text-decoration: none;
}
a#paf_search:hover,
.paf_addresses a.paf_search:hover {color:#000}

#paf_data,
.paf_addresses .paf_data {
    padding: 0 0 0 155px;
}
#order-free-sim #paf_data,
#fb-order-free-sim #paf_data {
    padding: 0 0 0 115px;
}
#order-free-sim .html-content,
#fb-order-free-sim .html-content {
    margin-left: 115px;
}

#paf_data select,
.paf_addresses .paf_data select {
    margin-top: 10px;
    width: 170px;
}
#paf_data .loading,
.paf_addresses .paf_data .loading{
    background: url("/gfx/ajax-loader.gif") no-repeat scroll left 10px transparent;
    padding: 10px 0 0 23px;
}

.paf_address_element {display:none}
.paf_manual .paf_address_element {display:block}

/*
#order-free-sim .form-standard-submit {
    position:absolute;
    bottom:-10px;
    left:0;
}
*/
#order-free-sim .form-standard-submit button {
    margin: 0;
    background: none;
    padding:0;
    position:absolute;
    bottom:-17px;
    left:85px;
}
#order-free-sim .form-standard-submit span {
    font-size: 18px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    background-image: url("/gfx/buttons/order_sim_btn.png");
    width:250px;
}

#fb-order-free-sim .form-standard-submit button {
    margin-left: 115px;
}


/***** @todo review add class to forms (p.e. dark form) ******/
.dark #signup label {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

.dark #signup .desc, {
    clear: both;
    margin-left: 110px;
    width: auto;
}

.dark #signup .form-standard-submit {
    padding-left: 110px;
}

.dark #signup button  {
    background: url("/gfx/buttons/dark_yellow_small.png") no-repeat scroll left top transparent;
    display: block;
    height:27px;
    width:114px;
    margin: 0;
    text-decoration: none;
    color:#3C3C3C;
    padding: 0;
}

.dark #signup button:hover span {
    color: #000;
}

.dark #signup button span {
    background-image:none;
    display:block;
    line-height: 27px;
    font-size: 12px;
    text-align: center;
    float: none;
    margin: 0;
    padding: 0 10px;
}

.dark #signup input {
    border-color: #333333;
    margin:0;
    float: left;
    width: 120px;
}

div#confirm-data {
    float: left;
    margin-left: 20px;
}


.div-key {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
}

.div-value {
    margin-left: 20px;
    float: left;
}

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

/* Confirmation step */
.payment-details{
    width:420px;
    display:inline-block;
}
.payment-details li{
    clear:both;    
}
.payment-details div.label{
    float:left;
    width: 140px;
    text-align: right;
    margin: 0 15px 0 0;
    line-height: 20px;
}
.payment-details div.detail{
    float: left;
    line-height: 20px;
}
.form-custom-margin-submit button{
    margin:0
}

.div-key label{
    float: left;
    text-align: right;
    width: 100px;
}
.div-value input{
    width:100px;
}
p.desc{
    width:100px;
}

.billing-address-fields{
    display:none;
}

.form-standard-submit button.no-margin {
    margin:0;
}

.submit_button_loader {
padding-top:5px;
margin-left:155px;
}
.rel_l .submit_button_loader{
margin-left:0;
}
#wg_basket .submit_button_loader{
clear: both;
margin-left: 145px;
}
.submit_button_loader img{
vertical-align:sub;
}


#profile-avatar div.fileinputs {
	position: relative;
        margin-left: 150px;
}

#profile-avatar div.fileinputs p.description {
    margin-left: 0px;
}

#profile-avatar div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#profile-avatar input#image {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#rating-element label {
    color: white;
}