/*
    Document   : stylesheet.module.TopTracks
    Created on : 11-mrt-2009, 16:02:20
    Author     : Maghiel Dijksman <mail@mdijksman.nl>
    Description:
        New Additions CSS
*/

div.moduleNewAdditions
{
    border					: 1px solid #669ACC;
    float                   : left;
    margin-bottom           : 10px;

    width                   : 700px;
}

div.moduleNewAdditions div.track
{
	display					: block;

	float					: left;
	width					: 330px;
	height					: 75px;

	margin-left				: 9px;
	margin-right			: 9px;
    margin-bottom           : 10px;

    _margin-left            : 6px;
	_margin-right           : 7px;

    border					: 1px solid #669ACC;
	background-color		: #b7dce6;
}

div.moduleNewAdditions div.track div.imageWrap
{
	display					: block;
    float                   : left;

	width					: 75px;
	height					: 75px;

	margin-left				: auto;
	margin-right			: auto;

	border-right			: 1px solid #669ACC;
	background-color		: #000000;

	cursor					: pointer;
}

div.moduleNewAdditions div.track span.ieFix
{
	_width					: 0;
	_height					: 100%;
	_display				: inline-block;
	_vertical-align			: middle;
}

*:first-child+html div.moduleNewAdditions div.track span.ieFix
{
	width					: 0;
	height					: 100%;
	display					: inline-block;
	vertical-align			: middle;
}

div.moduleNewAdditions div.track span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	margin-left				: auto;
	margin-right			: auto;

	vertical-align			: middle;
	text-align				: center;

	_width					: 100%;
	_height					: auto;
	_display				: inline-block;
	_margin-top				: -2px;
	_margin-bottom 			: -3px;
}

*:first-child+html div.moduleNewAdditions div.track span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.moduleNewAdditions div.track div.details
{
	float:left;
    width                   : 245px;
}

div.moduleNewAdditions div.track div.details a
{
    margin-left             : 10px;
}

div.moduleNewAdditions div.track div.details span.artistName
{
    font-weight             : bold;
    text-transform          : uppercase;
}

div.moduleNewAdditions div.track div.details span.itemTitle
{
    margin-left				: 10px;
}

div.moduleNewAdditions div.track div.details span.genreName
{
    color                   : #000000;
}

div.moduleNewAdditions div.track span.actions
{
    float                   : right;
}
div.moduleNewAdditions div.track div.action
{
    padding                 : 5px;
}

div.moduleNewAdditions div.track div.action div.playerThing
{
	float					: left;
	width					: 23px;
	height					: 22px;
	margin-left				: 5px;
}

div.moduleNewAdditions div.track div.action div.cartButtons
{
	float					: left;
	width					: 23px;
	height					: 22px;
	margin-left				: 5px;	
}

div.moduleNewAdditions div.track div.action div.cartButtons a
{
	margin					: 0;	
}

div.moduleNewAdditions div.track div.action span.trackPrice
{
	float					: right;
	vertical-align			: bottom;
	padding-top				: 5px;
}

div.moduleNewAdditions div.musicPlayer
{
    display                 : none;
    position                : absolute;
    border                  : 1px solid #669ACC;
    border-top              : none;
    width                   : 330px;
    margin-left             : -1px;
    z-index                 : 100;
    background-color        : #FFFFFF;
}

div.moduleNewAdditions div.musicPlayer a.addToCartButton
{
    z-index                 : 1;
}

div.moduleNewAdditions div.pageIndex
{
    width                   : 100%;
    text-align              : center;
}