html#static-share-drug a.blue-label {
  text-decoration:none !important;
  color:#006699;
}
html#static-share-drug a.blue-label:hover, html#static-share-drug a.blue-label:focus {
  color:#993366 !important;
}
html#static-share-drug a.blue-label:visited {
  color:#006699;
}
.sec-mb {
  display:none;
}
.btn-ec {
  cursor:pointer !important;
}
.no-border {
  border:none !important;
  box-shadow:none !important;
  cursor:default !important;
}
#az-section2 .alpha-links {
  padding:0 !important;
} 
.section-body .no-clk .section-title h2 {
  padding-left:0;
}
/* //remove to fix bibliography.html TOC
.page-nav {
display:none !important;
}


#static-share-drug .alphanav .alpha-links li {
  padding: 0.5em 0.3em 0.5em 0.3em;
}
*/
#static-share-drug .main .section-body {
  padding-left: 0.8em;
}
#section2 .bluearea {
  text-align:center;
}
#static-share-drug .blue-label {
  padding:0;
}
.alphalink {
  font-size:1.5em;
}
.cloud {
    font-family: verdana,arial;
    font-size: 1em;
    line-height: normal;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.cloud li {
    display: inline;
    padding-right: 5px;
    line-height:230%;
}
ul.cloud a.highest {
    font-size: 225%;
}
.cloud a:link {
    text-decoration: none;
}
ul.cloud a.low {
    font-size: 125%;
}
ul.cloud a.high {
    font-size: 175%;
}
.cloud span {
    left: -9999px;
    position: absolute;
    width: 990px;
}


.hide {
  display:none;
}
.tpgroupcat .expand {
  background-image: url("../images/plus.gif");
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tpgroupcat .contract {
    background-image: url("../images/minus.gif");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
}
.tpgroup .rssicon {
    background-image: url("../images/rss.png");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: underline;
}
.tpgroupcat ul li a {
    padding-left: 15px;
}

.fl {
  float:left;
}
.adam-logo {
  text-align:center;
}
article {
  clear:both;
}
.simple {
  padding-right:0.2em !important;
}
#static-share-about h3 {
  font-size:1.0em;
}
#about-side {
  background-color:#c6dbfb;
}
#about-side ul {
  margin-bottom:1.0em;
}
#about-side ul:last-child {
  margin-bottom:0 !important;
}
#about-side ul li {
  line-height: 100% !important;
}
#about-side h2 {
  margin-bottom:0.4em !important;
}
#section1 img {
  margin-right:0.9em;
}
.c-l {
  margin-right:3.0em;
}
dt {
  font-weight:bold;
  margin-top:1.2em;
}
ul.fl {
  width:50%;
}
.bibliography p {
  word-wrap: break-word;
}
.recog div.group {
  margin-bottom:2.5em;
}
.recog div.group:last-child {
  margin-bottom:0 !important;
}
.recog-img img{
  max-width: 100%;
  max-height: 100%;
}
ul.bullet, .faq_suite ul {
  list-style:disc outside !important;
  margin-left:2.5em;
}

.faq_suite ul li {
  line-height:190%;
}
h2 strong {
  color:#404040;
  font-size:1.2em;
}
@media only screen and (min-width: 220px) and (max-width: 659px) {
  .page-nav {
    display:none;
  }
  .wider .side-section {
    width:100% !important;
  }
  #drug-herb-img,#static-share-drug .side {
    display:none !important;
  }
  .sec-mb {
    display:block;
  }
  #sh_drugs, #sh_herbs {
    background-image:none !important;
    padding: 1em 0 1em 1.14286em !important;
    height:auto !important;
  }
}



/* OCCS STYLES */
.resrow {
  clear: both;
}
.resrow .full-half {
  display: block;
}
.resrow .full-third {
  display: block;
}
.resrow .half-quarter {
  display: block;
  float: left;
  width: 50%;
}
#static-share .resimg {
  max-width: 100%;
}
#static-share-stats .table-box {
  max-width: 42.85714em;
}
#static-share-stats .section-normal, #static-share-stats .stat-links {
  margin-bottom: 1.42857em;
}
#static-share-mpcusers .table-box {
  max-width: 51.42857em;
}
#static-share-mpcusers .table-box td, #static-share-mpcusers .table-box th{
  text-align: left;
}
#static-listserv .gov-delivery, #static-xml .gov-delivery {
  margin-bottom: 1.42857em;
}
#static-sitemap .lositemap li a{
  font-weight: bold;
}
#static-sitemap .lositemap li li a{
  font-weight: normal;
}
#static-sitemap .topiclabel {
  margin-left: 1em;
  margin-top: 0.71428em;
  margin-bottom: 0.42857em;
}
#static-dict .dictionary-logo ,#static-dict #dictionary-form .text-label{
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.71428em;
}
#static-dict .dict-info {
  text-align: center;
  margin-top: 1.42857em;
}
#static-webservice .xml-code dt {
  font-weight: normal;
  margin-top: 0;
}
#static-webservice .xml-code dd {
  margin-left: 1.42857em;
}
#static-webservice .response-code {
  padding: 0.71428em;
}
#static-widgets .codebox {
    border: 0.07142em solid #cccccc;
    height: 7.14285em;
    margin-top: 1.07142em;
    overflow: auto;
    width: auto;
}
#static-widgets .awidget {
  margin: 2.14285em 0;
  padding: 0;
}
#static-widgets .acode {
  margin-top: 2.14285em;
  margin-bottom: 1.42857em;
}
#static-widgets h3, #static-widgets h2, #static-widgets #search2nd {
  clear: both;
}
#static-widgets #search1st input[type=text], #static-widgets #search2nd input[type=text]{
  padding: 0.14285em;
  width: auto;
  border-radius: 0;
  transition: none;
  box-shadow: none;
}
#static-widgets #search1st label, #static-widgets #search2nd label{
  display: inline-block;
  font-weight: normal;
}
#static-widgets #mpw_container {
  display: block;
  margin: 0 auto; 
}
#static-widgets #mpbuttons dd {
  margin-left: 1.42857em;
}
#static-widgets .search-block {
  display: inline-block;
}
#static-widgets #cloud-widget {
  border: 0.07143em solid #dddddd;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  padding: 0.71428em 0;
}
#static-share #videoarea.bluearea {
  padding: 1.42857em;
}
#static-share  #videoarea .caption {
  margin-top: 0.71429em;
}
/* ==================== Styles added by LO for static pages - begin ==================== */

p.announcement_text {
    font-size: 1.2em;
}

p.announcement_text a {
    font-size: 1.1em;
}

table.table-podcast td {
    text-align:left;
}

.clear {clear:both;}

.width80 {width:80%}
.width100 {width:100%}

div.thumbBox {
  float:left;
  width:196px; 
  margin-left: 75px;
}
div.thumbBox p {
  text-align:center;
  text-decoration:none;
  font-weight: bold
}

blockquote.quote_wrapbreakword {
    word-wrap:break-word
}

th.column15 {
    width: 15%}

th.column20 {
    width:20%
}

th.column25 {
    width:25%
}

th.column30 {
    width:30%
}

th.column35 {
    width:35%
}

th.column40 {
    width:40%
}

th.column50 {
    width:50%
}

th.column70 {
    width:70%
}


p.torightofimage {
  float:left;
  margin-top:20px;
  width:55%;
  padding-left: 20px;
}

/* Styles for presenting XML markup - begin */
.e{margin-left:1em;text-indent:-1em;margin-right:1em}
.c{cursor:hand; TEXT-INDENT: -2em; MARGIN-LEFT: 1em}
.m{color:blue}
.t{color:#990000}
.b{color:red;font-family:"Courier New";font-weight:bold;text-decoration:none}
.tx{font-weight:bold}
.y {TEXT-INDENT: -2em; MARGIN-LEFT: 1em}
.w {MARGIN-LEFT: 1em; TEXT-INDENT: -2em}

span.t1
  {color:#990000;
}
span.m1
  {color:blue;
}
span.tx1
  {font-weight:bold;
}

.b{color:red;font-family:"Courier New";font-weight:bold;text-decoration:none}
.pi{color:blue}
.d{color:blue}
.c{cursor:hand}


.style3 {
  color: red;
  font-family: "Courier New";
  text-decoration: none;
}
/* Styles for presenting XML markup - end */



/* Styles for general purpose tables - begin */
  table.general 
{
  border:0;
  padding:5px;
  margin:0;
  border-collapse: collapse;
} 
  
  table.general th
{
  font-weight: bold;
  color:#0082c8;
  text-align: left;
  vertical-align: text-top;
  padding:5px;
  border-bottom:#0082c8 solid 1px;
  
  
}

  table.general td 
{
  /*font-size: small;*/
  text-align: left;
  padding:5px;
  white-space:nowrap;
  border-bottom:#0082c8 solid 1px;
  
}
  table.general tr.alt 
{
  background-color:#F2FBFF; 
  
}

/* Styles for general purpose tables - end */

.survey-answer {
  margin-bottom: 1.42857em;
}
.survey-answer .answer {
  padding-right: 0.71428em;
  display: block;
  font-weight: bold;
}
.survey-answer .graph {
  display: block;
  padding-left: 0.71428em;
  border-left: 0.07142em solid #ddd;
}
.survey-answer .graph ul{
  margin-bottom: 0;
}
.survey-answer .bar-area {
  display: table;
  width: 100%;
}
.survey-answer .pct, .survey-answer .blue-bar, .survey-answer .gold-bar {
  display: table-cell;
  vertical-align: middle;
}
.survey-answer .blue-bar {
    background-color: #274ec1;
    height: 1.21428em;
    margin-bottom: 0.71428em;
}
.survey-answer .gold-bar {
    background-color: #ecbc00;
    height: 1.21428em;
    margin-bottom: 0.71428em;
}
.survey-answer .pct {
  padding-left: 0.42857em;
}
.blue-bar-leg, .gold-bar-leg {
    display: inline-block;
    height: 17px;
    margin-right: 10px;
    vertical-align: text-bottom;
    width: 17px;
}
.gold-bar-leg {
  background: #ecbc00;
}
.blue-bar-leg {
  background: #274ec1;
}

/* Styles for podcast pages - begin */

.podcast_image {
  border-top: 1px solid #2b64bb;
	border-bottom: 1px solid #2b64bb;
	padding: 12px;
	border-radius: 6px;
	border-image: url("none") 100% 100% 100% 100% 1 1 1 1 0 0 0 0 stretch stretch;
	margin-top: 5px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    background-color: #e2effe;
    text-align: center;
    float:left;
    clear:left;
    line-height: 14px;
    border-right-width-value: 1px;
    border-left-width-value: 1px;
    border-right-style-value: solid;
    border-left-style-value: solid;
    border-right-color-value: #2b64bb;
    border-left-color-value: #2b64bb;
    position: relative;
    z-index: 0;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
    max-width: 240px;
}

.podcast_image img {
  width: 100%;
  max-width: 100%;
}

.podcast_image.podcast_imageLeft {
  float:left;
  clear:none;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  width:30%;
  max-width: 200px;
  }

.podcast_image.podcast_imageLeft img {
  width: 100%;
  max-width:193px
  }

/* Styles for podcast pages - end */

/* to fix long lines - start */
.break { 
	word-break:break-all; 
	} 
 
/* to fix long lines - end */

/* Styles for FAQs  - start */

ul.faq-bulletlist {
   list-style: disc;
   padding-left: 2.71429em;
   margin-top: 20px;
}

ul.faq-bulletlist li{
   margin-bottom: 20px;
}
                
.faq-bottomlink {
   margin-top: 30px;
}

.vtop { 
	vertical-align: text-top !important;
}


/* Styles for FAQs  - end */


/* Styles for Connect  - start */

.connect-btn-text-right{
	text-align: right;
  	margin-bottom: 0;
	padding-bottom: 0;
}

.resrow .connect-60 {
    display: block;
    float: left;
    width: 60%;
  }

.resrow .connect-40 {
    display: block;
    float: left;
    width: 40%;
  }
   
.connect-figcaption {
	text-align: center;
}

.connect-block {
	padding: 0.28571em;
	margin: 0.28571em; 
}

.connect-block-minheight {
	min-height: 33em;
}

.connect-large-click-img {
	text-align: center;
    display: block;
    border: .23143em solid #ddd;
}

.connect-large-click-img img{
    max-width:100%;
    max-height:100%;
}

.connect-toc-border {
  border: 1px solid #ddd;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.connect-toc-label{
display:block;
background:#e8f4f8;
font-size:.85714em;
padding:.33333em;
font-weight:bold;
margin-bottom:.83333em
}

.resrow .connect-toc-onethird {
    display: block;
    float: left;
    width: 52%;
}
   
/* Styles for Connect  - end */


/* Styles for Awards and Recognition  - start */

.awards-block {
	padding: 0.28571em;
	margin: 0.28571em; 
}

.awards-top {
	padding-top: 1.0em;
	margin-top: 0.55556em; 
}

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

.awards-block-minheight {
  min-height: 22em;
}

.awards-block-award-minheight {
  min-height: 16em;
}

.awards-block-comment-minheight {
  min-height: 22em;
}

.awards-block-comment-minheight-row2 {
  min-height: 11em;
}

.awards-block-mr {
 	padding: 0.28571em;
 	margin-top: 0.28571em;
 	margin-bottom: 0.28571em;
 	margin-left: 0.28571em;
 	margin-right: 0.71429em  
 }

.awards-mr {
  padding-right: 0.23077em;
  margin-right: 0.23077em;
}

.awards-videothumb {
	float:left;
	padding: 0.28571em;
 	margin-top: 0.55556em;
 	margin-bottom: 0.71429em;
 	margin-left: 0.28571em;
 	margin-right: 0.71429em
}
.awards-videoblock-minheight {
  min-height: 8.5em;
}

/* Styles for Awards and Recognition - end */



/* Styles for Web Evaluation Tutorial - start */

.resrow .webeval-nav-lr {
    display: block;
    float: left;
    width: 15%;
}
  
 .resrow .webeval-nav-mid {
    display: block;
    float: left;
    width: 70%;
}
  
.webeval_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    width: 100%;
}

.webeval_nav li {
    display: table;
    float: left;
    width: 18%;
    height: 59px;
    min-height: 59px;
}

.webeval_nav li a {
    display: table-cell;
    vertical-align:middle;
    color: #000;
    text-align: center;
    padding: 8px;
    text-decoration: none;
    height: 59px;
    min-height: 59px;
}

.webeval_nav_regular {	
	background-color: #F0F8FF;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
    height: 59px;
    min-height: 59px; 
}

.webeval_nav_regular a {
	height: 59px;
    min-height: 59px;
}

.webeval_nav a:hover:not(.active) {
    background-color: #757575;
    color: #fff;
    border-style: solid;
	border-width: 0 2px 0 0;
	border-color: #fff;
    height: 59px;
    min-height: 59px;
}

.webeval_nav_active {
    background-color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: #007cbf;
    height: 59px;
    min-height: 59px;
}

.webeval_arrow_previous {
	float: left;
	padding-bottom: 10px;	
}

.webeval_arrow_next {
	float: right;
	padding-bottom: 10px;		
}

.webeval-title-sm {
    color:#404040;
    font-weight:bold;
    margin-bottom:1em;
    line-height: 1.4em;
    font-size: .75em;
}
   
.webeval_large-click-img {
	text-align:center;
	display:block;
}

.webeval_large-click-img: hover {
	text-decoration:none
}
	
.webeval_large-click-img img {
	max-width:100%;
	max-height:100%
}

.webeval_large-click-img span {
	display:none;
	background:#000;
	background:rgba(0,0,0,0.75);
	color:#fff;
	position:relative;
	text-align:center;
	line-height:2.85714em;
	margin-top:-2.85714em;
	width:100%;
	float:left
}

.webeval_figcaption {
	text-align: left;
	padding: 2px 120px 2px 120px;
}

@media screen and (max-width: 699px) and (min-width: 550px) {

.resrow .webeval-nav-lr {
    display: block;
    float: left;
    width: 8%;
}
  
.resrow .webeval-nav-mid {
    display: block;
    float: left;
    width: 84%;
}
  	
.webeval_nav li {
	height: 59px;
	min-height: 59px;	
}

.webeval_nav li a {
    height: 59px;
    min-height: 59px;
}
	
.webeval_nav a:hover:not(.active) {
    height: 59px;
    min-height: 59px;
}

.webeval_nav_active {
	height: 59px;
    min-height: 59px;
}
	
.webeval_nav_regular {
	height: 59px;
    min-height: 59px; 
}

.webeval_nav_regular a {
	height: 59px;
    min-height: 59px;
 }
 
 
.webeval_figcaption {
	text-align: left;
	padding: 2px 80px 2px 80px;
}

}


@media only screen and (max-width: 549px) {

.resrow .webeval-nav-lr {
    display: block;
    float: left;
    width: 1%;
 }
  
 .resrow .webeval-nav-mid {
    display: block;
    float: left;
    width: 99%;
  }
  
.webeval_nav li {
	display: block;
	width: 100%;
	height: 25px;
	min-height: 25px;	
}

.webeval_nav li a {
    display:block;
    height: 25px;
    min-height: 25px;
}

.webeval_nav_regular {
	background-color: #fff;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #d0d0d0;
	height: 25px;
    min-height: 25px; 
}

.webeval_nav_regular a {
	height: 25px;
    min-height: 25px;
}
	
.webeval_nav a:hover:not(.active) {
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #d0d0d0;
	height: 25px;
    min-height: 25px;
}

.webeval_nav_active {
	background-color: #CBEAF6;
    border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #d0d0d0;
	height: 25px;
    min-height: 25px;
 }
 
.webeval_figcaption {
	text-align: left;
	padding: 2px 20px 2px 20px;
}

}


/* Styles for Web Evaluation Tutorial - end */
  
  

/* Styles for Recipes  - start */

.recipe-hr {
    margin: 0 40px 40px 20px;
    border: 1px solid #ccc;
}
.recipe-card-block {
	border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
	margin-top: 1em;
  	margin-bottom: 2.3em;
	margin-right: 1.3em;
  	padding: 1em 1em 0 1em;
  	background-color:#EDF5FE
}
.recipe-mb {
  	margin-bottom: 1.5em; 
}
.recipe-recog-img img{
 	max-width: 100%;
  	max-height: 100%;
	}
.resrow .recipe-half-quarter {
    display: block;
    float: left;
    width: 50%;
}
.recipe-nhlbi {
	font-size: .85714em;  
}
.recipe-card-block-with-height {
	border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
	margin-top: 1em;
  	margin-bottom: 2.3em;
	margin-right: 1.3em;
  	padding: 1em 1em 0 1em;
  	background-color:#EDF5FE;
  	min-height: 310px;
}

@media only screen and (max-width: 659px) {

	.recipe-card-block-with-height {
		min-height: 340px;
	}
}
@media only screen and (min-width: 660px) {

	.resrow .recipe-half-quarter {
    	display: block;
    	float: left;
    	width: 25%;
	}
}
  
/* Styles for Recipes  - end */
  
/* Styles for About  - start */

.about-recog-img img{
 	max-width: 100%;
  	max-height: 100%;
	}

.about-img-shadow {	
	box-shadow: 10px 10px 5px grey;
}

.about-img-shadow2 {	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.about-img-shadow3 {	
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.6), 0 12px 30px 0 rgba(0, 0, 0, 0.50);
margin-top: 10px;
}

.resrow .about-half {
    display: block;
    float: left;
    width: 50%;
}

.resrow .about-onethird {
    display: block;
    float: left;
    width: 33%;
}

.resrow .about-twothirds {
    display: block;
    float: left;
    width: 66%;
}

.about-mt {
	margin-top: 1em;
}

.about-block-lightblue {
	border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
	margin-top: 0;
  	margin-bottom: 1.3em;
	margin-right: 1.3em;
  	padding: 1em 1em 1em 1em;
  	background-color:#EDF5FE;
}

.about-block-darkblue-with-height {
	border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
  	margin-bottom: 1.8em;
	margin-right: 1.3em;
  	padding: 1em 1em 0 1em;
  	background-color:#2e75b6;
  	min-height: 100px;
}

   .about-block-darkblue-medium-height {
	border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
  	margin-bottom: 1.8em;
	margin-right: 1.3em;
  	padding: 1em 1em 0 1em;
  	background-color:#2e75b6;
  	min-height: 70px;
}
  
.about-block-darkblue {
	border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
  	margin-bottom: 1.3em;
	margin-right: 1.3em;
  	padding: 0 1em 0 1em;
  	background-color:#2e75b6;
}
  
.about-text-white-large {
	font-weight:normal;
	text-decoration:none;
	color: white;
	font-size:1.6em;
  	line-height:1.8em;
	padding:.3em;
	vertical-align:middle;
	text-align: center;
}

.about-text-white-small-italic {
	font-weight:normal;
	font-style: italic;
	text-decoration:none;
	color: white;
	font-size:1.1em;
  	line-height:1.8em;
	padding:.3em .3em .8em .3em;
	vertical-align:middle;
	text-align: center;
}

.about-block-lightgreen-with-height {
	border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
	margin-top: 1em;
  	margin-bottom: 2.3em;
	margin-right: 1.3em;
  	padding: 1em 1em 0 1em;
  	text-align: center;
  	background-color:#e2f0d9;
  	min-height: 290px;
}
  
.about-hr-blue {
	border: 1px solid #2e75b6;
	margin-top: 30px;
	margin-bottom: 20px;
	
}

  .about-image-text-align-left {
	margin-left: 1em;
	float: right;
}
  
.about-tab { 
	margin-left: 40px; 
}

.about-pdf-button {
    border: 0.07143em solid #CDCDCD;
	border-radius: 0.71429em;
  	margin-bottom: 1.1em;
	margin-right: 1.3em;
  	padding: 1em 1em 0 1em;
  	background-color:#2e75b6;
  	min-height: 20px;
    }

.about-text-white-small-pdf {
	font-weight:normal;
	text-decoration:none;
	color: white;
	font-size:0.98em;
  	line-height:1.8em;
	padding:.6em;
	vertical-align:middle;
	text-align: center;
}
  
.about-min-height-awards-block {
	min-height: 16em;
}

@media only screen and (max-width: 764px) {

.about-min-height-awards-block {
	min-height: 18em;
  }

.resrow .about-half {
    display: block;
    float: left;
    width: 100%;
}

.resrow .about-twothirds {
    display: block;
    float: left;
    width: 100%;
}

.resrow .about-onethird {
    display: block;
    float: left;
    width: 100%;
}

.about-block-darkblue-with-height {
  	margin-bottom: 1em;
  	margin-right: 0.5em;
  	margin-left: 0.5em;
  	padding: 0.2em 1em 0 1em;
}

.about-block-darkblue {
  	margin-bottom: 1em;
	margin-right: 0.5em;
	margin-left: 0.5em;
  	padding: 0 1em 0 1em;
}

.about-block-lightblue {
	margin-bottom: 1em;
  	margin-right: 0.5em;
  	margin-left: 0.5em;
}

.about-block-lightgreen-with-height {
	margin-bottom: 1em;
  	margin-right: 0.5em;
  	margin-left: 0.5em;
}
  
}

  @media only screen and (max-width: 400px) {

.about-block-darkblue-with-height {
  	margin-bottom: 1em;
  	margin-right: 0.5em;
  	margin-left: 0.5em;
  	padding: 0.2em 1em 0 1em;
}
    
.about-block-darkblue {
  	margin-bottom: 1em;
	margin-right: 0.5em;
	margin-left: 0.5em;
  	padding: 0 1em 0 1em;;
}

.about-text-white-large {
	font-size:1.2em;
  	line-height:1.4em;
	padding:.7em;
}

.about-text-white-small-italic {
	font-size:.9em;
  	line-height:1.8em;
	padding:0.3em 0.3em 0.8em 0.3em;
}

}
  
@media only screen and (max-width: 659px) {

.about-min-height-awards-block {
	min-height: 5em;
  }

}

.about-blue-responsive {
	width:100%;
}

table.about-blue {
  border:0;
  padding:5px;
  border-collapse: collapse;
  margin-left:auto; 
  margin-right:auto;
} 

table.about-blue th {
  font-weight: bold;
  text-align: center;
  vertical-align: text-top;
  padding:5px;
  border-bottom:#fff solid 1px;
  border-right:#fff solid 1px;   
}

table.about-blue td {
  text-align: center;
  padding:5px;
  border-bottom:#fff solid 1px;
  border-right:#fff solid 1px;  
}

.about-blue-r1 {
	background-color:#d7e6fb;
}

.about-blue-r2 {	
	background-color:#edf5fe; 
}
/* Styles for About  - end */
  
/* Styles for Genetics  - start */

table.table-genetics th {
    text-align:left;
    vertical-align: top;
    padding: 10px;
}

table.table-genetics td {
    text-align:left;
    vertical-align: top;
    padding: 10px;
}

table.table-genetics p {
    margin-bottom: 3px;
}

table.table-genetics caption p {
	text-align:left;
	margin-bottom: 10px;
}

.about-gen-text-white-large {
	font-weight:normal;
	text-decoration:none;
	color: white;
	font-size:1.6em;
  	line-height:2.0em;
	padding:.3em;
	vertical-align:middle;
	text-align: center;
} 
.gen-linkcard {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 5px;
	border: 2px solid #d0d0d0;
	border-radius:15px;
	min-height: 100px;
}
.gen-linkcard:focused {
 background-color: #F5F5F5
}
.gen-linkcard:hover {
	border: 2px solid #9e9e9e;
	cursor: pointer
}
.gen-linkcard:active {
	background-color: #F5F5F5
}
.gen-clearbreak {
	line-height: 0;
	clear: both
}
.gen-mb {
	margin-bottom: 1.51429em;
}
.gen-mb-p-10 {
	margin-bottom: 10px;
}
.gen-mb-p-3 {
	margin-bottom: 3px;
}
 .resrow .gen-full-quarter {
    display: block;
    float: left;
    width: 20%;
  }
.resrow .gen-three-quarters {
    display: block;
    float: left;
    width: 80%;
  }  
.gen-h2 {
  color:#007CBF;
  font-weight:bold;
  font-size:1.34286em;
  line-height:1.52857em;
} 
.gen-blacktext {
  color: black;
}
.gen-table-expertreviewers {
  border-collapse: collapse;
  border-spacing: 0;
  width: 90%;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.gen-table-expertreviewers th {
	border: 1px solid #ddd;
	font-weight: bold;
	padding: 10px;
	text-align: left;
}
.gen-table-expertreviewers td {
	border: 1px solid #ddd;
	padding: 10px;
}

.gen-table-support {
	border: 0;
	width: 100%;
	margin-bottom: 5px;
}
.gen-table-support td {
	padding-top: 3px;
	padding-bottom: 3px;
}
 
@media screen and (max-width: 900px) and (min-width: 800px) {
 .resrow .gen-full-quarter {
    display: block;
    float: left;
    width: 25%;
  }
.resrow .gen-three-quarters {
    display: block;
    float: left;
    width: 75%;
  }
  .gen-linkcard {
	min-height: 110px;
  }
} 

@media screen and (max-width: 799px) and (min-width: 750px) {
 .resrow .gen-full-quarter {
    display: block;
    float: left;
    width: 30%;
  }
.resrow .gen-three-quarters {
    display: block;
    float: left;
    width: 70%;
  }
    .gen-linkcard {
	min-height: 120px;
  }
} 

@media screen and (max-width: 749px) and (min-width: 680px) {
 .resrow .gen-full-quarter {
    display: block;
    float: left;
    width: 40%;
  }
.resrow .gen-three-quarters {
    display: block;
    float: left;
    width: 60%;
  }
    .gen-linkcard {
	min-height: 160px;
  }
} 

@media screen and (max-width: 679px) and (min-width: 650px) {
 .resrow .gen-full-quarter {
    display: block;
    float: left;
    width: 40%;
  }
.resrow .gen-three-quarters {
    display: block;
    float: left;
    width: 60%;
  }
    .gen-linkcard {
	min-height: 180px;
  }
} 

@media screen and (max-width: 560px) {
 .resrow .gen-full-quarter {
    display: none;
  }
} 

@media screen and (max-width: 400px) {
    .gen-linkcard {
	min-height: 150px;
  }
} 
    
/* Styles for Genetics  - end */


/* Styles for Web Services  - start */

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

/* Styles for Web Services  - end */

  
/* Styles for MedlinePlus Social Media Toolkit  - start */

.socmed-icon-image {
	vertical-align: middle;
  	padding-right: 10px;
}

.socmed-mb {
  	padding-bottom: 10px;
}

.socmed-icon-image-mplus {
        background: url("../images/socmed-icon-mplus-en-1.jpg") no-repeat;
    }
.socmed-icon-image-mplus:hover {
        background: url("../images/socmed-icon-mplus-en-2.jpg") no-repeat;
    }  

.socmed-icon-image-connect {
        background: url("../images/socmed-icon-connect-en-1.jpg") no-repeat;
    }
.socmed-icon-image-connect:hover {
        background: url("../images/socmed-icon-connect-en-2.jpg") no-repeat;
    }  
 
.socmed-icon-image-drugs {
        background: url("../images/socmed-icon-drugs-en-1.jpg") no-repeat;
    }
.socmed-icon-image-drugs:hover {
        background: url("../images/socmed-icon-drugs-en-2.jpg") no-repeat;
    }  
 
.socmed-icon-image-recipes {
        background: url("../images/socmed-icon-recipes-en-1.jpg") no-repeat;
    }
.socmed-icon-image-recipes:hover {
        background: url("../images/socmed-icon-recipes-en-2.jpg") no-repeat;
    } 
 
.socmed-icon-image-genetics {
        background: url("../images/socmed-icon-genetics-en-1.jpg") no-repeat;
    }
.socmed-icon-image-genetics:hover {
        background: url("../images/socmed-icon-genetics-en-2.jpg") no-repeat;
    } 
 
.socmed-icon-image-languages {
        background: url("../images/socmed-icon-languages-en-1.jpg") no-repeat;
    }
.socmed-icon-image-languages:hover {
        background: url("../images/socmed-icon-languages-en-2.jpg") no-repeat;
    } 
 
.socmed-icon-image-medicaltests {
        background: url("../images/socmed-icon-medicaltests-en-1.jpg") no-repeat;
    }
.socmed-icon-image-medicaltests:hover {
        background: url("../images/socmed-icon-medicaltests-en-2.jpg") no-repeat;
    } 

.socmed-icon-image-mymplusnewsletter {
        background: url("../images/socmed-icon-mymplusnewsletter-en-1.jpg") no-repeat;
    }
    
.socmed-icon-image-mymplusnewsletter:hover {
        background: url("../images/socmed-icon-mymplusnewsletter-en-2.jpg") no-repeat;
    } 
                     
.socmed-toc-border {
  border: 1px solid #ddd;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.socmed-toc-label{
display:block;
background:#e8f4f8;
font-size:.85714em;
padding:.33333em;
font-weight:bold;
margin-bottom:.83333em
}

.resrow .socmed-onethird {
    display: block;
    float: left;
    width: 34%;
}

.resrow .socmed-twothirds {
    display: block;
    float: left;
    width: 66%;
}

.accordion-expand-collapse {
	display: block;
	float: right;
}
.expand-all {
	padding: 5px
}
.collapse-all {
	padding: 5px;
}

/* Styles for MedlinePlus Social Media Toolkit  - end */

/* Styles for MedlinePlus modal bullet lists - start */

.modal-card-body ul {
               list-style: disc inside !important;
}

/* Styles for MedlinePlus modal bullet lists - start */

/* Styles for Directories  - start */

.ul-space-every-five-li ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 10px 0;
}
.ul-space-every-five-li li:nth-child(5n/**/+0) {
  padding-bottom: 10px;
}

/* Styles for Directories  - end */


/* ==================== Styles added by LO for static pages - end ==================== */


/* ==================== DESKTOP/TABLET CSS ==================== */
@media only screen and (min-width: 660px) {
  .resrow {
    clear: both;
  }
  .resrow .full-half {
    display: block;
    float: left;
    width: 50%;
  }
  .resrow .full-third {
    display: block;
    float: left;
    width: 33.33%;
  }
  .resrow .half-quarter {
    display: block;
    float: left;
    width: 25%;
  }
    .resrow .two-thirds {
    display: block;
    float: left;
    width: 66.66%;
  } 
  .resrow .three-quarters {
    display: block;
    float: left;
    width: 75%;
  }
  #static-sitemap .col1st, #static-sitemap .col2nd {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-bottom: 0.71428em;
  }
  #static-tutorials #tut_col1, #static-tutorials #tut_col2{
    display: table-cell;
    vertical-align: top;
  }
  #static-tutorials #tut_col2{
    padding-left: 2.14285em;
  }
  #sorrySearch, #static-listserv .gov-delivery, #static-webservice .gov-delivery, #static-xml .gov-delivery, #static-dict #dictionary-form, #static-share .gov-delivery {
    max-width: 21.4286em;
  }
  #static-widgets .awidget {
    float: left;
    width: 44%;
  }
  #static-widgets .acode {
    float: right;
    width: 54%;
  }
  #static-widgets #cloud-widget {
    border: none;
    padding: 0;
  }
  .survey-answer .answer {
    width: 8.57142em;
    font-weight: normal;
  }
  .survey-answer .graph {
    width: 32.85714em;
  }
  .survey-answer .answer, .survey-answer .graph {
    display: table-cell;
    vertical-align: top;
  }
  .podcast_image {
    width: 240px;
  }
}