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

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

    width                   : 700px;
    
    _padding-bottom         : 10px;
}

div.moduleTopTracks 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		: #ffffff;
}

div.moduleTopTracks 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.moduleTopTracks div.track span.ieFix
{
	_width					: 0;
	_height					: 100%;
	_display				: inline-block;
	_vertical-align			: middle;
}

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

div.moduleTopTracks 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.moduleTopTracks div.track span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.moduleTopTracks div.track span.image img
{
    max-width               : 75px;
    max-height              : 75px;
}

div.moduleTopTracks div.track div.details
{
	float:left;
    width                   : 235px;
}

div.moduleTopTracks div.track div.details a
{
    margin-left             : 10px;
	color					: #000000;
}

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

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

div.moduleTopTracks div.track div.details span.genreName
{
    color                   : #ff0000;
}

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

    _padding                : 0px;
    _padding-top            : 5px;
}

div.moduleTopTracks 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.moduleTopTracks div.track div.action div.playerThing
{
	float					: left;
	width					: 23px;
	height					: 22px;
	margin-left				: 5px;
}

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

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

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

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