.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
	border-bottom : 1px solid #888888;
	margin-top : 15px;
	height : 26px;
}

/* added specifically for Edge browser */
@supports (-ms-ime-align: auto) {
  .r-tabs .r-tabs-nav {
        height : 27px;
  }
}
/* end Edge browser target */

.r-tabs .r-tabs-nav li {
	padding : 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
	margin-right : 3px;
}

.r-tabs .r-tabs-tab a.r-tabs-anchor {
	background : #e9e9e9;
	font-weight : 600;
	text-decoration : none;
	color : #000000;
	padding : 4px 17px 6px 17px;
}
/* CSS targeting IOS devices specifically to fix program tabs alignment */
@supports (-webkit-touch-callout: none) {
  .r-tabs .r-tabs-tab a.r-tabs-anchor {
      padding-bottom : 5px;
  }
}
@supports (-moz-appearance:none) {
    .r-tabs .r-tabs-tab a.r-tabs-anchor {
      padding-bottom : 5px;
  } 
}
/* End CSS for IOS tabs issue */

/* IE11 hack - added 2020-01-17 SMR to fix tabs on IE11 */
@media all and (-ms-high-contrast:none) {
	 *::-ms-backdrop, .r-tabs .r-tabs-tab a.r-tabs-anchor {
		 padding : 4px 17px 5px 17px;
	 }
}
 /* END */ 

.r-tabs .r-tabs-tab a.r-tabs-anchor:hover {
	background : #69b3e7;
	font-weight : 600;
	text-decoration : none;
	color : #000000;
	padding : 4px 17px 6px 17px;
}

.r-tabs .r-tabs-tab.r-tabs-state-active a.r-tabs-anchor {
	color : #2665a1;
	background : #ffffff;
	border : 1px solid #888888;
	border-bottom : 1px solid #ffffff;
	padding : 3px 16px 6px 16px;
}

.r-tabs .r-tabs-panel {
    border : 1px solid #888888;
    border-top : 0;
    padding: 15px 16px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}
/* Specific responsive tab breakpoint for program pages */
@media only screen and (max-width: 960px) {
	 .prog-col-3 .r-tabs .r-tabs-nav {
		 display: none;
	}
	 .prog-col-3 .r-tabs .r-tabs-accordion-title {
		 display: block;
		 border-top : 2px solid #ffffff;
		 margin-bottom: 4px;
	}
	/* added/modified 2021-07-19 SMR - to make tabs look more clickable */
	 .prog-col-3 .r-tabs .r-tabs-accordion-title a.r-tabs-anchor {
		 display : block;
		 width : 100%;
		 font-weight : 600;
		/*color: #000;
		*/
		 border: 1px solid #888;
		 background : #e9e9e9;
		 text-align: center;
		 box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		 text-decoration : none;
		 padding : 4px 8px;
	}
	 .prog-col-3 .r-tabs .r-tabs-accordion-title a.r-tabs-anchor::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "\f078";
        color: #0040ce;
        margin-left: 6px;
	}
	 .prog-col-3 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor {
		 color : #004477;
	}
	 .prog-col-3 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "\f077";
        color: #004477;
        margin-left: 6px;
	}
	/* end changes */
	 .prog-col-3 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor:hover {
		 background : #69b3e7;
		 color: #000000;
	}
	 .prog-col-3 .r-tabs .r-tabs-panel {
		 padding: 8px 15px 15px 15px;
		 border: 1px solid #888;
		 border-top: none;
		 margin-bottom : 5px;
		 margin-top: -4px;
		 display: none;
	}
}
/* End program page specific responsive behaviour */

/* Accordion responsive breakpoint */
@media only screen and (max-width: 800px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
		border-top : 2px solid #ffffff;
		margin-bottom: 4px;
    }
	/* added/modified 2021-07-19 SMR - to make tabs look more clickable */
	.r-tabs .r-tabs-accordion-title a.r-tabs-anchor {
		display : block;
		width : 100%;
		font-weight : 600;
		/*color: #000;*/
		border: 1px solid #888;
		background : #e9e9e9;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-decoration : none;
		padding : 4px 8px;
	}
	.r-tabs .r-tabs-accordion-title a.r-tabs-anchor::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "\f078";
        color: #0040ce;
        margin-left: 6px;
	}
	 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor {
		 color : #004477;
	}
	 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "\f077";
        color: #004477;
        margin-left: 6px;
	}
	/* end changes */
	
	.r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor:hover {
		background : #69b3e7;
		color: #000000;
	}
	
	.r-tabs .r-tabs-panel {
    padding: 8px 15px 15px 15px;
	border: 1px solid #888;
	border-top: none;
	margin-bottom : 5px;
	margin-top: -4px;
    display: none;
	    
	}
}

@media all and (-ms-high-contrast:none) {
     .r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor:before {content: "\f056"; font-size: 1.2em; font-family: 'Font Awesome\ 5 Free'; font-style: normal; width : 12px;}
     *::-ms-backdrop, .r-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor:before { font-size : 0.7em; } /* IE11 */
}