.stop{
    display: block;
    float: left;
}
.stop-left{
    min-width: 143px;
    width: 19%;
    margin-right: 1%;
}
.stop-right{
    
    width: 80%;
    color: #0079CA;
    font-size: 2.2em;
    vertical-align: top;
    font-weight: bold;
    line-height: 1em;
}
.step{
    display: inline;
    float: left;
    margin-left: 12px;
}
.step.text{
    color:#0063B8;
    font-size: 24px;
    padding-top: 35px;
}
.step.arrow{
    padding-top: 10px;
}
.stepone.courses{
    background-color: #0063B8;
    color: #fff;
    padding:20px;
}
.stepone.form .date-padding{
    padding-left:0;
}
#startapplication{
    width: 100%;
    background: transparent url("../images/bluecta.png") no-repeat scroll 95% 0%;
    color: #0063B8;
    text-transform: none;
    font-size: 30px;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: bold;
    height: 102px;
    margin: 10px 0;
    border-bottom: 1px solid;
}
form[id*='course-enrollment-form']{
    padding:1em;
}
.stepone.info{
    display: block;
    float: left;
    width: 50%;
    padding: 15px;
   
}
.stepone.form{
    display: block;
    float: left;
    width: 50%;
    padding: 15px;
    border-left: 1px solid #B0B0B0;
}








/* Experian Data Quality elements */

 

/* Address Validation lightbox classes. */

 

/* Main dialog */

.edq-address-dialog {

border: 1px solid #000000;

color: #595959;

font-family: "OpenSansRegular",Arial,serif;

font-size: 14px;

line-height: 20px;

}

 

/* If you change the color for the above class, you must also change the color for this element. */

.edq-address-dialog table {

color: #595959;

}

 

/* Title bar */

.edq-address-dialog-title-bar {

background-color: #207cc6;

background-image: linear-gradient(to bottom,#2898e7,#135395);

}

 

/* Title bar font color */

 

.edq-address-dialog-title-text {

color: #fff;

}

 

/* Prompt field */

.edq-address-dialog-prompt-text {

font-size: 14px;

}

 

/* Prompt field header text */

.edq-address-dialog-header {

background-color: #f5f5f5;

border: 1px solid #e3e3e3;

}

 

/* Prompt field link text */

.edq-address-dialog-link {

color: #428bca;

}

 

/* Prompt field link text hover style */

.edq-address-dialog-link:hover {

color: #2a6496;

text-decoration: underline;

}

 

/* Buttons */

.edq-address-dialog .ui-button {

background-color: #1370bd;

background-image: linear-gradient(to bottom,#147ed6,#115b98);

border: 1px solid #bbb;

border-color: #4286c3;

color: white;

}

 

/* Input text */

.edq-address-dialog-prompt-text table

{

font-size: 14px;

margin: 0;

border: 0 none;

}

 

/* Input field */

.edq-address-dialog-prompt-text input

{

border: 1px solid gray!important;

}

 

/* Address Validation progress bar */

 

.edq-address-dialog-wait-progress-bar {

background-image: url('images/progress-bar.gif');

background-position: center;

background-repeat: no-repeat;

display: inline;

height: 19px;

padding-left: 25px;

position: absolute;

width: 85%;

}

 

 

 

/* Email validation classes */

 

/* If you wish to customize the icons used for Email Validate, add a background-image override to any of the following classes for which you wish to change the icon displayed to users when validation occurs. */

 

.edq-email-success {

}

 

.edq-email-warning {

}

 

.edq-email-failure {

}

 

/* Phone validation classes */

 

/* If you wish to customize the icons used for Phone Validate, add a background-image override to any of the following classes for which you wish to change the icon displayed to users when validation occurs. */

 

.edq-phone-success {

}

 

.edq-phone-warning {

}

 

.edq-phone-failure {

}

 

/* If you wish to customize the flag icons used for Phone Validate, add a background-image override to the following class. Note that the image must have the same dimensions and size as the default image and that the individual flags must be in the same order as the default image for the correct flag to be displayed in the control. */

 

.edq-phone-flag-image {

}


@media screen and (max-width: 740px) {
    
    .stepone.info {
        display: block;
        float: none;
        width: 100%;
        padding: 15px;
    }
    
    .stepone.info .form-submit {
        width: 50%;
    }
    
    .stepone.form {
        display: block;
        float: none;
        width: 100%;
        padding: 15px;
        border-left: none;
        margin-top: 20px;
    }
    
    .stepone.form .form-submit {
        width: 50%;
    }
    
    
}