/**
 * @license
 * MyFonts Webfont Build ID 2698802, 2013-11-30T01:06:29-0500
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2698802
 * Licensed pageviews: 200,000
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/

@font-face {
    font-family: 'BankGothicBT-Light';
    src: url('../images/fonts/292E32_0_0.eot');
    src: url('../images/fonts/292E32_0_0d41d.eot?#iefix') format('embedded-opentype'), url('../images/fonts/292E32_0_0.woff') format('woff'), url('../images/fonts/292E32_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'BankGothicBT-Medium';
    src: url('../images/fonts/292E32_1_0.eot');
    src: url('../images/fonts/292E32_1_0d41d.eot?#iefix') format('embedded-opentype'), url('../images/fonts/292E32_1_0.woff') format('woff'), url('../images/fonts/292E32_1_0.ttf') format('truetype');
}

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
body {
    /* font-family: Verdana, Helvetica, Arial, sans-serif; */
    font-family: 'Yanone Kaffeesatz', sans-serif;
    /* background-color: #c3d3ed; */
    background-color: #9cc9fd;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0px;
}
p {
    margin-top: 8px;
    margin-bottom: 14px;
}
h1                    { font-size: 26px; }
h2                    { font-size: 24px; }
h3                    { font-size: 23px; }
h4                    { font-size: 22px; }
h5                    { font-size: 21px; }
h6                    { font-size: 20px; }
h1.title, h1.storytitle { font-size: 24px; }
h2.title, h2.storytitle { font-size: 22px; }
h3.title, h3.storytitle { font-size: 20px; }
h4.title, h4.storytitle { font-size: 18px; }
h5.title, h5.storytitle { font-size: 16px; }
h6.title, h6.storytitle { font-size: 14px; }
body                  { font-size: 20px; }
a:link, a:visited, a:active {
    color: #3f6ebe;
}
a:hover {
    color: #ca6b69;
}

#staff_mgmt, .schedule-page {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
#staff_mgmt p, .schedule-page p {
    margin-top: 12px;
    margin-bottom: 12px;
}
#staff_mgmt h1, .schedule-page h1 { font-size: 24px; }
#staff_mgmt h2, .schedule-page h2 { font-size: 20px; }
#staff_mgmt h3, .schedule-page h3 { font-size: 18px; }
#staff_mgmt h4, .schedule-page h4 { font-size: 16px; }
#staff_mgmt h5, .schedule-page h5 { font-size: 14px; }
#staff_mgmt h6, .schedule-page h6 { font-size: 13px; }

.gallery h3, .gallery h4, .gallery h5, .gallery h6 {
    margin-bottom: 12px;
}
.title, .storytitle {
    /* font-family: BankGothicBT-Light, sans-serif; */
    font-family: 'Fredoka One', sans-serif;
}
input[type='checkbox'] {
    margin-right: 4px;
}

.header {
    /* background-image: url(/images/header-background.png); */
    background-image: url(../images/clouds.jpg);
    background-repeat: repeat-x;
    background-size: 1259px;
}
.header-city {
    background-image: url(../images/cityscape.png);
    background-position: left 425px top;
    background-repeat: repeat-x;
    background-size: 854px;
    width: 100%;
    height: 350px;
    position: absolute;
}
.header-rainbow {
    background-image: url(../images/cityscape-rainbow.png);
    position: absolute;
    top: 0px;
    left: 425px;
    width: 854px;
    height: 350px;
    overflow: hidden;
}
.header-rainbow img {
    height: 350px;
}
.header-scallop {
    background-image: url(../images/scallop-top.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 16px;
    position: absolute;
}
.header-container {
    width: 1400px;
    max-width: 100%;
    height: 350px;
    position: relative;
    margin: 0 auto;
    /* background-image: url(/images/cityscape-rainbow.png); */
}
.section-container {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
}
.section-body {
    padding-left: 10px;
    padding-right: 10px;
}
/*
.clouds-left-header, .clouds-right-header {
    height: 343px;
    position: absolute;
    top: 0px;
    overflow: hidden;
}
.clouds-left-header img, .clouds-right-header img {
    height: 343px;
}
*/
.mascot-header {
    position: absolute;
    top: 0px;
    left: 0px;
}
.mascot-header img {
    height: 350px;
    width: auto;
}
.text-header-wrapper {
    position: absolute;
    top: 100px;
    left: 260px;
}
.text-header {
    position: absolute;
    /*
    top: 100px;
    left: 260px;
    */
    width: 391px;
    height: 230px;
    /* font-family: BankGothicBT-Medium, sans-serif; */
}
.text-header a {
    color: #000000;
    text-decoration: none;
}
.text-header p {
    margin: 0px;
    position: absolute;
}
.text-header-name,
.text-header-year {
    font-family: 'Fredoka One', sans-serif;
}
.text-header-dates,
.text-header-tagline,
.text-header-weekend {
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
.text-header-name,
.text-header-tagline,
.text-header-weekend {
    text-align: center;
}
.text-header-name    { font-size: 56px; line-height: 88px; height: 85px; top: 39px; background-color: #ca6b69; text-shadow: -4px 3px 0px #b65250; box-shadow: -7px 7px 0px rgba(0,0,0,0.17); }
.text-header-year    { font-size: 64px; top: -12px; left: 27px; width: 200px; }
.text-header-tagline { font-size: 26px; line-height: 42px; height: 43px; top: 134px; background-color: #c69fdf; text-shadow: -2px 1px 0px #ae83cc; box-shadow: -7px 7px 0px rgba(0,0,0,0.17); }
.text-header-dates   { font-size: 24px; left: 175px; top: 8px; width: 200px; text-shadow: -1.5px 1px 0px #6aa0fa; }
.text-header-weekend { font-size: 28px; line-height: 42px; height: 43px; top: 187px; background-color: #42b59c; text-shadow: -2px 1px 0px #38918b; box-shadow: -7px 7px 0px rgba(0,0,0,0.17); }
.text-header-name,
.text-header-tagline,
.text-header-weekend {
    width: 391px;
}
.text-header-name a,
.text-header-dates a,
.text-header-tagline a,
.text-header-weekend a {
    color: #ffffff;
}
.text-header-year a {
    color: #7bacff;
}
.text-header-year {
    text-shadow: 3px 3px 0px #ffffff, 3px -3px 0px #ffffff, -3px 3px 0px #ffffff, -3px -3px 0px #ffffff, -7px 6px 0px rgba(64,64,64,0.25);
}

/*
.text-header-name    { font-size: 62px; line-height: 30px; }
.text-header-year    { font-size: 124px; line-height: 86px; }
.text-header-tagline { font-size: 28px; line-height: 24px; }
.text-header-dates   { font-size: 43px; line-height: 30px; }
.text-header-weekend { font-size: 32px; }
.text-header-year, .text-header-dates, .text-header-year a, .text-header-dates a {
    color: #881635;
}
*/
.nav-social-media {
    position: absolute;
    top: 10px;
    right: 10px;
}
.nav-link-social-media {
    padding-left: 4px;
    float: left;
}
.nav-link-social-media img {
    width: 32px;
    height: 32px;
}
.nav-bar-desktop,
.nav-bar-phone-landscape,
.nav-bar-phone-portrait,
.nav-bar-phone-small {
    position: absolute;
    top: 50px;
    /* padding-top: 50px; */
    padding-bottom: 0px;
    height: 40px;
    width: 1400px;
    max-width: 100%;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.nav-bar-phone-landscape,
.nav-bar-phone-portrait,
.nav-bar-phone-small {
    display: none;
}
.nav-bar-phone-landscape,
.nav-bar-phone-small {
    height: 25px;
}
.nav-bar-phone-portrait {
    width: 610px;
    max-width: 100%;
}
.nav-bar-phone-landscape-wrap,
.nav-bar-phone-small-wrap {
    padding-top: 0px;
    top: 75px;
}
.nav-link {
    text-align: center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    vertical-align: top;
    display: inline-block;
}
.nav-link a:link, .nav-link a:visited, .nav-link a:hover {
    color: #505050;
}
.nav-bar-padding {
    width: 220px;
}
.nav-bar-stretch {
    width: 100%;
    display: inline-block;
}
.nav-link-last {
    padding-right: 10px;
}
.nav-link-first {
    padding-left: 225px;
}
.nav-bar-desktop a,
.nav-bar-phone-landscape a,
.nav-bar-phone-portrait a,
.nav-bar-phone-small a {
    color: #000000;
    text-decoration: none;
}
.nav-link-small {
    font-size: 14px;
    font-weight: normal;
    color: #505050;
}
.nav-bar-hover {
    /* background: #881635; */
    /* background: #c48b9a; */
    background: #e1ecff;
    position: absolute;
    /* box-shadow: -4px 4px 0px rgba(0,0,0,0.09); */
    /*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    */
}
.flyout {
    /* background: #f0f4fa; */
    background: #ffffff;
    position: absolute;
    /* box-shadow: -4px 4px 0px rgba(0,0,0,0.09); */
    /*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    */
    padding: 10px;
}
.flyout-link {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    padding-bottom: 4px;
}
.flyout-link.flyout-link-mini {
    font-size: 16px;
    line-height: 16px;
    padding-left: 10px;
}
.flyout-link a {
    color: #505050;
    text-decoration: none;
}
.callout {
    position: absolute;
}
.callout img {
    height: 15px;
    width: auto;
}
/*
.clouds-left-body, .clouds-right-body {
    position: absolute;
    top: 350px;
    overflow: hidden;
    background-repeat: repeat-y;
    z-index: -1;
}
.clouds-left-body {
    width: 156px;
    background-image: url(/images/clouds-body-left.png);
}
.clouds-right-body {
    background-image: url(/images/clouds-body-right.png);
}
*/
.section.crsl-items {
    height: 200px;
}
.crsl-item img {
    height: 200px;
}
.front-title {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 0px;
    color: #ffffff;
    text-shadow: -3px 2px 0px #86b4ee;
}
.front-title-bottom {
    margin-top: 0px;
}
.front-title.front-title-news {
    margin-top: 0px;
    padding-top: 12px;
    color: #000000;
    text-shadow: none;
}
.front-title-top {
    margin-top: 0px;
    padding-top: 12px;
}
.section-border {
    background-color: #81899d;
    height: 7px;
}
.section-special {
    background-color: #ca6b69;
}
.section-special a:link, .section-special a:visited, .section-special a:active {
    color: #ffffff;
    text-decoration: none;
}
.section-special a:hover {
    color: #e9e588;
    text-decoration: none;
}
.front-title-special {
    text-shadow: -3px 2px 0px #b65250;
    color: #ffffff;
    text-align: center;
}
.front-title-special.front-title-bottom {
    padding-bottom: 12px;
}
h2.front-title-special.front-title-bottom {
    font-size: 12pt;
    font-style: regular;
}
h2.front-title-special {
    font-size: 14pt;
}
h2.front-title-special.front-title-top {
    font-style: italic;
}

/*
.clouds-horizontal {
    height: 67px;
    background-image: url(/images/clouds-horizontal.png);
    background-repeat: repeat-x;
}
*/
.scallop-front {
    height: 18px;
    background-image: url(../images/scallop-bottom.png);
    background-repeat: repeat-x;
}
.scallop-front-spacer {
    height: 30px;
    background-color: #e1ecff;
}
.flow-4-230-container {
    width: 961px;
    margin: 0 auto;
}
.flow-4-230-item {
    width: 230px;
    height: 168px;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    float: left;
}
.flow-4-230-item-box {
    height: 98px;
    padding-left: 40px;
    padding-top: 20px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 18px;
    text-align: left;
}
.section-below-scallop-front {
    /* background-color: #f0f4fa; */
    background-color: #e1ecff;
}
.front-icons {
    /* font-family: BankGothicBT-Light, sans-serif; */
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
}
.front-icons img {
    width: 160px;
    height: 118px;
}
.front-icons a {
    color: #000000;
    text-decoration: none;
}
.flow-2-150-container {
    width: 405px;
    margin: 0 auto;
}
.flow-2-150-item {
    width: 150px;
    height: 100px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 0px;
    vertical-align: top;
    float: left;
}
.front-logos {
    text-align: center;
    overflow: hidden;
}
.login-status {
    background: #9abaed;
    min-height: 40px;
}
.logout-container {
    float: right;
}
.footer p, .login-status p {
    margin: 0;
}
.footer {
    /* background: #22245b; */
    background: #414141;
    min-height: 60px;
}
.footer .section-container, .login-status .section-container {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    max-width: 1400px;
}
.footer p {
    margin: 0;
    font-size: 16px;
    color: #ffffff;
}
.footer-logo-container {
    float: right;
    overflow: hidden;
}
.footer-logo {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.footer-logo-sunshine {
    background: #c3d3ed;
}
.footer-logo-sunshine img {
    height: 40px;
    width: auto;
}
.footer-logo-ticketbud {
    height: 40px;
    width: auto;
}
.section-content {
    padding-bottom: 24px;
}
.news-container {
    max-width: 600px;
    margin: 0 auto;
}
.news-listing {
    line-height: 14px;
}
.news-listing a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.news-date {
    font-size: 16px;
    font-weight: bold;
    /* font-style: italic; */
}
.news-nav {
    font-size: 16px;
    text-align: center;
}
.news-nav a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    /* font-style: italic; */
}

.collage {
    position: relative;
}
.collage-item {
    font-family: BankGothicBT-Medium, sans-serif;
    position: absolute;
}

.registration-table {
    border-collapse: collapse;
    margin-top: 20px;
}
.registration-table th {
    text-align: left;
}
.registration-table td, .registration-table th {
    vertical-align: top;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 12px;
    border: 1px solid #000000;
}
.with-checkmark td:nth-child(2), .with-checkmark td:nth-child(3) {
    padding-left: 24px;
}
.registration-table .not-available {
    font-size: smaller;
}
.registration-table-small {
    display: none;
}
.meetings th,
.mmeeting-recordings th {
    text-align: left;
    padding-top: 10px;
}
.meetings td, .meetings th,
.meeting-recordings td, .meeting-recordings th {
    vertical-align: top;
    padding-right: 20px;
}
.meetings td:nth-child(4), .meetings td:nth-child(5),
.meeting-recordings td:nth-child(6) {
    padding-right: 0px;
}
.meeting-recordings td:nth-child(5) {
    padding-right: 10px;
}
.contact td:nth-child(1) {
    font-weight: bold;
    padding-right: 20px;
}
.contact td:nth-child(2) {
    text-align: right;
}
.history {
    margin-left: auto;
    margin-right: auto;
}
.history td, .history th {
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
}
.history-conventions td:nth-child(3),
.history-conventions td:nth-child(4),
.history-conventions th:nth-child(3),
.history-conventions th:nth-child(4) {
    text-align: right;
}
.history-conventions td:nth-child(5) {
    padding-right: 0px;
}
.history-mini-events td:nth-child(1),
.history-mini-events th:nth-child(1) {
    text-align: right;
}
.history-mini-events td:nth-child(4) {
    padding-right: 0px;
}
.hotel-table {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}
.hotel-table td, .hotel-table th {
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    vertical-align: top;
    text-align: left;
    border: 1px solid #000000;
}
.hotel-title,
.hotel-table .hotel-title {
    font-weight: bold;
}
.hotel-table .hotel-contact {
    font-size: smaller;
}
.hotel-table td:nth-child(2),
.hotel-table th:nth-child(2),
.hotel-table td:nth-child(3),
.hotel-table th:nth-child(3)
{
    text-align: right;
}
.hotel-table .lodging-hotel {
    font-size: smaller;
}
.hotel-table .event-hotel {
    font-weight: bold;
    font-size: larger;
}

.text-adventure-button {
    background: #9abaed;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    display: inline-block;
}
.text-adventure-button:hover {
    background: #aacaed;
}

.checkmark {
    width: 32px;
    height: auto;
    opacity: 0.25;
    vertical-align: middle;
}
.checkmark-small {
    width: 16px;
    height: auto;
    vertical-align: middle;
}
.with-checkmark .checkmark-small {
    margin-left: -20px;
}

.landscape-warning-schedule-hours {
    display: none;
}
.schedule-hours {
    margin-top: 12px;
    font-size: 90%;
    font-family: "Arial","Helvetica","Verdana",sans-serif;
}
.schedule-hours td, .schedule-hours th {
    border: 1px solid #000000;
    vertical-align: top;
    padding: 2px;
    text-align: center;
}
.schedule-hours td {
    background: #e0e8f6;
}
.schedule-hours tr, .schedule-hours td:nth-child(1) {
    background: #a6c2ee;
}
.schedule-hours td.schedule-hours-category {
    background: #c3d3ed;
}
.schedule-hours td:nth-child(1), .schedule-hours td:last-child {
    text-align: left;
}
.schedule-hours-category {
    font-weight: bold;
}

.schedule-category {
    margin-top: 18px;
    color: #d04000;
}
.schedule-title {
    font-size: 12px;
    margin-top: 18px;
}
.schedule-instance {
    color: #0000d0;
    margin-top: 2px;
    margin-bottom: 6px;
}
.schedule-flags {
    margin-top: 6px;
    margin-bottom: 6px;
}
.schedule-flags, .schedule-alert {
    font-weight: bold;
    color: #b00000;
}
.schedule-description p {
    margin-top: 6px;
}

.schedule-control-panel label {
    margin-right: 8px;
}
.schedule-control-panel input {
    margin-right: 4px;
}
.schedule-control-panel-box {
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #000000;
    background-color: #a6c2ee;
}
.schedule-control-panel-floating {
    position: fixed;
    top: 4px;
    right: 4px;
}
.staff-policies-list > li {
    padding-bottom: 12px;
}
.staff-policies-list ol {
    padding-top: 12px;
}

#staff_mgmt_menu_landscape {
    display: none;
}

@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) {
    .header {
        background-image: url(../images/clouds%402x.jpg);
        /* background-size: cover; */
    }
    .header-city {
        background-image: url(../images/cityscape%402x.png);
        /* background-size: cover; */
    }
    .header-rainbow {
        background-image: url(../images/cityscape-rainbow%402x.png);
        background-size: cover;
    }
    .header-container {
        background-size: cover;
    }
    .header-scallop {
        background-image: url(../images/scallop-top%402x.png);
        background-size: contain;
    }
    .scallop-front {
        background-image: url(../images/scallop-bottom%402x.png);
        background-size: contain;
    }
    /*
    .clouds-horizontal {
        background-image: url(/images/clouds-horizontal@2x.png);
        background-size: auto 67px;
    }
    .clouds-left-body {
        background-image: url(/images/clouds-body-left@2x.png);
        background-size: 156px auto;
    }
    .clouds-right-body {
        background-image: url(/images/clouds-body-right@2x.png);
        background-size: 169px auto;
    }
    */
}
@media (min--moz-device-pixel-ratio: 2.5),
       (-o-min-device-pixel-ratio: 5/2),
       (-webkit-min-device-pixel-ratio: 2.5),
       (min-device-pixel-ratio: 2.5),
       (min-resolution: 360dpi),
       (min-resolution: 2.5dppx) {
    .header {
        background-image: url(../images/clouds%403x.jpg);
    }
    .header-city {
        background-image: url(../images/cityscape%403x.png);
    }
    .header-rainbow {
        background-image: url(../images/cityscape-rainbow%403x.png);
    }
    .header-scallop {
        background-image: url(../images/scallop-top%403x.png);
    }
    .scallop-front {
        background-image: url(../images/scallop-bottom%403x.png);
    }
}

/* tablet */
@media (max-width: 991px) {
}
@media (max-width: 961px) {
    .flow-4-230-container {
        width: 481px;
        margin: 0 auto;
    }
}
/* phone landscape */
@media (max-width: 767px) {
    .nav-bar-desktop {
        display: none;
    }
    .nav-bar-phone-landscape {
        display: block;
    }
}
@media (max-width: 675px) {
    .header {
        /* background-image: url(/images/clouds@3x.jpg); */
        background-size: cover;
    }
    .header-city {
        /* background-image: url(/images/cityscape@3x.png); */
        background-size: cover;
    }
    .header-rainbow {
        left: -200px;
    }
    .header-container {
        background-size: cover;
    }
    .mascot-header {
        display: none;
    }
    .nav-link-first {
        padding-left: 10px;
    }
    .nav-bar-phone-landscape {
        display: none;
    }
    .nav-bar-phone-portrait {
        display: block;
    }
    .text-header-wrapper {
        left: 50%;
        margin-left: -195px;
    }
}
@media (max-width: 510px) {
    .nav-bar-phone-portrait {
        display: none;
    }
    .nav-bar-phone-small {
        display: block;
    }
}
@media (max-width: 481px) {
    .flow-4-230-container {
        width: 241px;
        margin: 0 auto;
    }
    .flow-2-150-container {
        width: 205px;
        margin: 0 auto;
    }
}
/* phone portrait */
@media (max-width: 479px) {
    #staff_mgmt_menu_landscape {
        display: block;
    }
}
@media (max-width: 460px) {
    .landscape-warning-schedule-hours {
        display: block;
    }
}
@media (max-width: 420px) {
    .text-header-wrapper {
        left: 50%;
        top: 125px;
        margin-left: -145px;
    }
    .text-header {
        /* top: 125px; */
        width: 290px;
    }
    .text-header-name    { font-size: 40px; line-height: 80px; height: 75px; top: 39px; }
    .text-header-year    { font-size: 56px; top: -8px; left: 27px; width: 200px; }
    .text-header-tagline { font-size: 20px; line-height: 37px; height: 40px; top: 123px; }
    .text-header-dates   { font-size: 24px; left: 160px; top: 9px; width: 130px; }
    .text-header-weekend { font-size: 22px; line-height: 42px; height: 40px; top: 172px; }
    .text-header-name,
    .text-header-tagline,
    .text-header-weekend {
        width: 290px;
    }
    .contact, .history, .meetings, .meeting-recordings, .hotel-table, .registration-table {
        font-size: smaller;
    }
    .registration-table-large {
        display: none;
    }
    .registration-table-small {
        display: inline;
    }
}

.kc-gallery-image-general
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}
.kc-gallery-image-spott
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 150px;
    height: 226px;
}
.kc-gallery-image-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 225px;
}
.kc-gallery-image-225-square
{
    float: left;
    padding-right: 20px;
    padding-bottom: 40px;
    width: 225px;
    height: 225px;
}
.kc-gallery-image-225-square img {
    max-width: 100%;
    max-height: 100%;
}
.kc-gallery-image-161-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 169px;
    height: 225px;
}
.kc-gallery-image-169-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 169px;
    height: 225px;
}
.kc-gallery-image-150-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 150px;
    height: 225px;
}
.kc-gallery-image-photo
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 225px;
}
.kc-gallery-image-cover
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 309px;
    max-width: 96%;
}
.kc-gallery-image-cover-2007
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 350px;
    max-width: 96%;
}
.kc-gallery-image-cover-2009
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 350px;
    max-width: 96%;
}
.kc-gallery-image-pocket
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 500px;
    max-width: 96%;
}
.kc-gallery-image-pocket-2008
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 500px;
    max-width: 96%;
}
.kc-gallery-image-pocket-2009
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 497px;
    max-width: 96%;
}
.kc-gallery-image-mascot
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 400px;
    max-width: 96%;
}
.kc-gallery-image-mascot-300
{
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 300px;
}
.kc-gallery-image-mascot-300 img
{
    width: 300px;
}
.kc-gallery-image-cover img,
.kc-gallery-image-cover-2007 img,
.kc-gallery-image-cover-2009 img,
.kc-gallery-image-pocket img,
.kc-gallery-image-pocket-2008 img,
.kc-gallery-image-pocket-2009 img,
.kc-gallery-image-mascot img {
    max-width: 100%;
    height: auto;
}

#staff_mgmt_person_directory_table th, #staff_mgmt_program_book_list th, #staff_mgmt_simple_member_list_table_overlap th, #staff_mgmt_simple_member_list_table_no_overlap th
{
    font-weight: bold;
}
#staff_mgmt_person_directory_table td, #staff_mgmt_person_directory_table th, #staff_mgmt_program_book_list td, #staff_mgmt_program_book_list th, #staff_mgmt_simple_member_list_table_overlap th, #staff_mgmt_simple_member_list_table_overlap td, #staff_mgmt_simple_member_list_table_no_overlap th, #staff_mgmt_simple_member_list_table_no_overlap td
{
    padding-right: 20px;
}
#staff_mgmt_person_directory_table th, #staff_mgmt_person_directory_table td, #staff_mgmt_program_book_list td, #staff_mgmt_program_book_list th, #staff_mgmt_simple_member_list_table_overlap th, #staff_mgmt_simple_member_list_table_overlap td, #staff_mgmt_simple_member_list_table_no_overlap th, #staff_mgmt_simple_member_list_table_no_overlap td
{
    text-align: left;
    vertical-align: top;
    padding-right: 8px;
    font-size: 8pt;
    word-wrap: break-word;
}
.staff-mgmt-org-chart
{
    border-spacing: 2px;
    border-collapse: collapse;
}
.rank-executive {
    color: #0000ff;
}
.rank-manager {
    color: #ff0000;
}
.rank-coordinator {
    color: #ffff00;
}
.rank-general {
    color: #00b000;
}
.rank-volunteer {
    color: #ff00ff;
}
.rank-executive,
.rank-manager,
.rank-coordinator,
.rank-general,
.rank-volunteer {
    font-family: 'BankGothicBT-Medium';
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    padding-right: 4px;
}

.kc-staffchart-column
{
    vertical-align: top;
    /* background: #9abaed; */
    background: #87aeed;
    font-size: 8pt;
}
.kc-staffchart-column a:link
{
    color: #084279;
    text-decoration: none;
}
.kc-staffchart-column a:visited
{
    color: #084279;
    text-decoration: none;
}
.kc-staffchart-openpositioncolumn
{
    vertical-align: top;
    /* background: #dff1f5; */
    background: #e1ecff;
    font-size: 8pt;
}
.kc-staffdirectory-popup
{
    background: #9abaed;
    border-style: solid;
    border-width: 2px;
    border-color: #800000;
    padding-left: 12px;
    padding-right: 12px;
}
.kc-staffdirectory-column
{
    width: 250px;
    vertical-align: top;
}
.kc-useradmin-table
{
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
}
.kc-errorlabel
{
    font-weight: bold;
    color: #BF0000;
}
#staff_mgmt_directory_tabs_table td
{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
}
#staff_mgmt_directory_tabs_table td a
{
    text-decoration: none;
}
.staff_mgmt_directory_tabs_table_unselected
{
    background: #bac6c7;
}
.staff_mgmt_directory_tabs_table_selected
{
    background: #d1dfe0;
}