/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - start
 * G E N E R A L   D E F I N I T I O N S
 */
body, td {
    font-size: 13px;
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    cursor: default;
}
body { background: transparent url("../images/site_bg.jpg"); }
body#tinymce { background-image: none; }

table.default { border-spacing: 0; width: 100%; }
table.default tr > th, table.default tr > td { padding: 0; }

.bodyContainer { margin: 0 auto; width: 940px; box-shadow: 0 0 30px #000000; border: 1px solid #000000; border-radius: 6px; background: #ffffff; }

td { vertical-align: top; }

div.no-js { top: -4px; background: #F9F9CF; text-align: center; padding:1px 0 0; border: solid 1px #777; position: absolute; display: none; width: 50%; width: calc(100% - 1px); }

a { color: #b20022; outline: none; text-decoration: none; }
a:hover { color: #D84E68; }

area { cursor: pointer; }

label { color:#777777; font-size:12px; font-weight:bold; }

.LoginForm { padding: 0 10px 10px 20px; }

.NotActive { border-bottom: dotted 1px #aaa; display: inline-block; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

img[usemap] { border: none; height: 100%; max-width: 100%; width: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end /*

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - start
 *  C M S
 */
 /* when managing pages */
table.addControl td {padding:0;margin:0;}
table.addControl input { padding:0 2px; margin:0;}
table.addControl input[type=submit] { border: solid 1px #999; background: #ccc; cursor: default; }
table.addControl input[type=submit]:hover { border: solid 1px #3c7fb1; background: #ddd; color: #333; }
table.addControl select { max-width: 120px; }

#cmsAdminMenu { border: 3px solid #0E74AF; border-radius: 10px; width: 45%; background-color: white; margin: 10px auto 100px; padding: 8px; }
#cmsAdminMenu a { color: #007; border-bottom: solid 1px transparent; display: inline-block; margin: 0 5px; }
#cmsAdminMenu a:hover { color: #008b3f; border-color: #000; }

div.adminBar { clear:left; font-size: 11px; color: #167f30 }
div.adminBar a { color: #007; border-bottom: solid 1px transparent; }
div.adminBar a:hover { color: #008b3f; border-color: #000; }

.outline-element { outline: 1px solid #0c0; }

.optionsContainer { margin: 10px 0 0; border-radius: 8px; }
.optionsContainer div.optionRow { border-bottom: solid 1px #ddd; padding-bottom: 3px; }
.optionsContainer div.option { padding-top: 5px; font-size: 12px; display: inline-block; vertical-align: top; }
.optionsContainer div.option.description { width: 57%; }
.optionGroup { border: solid 1px #bbb; padding: 5px; border-radius: 8px; margin: 10px 0; }
.optionOr { padding: 5px; text-align: center; }

.EditModeSettings div {font-size: 11px;}

/* General Content */
.LeftMenuContainer { padding: 10px; width: 160px; }
.MainContentContainer { padding: 10px 10px 0 0; }
.MainContentContainer_NoLMenu { padding: 0; width: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end /*
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - start
 *                      T R I G G E R S
 */

 /* general definition */
 .trigger { cursor: pointer; padding-left: 20px; }
 div.indicator { height: 15px; width: 15px; float: left; }

.expandSection {
    padding: 0 5px 0 25px;
    display: none;
    border:solid 0px #999;
    background: transparent url("../images/section_bg.png") repeat-x scroll 50% top;
}

 /* triangle triggers */
.trigger.close.triangle div.indicator { background: transparent url("../images/icons.png") no-repeat -35px -17px; }
.trigger.open.triangle div.indicator { background: transparent url("../images/icons.png") no-repeat -65px -17px; }

.trigger.plus { background: transparent url("../images/plus.gif") no-repeat 0 -2px; }
.trigger.minus { background: transparent url("../images/minus.gif") no-repeat 0 -2px; }
.trigger.dot { background: transparent url("../images/empty.gif") no-repeat 0 -2px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end */
/* - - - - - - - - - - - - B A N N E R - - - - - - - - - - - - - - - - start
 *  Classes used for the banner
 */
.bannerTitleContainer { padding: 5px; background: #B20022; font-family: Arial,Verdana,sans-serif; border-bottom: solid 1px #000; text-align: center; border-radius: 5px 5px 0 0; }
.bannerTitleContainer .bannerTitle { color: #fff; font-weight: bold; font-size: 18pt; }

table.BannerContainer { border: 0; border-spacing: 0; width: 100%; }
table.BannerContainer tr > th, table.BannerContainer tr > td { padding: 0; }
table.BannerContainer .logo { height: 155px; width: 122px; background: transparent url('../images/banner/NPSTC_logo_122x155.png') no-repeat; background-size: 100% 100%; }
table.BannerContainer .logo a { display: block; height: 100%; width: 100% }
table.BannerContainer #imgSlider img { height: 100%; width: 100%; }
.BannerContainer .anythingSlider-default { padding: 0; }
.BannerContainer .anythingSlider-default.activeSlider .anythingWindow { border-color: #7C9127; }
.BannerContainer .anythingSlider-default .anythingWindow { border: 0; }

.CrumbsSearchContainer { background: #B20022; border: solid 1px #000; border-width: 1px 0; color: #fff; position: relative; height: 28px; line-height: 28px; width: 100%; clear: both;}
.SearchBox { position: absolute; right: 15px;  }
.goSearch {
    float: right;
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin-left: 5px;
    background: transparent url("../images/search_arrow_o.gif") no-repeat 0 1px;
}
.breadCrumbs { margin-left: 13px; font-size: 13px; float: left; clear: left; }
.breadCrumbs a { font-weight: 600; color: #fff; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end /*

/* - - - - T O P   &   L E F T   &   F O O T E R   M E N U - - - - - - start
 *  Classes used for the header and footer menu
 */
/* top */
.TopContainerM { display: none; }
.TopMenuContainer, .TopContainerM {
    background: #FFAA19;
    background: linear-gradient(90deg, #FFAA19, #DD9015) repeat scroll 0 0 #FFA618;
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 12px;
    line-height: 1.1em;
    height: 25px;
    border-bottom: solid 2px #000;
    padding: 0;
    position: relative;
}
div.MenuToContentBodySpacer { height: 0px; float:none; clear:both; }
.TopMenuContainer .menuGroup { display: block; float: left; }
.TopMenuContainer .menuParent { cursor: pointer; position: relative; }
.TopMenuContainer .menuParent .Text { padding: 0; overflow:hidden; }
.TopMenuContainer .menuParent span,
.TopMenuContainer .menuParent a { color: #000; display: inline-block; padding: 6px 13px 6px 13px; }
.TopMenuContainer .menuParent .Node { background: #111111; background: linear-gradient(90deg, #111 75%, #aaa); }
.TopMenuContainer .menuContainer { position: absolute; border: solid 1px #000; border-top: 0; white-space: nowrap; min-width: 150px; z-index: 99; }
.TopMenuContainer .menuContainer div { position: relative; }
.TopMenuContainer .menuContainer .Node { border-top: solid 0px #000; cursor: pointer; }
.TopMenuContainer .menuContainer .Node .moreMenus { right: 0; position: absolute; top: 5px; background: transparent url("../images/icons.png") no-repeat -1px -161px; height: 15px; width: 15px; }
.TopMenuContainer .menuContainer .Node span,
.TopMenuContainer .menuContainer .Node a { display: inline-block; color: #fff; font-weight: normal; padding: 6px 5px 6px 23px; }
.TopMenuContainer .menuContainer .Node div.menuContainer { margin-top: -27px; position: absolute; left: 100%; }
.dropdown { display: none; }

/* TOP: hover styles */
.TopMenuContainer .menuContainer .Node:hover > a { color: #FFA618; }
.TopMenuContainer .menuGroup:hover .Text span,
.TopMenuContainer .menuGroup:hover .Text a { color: #FFA618; background: #000; }
.TopMenuContainer .menuParent .Node:hover { background: #222222; background: linear-gradient(90deg, #333 40%, #A00731); }

/* TOP: animations */
@-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(90deg); z-index: -1; opacity: 0; }
    to   { -webkit-transform: rotateY(0deg);  z-index: 99; opacity: 1; }
}
@keyframes spinner {
    from {
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
        z-index: -1; opacity: 0;
    }
    to {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        z-index: 99; opacity: 1;
    }
}
@-webkit-keyframes spinoff {
    from { -webkit-transform: rotateY(0deg);  z-index: 99; opacity: 1; }
    to   { -webkit-transform: rotateY(90deg); z-index: -1; opacity: 0; }
}
@keyframes spinoff {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        z-index: 99; opacity: 1;
    }
    to {
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
        z-index: -1; opacity: 0;
    }
}
/* left */
.CurrentMain { text-align: center; color: #000; font-weight:bold; padding: 3px; border-bottom: dotted 1px #af808a; margin-bottom: 5px; font-size: 12px; }
.LeftMenu {
    font-size: 12px;
    font-family: "Helvetica";
    padding-top: 5px;
    padding-bottom: 10px;
    color: #444;
    background: #F7ECD9;
    border-radius: 0 0 10px 10px;
}
.LeftMenu .menuBase { padding: 0 0 5px 5px; }
.LeftMenu .menuGroup { font-size: 12px; padding: 0 0 0 10px; }
.LeftMenu .menuItem { padding: 1px 5px; }
.LeftMenu .selectedMenuNode { float: right; margin-top: -15px; background: transparent url("../images/nav-marker.png") no-repeat right; width: 7px; height: 15px; }

/* footer */
.footer { text-align: center; background: #eee; color: #000; font-size: 11px; border-top: solid 1px #000; border-radius: 0 0 5px 5px; }
.footer a { text-decoration: none; color: #000; font-weight: bold; }
.footer a:hover { text-decoration: underline; }
.footerOrganizationName { padding: 10px 0 2px; border: solid 0px red; text-align: center; }
.footerMenuContainer { padding: 4px 0; border: solid 0px blue; }
.footerCopyright { padding: 5px 0 10px; border: solid 0px green; }

.footer .MobileFriendlyLink { margin: 0 0 0 10px; display: none; border: solid 1px #D84E68; position: relative; padding: 3px 5px; cursor: pointer; border-radius: 5px; background: #fefefe; }
.footer .MobileFriendlyLink:hover { background: rgba(178, 0, 34, 0.23); }

@media screen and (max-width: 800px) {
    .footer .MobileFriendlyLink { display: inline-block; }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - end */
/* - - - - -  L A Y O U T   M O D U L E  - - - - - - start */
.layout-row { max-width: 940px; margin: 0 auto; overflow: hidden; display: flex; clear:both; }
.layout-row:before, .layout-row:after { content:""; display:table; }
.layout-row:after, .row:after { clear:both; }
.layout-row > div { display: inline-block; vertical-align: top; height: inherit; align-items: stretch; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - end */
/* - - - - - C A L E N D A R  - - - - - - - - - - - - start
 *  Classes used for the calendar
 */
.CalendarContainer { padding: 0; }

.Calendar { background: #fff; border: solid 1px #aaa; }

.Calendar tr td { background: #eee; font-size: 12px; text-align: center; }
.Calendar tr td div.Event { font-size: 12px; }
.Calendar tr td.HasEvent { background: #ffeccc; }
.Calendar tr td.HasEvent div { display: none; }
.Calendar tr td.OutOfMonth { background: #fff; }
.Calendar tr td.Today { border: solid 1px #866; }
.Calendar tr td.Weekend { background: #ccc; }
.Calendar tr td.Weekend.HasEvent { background: #ffcc66; }

.Calendar tr.CalendarHead td { background: #777; color: #fff; font-weight: bold; }
.Calendar tr.CalendarHead td.Weekend { background: #666; }

td.CalMonYr { text-align: center; width: 150px; }
td.CalNav.L { text-align: right; }
td.CalNav.R { text-align: left; }

.Calendar.big tr td { height: 80px; width: 14%; font-size: 14px; text-align: left; vertical-align: top; }
.Calendar.big tr.CalendarHead td { height: 30px; font-size: 14px; text-align: center; vertical-align: middle; }

.CalendarNav.big tr td { height: 20px; font-size: 18px; padding: 10px 25px; }
.CalendarNav.big .CalendarGoTo { position: relative; float: right; width: 1px; }
.CalendarNav.big .CalendarGoTo .Container { position: absolute; text-align:right; width: 145px; right: -20px; }
.CalendarNav.big .CalendarGoTo select { font-size: 12px; }
.CalendarNav.big .CalendarGoTo #GoToMonthYear { padding: 0 0 0 5px; font-size: 12px; font-weight: normal; color: #007; cursor: pointer; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end */
/* - - - - - L A B E L S - - - - - - - - - - - - - - - - - - - - - - - start
 *  Classes used for the search labels (tags)
 */
.searchLabel { color: #009; border-bottom: dotted 1px transparent; float: left; clear: left; }
.searchLabel:hover { border-bottom-color: #009; cursor: pointer; }
.searchBy { font-size: 11px; padding: 0 3px; border-bottom: dotted 1px transparent; }
.searchBy:hover { border-bottom: dotted 1px #444; cursor: pointer; }
.labelSearchByCont { float:left; width: 450px; }
.labelSearchBy { font-size: 12px; line-height: 17px; }
.labelSearchByClear { width: 40px; float: left; margin: 2px 0 0 3px; }
.labelSearchSearching { padding: 20px; font-style: italic; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end */