/*	-------------------------------------------------------------
	Table layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	table.chartsLanding {
		width: 324px;
		color: #FFFFFF;
		}
	
	table.smallTrackBox {
		width: 324px;
		color: #FFFFFF;
		font-weight: bold;
		}

/*	-------------------------------------------------------------
	Tops
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.topLight,
	.topDark,
	.bottomLight,
	.bottomDark {
		height: 0px;
		width: 324px;
		font-size:0px;
		}
	
	
	/*.topLight { background: url(/site/default/staticimg/redboxes/324/lightTop.gif);}*/
	/*.topDark { background: url(/site/default/staticimg/redboxes/324/darkTop.gif); }*/
	/*.bottomLight { background: url(/site/default/staticimg/redboxes/324/lightBottom.gif); }*/
	/*.bottomDark { background: url(/site/default/staticimg/redboxes/324/darkBottom.gif); }*/

/*	-------------------------------------------------------------
	Col groups
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	col.image {	width: 100px; }
	col.button { width: 112px; }

/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	table.chartsLanding img.imageWrap {
		margin: 5px 0 5px 10px;
		}
	
	table.chartsLanding p, table.smallTrackBox p {
		margin: 0;
		padding: 0 10px 0 10px;
		}
	
	table.chartsLanding p.name {
		padding: 0 10px 0 10px;
		margin: 3px 0 0 0
		}
	
	img.djImage {
		margin: 5px 10px 10px 0;
		float: left;
		}
	
	table.smallTrackBox p.number {
		padding: 5px 2px 0 10px;
		}
		
	table.smallTrackBox p.details {
		padding: 5px 0 0 0;
		}

/*	-------------------------------------------------------------
	Buttons
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	table.smallTrackBox div.star {
		float: left;
		margin: 0px 0 0 0;
		}
	
	table.smallTrackBox div.paper {
		float: left;
		margin: 0px 0 0 10px;
		}
	
	table.smallTrackBox div.speaker {
		float: left;
		margin: 0px 0 0 10px;
		}
	
	table.smallTrackBox select.buttonBoxInput, table.smallTrackBox input {
		margin: 10px 0 0 0;
		}
	
	div.playListBar div.playListButton {
		margin: 6px 0 0 0;
		width: 24px;
		height: 22px;
		}
	
	div.playListBar div.greenArrow {
		margin: 6px 0 0 0;
		}

/*	-------------------------------------------------------------
	Play list bar
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	div.playListBar {
		height: 34px;
		color: #FFFFFF;
		font-weight: bold;
		/*background: url(/site/default/staticimg/redboxes/324/playListBar.gif);*/
		background-color: #494949;
		border-radius: 7px;
		-moz-border-radius: 7px; 
		-webkit-border-radius: 7px;
		-o-border-radius: 7px;
		}
	
	div.playListBar input { margin: 6px 0 0 0; }
	div.playListBar select { margin: 6px 0 0 0; }
	div.playListBar p {
		margin: 0 10px;
		padding: 9px 0 0 0 !important;
		}
		
	p.normal { margin: 0; } /* IE7 */

/*	-------------------------------------------------------------
	Faux columns
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	div#fauxColumns { background: url(/site/default/staticimg/fauxColumns/twoColumn.png) repeat-y; }
	div#fauxColumnsBottom {	background: url(/site/default/staticimg/fauxColumns/twoColumnBottom.png); }