@CHARSET "UTF-8";

/*
 * All colors are used to see the space of all divs
 */

/**
 * Main news list container.
 * This div reset margin and padding into list
 */
#news-list-container
{
/* Reset */
	margin: 0px;
	padding: 0px;
}

/*
 * All class with -hot suffix will be applied when news is hot; otherwise homonymous will be used
 */

/**
 * class .news-wrap make a wrapper for news div components
 */	
	#news-list-container 
		div.news-wrap
	{
		background-color: #ffffff;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		
		margin-top: 1px;
		margin-bottom: 1px;
	}
	
	#news-list-container 
		div.news-wrap-hot
	{
		background-color: #f9dddd;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		
		margin-top: 1px;
		margin-bottom: 1px;
	}
	
	/**
	 * Class .news-image rappresent div that contain the image
	 */
		#news-list-container 
			div.news-wrap
				div.news-image
		{
			float: left;
			
			width: 80px;
			/*height:80px;*/
			text-align: center;
			margin-top: 5px;
			background-color: #ffffff;
		}
		
		#news-list-container 
			div.news-wrap-hot
				div.news-image-hot
		{
			float: left;
			
			width: 80px;
			/*height:80px;*/
			text-align: center;
			margin-top: 5px;
			background-color: #f9dddd;
		}
		
		/**
		 * All img into class .news-image
		 */
			#news-list-container 
				div.news-image 
					img
			{
				/*width: 80px;
				height: 80px;*/
			}
			
			#news-list-container 
				div.news-image-hot
					img
			{
				/*width: 80px;
				height: 80px;*/
			}
		
	/**
	 * Class .news-text-wrap wrap the text infos 
	 */
		#news-list-container 
			div.news-text-wrap
		{
			float: left;
		}
		
		#news-list-container 
			div.news-text-wrap-hot
		{
			float: left;
			background-color: #f9dddd;
		}
		
		/**
		 * Class .news-date rappresent div that contain the news date
		 */
			#news-list-container 
				div.news-text-wrap	
					div.news-date
			{
				float: none;
				background-color: #ffffff;
				font-weight: bold;
				margin-left: 5px;
			}

			#news-list-container 
				div.news-image	
					div.news-date
			{
				float: none;
				background-color: #ffffff;
				font-weight: bold;
				margin-left: 5px;
				margin-top: -5px;
			}
			
			#news-list-container 
				div.news-text-wrap-hot
					div.news-date-hot
			{
				background-color: #f9dddd;
				font-weight: bold;
				margin-left: 5px;
			}

			#news-list-container 
				div.news-image-hot
					div.news-date-hot
			{
				background-color: #f9dddd;
				font-weight: bold;
				margin-left: 5px;
				margin-top: -5px;
			}
		/**
		 * Class .news-title rappresent div that contain the news title
		 */
			#news-list-container 
				div.news-text-wrap
					div.news-title
			{
				float: none;
				background-color: #ffffff;
				
				color: #ff0000;
				font-weight: bold;
				margin-left: 5px;
			}
			
			#news-list-container 
				div.news-text-wrap-hot
					div.news-title-hot
			{
				float: none;
				background-color: #f9dddd;
				
				color: #ff0000;
				font-weight: bold;
				margin-left: 5px;
			}
			
			#news-list-container 
				div.news-text-wrap
					div.news-group
			{
				float: none;
				background-color: #ffffff;
				
				color: #000000;
				font-size: 8px;
				font-style: italic;
				margin-left: 5px;
			}
			
			#news-list-container 
				div.news-text-wrap-hot
					div.news-group-hot
			{
				float: none;
				background-color: #f9dddd;
				
				color: #000000;
				font-size: 8px;
				font-style: italic;
				margin-left: 5px;
			}
			
		/**
		 * Class .news-subtitle rappresent div that contain the news subtitle
		 */
			#news-list-container 
				div.news-text-wrap
					div.news-subtitle
			{
				float: none;
				background-color: #ffffff;
				margin-left: 5px;
				
				/*font-style: italic;*/
			}
			
			#news-list-container 
				div.news-text-wrap-hot
					div.news-subtitle-hot
			{
				float: none;
				background-color: #f9dddd;
				margin-left: 5px;
				
				/*font-style: italic;*/
			}
			
		/**
		 * Class .news-readmore rappresent div that contain the read more link for current language
		 */
			#news-list-container 
				div.news-text-wrap
					div.news-readmore
			{
				float: none;
				text-align: left;
				background-color: #ffffff;
				margin-left: 5px;
			}
			
			#news-list-container 
				div.news-text-wrap-hot
					div.news-readmore-hot
			{
				float: none;
				text-align: left;
				background-color: #f9dddd;
				margin-left: 5px;
			}
			
			/**
			 * All a into div.news-readmore
			 */
				#news-list-container 
					div.news-text-wrap
						div.news-readmore
							a
				{ 
					color: #cccccc; 
					font-family:Arial, Helvetica, sans-serif; 
					font-size:9pt; 
					font-weight:bold; 
					text-decoration:none; 
				}

				#news-list-container 
					span.news-readmore
						a
				{ 
					color: #cccccc; 
					font-family:Arial, Helvetica, sans-serif; 
					font-size:7pt; 
					font-weight:bold; 
					text-decoration:none; 
				}	
			
				#news-list-container 
					div.news-text-wrap-hot
						div.news-readmore-hot 
							a
				{ 
					color: #ff0000; 
					font-family:Arial, Helvetica, sans-serif; 
					font-size:9pt; 
					font-weight:bold; 
					text-decoration:none; 
				}
				
				#news-list-container 
					span.news-readmore-hot 
						a
				{ 
					color: #ff0000; 
					font-family:Arial, Helvetica, sans-serif; 
					font-size:7pt; 
					font-weight:bold; 
					text-decoration:none; 
				}				
				
			#news-list-container 
				div.news-text-wrap
					div.news-lang-separator
			{
				float: none;
				height:2px;
				background-color: #cccccc;
			}	
		
	/**
	 * Reset floating and news separator
	 */
		#news-list-container 
			div.reset
		{
			clear: both;
			height:2px;
			background-color: #ffffff;
		}