/* @override 
	http://utuned.com/template/epoch_styles.css
	http://www.utuned.com/template/media/med-s.css
*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Global Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!! NOTE !!!!!!!! 
This width controls entire Web Component width */
.mnd-up { width: 350px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align:left;
	background-color: #000;
}

.mnd-up a { color: lime; text-decoration:underline;
	background-color: black;
}
.mnd-up a:hover, .mnd-up a:active, .mnd-up a:hover {
	color: #ed844b;
	background-color: black;
}

/*!!!!!! NOTE !!!!!!!! 
This width should always be -60px of the .mnd-up width */
.mnd-up h1 { font-family:Arial, Helvetica, sans-serif; float:left; display:inline-block; width:240px; /*border: 1px solid #f00;*/ font-size:18px; color: #fff; font-weight:bold; margin:5px 0 6px 5px; line-height:normal; }

/*!!!!!! NOTE !!!!!!!! 
This contols overall Web Componenet BG color*/
#mnd_tabcontent_0, #mnd_tabcontent_1 { background-color: #000; }

/* Shopping Cart Styles */
.mnd-up .mnd-cart { float:right; width:42px; background-image: url(images/cart_sm.png); background-repeat:no-repeat; background-position: 55% 0px;
	margin:4px 0 0 5px; padding:17px 0 0 0; font-size:10px; color: #fff; text-align:center; float:right; cursor: pointer; display:inline-block; }

/* Search Bar */
.mnd-up .mnd-search-wrap { height:38px; margin: 0 0 12px 0; font-size: 11px; }
.mnd-up .mnd-search-lft { height:38px; width:9px; float:left; background: url(images/mn_wc_mc1-search-lft.png) no-repeat;  }
.mnd-up .mnd-search-rt { height:38px; background: url(images/mn_wc_mc1-search-rt.png) repeat-x right; margin-left:6px;  }

.mnd-up .mnd-search-bar { height:23px; width:207px; float:left; border: 1px solid #ccc; background-color:#fff; margin-top:7px; padding-left:4px; font:normal 12px Arial, Helvetica, sans-serif; line-height: 23px; }
.mnd-up .mnd-search-btn { height:24px; width:61px; background: url(images/mn_wc_mc1-search-btn.png) no-repeat; float:right;  margin:7px 7px 0 0 }

.mnd-up .mnd-search-title { font-weight:bold; color:#CA283D; }
/* END Search Bar */

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! One List No Tabs - Top Corner Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.mnd-up .mnd-top-wrap { height:7px; margin:0; font-size: 11px; clear:both;
	background-color: #000;
}
.mnd-up .mnd-top-wrap img { border: 0; }
.mnd-up .mnd-top-lft {  height:7px; width:5px; float:left;
	background-repeat: no-repeat;
}
.mnd-up .mnd-top-rt { /*border: 1px solid #f00;*/ height:7px; background: #000 no-repeat right top; margin-left:5px;  }
.mnd-up #mnd-top-center img { border: 0; }	
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! END One List No Tabs - Top Corner Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Two Lists - Tabs Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.mnd-up #mnd-tabs-holder { margin-bottom: -1px; overflow:auto;  line-height: 15px; }
.mnd-up #mnd-top-line { border-bottom: 1px solid #ccc; margin-left: 249px; }
.mnd-up #mnd-top-line-0tab { border-bottom: 1px solid #ccc; margin-left: 0px; }

/* Inactive Tab Styles */
.mnd-up .mnd-inactivetab { cursor: pointer; }
.mnd-up .mnd-inactivetab .mnd-tableft { background-image: url(images/mn_wc_tab2_off_lft.png); width: 7px; height: 37px; float: left; }
.mnd-up .mnd-inactivetab .mnd-tabright { background-image: url(images/mn_wc_tab2_off_rt.png); width: 7px; height: 37px; float: left; }
.mnd-up .mnd-inactivetab .mnd-tabcontent { padding-top: 3px; background: url(images/mn_wc_tab2_off_mid.png) repeat-x; width: 108px; height: 34px; float: left; }

.mnd-up .mnd-inactivetab .mnd-tabcontent .mnd-tabhead, .mnd-up .mnd-inactivetab .mnd-tabcontent .mnd-tabsubhead { color: #CA283D; }

/* Active Tab Styles */
.mnd-up .mnd-activetab { cursor: pointer; }
.mnd-up .mnd-activetab .mnd-tableft { background-image: url(images/mn_wc_tab2_on_lft.png); width: 7px; height: 37px; float: left; }
.mnd-up .mnd-activetab .mnd-tabright { background-image: url(images/mn_wc_tab2_on_rt.png); width: 7px; height: 37px; float: left; }
.mnd-up .mnd-activetab .mnd-tabcontent { padding-top: 3px; background: url(images/mn_wc_tab2_on_mid.png) repeat-x; width: 108px; height: 34px; float: left; }

/* Tab Title Styles */
.mnd-up .mnd-tabhead { color: #CA283D; font-weight: bold; font-size:14px; margin-top: 6px; }
.mnd-up .mnd-tabsubhead { color: #CA283D; font-size: 1em; }

.mnd-up .mnd-tabspacer { border-bottom: 1px solid #ccc; float: left; height: 36px; width: 5px; }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! END Two Lists - Tabs Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/* Playlist Description */
.mnd-up .description { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 12px; position:relative; background-color: #000;
	color: #fff;
}

/*Album Tab - Active Row Content*/
.mnd-up .mnd-album-tab .mnd-album-art {  width: 120px; height: 120px; float:left; margin: 0 5px 10px 0; border: 1px solid #af; }
.mnd-up .mnd-album-tab .mnd-active-album-title { color: #c32; font-size: 1em; font-weight: bold; line-height: 14px; margin: 20px 10px 4px 149px; }
.mnd-up .mnd-album-tab .mnd-active-artist-name { color: #c32; font-size: 1em; font-weight: bold; margin: 0 0 4px 149px; }

.mnd-up .mnd-album-tab .mnd-playerbar {
    height: 26px;
    background: url(images/mn_wc_1_bg.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    border-left: 1px solid #CCEBFD;
	border-top: 1px solid #CCEBFD;
	border-bottom: 1px solid #CCEBFD;
    margin: 0 5px 5px 21px;
	clear:both;
}
/*End Album Tab - Active Row Content*/


/*Tracks(Songs) Tab - Active Row Content*/
.mnd-up .mnd-track-tab .mnd-album-art {  width: 120px; height: 120px; float:left; margin: 0 5px 10px 0; border: 1px solid #c322; }
.mnd-up .mnd-track-tab .mnd-active-album-title { color: white; font-size: 1em; font-weight: bold; line-height: 14px; margin: 0 10px 4px 149px; }
.mnd-up .mnd-track-tab .mnd-active-artist-name { color: #fff; font-size: 1em; font-weight: bold; margin: 20px 0 4px 149px; }

.mnd-up .mnd-track-tab .mnd-playerbar {
    height: 26px; 
    background: black repeat-x; 
    border-left: 1px solid #CCEBFD;
	border-top: 1px solid #CCEBFD;
	border-bottom: 1px solid #CCEBFD;
    margin: 0 5px 5px 21px; 
	clear:both;
}
/*End Tracks(Songs) - Active Row Content*/


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Active Row Content - Shared between Albums and Tracks(Songs) !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.mnd-up .mnd-big-row { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0; min-height: 170px; line-height: 13px; position:relative;}
.mnd-up .mnd-big-row-content { float:left; padding: 10px 0 5px ; width: 100%; min-height: 150px; position:relative; background-color: black;
	color: white;
}

#mnd_tabcontent_0 .mnd-big-row-content .mnd-number, #mnd_tabcontent_1 .mnd-big-row-content .mnd-number { display:inline; }

/*Player Bar*/
.mnd-up .mnd-playerbarcontent { padding: 6px 0px 0px 6px; margin:0; font-size: 1em; font-weight: bold; color: white;
	background-color: black;
}
.mnd-up .mnd-track-num { display:inline; }

.mnd-up .mnd-playbutton-l  { float:right;  height:26px; width:26px; background: url(images/mn_wc_1_btn_play_lrg.gif); background-repeat:no-repeat; cursor: pointer; }
.mnd-up .mnd-pausebutton-l  { float:right;  height:26px; width:26px; background: url(images/mn_wc_1_btn_pause_lrg.gif); background-repeat:no-repeat; cursor: pointer; }


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Other Shared between Albums and Tracks(Songs) !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*Play Buttons*/
.mnd-up .mnd-playbutton-s  { float:right;  height:20px; width:20px; background: url(images/mn_wc_1_btn_play_sml.gif); background-repeat:no-repeat; cursor: pointer; }
.mnd-up .mnd-pausebutton-s  { float:right;  height:20px; width:20px; background: url(images/mn_wc_1_btn_pause_sml.gif); background-repeat:no-repeat; cursor: pointer; }
.mnd-up .mnd-playbutton-s, .mnd-up .mnd-pausebutton-s { margin-top:3px; }

/* Call to Action Links*/
.mnd-up .mnd-actionlinks { border-top: 1px dotted #D6D6D6; position:absolute; top:105px; left:152px; margin:0 0 0 0; padding-top:5px;
	background-color: black;
}
.mnd-up .mnd-download-mp3 { background-image: url(images/mn_wc_btn_download_sml.gif); width:59px; height:22px; float:left; margin:1px 0 0 21px; z-index:2;
	background-color: black;
}

.mnd-up .mnd-all-songs { margin: 3px 0 0 0; float:left;
	background-color: black;
}
.mnd-up .mnd-all-songs a { text-decoration:none;
	background-color: black;
}
.mnd-up .mnd-all-songs a:hover { text-decoration:underline;
	background-color: black;
}
.mnd-up .mnd-all-songs a:active {
	background-color: black;
}
.mnd-up .mnd-all-songs a:visited {
	background-color: black;
}

/* Misc Text Styles*/
.mnd-up .mnd-active-artist-name a { color: #fff; }
.mnd-up .mnd-active-artist-name a:active { color: white; }
.mnd-up .mnd-active-artist-name a:visited { color: white; }
.mnd-up .mnd-active-artist-name a:hover { color: white; }

.mnd-up .mnd-active-album-title a { color: white; }
.mnd-up .mnd-active-album-title a:active { color: white; }
.mnd-up .mnd-active-album-title a:visited { color: silver; }
.mnd-up .mnd-active-album-title a:hover { color: #CA283D;
	background-color: black;
}

/* Misc Inactive Row (Small Row) Styles */
.mnd-up .mnd-small-row { border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 26px; border-bottom: 1px solid #ccc; padding: 0 5px 0 3px; cursor: pointer; clear:both; vertical-align:middle;
	background-color: #000;
}
.mnd-up .mnd-small-row:hover { background: #000; }
.mnd-up .mnd-rowaltitem { background: #000; }

.mnd-up .mnd-title { padding: 0 5px 0 0; float:left; font-weight:bold; width: 50%;
	color: white;
	background-color: #000;
}
.mnd-up .mnd-title-active { padding: 0px 5px 0 0px; font-weight:bold;}

.mnd-up .mnd-artistname { padding: 0px 5px 0 0; float:right; font-weight:bold; color: #fff; width:27%;
	background-color: #000;
}
.mnd-up .mnd-number { color: #fff; font-size: 12px; font-weight: bold; float: left; margin: 0px 2px 0px 0px; width: 18px; text-align: center;
	background-color: #000;
}

.mnd-up .mnd-title, .mnd-up .mnd-artistname, .mnd-up .mnd-number { line-height:24px;}

/* Footer Styles */
.mnd-up .mnd-foot-wrap { height:30px; margin: 0 0 12px 0; font-size: 11px;
	color: #c32;
}
.mnd-up .mnd-foot-wrap img { border: 0; }
.mnd-up .mnd-foot-lft { height:30px; width:5px; float:left;
	background-repeat: no-repeat;
}
.mnd-up .mnd-foot-rt { height:30px; background: #000 repeat-x right; margin-left:5px;  }
.mnd-up #mnd-footer-center img { border: 0; }	

/*XXXXXXXXXXXXXXXXXXXXX INLINE BUY XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*!!!!!! NOTE !!!!!!!! 
This only appears when "Inline Buy" Parameter has been set to TRUE*/
.mnd-up .mnd-getmp3-inline { clear: both; padding: 9px 5px 10px 14px; border: 1px solid #40B3FF; background: #000; } 

.mnd-up .mnd-getmp3-album { width: 56%; }
.mnd-up .mnd-getmp3-track { width: 56%; }

.mnd-up .mnd-getmp3-buy { width: 58px; float: right; text-align: right; display:inline; }
.mnd-up .mnd-getmp3-price { width: 48px; float: right; text-align: right; display:inline;  }
.mnd-up .mnd-getmp3-inline-txt { color: #c32; font-size: 0.8em; clear: both;
	background-color: black;
}
/*XXXXXXXXXXXXXXXXXXXXX END INLINE BUY XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXX BUY POPOVER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*!!!!!! NOTE !!!!!!!! 
This appears when "Inline Buy" Parameter has been set to FALSE*/
.mnd-up .mnd_buypopup { padding:5px; margin-left:2px; border: 1px solid #40B3FF; position:absolute; top:128px; z-index: 1; display: none; background: #000; }
.mnd-up .mnd_buypopup .mnd-title { line-height:17px; padding:0; margin:0;}
.mnd-up .mnd_popuptext { font-size: 10px; clear:both; padding-top:5px; }
.mnd-up .mnd_buylink { font-size: 1em; font-weight: bold; float: right; }
/*XXXXXXXXXXXXXXXXXXXXX END POPOVER BUY XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! END Shared between Tracks & Albums Tabs !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*-- Misc Styles--*/
.mnd-up .mnd-hide { display: none; }
.mnd-up .mnd-ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; display: block; }
.mnd-up .mnd-clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.mnd-up .mnd-clearfix {display:inline-block;}/* Hide from IE Mac */
.mnd-up .mnd-clearfix {display:block;}/* End hide from IE Mac */