﻿/* Unsupported Browser Header Notification */
.cf-unsupported-ie-notification {
    background-color: red;
    color: white;
    display: none;
    font-weight: bold;
    text-align: center;
}

.k-ie5 .cf-unsupported-ie-notification, .k-ie6 .cf-unsupported-ie-notification, .k-ie7 .cf-unsupported-ie-notification, .k-ie8 .cf-unsupported-ie-notification {
    display: block;
}


.memberName:active, .memberName:hover, .memberName:focus {
    cursor: pointer;
}

.igrid.modal {
  display: inherit;
  overflow: inherit;
  overflow-y: inherit;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  z-index: inherit;
  -webkit-overflow-scrolling: inherit;
  outline: inherit;
}

.cf fieldset {
    padding: 0 10px 10px 10px;
}

/* Kendo Styling */
.k-panelbar .k-item .k-link.k-header {
    font-size: 1.35em;
    font-weight: 700;
    padding-left: 10px;
}

.k-dropdown-wrap, .cf .k-textbox {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.k-panelbar .k-item .k-content, .k-window .k-window-content {
    padding: 1.35em
}

.cf-field-label {
    font-size: 11px;
    font-weight: bold;
    line-height: 2em;
}

.cf .row .fill > * {
    width: 100%;
}

.cf form {
    max-width: none;
}

.cf .cf-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.cf .cf-footer {
    margin-top: 20px;
}

.cf .cf-footer:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    width: 1px;
}

.cf a.button, .cf button, .cf input[type=submit] {
    box-sizing: border-box;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.6em; /* this is what is set in global.css but kendo messes it up for elements nested inside widgets */
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
}

.cf a.button:disabled, .cf button:disabled, .cf input[type=submit]:disabled {
    background-color: gray;
    cursor: default;
}

.cf a.button:disabled:hover, .cf button:disabled:hover, .cf input[type=submit]:disabled:hover {
    background-color: gray;
    cursor: default;
}

/* Remove static height on .internal .top .content */
.internal .cf.top .content {
    height: auto;
}


/* Bootstrap Row Spacing */
.cf .row, .cf .row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cf .row:first-child, .cf .row.first {
    margin-top: 0;
}

.cf .row:last-child, .cf .row.last {
    margin-bottom: 0;
}


/* New Form Stuff */
.cf .bs-container-fluid .row .cf-title, .cf .bs-container .row .cf-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.cf .cf-form .k-widget, .cf .cf-form input[type=text], .cf .cf-form select {
    box-sizing: border-box;
    margin: 0;
    width: 100%;
}

.cf .cf-form input[type=text], .cf .cf-form select {
    height: 2em;
}

/*default font size is 11px in global.css*/
/*.k-window .k-window-content .cf .cf-form input, .k-window .k-window-content .cf .cf-form textarea {
    font-size: 13px;
}*/

.cf .cf-form .k-icon.k-warning {
    display: none;
}

.cf input[type=radio], .cf input[type=checkbox] {
    cursor: pointer;
    height: 2em;
    margin: 0;
    vertical-align: text-bottom;
}

.cf label[for] {
    cursor: pointer;
    line-height: 2em;
    vertical-align: text-bottom;
}

/* Address Management */
.cf-primary-address .cf-primary-address-title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cf-address .cf-address-type {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.cf-address .cf-address-actions {
    margin-top: 10px;
}

/* [Swag Form] */
.page form.swg-form .k-textbox, .page form.swg-form .k-widget {
    font-size: 11px;
    margin: 0;
}

.swg-form .k-invalid {
    border-color: red;
}

.swg-form .k-widget.k-invalid .k-dropdown-wrap {
    border-color: red;
}

.swg-form .k-tooltip-validation {
    display: none !important;
}

/* [Kendo Widgets] */

/* Match Drop Downs to ASNT font size */
.k-input {
    font-family: Arial, Tahoma, sans-serif;
}

/* Prevent popup list of dropdown from overlapping the dropdown itself 
    NOTE: we don't include ".cf" in this style because these exist at the end of the DOM */
.k-animation-container .k-list-container.k-popup {
    margin-top: 8px;
}

/* Empty Upload Widget */
html body .k-upload-empty {
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #eae8e8;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

/* Old Stuff */
.cf .form-row > *:nth-child(2) {
    width: 250px;
}

.cf .form-row > .k-widget:nth-child(2) {
    width: 266px;
}

.cf .form-row .k-dropdown {
    margin: -3px 3px 3px 5px;
}

.cf .k-dropdown-wrap, .cf .k-dropdown-wrap.k-state-default {
    background-color: white;
}

.cf .form-row .k-dropdown .k-dropdown-wrap .k-input {
    font-family: "Arial";
    height: 24px;
    line-height: 24px;
}


/* Certification Application */
.cf-certification-title-bar {
    
}

.cf-certification-title-bar .cf-certification-title {
    font-size: 2.1em; /* matches h1 */
}

.cf-certification-error.cf-certification-title-bar .cf-certification-title {
    color: red;
}

.cf-certification-title-bar .cf-certification-program-type {
    font-size: 1.8em;
    text-align: right;
}

.cf-certification-previous-continue-navigation .swg-form-message {
    color: red;
    font-weight: bold;
    text-align: right;
}

.cf-certification-continue-button-container {
    text-align: right;
}

/* [Checkout] */

.cf #checkout-form { max-width: none; }

.cf .checkout-product thead .name {
    width: 650px;
}

.cf .checkout-product tfoot .name {
    text-align: left;
}

/* Billing and Shipping Address */
.checkout-order-summary {
    margin-bottom: 20px;
}

.checkout-order-summary .checkout-product table {
    margin-bottom: 0;
}

.checkout-address-information {
    margin-bottom: 20px;
}

.checkout-address-information .checkout-address .checkout-address-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.checkout-address-information .checkout-address .k-dropdown {
    width: 100%;
}

.checkout-address-information .checkout-address .checkout-address-mailing-label {
    margin-top: 10px;
}

.checkout-product tfoot {
    border-top: 2px solid grey;
}

.checkout-product .grand-total-row {
    background-color: #F7F7F7;
    font-size: 13px;
    font-weight: bold;
}

.checkout-payment [aria-owns=CreditCardExpireMonth_listbox] {
    width: 50px
}

.checkout-payment [aria-owns=CreditCardExpireYear_listbox] {
    width: 65px;
}

.checkout-payment #CreditCardCVV {
    width: 40px; /* room for 3 numbers */
}

/* [Quick Membership] */
#quick-membership-form .row {
    margin-top: 15px;
    margin-bottom: 15px;
}

.cf-membership-package-savings {
    color: red;
}

.cf-membership-package-details {
    font-style: italic;
    margin-top: 5px;
}

/* My Certifications and Applications */
#certs-exams .certification-program-type {
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}

#certs-exams .certification-program {
    font-size: 11px;
    font-weight: bold;
}

#certs-exams .certification-status {
    color: green;
    font-size: 11px;
}

#certs-exams .certification {
    margin: 10px 0 10px 0;
}

.certification-missing-irrsp-appendix-alert {
    background-color: lightgray;
    border: 1px solid black;
    margin: 5px 0px;
    padding: 5px;
}

.certification-missing-irrsp-appendix-alert h4 {
    margin: 0 0 5px 0;
}

/* Certification Document Management */
.cf-cert-document-manager-skip {
    margin-bottom: 5px;
}

.cf-cert-document-manager-skip label {
    font-weight: bold;
}

.cf-cert-document-manager .k-invalid-msg {
    background-color: white !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: red !important;
    display: inline-block !important;
    margin-top: 10px;
    padding: 0;
}

.cf-cert-document-manager .k-invalid-msg .k-icon {
    display: none;
}

.k-window-content .cf-cert-document-manager-uploader-points-save-button-container {
    display: block;
}

.cf-cert-document-manager-uploader-points-save-button-container {
    display: none;
    text-align: right;
}