@charset "utf-8";
/*@import url("layouttags.css");*/
/*================================================================================================================
|
COMMON ELEMENTS COMMON ELEMENTS COMMON ELEMENTS COMMON ELEMENTS
|
==========================================================================================================================================*/
/* These Elements may or may not appear on every page, but are used frequently throughout the site. */
body {
background:white url("../gif/oneblackpixel.gif") repeat-y scroll 170px top; /* Black pixel dividing line separates #leftsidebar from #maincontent. Done this way instead of using a border on #leftsidebar because there's no easy way to make a div stretch to fill the available space. */
padding:0;
margin:0;
font:normal 10pt sans-serif; /* Default font for page. Overridden frequently. */
color:Black;
line-height:140%;
}
a {
color:#005a8c;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1 {
color:#5B5B5B;
font:bold 16pt Gotham, Arial, sans-serif;
}
h2 {
color:#5B5B5B;
font:bold 14pt Gotham, Arial, sans-serif;
}
h3 {
color:#5B5B5B;
font:bold 12pt Gotham, Arial, sans-serif;
}
h4 {
color:#747679;
font:bold 10pt Gotham, Arial, sans-serif;
}
li {
margin-top:5px;
margin-bottom:5px;
}
img {
border:none;
}
.alternatingrow { /* For every-other row in lists in tables */
background-color:#F2F2F2;
}
.orangebox { /* Orange box with one rounded corner, as seen on the homepage next to the doctor's image */
background:#ED1B2E url("../gif/orangebox_roundcorner.gif") no-repeat top right;
color:White;
font:bold 10pt sans-serif;
padding:15px;
}
.orangebox a {
color:White;
text-decoration:underline;
}
/* Eventlists which appear on many pages */
ul.eventlist {
display:block;
padding:0;
width:auto;
margin:0;
text-indent:0;
overflow:visible;
}
ul.eventlist li {
display:block;
background:transparent no-repeat 7px 7px;
margin:0;
padding:5px 10px 5px 34px;
text-indent:0;
width:auto;
font:9pt sans-serif;
border-style:solid;
border-width:0 0 1px 0;
border-color:#C0C0C0;
overflow:visible;
}
ul.eventlist li .eventlink {
font:bold 10pt sans-serif;
}
ul.eventlist li .eventoutlooklink {
display:block;
margin:0;
padding:0;
}
ul.eventlist li a.eventoutlookicon {
background:url("../png/icon_calendar.png");
display:block;
height:16px;
width:16px;
left:-25px;
margin:0 0 -16px 0;
overflow:hidden;
position:relative;
text-decoration:none;
top:0;
}
ul.eventlist li a.eventoutlookicon:hover {
text-decoration:none;
}
ul.eventlist li span.eventdates, ul.eventlist li span.eventlocation, ul.eventlist li .eventlink, ul.eventlist li .eventoutlooklink {
/*white-space:nowrap;*/
display:block;
margin:0;
}
ul.eventlist li span.eventdates {
display:inline;
text-align:left;
}
ul.eventlist li span.eventlocation {
display:inline;
text-align:left;
}
ul.eventlist li span.cancelledConcallText {
font-style:italic;
}
.cancelledConcall div, .cancelledConcall span, .cancelledConcall p {
text-decoration:line-through;
color:#808080;
}
.cancelledConcall a:hover {
text-decoration:none;
}
@font-face {
font-family: Gotham;
src: local(Gotham) url(../otf/gotham-book.otf);
}
@font-face {
font-family: Gotham;
src: local(Gotham) url(../otf/gotham-medium.otf);
font-weight:bold;
}
/*==============================================================================================
| |
| SSSSS IIIIII TTTTTT EEEEEE HH HH EEEEEE AAAA DDDDD EEEEEE RRRRRR |
| SS II TT EE HH HH EE AA AA DD DD EE RR RR |
| SSSS II TT EEEE HHHHHHH EEEE AAAAAA DD DD EEEE RRRRR |
| SS II TT EE HH HH EE AA AA DD DD EE RR RR |
| SSSSS IIIIII TT EEEEEE HH HH EEEEEE AA AA DDDDD EEEEEE RR RR |
| |
==============================================================================================*/
#siteheader {
position:relative;
display:block;
height:104px;
width:100%;
background:white none;
}
#siteheader #sitelogo {
position:absolute;
bottom:-10px;
left:12px;
}
#siteheader #header_orgname {
display:block;
font:1.25em/1.5em sans-serif;
color:#231F20;
position:absolute;
width:350px;
bottom:14px;
left:110px;
padding:0;
height:auto;
}
#siteheader #currentpagedescription {
display:block;
font:bold .813em sans-serif;
color:#8C8C8C;
position:absolute;
width:245px;
bottom:45px;
left:120px;
padding:0;
}
#siteheader #currentpagedescription p {
vertical-align:bottom;
margin:0;
}
#siteheader #currentpageheaderlink {
display:block;
font:bold .813em sans-serif;
color:#8C8C8C;
position:absolute;
width:245px;
bottom:15px;
left:120px;
padding:0;
}
#siteheader #currentpageheaderlink a {
vertical-align:bottom;
margin:0;
color:Black;
text-decoration:underline;
}
#siteheader #currentpageheaderlink a:hover {
color:#ED1B2E;
}
#siteheader #headersearchbar {
height:19px;
width:500px;
position:absolute;
right:20px;
top:40px;
text-align:right;
vertical-align:middle;
}
#siteheader #headersearchbar select {
float:right;
display:block;
width:170px;
height:19px;
border-collapse:collapse;
font:normal 9pt sans-serif;
padding:0;
}
#siteheader #headersearchbar .headersearchtextinput {
float:right;
display:block;
width:170px;
height:17px;
border-collapse:collapse;
border:solid 1px;
font:normal 9pt sans-serif;
padding:0;
margin:0;
}
#siteheader #headersearchbar .headersearchimginput {
float:right;
display:block;
width:13px;
height:13px;
border:solid 1px;
padding:2px;
margin:0;
}
#siteheader #headersearchbar a {
float:right;
display:block;
font:normal 1em sans-serif;
color:#666666;
margin:0 0 0 5px;
padding:0;
text-decoration:none;
}
#horizontalnavbar #headerloginandhelpbar {
height:16px;
width:300px;
position:absolute;
right:25px;
top:10px;
text-align:right;
}
#horizontalnavbar #headerloginandhelpbar a {
float:right;
font:normal 11px/12px sans-serif;
color:#ED1B2E;/*#666666*/
margin:0 12px 0 0;
padding:0 4px 4px 4px;
border-right:solid 1px #999999;
text-decoration:none;
}
#horizontalnavbar #headerloginandhelpbar p {
float:right;
font:normal 11px/12px sans-serif;
color:#ED1B2E; /*#666666*/
margin:0 12px 0 0;
padding:0 4px 4px 4px;
border-right:solid 1px #999999;
text-decoration:none;
}
#horizontalnavbar #headerloginandhelpbar img {
float:right;
}
#siteheader #headerloginandhelpbar {
height:16px;
width:400px;
position:absolute;
right:25px;
top:15px;
text-align:right;
}
#siteheader #headerloginandhelpbar a {
float:right;
font:normal .8em/.875em sans-serif;
color:#666666;
margin:0 12px 0 0;
padding:0 4px 4px 4px;
border-right:solid 1px #999999;
text-decoration:none;
}
#siteheader #headerloginandhelpbar p {
float:right;
font:normal .8em/.875em sans-serif;
color:#666666;
margin:0 12px 0 0;
padding:0 4px 4px 4px;
border-right:solid 1px #999999;
text-decoration:none;
}
#siteheader #headerloginandhelpbar img {
float:right;
}
/*==================================================================================================================
HORIZONTAL NAVIGATION HORIZONTAL NAVIGATION HORIZONTAL NAVIGATION HORIZONTAL NAVIGATION
=================================================================================================================*/
#horizontalnavbar {
height:35px;
border:solid #ffffff;
border-width:1px 0;
width:100%;
position:relative;
z-index:50;
background-color:#747679;
}
#horizontalnavbar #orangespacer {
position:absolute;
left:0;
top:0;
width:170px;
height:35px;
border:solid black;
border-width:0 1px 0 0;
background-color:#747679;
}
#horizontalnavbar .navigationlist {
position:absolute;
top:0;
left:171px;
margin:0;
text-indent:0;
display:block;
padding:0;
width:800px;
z-index:50;
}
#horizontalnavbar .navigationlist li {
display:block;
float:left;
margin:0;
overflow:visible;
width:79px;
height:35px;
border:solid white;
border-width:0 0 0 1px;
}
#horizontalnavbar .navigationlist li a {
display:block;
margin:0;
font:bold 11px/35px sans-serif;
text-decoration:none;
text-align:center;
color:#ffffff;
width:76px;
padding:0 2px 0 1px;
}
#horizontalnavbar .navigationlist li:hover a, #horizontalnavbar .navigationlist li a:hover {
background-color:#ED1B2E;
color:white;
}
#horizontalnavbar .navigationlist li.currentpage a {
background-color:#5F9BAF;
color:white;
}
#horizontalnavbar .navigationlist ul li.currentpage a {
background-color:#5F9BAF;
color:white;
}
#horizontalnavbar .navigationlist ul li.active a {
background-color:#5F9BAF;
color:white;
}
/*updated navigation styles 2015*/
/* ***MegaDrop Navigation Menu source: http://shanejeffers.com/blog/megadrop-mega-drop-down-menu-css-framework*** */
.nav > li:hover > div { display: block; }
/* MEGA DROP DOWN */
.nav > li > div {
position: absolute;
left: 1px;
display: none;
background: #fff;
padding: 20px 10px;
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
overflow: hidden;
}
/* COLUMNS */
.col1,.col2,.col3,.col4 { margin: 10px 0; float: left; padding: 0 10px; }
.col1_header_tall{
max-width:15%;
height:100%;
min-height:350px;
background-color:#ED1B2E;
margin:-20px 0 -21px -10px;
float:left;
padding:20px 30px 30px 15px;
min-width:100px;
overflow:hidden;
}
.col1_header_med{
max-width:15%;
height:100%;
min-height:260px;
background-color:#ED1B2E;
margin:-20px 0 -21px -10px;
float:left;
padding:20px 30px 30px 15px;
min-width:100px;
overflow:hidden;
}
.col1_header_tall h3, .col1_header_med h3, .col1_header h3 {
color:#ffffff;
}
.col1_header{
max-width:15%;
height:100%;
min-height:210px;
background-color:#ED1B2E;
margin:-20px 0 -21px -10px;
float:left;
padding:20px 30px 30px 15px;
min-width:100px;
overflow:hidden;
}
.col1_header h3 {color:#ffffff; margin-top:0;}
.col1 li, .col2 li, .col3 li, .col4 li { padding: 5px; line-height:1.2em; }
/* 4 Column */
.container-4 { width: 100%; border: 5px solid #ED1B2E; max-width:950px; }
.container-4 .col1 { width: 25%; }
.container-4 .col2 { width: 50% }
.container-4 .col3 { width: 75% }
.container-4 .col4 { width: 100% }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.h3_2ndLevel {
padding-top:20px !important;
clear:left;
}
.home {
margin-left:5px !important;
}
.home_h3 {
margin-left:-10px !important;
}
/****************************************************************************
* Drop down styles *
****************************************************************************/
body {
behavior:url("../htc/csshoverfix.htc"); /* This is an IE-only property that fixes the fact the ":hover" doesn't work on LIs in IE6. */
}
#horizontalnavbar .navigationlist li .navigationlist {
position:relative;
visibility:hidden;
padding:0;
margin:0 30px;
background:white;
width:20%;
z-index:100;
display:block;
float:left;
left:0;
}
#horizontalnavbar .navigationlist_home li .navigationlist {
position:relative;
visibility:hidden;
padding:0;
margin:0 30px 0 15px;
background:white;
width:20%;
z-index:100;
display:block;
float:left;
left:0;
}
#horizontalnavbar .navigationlist li .navigationlist li {
text-align:left;
font:normal 12px sans-serif;
padding:0;
border-top:none;
border-bottom:none;
border-left:none;
border-right:solid 1px #babcbe;
margin:0 0 0 -40px;
list-style:none;
display:block;
float:none;
text-indent:0;
color:Black;
overflow:visible;
min-width:170px;
max-width:300px;
width:100%;
height:auto;
position:relative;
}
#horizontalnavbar .navigationlist li .navigationlist li a {
display:block;
margin:1px;
font:normal 13px sans-serif;
text-decoration:none;
text-align:left;
color:Black;
background:White;
min-width:150px;
max-width:280px;
width:100%;
padding:5px 10px;
}
#horizontalnavbar .navigationlist li .navigationlist li a:hover {
background-color:#ED1B2E;
color:White;
}
#horizontalnavbar .navigationlist li:hover .navigationlist {
visibility:visible;
}
.navigationlist h3 {
margin-top:0;
padding-top:0;
font-family:Gotham-Book, Arial, sans-serif;
}
/*======================================================================================================
| |
| LL EEEEEE FFFFFF TTTTTT SSSSS IIIIII DDDDD EEEEEE BBBBBB AAAA RRRRRR |
| LL EE FF TT SS II DD DD EE BB BB AA AA RR RR |
| LL EEEE FFFF TT SSSS II DD DD EEEE BBBBB AAAAAA RRRRR |
| LL EE FF TT SS II DD DD EE BB BB AA AA RR RR |
| LLLLLL EEEEEE FF TT SSSSS IIIIII DDDDD EEEEEE BBBBBB AA AA RR RR |
| |
======================================================================================================*/
#leftsidebar {
float:left;
width:165px;
/* commenting out to fix alignment 2018-LM
margin:0 -170px 0 0; This allows #maincontent to be laid out as though #leftsidebar doesn't exist, and helps to prevent overlapping/gaps between this. */
height:auto !important;
min-height:100%;
position:relative;
padding:10px 0 0 0;
border-right: solid .25px #ecedef;
margin-right: 20px;
visibility:hidden;
display:none;
}
#leftsidebar .navigationlist {
display:none;
width:165px;
text-align:right;
margin:0;
padding:0;
text-indent:0;
}
#leftsidebar .navigationlist li {
display:block;
width:165px;
margin:0;
padding:0;
text-indent:0;
list-style:none;
font:bold 11px/30px sans-serif;
color:Black;
border:solid #ecedef;
border-width:0 0 .25px 0;
}
#leftsidebar .navigationlist li:first-child {
border:solid #ecedef;
border-width: .25px 0 .25px 0;
}
#leftsidebar .navigationlist li a {
display:block;
margin:0;
font:bold 11px/16px sans-serif;
text-decoration:none;
text-align:left;
color:#747679;
width:135px;
padding:7px 10px 7px 20px;
}
#leftsidebar .navigationlist li a:hover {
color:#5f9baf;
text-decoration:underline;
}
#leftsidebar .logo {
display:block;
overflow:auto;
margin:10px 2px;
position:relative;
width:161px;
}
#leftsidebar .logo img {
float:left;
border:none 0;
}
#leftsidebar .logo p {
font:bold 12px sans-serif;
position:absolute;
right:5px;
bottom:10px;
display:block;
padding:0;
margin:0;
}
#leftsidebar .logo a {
color:#747679;
text-decoration:none;
}
#leftsidebar #quicklinks {
margin:0; /* This is here because of a weird cut-off problem on short pages that happens in IE only */
}
#leftsidebar #quicklinks h4 {
display:block;
width:145px;
margin:25px 0 0 0;
padding:0 10px 0 10px;
text-indent:0;
list-style:none;
font:bold 11px/25px sans-serif;
color:#666666;
border-bottom:dashed .25px #babcbe;
border-top:solid .25px #ecedef;
}
#leftsidebar #quicklinks .navigationlist li:first-child {
border:solid #ecedef;
border-width:0 0 .25px 0;
}
/*=========================================================================================
| |
| NN NN OOOOO SSSSS IIIIII DDDDD EEEEEE BBBBBB AAAA RRRRRR |
| NNN NN OO OO SS II DD DD EE BB BB AA AA RR RR |
| NN NN NN OO OO SSSS II DD DD EEEE BBBBB AAAAAA RRRRR |
| NN NNN OO OO SS II DD DD EE BB BB AA AA RR RR |
| NN NN OOOOO SSSSS IIIIII DDDDD EEEEEE BBBBBB AA AA RR RR |
| |
=========================================================================================*/
/* Special settings for the rare pages that don't have a left sidebar */
body.nosidebar {
background:#FFFFFF none no-repeat top left;
}
body.nosidebar #horizontalnavbar .navigationlist {
left:17px;
}
/*body.nosidebar #horizontalnavbar .navigationlist .navigationlist {
left:18px;
}*/
body.nosidebar #horizontalnavbar #orangespacer {
display:none;
}
body.nosidebar #maincontent {
float:left;
/* width:auto; */
margin:24px 17px 40px 10px;
}
#maincontentnoside {
margin: 40px;
}
@media screen and (max-width: 620px) {
#maincontentnoside {
margin: 24px 15px 40px 10px;
}
}
/*=============================================================================================================
| |
| MM MM AAAA IIIIII NN NN CCCCC OOOOO NN NN TTTTTT EEEEEE NN NN TTTTTT |
| MMM MMM AA AA II NNN NN CC OO OO NNN NN TT EE NNN NN TT |
| MM MMM MM AAAAAA II NN NN NN CC OO OO NN NN NN TT EEEE NN NN NN TT |
| MM M MM AA AA II NN NNN CC OO OO NN NNN TT EE NN NNN TT |
| MM MM AA AA IIIIII NN NN CCCCC OOOOO NN NN TT EEEEEE NN NN TT |
| |
=============================================================================================================*/
#maincontent {
float:left;
width:70%;
margin:24px 24px 100px 194px; /* 194px on the left includes the 170px negative margin on #leftsidebar */
min-height: 900px;
}
#maincontent_home {
float:left;
width:auto;
margin:24px 24px 0px 17px; /* 194px on the left includes the 170px negative margin on #leftsidebar */
}
#breadcrumbs a {
font-weight:100;
}
#breadcrumbs {
white-space:nowrap;
width:600px;
margin:-20px 0 20px 0;
font-weight:bold;
}
/*==============================================================================================
| |
| SSSSS IIIIII TTTTTT EEEEEE FFFFFF OOOOO OOOOO TTTTTT EEEEEE RRRRRR |
| SS II TT EE FF OO OO OO OO TT EE RR RR |
| SSSS II TT EEEE FFFF OO OO OO OO TT EEEE RRRRR |
| SS II TT EE FF OO OO OO OO TT EE RR RR |
| SSSSS IIIIII TT EEEEEE FF OOOOO OOOOO TT EEEEEE RR RR |
| |
==============================================================================================*/
/*
The following 5 selectors are used to put the footer where it belongs. The code's kinda quirky, but
it works on all major browsers. See http://ryanfait.com/sticky-footer/ for more info about why
and how this works. If you're copying this code for use elsewhere, be sure to put "height:100%;"
in the HTML and BODY elements.
*/
html {
height:100%; /* Why, you ask? It's because the #nonfooterwrapper, #push, and #sitefooter's height properties don't calculate correctly in some browsers if we don't. It's one of those quirky things. */
margin:0;
}
body {
height:100%; /* The same reason as the height property on the "html" element. Doesn't seem like it'd do anything, but the #push and #sitefooter elements won't work right on all browsers without it. */
}
#nonfooterwrapper {
height:auto !important;
/*margin-bottom:-200px; */
min-height:100%;
/* position:relative; */
width:100%;
overflow:hidden;
z-index:2;
}
#nonfooterwrapper .push {
clear:both;
/* height:200px; */
width:1px;
}
#sitefooter {
background:#747679;
font:normal 9px sans-serif;
color:White;
clear:both;
height:auto;
padding:10px 0 20px 0;
/* position:relative; */
width:100%;
text-align:center;
z-index:1;
}
#sitefooter .navigationlist {
margin:0;
text-indent:0;
padding:0;
}
#sitefooter .navigationlist li {
display:inline;
margin:0;
text-indent:0;
list-style:none;
color:white;
border:solid white;
border-width:0 0 0 1px;
padding:0 7px 0 8px;
}
#sitefooter .navigationlist li:first-child {
border:none 0;
padding:0 7px 0 0;
}
#sitefooter .navigationlist li a {
color:white;
text-decoration:none;
position:relative;
top:0;
left:0;
}
#footercommonlinksbox {
margin:auto;
}
#footercommonlinksbox a, #footercommonlinksbox a:hover, #footercommonlinksbox a:visited, #footercommonlinksbox a:active {
color:White;
}
#footercommonlinksbox th {
padding:20px 10px 0 0;
font:16px Helvetica, Arial, sans-serif;
color:#93bcca;
}
#footercommonlinksbox td {
font:normal 12px sans-serif;
line-height: 140%;
color:White;
}
#footercommonlinksbox th, #footercommonlinksbox td {
border-spacing:inherit;
border-collapse:inherit;
}
#footercommonlinksbox ul {
margin:0;
padding:0;
text-indent:0;
margin-left:-10px;
}
#footercommonlinksbox li {
list-style-type:none;
padding:0 2px 4px 0px;
margin:0 0 0 20px;
text-indent:0;
}
/*=======================================================================================================================
| |
| MM MM EEEEEE MM MM BBBBBB EEEEEE RRRRRR IIIIII MM MM AAAA GGGGG EEEEEE SSSSS |
| MMM MMM EE MMM MMM BB BB EE RR RR II MMM MMM AA AA GG EE SS |
| MM MMM MM EEEE MM MMM MM BBBBB EEEE RRRRR II MM MMM MM AAAAAA GG GGG EEEE SSSS |
| MM M MM EE MM M MM BB BB EE RR RR II MM M MM AA AA GG GG EE SS |
| MM MM EEEEEE MM MM BBBBBB EEEEEE RR RR IIIIII MM MM AA AA GGGGG EEEEEE SSSSS |
| |
=======================================================================================================================*/
/* The conditional expressions should help these to work in IE6 */
.memberLogoLarge {
max-height:200px;
max-width:400px;
height:expression(this.height >= this.width && this.height > 200 ? 200 : true);
width:expression(this.height < this.width && this.width > 400 ? 400 : true);
}
.memberPhotoLarge {
max-height:210px;
max-width:140px;
height:expression(this.height >= this.width && this.height > 210 ? 210 : true);
width:expression(this.height < this.width && this.width > 140 ? 140 : true);
}
.memberLogoSmall {
max-height:100px;
max-width:200px;
height:expression(this.height >= this.width && this.height > 100 ? 100 : true);
width:expression(this.height < this.width && this.width > 200 ? 200 : true);
}
.memberPhotoSmall {
max-height:120px;
max-width:80px;
height:expression(this.height >= this.width && this.height > 120 ? 120 : true);
width:expression(this.height < this.width && this.width > 80 ? 80 : true);
}
/*===================================================================
| |
| NN NN AAAA VV VV TTTTTT AAAA BBBBBB SSSSS |
| NNN NN AA AA VV VV TT AA AA BB BB SS |
| NN NN NN AAAAAA VV VV TT AAAAAA BBBBB SSSS |
| NN NNN AA AA VVVV TT AA AA BB BB SS |
| NN NN AA AA VV TT AA AA BBBBBB SSSSS |
| |
Example: http://www.hl7.org/Special/committees/es/index.cfm
====================================================================*/
.NavTabs {
padding:0.3em 0 0 0;
vertical-align:bottom;
position:relative;
}
.NavTabUnderline {
background-color: #909090;
height:4px;
clear:both;
width:100%;
min-width:1070px;
}
.tab-nav {
float:left;
font: bold 13px sans-serif;
background-color:#e1e1e1;
border-top-left-radius:4px;
border-top-right-radius:4px;
border:1px solid #c5c5c5;
color:#231F20;
margin:0.4em 0.4em 0 0;
padding:0;
position:relative;
white-space:nowrap;
cursor:pointer;
top:0;
}
.tab-nav a {
float:left;
line-height:1.3;
color:#231F20;
font: bold 13px sans-serif;
padding:0.5em 1em;
text-decoration:none;
cursor:pointer;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-left: solid 1px white;
border-top: solid 1px white;
border-bottom: solid 1px #c5c5c5;
}
.tab-selected-nav div {
float:left;
line-height:1.3;
color:white;
font: bold 13px sans-serif;
padding:0.5em 1em;
text-decoration:none;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom:1px solid #909090;
border-left: solid 1px white;
border-top: solid 1px white;
}
.tab-nav a:hover {
background-color: white;
border-bottom: solid 1px white;
text-decoration: none;
}
.tab-selected-nav {
border-top:1px solid #909090;
border-left:1px solid #909090;
border-right:1px solid #909090;
border-bottom:1px solid #909090;
float:left;
text-decoration: none;
border-top-left-radius:4px;
border-top-right-radius:4px;
font: bold 13px sans-serif;
margin:0.4em 0.4em 0 0;
padding:0;
position:relative;
white-space:nowrap;
top:0;
color:white;
background-color: #909090;
}
.tab-selected-nav a:hover {
text-decoration: none;
}
/* Tables */
/*benefit table*/
table#benefit th td {
border:1px solid #babcbe;
border-collapse:collapse;
width:100%;
}
table#benefit th {
text-align:center;
color:#ffffff;
background-color:#005a8c;
font:bold 12pt Gotham, Arial, sans-serif;
padding:10px;
}
table#benefit tr:nth-child(even) {
background-color:#f2f2f2;
}
table#benefit tr:nth-child(odd) {
background-color:#ffffff;
}
table#benefit td {
padding:5px 10px;
text-align:left;
}
table#benefit td#benefit-item {
text-align:left;
}
table#benefit tr:hover {
background-color: #ffcc32;
}
/*matrix table*/
table#matrix th td {
border:1px solid #babcbe;
border-collapse:collapse;
width:100%;
}
table#matrix th {
text-align:center;
color:#ffffff;
background-color:#005a8c;
font:bold 12pt Gotham, Arial, sans-serif;
padding:10px;
}
table#matrix tr:nth-child(even) {
background-color:#f2f2f2;
}
table#matrix tr:nth-child(odd) {
background-color:#ffffff;
}
table#matrix td {
padding:5px 10px;
text-align:left;
}
table#matrix td#matrix-item {
text-align:left;
}
table#matrix tr:hover {
background-color: #ffcc32;
}
/* ------------------------ ALERT BOX ----------------------------- */
/* The alert message box */
.alert {
padding: 5px 20px;
background-color: #ee2e24; /* Red */
color: white;
margin-bottom: 15px;
clear: both;
display: block;
}
.alert-orange {
padding: 5px 20px;
background-color: #ea7125; /* orange */
color: white;
margin-bottom: 15px;
clear: both;
display: block;
}
/* The close button */
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
/* When moving the mouse over the close button */
.closebtn:hover {
color: black;
}
/************************************************************/
/* Bootstrap Overrides that was causing some styling issues */
/************************************************************/
:root{
--bs-link-color:#005a8c !important;
}
a{
text-decoration: none !important;
}
.utility-nav.no-list{
margin-top:10px !important;
}