/* General css for the entire news rotator */
.newsRotator{
	width:280px;
	height:350px;
	overflow:hidden;
	background-color:#fdf5f5;
	position:relative;
}
.newsRotator2{
	width:700px;
	height:370px;
	overflow:hidden;
	background-color:#fdf5f5;
	position:relative;
}

/* General css for a news story */
.newsRotatorStory{
	background-color:#fdf5f5;
}
.newsRotatorIngress,.newsRotatorHeading{
	padding: 10 0 10 0;
	}
.newsRotatorIngress{
	color:#000000;
}
/* Heading of the news  */
.newsRotatorHeading{
	margin:0px;
	color:#000000;
	padding: 0 0 6 0;
}
.newsRotatorHeading a{
	color:#000000;
	text-decoration:none;
}
.newsRotatorHeading a:hover{
	text-decoration:underline;
}
/* Navigator pane at the bottom of the news rotator */
.newsRotatorNavigator {
	border:1px solid #000000;
	background-color:#000000;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:22px;
	z-index:10;	
	padding-top:5px;
	padding-bottom:5px;
}
/* Div for the navigator links */
.newsRotatorNavigatorLinks {
	color:#000000;
}
/* <a> tag inside the newsRotatorNavigatorLinks div */
.newsRotatorNavigatorLinks a{
	border:1px solid #FFFFFF;
	width:30px;
	height:20px;
	padding-top:2px;
	float:right;
	margin-right:4px;
	margin-left:1px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
/* Active link in the navigator pane */
a.newsRotatorNavigatorActiveLink {
	border:1px solid #ffff33;
	width:30px;
	height:20px;
	padding-top:2px;
	float:right;
	margin-right:4px;
	margin-left:1px;
	text-align:center;
	font-weight:bold;
	color:#ffff33;
}
.newsRotatorTooltip {	/* Tooltip appearing when you move the mouse over the number in the navigator area */
	visibility:hidden;
	border:1px solid #000;
	background-color:white;
	padding:3px;
	bottom:35px;
	right:5px;
	width:250px;
	color:#444;
	font-style:italic;
	font-size:0.8em;
}