/*

!!!!!!!!!!! NOTE: All style sheets which are commented could be customized by you. The other should not be touched, if you dont know how to handle it!!!!!!!!!!!!!!
 
*/

/* the box of the preview */
.fn-newsPreview	{
	position: absolute;
	color: #FFFFFF; /* Set here the font color of the preview text */
	font-size: 12px; /* Set here the font size of the preview text */
	cursor: pointer;
	background: #e9f6ff url("../images/bg-news-item.gif") repeat-x 0 0 !important;
	padding-top: 11px;
}

/* the thumbnail of each preview */
.fn-newsPreviewThumb	{
	margin: 1px 14px 0 0; /* Set here the margin for each thumbnail */
	float: left;
}

/* the text box of each news preview */
.fn-newsPreviewText	{
	display: block;
	padding: 0; /* Set here the padding for the preview text */
	color: #525252;
	overflow: hidden;
	line-height: 100%;
}

/* the title of each news preview */
.fn-newsPreviewText h3	{
	margin: 0px;
	margin-bottom: 0; /* Set here the offset between title and date */
	font-family: MyriadProLightBold; /* Set here the font of the title */
	font-size: 15px; /* Set here the size of the title */
	color: #0070db; /* Set here the color of the title */
	font-weight: normal;
}

.fn-newsPreviewText h3 a {
	color: #0070db;
}

/* the date of each news preview */
.fn-newsPreviewText h4	{
	margin: 0px;
	margin-bottom: 0;  /* Set here the offset between date and text */
	font-size: 10px; /* Set here the size of the date */
	color: #9b9b9b; /* Set here the color of the date */
	font-weight: normal;
}

.fn-newsPreviewText a {
	font-weight: normal;
	color: #525252;
	line-height: 120%;
}

/* the news view box */
#fn-newsView	{
	position: absolute;
	background: #333230; /* Set here the color of the news view background */
	z-index: 1000;
	visibility: hidden;
}

/* title box of the news view */
#fn-newsViewTitle	{
	position: absolute;
	margin-top: 15px; /* Set here the offset between title and the top side */
	margin-left: 20px; /* Set here the offset between title and the left side */
	font-family: Times, serif; /* Set here the font of the title */
	font-size: 17px; /* Set here the size of the title */
	color: #FFE5BA; /* Set here the color of the title */
}

/* text box of the news view */
#fn-newsViewHtml	{
	position: absolute;
	overflow: auto;
	outline: none;
	margin: 40px 0px 0px 20px; /* Set here the margin of the text */	
	color: #FFFFFF; /* Set here the color of the text */
	font-family: Myriad Pro, sans-serif; /* Set here the font of the text */
	font-size: 12px; /* Set here the size of the text */
}

/* footer bar with rounded corners */
#fn-newsFooterBar	{
	position: relative;
	height: 30px; /* Set here the height of the footer bar */
	line-height: 28px; /* Set the line-height to the height, you set above */
	color: #97B250; /* Set here the color of the text in the footer bar */
	font-size: 14px; /* Set here the size of the text in the footer bar */
	background: #0093f8 !important;
}

#fn-newsFooterBar a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	margin-left: 12px;
}

#fn-newsFooterBar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* close button for the news view */
#fn-newsViewClose	{
	position: absolute;
	background: url('../images/close.png') no-repeat transparent; /* Set here the path to the close.png */
	width: 20px; /* Same width as the close.png width */
	height: 20px; /* Same height as the close.png height */
	right: 20px; /* Set here the offset between close button and the right side */
	top: 5px; /* Set here the offset between close button and the top side */
	cursor: pointer;
}

/* text margin of the footer bar */
#fn-newsFooterBar span	{
	margin: 15px 0px 0px 20px; /* Set here the margin of the text in the footer bar */
}

/* next/previous button */
#fn-previousButton, #fn-nextButton	{
	position: absolute;
	bottom: 7px; /* Set here the offset between skip buttons and the bottom side */
	cursor: pointer;
}

#fn-previousButton	{
	background: url('../images/previous.png') no-repeat 0 0; /* Set here the path to the previous.png */
	width: 22px; /* Same width as the previous.png width */
	height: 15px; /* Same height as the previous.png height */
	right: 40px; /* Set here the offset between previous button and the right side */
}

#fn-nextButton	{
	background: url('../images/next.png') no-repeat 0 0; /* Set here the path to the previous.png */
	width: 22px; /* Same width as the next.png width */
	height: 15px; /* Same height as the next.png height */
	right: 10px; /* Set here the offset between next button and the right side */
}

#fn-previousButton:hover, #fn-nextButton:hover {
	background-position:  0 bottom;
}

#fn-preloader	{
	position: absolute;
	background: url('../images/preloader.gif') no-repeat 0 0; /* Set here the path to the preloader.gif */
	width: 31px; /* Same width as the preloader.gif width */
	height: 31px; /* Same height as the preloader.gif height */
}

#fn-newsViewHtml a	{
	color: #97B250; /* Set here the color of each link in the text */
}

#fc-error {
	color:red; /* Set here the color of the error text */
}