/* ***********************************************************************/

/*                         CSS for Page Content                          */

/* ***********************************************************************/
* {
    font-family: "Outfit", "Segoe UI", sans-serif;
    font-optical-sizing: auto;
	font-size: 100%;
    font-weight: 300;
	line-height: 150%;
    font-style: normal;
	text-rendering: optimizeLegibility;
    color:#444444;
}

a, a:visited, a i, a:visited i {
    font-weight: 500;
	text-decoration: none;
	color: #47A9A7;
}
a:active, a:hover, a:active i, a:hover i {
	text-decoration: underline;
    color: #FFA500;
}

img { border: 0; }
.imgLeft { 
    float: left;
    margin: 0 25px 15px 0;
}
.imgRight {
    float: right;
    margin-left: 0 0 15px 25px;
}

p, a, ul, li {
	font-size: 0.9rem;
}
p, ul, li {
    font-weight: 400;
}
.unfloat { display: inline-block; }
h1, h2, h3, h4, h5, h6 {
    font-family: "Lexend Deca", sans-serif;
    font-weight: 400;
    margin: 1rem 0;
}
h1 { font-size: 1.5rem; font-weight: 500; margin-left: 30px; }
h2 { font-size: 1.4rem; font-weight: 500; }
h3 { font-size: 1.2rem; font-weight: 500; }
h4 { font-size: 1.2rem; font-weight: 500; color: #32327A; }
h5 { font-size: 1.15rem; font-weight: 500; }
h6 { font-size: 1.1rem; font-weight: 500; }
h1.top, h2.top, h3.top, h4.top, h5.top, h6.top { margin-top: 0; }

.contentCollapsed h1 { margin-left: 0; }

strong { font-weight: 600; }

p.highlight {
    font-weight: 600;
    font-size: 1rem;
    color:#5C5C5C;
}
p.highlight a { font-size: 1.1rem; }
span.highlight {
    font-weight: 600;
    color: #32327A;
}
ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a {
    font-size: 1.3rem;
    font-weight: 500;
}
ul.spotlight, ol.spotlight {
    display: inline-block;
}
ul.linkList {
    padding-left: 10px;
}
ul.linkList li {
    list-style-type: none;
    border: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    margin-bottom: 10px;
}
ul.linkList li, ul.linkList a, ul.linkList a:visited, ul.linkList a i, ul.linkList a:visited i {
    line-height: 260%;
    font-size: 1.3rem;
    font-weight: 500;
    color: #444444;
}
ul.linkList a {
    padding: 14px 75px 14px 25px;
}
ul.linkList a:hover, ul.linkList a:active, ul.linkList li:hover i, ul.linkList li:hover a {
    color: #47A9A7;
    text-decoration: none;
}
ul i {
    margin: 0 15px 0 0;
}
div.pageButton {
    margin: 30px auto 40px auto;
    text-align: center;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.noBR {
    white-space: nowrap;
}
p.smallBreak {
    padding: 0;
    margin: 0;
    height: 5px;
    line-height: 0;
}

.arrowLink { 
    line-height: 1.5rem;
    margin-bottom: 15px;
}
.arrowLink a { 
    font-size: 1.15rem;
    text-decoration: none;
}
.arrowIcon { 
    font-size: 24px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}



@media (max-width: 768px) {  
    h1 { font-size: 1.4rem; }
    h2 { font-size: 1.3rem; }
    h3 { font-size: 1.15rem; }
    h4 { font-size: 1.15rem; }
    h5 { font-size: 1.1rem; }
    h6 { font-size: 1.05rem; }
    p, a, ul, li { 
        font-size: 0.85rem;
    }
    p.highlight, p.highlight a {
        font-size: 0.9rem;
    }
    ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a {
        font-size: 1.25rem;
    }
    ul.linkList li, ul.linkList a {
        font-size: 1.25rem;
    }
}
@media (max-width: 600px) { 
    h1 { font-size: 1.3rem; }
    h2 { font-size: 1.2rem; }
    h3 { font-size: 1.1rem; }
    h4 { font-size: 1.1rem; }
    h5 { font-size: 1.05rem; }
    h6 { font-size: 1rem; }
    p, a, ul, li { 
        font-size: 0.8rem;
    }
    p.highlight {
        font-size: 0.85rem;
    }
    ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a {
        font-size: 1.15rem;
    }
    ul.linkList li, ul.linkList a {
        font-size: 1.15rem;
    }
    ul {
        padding-left: 25px;
    }
    .imgLeft { 
        margin: 0 12px 5px 0;
    }
    .imgRight {
        margin-left: 0 0 5px 12px;
    }
    .arrowLink a { font-size: 1.1rem; }
    .arrowIcon {
        font-size: 21px;
        top: 1px;
    }
}
@media (max-width: 480px) { 
    h1 { font-size: 1rem; margin-left: 10px; }
    h2 { font-size: 0.95rem; }
    h3 { font-size: 0.9rem; }
    h4 { font-size: 0.9rem; }
    h5 { font-size: 0.85rem; }
    h6 { font-size: 0.8rem; }
    ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a { font-size: 1.05rem; }
    ul.linkList li, ul.linkList a { font-size: 1.05rem; }
    ul.linkList li, ul.linkList a, ul.linkList a i { line-height: 240%; }
    ul.linkList a { padding: 12px 50px 12px 20px; }
    .arrowLink a { font-size: 0.9rem; }
    .arrowIcon {
        font-size: 18px;
        top: 1px;
    }
}



/* *************************** Forms ********************************/
.formHeader, .centeredDataTable thead {
    font-family: 'Lexend Deca';
    background-color: #666666;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    font-size: 1.05rem;
    font-weight: 400;
    text-align: left;
    min-width: 300px;
}
.formHeaderError {
    background-color: red;;
}
.centeredForm, .centeredDataTable {
    max-width: 768px;
    margin: 0 auto;
    padding: 50px 0;
    display: table;
}
.centeredTable {
    width: 100%;
    background-color: #EEEEEE;
}
fieldset {
    background-color: #EEEEEE;
    border: 0;
    margin: 0;
    padding: 40px 2.5vw 50px 2.5vw;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: table;
    min-width: 300px;
}
fieldset p {
    font-weight: 400;
}
fieldset p.highlight {
    font-weight: 700;
}
.formGroup, .formField, .formGroup label {
    line-height: 50px;
}
.formGroup {
    display: table-row;
    min-height: 50px;
}
.formField, .formGroup label, .fieldError {
    display: table-cell;
}
.formGroup .radioButtons label {
    display: inline-block;
    min-width: 0;
    padding: 0 12px 0 4px;
}
.formGroup label, .formGroup input, .formGroup select, .formGroup option {
    font-family: 'Segoe UI';
    font-weight: 600;
}
.formGroup label {
    min-width: 110px;
    padding-right: 15px;
    white-space: nowrap;
}
input {
    font-size: 1rem;
}
.formGroup input {
    margin: 5px auto;
    padding: 6px 10px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    font-size: 0.9rem;
    color: #444444;
    outline: #AAAAAA;
}
.formGroup input::placeholder {
    color: #DDDDDD;
}
.formGroup select {
    font-size: 0.9rem;
    padding: 5px 10px;
}


.formButton {
    width: 100%;
    text-align: center;
    margin: 30px auto 10px auto;
    display: inline-block;
}
.multiButton .formButton {
    margin-bottom: 0;
}
.centeredButton {
    text-align: center;
}
a.linkButton, a.linkButton:visited, button {
    font-family: 'Lexend Deca';
    padding: 10px 30px;
    background-color: #8CC1C1;
    border: 1px solid #6CB0AF;
    border-radius: 5px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
    white-space: nowrap;
}
a.linkButton:active, a.linkButton:hover, button:hover {
    background-color: #FFA500;
    border-color: #D08900;
    text-decoration: none;
}
.formError, .formMessage {
    border: 1px solid #FF0000;
    border-radius: 5px;
    background-color: #FFC7C1;
    color: #FF0000;
    margin: 0 0 35px 0;
    padding: 20px;
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 1rem;
    line-height: 180%;
}
.formError {
    border: 1px solid #FF0000;
    background-color: #FFC7C1;
    color: #FF0000; 
}
.formError a, .formError a:visited {
	text-decoration: underline;
	color: #A52A2A;
}
.formError a:active, .formError a:hover {
	text-decoration: underline;
    color: #FFA500;
}
.formMessage {
    border: 1px solid #64ACAA;
    background-color: #F5F5F5;
    color: #64ACAA; 
}
.formMessage a, .formMessage a:visited {
	text-decoration: underline;
	color: #64ACAA;
}
.formMessage a:active, .formMessage a:hover {
	text-decoration: underline;
    color: #8CC1C1;
}
.fieldError {
    color: #FF0000;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 0.8rem;
    display: none;
    padding-left: 15px;
    line-height: 110%;
    vertical-align: middle;
}
.formFooter {
    border-top: 1px solid #E1E1E1;
    padding: 25px 0 5px 0;
    margin-top: 25px;
    text-align: left;
}
.formFooter a {
    font-size: 1rem;
    font-weight: 500;
    display: block;
    line-height: 2.2rem;
}
.formFooter a, .formFooter a:visited {
	text-decoration: none;
	color: #64ACAA;
}
.formFooter a:active, .formFooter a:hover {
	text-decoration: none;
    color: #FFA500;
}
.formFooter a::before, .formFooter a:visited::before  {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%2364ACAA" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.74 15.53L14.26 12L10.74 8.46997" stroke="%2364ACAA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 25px;
    width: 33px;
    vertical-align: -7px;
}
.formFooter a:active::before, .formFooter a:hover::before  {
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23FFA500" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.74 15.53L14.26 12L10.74 8.46997" stroke="%23FFA500" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

input[type=checkbox] {
    height: 20px;
    width: 20px;
}

@media (min-width: 1440px) {  
    fieldset {
        padding: 40px 30px 60px 30px;
    }
    .searchCriteriaForm fieldset { padding-top: 15px; }
}
@media (max-width: 768px) {  
    fieldset {
        padding: 35px 3.25vw 50px 3.25vw;
    }
    .searchCriteriaForm fieldset { padding-top: 10px; }
    .centeredForm {
        padding-top: 40px;
    }
}
@media (max-width: 600px) {  
    a.linkButton, a.linkButton:visited, button {
        padding: 9px 20px;
        font-size: 0.9rem;
    }
    .formHeader {
        font-size: 1rem;
    }
    input {
        font-size: 0.95rem;
    }
    label {
        font-size: 0.95rem;
    }
    .centeredForm {
        padding-top: 30px;
    }
    .formField {
        display: block;
        padding: 0 0 12px 0;
        text-align: left;
    }
    .formGroup label {
        display: block;
        line-height: 35px;
        text-align: left;
    }
} 
@media (max-width: 480px) {  
    fieldset {
        padding: 30px 15px 40px 15px;
    }
    .searchCriteriaForm fieldset { padding-top: 10px; }
    .formGroup input {
        max-width: 278px;
    }
    .centeredForm {
        padding-top: 20px;
    }
}


/* *************************** Data Tables ********************************/
.dataTable {
    width: 100%;
    margin-bottom: 20px;
}
.dataTable.dataTablePadded {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.dataTableCentered, .dataTableHeaderCentered {
    max-width: 768px;
    margin: 0 auto;
    width: 100%;
}
.dataTableHeader {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    border-bottom: 1px solid #DDD;
    margin-top: 30px;
    margin-bottom: 20px;
}
.dataTable thead, .dataTable thead th {
    font-family: 'Lexend Deca', sans-serif;
    background-color: #666666;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
}
.dataTable tr {
    background-color: #EEEEEE;
    margin: 0;
    border: 1px solid #DDD;
    border-top: none;
}
.dataTableLarge th, .dataTableLarge td {
    padding: 10px;
}
.dataTableLarge td:first-child {
    padding-left: 12px;
}
.dataTableMedium th, .dataTableMedium td {
    padding: 10px 8px;
}
.dataTableMedium td:first-child {
    padding-left: 10px;
}
.dataTableSmall th, .dataTableSmall td {
    padding: 8px 6px;
}
.dataTableSmall td:first-child {
    padding-left: 8px;
}
.dataTableLarge td, .dataTableLarge td span {
    font-size: 1.2rem;
    font-weight: 400;
}
.dataTableMedium td, .dataTableMedium td span {
    font-size: 1.1rem;
    font-weight: 400;
}
.dataTableSmall td, .dataTableSmall td span {
    font-size: 1rem;
    font-weight: 400;
}

.dataTable button, .tableButton {
    padding: 6px 20px;
    font-size: 0.85rem;
}

.dataTableSubText {
    font-size: .9rem;
    font-weight: 400;
}
.centeredContent thead, .centeredContent thead th, .centeredContent tr, .centeredContent tr td {
    text-align: center;
}
.centered, .dataTable thead th.centered { text-align: center; }
.greyedOut { color: #BBBBBB; }
.redNote { color: maroon; }

@media (max-width: 1024px) {  
    .dataTableMedium thead, .dataTableMedium thead th { font-size: 0.9rem; }
    .dataTableSmall thead, .dataTableSmall thead th { font-size: 0.9rem; }
    .dataTableMedium td, .dataTableMedium td span { font-size: 0.9rem; }
    .dataTableSmall td, .dataTableSmall td span { font-size: 0.8rem; }
} 
@media (max-width: 768px) {  
    .dataTable.dataTablePadded { width: 95%; }
    .hideMedium { display: none; }
} 
@media (max-width: 600px) {  
    .dataTableHeader { font-size: 1.1rem; }
    .dataTableSubText { font-size: .8rem; }
    .hideSmall { display: none; }
} 
@media (max-width: 480px) { 
    .dataTableHeader { font-size: 0.9rem; }
    .dataTableLarge thead, .dataTableLarge thead th { font-size: 0.8rem; }
    .dataTableMedium thead, .dataTableMedium thead th { font-size: 0.8rem; }
    .dataTableSmall thead, .dataTableSmall thead th { font-size: 0.8rem; }
    .dataTableLarge td, .dataTableLarge td span { font-size: 0.9rem; }
    .dataTableMedium td, .dataTableMedium td span { font-size: 0.8rem; }
    .dataTableSmall td, .dataTableSmall td span { font-size: 0.8rem; }
    .dataTableMedium th, .dataTableMedium td { padding: 8px 6px; }
    .dataTableMedium td:first-child { padding-left: 8px; }
    .dataTableSmall th, .dataTableSmall td { padding: 8px 4px; }
    .dataTableSmall td:first-child { padding-left: 6px; }
    .dataTableLarge button {
        padding: 6px 10px;
        font-size: 0.7rem;
    }
    .dataTableSubText { font-size: .7rem; }
}
@media (max-width: 400px) { 
    .dataTableSmall td, .dataTableSmall td span { font-size: 0.7rem; }
    input[type="checkbox"] {
        height: 18px;
        width: 18px;
    }
}


/* ********************** Contact **************************/
p.contactAddress { 
    margin-top: -10px;
    padding-top: 0px;
    line-height: 200%;
}


/* ********************** Login/Logout **************************/

/* .loginForm .formGroup label { } */


/* ********************** Profile **************************/

#updateProfileForm h5 { text-align: left; }
#updateProfileForm h5:first-child { margin-top: -12px; }
.profileNotes {
    margin-bottom: 30px;
}
.profileNotes, .profileNotes span, .profileNotes div {
    text-align: left;
}
.profileNotes .dataLabel { 
	font-size: 0.9rem;
    font-weight: 400;
    white-space: nowrap;
    color: #328281;
    margin-right: 10px;
}
.profileNotes .dataContent { 
	font-size: 0.9rem;
    font-weight: 400;
}

/* ********************** Registration **************************/
.captcha {
    text-align: center;
    margin: 15px auto;
    display: table;
}

/* ********************* Account Recovery ***********************/
.accountRecoveryForm .formGroup label {
    min-width: 31%;
}


/* ********************* Home Page ***********************/
@media (max-width: 768px) {  
    .homePageImage {
        width: 320px;
        height: 240px;
    }
}
@media (max-width: 600px) {  
    .homePageImage {
        width: 240px;
        height: 180px;
    }
} 
@media (max-width: 480px) {  
    .homePageImage {
        width: 200px;
        height: 150px;
    }
}
@media (max-width: 400px) {  
    .homePageImage {
        width: 160px;
        height: 120px;
    }
} 

/* ********************* Academy Application ***********************/

.dataTableLarge td.tdRegisterButton {
    width: 240px;
}
.calendarCheck {
    font-size: 1.5rem;
    padding-right: 3px;
}
.calendarKey { margin: 20px 0 20px 0; }
.calendarKeyCentered { 
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.calendarKey span i { padding-right: 8px; }
.calendarKey span { 
    font-size: 14px; 
    font-weight: 400;
    margin-right: 20px;
    white-space: nowrap;
} 
.calendarKey i { font-size: 1.25rem; }
.calendarCheckGray { color: #444444; }
.calendarCheckBlue { color: #64ACAA; }
.calendarCheckGreen { color: green; }
.calendarCheckMaroon { color: maroon; }

.panelExpand { 
    font-size: 1.75rem;
    color: #444444;
    padding-left: 6px;
}
.panelExpand:hover, .panelExpand:active { 
    color: #64ACAA;
}
tr.dataPanel {
    background-color: #F8F8F8;
}
.dataPanelClosed { display: none; }
.dataPanelOpen { display: table-row; }
.dataTable .dataPanel td { 
    padding: 5px 20px 15px 20px; 
    text-align: left;
}
.dataPanel .dataPanelLabel { 
	font-size: 0.9rem;
    font-weight: 400;
    white-space: nowrap;
    color: #328281;
    margin-right: 10px;
}
.dataPanel .dataPanelContent { 
	font-size: 0.9rem;
    font-weight: 400;
}


.selectOffering .tdSelect, .selectOffering th:last-child {
    text-align: right;
    padding-right: 15px;
}
.selectOffering .tdSelect input {
    margin-right: 5px;
}
tr.paymentTotals {
    background-color: #FFFFFF;
    border: 0 none;
}
.paymentTotals td {
    text-align: right;
    padding: 20px 20px 0 0;
}
.paymentTotals .dataPanelLabel { 
	font-size: 1.2rem;
    font-weight: 500;
    white-space: nowrap;
    color: #47A9A7;
    margin-right: 10px;
    line-height: 200%;
}
.paymentTotals .dataPanelContent { 
	font-size: 1.2rem;
    font-weight: 500;
    width: 60px;
    display: inline-block;
    line-height: 200%;
}
.paymentButton {
    text-align: right;
    margin-top: 25px;
    margin-bottom: 50px;
}
.tableButton.paymentButton {
    margin: 0;
    padding: 6px; 
}
.tableButton.paymentButton a {
    padding: 7px 14px;
    font-size: .9rem;
}
.paymentTotalsTotalDue { margin: 10px 0; }


@media (max-width: 768px) {  
    .calendarKey span { display: block; }
}
@media (max-width: 480px) {  
    .tdSelect {
        padding-right: 10px;
    }
    .dataTable td.tdRegisterButton {
        width: 180px;
    }
    .dataPanel .dataPanelLabel { font-size: 0.8rem; }
    .dataPanel .dataPanelContent { font-size: 0.8rem; }
    .dataTable .dataPanel td { padding: 0px 12px 10px 12px; }
    .calendarCheck { font-size: 1.25rem; }
    .calendarKey span { font-size: 0.8rem; }
    .calendarKey i { font-size: 1rem; }
    .panelExpand { 
        font-size: 1.4rem;
        padding-left: 2px;
    }
    .selectOffering .tdSelect, .selectOffering th:last-child { padding-right: 8px; }
    .selectOffering .tdSelect input { margin-right: 4px; }
    .paymentTotals .dataPanelLabel { font-size: 0.9rem; }
    .paymentTotals .dataPanelContent { 
        font-size: 0.9rem; 
        width: 45px; 
    }
    .paymentButton { 
        text-align: center; 
        margin-bottom: 35px; 
    }
    .tableButton.paymentButton {
        margin: 0;
        padding: 2px;
    }
    .tableButton.paymentButton a {
        padding: 7px 8px;
        font-size: .8rem;
    }
}

.dataTable tr.registrationTotalTop td { padding-top: 20px; }
.dataTable tr.registrationTotalBottom td { padding-bottom: 20px; }
tr.registrationTotal { background-color: #F8F8F8; }
tr.registrationTotal.noBorderBottom { border-bottom: 0 none; }
tr.registrationTotal.noBorderTop { border-top: 0 none; }
tr.registrationTotal td { padding: 12px 6px; }
td.totalDue { 
    color: #328281; 
    font-size: 1rem; 
    font-weight: 500; 
}
td.refundDue, .refundTotal td .refundDue { 
    color: #328281; 
    font-size: 1.1rem; 
    font-weight: 500; 
}

.paymentAggregateTable { 
    margin-top: 45px; 
    margin-bottom: 45px; 
}
.dataTable .dataPanel.paymentAggregatePanel td { padding: 15px 20px 30px 20px; }

.showWithdrawalOptions tr.refundTotal td { padding: 30px 0; }
.showWithdrawalOptions.dataTableSmall th, .showWithdrawalOptions.dataTableSmall td {
    padding-top: 14px;
    padding-bottom: 14px;
}
.withdrawFormFooter { 
    display: block;
    padding: 30px 0 10px 0;
    max-width: 768px;
    margin: 0 auto;
}
.withdrawFormFooter .formField, .withdrawFormFooter .formGroup label { display: inline-block; }

@media (max-width: 768px) {  
    td.totalDue, td.refundDue, .refundTotal td .refundDue { font-size: 0.9rem; }
}


/* ********************* Payment Logging ***********************/
.searchCriteriaForm { padding-top: 25px; }
.tdLogPaymentButton button { white-space: nowrap; }

.showReservations { margin-bottom: 0; }

.logPaymentsForm { 
    width: 100%; 
    margin-bottom: 40px;
}
.logPaymentsForm fieldset { 
    padding-top: 5px; 
    padding-bottom: 20px;
}
.paymentTypeClosed { display: none; }
.dataTable .dataPanel.paymentDetailsPanel td { padding-left: 30px; }


/* ********************* Manage Wings ***********************/
.chooseOffering { margin-top: 25px; }
.dataTable.chooseOffering tr { border-top: 0; border-bottom: 0; }
.dataTable.chooseOffering tr:last-child { border-bottom: 1px solid #DDDDDD; }
.chooseOffering td { text-align: center; }

.selectOfferingForm { min-width: 468px; }
.selectOfferingForm .formButton { width: 408px; }
.selectOfferingForm .formField { 
    width: 408px; 
    text-align: center; 
}
@media (max-width: 600px) {  
    .selectOfferingForm { min-width: initial; }
    .selectOfferingForm .formField { width: initial; }
    .selectOfferingForm .formButton { width: 100%; }
}