/*
--------------------------------------------------------------------------------------------------
 Title:			Downloads Styles
 Created on: 	15-05-2009
 Author:     	Roberto De Vivo
 Client:		Vincis Internal
 Project:		CastManage 3.8 Template
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------

 =100	body text		#333	(dark grey)
 =101	Newshead text	#777	(medium gray)
 =102	Shortcuts		#999	(medium light gray)
 =103	date			#b2b2b2	(light gray)
 =104	calendar alt	#f5f5f5	(Ultra light gray)
 =105	inverted		#fff	(white)
 
*/


@media screen 
{

	/* Overrides of main styles */
	#totalContainer #content
	{
		width:					615px; 	

	}

	#totalContainer #content h1
	{
		width:					551px;
	}
	
	#totalContainer #sideBar
	{
		display:				none;
		visibility:				hidden;
	}

	/*Global*/
	#content #downloadList
	{
		clear:				both;
	}
	
		#content #downloadList table
		{
			/* Adjust to #content width (see subpage.css) */
			
			width:				615px;
			
			/* ----------------------------------------- */
			
			margin:				0;
			padding:			0;
			
			border-bottom:		2px solid #999;		/* =102 */
		}
		
		#content #downloadList th
		{
			color:				#777;				/*= 101*/
			
			padding:			6px 8px 4px 8px;
			border-top:			2px solid #e5e5e5;	/* =unique */
			border-bottom:		2px solid #999;		/* =102 */
			
			white-space:		nowrap;
		}
		
			#downloadList th a
			{
				color:					#777;				/*= 101*/
				text-decoration:		none;
			}
			
				#downloadList th a:hover
				{
					color:				#333;				/*= 100*/
					text-decoration:	underline;
				}
		
			#downloadList thead .fileType
			{
				width:				24px;
			}
			
			#downloadList thead .fileName
			{
	/*			width:				190px;*/
			}
			
			#downloadList thead .fileSize
			{
				width:				50px;
			}
			
			#downloadList thead .uploadDate
			{
				width:				75px;
			}
			
			#downloadList thead .updateDate
			{
				width:				80px;
			}
			
			#downloadList thead .downloadTimes
			{
				width:				70px;
			}
			
		#downloadList tr td
		{
			height:				16px;
			padding:			12px 8px 6px 8px;
			
			border-bottom:		1px solid #b2b2b2;	/* =103*/
			line-height:		1.45em;
		}
		
			#downloadList td a
			{
				font-weight:		normal;
				color:				#333;	/*= 100*/
			}
			
				#downloadList td a:hover
				{
					color:				#777;	/*= 101*/
				}
		
		
			#content #downloadList tbody .updateDate,
			#content #downloadList tbody .fileSize
			{
				color:				#555;	/* unique */
			}
	
			#content #downloadList tbody .uploadDate,
			#content #downloadList tbody .downloadTimes
			{
				color:				#777;	/*= 101*/
			}
				
			/* Even */		
			#content #downloadList .even td
			{
				background-color:					#f9f9f9;	/* unique */
			}
	
			#content #downloadList .even .fileType,
			#content #downloadList .even .fileSize,
			#content #downloadList .even .updateDate
			{
				background-color:					#f5f5f5;	/* =104 */
			}
			
			/*  Odd */
			#content #downloadList .odd td
			{
				background-color:					#fff;	/* =105 */
			}
			
			#content #downloadList .odd .fileType,
			#content #downloadList .odd .fileSize,
			#content #downloadList .odd .updateDate
			{
				background-color:					#f9f9f9;	/* unique */
			}
			
	
			#content #downloadList .sort
			{
				background-color:					#f2f2f2;	/* unique */
	
			}
			
			#content #downloadList th.sort
			{
				border-top:							1px solid #ccc;	/* unique */
				background-color:					#f5f5f5;		/* =104 */
			}
			
			#content #downloadList .even .sort
			{
				background-color:					#999;	/* =102 */
				
			}
			
			#content #downloadList .sort a,
			#content #downloadList .even .sort a
			{
				color:							#333;	/* =100 */
			}
			
			
	
		#downloadList tbody td img,
		#downloadList tbody td a img,
		#downloadList tbody td a:hover img
		{
			display:			block;
			
			padding:			0;
			margin:				0;
			
			border:				none;
		}
	
			/* =Filetypes */
			#downloadList table td span
			{
				display:			block;
	
				height:				18px;
				width:				24px;
				
				text-indent: 		-5000px;	 /*remove text */
				
				background-repeat:	no-repeat;
			}
			
			#downloadList .doc,
			#downloadList .docx,
			#downloadList .rtf
			{
				background-image:		url(/sjablonen/1/images/doctypes/doc.gif);
			}
		
			#downloadList .pdf
			{	
				background-image:		url(/sjablonen/1/images/doctypes/pdf.gif);
			}
			
			#downloadList .txt
			{
				background-image:		url(/sjablonen/1/images/doctypes/txt.gif);
			}
			
			#downloadList .xls,
			#downloadList .xlsx
			{
				background-image:		url(/sjablonen/1/images/doctypes/xls.gif);
			}
			
			#downloadList .ppt,
			#downloadList .ppt
			{
				background-image:		url(/sjablonen/1/images/doctypes/ppt.gif);
			}
	
			#downloadList .jpg,
			#downloadList .jpeg
			{
				background-image:		url(/sjablonen/1/images/doctypes/jpg.gif);
			}
			
			#downloadList .gif
			{
				background-image:		url(/sjablonen/1/images/doctypes/gif.gif);
			}
			
			.totals
			{
				color:					#b2b2b2;	/* =102 */
				margin:					4px 0 13px 0;
			}
}