body {
    background-color: #CDCFD2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.container {
    background-color: white;
    margin: auto;
    margin-top: 20px;
    padding-bottom: 30px;
    width: 700px;
    border-radius: 4px;
}

.headerInner {
    background-color: #35364A;
    color: white;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    border-radius: 4px 4px 0px 0px;
}

.heading {
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 30px;
}

.buttonContainer { padding-top: 50px; }

.informationGroup {
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px;
}

.informationGroupSection { margin-bottom: 30px; }

.helpText { /*padding-top: 10px;*/ }

.helpText img {
    height: 20px;
    padding-right: 5px;
    width: 20px;
}

.informationGroupContentCaption {
    color: black;
    float: left;
    font-weight: bold;
    height: 100%;
    line-height: 38px;
    text-align: left;
    width: 30%;
}

.informationGroupContentValue {
    float: left;
    height: 100%;
    width: 70%;
}

.informationGroupContent {
    border-bottom: 1px solid silver;
    padding: 10px;
}

.informationGroupList { padding: 10px; }

.informationGroupContentDescription {
    color: #AFB0B4;
    float: left;
    height: 100%;
    width: 50%;
}

.black { color: black; }

.red {
    color: #B50600;
}

.clear { clear: both; }

.bold { font-weight: bold; }

.successfulIcon {
    background-position: 0px 0px;
    float: left;
    height: 42px;
    margin-left: 35px;
    margin-right: 25px;
    width: 42px;
    color: #00645E;
    font-size: 50px;
    font-weight: bold;
}

.errroIcon {
    background-image: url(images/Invalid.gif);
    height: 55px;
    margin-left: 20px;
    margin-right: 28px;
    width: 54px;
}

.successfulText {
    float: left;
    font-weight: bold;
    margin-right: 20px;
    width: 578px;
}

.btnContinue {
    background-image: url(images/activateImageMap.png);
    background-position: -50px 0px;
    border-style: none;
    border-width: 0;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 31px;
    vertical-align: middle;
    width: 100%;
}

.inputText {
    background-color: white;
    border: 1px solid gray;
    height: 30px;
    margin-bottom: 10px;
    padding: 4px 10px 4px 10px;
    color: black;
    font-size: 18px;
    outline-width: 0;
    width: 100%;
}

.inputText:read-only { background-color: #eee; }

.placeHolder { height: 20px; }

#loadingDiv {
    background-color: white;
    color: #AFB0B4;
    padding: 20px;
    text-align: left;
    width: 500px;
}

.loadingText {
    margin: 0 10px 0 10px;
    width: 432px;
}

.buttons { padding-top: 30px; }

.button {
    color: #111820;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin-right: 30px;
    text-align: center;
    width: 136px;
    border-radius: 4px;
}

.btnNext {
    background-color: #33B8B1;
}

.btnNext_disabled {
    background-color: #CDCFD2;
}

.hidden { display: none; }

.ticketUpdateFailed {
    color: #B50600 !important;
}

.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #91939C;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 2s linear infinite;
    float: left;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#progressVerifyLabel, #progressAdditionalInfoLabel {
    margin-left: 25px;
}