/* Use this stylesheet for adding Chicago CSS or Chicago CSS fixes.
   This will make maintaing the main styles.css easier/cleaner.*/

/*Imported Member Styles*/
/*table { border-collapse: collapse; width: 100%; }
table h2, table p { margin: 0; }
td { border: 1px solid #ddd; border-width: 1px 0; }
td, th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
td[align=center], th[align=center] { text-align: center; }
td[align=right], th[align=right] { text-align: right; }
tfoot td { border: 0; }
th img { vertical-align: middle; }
th { color: #555; font-weight: bold; vertical-align: bottom; }
thead th { vertical-align: bottom; }*/
/* ul {list-style-type: none;  Remove bullets} */
em { font-style: italic; }
.mute { text-transform: uppercase;}
.disclaimer, .mute { color: #7f7f7f; font-size: 13px; font-weight: normal;}

/* Browse */
.browse { margin-bottom: 1.5em; }
.browse .active { color: #000; font-weight: bold; }
.browse ul { list-style: none; margin-left: 0; }
.browse li, .browse p, .browse ul { display: inline; margin: 0 1em 0 0; }
.browse.r { text-align: right; }
.browse.r li, .browse.r p, .browse.r ul { margin: 0 0 0 1em; }

/* Cart */
.cart {
    width: 100% !important;
}
.cart .price { background: #f0f0f0; text-align: right; }
.cart .total { font-weight: bold; text-align: right; }
.cart .transaction-item { padding: 0.5em 1em 0.5em 2em; }
.cart .transaction-type { font-weight: bold; }
.cart .transaction-type + .price { font-weight: bold; }
.cart p, .cart ul { margin: 0; }
.cart tbody td { border-top: 1px solid #ddd;}
.cart td, .cart th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
.cart tfoot td { border-top: 3px double #ccc; }
.cart tfoot td { padding-top: 0.2em; }
.cart thead th { border-bottom: double 3px #ccc; font-size: 11px; font-weight:bold;}
.cart-options { float: right; text-align: right; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r, c3mr { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
.c3mr { width: 65%; }

/* Contact list */
.contact-list { list-style: none; margin: 0; padding: 0 }
.contact-list > li { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 16px; padding: 0.75em; }
.contact-list .flags { color: #777; list-style: none; font-size: 11px; font-variant: small-caps; margin: 0; padding: 0; text-transform: uppercase; }
.contact-list .flags li { /*float: left;*/ margin-right: 10px; }
.contact-list .tools { float: right; list-style: none; margin: 0; padding: 0; }
.contact-list .tools li { float: left; font-size: 18px; margin-left: 8px; }

/* DataTables */
.dataTables_wrapper .dataTables_filter input { padding: 0.2em; width: 15em; }
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length { float: right; }
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate { font-size: 13px; }
.dataTables_wrapper .dataTables_paginate .paginate_active { font-weight: bold; }
.dataTables_wrapper .dataTables_paginate .paginate_button { cursor: pointer; margin: 0 0.5em 0 0; text-decoration: underline; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { font-weight: bold; text-decoration: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { text-decoration: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button_disabled { color: #777; cursor: default; text-decoration: none; }
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc { cursor: pointer; }
.dataTables_wrapper .sorting_disabled { cursor: default; }
.dataTables_paginate span { margin-right: 0.5em; }
.dataTables_wrapper table { clear: both; }

.dataTables_wrapper th.sorting span, .dataTables_wrapper th.sorting_asc span, .dataTables_wrapper th.sorting_desc span {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.dataTables_wrapper th.sorting_asc span { background-image: url(/content/images/shared/sort-up.png); }
.dataTables_wrapper th.sorting_desc span { background-image: url(/content/images/shared/sort-down.png); }
.dataTables_wrapper .dataTables_filter { float: right; margin-bottom: 10px; text-align: right; width: 31.29%; }

.contact-list .type { color: #777; }

/* Directory search */
.directory { list-style: none; margin-left: 0; }
.directory h2 { color: #000; font-size: 20px; font-weight: normal; line-height: 1.2; margin: 0; }
.directory li { clear: both; margin-bottom: 10px; overflow: hidden; padding: 10px 10px 10px 90px; }

.directory .highlighted {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e7eff9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7eff9));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    background: linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eff9',GradientType=0 );
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.directory p { margin: 0; }
.directory .thumb { float: left; margin: 3px 10px 0 -80px; width: 70px; }

    /* Applied filters */
    .applied-filters { display:inline-block; list-style: none; margin: 0; }
    .applied-filters .close { position: absolute; right: 5px; top: 0; }
    .applied-filters .filter-type { display: block; font-size: 10px; padding-right: 20px; text-transform: uppercase; }
    
    .applied-filters li {
        background: #f5f5f5;
        border: 1px solid #ddd;
        border-radius: 6px;
        float: left;
        margin: 0 0.5em 0.5em 0;
        padding: 5px;
        position: relative;
    }
    
    .applied-filters img { vertical-align: middle; }

/* Filters */
#filters {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 15px 0 15px 20px;
    position: relative;
}

/*.filters-header { color: #b9121b; font-size: 23px; line-height: 1.1; margin-bottom: 0.5em; }*/
#filters .close { position: absolute; right: 20px; top: 15px; }
#filters h3 { color: #58595b; margin-bottom: 0.5em; }
#filters .mute { color: #939598; font-size: 11px; }
#filters .all .col, #filters .filter-panel { float: left; margin: 0 1% 10px 0; width: 23.5%; }
#filters p, #filters ul { list-style: none; margin: 0; }
#filters #availability-filters .col { float: none; width: auto; }
#filters #availability-filters .filter-panel { width: 13.28%; }
#filters #basic-filters { width: 100%; display: inline-block; }
#filters #basic-filters .filter-panel {
    border-top: unset !important;
    background-color: unset !important;
    -webkit-background-size: unset !important;
    -moz-background-size: unset !important;
    -o-background-size: unset !important;
    background-size: unset !important;
    background-repeat: unset !important;
    background-position: unset !important;
    background-color: unset !important;
}
#filters #basic-filters .full-filter-panel {  margin: 0 1% 10px 0; }
#filters #basic-filters .full-filter-panel .double { columns: 2; -webkit-columns: 2; -moz-columns:2; }
#filters #basic-filters .full-filter-panel .triple { columns: 3; -webkit-columns: 3; -moz-columns:3; }

/* Guest form */
.guest-form { background: #f1f1f1; border: 4px solid #e1e1e1; border-radius: 8px; padding: 1em; position: relative; }
.guest-form .guest-delete { position: absolute; right: 1em; top: 0.25em; }

/* Icons (fa) */
    .fa-ban { color: #777; }
    .fa-check {color: #3f9f1f;}

/* Meetings/Event Registration */
#registration-types {list-style-type: none;}

/* Notifications */
.flash .confirm, .flash .error, .flash .notice, .flash .warn { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.flash h2 { font-weight: bold; margin-bottom: 0.5em; }
.flash p { list-style: none; }
.flash .close { float: right; }

    /* AJAX notifications */
    #ajax-message { display: none; position: absolute; top: 0; width: 100%; }
    #ajax-text { background-color: #FFF1A8; font-size: 90%; font-weight: bold; margin: 0 auto !important; padding: 3px 0; position: relative; text-align: center; white-space: nowrap; width: 100px }
    
    /* Confirmation */
    .flash .confirm { background: #e8f8d1; padding: 30px; }
    .flash .confirm h2 { color: #516f26; }
    
    /* Errors */
    .flash .error, .validation-summary-errors { background: #ffc; padding: 30px; }
    .flash .error h2 { color: #d20000; }
    .field-with-errors, .field-validation-error { color: #f00; }
    .field-with-errors .txt, .field-with-errors .txt-med { border: 2px solid #f00; }
    .label .field-with-errors { display: inline; }
    
    /* Notices */
    .flash .notice { background: #e0f0ff; padding: 30px; }
    .flash .notice h2 { color: #274d70; }
    
    /* Warnings */
    .flash .warn { background: #fef5c6; padding: 30px; }
    .flash .warn h2 { color: #ac6b04; }

/* Options */
.options-h, .options-v { list-style: none; margin: 0; }
.options-h input, .options-v input { margin: 0 0.5em -0.05em 0; }
.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
.options-h > li, .options-v li { background: none; margin-bottom: 0.3em; padding: 0; }
.options-h > li { display: inline; margin-right: 0.7em; white-space: nowrap; }
.options-v > li { padding-left: 22px; text-indent: -22px; }
.options-v > li i { padding-left: 0; text-indent: 0; }
.options-v > ul { margin: 0.3em 0 1em; }

/* Payment history */
.payment-history .amount { width: 90px; }
.payment-history .date { width: 120px; }
.payment-history .invoice { width: 75px; }
.payment-history .memo {  }
.payment-history .n { color: red; }
.payment-history .num { text-align: right; }
.payment-history .p { color: green; }
.payment-history .total td { border-top: 3px double #ccc; font-weight: bold; }
.payment-history tr.transaction-row:hover td { background: #f0f0f0; cursor: pointer; }
.payment-history tr.transaction-row:hover td .transaction-details { cursor: default; }
.payment-history tr.transaction-row:hover td .transaction-details tr td { background: #ffc; cursor: default; }
.payment-history tr.current td { background: #fff; font-weight: bold; }

    /* Transaction detail */
    .transaction-detail { border: 2px solid #888; }
    .transaction-detail .amount { width: 16%; }
    .transaction-detail table { margin: 0; width: 100% }
    .transaction-detail > td { background: #fff; padding: 0; }
    .transaction-detail .memo { width: 38%; }
    .transaction-detail .tools { padding-left: 0.5em; width: 8%; }
    
        /* Transaction item */
        .transaction-details tr th { background: #eec; font-weight: bold; }
        .transaction-details tr td { background: #ffc; }

/* Progress navigation */
.progress { font-size: 18px; list-style: none; margin: 1em 0 2em 0; padding:0; white-space: nowrap; }
.progress, .progress a { color: #b0b0b0; }
.progress li { display: inline; margin-right: 10px; }
.progress li.current { color: #000; font-weight: bold; }
.progress .step:after { content: ". "; }

/* Progress forms */
#progress-form { overflow: hidden; padding-left: 190px; }
#progress-form dt .field-help { color: #818181; display: block; float: none; font-size: 12px; width: auto; }
#progress-form textarea.txt { height: 10em; }
#progress-form .form-content { float: right; width: 100%; }

  /* Tabs */
  #progress-form .form-nav { float: left; list-style: none; margin: 0 0 0 -190px; width: 160px; }
  #progress-form .form-nav a { display: block; padding: 10px 0; text-decoration: none; }
  #progress-form .form-nav a:hover { text-decoration: underline; }
  #progress-form .form-nav .current { font-weight: bold; }
  #progress-form .form-nav .current a { color: #000; }
  #progress-form .form-nav .disabled { color: #aaa; font-style: italic; padding: 10px; }
  #progress-form .form-nav li { border-bottom: 1px solid #ddd; margin: 0; }

/* Required text */
.req { color: #f00; }
.required { color: #f00; }

/* Stock classes */
.l { float: left; }
.r { float: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0; padding: 0; }
select[multiple] {background: none !important;} 


/* Store */
/* Product details */

/*
.product {
    padding-left: 300px;
}
*/

.product h1 {
    margin-bottom: 0.5em;
}

.product-description {
    margin-bottom: 30px;
}

/*
.product-image {
    float: left;
    margin: 3px 0 30px -330px;
    padding: 20px;
    width: 300px;
}
*/

.product-image img {
    display: block;
    width: 100%;
}

.product .txt-num {
    width: 3em;
}

/* Product list */
.product-list {
    list-style: none;
    margin-left: 0;
}

.product-list > li {
    border-top: 1px solid #ddd;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 20px 10px 170px;
}

.product-list .thumb {
    float: left;
    margin: 3px 20px 10px -170px;
    width: 150px;
}

.product-list .thumb img {
    display: block;
    width: 100%;
}

@media only screen and (max-width: 768px) {

.progress li { display: block; margin: 0}

}

/* Toggling options */
.closed { display: none; }

/* Knowledge exchange */
    /* Actions */
    /* Rating */
    .rate-tools { float: right; list-style: none; text-align: right; white-space: nowrap; }
    .rate-tools a { color: #bbb; }
    .rate-tools a:hover { color: #215fa6 }
    .rate-tools li { display: inline; margin-left: 0.7em; }
    .rate-post.up .fa { color: #2e8b57; }
    .rate-post.down .fa { color: #cd5c5c; }

    /* Comments */
    .comments { border-top: 1px solid #ddd; padding-top: 30px; }
    .comments h3 { font-weight: normal; text-transform: none; }
    .comments ol { list-style: none; margin: 0; }
    .comments ol > li { border: 1px solid #ddd; border-radius: 6px; margin-bottom: 15px; overflow: hidden; padding: 15px 20px 15px 100px; }
    .comments .highlighted { background: #ff9; }
    .comments .thumb { float: left; margin: 1px 0 10px -80px; width: 60px; }

    /* Contribute */
    #contribute { background: #f3fbfa; border: 1px solid #cce5e3; border-radius: 6px; margin-bottom: 1.4em; padding: 20px; }
    #contribute h3 { font-size: 20px; font-weight: normal; line-height: 40px; text-transform: none; }
    #contribute h3 .fa { color: #007f71; display: inline-block; width: 26px; }

    /* Header */
    #kx-header h1 { margin-bottom: 0.5em; }
    #kx-header p { margin-bottom: 0.2em; }
    
    /* Stream nav */
    .stream-nav { list-style: none; margin: 10px 0 0 0; padding: 0; display: flex; }
    .stream-nav li { flex: auto; font-size: 14px; }
    .stream-nav li a { background: #fafafa; border: 1px solid #ccc; display: block; margin: 0 -1px -1px 0; padding: 0.7em 1em; }
    .stream-nav li.current a { background: #fff; border-bottom-color: #fff; color: #000; }
    
    /* Stream posts */
    .stream .stream-items { border: 1px solid #ccc; }
    .stream .stream-item { border-bottom: 1px solid #ddd; }
    .stream .stream-item .item-wrapper { display: block; overflow: hidden; padding: 15px 15px 15px 100px; position: relative; }
    .stream .stream-item .item-wrapper:hover { background: #fafafa; }
    .stream .stream-item .post-details-link {  }
    .stream .stream-item .post-details-link:hover { text-decoration: none; }
    .stream .stream-item p { margin: 0; }
    .stream .stream-item .verb { font-size: 1em; font-weight: 600; margin: 0; }
    .stream .stream-item-thumb { border: 1px solid #fff; float: left; margin: 3px 0 0 -80px; width: 60px; }    
    .stream .stream-item-tags { display: block; }
    .stream .stream-item-tags a { cursor: pointer; }
    .stream .stream-item-title { display: block; font-size: 18px; }
    .stream .stream-item.highlighted { background: #ff9; }
    .stream .stream-more a, .stream-loading { border-radius: 0 0 7px 7px; clear: both; display: block; padding: 10px 20px; text-align: center; }
    .stream .stream-more a:hover { background: #f0f0f0; }
    
        /* Stream item tools */
        .stream .stream-tools { list-style: none; position: absolute; float: right; margin: 5px 5px 0 0; right: 0; top: 0; width: 64px; }
        .stream .stream-tools li { float: left; }
        .stream .stream-tools li a { border: 1px solid #bbb; border-radius: 4px; background: #369; color: #eee; display: block; margin-bottom: 4px; padding: 0.15em; text-align: center; width: 24px; }
        .stream .stream-tools li a:hover { background: #eee; color: #369; text-decoration: none; }
        
        /* Stream search */
        .stream .search-tools { float: right; list-style: none; margin: 0; padding: 0; }
        .stream .search-tools > li { float: left; margin: 0; }
        .stream .search-tools .action { margin: 2px 0 0 0; padding: 0.65em 1em; }
        .stream .search-tools >li:first-child .action { border-radius: 4px 0px 0px 4px; }
        .stream .search-tools >li:last-child .action { border-left: none; border-radius: 0px 4px 4px 0px; }
        .stream .stream-search { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 1em; }
        .stream .stream-tags { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 1em; }
        .stream .stream-tags .options-h { margin-bottom: 1em; }
        .stream .stream-tags .header { margin-bottom: 1em; }
        .stream .stream-tags ul li a { margin-bottom: 1em; }
        .stream .stream-search button { float: right; }
        .stream .stream-search input { width: 84%; }

/*-----Flash------*/
/* Notifications */
div.alert, div.confirm, div.notice { color: #000; margin-bottom: 1em; padding: 0.5em 1em 0.5em 43px; }
div.alert *, div.confirm *, div.notice * { margin: 0; }
div.alert .mute, div.confirm .mute, div.notice .mute { font-size: 1em; }
div.alert h6, div.confirm h6, div.notice h6 { font-size: 1em; font-weight: normal; }
div.alert li, div.confirm li, div.notice li { background: none; padding: 0; }
div.alert ul, div.confirm ul, div.notice ul { list-style: disc outside; margin-left: 2em; }
.flash { margin-bottom: 2em; }
.flash h2 { font-size: 1.3em; margin-bottom: 0.5em; }
.flash p { list-style: none; margin: 0; }

  /* Confirmations */
  div.confirm { background: #d8ffd4 url(/images/admin/notify-confirm.gif) no-repeat 10px 0.6em; border: 3px solid #9edd98; }
  
  /* Errors */
  .alert { color: #e30013; }
  div.alert { background: #ffd4d4 url(/images/admin/notify-alert.gif) no-repeat 10px 0.5em; border: 3px solid #dd9898; }
  .error { background: url(/content/images/shared/exclamation.png) no-repeat 0 0.25em; color: #f00; padding: 3px 0 3px 20px; }
  
  #errorExplanation, .flash .error {
    background: #ffc url(/content/images/error.gif) no-repeat 1em 1.1em;
    border: 2px solid #ea3c20;
    color: #f00;
    padding: 1.5em 1.5em 1.5em 3.5em;
  }
  
  .field-with-errors { color: #f00; }
  .field-with-errors .txt, .field-with-errors .txt-med { border: 2px solid #f00; }
  .label .field-with-errors { display: inline; }
  
  /* Notices */
  .flash .notice { background: #e0f0ff url(/content/images/shared/notice.png) no-repeat 13px 13px; border: 2px solid #a1d0fb; padding: 20px 20px 20px 60px; }
  div.notice { background: #fff6d3 url(/images/admin/notify-notice.gif) no-repeat 10px 0.5em; border: 3px solid #ffe27e; }
  
  /* Warnings */
  .flash .warn { background: #fef5c6 url(/content/images/warning.gif) no-repeat 1em 1em; border: 2px solid #ffcd36; padding: 1.5em 1.5em 1.5em 3.5em; }

/**/
legend span.legend-span {
    position: absolute;
    left: -9999px;
    width: 100px;
    height: auto;
    overflow: hidden;
}

#specialties, #searchLocation {
    font-size: 1.25em !important;
    font-weight: 500;
}
#searchLocation::-webkit-input-placeholder { /* WebKit browsers */
    color: black;
}
#searchLocation:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
}
#searchLocation::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
}
#searchLocation:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: black;
}