/*
----------------------------------------------------
TOOTH & NAIL CSS

Some styling is dependent on the classes added by Modernizr:

/_global/lib/js/mozernizr-latest.js

----------------------------------------------------
*/

body, td, th, .bod, font, p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font: 11px/14px arial, verdana, sans-serif;
    *font: 11px/14px tahoma, arial, verdana, sans-serif;
    color: #5b5541;
    font-weight: normal;
}

body,
#megaspace {
    background: #d8d9d4 url('/tn/img/generic/body_bg.gif') repeat-y top center;
}

form {
    margin: 0;
    padding: 0;
}

input, select, textarea {
    font: 11px arial, geneva, verdana, sans-serif;
    *font: 11px tahoma, arial, geneva, verdana, sans-serif;
    color: #5b5541;
}

b, strong {
    font-weight: bold;
}

img {
    border: 0;
}

a:link, a:active, a:visited {
    color: #0099d2;
    text-decoration: none;
}

a:hover {
    color: #006185;
    text-decoration: underline;
}

a.ora { color: #ff6c00 !Important; }
a.wht { color: #ffffff !Important; }
a.gry { color: #9c9c9c !Important; }

.txt-wht {
    color: #fff;
}

.txt-bro {
    color: #5b5541;
}

.txt-padded {
    padding: 7px;
}

.txt-red {
    color: #d90000;
}

.txt-yel {
    color: #ffc600;
}

.txt-lrg {
    font-size: 12px;
    line-height: 16px;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.lf { float: left; }
.lf130 { float: left; width: 130px; }
.lf115 { float: left; width: 115px; }
.lf100 { float: left; width: 100px; }
.lf85 { float: left; width: 85px; }
.lf15 { float: left; width: 15px; }
.rf { float: right; }
.rf34p { float: right; width: 34%; }
.cf {
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 0px;
    clear: both;
}

.uc { text-transform: uppercase; }

h1 span {
    display: none;
}

h1 {
    margin: 1px 0 4px 5px;
    height: 40px;
}

h1.logo-pad {
    margin-top: 20px;
    width: 625px;
    overflow: hidden;
}

h1.logo-pad-full {
    margin-top: 20px;
    width: 930px;
    overflow: hidden;
}

h1.logo-pad a.gry-rss {
    margin-top: 19px;
    margin-right: 0px;
}

.logo-half {
    float: right;
    margin-right: 20px;
    display: inline;
    width: 110px;
    height: 48px;
    margin-top: -20px;
    *margin-top: 0px;
}

.logo-full {
    float: left;
    margin-right: 15px;
    margin-bottom: 7px;
}

.hdbg-onblack {
    background: transparent url('/tn/img/headers/h2_onblack_bg.gif') no-repeat;
    width: 290px;
    height: 28px;
}

.hdbg-onwhite {
    background: transparent url('/tn/img/headers/h2_onwhite_bg.gif') no-repeat;
    width: 290px;
    height: 28px;
}

.hdbg-grey {
    background: transparent url('/tn/img/headers/h2_greybox_bg.gif') no-repeat;
    width: 290px;
    height: 30px;
}

.hdbg-yellow {
    background: transparent url('/tn/img/headers/h2_yellowbox_bg.gif') no-repeat;
    width: 290px;
    height: 30px;
}

.hdbg-form {
    width: 290px;
    height: 30px;
}

.hdbg-poll {
    background: transparent url('/tn/img/headers/h2_poll_bg.gif') no-repeat;
    width: 290px;
    height: 28px;
}

.hdbg-pink {
    height: 23px;
}

h2 span {
    display: none;
}

.hd-new-merch,
.hd-site-updates,
.hd-new-goodies,
.hd-new-tones,
.hd-poll,
.hd-feat-releases,
.hd-links,
.hd-tour-dates,
.hd-events,
.hd-quick-bio,
.hd-line-up,
.hd-top5-headlines,
.hd-search-the-news,
.hd-search-tour-dates,
.hd-search-press,
.hd-search-goodies,
.hd-newsletter-signup,
.hd-textmessage-signup,
.hd-your-promotions,
.hd-label-contact,
.hd-registration-form,
.hd-password-retrieval,
.hd-member-login,
.hd-change-password,
.hd-reset-password,
.hd-registration-form,
.hd-memberlogin-form,
.hd-goodie-preview,
.hd-send-to-a-friend {
    display: block;
    float: left;
    height: 12px;
    margin: 8px 0 0 11px;
    line-height: 1px;
    display: inline;
}

.hd-new-merch { background: transparent url('/tn/img/headers/h2_new_merchandise.gif') no-repeat; width: 149px; }
.hd-site-updates { background: transparent url('/tn/img/headers/h2_site_updates.gif') no-repeat; width: 149px; }
.hd-new-goodies { background: transparent url('/tn/img/headers/h2_new_goodies.gif') no-repeat; width: 109px; }
.hd-new-tones { background: transparent url('/tn/img/headers/h2_new_ringtones.gif') no-repeat; width: 127px; }
.hd-poll { background: transparent url('/tn/img/headers/h2_poll.gif') no-repeat; width: 39px; }
.hd-feat-releases { background: transparent url('/tn/img/headers/h2_featured_releases.gif') no-repeat; margin: 4px 0 0 10px; width: 159px; }
.hd-links { background: transparent url('/tn/img/headers/h2_links.gif') no-repeat; width: 44px; margin: 9px 0 0 9px; }
.hd-tour-dates { background: transparent url('/tn/img/headers/h2_tour_dates.gif') no-repeat; width: 94px; margin: 9px 0 0 9px; }
.hd-events { background: transparent url('/tn/img/headers/h2_events.gif') no-repeat; width: 57px; margin: 9px 0 0 4px; }
.hd-quick-bio { background: transparent url('/tn/img/headers/pink_quick_bio.gif') no-repeat top left; width: 79px; margin: 0; }
.hd-line-up { background: transparent url('/tn/img/headers/pink_lineup.gif') no-repeat top left; width: 59px; margin: 0; }
.hd-top5-headlines { background: transparent url('/tn/img/headers/h2_top_5_headlines.gif') no-repeat; width: 133px; }
.hd-search-the-news { background: transparent url('/tn/img/headers/h2_search_the_news.gif') no-repeat; width: 143px; margin: 9px 0 0 9px; }
.hd-search-tour-dates { background: transparent url('/tn/img/headers/h2_search_tour_dates.gif') no-repeat; width: 158px; margin: 9px 0 0 9px; }
.hd-search-press { background: transparent url('/tn/img/headers/h2_search_press.gif') no-repeat; width: 112px; margin: 9px 0 0 9px; }
.hd-search-goodies { background: transparent url('/tn/img/headers/h2_search_goodies.gif') no-repeat; width: 134px; margin: 9px 0 0 9px; }
.hd-label-contact { background: transparent url('/tn/img/headers/h2_label_contact_info.gif') no-repeat; width: 164px; }
.hd-newsletter-signup { background: transparent url('/tn/img/headers/h2_newsletter_signup.gif') no-repeat; width: 167px; margin: 9px 0 0 9px; }
.hd-textmessage-signup { background: transparent url('/tn/img/headers/h2_textmessage_signup.gif') no-repeat; width: 179px; margin: 9px 0 0 9px; }
.hd-your-promotions { background: transparent url('/tn/img/headers/h2_your_promotions.gif') no-repeat; width: 147px; margin: 15px 0 0 0; }
.hd-registration-form { background: transparent url('/tn/img/headers/h2_registration_form.gif') no-repeat; width: 157px; margin: 9px 0 0 9px; }
.hd-password-retrieval { background: transparent url('/tn/img/headers/h2_password_retrieval.gif') no-repeat; width: 218px; margin: 9px 0 0 9px; }
.hd-member-login { background: transparent url('/tn/img/headers/h2_member_login.gif') no-repeat; width: 114px; margin: 9px 0 0 9px; }
.hd-memberlogin-form { background: transparent url('/tn/img/headers/h2_member_login_form.gif') no-repeat; width: 168px; margin: 9px 0 0 9px; }
.hd-change-password { background: transparent url('/tn/img/headers/h2_change_password.gif') no-repeat; width: 152px; margin: 9px 0 0 9px; }
.hd-reset-password { background: transparent url('/tn/img/headers/h2_reset_password.gif') no-repeat; width: 137px; margin: 9px 0 0 9px; }
.hd-goodie-preview { background: transparent url('/tn/img/headers/h2_goodie_preview.gif') no-repeat; width: 132px;}
.hd-send-to-a-friend { background: transparent url('/tn/img/headers/h2_send_to_a_friend.gif') no-repeat; width: 139px;}

.hd-latest-goodies,
.hd-latest-merchandise,
.hd-latest-press,
.hd-latest-releases,
.hd-latest-videos {
    height: 16px;
}

.hd-latest-goodies { background: transparent url('/tn/img/headers/h2_latest_goodies.gif') no-repeat; }
.hd-latest-merchandise { background: transparent url('/tn/img/headers/h2_latest_merchandise.gif') no-repeat; }
.hd-latest-press { background: transparent url('/tn/img/headers/h2_latest_press.gif') no-repeat; }
.hd-latest-releases { background: transparent url('/tn/img/headers/h2_latest_releases.gif') no-repeat; }
.hd-latest-videos { background: transparent url('/tn/img/headers/h2_latest_videos.gif') no-repeat; }


h3.hd-txt {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 7px 0;
    font-weight: bold;
}

h3.hd-txt-sml,
h3.hd-txt-results,
h3.hd-txt-results-onblack {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 7px 0;
    font-weight: bold;
}

h3.hd-txt-results,
h3.hd-txt-results-onblack {
    border-bottom: 1px dotted #CCC;
    color: #5b5541;
    margin-bottom: 14px;
    padding-bottom: 7px;
}

h3.hd-txt-results-onblack { color: #FFF; }

h3.hd-txt-results.noline,
h3.hd-txt-results-onblack.noline {
    border: none;
    margin-bottom: 7px;
}

h3.empty,
h3.empty-onblack { font-size: 12px; font-weight: bold; margin: 20px 0; }

h3.empty-onblack { color: #FFF; }

h4.posted-date {
    font-size: 10px;
    color: #9d9784;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 7px;
}

h4.posted-date img {
    float: left;
    margin: 0px 5px 0 0;
    *margin: 1px 5px 0 0;
}

h4.small {
    font-size: 11px;
    color: #9d9784;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
}

h5 {
    width: 288px;
    height: 28px;
    padding-right: 2px;
}

h5.from-blog { background: transparent url('/tn/img/headers/h5_from_the_blog.gif') no-repeat; }
h5.latest-news { background: transparent url('/tn/img/headers/h5_latest_news.gif') no-repeat; }
h5.latest-press { background: transparent url('/tn/img/headers/h5_latest_press.gif') no-repeat; }
h5.featured-releases { background: transparent url('/tn/img/headers/h5_featured_releases.gif') no-repeat; }
h5.featured-promotions { background: transparent url('/tn/img/headers/h5_featured_promotions.gif') no-repeat; }
h5.biography { background: transparent url('/tn/img/headers/h5_biography.gif') no-repeat; }
h5.blog { background: transparent url('/tn/img/headers/h5_blog.gif') no-repeat; }
h5.contact { background: transparent url('/tn/img/headers/h5_contact.gif') no-repeat; }
h5.news { background: transparent url('/tn/img/headers/h5_news.gif') no-repeat; }
h5.press { background: transparent url('/tn/img/headers/h5_press.gif') no-repeat; }

h5 span {
    display: none;
}

a.g-more,
a.g-archives,
a.g-all-news,
a.gry-all-rel,
a.gry-all-rel-tabs,
a.gry-archives,
a.gry-rss,
a.y-more,
a.y-rss,
a.bro-rss,
a.bro-more,
a.bro-all,
a.bro-all-releases,
a.g-close {
    display: block;
    float: right;
    height: 14px;
    margin: 7px 7px 0 0;
    display: inline;
    overflow: hidden;
}

a.g-more span,
a.g-archives span,
a.g-all-news span,
a.gry-all-rel span,
a.gry-all-rel-tabs span,
a.gry-archives span,
a.gry-rss span,
a.y-more span,
a.y-rss span,
a.bro-rss span,
a.bro-more span,
a.bro-all span,
a.bro-all-releases span,
a.g-close span {
    display: none;
}

a.g-more {
    background: transparent url('/tn/img/buttons/g_more.gif') no-repeat;
    width: 36px;
}

a.g-archives {
    background: transparent url('/tn/img/buttons/g_archives.gif') no-repeat;
    width: 57px;
}

a.g-all-news {
    background: transparent url('/tn/img/buttons/g_all_news.gif') no-repeat;
    width: 59px;
}

a.gry-all-rel, a.gry-all-rel-tabs {
    background: transparent url('/tn/img/buttons/gry_all_releases.gif') no-repeat;
    width: 78px;
    margin: 3px 10px 0 0;
}

a.gry-all-rel-tabs {
    margin: 15px 20px 0 0;
}

a.gry-archives {
    background: transparent url('/tn/img/buttons/gry_archives.gif') no-repeat;
    width: 55px;
    margin: 15px 15px 0 0;
}

a.gry-rss {
    background: transparent url('/tn/img/buttons/gry_rss.gif') no-repeat;
    width: 34px;
    margin: 15px 4px 0 0;
}

a.y-more {
    background: transparent url('/tn/img/buttons/y_more.gif') no-repeat;
    width: 36px;
    margin: 8px 0 0 4px;
}

a.y-rss {
    background: transparent url('/tn/img/buttons/y_rss.gif') no-repeat;
    width: 35px;
    margin: 8px 0 0 4px;
}

a.bro-rss {
    background: transparent url('/tn/img/buttons/bro_rss.gif') no-repeat;
    width: 34px;
    margin: 2px 0 0 2px;
}

a.bro-more {
    background: transparent url('/tn/img/buttons/bro_more.gif') no-repeat;
    width: 36px;
    margin: 2px 0 0 4px;
}

a.bro-all-releases {
    background: transparent url('/tn/img/buttons/bro_all_releases.gif') no-repeat;
    width: 78px;
    margin: 2px 0 0 2px;
}

a.bro-all {
    background: transparent url('/tn/img/buttons/bro_all.gif') no-repeat;
    width: 27px;
    margin: 2px 0 0 2px;
}

a.g-close {
    background: transparent url('/tn/img/buttons/g_close.gif') no-repeat;
    height: 10px;
    width: 10px;
}

a.g-close:hover { background-position: 0 -10px; }

#menu-home,
#menu-artist,
#menu-releases {
/*    background: transparent url('/tn/img/headers/h1_front_menu_bg.gif') repeat-y top center;*/
}

.menu-bottom-front, 
.menu-bottom-releases {
/*  background: transparent url('/tn/img/headers/h1_front_bg.gif') no-repeat top center;*/
    height: 44px;
}

.menu-bottom-releases {
    padding-top: 25px;
}

.menu-bottom-front h1,
.menu-bottom-releases h1 {
    margin: 0 auto;
    width: 930px;
}

.menu-bottom-front h1 img {
    margin-top: -5px;
    position: relative;
}

.menu-bottom {
/*    background: transparent url('/tn/img/headers/h1_bg.gif') no-repeat top center;*/
    height: 20px;
    width: 100%;
}

.page-artists #content,
.page-artist #content,
.page-album #content {
    padding-top: 20px;
}

.page-artist h1,
.page-album h1 {
    color: #ffc43e;
    font-size: 3.6em;
    line-height: 1em;
    text-transform: uppercase;
}

/*
----------------------------------------------------
GLOBAL HEADER
----------------------------------------------------
*/

.header {
    width: 100%;
}

.header .content-col {
    position: relative;
}

.logo {
    position: absolute;
    z-index: 40;
}

.header h1 {
    height: auto;
    margin: 0;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 20;
}

.header h1 a {
    display: block;
}

.menu {
    background: #000 url('/tn/img/generic/nav_bg.gif') 0 100% repeat-x;
}

.menu ol,
.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu li {
    float: left;
}

.menu ol a {
    background-image: url('/tn/img/generic/nav.gif');
    background-repeat: no-repeat;
    display: block;
    height: 45px;
    text-indent: -3000px;
}

.btn-artists { width: 71px; }
.btn-artists:hover { background-position: 0 -45px; }
.page-artists .btn-artists,
.page-artist .btn-artists { background-position: 0 -90px; }

.btn-news { background-position: -71px 0; width: 61px; }
.btn-news:hover { background-position: -71px -45px; }
.page-news .btn-news { background-position: -71px -90px; }

.btn-releases { background-position: -132px 0; width: 93px; }
.btn-releases:hover { background-position: -132px -45px; }
.page-releases .btn-releases,
.page-album .btn-releases { background-position: -132px -90px; }

.btn-videos { background-position: -225px 0; width: 72px; }
.btn-videos:hover { background-position: -225px -45px; }
.page-videos .btn-videos { background-position: -225px -90px; }

.btn-goodies { background-position: -297px 0; width: 85px; }
.btn-goodies:hover { background-position: -297px -45px; }
.page-goodies .btn-goodies { background-position: -297px -90px; }

.btn-tour-dates { background-position: -382px 0; width: 111px; }
.btn-tour-dates:hover { background-position: -382px -45px; }
.page-tours .btn-tour-dates { background-position: -382px -90px; }

.btn-press { background-position: -493px 0; width: 62px; }
.btn-press:hover { background-position: -493px -45px; }
.page-press .btn-press { background-position: -493px -90px; }

.btn-members { background-position: -555px 0; width: 89px; }
.btn-members:hover { background-position: -555px -45px; }
.page-members .btn-members { background-position: -555px -90px; }

.btn-store { background-position: -644px 0; width: 68px; }
.btn-store:hover { background-position: -644px -45px; }
.on .btn-store { background-position: -644px -90px; }

.btn-login { background-position: 0 -135px; width: 57px; }
.btn-login:hover,
.on .btn-login { background-position: 0 -180px; }

.btn-logout { background-position: -63px -135px; width: 66px; }
.btn-logout:hover { background-position: -63px -180px; }

/*
----------------------------------------------------
MEGASPACE
----------------------------------------------------
*/

#megaspace {
    min-height: 20px;
    position: relative;
    transition: height 500ms ease-out;
    -webkit-transition: height 500ms ease-out;
    -moz-transition: height 500ms ease-out;
    -o-transition: height 500ms ease-out;
    -ms-transition: height 500ms ease-out;
}

.page-videos #megaspace {
    display: none;
}

#megaspace .megaspace-bg {
    width: 100%;
    height: 20px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000000;
}

/*
----------------------------------------------------
PLAYER
----------------------------------------------------
*/

.player {
    position: relative;
    z-index: 10;
}

/* MINIPLAYER */

.miniplayer {
    background-color: #000;
}

.miniplayer,
.control-wrapper {
    height: 20px;
}

.miniplayer .controls {
    float: left;
    margin: -2px 0 -2px -3px;
    opacity: 1;
    transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    -ms-transition: opacity 500ms ease-out;
}

.miniplayer .controls .cap,
.miniplayer .controls a {
    display: block;
    float: left;
    text-indent: -3000px;
}

.touch .controls a.volume { display: none; } /* Hide volume on touch devices (it don't work, yo) */

.pause,
.miniplayer .controls a.pause,
.playlist .controls a.pause,
.playing .play,
.playing .miniplayer .controls a.play,
.playing .playlist .controls a.play { display: none; }

.playing .pause,
.playing .miniplayer .controls a.pause,
.playing .playlist .controls a.pause { display: block; }

.miniplayer .cap,
.miniplayer .volume,
.miniplayer .prev,
.miniplayer .pause,
.miniplayer .play,
.miniplayer .next,
.miniplayer .more {
    background-image: url('/tn/img/generic/player.png');
    background-repeat: no-repeat;
    height: 27px;
}

.miniplayer .cap { width: 5px; }
.miniplayer .volume { background-position: -5px 0; width: 21px;}
.miniplayer .prev { background-position: -26px 0; width: 21px; }
.miniplayer .play { background-position: -63px 0; width: 25px;}
.miniplayer .pause { background-position: -46px 0; width: 25px; }
.miniplayer .next { background-position: -89px 0; width: 22px; }
.miniplayer .more { background-position: -111px 0; width: 49px; }

.muted .volume { background-position: -5px -27px; }

.miniplayer .label {
    color: #fff;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.miniplayer .label em {
    color: #6c800d;
    font-style: normal;
}

.muted .miniplayer .label em {
    color: #8c0000;
}

.miniplayer .control-wrapper {
    position: absolute;
    top: 0;
    z-index: 2;
}

.miniplayer .progress {
    background: #a0c216 url('/tn/img/generic/player_progress_bar_cap.png') 100% 0 no-repeat;
    height: 16px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 0;
    z-index: 1;
}

.muted .progress {
    background-color: #d90000;
}

/* PLAYLIST */

.playlist,
.playlist-wrap,
.playlist-inner-wrap,
.playlist-back {
    margin: 0 auto;
    height: 344px;
    width: 940px;
}

.playlist-wrap {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 24px;
    z-index: 50;
}

.wee .playlist-wrap {
    top: 40px;
}

.csstransforms3d .playlist-wrap {
    perspective: 1500;
    -webkit-perspective: 1500;
}

.playlist-inner-wrap {
    opacity: 0;
}

.csstransitions .playlist-inner-wrap {
    transition: opacity 750ms ease-out;
    -webkit-transition: 1s, opacity 750ms ease-out;
    -moz-transition: opacity 750ms ease-out;
    -o-transition: opacity 750ms ease-out;
    -ms-transition: opacity 750ms ease-out;
}

.csstransforms3d .playlist-inner-wrap {
    transform-origin: 0 0;
    transform-style: preserve-3d;
    transform: scale3d(0.15, 0.1, 1);
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: scale3d(0.15, 0.1, 1);
}

.playlist,
.playlist-back {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    
    position: absolute;
    left: 0;
    top: 0;
}

.csstransforms3d .playlist,
.csstransforms3d .playlist-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.playlist {
    background-color: #fff;
    padding-bottom: 19px;
    pointer-events: auto;
}

.csstransforms3d .playlist {
    transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
}

.playlist-back {
    background-color: #fff;
    display: none;
}

.csstransforms3d .playlist-back {
    display: block;
}

.playlist ol {
    list-style: none;
}

.playlist .playlists {
    height: 240px;
    margin: 0 15px;
    overflow-y: auto;
}

/* PLAYLIST - CONTROLS */

.playlist .controls {
    background: #f6f6f6 url('/tn/img/generic/playlist_control_tray_shadow.png') 0 100% repeat-x;
    margin-bottom: 14px;
}

.playlist .controls,
.playlist .prev {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -o-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
}

.playlist .controls,
.playlist .cap {
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -o-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
}

.playlist .controls a,
.playlist .controls .cap {
    background-color: #fff;
    background-image: url('/tn/img/generic/player.png');
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 36px;
    text-indent: -3000px;
}

.playlist .controls a.close {
    background-color: transparent;
    float: right;
}

.playlist .prev { background-position: 6px -54px; padding-left: 6px; width: 34px; }
.playlist .prev:hover { background-position: 6px -90px; }
.playlist .play { background-position: -57px -54px; width: 23px; }
.playlist .play:hover { background-position: -57px -90px; }
.playlist .pause { background-position: -34px -54px; width: 23px; }
.playlist .pause:hover { background-position: -34px -90px; }
.playlist .next { background-position: -83px -54px; width: 34px; }
.playlist .next:hover { background-position: -83px -90px; }
.playlist .volume {
    background-position: -117px -54px;
    width: 37px;
}
.playlist .volume:hover { background-position: -117px -90px; }
.playlist .controls .cap { background-position: -154px -54px; width: 11px; }
.playlist .close { background-position: -165px -54px; width: 28px; }
.playlist .close:hover { background-position: -165px -90px; }

.muted .playlist .prev { background-position: 6px -126px; }
.muted .playlist .play { background-position: -57px -126px; }
.muted .playlist .pause { background-position: -34px -126px; }
.muted .playlist .next { background-position: -83px -126px; }
.muted .playlist .volume { background-position: -117px -126px; }

/* PLAYLIST - MENU */

.playlist .menu {
    background: #f2f2f2;
    margin: 0 15px 6px;
}

.playlist .menu ol {
    padding: 0 5px;
}

.playlist .menu ol a {
    background: transparent url('/tn/img/generic/player_menu_rule.gif') 0 50% no-repeat;
    color: #00aeef;
    height: auto;
    line-height: 1em;
    padding: 9px 6px 9px 8px;
    text-indent: 0;
    text-transform: uppercase;
}

.playlist .menu ol li:first-child a {
    background: none;
    padding-left: 6px;
}

.playlist .menu ol a:hover,
.playlist .menu ol .on a {
    color: #faa500;
    text-decoration: none;
}

/* PLAYLIST - TRACK LIST */

.playlists,
.playlists a.min {
    color: #404040;
}

.playlists ol,
.playlists li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.playlists ol.loading {
    opacity: 0.25;
}

.playlists li {
    margin-bottom: 2px;
}

.playlists .num,
.playlists .name,
.playlists .artist,
.playlists .album {
    display: block;
    float: left;
}

.playlists .num {
    width: 64px;
}

.playlists .name,
.playlists .artist,
.playlists .album {
    width: 270px;
}

/* MINIMIZED TRACK INFO */

.playlists .min { display: block; }
.playlists .max { display: none; }

.playlists .min {
    cursor: pointer;
}

.playlists .min .name,
.playlists .min .artist {
    margin-right: 1px;
}

.playlists .min .num,
.playlists .min .name,
.playlists .min .artist,
.playlists .min .album {
    padding: 5px 7px;
    white-space: nowrap;
}

.playlists .min .cf { display: block; }

.playlists .min .num {
    padding: 5px 10px 5px 0;
    text-align: right;
    width: 54px;
}

.playlists .min .name,
.playlists .min .artist,
.playlists .min .album {
    background-color: #f2f2f2;
    width: 256px;
}

.playlists a.min:hover {
    color: #404040;
    text-decoration: none;
}

.playlists a.min:hover .name,
.playlists a.min:hover .artist,
.playlists a.min:hover .album {
    background-color: #e5e5e5;
}

/* MAXIMIZED TRACK INFO */

.playlists .track-playing .min,
.playlists .track-paused .min { display: none; }
.playlists .track-playing .max,
.playlists .track-paused .max {
    display: block; 
    height: 64px;
    overflow: hidden;
}

.playlists .max {
    color: #fff;
}

.playlists .max .num,
.playlists .info {
    background-color: #313131;
}

.playlists .max .num {
    background-repeat: no-repeat;
    color: #fff;
    height: 54px;
    width: 54px;
    font-size: 2em;
    line-height: 54px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.rgba .playlists .max .num {
    color: rgba(255, 255, 255, 0.25);
}

.playlists .max a.num:hover {
    text-decoration: none;
}

.playlists .info,
.playlists .actions {
    width: 812px;
}

.playlists .info {
    float: left;
}

.playlists .actions {
    clear: both;
}

.playlists .actions li {
    float: left;
}

.playlists .max .name,
.playlists .max .artist,
.playlists .max .album {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #212121), color-stop(0.4, #313131), color-stop(1, #282828));
    background: -moz-linear-gradient(top, #212121 0%, #313131 40%, #282828 90%);
    line-height: 1em;
    padding: 7px;
}

.playlists .max .name a,
.playlists .max .name h5,
.playlists .max .artist a,
.playlists .max .album a {
    color: #fff;
    font-weight: bold;
    height: auto;
    padding: 0;
    text-overflow: ellipsis;
    width: auto;
    white-space: nowrap;
}

.playlists .max .name a:hover,
.playlists .max .artist a:hover,
.playlists .max .album a:hover {
    color: #ffc600;
    text-decoration: none;
}

.playlists .max .name,
.playlists .max .artist {
    border-right: 1px solid #1c1c1c;
    width: 255px;
}

.playlists .max .artist,
.playlists .max .album {
    border-left: 1px solid #404040;
}

.playlists .max .album {
    width: 256px;
}

.playlists .max h4,
.playlists .actions {
    text-transform: uppercase;
}

.playlists .max h4 {
    color: #808080;
    font-size: 0.75em;
}

.playlists .actions,
.playlists .actions ul {
    min-height: 24px;
}

.playlists .actions {
    border-top: 1px solid #404040;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d3d3d), to(#222));
    background: -moz-linear-gradient(top, #3d3d3d, #222);
    background: -o-linear-gradient(#3d3d3d, #222);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#222');
    font-size: 0.8em;
}

.playlists .actions ul {
    background:  url('/tn/img/generic/playlist_track_max_corner.gif') 792px 50% no-repeat;
}

.playlists .actions a {
    display: block;
    line-height: 1em;
    padding: 7px;
}

.playlists .actions a:hover {
    color: #ffc600;
    text-decoration: none;
}

/*
----------------------------------------------------
HERO
----------------------------------------------------
*/

.hero {
    z-index: 5;
}

.hero ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hero .promos,
.hero .promos ol,
.hero-content,
.hero-frame {
    height: 370px;
}

.hero-content,
.hero .promos {
    background-color: #000000;
    background-image: url('/tn/img/generic/hero-bg.gif');
    background-position: top center;
    position: relative;
}

.hero-content {
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.hero .promos li {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero .promos li a,
.hero .promos li img {
    display: block;
    margin: 0 auto;
}

.hero .promos li a {
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 370px;
    width: 100%;
}

.hero .promos li a span {
    display: none;
}

.hero-frame {
    position: absolute;
    top: 0;
    width: 100%;
}

.csstransitions .hero-frame {
    transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    -ms-transition: opacity 500ms ease-out;
}

.hero-image {
    display: block;
}

.hero-desc h2 {
    font-size: 2.3em;
    line-height: 1em;
}

.hero-desc h2,
.hero-desc h2 a {
    color: #978676;
}

.hero-desc h2 a:hover {
    color: #ffc43e;
    text-decoration: none;
}

.hero-desc p {
    color: #fff;
    line-height: 1.5em;
    margin: 1.5em 0;
}

.hero-desc .actions {
    font-weight: bold;
    text-transform: uppercase;
}

.hero-desc .actions a:hover {
    text-decoration: none;
}

/* UNDERTAB / BUBBLE NAV */

.undertab {
    border-top: 2px solid #000;
}

.undertab .inner {
    float: right;
    margin-right: -5px;
}

.undertab .cap,
.undertab .content,
.undertab h4,
.undertab .bubblenav,
.bubblenav .prev,
.bubblenav .next,
.bubblenav ol,
.bubblenav ol li {
    float: left;
}

.undertab .cap,
.undertab .content {
    background: url('/tn/img/generic/undertab.png') 0 0 no-repeat;
    height: 28px;
}

.undertab .cap {
    width: 10px;
}

.undertab .content {
    background-position: 100% 0;
    padding-right: 8px;
}

.undertab h4 {
    color: #ffc600;
    line-height: 28px;
    margin-right: 10px;
    overflow: hidden;
    padding-left: 10px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 285px;
}

.page-home .undertab,
.page-releases .undertab {
    background-image: url('/tn/img/headers/h1_front_bg.gif');
    background-position: top center;
    background-repeat: no-repeat;
}

/* BUBBLENAV */

.bubblenav ol,
.bubblenav ol li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bubblenav a {
    background-image: url('/tn/img/buttons/bubblenav.png');
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    line-height: 28px;
    text-indent: -5000px;
    overflow: hidden;
}

.bubblenav a.prev,
.bubblenav a.next {
    width: 26px;
}

.bubblenav ol a {
    background-position: -2px 0;
    width: 24px;
}

.bubblenav ol .on a,
.bubblenav ol a.on,
.bubblenav ol a:hover { background-position: -2px -28px; }

.bubblenav a.prev { background-position: -28px 0; }
.bubblenav a.prev:hover { background-position: -28px -28px; }

.bubblenav a.next { background-position: -56px 0; }
.bubblenav a.next:hover { background-position: -56px -28px; }

/* Make touch buttons a little bigger... */

.touch .bubblenav ol a {
    background-position: 2px 0;
    width: 36px;
}

.touch .bubblenav ol a.on {
    background-position: 2px -28px;
}

/* UNDERTAB GRADIENT BUTTONS */

.undertab .buttons li {
    float: left;
    margin-right: 2px;
    text-indent: 0;
}

.undertab .buttons li.last,
.undertab .buttons li:last-child {
    margin-right: 0;
}

.undertab .buttons a {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #3c3c3c 66%, #333333 67%, #333333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(66%,#3c3c3c), color-stop(67%,#333333), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#3c3c3c 66%,#333333 67%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#3c3c3c 66%,#333333 67%,#333333 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#3c3c3c 66%,#333333 67%,#333333 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #000000 0%,#3c3c3c 66%,#333333 67%,#333333 100%); /* W3C */
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    height: 24px;
    line-height: 28px;
    padding: 0 40px 0;
    text-transform: uppercase;
    overflow: hidden;
}

.undertab .buttons a:hover,
.undertab .buttons a.on {
    color: #ffc43e;
    text-decoration: none;
}

.undertab .buttons a.on {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #232323 66%, #020202 67%, #020202 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(66%,#232323), color-stop(67%,#020202), color-stop(100%,#020202)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#232323 66%,#020202 67%,#020202 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#232323 66%,#020202 67%,#020202 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#232323 66%,#020202 67%,#020202 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#020202',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #000000 0%,#232323 66%,#020202 67%,#020202 100%); /* W3C */
}

/* ARTISTS PAGE HERO */

.hero-artists .hero-content {
    padding-top: 12px;
}

.hero-artists .hero-image,
.hero-artists .hero-desc {
    float: left;
}

.hero-artists .hero-image {
    margin-right: 28px;
}

.hero-artists .hero-desc {
    height: 294px;
    overflow: hidden;
    padding: 25px 0 10px;
    text-overflow: ellipsis;
    width: 454px;
}

.hero-artists .hero-desc p {
    padding-right: 134px;
}

/* RELEASES HERO */

.hero-releases {
    background-color: #000;
    margin-top: 16px !important;
    padding: 6px;
    width: 928px;
}

.hero-releases-inner {
    background-color: #000;
    padding: 6px;
}

.hero-releases .hero-release,
.hero-releases .hero-releases-list,
.hero-releases .hero-image,
.hero-releases .hero-desc {
    float: left;
    display: inline;
}

.hero-release {
    width: 640px;
}

.hero-release.loading {
    opacity: 0.5;
}

.hero-release .hero-image,
.hero-release .hero-desc {
    margin-right: 15px;
}

.hero-release .hero-desc {
    width: 310px;
}

.hero-release .hero-image,
.hero-release .hero-right,
.hero-releases .hero-releases-list {
    width: 300px;
}

/* RELEASE DESCRIPTION */

.hero-release h2,
.hero-release h3,
.hero-release h5,
.hero-release .actions {
    margin-left: 15px;
    margin-right: 15px;
}

.hero-release h2,
.hero-release h3 {
    font-size: 2.3em;
    line-height: 1em;
}

.hero-release h2 a:hover,
.hero-release h3 a:hover {
    color: #ffc43e;
    text-decoration: none;
}

.hero-release h2 { margin-top: 0.5em; }
.hero-release h2,
.hero-release h2 a { color: #998677; }

.hero-release h3 { margin-bottom: 1em; }
.hero-release h3,
.hero-release h3 a { color: #fff; }

.hero-release h5 {
    color: #5e5d5d;
    font-size: 0.9em;
    height: auto;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 0;
    text-transform: uppercase;
    width: auto;
}

.hero-release .tracks {
    border-bottom: 1px solid #1a1a1a;
    margin: 22px 0;
}

.hero-release .tracks li {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#131313), to(#000));
    background: -moz-linear-gradient(top, #131313, #000);
    background: -o-linear-gradient(#131313, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#000000');
    border-top: 1px solid #2c2c2c;
    overflow: hidden;
}

.hero-release .tracks a.track {
    background: url('/tn/img/buttons/player_inline_hero.png') 10px -2px no-repeat;
    color: #fff;
    display: block;
    padding: 4px 12px 4px 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hero-release .tracks .track-playing a.track {
    background-position: 10px -27px;
}

.hero-release .tracks a.track span {
    padding-right: 8px;
}

.hero-release .tracks a.track:hover {
    color: #ffc43e;
    text-decoration: none;
}

/* RELEASE THUMBS */

.hero-releases-list .crop,
.hero-releases-list .inner,
.hero-releases-list .release-list {
    height: 300px;
}

.hero-releases-list,
.hero-releases-list .crop,
.hero-releases-list .release-list {
    width: 300px;
}

.hero-releases-list .crop {
    overflow: hidden;
}

.hero-releases-list .inner {
    white-space: nowrap;
}

.hero-releases-list .release-list {
    display: inline-block;
    white-space: normal;
}

.hero-releases-list .release-list li {
    display: block;
    float: left;
    height: 96px;
    padding: 2px;
    width: 96px;
}

.hero-releases-list .release-list li a,
.hero-releases-list .release-list li img {
    display: block;
}

.hero-releases-list .release-list li a {
    position: relative;
}

.hero-releases-list a .hover {
    border: 2px solid transparent;
    height: 92px;
    left: 0;
    position: absolute;
    top: 0;
    width: 92px;
    z-index: 2;
}

.csstransitions .hero-releases-list a .hover {
    transition: border-color 250ms ease-in-out;
    -moz-transition: border-color 250ms ease-in-out;
    -webkit-transition: border-color 250ms ease-in-out;
    -o-transition: border-color 250ms ease-in-out;
    -ms-transition: border-color 250ms ease-in-out;
}

.hero-releases-list a.on .hover,
.hero-releases-list a:hover .hover {
    border-color: #f8c927;
}

.hero-releases-list .bubblenav ol {
    float: right;
}

/* Hero Photos Layout */

.photos-hero {
    position: relative;
}

.hero .photos-hero .content-col {
    position: relative;
    top: 14px;
    background: transparent url('/tn/img/generic/imgoverlay_bg.png') 0 0 repeat;
    padding: 6px;
    height: 330px;
    overflow: hidden;
}

.photos-hero-thumbs {
    padding: 0 0 0 12px;
    height: 330px;
/*    width: 100%;*/
    position: relative;
}

.photos-hero-thumbs .hero-left p {
    margin: 3px 0 0 0;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    width: 360px;
    color: #979797;
}

.photos-hero-thumbs .bubblenav {
    top: 300px;
    display: block;
    position: absolute;
    right: 22px;
    z-index: 1;
}

.hero .photos-hero .content-col .hero-left {
    width: 371px;
    float: left;
}

.hero .photos-hero .content-col .hero-right {
    width: 551px;
    height: 300px;
    float: right;
    overflow: hidden;
    position: relative;
}

/* photos thumbs/mega slideshow nav */

.photos-hero-nav {
    position: absolute;
    top: 314px;
    left: 388px;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    width: 540px;
    padding: 0;
}

.photos-hero-nav strong {
    float: left;
    width: auto;
    clear: none;
    height: 17px;
    line-height: 16px;
    color: #a2a2a2;
    font-weight: normal;
    padding-right: 5px;
}

.photos-hero-nav a,
.photos-hero-nav a:link {
    width: 50px;
    height: 17px;
    overflow: hidden;
    float: left;
    line-height: 17px;
    text-align: center;
    color: #a8a8a8;
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}

.photos-hero-nav a.on,
.photos-hero-nav a:hover,
.photos-hero-nav a:active,
.photos-hero-nav a:focus {
    color: #fcc402;
    text-decoration: none;
}

a.photos-hero-nav-thumbs,
a.photos-hero-nav-thumbs:link {
    background: transparent url('/tn/img/generic/hero-photo-nav.png') bottom left no-repeat;
}

a.photos-hero-nav-mega,
a.photos-hero-nav-mega:link {
    background: transparent url('/tn/img/generic/hero-photo-nav.png') bottom right no-repeat;
}

a.photos-hero-nav-thumbs.on,
a.photos-hero-nav-thumbs:active {
    background: transparent url('/tn/img/generic/hero-photo-nav.png') top left no-repeat;
}

a.photos-hero-nav-mega.on,
a.photos-hero-nav-mega:active {
    background: transparent url('/tn/img/generic/hero-photo-nav.png') top right no-repeat;
}

/* slideshow nav */

.photos-hero-slideshow-nav {
    position: relative;
    margin-right: 9px;
    position: relative;
    top: -6px;
    float: left;
    display: inline;
}

.photos-hero-slideshow-nav.mega-nav {
    left: 0px;
}

.photos-hero-nav .photos-hero-slideshow-nav a {
    background-color: transparent;
    background-image: url('/tn/img/generic/player-slideshow.png');
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 36px;
    text-indent: -3000px;
}

.photos-hero-nav .photos-hero-slideshow-nav .prev { background-position: 0 -64px; width: 34px; }
.photos-hero-nav .photos-hero-slideshow-nav .prev:hover { background-position: 0 -100px; }
.photos-hero-nav .photos-hero-slideshow-nav .play { background-position: -57px -64px; width: 23px; }
.photos-hero-nav .photos-hero-slideshow-nav .play:hover { background-position: -57px -100px; }
.photos-hero-nav .photos-hero-slideshow-nav .pause { background-position: -34px -64px; width: 23px; }
.photos-hero-nav .photos-hero-slideshow-nav .pause:hover { background-position: -34px -100px; }
.photos-hero-nav .photos-hero-slideshow-nav .next { background-position: -83px -64px; width: 34px; }
.photos-hero-nav .photos-hero-slideshow-nav .next:hover { background-position: -83px -100px; }

/* photo thumbs list */

.photos-hero-thumbs .hero-right .inner {
    width: 535px;
    height: 300px;
    display: block;
    float: left;
    position: absolute;
    z-index: 1;
}

.photos-thumbs-list {
    width: 535px;
    height: 300px;
    display: block;
    float: left;
}

.photos-hero-thumbs .hero-right ul {
    float: left;
    width: 553px;
    height: 300px;
    margin: 0;
    padding: 0;
    display: block;
}

.photos-hero-thumbs .hero-right li {
    margin: 0 10px 2px 0;
    float: left;
    width: 100px;
    height: 100px;
    display: inline;
}

.photos-hero-thumbs .hero-right a {
    padding: 0px;
    display: block;
    width: 90px;
    height: 90px;
    overflow: hidden;
    float: left;
    position: relative;
    background-color: #000;
    
}

.photos-hero-thumbs .hero-right img {
    display: block;
    position: relative;
    z-index: 1;
}

.photos-hero-thumbs .hero-right .photos-hero-thumbs-mask {
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    border: 0;
}

.photos-hero-thumbs .hero-right a.on .photos-hero-thumbs-mask,
.photos-hero-thumbs .hero-right a:hover .photos-hero-thumbs-mask {
    border: 3px solid #fcfcfc !important;
    width: 84px;
    height: 84px;
}

/* photo thumbs large image */

.photos-hero-thumbs .hero-left ul {
    width: 371px;
    height: 348px;
    margin: 0;
    padding: 0;
    position: relative;
}

.photos-hero-thumbs .hero-left li {
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 360px;
    height: 323px;
    background-color: #000000;
}

.photos-hero-thumbs .hero-left img {
    display: block;
    position: relative;
    z-index: 1;
    max-width: 360px;
    max-height: 300px;
}

/* Photo Mega layout */

.photos-hero-mega {
    padding: 0 0 0 12px;
    position: relative;
}

.photos-hero-mega .inner {
    width: 923px;
    height: 348px;
    overflow: hidden;
    position: relative;
}

.photos-hero-mega ul {
    width: 999999px;
    height: 300px;
    margin: 0;
    padding: 0;
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    left: 0;
}

.photos-hero-mega li {
    position: relative;
    display: inline;
    float: left;
    width: auto;
    height: 300px;
    padding: 0;
    margin: 0 3px 0 0;
}

.photos-hero-mega a {
    padding: 0px;
    display: block;
    width: 96px;
    height: 96px;
    float: left;
    position: relative;
}

.photos-hero-mega img {
    display: block;
    position: relative;
    z-index: 1;
    -ms-interpolation-mode : bicubic;
    -webkit-transform: translate3d(0, 0, 0);
}

/* ARTIST PAGE HERO RELEASES */

.page-artist .hero-releases {
    background: transparent url('/tn/img/generic/imgoverlay_bg.png') 0 0 repeat;
}

/* PNG IMG OVERLAYS */

.oly-b-70 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_b_70x70.png') no-repeat top left;
    width: 70px;
    height: 70px;
}

.oly-b-290x60 {
    display: block;
    background: transparent url('/_global/img/imgoverlay_b_290x60.png') no-repeat top left;
    width: 290px;
    height: 60px;
}

.oly-b-290x140 {
    display: block;
    background: transparent url('/_global/img/imgoverlay_b_290x140.png') no-repeat top left;
    width: 290px;
    height: 140px;
}

.oly-b-290x192 {
    display: block;
    background: transparent url('/_global/img/imgoverlay_b_290x192.png') no-repeat top left;
    width: 290px;
    height: 192px;
}

.oly-w-70 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_w_70x70.png') no-repeat top left;
    width: 70px;
    height: 70px;
}

.oly-b-140 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_b_140x140.png') no-repeat top left;
    width: 140px;
    height: 140px;
}

.oly-gry-140 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_gry_140x140.png') no-repeat top left;
    width: 140px;
    height: 140px;
}

.oly-gry-290x60 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_gry_290x60.png') no-repeat top left;
    width: 290px;
    height: 60px;
}

.oly-gry-290x140 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_gry_290x140.png') no-repeat top left;
    width: 290px;
    height: 140px;
}

.oly-gry-290x192 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_gry_290x192.png') no-repeat top left;
    width: 290px;
    height: 192px;
}

.oly-y-220 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_y_220x180.png') no-repeat top left;
    width: 220px;
    height: 180px;
}

.oly-b-220 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_b_220x158.png') no-repeat top left;
    width: 220px;
    height: 158px;
}

.oly-w-220 {
    display: block;
    background: transparent url('/tn/img/generic/imgoverlay_w_220x158.png') no-repeat top left;
    width: 220px;
    height: 158px;
}

.oly-b-220-blog {
    display: block;
    width: 220px;
    height: 158px;
}

.box-read-blog.fresh .oly-b-220-blog { background: transparent url('/tn/img/generic/imgoverlay_b_220x158_blog.png') no-repeat top left; }

/* ERROR */

.hd-error {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.error-txt {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

/* COLUMNS */

#menu-lrg, #menu-sml {
    width: 100%;
    text-align: center;
}

#content-outer {
    width: 100%;
}

#content-outer-front {
    width: 100%;
    background: transparent url('/tn/img/generic/frontblack_bg.gif') repeat-y top center;
    margin-top: 5px;
}

#content-outer-front .topleftcor {
    background: transparent url('/tn/img/generic/frontblack_topleft.gif') no-repeat;
    height: 15px;
    width: 305px;
    margin-left: -15px;
    position: relative;
}

#content,
.content-col {
    text-align: left;
    margin: 0 auto;
    width: 940px;
}

.col-left {
    float: left;
    width: 295px;
    padding-right: 10px;
    padding-top: 1px;
    overflow: hidden;
}

.col-right {
    float: left;
    width: 635px;
    overflow: hidden;
}

.col-left-alt {
    float: left;
    width: 635px;
    padding-right: 5px;
}

.col-right-alt {
    float: left;
    width: 295px;
    padding-top: 1px;
}

.col-left-front {
    float: left;
    width: 635px;
}

.col-right-front {
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 290px;
    display: inline;
}

/* SOCIAL PLUGINS */

.social-wrap {
    margin: 5px;
    overflow: hidden;
}

.social-wrap div {
    float: left;
    padding: 0px 0px 5px 0px;
    height: 32px;
}

.social-wrap br {
    clear: both;
    height: 0px;
}

/* FOOTER */

#footer-front {
    background: transparent url('/tn/img/generic/footer_front_bg.gif') no-repeat top left;
    width: 590px;
    height: 95px;
    padding: 0 15px 0 15px;
}

#footer-sub {
    background: transparent url('/tn/img/generic/footer_sub_bg.gif') no-repeat top left;
    width: 595px;
    height: 95px;
    padding: 0 20px 0 20px;
}

#footer-full {
    background: transparent url('/tn/img/generic/footer_full_bg.gif') no-repeat top left;
    width: 900px;
    height: 95px;
    padding: 0 20px 0 20px;
}

.footer-links {
    float: left;
    color: #5a5a5a;
    line-height: 12px;
    font-size: 10px;
}

.footer-links a { color: #73d2fe; font-weight: bold; }
.footer-links a:hover { color: #abe4ff; }

.footer-links ul {
    height: 37px;
    margin-bottom: 13px;
}

.footer-links li {
    float: left;
    background: transparent url('/tn/img/generic/footer_divi.gif') no-repeat top left;
    padding: 3px 8px 0 12px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.footer-logos {
    padding-top: 41px;
    float: right;
}

.footer-logos img {
    margin-left: 10px;
}


/* GREY TABS */

ul.stnd-tabs li {
    margin-top: 4px;
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 9px 0 9px;
}

ul.stnd-tabs li.off {
    background: transparent url('/tn/img/tabs/bg_off.gif') repeat-x bottom left;
}

ul.stnd-tabs li.off.start {
    background: transparent url('/tn/img/tabs/bg_start_off.gif') no-repeat bottom left;
    padding-left: 15px;
}

ul.stnd-tabs li.on {
    background: transparent url('/tn/img/tabs/bg_on.gif') repeat-x bottom left;
    color: #7c7c7c;
}

ul.stnd-tabs li.on.start {
    background: transparent url('/tn/img/tabs/bg_start_on.gif') no-repeat bottom left;
    padding-left: 15px;
}

ul.stnd-tabs li.off span, ul.stnd-tabs li.on a { display: none; }
ul.stnd-tabs li.off a, ul.stnd-tabs li.on span { display: block; }

ul.stnd-tabs li.m-off-off,
ul.stnd-tabs li.m-on-off,
ul.stnd-tabs li.m-off-on,
ul.stnd-tabs li.m-off-none,
ul.stnd-tabs li.m-on-none {
    width: 12px;
    padding: 5px 0 0 0;
}

ul.stnd-tabs li.m-off-off { background: transparent url('/tn/img/tabs/mid_off_off.gif') no-repeat bottom left; }
ul.stnd-tabs li.m-on-off { background: transparent url('/tn/img/tabs/mid_on_off.gif') no-repeat bottom left; }
ul.stnd-tabs li.m-off-on { background: transparent url('/tn/img/tabs/mid_off_on.gif') no-repeat bottom left; }
ul.stnd-tabs li.m-off-none { background: transparent url('/tn/img/tabs/mid_off_none.gif') no-repeat bottom left; }
ul.stnd-tabs li.m-on-none { background: transparent url('/tn/img/tabs/mid_on_none.gif') no-repeat bottom left; }


/* BOX: YELLOW BOX */

.box-yellow {
    margin-bottom: 15px;
    margin-left: 5px;
}

.box-yellow .mid {
    background-color: #ffc600;
    padding: 0 5px;
}

.box-yellow .bot {
    background: transparent url('/tn/img/boxes/box_yellow_bot.gif') no-repeat;
    height: 5px;
    width: 290px;
    overflow: hidden;
}

/* BOX: GREY BOX */

.box-grey {
    margin-bottom: 15px;
    margin-left: 5px;
}

.box-grey .mid {
    border-left: 1px #d6d6d6 solid;
    border-right: 1px #d6d6d6 solid;
    padding: 0 4px;
    background-color: #f2f2f0;
}

.box-grey .bot {
    background: transparent url('/tn/img/boxes/box_grey_bot.gif') no-repeat;
    height: 5px;
    width: 290px;
    overflow: hidden;
}

ul.linklines-grey { float: left; }

ul.linklines-grey li {
    background: transparent url('/tn/img/boxes/box_linkgrey_bg.gif') repeat-x;
    height: 22px;
    line-height: 21px;
    padding: 0 7px;
    width: 123px;
}

ul.linklines-grey li a {
    float: left;
}

/* ARTIST LINKS */

a.link-amazon,
a.link-buzznet,
a.link-delicious,
a.link-ecard,
a.link-facebook,
a.link-ilike,
a.link-imeem,
a.link-itunes,
a.link-lastfm,
a.link-normal,
a.link-myspace,
a.link-purevolume,
a.link-twitter,
a.link-wikipedia,
a.link-yahoo-music,
a.link-youtube {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin-right: 6px;
    margin-top: 2px;
    width: 16px;
}

a.link-amazon { background-image: url('/_global/img/icn_amazon.png'); }
a.link-buzznet { background-image: url('/_global/img/icn_buzznet.png'); }
a.link-delicious { background-image: url('/_global/img/icn_delicious.png'); }
a.link-ecard { background-image: url('/_global/img/icn_ecard.png'); }
a.link-facebook { background-image: url('/_global/img/icn_facebook.png');}
a.link-ilike { background-image: url('/_global/img/icn_ilike.png'); }
a.link-imeem { background-image: url('/_global/img/icn_imeem.png'); margin-top: 1px; }
a.link-itunes { background-image: url('/_global/img/icn_itunes.png'); margin-top: 1px; height: 18px; width: 18px; margin-right: 4px; }
a.link-lastfm { background-image: url('/_global/img/icn_lastfm.png'); margin-top: 5px; height: 10px; }
a.link-normal { background-image: url('/_global/img/icn_website.png'); height: 14px; }
a.link-myspace { background-image: url('/_global/img/icn_myspace.png'); height: 19px; width: 19px; margin-right: 3px; }
a.link-purevolume { background-image: url('/_global/img/icn_purevolume.png'); margin-top: 1px; }
a.link-twitter { background-image: url('/_global/img/icn_twitter.png'); }
a.link-wikipedia { background-image: url('/_global/img/icn_wikipedia.png'); height: 12px; width: 19px; margin-top: 4px; margin-right: 3px; }
a.link-yahoo-music { background-image: url('/_global/img/icn_yahoo.png'); }
a.link-youtube { background-image: url('/_global/img/icn_youtube.png'); height: 18px; width: 18px; margin-right: 4px; }

/* BOX: BLACK BOX */

.box-black {
    margin-bottom: 15px;
    margin-left: 5px;
    overflow: hidden;
}

.col-right-front .box-black {
    margin-left: 0px;
}

.box-black a, .box-photoblog a { color: #73d2fe; }
.box-black a:hover, .box-photoblog a:hover { color: #abe4ff; }


.box-black .mid {
    border-left: 1px #303030 solid;
    border-right: 1px #303030 solid;
    padding: 0 4px;
    background-color: #000;
}

.box-black .bot {
    background: transparent url('/tn/img/boxes/box_black_botonblack.gif') no-repeat;
    height: 5px;
    width: 290px;
    overflow: hidden;
}

.box-black .botwhite {
    background: transparent url('/tn/img/boxes/box_black_botonwhite.gif') no-repeat;
    height: 5px;
    width: 290px;
    overflow: hidden;
}

ul.linklines {
    margin-bottom: -2px; 
}

ul.linklines li, ul.linklines li.collapsed {
    background: transparent url('/tn/img/boxes/box_link_bg.gif') repeat-x;
    height: 24px;
    line-height: 24px;
    color: #fff;
    padding: 0 7px;
    margin-bottom: 2px;
    font-size: 13px;
}

ul.linklines li.collapsed .exp-img, ul.linklines li.collapsed .lrgdesc { display: none; }
ul.linklines li.collapsed .smldesc { display: block; }

ul.linklines li.collapsed .col-img {
    float: left;
    margin: 5px 7px 0 -1px;
    *margin: 6px 7px 0 -1px;
}

ul.linklines li.expanded { background: none; }

ul.linklines li.expanded .exp-img, ul.linklines li.expanded .lrgdesc { display: block; }
ul.linklines li.expanded .smldesc { display: none; }
ul.linklines li.expanded .lrgdesc { padding-top: 5px; line-height: 15px; }

ul.linklines li.expanded .lrgdesc p {
    font-size: 14px;
    line-height: 15px;
}

ul.linklines li.expanded .list-type { padding-bottom: 10px; color: #fff; }
ul.linklines li.expanded .list-name { padding-bottom: 9px; }
ul.linklines li.expanded .list-more a { font-size: 10px; }

#ul-new-merch li.expanded {
    height: 140px;
    padding-right: 0px;
}

#ul-new-tones li.expanded {
    height: 70px;
    padding-right: 0px;
}

#ul-new-merch li.expanded .exp-img, #ul-new-tones li.expanded .exp-img {
    float: right;
    margin-left: 10px;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
}

#ul-new-tones li.expanded .exp-img {
    width: 70px;
    height: 70px;
}

ul.linklines-sml li {
    background: transparent url('/tn/img/boxes/box_linksml_bg.gif') repeat-x;
    height: 20px;
    line-height: 19px;
    color: #fff;
    padding: 0 7px;
}

ul.linklines-sml li img,
ul.linklines-sml li img.goodie-icn {
    float: left;
    margin: 4px 7px 0 -2px;
}

ul.linklines-sml li img.goodie-icn {
    margin-top: 0;
}

/* BOX: GREEN (GOODIE PREVIEW) */

.box-preview {
    color: #333;
    margin-bottom: 10px;
    margin-top: -5px;
}

.box-preview a { color: #e5f7a0; }

.box-preview hr {
    background: transparent url('/tn/img/boxes/box_preview_hr.gif') repeat-x 50% 0;
    border: none;
    height: 1px;
    margin: 0;
    padding: 0;
}

.box-preview .hdbg-green {
    background: transparent url('/tn/img/boxes/box_preview_top.gif') no-repeat;
    height: 31px;
}

.box-preview .hdbg-green h2 { margin: 12px 0 0 15px; }

.box-preview ul.linklines-pre { padding: 10px; }

.box-preview .preview-txt,
.box-preview .download-txt,
.box-preview ul {
    font-size: 12px;
}

.box-preview .hdbg-green img.loading {
    float: right;
    margin: 9px 9px 0 0;
}

.box-preview .hdbg-green a.g-close { margin: 13px 13px 0 0; }

.box-preview .mid { background: transparent url('/tn/img/boxes/box_preview_bg.gif') repeat-y; }

.box-preview .mid-inner {
    background: transparent url('/tn/img/boxes/box_preview_bot.gif') no-repeat 0 100%;
    padding-bottom: 14px;
}

.box-preview .content {
    margin: 0;
    padding: 0;
}

.box-preview .mid-head,
.box-preview .mid-body,
.box-preview hr,
.box-preview .download-txt {
    margin: 0 5px;
}

.box-preview .mid-head,
.box-preview .mid-body {
    background: transparent url('/tn/img/boxes/box_preview_shine_bg.gif') repeat-x;
}

.box-preview .mid-head {
    padding: 15px;
}

.box-preview .mid-body { padding: 0; }

.box-preview .hd-txt { color: #FFF; }

/* List view */

.box-preview ul.linklines-pre li.wallpaper,
.box-preview ul.linklines-pre li.im-icon  {
    float: left;
    padding: 5px 7px 7px 5px;
}

.box-preview ul.linklines-pre li.cf { padding: 0; }

.box-preview ul.linklines-pre li.wallpaper  {
    background: transparent url('/tn/img/boxes/box_preview_shad_wp.png') no-repeat;
    height: 75px;
    width: 188px;
}

.box-preview ul.linklines-pre li.im-icon  {
    background: transparent url('/tn/img/boxes/box_preview_shad_im.png') 2px 2px no-repeat;
    height: 50px;
    margin-right: 6px;
    width: 50px;
}

.box-preview ul.linklines-pre li.im-icon.first { margin-right: 5px; }
.box-preview ul.linklines-pre li.im-icon.last { margin-right: 0; }


.box-preview ul.linklines-pre li.wallpaper img.thumb,
.box-preview ul.linklines-pre li.wallpaper ul {
    float: left;
}

.box-preview ul.linklines-pre li.wallpaper ul {
    font-weight: bold;
    padding: 8px;
}

.box-preview ul.linklines-pre li.wallpaper ul li {
    display: block;
    padding: 0;
}


/* Preview view */

.box-preview .mid-preview,
.box-preview .mid-code {
    float: left;
}

.box-preview .mid-body.preview,
.box-preview .mid-body.event {
    padding: 15px 15px 6px 15px;
}

.box-preview .mid-body.preview embed,
.box-preview .mid-body.preview object {
    visibility: hidden;
}

.box-preview .mid-preview {
    margin-right: 15px;
    max-width: 400px;
}

.box-preview .mid-code {
    width: 180px;
}

.mid-code textarea {
    border: 1px solid #738826;
    font-size: 11px;
    height: 100px;
    margin: 6px 0 0 0;
    overflow: hidden;
    padding: 4px;
    width: 170px;
}

/* Send to friend */

img.send-img {
    border: 2px solid #bfd07d;
    float: left;
    margin-right: 15px;
}

.send-form {
    float: left;
    width: 355px;
}

.send-form hr {
    background: none;
    border-top: 1px solid #bfd07d;
    margin: 15px 0;
}

.send-form .event-date,
.send-form .event-info {
    font-size: 12px;
}

.send-form .event-date { color: #333;}
.send-form .event-info { color: #e5f7a0;}
.send-form .form-line { clear: none; }

.send-form .form-line .lf85,
.send-form .form-line .lf100 {
    color: #333;
}

.send-form .form-line .stnd-input {
    border-color: #e5f7a0;
    width: 248px;
}

.send-form .form-line-btn { border-color: #bfd07d; }

/* Bottom */

.box-preview .download-txt {
    display: block;
    padding: 8px 0 0 15px;
}

.box-preview .download-txt ul,
.box-preview .download-txt ul li {
    display: inline;
}

.box-preview .download-txt ul { font-weight: bold; }
.box-preview .download-txt ul li { padding-left: 4px; }


/* BOX: MAILING LIST */

.box-join-mail, .box-join-mail-wh {
    background: transparent url('/tn/img/boxes/box_join_list_bg.gif') no-repeat;
    margin-bottom: 15px;
    width: 290px;
    height: 57px;
}

.box-join-mail-wh {
    margin-left: 5px;
    background: transparent url('/tn/img/boxes/box_join_list_white_bg.gif') no-repeat;
}

.box-join-mail input.email, .box-join-mail-wh input.email {
    float: left;
    background-color: transparent;
    border: none;
    color: #fff;
    margin-top: 30px;
    *margin-top: 29px;
    margin-left: 18px;
    width: 140px;
}

.box-join-mail-wh input.email {
    color: #888888;
    margin-left: 16px;
}

.box-join-mail input.submit, .box-join-mail-wh input.submit {
    float: right;
    margin-top: 29px;
    margin-right: 58px;
}

.box-join-mail-wh input.submit {
    margin-right: 60px;
}


/* BOX: POLL */

.box-black .mid-poll {
    background: #161616 url('/tn/img/boxes/box_poll_bg.gif') repeat-x top left;
    min-height: 130px;
    font-size: 20px;
    line-height: 22px;
    padding: 10px 20px;
    text-align: center;
}

.poll-links,
.poll-tally {
    clear: both;
    height: 30px;
    margin: 15px 0 0 24px;
}

a.poll-no, a.poll-yes,
div.tally-no, div.tally-yes  {
    display: block;
    float: left;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    color: #fff !Important;
    height: 28px;
    text-decoration: none !Important;
    width: 96px;
}

a.poll-no,
div.tally-no {
    margin-right: 10px;
}

a.poll-no {
    background: transparent url('/tn/img/buttons/poll_no.gif') no-repeat top center;
    margin-top: 8px;
}

a.poll-yes {
    background: transparent url('/tn/img/buttons/poll_yes.gif') no-repeat top center;
    height: 20px;
    padding-top: 8px;
}

.poll .loading {
    float: right;
    margin: 6px 8px 0 0;
    visibility: hidden;
}

.mid-poll .status {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #FFF;
    margin: 12px 0;
}

.mid-poll .success { display: none; }
.mid-poll .error { display: none; }

.tally-tray {
    background: transparent url('/tn/img/boxes/box_poll_tally_tray.gif') no-repeat top left;
    height: 9px;
    padding: 1px 0 1px 1px;
    text-align: left;
    width: 94px;
}

.tally-graph {
    height: 8px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.tally-no .tally-graph { background-image: url('/tn/img/boxes/box_poll_tally_graph_no.gif'); }
.tally-yes .tally-graph { background-image: url('/tn/img/boxes/box_poll_tally_graph_yes.gif'); }

.tally-percent { font-size: 14px; }

a.poll-tally-show {
    float: right;
    margin: 0 4px 4px 0;
    width: 78px;
    height: 7px;
    background: transparent url('/tn/img/buttons/poll_tally.gif') no-repeat top right;
}

a.poll-tally-show span { display: none; }

a.poll-tally-show.show { background-position: 0 0; }
a.poll-tally-show.hide { background-position: 0 -7px; }

.box-black .bot-poll {
    background: #161616 url('/tn/img/boxes/box_black_botpoll.gif') no-repeat bottom left;
    text-align: center;
    padding: 5px;
    width: 280px;
}

/* BOX: FEATURED RELEASES */

.box-featured-rel {
    background: #e6e5e0 url('/tn/img/boxes/box_featuredrel_bot.gif') no-repeat bottom left;
    width: 610px;
    margin: 0 0 15px 5px;
    padding: 0 0 5px 0;
    overflow: hidden;
}

.box-featured-rel .hdbg {
    height: 20px;
}

.box-featured-rel .box-top {
    background: transparent url('/tn/img/boxes/box_featuredrel_top.gif') no-repeat top left;
    width: 610px;
    height: 5px;
    overflow: hidden;
}

.box-featured-rel .rel-imgs {
    margin-left: 10px;
    height: 300px;
}

.box-featured-rel .rel-imgs div {
    float: left;
    margin: 5px 10px 5px 0;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
}

/* BOX: ALL PROMOS */

.box-latestpromos .rel-imgs {
    height: 340px;
}

.box-latestpromos .rel-imgs .rel-imgs-outer div {
    margin: 0 12px 5px 0;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
}

.box-latestpromos .rel-imgs-outer {
    float: left;
    height: 170px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
}

.box-latestpromos .rel-imgs div.less-marg {
    margin-right: 0px;
}


/* BOX: PROMO DETAILS */

.box-promo-details {
    margin: 15px 0px 0 0px;
    border-top: 1px #dbdbd8 solid;
    padding-top: 15px;
    width: 900px;
    overflow: hidden;
}

.box-promo-details.detailslast {
    border-bottom: 1px #dbdbd8 solid;
    padding-bottom: 15px;
}

.box-promo-details .promo-img {
    float: left;
    width: 300px;
    margin-right: 15px;
    text-align: right;
}

.box-promo-details .promo-desc {
    float: left;
    width: 585px;
    zoom: 1;
}

.box-promo-details .promo-desc .stnd-textarea {
    margin: 0px;
    margin-top: 5px;
    width: 572px;
    background-color: #f3f3f1;
    padding: 5px;
    font: 11px/14px arial, verdana, sans-serif;
}

.promo-lrg .promo-desc .stnd-textarea {
    margin-bottom: 15px;
    margin-top: 0;
}

.box-promo-details .promo-lrg-img {
    clear: both;
    text-align: right;
}

/* BOX: ARTIST WIDGET */

.box-artist-widget .col-left-alt { width: 570px; }
.box-artist-widget .col-right-alt { width: 320px; }

.box-grey-pad {
    background-color: #f4f4f4;
    margin-top: 16px;
    padding: 16px;
}

.box-steps {
    border: 1px solid #d1d1d1;
    display: block;
    margin-bottom: 16px;
    width: 290px;
}

.box-steps .box-step,
.box-steps .box-step-sel,
.arr-step-r,
.arr-step-l {
    float: left;
}

.box-steps a,
.box-steps a:hover { color: #5b5541; }

.box-steps .box-step,
.box-steps .box-step-sel {
    color: #5b5541;
    font-size: 10px;
    padding: 7px 12px 8px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
}

.box-steps .box-step { background-color: #d1d1d1; }

.arr-step-r,
.arr-step-l {
    background-repeat: no-repeat;
    height: 29px;
    width: 12px;
}

.arr-step-r { background-image: url("/tn/img/generic/arr_step_r.gif"); }
.arr-step-l { background-image: url("/tn/img/generic/arr_step_l.gif"); }

.widget-form { margin-bottom: 16px; }

.widget-form select,
.widget-form input {
    float: left;
}

.widget-form input { margin-left: 5px; }

.box-artist-widget textarea {
    display: block;
    height: 75px;
    width: 100%;
}

.step-btn {
    display: block;
    margin-top: 16px;
}

/* BOX: READ THEIR BLOG */

.box-blog {
    position: relative;
    margin: 0 0 15px 5px;
    width: 610px;
    height: 168px;
    overflow: hidden;
}

.box-blog .box-content {
    left: 0;
    position: absolute;
}

.box-read-blog {
    width: 600px;
    height: 158px;
    padding: 5px;
    margin: 0;
    float: left;
}

.box-read-blog { background: transparent url('/tn/img/boxes/box_readblog_bg.gif') no-repeat top left; }
.box-read-blog.fresh { background: transparent url('/tn/img/boxes/box_readblog_fresh_bg.gif') no-repeat top left; }

.box-read-blog-img {
    float: left;
    width: 220px;
    height: 158px;
    margin-right: 20px;
}

.box-read-blog-desc {
    float: left;
    width: 360px;
    height: 158px;
}

.box-read-blog-desc p {
    font-size: 20px;
    line-height: 22px;
    color: #9e9b90;
    height: 68px;
    width: 350px;
    overflow: hidden;
}

.box-blog .float-arr {
    width: 360px;
    height: 20px;
    text-align: right;
    float: right;
    position: absolute;
    right: 5px;
    top: 5px;
}

.box-blog .float-arr img {
    margin-left: 2px;
}

.box-read-blog-desc h3 {
    color: #666666;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

.box-read-blog-desc .read-more {
    margin-top: 13px;
}

/* BOX: FRONT NEWS */

.box-front-events-news {
    margin-top: -5px;
    margin-bottom: 10px;
    width: 615px;
    height: 336px;
    position: relative;
}

.box-front-news {
    float: left;
    height: 331px;
    overflow: hidden;
    width: 385px;
}

.box-front-news ul.stnd-tabs li.start { padding-left: 10px; }

.box-front-news .box-bot {
    background: transparent url('/tn/img/boxes/box_front_news_bot.gif') no-repeat top left;
    width: 375px;
    height: 10px;
}

.box-front-news .box-top {
    background: transparent url('/tn/img/boxes/box_front_news_top.gif') no-repeat top left;
    width: 370px;
    padding-left: 5px;
    height: 37px;
}

.box-front-news .box-mid {
    background: transparent url('/tn/img/boxes/box_front_news_bg.gif') repeat-y top left;
    height: 289px;
    padding: 0 20px 0 10px;
}

ul.front-latest li {
    height: auto;
    font-size: 13px;
    line-height: 25px;
    padding: 0 5px;
    border-bottom: 1px #cccccc dotted;
    overflow: hidden;
}

ul.front-latest li .col-img {
    float: left;
    margin: 6px 7px 0 0;
    *margin: 7px 7px 0 0;
}

ul.front-latest li .smldesc {
    display: block;
    height: 25px;
    overflow: hidden;
}

ul.front-latest li .lrgdesc { display: none; }

ul.front-latest li h3 {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 7px 0;
}

ul.front-latest li .list-desc {
    font-size: 13px;
    line-height: 16px;
}

ul.front-latest li .list-posted {
    font-size: 10px;
    color: #9d9784;
    text-transform: uppercase;
    margin-top: 7px;
}

ul.front-latest li .list-posted img {
    float: left;
    margin: 1px 4px 0 0;
}

/* BOX: EVENTS */

.box-front-events {
    float: left;
    background: transparent url('/tn/img/boxes/box_front_events_bg.gif') no-repeat top left;
    width: 220px;
    height: 326px;
    margin-top: 5px;
    padding: 0 5px 0 5px;
}

.box-front-events .hdbg-yellow {
    background: none;
    width: 220px;
}

.box-front-events span.hd-events {
    margin-left: 4px;
}

.box-front-events-img {
    clear: both;
    width: 220px;
    height: 180px;
    background-repeat: no-repeat;
}

.box-front-events-empty {
    color: #B28A00;
    font-weight: bold;
    height: 120px;
    padding-top: 60px;
    text-align: center;
    width: 220px;
}

.box-front-events li,
.events-list li {
    height: 20px;
    color: #948551;
    line-height: 20px;
    padding: 0 5px;
    width: 210px;
    overflow: hidden;
}

.events-list li {
    border-bottom: 1px #ffe077 solid;
    width: auto;
}

.box-front-events li.focus,
.events-list li.focus {
    margin-top: 5px;
    padding-top: 7px;
    height: 33px;
    line-height: 13px;
    text-align: center;
}

.events-list li.focus {
    margin-top: 0px;
    background: transparent url('/tn/img/boxes/box_events_focus_bg.gif') no-repeat top left;
    border-bottom: 0px;
}

/* BOX: STND NEWS */

.box-news {
    margin-top: -5px;
    margin-bottom: 10px;
    width: 635px;
}

.box-news .box-bot {
    background: transparent url('/tn/img/boxes/box_news_bot.gif') no-repeat top left;
    width: 635px;
    height: 10px;
}

.box-news .box-top {
    background: transparent url('/tn/img/boxes/box_news_top.gif') no-repeat top left;
    width: 630px;
    height: 37px;
    padding-left: 5px;
}

.box-news .box-top-notabs {
    background: transparent url('/tn/img/boxes/box_news_top_notabs.gif') no-repeat top left;
    width: 635px;
    height: 10px;
    overflow: hidden;
}

.box-news .box-mid {
    background: transparent url('/tn/img/boxes/box_news_bg.gif') repeat-y top left;
    padding: 13px 20px 8px 20px;
    width: 595px;
}

.box-news .box-mid hr {
    border: none;
    border-top: 1px solid #EEE;
    clear: both;
    margin: 10px 0;
}

.box-news .box-l {
    float: left;
    width: 290px;
    margin-right: 15px;
    overflow: hidden;
}

.box-news .box-r {
    float: left;
    width: 290px;
    overflow: hidden;
}

.box-news .stnd-txt {
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 15px;
}

.box-news .stnd-txt-sml,
.box-full-tabs .stnd-txt-sml {
    font-size: 12px;
    line-height: 17px;
}

.box-news .stnd-txt.last, .box-news .stnd-txt-sml.last,
.box-full-tabs .stnd-txt.last, .box-full-tabs .stnd-txt-sml.last {
    padding-bottom: 5px;
    margin: bottom: 0px;
}

.box-news .stnd-post {
    font-size: 11px;
    color: #9d9784;
    font-weight: normal;
}

.news-photo {
    float: right;
    margin: 2px 0px 5px 10px;
}

.press-photo {
    float: left;
    margin: 2px 10px 5px 0;
}

.news-pagi-lrg {
    color: #9d998d;
    font-size: 10px;
    overflow: hidden;
    height: 29px;
}

.news-pagi-lrg .lf, .news-pagi-lrg .page-nums {
    font-size: 11px;
    margin-right: 10px;
    line-height: 25px;
    margin-top: 2px;
}

.news-pagi-lrg .page-nums {
    float: left;
    margin-right: 0px;
}

.news-pagi-lrg .page-nums span {
    float: left;
    padding: 0 3px;
    height: 25px;
    text-align: center;
}

.news-pagi-lrg .page-nums span.page-sel {
    background: transparent url('/tn/img/generic/paginum_bg.gif') no-repeat top left;
    padding: 0px;
    width: 25px;
}

.news-pagi-lrg .page-nums span.page-sel a {
    color: #fff !Important;
    text-decoration: none !Important;
}

.news-pagi-lrg select {
    border: 1px #cfcfcf solid;
    background-color: #fff;
    padding: 2px;
    margin-top: 2px;
    *margin-top: 4px;
}

.news-pagi-lrg .lf img {
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.news-pagi-lrg .rf {
    margin-right: -5px;
    display: inline;
}

.news-pagi-lrg .rf img {
    float: none;
    margin-right: 5px;
    margin-top: 5px;
}

.news-post {
    padding-bottom: 13px;
    border-bottom: 1px #cccccc dotted;
    margin-bottom: 15px;
}

.news-post-featured {
    padding-bottom: 13px;
    border-bottom: 1px #cccccc dotted;
    margin-bottom: 15px;
    height: 158px;
}

.news-post-featured.noline,
.news-post.noline {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 15px !Important;
}

.news-post .thumb-img {
    float: left;
    width: 70px;
    height: 70px;
    margin: 0 15px 10px 0;
}

.news-post-featured h3 {
    font-size: 20px;
    line-height: 25px;
    height: 114px;
}

.news-post-featured .feat-img {
    float: left;
    margin-right: 15px;
    width: 220px;
    height: 158px;
}

.mid.search-news select {
    float: left;
    border: 1px #c29700 solid;
    background-color: #fff;
    padding: 2px;
    width: 180px;
    margin: 0 5px 5px 5px;
}

.mid.search-news input.keywords {
    float: left;
    border: 1px #c29700 solid;
    background-color: #fff;
    padding: 3px 6px 4px 6px;
    width: 166px;
    margin: 0 5px 5px 5px;
}

.mid.search-news .txt_sel {
    float: left;
    padding-top: 4px;
    *padding-top: 2px;
    font-size: 10px;
    font-weight: bold;
}

.mid.search-news .txt_inp {
    float: left;
    padding-top: 5px;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
}

.mid.search-news input.submit {
    float: right;
    margin-top: 2px;
    margin-right: 5px;
}


.news-post-btnlrg {
    margin-top: 12px;
    text-align: right;
}

/* BOX: PHOTO BLOG TEASER */

.box-photoblog {
    background: transparent url('/tn/img/boxes/box_photoblog_bg.jpg') repeat-y top left;
    width: 240px;
    height: auto;
    padding: 0 25px 7px 25px;
    margin-bottom: 2px;
    text-align: center;
}

.box-photoblog img {
    margin: 5px 0 5px 0;
}

.box-photoblog span.cf { display: block; }
.box-photoblog span.lf { margin-left: 10px; }
.box-photoblog span.rf { margin-right: 10px; }

.box-pink1 {
    background: #fff5f1 url('/tn/img/boxes/box_pink1_top.gif') no-repeat top left;
    padding: 14px 15px 15px 15px;
    margin-bottom: 1px;
}

.box-pink1 p {
    color: #3e3e3e;
    line-height: 15px;
}

.box-pink2 {
    background: #f7ebe6 url('/tn/img/boxes/box_pink2_bot.gif') no-repeat bottom left;
    padding: 14px 15px 15px 15px;
    margin-bottom: 2px;
}

/* BOX: MERCH TEASER */

.box-merchteaser {
    margin-top: 13px;
    margin-bottom: 2px;
}

.box-merchteaser-side {
    margin-bottom: 15px;
    margin-left: 5px;
}

/* BOX: FULL WIDTH W/ TABS */

.box-full-tabs {
    margin-top: -5px;
    margin-bottom: 10px;
    width: 940px;
}

.box-full-tabs .box-bot {
    background: transparent url('/tn/img/boxes/box_full_tabs_bot.gif') no-repeat top left;
    width: 940px;
    height: 10px;
}

.box-full-tabs .box-top {
    background: transparent url('/tn/img/boxes/box_full_tabs_top.gif') no-repeat top left;
    width: 940px;
    height: 37px;
    padding-left: 5px;
}

.box-full-tabs .box-top-notabs {
    background: transparent url('/tn/img/boxes/box_full_top_notabs.gif') no-repeat top left;
    width: 940px;
    height: 10px;
    overflow: hidden;
}

.box-full-tabs .box-mid {
    background: transparent url('/tn/img/boxes/box_full_tabs_bg.gif') repeat-y top left;
    padding: 13px 20px 8px 20px;
    width: 900px;
}

.box-full-tabs .box-mid.less-pad {
    padding: 13px 10px 3px 20px;
    width: 910px;
}

/* BOX: FEATURED RELEASES SIDEBAR */
/* BOX: LATEST PROMOTIONS SIDEBAR */

.box-featrel-side,
.box-latestpromos-side {
    margin-bottom: 5px;
    margin-left: 5px;
    overflow: hidden;
}

.box-featrel-side .rel-imgs {
    height: 300px;
}

.box-latestpromos-side .rel-imgs {
    height: 340px;
}

.box-featrel-side .rel-imgs div,
.box-latestpromos-side .rel-imgs .rel-imgs-outer div,
.box-your-promos .promo-img div {
    float: left;
    margin: 0 10px 10px 0;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    overflow: hidden;
    zoom: 1;
}

.box-latestpromos-side .rel-imgs .rel-imgs-outer div {
    float: none;
    margin-bottom: 5px;
}

.box-latestpromos-side .rel-imgs-outer {
    float: left;
    height: 170px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
}

.box-featrel-side .rel-imgs div.less-marg,
.box-latestpromos-side .rel-imgs div.less-marg {
    margin-right: 0px;
}

/* BOX: FORM */

.box-form-lrg {
    width: 595px;
    background: transparent url('/tn/img/boxes/box_form_bg.gif') no-repeat top left;
    margin-bottom: 15px;
    padding: 0px !Important;
}

.box-form-lrg.last {
    margin-bottom: 0px;
}

.box-form-lrg .bot {
    background: transparent url('/tn/img/boxes/box_form_bot.gif') no-repeat;
    height: 5px;
    width: 595px;
    overflow: hidden;
}

.box-form-lrg .mid {
    padding: 0 10px 5px 10px;
}

.box-form-lrg .midpad {
    padding: 8px 10px 5px 10px;
}

.form-line {
    padding: 3px 0;
    line-height: 19px;
    color: #666666;
    font-size: 11px;
    clear: both;
}

.form-line.first {
    padding-top: 0px;
}

.form-line.noline {
    padding-bottom: 0px;
}

.form-line .stnd-input {
    border: 1px #c9c9c9 solid;
    padding: 2px;
    margin: 0px;
    width: 250px;
}

.stnd-textarea {
    border: 1px #c9c9c9 solid;
    padding: 2px;
    margin: 0px;
    width: 350px;
}

.form-line .stnd-input-check {
    margin: 0px;
    *margin: -2px 0 0 -4px;
}

.form-line .stnd-input-radio {
    margin: 0px;
    *margin: -2px 0 0 -4px;
}

.form-line .stnd-select {
    margin: 0px;
    border: 1px #c9c9c9 solid;
    padding: 2px;
}

.form-line-btn {
    border-top: 1px #d6d6d6 solid;
    padding-top: 10px;
    margin-top: 10px;
    text-align: right;
}

/* GREY LIST */

.grey-list {
    margin-bottom: 9px;
    clear: both;
}

.grey-list .row {
    background-color: #f4f4f4;
    height: 25px;
}

.grey-list .row:hover {
    cursor: pointer;
}

.grey-list .row.alt {
    background-color: #fcfcfc;
}

.grey-list .header {
    background: transparent url('/tn/img/generic/pr_header_bg.gif') repeat-x top left;
    height: 29px;
}

.grey-list .header div.sel {
    background: transparent url('/tn/img/generic/pr_header_sel_bg.gif') repeat-x top left;
}

.grey-list .header a {
    color: #fff;
}

.grey-list .header b {
    text-transform: uppercase;
}

.grey-list .header .pr-sort {
    float: right;
    width: 20px;
    overflow: hidden;
}

.grey-list .row div {
    float: left;
    border-left: 1px #fff solid;
    border-bottom: 2px #fff solid;
    line-height: 15px;
    padding: 4px 10px;
    height: 15px;
}

.grey-list.thumbs .row {
    height: 59px;
}

.grey-list.thumbs .row div {
    height: 49px;
}

.grey-list .header .gl-thumb,
.grey-list .header .gl-date,
.grey-list .header .gl-type,
.grey-list .header .gl-misc,
.grey-list .header .gl-artist,
.grey-list .header .gl-location,
.grey-list .header .gl-file,
.grey-list .header .gl-venue,
.grey-list .header .gl-title {
    float: left;
    border-left: 1px #fff solid;
    border-bottom: 2px #fff solid;
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
}

.grey-list .gl-thumb {
    border-left: none;
    padding: 0px !Important;
    width: 70px;
    height: 57px;
}

.grey-list .gl-date { width: 95px; }
.grey-list .gl-type { width: 65px; }
.grey-list .gl-misc { width: 75px; }
.grey-list .gl-artist { width: 115px; }
.grey-list .gl-location { width: 115px; }
.grey-list .gl-file { width: 165px; }
.grey-list .gl-venue { width: 186px; }
.grey-list .gl-title { width: 339px; }

.grey-list .folded-out {
    background: transparent url('/tn/img/generic/pr_foldedout_bg.gif') no-repeat top left;
    height: 94px;
    border: none;
    border-bottom: 2px #fff solid;
    padding: 0px;
    overflow: hidden;
}

.grey-list .folded-out.lrgfold {
    background: transparent url('/tn/img/generic/pr_foldedout_lrg_bg.gif') no-repeat top left;
}

.grey-list .folded-out div {
    border-bottom: none;
}

.grey-list .folded-out-cnt div {
    padding: 0px;
    border: none;
}

.grey-list .folded-out-cnt {
    border: none;
    display: none;
    height: 57px;
    margin-top: 2px;
    padding: 0;
    float: none;
}

.grey-list .folded-out-cnt .info-hd,
.grey-list .folded-out-cnt .info-hdlrg {
    padding: 0px;
    border: none;
    float: left;
    width: 275px;
    height: 57px;
    overflow: hidden;
}

.grey-list .folded-out-cnt .info-hdlrg {
    padding-top: 5px;
}

.grey-list .folded-out-cnt .info-hd h3,
.grey-list .folded-out-cnt .info-hdlrg h3 {
    margin-top: 2px;
    margin-bottom: 4px;
    width: 275px;
    overflow: hidden;
    font-weight: normal;
}

.grey-list .folded-out-cnt .info-links,
.grey-list .folded-out-cnt .info-linkslrg {
    border: none;
    padding: 12px 0 0 10px;
    border-left: 1px #d2d2d2 solid;
    float: left;
    height: 45px;
    width: 185px;
}

.grey-list .folded-out-cnt .info-linkslrg {
    padding-top: 4px;
    height: 50px;
    width: 234px;
    line-height: 16px;
}

.grey-list .folded-out-cnt .thumb {
    padding: 0px;
    border: none;
    float: left;
    margin-right: 10px;
    margin-left: 1px;
    display: inline;
    height: 57px;
}

.grey-list .folded-out-cnt .thumb img.release {
    border: 1px solid #DDD;
    margin-right: 13px;
}

.grey-list .folded-out .folded-out-cnt {
    display: block;
}

a.arrow-list {
    float: left;
    background: transparent url('/tn/img/buttons/arr_list.gif') no-repeat 0px 0px;
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin: 1px 5px 0 0;
}

.grey-list .folded-out a.arrow-list {
    background-position: -12px 0;
}

.track-list {
    line-height: 1.4em;
    margin: 0;
    padding: 10px 20px;
}

.track-list li {
    padding: 1px 0;
}

.track-list .track {
    background: url('/tn/img/buttons/player_inline_play.png') 0 0 no-repeat;
    display: block;
    font-weight: bold;
    padding: 2px 0 2px 20px;
}

.track-list .track-playing .track {
    background-image: url('/tn/img/buttons/player_inline_pause.png');
}

.release-page .track-list .track {
    background-position: 100% 0;
    padding: 0 20px 0 0;
}

/* Releases page track list */

#releases .track-list,
#releases .track-list li {
    list-style: none;
    padding: 0;
}

/* GOODIE LIST */

.goodie-list {
    margin-right: -3px;
    margin-bottom: 5px;
}

.goodie-item {
    background-color: #f2f2f1;
    float: left;
    margin-right: 3px;
    margin-bottom: 6px;
    width: 296px;
    height: 57px;
}

.goodie-item img.thumb-img {
    float: left;
    margin-right: 10px;
}

.goodie-txt,
.goodie-txt-tall {
    float: left;
    padding-top: 12px;
    *padding-top: 11px;
    font-size: 12px;
    line-height: 16px;
}

.goodie-txt-tall {
    padding-top: 4px;
}

/* SITE UPDATES BOX */

.box-su {
    clear: both;
    margin: 0 5px 26px 5px;
}

.box-su.first {
    margin-top: 27px;
}

.box-su .top {
    background: #f2f2f0 url('/tn/img/boxes/box_su_top_bg.gif') repeat-x top left;
    height: 32px;
    padding-top: 3px;
}

.box-su .top .rf {
    margin-top: -3px;
}

.box-su .mid {
    background-color: #ebebe4;
    padding: 15px 0 13px 15px;
}

.box-su .mid.goodies {
    padding-bottom: 9px;
}

.box-su .mid .goodie-item {
    background-color: transparent;
    width: 298px;
}

.box-su .mid .item {
    float: left;
    width: 148px;
    margin-right: 42px;
}

.box-su .mid .item.itemlast {
    margin-right: 0px;
}

.box-su .mid .item .item-txt {
    padding-top: 10px;
}

.box-su .mid .item h3.hd-txt-sml {
    margin: 0px;
}

.box-su .bot {
    background-color: #e0dfda;
    text-align: right;
    height: 17px;
    padding: 5px 15px 0 0;
}

/* RELEASES SEARCH BOX */

.box-search-releases {
    float: right;
    background: transparent url('/tn/img/boxes/box_searchreleases_bg.gif') no-repeat top left;
    width: 427px;
    height: 29px;
    line-height: 29px;
    padding: 1px 15px 0 15px;
}

.box-search-releases select {
    border: 1px #c29700 solid;
    background-color: #fff;
    padding: 2px;
    width: 165px;
    margin: 0;
    *margin-top: 2px;
}

.box-search-releases input.keywords {
    border: 1px #c29700 solid;
    background-color: #fff;
    padding: 3px 6px 3px 6px;
    width: 145px;
    margin: 0;
    _margin-top: 2px;
}

.box-search-releases input.submit {
    float: right;
    margin-top: 5px;
    *margin-top: 6px;
}

/* MEMBERS LOGIN BOX */

.login-forms {
    float: left;
    width: 360px;
    margin-right: 15px;
    margin-top: -2px;
}

.login-form {
    width: 360px;
    background: transparent url('/tn/img/boxes/box_loginform_bg.gif') no-repeat top left;
    margin-bottom: 15px;
    padding: 0px !Important;
}

.login-form.last {
    margin-bottom: 2px;
}

.login-form .bot {
    background: transparent url('/tn/img/boxes/box_loginform_bot.gif') no-repeat;
    height: 5px;
    width: 360px;
    overflow: hidden;
}

.login-form .mid {
    padding: 0 10px 5px 10px;
}

.login-form .form-line .stnd-input {
    width: 200px;
}

.login-intro {
    float: left;
    width: 525px;
}

/* YOUR PROMOTIONS BOX */

.box-your-promos {
    margin-top: 15px;
}

.box-your-promos .promo {
    background-color: #f4f4f4;
    height: 140px;
    margin-bottom: 6px;
    overflow: hidden;
}

.box-your-promos .promo-img {
    float: left;
    width: 150px;
    overflow: hidden;
}

.box-your-promos .promo-txt {
    float: left;
    padding: 10px 0 0 0;
    width: 435px;
    margin: 0px;
}

.box-your-promos .promo-desc {
    height: 89px;
    overflow: hidden;
}

.box-your-promos .hd-txt-sml {
    margin: 0 0 1px 0;
}

.box-your-promos .promo-rate {
    height: 29px;
    border: 1px #d9d9d9 solid;
}

.box-your-promos .promo-rate .ratehd {
    background-color: #d9d9d9;
    float: left;
    height: 29px;
    line-height: 29px;
    padding: 0 10px 0 9px;
    font-size: 10px;
}

.box-your-promos .promo-rate .stars0,
.box-your-promos .promo-rate .stars1,
.box-your-promos .promo-rate .stars2,
.box-your-promos .promo-rate .stars3,
.box-your-promos .promo-rate .stars4,
.box-your-promos .promo-rate .stars5 {
    margin: 4px 0 0 8px;
    float: left;
    display: block;
    background: transparent url('/tn/img/generic/promostars_0.gif') no-repeat top left;
    width: 100px;
    height: 19px;
}

.box-your-promos .promo-rate .stars1 { background: transparent url('/tn/img/generic/promostars_1.gif') no-repeat top left; }
.box-your-promos .promo-rate .stars2 { background: transparent url('/tn/img/generic/promostars_2.gif') no-repeat top left; }
.box-your-promos .promo-rate .stars3 { background: transparent url('/tn/img/generic/promostars_3.gif') no-repeat top left; }
.box-your-promos .promo-rate .stars4 { background: transparent url('/tn/img/generic/promostars_4.gif') no-repeat top left; }
.box-your-promos .promo-rate .stars5 { background: transparent url('/tn/img/generic/promostars_5.gif') no-repeat top left; }

.box-your-promos .promo-rate .ratedesc {
    margin-left: 8px;
    float: left;
    color: #d69900;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
}

/*
----------------------------------------------------
VIDEOS
----------------------------------------------------
*/

.content-videos {
    width: 100%;
    background-color: #000;
    margin-bottom: 15px;
}

/* HEADER */

.videos-header {
    background-color: #000;
    padding-top: 20px;
}

.videos-header .inner {
    background: url('/tn/img/generic/videos_bg.gif') 50% 0 repeat-y;
    padding: 15px 0;
}

.videos-header .content-col {
    background-color: #000;
}

.videos-header .search-bar {
    border-bottom: 1px solid #1d1d1d;
    border-top: 1px solid #292929;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a1a1a), to(#000));
    background: -moz-linear-gradient(top, #1a1a1a, #000);
    background: -o-linear-gradient(#1a1a1a, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#000000');
}

.videos-header .search-bar label,
.videos-header .search-bar input {
    color: #7e7e7e;
    display: block;
    float: left;
    font-size: 0.85em;
    line-height: 1em;
}

.videos-header .search-bar input {
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.videos-header .search-bar label {
    padding: 14px 10px;
    text-transform: uppercase;
}

.videos-header .search-bar .search-input {
    border: none;
    
    box-shadow: inset 1px 1px 2px #A9A9A9;
    -webkit-box-shadow: inset 1px 1px 2px #A9A9A9;
    -moz-box-shadow: inset 1px 1px 2px #A9A9A9;
    -o-box-shadow: inset 1px 1px 2px #A9A9A9;
    -ms-box-shadow: inset 1px 1px 2px #A9A9A9;
    
    margin: 10px 0;
    padding: 4px 6px;
    width: 180px;
}

.videos-header .search-bar .search-submit {
    background-color: #333;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#000));
    background: -moz-linear-gradient(top, #333, #000);
    background: -o-linear-gradient(#333, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000000');
    
    border: 1px solid #000;
    cursor: pointer;
    font-weight: bold;
    margin: 9px;
    padding: 4px 8px;
    text-transform: uppercase;
}

.videos-header .search-bar .search-submit:hover {
    color: #ffc600;
}

.video-content {
    padding: 6px;
}

.video-content .video,
.video-content .video-info {
    float: left;
    display: inline;
}

.video-content .video {
    min-height: 310px;
    width: 550px;
}

.video-content .video.loading {
    opacity: 0.5;
}

.video-content .video-info {
    padding: 14px 20px 20px;
    width: 338px;
}

.video-content .video-info .col-left {
    margin-right: 20px;
    padding: 0;
    width: 64px;
}

.video-content .video-info .col-right {
    width: 254px;
}

.video-content .video-info h2 {
    font-size: 2.3em;
    line-height: 1.05em;
}

.video-content .video-info h2.hd-album,
.video-content .video-info h2.hd-album a { color: #9a8475; }
.video-content .video-info h2.hd-track,
.video-content .video-info h2.hd-track a { color: #fff; }

.video-content .video-info h4 {
    color: #7e7e7e;
    line-height: 1.25em;
}

.video-content .video-info p,
.video-content .video-info ul {
    margin: 1em 0;
}

.video-content .video-info p {
    color: #cbcbcb;
}

.video-content .video-info .links {
    font-size: 0.8em;
    text-transform: uppercase;
}

.video-content .video-info .actions {
    clear: both;
    padding-top: 20px;
}

/* VIDEOS LIST */

.box-videos {
    text-align: left;
    margin: 0 auto;
    width: 970px;
    padding: 19px 0 18px 0;
}

.box-videos a { color: #73d2fe; }
.box-videos a:hover { color: #abe4ff; }

.box-videos .top {
    line-height: 16px;
    height: 16px;
    padding-bottom: 4px;
    border-bottom: 1px #4d4d4d dotted;
    margin: 0 0 15px 20px;
    color: #7f7f7f;
    width: 930px;
}

.box-videos .top .more-icns {
    float: right;
}

.box-videos .top .more-icns img {
    margin: 2px 0 0 3px;
}

.box-videos .mid {
    margin-left: 20px;
}

.box-videos .mid .vid {
    float: left;
    height: 80px;
    width: 458px;
    margin: 0 15px 7px 0;
    background-color: #1a1a1a;
    color: #7f7f7f;
    font-size: 10px;
}

.box-videos .mid .vid .thumb {
    float: left;
    border-right: 1px #000 solid;
}

.box-videos .mid .vid .info {
    float: left;
    margin: 6px 0 0 15px;
    display: inline;
    width: 300px;
}

.box-videos .mid .vid h3 {
    font-size: 16px;
    line-height: 18px;
    margin: 0px;
    font-weight: normal;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
----------------------------------------------------
ARTIST DETAIL
----------------------------------------------------
*/

/* VIDEO HEADER */

.page-artist .videos-header,
.page-artist .videos-header .content-col {
    background-color: transparent;
    padding-top: 0;
}

.page-artist .videos-header .inner {
    background: none;
    padding: 24px 0 0;
}

.page-artist .video-content {
    background: transparent url('/tn/img/generic/imgoverlay_bg.png') 0 0 repeat;
}

.page-artist .video-content .video-info {
    margin-left: 6px;
    padding: 0;
    width: 372px;
}

.page-artist .videos-header .search-bar {
    background: #000;
    border: none;
    height: 56px;
    margin-bottom: 2px;
    padding: 6px 12px;
}

.page-artist .videos-header .search-bar label {
    float: none;
    font-weight: bold;
    padding: 4px 0;
}

.video-content .video-info .videos-list ul {
    margin: 0;
}

.videos-list {
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}

.videos-list li {
    margin-bottom: 2px;
}

.videos-list li .cf {
    display: block;
}

.videos-list li a {
    background-color: #000;
    display: block;
    padding: 6px;
}

.videos-list li a:hover,
.videos-list li a.on {
    background-color: #ffc43e;
    text-decoration: none;
}

.videos-list li img {
    border: 2px solid #000;
    display: block;
}

.videos-list li a:hover img,
.videos-list li a.on img {
    border-color: #cc9d31;
}

.videos-list li a:hover .hd-artist,
.videos-list li a:hover .hd-director,
.videos-list li a.on .hd-artist,
.videos-list li a.on .hd-director {
    color: #000;
}

.videos-list li .thumb,
.videos-list li .desc {
    display: block;
}

.videos-list li .thumb {
    float: left;
    margin-right: 10px;
    width: 86px;
}

.videos-list li .desc {
    padding: 2px 0 6px 96px;
    width: 270px;
}

.videos-list li .hd-video,
.videos-list li .hd-artist,
.videos-list li .hd-director {
    display: block;
}

.videos-list li .hd-video,
.videos-list li .hd-artist {
    font-size: 1.1em;
}

.videos-list li .hd-video {
    color: #fff;
}

.videos-list li .hd-artist {
    color: #978676;
}

.videos-list li .hd-director {
    color: #6d6d6d;
}

/* MISC */

.bandpict-float {
    float: left;
    width: 220px;
    height: 202px;
    background-color: #f0f0f0;
    font-size: 12px;
    line-height: 22px;
    margin: 0 7px 7px 0;
    text-align: center;
    font-weight: bold;
}

.bandpict-float a.zepict {
    display: block;
    width: 220px;
    height: 180px;
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0px;
}

/* PNG HACK FOR IE6 */

/* \*/

* html .oly-b-70 {background:none;display:block;width:70px;height:70px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_b_70x70.png', sizingMethod='scale');}
* html .oly-b-290x60 {background:none;display:block;width:290px;height:60px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_b_290x60.png', sizingMethod='scale');}
* html .oly-b-290x140 {background:none;display:block;width:290px;height:140px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_b_290x140.png', sizingMethod='scale');}
* html .oly-b-290x192 {background:none;display:block;width:290px;height:192px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_b_290x192.png', sizingMethod='scale');}
* html .oly-w-70 {background:none;display:block;width:70px;height:70px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_w_70x70.png', sizingMethod='scale');}
* html .oly-b-140 {background:none;display:block;width:140px;height:140px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_b_140x140.png', sizingMethod='scale');}
* html .oly-gry-140 {background:none;display:block;width:140px;height:140px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_gry_140x140.png', sizingMethod='scale');}
* html .oly-gry-290x60 {background:none;display:block;width:290px;height:60px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_gry_290x60.png', sizingMethod='scale');}
* html .oly-gry-290x140 {background:none;display:block;width:290px;height:140px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_gry_290x140.png', sizingMethod='scale');}
* html .oly-gry-290x192 {background:none;display:block;width:290px;height:192px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_gry_290x192.png', sizingMethod='scale');}
* html .oly-y-220 {background:none;display:block;width:220px;height:180px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_y_220x180.png', sizingMethod='scale');}
* html .oly-b-220 {background:none;display:block;width:220px;height:158px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_b_220x158.png', sizingMethod='scale');}
* html .oly-w-220 {background:none;display:block;width:220px;height:158px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_w_220x158.png', sizingMethod='scale');}
* html .box-read-blog.fresh .oly-b-220-blog {background:none;display:block;width:220px;height:158px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tn/img/generic/imgoverlay_b_220x158_blog.png', sizingMethod='scale');}

* html a.link-amazon { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_amazon.png', sizingMethod='crop'); }
* html a.link-buzznet { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_buzznet.png', sizingMethod='crop'); }
* html a.link-delicious { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_delicious.png', sizingMethod='crop'); }
* html a.link-ecard { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_ecard.png', sizingMethod='crop'); }
* html a.link-facebook { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_facebook.png', sizingMethod='crop'); }
* html a.link-ilike { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_ilike.png', sizingMethod='crop'); }
* html a.link-imeem { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_imeem.png', sizingMethod='crop'); }
* html a.link-itunes { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_itunes.png', sizingMethod='crop'); }
* html a.link-lastfm { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_lastfm.png', sizingMethod='crop'); }
* html a.link-normal { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_website.png', sizingMethod='crop'); }
* html a.link-myspace { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_myspace.png', sizingMethod='crop'); }
* html a.link-purevolume { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_purevolume.png', sizingMethod='crop'); }
* html a.link-twitter { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_twitter.png', sizingMethod='crop'); }
* html a.link-wikipedia { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_wikipedia.png', sizingMethod='crop'); }
* html a.link-yahoo-music { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_yahoo.png', sizingMethod='crop'); }
* html a.link-youtube { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_global/img/icn_youtube.png', sizingMethod='crop'); }

/* */
