/***************************************************************\
 
 Stylesheet:	listings.css 
 Contains:		design styles for listings tables
 Used:			homepage and listings pages
 
\***************************************************************/
  
   

/* begin media wrapper */
@media screen
{
	

	
	
	/* listings table */
	table.listings
	{
		clear:both;
		width:100%;
		margin:10px 0;
		empty-cells:show;
	}

	.buy table.listings
	{
		clear:both;
		float:left;
		width:100%;
		margin:10px 0 0 0;
	}
	
	table.listings, table.listings th, table.listings td
	{
		border-collapse:collapse;
		border:none;
	}
	
	table.listings thead th, table.listings td, table.listings tbody th
	{
		padding:5px 2px;
		text-align:right;
		vertical-align:top;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #b8b8b8;
	}
	
	/* links inside listing cells */
	table.listings a, table.listings a:visited
	{
		text-decoration:none;
		display:block;
		margin-bottom:1px;
	}
	
	table.listings a.meta,
	table.listings a.url
	{
		display:inline;
		font-size:0.9em;
		margin-bottom:0;
	}
	
	table.listings .usertrust a, table.listings  .usertrust  a:visited
	{
		display:inline;	
	}
	
	/* header sort links */
	table.listings thead th, table.listings thead th a, table.listings thead th a:visited
	{
		text-transform:uppercase;
		font-size:0.8em;
		font-weight:bold;
	}
	
	table.listings thead th.sortkey a, table.listings thead th.sortkey a:visited
	{
		padding-right:12px;
	}
	table.listings thead th.desc a, table.listings thead th.desc a:visited
	{
		background:url(../images/icons/sortkey-desc.png) no-repeat 100% 45%;
	}
	table.listings thead th.desc a:hover, 
	table.listings thead th.desc a:focus,
	table.listings thead th.desc a:active
	{
		background-image:url(../images/icons/sortkey-desc-hover.png);
	}
	table.listings thead th.asc a, table.listings thead th.asc a:visited
	{
		background:url(../images/icons/sortkey-asc.png) no-repeat 100% 45%;
	}
	table.listings thead th.asc a:hover,
	table.listings thead th.asc a:focus,
	table.listings thead th.asc a:active
	{
		background-image:url(../images/icons/sortkey-asc-hover.png);
	}
	
	html.images-off table.listings thead th.sortkey em.access-label
	{
		position:static;
	}
	
	/* fading border below header row on homepage */
	.homepage table.listings thead tr
	{
		background:url(../images/backgrounds/fading-border-inverted.png) no-repeat 400px 90%;
	}
	.homepage table.listings thead tr > th
	{
		border-bottom:1px solid #fff;
		padding-bottom:8px;
	}
	html.images-off .homepage table.listings thead tr > th
	{
		background-image:none;
		border-bottom-color:#b8b8b8;
		padding-bottom:5px;
	}

	/* body cells */
	table.listings td, table.listings tbody th
	{
		border-bottom:1px solid #e4e4e4;
	}
	
	table.listings td.makeoffer, td.comments
	{
	/*	border-bottom:1px solid transparent;*/
		padding:12px 0 0;	
		text-align:right;
	}
	
	table.listings td.price, table.listings td.bidprice, table.listings td.binprice
	{
		white-space:nowrap;
	}

  table.listings td.price.private
	{
		color: #043C73;
		font-size: 0.9em;
		font-style: italic;
	}
	
	table.listings td.bids, table.listings td.bidprice
	{
		border-bottom:none;
		padding-bottom:0;
		height:1%;
	}
	
	/* Border upgrade */
	table.listings tbody tr.border
	{
		border:2px solid #3378BE;
	}
	
	table.listings tbody tr.border.top 
	{
		border-bottom-color:transparent;
	}
	
	table.listings tbody tr td.bids, table.listings tbody tr td.bidprice
	{
		border-bottom:1px solid transparent;
	}
	
	table.listings td.bin, table.listings td.binprice
	{
		padding-top:0;
	}
	
	table.listings td.title, table.listings tbody th.largetitle
	{
		padding:6px 0 5px 5px;
		text-align:left;
	}
	
	table.listings td.title
	{
		width:560px;
	}
	
	table *.message
	{
		width:500px;
		text-align:left !important;
	}
	
	table.listings tbody th.largetitle
	{
		padding-left:10px;
		width:540px;
	}
	
	table.listings tbody th.largetitle a, table.listings tbody th.largetitle a:visited
	{
		font-size:1em;
	}
	
	table.listings tbody th.largetitle a.meta, table.listings tbody th.largetitle a.meta:visited,
	table.listings tbody th.largetitle a.url, table.listings tbody th.largetitle a.url:visited
	{
		font-size:0.9em;
		color: #676767;
	}

  table.listings th.largetitle em.separator
	{
		font-weight: normal;
	}
  table.listings th.largetitle em.domainonly
	{
		font-style:normal;
		font-weight:normal;
		font-size:0.9em;
		font-variant:small-caps;
		color: #676767;
	}

	table.listings td.bids
	{
		color:#555;
	}
	
	table.listings td.listed
	{
		min-width:50px;
	}
	
	
	/* footer cells in selectable tables */
	table.selectable tfoot td
	{
		text-align:left;
		padding:6px 5px 0 5px;
		border-bottom:1px solid #fff;
	}

	/* linked screenshot */
	table.listings tbody th.largetitle a.screenshot, 
	table.listings tbody th.largetitle a.screenshot:visited
	{
		float:left;
		margin:0 12px 0 0;
	}
	html.images-off table.listings tbody th.largetitle a.screenshot, 
	html.images-off table.listings tbody th.largetitle a.screenshot:visited
	{
		display:none;
	}	
	
	/* no results */
	table.listings tr.empty td
	{
		color:#777;
		text-align:center;
	}

	/* highlight upgrade */
	table.listings tr.highlight td, table.listings tbody tr.highlight th
	{
		/*
		background:#E9FFCF;
		border-left-color:#E9FFCF;
		border-right-color:#E9FFCF;
		border-bottom:1px solid #A7DFAF;
		*/
		background:#fff0cf;
		border-left-color:#fff0cf;
		border-right-color:#fff0cf;
		border-bottom:1px solid #e4cd9b;
	}
	table.listings tbody tr.highlight td.bids, table.listings tbody tr.highlight td.bidprice
	{
		border-bottom-color:transparent;
	}
	
	table.listings tr.highlight td, table.listings tr.highlight td.title, 
	table.listings tbody tr.highlight th.largetitle
	{
		padding:0;
	}
	
	table.listings tr.highlight td span, table.listings tr.highlight td strong, 
	table.listings tr.highlight td a, table.listings tr.highlight td a:visited,
	table.listings tbody tr.highlight th.largetitle > div
	{
		display:block;
		border-top:none;
		padding:3px 2px;
	}

	table.listings tr.highlight td.bids span, table.listings tr.highlight td.bidprice strong
	{
		padding-bottom:0;
	}
	
	table.listings tr.highlight td.bin strong, table.listings tr.highlight td.binprice span
	{
		padding-top:0;
	}
	
	table.listings tr.highlight td.rowspan2 span,
	table.listings tr.highlight td.bids span, table.listings tr.highlight td.bidprice strong,
	table.listings tr.highlight td.bin strong, table.listings tr.highlight td.binprice span
	{
		border-bottom-color:transparent;
	}	

	table.listings tr.highlight td.bin strong, table.listings tr.highlight td.binprice span
	{
		border-top-color:transparent;
	}
	
	table.listings tbody tr.highlight th.largetitle > div
	{
		padding:5px 0 5px 1.9%;
		float:left;
		width:98.1%;
		border-bottom:0;
	}
	
	table.listings tr.highlight td.title a, table.listings tr.highlight td.title a:visited
	{
		padding:6px 0 5px 5px;
	}

	/* bold upgrade */
	/* -- removed -- table.listings tr.bold td, */
	table.listings tbody tr.bold th,
	table.listings tbody tr.bold td.title
	{
		font-weight:bold;
	}

	table.listings tbody tr.bold th .url,
	table.listings tbody tr.bold th .meta
	{
		font-weight:normal;
	}






	/* imminent date time */
	table.listings .imminent, table.listings .imminent em
	{
		color:#f00;
		font-weight:bold;
		font-style:normal;
	}







	/* disabled listing items */
	table.listings .disabled, table.listings .disabled *
	{
		opacity:0.7;
		background:transparent !important;
		font-weight:normal !important;
		font-style:normal !important;
		text-decoration:none;
	}
	
	
	
	
	
	
	
	/* listings table row used as upgrade preview */
	fieldset#listing-upgrades .preview
	{
		clear:both;
		float:left;
		width:100%;
		margin:10px 0 0 0;
	}
	
	fieldset#listing-upgrades table.listings
	{
		font-size:0.7em;
		margin:0;
		border-top:1px solid #e4e4e4;
	}
	
	fieldset#listing-upgrades table.listings caption
	{
		font-size:1.2em;
		color:#777;
		font-weight:bold;
		text-align:left;
		text-transform:uppercase;
	}
	
	fieldset#listing-upgrades table.listings th.largetitle
	{
		padding-left:5px;
		line-height:1.2;
	}
	fieldset#listing-upgrades table.listings tbody tr.highlight th.largetitle
	{
		padding-left:0;
	}
	
	fieldset#listing-upgrades table.listings td
	{
		white-space:nowrap;
	}
	



	
	
	

	/* stats boxes */
	table.listings div.stats
	{
		position:static;
	}

	table.listings div.stats a.statsicon, 
	table.listings div.stats a.statsicon:visited
	{
		display:inline;
		font-size:0.9em;
		float:none;
		position:relative;
		z-index:100;
		top:1px;
		left:-4px;
		padding:4px 8px;
	}

	table.listings .disabled div.stats a.statsicon, 
	table.listings .disabled div.stats a.statsicon:visited
	{
		display:none;
	}
	
	table.listings div.stats div.statsbox
	{
		position:absolute;
		z-index:200;
		left:0;
		top:0;
		width:300px;
		opacity:0.96;
	}
	
	table.listings div.stats div.statsbox div 
	{
		float:left;
		padding:0;
		background:url(../images/backgrounds/statsbox-glow-top.png) transparent no-repeat;
	}
	table.listings div.stats div.statsbox.inverted div 
	{
		position:relative;
		top:-20px;
		padding:15px 0 0 0;
		background:url(../images/backgrounds/statsbox-glow-inverted-top.png) transparent no-repeat;
	}
	
	table.listings div.stats div.statsbox div div
	{
		padding:0 15px 15px 15px;
		position:relative;
		top:20px;
		background:url(../images/backgrounds/statsbox-glow-bottom.png) no-repeat 0 100%;
	}
	table.listings div.stats div.statsbox.inverted div div
	{
		top:20px;
		padding:0 15px 0 15px;
		background:url(../images/backgrounds/statsbox-glow-inverted-bottom.png) no-repeat 0 100%;
	}
	
	table.listings div.stats div.statsbox div div div
	{
		padding:0 10px;
		background:#CFFFCF;
		border:1px solid #a3c59d;
		width:248px;
		position:static;
	}
	table.listings div.stats div.statsbox.inverted div div div
	{
		position:relative;
		top:-20px;
		padding:0 10px;
		width:248px;
		background:#CFFFCF;
	}

	table.listings div.stats div.statsbox dl, 
	table.listings div.stats div.statsbox dl dt,
	table.listings div.stats div.statsbox dl dd
	{
		display:block;
		float:left;
		padding:0;
		margin:0;
		white-space:nowrap;
		color:#2a5e2a;
	}
	
	table.listings div.stats div.statsbox dl
	{
		font-size:0.9em;
		background:url(../images/icons/statsbox-arrow.png) no-repeat 24px 0;
		padding:20px 0 0 0;
		position:relative;
		top:-12px;
		margin:0 0 -4px 0;
	}
	table.listings div.stats div.statsbox.inverted dl
	{
		padding:8px 0 20px 0;
		top:12px;
		margin:-12px 0 0 0;
		background:url(../images/icons/statsbox-inverted-arrow.png) no-repeat 24px 100%;
	}

	table.listings div.stats div.statsbox dl dt
	{
		text-align:left;
		padding:2px;
		min-width:146px;
		clear:both;
		overflow:visible;
		color:#2a5e2a;
	}

	/* NOTE: this text is left aligned, instead of right aligned as the design specifies, because
	   we can't specify a width for this element, because 
	   doing so would undermine the natural line breaking due to larger font sizes */
	table.listings div.stats div.statsbox dl dd
	{
		padding:2px 2px 2px 10px;
		color:#0b3b0b;
	}
	
	table.listings thead th#auction-activity span
	{
		color:#045AB0;
		font-size:0.8em;
		display:block;
	}

	td span.comments
	{
		color:#555555;
	}

}
/* end media wrapper */