/*CSS Styling*/
.disabled-button {
        pointer-events: none;
        cursor: not-allowed;
        background-color: #ccc; /* Optional: Change the appearance to indicate it's disabled */
}

.fieldset-wrapper {
        text-align:left;
}

.fieldset-title {
        color: #00a8bc;
        font-weight: 700;
        letter-spacing: 1px;
        font-family: Montserrat,Arial,Helvetica,sans-serif;
        font-size: 13px;
        text-transform: uppercase;
        background: transparent;
        line-height: 1.2em;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-width: 0px;
        margin-top: -35px;
        padding: 5px 6px 3px 10px;

}

.fieldset {
        border-width: 0px;
        border-radius: 3px;
        background: #f5f5f5;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin-top: 40px;
}

input {
        font-weight: normal;
        border-radius: 6px 6px 6px 6px;
        border-style: solid;
        border-width: 1px;
        border-color: #dfdfdf;
        background-color: #fff;
}

legend {
        display:block;
        padding-bottom:20px;
        margin-left:-20px;
}

.inner-content-margins {
        margin-left:15px;
        margin-right:15px;
}

.addt-request-and-payment-title-and-confirmation-titles {
        color: #4b4b4b;
        font-weight: 300;
        letter-spacing: 1px;
        font-family: Montserrat,Arial,Helvetica,sans-serif;
        font-size: 22px;
        line-height: 28px;
        padding-top:20px;

}

label {
        width: 300px;
        float:left;
        padding-left:25px;
}

.form-item-labeled {
        padding-top:5px;
        padding-bottom:5px;
        clear:both;
}

#please-read-disclaimer{
        font-size: 14px;
        padding-top:20px;
        font-weight:bold;
        padding-bottom:5px;
        color: red;
        text-transform: uppercase;
}

#please-read-disclaimer span {
        text-decoration: underline;
}

.welcome-fieldset-container{
        display:block;
}

.welcome-fieldset-title {
        float:left;
        height:40px;
        width:240px;
        color: #00a8bc;
        font-weight: 700;
        letter-spacing: 1px;
        font-family: Montserrat,Arial,Helvetica,sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        background: transparent;
        line-height: 1.2em;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-align: left;
        margin: 0 -4.5em 0 1.5em;
}

.welcome-fieldset-title-description{

        color: #4b4b4b;
        font-weight: 700;
        font-family: Montserrat,Arial,Helvetica,sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        background: transparent;
        line-height: 1.2em;
}

.welcome-fieldset-title-description-regular-weight{
        color: #4b4b4b;
        font-weight:500;
        font-family: Montserrat,Arial,Helvetica,sans-serif;
        font-size: 14px;

}

.welcome-fieldset-description-wrapper {
        float:left;
        width:680px;
        text-align:left;
}

.validate-display-error{
        padding-left:15px;
        color:red;
}

.htmlfieldtype-markup {
        padding-left: 25px;
        margin-bottom: 10px;
}


.originaladdbutton {
        padding-left: 25px;
}

.originalremovebutton {
        padding-left: 25px;
}

.original-transcript-selected, .personal-check-selected {
        padding-top: 10px;
        padding-bottom:5px;
        padding-left: 25px;
        font-style: italic;
        color:#00a8bc;
        font-weight: bold;
}

.buttonSeparator {
        margin-top:20px;
}

.overview-table {
        text-align:left;
}

.overview-table	td {
        color: #555555;
        width:300px;
}

.overview-table-title {
        padding-top:25px;
        font-weight:bold;
}

.overview-transcript-table {
        color: #555555;
        padding-top:20px;
        text-align:left;
}

.overview-transcript-table th {
        font-weight:bold;
        width:200px;
        text-align:left;
}

.overview-transcript-table td {
        width:200px;
}

.totaldue {
        font-weight:bold;
}

#step3-expedited-processing-and-shipping {
        font-size:12px;
        color:#00a8bc;
        font-style:italic;
        padding-top:5px;
        font-weight:bold;
        padding-right:25px;
        padding-bottom:25px;
}

.step4-agree-to-pay-original-transcript {
        padding-top: 50px;
        padding-right: 15px;
        font-weight: bold;
        font-size: 13px;
        color: #00a8bc;
}

.step4-agree-to-pay-original-transcript-contact-info {
        padding-top:20px;
        padding-bottom:5px;
        font-weight:bold;
        font-size:13px;
        color:#555555;
}

.step4-agree-to-pay {
        padding-top:50px;
        padding-left:4px;
        font-weight:bold;
        font-style:italic;
        font-size:14px;
        color:#00a8bc;
}

.original-ordered {
        padding-top:20px;
        padding-left:4px;
        padding-bottom:5px;
        font-size:14px;
        font-weight:bold;
        color:#00a8bc;
}

.step4-user-overview-padding {
        padding-left: 15px;
}

.step4-non-credit-confirmation-wrapper {
        padding-left: 15px;
        padding-bottom: 60px;
}

.step4-confirmation-page-text-address{
        padding-top: 15px;
        padding-bottom: 25px;
        font-weight: bold;
        color: #4b4b4b;
        font-size: 13px;
}

.step4-confirmation-page-please-note-personal-check{
        padding-right: 15px;
        font-size:13px;
        font-weight:bold;
        color:#00a8bc;
}

.step4-confirmation-page-text-not-credit {
        padding-top:40px;
        padding-right: 15px;
        padding-bottom:5px;
        font-size:13px;
        font-weight:bold;
        color:#00a8bc;
}

.step4-confirmation-page-text-credit-wrapper {
        padding-top: 40px;
        padding-right: 15px;
        padding-bottom:40px;
        padding-left: 15px;
}

.step4-confirmation-page-text-credit {
        padding-top:20px;
        font-size:14px;
        font-weight:bold;
        color:#00a8bc;
}

.step4-confirmation-page-text-creditcard-fail {
        padding-top:80px;
        padding-right:15px;
        padding-bottom:400px;
        padding-left:15px;
        font-size:14px;
        font-style:italic;
        font-weight:bold;
        color:#00a8bc;
}

.step4-failed-creditcard-wrapper-inner {
        width: 500px;
        margin: auto auto;
}

.step4-edit-payment-information-form {
        padding-top: 30px;
        width: 250px;
        float:left;
}

.step4-cancel-request-form {
        padding-top: 30px;
        width: 200px;
        float:left;
}

.fieldset .titled {
        padding-left: 15px;
        padding-right: 15px;
}

/*BUTTONS*/
.button {
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
        background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
        background-color: #ededed;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #dcdcdc;
        display: inline-block;
        color: #777777;
        font-family: arial;
        font-size: 15px;
        font-weight: bold;
        padding: 6px 24px;
        text-decoration: none;
        text-shadow: 1px 1px 0px #ffffff;
        margin-top: 15px;
}

.button:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
        cursor: pointer;
        cursor: hand;
}

#back-side-button, #continue-side-button {
        float:right;
        padding:10px;
        padding-top:5px;
}

#back-side-button {
        margin-top: -50px;
        margin-right: 110px;
}

.button-container{
        height:50px;
        padding:20px;
        padding-top:0px;
}

#process-button {
        margin: 25px 0px 40px 0;
}

.doNotShow {
        display:none;
}

.page2-form-separator {
        margin-top: 20px;
        font-style:italic;
        font-weight:bold;
}

#edit-studentaddressstate-wrapper, #edit-studentaddresscity-wrapper, #edit-autocomplete-wrapper,
#edit-administrative_area_level_1-wrapper, #edit-locality-wrapper, #edit-creditcardstate-wrapper,
#edit-creditcardprovence-wrapper {
    display:none;
}