.page .logo {
    background-image:url('/Codeshare/Images/Logos/logo-fi-white-400.png');
    background-repeat:no-repeat;
    height:60px;
    background-size:contain;
    margin:12px 0px;
    width:300px;
}

.printonly {
    display:none !important;
}

a, a:visited {
    font-weight: bold;
    color: #0f487b;
    text-decoration: none;
}

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

.text-red {
    color: firebrick;
}

text-bold {
    font-weight: bold;
}

strong {
    color: #0f487b;
}

a:hover {
    text-decoration: underline;
}

body > form {
	height: 100%;
}

.page {
    min-height: 100%;
    background-color: #ffffff;
	display: flex;
	flex-direction: column;
}

.page .footerBottom {
    background-color: #0f487b;
    padding: 20px 20px;
    font-family: 'Open Sans',Arial,sans-serif;
    font-weight: 500;
    line-height: 1.7em;
    font-size: 14px;
    color: #DDD;
}

.page > .topfooter {
    background-color: #5E8CB3;
    background-image: url('/Codeshare/images/publicSite/topBorder-white-65.png');
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 60px;
	padding-top: 0px;
}

.page > .topfooter > article {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    display: flex;
    padding-left:10px;
}

.page > .topfooter .box {
    background-color: #C0D2E0;
    color: #111;
    max-height: 350px;
    flex: 0 0 48%;
    margin-right: 1%;
    padding-top: 25px;
    padding-left: 40px;
}

.page > .topfooter .box > h1 {
    font-size: 1.1em;
    margin: 15px 0px;
    margin-bottom: 40px;
}

.page > .topfooter .box > h1:not(:first-of-type){
    margin-top:40px;
}

.page > .topfooter .box ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

.page > .topfooter .box > a {
    text-decoration: none;
    color: #254A77;
    font-weight: bold;
}

.page > .bodyFooter {
    background-color: #5E8CB3;
    background-image: url('/Codeshare/images/publicSite/topBorder-white-65.png');
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 60px;
	padding-top: 0px;
}

.page > .bodyFooter > article {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    display: flex;
    padding-left:10px;
}

.page > .bodyFooter .box {
    background-color: #C0D2E0;
    color: #111;
    max-height: 350px;
    margin-right: 1%;
    padding-top: 25px;
    padding-left: 40px;
}

.page > .bodyFooter .box .footer-block-text {
    font-size: 1.1em;
    margin: 15px 0px;
    margin-bottom: 40px;
	font-weight: bold;
}

.page > .bodyFooter .box > h1:not(:first-of-type){
    margin-top:40px;
}

.page > .bodyFooter .box ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

.page > .bodyFooter .box ul > li {
	margin-bottom: 5px;
}
.page > .bodyFooter .box > a {
    text-decoration: none;
    color: #254A77;
    font-weight: bold;
}

.page ul.links {
    list-style:none;
    padding:0px;
}

.page ul.links > li
{
    padding:6px;
}

.page ul.links > li a {
    text-decoration: none;
    font-size: 1.1em;
    position: relative;
    display: block;
    padding: 2px;
    padding-left:12px;
    font-weight: 600;
}

.page ul.links > li a.arrow{
    padding-left:35px;
}

.page ul.links > li > a.arrow::before {
    content: "";
    width: 18px;
    height: 18px;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 4px;
}

.page ul.links > li > a.arrow::before {
    background-image: url("/Codeshare/images/icons/glyph-arrow-right-blue.png");
}


.page ul.socialmedialinks > li {
    display: inline-block;
    margin-right: 10px;
}

.page ul.socialmedialinks > li > a {
    position: relative;
    background-color: #13467C;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.page ul.socialmedialinks > li > a::before {
    position: absolute;
    top: 1px;
    left: 1px;
    content: "";
    background-size:contain;
    width:28px;
    height:28px;
}

.page ul.socialmedialinks > li > a.facebook::before {
    background-image: url("/Codeshare/images/publicSite/smicon-facebook.png");
}

.page ul.socialmedialinks > li > a.twitter::before {
    background-image: url("/Codeshare/images/publicSite/smicon-twitter.png");
}

.page ul.socialmedialinks > li > a.youtube::before {
    background-image: url("/Codeshare/images/publicSite/smicon-youtube.png");
}

.page ul.socialmedialinks > li > a.linkedin::before {
    background-image: url("/Codeshare/images/publicSite/smicon-linkedin.png");
}

.page ul.socialmedialinks > li > a.glassdoor::before {
    background-image: url("/Codeshare/images/publicSite/smicon-glassdoor.png");
}


/* refactored above for ada work*/
.page > footer > .footerBottom > article {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1540px;
    padding-left: 30px;
}

.contentParagraph h3 {
    margin-left: 5px;
}

.page > header {
    background-color: #0f487b;
    height: 90px;
    position: relative;
}

.page > header > article {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
	padding-left:20px;
}

.page > header .logo {
    display:inline-block;
}

.page > header .logo img {
    margin: 15px 0px 10px 0px;
    height: 60px;
}

.page > header a.icon.home {
    position: absolute;
    right: 10px;
    top: 32px;
    text-decoration: none;
    color: #fff;
}

.page > header .icon.home img {
    margin: 5px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.page > header .icon.home span {
    padding: 6px;
    padding-left: 30px;
    display: inline-block;
    font-size: 0.9em;
}

.page > header .icon.home:hover span {
    text-decoration: underline;
}

.instructions {
    text-align: left;
    margin: 15px 60px;
    padding: 12px;
    color: firebrick;
    font-weight: bold;
    background-color: mistyrose;
}

main.public > header {
    background-color: #fff;
    border-bottom: 1px solid #CCC;
}

main.public > header > div {
    max-width: 1600px;
    position:relative;
    margin:auto;
    padding-left:10px;
}

main.public > header h2 {
    margin: 0px auto;
}

main.public > header nav {
    position:absolute;
    top:25px;
    right:10px;
    width:400px;
    text-align:right;

}

main.public > header nav > a {
    font-size:1.3em;
    font-weight:600;
}

main.public > header nav > div.menu {
    border: 1px solid #999;
    box-shadow: rgba(0,0,0,0.4) 0px 0px 5px;
    padding: 6px;
    margin: 0px;
    position: absolute;
    top: 50px;
    right: 0px;
    background-color:white;
}

main.public > header nav > div.menu > ul {
    list-style: none;
    margin: 5px 10px;
}

main.public > header nav > div.menu > ul a{
    display:block;
    padding:5px;
    font-weight:600;
    color:#333;
}

main.public > footer {
    background-color: #0F487B;
    text-align: center;
    padding: 15px 0px;
    position: fixed;
    bottom: 0px;
    z-index: 1111;
    width: 100%;
}

main.public > footer > a::before {
    content: "";
    width:22px;
    height:22px;
    background-size:contain;
    position:absolute;
    top:1px;
    left:0px;
}

main.public > footer > a {
    color: white;
    font-size: 1.25em;
    font-weight: 600;
    position:relative;
    padding-left:30px;
}

.showMobile {
    display:none;
}

h2.text-with-logo {
    position: relative;
    width: 100%;
    height: initial;
    vertical-align: top;
    margin: 0px;
    padding: 8px 0px;
    font-weight: 400;
    padding-bottom: 1px;
}

h2.text-with-logo > img {
    height:62px;
}

h2 {
    font-size: 24px;
}


h2.text-with-logo img {
    margin-right: 0.6em;
    display: inline-block;
}

img {
    border: 0px;
    padding: 0px;
}

h2.text-with-logo span {
    display: inline-block;
    border-left: 3px solid #15477B;
    padding-left: 0.6em;
    color: #15477B;
    margin-top: 17px;
    vertical-align: top;
}

/* BEGIN section copied for ada compliance - changing h2 to h1 but leaving previous code */
h1.text-with-logo {
    position: relative;
    width: 100%;
    height: initial;
    vertical-align: top;
    margin: 0px;
    padding: 8px 0px;
    font-weight: 400;
    padding-bottom: 1px;
}

h1.text-with-logo > img {
    height:62px;
}

h1 {
    font-size: 24px;
}


h1.text-with-logo img {
    margin-right: 0.6em;
    display: inline-block;
}


h1.text-with-logo span {
    display: inline-block;
    border-left: 3px solid #15477B;
    padding-left: 0.6em;
    color: #15477B;
    margin-top: 17px;
    vertical-align: top;
}
/* END section copied for ada compliance */

main.public {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    min-height:750px;
	flex: 1;
}

main.public > .contentBox {
    display: flex;
    max-width: 1600px;
    margin: 0px auto;
    padding-left:10px;
}

main.public > .contentBox .sidePanel {
    flex: 0 0 280px;
    vertical-align: top;
    padding-top: 10px;
}

main.public > .contentBox .main {
    padding-top: 15px;
    flex: auto;
}

main.public > article {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1600px;
    margin-bottom: 40px;
}

main.public article.publicsite {
    text-align: center;
    flex: auto;
}


main.public article.phs {
    width:auto;
    max-width: 1000px;
    background-color: #ffffff;
    margin-top: 10px;
    margin-bottom:40px;
	margin: 10px auto 40px auto;
}

main.public article.withAside > section,
main.public article.withAside > aside {
    display: inline-block;
    vertical-align:top;
    width:100%;
}


main.public article.phs > section > header h1,
main.public article.publicsite > section > header h1 {
    font-size: 2.0em;
    font-weight: 400;
    margin: 8px 0px;
}

main.public article.publicsite > section > header h2 {
    font-size: 1.75em;
    font-weight: 400;
    margin: 8px 0px;
}



main.public article.publicsite div.form,
main.public article.publicsite div.prelude,
main.public article.phs div.prelude,
main.public article.publicsite > footer {
    max-width: 1200px;
    margin: 20px auto;
}

main.public article.publicsite div.form.draft {
    background-image: url('/Codeshare/Images/corner-draft.png');
    background-repeat: no-repeat;
    background-position: right top;
}

main.public article.publicsite div.prelude.warning,
main.public article.phs div.prelude.warning {
    border: 1px solid #f7e6a8;
    background-color: #fcf9ed;
    border-radius: 5px;
}

main.public article.publicsite div.prelude p,
main.public article.phs div.prelude p {
    text-align: left;
    margin: 12px;
}

main.public article.publicsite div.form > header > h3 {
    padding: 1.0em;
    padding-bottom: 0px;
}

main.public article.publicsite div.form > div.message{
    text-align:center;
    max-width:650px;
    margin:0 auto;
}

main.public article.publicsite div.form p.footer {
    border: 1px #CCCCCC solid;
    background-color: rgba(255,255,255,0.5);
    padding: 1.0em;
    margin:0px;
}

main.public article.publicsite div.form p.footer > .buttons {
    display: block;
    border: 1px #CCCCCC solid;
    background-color: rgba(255,255,255,0.5);
    margin:0.5em;
    margin-top:1.0em;
    padding: 0.5em;
    width: auto;
    text-align: center;
}

main.public article.publicsite div.form p.footer > .buttons > input[type=checkbox]{
    font-weight:bold;
}

main .public article > footer {
    background-color: #C0D2E0;
    text-align: left;
}

main.public article > footer > h1 {
    padding:10px;
    color: #0F487B;
    font-size: 1.25em;
    font-weight: 600;
    margin: 6px 12px;
}
main.public article > footer > ul {
    padding: 00px 25px 15px 25px;
    margin: 5px 25px;
}

main.public article.phs > section {
    margin-bottom: 45px;
}

main.public article.phs > section > h2 {
    font-size: 1.5em;
    font-weight: 400;
    margin: 8px 0px;
}

main.public article.phs > p,
main.public article.phs section > p,
main.public article > footer {
    margin-left: 0px;
}

main.public article.phs > section footer p {
	font-size: 1.0em;
    color: #618db1;
}

main.public article.phs > section footer .btn,
main.public article div.form > footer .btn{
    display: inline-block;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 1.0em;
    background-color: #eaeaea;
    font-weight: 600;
    border: none;
    color: #333;
    margin-top: 15px;
}

main.public article.phs > section footer .btnAddAccount {
	box-sizing: border-box;
	display: block;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 600;
    color: #618db1;
    margin-top: 15px;
	width: 100%;
	border-color: #618db1;
	border-radius: 5px;
	border-style: dashed;
}

main.public article.phs > section footer .btnAddAccount:hover {
	border-style: solid;
}

main.public article.phs > section footer a.glyph {
	position: relative;
	padding-left: 42px;
}

main.public article.phs > section footer a::before {
	content: "";
	width: 24px;
	height: 24px;
	background-size: contain;
	position: absolute;
	top: 6px; 
	left: 10px;
}

main.public article.phs > section footer a.toggle::before {
	background-image: url("/Codeshare/images/icons/glyph-plus.png");
	background-color: #618db1;
	border-radius: 12px;
}

main.public article.phs > section footer .btn:hover {
    background-color: #0F487B;
    color: #fff;
}

main.public article.phs > section.goGreen > footer .btn {
    background-color: #B2E198 !important;
    color: #336633;
}

main.public article.phs > section.goGreen > footer .btn:hover {
    background-color: #95ca78 !important;
}

main.public article.phs > section.goGreen > header h1 {
    color: #336633;
}

main.public article.phs > section.makePayment > header h1 {
    color: #648138;
}

main.public article.phs > section.viewPolicy > header h1,
main.public article.phs h3.viewPolicy {
    color: #308EAA;
}

.validator{
    color:firebrick !important;
}

main.public article.phs > section.fileClaim > header h1,
main.public article.phs h3.fileClaim {
    color: #906471;
}

main.public article.phs > section .indent {
    display: block;
    margin-left: 30px;
}

main.public article.phs ul.boxes {
    margin: 0px;
    list-style-image: none;
    width: 100%;
    padding: 0px;
}

main.public article.phs ul.boxes > li {
    padding: 5px;
    padding-bottom: 3px;
    display: block;
    background-color: #E7E7E7;
    margin-bottom: 10px;
    position: relative;
    min-height: 58px;
    border-bottom: 2px solid #E7E7E7;
}

main.public article.phs ul.boxes.items > li:hover{
    background-color:#F0F0F0;
    border-color:#00457c;
}

main.public article.phs ul.boxes > li .btn {
    margin: 5px 3%;
    display: block;
    height: 32px;
    text-align: center;
    font-size: 1.25em;
    padding-top: 12px;
}

main.public article.phs ul.boxes > li > label {
    padding: 16px;
    display: inline-block;
    line-height: 2;
    max-width:calc(100% - 90px);
}


ul.boxes > li > .billing-policy-group > div > .billing-policy-title {
	font-weight: 600;
}

ul.boxes > li > .billing-policy-group {
	padding: 16px;
    display: inline-block;
    line-height: 2;
    max-width:calc(100% - 90px);
}

ul.boxes > li > .billing-policy-group > .billing-policy-data {
	display: flex;
	flex-direction: column;
}

ul.boxes > li > .billing-policy-group > .billing-policy-data > p {
	margin: 0;
}

ul.boxes > li:hover > .billing-policy-group > div > .billing-policy-title {
    color:#00457c;
}

main.public article.phs ul.boxes > li > div.actions {
    display: flex;
    position: absolute;
    right: 8px;
    top: 8px;
}

main.public article.phs ul.boxes > li > div.actions .btn {
    display: inline-block;
    padding-top: 3px;
    padding-bottom:8px;
    text-decoration: none;
    font-size: 0.9em;
    background-color: #0F487B;
    font-weight: normal;
    color: white;
    margin-left: 6px;
    text-align: center;
}

main.public article.phs ul.boxes > li > div.actions .btn:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.15);
    transition:ease-in;
}

main.public article.phs ul.boxes > li > div.actions .btn.xed {
    background-color: #bbbbbb;
    color: #888;
    text-shadow: 1px 1px #ffffff;
}

main.public .btn.deliverySettings,
main.public a.deliverySettings {
	background-color: #a2b180 !important;
}

main.public .btn.otherServices,
main.public a.otherServices {
	background-color: #743264 !important;
}

main.public .btn.helpPHS,
main.public a.helpPHS {
	background-color: #047478 !important;
}

main.public .btn.makePayment,
main.public a.makePayment {
    background-color: #648138 !important;
}

main.public .btn.paymentHistory {
	background-color: #5f4342 !important;
}

main.public .btn.manageRecurring {
	background-color: #6ca69f !important;
}

main.public .btn.fileClaim,
main.public a.fileClaim,
main.public .btn.userGuide,
main.public a.userGuide{
    background-color: #906471 !important;
}

main.public .btn.viewPolicy,
main.public a.viewPolicy {
    background-color: #308EAA !important;
}

main.public .btn.goGreen,
main.public a.goGreen {
    background-color: #B2E198 !important;
    color: #336633 !important;
}

main.public .btn.goGreen:hover,
main.public a.goGreen:hover {
    background-color: #95ca78 !important;
}

main.public nav.phs {
    width: 250px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

main.public #pnlNav {
    flex: 0 0 280px;
    vertical-align: top;
    padding-top: 10px
}

main.public nav.phs > .menuLink {
    display:none;
}

main.public nav.phs div.menu > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

main.public nav.phs div.menu > h5 {
    text-transform: uppercase;
    color: #0f487b;
    margin-bottom: 10px;
    padding-left: 15px;
}

main.public nav.phs div.menu > ul.links {
    margin-left: 10px;
}
main.public nav.phs div.menu > ul.links > li {
    padding:2px;
}

main.public nav.phs div.menu > ul.links > li > a {
    font-size: 0.8em;
    color: #333;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 4px;
    padding-left: 30px;
    font-weight: 700;
}

main.public nav.phs div.menu > ul.buttons > li > a {
    font-size: 1.45em;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    background-color: #0f487b;
    width: auto;
    padding: 10px;
    margin-top: 8px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    padding-left: 38px;
}

main.public > header nav > a.glyph {
    position: relative;
    padding-left: 42px;
}


main.public nav.phs div.menu > ul.buttons > li > a.glyph::before,
main.public > header nav > a.glyph::before {
    content: "";
    width: 22px;
    height: 22px;
    background-size: contain;
    position: absolute;
    top: 12px;
    left: 10px;
}

main.public > header nav > a.glyph::before {
    top:3px;
}

main.public nav.phs div.menu > ul.links > li > a::before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: contain;
    position: absolute;
    left: 10px;
}

main.public nav.phs div.menu > ul.links > li > a.arrow::before {
    background-image: url("/Codeshare/images/icons/glyph-arrow-right-blue.png");
}

main.public nav.phs div.menu > ul.buttons > li > a.arrow::before,
main.public > footer > a.arrow::before {
    background-image: url("/Codeshare/images/icons/glyph-rightArrow.png");
}

main.public nav.phs div.menu > ul.buttons > li > a.goGreen::before {
    background-image: url("/Codeshare/images/icons/glyph-rightArrow-green.png");
}

main.public nav.phs div.menu > ul.buttons > li > a.info::before {
    background-image: url("/Codeshare/images/icons/glyph-info.png");
}

main.public nav.phs div.menu > ul.buttons > li > a.toggle::before {
    background-image: url("/Codeshare/images/icons/glyph-plus.png");
}

main.public nav.phs div.menu > ul.buttons > li > a.toggleDown::before {
    background-image: url("/Codeshare/images/icons/glyph-minus.png");
}

main.public > header nav a.usermenu::before {
    background-image: url("/Codeshare/images/icons/glyph-usermenu.png");
}


main.public nav.phs div.menu > ul ul.sub {
    background-color: #E7E7E7;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

main.public nav.phs div.menu > ul > li > ul > li > a {
    color: #666666;
    font-weight: normal;
    padding: 8px;
    display: block;
}

main.public nav.phs div.menu > .block {
    display: block;
    margin-top: 20px;
    width: 250px;
}

main.public nav.phs div.menu > .block img {
    width:100%;
}

main.public article div.plat,
main.public article footer.plat {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

main.public article div.form {
    background-color: #DFE8EF;
    text-align: center;
    margin-bottom: 25px;
}

main.public article div.form.left {
    text-align: left;
}

main.public article div.form.error {
    background-color: mistyrose !important;
}

main.public article div.form.messageOnly {
    padding-bottom:1.0em;
    background-color: #d9efa7;
    color: #356316;
    height: auto;
    font-size: 1.1em;
    border-collapse: collapse;
}

main.public article div.form > div.message{
    margin:15px;
}

main.public article div.form > div.message h3{
    text-align:center;
}

main.public article div.form > div.message p,
main.public article div.form.messageOnly p,
main.public article div.form.messageOnly span {
    padding: 12px;
    display:block;
}

main.public article div.form.messageOnly span > strong {
    display:block;
    margin-bottom:10px;
}

main.public article div.form.messageOnly.success span > strong {
    color: #356316;
}

main.public article div.form > div.message.error,
main.public article div.form.messageOnly.error {
    background-color: mistyrose !important;
    color: firebrick;
    font-weight: 400;
    border-color: firebrick;
}


main.public article div.form > fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

main.public article div.form > fieldset.sub {
    margin-top:5px;
}


main.public article div.form > fieldset > legend,
main.public article div.form > h1,
main.public article div.form > header > h1,
main.public article div.form > h2,
main.public article div.form > header > h2,
main.public article div.form > header > h3 {
    font-size: 1.75em;
    font-weight: 600;
    padding-top: 20px;
    color: #1B426F;
    text-align: center;
}

main.public article div.form > fieldset > a {
    margin-left:20px;
}

main.public article div.form > h2,
main.public article div.form > header > h2 {
    font-size: 1.5em;
}

main.public article div.form.error > h2 {
    color: firebrick !important;
}

main.public article div.form > header > h3 {
    font-size:1.25em;
}

main.public article div.form p {
    padding: 12px 6px;
}

main.public article div.form > ul {
    text-align:left;
}

main.public article div.form > fieldset > p {
    padding: 0px 3%;
}

main.public article div.form > fieldset > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}

.phs-forgot-password-panel 
{
	width: auto;
	margin: 0 3%;
	display: flex;
	flex-direction: column;
}
	

main.public article div.form > fieldset.sub > ul {
    margin-top:5px;
}

main.public article div.form > fieldset > ul > li,
main.public article div.form > fieldset > .phs-forgot-password-panel > div
{
    padding: 6px 3%;
    width: auto;
    text-align: left;
}

main.public article div.form > fieldset > ul > li.highlight {
    background-color: rgba(255,255,255,0.75);
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

main.public article div.form > fieldset > ul > li.buttons a {
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #00457c;
    color: #00457c;
    margin: 4px;
    display: inline-block;
}

main.public article div.form > fieldset > ul > li.buttons a:hover{
    background-color:#00457c;
    color:#ffffff;
}

main.public article div.form > fieldset > ul > li.hvr:hover {
    background-color: rgba(255,255,255,0.5);
}

main.public article div.form > fieldset > ul > li label
{
    display: block;
    font-weight: 500;
    font-size: 0.9em;
}

main.public article div.form > fieldset .phs-forgot-password-panel label {
	align-self: start;
	font-weight: 500;
	font-size: 0.9em;
}


main.public article div.form > fieldset > ul > li input,
main.public article div.form > fieldset > ul > li textarea,
main.public article div.form > fieldset > ul > li select
{
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid #999;
    position: relative;
}
main.public article div.form > fieldset > .phs-forgot-password-panel input {
	margin-bottom: 6px;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid #999;
	position: relative;
}

main.public article div.form > fieldset > ul > li input.error,
main.public article div.form > fieldset > ul > li textarea.error,
main.public article div.form > fieldset > ul > li select.error,
main.public article div.form > fieldset > ul > li span.error,
main.public article div.form > fieldset > div > span.error, 
main.public article div.form > fieldset > div > input.error {
    background-color: mistyrose !important;
    border-color: firebrick;
}

main.public article div.form > fieldset > ul > li input[type=text],
main.public article div.form > fieldset > ul > li input[type=password],
main.public article div.form > fieldset > ul > li textarea,
main.public article div.form > fieldset > ul > li select {
    width: 98%;
    display: inline-block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: white;
}

main.public article div.form > fieldset > ul > li input[type=text].disabled {
    background-color: #eaeaea;
    color: #888888;
    text-shadow: 1px 1px WHITE;
}

main.public article div.form > fieldset > ul > li select {
    width: 99%;
}

main.public article div.form > fieldset.sub > legend {
    margin:0px;
    margin-top:5px;
    padding:0.2em 2.0em;
    display:block;
    color:#00457c;
    font-size:0.95em;
    font-weight:bold;
    text-align:left;
}

main.public article div.form > fieldset > legend.medium{
    font-size:1.20em;
}

main.public article div.form > fieldset > ul > li span.data {
    padding: 5px;
    display: block;
    font-weight: 600;
    color: #00457c;
}

main.public article div.form > fieldset > ul > li input[type=text].withHelp,
main.public article div.form > fieldset > ul > li textarea.withHelp,
main.public article div.form > fieldset > ul > li input[type=password].withHelp {
    width: calc(98% - 40px);
}

main.public article div.form > fieldset > ul > li input[type=text]:read-only,
main.public article div.form > fieldset > ul > li input[type=text]:disabled {
    opacity:0.5;
    box-shadow: none;
    text-shadow: 0px 1px 1px #FFF;
}

main.public article div.form > fieldset > ul > li select.withHelp {
    width: calc(99% - 35px);
}

main.public article div.form > fieldset > ul > li input + label {
    display: inline;
    font-weight: 600;
}

main.public article div.form > fieldset > ul > li a.inputHelp,
main.public article div.form > fieldset > ul > li a.link-help {
    display: inline-block;
    content: "";
    background-image: url('/Codeshare/images/icons/glyph-help.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: relative;
    top: 6px;
    margin-left: 5px;
}

main.public article div.form > fieldset > ul > li a.inputHelp:hover,
main.public article div.form > fieldset > ul > li a.link-help:hover {
    background-image: url('/Codeshare/images/icons/glyph-help-hover.png');
}

main.public article div.form > p {
    margin: 0 10px;
}

main.public article div.form .staticText {
    font-weight: 600;
    padding: 5px;
    color: #00457c;
}

main.public article div.form p.disclaimer {
    margin: 0 25px;
    font-size: 0.9em;
    border: 1px solid #AAA;
    background-color: rgba(255,255,255,0.5);
}

main.public article p.epilogue {
    font-size:0.9em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

main.public article p.epilogue.instructions{
    margin:0;
}

main.public article div.form div.gridbox{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
}


main.public article div.form div.gridbox > div {
    border-right: 2px solid #003151;
    flex-grow: 1;
}

main.public article div.form div.gridbox > div > header {
    text-align:center;
}

main.public article div.form div.gridbox > div > header > img {
    width: 33%;
}

main.public article div.form div.gridbox > div > header > h2 {
    margin:0px;
}

main.public article div.form div.gridbox > div > p {
    margin: 0px 8%;
}

main.public article div.form div.gridbox > div:last-of-type {
    border: none;
}

main.public article div.form div.flexbox {
    display: flex;
    background-color: #fafafa;
    border: 1px solid #999;
    border-radius: 3px;
    margin: 5px 25px;
}

main.public article div.form div.flexbox > div {
    padding: 10px;
}

main.public article div.form div.flexbox > div.text {
    flex: 0 0 72%;
}

main.public article div.form div.flexbox > div.toggle {
    flex: 0 0 25%;
    text-align:center;
    padding:5px;
}

main.public article div.form div.flexbox > div.toggle > span {
    padding:6px;
    display:inline-block;
    font-weight:600;
}

main.public article div.form div.flexbox > div.text:not(:last-child) {
    border-right: 1px solid #999;
}

main.public article div.form > footer {
    padding-bottom: 15px;
    text-align: center;
    border-top: 2px solid #0F487B;
    margin: 20px 3%;
}

main.public article div.form > footer.done {
    border:none;
    padding:4px;
}

main.public article div.form > footer.done > a,
main.public article div.form > footer.done > input {
    display:none;
}

main.public article div.form > footer.midform {
    border-top: none;
    border-bottom: 1px solid #0F487B;
}

main.public article div.margined > p,
main.public article div.margined > ul,
main.public article div.margined > footer,
main.public article div.margined > fieldset {
    margin: 0 150px;
}

main.public article div.form.error > footer {
    border-color: firebrick !important;
}

main.public article div.form.error > footer > a {
    display:inline-block;
}

main.public article div.form.error > p {
    color: firebrick !important;
    font-weight: 600;
}

main.public .left {
    text-align: left !important;
}

main.public .indent {
    margin-left:20px !important;
}

main.public .centered{
    margin-left:auto !important;
    margin-right:auto !important;
}

main.public article .btn {
    color: #FFF;
    transition: all 0.5s;
    position: relative;
    padding: 6px 12px;
    text-decoration: none;
    background-color:#00457c;
    font-weight:400;
}

main.public article .btn.error {
    background-color:Firebrick !important;
}

main.public article .btn.toggle {
    background-color: #0F487B;
    font-size: 0.9em;
    display: inline-block;
}

main.public article div.form > footer .btn{
    background-color: #0F487B;
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    cursor: pointer;
    border:none;
}
.forgot-password-register-btn {
    background-color: #0F487B;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    cursor: pointer;
    border:none;
	margin-bottom: 15px;
	padding: 7px 20px;
	display: inline-block;
}

main.public article div.form > footer .btn.accent {
    background-color: white;
    color: #0F487B;
    font-size: 1.4em;
    font-weight: 400;
    cursor: pointer;
    border: 2px inset #0F487B;
}
.forgot-password-register-btn.accent {
	background-color: white;
    color: #0F487B;
    font-size: 1.4em;
    font-weight: 400;
    cursor: pointer;
    border: 2px inset #0F487B;
}

main.public article div.form > footer .btn:hover {
    background-color: #205f98;
    transition: ease-in;
    color:white;
}

.forgot-password-register-btn:hover {
	background-color: #205f98;
    transition: ease-in;
    color:white;
	text-decoration:none
}

main.public article div.form > footer.stack .btn {
    width:auto;
    display:block;
    margin:10px 75px;
}

main.public article div.form > footer:not(.stack) .btn:not(:first-child) {
    margin-left: 5px;
}

main.public article div.form > footer .btn.disabled {
    background-color: #CCC;
    cursor: default;
}

main.public article .btn:hover {
    text-decoration: none;
}

h1.error{
    color:firebrick !important;
}

div.helpPage {
    background-color: mintcream;
    width: 40%;
}

div.helpPage.error {
    background-color: mistyrose !important;
}

div.illustration {
    background-color: #EBE3E6;
}

div.helpPage > article > header,
div.illustration > article > header {
    position: relative;
    display: flex;
    justify-content: center;
}

div.helpPage > article > header > h1,
div.illustration > article > header > h1 {
    font-weight: 600;
    color: #053260;
    text-align: center;
    width: auto;
    padding: 5px;
    font-size: 1.75em;
    max-width:calc(100% - 60px);
}

div.helpPage.error > article > header > h1 {
    color: firebrick;
}

div.helpPage > article > header > a.close,
div.illustration > article > header > a.close {
    position: absolute;
    top: 5px;
    right: 5px;
}

div.helpPage > article > section,
div.illustration > article > section {
    margin: 0px 3%;
    display:block;
    padding-bottom:12px;
}

div.illustration > article > section {
    margin-bottom:25px;
    text-align:left;
}

div.helpPage > article > section > h2 {
    font-size: 1.25em;
    font-weight: 600;
}

div.helpPage > article > section h3 {
    text-align: center;
    color: #12467C;
}

div.helpPage > article > section p {
    margin:0px;
    padding:6px;
}

div.helpPage > article > section div.message {
    margin: 20px;
    border: 1px solid #CCC;
    border-radius: 6px;
    background-color: white;
    padding:10px;
}

div.helpPage > article > section div.message > h4 {
    text-align:center;
    color: #053260;
}

div.helpPage > article > section.highlight {
    background-color: white;
    padding: 10px 6px;
    border: 1px solid #053260;
}

div.form div.message {
    margin: 20px;
    border: 1px solid #CCC;
    border-radius: 6px;
    background-color: #f7f7f7;
    text-align: left;
}

div.form div.message > span{
    padding:5px;
    display:block;
}

div.form div.message.error {
    background-color:mistyrose !important;
    color:firebrick !important;
    font-weight:600 !important;
}


div.form div.message.warning {
    background-color: #f7f3d3 !important;
    color: #3f3e35;
    font-weight: 400;
}

div.form div.message > p {
    margin: 0px;
    padding: 8px;
}

div.helpPage > article > section:not(:first-of-type) {
    border-top: 1px solid #053260;
    padding-top: 10px;
}

div.helpPage > article > footer {
    margin-top:25px;
    background-color: #6BA69F;
    color: #fff;
}

div.helpPage.error > article > footer {
    background-color: firebrick;
}

div.helpPage > article > footer > h5 {
    margin:0px;
    padding:6px;
}

div.helpPage > article > section > footer > .btn {
    background-color: #12467C;
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    padding: 6px;
    display: inline-block;
    text-align:center;
}

div.helpPage > article > section > footer {
    margin-bottom:5px;
    margin-top:20px;
}

div.helpPage > article > section > footer .link.spacedText {
    border-left: 1px solid black;
    padding-left:15px;
    margin-left:15px;
}

main.public article table.normal {
    margin: 0px auto;
    border: 1px solid #333;
    width: auto;
    max-width: 1200px;
}

main.public article table.normal td{
    text-align:left;
    border-top:1px solid #333;
}

main.public article table.normal tr.pages td{
    padding:0px;
    border:none;
}

main.public article table.normal tr.pages td span {
    padding: 5px 8px;
    display: inline-block;
    margin: 0px 4px;
    background-color: #E7E7E7;
    color: #999;
    font-weight: bold;
}

main.public article table.normal tr.pages td a {
    background-color: #12467C;
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block;
    margin: 0px 4px;
}

main.public article table.normal tr.pages td a:hover {
    background-color: #0F487B;
    color: #fff;
}

main.public article table.normal td,
main.public article table.normal th {
    padding: 5px;
}

main.public article table.normal tr.head {
    background-color: #0F487B !important;
    color: white !important;
}

main.public article table.normal tr:nth-child(2n+1) {
    background-color: #F8F8FA;
}

main.public article .searchResults header h1{
    font-weight:400;
    font-size:1.7em;
}

main.public article .searchResults table {
    font-size: 14px;
}

main.public article .searchResults table td,
main.public article .searchResults table th {
    padding: 15px;
}

main.public article .searchResults table thead th {
    font-weight: 600;
    border-bottom: 1px solid #19988b;
}

main.public article .searchResults table tbody td:first-child {
    font-weight: 600;
    color: #002856;
}

main.public article .searchResults table tbody tr:nth-child(odd){
    background: #d8edeb;
}

main.public article .searchResults table tbody tr:last-child td {
    border-bottom: 1px solid #19988b;
}

main.public article .searchResults footer{
    margin-top:25px;
}

main.public article .searchResults footer .btn {
    background: #19988b;
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 400;
}

main.public article .list-qna{
    list-style:none;
    padding:0px;
}

main.public article .list-qna p{
    margin:4px;
}

main.public article .list-qna label {
    font-size: 0.9em;
    font-weight: 600;
    font-variant-caps:all-small-caps;
}

main.public article .list-qna li.question {
    background-color: #eeeeee;
    padding: 6px;
    padding-left: 10px;
    margin: 2px;
}

main.public article .list-qna li.question label {
    color: #888888;
}

main.public article .list-qna li.answer {
    background-color: rgba(0,115,120,0.25);
    padding: 6px;
    padding-left: 10px;
    margin: 2px;
    margin-bottom: 25px;
}

main.public article .list-qna li.answer label {
    color: #007378;
}

.ModalBackground{
    background-color:rgba(0,0,0,0.4);
}

main.public .box-popup {
    width: 750px;
    position: fixed;
    top: 150px;
    z-index: 1003
}

main.public .box-popup section.ad-mobileApp {
    background-image: url('/Codeshare/images/phs/FI/en/illustration-mobile-app.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 200px
}

main.public .box-popup section.ad-goGreen {
    background-image: url('/Codeshare/images/phs/illustration-paperless.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 200px
}

main.public .box-popup section.ad-paymentus {
    background-image: url('/Codeshare/Images/PHS/FI/appLogo-payment-200.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 200px
}

.box-popup section.ad-windowsWarn {
    background-image: url('/Codeshare/images/phs/FI/en/illustration-windowsWarn.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 200px;
    background-size: contain;
    height: 166px;
}

.box-popup section.ad-windowsBlock {
    background-image: url('/Codeshare/images/phs/FI/en/illustration-windowsBlock.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 200px;
    background-size: contain;
    height: 120px;
}

main.public .ca-navigation-header{
    width:auto;
}

main.public #nolEntryContent{
    text-align:left;
}

.page > .topfooter .box > div {
    display:flex;
}

.page > .topfooter .box > div > div {
    flex: 0 0 67%;
}

.page > .topfooter .box > div > div:first-child{
    flex:0 0 33%;
}

.page > .bodyFooter .box > div {
    display:flex;
	justify-content: space-between;
	padding-right: 20px;
	gap: 15px;
}

.page > .bodyFooter .box > div > div {
    flex: 0 0 67%;
}

.page > .bodyFooter .box > div > div:first-child{
    flex:0 0 33%;
}

main.public .btn.makePayment.disabled, main.public a.makePayment.disabled, .btn.disabled {
    background-color: #bbbbbb !important;
}

main.public .btn.manageRecurring.disabled {
	background-color: #bbbbbb !important;
}

a.textLink:focus-visible {
    outline:0px;
    text-decoration:underline;
}

a.logo:focus-visible,
a.icon:focus-visible {
    outline: 0px;
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

a.logo:focus-visible img,
a.icon:focus-visible img{
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

main.public footer.pageHelp {
    background-color: #C0D2E0;
}

main.public footer.pageHelp > ul > li {
    list-style: none;
}

@media only screen and (max-width:1250px) {
    main.public > header nav {
        border-top: 1px solid #ccc;
        width: calc(100% + 10px);
        margin-left: -10px;
        padding: 3px;
        text-align: center;
        position: initial;
		box-sizing: border-box;
    }

    main.public > header nav > div.menu {
        position: initial;
        margin: 0px;
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        border-top: 1px solid rgb(204, 204, 204);
        width: 100%;
        box-shadow: none;
    }

    main.public article.phs ul.boxes > li > div.actions {
        display: block;
        position: initial;
        text-align: center;
    }
	
	main.public > header nav > #pnlUserActions > ul {
		padding: 0;
	}
	
	main.public .bodyFooter > article {
		justify-content: space-around;
	}
}

@media only screen and (max-width: 700px) {
    .showMobile {
        display: initial;
    }

    .page > footer {
        border-bottom:2px solid #fff;
    }
	
	.page > footer > .footerBottom > article {
		padding-left: 20px;
	} 
	
    main.public {
        min-height: initial;
    }

    main.public footer.pageHelp {
        display:none !important;
    }

    main.public > .contentBox .main {
        padding-top:5px;
    }

    main.public > header h2 {
        padding-left: 10px;
        font-size: 0.95em;
    }

    h2.text-with-logo > img {
        height:30px;
    }

    div.helpPage {
        width:90%;
        zoom:0.9;
    }

    h2.text-with-logo span {
        margin-top: 6px;
    }
	
	/*BEGIN section for ada compliance - copied above lines to refactor */
	main.public > header h1 {
        padding-left: 10px;
        font-size: 0.95em;
		width: calc(100% - 10px);
    }

    h1.text-with-logo > img {
        height:30px;
    }

    h1.text-with-logo span {
        margin-top: 6px;
    }
	/*END section for ada compliance */

    main.public > header > div {
        padding:0px;
    }

    main.public > header nav {
        display: block;
        padding: 5px;
        font-size: 0.8em;
        text-align: center;
        border-top: 1px solid #CCC;
        position: initial;
        width: auto;
		box-sizing: border-box;
    }

    main.public > header nav > a {
        font-size: 1.3em;
        font-weight: 600;
        padding: 6px;
        display: block;
    }

    main.public > header nav > div.menu > ul {
        padding:0px;
    }

    a[class*="icon"]:before {
        font-size: 1.5em;
        top: 0.25em;
    }

    nav.phs a[class*="icon"]:before {
        top:0.1em;
    }

    main.public > header nav {
        padding: 0px;
        background-color: #C0D2E0;
        margin:0px;
    }

    main.public > header nav > div.menu {
        position: initial;
        margin: 0px;
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        border-top: 1px solid rgb(204, 204, 204);
        width: 100%;
        box-shadow:none;
		padding: 6px 0 6px 0;
    }

    main.public nav.phs {
        width: auto;
    }

    main.public #pnlNav {
        padding:0px;
    }

    main.public nav.phs > .menuLink {
        font-size: 1.4em;
        width: auto;
        font-weight: 600;
        display: block;
        border-bottom: 1px solid #CCCC;
        padding: 6px;
        text-decoration: none;
        text-align: center;
        background-color: #5E8CB3;
        color:white;
    }

    main.public nav.phs > div.menu.show{
        display:block;
    }

    main.public > .contentBox {
        display: initial;
        padding:0px;
    }

    main.public > .contentBox .sidePanel {
        padding:0px;
    }

    main.public .box-popup {
        width: auto;
        position: fixed;
        top: 50px;
        right: 20px;
    }

    main.public .box-popup section.ad-mobileApp {
        background: none !important;
        padding: 0px !important;
    }

    main.public .box-popup section.ad-goGreen {
        background: none !important;
        padding: 0px !important;
    }

    main.public nav.phs > div.menu.hideMobile {
        display: none !important;
    }

    main.public nav.phs > div.menu.showMobile {
        display: block;
        border-bottom: 4px solid #0F487B;
        padding-bottom: 10px;
        box-shadow: #999 1px 0px 10px;
    }

    main.public nav.phs div.menu > ul.buttons > li > a {
        font-size:1.2em;
        margin-top:0px;
    }

    main.public nav.phs div.menu > ul.buttons > li > a::before
    {
        width:20px;
        height:20px;
    }

    main.public nav.phs div.menu a.block{
        display:none;
    }

    main.public article.phs,
    main.public article.publicsite {
        width: auto;
        padding: 0px 10px;
    }
    .page > .topfooter .box > div {
        display: block;
    }

    .page > .topfooter .box > div > div {
        margin-bottom: 10px;
    }

    .page > .topfooter > article {
        display:block;
        padding:0px;
    }

    .page > .topfooter .box {
        padding-bottom:20px;
        margin:0px;
    }
	
	/* BEGIN section for ada compliance - copied above lines to refactor*/
    .page > .bodyFooter .box > div {
        display: block;
    }

    .page > .bodyFooter .box > div > div {
        margin-bottom: 10px;
    }

    .page > .bodyFooter > article {
        display:block;
        padding:0px;
    }

    .page > .bodyFooter .box {
        padding-bottom:20px;
        margin:0px;
    }
    /* END section for ada compliance */
    main.public article.phs > section > header h1, main.public article.publicsite > section > header h1 {
        font-size:1.75em;
        text-align:center;
    }

    .emailPopup{
        zoom:0.6;
    }

    .ModalWindow footer{
        text-align:center;
    }

    .page > header > article {
        padding-left:10px;
    }

    main.public article div.form div.flexbox{
        margin:5px;
    }

    main.public article div.form div.flexbox > div.toggle {
        flex:0 0 30%;
    }

    main.public article div.form div.flexbox > div.text {
        flex:0 0 65%;
    }

    main.public article div.form p.disclaimer {
        margin:5px;
    }

    div.helpPage > article > section, div.illustration > article > section {
        display: none;
    }

    div.helpPage > article > section.alwaysShow,
    div.illustration > article > section.alwaysShow,
    div.helpPage > article > section.highlight {
        display: block;
    }

    div.illustration > article {
        zoom:0.75;
    }

    main.public article div.margined > p, main.public article div.margined > ul, main.public article div.margined > footer, main.public article div.margined > fieldset {
        margin:0px;
    }

    main.public article div.plat, main.public article footer.plat {
        width:auto;
    }

    div.helpPage > article > section > footer .link.spacedText {
        display:block;
        border:none;
        padding:5px;
        margin:0px;
    }

    main.public > header nav > a.glyph::before {
        width: 24px;
        height: 24px;
        left: initial;
        right: 10px;
    }
	
	main.public > header nav > a.glyph.usermenu.textLink {
		padding-left: 0px;
	}
	

}
main.public .list.box.results.white {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    border: 1px solid #111111;
}

main.public .list.box.results.white ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
    border-bottom: 1px solid White;
    width: 100%;
    display: block;
}

main.public .list.box.results.white ul li {
    margin: 0px;
    padding: 0px;
    border: 1px solid White;
    border-bottom-width: 0px;
    background-color: #FAFAFA;
    width: auto;
    display: flex;
}

main.public .list.box.results.white ul li .number {
    background-image: url('/codeshare/Images/item-number-bg-blue.png');
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 30px;
    display: inline-block;
    padding: 4px;
    text-align: center;
}

main.public .list.box.results.white ul li .text {
    padding: 4px;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

main.public .list.box.results.white ul li a,
main.public .list.box.results.white ul li label,
main.public .list.box.results.white ul li span {
    flex:1;
    text-decoration: none;
    display: inline-block;
    width: auto;
    cursor: pointer;
    color: #333333;
}

main.public .list.box.results.white ul li span {
    text-align:right;
}

main.public .list.box.results.white ul li label {
    text-align: left;
}

main.public .list.box.results.white.tight ul li a,
main.public .list.box.results.white.tight ul li label {
    padding: 2px;
}

main.public .list.box.results.white ul li label {
    font-weight:bold;
}

main.public .list.box.results.white ul li label,
main.public .list.box.results.white ul li span {
    padding: 6px;
    width: auto;
    display: block;
}

main.public .list.box.results.white ul li:hover {
    background-image: URL('/Codeshare/Images/block-heading-bg-gray.png');
    background-color: #CACACA;
    background-repeat: repeat-x;
    color: #000000;
}

main.public .list.box.results.white ul li:nth-child(even) {
    background-color: #EFEFEF;
}

main.public .list.box.results.white ul li:nth-child(odd){
    background-color: #FFF;
}

main.public .list.box.results.white ul li a.selected,
main.public .list.box.results.white ul li label.selected,
main.public .list.box.results.white ul li label.highlight.selected,
main.public .list.box.results.white ul li a.selected label.highlight {
    background-color: #F7C753;
    font-weight: bold;
    color: #000;
}

main.public .list.box.results.white ul li a.selected:hover,
main.public .list.box.results.white ul li label.selected:hover {
    color: #000000;
    background-color: #CACACA;
}

main.public .list.box.results.white ul li a.highlight,
main.public .list.box.results.white ul li label.highlight {
    background-color: #8CA5D7;
    color: #01284A;
    font-weight: bold;
}

main.public .list.box.results.white ul li a.highlight:hover,
main.public .list.box.results.white ul li label.highlight:hover {
    background-image: URL('/Codeshare/Images/block-heading-bg-ltBlue.png');
    background-color: #8CA5D7;
    background-repeat: repeat-x;
    font-weight: bold;
    color: #111111;
}


@media print {
    main.public > header{
        display:none;
    }

    div.page > header{
        background:none;
    }

    .printonly{
        display:block !important;
    }

    .uionly {
        display: none !important;
    }

    .page footer.bodyFooter{
        display:none;
    }
}