/*-- page manager --*/
body.pg-pgmgr #form.pm-content #courses { margin-top: 0; }
body.pg-pgmgr #form.pm-content .fields .field-content { padding-top: 13px; padding-bottom: 13px; }
body.pg-pgmgr #form.pm-content .pm-webpage .btn-color:not(.ignore-styles) { display: inline-block; margin: 0 3px; padding: 15px 20px; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage ol { margin-top: 0.4rem; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage ul { margin-top: 0.4rem; list-style-type: disc; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage ul.pm-wplinks { margin: 0; padding: 0; list-style: none; }
#form .side-content .pm-webpage ul.pm-wplinks,
body.pg-pgmgr #form.pm-content .side-content .pm-webpage ul.pm-wplinks { margin-top: 5px; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage ol ul { margin-top: 0; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage ul ul { margin-top: 0; list-style-type: circle; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage ul ul ul { list-style-type: square; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage ol li,
body.pg-pgmgr #form.pm-content .fields .pm-webpage ul li { padding: 0.1rem 0; }
body.pg-pgmgr #form.pm-content .pm-webpage.with-list ol { margin-top: 0.4rem; margin-left: 2.5rem; }
body.pg-pgmgr #form.pm-content .pm-webpage.with-list ul { margin-top: 0.4rem; margin-left: 2.5rem; list-style-type: disc; }
body.pg-pgmgr #form.pm-content .pm-webpage.with-list2 > ul { margin-top: 1.0rem; margin-left: 1.5rem; }
body.pg-pgmgr #form.pm-content .pm-webpage.with-list ul ul { list-style-type: circle; }
body.pg-pgmgr #form.pm-content .pm-webpage.with-list ul ul ul { list-style-type: square; }
body.pg-pgmgr #form.pm-content h3.pm-webpage-title { font-weight: 400; color: #333; }
body.pg-pgmgr #form.pm-content h3.pm-webpage-title:not(.inherit-size) { font-size: 30px; }
body.pg-pgmgr #form.pm-content h3.pm-webpage-title.small { font-size: 23px; }
body.pg-pgmgr #form.pm-content .webpage-policy h2.pm-webpage-title { padding-bottom: 2px; font-size: 24px; font-weight: 400; }
body.pg-pgmgr #form.pm-content .webpage-policy h2.pm-webpage-title .fa { margin-right: 8px; }
/*** TODO: Page manager works on all pages now... so lets figure that out */
#wrapper .pm-webpage.webpage-policy h2.pm-webpage-title { padding-bottom: 2px; font-size: 24px; font-weight: 400; }
#wrapper .pm-webpage.webpage-policy h2.pm-webpage-title .fa { margin-right: 8px; }
body.pg-pgmgr #form.pm-content .pm-webpage-title + .pm-webpage-content > h2:first-child,
body.pg-pgmgr #form.pm-content .pm-webpage-title + .pm-webpage-content > h3:first-child,
body.pg-pgmgr #form.pm-content .pm-webpage-title + .pm-webpage-content > h4:first-child,
body.pg-pgmgr #form.pm-content .pm-webpage-title + .pm-webpage-content > h5:first-child { margin-top: 10px; }
body.pg-pgmgr #form.pm-content .pm-webpage-content img { max-width: 100%; }
body.pg-pgmgr #form.pm-content .pm-webpage-content p img { width: 100%; margin-top: 0.25rem; border: none; border-radius: 5px; }
body.pg-pgmgr #form.pm-content .pm-webpage-content a i.extlink { margin-left: 7px; }
body.pg-pgmgr #form.pm-content .pm-webpage-readmore { margin: 1em 0; font-weight: 600; }
body.pg-pgmgr #form.pm-content .pm-webpage-readmore a i.fa { margin-left: 8px; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage-content h2 { padding: 0; font-size: 28px; font-weight: 400; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage-content h3 { padding: 0; font-size: 26px; font-weight: 400; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage-content h4 { padding: 0; font-size: 24px; font-weight: 400; }
body.pg-pgmgr #form.pm-content .fields .pm-webpage-content h5 { padding: 0; font-size: 22px; font-weight: 400; }
body.pg-pgmgr #form.pm-content .side .pm-webpage-title { font-weight: 400; }
body.pg-pgmgr #form.pm-content .side h1.pm-webpage-title { font-size: 34px; }
body.pg-pgmgr #form.pm-content .side h2.pm-webpage-title { font-size: 30px; }
body.pg-pgmgr #form.pm-content .side h4.pm-webpage-title { font-size: 20px; }
body.pg-pgmgr #form.pm-content .side .course-side-bottom h4.pm-webpage-title { font-size: 18px; }
body.pg-pgmgr #form.pm-content .side h5.pm-webpage-title { font-size: 100%; font-weight: 700; }
body.pg-pgmgr .link-main-title,
body.pg-pgmgr .link-style-title { margin: 2rem 0 0 0; padding: 0 0 0.625rem 0; font-size: 32px; line-height: 1.0; font-weight: 300; border-bottom: 2px solid #ccc; }
body.pg-pgmgr .link-style-title.no-border { border-bottom: none; }
body.pg-pgmgr .link-style-title:first-child { margin-top: 0; }
body.pg-pgmgr .link-style-content hr { clear: both; height: 2px; margin: 1.25rem 0; padding: 0; border: none; background: #ccc; }
body.pg-pgmgr .link-style-content blockquote { margin: 1.25rem 0; padding: 1.25rem 0; border: 2px solid #ddd; border-left: none; border-right: none; }
body.pg-pgmgr .link-style-content a i.extlink { margin-left: 7px; }
body.pg-pgmgr .link-style-badge { display: flex; flex-flow: row nowrap; justify-content: center; align-items: start; gap: 2rem; }
body.pg-pgmgr .link-style-badge-image { flex: 0 1 400px; display: block; }
body.pg-pgmgr .link-style-badge-image img { max-width: 100%; border: none; }
body.pg-pgmgr .link-style-badge-image:hover img { border: none; }
body.pg-pgmgr .link-style-badge-text { flex: 1 1 auto; }
body.pg-pgmgr .link-style-badge-text p:first-child { margin-top: 0.5rem; }
body.pg-pgmgr .link-style-badge-text ul { margin-bottom: 1.3rem; padding-left: 20px; }
body.pg-pgmgr .link-style-badge-text ul li { padding-bottom: 2px; }
/*-- pg-error --*/
body.pg-error #main-content .webpage-content h4 { margin: 5px 0 8px 0; padding: 0; font-size: 20px; font-weight: 400; }
body.pg-error #main-content .error-details { display: block; }
body.pg-error #main-content .error-details dl { display: block; margin: 0; padding: 0; list-style: none; }
body.pg-error #main-content .error-details dt { float: left; clear: left; display: inline; width: 10%; margin: 0 0 5px 0; padding: 0; font-weight: 700; }
body.pg-error #main-content .error-details dd { float: right; clear: right; display: inline; width: 87%; margin: 0 0 5px 0; padding: 0; }
/*-- pg-common --*/
body.pg-common #text h1 { margin: 10px 0; font-size: 44px; }
body.pg-common #text .content { float: left; clear: left; display: inline; width: 800px; }
body.pg-common #text .full-content { float: none; clear: both; display: block; width: auto; }
body.pg-common #text .content .content-text { min-height: 100px; padding: 24px 30px; background-color: #fff; box-shadow: 0 0 2px rgba(37,51,60,0.35); }
html[data-useragent*='MSIE'] body.pg-common #text .content .content-text { box-shadow: 0.5px 0 3px rgba(37,51,60,0.5); }
html[data-useragent*='rv:11.0'] body.pg-common #text .content .content-text { box-shadow: 0.5px 0 3px rgba(37,51,60,0.5); }
body.pg-common #text .content .content-text .webpage-policy { margin-bottom: 30px; }
body.pg-common #text .content .content-text .webpage-policy:last-child { margin-bottom: 10px; }
body.pg-common #text .content .content-text h2 { font-size: 22px; }
body.pg-common #text .content .content-text h2 i.fa { margin-right: 8px; }
body.pg-common #text .content .content-text .webpage-policy h2.webpage-title { padding-bottom: 2px; font-size: 24px; font-weight: 400; }
body.pg-common #text .content .content-text h4 { margin: 20px 0 0 0; font-size: 20px; }
body.pg-common #text .content .content-text h4:first-child { margin-top: 0; }
body.pg-common #text .content .content-text p:first-child { margin-top: 0; }
body.pg-common #text .content .content-text p:last-child { margin-bottom: 0; }
body.pg-common #text .content .content-text table td { padding-top: 3px; vertical-align: top; }
body.pg-common #text .content .content-text li { padding-bottom: 2px; }
body.pg-common #text .content .content-text li ul { margin-top: 2px; margin-bottom: 2px; }
body.pg-common #text .content .content-text li li { padding-top: 2px; padding-bottom: 0; }
body.pg-common #text .side { position: relative; float: right; clear: right; display: inline; width: 330px; }
body.pg-common #text .side-main { width: 330px; min-height: 100px; background: #fff url(/common/images/sidebar_header1.png) no-repeat center -55px; background-size: contain; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.25); }
html[data-useragent*='MSIE'] body.pg-common #text .side-main { box-shadow: 0 0 5px rgba(0,0,0,0.25); }
html[data-useragent*='rv:11.0'] body.pg-common #text .side-main { box-shadow: 0 0 5px rgba(0,0,0,0.25); }
body.pg-common #text .side-main.absolute { position: absolute; }
body.pg-common #text .side-main.fixed { position: fixed; }
html.mod-csspositionsticky body.pg-common #text { position: relative; }
html.mod-csspositionsticky body.pg-common #text .side { position: sticky; top: 78px; }
html.mod-csspositionsticky body.pg-common #text .side-main.absolute { position: static; }
html.mod-csspositionsticky body.pg-common #text .side-main.fixed { position: static; }
body.pg-common #text .side-content { display: block; padding: 18px 20px 20px 20px; }
body.pg-common #text .side-content h3 { font-size: 24px; font-weight: 400; }
body.pg-common #text .side-content > h3:first-child,
body.pg-common #text .side-content > .webpage:first-child > h3:first-child { margin: -18px -20px -1px -20px; padding: 18px 20px 4px 20px; color: #fff; background: url(/common/images/sidebar_header1b.png) no-repeat center top; background-size: cover; border-radius: 3px 3px 0 0; }
body.pg-common #text .side-content > h3.multiline:first-child,
body.pg-common #text .side-content > .webpage:first-child > h3.multiline:first-child { padding-top: 6px; }
body.pg-common #text .side-content > p:last-child { margin-bottom: 0; }
body.pg-common #text .side-content ul { margin: 15px 0 0 0; padding: 0; list-style: none; }
body.pg-common #text .side-content ul li { margin: 0; padding: 2px 0; }
body.pg-common #text .side-content ul li i.fa { float: left; clear: left; display: inline; margin: 4px 7px 3px 0; color: #777; }
body.pg-common #text .side-content ul li i.fa.status-sel { margin-top: 5px; color: #177d0c; }
body.pg-common #text .side-content ul li a.sel { font-weight: 700; }
/*-- pg-early-access --*/
body.pg-early-access #form .webpage-error h4.webpage-title { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 22px; font-weight: 400; border-bottom: 1px solid #dcdedf; }
body.pg-early-access #form .webpage-error .webpage-content p { margin-top: 0; }
body.pg-early-access #form .passkey-content ul.fieldset li h4.webpage-title { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 22px; }
body.pg-early-access #form .passkey-content ul.fieldset li .webpage-content p { margin-top: 0; }
body.pg-early-access #form .passkey-content ul.fieldset li .field-inline .btn-color { width: 100%; padding: 11px 0; }
/*-- pg-verify-cert --*/
body.pg-verify-cert #form .search .webpage-notice h4 { margin-bottom: 10px; font-size: 22px; }
body.pg-verify-cert #form .search ul.fieldset li .field-inline .btn-color { width: 100%; padding: 11px 0; }
body.pg-verify-cert #form ul.resultset li .item-number { width: 125px; }
body.pg-verify-cert #form ul.resultset li .item-member { width: 220px; }
body.pg-verify-cert #form ul.resultset li .item-course { width: 200px; margin-left: 15px; }
body.pg-verify-cert #form ul.resultset li .item-date { width: 200px; margin-left: 15px; }
body.pg-verify-cert #form ul.resultset li .item-status { width: 105px; margin-left: 15px; text-align: center; }

@media only screen and (min-width: 1006px) and (max-width: 1236px) {
	/*-- pg-common --*/
	body.pg-common #text h1 { font-size: 39px; }
	body.pg-common #text .content { width: 650px; }
	body.pg-common #text .side { width: 270px; }
	body.pg-common #text .side-main { width: 270px; background-position: center -42px; }
	/*-- pg-verify-cert --*/
	body.pg-verify-cert #form ul.resultset li .item-icon { display: none; }
	body.pg-verify-cert #form ul.resultset li .item-number { width: 115px; }
	body.pg-verify-cert #form ul.resultset li .item-member { width: 160px; }
	body.pg-verify-cert #form ul.resultset li .item-course { width: 170px; }
	body.pg-verify-cert #form ul.resultset li .item-date { width: 170px; }
	body.pg-verify-cert #form ul.resultset li .item-status { width: 95px; }
}

@media only screen and (max-width: 1006px) {
	/*-- pg-common --*/
	body.pg-common #text h1 { font-size: 36px; }
	body.pg-common #text .content { float: none; clear: both; display: block; width: 650px; }
	body.pg-common #text .side { top: 0 !important; left: 0 !important; float: none; clear: both; display: block; width: 650px; margin-top: 25px; }
	body.pg-common #text .side-main { width: 650px; background-position: center -130px; }
	body.pg-common #text .side-main.absolute { position: static; }
	body.pg-common #text .side-main.fixed { position: static; }
	body.pg-common #text .side-content { padding: 18px 30px 25px 30px; }
	body.pg-common #text .side-content > h3:first-child,
	body.pg-common #text .side-content > .webpage:first-child > h3:first-child { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; background-position: center 18%; }
	/*-- pg-verify-cert --*/
	body.pg-verify-cert #form ul.resultset li .item-icon { display: none; }
	body.pg-verify-cert #form ul.resultset li .item-number { width: 115px; }
	body.pg-verify-cert #form ul.resultset li .item-member { width: 160px; }
	body.pg-verify-cert #form ul.resultset li .item-course { width: 170px; }
	body.pg-verify-cert #form ul.resultset li .item-date { width: 170px; }
	body.pg-verify-cert #form ul.resultset li .item-status { width: 95px; }
}

@media only screen and (max-width: 719px) {
	/*-- pg-common --*/
	body.pg-common #text .content { width: 470px; }
	body.pg-common #text .side { width: 470px; }
	body.pg-common #text .side-main { width: 470px; }
	/*-- pg-verify-cert --*/
	body.pg-verify-cert #form ul.resultset li .item-icon { display: inline-block; }
	body.pg-verify-cert #form ul.resultset li .item-number { width: 135px; }
	body.pg-verify-cert #form ul.resultset li .item-member { width: 215px; }
	body.pg-verify-cert #form ul.resultset li .item-course { width: 170px; }
	body.pg-verify-cert #form ul.resultset li .item-date { width: 135px; margin-left: 40px; font-size: 90%; }
	body.pg-verify-cert #form ul.resultset li .item-status { width: 215px; margin-left: 0; font-size: 90%; text-align: left; }
}

@media only screen and (max-width: 640px) {
	body.pg-pgmgr .link-style-badge { flex-wrap: wrap; gap: 1rem; }
	body.pg-pgmgr .link-style-badge-image { flex-basis: 300px; }
}

@media print {
	body.pg-common #text .side-main { position: relative !important; top: 0 !important; background: none; }
	body.pg-common #text .side-content h3 { padding-bottom: 0 !important; color: #333 !important; }
}