body,
input,
button,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    font-size: 0.75em;
}

:invalid {
    outline-color: rgba(221, 0, 0, 0.5);
    box-shadow: none;
}

:focus {
    outline-color: #30529E;
}

/* Custom Helper Classes */

.swiper-container {
    max-width: 1024px;
    height: auto;
    margin-bottom: 40px;
}

.tColor1 {
    color: #30529E;
}

.tColor2 {
    color: #E3752A;
}

.pageTitle1 {
    color: #30529E;
    padding: 0;
    margin: 0 0 0.25em 0;
    clear:both;
    font-size: 1.5em;
    font-weight: bold;
}

.sectionTitle1,
.sectionTitle2,
.sectionTitle3 {
    color: #30529E;
    padding: 0;
    margin: 1em 0 0.25em 0;
    clear:both;
    font-size: 1.25em;
    font-weight: bold;
    border-bottom: 1px solid #BBBBBB;
}

.sectionTitle2 {
    margin: 0 0 0.25em 0;
    clear: none;
}

.sectionTitle3 {
    margin: 1em 0;
}

.localTitle1 {
    color: #30529E;
    padding: 0;
    margin: 0 0 0.25em 0;
    clear:both;
    font-size: 1.25em;
    font-weight: bold;
}

.tableList {
    width: 100%;
}

.tableList th {
    padding: 0.5em 0.25em;
    background-color: #D9D9D9;
}

.tableList .tableListSortableCell {
    padding: 0.5em 1em 0.5em 0.25em;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
}

.tableList .tableListSortableCell:hover,
.tableList .tableListSortableCell:active {
    color: #000000;
    background-color: #E5E5E5;
}

.tableList .tableListSortableActive {
    color: #000000;
    background-color: #EDEDED;
}

.tableListSortableASC {
    background-image: url('../images/sortAsc.gif');
}

.tableListSortableDESC {
    background-image: url('../images/sortDesc.gif');
}

.tableList td {
    padding: 0.25em;
}

.tableList tr:nth-child(2n) td {
    background-color: #F2F2F2;
}

.tableList tr:hover td {
    background-color: #E5E5E5;
}

.commonFlowListTopPagination {
    padding: 0.5em;
}

.commonFlowListBottomPagination {
    padding: 0.25em 0.5em;
    background-color: #D9D9D9;
    border-radius: 0 0 0.25em 0.25em;
}

.commonFlowListItemTitle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.25em;
    font-weight: normal;
    padding: 0.75em 0.5em;
    margin: 0;
    text-decoration: none;
    border-radius: 0.25em 0.25em 0 0;
    color: #000000;
    background-color: #D9D9D9;
    float: left;
}

.commonFlowListItemTitle[href] {
    cursor: pointer;
    color: #404040;
    background-color: #FCFCFC;
}

.commonFlowListItemTitle[href]:hover,
.commonFlowListItemTitle[href]:active {
    color: #000000;
    background-color: #CCCCCC;
}

.commonFlowListFirstContentItem {
    border-top: 0.5em solid #D9D9D9;
    clear: both;
    padding-top: 1em;
}

/* General Forms */

.generalForm textarea {
    min-height: 5em;
}

.generalForm input,
.generalForm textarea,
.generalForm select {
    width: 100%;
    max-width: 100%;
    padding: 0.375em;
    border: 1px solid #DDD;
    background-color: #FFF;
    border-radius: 3px;
    outline-width: 0;
}

.generalForm select {
    padding-right: 0;
}

.generalForm input[type="file"]::-ms-value {
    border-width: 0;
    background-color: transparent;
}

.generalForm input[type="file"]::-ms-browse {
    border-width: 0;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.generalForm select option {
    background-color: #FFF;
}

.generalForm .hasErrors input,
.generalForm .hasErrors textarea,
.generalForm .hasErrors select {
    border-color: #BBB;
}

.generalForm input:focus,
.generalForm textarea:focus,
.generalForm select:focus,
.generalForm .hasErrors input:focus,
.generalForm .hasErrors textarea:focus,
.generalForm .hasErrors select:focus {
    border-color: #808080;
}

/* Errors from template */

.errorText {
    color: #DD0000;
    clear: both;
}

/* Errors from wizard */

.errorMessage,
.warningMessage,
.duplicateWarningMessage {
    color: #DD0000;
    clear: both;
    display: block;
}

/* Buttons */

button,
.buttonLike,
.buttonLike:visited {
    padding: 4px 10px;
    border-width: 0;
    background-color: #202020;
    color: #FFFFFF;
    vertical-align: middle;
}

button:hover,
button:active,
.buttonLike:hover,
.buttonLike:active {
    background-color: #404040;
    color: #FFFFFF;
}

button.cancelButton,
button.cancelButton:hover,
button.cancelButton:active,
.linkLike,
.linkLike:hover,
.linkLike:active,
.linkLike:visited {
    padding: 0;
    color: #404040;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    border-radius: 0;
}

button.cancelButton:hover,
button.cancelButton:active,
.linkLike:hover,
.linkLike:active {
    color: #000000;
}

.body_IE6 button,
.body_IE7 button {
    padding-top: 3px;
    padding-bottom: 3px;
}

.uploadedFile {
    display: block;
    padding-top: 2px;
}

.removeFile {
    cursor: pointer;
    color: #404040;
    padding: 3px 4px;
    text-decoration: none;
    background-color: #F0F0F0;
    background-image: none;
    border-width: 0;
    border-radius: 2px;
}

.removeFile:hover,
.removeFile:active {
    background-color: #E0E0E0;
    color: #000000;
}

.removeFile input {
    display: inline !important;
}

.smallButtonLike {
    padding: 2px 4px;
}

/* STRUCTURE */
/* Custom Layout */

body {
    background-color: #FFF;
    overflow-y: scroll;
}

#wrapper {
    margin: 1em auto;
    padding: 1em;
    max-width: 1024px;
    background-color: #FFFFFF;
    color: #666666;
}
.header{
    max-width: 1024px;
    margin: auto;
    height: 326px;
    overflow: hidden;
    background-size: cover;
    background: url("../images/banner.png") no-repeat scroll 0 0 transparent;
}

.titles{
    margin: auto;
    padding: 20px;
    max-width: 984px;
}

.titles h1{
    color: #002c77;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.titles p{
    color: #666666;
    font-weight: bold;
    line-height: 140%;
    font-size: 1.3em;
}

.logo{
    position: absolute;
    padding: 15px 20px;
    background: #FFF;
    top: 30px;
}

.logo img{
    width: 310px
}

.bPad1{
    text-align: right;
    font-size: 1.1em;
    padding: 0 20px;
}
.iconLinkedin32{
    margin-left: 10px;
}

.CheckBoxListFormField label{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.fieldSpec{
    min-height: 6em;
    padding-bottom: 1em;
    float: left;
    width: 45%;
    margin-right: 5%;
}

.fieldSpec .labelText,
.fieldSpec .datasetlabelText{
    font-size: 1.2em;
    margin-bottom: 5px;
}
.fieldSpec.noLabel .labelText {
    visibility: hidden;
}
.fieldSpec.extraField {
    text-align: right;
}

.fieldSpec:last-child{
}

.Section2 {
    clear: both;
}

.saveButton{
    background: #00a0c0;
    padding: 6px 40px;
    font-size: 1.2em;
}

.saveButton:hover{
    background:#38bcd6;
}

.generalForm{
    max-width: 984px;
    padding: 20px;
}

h2 {
    color: #002c77;
    text-transform: uppercase;
    padding-left: 20px;
}

.cb {display: none;}


.swiper-pagination-bullet{
    background:#38bcd6;
}
.swiper-slide img {
    width: 100%;
}

.talentTitle {
    display: block;
    margin-bottom: 1em;
    margin-top: 15px;
    padding-left: 0;
}
.regWith {
    padding-bottom: 1em;
    margin-right: 7%;
    text-align: right;
}

.AcceptCheckboxField .fieldLabel{position:relative;padding-left:16px;}
.AcceptCheckboxField .labelText{display: none;}
.AcceptCheckboxField label{left:0;top:1px;display:block;width:100%;position:absolute;}
.AcceptCheckboxField label input{display: block;}

/* Mobile Redefinitions */
@media all and (max-width: 600px) {
    button,
    .buttonLike,
    .buttonLike:visited {
        min-width: 33%;
        text-align: center;
    }

    button.cancelButton,
    button.cancelButton:hover,
    button.cancelButton:active,
    .linkLike,
    .linkLike:hover,
    .linkLike:active,
    .linkLike:visited {
        min-width: 0;
        text-align: left;
    }

    .tableList th,
    .tableList td:empty {
        display: none;
    }

    .tableList,
    .tableList thead,
    .tableList tbody,
    .tableList tr,
    .tableList td {
        display: block;
    }

    .tableList thead,
    .tableList tbody,
    .tableList tr,
    .tableList td {
        width: auto;
    }

    .tableList td:last-child {
        border-bottom: 2px solid #CCCCCC;
    }
    .fieldSpec {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .talentTitle {
        float: none;
        display: block;
    }
    .Section2 .fieldSpec {
        text-align: center;
        min-height: 1em;
    }
    .header {
        height: 326px;
        overflow: hidden;
        background-size: 810px;
        background-position: 50% 100%;
    }
    .logo {
        position: absolute;
        padding: 15px 20px;
        background: #FFF;
        top: 0;
        left: 0;
        right: 0;
    }
}
@media all and (max-width: 400px) {
    .header {
        height: 250px;
    }
    .logo img {
        width: 280px;
    }
    #wrapper {
        padding: 0;
    }
    .AcceptCheckboxField label {
    }
    .AcceptCheckboxField .description {
        margin-left: 0;
    }
}
@media all and (max-width: 320px) {
    .header {
        height: 220px;
    }
    .logo img {
        width: 220px;
    }
    .CheckBoxListFormField label {
        display: block;
        width: 99%;
    }
}