/*
    Common 
*/

.wizard3,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: visible;
}

    .wizard3 a,
    .tabcontrol a {
        outline: 0;
        display: block;
    }

    .wizard3 ul,
    .tabcontrol ul {
        list-style: none !important;
        padding: 0;
        margin: 0px 0px 0px 0px;
    }

        .wizard3 ul > li,
        .tabcontrol ul > li {
            display: block;
            padding: 0;
        }

    /* Accessibility */
    .wizard3 > .steps .current-info,
    .tabcontrol > .steps .current-info {
        position: absolute;
        left: -999em;
    }

    .wizard3 > .content > .title,
    .tabcontrol > .content > .title {
        position: absolute;
        left: -999em;
    }



    /*
    Wizard
*/

    .wizard3 > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

    .wizard3.vertical > .steps {
        display: inline;
        float: left;
        width: 25%;
    }

    .wizard3 > .steps .number {
        font-size: 1.429em;
    }

    .wizard3 > .steps > ul > li {
        width: 145px;
        margin-left: 0px;
    }

    .wizard3 > .steps > ul > li,
    .wizard3 > .actions > ul > li {
        float: left;
    }

    .wizard3.vertical > .steps > ul > li {
        float: none;
        width: 100%;
    }

    .wizard3 > .steps a,
    .wizard3 > .steps a:hover,
    .wizard3 > .steps a:active {
        color: #555555;
        display: block;
        width: 140px;
        padding: 3px 3px;
        text-decoration: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .wizard3 > .steps .disabled a,
    .wizard3 > .steps .disabled a:hover,
    .wizard3 > .steps .disabled a:active {
        color: #aaa;
        cursor: default;
        text-align: center;
    }

    .wizard3 > .steps .current a,
    .wizard3 > .steps .current a:hover,
    .wizard3 > .steps .current a:active {
        color: #991111;
        cursor: default;
        text-align: center;
        height: 28px;
    }

        .wizard3 > .steps .current a:after {
            content: "";
            display: block;
            margin: 0 auto;
            width: 70%;
            border-bottom: 12px solid #991111;
            position: relative;
            top: -15px;
        }

    .wizard3 > .steps .done a,
    .wizard3 > .steps .done a:hover,
    .wizard3 > .steps .done a:active {
        color: #aaa;
        text-align: center;
    }

    .wizard3 > .steps .error a,
    .wizard3 > .steps .error a:hover,
    .wizard3 > .steps .error a:active {
        background: #991111;
        color: #fff;
    }

    .wizard3 > .content {
        background: #fff;
        display: block;
        overflow: hidden;
        width: 895px;
        margin-bottom: 10px;
        border-top: 1px solid #cdcdcd;
    }

    .wizard3.vertical > .content {
        display: inline;
        float: left;
    }

    .wizard3 > .content > .body {
        float: left;
        width: 95%;
        min-height: 390px;
        padding: 2.5%;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .wizard3 > .content > .body ul {
            list-style: disc !important;
        }

            .wizard3 > .content > .body ul > li {
                display: list-item;
            }

        .wizard3 > .content > .body > iframe {
            border: 0 none;
            width: 100%;
            height: 100%;
        }

        .wizard3 > .content > .body input {
            display: block;
            border: 1px solid #ccc;
        }

            .wizard3 > .content > .body input[type="checkbox"] {
                display: inline-block;
            }

            .wizard3 > .content > .body input.error {
                background: rgb(251, 227, 228);
                border: 1px solid #fbc2c4;
                color: #8a1f11;
            }

        .wizard3 > .content > .body label {
            display: inline-block;
            margin-bottom: 0.5em;
        }

            .wizard3 > .content > .body label.error {
                color: #8a1f11;
                display: inline-block;
                margin-left: 1.5em;
            }

    .wizard3 > .actions {
        position: relative;
        display: block;
        text-align: right;
        width: 100%;
    }

    .wizard3.vertical > .actions {
        display: inline;
        float: right;
        margin: 0 7.5%;
        width: 95%;
    }

    .wizard3 > .actions > ul {
        display: inline-block;
        text-align: right;
    }

        .wizard3 > .actions > ul > li {
            margin: 0 0.5em;
        }

    .wizard3.vertical > .actions > ul > li {
        margin: 0 0 0 1em;
    }

    .wizard3 > .actions a,
    .wizard3 > .actions a:hover,
    .wizard3 > .actions a:active {
        background-color: #75D965;
        background-image: url("../../images/Buttons/cart_button_gradiet.jpg");
        background-repeat: repeat-x;
        border: 1px solid #618C46;
        border-radius: 6px 6px 6px 6px;
        color: #FFFFFF;
        display: inline-block;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 12px;
        text-decoration: none;
        cursor: pointer;
        background-position: 0 1px;
    }

    .wizard3 > .actions .disabled a,
    .wizard3 > .actions .disabled a:hover,
    .wizard3 > .actions .disabled a:active {
        background: #DDDDDD;
        color: #efefef;
        border-color: #B5B5B5;
    }

    .wizard3 > .loading {
    }

        .wizard3 > .loading .spinner {
        }