﻿*:focus {
    outline: #FF0000 dotted medium !important;
}

a:focus > h2 {
    outline: #FF0000 dotted medium;
}

a.skipLinkToMainContentTag {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 999;
}

a.skipLinkToMainContentTag:focus, a.skipLinkToMainContentTag:active {
    color: #000000;
    background-color: #F1F9FF;
    opacity: 0.95;
    border-top: 0 solid #FFFFFF;
    border-right: 3px solid #82afd3;
    border-bottom: 3px solid #82afd3;
    border-left: 0 solid #FFFFFF;
    border-radius: 0 0 10px 0;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 4px 14px 4px 14px;
    text-align: left;
    font-size: 1.0em;
    z-index: 999;
    box-shadow: 2px 2px 18px 4px rgba(0, 0, 0, 0.6);
}

.floatLeft {float: left;}

.clearBoth {clear: both;}

.widthTo100Perc {width: 100%;}

.textDecorationNone {text-decoration: none !important;}

.displayToInlineBlock {display: inline-block;}

.displayToBlock {display: block;}

.displayToNone {display: none;}

.paddingOneRem {padding: 1rem;}
.paddingHalfRem {padding: 0.5rem;}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.colorToWhite {
    color: #ffffff;
}

.colorToBlack {
    color: #000000;
}

.bkGndColorToWhite {
    background-color: #ffffff;
}

.bkGndColorToBlack {
    background-color: #000000;
}

table.setTdVAlignMid td {
    vertical-align: middle;
}

table.setTdVAlignTop td {
    vertical-align: top;
}

table.setTdVAlignBot td {
    vertical-align: bottom;
}

table.setTdVAlignTxtBot td {
    vertical-align: text-bottom;
}

table.setTdNoWrap td {
    white-space: nowrap;
}

table.setTdTextCentered td {
    text-align: center;
}

.textAlignToCentered {
    text-align: center;
}

.textAlignToLeft {
    text-align: left;
}

.textAlignToRight {
    text-align: right;
}

ul.sf-autocomplete li {
    font-size: x-small;
    margin: 0;
    padding: 0;
}

.billboard.removeHeroDarkOverlay:before {
    opacity: 0 !important;
}

/*Countdown Clock Styles*/
div.CountDownTimerMainContainer {
    min-height: 1.5rem;
    padding: 0.6rem 0 0.8rem 0;
}

div.CountDownTimerMainContainer span.CountdownExpiredText {
    margin: 0 0.2rem 0 0;
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
    border-radius: 0.8rem;
}

div.CountDownTimerMainContainer span.CountdownExpiredText:empty {
    display: none;
}

span.timerOneElement {
    margin: 0 0.2rem 0 0;
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
    border-radius: 0.8rem;
}

ul.pagination > li.page-item {
    margin-top: 0;
}

/*Google Search Page Overrides*/
/*Hide Ads Section*/
div.gsc-adBlock {
    display: none !important;
}

/*Hide URL*/
div.gsc-url-top {
    display: none !important;
}

div.gs-promotion-text-cell div.gs-visibleUrl {
    display: none !important;
}

/*Search Box*/
.gsc-table-result, .gsc-search-box {
    padding: 0 !important;
}

.gsc-table-result td, .gsc-search-box td {
    padding: 0 !important;
}

/*Search input box INPUT text element*/
div.gsc-input-box table td > input {
    margin-left: 0.4rem !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

div.gsc-input-box table td > input:hover {
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

/*Search mag glass button*/
td.gsc-search-button > button.gsc-search-button {
    padding: 0.4rem !important;
    min-width: 5rem !important;
}

/*Search Auto-Complete Dropdown*/
table.gstl_50.gssb_c {
    width: 76% !important;
}

/*Search RESULTS item spacing*/
div.gsc-thumbnail-inside, div.gsc-url-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*Search Results Promo Item*/
.gs-promotion-text-cell, .gs-promotion-table {
    padding: 0 !important;
    margin: 0 !important;
}

div.gsc-webResult.gsc-result.gsc-promotion {
    background-color: white;
    border-color: white;
    margin: 0 !important;
}

/*Search Results Main title*/
.gsc-result .gs-title {
    overflow: inherit !important;
}

.gs-title, .gs-title b, .gs-title em {
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
    font-size: 1.4rem !important;
}

/*Search Results URL*/
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    color: #008e00 !important;
    font-size: 1.0rem !important;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
}

/*Search Results Body copy snippet*/
.gs-snippet {
    font-size: 1.1rem !important;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
}


/*Google Custom Search Branding for search box*/
.search-box .form-item--search input[type="search"]:invalid,
.googleCustomSearchInputBackground {
    background: url('../images/GoogleCustomSearch.png') 0.5rem center no-repeat rgb(255, 255, 255);
}

/*.search-box .form-item--search input[type="search"]:valid,*/
.search-box .form-item--search input[type="search"]:focus,
.googleCustomSearchInputWhiteBkgd {
    background: none;
    background-color: #FFFFFF;
}

/* Pagination buttons at the bottom of search results */
.gsc-cursor-page {
    font-size: 1.2em !important;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
    color: #000f3a;
    padding: 3px 4px !important;
    border: 2px solid #94979d !important;
    background-color: #F1F9FF;
}

.gsc-cursor-current-page {
    background-color: #000f3a !important;
    color: #FFFFFF !important;
}


@media only print {
    header.mainheader {
        display: none !important;
    }

    section.billboard {
        display: none !important;
    }

    footer.mainfooter {
        display: none !important;
    }

    ul.sub-nav {
        display: none !important;
    }

    ul.breadcrumb {
        display: none !important;
    }

    div.block--aside {
        display: none !important;
    }

    div.block--prominent {
        display: none !important;
    }

    div.sfPublicWrapper {
        overflow: visible !important;
    }
}




/* RadGrid pager styles for Events Search Results Page */

/*Main DIV that has colspan that contains all of the pieces of the pager*/
table tfoot tr.radGridTFoot > td > div {
}

/*Targets all sub-DIVs that have the pieces of the pager*/
table tfoot tr.radGridTFoot > td > div > div {
    display: block;
    padding: 0 0 0.4rem 0;
}

/*Targets forward and back images*/
table tfoot tr.radGridTFoot > td > div > div img {
    height: 1.6rem;
    vertical-align: middle;
}


/* Max height image classes for SF images */

div.setMaxHt span.sf-Image-wrapper {
    display: block;
    overflow: hidden;
}

div.setMaxHt span.sf-Image-wrapper > img {
    /* corrects inline gap in enclosing div */
    display: block;
    max-width: 100%;
    /* just in case, to force correct aspect ratio */
    height: auto !important;
    width: auto\9; /* ie8+9 */
    /* lt ie8 */
    -ms-interpolation-mode: bicubic;
}

div.maxHt_160 span.sf-Image-wrapper {
    max-height: 160px;
}

div.maxHt_180 span.sf-Image-wrapper {
    max-height: 180px;
}

div.maxHt_200 span.sf-Image-wrapper {
    max-height: 200px;
}

div.maxHt_220 span.sf-Image-wrapper {
    max-height: 220px;
}

div.maxHt_240 span.sf-Image-wrapper {
    max-height: 240px;
}

div.maxHt_260 span.sf-Image-wrapper {
    max-height: 260px;
}

div.maxHt_280 span.sf-Image-wrapper {
    max-height: 280px;
}

div.maxHt_300 span.sf-Image-wrapper {
    max-height: 300px;
}

div.maxHt_320 span.sf-Image-wrapper {
    max-height: 320px;
}

div.maxHt_340 span.sf-Image-wrapper {
    max-height: 340px;
}

div.maxHt_360 span.sf-Image-wrapper {
    max-height: 360px;
}

div.maxHt_380 span.sf-Image-wrapper {
    max-height: 380px;
}

div.maxHt_400 span.sf-Image-wrapper {
    max-height: 400px;
}

div.maxHt_420 span.sf-Image-wrapper {
    max-height: 420px;
}

div.maxHt_440 span.sf-Image-wrapper {
    max-height: 440px;
}

div.maxHt_460 span.sf-Image-wrapper {
    max-height: 460px;
}

div.maxHt_480 span.sf-Image-wrapper {
    max-height: 480px;
}


/**********************************/
/*Styles from Penn style guideline*/
/**********************************/

.pennFont-SansSerif {
    font-family: 'Open Sans', sans-serif, Arial;
    font-weight: 300;
}

.pennFont-SansSerifBold {
    font-family: 'Open Sans', sans-serif, Arial;
    font-weight: 600;
}

.pennFont-SetToBoldWeight600 {
    font-weight: 600;
}

.pennFont-Serif {
    font-family: 'Gentium Basic', serif, 'Times New Roman', Times;
}

.pennFont-SerifItalic {
    font-family: 'Gentium Basic';
    font-style: italic;
}

/*PENN BLUES*/

.penn-AliceBlue {
    color: #F1F9FF;
}

.pennBkGnd-AliceBlue {
    background-color: #F1F9FF;
}


.penn-DarkestBlue {
    color: #000f3a;
}

.pennBkGnd-DarkestBlue {
    background-color: #000f3a;
}

.penn-DarkerBlue {
    color: #00144d;
}

.pennBkGnd-DarkerBlue {
    background-color: #00144d;
}

.penn-Blue {
    color: #01256e;
}

.pennBkGnd-Blue {
    background-color: #01256e;
}

.penn-LighterBlue {
    color: #045ea7;
}

.pennBkGnd-LighterBlue {
    background-color: #045ea7;
}

.penn-LightestBlue {
    color: #82afd3;
}

.pennBkGnd-LightestBlue {
    background-color: #82afd3;
}

/*PENN REDS*/
.penn-DarkestRed {
    color: #57000a;
}

.pennBkGnd-DarkestRed {
    background-color: #57000a;
}

.penn-DarkerRed {
    color: #74000e;
}

.pennBkGnd-DarkerRed {
    background-color: #74000e;
}

.penn-Red {
    color: #95001a;
}

.pennBkGnd-Red {
    background-color: #95001a;
}

.penn-LighterRed {
    color: #c2004d;
}

.pennBkGnd-LighterRed {
    background-color: #c2004d;
}

.penn-LightestRed {
    color: #e180a6;
}

.pennBkGnd-LightestRed {
    background-color: #e180a6;
}

/*PENN YELLOWS*/
.penn-DarkestYellow {
    color: #af7f00;
}

.pennBkGnd-DarkestYellow {
    background-color: #af7f00;
}

.penn-DarkerYellow {
    color: #eaa900;
}

.pennBkGnd-DarkerYellow {
    background-color: #eaa900;
}

.penn-Yellow {
    color: #f2c100;
}

.pennBkGnd-Yellow {
    background-color: #f2c100;
}

.penn-LighterYellow {
    color: #f8de00;
}

.pennBkGnd-LighterYellow {
    background-color: #f8de00;
}

.penn-LightestYellow {
    color: #fcef80;
}

.pennBkGnd-LightestYellow {
    background-color: #fcef80;
}

/*PENN GREENS*/
.penn-DarkestGreen {
    color: #005200;
}

.pennBkGnd-DarkestGreen {
    background-color: #005200;
}

.penn-DarkerGreen {
    color: #006e00;
}

.pennBkGnd-DarkerGreen {
    background-color: #006e00;
}

.penn-Green {
    color: #008e00;
}

.pennBkGnd-Green {
    background-color: #008e00;
}

.penn-LighterGreen {
    color: #00be00;
}

.pennBkGnd-LighterGreen {
    background-color: #00be00;
}

.penn-LightestGreen {
    color: #80df80;
}

.pennBkGnd-LightestGreen {
    background-color: #80df80;
}

/*PENN ORANGES*/
.penn-DarkestOrange {
    color: #812d00;
}

.pennBkGnd-DarkestOrange {
    background-color: #812d00;
}

.penn-DarkerOrange {
    color: #ac3c00;
}

.pennBkGnd-DarkerOrange {
    background-color: #ac3c00;
}

.penn-Orange {
    color: #c35a00;
}

.pennBkGnd-Orange {
    background-color: #c35a00;
}

.penn-LighterOrange {
    color: #df9700;
}

.pennBkGnd-LighterOrange {
    background-color: #df9700;
}

.penn-LightestOrange {
    color: #efcb80;
}

.pennBkGnd-LightestOrange {
    background-color: #efcb80;
}

/*PENN PURPLES*/
.penn-DarkestPurple {
    color: #23001f;
}

.pennBkGnd-DarkestPurple {
    background-color: #23001f;
}

.penn-DarkerPurple {
    color: #2f0029;
}

.pennBkGnd-DarkerPurple {
    background-color: #2f0029;
}

.penn-Purple {
    color: #4a0042;
}

.pennBkGnd-Purple {
    background-color: #4a0042;
}

.penn-LighterPurple {
    color: #890082;
}

.pennBkGnd-LighterPurple {
    background-color: #890082;
}

.penn-LightestPurple {
    color: #c480c1;
}

.pennBkGnd-LightestPurple {
    background-color: #c480c1;
}

/*PENN LIGHT GRAYS*/
.penn-LightGray1 {
    color: #f2f2f3;
}

.pennBkGnd-LightGray1 {
    background-color: #f2f2f3;
}

.penn-LightGray2 {
    color: #e0e1e3;
}

.pennBkGnd-LightGray2 {
    background-color: #e0e1e3;
}

.penn-LightGray3 {
    color: #cfd0d2;
}

.pennBkGnd-LightGray3 {
    background-color: #cfd0d2;
}

.penn-LightGray4 {
    color: #bbbdc0;
}

.pennBkGnd-LightGray4 {
    background-color: #bbbdc0;
}

/*PENN MEDIUM GRAYS*/
.penn-MediumGray1 {
    color: #a8aaaf;
}

.pennBkGnd-MediumGray1 {
    background-color: #a8aaaf;
}

.penn-MediumGray2 {
    color: #94979d;
}

.pennBkGnd-MediumGray2 {
    background-color: #94979d;
}

.penn-MediumGray3 {
    color: #7f8389;
}

.pennBkGnd-MediumGray3 {
    background-color: #7f8389;
}

.penn-MediumGray4 {
    color: #6c6f76;
}

.pennBkGnd-MediumGray4 {
    background-color: #6c6f76;
}

/*PENN DARK GRAYS*/
.penn-DarkGray1 {
    color: #595c61;
}

.pennBkGnd-DarkGray1 {
    background-color: #595c61;
}

.penn-DarkGray2 {
    color: #44464b;
}

.pennBkGnd-DarkGray2 {
    background-color: #44464b;
}

.penn-DarkGray3 {
    color: #2e2f32;
}

.pennBkGnd-DarkGray3 {
    background-color: #2e2f32;
}

.penn-DarkGray4 {
    color: #131315;
}

.pennBkGnd-DarkGray4 {
    background-color: #131315;
}





/*Custom form styling*/
div.sfError {
    color: #D0011B;
    font-size: smaller;
    font-style: italic;
}

.text-danger, .text-warning {
    color: #D0011B;
    font-size: smaller;
    font-style: italic;
}

div.sf-fieldWrp > textarea {
    width: 100%;
    min-height: 6rem;
}

div.sf-fieldWrp > p {
    margin-top: 0;
}

fieldset.form-group > ul {
    margin-top: 0.5rem;
}

div.sf-fieldWrp {
    padding: 0.6rem 0 1rem 0;
}

div.sf-fieldWrp > input[type="email"] {
    width: 100%;
}

div.sf-FileField {
    padding: 0.35em 0.75em 0.625em;
    border-radius: 0.3125em;
    border: 0.125rem solid #D9D9D9;
}



/*List Widget Custom Styles*/
.sf-list-item > div > div.multi-collapse {
    margin-bottom: 1.5rem;
}

/*Expandable List*/
div.sf-list--expandable div.sf-list-item > div {
    margin-bottom: 0.5rem;
}

.sf-list--expandable button {
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: 400;
    font-size: 1.0rem;
    line-height: 1.3125;
    color: #01256e;
    background: none !important;
    border: none;
    padding: 0 !important;
    text-decoration: underline;
    text-align: left;
    cursor: pointer;
    transition: all 240ms ease 0ms;
}

@media only screen and (min-width: 768px) {
    .sf-list--expandable button {
        font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.389;
    }
}

.sf-list--expandable button:hover {
    color: #95001a;
    text-decoration: none;
}

.sf-list--expandable div.sf-list-expanded-itemwrap > button svg {
    fill: #999;
    height: 1em;
    width: 1em;
}

div.sf-list--expandable div.sf-list-item a use.sf-icon-down {
    display: none;
}

div.sf-list--expandable div.sf-list-item a.expanded use.sf-icon-right {
    display: none;
}

div.sf-list--expandable div.sf-list-item a.expanded use.sf-icon-down {
    display: block;
}

/*Expanded List*/
div.sf-list-expanded {
    margin-bottom: 1.2rem;
}

div.sf-list-expanded > h3 {
    margin-bottom: 0;
}

div.sf-list-expanded > p {
    margin-top: 0.2rem;
    padding-left: 1.5rem;
}

/*Anchor List*/
div.sf-list-anchorlistnav {
    margin-bottom: 0.2rem;
}

div.sf-list-anchorlistcontent {
    margin-top: 1.3rem;
}

div.sf-list-anchorlistcontent > h3 {
    margin-bottom: 0.1rem;
}

div.sf-list-anchorlistcontent > div {
    margin-top: 0.3rem;
    padding-left: 1.5rem;
}

div.sf-list-anchorlistcontent p.backUpLink {
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
    font-size: smaller;
    font-style: italic;
}

/*Sticky Notes CSS*/
.stickNotes { list-style: none; }

.stickNotes li {
    display: inline-block;
	z-index: 1;
	vertical-align: middle;
    width: 17rem;
    min-height: 8rem;
    margin: 0.8rem 1rem 1rem 0.5rem;
	box-shadow: 0.2rem 0.1rem 0.1rem 0 rgba(0,0,0,0.4);
    padding: 1.5rem 1rem 1rem 1rem;
    -webkit-transform: rotate(-2.0deg);
    -moz-transform: rotate(-2.0deg);
    -o-transform: rotate(-2.0deg);
	background: #ffff88;
	background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.stickNotes li:nth-child(even) {
    -webkit-transform: rotate(1.0deg);
    -moz-transform: rotate(1.0deg);
    -o-transform: rotate(1.0deg);
}

.stickNotes li p {
    text-align: center;
    color: #0000BB;
	font-family: 'Ink Free', 'Segoe Print', 'Buxton Sketch', 'Freestyle Script', cursive;
	font-size: xx-large;
    text-shadow: white 1px 1px 0px;
    overflow:hidden;
}

.stickNotes li:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 115px;
    top: -15px;
    width: 75px;
    height: 25px;
    z-index: 2;
    background-color: rgba(243,245,228,0.6);
    border: 2px solid rgba(255,255,255,0.4);
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 1px 1px 0 #999;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
}

.stickNotes li:nth-child(even):before {
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -o-transform: rotate(9deg);
}

.stickNotes li:hover {
	transform: scale(1.1);
}

