* {
  box-sizing: border-box;
}

body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	font-style: normal;
	color: black;
	margin: 0em;
}
/* Styles for Links */
a:link {
	color: #362B7C;
	text-decoration: underline;
}
a:visited {
	color: #006D79;
}
a:hover, a:focus {
	color: black;
	text-decoration: underline;
}
/*a:focus {
	color: white;
	background-color: #006D79; 
	padding: 0.5em;
}*/
a img {
	border: none;
}
a[target=_blank] {
	target-new: tab;
}
a[href^="http"] {
  display: inline-block;
  background: url("../images/outsidelink.gif") no-repeat 100% top;
  padding-right: 17px;
  margin-right: -5px;
}
a[href^="http"]:hover {
  background: url("../images/outsidelink.gif") no-repeat 100% top;
  padding-right: 17px;
  margin-right: -5px;
}
#nav a[href^="http"] {
	background-image: none;
	padding-right: 1em;
	margin-right: 0px;
}
/* hide/show buttons */
#hide {
	position: relative; 
	top: 0.5em; 
	margin-right: 0.5em; 
	margin-top: -39px;
}
#show {
	position: relative; 
	top: 0.5em; 
	margin-right: 0.5em;
	margin-top: -39px;
	display: none
}
.toggleMenu {
	float: right;
}
.toggleMenu a {
	text-decoration: none;
}
#breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	margin: 0.75em 0em 0em 0em;
}
/* content pages */
#page-content {
	width: 100%;
	background-color:#BBDDDB;
	overflow: hidden;
	/*margin: 0em 0em 0em 3em;
	padding: 0px 1px 0px 0px;*/
}
#content-wrapper {
	background-color: white;
	max-width: 81em;
	margin: auto;
}
#content-area {
	display: inline-block;
	padding: 0em 0em 1em 2em;
	margin: 0em;
}
.part-width {
	width: 74%;
}
.full-width {
	width: 97.5%;
}

/* Styles for Masthead */
#masthead {
	/*width: 100%;*/
	height: 12.8em;
	background-color: #402961;
	background-image: url('../images/pu-banner-purple.jpg');
	margin: 0em;
}
#masthead img {
	float: left;
	border: none;
	height: 80px;
	margin: 2.5em 1em 0em 0em
}
#masthead h1 {
	color: white;
	font-size: 2.5em;
	letter-spacing: 0.25em;	
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
#masthead h2 {
	color: white;
	font-size: 0.9em;
	margin-top: 0em;
}
#masthead p {
	text-align: left;
	color: white;
}
#masthead a {
	color: white;
	text-decoration: none;
}
#masthead form {
	padding-top: 2em;
	float: right;
	margin-right: 1em;
	margin-top: 5em;
}
/*
#masthead label {
	color: white;
	display: none;
}
*/
#masthead input[type=submit] {
	color: white;
	font-weight: bold;
    background-color: #006d79;
    border: 1px teal solid;
    box-shadow: 0px 20px 10px -5px teal inset;
    cursor: pointer;
    height: 2em;
}
#top {
	max-width: 81em;
	margin: auto;
}
#feature {
	margin: 1em 0em;
	padding: 0em 2.5em 0em 2.5em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url('../images/pu-sidebar.jpg');
	max-width: 100%;
}
#feature a {
	text-decoration: none;
}
#feature div {
	min-height: 20em;
	background-color: #E0E1E2;
	margin: 0em;
	padding: 1em 1em 1em 2em;
}
#feature img {
	max-width: 100%;
	max-height: 18em;
	padding-left: 1em;
	float: right;
}
#regular {
	margin: 0em;
	display: inline-block;
	width: 100%;
}
#regular .subject {
	width: 22.5%;
	min-width: 15em;
}
#regular .newsbox{
	width: 22.5%;
	min-width: 15em;
	float: right;
}
/* global navigation */
#primary-nav {
	display: block;
	position: absolute;
	top: 128px;
}
#secondary-nav {
	display: block;
	min-width: 100%;
	float: left;
	text-align: left;
	margin: 0px;
}
#hamburger {
	display: none;
}
#primary-nav ul, #secondary-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav {
	vertical-align: top;
	display: inline-block;
	/*box-shadow:
		1px -1px -1px 1px #000,
		-1px 1px 1px 1px #fff,
		0 0 6px 3px #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}
.nav a {
	display: block;
	color: white;
	background-color: #006d79;
	text-decoration: none;
	padding: 0.8em 1.5em;
	/*text-shadow: 0 -1px 0 silver;*/
	position: relative;
}
#secondary-nav .nav a {
	background-color: #402961;
}
.nav a:visited, .nav a:link {
	color: white;
	text-decoration: none;
}
.nav li {
  position: relative;
}
.nav > li {
	float: left;
	/*border-bottom: 4px #aaa solid;*/
	margin-right: 1px;
}
.nav > li > a {
	margin-bottom: 1px;
	box-shadow: 0px 20px 10px -5px teal inset;
}
#secondary-nav .nav > li > a {
	box-shadow: 0 20px 10px -5px #6C4D93 inset;
}
.nav > li:hover, .nav > li:hover a {
	border-bottom-color: aqua;
}
.nav li:hover > a, #secondary-nav .nav li:hover > a, .nav a:focus, #secondary-nav .nav a:focus {
  color: black;
  background-color: white;
  box-shadow: none;
}
/*.nav > li:first-child { 
	border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-radius: 0 0 4px 0;
} 
.nav > li:first-child > a { 
	border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-radius: 0 0 4px 0;
}
.nav > li:last-child { 
	border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-radius: 0 0 4px 0;
	margin-right: 0;
} 
.nav > li:last-child > a { 
	border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-radius: 0 0 4px 0;
}*/
.nav li li a {
	margin-top: 0px;
}
.nav li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border: 5px solid transparent;
  top: 50% ;
  right: 5px;  
}
.nav ul {
  position: absolute;
  white-space: nowrap;
  /*border-bottom: 5px solid  aqua;*/
  z-index: 1;
  left: -99999em;
}
.nav > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}
.nav > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: white; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent;
  border-bottom-color: black; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent;
  /*border-right-color: aqua;*/
  right: 10px; 
}
/* navigation pane */
#navcolumn {
  display: block;
  color: black;
  background-color: white;
  width: 17em;
  text-align: left;
  float: right;
  margin-top: -39px;
}
#navrelated {
  display: block;
  border: 1px solid #402961;
}
#navrelated h2, #navrelated h1 {
  margin: 0;
  padding: 0.5em;
  font-size: 115%;
  background-color: #402961;
  color: #ffffff;
}
#navrelated ul, #navother ul {
  	list-style-type: none;
  	margin: 0.25em 0em 0.25em 0em;
  	padding: 0 1em 1em 0;
}
#navrelated a, #navother a {
	text-decoration: none;
}
#navrelated a:visited, #navother a:visited {
	color: #402961;
}
#navrelated li {
	padding: 0.25em 0em 0.25em 1em;
}
#navrelated li:hover, #navrelated a:hover, #navrelated a:focus, .subject a:focus, .subject h2 a:focus {
	text-decoration: underline;
}

/* Styles for Content */
p {
	margin-top: 0em;
	margin-bottom: 1em;
}
h1 {
	margin-top: 0.5em;
	font-size: 1.25em;
	color: #362B7C;
}
h2 {
	font-size: 1.5em;
	color: #362B7C;
}
h3 {
	font-size: 1.25em;
	color: #362B7C;
	margin-bottom: 0em;
}
h4 {
	font-size: 1em;
	color: #362B7C;
	margin-bottom: 0em;
}
h5 {
	font-size: 1em;
	font-style: italic;
	color: #362B7C;
	margin-bottom: 0em;
}
h6 {
	font-size: 1em;
	color: black;
	margin-top: 0em;
	margin-bottom: 0.5em;
}
blockquote {
	font-style: italic;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}
th {
	color: white;
	background-color: #006d79; 
	vertical-align: top;
	padding: 0.25em 0.25em 0.25em 0.25em;
}
th a:link {
	color: white;
	text-decoration: none;
}
th a:visited {
	color: white;
	text-decoration: none;
}
td {
	vertical-align: top;
	padding: 0.25em 0.25em 0.25em 0.25em;
}
ol li {
	margin-bottom: 0.5em;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
sup {
	font-size: smaller;
}
sub {
	font-size: smaller;
}
.centered {
	text-align: center;
}
.left-justified {
	text-align: left;
}
.right-justified {
	text-align: right;
}
.underlined {
	text-decoration: underline;
}
.new {
	background: url("../images/new-small.gif") no-repeat 100% top;
	padding-right: 22px;
	display: inline-block;
}
.updated {
	float: right;
	text-align: right;
	font-style: italic;
}
.indented
{
	padding-left: 3em
}
.emphasised
{
	font-style: italic;
	white-space: nowrap;
}
.outline {
	border-style: solid;
	border-width: 1px;
	padding: 1em 1em 1em 1em
}
.outline h4 {
	margin-top: 0em;
}
.key-message {
	border-style: solid;
	border-width: 1px;
	padding: 1em 1em 1em 1em;
	background-color: #C9F8F7
}
.key-message h4 {
	margin-top: 0em;
}
.helpButton {
	border: none;
	background-color: white;
}
.helpButton:hover {
	cursor: pointer;
}
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	max-width: 50em;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.modal-header {
  padding: 2px 16px;
  background-color: #006d79;
  color: white;
}
.modal-header h2 {
	color: white;
}
.modal-body {
	padding: 2px 16px;
}
.close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover {
	cursor: pointer;
}
.wrapper {
	display: inline-block;
	width: 100%;
	margin-bottom: 0em;
}
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 20%;
}
.tablink:hover {
  background-color: #777;
}
.tablink:active {
	color: black;
	background-color: white;
}
.subject {
	float: left;
	width: 29%;
	min-width: 15em;
	margin: 1em;
	/*border: 1px solid silver;*/
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*box-shadow: -10px 10px 18px 5px silver;*/ 
}
.subject h2 {
	text-align: left;
	font-size: 1.25em;
	color: #006d79;
	margin-bottom: 0em;
}
.subject h2 a, .subject h2 a:visited, .subject h2 a:link {
	color: #006d79;
}
.subject p {
	/*margin-right: 0em;*/
}
.subject ul, .newsbox ul {
	list-style-type: none;
	padding: 0;
}
.subject li, .newsbox li {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.subject a:visited, .subject a:link, .newsbox a:visited, .newsbox a:link {
	color: #362B7C;
	text-decoration: none;
}
.subject a:hover, .subject a:focus {
	text-decoration: underline;
}
.more a {
	font-weight: normal;
}
.newsbox {
	border: 1px solid silver;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0em; 
	margin-bottom: 0.5em;
	/*box-shadow: -10px 10px 18px 5px silver;*/ 
}
.newsbox h2 {
	font-size: 1.25em;
	color: white;
	margin: 0em;
	padding: 0.5em 0.5em 0.5em 1em;
	background-color: #402961;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}
.newsbox table {
	margin: 0em 1em;
}
.newsbox thead {
	display: none;
}
.newsbox p {
	padding: 0em 1em 0em 1em;
}
.newsbox a {
	text-decoration: none;
}
.newsbox li {
	padding: 0em 1.5em;
}
.nosymbol {
	list-style-type: none;
}
.mcc-list {
	list-style-type: none;
}
.mcc-list li {
	text-indent: -2em;
}
.m2Medicine {
	color: white;
	background-color: #362B7C;
	padding-left: 1em;
	padding-right: 1em;
}
.m2Issue {
	color: white;
	background-color: #006D79;
	padding-left: 1em;
	padding-right: 1em;
}
.m2End {
	color: white;
	background-color: #00A6A6;
	padding-left: 1em;
	padding-right: 1em;
}
.m2End a {
	color: white;
}
.recommendation {
	font-weight: bold;
}
/* Styles for Footer */
#footer {
	color: white;
	background-color: #006d79;
	font-size: small;
	text-align: center;
	margin: 0em;
	padding: 0em 0em 1.25em 0.5em;
}
#footer p {
	padding-top: 1.5em;
}
#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a[href^="http"], #footer-home a[href^="http"] {
  background: url("../images/outsidelink-footer.gif") no-repeat 100% 0;
  padding-right: 17px;
  margin-right: -5px;
}
#accessibility {
	display: none;
}
#accessibility a[href^="http"] {
  background: none;
}
#government {
	float: right;
	padding-left: 1em;
	margin: 0em;
}
#government a[href^="http"] {
  background: none;
}
#moh {
	float: left;
	margin-top: 0.4em;
}
#moh a[href^="http"] {
  background: none;
}
.keep-together {
	white-space: nowrap;
}
.style-normal {
	font-weight: normal;
}
.style-strikethrough {
	text-decoration: line-through;
}
.www {
  background: url("../images/outsidelink.gif") no-repeat 100% 0%;
  padding-right: 17px;
}
.top {
	background: url("../images/top.jpg") no-repeat 100% 0%;
	float: right;
}
.top a {
	text-decoration: none;
}
.top a:hover {
	content: 'Back to top';
}
.agenda-level-1 {
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	color: #362B7C;
}
.agenda-level-2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #362B7C;
}
.agenda-level-3 {
	font-size: 1em;
	font-weight: bold;
}
.agenda-level-4 {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #362B7C;
	margin-bottom: 0em;
}
.separated-list li {
	margin-bottom: 0.25em
}
.consumer-alert
{
	border: 1px solid #007F7F;
}
.consumer-alert h4 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #007F7F; 
	color: white;
}
.consumer-alert h5 {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.consumer-alert p {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.consumer-alert ul {
	padding-right: 0.5em;
}
.consumer-alert th {
	color: black;
	background-color: silver;
}
.hcp-alert
{
	border-width: 1px;
	border-color: #006D79;
	border-style: solid;
}
.hcp-alert h4 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #006D79; 
	color: white;
}
.hcp-alert p {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.hcp-alert ul {
	padding-right: 0.5em;
}
.hcp-alert th {
	color: black;
	background-color: silver;
}
#hideDefinitions {
	display: none;
}
#definitions {
	display: none;
	position: relative;
  	width: auto;
  	background-color: white;
  	border: none;
}
#hideExtraInfo {
	display: none;
}
#extraInfo {
	display: none;
}
#hideExtraInfo2 {
	display: none;
}
#extraInfo2 {
	display: none;
}
#hideExtraInfo3 {
	display: none;
}
#extraInfo3 {
	display: none;
}
.pop-up {
	padding: 1em;
	position: absolute;
	width: 600px;
	background-color: #CCFFFF;
	border: 1px solid black;
}
.pop-up h5 {
	margin-top: 0em;
}
/*@media screen and (max-width: 948px) {
  #masthead {
	height: 129px;
  }
  #masthead form {
	float: left;
	padding-left: 3em;
  }
  #nav {
	float: left;
  }
  .nav > li {
	float: none;
  }
  .nav li ul {
	display: none;
  }
}*/
@media screen and (max-width: 940px) {
	#regular .newsbox {
		float: left;
	}
	#navcolumn {
		width: 96%;
		float: none;
		margin-left: 1em;
		margin-top: 0px;
	}
	.part-width {
		width: 97.5%;
	}
	#hide, #show {
		display: none;
	}
	#secondary-nav {
		top: 28px;
	}
}
@media screen and (max-width: 600px) {
	.nav a {
		display: none;
	}
	#hamburger {
		display: block;
		position: absolute;
		top: 128px;
		right: 0px;
	}
	#hamburger a {
		padding: 0.55em 1em;
	}
	.icon {
		cursor: pointer;
	}
	.nav li ul {
		display: none;
	}
	#secondary-nav {
		display: block;
		position: absolute;
		top: 128px;
	}
	.nav.responsive a {
		display: block;
		position: relative;
	}
	.nav.responsive > li {
		float: none;
	}
	#masthead form {
		padding-top: 0em;
	}
	#content-area {
		width: 100%;
		padding-right: 1em;
	}
	#feature {
		max-width: 100%;
		height: 100%;
	}
	#feature div {
	  	max-width: 100%;
	  	height: 100%;
		padding: 0em 2em;
		margin: 0em;
	}
	#feature img {
		max-width: 100%;
		float: none;
		padding: 1em 0em;
	}
	#regular .newsbox {
		float: left;
		min-width: 16em;
		max-width: 100%;
	}
	.more {
		display: none;
	}
	.wrapper .subject, #regular .subject {
		float: none;
		width: 100%;
		padding-right: 2em;
	}

}