	
#listview
{
	behavior: grid column-resizer download_listview;
	width: *;
	height: *;
	background: window;
	overflow: auto;
	display:none;
}

#listview th,
#listview td
{
	padding: 4px 8px;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
} 

#listview > tr:nth-child(1) th:nth-child(1)
{  
	border-left:0px;
}

#download-context-menu{
	behavior: ~ "download.menu";
}

#listview > tr
{
	style-set: std-list-view-item;
	context-menu: selector(#download-context-menu);
}

@set std-list-view-item
{
	:root:nth-child(odd) {
		background:#FFF; 
	}
	:root:nth-child(even) { 
		background:transparent #EEE #EEE transparent; 
	} 
	td
	{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	:root:checked td
	{
		background: #8fbafb;
		color: #191917;
	}
	 
	td.title img{
		vertical-align: middle;
		margin-right:5px;
	}
	
	th.download-state
	{ 
		width:50px;
	}  
	th.title
	{ 
		width:200px;
	} 
	th.progress
	{ 
		width:*;
	}  
	th.filesize
	{ 
		width:50px;
	} 
	th.savepath{
		width:70%%;
	}
	 
	td.progress
	{
		style-set:list-view-progress;
	}  
	
	:root:checked td.progress span{
		color:#EEE;
	}
}

@set list-view-progress{
	widget[type="progress"]
	{
		width: *;
		height:8px;
		background-image: url(images\progress-bg.png);
		background-position:  5px 6px 5px 5px;
		background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
		foreground-image: url(images\progress.png);
		foreground-repeat: expand;
		foreground-position:  3px 6px 4px 6px;
		-bar:clip; 
		padding: 2px 2px 2px 2px;
	} 
	
	div.info{
		margin:1px; 
	}
	
	span{
		color:#666;
	}
	
	img{
		vertical-align: middle;
	}
}

#listview > tr:nth-child(1) th
{  
	border-left:1px #ccc groove; 
	background: #EEE #EEE transparent transparent;
}