/*
	$Id: srp.css 13033 2019-03-28 20:31:56Z stanfie1 $
	Copyright (c) 2005-2015 MDB, Inc.

	Developer:
		Manfred Stanfield
		$Author: stanfie1 $
	Date:
		$Date: 2019-03-28 16:31:56 -0400 (Thu, 28 Mar 2019) $
	Version:
		$Revision: 13033 $
	Description:
		This contains the styles for the main site
*/

/* 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; }

/* SRP
fieldset { padding : 0px 15px 0px 15px; }
*/
fieldset.srpbordered {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 15px 0;
}
fieldset.srpbordered legend    {
    margin: 5px;
}


/* Message Boxes */
/*
div.messageBox { font-size:12px; margin:0 0 10px 0; border:1px solid #000; padding:12px 40px 0 12px; background-repeat:no-repeat; background-position:17px 15px;
    background-color:#ffc; border-color:#fc0; width:400px; min-width:200px; min-height:50px; }
*/

div.messageBox { font-size:14px; margin:0 0 10px 0; border:1px solid #000; padding:4px 0 0 4px; background-repeat:no-repeat; background-position:17px 15px;
    background-color:#ffc; border-color:#fc0; /*width:800px;*/ min-width:200px; min-height:50px; }
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); background-color: #fafff1; border-color: #a9d260; color: #000; padding-left: 80px; }
div.messageBox.criticalalert { background-image: url(./images/icon_criticalalert.gif); background-color: #ffc; 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:#CA0909; 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:#CA0909; list-style-image: none; list-style-type: disc; }

/* 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:50px; z-index:69; border:3px solid red; background-color:#FFFFEE; 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:#cc0000; 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/DevelopmentLabelRedRightTrunk.gif) 0 0 no-repeat;
}

/* Styles used by SBRP Program Detail pages */
#sbrpnav { margin: 0px; /*border: 1px solid #000;*/ }
#sbrpnav table tr td { vertical-align: top; }
#sbrpnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sans-serif;
	}
#sbrpnav li { margin: 0px; }
#sbrpnav a {
	display: block;
	color: #333;
	background-color: transparent;
	width: 220px;
	padding: 2px 10px;
	text-decoration: none;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	font-size: 11px;
	}
#sbrpnav a:hover {
	background-color: #ddd;
	color: #333;
	border-right: 5px solid #aaa;
	padding: 2px 1px 2px 5px;
	}
#sbrpnav ul ul {
	margin-left: 5px;
	padding: 0;
	list-style-type: none;
	}
#sbrpnav li li a {
	display: block;
	color: #333;
	background-color: transparent;
	width: 210px;
	padding: 2px 5px;
	margin: 0;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #aaa;
	text-decoration: none;
	font-size: 12px;
	}

#srptable table tr td { vertical-align: top; }
.srptable table tr td { vertical-align: top; }

div.dropmarker { height:6px; width:200px; background: url(./images/dropmarker.png) left top; margin-top:-3px; margin-left:-5px; z-index:1000; overflow: hidden; }

input.error, select.error, textarea.error {
    background: none repeat scroll 0 0 #FFCC00 /*#fbf4bd*/ ;
    border: 1px solid #c00;
    font-weight: normal;
    }

/* simple css-based tooltip */
.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}



.peph-column-wrapper .column{width:33%;padding:2%;margin-right:0}
.content .peph-column-wrapper h3{border-bottom:1px solid #cecbce;font-family:georgia, serif;font-size:1.65em;font-weight:normal;color:#783b26;padding:0.25em 0;margin:0 0 15px 0}
.content .peph-column-wrapper h3 a:link,.content .peph-column-wrapper h3 a:visited{color:#1c75be;margin:0;display:block;text-decoration:underline}
.content .peph-column-wrapper h3 a:hover{color:#616161;text-decoration:underline}
.content .peph-column-wrapper h4,.content .peph-column-wrapper h4 a{line-height:150%;font-size:14px}
.content .peph-column-wrapper h5{font-weight:bold;margin:-5px 0 5px 0}
.content .peph-column-wrapper .podcast-player{margin:-10px 0 10px 0;width:180px}
.content .peph-column-wrapper .column>div{padding:5px;margin-bottom:5px;min-height:30px;/*border-bottom:1px solid #cecbce*/}


.center-outreach {width:auto;}
.center-outreach ul {width:100%;}
.center-outreach img {box-sizing:border-box !important;}
.center-outreach li{list-style:none;}
.center-outreach .sections {margin-bottom:30px !important;}
.center-outreach .link-list {overflow:auto;}
.center-outreach .link-list li {float:left;}

@media only screen and (max-width: 500px) {
  .center-outreach .link-list li {float:none;}
}