/*
 * The List
 * 
 */

#the-list-container
{
	padding-left:25px;
	margin-top:-2px;
}

#the-list
{
	padding-left:0px;
	padding-top:3px;
}

.display-text
{
	display:table-cell;
	height:60px;
	vertical-align:middle;
	text-transform:capitalize;
}

.list-container
{	
	width:750px;
	height:72px;
	
	border:solid black 0px;
	
	cursor:pointer;
}

.list-container-on
{	
	width:750px;
	height:72px;
	
	border:solid black 0px;
	
	background-color:#d3d3d3;
	
	cursor:pointer;
}

.list-number
{
	position:absolute;
	
	width:71px;
	
	margin-top:10px;
	
	font-size:2.5em;
	
	color:#bbdade;
	
	text-align:right;
}

.list-number-on
{
	position:absolute;
	
	width:71px;
	
	margin-top:10px;
	
	font-size:2.5em;
	
	color:#f0f0f0;
	
	text-align:right;
}

.list-number-brand
{
	position:absolute;
	
	width:71px;
	
	margin-top:10px;
	
	font-size:2.5em;
	
	color:#436da7;
	
	text-align:right;
}

.list-icon
{
	position:absolute;
	
	width:52px;
	height:53px;
	
	background-image:url(../images/global/icon-shadow.png);
	
	border:solid black 0px;

	margin-left:86px;
	margin-top:11px;
}

.list-icon img
{
	border:solid white 1px;
}

.list-name
{
	position:absolute;
	
	margin-left:149px;
	margin-top:5px;
	
	font-size:1.4em;
	
	color:#41a5b3;
}
.list-name-on
{
	position:absolute;
	
	margin-left:149px;
	margin-top:5px;
	
	font-size:1.4em;
	
	color:#f0f0f0;
}

.list-name-brand
{
	position:absolute;
	
	margin-left:149px;
	margin-top:25px;
	
	font-size:1.4em;

	color:#436da7;
}

.list-rank-icon
{
	/*color:#d3d3d3;*/
}

.list-trend
{
	position:absolute;
	
	margin-left:570px;
	margin-top:19px;
}

.list-trend-number-up
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	
	text-align:center;
	
	color:#009003;
	
	margin-top:-2px;
	margin-left:-3px;
}

.list-trend-number-down
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	
	text-align:center;
	
	color:#fe2d2d;
	
	margin-left:-1px;
}

.list-votes
{
	position:absolute;
	
	width:200px;
	
	margin-left:540px;
	margin-top:26px;
	
	text-align:right;
	
	font-size:1.2em;
	
	color:#a1856e;
}
.list-votes-on
{
	position:absolute;
	
	width:200px;
	
	margin-left:540px;
	margin-top:26px;
	
	text-align:right;
	
	font-size:1.2em;
	
	color:#f0f0f0;
}

.list-spacer
{
	position:relative;
}

#button-view-more
{
	position:relative;
	
	margin-left:25px;
	margin-top:25px;
	
	text-align:right;
	
	width:750px;
}

#button-view-more a
{
	color:#53d4e3;
	text-decoration:none;
}

#button-view-more a:hover
{
	text-decoration:underline;
}