/*
	$Id$
	Copyright (c) 2005-2015 MDB, Inc.

	Developer:
		Manfred Stanfield
		$Author$
	Date:
		$Date$
	Version:
		$Revision$
	Description:
		This contains the styles for the main site
	Modifications:
		12/11/07	1.3	Style clean up for Newsbriefs section
*/

/* The next 4 lines are only needed for the old Internet Layout tags */
#content a img, #content a:hover img, #content img { border: 0px; }
#content p { margin-bottom: 12px; }
#content ul { margin-bottom: 12px; }
#content ol { margin-bottom: 12px; }


/* My override attempt for https://www.niehs.nih.gov/resources/stylesheets/screen_responsive.min.css */
/* #content-wrapper img { border: 0px solid #000; } */
#content-wrapper a img, #content-wrapper a:hover img, #content-wrapper img { border: 0px; }
#content-wrapper p { margin-bottom: 12px; }
#content-wrapper ul { margin-bottom: 12px; }
#content-wrapper ol { margin-bottom: 12px; }
#content-wrapper p img, #content-wrapper h3 img, #content-wrapper h4 img { margin: 0 !important; }

#noborders { border: 0px; }

/* Message Boxes */
div.messageBox { font-size:14px; margin:0 0 10px 0; border:1px solid #000; padding:4px 0 4px 4px; background-repeat:no-repeat; background-position:17px 15px;
    background-color:#ffc; border-color:#fc0; width:100%; min-height:50px; }
div.messageBox.notification  { background-image: url(./images/icon_notification.gif);  background-color: #eff7fe; border-color: #83a8cc; color: #003366; padding-left: 80px; }
div.messageBox.confirmation  { background-image: url(./images/icon_confirmation.gif);  background-color: #fafff1; border-color: #a9d260; color: #409D1F; padding-left: 80px; }
div.messageBox.criticalalert { background-image: url(./images/icon_criticalalert.gif); background-color: #fcc;    border-color: #C30;    color: #F00;    padding-left: 80px; }
div.messageBox.error         { background-image: url(./images/icon_criticalalert.gif); background-color: #ffc;    border-color: #fc0;    color: #c60000; padding-left: 80px; }
div.messageBox p  { margin: 0 0 12px 0 !important; line-height: 1.5; }
div.messageBox ul { margin: 0 0 12px 20px; padding: 0; line-height: 1.5; width: 95%; }
div.messageBox li { list-style-image: none; list-style-type: disc; }


/*
div.messageBox.notification { background-image: url(./images/icon_notification.gif); background-color: #eff7fe; border-color: #83a8cc; color: #000; padding-left: 80px; }
div.messageBox.confirmation { background-image: url(./images/icon_confirmation.gif); color:#F00; background-color: #fafff1; border-color: #a9d260; color: #000; padding-left: 80px; }
div.messageBox.criticalalert { background-image: url(./images/icon_criticalalert.gif); background-color: #fcc; border-color:#C30; color: #000; padding-left: 80px; }
div.messageBox.error { background-image: url(./images/icon_criticalalert.gif); background-color: #ffc; border-color: #fc0; color: #c60000; padding-left: 80px; }
div.messageBox p { color:#F00; margin: 0 0 12px 0 !important; line-height: 1.5; }
div.messageBox ul { margin: 0 0 12px 20px; padding: 0; line-height: 1.5; }
div.messageBox li { color:#F00; list-style-image: none; list-style-type: disc; }
*/

div.inactive { background-color: #fcc; border:1px solid #C30; color: #000; /*padding-left: 80px;*/ }


/* Styles used by various Admin pages */
.hidden				{ display: none; }
.AdminBox			{ display: none; background: #F4F2F2; padding: 15px; margin: 15px 0px 15px 0px; }

#sitemaintenance {width:380px; height: 50; z-index:69; border:3px solid red; background-color:#FFE; padding: 5px;}

.errorBoxRedJ {	background: White;	border-style: solid; border-color:  #c00; border-width: 1px 1px 1px 1px; margin-top: 5px;margin-bottom: 5px; overflow : hidden;}
.errortextRed { color:#c00; font-family:Arial, Helvetica,sans-serif; font-size:12px;}

/* Development Badge */
#developmentlabelred {
	position: absolute;
	top: 0;
	right: 0;
	width: 	125px;
	height: 125px;
	background: url(./images/DevelopmentLabelRedRight.gif) 0 0 no-repeat;
}


/* BEGINNING of the Newsbrief styles */
td.boxtitle				{ text-align: center; padding: 2px 6px 2px 6px; font-size: 12px; font-weight: bold; color: #FFF;  background-color:#AFAD83; }
td.boxtitle a			{ font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; }
td.boxtitle a:visited	{ font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; }
td.boxtitle a:hover		{ color: #028; text-decoration: none;}

.Article {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.ArticleText { margin-left:20px; font-size:12px;}
.ArticleText h1 { font-weight:bold; font-size:18px;}
.ArticleText a { color: #0000FF; text-decoration: underline;}

.redtext { color: #F00; }

/* Styles for the Form validation routines */
/*input.error, select.error, textarea.error, ul.error, div.error { */
input.error, select.error, textarea.error, ul.error {
    background: none repeat scroll 0 0 #FFCC00;
    border: 1px solid #c00;
    font-weight: normal;
    }

.highlight { background-color: yellow }



/* FlexSlider */
.flex-direction-nav a {
    top: 25% !important;
}

span.videoTitle {
	display: block;
    padding: 2px 6px 2px 6px;
	}

.flex-viewport {
	border: solid 1px #ccc;
	border-bottom: solid 2px #0072bb;
	background: #f6f8fa;
	}
	
	
.pageRow .oneColumn {
  width: auto !important;
  border: 1px #ccc solid;
  box-shadow: 0 1px 6px rgb(0 0 0 / 50%) !important;
  border-bottom: 2px solid #0072bb !important;
}

.oneColumn .lavender-accent.topRow {
    padding-left: 10px;
}

.pageRow .oneRow {
  width: 100% !important;  /* Ensure full width */
  display: block !important; /* Block-level element */
  flex: 1 1 100% !important; /* If using flexbox, make it take full space */
  grid-column: 1 / -1 !important; /* If using grid, make it span all columns */
  border: 1px #ccc solid;
  box-shadow: 0 1px 6px rgb(0 0 0 / 50%) !important;
  border-bottom: 2px solid #0072bb !important;
  box-sizing: border-box; /* Include padding and border in width */
  margin-bottom: 0; /* Remove margin at the bottom */
  padding-bottom: 0; /* Remove padding at the bottom */
  overflow: hidden; /* Contain floated elements */
}


.oneRow .lavender-accent.topRow {
    padding-left: 10px;
}