/*	-------------------------------------------------------------------------------------------------------------------
	                                        CUSTOM DYNAMIC NEWSROOM STYLES
	-------------------------------------------------------------------------------------------------------------------

	This is the master style sheet to set the styles for dynamic newsroom pages
	Standard convention for naming the divs that these styles will control:
	
		<div id="DynamicNewsSummaries">			<-- for the most-recent stories that will appear with image thumbnail
		<div id="DynamicNewsArchiveList">		<-- for writing out the news items in list form (without images)
		<div id="DynamicNewsStory">				<-- all styles for the actual news release or today story
		<div id="DynamicNewsRelatedStories">	<-- the "other stories" list on the side of the news item page
		
	The styles (below) set initial defaults.  
	These styles may be overwritten in each newsroom with a local style sheet.
	
	The following sites use these styles:

		- RHIC 				http://www.bnl.gov/rhic/news2/									(grid based)					
		- Energy			http://www.bnl.gov/energy/newsroom.asp							(grid based)
		- CES				http://www.bnl.gov/energy/ces/									(grid based)		
		- ARRA				http://www.bnl.gov/ARRA/news/archive.asp						(grid based)					
		- Blueprint			http://intranet.bnl.gov/blueprint/news.asp						(grid based)					
		- Safety			http://intranet.bnl.gov/safety/news/							(grid based)					
		- BWIS				http://www.bnl.gov/bwis/news.asp								(grid based)					
		- Inside RHIC		http://www.bnl.gov/rhic/inside/									(grid based)
		- Photon Sciences	http://www.bnl.gov/ps/news/										(grid based)
		- Education			http://www.bnl.gov/education/									(grid based)
		- CFN				http://www.bnl.gov/cfn/news/archive.asp  						(table based)					
		- NSLS-II			http://www.bnl.gov/nsls2/news/									(table based)					
		- Physics			http://www.bnl.gov/physics/news/archives.asp?tag=physics		(table based)
		- Chemistry			http://www.bnl.gov/chemistry/news/archives.asp					(table based)
		- LHC / ATLAS		http://www.bnl.gov/atlas/news/newsArchives.asp					(no grid - no td#content)		

		*** Be sure to add new newsrooms to this list as they are created. ***
						
	------------------------------------------------------------------------------------------------------------------- */


/*	------------------------------------------------------------------------------------------	*/
/*	 	SLATS																					*/
/*	------------------------------------------------------------------------------------------	*/

		
		ol.slats,
		td#content ol.slats {
			list-style: none;
			list-style-image: none;
			margin: 0;
			padding: 0;
			}
		
		ol.slats li,
		td#content ol.slats li {
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			list-style-image: none;
			border-bottom: 1px solid #eee;
			min-height: 90px;
			}
			
		.smallSlats ol.slats li,
		td#content .smallSlats ol.slats li {
			min-height: inherit;
			}

			
		ol.slats li:last-child,
		td#content ol.slats li:last-child {
			margin: 0;
			padding: 0;
			border-bottom: none;
			}
			
		ol.slats li a,
		td#content ol.slats li a { text-decoration: none; }
			
		ol.slats li a h3,
		td#content ol.slats li a h3 {
			font-size: 15px;
			line-height: 17px;
			margin: 0 0 5px 0;
			font-weight: normal;
			color: #5e9301;
			}
			
		.smallSlats ol.slats li a h3,
		td#content .smallSlats ol.slats li a h3 {
			font-size: 12px;
			line-height: 14px;
			font-weight: normal;
			margin: 0;
			color: #5e9301;
			}


		ol.slats li a .miniPicOuter,
		td#content ol.slats li a .miniPicOuter {
			float: left;
			margin: 2px 10px 0 0;
			padding: 0;
			border: 0;
			}

			
		ol.slats li a img,
		td#content ol.slats li a img {
			margin: 0;
			padding: 0;
			border: 0;
			width: 110px;
			}
					
		ol.slats li a p,
		td#content ol.slats li a p {
			margin: 0;
			padding: 0;
			font-size: 12px;
			line-height: 14px;
			}
			
		ol.slats li a p span.meta,
		td#content ol.slats li a p span.meta {
			display: block;
			margin: 0 0 5px 0;
			padding: 0;
			font-size: 11px;
			line-height: 13px;
			color: #999;
			}

		ol.slats li a:hover img,
		td#content ol.slats li a:hover img { background: #eee; text-decoration: none; }
		
		ol.slats li a:hover h3,
		td#content ol.slats li a:hover h3 { color: #ff9900; text-decoration: none; }
		
		ol.slats li a:hover p,
		td#content ol.slats li a:hover p { color: #333333; text-decoration: none; }
		
		ol.slats li a:hover p span.meta,
		td#content ol.slats li a:hover p span.meta { color: #666; text-decoration: none; }




	
	/* ---------- Summaries With Images ----------- */


/*	
		div#DynamicNewsSummaries a,
		td#content div#DynamicNewsSummaries a {
			text-decoration: none;
			}
		
		div#DynamicNewsSummaries div.StorySummary,
		td#content div#DynamicNewsSummaries div.StorySummary {
			display: inline-block;
			margin: 0;
			padding: 0px;
			width: 100%;
			}
	
		div#DynamicNewsSummaries div.StorySummary img,
		td#content div#DynamicNewsSummaries div.StorySummary img {
			display:inline-block;
			float: left;
			border: none;
			margin: 3px 15px 5px 0px;
			padding: 0px;
			}
		
		div#DynamicNewsSummaries div.StorySummary h4.NewsHead,
		td#content div#DynamicNewsSummaries div.StorySummary h4.NewsHead {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 18px;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
			border: none;
			}
			
		div#DynamicNewsSummaries div.StorySummary a:link h3.NewsHead,
		div#DynamicNewsSummaries div.StorySummary a:active h3.NewsHead,
		div#DynamicNewsSummaries div.StorySummary a:visited h3.NewsHead,
		td#content div#DynamicNewsSummaries div.StorySummary a:link  h3.NewsHead,
		td#content div#DynamicNewsSummaries div.StorySummary a:active  h3.NewsHead,
		td#content div#DynamicNewsSummaries div.StorySummary a:visited  h3.NewsHead {
			text-decoration: none;
			color: #069;
			}
			
		div#DynamicNewsSummaries div.StorySummary a:hover h3.NewsHead,
		td#content div#DynamicNewsSummaries div.StorySummary a:hover  h3.NewsHead {
			text-decoration: underline;
			color: #000;
			}
			
		div#DynamicNewsSummaries div.StorySummary p.NewsDate,
		td#content div#DynamicNewsSummaries div.StorySummary p.NewsDate {
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 14px;
			margin: 2px 0px 0px 0px;
			padding: 0px;
			color: #888888;
			border: none;
			}
	
		div#DynamicNewsSummaries p.NewsSummary,
		td#content div#DynamicNewsSummaries p.NewsSummary {
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 18px;
			margin: 5px 0px 0px 0px;
			padding: 0px;
			color: #666;
			}
*/


	
	/* ----- News Archive List Page -----  */

	/*	
	div#DynamicNewsArchiveList a,
	td#content div#DynamicNewsArchiveList a {
		text-decoration: none;
		}
	
	div#DynamicNewsArchiveList div.StorySummary,
	td#content div#DynamicNewsArchiveList div.StorySummary {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		}
	
	
	div#DynamicNewsArchiveList h4.NewsHead,
	td#content div#DynamicNewsArchiveList h4.NewsHead {
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		border: none;
		}
	
	div#DynamicNewsArchiveList div.StorySummary a:link h4,
	div#DynamicNewsArchiveList div.StorySummary a:active h4,
	div#DynamicNewsArchiveList div.StorySummary a:visited h4,
	td#content div#DynamicNewsArchiveList div.StorySummary a:link h4,
	td#content div#DynamicNewsArchiveList div.StorySummary a:active h4,
	td#content div#DynamicNewsArchiveList div.StorySummary a:visited h4 {
		text-decoration: none;
		color: #069;
		}
	
	div#DynamicNewsArchiveList div.StorySummary a:hover h4,
	td#content div#DynamicNewsArchiveList div.StorySummary a:hover h4 {
		text-decoration: underline;
		color: #000;
		}
		
	div#DynamicNewsArchiveList p.NewsDate,
	td#content div#DynamicNewsArchiveList p.NewsDate {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		color: #888888;
		}

	div#DynamicNewsArchiveList p.NewsSummary,
	td#content div#DynamicNewsArchiveList p.NewsSummary {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin: 5px 0px 0px 0px;
		padding: 0px;
		color: #666;
		}
*/
	
	/* ----- Individual Story Display Page -----  */
	



		/* CAPTIONS */

		.image-100 p,
		.image-100 p.caption,
		.image-50 p,
		.image-50 p.caption,
		.image-30 p,
		.image-30 p.caption {
			font-size: 11px;
			color: #000;
			line-height: 120%;
			margin: 2px 0 0 0;
			}


		/* PICTURES */
		
		.image-100 {
			width: 100%;
			float: none;
			margin: 0 0 15px 0;
			clear: both;
			}
		
		.image-50 {
			width: 50%;
			float: right;
			margin: 4px 0 15px 20px;
			}
			
		.image-30 {
			width: 30%;
			float: right;
			margin: 4px 0 15px 20px;
			}
	
		.image-50.left,
		.image-30.left {
			float: left;
			margin: 4px 20px 15px 0;
			}
	
		.image-100 img,
		.image-50 img,
		.image-30 img { width: 100%; }
		
		img.imageEnlargeIcon { width: auto; }


	
	div#DynamicNewsStory img,
	td#content div#DynamicNewsStory img {
		border: none;
		max-width: 100%;
		}

	
	div#DynamicNewsStory p,
	td#content div#DynamicNewsStory p {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 19px;
		color: #494b4d;
		}
	
	div#DynamicNewsStory p.contacts,
	div#DynamicNewsStory div.byline,
	td#content div#DynamicNewsStory p.contacts,
	td#content div#DynamicNewsStory div.byline {
		font-size: 11px;
		line-height: 20px;
		margin-bottom: 20px;
		}
		
	div#DynamicNewsStory p.noteBox,
	td#content div#DynamicNewsStory p.noteBox {
		font-size: 11px;
		line-height: 13px;
		padding:10px;
		border:1px dotted #ccc;
		background: #ffffcc;
		}
		
	div#DynamicNewsStory h1.headline,
	td#content div#DynamicNewsStory h1.headline {
		font-size:22px;
		line-height: 24px;
		}
	
	div#DynamicNewsStory h2.subhead,
	td#content div#DynamicNewsStory h2.subhead {
		font-size:18px;
		line-height: 18px;
		font-weight:normal;
		color:#666;
		margin: 5px 0px 20px 0px;
		}
		
	div#DynamicNewsStory p.caption,
	div#DynamicNewsStory p.captionNoPad,
	td#content div#DynamicNewsStory p.caption,
	td#content div#DynamicNewsStory p.captionNoPad {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 15px;
		color: #486dab;
		margin: 5px 0px 10px 0px;
		padding:0px;
		}
	
	div#DynamicNewsStory div.pic_right,
	td#content div.pic_right {
		float:right;
		margin-left:20px;
		}
	
	div#DynamicNewsStory div.pic_left,
	td#content div.pic_left {
		float:left;
		margin-right:20px;
		}
	
	div#DynamicNewsStory div.pic_center,
	td#content div.pic_center {
		margin:0 auto;
		}
		
	div#DynamicNewsStory div.sidebar,
	td#content div#DynamicNewsStory div.sidebar {
		width: 200px;
		float: right;
		margin: 0px 0px 10px 10px;
		padding: 0px 0px 0px 10px;
		font-size: 11px;
		line-height: 14px;
		color: #3c5078;
		border-left: 1px dotted #c0c0c0;
		border-bottom: 1px dotted #c0c0c0;
		}
		
	div#DynamicNewsStory div.sidebar h3,
	td#content div#DynamicNewsStory div.sidebar h3 {
		font-size: 12px;
		line-height: 14px;
		margin: 0px 0px 5px 0px;
		padding:0px;
		}
		
	div#DynamicNewsStory div.sidebar p,
	td#content div#DynamicNewsStory div.sidebar p {
		font-size: 11px;
		line-height: 14px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}
		
	td#content div.sidebar table td,
	td#content td#content div.sidebar table td {
		font-size: 11px;
		line-height: 14px;
		color: #666;
		}
		
	div#DynamicNewsStory div.keywords,
	div#DynamicNewsStory p.PRnumber,
	td#content div#DynamicNewsStory div.keywords,
	td#content div#DynamicNewsStory p.PRnumber {
		font-size: 12px;
		line-height: 14px;
		color: #494b4d;
		}
		
	div#DynamicNewsStory div#StoryFooter,
	td#content div#DynamicNewsStory div#StoryFooter {
		margin: 40px 0px 40px 0px;
		border-top: 1px solid #c0c0c0;
		padding-top: 30px;
		}
	
	div#DynamicNewsStory div.keywords,
	td#content div#DynamicNewsStory div.keywords {
		margin: 0px 0px 10px 0px;
		}
			
	div#DynamicNewsStory p.PRnumber,
	td#content div#DynamicNewsStory p.PRnumber {
		margin: 0px 0px 0px 0px;
		}
	



	/* ----- Related Stories Div on Story Display Page -----  */


	div#DynamicNewsRelatedStories,
	td#content div#DynamicNewsRelatedStories {
		margin-top:80px;
		font-family: Verdana, Helvetica, sans-serif;
		}
		
	div#DynamicNewsRelatedStories h2,
	td#content div#DynamicNewsRelatedStories h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		padding:0px;
		margin: 0px 0px 15px 0px;
		}	


/*
	div#DynamicNewsRelatedStories div.StorySummary h4.NewsHead,
	td#content div#DynamicNewsRelatedStories div.StorySummary h4.NewsHead {
		font-size: 11px;
		line-height: 16px;
		font-weight: normal;
		margin: 12px 0px 12px 0px;
		padding: 0px;
		}

	div#DynamicNewsRelatedStories div.StorySummary a:link h4.NewsHead,
	div#DynamicNewsRelatedStories div.StorySummary a:visited h4.NewsHead,
	div#DynamicNewsRelatedStories div.StorySummary a:active h4.NewsHead,
	td#content div#DynamicNewsRelatedStories div.StorySummary a:link h4.NewsHead,
	td#content div#DynamicNewsRelatedStories div.StorySummary a:visited h4.NewsHead,
	td#content div#DynamicNewsRelatedStories div.StorySummary a:active h4.NewsHead {
		text-decoration: underline;
		}

	div#DynamicNewsRelatedStories div.StorySummary a:hover h4.NewsHead,
	td#content div#DynamicNewsRelatedStories div.StorySummary a:hover h4.NewsHead {
		text-decoration: none;
		}
		
	div#DynamicNewsRelatedStories div.StorySummary p.NewsDate,
	td#content div#DynamicNewsRelatedStories div.StorySummary p.NewsDate {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 12px;
		color: #666;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}

*/

	div#DynamicNewsRelatedStories p#CompleteArchivesLink,
	td#content div#DynamicNewsRelatedStories p#CompleteArchivesLink {
		font-size: 11px;
		line-height: 16px;
		font-weight: normal;
		margin: 12px 0px 12px 0px;
		padding: 0px;
		}

/*------- FLASH PLAYER DIVS ------- */

	div.flash-left div.flash-player,
	td#content div.flash-left div.flash-player,
	div.flash-center div.flash-player,
	td#content div.flash-center div.flash-player,
	div.flash-right div.flash-player,
	td#content div.flash-right div.flash-player {
		overflow: hidden;
		}

	div.flash-left,
	td#content div.flash-left {
		display: block;
		float: left;
		margin: 0px 20px 10px 0px;
		}

	div.flash-center,
	td#content div.flash-center {
		margin: 30px auto 10px auto;
		}

	div.flash-right,
	td#content div.flash-right {
		display: inline-block;
		float: right;
		margin: 0px 0px 10px 20px;
		}
		
	
	div.flash-left p.caption,
	td#content div.flash-left p.caption,
	div.flash-center p.caption,
	td#content div.flash-center p.caption,
	div.flash-right p.caption,
	td#content div.flash-right p.caption {
		margin: 10px 0px 0px 0px;
		padding:0px;
		}
		

		/* BLOCKQUOTES */
		
		blockquote {
			font: 16px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
			margin-top: 20px;
			margin-bottom: 20px;
			margin-left: 50px;
			padding-left: 15px;
			border-left: 5px solid #0561a5;
			color: #494b4d;
			}
			
		/* PULLQUOTES */
		
		.pullquote {
			width: 40%;
			float: right;
			margin: 0px 0px 20px 20px;
			padding: 10px 35px 0px 35px;
			background-image: url('/common/templates/global/images/quotesIcon-63px.png');
			background-repeat: no-repeat;
			}
			
			.pullquote p {
				margin: 0px 0px 10px 0px;
				padding: 0px;
				font-family: "Times New Roman", Times, serif;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 20px;
				line-height: 28px;
				color: #0561A5;
				}
			
			.pullquote p.small {
				margin: 0px;
				font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
				font-style: normal;
				font-size: 14px;
				line-height: 18px;
				text-align: right;
				color: #0561A5;
				}



/* ----- MOBILE STYLES ----- */


@media (max-width:720px) {

	/* Images */

		img { max-width: 100%; }
		
		.image-50 {
			width: 100%;
			float: none;
			margin: 0 0 15px 0;
			}
			
		.image-50.left {
			float: none;
			margin: 0 0 15px 0;
			}
	
		.image-30 { width: 45%; }

}