﻿.active {
    border-color: #88c72a;
    background-color: #88c72a;
    background: -moz-linear-gradient(top, #88c72a 0%, #709e0e 100%);
    background: -webkit-linear-gradient(top, #88c72a 0%, #709e0e 100%);
    background: -o-linear-gradient(top, #88c72a 0%, #709e0e 100%);
    background: -ms-linear-gradient(top, #88c72a 0%, #709e0e 100%);
    background: linear-gradient(top, #88c72a 0%, #709e0e 100%);
}

.paid {
    font-weight: 700;
    color: #0A70BC;
}

/*
	Status Bar
*/

ol.status {
    margin-top: 30px;
    list-style: none;
}

    ol.status li {
        position: relative;
        display: inline-block;
        float: left;
        background: #D9D9D9;
        width: 118px;
        margin-right: 10px;
        height: 50px;
    }

        ol.status li span {
            display: table-cell;
            font-weight: 700;
            color: #666;
            vertical-align: middle;
            text-align: center;
            width: 118px;
            height: 50px;
            padding-left: 20px;
        }

        ol.status li:after,
        ol.status li:before {
            content: " ";
            position: absolute;
            top: 0;
        }

        ol.status li:after {
            width: 0;
            height: 0;
            border-top: 25px solid transparent;
            border-bottom: 25px solid transparent;
            border-left: 20px solid #D9D9D9;
            right: -20px;
        }

        ol.status li:before {
            left: -5px;
            border-width: 25px 0 25px 20px;
            border-style: solid;
            border-color: #D9D9D9 #D9D9D9 #D9D9D9 #FFF;
        }

        ol.status li.activestep {
            background-color: #88c72a;
        }

        ol.status li.processed {
            background-color: #709e0e;
        }

        ol.status li.activestep span {
            color: #fff;
        }

        ol.status li.processed span {
            color: #dedede;
        }

        ol.status li.activestep:after {
            border-left: 20px solid #88c72a;
        }

        ol.status li.processed:after {
            border-left: 20px solid #709e0e;
        }

        ol.status li.activestep:before {
            border-color: #88c72a #88c72a #88c72a #FFF;
        }

        ol.status li.processed:before {
            border-color: #709e0e #709e0e #709e0e #FFF;
        }

        ol.status li.step1:before {
            content: " ";
            border-width: 20px 0 20px 20px;
            border-style: solid;
            border-color: transparent;
        }

li.step1 {
    z-index: 24;
}

li.step2 {
    z-index: 23;
}

li.step3 {
    z-index: 22;
}

li.step4 {
    z-index: 21;
}

li.step5 {
    z-index: 20;
}

/*
***************************************************************************************************
* Form Section
***************************************************************************************************
*/

.FormBody ol {
    list-style-type: none;
    padding: 10px 0px 10px 10px;
}

    .FormBody ol li {
        padding: 5px 0px;
        clear: both;
    }

        .FormBody ol li label,
        .FormBody ol li input {
            float: left;
        }

		.FormBody ol li label {
			padding: 5px 2px 5px 0px;
		}

		.FormBody ol li input {
			padding: 5px 4px;
		}
		
		.FormBody ol li span.info {
            margin-top: 7px;
            display: inline-block;
			color: gray;
        }

        .FormBody ol li input {
            border: 1px solid #E2E2E2;
            background: none repeat scroll 0% 0% #FFF;
            width: 120px;
            margin-right: 10px;
        }

        .FormBody ol li label {
            width: 120px;
        }

.FormBody .SubmitButton {
    margin-bottom: 10px;
}

.FormBody th,
.FormBody td {
    text-align: left;
    vertical-align: top;
    padding: 5px 0px 5px 0px;
}

.FormBody p {
    margin: 10px 0px 10px 10px;
}
