@charset "utf-8";
#container {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

#content {
	padding-top: 14px;
	margin-bottom: 20px;
	overflow: hidden;
}

#content-main, #content-sub {
	padding-bottom: 20px;		/* changed from 10000px - JM - Sep 03, 2013 */
	/*margin-bottom: -10000px;	-- removed because this can cut the content if we click an anchor - JM - Sep 03, 2013 */
	min-height: 700px;			/* added - JM - Sep 03, 2013; changed from 1745px - JM - Oct 08, 2013 */
}

#content-main {
	float: left;
	width: 640px;
	overflow: hidden;
}

#content-main.no-right-col {
	width: 940px;
}

#content-sub {
	float: right;
	width: 279px;
	overflow: hidden;
	border-left: 1px solid #ededed;
}

/* header */
#header {
	height: 170px;
	margin-bottom: 13px;
	/*overflow: hidden; -- removed because there is dropdown menu now - JM - Feb 06, 2015 */
	position: relative;
}

#brand {
	position: absolute;
	left: 0;			/* changed from 1px because of new logo - JM - Sep 24, 2013 */
	top: 66px;			/* changed from 80px because of new logo - JM - Sep 24, 2013 */
}

/* nav main */
#nav-main {
	position: absolute;
	right: 0;
	top: 73px;
}

#nav-main ul {
	float: left;
	margin-right: -15px;
}

#nav-main li {
	float: left;
	height: 70px;
	line-height: 70px;
	padding: 0 15px;
	overflow: hidden;
	background: transparent url(../images/bg/nav-separator-line.png) no-repeat 100% 0;
}

#nav-main a {
	color: #31465f;
	font-size: 20px;
}

#nav-main a.selected, #nav-main a:hover {
	color: #000;
}

.nav-toggle {display: none;}
.subnav-toggle {display: none;}

/* header social icons */
#header .nav-follow-us {
	float: right;
	height: 30px;
	margin-top: 10px;
	overflow: hidden;
}

#header .nav-follow-us a {
	float: left;
	width: 32px;
	height: 30px;
	text-indent: -9999px;
	margin-left: 8px;
	overflow: hidden;
	background: transparent url(../images/bg/social-icon.png?v=20220121) no-repeat 0 0;
}

#header .nav-follow-us a.button-email {
	background-position: 0 0;
}

#header .nav-follow-us a.button-email:hover {
	background-position: 0 -50px;
}

#header .nav-follow-us a.button-youtube {
	background-position: 0 -100px;
}

#header .nav-follow-us a.button-youtube:hover {
	background-position: 0 -150px;
}

#header .nav-follow-us a.button-twitter {
	background-position: 0 -200px;
}

#header .nav-follow-us a.button-twitter:hover {
	background-position: 0 -250px;
}

#header .nav-follow-us a.button-facebook {
	background-position: 0 -300px;
}

#header .nav-follow-us a.button-facebook:hover {
	background-position: 0 -350px;
}

/* header user login */
#header .form-user-login {
	float: right;
	height: 30px;
	margin-top: 10px;
	padding-right: 8px;
	overflow: hidden;
}

#header .form-user-login .label {
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 34px;
	padding-right: 10px;
	overflow: hidden;
	background: transparent url(../images/bg/icon-01.png) no-repeat 0 0;
	color: #fff;
}

#header .form-user-login .the-input-container {
	float: left;
	height: 30px;
	padding: 0 8px;
	margin-right: 2px;
	overflow: hidden;
	position: relative;
	background-color: #fee4cc;
	border-radius: 3px;
}

#header .form-user-login .the-input-container .input {
	width: 104px;
	margin-top: 7px;
	background-color: #fee4cc;
	border: none;
}

#header .form-user-login .button {
	float: left;
	display: block;
	width: 34px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	background: #534a42 url(../images/bg/icon-01.png) no-repeat 7px -45px;
	border: none;
	cursor: pointer;
	border-radius: 3px;
}

/* the main slider */
.mod-main-slider, .mod-main-slider .content, .mod-main-slider .content .item {
	float: left;
	width: 660px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.mod-main-slider {
	margin-bottom: 20px;
}

.mod-main-slider .content {
	z-index: 10;
}

.mod-main-slider .content img {
	display: block;
}

.mod-main-slider .content a img {
	cursor: pointer;
}

.mod-main-slider .content .summary {
	width: 100%;
	height: 105px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	background: transparent url(../images/bg/slider-content-bg.png) repeat 0 0;
}

.mod-main-slider .content .summary h1 {
	width: 530px;
	margin: 12px 0 0 18px;
	font-size: 34px;
	color: #FFFFFF;		/* added - JM - Sep 03, 2013 */
}

.mod-main-slider .content a .summary h1 {
	cursor: pointer;
	color: #FFFFFF;		/* added - JM - Sep 03, 2013 */
}

.mod-main-slider .nav .button-next,
.mod-main-slider .nav .button-prev {
	float: left;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: transparent url(../images/bg/icon-01.png) repeat 0 0;
	position: absolute;
	right: 21px;
	bottom: 11px;
	z-index: 50;
}

.mod-main-slider .nav .button-prev {
	right: 58px;
	background-position: 0 -100px;
}

.mod-main-slider .nav .button-next {
	right: 21px;
	background-position: 0 -150px;
}

/* About Georgia Goal */
.mod-about-us {
	float: left;
	width: 630px;
	height: 244px;				/* added - JM - Sep 03, 2013 */
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #e87e03;
}

.mod-about-us .content-image {
	float: left;
	width: 210px;
	overflow: hidden;
}

.mod-about-us .content-image img {
	display: block;
}

.mod-about-us .content-text {
	float: right;
	width: 400px;
	overflow: hidden;
	color: #fff;
}

.mod-about-us .content-text.full-content {
	float: left;
	width: 630px;
}

.mod-about-us .content-text .summary {
	padding-bottom: 8px;
}

/* added - JM - Sep 03, 2013 */
.mod-about-us .content-text .summary a {
	color: #314760;
}

.mod-about-us .content-text .summary a:hover {
	color: #000000;
}
/* END OF added - JM - Sep 03, 2013 */

/* homepage video */
.mod-featured-post-list {
	float: left;
	padding: 10px 15px;
	margin-bottom: 32px;
	overflow: hidden;
	background-color: #ecf0f1;
	border-bottom: 1px solid #bdc3c7;
}

.mod-featured-post-list h1,
.mod-featured-post-list h1 a {
	color: #32475f;
}

.mod-featured-post-list .outerContent {
	float: left;
	width: 100%;
	overflow: hidden;
}

.mod-featured-post-list .featured-video,
.mod-featured-post-list .post-list {
	padding: 5px 0;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

.mod-featured-post-list .featured-video {
	float: left;
	width: 454px;
	width: 440px;
	padding-right: 14px;
	overflow: hidden;
}

.mod-featured-post-list .featured-video .the-video {
	width: 440px;
	margin-bottom: 13px;	/* changed from 20px because now we use the real video - JM - Sep 03, 2013 */
	overflow: hidden;
}

.mod-featured-post-list .featured-video .the-video img {
	display: block;
}

.mod-featured-post-list .featured-video .summary {
	margin-bottom: 10px;
}

.mod-featured-post-list .featured-video .meta {
	clear: both;
	width: 100%;
	height: 30px;
	overflow: hidden;
}

.mod-featured-post-list .featured-video .meta .button-follow-us {
	float: left;
	line-height: 30px;
}

.mod-featured-post-list .featured-video .meta .button-follow-us a {
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	overflow: hidden;
	color: #000;
	background: transparent url(../images/bg/socai-icon-color.png?v=20220121) no-repeat 0 3px;
}

/* added - JM - Sep 03, 2013 */
.mod-featured-post-list .featured-video .meta .button-view-more-orange {
	line-height: 30px;
}

.mod-featured-post-list .featured-video .meta .button-view-more-orange a {
	line-height: 30px;
	background-position: 100% -594px;
}
/* END OF added - JM - Sep 03, 2013 */

.mod-featured-post-list .post-list {
	float: left;
	width: 456px;
	width: 441px;
	padding-left: 14px;
	overflow: hidden;
	border-left: 1px solid #bdc3c7;
}

.mod-featured-post-list .post-list li {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.mod-featured-post-list .post-list .content-image {
	float: left;
	width: 100px;
	overflow: hidden;
}

.mod-featured-post-list .post-list .content-image img {
	float: left;
	width: 100px;
}

.mod-featured-post-list .post-list .content-text {
	float: left;
	width: 326px;
	padding-left: 15px;
	overflow: hidden;
}

.mod-featured-post-list .post-list .content-text.left-side {	/* added - JM - Sep 03, 2013 */
	padding-left: 0;
}

/* board of directors */
.tBoard .one-article-container td {vertical-align: top;}
.tBoard .one-article-container tr td:nth-child(2) p:first-child strong {font-size: 20px; display: inline-block; padding-right: 10px;}
.tBoard .one-article-container tr td:nth-child(2) p:first-child i {display: inline-block; padding-left: 10px;}
.tBoard .one-article-container tr td:nth-child(2) p {padding-left: 30px;}

/* Submit Returning Student */
.post-content {width: 100%;}

.student-list {list-style: none; padding: 0; clear: both; overflow: hidden;}
.student-list-item {box-sizing: border-box; border: 1px solid #e6e6e6; padding: 30px 10px; width: calc(50% - 10px); text-align: center; float: left; font-size: 18px;}
.student-list-item:nth-child(odd) {margin: 0 10px 20px 0; clear: both;} /* added clear: both to fix messed item when too short - JM - Apr 16, 2020 */
.student-list-item:nth-child(even) {margin: 0 0 20px 10px;}
.student-list-item input {border: 1px solid #c2c2c2; background: #e6e6e6; text-transform: capitalize; padding: 5px 20px !important; margin-top: 10px;}

.student-list-item .btn-util:disabled:hover, .student-list-item .btn-util[disabled]:hover { /* added - JM - Sep 24, 2018 */
	background: #e6e6e6!important;
	color: #858585!important;
    cursor: default;
}

.student-list-title {font-family: proxima_novasemibold; font-size: 20px; margin: 0 0 10px 0;}
.student-list-label {margin: 0;}
.student-list-amount {margin: 0 0 10px 0; font-family: proxima_novasemibold;}
.student-list-actions input[type=text] {width: calc(100% - 60px); max-width: 250px;}
.student-list-item .student-list-label:nth-child(6) {margin-bottom: -10px; margin-top: 20px}
/*.student-list-item .student-list-label:nth-child(8) {margin-top: 30px} - not used - JM - Apr 16, 2020 */
.student-list-item div .student-list-label {margin-top: 5px} /* added for Explanation of Financial Need - JM - Apr 16, 2020 */
.student-list-item textarea {width: calc(100% - 20px);}

.student-list-search {background: #f5f5f5; padding: 10px 20px 20px 20px; display: block;}
.student-list-search p span {display: inline-block; margin: 10px 0 0 10px;}
.student-list-search p {text-align: center;}
.student-list-search p input[type=text] {padding: 7px 20px !important; text-transform: capitalize; border: 0;}
.student-list-search p input.btn-util {padding: 8px 20px !important; text-transform: capitalize;}

/* added for buttons below student list - JM - Oct 12, 2017 */
.student-list-button {clear: both; padding-top: 20px;}
.student-list-button .btn-util {text-transform: capitalize; margin: 0 5px 5px 0;}

/* added for analytics report detail page - JM - Jul 31, 2019 */
.donor-list-search {
	background: #f5f5f5;
	padding: 15px;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-end;
	align-content: center;
}
.donor-list-search.lybunt {
	justify-content: center;
}
_:-ms-input-placeholder, :root .donor-list-search { /* IE */
	justify-content: center;
}
.donor-list-search.lybunt select:last-child {
	margin-right: 15px;
}
_:-ms-input-placeholder, :root .donor-list-search select:last-child {
	margin-right: 15px;
}
.donor-list-search.general select {
	margin: 0 15px 0 5px;
}
.donor-list-search.general div:last-child select {
	margin: 0 0 0 5px;
}
.donor-list-search:not(.general) div > span:not(.radio-row):not(.radio-label) {
	display: block;
	font-family: proxima_novasemibold;
}
.donor-list-search:not(.general) select {
	height: 37px;
}

/* added for new executive dashboard - JM - Jan 13, 2020 */
.report-executive .donor-list-search {
	display: table;
	
	width: 99%; /* fallback */
	width: calc(100% - 4px);
	
	border: 2px solid #DEE8E9;
	padding: 0;
}
.report-executive .donor-list-search-row {
	display: table-row;
}
.report-executive .donor-list-search-col {
	display: table-cell;
	border-right: 2px solid #DEE8E9;
	
	width: 33%;
	width: calc(100% / 3);
}
.report-executive .donor-list-search-col:last-child {
	border-right: none;
}
.report-executive .donor-list-search-col-inner {
	text-align: left;
	padding: 15px;
	margin: 0 auto;
}
.report-executive .donor-list-search-col:nth-of-type(1) .donor-list-search-col-inner {
	width: auto;
}
.report-executive .donor-list-search-col:nth-of-type(2) .donor-list-search-col-inner {
	width: 205px;
}
.report-executive .donor-list-search-col:nth-of-type(3) .donor-list-search-col-inner {
	width: 230px;
}
.report-executive .donor-list-search .radio {
	margin-right: 5px;
}
.report-executive .donor-list-search div > span.donor-list-search-step-number,
.report-executive .donor-list-search div > span.donor-list-search-step-name {
	display: inline-block !important;
	margin-bottom: 5px;
	color: #31465f;
}
.report-executive .donor-list-search select {
	max-width: 300px;
	display: block;
}
.report-executive .donor-list-search div > span.radio-row {
	display: inline-block;
}
.report-executive .donor-list-search button {
	display: block;
}

/* added for donor list page - JM - Jul 31, 2019 */
.donor-list-search.general {
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}
.donor-list-button {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.donor-list-button #btnExport {
	margin-right: 10px;
	padding: 10px !important;
}
.donor-list-button #btnReturn {
	display: inline;
	text-transform: capitalize;
}

.pagination {position: relative; height: 75px; overflow: hidden; background: #f5f5f5; padding: 5px 20px;}
.pagination-left {position: absolute; left: 20px; top: 30px;}
.pagination-right {position: absolute; right: 20px; top: 30px;}

/* added for analytics report detail page in wider format - JM - Sep 2, 2019 */
.full-width-container .pagination {
	max-width: 100%;
	margin: 0 auto;
}


/* added for quarterly report - JM - Feb 21, 2018 */
.qreport-container {
	width: 100%;
	font: 16px/1.5 proxima_nova_rgregular, Arial;
}

.qreport-row {
	vertical-align: top;
}

.qreport-row.header .qreport-cell {
	padding-bottom: 20px;
	text-align: right;
	font-weight: bold;
}

.qreport-row.header .qreport-cell.logo {
	display: none;
}

.qreport-row.header .qreport-cell.logo.pdf {
	display: inline;
	text-align: left;
}

.qreport-row.header .qreport-cell.logo img {
	width: 200px;
}

.qreport-row.header .qreport-school {
	font-size: 18px;
}

.pdf-content .qreport-row.header .qreport-school {
	font-size: 20px;
}

.qreport-inner-container {
	border: 10px solid #C0C0C0;
	padding: 10px;
	width: 100%;
}

.pdf-content .qreport-inner-container {
	width: 90%;
}

.qreport-inner-container .qreport-row.inner-header {
	font-weight: bold;
	font-size: 18px;
}

.pdf-content .qreport-inner-container .qreport-row.inner-header {
	font-size: 20px;
}

.qreport-inner-container .qreport-row .qreport-cell {
	padding-top: 10px;
}

.qreport-inner-container .qreport-row.inner-header .qreport-cell {
	padding-top: 0;
}

.qreport-inner-container .qreport-row .qreport-cell:nth-child(2) {
	text-align: right;
}

.qreport-inner-container .qreport-row.summary .qreport-cell {
	padding-top: 20px;
}

.qreport-inner-container .qreport-row.summary .qreport-cell:nth-child(2) {
	border-bottom: 2px solid #000000;
}

.qreport-inner-container .qreport-row.footer-title .qreport-cell {
	padding-top: 30px;
	color: #6E7D8F;
	text-align: center;
}

.qreport-inner-container .qreport-row.footer .qreport-cell {
	text-align: center;
}

.qreport-inner-container .qreport-row.footer .qreport-quarter {
	margin-right: 30px;
}

.qreport-row.outer-footer .qreport-cell {
	text-align: center;
	padding-top: 10px;
}

.qreport-link-btn {
	margin-top: 15px;
	text-align: right;
}
/* END OF added for quarterly report - JM - Feb 21, 2018 */

/* added for tax contribution form - JM - Oct 15, 2018 */
#frmTaxCredit #sel_school {
	max-width: 296px;
}

#frmTaxCredit #txtSchoolName {
	margin-top: 5px;
}
/* END OF added for tax contribution form - JM - Oct 15, 2018 */

/* added for contribute.asp - JM - Nov 2, 2022 */
form.pay-online {
	clear: both;
	margin-top: 40px;
}

form.pay-online.no-margin {
	margin-top: 0;
}

ul.pay-online {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.pay-online li {
	margin-bottom: 20px;
	width: 100%;
	
	display: grid;
	grid-template-columns: repeat(2, 48%);
	column-gap: 30px;
	justify-items: stretch;
	align-items: start;
	justify-content: stretch;
	align-content: start;
}

ul.pay-online li div label {
	display: block;
}

ul.pay-online li div input[name^="ItemSchool_"],
ul.pay-online li div input#txtDOR {
	width: calc(100% - 12px) !important;
}

ul.pay-online li div input[name^="ItemCost_"],
ul.pay-online li div input[name="txtTotalCost"] {
	width: calc(100% - 20px) !important;
}

ul.pay-online li div select {
	width: 100%;
	padding: 4px;
	height: 29px;
	-webkit-appearance: menulist-button; /* Safari */
}

#lyrSchoolAdd {
	background: transparent url(../images/bg/icon-school-add.png) no-repeat 0 2px;
	padding-left: 24px;
}

#lyrSchoolInfo {
	background: transparent url(../images/bg/icon-school-alert.png) no-repeat 0 2px;
	padding-left: 24px;
}

div.button-bg {
	padding: 14px 20px;
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
	background-color: #F5F7F8;
}
/* END OF added for contribute.asp - JM - Nov 2, 2022 */


/* sidebar */
.sidebar-item {
	float: right;
	width: 260px;
	margin-bottom: 20px;
	overflow: hidden;
}

.sidebar-item.general-button { /* added - JM - May 25, 2015 */
	float: left;
}

.sidebar-item .outerContent {
	padding: 15px 10px 18px 10px;
	overflow: hidden;
}

.sidebar-item.general-button .outerContent { /* added - JM - May 25, 2015 */
	padding: 0 10px 0 0;
}

.sidebar-item h1 a:hover {	/* added - JM - Sep 03, 2013 */
	color: #000000;
}

/* sidebar SIGN PETITION */
.sidebar-sign-petition {
	background-color: #33485f;
}

.sidebar-sign-petition-fix-height {
	height: 400px;
}

.sidebar-sign-petition .content {
	margin-bottom: 20px;
	overflow: hidden;
	color: #fff;
}

.sidebar-sign-petition-fix-height .content {
	height: 308px;
}

.sidebar-sign-petition img {
	display: block;
}

.sidebar-sign-petition .summary img {	/* added - JM - Sep 03, 2013 */
	display: inline;
}

.sidebar-sign-petition h1 {
	padding-top: 10px;
	padding-left: 38px; /* added checkmark - JM - Jan 22, 2015 */
}

/* added - JM - Sep 03, 2013 */
.sidebar-sign-petition h1.first {
	padding-top: 0px;
}

.sidebar-sign-petition h1 a:hover {
	color: #FFFFFF;
}

/* added checkmark - JM - Jan 22, 2015 */
.sidebar-sign-petition span.bg-hl-title {
	background: transparent url(../images/bg/icon-01.png) no-repeat 0 -629px;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-left: -38px;
}

.sidebar-sign-petition h1 span.bg-hl-title {
	margin-top: -2px;
}

.sidebar-sign-petition h1.first span.bg-hl-title {
	margin-top: 0;
}
/* END OF added checkmark - JM - Jan 22, 2015 */

.sidebar-sign-petition h2 {
	color: #FFFFFF;
}

.sidebar-sign-petition .summary a:hover {
	color: #FFFFFF;
}

.sidebar-sign-petition .summary h1 {
	padding-top: 0;
	padding-left: 0;
}

.sidebar-sign-petition .summary h1,
.sidebar-sign-petition .summary h3,
.sidebar-sign-petition .summary h4,
.sidebar-sign-petition .summary h5,
.sidebar-sign-petition .summary h6 {
	color: #FFFFFF;
}
/* END OF added - JM - Sep 03, 2013 */

/* sidebar PAY ONLINE */
.sidebar-pay-online {
	background-color: #227fbb;
}

.sidebar-pay-online-fix-height {			/* added - JM - Sep 03, 2013 */
	height: 274px;
}

.sidebar-pay-online h1 {
	padding-left: 38px;
	/*background: transparent url(../images/bg/icon-01.png) no-repeat 0 -400px; -- moved to span to avoid another icon appears when the title is long - JM - Jan 22, 2015 */
}

.sidebar-pay-online span.bg-hl-title { /* added to fix another icon's appearing when the title is long - JM - Jan 22, 2015 */
	background: transparent url(../images/bg/icon-01.png) no-repeat 0 -400px;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-left: -38px;
}

.sidebar-pay-online h2 {					/* added - JM - Sep 03, 2013 */
	color: #FFFFFF;
}

.sidebar-pay-online .summary {
	color: #fff;
}

/* added - JM - Sep 03, 2013 */
.sidebar-pay-online.no-credit-card-list .content {
	margin-bottom: 18px;
}

.sidebar-pay-online-fix-height .content {
	height: 138px;
	overflow: hidden;
}

.sidebar-pay-online-fix-height.no-credit-card-list .content {
	height: 184px;
	margin-bottom: 18px;
	overflow: hidden;
}

.sidebar-pay-online .summary h1 {
	padding-left: 0;
	background: none;
	color: #FFFFFF;
}

.sidebar-pay-online .summary h3,
.sidebar-pay-online .summary h4,
.sidebar-pay-online .summary h5,
.sidebar-pay-online .summary h6 {
	color: #FFFFFF;
}
/* END OF added - JM - Sep 03, 2013 */

.sidebar-pay-online .credit-card-list {
	width: 232px;
	height: 30px;
	padding-top: 16px;
	margin: 0 auto 18px auto;
	overflow: hidden;
}

.sidebar-pay-online .credit-card-list span {
	float: left;
	width: 44px;
	height: 30px;
	text-indent: -9999px;
	margin: 0 7px;
	overflow: hidden;
	background: transparent url(../images/bg/icon-credit-card.png) no-repeat 0 0;
}

.sidebar-pay-online .credit-card-list span.icon-mastercard {
	background-position: 0 0;
}

.sidebar-pay-online .credit-card-list span.icon-visa {
	background-position: 0 -50px;
}

.sidebar-pay-online .credit-card-list span.icon-discover {
	background-position: 0 -100px;
}

.sidebar-pay-online .credit-card-list span.icon-american-express {
	background-position: 0 -150px;
}

/* homepage footer sidebar */
.footer-sidebar-container {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
	
	/* added to make the separator line auto-grow - JM - Sep 03, 2013 */
	background: transparent url(../images/bg/bottom-hl.png) repeat-y 0 0;
}

.footer-sidebar-container.less-item {	/* added to make the separator line auto-grow - JM - Sep 03, 2013 */
	background: transparent url(../images/bg/bottom-hl-02.png) repeat-y 0 0;
}

.footer-sidebar-container .sidebar-item {
	float: left;
	width: 296px;
	padding: 15px 0;
	margin-bottom: -1000px; /* 3 cols same height */
	padding-bottom: 1000px;
	overflow: hidden;
}

.footer-sidebar-container h1 {
	color: #32475f;
}

/* added - JM - Sep 03, 2013 */
.footer-sidebar-container h1 a {
	color: #32475f;
}

.footer-sidebar-container h1 a:hover {
	color: #000000;
}
/* END OF added - JM - Sep 03, 2013 */

.footer-sidebar-container .sidebar-follow-us .summary {
	margin-bottom: 10px;
}

.footer-sidebar-container .sidebar-follow-us .button-container {
	clear: both;
	height: 40px;
	margin-bottom: 24px;
	overflow: hidden;
}

.footer-sidebar-container .sidebar-follow-us .button-container a {
	float: left;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	margin-right: 13px;
	overflow: hidden;
	background: transparent url(../images/bg/socai-icon-color.png?v=20220121) no-repeat 0 0;
}

.footer-sidebar-container .sidebar-follow-us .button-container a.button-youtube {
	background-position: 0 -50px;
}

.footer-sidebar-container .sidebar-follow-us .button-container a.button-twitter {
	background-position: 0 -100px;
}

.footer-sidebar-container .sidebar-follow-us .button-container a.button-facebook {
	background-position: 0 -150px;
}

.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter {
	padding-top: 24px;
	overflow: hidden;
	border-top: 1px solid #ededed;
	padding-bottom: 24px;
}

.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter span {	/* changed from .footer-sidebar-container .sidebar-follow-us .subscribe-newsletter label - JM - Sep 03, 2013 */
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 42px;
	overflow: hidden;
	background: transparent url(../images/bg/socai-icon-color.png?v=20220121) no-repeat 0 -200px;
	color: #bdc3c7;
	font-size: 12px;
	position: relative;	/* added for label-tooltip purpose - JM - Sep 03, 2013 */
}

.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter .input {
	padding: 5px;
	width: 157px;
	background-color: #FFFFFF;
	border: 1px solid #C4C4C4;
	color: #bdc3c7;
	font-size: 12px;
}

.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter .label-tooltip {
	display: block;
	height: 40px;
	line-height: 40px;
	text-indent: 47px;
	color: #bdc3c7;
	left: 0;
	top: 0;
	font-size: 12px;
}

.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter .button-subscribe {
	float: right;
}

.footer-sidebar-container .sidebar-middle {					/* changed from .footer-sidebar-container .sidebar-faq because the highlights can be ordered - JM - Sep 03, 2013 */
	padding-left: 11px;
	padding-right: 11px;
	margin-left: 12px;
	margin-right: 12px;
	/*border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;	-- changed into background image */
}

.footer-sidebar-container .sidebar-follow-us h1,
.footer-sidebar-container .sidebar-faq h1,
.footer-sidebar-container .sidebar-sponsors h1 {			/* added for Follow Us and Sponsors - JM - Sep 03, 2013 */
	margin-bottom: 18px;
}

.footer-sidebar-container .sidebar-follow-us h2,
.footer-sidebar-container .sidebar-faq h2,
.footer-sidebar-container .sidebar-sponsors h2 {			/* added for Follow Us and Sponsors - JM - Sep 03, 2013 */
	margin-bottom: 8px;
}

.footer-sidebar-container .sidebar-follow-us .the-img,
.footer-sidebar-container .sidebar-faq .the-img,
.footer-sidebar-container .sidebar-sponsors .the-img {		/* added for Follow Us and FAQ - JM - Sep 03, 2013 */
	padding: 10px 0 14px 0;
	text-align: center;
}

.footer-sidebar-container .sidebar-follow-us .the-img img,
.footer-sidebar-container .sidebar-faq .the-img img,
.footer-sidebar-container .sidebar-sponsors .the-img img {	/* added for Follow Us and FAQ - JM - Sep 03, 2013 */
	display: block;
	margin: 0 auto;
}

/* subpage sidebar category list */
.sidebar-cate-list {
	width: 251px;
	padding: 18px 0 18px 28px;
	overflow: hidden;
	background-color: #f5f7f8;
	position: relative;
}

.sidebar-cate-list h1 {
	color: #555;
}

.sidebar-cate-list .list li {
	line-height: 25px;
}

.sidebar-cate-list .list ul {
	padding-left: 8px;
}

.sidebar-cate-list .list a.selected {
	color: #545454;
	font-weight: bold; /* added - DC - Aug 25, 2016 */
}

/* nav breadcrumb */
.nav-breadcrumb {
	font-family: 'Raleway', sans-serif;
}

.nav-breadcrumb, .nav-breadcrumb a {
	color: #aaa;
}

.nav-breadcrumb .sp {
	padding: 0 4px;
}

/* subpage */
.the-banner {
	margin-bottom: 16px;
}

.the-banner img {
	display: block;
}

.share-container {
	height: 35px;
	margin-bottom: 26px;
	overflow: hidden;
}

.share-container .content-left {
	float: left;
}

.share-container .content-left a {
	margin-right: 10px;
}

.share-container .content-right {
	float: right;
}

.share-container .content-right a {
	margin-left: 10px;
}

.share-container label {
	float: left;
	height: 35px;
	line-height: 35px;
	padding-right: 4px;
	color: #222;
}

.share-container a {
	float: left;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/bg/share-icon.png) no-repeat 0 0;
}

.share-container .button-print {
	background-position: 0 0;
}

.share-container .button-pdf {
	background-position: 0 -50px;
}

.share-container .button-email {
	background-position: 0 -100px;
}

.share-container .button-twitter {
	background-position: 0 -150px;
}

.share-container .button-facebook {
	background-position: 0 -200px;
}

.share-container .button-rss {		/* added - JM - Sep 03, 2013 */
	background-position: 0 -250px;
}

.share-container-bottom {
	margin-bottom: 0;
}

.share-container-bottom .innerContent {
	float: left;
	position: relative;
}

.share-container-bottom a {
	margin: 0 5px;
}

.one-article-container .post-title, .one-article-container .post-title-02 {	/* added .one-article-container .post-title-02 - JM - Sep 03, 2013 */
	margin-bottom: 20px;
	font-size: 34px;
	color: #000;
}

/* added - JM - Sep 03, 2013 */
.one-article-container .post-title-02 {
	margin-bottom: 5px;
}

.one-article-container .post-subtitle, .one-article-container .post-subtitle-02 {
	margin-bottom: 20px;
	font-size: 24px;
	color: #32475F;
}

.one-article-container .post-subtitle-02 {
	margin-bottom: 5px;
}

.one-article-container .post-date {
	margin-bottom: 20px;
	font-size: 14px;
	color: #31465F;
}

.one-article-container .post-date a {
	color: #e87e03;
}

.one-article-container .post-content .post-date {
	margin-top: 20px;
	font-size: 14px;
	color: #31465F;
}
/* END OF added - JM - Sep 03, 2013 */

.one-article-container .post-content {
	margin-bottom: 35px;
	display: inline-block;				/* added so the sharethis won't crash the content - JM - Sep 03, 2013 */
}

/* footer */
#footer {
	padding-bottom: 40px;
	overflow: hidden;
}

#nav-site {
	padding: 16px 0 14px 14px;
	margin-bottom: 20px;
	overflow: hidden;
}

.footer-style-1 #nav-site {
	border-top: 1px solid #324860;
	background-color: #bdc3c7;
}

.footer-style-2 #nav-site {
	border-top: 1px solid #8f9aa6;
	background-color: #ededed;
}

#nav-site .contact-us {
	float: left;
	line-height: 1.2;
	font-size: 14px;
	color: #31465f;
}

#nav-site .list, #nav-site .list h4, #nav-site .list a {
	color: #2b3e51;
}

#nav-site .list {
	float: right;
	padding-right: 18px;
}

#nav-site .list li {
	padding-left: 30px;
	width: 88px;		/* added to avoid wide link area - JM - Sep 03, 2013 */
}

#nav-site .list li, #nav-site .list li h4 {
	float: left;
}

#nav-site .list li h4 {
	font-size: 18px;
	font-weight: bold;
}

#nav-site .list li ul {
	clear: both;
}

#nav-site .list li li {
	clear: both;
	float: none;
	padding-left: 0;
	font-size: 10px;
}

#footer .copyright {
	float: left;
	line-height: 20px;
	color: #bdc3c7;
	font-size: 14px;
}

#footer .company-logo {
	float: right;
}


/* additional CSS definitions - JM - Sep 03, 2013 */

/* header welcome text */
#header .welcome-text-outer {
	float: right;
	height: 50px; /* changed from 56px - JM - May 24, 2016 */
	margin-right: 8px;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
	/*background-color: #19AE5C; -- removed - JM - May 24, 2016 */
	max-width: 508px; /* changed from width - JM - May 24, 2016 */
}

#header .welcome-text {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	padding-left: 34px;
	overflow: hidden;
	background: transparent url(../images/bg/icon-01.png) no-repeat 0 0;
	color: #fff;
	word-break: break-all;
    word-wrap: break-word;
}

#header .welcome-text-border { /* added - JM - May 24, 2016 */
	border-right: 1px solid #FFFFFF;
}

#header .welcome-text a {
	color: #314760;
	text-decoration: none;
}

#header .welcome-text a:hover {
	color: #000000;
	text-decoration: none;
}

#header .welcome-text a.white-link { /* added - JM - May 24, 2016 */
	color: #FFFFFF;
	text-decoration: none;
}

#header .welcome-text a.white-link:hover { /* added - JM - May 24, 2016 */
	color: #FFFFFF;
	text-decoration: underline;
}


/* general highlight */
.sidebar-general-hl-img {
	margin-bottom: 13px;
}

.sidebar-item.sidebar-general-hl .outerContent {
	padding-bottom: 0;
}

.sidebar-item .event-cal {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sidebar-general-hl {
	background-color: #f5f7f8;
}

.sidebar-general-hl .content {
	margin-bottom: 20px;
	overflow: hidden;
}

.sidebar-general-hl img {
	display: block;
}

.sidebar-general-hl .summary img {
	display: inline;
}

.sidebar-general-hl h1 {
	padding-top: 10px;
	color: #555;
}

.sidebar-general-hl h1 a {
	color: #555;
}

.sidebar-general-hl h1.first {
	padding-top: 0px;
}

.sidebar-general-hl h2 {
	color: #555;
	line-height: 26px;
}

.sidebar-general-hl .summary h1 {
	padding-top: 0;
}

.sidebar-general-hl .summary h1,
.sidebar-general-hl .summary h2,
.sidebar-general-hl .summary h3,
.sidebar-general-hl .summary h4,
.sidebar-general-hl .summary h5,
.sidebar-general-hl .summary h6 {
	color: #31465f;
}

.sidebar-general-hl .form-hl {
	margin-top: 5px;
	overflow: hidden;
}

.sidebar-general-hl .form-hl .label {
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 34px;
	padding-right: 10px;
	overflow: hidden;
	color: #fff;
}

.sidebar-general-hl .form-hl .the-input-container {
	float: left;
	height: 30px;
	padding: 0 8px;
	margin-right: 2px;
	overflow: hidden;
	position: relative;
	background-color: #534a42;
	border-radius: 3px;
	clear: both;
	margin-top: 4px;
}

.sidebar-general-hl .form-hl .the-input-container .input {
	width: 140px;
	margin-top: 7px;
	background-color: #534a42;
	border: none;
	color: #fff;
}

.sidebar-general-hl .form-hl .the-input-container .label-tooltip {
	color: #fff;
}

.sidebar-general-hl .form-hl .button {
	float: left;
	display: block;
	width: 34px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	background: #534a42 url(../images/bg/icon-01.png) no-repeat 7px -45px;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 4px;
	margin-left: 2px;
}


/* login highlight */
.login-links {
	clear: both;
}

.signup {
	text-decoration: none;
	font-size: 0.75em;
	font-weight: bold;		
	color: #e87e03;
}

.signin {
	text-decoration: none;
	font-size: 0.95em;
	font-weight: bold;		
	color: #e87e03;
}


/* blog highlight */
.news_blog {
	margin-top: 10px;
}

.news_blogLink a {
	color: #e87e03;
	font-weight: bold;		
}

.news_blogLink a:hover {
    color: #000000;
}


/* /for_donors/contribution.asp */
#center2Columns input[type="text"], #center2Columns input[type="password"] {
	width: 200px;
}


/* for message box and ul.error for jQuery validation */
div.info, div.error, div.success, div.warning, div.validation, ul.error { 
    border: 1px solid;
    margin: 0 0 5px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

div.error.pay-online {
	margin-bottom: 20px;
}

div.error, ul.error {
	color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../images/error.gif);
}

div.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../images/info.gif);
}

div.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../images/success.gif);
}

div.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../images/warning.gif);
}

div.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../images/validation.gif) ;
}

div.error ul {
	margin-top: 0;
	margin-bottom: 0;
}

div.error ul li {
	margin : 0;
	padding: 0;
}

ul.error li {
	margin : 0 0 0 15px;
	padding: 0;
}

div.error a, div.validation a {
	color: #314760;
}

div.info a, div.success a, div.warning a {
	color: #e87e03;
}

div.error a:hover,
div.info a:hover,
div.success a:hover,
div.warning a:hover,
div.validation a:hover {
	color: #000000;
}

label.error {
	color: #D8000C;
}

div.error ul label.error:hover {
	cursor: pointer;
}

/* for error box in the withdrawal page */
div.withdraw.error,
div.withdraw.info,
div.withdraw.success,
div.withdraw.warning,
div.withdraw.validation {
	margin-top: 30px;
	margin-bottom: 2px;
}

div.withdraw.first.error,
div.withdraw.first.info,
div.withdraw.first.success,
div.withdraw.first.warning,
div.withdraw.first.validation {
	margin-top: 2px;
	margin-bottom: 2px;
}

div.status-fields {
	margin-top: 5px;
	margin-bottom: 10px;
}

.status-fields.invalid table tr td {
	padding-right: 5px;
	padding-bottom: 10px;
}

.status-fields.invalid table tr:last-child td {
	padding-bottom: 0;
}

.status-fields input.withdrawn {
	width: 300px;
}

.status-fields input.withdrawn.public {
	margin: 5px 0 5px 5px;
}

_:-ms-input-placeholder, :root .status-fields input.withdrawn.public {
	margin: 5px 0 5px 6px;
}

.status-fields-group-2 {
	padding-top: 5px;
}

.status-fields-group-2 .graduated, .status-fields-group-2 .promoted {
	width: 300px;
}

.status-fields-group-2 .graduated.college {
	margin-left: 1px;
}

.status-fields-group-2 .graduated.military {
	margin-left: 5px;
}

.status-fields-group-2 .graduated.other {
	margin-left: 16px;
}

_:-ms-input-placeholder, :root .status-fields-group-2 .graduated.other {
	margin-left: 15px;
}

.status-fields-group-2 .promoted.public {
	margin-left: 5px;
}

.statement {
	width: 640px;
	height: 350px;
	overflow: auto;
	background-color: #ededed;
	margin-bottom: 10px;
}

.statement-content {
	padding: 10px 20px 10px 10px;
}

.statement-content p {
	text-align: justify;
}

ol.statement-point li {
	margin-top: 15px;
	text-align: justify;
}


/* main content */
.summary h1, .post-content h1 {
	color: #32475f;
	margin-top: 8px;
	margin-bottom: 0px;
}

.summary h2, .post-content h2 {
	margin-top: 8px;
	margin-bottom: 0px;
}

h2.statement-title {
	margin-top: 15px;
	text-align: center;
}

.summary h1 a, .post-content h1 a {
	color: #e87e03;
}

.summary h1 a:hover, .post-content h1 a:hover {
	color: #000000;
}


/* listing */
.one-article-container .post-content .article-list {
	clear: both;
	margin: 30px 0 0 0;
	width: 640px;
}

.one-article-container .post-content .article-list .post-title, .one-article-container .post-content .article-list .post-title-02 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 19px;
	color: #000000;
	line-height: 21px;
}

.one-article-container .post-content .article-list .post-title a, .one-article-container .post-content .article-list .post-title-02 a {
	color: #32475F;
}

.one-article-container .post-content .article-list .post-title a:hover, .one-article-container .post-content .article-list .post-title-02 a:hover {
	color: #000000;
}

.one-article-container .post-content .article-list .post-title-02 {
	margin-bottom: 5px;
}

.one-article-container .post-content .article-list .post-subtitle, .one-article-container .post-content .article-list .post-subtitle-02 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;
	color: #32475F;
	line-height: 20px;
}

.one-article-container .post-content .article-list .post-subtitle a, .one-article-container .post-content .article-list .post-subtitle-02 a {
	color: #32475F;
}

.one-article-container .post-content .article-list .post-subtitle a:hover, .one-article-container .post-content .article-list .post-subtitle-02 a:hover {
	color: #000000;
}

.one-article-container .post-content .article-list .post-subtitle-02 {
	margin-bottom: 5px;
}

.one-article-container .post-content .article-list .post-date {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	color: #31465F;
	line-height: 18px;
}

.one-article-container .post-content .article-list .post-tag {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #31465F;
	line-height: 18px;
}

.one-article-container .post-content .article-paging {
	clear: both;
	margin: 40px 0 0 0;
	width: 640px;
}

.one-article-container .post-content .article-paging .left-text {
	float: left;
}

.one-article-container .post-content .article-paging .right-text {
	float: right;
}


#content #content-main .full-width-container{
	position:absolute;
	left:0;
	right:0;
	padding:0 0 5px 0;
	overflow: auto;
	overflow-y: hidden;
	margin-left:auto;
	margin-right:auto;
	width:96%;
	max-width:1800px;
}

.tblList {table-layout: fixed; max-width: 100%;} /* ML Dec 27, 2018 */
.tblList td {margin: 0; padding: 0; /* border: 1px solid #ededed; */}
.tblList .headerList, .tblList .headerList input {background: #F97A00; color: #fff;}
.tblList .headerList {height: 20px;}
.tblList .headerList th a, .tblList .headerList th a:hover {text-decoration: none; color: #FFFFFF;}
.tblList .odd {background: #eee;}
.tblList .flagged {background: #F2DCDB;}
.tblList tr th {background: #35465D; padding: 20px !important; color: #fff; border-left: 1px solid #4B5A6E;}
.tblList tr th:first-child {border-left: none;}
.tblList tr td {text-align: left; border-bottom: none; padding: 10px 20px !important;}
.tblList tr:nth-child(even) td {background: #F8F9FB;}
/* .tblList tr:nth-child(even):hover td {background: #FFFED1;} -- replaced with .tblList tr:hover td below, because sometimes the background is changed, sometimes not - JM - Jan 03, 2018 */
.tblList tr td.colborder_bottom {border-bottom: 3px solid #4B5A6E;}
.tblList tr td.colborder_right_thin {border-right: 1px solid #4B5A6E;}
.tblList tr:hover, .tblList tr:hover td {background: #ffc;} /* added because the reason above - JM - Jan 03, 2018 */
.tblList tr.nohover:hover, .tblList tr.nohover:hover td {background: none;}
.tblList tr.headerList:hover, .tblList tr.headerList:hover td {background: #F97A00;}


.tblList tr.title th {background-color: #253446; font-size: 17px; text-align: center;}
.tblList tr.total-row td {background: #E7EAEB; font-family: proxima_novasemibold;}

.tblList tr td a {font-family: proxima_novasemibold; color: #35465D;}
.bgWhite {background-color: #FFFFFF;}
.bgGray {background-color: #EEEEEE;}
.bgDarkGray {background-color: #CCCCCC;}
.light-text {font-weight: 500;}
.canvas-label .light-text {font-family: proxima_nova_rgregular;}
.contribution-title {font-size: 18px; font-family: proxima_novasemibold; margin: 20px 0;}

/* added for donor list page since used wider format - JM - Sep 16, 2019 */
.tblList tr.contribution-title {margin: 0;}
.tblList tr.contribution-title th {background: none; padding: 20px 0 !important; color: #31465f; font-weight: normal;}

/* added for analytics report detail page - JM - Jul 31, 2019 */
#report-container-big {display: inline-block; width: 100%;}
.report-title-container {max-width: 100%; display: table; margin: 20px auto;} /* for wider format, changed width: 100% to max-width: 100%, changed margin: 20px 0 to 20px auto */
.report-title-row {display: table-row;}
.report-title-container .contribution-title {display: table-cell; vertical-align: middle; padding-right: 10px;}
.report-title-container .report-button {display: table-cell; vertical-align: middle; text-align: right; width: 370px;} /* changed from width 200px to add return button */
.report-title-container .report-button #btnExport {margin-right: 10px;}
.report-title-container .report-button #btnReturn {float: right; margin-right: 0; text-transform: capitalize;}

/* added for new executive dashboard - JM - Jan 13, 2020 */
#tabs-report { padding-bottom: 10px; }
.report-executive .contribution-title {margin: 0 0 10px 0; color: #31465f;}
.report-title-container.single {max-width: none; width: 100%; margin: 30px 0; text-align: right;}
#tabs-report + #report-container-big .report-title-container.single {margin-top: 20px;}
.report-title-container.single .report-button {width: auto;}
.report-title-container.single .report-button #btnExport {margin-right: 0;}

.tblList input.btn-util {text-transform: capitalize;} /* added because the buttons on the similar pages are also changed to capitalize - JM - Oct 12, 2017 */

.tblList.future-allocation-container-big {margin: 0 auto;}
.tblList.future-allocation-container-big tr td {padding: 0 !important;}
.tblList.future-allocation-container-big tr td.cBtn {background: none; text-align: right;}
.tblList.future-allocation-container-big tr:hover td.cBtn {background: none;}

.tblList.future-allocation-container {border: 1px solid #4B5A6E; min-width: 1000px; margin-bottom: 10px; border-spacing: 0; border-collapse: separate;}
.tblList.future-allocation-container tr td input {color: #31465F; width: 95%; height: 30px;}
.tblList.future-allocation-container tr td input.changed {font-weight: bold; background-color: #ffc;}
.tblList.future-allocation-container tr td input.notvalid {color: #FF0000; font-weight: bold; background-color: #ffc; border: 2px solid #FF0000;}
.tblList.future-allocation-container input.award {text-align: right; width: 55px;}
.tblList.future-allocation-container tr td {border-bottom: 1px solid #4B5A6E; text-align: right; padding: 5px !important;}
.tblList.future-allocation-container tr:nth-child(even) td {background: #F8F9FB;}
.tblList.future-allocation-container tr td.colSchoolName {text-align: center;}
.tblList.future-allocation-container tr td.colTitle {height: 100px; text-align: center; background: #E7EAEB; font-family: proxima_novasemibold; border-right: 1px solid #4B5A6E;}
.tblList.future-allocation-container tr td.colCenter {text-align: center;}
.tblList.future-allocation-container tr.headerList th {text-align: center; padding: 5px !important;}
.tblList.future-allocation-container tr.total-row td {background: #E7EAEB;}
.tblList.future-allocation-container tr td.cNm  {text-align: left;}
.tblList.future-allocation-container tr td.cYr  {text-align: center;}
.tblList.future-allocation-container tr td.cGC  {text-align: center;}
.tblList.future-allocation-container tr td.cAw  {text-align: right;}
.tblList.future-allocation-container tr td.cG   {text-align: right;}
.tblList.future-allocation-container tr td.colUnallocatedBalance{background: #E7EAEB; font-family: proxima_novasemibold; border-bottom: none;}

.tblList.future-allocation-container tr:hover, .tblList.future-allocation-container tr:hover td {background: #ffc;}
.tblList.future-allocation-container tr.total-row:hover, .tblList.future-allocation-container tr.total-row:hover td {background: #E7EAEB;}
.tblList.future-allocation-container tr.nohover:hover, .tblList.future-allocation-container tr.nohover:hover td {background: none;}
.tblList.future-allocation-container tr.headerList:hover, .tblList.future-allocation-container tr.headerList:hover td {background: #F97A00;}
.tblList.future-allocation-container tr:hover td.colTitle {background: #E7EAEB;}
.tblList.future-allocation-container tr:hover td.colUnallocatedBalance {background: #E7EAEB;}

/* added for analytics report detail page - JM - Jul 31, 2019 */
/* changed donor list page to wider format - JM - Sep  2, 2019 */
.wider-format {
	padding-bottom: 3000px; /* initial padding for wider format */
}
.report-analytics-container, .donor-list-container {
	overflow-x: auto;
}
.use-custom-scrollbar::-webkit-scrollbar {
	height: 6px;
}
.use-custom-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.use-custom-scrollbar::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
.use-custom-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #95989D;
}

.wider-format .tblList { /* for wider format, changed max-width: 0 to 100%, added margin: 0 auto */
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}


.uploaded-file {
	margin-top: 0;
	font-size: 14px;
}

.switch-info {
	margin-top: 0;
	font-size: 12px;
}


#loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #modal {
    display: block;
}

.has-loading-relative {
    position: relative;
}

.loading-relative {
    display:    none;
    position:   absolute;
    z-index:    5;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}
/* END OF additional CSS definitions */


/* dropdown menu - JM - Feb 06, 2015 */
.nav-main-sub-wrapper {
	z-index: 1100;
    margin: 0;
    float: left;
    position: absolute;
    left: -999em; /* hides the drop down */
    text-align: left;
    padding: 10px 0;
	background-color: #EBECF0;
}
 
#nav-main ul li:hover .nav-main-sub-wrapper {
    left: -1px;
    top: 65px;
}
 
.nav-main-sub-drop.col1, .nav-main-sub-drop.col2, .nav-main-sub-drop.colf {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
	width: 230px;
}

.nav-main-sub-drop.col2 {
    margin-left: 0;
}

.nav-main-sub-drop.col1 ul {
	background: #EBECF0 url(../images/bg/nav-separator-line.png) repeat-y 100% 0;
}

#nav-main ul li ul {
    list-style: none;
    padding: 0;
    margin: 0;
	line-height: 25px;
	width: 230px;
}

#nav-main ul li ul li {
    position: relative;
    padding: 0; 
    margin: 0 0 5px 0;
    float: none;
    text-align: left;
	background: none;
	height: auto;
}

#nav-main ul li ul li, #nav-main ul li ul li a {
	line-height: 25px;
	font: 16px/1.5 proxima_nova_rgregular;
}
 
#nav-main ul .align-right {
    float: right;
    margin-right: 0;
}

#nav-main ul li:hover .align-right {
    left: auto;
    right: -1px;
}

#nav-main ul li.nav-main-item:hover:after {
    content: "";
    position: absolute;
    left: 30px;
    top: 47px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 18px solid #EBECF0;
}

#nav-main ul li.nav-main-item:nth-child(2):hover:after {
    left: 120px;
}

#nav-main ul li.nav-main-item:nth-child(3):hover:after {
    left: 217px;
}

#nav-main ul li.nav-main-item:nth-child(4):hover:after {
    left: 317px;
}

#nav-main ul li.nav-main-item:nth-child(5):hover:after {
    left: 417px;
}

#nav-main ul li.nav-main-item:nth-child(6):hover:after {
    left: 517px;
}
/* end of dropdown menu - JM - Feb 06, 2015 */


/* added for table in 15 Executive Dashboard pages - MH - Aug 25, 2016 */
.data-table {
	clear: both;
	margin-top: 20px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%; /* there are a number of charts which do not extend across the whole page and we want them all to fill the width of the page - MH - Aug 29, 2016 */
}

.data-table.separate {
	border-collapse: separate; /* so we can add border-top only when using jQuery - JM - Aug 26, 2016*/
}

.data-table th, .data-table td {
	color: #32475F;
	padding: 15px 20px;
	font-weight: normal;
	font-size: 15px;
}

.data-table tfoot th, .data-table tfoot td {
	text-align: right;
}

.data-table tbody tr:nth-child(odd) {
	background-color: #FFFFFF;
}

.data-table tbody tr.bg-white {
	background-color: #FFFFFF !important;
}

.data-table tbody tr:nth-child(even) {
	background-color: #F7F9FA;
}

.data-table tbody tr.bg-gray {
	background-color: #F7F9FA !important;
}

.data-table .title th, .data-table .title td {
	background-color: #253446;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 15px;
	font-family: proxima_novasemibold;
	padding: 20px;
	text-align: center;
}

.data-table .heading th, .data-table .heading td {
	background-color: #32475F;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	font-family: proxima_novasemibold;
	border: 1px solid #445870;
	padding: 20px;
}

/* correct any border imbalance in Chrome/Safari - MH - Aug 30, 2016 */
.data-table .heading td:last-child, .data-table .heading th:last-child {
	border-right: none;
}
.data-table .heading td:first-child, .data-table .heading th:first-child {
	border-left: none;
}

.data-table .center th, .data-table .center td {
	text-align: center;
}

.data-table .total th, .data-table .total td {
	background-color: #E7E9EA;
	font-family: proxima_novasemibold;
}
/* end of added for table in 15 Executive Dashboard pages - MH - Aug 25, 2016 */

/* added for chart title,
   using title option from chart itself will be truncated if it is too long
   - JM - Aug 26, 2016 */
.canvas-label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding: 30px 0;
	text-align: center;
}

.canvas-label.report-executive { /* added for new executive dashboard - JM - Jan 13, 2020 */
	font-family: proxima_novasemibold;
	font-size: 24px;
	font-weight: normal;
	color: #31465f;
}

.canvas-footer {
	color: #32475F;
	padding-top: 5px;
	font-weight: bold;
	font-size: 15px;
	text-align: right;
}

/* add additional top margin for tables which directly follow chart holders - MH - Aug 29, 2016 */
.canvas-holder + .data-table {
	margin-top: 40px;
}

.progress-bar-custom-center {
	display: none;
    position: fixed;
	left: 0;
	right: 0;
    top: 60%;
    z-index: 1005;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.progress-bar-custom-center .progress-bar-custom-inner{
	margin-bottom:10px;
	display:none;
}

.progress-bar-custom-center .progress-bar-custom-text{
	text-align: center;
	margin-top: 5px;
	position: absolute;
    width: 100%;
}

.videoLibrary video {
	max-width:100%;
}

/*** Contribution Portal Styles ***/
/* added .cont-report-list, .report-dash, .report-description for Analytics Reports in the Contribution Portal - JM - Jul 31, 2019 */
/* added .digital-dash-list for Digital Toolkit landing page - JM - Apr 13, 2022 */
.cont-dash-list,
.email-dash-list,
.scholarship-dash-list,
.withdraw-dash-list,
.cont-report-list,
.digital-dash-list {
	list-style: none;
	padding: 0;
	clear: both;
	overflow: hidden;
	margin: 40px 0;
}

.cont-dash-list li,
.cont-report-list li,
.digital-dash-list li {
	display: block;
	width: calc((100% / 3) - (40px / 3));
	float: left;
	margin: 0 20px 20px 0;
	transition: 500ms all;
}

.cont-dash-list li:last-child,
.digital-dash-list li:last-child {
	margin-right: 0;
}

.cont-report-list {
	margin: 20px 0;
}
.cont-report-list li {
	width: 99%;
	float: left;
	margin-right: 0;
	display: flex;
	align-items: center;
	border: 1px solid #bebebe;
}

.email-dash-list li {display: block; width: calc(50% - (40px / 2)); float: left; margin: 0 40px 40px 0; transition: 500ms all;}
.email-dash-list li:nth-child(even) {margin-right: 0;}

.withdraw-dash-list li {display: block; width: calc((100% / 3) - (80px / 3)); float: left; margin: 0 40px 20px 0; transition: 500ms all;}
.withdraw-dash-list li:last-child {margin-right: 0;}

.scholarship-dash-list li {display: block; width: calc((100% / 3) - (30px / 3)); float: left; margin: 0 15px 15px 0; transition: 500ms all;}
.scholarship-dash-list li:nth-child(3n) {margin-right: 0;}

.dash-icon a {display: block; border: 1px solid #bebebe; padding: 100px 20px 20px 20px; font-size: 20px; text-align: center; background: transparent 50% 20px no-repeat; color: #35465D; word-spacing: 500px;}
.dash-icon a span {word-spacing: normal; display: block; font-family: proxima_nova_rgregular;}
.email-dash-list .dash-icon a {font-family: proxima_novasemibold;}
.scholarship-dash-list .dash-icon a {padding: 100px 10px 20px 10px; word-spacing: normal; min-height: 210px; box-sizing: border-box;}
.withdraw-dash-list .dash-icon a {padding: 100px 10px 20px 10px; word-spacing: normal; min-height: 180px; box-sizing: border-box;}

.dash-icon a.cont-dash {background-image: url(/images/icon-contribution-dashboard.png);}
.dash-icon a.cont-detail {background-image: url(/images/icon-contribution-detail.png);}
.dash-icon a.cont-calc {background-image: url(/images/icon-proration-calculator.png);}

/* added for Analytics Reports in the Contribution Portal - JM - Jul 31, 2019 */
.dash-icon a.cont-analytics {background-image: url(/images/icon-analytics-report.png); background-position: 50% 25px;}

.dash-icon a.with-stud {background-image: url(/images/icon-withdraw-a-student.png);}
.dash-icon a.with-grad {background-image: url(/images/icon-mark-grad.png);}
.dash-icon a.with-zero {background-image: url(/images/icon-return-zero.png);}

.dash-icon a.email-cont {background-image: url(/images/icon-email-contributions.png);}
.dash-icon a.email-legi {background-image: url(/images/icon-email-legislation.png);}
.dash-icon a.email-scho {background-image: url(/images/icon-email-scholarships.png);}
.dash-icon a.email-gene {background-image: url(/images/icon-email-general.png);}

.dash-icon a.port-sns {background-image: url(/images/icon-new-student.png);}
.dash-icon a.port-srs {background-image: url(/images/icon-returning-student.png);}
.dash-icon a.port-add {background-image: url(/images/icon-additional-award.png);}
.dash-icon a.port-with {background-image: url(/images/icon-withdraw-student.png);}
.dash-icon a.port-list {background-image: url(/images/icon-student-list.png);}
.dash-icon a.port-acct {background-image: url(/images/icon-acct-balance.png);}

/* added for Digital Toolkit landing page - JM - Apr 13, 2022 */
.dash-icon a.digital-graph {background-image: url(/images/icon-digital-graph.png);}
.dash-icon a.digital-print {background-image: url(/images/icon-digital-print.png); word-spacing: 0;}
.dash-icon a.digital-video {background-image: url(/images/icon-digital-video.png); background-position: 50% 25px; padding-top: 115px; padding-bottom: 35px;}

.dash-icon img.report-icon {display: none;}

.dash-icon a.report-dash {
	background-image: url(/images/icon-generate-report.png);
	background-position: center 30%;
	color: #F97A00;
	word-spacing: normal;
	line-height: 25px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #bebebe;
}

.cont-report-list .report-description {flex-basis: 75%; padding: 20px;}
.cont-report-list .dash-icon {flex-basis: 25%;}

/*** School List ***/
.school-list {list-style: none; padding: 0; clear: both; overflow: hidden; margin: 40px 0 20px 0;}
.school-list, .school-list * {box-sizing: border-box;}
.school-list li {border: 1px solid #BEBEBE; float: left; display: block; width: calc((100% / 3) - (40px / 3)); margin: 0 20px 20px 0; min-height: 210px; position: relative;}
.school-list li:nth-child(3n) {margin-right: 0;}
.school-list li span, .school-list li a {display: block; text-align: center; position: absolute; width: 100%; padding: 10px 15px;}
.school-list li span {bottom: 5px; color: #999;}
.school-list li a {bottom: 30px; color: #35465D; font-family: proxima_novasemibold;}
.school-list li a.school-logo {top: 0; width: 100%; bottom: 75px;}

.school-list li a.school-logo > img {position: absolute; max-height: 82px; max-width: 140px; width: auto; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}


/*** Form Updates ***/
.help-dialog {position: relative; background: #efefef; width: 20px; height: 20px; text-align: center; border-radius: 50%; display: inline-block; margin-left: 10px; color: #666; cursor: pointer;}
.help-dialog.corp {width: auto; height: auto; margin-left: 2px; margin-right: 2px; border-radius: 4px;} /* adding for C Corp - JM - Nov 17, 2021 */
.help-dialog .help-dialog-text {display: none; background: #efefef; padding: 20px; width: 250px; position: absolute; border: 1px solid #999; color: #333; top: -20px; left: 30px; z-index: 15;}
.help-dialog.corp .help-dialog-text {padding: 10px; top: 25px; left: 0;} /* adding for C Corp - JM - Nov 17, 2021 */
.help-dialog:hover .help-dialog-text {display: block;}

/* added for contribute.asp - JM - Nov 2, 2022 */
.help-dialog.pay-online {
	background: transparent url(../images/bg/icon-question.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-align: left;
	border-radius: 0;
	margin-left: 0;
	color: #31465f;
	position: absolute;
	top: 3px;
	left: 170px;
}
.help-dialog.pay-online:hover {
	background-image: url(../images/bg/icon-question-hover.png)
}
.help-dialog-text.pay-online {
	display: none;
	background: #F5F7F8;
	padding: 15px;
	width: calc(100% - 32px); 
	margin: 6px 0 6px 0; 
	position: relative; 
	border: 1px solid #32475F; 
	border-radius: 3px;
	box-shadow: 0px 3px 6px #00000029;
}
.help-dialog-text.pay-online:before {
	content: "";
    display: block;  
    position: absolute;
    left: 169px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #32475F;
}
.help-dialog-text.pay-online:after {
	content: "";
    display: block;  
    position: absolute;
    left: 170px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #F5F7F8;
}
/* END OF added for contribute.asp - JM - Nov 2, 2022 */

.post-content .tblForm input {padding: 5px;}
.post-content .tblForm input[type=button] {white-space: normal;}

.post-content .tblForm .validation-msg {display: none; background: red; color: #fff; padding: 6px 12px; width: 284px; margin: 10px 0 6px 0; position: relative; border-radius: 3px;} 

/* added for contribute.asp - JM - Nov 2, 2022 */
.post-content.pay-online .validation-msg[for^="ItemSchool_"],
.post-content.pay-online .validation-msg[for="txtDOR"] {
	width: calc(100% - 24px);
}
.post-content.pay-online .validation-msg[for^="ItemCost_"],
.post-content.pay-online .validation-msg[for="txtTotalCost"] {
	width: calc(100% - 17px);
}

.post-content .tblForm .error + .validation-msg {display: block;}
.post-content .tblForm .validation-msg:before {width: 0; height: 0; border: 0 solid transparent; border-right-width: 8px; border-left-width: 8px; border-bottom: 8px solid red; content: ""; top: -8px; left: 8px; position: absolute;}

.post-content .tblForm .tax-amount-note.new-line {display: block;}
.post-content .tblForm .error + .validation-msg + .tax-amount-note {display: block;}

#spanEntityTypeNote {font-size: 12px; font-style: italic;}
.redText {color: red;}


/* Digital Toolkit - JM - Mar 24, 2022 */
.box-item-container {
	padding: 0 6px; /* so the border will be visible */
	display: grid;
	
	/* if 100% width calculates to less than 300px (otherwise the minimum), then use that instead, making it safer for small-screen layouts */
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	
	grid-template-rows: auto;
	column-gap: 28px;
	row-gap: 32px;
	
	justify-items: stretch;
	align-items: stretch;
	justify-content: space-between;
	align-content: start;
	
	grid-auto-flow: row;
}

.box-item-container .box-item {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029; /* #[RR][GG][BB][AlphaTransparency] */
	border-radius: 0px 0px 2px 2px;
	opacity: 1;
	
	justify-self: stretch;
	align-self: stretch;
	
	display: grid;
	grid-template-columns: 100%;
	
	/* do not stretch the image, but needs a fixed height to vertically center the image - JM - Apr 27, 2022 */
	/* previously used repeat(auto, minmax(min(300px, 100%), auto), auto, 1fr) for 300px x 300px image */
	grid-template-rows: 300px auto 1fr;
	
	grid-auto-flow: row;
}

.box-item-container .box-item .box-item-image img {
	max-width: 300px;
	max-height: 300px;
	display: block;
	margin: 0 auto;
}

.box-item-container .box-item .box-item-image {
	align-self: center;
}

.box-item-container .box-item .box-item-title {
	align-self: start;
}

.box-item-container .box-item .box-item-title h3 {
	font-family: 'proxima_novasemibold';
	color: #000;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 16px 15px;
	text-align: center;
	
	max-width: calc(100% - 40px);
	overflow: auto;
}

.box-item-container .box-item .box-item-share {
	margin: 0 15px 15px 15px;
	
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(58px, 100%), auto));
	grid-template-rows: 47px;
	column-gap: 5px;
	
	justify-items: stretch;
	align-items: end;
	
	justify-content: center;
	align-content: end;
	
	grid-auto-flow: column;
}

.box-item-container .box-item .box-item-share div {	
	width: 58px;
	height: 45px;
	text-indent: -9999px;
	background: #F5F7F8 url(../images/bg/social-icon-toolkit.png) no-repeat padding-box;
	border: 1px solid #E7ECEF;
	border-radius: 2px;
	opacity: 1;
	cursor: pointer;
	
	justify-self: stretch;
	align-self: end;
}

.box-item-container .box-item .box-item-share .button-facebook {
	background-position: center 0;
}

.box-item-container .box-item .box-item-share .button-facebook:hover {
	background-position: center -47px;
	background-color: #1976D2;
	border-color: #1976D2;
}

.box-item-container .box-item .box-item-share .button-instagram {
	background-position: center -94px;
}

.box-item-container .box-item .box-item-share .button-instagram:hover {
	background-position: center -141px;
	background-color: #FB3958;
	border-color: #FB3958;
}

.box-item-container .box-item .box-item-share .button-twitter {
	background-position: center -186px;
}

.box-item-container .box-item .box-item-share .button-twitter:hover {
	background-position: center -229px;
	background-color: #03A9F4;
	border-color: #03A9F4;
}

.box-item-container .box-item .box-item-share .button-caption,
.box-item-container .box-item .box-item-share .button-video,
.box-item-container .box-item .box-item-share .button-download,
.box-item-container .box-item .box-item-share .button-email,
.box-item-container .box-item .box-item-share .button-canva {
	width: 50px;
	height: 33px;
	background: #F5F7F8 none;
	text-indent: 0;
	padding: 6px 12px 6px 12px;
	font-size: 14px;
	line-height: 16px;
}

.box-item-container .box-item .box-item-share .button-video,
.box-item-container .box-item .box-item-share .button-download {
	width: 63px;
}

.box-item-container .box-item .box-item-share .button-email,
.box-item-container .box-item .box-item-share .button-canva {
	width: 87px;
}

.box-item-container .box-item .box-item-share .button-video {
	text-align: center;
}

.box-item-container .box-item .box-item-share .button-caption a,
.box-item-container .box-item .box-item-share .button-video a,
.box-item-container .box-item .box-item-share .button-download a,
.box-item-container .box-item .box-item-share .button-email a,
.box-item-container .box-item .box-item-share .button-canva a {
	color: #314760;
}

.box-item-container .box-item .box-item-share .button-caption:hover,
.box-item-container .box-item .box-item-share .button-video:hover,
.box-item-container .box-item .box-item-share .button-download:hover,
.box-item-container .box-item .box-item-share .button-email:hover,
.box-item-container .box-item .box-item-share .button-canva:hover {
	background-color: #314760;
	color: #FFFFFF;
	border-color: #314760;
}

.box-item-container .box-item .box-item-share .button-caption:hover a,
.box-item-container .box-item .box-item-share .button-video:hover a,
.box-item-container .box-item .box-item-share .button-download:hover a,
.box-item-container .box-item .box-item-share .button-email:hover a,
.box-item-container .box-item .box-item-share .button-canva:hover a,

.box-item-container .box-item .box-item-share .button-caption a:hover,
.box-item-container .box-item .box-item-share .button-video a:hover,
.box-item-container .box-item .box-item-share .button-download a:hover,
.box-item-container .box-item .box-item-share .button-email a:hover,
.box-item-container .box-item .box-item-share .button-canva a:hover {
	color: #FFFFFF;
}
/* END OF Digital Toolkit - JM - Mar 24, 2022 */


@media screen and (max-width:939px) {
	body {background: #fff;}
	.clear {clear: none; overflow: hidden; height: auto; display: none;} /* reset clear for home */
	
	/* Postioning and widths */
	#container {width: 100%; min-width: 320px;}
	#content-main, #content-sub {min-height: auto;}
	#content-main {float: none; width: calc(100% - 40px); padding: 0 20px;}
	#content-main.no-right-col {width: calc(100% - 40px); padding: 0 20px;}
	#content-sub {float: none; width: calc(100% - 40px); padding: 0 20px; overflow: hidden; border-left: none; margin-top: 60px;}
	.sidebar-item {float: none; width: 100%;}
	.sidebar-empty {display: none;}
	.sidebar-cate-list {width: calc(100% - 40px); padding: 20px 20px; text-align: center;}
	.sidebar-general-hl {text-align: center;}
	.sidebar-general-hl ul {list-style: none;}
	#footer {width: calc(100% - 40px); margin: 0 20px;}

	/* Header styles */
	#header {background: #F5F7F8; height: auto; position: relative; overflow: hidden; padding-top: 123px;}
	#brand {position: absolute; left: 0; top: 0; text-align: left; padding: 10px 20px; z-index: 3;}

	.nav-breadcrumb {padding: 0 20px;}

	#header .welcome-text-outer {float: none; max-width: 100%;}
	#header .welcome-text {color: #999; display: block; text-align: center; position: absolute; left: 20px;}
	#header .welcome-text-border {border-right: 1px solid #999;}
	#header .welcome-text a.white-link {color: #314760;}
	#header .welcome-text a.white-link:hover {color: #000000; text-decoration: none;}

	/* Navigation styles */
	#nav-main, .nav-follow-us, #header .form-user-login {display: none;}

	#nav-main, #nav-main * {box-sizing: border-box;}
	#nav-main {overflow: visible; width: auto; height: auto; margin-top: 40px;}

	.nav-toggle {
		box-sizing: border-box; position: absolute; right: 0; top: 0; z-index: 5; width: 50px; cursor: pointer; background-size: contain; display: block;
		font: 10px/1.5 proxima_nova_rgregular; color: #fff; padding: 70px 0 0 0; text-align: center; height: 123px;
		background: #F87A02;
	}
	.nav-toggle:after {position: absolute; top: 35px; right: 10px; content:""; width: 30px; height: 30px; display: block; background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='3' fill='%23fff'/><rect y='20' width='30' height='3' fill='%23fff'/><rect y='10' width='30' height='3' fill='%23fff'/></svg>") 0 0 no-repeat; transition: 500ms all;}

	.mobile-nav .nav-toggle:after {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><path d='M 5,5 L 25,25 M 25,5 L 5,25' stroke='%23fff' stroke-width='3' /></svg>"); transform: rotate(180deg); transition: 500ms all; top: 30px;}

	.nav-toggle span:nth-child(2) {display: none;}
	.mobile-nav .nav-toggle span:first-child {display: none;}
	.mobile-nav .nav-toggle span:nth-child(2) {display: block;}

	#nav-main {position: initial; overflow: hidden;}
	#nav-main ul {display: block; width: 100%; float: none; margin: 50px 0 0 0;}
	.expand #nav-main ul {margin: 160px 0 0 0;}
	#nav-main li {float: none; height: auto; line-height: 2em; padding: 0 20px; background: none; text-align: center; font-family: proxima_novasemibold; position: relative;}

	.subnav-toggle {position: absolute; top: 3px; left: calc(50% + 80px); display: block; width: 25px; height: 25px;}
	.subnav-toggle span {border: solid #33485f; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 6px; transition: 500ms all;}
	li.active .subnav-toggle span {top: 10px; transform: rotate(225deg); -webkit-transform: rotate(225deg); transition: 500ms all;}

	/* Subnavigation styles */
	.nav-main-sub-wrapper {float: none; position: relative; left: auto; text-align: center; padding: 0; background-color: transparent;}
	#nav-main ul li:hover .nav-main-sub-wrapper {left: auto; top: auto;}
	 
	.nav-main-sub-drop.col1, .nav-main-sub-drop.col2, .nav-main-sub-drop.colf {display: block; float: none; position: relative; margin: 0; width: auto; clear: both;}
	.nav-main-sub-drop.col1 ul {background: transparent;}

	#nav-main ul li ul {list-style: none; padding: 0; margin: 0; line-height: 25px; width: auto;}
	#nav-main ul li .nav-main-sub-drop:last-child ul {margin: 0 0 20px 0;}
	#nav-main ul li ul li {padding: 0; margin: 0; text-align: center; line-height: 30px;}
	#nav-main ul .align-right {float: none; margin: 0;}
	#nav-main ul li:hover .align-right {left: auto; right: 0;}
	#nav-main ul li.nav-main-item:hover:after {display: none;}

	#nav-main ul li ul {display: none;}
	#nav-main ul li.active ul {}
	#nav-main ul li.active a:link, #nav-main ul li.active a:visited {color: #F87A02;}
	#nav-main ul li.active li a:link, #nav-main ul li.active li a:visited {color: #33485f;}
	#nav-main ul li a:hover, #nav-main ul li a:active, 
	#nav-main ul li.active li a:hover, #nav-main ul li.active li a:active {color: #F87A02;}

	.sidebar-cate-list .list ul li a:link, .sidebar-cate-list .list ul li a:visited {color: #999;}
	.sidebar-cate-list .list ul li a:hover, .sidebar-cate-list .list ul li a:active {color: #000;}

	/* Social Icons */
	#header .nav-follow-us {z-index: 10; position: relative; float: none; text-align: center; margin: 40px 0; height: 31px;}
	#header .nav-follow-us a {display: inline-block; float: none; margin: 0 4px; height: 31px;}
	#header .nav-follow-us a.button-email {background-position: 0 -50px;}
	#header .nav-follow-us a.button-youtube {background-position: 0 -150px;}
	#header .nav-follow-us a.button-twitter {background-position: 0 -250px;}
	#header .nav-follow-us a.button-facebook {background-position: 0 -350px;}

	/* School official login */
	#header .form-user-login {float: none; height: auto; margin: 0; padding: 0; overflow: visible; position: absolute; top: 130px; right: 0; left: 0; height: 50px; overflow: hidden;}
	#header .form-user-login .label {float: none; display: block; height: 50px; line-height: 50px; padding: 0 0 0 44px; overflow: visible; background-position: calc(50% - 50px) 8px; color: #33485f; font-weight: 600; text-align: center;}

	.form-user-login span {display: block;}
	#header .form-user-login .button {display: none;}

	#header .form-user-login .the-input-container {float: none; height: auto; padding: 0; margin: 10px auto; overflow: visible; background: transparent; text-align: center; width: 260px;}
	#header .form-user-login .the-input-container .input {box-sizing: border-box; margin: 0; background-color: #fff; border: none; padding: 10px; border-radius: 5px; color: #333; line-height: 1.2em; text-align: left; width: 100%;}
	#header .form-user-login .the-input-container:nth-child(3) .input {width: 213px; margin-right: 47px;}
	.form-user-login .label-tooltip {color: #999; height: auto; line-height: 1.2em; text-indent: 0; padding: 10px; text-align: left;} /* Custom placeholder text js override */

	#header .form-user-login .button {float: none; position: absolute; bottom: 10px; right: calc(50% - 130px); height: 37px; width: 37px; background-position: 9px -42px;}

	/* Sidebar styles */
	.sidebar-general-hl img {display: inline;}
	.sidebar-general-hl .summary img {display: inline;}

	.sidebar-item .outerContent {padding: 20px;}
	.sidebar-general-hl-img {text-align: center;}

	/* Homepage styles */
	.mod-main-slider, .mod-main-slider .content, .mod-main-slider .content .item {float: none; width: auto; height: auto; overflow: hidden; position: relative;}
	.mod-main-slider .content, .mod-main-slider .content .item {width: 100% !important;}
	.mod-main-slider .content img {object-fit: cover; width: 100%; height: 100%;}

	.tHome #content {padding: 20px; margin: 0; overflow: hidden;}

	.mod-main-slider .content .summary h1 {width: auto; height: auto; line-height: 1.2em;}
	.tHome .sidebar-item {text-align: center;}

	.mod-about-us {box-sizing: border-box; float: none; width: 100%; height: auto; padding: 20px;}
	.mod-about-us .content-image {width: 210px;}
	.mod-about-us .content-text {width: calc(100% - 230px);}

	.tHome .mod-featured-post-list {float: none; padding: 20px 0; margin-bottom: 32px; }
	.tHome .mod-featured-post-list .featured-video,
	.tHome .mod-featured-post-list .post-list {padding: 5px 20px; margin-bottom: -1000px; padding-bottom: 1000px; width: 50%; box-sizing: border-box;;}
	.tHome .mod-featured-post-list .featured-video .summary img {display: block; width: 100%; height: 100%; object-fit: cover;}
	.tHome .mod-featured-post-list .post-list {float: left; width: 50%; padding-left: 20px;}
	.tHome .mod-featured-post-list .post-list .content-text {float: left; width: calc(100% - 120px);}

	/* homepage footer sidebar */
	.footer-sidebar-container {float: none; background: none;}

	.footer-sidebar-container.less-item {background: none;}
	.footer-sidebar-container .sidebar-item {box-sizing: border-box; float: left; width: 33%; margin: 0; padding: 20px 15px;}

	.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter span {float: none; display: block; width: 100%; padding-left: 0; background: none;}
	.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter .input {padding: 5px; width: 160px;}
	.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter .label-tooltip {text-indent: 0;}
	.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter .button-subscribe {float: none; display: block; width: 100px; margin: 0 auto;}

	/* Footer styles */
	#nav-site .contact-us {float: none; text-align: center;}

	#footer .copyright {float: none; padding: 0; text-align: center}
	#footer .company-logo {float: none; text-align: center;}

	/* Footer subnav styles */
	#nav-site .list, #nav-site .list * {box-sizing: border-box;}
	#nav-site .list {float: none; padding: 0; overflow: hidden; margin: 30px 0;}
	#nav-site .list li {padding: 0; width: 100%; line-height: 2em; padding: 0 20px 20px 20px; position: relative;}
	#nav-site .list li, #nav-site .list li h4 {float: none; text-align: center;}
	#nav-site .list li h4 {font-weight: 400; font-family: proxima_novasemibold;}
	#nav-site .list li li {font-size: 16px; line-height: 2em; padding: 0 20px;}

	#nav-site .list li ul {display: none;}
	#nav-site .list li.active ul {display: block;}

	.list .subnav-toggle {top: -1px;}
	.list li.active .subnav-toggle span {top: 6px;}
	.the-banner img {object-fit: cover; width: 100%; height: 100%;}

	.tblList {table-layout: auto;} /* ML Dec 27, 2018 */
	
	/* added for analytics report detail page - JM - Jul 31, 2019 */
	.donor-list-search:not(.general) {
		flex-direction: column;
		align-items: flex-start;
	}
	.donor-list-search:not(.general) div:not(:first-child) {
		padding-top: 10px;
	}
	.donor-list-search:not(.general) select#sel_filingStatus {
		width: 100%;
	}
	.donor-list-search:not(.general) select#sel_reportType { /* added for new executive dashboard - JM - Jan 13, 2020 */
		max-width: 230px;
	}
	_:-ms-input-placeholder, :root .donor-list-search:not(.general) select:last-child {
		margin-right: 0;
	}
	
	/* added for Digital Toolkit landing page - JM - Apr 13, 2022 */
	.dash-icon a.digital-print {padding-top: 115px; padding-bottom: 35px;}
}

@media screen and (max-width:800px) {
	/* added for new executive dashboard - JM - Jan 13, 2020 */
	.report-executive .donor-list-search {
		display: inline-block;
	}
	.report-executive .donor-list-search-row,
	.report-executive .donor-list-search-col,
	.report-executive .donor-list-search-col-inner {
		display: block;
		width: 100%;
	}
	.report-executive .donor-list-search-col {
		padding-top: 0 !important;
		border-top: 2px solid #DEE8E9;
	}
	.report-executive .donor-list-search-col:first-child {
		border-top: 0;
	}
	.report-executive .donor-list-search-col-inner {
		margin: 0;
	}
	.report-executive .donor-list-search select#sel_reportType {
		max-width: none;
		width: 90%;
	}
}

@media screen and (max-width:791px) {
	/* added for Digital Toolkit landing page - JM - Apr 13, 2022 */
	.dash-icon a.digital-print {padding-top: 100px; padding-bottom: 20px;}
}

@media screen and (max-width:723px) {
	.tHome .mod-featured-post-list .featured-video,
	.tHome .mod-featured-post-list .post-list {width: 100%; float: none; border-left: none;}

	.tHome .mod-featured-post-list .post-list {float: none;}
	.tHome .mod-featured-post-list .post-list .content-text {float: left;}

	.footer-sidebar-container .sidebar-item {float: none; width: 100%; border-top: 1px solid #EDEDED;;}
	.footer-sidebar-container .sidebar-item:first-child {border-top: none;}
	.footer-sidebar-container .sidebar-follow-us .subscribe-newsletter {border-top: none;}

	/* Submit Returning Student */
	.student-list-item {padding: 30px 10px; width: calc(50% - 10px); float: none; display: inline-block;}
	.student-list-item:nth-child(odd) {margin: 0 10px 20px 0;}
	.student-list-item:nth-child(even) {margin: 0 0 20px 5px;}

	.tblList tr th {background: #35465D; padding: 20px 10px !important; color: #fff; border-left: 1px solid #4B5A6E;}
	.tblList tr td {text-align: left; border-bottom: none; padding: 10px !important;}

	.scholarship-dash-list li {width: calc(50% - (15px)); margin: 0 15px 15px 0;}
	.scholarship-dash-list li:nth-child(3n) {margin-right: 15px;}
	.scholarship-dash-list li:nth-child(even) {margin-right: 0;}
	.scholarship-dash-list .dash-icon a {min-height: 200px; padding-bottom: 0px;}

	.school-list li {width: calc((100% / 2) - (20px / 2)); min-height: 210px;}
	.school-list li:nth-child(3n) {margin-right: 20px;}
	.school-list li:nth-child(even) {margin-right: 0;}

	#frmTaxCredit #sel_school {width: 100%;} /* added for tax contribution form - JM - Oct 15, 2018 */
	
	/* added for donor list page - JM - Sep 2, 2019 */
	.donor-list-search.general {
		flex-direction: column;
		align-items: flex-start;
	}
	.donor-list-search.general div:not(:first-child) {
		padding-top: 10px;
	}
	.donor-list-search.general div > span {
		display: block;
	}
	.donor-list-search.general select, .donor-list-search.general div:last-child select {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* added for analytics report detail page - JM - Jul 31, 2019 */
	/* added for new executive dashboard - JM - Jan 13, 2020 */
	_:-ms-input-placeholder, :root .donor-list-search select#sel_filingStatus,
	_:-ms-input-placeholder, :root .donor-list-search select#sel_reportType {
		max-width: 400px;
	}
	
	.donor-list-button button {width: 100%;}
	.donor-list-button #btnExport {margin-right: 0;}
	.donor-list-button #btnReturn {margin-top: 10px;}
	
	.report-title-container .contribution-title {display: block; margin-top: 0;}
	.report-title-container .report-button {display: block; text-align: left; width: 100%;}
	.report-title-container .report-button #btnExport {margin-right: 0;}
	.report-title-container .report-button #btnReturn {float: none; margin-top: 10px;}
	
	.report-analytics-container, .donor-list-container {
		overflow-x: hidden;
	}
	
	/* force table to not be like tables anymore */
	.tblList.apply-mobile-table,
	.data-table.apply-mobile-table {
		display: inline;
	}
	
	.tblList.apply-mobile-table thead, .tblList.apply-mobile-table tbody, .tblList.apply-mobile-table tr,
	.tblList.apply-mobile-table th, .tblList.apply-mobile-table td,
	.data-table.apply-mobile-table thead, .data-table.apply-mobile-table tbody, .data-table.apply-mobile-table tr,
	.data-table.apply-mobile-table th, .data-table.apply-mobile-table td {
		display: block;
	}
	
	/* hide table headers (but not display: none; for accessibility) */
	.tblList.apply-mobile-table thead tr:not(.contribution-title):not(.title),
	.data-table.apply-mobile-table thead tr:not(.contribution-title):not(.title) {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tblList.apply-mobile-table td,
	.data-table.apply-mobile-table td {
		/* behave like a row */
		position: relative;
		padding: 0 0 5px 0 !important;
	}
	
	.tblList.apply-mobile-table tbody tr:nth-child(even) td,
	.data-table.apply-mobile-table tbody tr:nth-child(even) td {
		background: #F8F9FF;
	}
	
	.tblList.apply-mobile-table tbody tr:nth-child(even):hover td,
	.data-table.apply-mobile-table tbody tr:nth-child(even):hover td {
		background: #ffc;
	}
	
	.tblList.apply-mobile-table td:first-child,
	.data-table.apply-mobile-table td:first-child {
		padding-top: 20px !important; 
	}
	
	.tblList.apply-mobile-table:not(#tblList_reportExecutive) tbody tr:first-child td,
	.data-table.apply-mobile-table:not(#tblList_reportExecutive) tbody tr:first-child td {
		padding-top: 0 !important; 
	}
	
	.tblList.apply-mobile-table td:last-child,
	.data-table.apply-mobile-table td:last-child {
		border-bottom: 1px solid #4B5A6E;
	}
	
	.tblList.apply-mobile-table td:before,
	.data-table.apply-mobile-table td:before {
		width: 100%;
		white-space: nowrap;
		display: block;
		font-weight: bold;
	}
	
	.tblList.apply-mobile-table td:empty:after,
	.data-table.apply-mobile-table td:empty:after {
		content: "-";
	}
	
	/* label the data */
	.tblList.report-analytics td:nth-of-type(1):before  { content: "Last/Org Name"; }
	.tblList.report-analytics td:nth-of-type(2):before  { content: "First Name"; }
	.tblList.report-analytics td:nth-of-type(3):before  { content: "Spouse Last"; }
	.tblList.report-analytics td:nth-of-type(4):before  { content: "Spouse First"; }
	.tblList.report-analytics td:nth-of-type(5):before  { content: "Email"; }
	.tblList.report-analytics td:nth-of-type(6):before  { content: "Taxpayer Filing Status"; }
	.tblList.report-analytics td:nth-of-type(7):before  { content: "Entity Type"; }
	.tblList.report-analytics td:nth-of-type(8):before  { content: "Last Contribution Amount"; }
	.tblList.report-analytics td:nth-of-type(9):before { content: "Last Contribution Date"; }
	.tblList.report-analytics td:nth-of-type(10):before { content: "Total Years Participated"; }
	.tblList.report-analytics td:nth-of-type(11):before { content: "Cumulative Total Contributed"; }
	
	.tblList.donor-list-table td:nth-of-type(1):before  { content: "Taxpayer Name & Email"; }
	.tblList.donor-list-table td:nth-of-type(2):before  { content: "Amount Requested"; }
	.tblList.donor-list-table td:nth-of-type(3):before  { content: "Amount Approved"; }
	.tblList.donor-list-table td:nth-of-type(4):before  { content: "Amount Paid"; }
	.tblList.donor-list-table td:nth-of-type(5):before  { content: "Date Received"; }
	.tblList.donor-list-table td:nth-of-type(6):before  { content: "Due Date"; }
	
	.tblList.report-executive-award-stat tr:not(.total-row) td:nth-of-type(1):before { content: "Adjusted AGI"; }
	.tblList.report-executive-award-stat td:nth-of-type(2):before { content: "# of Scholarships"; }
	.tblList.report-executive-award-stat td:nth-of-type(3):before { content: "Avg. Award"; }
	.tblList.report-executive-award-stat td:nth-of-type(4):before { content: "Total Awards Paid"; }
	.tblList.report-executive-award-stat td:nth-of-type(5):before { content: "% of Award Amount by Income Level"; }
	
	.tblList.report-executive-total.race     tr:not(.total-row) td:nth-of-type(1):before,
	.tblList.report-executive-average.race   tr:not(.total-row) td:nth-of-type(1):before { content: "Race/Ethnicity"; }
	
	.tblList.report-executive-total.region   tr:not(.total-row) td:nth-of-type(1):before,
	.tblList.report-executive-average.region tr:not(.total-row) td:nth-of-type(1):before { content: "Region"; }
	
	.tblList.report-executive-total.gender   tr:not(.total-row) td:nth-of-type(1):before,
	.tblList.report-executive-average.gender tr:not(.total-row) td:nth-of-type(1):before { content: "Gender"; }
	
	.tblList.report-executive-total td:nth-of-type(2):before   { content: "Total # Students"; }
	.tblList.report-executive-total td:nth-of-type(3):before   { content: "# Count Awards"; }
	.tblList.report-executive-total td:nth-of-type(4):before   { content: "Combined Total Awards"; }
	
	.tblList.report-executive-average td:nth-of-type(2):before { content: "Scholarship Awards Percent Count"; }
	.tblList.report-executive-average td:nth-of-type(3):before { content: "Scholarship Awards Percent Amount"; }
}

@media screen and (max-width:679px) {
	/* Digital Toolkit - JM - Mar 24, 2022 */
	.box-item-container .box-item {
		grid-template-rows: auto auto 1fr;
	}
}
	
@media screen and (max-width:540px) {
	/* withdrawal page */
	.status-fields input.withdrawn {
		width: 250px;
		display: block;
		margin: 0 0 3px 18px !important;
	}
	.status-fields input.withdrawn + br {
		display: none;
	}
	
	/* added for analytics report page - JM - Jul 31, 2019 */
	_:-ms-input-placeholder, :root .cont-report-list .dash-icon a.report-dash {
		padding-left: 10px;
	}
	_:-ms-input-placeholder, :root .cont-report-list .dash-icon a.report-dash span {
		font-size: 18px;
	}
	
	
	/* added for contribute.asp - JM - Nov 2, 2022 */
	ul.pay-online li {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto;
		column-gap: 0;
		row-gap: 10px;
		justify-items: stretch;
		align-items: start;
		justify-content: stretch;
		align-content: start;
	}
	
	ul.pay-online li#liDOR div.white-space {
		display: none;
	}
	
	ul.pay-online li#liDOR div:nth-child(1) {
		margin-bottom: 10px;
	}
	
	ul.pay-online li div:nth-child(2):not(.help-dialog-text):not(.input-icon) {
		margin-bottom: 10px;
	}
	
	ul.pay-online li div input[name^="ItemCost_"],
	ul.pay-online li div input[name="txtTotalCost"] {
		width: calc(100% - 27px) !important;
	}
	
	.post-content.pay-online .validation-msg[for^="ItemCost_"],
	.post-content.pay-online .validation-msg[for="txtTotalCost"] {
		width: auto !important;
	}
}

@media screen and (max-width:514px) {
	/* added for Digital Toolkit landing page - JM - Apr 13, 2022 */
	.dash-icon a.digital-print {padding-top: 103px; font-size: 19px;}
}

@media screen and (max-width:499px) {
	/* added for Digital Toolkit landing page - JM - Apr 13, 2022 */
	.dash-icon a.digital-print {padding-top: 106px; font-size: 18px;}
}

@media screen and (max-width:483px) {
	/* added for Digital Toolkit landing page - JM - Apr 13, 2022 */
	.dash-icon a.digital-print {padding-top: 109px; font-size: 17px;}
}

@media screen and (max-width:480px) {
	/* Homepage slider modifications */
	.mod-main-slider .content .summary h1 {font-size: 18px !important; padding-right: 100px;}
	.mod-main-slider .content .summary {height: 80px;}
	.mod-about-us .content-image {float: none; width: 100%; text-align: center;}
	.mod-about-us .content-image img {display: inline;}
	.mod-about-us .content-text {float: none; width: 100%; margin: 20px 20px 0 0;}

	/* board of directors */
	.tBoard .one-article-container tr td:first-child img {width: 105px; height: auto;}
	.tBoard .one-article-container tr td:nth-child(2) p:first-child strong {font-size: 16px; padding-right: 5px;}
	.tBoard .one-article-container tr td:nth-child(2) p:first-child i {display: block; padding-left: 0;}
	.tBoard .one-article-container tr td:nth-child(2) p {padding-left: 10px;}

	.student-list-search p span {display: block;}
	.student-list-search p input[type=text] {width: calc(100% - 134px) !important;}
	.student-list-search p input.btn-util {}

	.student-list-item {padding: 30px 10px; width: 100%; float: none;}
	.student-list-item:nth-child(odd) {margin: 0 0 20px 0;}
	.student-list-item:nth-child(even) {margin: 0 0 20px 0;}
	
	.student-list-button .btn-util { /* added for buttons below student list - JM - Oct 12, 2017 */
		width: 100%;
		display: block;
		white-space: normal; /* wrap button text */
		margin: 0 0 5px 0;
	}
	
	.cont-dash-list li,
	.email-dash-list li,
	.scholarship-dash-list li,
	.withdraw-dash-list li,
	.digital-dash-list li {
		width: 100%;
		float: left;
		margin-right: 0;
	}
	.dash-icon a {padding: 20px 20px 20px 100px; background: transparent 20px 50% no-repeat;}
	.email-dash-list .dash-icon a {background-position: 0 60%;}
	.scholarship-dash-list .dash-icon a {min-height: auto; padding: 20px 20px 20px 100px; background-position: 0 60%;}
	.withdraw-dash-list .dash-icon a {min-height: auto; padding: 20px 20px 20px 100px; background-position: 0 60%;}
	
	/* added for analytics report page - JM - Jul 31, 2019 */
	.dash-icon a.cont-analytics {
		background-position: 46px 50%;
	}
	.cont-report-list li {
		flex-direction: column;
		align-items: flex-start;
	}
	_:-ms-input-placeholder, :root .cont-report-list li {
		display: block;
	}
	.cont-report-list .dash-icon {
		padding: 0 20px 20px 20px;
	}
	_:-ms-input-placeholder, :root .cont-report-list .dash-icon img.report-icon {
		display: inline;
		vertical-align: middle;
		float: left;
		margin-right: 10px;
	}
	.cont-report-list .dash-icon a.report-dash {
		border-left: 0;
		background-position: left center;
		padding: 20px 0;
	}
	_:-ms-input-placeholder, :root .cont-report-list .dash-icon a.report-dash {
		background: none;
	}
	.cont-report-list .dash-icon a.report-dash span {
		padding: 0 0 0 52px;
	}
	_:-ms-input-placeholder, :root .cont-report-list .dash-icon a.report-dash span {
		padding: 0;
		text-align: left;
	}
	.cont-report-list .report-description {
		text-align: justify;
		padding-bottom: 10px;
	}
	
	/* added for Digital Toolkit landing page - JM - Apr 13, 2022 */
	.dash-icon a.digital-print {padding: 20px 20px 20px 100px; font-size: 20px; word-spacing: 500px;}
	.dash-icon a.digital-video {padding: 30px 20px 30px 100px; background-position: 20px 50%;}
	
	/* added for analytics report detail and donor list page - JM - Jul 31, 2019 */
	/* added for new executive dashboard - JM - Jan 13, 2020 */
	_:-ms-input-placeholder, :root .donor-list-search select#sel_filingStatus,
	_:-ms-input-placeholder, :root .donor-list-search select#sel_appStatus,
	_:-ms-input-placeholder, :root .donor-list-search select#sel_reportType {
		max-width: 300px;
	}

	.school-list li {width: 100%; min-height: 152px; margin: 0 0 20px 0;}

/*	.school-list li span, .school-list li a {width: calc(100% - 160px); padding: 10px 10px 10px 0; right: 0;}
	.school-list li span {top: 60%; bottom: auto;}
	.school-list li a {bottom: 25%;}
	.school-list li a.school-logo {left: 0; width: 160px; bottom: 0; top: 0;}*/

	.school-list li span, .school-list li a {position: relative; width: 100%; padding: 0 10px 0 160px;}
	.school-list-content {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
	.school-list li span {bottom: auto;}
	.school-list li a {bottom: auto;}

	.school-list li a.school-logo {position: absolute; padding: 0; width: 160px; left: 0; width: 160px; bottom: 0; top: 0;}

	.school-list li a.school-logo > img {position: absolute; max-height: 82px; max-width: 140px; width: auto; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
	.post-content .tblForm input {width: 100%;}
	.post-content .tblForm .error + .validation-msg {width: 100%;}

	.help-dialog {position: initial;}
	.help-dialog.corp {text-align: left; display: inline; margin: 0; padding: 2px;} /* adding for C Corp - JM - Nov 17, 2021 */
	.help-dialog .help-dialog-text {width: auto; top: auto; left: 0; right: 0; margin: 10px;}
	.help-dialog.corp .help-dialog-text {top: auto; text-align: center;} /* adding for C Corp - JM - Nov 17, 2021 */
	
	.post-content.pay-online .validation-msg {
		width: auto !important;
	}
}

@media screen and (max-width:380px) {
	#header {padding-top: 96px;}
	#brand img {width: 200px;}
	
	.nav-toggle {padding: 57px 0 0 0; height: 96px;}
	.nav-toggle:after {top: 25px;}
	.mobile-nav .nav-toggle:after {top: 20px;}
	
	/* added for analytics report page - JM - Jul 31, 2019 */
	_:-ms-input-placeholder, :root .cont-report-list .dash-icon a.report-dash {
		background-position: 10% center;
	}
	
	/* added for analytics report detail and donor list page - JM - Jul 31, 2019 */
	.donor-list-button .btn-util {
		font-size: 12px;
	}
	/* added for new executive dashboard - JM - Jan 13, 2020 */
	_:-ms-input-placeholder, :root .donor-list-search select#sel_filingStatus,
	_:-ms-input-placeholder, :root .donor-list-search select#sel_appStatus,
	_:-ms-input-placeholder, :root .donor-list-search select#sel_reportType {
		max-width: 250px;
	}
	
	/* Digital Toolkit - JM - Mar 24, 2022 */
	.box-item-container .box-item .box-item-image img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:335px) {
	div.button-bg {
		row-gap: 30px;
		flex-direction: column-reverse;
	}
}

/* Microsoft Edge */
@supports (-ms-ime-align:auto) {
	/* student status update page */
	.status-fields-group-2 .graduated.other {
		margin-left: 15px;
	}
	
	/* added for analytics report detail page - JM - Jul 31, 2019 */
	.donor-list-search:not(.general) {
		justify-content: center;
	}
	.donor-list-search:not(.general) select:last-child {
		margin-right: 15px;
	}
	
	@media screen and (max-width: 939px) {
		.donor-list-search:not(.general) select:last-child {
			margin-right: 0;
		}
	}
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* Digital Toolkit - JM - Mar 24, 2022 */
	.box-item-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
	}
	
	.box-item-container .box-item {
		align-self: stretch;
		border: 3px solid #C0C0C0;
		margin-right: 5px;
		margin-bottom: 32px;
		
		max-width: 300px;
	}
	
	/* select last two items */
	.box-item-container .box-item:nth-last-of-type(-n+2) {
		margin-bottom: 0;
	}
	
	.box-item-container .box-item .box-item-share {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
	}
	
	.box-item-container .box-item .box-item-share div {
		margin-right: 5px;
	}
	
	.box-item-container .box-item .box-item-share div:last-child {
		margin-right: 0;
	}
}

/*
	https://refresh-sf.com/ doesn't support #00000029 (
		.box-item-container .box-item
		.help-dialog-text.pay-online
	)
	Replace it manually after minimized!
*/