/* General css for the entire news rotator */
.newsRotator      { color: #000; background-color: #fff; margin: 5px 10px; position: relative; width: auto; height: 600px; overflow: hidden; border: solid 1px #360 }
/* General css for a news story */
.newsRotatorStory    { color: #000; background-color: #fff; width: 100%; height: 600px; overflow: hidden }
.newsRotatorIngress ul li a  { margin: 2px; width: 150px; float: left }
.newsRotatorIngress,.newsRotatorHeading { padding: 3px }
.newsRotatorIngress   { color: white; background-color: #fff; height: 600px }
.newsRotatorIngress ul { margin: 0; padding: 0 0 0 10px }
/* Heading of the news  */
.newsRotatorHeading  { color: #fff; font-size: 12px; background-color: #360; margin: 0; padding: 2px 5px }
.newsRotatorHeading a{
	color:white;
	text-decoration:none;
}
.newsRotatorHeading a:hover{
	text-decoration:underline;
}
/* Navigator pane at the bottom of the news rotator */
.newsRotatorNavigator    { background-color: #360; text-align: center; padding: 0; position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; height: auto }
/* Div for the navigator links 
.newsRotatorNavigatorLinks   { color: white; text-align: center; margin: 2px 1px; padding-top: 0; width: 15px; height: 22px; float: left; border: solid 1px }
/* <a> tag inside the newsRotatorNavigatorLinks div */
#content .newsRotatorNavigatorLinks a { color: white; text-decoration: none; text-align: center; margin: 1px; padding: 0; width: 12px; height: 18px; float: left; border: solid 1px }
/* Active link in the navigator pane */
a.newsRotatorNavigatorActiveLink {
	font-weight:bold;
	color:yellow;
}
.newsRotatorTooltip {	/* Tooltip appearing when you move the mouse over the number in the navigator area */
	border:1px solid #000;
	background-color:white;
	padding:3px;
	bottom:35px;
	right:5px;
	width:250px;
	color:#444;
	font-style:italic;
	font-size:0.8em;
}