@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
a{
	outline:0;
}
img {
	border: none;
	padding: 2px;
}

/* center wrapper, min max width 
#tracklist_wrapper {
	width: 650px;
	margin: 0 auto;       /* this centers wrapper
	border: 0px ridge #A34121;
	background-color: #fff;
}
*/

.tracklist {
	table-layout:fixed;
	border-spacing: 2px;
	border-collapse: collapse;
	color: #444;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size:11px;
}

.tracklist a, .tracklist a:link, .tracklist a:active {
	color: #444;
}

.tracklist a:hover {
	color: #fff;
}

.tracklist caption
{
  caption-side: top;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 10px 10px 10px 0;
}



.tracklist th, .tracklist td{
	border: none;
	padding: 3px;
	vertical-align:top;
	border-top: 1px #fff solid;
  	border-bottom: 1px #fff solid;
}

.tracklist th{
	font-weight:bold;
	color: #000;
}


/* Set attributes for all header cells in the top row */
.tracklist th[scope=col] {
	/*background: #fff url("images/attack_bg.jpg") bottom left repeat-x;*/
	border-right: 1px dotted #fff;
	height:20px;
	width: 145px;
	padding-top:7px;
}

.tracklist th+th[scope=col]{
		width:35px;
}

/* Set attibutes for all header cells in the top row except "No#" */
.tracklist th+th+th[scope=col] {
	width: 235px;

}

/*  -- USING THIS COLUMN AT THE MOMENT
Set attibutes for the last header cell in the top row 'Licence' */
.tracklist th+th+th+th+th[scope=col] {
	width: 40px;

}


/* Set attributes for all header cells in the left column 'No#' */
.tracklist th[scope=row] {

}
/* Set default hover over rows */
.tracklist tr:hover th[scope=row], .tracklist tr:hover td { 
  background-color: #632a2a;
  color: #fff;

} 

/* Set attributes for the poster image */
.tracklist [scope=image] {
	border:none;
	background-color: #fff;
	width: 120px;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Set attributes for the bottom bar */
.tracklist [scope=bar] {
	height:25px;
	padding:0; /*reset the padding for this bar*/
	color: #444;
}
/* Turn off hover for the poster image & bar */
.tracklist tr:hover [scope=image], .tracklist tr:hover [scope=bar] {
	background-color: transparent;
}
.bar_icon {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align:middle;
}
.image {
	width:120px;
}
#legend {
	padding: 20px 0 0 5px;
}
.legend {
	vertical-align:middle;
	padding-left: 10px;
}

/* Set attributes for the poster image
.tracklist .buttons td {
	background-color: #fff;
} */

/* Turn off hover for the button row */
.tracklist .buttons tr:hover {
	background-color: #fff;
}

.duration {
	float:right;
	padding: 6px;
	font-size:11px;
}

.PPCA {
	display: none;
}
div.PPCA{
	padding: 5px;
	border:1px #cccccc solid ;
}
td.PPCA{
	padding:0;
	text-align:center;
}
.PPCA li {
	list-style:none;
	padding-left:25px;
}
li.one {
	background: url("images/1.png") no-repeat;
}
li.two {
	background: url("images/2.png") no-repeat;
}
li.three {
	background: url("images/3.png") no-repeat;
}
li.four {
	background: url("images/4.png") no-repeat;
}
li.default {
	background: url("images/0.png") no-repeat;
}

/*************************************************
SIZZLER POPUP BOX - fancybox
*************************************************/

.backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	top:0;
	left:0;
	background:#000000;
	/*border:1px solid #cecece;*/
	z-index:1;
}
.popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:600px;
	width:450px;
	background:#444;!important
	/*border:2px solid #cecece;*/
	z-index:2;
	padding:12px;
	font-size:13px;
}
.popupContact h1{
	text-align:left;
	color:#444444;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}
.popupContactClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
}
.button{
	float:left;
}

#mvcontainer{
	text-align: center;
}

/*************************************************
TRACKINFO POPUP BOX - fancybox
*************************************************/

#trackinfo{
	height: 375px;
	margin: 10px;
}
#othertracks{
	height: 120px;
	margin: 20px;
	clear: both;
}
#song{
	width: 280px;
	height: 300px;
	float: left;
}
#itunes{
	width:260px;
	height: 300px;
	float:right;
	text-align: center;
}
.image_s{
	height:90px;
	padding: 5px;
}
.presenter{
	width:250px;
	height: 120px;
	padding:10px;
	border: 1px #aaaaaa dashed;
	background-color: #efefef;
}


/***************************************************
BODYATTACK
**************************************************/

.BODYATTACK {
	border: 1px solid #e9cb2b;
}
.BODYATTACK caption{
  color: #444;
}
/* Change backgrounds */
.BODYATTACK th[scope=col]  {
	background: #e9cb2b url("images/bg_attack.jpg") bottom left repeat-x;
}
.BODYATTACK tr:hover th[scope=row], .BODYATTACK tr:hover td {
	background-color: #e9cb2b;
	color: #fff;
}
.BODYATTACK td[scope=bar], .BODYATTACK tr:hover td[scope=bar]{
	background: #e9cb2b url("images/bg_attack.jpg") top left repeat-x;
}

/***************************************************
BODYBALANCE
**************************************************/

.BODYBALANCE {
	/*background: #fff url("images/balance_bg.jpg") bottom left repeat-x;*/
	border: 1px solid #cfe092;
}
.BODYBALANCE caption{
  color: #444;
}
/* Change backgrounds */
.BODYBALANCE th[scope=col] {
	background: #cfe092 url("images/bg_balance.jpg") top left repeat-x;
}
.BODYBALANCE tr:hover th[scope=row], .BODYBALANCE tr:hover td {
	background-color: #cfe092;
	color: #444;
}
.BODYBALANCE td[scope=bar], .BODYBALANCE tr:hover td[scope=bar]{
	background: #cfe092 url("images/bg_balance.jpg") top left repeat-x;
}

/***************************************************
BODYCOMBAT
**************************************************/

.BODYCOMBAT {
	border: 1px solid #787800;
}
.BODYCOMBAT caption{
  color: #444;
}
/* Change backgrounds */
.BODYCOMBAT th[scope=col]   {
	background: #787800 url("images/bg_combat.jpg") bottom left repeat-x;
	color: #fff;
}
.BODYCOMBAT tr:hover th[scope=row], .BODYCOMBAT tr:hover td {
	background-color: #787800;
	color: #444;
}
.BODYCOMBAT td[scope=bar], .BODYCOMBAT tr:hover td[scope=bar]{
	background: #787800 url("images/bg_combat.jpg") top left repeat-x;
}


/***************************************************
BODYJAM
**************************************************/

.BODYJAM {
	/*background: #fff url("images/jam_bg.jpg") bottom left repeat-x;*/
	border: 1px solid #f6f245;
}
.BODYJAM caption{
  color: #444;
}
/* Change backgrounds */
.BODYJAM th[scope=col]  {
	background: #f6f245 url("images/bg_jam.jpg") bottom left repeat-x;
}
.BODYJAM tr:hover th[scope=row], .BODYJAM tr:hover td {
	background-color: #f6f245;
	color: #444;
}
.BODYJAM td[scope=bar], .BODYJAM tr:hover td[scope=bar]{
	background: #f6f245 url("images/bg_jam.jpg") top left repeat-x;
}

/***************************************************
BODYPUMP
**************************************************/

.BODYPUMP {
	/*background: #fff url("images/pump_bg.jpg") bottom left repeat-x;*/
	border: 1px solid #c33333;
}
.BODYPUMP caption{
  color: #444;
}
/* Change backgrounds */
.BODYPUMP th[scope=col]  {
	background: #c33333 url("images/bg_pump.jpg") bottom left repeat-x;
	color: #fff;
}
.BODYPUMP tr:hover th[scope=row], .BODYPUMP tr:hover td {
	background-color: #c33333;
	color: #fff;
}
.BODYPUMP td[scope=bar], .BODYPUMP tr:hover td[scope=bar]{
	background: #c33333 url("images/bg_pump.jpg") top left repeat-x;
}

/***************************************************
BODYSTEP
**************************************************/

.BODYSTEP {
	/*background: #fff url("images/step_bg.jpg") bottom left repeat-x;*/
	border: 1px solid #b6bbbe;
}
.BODYSTEP caption{
  color: #444;
}
/* Change backgrounds */
.BODYSTEP th[scope=col]  {
	background: #b6bbbe url("images/bg_step.jpg") bottom left repeat-x;
}
.BODYSTEP tr:hover th[scope=row], .BODYSTEP tr:hover td {
	background-color: #b6bbbe;
	color: #fff;
}
.BODYSTEP td[scope=bar], .BODYSTEP tr:hover td[scope=bar]{
	background: #b6bbbe url("images/bg_step.jpg") top left repeat-x;
}

/***************************************************
BODYVIVE
**************************************************/

.BODYVIVE {
	/*background: #fff url("images/vive_bg.jpg") bottom left repeat-x;*/
	border: 1px solid #7c68af;
}
.BODYVIVE caption{
  color: #444;
}
/* Change backgrounds */
.BODYVIVE th[scope=col]  {
	background: #7c68af url("images/bg_vive.jpg") bottom left repeat-x;
	color: #fff;
}
.BODYVIVE tr:hover th[scope=row], .BODYVIVE tr:hover td {
	background-color: #7c68af;
	color: #fff;
}
.BODYVIVE td[scope=bar], .BODYVIVE tr:hover td[scope=bar]{
	background: #7c68af url("images/bg_vive.jpg") top left repeat-x;
}

/***************************************************
RPM
**************************************************/

.RPM {
	/*background: #fff url("images/rpm_bg.jpg") bottom left repeat-x;*/
	border: 1px solid #4b9fdd;
}
.RPM caption{
  color: #444;
}
/* Change backgrounds */
.RPM th[scope=col]  {
	background: #4b9fdd url("images/bg_rpm.jpg") bottom left repeat-x;
	color: #fff;
}
.RPM tr:hover th[scope=row], .RPM tr:hover td {
	background-color: #4b9fdd;
	color: #fff;
}
.RPM td[scope=bar], .RPM tr:hover td[scope=bar]{
	background: #4b9fdd url("images/bg_rpm.jpg") top left repeat-x;
}

/***************************************************
SH'BAM
**************************************************/

.SHBAM {
	/*background: #fff url("images/bg_shbam.jpg") bottom left repeat-x;*/
	border: 1px solid #D40072;
}
.SHBAM caption{
  color: #444;
}
/* Change backgrounds */
.SHBAM th[scope=col]  {
	background: #D40072 url("images/bg_shbam.jpg") bottom left repeat-x;
	color: #fff;
}
.SHBAM tr:hover th[scope=row], .SHBAM tr:hover td {
	background-color: #D40072;
	color: #fff;
}
.SHBAM td[scope=bar], .SHBAM tr:hover td[scope=bar]{
	background: #D40072 url("images/bg_shbam.jpg") top left repeat-x;
}

/***************************************************
CXWORX
**************************************************/

.CXWORX {
	/*background: #fff url("images/bg_cxworx.jpg") bottom left repeat-x;*/
	border: 1px solid #fd7a10;
}
.CXWORX caption{
  color: #444;
}
/* Change backgrounds */
.CXWORX th[scope=col]  {
	background: #fd7a10 url("images/bg_cxworx.jpg") bottom left repeat-x;
	color: #fff;
}
.CXWORX tr:hover th[scope=row], .CXWORX tr:hover td {
	background-color: #fd7a10;
	color: #fff;
}
.CXWORX td[scope=bar], .CXWORX tr:hover td[scope=bar]{
	background: #fd7a10 url("images/bg_cxworx.jpg") top left repeat-x;
}