#edit-form-wrapper {
    position: absolute;
    z-index: 10;
}

.edit-form-wrp {
    position:relative;
}

.popup-edit-form {
    position: absolute;
    right: -22px;
    top: 20px;
    width: 310px;
    z-index: 4;

    background-color: $form-popup-background-color;
    
    @if $form-popup-border-color != null {
        border-color: $form-popup-border-color;
        border-width: $form-popup-border-width;
        border-style: $form-popup-border-style;
    } @else {
        border: none;
    }

    @if $supports-border-radius == true {
        @include radius($form-popup-border-radius);
    }
}

.edit-form-popup-close {
    border-bottom: 1px dotted;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 12px;
    z-index: 2;
}

.clr {
    clear:both;
    height:0;
}

.edit-form-button {
    float:right;
    position: relative;
    cursor: pointer;
    height: $form-popup-button-height;
    padding: 0;

    @if $form-popup-button-background-color != null {
        background-color: $form-popup-button-background-color;
        @if $form-popup-button-background-gradient == true {
            @include background-gradient($form-popup-button-background-color, $form-popup-button-background-gradient-type);
        }
    }

    @if $form-popup-button-border-color != null {
        border-color: $form-popup-button-border-color;
        border-style: $form-popup-button-border-srtyle;
        border-width: $form-popup-button-border-width;
    }

    white-space: nowrap;
}

.button_inner_wrp, .button_inner {
    display: block;
    float: left;
    height: 21px;
    margin: 0;
    padding: 0 4px 0 0;
    white-space: nowrap;

    background-repeat: no-repeat;
}

.edit-form-button, .input_wrapper {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
}

.button_inner {
//    background-image: theme-background-image($theme-name, 'button/btn_left.gif', false, true) !important;
    color: $form-popup-button-color;
    font-weight: $form-popup-button-font-style;
    line-height: 21px;
    padding-left:15px;
    padding-right:11px;
    text-decoration: none;
}

.edit-form {
    padding: 10px 15px 0;
    .input-text {
        width: 174px;
        height: 30px;
        margin-right: 5px;
        min-width: 186px;
    }
}

.edit-form-top {
    height: 35px;
}

.edit-form-bottom {
    height: 30px;
}

.wrapped_input {
    border: 0;
    background: none;
    box-shadow: none !important;
    position: relative;
    margin: 0;
    padding: 0;
}

#edit-form-hint {
    padding: 3px;
    display: none;
    border: 1px solid #d7d7d7;
    color: #666;
    background: #F6F6F6;
    position: absolute;
    z-index: 10;
}

.input_wrapper {
    @if $form-popup-input-border-color != null {
        border-color: $form-popup-input-border-color;
        border-style: $form-popup-input-border-style;
        border-width: $form-popup-input-border-width;
    }

    padding: $form-popup-input-padding;
    position: relative;
    width: 55%;
}

.input_wrapper input {
    width: 100%;
}

.wrapped_input_right {
    position:absolute;
    width:8px;
    right:0;
    top:0;
}

.popup-edit-form-link, .no_border {
    border: 0 !important;
}

@mixin popup-form-panel(
    $sufix: null,
    $border-color: null,
    $border-style: solid,
    $border-width: 1px,
    $border-radius: 0
) {
    .popup-edit-form-#{$sufix} {
        @if $border-color != null {
            border-color: $border-color;
            border-style: $border-style;
            border-width: $border-width;
        } @else {
            border-width: 0;
        }

        @if top($border-radius) > 0 {
            @include radius($border-radius);
        }
    }
}