/* sspv.base styles */
.sspv-editor {
    margin: 10px 10px 10px 0px;
}

.field-wrapper {
    display: table;
}

.required {
    font-weight: bold;
    color: red;
    display: inline;
}

.field-label {
    display: inline;
}

.tooltip {
    vertical-align: top;
    margin-left: 5px;
}

.text-box {
    height: 25px;
}

/*Styles für horizontale ausrichtung von Required (*), Label, Editor und Tooltip*/
.sspv-horizontal-editor-required {
    display: table-cell;
    vertical-align: middle;
}

    .sspv-horizontal-editor-required > div {
        width: 8px;
        font-weight: bold;
        color: red;
    }

.sspv-horizontal-editor-label {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

    .sspv-horizontal-editor-label > div {
        width: 160px;
    }

.sspv-horizontal-editor-field {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

    .sspv-horizontal-editor-field > div {
        width: 100%;
    }

.sspv-horizontal-editor-control {
    display: table-cell;
    vertical-align: middle;
}

    .sspv-horizontal-editor-control > div {
        padding-left: 10px;
        width: auto;
    }

.sspv-tooltip-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 16px;
}

    .sspv-tooltip-wrapper > div {
        width: 16px;
    }

/*End Styles für horizontale ausrichtung von Label, Textbox und Tooltip*/

/*Mikrochip Styles*/
.sspv-chipland-horizontal {
    width: 40px;
}

.sspv-chipnummer-horizontal {
    width: 100%;
}

/*PLZ City Styles*/
.sspv-plzcity-name {
    width: 40px;
}

.sspv-plzcity-postcode {
    width: 150px;
}

/*Beurteilung Styles*/
/*.sspv-beurteilung-input {
    /*width: 100px;*/
}*/


.sspv-signalement-input {
    height: 50px;
    width: 795px;
}

/*Pony Info Style*/
.sspv-pony-info {
    margin: 10px 10px 10px 0px;
    display: table;
}

    .sspv-pony-info > div {
        display: table-row;
    }

        .sspv-pony-info > div > div {
            display: table-cell;
            vertical-align: middle;
            overflow: hidden;
        }

.sspv-pony-info-name-wrapper {
    width: 100%;
}

.sspv-pony-info-name {
    width: 100%;
}

.sspv-pony-info-id {
    width: 100px;
    text-align: right;
}

.sspv-pony-info-details {
}

.sspv-pony-info-zuchtbuchkategorie {
}