/*Sage Specific Styles*/

/************************
 STANDARD COLORS:
    Very Light: #E8E9F4
    Light:      #DBDDEE
    Medium:     #858DB8
    Dark:       #232D73
*************************/

BODY {
    background-color: #FFFFFF; 
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover; 
    line-height: 1.4285;
    font-family: sans-serif;
    margin: 0px;
    padding: 0px;
}

FORM {
    background: #FFFFFF;
    text-align: left;
    margin: 0px auto;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.SAGE {
    font-style: italic !important;
    font-weight: bold !important;
}

html {
    -webkit-text-size-adjust: 100%;
}

.AlignTop {
    vertical-align: top;
}
.AlignMiddle {
    vertical-align: middle;
}
.AlignBottom {
    vertical-align: bottom;
}
.AlignLeft {
    text-align: left;
}
.AlignCenter {
    text-align: center;
}
.AlignRight {
    text-align: right;
}


/*Desktop size*/
.lg1, .lg2, .lg3, .lg4, .lg5, .lg6{float:left; display:inline-block; }
.lg1 {
    width: 16.66%;
}
.lg2{
    float: left;
    width: 33.33%;
}
.lg3 {
    width: 50%;
}
.lg4{
    width: 66.66%;
}
.lg5 {
    width: 83.33%;
}
.lg6{
    width: 100%;
}
/**/
/*Mobile size*/

/**/

a {
}

    a:link, a:visited {
    }

    a:hover, a:active {
    }

p {
    margin: 2px 0px 8px 0px;
}

img {
    border: none;
}

td {
    vertical-align: top;
    margin-left: 160px;
}

input[type='text'], .dropdownList, .textbox, textarea {
    padding: 2px 2px 1px 2px;
    font-size: 9pt;
    border: 1px solid #999999;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #C0C0C0;
    outline: none;
    font-family: Arial;
    margin-bottom: 4px;
}

input[type=radio] + label, input[type=checkbox] + label {
    position: relative;
    top: -2px;
    left: 2px;
    font-family: Arial, 'Segoe UI', Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    margin-bottom: 0px;
}
input[type=button] {
    font-size: 10pt;
    color: #404040;
    border-radius: 0.25em;
    padding: 2px 0.5em;
    border: 1px outset gray;
}

.sectionHeader{
    font-size: 12pt; 
    font-weight: bold;
    background: linear-gradient(#E0E0E0,#FFFFFF);
    padding: 0.25em 1em 1em;
}
.dropdownList {
    padding: 0px 0px 0px 2px;
    height: 21px;
}

.button {
    font-size: 10pt;
    color: #404040;
    border-radius: 0.25em;
    border: 1px outset gray;
    padding: 2px 0.5em;
}
input[type=button].buttonLargeWidget, input[type=submit].buttonLargeWidget, .buttonLargeWidget {
    font-size: 12pt;
    font-weight: bold;
    color: #404040;
    background: linear-gradient(#F0F0F0,#FFFFFF,#D0D0D0);
    border-radius: 0.25em;
    border: 1px outset #808080;
    padding: 0.5em 1em;
    margin: 0px auto;
    display: block;
    cursor: pointer;
    /*width: 100%;*/
}
input[type=button].buttonWidget, input[type=submit].buttonWidget, .buttonWidget {
    font-size: 10pt;
    font-weight: bold;
    color: #404040;
    background: linear-gradient(#F0F0F0,#FFFFFF,#D0D0D0);
    border-radius: 0.25em;
    border: 1px outset #808080;
    padding: 4px 8px;
    margin: 0px auto;
    cursor: pointer;
    /*width: 100%;*/
}

.buttonSmall {
    font-size: 9pt;
    padding: 0px 2px 0px 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid gray;
    height: 19px;
}

.inline{display: inline;}
.QuickLinksBar {
    text-align: right;
    background-color: #F0F0F0;
    height: 10px;
    border-bottom: 1px solid #C3C3C3;
}

.QuickLinksIcon {
    margin: 4px;
    height: 27px;
}

.navbar {
    background-color: #FFFFFF;
    border: none 0px;
    padding: 0em;
    margin: 0em;
}

.navbar-default {
    border: none 0px;
    height: 110px;
}

.navbar-header {
}

.nav {
    color: #000000;
    font-family: Verdana;
    font-weight: normal;
    float: right;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

    .nav li a {
        border-bottom: solid 1px #C0C0C0;
        padding: 3px 10px;
    }

        .nav li a:hover, .nav li a:active {
            border-bottom: 1px dashed #3c4099;
        }

        .nav .dropdown-menu li a:hover, .nav li a:active {
            border-bottom: solid 1px #C0C0C0;
        }

.navbar-default .navbar-nav > li > a {
    color: #111111;
    text-decoration: none;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #919FD5;
    }

.nav A {
    color: #000000;
    text-decoration: none;
}

.navbar-brand {
    height: auto;
    padding: 0em 1em;
    margin-top: -16px;
}

.sageNavbarPadding {
    padding-top: 16px;
}

.nav li:Hover ul {
    display: block;
    position: absolute;
    width: auto;
}

.MainContent {
    background: #FFFFFF;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    border: none 0px;
    min-height: 600px;
    color: #777777;
    /*font-size: 12px;*/
}

.pageMainContent {
    padding: 0px 30px 0px 15px;
}

.pageMainContentCell {
    margin: 0px;
    padding: 0px 15px 0px 40px;
    border: none 0px;
    min-height: 430px;
}

    .pageMainContentCell ul {
        margin-bottom: 0px;
    }

.PageFooter {
    background: #202020;
    color: #C0C0C0;
    padding: 6px 10px;
}

.PageFooterColumn {
    padding: 8px;
}

.PageFooter A {
    color: #FFFFFF;
    text-align: left;
    white-space: nowrap;
    display: inline-block;
    margin: 0px 0px 0px 40px;
    padding: 0px;
    text-decoration: none;
}

.breadcrumbs {
    background: url('../images/waves.png');
    line-height: 1;
    margin-bottom: 0px;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}

.breadcrumb {
    position: relative;
    background: none;
    text-align: left;
    color: #777777;
    font-family: "OpenSansRegular";
    font-family: Verdana;
    font-size: 11px;
    margin-bottom: 0px;
    padding: 7px 12px 8px 16px;
    -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.8) inset,0px -1px 0px 0px rgba(255,255,255,0.6) inset;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.8) inset,0px -1px 0px 0px rgba(255,255,255,0.6) inset;
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.8) inset,0px -1px 0px 0px rgba(255,255,255,0.6) inset;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ededed;
    border-width: 0px;
}

.breadcrumbStart {
    content: '';
    background: url('../images/arr_118.png') no-repeat top right;
    position: relative;
    top: 1px;
    width: 110px;
    padding-left: 10px;
    padding-bottom: 4px;
    line-height: 1;
    vertical-align: middle;
}

.crumbs, .crumbsHome {
    margin-left: 3px;
}

    .crumbs a, .crumbsHome a {
        position: relative;
    }

    .crumbs a, .crumbs {
        padding: 10px 10px 10px 7px;
    }

    .crumbsHome, .crumbsHome a {
        padding: 10px 15px 10px 6px;
    }

.crumbsCurrent {
    padding: 0px 5px 0px 10px;
    vertical-align: middle;
}

span.current {
    position: relative;
    padding: 7px 5px 8px 20px;
}

.crumbs a:first-child:before {
    background: none;
}

span.crumbs a:after, span.crumbs:after, .crumbs:after {
    content: '';
    background: url('../images/arr-2.png') no-repeat right top;
    visibility: visible;
}

.crumbsHome a:after {
    content: '';
    background: url('../images/arr-2.png') no-repeat right top;
    position: absolute;
    left: 12px;
    top: 2px;
    width: 100%;
    height: 60px;
    visibility: visible;
}
 .ApplicationTable .panelBorder, .panelBorder { 
     border:1px solid #808080; 
     border-radius: 20px; 
     overflow: hidden;
 }

 .statusProgress{
     background-color: #232D73; 
     text-align: left; 
     margin:2px auto; 
     padding:0px; 
     border-collapse: collapse; 
     line-height: .2;
 }
 .statusProgress .full{
     width: 45px;
      height: 24px;
      background-image: url('../Images/progress_background_50x35.png');
 }
  .statusProgress .end{
     width: 32px;
      height: 24px;
      background-image: url('../Images/progress_background_50x35.png');
 }
.pageCategory, h2, .h2 {
    color: #3c4099 !important;
    padding: 0px;
    font-size: 14pt;
    font-family: Verdana;
    vertical-align: baseline;
    margin-top: 16px;
    margin-bottom: 0px;
    line-height: 2.0;
}

    .pageCategory + p, h2 + p, .h2 + p {
        margin-top: 0px;
    }

.ErrorMessageBox {
    color: #000000;
    background-color: #FFE0D0;
    font-weight: bold;
    display: block;
    padding: 0.25em;
}

.SuccessMessageBox {
    color: #000000;
    background-color: #D0FFD0;
    font-weight: bold;
    display: block;
    padding: 0.25em;
}

.pageCategoryPanel {
    height: 36px;
}

.pageTitle, h1, .h1 {
    color: #3c4099 !important;
    padding: 0px;
    font-size: 20pt;
    font-family: Verdana;
    vertical-align: baseline;
}

.subCategory, h3, .h3 {
    color: #3c4099 !important;
    padding: 0px;
    font-size: 12pt;
    font-family: Verdana;
    vertical-align: baseline;
}

.schoolCallBox {
    background-color: #3c4099;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 3px inset #919FD5;
    padding: 4px 2px 4px 8px;
    color: White;
    font-size: 10pt;
    font-weight: bold;
}

.serviceBoxContainer .icon-img {
    position: relative;
    float: left;
    height: auto;
    width: auto;
    max-width: 35px;
    max-height: 35px;
    margin-top: -4px;
    margin-right: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    z-index: 0;
}

    .serviceBoxContainer .icon-img:hover {
        -moz-box-shadow: 0 0 2px 1px #c0c0c0;
        -webkit-box-shadow: 0 0 2px 1px #c0c0c0;
        box-shadow: 0 0 2px 1px #c0c0c0;
        -moz-transition: all 0.25s ease-in-out 0s;
        -webkit-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        -o-transition: all 0.25s ease-in-out 0s;
    }

.serviceBoxContainer .icon-round {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    z-index: -1;
}

    .serviceBoxContainer .icon-round:after {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        background: #f5cb70;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
    }

.serviceBoxContainer span.title-icon {
    padding: 6px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.serviceBoxContainer .title {
    color: #3399cc;
    margin-bottom: 20px;
    font-size: 18px;
}

    .serviceBoxContainer .title strong {
        color: #333333;
        font-family: Verdana;
        font-weight: normal;
    }

    .serviceBoxContainer .title a {
        text-decoration: none;
    }

.serviceBoxContainer {
}

    .serviceBoxContainer td {
        padding-right: 50px;
        padding-bottom: 10px;
        vertical-align: baseline;
    }

    .serviceBoxContainer img {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid #ffffff;
        -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
        height: 100%;
        width: 100%;
        vertical-align: middle;
        display: block;
        box-shadow: none;
        border: none;
    }

.serviceBoxContainer {
    width: auto;
    /*width: 100%;*/
    padding: 0px 50px 40px !important;
    margin-bottom: 0px !important;
}

    .serviceBoxContainer:after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
    }

    .serviceBoxContainer .sbox-row {
        padding-bottom: 30px;
    }

        .serviceBoxContainer .sbox-row:last-child {
            padding-bottom: 0px;
        }

    .serviceBoxContainer .sbox {
        display: block;
        width: 192px;
        margin: 0 44px 0 0;
        float: left;
    }

    .serviceBoxContainer span {
        font-weight: normal;
    }

    .serviceBoxContainer a {
        display: block;
        text-decoration: none;
    }

        .serviceBoxContainer a.more {
            background: #3c4199;
            font-family: Verdana;
            display: inline-block;
            padding: 2px 15px 4px 15px;
            color: #ffffff;
            line-height: 17px;
            text-transform: lowercase;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

.fl {
    float: left;
}

.fr {
    float: right;
}


.buttonReadMore, .buttonTakeAction {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3c4099;
    padding: 2px 4px;
    border: 1px solid gray;
    font-weight: bold;
    margin-top: 4px;
    margin-left: 10px;
}

    .buttonReadMore:hover, .buttonTakeAction:hover {
        /*Transition*/
        -webkit-transition: All 0.5s ease;
        -moz-transition: All 0.5s ease;
        -o-transition: All 0.5s ease;
        -ms-transition: All 0.5s ease;
        transition: All 0.5s ease;
        background-color: #6E6E6E;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #DBDBDB;
        padding: 2px 4px;
        border: 1px solid gray;
        font-weight: bold;
        margin-top: 4px;
        margin-left: 10px;
    }

.formPanel {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #C3C3C3;
    background-color: #f3f3f3;
}

.panelHide {
    display: none;
}

.panelBackground {
    background-color: #f3f3f3;
    opacity: 0.3;
}

.homeSlides {
    vertical-align: middle;
}

.homeSlidesTable {
    width: 100%;
    background-color: #C3C3C3;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    margin-bottom: 50px;
}

.homeRequestInformationForm {
    position: relative;
    float: right;
    top: -30px;
    right: 55px;
    height: 0px;
    z-index: 100;
}

.requestInformationForm {
    font-family: Arial;
    color: #1A2073;
    font-size: 10pt;
}

    .requestInformationForm input[type='text'], .requestInformationForm .dropdownList, .requestInformationForm .textbox {
        font-size: 10pt;
        font-family: Arial;
        padding-left: 20px;
        color: #3c4099;
        padding-bottom: 4px;
        box-shadow: 1px 1px 2px #CCCCCC inset;
        margin-bottom: 4px;
        line-height: 1.2;
    }

    .requestInformationForm .dropdownList {
        padding-bottom: 0px;
        padding-top: 0px;
        height: 23px;
    }

    .requestInformationForm .itemLabel, .itemLabel {
        color: #808080;
        text-align: left;
        padding-right: 5px;
        margin-bottom: 0px;
        font-weight: bold;
    }

    .requestInformationForm .button {
        font-size: 9pt;
        padding: 1px 2px 0px 2px;
    }

    .requestInformationForm .name input[type='text'] {
        background: url('/Resources/Images/Form/name.png') no-repeat 4px center #fcfcfc;
    }

    .requestInformationForm .email input[type='text'] {
        background: url('/Resources/Images/Form/email.png') no-repeat 4px center #fcfcfc;
    }

    .requestInformationForm .phone input[type='text'] {
        background: url('/Resources/Images/Form/phone.png') no-repeat 4px center #fcfcfc;
    }

    .requestInformationForm .mail input[type='text'] {
        background: url('/Resources/Images/Form/address.png') no-repeat 4px center #fcfcfc;
    }

    .requestInformationForm .zip input[type='text'] {
        background: url('/Resources/Images/Form/zip.png') no-repeat 4px center #fcfcfc;
    }

    .requestInformationForm .location {
        background: url('/Resources/Images/Form/location.png') no-repeat 4px center #fcfcfc;
    }

    .requestInformationForm .note {
        background: url('/Resources/Images/Form/location.png') no-repeat 4px center #fcfcfc;
    }

    .requestInformationForm .date input[type='text'] {
        background: url('design/img/clck.png') no-repeat 8px center #fcfcfc;
        -moz-transition: all 0.25s ease-in-out 0s;
        -webkit-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        -o-transition: all 0.25s ease-in-out 0s;
    }

    .requestInformationForm .select-course {
        background: url('design/img/sel.png') no-repeat 8px center #fcfcfc;
        -moz-transition: all 0.25s ease-in-out 0s;
        -webkit-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        -o-transition: all 0.25s ease-in-out 0s;
        padding: 6px 10px 6px 0;
        -moz-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.08) inset;
        box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.08) inset;
        border: 1px solid #cdcdcd;
    }

    .requestInformationForm div.wpcf7 p.select-course .wpcf7-select {
        padding: 0px;
        margin-left: 37px;
        width: 153px;
    }

    .requestInformationForm div.wpcf7 p span {
        position: relative;
    }

        .requestInformationForm div.wpcf7 p span:before {
            position: absolute;
            content: '';
            border-width: 10px 1px 10px 0px;
            border-color: #dadada;
            left: 26px;
            top: 7px;
            border-style: solid;
            z-index: 10000;
        }

        .requestInformationForm div.wpcf7 p span.wpcf7-not-valid-tip:before {
            border: none !important;
        }

    .requestInformationForm div.wpcf7 p.select-course span:before {
        top: 0px;
    }

    .requestInformationForm div.wpcf7 .wpcf7-submit {
        color: #ffffff;
        padding: 8px 10px;
    }

    .requestInformationForm div.wpcf7 span.wpcf7-not-valid-tip {
        width: 174px;
    }

.page-sidebar .requestInformationForm, .home-sidebar .requestInformationForm {
    height: auto;
}

    .page-sidebar .requestInformationForm .contactarea-wrapper, .home-sidebar .requestInformationForm .contactarea-wrapper {
        position: relative;
        right: auto;
        bottom: auto;
    }

    .page-sidebar .requestInformationForm div.wpcf7, .home-sidebar .requestInformationForm div.wpcf7 {
        margin-bottom: 45px;
    }

        .page-sidebar .requestInformationForm div.wpcf7:before, .home-sidebar .requestInformationForm div.wpcf7:before {
            background: none !important;
        }


.requestInformationFormShell {
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px ridge gray;
    padding: 4px 10px 4px 14px;
}

.requestInformationForm td.formTitle {
    color: #3c4099;
    padding: 0px 0px 6px 0px;
    font-size: 14pt;
    font-family: Verdana;
    vertical-align: baseline;
    text-align: center;
    position: relative;
    margin-top: 0;
}

.requestInformationFormLink, .requestInformationFormLink a, .requestInformationFormLink a:hover, .requestInformationFormLink a:focus {
    color: white !important;
    padding: 3px 4px 2px 4px;
    font-size: 12pt;
    font-family: Verdana;
    vertical-align: baseline;
    text-align: center;
    position: relative;
    margin-top: 0;
    background-color: #3c4099;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px ridge #3c4099;
    text-decoration: none !important;
    top: -10px;
    cursor: pointer;
}

.requestInformationFormLinkPage, .requestInformationFormLinkPage a, .requestInformationFormLinkPage a:hover, .requestInformationFormLinkPage a:active, .requestInformationFormLinkPage a:focus, .requestInformationFormLinkPage:focus {
    color: white !important;
    padding: 3px 4px 2px 4px;
    font-size: 12pt;
    font-family: Verdana;
    vertical-align: baseline;
    text-align: center;
    position: relative;
    margin-top: 0;
    background-color: #3c4099;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    border: 2px ridge #3c4099;
    text-decoration: none !important;
    top: -10px;
    cursor: pointer;
    -webkit-box-shadow: 6px 6px 12px -3px #3c4099;
    -moz-box-shadow: 6px 6px 12px -3px #3c4099;
    box-shadow: 6px 6px 12px -3px #3c4099;
}

.ApplicationCodePanel {
    margin-right: 1em;
    text-align: center;
}

.NewApplicationdiv{
    margin:auto;
}

.StudentAppOrdiv {
    padding: 5px 50px;
    text-align: center;
    font-weight: bold;
    vertical-align: bottom;
    display: inline-block;
    min-width: 100px;
}

.StudentAppPanel{
    padding: 10px;
    max-width: 720px;
    margin: 0px auto;
    display:flex;
    justify-content: center;
    align-items: center;
}

/* Modal Popup Control */
.modalBackground {
    background-color: #fff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalForm {
    background-color: #EBEBEB;
    border-width: 2px;
    border-style: solid;
    border-color: #2F3988;
    border-radius: 0.5em;
    padding: 10px;
    position: relative;
    box-shadow: rgba(0,0,0,0.5) 4px 4px 8px;
    max-height: 80%;
    max-width: 90%;
    margin: 0px auto;
    overflow: auto;
}

.gm-style .gm-style-iw {
    width: 100%;
}

.mapInfoWindow {
    padding: 0px;
    border-radius: 3px;
    border: 1px solid #C3C3C3;
    background-color: white;
    vertical-align: top;
    font-family: Verdana;
}

    .mapInfoWindow .heading, .mapInfoWindow .heading a {
        color: #083BA1;
        background-color: #CECECE;
        padding: 0px 5px 2px 5px;
        border-radius: 0px;
        font-size: 10pt;
    }

    .mapInfoWindow .itemLabel {
        float: left;
        padding: 2px 5px 0px 10px;
        font-size: 9pt;
        color: #636363;
        font-variant: small-caps;
        white-space: nowrap;
    }

    .mapInfoWindow .infoLabel {
        padding: 2px 5px 2px 0px;
        font-size: 9pt;
        color: #000000;
        white-space: nowrap;
    }

#gmap_canvas {
    height: 400px;
    width: 100%;
    border: 2px solid gray
}
.schoolMapSize {
    height: 400px;
   }

.schoolInfoHeader {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e0e0e0+34,dddddd+39,fbfbfb+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 34%, #dddddd 39%, #fbfbfb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 34%,#dddddd 39%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 34%,#dddddd 39%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e8e8e8+34,e6e6e6+39,fcfcfc+100 */
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 34%, #e6e6e6 39%, #fcfcfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#e8e8e8 34%,#e6e6e6 39%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%,#e8e8e8 34%,#e6e6e6 39%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
    color: #3c4099;
    /*font-weight: bold;*/
    font-size: 14px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    vertical-align: middle;
}

    .schoolInfoHeader td {
        padding-left: 6px;
        vertical-align: middle;
        padding-top: 2px;
        padding-bottom: 3px;
    }


.schoolInfoContent {
    margin: 0px 0px 10px 0px;
    vertical-align: top;
    border: 1px solid #f7f7f7;
    width: 100%;
    font-size: 14px;
}

    .schoolInfoContent td {
        padding-left: 6px;
        
    }

.returnToLocations {
    position: relative;
    top: -70px;
}

.testimonialComment {
    padding: 28px 0px 0px 14px;
    font-style: italic;
    font-weight: bold;
}

.itemHangingIndent {
    padding-left: 15px;
    text-indent: -15px;
}

.datalistHeader, .datalistHeader td {
    padding: 0px;
    margin: 0px;
    color: #3c4099 !important;
    font-size: 14pt;
    font-family: Verdana;
    vertical-align: baseline;
}

.paddedParagraph {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.recipientTable TH {
    font-size: 20pt;
    font-size: 16px;
    text-align: left;
    padding: 8px;
    white-space: nowrap;
    border-bottom: 2px solid #777777;
}

.recipientTable TD {
    padding: 8px;
    font-size: 14pt;
    font-size: 16px;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #777777;
}

.recipientTable .noBorder {
    border-width: 0px;
}

.requiredFieldIndicator
{
    color: #C00000; 
    vertical-align: top; 
    font-weight: bold;
    margin-left: 2px;
}

.gridView
{
    border-collapse: collapse;
    border: 1px solid #808080;
}
.gridView td, .gridView th
{
    padding: 2px 0.5em !important;
    border: none;
}

.ApplicationTable {
    border-collapse: collapse;
    min-width:320px;
}

    .ApplicationTable td {
        padding: 0px;
        margin: 0px;
    }

.ApplicationField {
    display: inline-block;
    margin: 0.5em 16px 0.25em;
    vertical-align: top;
    white-space: normal;
    color: #404040;
}
    .ApplicationField .itemLabel {
        color: #404040;
        padding-bottom: 2px;
        font-size: 11pt;
    }

.ApplicationFieldTable {
    display: block;
    font-size: 10pt;
    margin: 0.25em 0em;
    vertical-align: middle;
    white-space: nowrap;
    color: #404040;
}

    .ApplicationFieldTable .itemLabel {
        color: #404040;
        display: inline-block;
        width: 142px;
        text-align: right;
    }

/*Large Formatting*/
 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }

/*------------------------------------*\
    $CAROUSEL
\*------------------------------------*/
.carousel {
    margin: 0px auto;
    overflow: hidden;
    width: 80%;
    border: 2px solid gray;
    border-radius: 4px;
    box-shadow: 4px 4px 4px #C0C0C0;
    padding: 4px 0px;
}

.panes {
    list-style: none;
    position: relative;
    width: 340%; /* Number of panes * 100% */
    /*overflow:hidden;  This is used solely to clear floats, it does not add functionality. */
    -moz-animation: carousel 30s linear infinite;
    -webkit-animation: carousel 30s linear infinite;
    animation: carousel 30s linear infinite;
}

    .panes ul {
        width: 300%;
    }

    .panes > li {
        position: relative;
        float: left;
        width: 9%; /* 100 / number of panes */
        vertical-align: middle;
        margin: auto 0px;
    }

.carousel img {
    display: block;
    margin: 0px;
    /*width:100%;*/
    max-height: 180px;
    max-width: 100%; /**/
}

.carousel h2 {
    display: none;
}

@keyframes carousel {
    100% {
        transform: translateX(-67.2%);
    }
}

@media screen and (max-width: 658px) {
    .NewApplicationdiv{
        display:block;
        padding-bottom:16px;
    }
    .StudentAppOrdiv {
        display: block;
        padding-bottom: 16px;
    }
    .ApplicationCodePanel{
        display:block;
    }
    .StudentAppPanel {
        padding: 10px;
        max-width: 720px;
        margin: 0px auto;
        display: block;
        justify-content: center;
        align-items: center;
    }

}

/*CAPCHA STYLES*/
.mainTable {
    background: url(../Images/captchaBackground_224x136.png) no-repeat;
    width: 224px;
    margin: 0px auto;
} 
.refreshButton
{
    left: 2px;
    top: 2px;
    border-style: none;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    height: 24px;
} 
/*.submitButton
{
    margin: 0 auto;
    display: block;
}*/ 
.captchaDiv
{
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 6px;
} 
.labelCell
{
    padding: 8px 12px 7px;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
} 
.textBoxCell
{
    /*padding-left: 0px;
    padding-top: 6px;
    padding-bottom: 12px;*/
    padding:  0px 10px;
}
.textBoxCell input
{
    width: 204px;
    border-style: none !important;
    background-color: transparent;
    padding: 2px 4px;
}
/*end captcha styles*/