#outer-details-container { position: relative; padding: 20px;  }
.mainTable { background-image: none; }

#dynamic-quantity-mode-selector { width: 275px; }
#mtn .chzn-container a:link, #mtn .chzn-container a:hover { color: #333; text-decoration:none; }

.checkout-bar-wrapper { height: 51px; border: 1px solid #fff; border-radius: 15px; }
.checkout-bar { font-size: 11px; font-family: Verdana, Arial; overflow: hidden; position: relative; height: 49px; border: 1px solid #b8b8b8; border-radius: 15px; }
#checkout-left-icon-container { border-top-left-radius: 15px; border-bottom-left-radius: 15px; float: left; width: 61px; height: 49px; background-color: #575757; }
#checkout-left-icon { float: left; width: 48px; height: 49px; background-image: url('/images/checkout/checkout-icon-white.png'); }
#checkout-left-transition-spacer { float: left; width: 13px; height: 49px; background-image: url('/images/checkout/transition-spacer.png'); }
#checkout-summary-text { margin-left: 12px; float: left; }
.checkout-button { cursor: pointer; text-align: left; box-shadow: 0px 0px 2px #888; position: absolute; width: 166px; height: 37px; color: #fff; border: 1px solid #535353; border-radius: 12px; padding-right: 10px; }
.checkout-button.next { right: 6px; top: 5px; }
.checkout-button.cancel { left: 6px; top: 5px; opacity: 0.90; width: 140px; }
#checkout-items-summary { color: #333; height: 26px; line-height: 33px; font-size: 14px; font-weight: bold; }
.checkout-button-text { text-shadow: 0px 0px 2px #333; float: left; margin-left: 5px; font-size: 18px; line-height: 36px; height: 37px; }
.bottom-bar { clear: both; }
.bottom-bar .checkout-bar { border: none; }

.checkout-button.next-indirect { top: 5px; right: 5px; width: 200px; }
.checkout-button.next-direct { top: 5px; right: 225px; width: 200px; }
.checkout-button .top-line {position: absolute; top: 2px; font-size: 10px; left: 53px; opacity: 0.75;  }
.checkout-button.multiline-button .checkout-button-text { line-height: 43px; }

.popup-trigger { display: block; width: 0px; height: 0px; }

.zero-selection-disabled { opacity: 0.40; cursor: default; }
.emphasize-other-needs { font-weight: bold; }

.soft-disabled { opacity: 0.50; }

/* x-browser background gradient */
.checkout-button { background: #a9a9a9; background: -moz-linear-gradient(top, #a9a9a9 0%, #606060 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a9a9), color-stop(100%,#606060)); background: -webkit-linear-gradient(top, #a9a9a9 0%,#606060 100%); background: -o-linear-gradient(top, #a9a9a9 0%,#606060 100%); background: -ms-linear-gradient(top, #a9a9a9 0%,#606060 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#606060',GradientType=0 ); background: linear-gradient(top, #a9a9a9 0%,#606060 100%); }
.checkout-button:hover { background: #c9c9c9; background: -moz-linear-gradient(top, #c9c9c9 0%, #606060 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#606060)); background: -webkit-linear-gradient(top, #c9c9c9 0%,#606060 100%); background: -o-linear-gradient(top, #c9c9c9 0%,#606060 100%); background: -ms-linear-gradient(top, #c9c9c9 0%,#606060 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#606060',GradientType=0 ); background: linear-gradient(top, #c9c9c9 0%,#606060 100%); }
.checkout-button-icon { margin:0px; margin-left: 22px; width: 31px !important; height: 37px !important; float: left; background-color: transparent !important; padding: 0px !important; }
.checkout-button-icon.commit { background-image: url('/images/cart/commit-button-icon.png'); }
.checkout-button-icon.continue { background-image: url('/images/cart/continue-button-icon.png'); }
.checkout-button-icon.cancel { background-image: url('/images/cart/cancel-button-icon.png'); margin-left: 15px; }

.checkout-button-icon.direct-family { background: url('/images/cart/cart-icon-family.png') -7px -7px; margin-left: 15px; margin-right:5px; }
.checkout-button-icon.indirect-organization { background: url('/images/cart/cart-icon-indirect.png') -7px -7px; margin-left: 15px; margin-right:5px;  }

.checkout-button.split-left { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: 1px solid #777;  }
.checkout-button.split-right { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left: 1px solid #777;  }

.interactive-button { cursor:pointer; }
.checkout-light-button.previous { top: 7px; left: 7px; }
.checkout-light-button { cursor: pointer; text-align: left; position: absolute; width: 166px; height: 34px; border: 1px solid #a8a8a8; border-radius: 12px; padding-right: 10px; }
.interactive-button:hover, .checkout-light-button:hover { background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #c9c9c9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#c9c9c9)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#c9c9c9 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#c9c9c9 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#c9c9c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#c9c9c9',GradientType=0 ); background: linear-gradient(top, #fdfdfd 0%,#c9c9c9 100%); }
.checkout-light-button .checkout-button-text { float: left; margin-left: 5px; font-size: 14px; text-shadow:none; line-height: 33px; height: 34px; }
.checkout-button-icon.light-previous { background-image: url('/images/cart/light-back-button-icon.png'); margin-left: 15px; background-position: 0px -2px; }
.checkout-button-icon.light-continue { background-image: url('/images/cart/light-forward-button-icon.png'); margin-left: 15px; background-position: 0px -2px; }

tr.current-need { display: none; }

#direct-to-family-area { font-size: 14px; }

.checkout-button-icon.light-map { background-image: url('/images/cart/light-map-button-icon.png'); margin-left: 15px; background-position: 0px -2px; }
.checkout-button-icon.light-info { background-image: url('/images/cart/light-about-button-icon.png'); margin-left: 15px; background-position: 0px -2px; }
.checkout-button-icon.light-attached { background-image: url('/images/cart/light-attached-button-icon.png'); margin-left: 15px; background-position: 0px -2px; }

.checkout-light-button.large-inline { position: relative; margin-top: 10px; margin-bottom:5px; width: 95%; }

#outer-details-container h1#need-title { margin-top: 20px; margin-bottom:0px; font-size: 30px; font-weight: normal; font-family: 'Arial'; clear: none; }
#details-description-summary { font-size: 14px; }
#inner-details-container { margin-left: 48px; }

div h2.popup-title { margin-bottom:0px; font-size: 28px; font-weight: normal; font-family: 'Arial';}

.bottom-content-clear { clear:both; padding:10px; height:1px; margin-top: 5px; }

#organization-summary-box { position: relative; font-size: 13px; font-family: verdana; display: inline-block; float: right; margin-top: 28px; margin-left: 45px; margin-right: 15px; padding: 24px;  border: 1px solid #b8b8b8; border-radius: 15px; }
#organization-summary-box h3#recipient-name { font-size: 18px; font-weight: normal; margin-top:0px; margin-bottom: 3px; }
.organization-summary-hdiv { border-top: 1px solid #b8b8b8; height:1px; margin-left:-24px; margin-right:-24px; margin-top:26px; margin-bottom:15px; }

#list-other-continue-tray { height: 30px; padding-top:20px; }
#list-other-continue-tray .checkout-light-button { position: absolute; right: 20px; width: 150px; }

#organization-popup-trigger { position: absolute; top: 80px; left: 15px; }
#additional-needs-popup-trigger { position: absolute; top: 100px; left: 15px; }

#inner-quantity-container { overflow: hidden; }

.section-label { font-size: 16px; letter-spacing: 2px; padding: 8px 0px 2px 0; }
.organization-contact-name, .organization-contact-phone { font-size: 16px; }
#organization-action-buttons { position: relative; height: 115px; }

#alert-icon { float: left; background-image: url('/images/cart/alert-resources.png'); width: 53px; height: 53px; margin-right: 10px; }

#details-resources-container { margin-top: 15px; font-size: 14px; }

#inner-details-divider { height: 1px; border-top: 2px dotted #ccc; margin-top: 20px; margin-bottom: 20px; overflow: hidden;}
#detailed-hour-summary { font-size: 16px; text-align: center; margin-top: 5px }

#quantity-available-summary-container { width: 125px; float: left; margin-right: 10px; }
#quantity-available-summary { font-size: 16px; text-align: center; margin-top: 5px; }

#detailed-hour-summary-container { margin-top:5px; width: 125px; float: left; margin-right: 10px; }
.centered-label { text-align: center; }

.resmat-inner-content { font-size: 14px; }
.expandable-small { font-size: 14px; }

#recurring-table-container { overflow: hidden; border: 1px solid #999; border-radius: 5px;  }

#recurring-table-container #recurringScheduleList tr th { border-left: 1px solid #aaa; }

#recurring-header { position: relative; overflow: hidden; height: 58px; margin-top: -5px; }
#recurring-time-summary { float: right; line-height:40px; font-size: 14px; text-align:right; }

#recurring-notice { position: absolute; z-index: 1; left: 0px; top:0px; background: url('/images/cart/recurring-notice.png') 0px 0px repeat-x; width: 178px; height: 52px; }

#recurring-table-container tr.checked { background: url('/images/cart/selected-row.png') 0px 0px repeat-x; }
.environment-templated #recurring-table-container tr.checked { background: #ccc; }

#recurring-table-container #recurringScheduleList td { border-left: 1px solid #aaa; border-top: 1px solid #aaa;}

#recurring-table-container td.col_date { border-left: none; }
#recurring-table-container #recurringScheduleList { border: none; }
#recurring-table-container #recurring-shift-table { border: none; }

#inline-login-form-source { display: none; }
.legacy-form-submit { display: none; }
#inline-login-form { overflow:hidden; height: 220px; margin:15px; margin-left: 100px; border: 2px solid #ddd; border-radius: 10px; padding: 12px; display: none; }

#time-summary-block { overflow:hidden;}

#date-time-description { position: relative; overflow:hidden; }
#time-summary-block h3#starting-time { display: inline-block; font-size: 18px; font-weight: normal; margin-top: 5px; margin-bottom: 3px; }
#relative-starting-time-summary { margin-left: 5px; }
#ending-time-summary { font-size: 14px; }

#no-adjustment-tip { font-size: 14px; }

.ordinal {vertical-align:super; font-size: 10px; }

.maximum-notation { color: #aaa; font-size: 14px; }

#quantity-slider-container { height: 30px; overflow:hidden; }

#quantity-description h3#quantity-description-summary { display: inline-block; font-size: 18px; font-weight: normal; margin-top: 0px; margin-bottom: 3px; }
#quantity-description { overflow: hidden; margin-top:25px; }
#quantity-adjustment-bar { margin-top:5px; width: 85%; padding: 5px; border: 1px solid #a8a8a8; border-radius: 8px; overflow: hidden; }
.quantity-description-box { line-height: 30px; font-size: 16px; text-align: center; width: 40px; height: 30px; float: left; border: 1px solid #a8a8a8; border-radius: 5px; }

.section-tip { margin-top: 5px; }
#minimum-quantity { float: left; }
#maximum-quantity { float: right; }
#quantity-slider { margin: 10px; margin-left:15px; margin-right: 15px;  }

div.popup-content { width: 550px; padding:20px; padding-top:0px; font-size:14px; }
div.popup-content.wide-popup { width: 700px; }
div.popup-content .needscroll { height: 400px; border: 1px solid #999; }

.springloaded { display: none; }

/* need to make these rules disappear when template specified */
.environment-untemplated div h2.popup-title { color: #f2a00c; }
.environment-untemplated .checkout-emphasize { color: #f2a00c; }

.environment-untemplated #outer-details-container h1#organization-popup-title { color: #f2a00c; }
.environment-untemplated #outer-details-container div#details-description-summary { color: #3e3e3e; }
.environment-untemplated #organization-summary-box h3#recipient-name { color: #3c3c3c; }
.environment-untemplated #organization-summary-box .section-label { color: #7d7d7d; }
.environment-untemplated #organization-summary-box .organization-contact-name, .environment-untemplated #organization-summary-box .organization-contact-phone { color: #222; }
.environment-untemplated #organization-summary-box .address-line-country { color: #999; }
.environment-untemplated .light-label { color: #999; }
.environment-untemplated #detailed-hour-summary { color: #c4c4c4; }
.environment-untemplated #quantity-available-summary { color: #c4c4c4; }
.environment-untemplated #relative-starting-time-summary { color: #aaa; }
.environment-untemplated .quantity-description-box { color: #999; }
.environment-untemplated .section-label.very-light { color: #c4c4c4; }

.environment-untemplated #direct-to-family-area { padding: 8px; background-color: #fff286; }

.environment-untemplated .checkout-light-button .checkout-button-text { color: #555; }
.environment-untemplated .checkout-bar { color: #575757; }

.environment-templated #direct-to-family-area { padding: 8px; background-color: #f1f1f1; }

.environment-templated #detailed-hour-summary { color: #999; opacity: 0.5; }
.environment-templated #quantity-available-summary { color: #999; opacity: 0.5; }
.environment-templated .section-label.very-light { color: #999; opacity: 0.5; }

.environment-ie9 .checkout-light-button:hover { background: #eee; filter:none; }
.environment-templated .checkout-emphasize { font-weight: bold; }

.environment-templated #detailed-hour-summary-container { width: 115px; margin-top:2px; }
.environment-templated #quantity-available-summary-container { width: 115px; }
.environment-templated #inner-details-container { margin-left: 25px; }
.environment-templated #organization-summary-box { margin-right: 0px; }
.environment-templated #inline-login-form { margin-left: 0px; }

.environment-templated #outer-details-container { text-align: left; }
.environment-templated #organization-summary-box .checkout-light-button .checkout-button-text { opacity: 0.75; }
.environment-templated .checkout-light-button:hover .checkout-button-text { color: #555; }

.environment-templated #recurring-shift-table .small-table-only { display:none; }
.environment-templated #recurring-shift-table.small-shift-table .large-table-only { display:none; }
.environment-templated #recurring-shift-table.small-shift-table .small-table-only { visibility: visible; }

#conditional-error-footnote { display: none; overflow:hidden; margin-left:200px; margin-top:15px; opacity:0.40; }
h1 { display: block !important;}

.error-notice { display: none; padding: 10px; border: 1px solid #eed3d7; border-radius: 8px; color: #b94a48; font-size: 14px; margin-right: 20px; background-color: #f2dede; text-shadow: 1px 1px 1px #eee; }
.error-notice a { color: #333 !important; text-decoration: underline; }

.loading-display { width: 100%; height: 100%; display: none; z-index: 1000; position: absolute; left: 0px; top: 0px; background-color:#fff; opacity: 0.65;}
.outer-loading-row { display: table-row; }
.outer-loading-cell { display: table-cell; text-align: center; vertical-align: middle; }
.inner-loading-cell { position: relative; margin-left: auto; margin-right: auto; width: 150px; height: 150px; background-color:#000; opacity: 1; border-radius: 15px; }
.loading-animation { position: absolute; left: 25px; top: 25px; width: 100px; height: 100px; background-image: url('/images/links/builder/large-loader.gif'); }


/* login page styles */
form label { font-weight: normal !important;}

.hide, .hidden { display: none; }
.KT_th {
    width: 40%;
}
input[type="text"],
input[type="password"]
{
    min-width: 200px;
    min-height: 29px;
}
input[type="text"], input[type="password"] {
    background-image: none;
    border: 1px solid #ccc;
    display: inline-block;
    height: auto;
    line-height: 14px;
    margin-bottom: 1px;
    padding: 6px 11px;

    z-index: 10000000;
    border-radius: 5px;
    width: 100% !important;
    min-height: 35px;
}
input[type="checkbox"] {
    min-width: 20px;
    float: left;

}
#scrolling-section-container {
    padding: 0 0px;
}
.table.age-range input {
    padding: 5px;
    display: block;
    vertical-align: middle;
    float: none;
    margin: 2px 5px;
}
.mgb-20 {
    margin-bottom: 20px;
}
.mgb-30 {
    margin-bottom: 30px;
}
.cart-button.confirm-inline {
    position: relative;
    width: 230px;
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
}
tr.KT_buttons h3 {
    text-align: center;
    margin: 20px 0 30px 0px;
}
@media screen and (max-width: 480px) {
    #recurring-notice {
        position: relative;
    }
    #recurring-header {
        position: relative;
        height: auto;

    }
    #recurring-time-summary {
        float: none;
        line-height: normal;
        font-size: 14px;
        text-align: left;
        padding: 0 0 10px 10px;
    }


}