/*****************************************
    MUSICAFINA.NET STYLE
*****************************************/

#cnenav {
    height: 18px;
    background: url(http://i.i.com.com/cnet.g2/shared/ge_bar_bg2.gif) bottom;
    color: #999;
    font: normal 10px/15px Arial, sans-serif;
    padding: 0 8px;
    }
#cnenav a {
    color: #CCC;
    }
#cnenav a:hover {
    color: #FFF;
    }
#cnenav .ad {
    float: right;
    }
#cnenav .ad img {
        vertical-align:top;
        margin-right:1px;
    }

/* NO SKIN CSS do not remove.
Display overridden in default no_skin madison code.
*******************************/

.absolute {
    width: 1px;
    height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
    }
#no_skin,
#no_marquee {
    width: 1px;
    height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    }
#curl {
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
    }
#curl iframe,
#curl img {
    width: 1px;
    height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
    }
#skin {
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
    }
#skin iframe,
#skin img {
    width: 1px;
    height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
    }


/*****************************************
MP3 GLOBAL STYLES
*****************************************/

/*Tag Random*/
.tagrandon a{
	font-family: Tahoma;
	color: #CC9900;
	text-decoration: none;
	text-transform: capitalize;
}
.tagrandon a:visited {
	color: #99CC00;
	text-decoration: underline;
}
.tagrandon a:hover {
	color: #FFDF62;
	text-decoration: underline;
}


#nube-tags {
    margin: 0;
	font-family: Arial, Helvetica, sans-serif;
    }
#nube-tags a:link  {
	color: #FF6600;
}
#nube-tags a:visited {
	color: #FF6600;
}
#nube-tags a:hover {
	color: #FF6600;
}
#nube-tags a:active {
	color: #FF6600;
}
body3 {
    margin: 0;
    background: url(../img/fondo.png) center repeat-y #000;
    }

body {
    margin: 0;
    background: url(../img/fondo.png) center repeat-y #000;
    font: normal 12px Arial;
    }
img {
    border: 0;
    }
form {
    margin: 0;
    padding: 0;
    }
fieldset {
    padding: 10px;
    }
#mp3 {
    width: 990px;
    margin: 0 auto;
    background: #FFF;
    }

/* GLOBAL HEADER */

#global-header {
    background-color: #000;
    }
#global-header .logobar {
    height: 75px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/logo-bg.gif) repeat-x;
    border-bottom: 1px solid #2E3337;
    }
#global-header .logo {
	width: 217px;
	height: 40px;
	background: url(../img/logo.gif);
	float: left;
	display: inline;
	margin: 18px 0 0 27px;
	font-size: 0;
    }
#global-header .logo span {
    position: absolute;
    left: -5000px;
    }
#global-header #masthead-sponsor {
    height: 75px;
    margin-left: 180px;
    margin-right: 255px;
    font: bold 24px/75px Arial;
    text-align: center;
    display: block;
    }
#global-header .user {
    width: 262px;
    float: right;
    margin: 5px 5px 0 0;
    }
#global-header .friends {
    width: 240px;
    height: 18px;
    clear: both;
    border: 1px solid #2E3337;
    margin-top: 5px;
    background-color: #000;
    position: relative;
    font: normal 11px/19px Arial;
    color: #999;
    padding: 0 0 0 5px;
    z-index: 1000;
    }
#global-header .friends .arrow {
    width: 20px;
    height: 18px;
    float: right;
    border: 0;
    border-left: 1px solid #2E3337;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/arrow.gif) center no-repeat;
    }
#global-header .friends ul {
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    left: -1px;
    top: 19px;
    border-top: 1px solid #2E3337;
    }
#global-header .friends li {
    list-style: none;
    padding: 0;
    margin: 0;
    }
#global-header .friends a {
    width: 235px;
    font: normal 11px/19px Arial;
    border: 1px solid #2E3337;
    border-top: 0;
    color: #999;
    display: block;
    background: #000;
    padding: 0 5px;
    overflow: hidden;
    text-decoration:  none;
    }
#global-header .friends .section-head a {
    background: #222;
    color: #FFF;
    font-weight: bold;
    cursor: default;
    }
#global-header .friends a.artists {
    width: 225px;
    font: normal 11px/19px Arial;
    border: 1px solid #2E3337;
    border-top: 0;
    color: #999;
    display: block;
    background: #000;
    padding: 0 5px 0 15px;
    overflow: hidden;
    }
#global-header .friends a.artists:hover {
    background: #333;
    text-decoration: underline;
    }
#global-header .search {
    height: 35px;
    border-top: 1px solid #050506;
    border-bottom: 1px solid #020202;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/search-bg.gif);
    }
#global-header .search .input-wrapper {
    height: 26px;
    float: left;
    margin: 5px 5px 0;
    padding: 0;
    display: inline;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/search-input-bg.gif) no-repeat;
    }
#global-header .search .input-wrapper input {
    width: 336px;
    font: normal 14px Arial;
    border: 0;
    background: none;
    padding: 5px 0 0 5px;
    }
#global-header .search .search-btn {
    width: 107px;
    height: 25px;
    float: left;
    margin: 6px 0 0 0;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/search-btn.gif);
    }
    
#global-header .xpromolink {
    color:#c4c4c4;
    font-weight:normal;
    }
#global-header .xpromositename {
    color:#ff0000;
    }
#global-header .rubics_netxp1_main {
    float:right;
    padding:12px 5px 0;
    font-size:10px;
    color:#c4c4c4;
    font-weight:bold;
    font-family:Tahoma;
        }
#global-header .nav {
    height: 27px;
    border-top: 1px solid #3E464C;
    border-bottom: 1px solid #020202;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/nav-bg.gif);
    padding: 0;
    }
#global-header .nav ul {
    margin: 0;
    padding: 0;
    border-right: 1px solid #3E464C;
    float: left;
    }
#global-header .nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 27px;
    float: left;
    border-left: 1px solid #3E464C;
    border-right: 1px solid #020202;
    }
#global-header .nav a {
    height: 27px;
    color: #CCC;
    font-weight: bold;
    padding: 0 9px;
    float: left;
    }
#global-header .nav .on a,
#global-header .nav a:hover {
    color: #FF9;
    text-decoration: none;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/subnav-bg-hover.gif);
    border-bottom: 0;
    }
#global-header .random {
    width: 108px;
    font: bold 11px Arial;
    line-height: 26px;
    color: #CCC;
    float: right;
    padding-left: 10px;
    border: 1px solid #020202;
    border-top-color: #3E464C;
    margin: 4px 4px 0 0;
    display: inline;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/random.gif) top;
    }
#global-header .random:hover {
    color: #FF9;
    background-position: bottom;
    border-top-color: #1F272D;
    }

/* GLOBAL SUBNAV */

#global-subnav {
    height: 30px;
    border-bottom: 1px solid #070809;
    background: url(http://image.com.com/mp3/images/css/v2/layout/header/subnav-bg.gif);
    }
#global-subnav ul {
    margin: 0;
    padding: 0;
    }
#global-subnav li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    padding-left: 15px;
    }
#global-subnav a {
    font: bold 11px/30px Arial;
    color: #CCC;
    }
#global-subnav .on a,
#global-subnav a:hover {
    color: #FF9;
    text-decoration: none;
    }
#global-subnav a.signup {
    color: #FFCC00;
    }
#global-subnav a.signup:hover {
    text-decoration: underline;
    color: #FFCC00;
    }

/* GLOBAL FOOTER */

#global-footer {
    clear:both;
    background: #000;
    text-align: center;
    font: normal 11px Arial;
    color: #999;
    padding: 0;
    }
#global-footer a {
    color: #999;
    }
#global-footer .first a {
    color: #FC0;
    font-weight: bold;
    }
#global-footer .second a {
    color: #F90;
    }
#global-footer .first {
    padding: 15px;
    border-bottom: 1px solid #696E74;
    background: url(http://image.com.com/mp3/images/css/v2/layout/mp3-icon-small2.gif) 10px 8px no-repeat #14181B;
    }
#global-footer .second {
    padding: 10px;
    background: #14181B;
    border-bottom: 1px solid #696E74;
    }
#global-footer div {
    padding: 5px 10px;
    border-bottom: 1px solid #444;
    }
    
#cbsi_f {
    font-size: 11px;
    text-align: left;
}
#cbsi_f a {
    /* color: #d67606; */
}
#cbsi_f form {
    float: right;
    text-align: right;
}
#cbsi_f select, #cbsi_footer input {
    border: 1px solid #ccc;
    margin-left: 2px;
    padding: 2px;
    font-size: 11px;
}
#cbsi_f label {
    display: block;
    font-size: 95%;
    margin-bottom: 2px;
}
#cbsi_f input:hover {
    /*background-color: #333;*/
    /*color: #ddd;*/
}
#cbsi_f_pop {
    margin-bottom: 8px;
}

/* BOTH LAYOUTS */

#main-col,
#side-col {
    padding: 6px;
    }
#main-col {
    float: left;
    overflow: hidden;
    }
#side-col {
    float: right;
    }

/* MPU LAYOUT */

#mpu-layout {
    width: 100%;
    background: url(http://image.com.com/mp3/images/css/v2/layout/mpu-layout-bg.gif) right repeat-y #FFF;
    float: left;
    }
#mpu-layout #main-col {
    width: 664px;
    }
#mpu-layout #side-col {
    width: 302px;
}
/* menu generos */
#generos {
	 background-color: #FFF;
}

#cathor{float:left; width:662px; padding-left:2px;}
.opcatx {
	width: 165px;
	float: left;
	display: block;
}
.opcatx a{color: #EF5000; text-decoration:none; font-size:14px; display: block; background:url(../img/bineta.gif) left no-repeat; padding-left:16px; margin-bottom:2px}
.opcatx a:hover{text-decoration:underline;  }
/* fin menu generos */

/* SKY LAYOUT */

#sky-layout {
    width: 100%;
    background: url(http://image.com.com/mp3/images/css/v2/layout/sky-layout-bg.gif) right repeat-y #FFF;
    float: left;
    }
#sky-layout #main-col {
    width: 576px;
    }
#sky-layout #side-col {
    width: 160px;
    }

/* CONTENT HEAD */

#content-head {
    height: 140px;
    background: top left no-repeat #000;
    border-bottom: 1px solid #56564A;
    position: relative;
    }
#content-head h1 {
    line-height: 109px;
    font-size: 24px;
    margin: 0;
    color: #FFF;
    padding: 0 10px;
    }
#content-head ul {
    height: 32px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
    left: 10px;
    }
#content-head li {
    height: 32px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/layout/content-tab-divider.gif) top left no-repeat;
    }
#content-head li a {
    height: 32px;
    padding: 0 9px;
    font: bold 12px/32px Arial;
    color: #000;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/layout/content-tabs-bg.gif) top;
    display: inline;
    margin: 0 0 0 2px;
    }
#content-head li.first {
    background: none;
    }
#content-head li.first a {
    background-position: top left;
    border-left: 0;
    margin: 0;
    }
#content-head li.last a {
    background-position: top right;
    border-right: 0;
    }
#content-head li a:hover,
#content-head li a.on {
    text-decoration: none;
    background-position: bottom;
    }
#content-head li.first a.on,
#content-head li.first a:hover {
    background-position: bottom left;
    }
#content-head li.last a.on,
#content-head li.last a:hover {
    background-position: bottom right;
    }
#content-head li a.off,
#content-head li a:hover.off {
    background-position: top;
    color: #999;
    cursor: default;
    }
#content-head li.first a.off,
#content-head li.first a.off:hover {
    background-position: top left;
    }
#content-head li.last a.off,
#content-head li.last a.off:hover {
    background-position: top right;
    }
#content-head.short {
    height: 100px;
    }
#content-head.short h1 {
    line-height: 69px;
    }

/* CONTENT SUBNAV */

#content-subnav {
    height: 58px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/content-subnav-bg.gif) repeat-x;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
    }
#content-subnav ul {
    margin:  0;
    padding:  0;
    display:  inline;
    }
#content-subnav li {
    margin: 13px 0 0 20px;
    padding: 0;
    list-style: none;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/layout/content-subnav-li-bg.gif) right top;
    display: inline;
    }
#content-subnav a {
    height: 35px;
    font: bold 12px/35px Arial;
    color: #333;
    padding: 0 0 0 10px;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/layout/content-subnav-li-bg.gif) left top;
    color: #FFF;
    margin: 0 10px 0 -10px;
    display: inline;
    position: relative;
    z-index: 1;
    }
#content-subnav a:hover {
    text-decoration: none;
    }
#content-subnav .on,
#content-subnav li:hover {
    background-position: bottom right;
    }
#content-subnav .on a,
#content-subnav li:hover a {
    background-position: bottom left;
    color: #333;
    }

/* ADS */

#mpu,
#marquee {
    width: 300px;
    margin: 0 auto 10px;
    text-align: center;
    }
#sky {
    text-align: center;
    position: relative;
    z-index: 1000;
    }
#leader {
    text-align: center;
    margin: 0 auto 10px;
    }
#superleader {
    text-align: center;
    background-color: #000;
    }
.fold-toggle {
    cursor:  pointer;
    }
.pager {
    text-align: center;
    font: bold 20px Arial;
    padding: 20px 0;
    }

/* LIST STYLES */

.zeroed {
    margin: 0;
    padding: 0;
    }
.zeroed li {
    margin: 0;
    padding: 0;
    list-style: none;
    }
.generic-list {
    margin: 0;
    padding: 0;
    }
.generic-list li {
    margin: 0;
    padding: 2px 5px 2px 20px;
    list-style: none;
    background: url(http://image.com.com/mp3/images/css/v2/content/list-point.gif) 0 5px no-repeat;
    }
.generic-list.bw li {
    background-image: url(http://image.com.com/mp3/images/css/v2/content/list-point-bw.gif);
    }

/* SEARCH */

#search-head h1 {
    font: bold 24px/60px Arial;
    color: #333;
    margin: 0;
    padding: 0 10px;
    }
#search-head ul {
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #999;
    padding: 0 10px;
    position: relative;
    z-index: 0;
    }
#search-head li {
    float: left;
    margin-right: 2px;
    border-bottom: 1px solid #999;
    margin-bottom: -1px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/search-tab.gif) top left;
    position: relative;
    z-index: 1;
    }
#search-head li.on {
    border-color: #FFF;
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/search-tab-on.gif);
    }
#search-head a {
    color: #066;
    }
#search-head li a {
    float: left;
    display: inline;
    font: bold 12px/35px Arial;
    color: #333;
    padding: 0 20px 0 13px;
    margin-left: 7px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/search-tab.gif) top right;
    }
#search-head li.on a {
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/search-tab-on.gif);
    }
#search-results h2 {
    font: normal 18px Arial;
    color: #666;
    margin: 0 0 5px;
    }
#search-results .with-image {
    padding-left: 105px;
    }
#search-results .image-wrap {
    padding: 10px 10px 5px;
    border: 1px solid #CCC;
    float: left;
    display: inline;
    text-align: center;
    margin: 0 0 10px -105px;
    }
#search-results .image {
    width: 75px;
    height: 75px;
    display: block;
    margin-bottom: 5px;
    background: top center no-repeat #FFF;
    }
#search-subtabs .off {
    color: #666;
    }
#search-subtabs .off:hover {
    cursor: default;
    text-decoration: none;
    }
#list .bullets li {
    float: none;
    font-weight: normal;
    color: #000;
    padding: 0 0 3px 15px;
    background: url(http://image.com.com/mp3/images/css/layout/bullet.gif) 0 3px no-repeat;
    list-style: none;
    }

/* TOP 100 */
#billboard-chart h1 {
    font: bold 24px Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 15px 10px 5px;
    }
#billboard-chart ol li {
    background:url(http://image.com.com/mp3/images/css/v2/layout/divider-bg.gif) repeat-x bottom;
    }
 

/*****************************************
    GENERIC
*****************************************/

.fl {float: left;}
.fr {float: right;}
.fn {float: none;}

/* this is to try and prevent the peekaboo bug in IE */

.fl,
.fr {position: relative;}

.center {margin-left: auto;margin-right: auto;}

.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.clear {clear: both;height: 0;font-size: 0;overflow: hidden;}

.mt-0 {margin-top: 0;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-0 {margin-bottom: 0;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.m-c {margin-left: auto;margin-right: auto;}
.m-0 {margin: 0;}
.m-5 {margin: 5px;}
.m-10 {margin: 10px;}

.pt-0 {padding-top: 0;}
.pt-1 {padding-top: 1px;}
.pt-2 {padding-top: 2px;}
.pt-3 {padding-top: 3px;}
.pt-4 {padding-top: 4px;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pb-0 {padding-bottom: 0;}
.pb-1 {padding-bottom: 1px;}
.pb-2 {padding-bottom: 2px;}
.pb-3 {padding-bottom: 3px;}
.pb-4 {padding-bottom: 4px;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pr-1 {padding-right: 1px;}
.pr-2 {padding-right: 2px;}
.pr-3 {padding-right: 3px;}
.pr-4 {padding-right: 4px;}
.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pl-1 {padding-left: 1px;}
.pl-2 {padding-left: 2px;}
.pl-3 {padding-left: 3px;}
.pl-4 {padding-left: 4px;}
.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.p-0 {padding: 0;}
.p-4 {padding: 4px;}
.p-5 {padding: 5px;}
.p-10 {padding: 10px;}

.di {display: inline;}
.db {display: block;}
.dn {display: none;}

.oh {overflow: hidden;}
.vh {visibility: hidden;}

.b-CCC {border: 1px solid #CCC;}
.b-999 {border: 1px solid #999;}
.b-666 {border: 1px solid #666;}
.b-333 {border: 1px solid #333;}
.b-000 {border: 1px solid #000;}
.bt-CCC {border-top: 1px solid #CCC;}

.bg-FFF {background-color: #FFF;}
.bg-EEE {background-color: #EEE;}
.bg-CCC {background-color: #CCC;}
.bg-333 {background-color: #333;}
.bg-000 {background-color: #000;}

.w-100 {width:100%;}

.divider {
    background: url(http://image.com.com/mp3/images/css/v2/layout/divider-bg.gif) center repeat-x;
    height: 11px;
    clear: both;
    font-size: 0;
    }
.divider.short {
    height: 5px;
    }
.divider.line {
    height: 1px;
    }
.divider.solid {
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/divider-solid-bg.gif);
    }
.divider.hidden {
    height: 0;
    background: none;
    }
.divder.line.solid {
    position:relative;
    }
#side-col .divider.solid {
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/side-divider-solid-bg.gif);
    }
ul.list {
    margin: 0;
    padding: 0;
    }
ul.list li {
    margin: 0;
    padding: 3px 0 3px 15px;
    list-style: none;
    background: url(http://image.com.com/mp3/images/css/v2/content/list-point.gif) 0 5px no-repeat;
    }


/*****************************
FONTS
*****************************/

body {color: #333;}

/* LINKS */

a {color: #C30;text-decoration: none;cursor: pointer;}
a:hover {text-decoration: underline;}
.side-module a {color: #FF9;}
.side-module a.btn {color: #FFF;}

/* WEIGHTS */

.f-italic {font-style: italic;}
.f-bold {font-weight: bold;}
.f-normal {font-weight: normal;}

/* COLORS */

.f-FFF,
 a.f-FFF {color: #FFF;}
.f-CCC,
 a.f-CCC {color: #CCC;}
.f-999,
 a.f-999 {color: #999;}
.f-666,
 a.f-666 {color: #666;}
.f-333,
 a.f-333 {color: #333;}
.f-000,
 a.f-000 {color: #000;}
.f-039,
 a.f-039 {color: #039;}
.f-9CF,
 a.f-9CF {color: #9CF;}
.f-CFF,
 a.f-CFF {color: #CFF;}
.f-060,
 a.f-060 {color: #060;}
.f-066,
 a.f-066 {color: #066;}
.f-3C0,
 a.f-3C0 {color: #3C0;}
.f-393,
 a.f-393 {color: #393;}
.f-6C6,
 a.f-6C6 {color: #6C6;}
.f-6F0,
 a.f-6F0 {color: #6F0;}
.f-9F0,
 a.f-9F0 {color: #9F0;}
.f-9F9,
 a.f-9F9 {color: #9F9;}
.f-CF0,
 a.f-CF0 {color: #CF0;}
.f-FFC,
 a.f-FFC {color: #FFC;}
.f-FF9,
 a.f-FF9 {color: #FF9;}
.f-FF0,
 a.f-FF0 {color: #FF0;}
.f-FC3,
 a.f-FC3 {color: #FC3;}
.f-FC0,
 a.f-FC0 {color: #FC0;}
.f-F93,
 a.f-F93 {color: #F93;}
.f-F90,
 a.f-F90 {color: #F90;}
.f-F60,
 a.f-F60 {color: #F60;}
.f-F30,
 a.f-F30 {color: #F30;}
.f-F00,
 a.f-F00 {color: #F00;}
.f-C60,
 a.f-C60 {color: #C60;}
.f-C30,
 a.f-C30 {color: #C30;}
.f-C00,
 a.f-C00 {color: #C00;}
.f-900,
 a.f-900 {color: #900;}
.f-930,
 a.f-930 {color: #930;}

/* SIZES */

.f-0 {font-size: 0;}
.f-10 {font-size: 10px;}
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px;}
.f-17 {font-size: 17px;}
.f-18 {font-size: 18px;}
.f-19 {font-size: 19px;}
.f-20 {font-size: 20px;}
.f-21 {font-size: 21px;}
.f-22 {font-size: 22px;}
.f-23 {font-size: 23px;}
.f-24 {font-size: 24px;}
.f-26 {font-size: 26px;}
.f-28 {font-size: 28px;}
.f-30 {font-size: 28px;}
.f-32 {font-size: 28px;}

/* LINE VARIENTS */

.ls-1 {letter-spacing: 1px;}
.ls-2 {letter-spacing: 2px;}
.ls-3 {letter-spacing: 3px;}
.ls-4 {letter-spacing: 4px;}
.ls-5 {letter-spacing: 5px;}

.ws-5 {word-spacing: 5px;}
.ws-10 {word-spacing: 10px;}

.lh-16 {line-height: 16px;}
.lh-18 {line-height: 18px;}
.lh-20 {line-height: 20px;}
.lh-22 {line-height: 22px;}
.lh-24 {line-height: 24px;}
.lh-28 {line-height: 28px;}
.lh-30 {line-height: 30px;}
.lh-32 {line-height: 32px;}
.lh-34 {line-height: 34px;}
.lh-36 {line-height: 36px;}
.lh-38 {line-height: 38px;}
.lh-40 {line-height: 40px;}

/* ALIGNMENT */

.ta-c {text-align: center;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}


/***********************
MODULES
***********************/

.main-module {
    clear: both;
    margin-bottom: 10px;
    }
.main-module .head {
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-module-head.gif) right;
    height: 31px;
    padding-right: 10px;
    margin-bottom: 5px;
    }
.main-module .head h2 {
    font: bold 11px/24px Arial;
    margin: 0;
    padding: 7px 0 0 10px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-module-head.gif) left;
    float: left;
    }
.main-module .head #ltit {
    font: bold 11px/24px Arial;
    margin: 0;
    padding: 7px 0 0 10px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-module-head.gif) left;
    float: left;
    }
.main-module .head span {
    font: normal 11px/24px Arial;
    float: right;
    padding: 7px 0 0 0;
    }
.main-module.boxed,
.main-module.boxed .head,
.main-module.boxed .head h2,
.main-module.boxed .body {
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/gray-box.gif);
    }
.main-module.boxed {
    background-position: bottom left;
    }
.main-module.boxed .head {
    height: 25px;
    background-position: top right;
    margin: 0;
    }
.main-module.boxed .head h2 {
    background-position: top left;
    font: bold 11px/25px Arial;
    color: #666;
    padding: 0 10px;
    }
.main-module.boxed a:hover {
    color:#333;
    }
.main-module.boxed a.on {
    color:#333;
    }
.main-module.boxed .body {
    background-position: bottom right;
    margin-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    }
.side-module {
    width: 302px;
    clear: both;
    margin-bottom: 10px;
    color: #CCC;
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-module-foot.gif) bottom left no-repeat;
    overflow: hidden;
    }
.side-module .head {
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-module-head.gif) right;
    height: 29px;
    margin: 0;
    padding-right: 10px;
    font: normal 11px/29px Arial;
    color: #999;
    }
.side-module .head h2 {
    font: bold 12px/29px Arial;
    color: #FFF;
    margin: 0;
    padding: 0 2px 0 10px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-module-head.gif) left #C3C6CC;
    float: left;
    }
.side-module .head span {
    font: normal 11px/29px Arial;
    color: #FFF;
    float: right;
    padding: 0;
    }
.side-module .body {
    background-color: #000;
    border: 1px solid #40444A;
    border-bottom: 0;
    padding: 10px 10px 0;
    clear: both;
    }
.side-module .body ul li {
    position: relative;
    }
.side-module .foot {
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-module-foot.gif) bottom right no-repeat;
    height: 11px;
    font-size: 0;
    margin-left: 10px;
    clear: both;
    }
.side-module .section {
    line-height: 1.2;
    position: relative;
    }
.side-module.special,
.side-module.special .foot {
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/side-module-foot-special.gif);
    }
.side-module.special .body {
    background-color: #ECE7D4;
    border-color: #999;
    }
.foot-links {
    text-align: center;
    font-weight: bold;
    clear: both;
    }
.side-module .foot-links a {
    color: #CCC;
    }
.main-module .head .rss {
    float: left;
    height: 24px;
    width: 16px;
    background: url(http://image.com.com/mp3/images/css/v2/icons/rss.gif) center center no-repeat;
    margin: 0 5px 0 -5px;
    }
#side-col .sub-head {
    background:url(http://image.com.com/mp3/images/css/v2/layout/side-module-subhead.jpg) repeat-x bottom;
    padding:7px 10px;
    border-top: 1px solid #40444A;
    font:11px/13px Arial;
    color:#929292;
    }
    
/* MODULE TABS */

#main-col .with-tabs .head,
#main-col .with-tabs .head h2 {
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/main-module-head-tabs.gif);
    margin-bottom: 0;
    }
#main-col .with-tabs {
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tabs-bg.gif) top left no-repeat;
    }
#main-col .with-tabs .tabs {
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tabs-bg.gif) top right no-repeat;
    margin: 0 0 10px 6px;
    padding: 0;
    height: 31px;
    }
#main-col .with-tabs .tabs li {
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tab.gif) top left no-repeat;
    padding: 0 0 0 8px;
    margin: 5px 6px 0 0;
    list-style: none;
    float: left;
    display: inline;
    position: relative;
    z-index: 1;
    }
#main-col .with-tabs .tabs li a {
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tab.gif) top right no-repeat;
    float: left;
    display: inline;
    font: bold 11px/26px Arial;
    padding: 0 10px 0 5px;
    color: #333;
    margin-right: -6px;
    position: relative;
    z-index: 2;
    }
#main-col .with-tabs .tabs li.on {
    background-position: bottom left;
    }
#main-col .with-tabs .tabs li.on a {
    background-position: bottom right;
    color: #C30;
    }
#main-col .with-tabs .with-head {
    background: none #14181B;
    margin: 0;
    padding-left: 7px;
    }
#side-col .with-tabs {
    }
#side-col .with-tabs .tabs {
    margin: 0;
    padding: 0;
    height: 30px;
    }
#side-col .with-tabs .tabs li {
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-tab-bg.gif) top left no-repeat #FFF;
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    }
#side-col .with-tabs .tabs li a {
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-tab-bg.gif) top right no-repeat;
    float: left;
    font: bold 12px/30px Arial;
    padding: 0 10px 0 0;
    margin-left: 10px;
    color: #000;
    }
#side-col .with-tabs .tabs li.on {
    background-position: bottom left;
    }
#side-col .with-tabs .tabs li.on a {
    background-position: bottom right;
    color: #FFF;
    }
#side-col .with-tabs .head {
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-tabs-head-bg.gif) top right no-repeat #1A1D20;
    height: auto;
    margin: 0;
    padding: 5px 10px;
    color: #666;
    font-weight: normal;
    }


/* GUMBALLS */

#gumballs {
    float: left;
    margin: 5px 0 10px 0;
    display: inline;
    width: 434px;
    }
#gumballs .gumball {
    float: left;
    width: 140px;
    padding: 0 0 5px 4px;
    margin: 0;
    text-align: center;
    }
#gumballs .gumball img {
    width: 138px;
    height: 78px;
    display: block;
    border: 1px solid #000;
    margin-bottom:  5px;
    }
#gumballs .gumball a {
    display: block;
    }

#gumballs .gumball .img {
    display: block;
    width:140px;
    height:80px;
    background:no-repeat center #000;
    }

/* INSTANT MUSIC */

#instant-music-module .artist {
    padding-left: 36px;
    }
#instant-music-module .album {
    padding-left: 36px;
    }
#instant-music-module .track {
    padding-left: 36px;
    }
#instant-music-module .video {
    padding-left: 36px;
    }

/* INSTANT MUSIC - STYLE UPDATE FOR MADISON-SERVED SPONSORSHIP */

#main-col #instant-music-module {
    width: 332px;
    margin-left: 1px;
    }
#main-col #instant-music-module.with-tabs {
    background: none;
    }
#instant-music-header {
    width: 332px;
    height: 31px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    }
#main-col #instant-music-header .tabs {
    background: none;
    margin: -31px 0 0;
    padding-left: 6px;
    float: left;
    position: relative;
    z-index: 2;
    }
#main-col #instant-music-module .tabs li {
    z-index: 3;
    }
#main-col #instant-music-module .tabs li a {
    z-index: 3;
    }
#main-col #instant-music-module .section {
    clear: both;
    }

/* TWO COLUMN LIST */

#side-col .two-columns {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
    }
#side-col .two-columns li {
    list-style: none;
    padding: 0;
    margin: 0;
    }

/* NEWS HUB */

#news-hub-module .thumb {
    padding: 3px;
    border: 1px solid #CCC;
    float: right;
    margin: 0 0 5px 5px;
    display: inline;
    }

/* UPLOAD PROMO */

#upload-promo .body {
    height: 206px;
    background-image: url(http://image.com.com/mp3/images/css/v2/promos/upload-promo.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    color: #000;
    }
#upload-promo .btn-signup {
    width: 160px;
    height: 51px;
    background-image: url(http://image.com.com/mp3/images/css/v2/promos/btn-sign-up.gif);
    float: left;
    margin: 20px 0;
    }
#upload-promo .btn-signup-wide {
    width: 206px;
    height: 49px;
    background-image: url(http://image.com.com/mp3/images/css/v2/promos/btn-sign-up-wide.gif);
    margin: 20px auto;
    display: block;
    }
#upload-promo .btn-signup-wide:hover {
    background-position: bottom;
    }


/* ARTIST STYLES
**************************************************/

/* ARTIST SUMMARY */

#artist-summary {
    margin-bottom: 10px;
    }
#artist-summary .photo {
    float: left;
    padding: 5px;
    text-align: center;
    margin-right: 10px;
    display: inline;
    border: 1px solid #CCC;
    }
#artist-summary .photo .thumb {
    width: 120px;
    height: 130px;
    display: block;
    background: top center no-repeat;
    }

/* TRACK LIST */

.track-list th,
.track-list td {
    border-bottom: 1px solid #D2D2D2;
    padding: 5px 3px;
    }
.track-list th {
    text-align: left;
    font: bold 11px Arial;
    color: #999;
    }

/* NEWS STYLES */

.story-teaser {
    padding-right: 155px;
    }
.story-thumb {
    float: right;
    width: 140px;
    margin: 0 -155px 0 5px;
    display: inline;
    padding: 4px;
    background: #EEE;
    border: 1px solid #CCC;
    }
.story-thumb img {
    display: block;
    }
.news-list {
    padding: 0;
    margin: -5px 0 10px;
    }
.news-list li {
    background-position: 5px 7px;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 25px;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #CCC;
    }
.news-list .alt {
    background-color: #EEE;
    }
.news-list .internal {
    background-image: url(http://image.com.com/mp3/images/css/v2/icons/news-int.gif);
    }
.news-list .external {
    background-image: url(http://image.com.com/mp3/images/css/v2/icons/news-ext.gif);
    }

/* VIDEO STYLES */

.video-list {
    padding: 0;
    margin: -5px 0 10px;
    }
.video-list li {
    background: #FFF;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #CCC;
    display: block;
    line-height: 1.2;
    position: relative;
    }
.video-list p {
    display: none;
    }
.video-list .alt {
    background: #EEE;
    }
.video-thumb {
    width: 84px;
    height: 40px;
    float: left;
    margin: 0 5px 0 0;
    display: inline;
    background: center no-repeat;
    position: relative;
    }
.video-thumb:hover {
    text-decoration: none;
    }
.video-thumb span {
    width: 84px;
    height: 40px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/content/video-thumb-bg.gif);
    }
.large-video-list .foot-links {
    display: none;
    }
.large-video-list .video-list li {
    padding-left: 168px;
    }
.large-video-list .video-list p {
    display: block;
    margin: 5px 0;
    }
.large-video-list .video-list .video-thumb {
    width: 158px;
    height: 85px;
    margin-left: -168px;
    }
.large-video-list .video-list .video-thumb span {
    width: 158px;
    height: 85px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/content/video-large-thumb-bg.gif);
    }
.side-module .video-list li {
    padding: 5px 0 5px 0;
    }
.side-module .video-list .alt {
    background: none;
    }
.side-module .video-thumb {
    float: right;
    margin: 0 0 0 5px;
    display: inline;
    }

/* ALBUMS */

.album-teaser {
    padding-left: 85px;
    }
.album-thumb {
    float: left;
    width: 75px;
    margin: 0 5px 0 -85px;
    display: inline;
    padding: 4px;
    background: #EEE;
    border: 1px solid #CCC;
    }
.album-thumb img {
    display: block;
    }

/* ARTIST LINKS */

#artist-links ul {
    margin: 0;
    padding: 0;
    }
#artist-links li {
    margin: 0;
    padding: 3px 0 3px 15px;
    list-style: none;
    background: url(http://image.com.com/mp3/images/css/v2/content/list-point.gif) 0 5px no-repeat;
    }

/* ARTIST IMAGES */

#main-photos .photo-wrapper {
    margin-left: -2px;
    display: block;
    float: left;
    }
#main-photos .thumb {
    width: 83px;
    height: 83px;
    background: center no-repeat #FFF;
    margin: 0 0 10px 2px;
    float: left;
    border: 1px solid #CCC;
    }
#main-photos .thumb:hover {
    border-color: #666;
    }
#side-photos .photo-wrapper {
    margin-left: -11px;
    display: block;
    float: left;
    }
#side-photos .thumb {
    width: 85px;
    height: 85px;
    background: center no-repeat #333;
    margin: 0 0 11px 11px;
    display: block;
    float: left;
    }
#side-photos .thumb a {
    width: 84px;
    height: 84px;
    display: block;
    border: 1px solid #666;
    }
#side-photos .thumb a:hover {
    border-color: #999;
    }

/* ALBUMS MODULE */

#albums table {
    clear: both;
    margin-bottom: 10px;
    }
#albums th {
    padding-top: 10px;
    }
#albums td {
    padding: 5px;
    }
#albums .alt td {
    background: #EEE;
    }
#albums th,
#albums td {
    border-bottom: 1px solid #CCC;
    }

/* ALBUM MODULE */

.main-module.album {
    }
.main-module.album .summary {
    background-color: #EEE;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
    z-index: 1;
    }
.main-module.album .summary .btn {
    background-color: #EEE;
    }
.main-module.album .engagement {
    width: 260px;
    float: right;
    margin-left: 10px;
    display: inline;
    position: relative;
    text-align:right;
    z-index: 2;
    }
.main-module.album .engagement .stars {
    clear: right;
    background: #FFF;
    padding: 5px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    }
.main-module.album .cover {
    width: 85px;
    padding: 5px 0;
    float: left;
    text-align: center;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    }
.main-module.album .album-image {
    width: 75px;
    height: 130px;
    background: center no-repeat #333;
    margin: 0 auto;
    display: block;
    }
.main-module.album .info {
    padding-left: 95px;
    position: relative;
    z-index:1;
    }
.main-module.album .hide {
    visibility: hidden;
    }
.track-edit {
    background: #EEE;
    padding: 10px;
    }
.track-edit table {
    width: 100%;
    }
.track-edit td {
    padding: 5px;
    }
.track-edit .alt td {
    background: #CCC;
    }
.track-edit input,
.track-edit select {
    font-size: 11px;
    }
.track-display {
    background: #EEE;
    padding: 5px;
    }
.track-display td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    }
.tracks .track-display .info {
    width: 150px;
    border: 0;
    vertical-align: top;
    padding: 0;
    }
#mpu-layout .track-display .info {
    display: none;
    }
.track-display .last td {
    border: 0;
    }
.movable {
    cursor: move;
    }

.album table.tracks {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    }

.album tr th {
    border-bottom: 1px solid #CCC;
    padding-bottom:5px;
}

.album tr th.track-divider {
    padding:0 3px 6px;
    width:9px;
}
.album tr th.track-downloads {
    padding-right:5px;
}
.album tr.track-summary td {
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
    }
.album tr.track-info td {
    border-bottom: 0px;
    }
.album .track-name a {
    font-weight: bold;
    color: #000;
    }

/* RECENT TOPICS */

#recent-topics .topic {
    padding-left: 46px;
    font: bold 11px Arial;
    position: relative;
    }
#recent-topics .topic img {
    margin-left: -46px;
    float: left;
    display: inline;
    position: relative;
    }

/* TOOLBAR */

.toolbar {
    height: 24px;
    font: bold 11px Arial;
    background: url(http://image.com.com/mp3/images/css/v2/content/toolbar-bg.gif) top left no-repeat;
    padding: 0 0 0 10px;
    overflow: hidden;
    margin-bottom: 10px;
    }
.toolbar-r {
    height: 24px;
    background: url(http://image.com.com/mp3/images/css/v2/content/toolbar-bg.gif) top right no-repeat;
    padding: 5px 10px 0 0;
    }
.toolbar a {
    color: #333;
    margin-right: 6px;
    }
.toolbar img {
    vertical-align: middle;
    }

/* TRACK TABLE */

.track-table td {
    padding: 5px;
    border-bottom: 1px solid #CCC;
    }
.track-table .num {
    width: 1%;
    }
.track-table .track {
    font-weight: bold;
    }
.track-table .track a {
    color: #000;
    }
.track-table .options {
    width: 1%;
    }
#artist-stats .body {
    padding: 0 2px 0;
    }
#stats {
    width: 296px;
    height: 85px;
    background: url(http://image.com.com/mp3/images/css/v2/content/stats-bg.gif);
    margin: 5px 0 0;
    padding: 5px 0;
    }
#rate {
    width: 284px;
    height: 42px;
    background: url(http://image.com.com/mp3/images/css/v2/content/rate-bg.gif);
    margin: 5px 0 0;
    padding: 6px;
    }

/* ALBUM HEADER */

.album-header {
    width: 732px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/album-header-bg.gif) left top #0C0C0D no-repeat;
    margin: 10px 6px;
    padding: 0 8px;
    color: #FFF;
    }
.album-header .head {
    background: url(http://image.com.com/mp3/images/css/v2/layout/album-header-bg.gif) right top #0C0C0D no-repeat;
    margin-right: -8px;
    height: 8px;
    font-size: 0;
    }
#album-tabs {
    height: 25px;
    margin: 0;
    padding: 0;
    clear: both;
    }
#album-tabs li {
    margin: 0 1px 0 0;
    padding-right: 5px;
    list-style: none;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tab-bg.gif) top right;
    }
#album-tabs a {
    color: #000;
    font-weight: bold;
    padding: 5px 10px 5px 15px;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tab-bg.gif) top left #000;
    }
#album-tabs .on {
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tab-bg.gif) bottom right;
    }
#album-tabs .on a {
    color: #333;
    text-decoration: none;
    background: url(http://image.com.com/mp3/images/css/v2/layout/main-tab-bg.gif) bottom left #000;
    }
#album-tabs a.off {
    cursor: default;
    color: #999;
    }
#album-tabs a.off:hover {
    text-decoration: none;
    }
.album-header .module-wrapper {
    float: right;
    background: url(http://image.com.com/mp3/images/css/v2/layout/album-header-module-bg.gif) top no-repeat;
    padding: 10px 0 0;
    margin: 0 0 20px 5px;
    display: inline;
    position: relative;
    z-index: 1;
    clear: right;
    }
.album-header .module {
    width: 268px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/album-header-module-bg.gif) bottom no-repeat;
    padding: 0 10px 10px;
    margin-bottom: -10px;
    position: relative;
    z-index: 2;
    }
.album-header .partner-wrap {
    background: url(http://image.com.com/mp3/images/css/v2/layout/partner-bg.gif) right;
    margin: 0 0 5px 10px;
    padding-right: 10px;
    position: relative;
    z-index: 1;
    }
.album-header .partner {
    background: url(http://image.com.com/mp3/images/css/v2/layout/partner-bg.gif) left;
    margin-left: -10px;
    position: relative;
    z-index: 2;
    }
.album-header .partner-icon {
    height: 20px;
    line-height: 20px;
    padding: 6px 0 6px 50px;
    background: 5px center no-repeat;
    color: #000;
    font-weight: bold;
    position: relative;
    z-index: 3;
    }
.album-header .rate-album {
    width: 100%;
    margin-bottom: 10px;
    }
.album-header .rate-album td {
    border-bottom: 1px solid #485158;
    padding: 5px;
    }
.external-downloads-streams table {
    width: 100%;
    }
.external-downloads-streams th,
.external-downloads-streams td {
    padding: 5px;
    border-bottom: 1px solid #CCC;
    }
.external-downloads-streams .alt td {
    background: #EEE;
    }
    
/* FORUMS */

#forum-frontdoor th {
    background: #333;
    text-align: left;
    color: #FFF;
    line-height: 30px;
    padding: 0 10px;
    }
#forum-frontdoor th,
#forum-frontdoor td {
    border-bottom: 1px solid #CCC;
    }
#forum-frontdoor td {
    padding: 5px;
    }
#forum-frontdoor .count {
    width: 1%;
    border-right: 1px solid #CCC;
    text-align: center;
    }
#forum-frontdoor .alt td {
    background: #EEE;
    }
#forum-stats ul {
    width: 180px;
    margin: 0 0 5px 0;
    padding: 0;
    font: bold 11px Arial;
    }
#forum-stats li {
    margin: 0;
    padding: 4px 0;
    list-style: none;
    border-bottom: 1px solid #333;
    }
.forum-nav {
    height: 58px;
    background: url(http://image.com.com/mp3/images/css/v2/content/forum-nav-bg.gif);
    padding: 10px;
    margin: 10px 0;
    color: #666;
    }
.forum-nav .divider {
    background-image: url(http://image.com.com/mp3/images/css/v2/content/forum-nav-divider-bg.gif);
    height: 15px;
    }
#forum-topics {
    padding: 6px;
    }
#forum-topics table {
    margin-bottom: 10px;
    width:748px;
    }
#forum-topics th {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    }
#forum-topics td {
    padding: 5px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    }
#forum-topics .alt td {
    background: #EEE;
    }
#forum-topics .icon,
#forum-topics .author,
#forum-topics .posts {
    text-align: center;
    }
#forum-topics .author,
#forum-topics .posts {
    padding: 5px;
    }
#forum-topics .author,
#forum-topics .posts,
#forum-toipcs .last {
    font-size: 11px;
    }
#forum-topics .date {
    border-right:0;
    }
#forum-topics .last {
    border-right:0;
    width:1%;
    }
#forum-messages {
    padding: 6px;
    }
#message-list {
    margin: 0;
    padding: 0;
    }
#message-list .msg-panel {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    position: relative;
    z-index: 100;
    }
#message-list .alt {
    background: #EEE;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    }
#message-list .msg-wrapper {
    margin-left: 120px;
    padding: 0 10px;
    border-left: 1px solid #CCC;
    }
#message-list .user {
    width: 100px;
    float: left;
    margin-right: -120px;
    left: -120px;
    display: inline;
    text-align: center;
    overflow: hidden;
    font-size: 11px;
    border-right: 1px solid #CCC;
    padding-right: 9px;
    position: relative;
    }
#message-list .topic {
    color: #666;
    }
#message-list .msg {
    margin: 10px 0;
    font: normal 13px/1.3 Arial, Helvetica, sans-serif;
    }
#message-list .sig,
#message-list .engagement {
    border-top: 1px solid #CCC;
    margin: 10px 0 0;
    padding: 10px 0 0;
    }
#message-list .quick-msg {
    position: relative;
    z-index: 5;
    }
#message-list .quick-msg form {
    position: relative;
    z-index: 10;
    }
#message-list .quote-wrap {
    background: #FFC;
    margin: 5px 0;
    color: #666;
    }
#message-list .quoted {
    padding: 10px 4px 0;
    font-weight: bold;
    }
#message-list .quote {
    padding: 0 4px 10px;
    }
#message-list .quote-wrap .quote-wrap {
    margin: 5px 0;
    border: 1px solid #CC9;
    }
#message-list .quote-wrap .quote-wrap .quoted {
    }
#message-list table {
    background-color: #ffc;
    padding: 5px;
    color: #666;
    }
#message-list .quote table {
    border: 1px solid #cc9;
    }

/* FREE MUSIC */

#artist-spotlight ul {
    margin: 10px -10px;
    padding: 14px 0 0 0;
    border-bottom: 1px solid #666;
    background: url(http://image.com.com/mp3/images/css/v2/content/free_mp3s.gif) top left no-repeat;
    }
#artist-spotlight li {
    margin: 0;
    padding: 5px 10px;
    list-style: none;
    border-top: 1px solid #666;
    }
#artist-spotlight .alt {
    background: #222;
    }

    /* PROFILES */

#user-collection {
    width: 100%;
    }
#user-collection th,
#user-collection td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    }
#user-collection .alt td {
    background: #EEE;
    }
#contact-list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #CCC;
    }
#contact-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #CCC;
    padding: 10px 5px;
    }
#contact-list .alt {
    background: #EEE;
    }
#contact-list .contact {
    margin-left: 110px;
    padding-left: 10px;
    }
#contact-list .contact .user {
border-right:1px solid #CCCCCC;
display:inline;
float:left;
font-size:11px;
left:-120px;
margin-right:-120px;
overflow:hidden;
padding-right:9px;
position:relative;
text-align:center;
width:100px;
    }
#friends.side-module ul {
    width: 140px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
    }
#friends.side-module li {
    margin: 0;
    padding: 2px 0 2px 20px;
    list-style: none;
    background: url(http://image.com.com/mp3/images/css/v2/icons/offline.gif) left no-repeat;
    }
#friends.side-module li a {
    color: #666;
    font-weight: bold;
    }
#friends.side-module li.online {
    background-image: url(http://image.com.com/mp3/images/css/v2/icons/online.gif);
    }
#friends.side-module li.online a {
    color: #FF9;
    }
#blogs.side-module ul {
    margin: 0;
    padding: 0;
    }
#blogs.side-module li {
    margin: 0;
    padding: 0;
    list-style: none;
    }


/* BILLBOARDS */

#billboard-chart th,
#billboard-chart td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    }
#billboard-chart th {
    font: bold 10px Tahoma;
    }
#billboard-chart .alt td {
    background: #EEE;
    }

/* GENRE PICKS */

#genre-picks ul {
    width: 33.3%;
    float: left;
    }

/* REVIEWS */

.main-module.reviews .review {
    margin: 0 0 5px 119px;
    padding-left: 10px;
    border-left: 1px solid #CCC;
    }
.main-module.reviews .user {
    float: left;
    margin: 0 0 5px;
    width: 119px;
    border-right: 1px solid #CCC;
    text-align: center;
    }
.main-module.reviews .score {
    width: 77px;
    height: 46px;
    background: url(http://image.com.com/mp3/images/css/v2/content/score-bg.gif);
    }
#write-review {
    background: url(http://image.com.com/mp3/images/css/v2/content/write-review-bg.gif) bottom left no-repeat;
    padding: 0 0 0 5px;
    position: relative;
    }
#write-review .body {
    background: url(http://image.com.com/mp3/images/css/v2/content/write-review-bg.gif) bottom right no-repeat;
    padding: 0 5px 5px 0;
    position: relative;
    overflow: hidden;
    font: normal 12px/1.3 Arial;
    }
#profile-reviews .review .top-box {
    position: relative;
    background: url(http://image.com.com/mp3/images/css/layout/profile-review-bg-sky.gif) repeat-y;
    }
#profile-reviews .review .review-head {
    height: 31px;
    padding:  3px 0 0 8px;
    background: url(http://image.com.com/mp3/images/css/layout/profile-review-head-sky.gif) no-repeat;
    }
#profile-reviews .review .review-foot {
    height: 18px;
    clear: both;
    background: url(http://image.com.com/mp3/images/css/layout/profile-review-foot-sky.gif) no-repeat;
    }
#profile-reviews .score {
    position: absolute;
    top: 28px;
    right: 0;
    width: 90px;
    height: 46px;
    }

/* CAPSULE */

.capsule,
.capsule .buttons {
    background-image: url(http://image.com.com/mp3/images/css/v2/content/capsule-bg.gif);
    }
.capsule {
    height: 64px;
    background-position: right;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
    z-index: 0;
    }
.capsule .buttons {
    background-position: left;
    float: left;
    margin-left: -10px;
    display: inline;
    padding: 8px;
    position: relative;
    z-index: 1;
    }
.capsule .stats {
    height: 44px;
    float: left;
    color: #CCC;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 0 10px;
    border-left: 1px solid #666;
    }

/* RECENT UPLOADS */

#recent-uploads th,
#recent-uploads td {
    padding: 5px 2px;
    border-bottom: 1px solid #CCC;
    }

/* DOWNLOADS */

.top-list {margin:0;padding:0; width:280px;float:left;position:relative;}
.top-list li {width:280px;float:left;position:relative;margin:0 0 5px 0;padding:0 0 5px 0;list-style:none;border-bottom:1px solid #40444A;}
.top-list a.f-EEE {color: #EEE;}

.top-list .iteration {width:27px;float:left;font:bold 11px/27px Arial;text-align:center;background:url(http://image.com.com/mp3/images/css/v2/content/top-number-bg.gif) center no-repeat;color:#000;margin-right:5px;display:inline;}

/* GENRE CHARTS */

.genre-chart th,
.genre-chart td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    }
.genre-chart .alt td {
    background: #EEE;
    }


/****************************
 USER VIDEOS
****************************/

.user-video-thumb {
    width: 102px;
    height: 72px;
    background: center no-repeat;
    text-align: center;
    font: bold 11px/60px Arial;
    color: #999;
    }
.user-video-thumb a {
    width: 102px;
    height: 72px;
    display: block;
    }
.user-video.off .user-video-thumb,
.user-video.processing .user-video-thumb,
.user-video.failed .user-video-thumb {
    background-position: bottom;
    }
.user-videos-simple {
    margin: 10px 0 0 -10px;
    float: left;
    display: inline;
    }
.user-videos-simple .user-video {
    width: 137px;
    height: 162px;
    float: left;
    margin: 0 0 10px 9px;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-simple-bg.gif) top;
    text-align: center;
    font: bold 11px Arial;
    color: #999;
    overflow: hidden;
    display: inline;
    }
.user-videos-simple .user-video.off {
    background-position: bottom;
    background-color: #E6E6E6;
    }
.user-videos-simple .user-video h3 {
    font: bold 11px Arial;
    margin: 0;
    line-height: 22px;
    color: #333;
    }
.user-videos-simple .user-video img {
    display: block;
    }
.user-videos-simple .user-video .user-video-thumb {
    margin: 5px auto 5px;
    }
.user-videos-simple .user-video span {
    display: block;
    font-weight: normal;
    color: #333;
    }
.user-videos-simple .user-video.off span {
    font-weight: bold;
    }
.user-videos-simple .user-video span.error {
    color: #C00;
    }
.user-videos-detailed {
    clear: both;
    padding-top: 10px;
    }
.user-videos-detailed .user-video {
    border: 1px solid #CCC;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
    }
.user-videos-detailed .user-video-head {
    height: 4px;
    font-size: 0;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-detailed-edges.gif) top left;
    margin: 0 -1px;
    position: relative;
    z-index: 5;
    }
.user-videos-detailed .user-video-foot {
    height: 4px;
    font-size: 0;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-detailed-edges.gif) bottom left;
    clear: both;
    margin: 0 -1px;
    position: relative;
    z-index: 5;
    }
.user-videos-detailed .user-video-left {
    width: 102px;
    float: left;
    display: inline;
    margin: 0 7px;
    }
.user-videos-detailed .user-video-left .user-video-thumb {
    margin: 1px 0 5px;
    }
.user-videos-detailed .user-video-left .btn {
    margin-right: 5px;
    }
.user-videos-detailed .user-video-center {
    width: 340px;
    float: left;
    }
#user-videos-hub .user-video-center {
    float: left;
    width: 210px;
    }
.user-video-right {
    width: 96px;
    height: 70px;
    padding: 5px;
    float: right;
    margin-right: 3px;
    display: inline;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-detailed-stats-bg.gif) top;
    text-align: center;
    font-size: 11px;
    }
.user-videos-detailed .processing,
.user-videos-detailed .failed {
    background: #EFEFEF;
    }
.user-videos-detailed .processing .user-video-head,
.user-videos-detailed .failed .user-video-head,
.user-videos-detailed .processing .user-video-foot,
.user-videos-detailed .failed .user-video-foot {
    background-image: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-detailed-edges-off.gif);
    }
.user-videos-detailed .processing .user-video-right,
.user-videos-detailed .failed .user-video-right {
    background-position: bottom;
    }
.user-videos-detailed .processing .user-video-center {
    color: #666;
    }
.user-videos-detailed .processing .user-video-right {
    font: bold 11px/109px Arial;
    }
.user-videos-detailed .failed h3,
.user-videos-detailed .failed p {
    color: #999;
    }
.user-videos-detailed .failed .user-video-right {
    font: bold 14px Arial;
    color: #C30;
    }
.user-videos-detailed .failed .user-video-right img {
    display: block;
    margin: 10px auto 0;
    }
#user-video-details .head,
#user-video-details .head div,
#user-video-details .foot,
#user-video-details .foot div {
    height: 5px;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-details-corners.gif);
    font-size: 0;
    }
#user-video-details .head {
    background-position: top left;
    margin: 0 -10px 5px;
    }
#user-video-details .head div {
    background-position: top right;
    margin-left: 5px;
    }
#user-video-details .foot {
    background-position: bottom left;
    margin: 5px -10px 0;
    clear: both;
    }
#user-video-details .foot div {
    background-position: bottom right;
    margin-left: 5px;
    }
#uservideo-subnav-tabs {
    background: #E0E0E0;
    border-width: 2px 1px 1px;
    border-color: #ADADAD;
    border-style: solid;
    }
#tabs-content {
    border: 1px solid #ADADAD;
    border-top: 0;
    }
#uservideo-cats {
    padding: 10px 10px 0;
    }
#uservideo-cats td {
    font-weight: bold;
    line-height: 20px;
    }
#uservideo-subnav #all-tag-cloud {
    padding: 10px 10px 0;
    }
#uservideo-subnav-foot {
    height: 5px;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-subnav-foot-bg.gif) left;
    margin-top: -5px;
    font-size: 0;
    }
#uservideo-subnav-foot div {
    height: 5px;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-subnav-foot-bg.gif) right;
    margin-left: 5px;
    }

/* USER VIDEO SUBMISSION */

#uservideo-steps {
    line-height: 27px;
    height: 37px;
    margin: 10px 10px 0;
    padding: 0;
    }
#uservideo-steps li {
    margin: 0 20px 0 0;
    padding: 0;
    list-style: none;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/submit-form-steps.gif) no-repeat;
    float: left;
    display: inline;
    color: #999;
    }
#uservideo-steps .step1 {
    padding-left: 37px;
    background-position: 0 0;
    }
#uservideo-steps .step1-on {
    padding-left: 37px;
    background-position: 0 -27px;
    color: #333;
    font-weight: bold;
    }
#uservideo-steps .step2 {
    padding-left: 106px;
    background-position: 0 -54px;
    }
#uservideo-steps .step2-on {
    padding-left: 106px;
    background-position: 0 -81px;
    color: #333;
    font-weight: bold;
    }
#uservideo-steps .step3 {
    padding-left: 106px;
    background-position: 0 -108px;
    }
#uservideo-steps .step3-on {
    padding-left: 106px;
    background-position: 0 -135px;
    color: #333;
    font-weight: bold;
    }
#uservideo-submit {
    clear: both;
    background: #F1E9DA;
    }
#uservideo-submit .step-one,
#uservideo-submit .step-two,
#uservideo-submit .step-three {
    height: 57px;
    overflow: hidden;
    padding-left: 67px;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/submit-form-step.gif) no-repeat;
    margin-bottom: 20px;
    }
#uservideo-submit .step-one {
    background-position: top left;
    }
#uservideo-submit .step-two {
    background-position: center left;
    }
#uservideo-submit .step-three {
    background-position: bottom left;
    }
#uservideo-submit .head,
#uservideo-submit .head div,
#uservideo-submit .foot,
#uservideo-submit .foot div {
    background-image: url(http://image.com.com/tv/images/tv2_layout/uservideos/submit-form-corners.gif);
    height: 7px;
    font-size: 0;
    }
#uservideo-submit .head {
    background-position: top left;
    margin: 0;
    }
#uservideo-submit .head div {
    background-position: top right;
    margin-left: 10px;
    }
#uservideo-submit .foot {
    clear: both;
    background-position: bottom left;
    margin: 0;
    }
#uservideo-submit .foot div {
    clear: both;
    background-position: bottom right;
    margin-left: 10px;
    }
#uservideo-submit .body {
    margin: 10px;
    position: relative;
    }
#uservideo-submit select,
#uservideo-submit textarea {
    width: 95%;
    }
#uservideo-submit .field {
    clear: both;
    float: left;
    width: 100%;
    }
#uservideo-submit .field .left {
    float: left;
    width: 20%;
    text-align: right;
    font-weight: bold;
    padding: 5px 0;
    clear: both;
    }
#uservideo-submit .field .center {
    float: left;
    width: 40%;
    padding: 5px 0;
    }
#uservideo-submit .field .right {
    float: left;
    width: 40%;
    padding: 5px 0;
    }
#uservideo-submit .field.hilight {
    background: #DCD4C6;
    border: 1px solid #8F8F8F;
    }
#user-video-edit {
    padding: 0 10px;
    background: #EEE;
    margin-bottom: 10px;
    }
#user-video-edit h1 {
    width: 100%;
    float: left;
    margin-top: 0;
    font-size: 18px;
    }
#user-video-edit .field .left {
    width: 30%;
    float: left;
    text-align: right;
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    }
#user-video-edit .field .right {
    width: 69%;
    float: left;
    padding: 5px 0;
    margin: 0;
    }
#user-video-edit textarea,
#user-video-edit select {
    border: 1px solid #CCC;
    width: 100%;
    font: normal 12px Arial;
    color: #333;
    margin: 0;
    padding: 0;
    }
#user-video-edit .head,
#user-video-edit .head div,
#user-video-edit .foot,
#user-video-edit .foot div {
    height: 5px;
    background: url(http://image.com.com/tv/images/tv2_layout/uservideos/user-video-details-corners.gif);
    font-size: 0;
    }
#user-video-edit .head {
    background-position: top left;
    margin: 0 -10px 5px;
    }
#user-video-edit .head div {
    background-position: top right;
    margin-left: 5px;
    }
#user-video-edit .foot {
    background-position: bottom left;
    margin: 5px -10px 0;
    clear: both;
    }
#user-video-edit .foot div {
    background-position: bottom right;
    margin-left: 5px;
    }
.loading {
    background: url(http://image.com.com/tv/images/tv2_layout/activity-indicator.gif) no-repeat;
    }
#video-hub-tiles #activity-indicator {
    height: 16px;
    width: 16px;
    }
.genre-chart .alt td {
    background: #EEE;
    }

/* TRANSPORT RESPONSE */

#ui-dialog {
    background: #eee;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    padding: 4px;
    }

/* TINY THUMB */

.tiny-thumb {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    display: inline;
    float: left;
    display: inline;
    background: center no-repeat #FFF;
    border: 2px solid #666;
    }

/* CHARTS */

#chart td {
    border-right: 1px solid #CCC;
    }
#chart .last {
    border-right: 0;
    }

/* STAR RATINGS */

.star-rating {
    width: 140px;
    height: 30px;
    position: relative;
    background: url(http://image.com.com/mp3/images/stars/star-rating-bg.gif) bottom;
    z-index: 1;
    }
.star-rating div {
    width: 0;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(http://image.com.com/mp3/images/stars/star-rating-bg.gif) top left;
    z-index: 2;
    }
.star-rating a {
    width: 10%;
    height: 30px;
    float: left;
    position: relative;
    z-index: 3;
    }
.star-rating.light-bg {
    width: 130px;
    height: 24px;
    background-image: url(http://image.com.com/mp3/images/stars/star-rating-light-bg.gif);
    }
.star-rating.light-bg div {
    height: 24px;
    background-image: url(http://image.com.com/mp3/images/stars/star-rating-light-bg.gif);
    }
.star-rating.light-bg a {
    height: 24px;
    }

/* FREE MUSIC */

#free-music-head {
    padding: 10px;
    font-weight: bold;
    position: relative;
    }
#free-music-head #sponsor {
    position: absolute;
    right: 0;
    top: 0;
    }
#free-music-head h1 {
    margin: 10px 0 20px;
    padding: 5px;
    font: normal 32px Geneva, Arial;
    border-bottom: 1px solid #666;
    }
#free-music-head h1 span {
    color: #999;
    }
#free-music-head form {
    display: inline;
    }
#free-music-head ul {
    margin: 10px 0;
    padding: 0;
    }
#free-music-head li {
    display: inline;
    list-style: none;
    }
#free-music-head .on a {
    color: #333;
    }
.top-music ul {
    margin: 0;
    padding: 0;
    }
.top-music li {
    width: 100px;
    margin: 0 4px 10px;
    list-style: none;
    float: left;
    display: inline;
    overflow: hidden;
    }
.top-music .cover {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    display: block;
    background-color: #EEE;
    padding: 4px;
    border: 1px solid #CCC;
    }
.top-music .cover:hover {
    background-color:#444;
    background-image:url(http://image.com.com/mp3/images/css/v2/content/play-rollover.gif);
    }
.top-music .cover img {
    width: 75px;
    height: 75px;
    display: block;
    background: center no-repeat #000;
    }
.top-music .cover:hover img {
    opacity: .2;
    filter: alpha(opacity=20);
    }
.top-music .refs {
    height: 60px;
    margin: 5px;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    }
.free-music .artists {
    margin: 0;
    padding: 0;
    }
.free-music .artist {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    }
.free-music .artist .tiny-thumb {
    position: absolute;
    top: 0;
    left: 0;
    }
.free-music .artist h2 {
    font: bold 18px Arial;
    margin: 0 0 0 36px;
    padding: 3px 10px;
    background-color: #EEE;
    }
.free-music .artist h2 span {
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    }
.free-music .tracks {
    margin: 0 0 20px 46px;
    padding: 0;
    }
.free-music .track {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 22px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/divider-bg.gif) repeat-x center bottom #FFF;
    }
.free-music .track .stats {
    width: 100px;
    float: right;
    font-size: 10px;
    line-height: normal;
    color: #666;
    }

/* SIGN UP */

#step_tracker {
    border-bottom: 1px solid #333;
    font: bold 14px Arial;
    color: #999;
    padding: 15px 0;
    }
#step_tracker .step {
    padding: 0 20px 0 0;
    }
#step_tracker .step.on {
    color: #333;
    }
#step_tracker .step.done {
    color: #666;
    }
#login_info .col {
    width: 220px;
    height: 500px;
    padding: 10px;
    float: left;
    }
#login_info .col.left {
    background: url(http://image.com.com/mp3/images/css/v2/content/signup-colcaps.gif) top left #FFDE9E no-repeat;
    }
#login_info .col.center {
    background: url(http://image.com.com/mp3/images/css/v2/content/signup-colcaps.gif) top #F7DCA8 no-repeat;
    margin: 0 10px;
    }
#login_info .col.right {
    background: url(http://image.com.com/mp3/images/css/v2/content/signup-colcaps.gif) top right #F3E5CA no-repeat;
    }
#login_info .col ul {
    margin: 0;
    padding: 0;
    }
#login_info .col li {
    margin: 0;
    padding: 0 0 10px;
    list-style: none;
    }
#band_info,
#account_info,
#personal_info,
#confirm_info {
    margin: 20px 5px 5px;
    }
#band_info td,
#account_info td,
#personal_info td,
#confirm_info td {
    padding: 0 5px 5px;
    }


/*****************************************
GENERIC COMMENTS
*****************************************/

#comments .with-nav {
    margin-bottom: 0;
    }
#comments .nav {
    height: 30px;
    line-height: 30px;
    background: #333;
    color: #FFF;
    font-weight: bold;
    padding: 0 10px;
    margin-bottom: 10px;
    }
#comments .nav .left {
    float: left;
    }
#comments .nav .right {
    float: right;
    }
#display-comment .comment,
#comments .comment {
    margin-left: 100px;
    position: relative;
    }
#display-comment .user,
#comments .user {
    width: 90px;
    float: left;
    text-align: center;
    overflow: hidden;
    }

/* HARDWARE REVIEWS */

.main-module.hardware-reviews .review {
    margin: 10px 0 5px 120px;
    padding-left: 10px;
    position: relative;
    }
.main-module.hardware-reviews .picture {
    float: left;
    margin: 0 0 5px -130px;
    display: inline;
    text-align: center;
    }
.main-module.hardware-reviews .icon {
    display: block;
    margin: 0 auto 5px;
    width: 36px;
    padding: 2px;
    border: 1px solid #333;
    }
.main-module.hardware-reviews .score {
    width: 77px;
    height: 46px;
    background: url(http://image.com.com/mp3/images/css/v2/content/score-bg.gif);
    }

/* tan box copied from old mp3 site */

.main-module.hardware-reviews .tan-box-wrap {
    margin-bottom: 10px;
    }
.main-module.hardware-reviews .tan-box-wrap .box-tl {
    background: url(http://image.com.com/mp3/images/css/layout/tan-head.gif) top left no-repeat #E4E1D4;
    }
.main-module.hardware-reviews .tan-box-wrap .box-tr {
    padding-top: 10px;
    background: url(http://image.com.com/mp3/images/css/layout/tan-head.gif) top right no-repeat;
    }
.main-module.hardware-reviews .tan-box-wrap .box-bl {
    padding-left: 10px;
    background: url(http://image.com.com/mp3/images/css/layout/tan-foot.gif) bottom left no-repeat;
    }
.main-module.hardware-reviews .tan-box-wrap .box-br {
    padding-right: 10px;
    background: url(http://image.com.com/mp3/images/css/layout/tan-foot.gif) bottom right no-repeat;
    }
.main-module.hardware-reviews .tan-box-wrap .review {
    margin: 0 0 5px 80px;
    padding-left: 10px;
    position: relative;
    }
.main-module.hardware-reviews .tan-box-wrap .picture {
    float: left;
    margin: 0 0 5px -80px;
    display: inline;
    text-align: center;
    }

/* TOOLTIP */

#dhtmltooltip {
    position: absolute;
    font-size: 12px;
    border: 1px solid #000000;
    padding: 3px;
    width: 180px;
    background-color: #ffc;
    visibility: hidden;
    z-index: 1000;
    }


/*****************************************
PODCAST
*****************************************/

.podcastpod {
    margin: 20px 0;
    background: url(http://image.com.com/mp3/images/css/layout/podcast-pod-bg.gif);
    width: 568px;
    height: 48px;
    padding-top: 31px;
    }
.podcastpod .inside {
    width: 548px;
    height: 28px;
    padding: 8px 10px;
    line-height: 28px;
    font-weight: bold;
    }
.podcastpod .btn-xml,
.podcastpod .btn-mp3,
.podcastpod .btn-video-podcast,
.podcastpod .btn-subscribe-to-podcast {
    float: left;
    margin-right: 5px;
    }
.podcastpod a {
    color: #C30;
    }
.podcastpod a:hover {
    color: #F60;
    }
.podcastpod .btn-xml,
.podcastpod .btn-mp3,
.podcastpod .btn-video-podcast,
.podcastpod .btn-subscribe-to-podcast {
    float: left;
    margin-right: 5px;
    }
.btn-mp3 {
    width: 84px;
    height: 28px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/buttons/btn-mp3.gif) top no-repeat;
    }
.btn-mp3:hover {
    cursor: pointer;
    background-position: bottom;
    }
.btn-video-podcast {
    width: 61px;
    height: 28px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/buttons/btn-video-podcast.gif) top no-repeat;
    }
.btn-video-podcast:hover {
    cursor: pointer;
    background-position: bottom;
    }
.btn-xml {
    width: 56px;
    height: 28px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/buttons/btn-xml.gif) top no-repeat;
    }
.btn-xml:hover {
    cursor: pointer;
    background-position: bottom;
    }
.btn-subscribe-to-podcast {
    width: 152px;
    height: 28px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/buttons/btn-subscribe-to-podcast.gif) top no-repeat;
    }
.btn-subscribe-to-podcast:hover {
    cursor: pointer;
    background-position: bottom;
    }
.btn-listen-to-interview {
    width: 144px;
    height: 25px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/buttons/btn-listen-to-interview.gif) top no-repeat;
    }
.btn-listen-to-interview:hover {
    cursor: pointer;
    background-position: bottom;
    }

/***** GET EXPOSED OPT IN MODULE *****/

#optin-module-bg {
    width: 416px;
    height: 43px;
    background: url(http://image.com.com/mp3/images/promo/cmjcontest_optinmodule.gif) no-repeat;
    float: left;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 140px;
    padding-left: 5px;
    }

/**** WYSIWYG EDITOR ****/

.wysiwyg {
    background: #ddd;
    padding: 4px;
    border: 1px solid #000;
    }
.htmlarea .toolbar {
    height: 50px;
    }

/* TOP TEN CHART */

#top-ten-chart td {
    padding: 5px;
    }
#top-ten-chart .alt td {
    background: #EEE;
    }
#top-ten-chart .first-row {
    background: url(http://image.com.com/mp3/images/css/layout/top-ten-first-bg.gif) right top no-repeat;
    }
#top-ten-chart .rank {
    width: 1%;
    font-weight: bold;
    text-align: center;
    }
#main-col #top-ten-chart.with-tabs {
    background-image: url(http://image.com.com/mp3/images/css/layout/top-ten-head.gif);
    position: relative;
    }
#main-col #top-ten-chart.with-tabs .tabs {
    background-image: url(http://image.com.com/mp3/images/css/layout/top-ten-head.gif);
    height: 92px;
    position: relative;
    margin-bottom: 0;
    }
#main-col #top-ten-chart.with-tabs .tabs li {
    margin-top: 66px;
    }
#main-col #top-ten-chart.with-tabs .tabs li a {
    position: relative;
    z-index: 10;
    }
#top-ten-sponsor {
    width: 434px;
    height: 80px;
    position: absolute;
    z-index: 5;
    }
#side-top-ten td {
    padding: 5px;
    border-bottom: 1px solid #40444A;
    }
#side-top-ten .last td {
    border: 0;
    }


/***********************************
    BUTTONS
***********************************/

.btn,
.btn_one,
.btn_two,
.list_toggle_add,
.list_toggle_del {
    height: 20px;
    display: block;
    background: top right #FFF;
        color:#fff;
    text-align: center;
        text-decoration:none !important;
    }
.btn span,
.btn_one b,
.btn_two b,
.list_toggle_add span,
.list_toggle_del span {
    padding: 0 5px 0 10px;
    margin: 0 5px 0 0;
    background: top left #fff;
    font: bold 11px/20px Arial;
    color: #fff;
    display: block;
    }
.btn:hover,
.btn_one:hover,
.btn_two:hover,
.list_toggle_add:hover,
.list_toggle_del:hover {
    text-decoration: none;
    background-position: bottom right;
    }
.btn:hover span,
.btn_one:hover b,
.btn_two:hover b,
.list_toggle_add:hover span,
.list_toggle_del:hover span {
    cursor: pointer;
    background-position: bottom left;
    }
    
/* medium button */ 

.btn.med {
    height: 31px;
    }
.btn.med span {
    font: bold 11px/31px Arial;
    }

/* big button */

.btn.big {
    height: 44px;
    }
.btn.big span {
    font: bold 11px/44px Arial;
    }
    
/* light bg */

a.btn.green,
a.btn.green span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/green.gif);
    }
a.btn.gray,
a.btn.gray span,
.list_toggle_add,
.list_toggle_add span,
.list_toggle_del,
.list_toggle_del span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/gray.gif);
    color: #000;
    }
a.btn.black,
a.btn.black span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/black.gif);
    }
a.btn.orange,
a.btn.orange span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/orange.gif);
    }
a.btn.turqoise,
a.btn.turqoise span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/turqoise.gif);
    }
a.btn.disabled,
a.btn.disabled span {
    cursor: default;
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/disabled.gif);
    }
a.btn.purple, a.btn.purple span {
    background-image:url(http://image.com.com/mp3/images/features/2007lollapalooza/flatpages/btn-purple-lite.gif);
    color:#ffffff;
    }   
    
/* dark bg */

a.btn.green-dark,
a.btn.green-dark span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/green-dark.gif);
    background-color: #000;
    }
a.btn.gray-dark,
a.btn.gray-dark span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/gray-dark.gif);
    background-color: #000;
    color: #000;
    }
a.btn.orange-dark,
a.btn.orange-dark span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/orange-dark.gif);
    background-color: #000;
    }
a.btn.orange-dark.med,
a.btn.orange-dark.med span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/orange-dark-med.gif);
    background-color: #000;
    }
a.btn.orange-dark.big,
a.btn.orange-dark.big span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/orange-dark-big.gif);
    background-color: #000;
    }
a.btn.turqoise-dark,
a.btn.turqoise-dark span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/turqoise-dark.gif);
    background-color: #000;
    }

a.btn.orange-gray,
a.btn.orange-gray span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/orange-gray.gif);
    background-color: #000;
    }

/* custom buttons */

a.btn-upload-mp3 {
    width: 142px;
    height: 48px;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/upload-mp3.gif) top;
    }
a.btn-upload-mp3:hover {
    background-position: bottom;
    }
a.btn-create-album {
    width: 142px;
    height: 48px;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/create-album.gif) top;
    }
a.btn-create-album:hover {
    background-position: bottom;
    }
a.btn-sign-up-fan {
    width: 220px;
    height: 49px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/sign-up-fan.jpg) top;
    }
a.btn-sign-up-fan:hover {
    background-position: bottom;
    }
a.btn-sign-up-band {
    width: 220px;
    height: 49px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/sign-up-band.jpg) top;
    }
a.btn-sign-up-band:hover {
    background-position: bottom;
    }
a.btn-upload-new-video {
    width: 245px;
    height: 48px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/upload-new-video.jpg) top;
    }
a.btn-upload-new-video:hover {
    background-position: bottom;
    }
a.btn-new-blog-post {
    width: 243px;
    height: 48px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/new-blog-post.jpg) top;
    }
a.btn-new-blog-post:hover {
    background-position: bottom;
    }
a.btn-similar-artist-add {
    width: 138px;
    height: 48px;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/similar-artist.jpg) top left;
    }
a.btn-similar-artist-add:hover {
    background-position: bottom left;
    }
a.btn-similar-artist-sort {
    width: 144px;
    height: 48px;
    float: left;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/similar-artist.jpg) top right;
    }
a.btn-similar-artist-sort:hover {
    background-position: bottom right;
    }
a.btn-upload-images {
    width: 243px;
    height: 48px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/upload-images.jpg) top;
    }
a.btn-upload-images:hover {
    background-position: bottom;
    }
a.btn-add-to-favorites {
    width: 280px;
    height: 49px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/add-to-favorites.gif) top;
    }
a.btn-add-to-favorites:hover {
    background-position: bottom;
    }
a.btn.write-a-review {
    width: 158px;
    height: 49px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/write-a-review.gif) top;
    }
a.btn.write-a-review:hover {
    background-position: bottom;
    }
a.btn.edit-your-review {
    width: 158px;
    height: 49px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/buttons/edit-your-review.gif) top;
    }
a.btn.edit-your-review:hover {
    background-position: bottom;
    }
.btn_fav_wrap,
.btn_lists_wrap {
    height:49px;
    width:100%;
    }
.btn_one,
.btn_two {
    height:49px;
    width:140px;
    display:block;
    }
.btn_one b,
.btn_two b { 
    font-weight:normal;
    height:49px;
    padding: 0 0 0 6px;
    line-height:16px;
    }
.btn_one b .title,
.btn_two b .title {
    font-size:11px;
    line-height:14px;
    display:block;
    padding-top:8px;
    font-weight:bold;
    }
a.btn_one,
a.btn_one b,
a.btn_two,
a.btn_two b {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/orange-dark-big.gif);
    background-color: #000;
    }
.list_toggle_add,
.list_toggle_del {
    float:right;
    } 
a.btn.green-ttd {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-ttd.gif);
    width:84px;
    height:20px;
    }
a.btn.green-ttd span {
    font-weight:bold;
    background:transparent;
    margin:0;
    position:absolute;
    left:34px;
    top:1px;
    }    
    
/*****************************************
 UP AND COMING
*****************************************/

#sky-layout.up-and-coming h4 {
    font-size: 14px;
    }
#sky-layout.up-and-coming .author {
    font-size: 14px;
    font-weight: bold;
    }
#sky-layout.up-and-coming #main-col {
    width: 555px;
    color: #FFF;
    }
#sky-layout.up-and-coming #main-col .head {
    color: #000;
    }
#sky-layout.up-and-coming #story {
    font-weight: bold;
    }
#sky-layout.up-and-coming #side-col {
    width: 161px;
    margin-left: 10px;
    }
#sky-layout.up-and-coming #sky-layout-head {
        padding:5px;
    float: left;
    background: 5px 5px no-repeat;
    }
#sky-layout.up-and-coming #sky-layout-foot {
    background: bottom left no-repeat;
    }

/* old button styles are in the story text... : ( */

#sky-layout.up-and-coming .btn-view-pictures,
#sky-layout.up-and-coming .btn-watch-video,
#sky-layout.up-and-coming .btn-play-album,
#sky-layout.up-and-coming .btn-play-single {
    margin: 0 4px 0 4px;
    width: 114px;
    height: 25px;
    display: block;
    background: top no-repeat;
    }
#sky-layout.up-and-coming .btn-view-pictures {
    background-image: url(http://image.com.com/mp3/images/genie_images/story/up_and_coming/view_pictures.gif);
    }
#sky-layout.up-and-coming .btn-watch-video {
    background-image: url(http://image.com.com/mp3/images/genie_images/story/up_and_coming/watch_video.gif);
    }
#sky-layout.up-and-coming .btn-play-album {
    background-image: url(http://image.com.com/mp3/images/genie_images/story/up_and_coming/btn-play-album.gif);
    }
#sky-layout.up-and-coming .btn-play-single {
    background-image: url(http://image.com.com/mp3/images/genie_images/story/up_and_coming/play_single.gif);
    }
#sky-layout.up-and-coming .btn-view-pictures:hover,
#sky-layout.up-and-coming .btn-watch-video:hover,
#sky-layout.up-and-coming .btn-play-album:hover,
#sky-layout.up-and-coming .btn-play-single:hover {
    cursor: pointer;
    background-position: bottom;
    }

/* overriding styles */

#sky-layout.up-and-coming a.btn.black,
#sky-layout.up-and-coming a.btn.black span {
    background-image: url(http://image.com.com/mp3/images/css/v2/buttons/gray-dark.gif);
    color: #000;
    }
#sky-layout.up-and-coming .main-module .head,
#sky-layout.up-and-coming .main-module .head h2 {
    background-image: url(http://image.com.com/mp3/images/css/v2/layout/main-module-head-dark.gif);
    }
#sky-layout.up-and-coming #main-col .toolbar a {
    color: #000;
    }
#sky-layout.up-and-coming .story-embed {
    background-color: #1A1A1A;
    color: #FFF;
    border: 1px solid #333;
    }

/* GREEN */
#sky-layout.up-and-coming.ctag4 a {
    color: #14E420;
    }
#sky-layout.up-and-coming.ctag4 #sky-layout-head {
        background-color: #14E420;
    background-image: url(http://image.com.com/mp3/images/css/layout/up-and-coming-bg-green.gif);
    }

/* ORANGE */
#sky-layout.up-and-coming.ctag2 a {
    color: #FF7900;
    }
#sky-layout.up-and-coming.ctag2 #sky-layout-head {
        background-color: #FF7900;
    background-image: url(http://image.com.com/mp3/images/css/layout/up-and-coming-bg-orange.gif);
    }

/* YELLOW */
#sky-layout.up-and-coming.ctag3 a {
    color: #FF0;
    }
#sky-layout.up-and-coming.ctag3 #generic-comments a {
    color: #000;
    }
#sky-layout.up-and-coming.ctag3 #sky-layout-head {
        background-color: #FF0;
    background-image: url(http://image.com.com/mp3/images/css/layout/up-and-coming-bg-yellow.gif);
    }


/*****************************************
 INTERVIEWS
*****************************************/

#sky-layout.interviews #sky-layout-body {
        background: #1a2024 url(http://image.com.com/mp3/images/css/layout/interviews-hdr-white.gif) 6px 5px no-repeat;
        float: left;
        padding: 16px 0 20px;
        width: 760px;
        }
#sky-layout.interviews #sky-layout-head {
        background: url(http://image.com.com/mp3/images/css/layout/interviews-bg-white.gif) 6px 0 repeat-y;
    float: left;
    }
#sky-layout.interviews #sky-layout-foot {
        background: url(http://image.com.com/mp3/images/css/layout/interviews-ftr-white.gif) bottom no-repeat;
    float: left;
    width: 758px;
    }
#sky-layout.interviews h4 {
    font-size: 14px;
    }
#sky-layout.interviews .author {
    font-size: 14px;
    font-weight: bold;
    }
#sky-layout.interviews span.f-gray.f-10 {
    color: #333;
    font-size: 11px;
    }
#sky-layout.interviews p.f-med-gray.f-bold {
    color: #666;
    float: left;
    font-size: 14px;
    margin-bottom: 30px;
    width: 367px;
    }
#sky-layout.interviews #main-col {
    width: 543px;
    margin-left: 10px;
    display: inline;
    color: #333;
    }
#sky-layout.interviews #side-col {
    margin-left: 12px;
    padding-right: 10px;
    }
#sky-layout.interviews #story .tan-box-wrap.fr {
    clear: right;
    }
#sky-layout.interviews #story span.stream {
    background: #FFF;
    clear: right;
    display: block;
    float: right;
    overflow: hidden;
    padding: 0 0 20px 12px;
    width: 164px;
    }
#sky-layout.interviews #story span.stream .box_tl {
    background: url(http://image.com.com/mp3/images/css/layout/interviews-stream-bg.gif) top left no-repeat;
    }
#sky-layout.interviews #story span.stream .box_tr {
    background: url(http://image.com.com/mp3/images/css/layout/interviews-stream-bg.gif) top right no-repeat;
    padding: 13px 0 0 0;
    }
#sky-layout.interviews #story span.stream .box_bl {
    background: url(http://image.com.com/mp3/images/css/layout/interviews-stream-bg-bot.gif) bottom left no-repeat;
    padding: 0 0 0 10px;
    }
#sky-layout.interviews #story span.stream .box_br {
    background: url(http://image.com.com/mp3/images/css/layout/interviews-stream-bg-bot.gif) bottom right no-repeat;
    padding: 0 10px 13px 0;
    }
#sky-layout.interviews #story span.stream a.boxed,
#sky-layout.interviews #story span.stream img.boxed {
    background: #FFF;
    display: inline;
    }
#sky-layout.interviews #story .stream span {
    display: block;
    }
#sky-layout.interviews #story .stream .body {
    text-align: center;
    }
#sky-layout.interviews #story .stream .body .thumb {
    margin-bottom: 10px;
    }
#sky-layout.interviews #story .stream .body .thumb img {
    width: 100px;
    }
#sky-layout.interviews #story .stream .body .thumb img.thumb {
    width: auto;
    }
#sky-layout.interviews #story .stream .body .thumb .caption {
    border-bottom: 1px solid #b4b4b4;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 10px;
    }
#sky-layout.interviews #story .stream .body .desc {
    font-weight: bold;
    }
#sky-layout.interviews #story .stream .body .desc .requirements {
    font-size: 10px;
    margin: 10px 0 0;
    }
#sky-layout.interviews #story .stream .btn {
    margin-bottom: 10px;
    text-align: center;
    }
#sky-layout.interviews #story .stream .btn .btn-stream {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-stream-interview.gif);
    margin: 0 auto;
    }
#sky-layout.interviews #story p .q {
    display: block;
    background-color: #ece8db;
    color: #630;
    font-weight: bold;
    padding: 8px;
    }
#sky-layout.interviews #story p .a {
    display: block;
    padding: 8px;
    }
#sky-layout.interviews .review-avatar select,
#sky-layout.interviews .review-avatar option {
    font-size: 11px}
#sky-layout.interviews .review-avatar select {
    width: 82px;
    }


/** STORY **/

.story-embed {
    width: 217px;
    float: right;
    text-align: center;
    margin: 0 0 10px 10px;
    display: inline;
    background-color: #EEE;
    border: 1px solid #CCC;
    font-weight: bold;
    padding: 5px;
    color: #000;
    }
.story-embed img {
    display: block;
    margin: 0 auto 5px;
    }
.story-embed-album {
    float: left;
    margin: 0 10px 5px 0;
    display: inline;
    }
.story-embed-album a {
    width: 100px;
    height: 100px;
    background: center no-repeat;
    display: block;
    }
.great-albums p {
    margin: 0 0 0;
    padding: 0}
.great-albums h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    }
.great-albums h4 {
    font: 14px Arial;
    margin: 4px 0 0 0;
    }
.great-albums h5 {
    margin: 3px 0;
    font: bold 12px Arial;
    }
.great-albums {
    position: relative;
    }
.great-albums .deck,
.great-albums h2 {
    width: 415px;
    }
.great-albums .db.mb-10.pt-5 {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #555;
    margin-bottom: 10px;
    }
.great-albums .audio,
#sky-layout .great-albums #story .stream_blk .stream_blk_body span.audio{
    padding-top: 0;
    display: inline
    }
.great-albums .divider.solid {
    clear: none;
    width: 410px;
    }
#title-wrap.street_watch div {
    background:#000 url(http://image.com.com/mp3/images/features/streetwatch/title.jpg) no-repeat;
    padding:117px 10px 8px;
    color:#888;
    }
    
#title-wrap.great_albums {
    background:#000 url(http://image.com.com/mp3/images/features/greatalbums/title2.jpg) no-repeat;
    width:760px;
    height:140px;
    }
    
#title-wrap.interviews {
    background:#000 url(http://image.com.com/mp3/images/features/interviews/title2.jpg) no-repeat;
    width:760px;
    height:140px;
    }
    
#title-wrap.mp3live {
    background:#000 url(http://image.com.com/mp3/images/features/mp3live/title.jpg) no-repeat;
    height:140px;
    color:#666;
    }
    
/** BLACK PODCAST MODULE **/

#sky-layout #story span.stream_blk_wrap {
    background: #FFF;
    clear: right;
    display: block;
    float: right;
    overflow: hidden;
    padding: 0 0 10px 12px;
    width:  158px;
    }
#sky-layout .great-albums #story span.stream_blk_wrap {
    background:none;
    clear:none;
    display:inline;
    float:none;
    }
#sky-layout #story span.stream_blk {
    background: url(http://image.com.com/mp3/images/css/layout/interview-stream-blk-btm.gif) no-repeat bottom right;
    display: block;
    float: right;
    padding: 0 0 10px;
    width: 158px;
    }
#sky-layout .great-albums #story span.stream_blk {
    margin-top: -100px;
    }
#sky-layout #story .stream_blk span {
    display: block;
    }
#sky-layout #story .stream_blk .stream_blk_head {
    background: url(http://image.com.com/mp3/images/css/layout/interview-stream-blk-head.gif) no-repeat top left;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    padding: 7px 10px;
    float: left;
    width: 138px;
    }
#sky-layout #story .stream_blk .stream_blk_head a.stream_blk_rss {
    float: right;
    color: #f90;
    font-size: 11px;
    font-weight: normal;
    }
#sky-layout #story .stream_blk .stream_blk_head img {
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
    }
#sky-layout #story .stream_blk_body {
    background: url(http://image.com.com/mp3/images/css/layout/interview-stream-blk-body.gif) repeat-y top left;
    float: left;
    text-align: center;
    padding: 15px 10px 0;
    width: 138px;
    }
#sky-layout #story #stream_podcast .stream_blk_body {
    color: #999;
    font-size: 11px;
    line-height:  14px;
    }
#sky-layout #story #stream_freeplay .stream_blk_body {
    color: #CCC;
    font-weight: bold;
    line-height: 16px;
    }
#sky-layout #story #stream_freeplay .stream_blk_body strong {
    color: #FFF;
    }
#sky-layout #story .stream_blk_body a{
    clear: none;
    float: none;
    display: block;
    margin: 0 auto 5px;
    overflow: hidden;
    }

#sky-layout .great-albums #story .stream_blk_body a {
    margin: 5px auto;
    }

#sky-layout #story .stream_blk_body a.btn-listen-interview-podcast,
#sky-layout #story .stream_blk_body a.btn-listen-interview-podcast img,
#sky-layout #story .stream_blk_body a.btn-subscribe-interview-podcast,
#sky-layout #story .stream_blk_body a.btn-subscribe-interview-podcast img,
#sky-layout #story .stream_blk_body a.btn-download-interview-podcast,
#sky-layout #story .stream_blk_body a.btn-download-interview-podcast img,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-song,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-song img,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-album,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-album img,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-video,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-video img {
    background: top left no-repeat;
    }
#sky-layout:hover #story .stream_blk_body:hover a.btn-listen-interview-podcast:hover,
#sky-layout:hover #story .stream_blk_body:hover a.btn-listen-interview-podcast:hover img,
#sky-layout:hover #story .stream_blk_body:hover a.btn-subscribe-interview-podcast:hover,
#sky-layout:hover #story .stream_blk_body:hover a.btn-subscribe-interview-podcast:hover img,
#sky-layout:hover #story .stream_blk_body:hover a.btn-download-interview-podcast:hover,
#sky-layout:hover #story .stream_blk_body:hover a.btn-download-interview-podcast:hover img,
#sky-layout:hover #story .stream_blk_body:hover a.btn-stream-freeplay-song:hover,
#sky-layout:hover #story .stream_blk_body:hover a.btn-stream-freeplay-song:hover img,
#sky-layout:hover #story .stream_blk_body:hover a.btn-stream-freeplay-album:hover,
#sky-layout:hover #story .stream_blk_body:hover a.btn-stream-freeplay-album:hover img,
#sky-layout:hover #story .stream_blk_body:hover a.btn-stream-freeplay-video:hover,
#sky-layout:hover #story .stream_blk_body:hover a.btn-stream-freeplay-video:hover img  {
    background-position: bottom left;
    }
#sky-layout #story #stream_podcast .stream_blk_body a,
#sky-layout #story #stream_podcast .stream_blk_body a img {
    height: 22px;
    width: 96px;
    }
#sky-layout #story #stream_freeplay .stream_blk_body a,
#sky-layout #story #stream_freeplay .stream_blk_body a img {
    height: 19px;
    width: 122px;
    }
#sky-layout .great-albums #story #stream_podcast .stream_blk_body a,
#sky-layout .great-albums #story #stream_freeplay .stream_blk_body a{
    height:auto;
    width:auto;
}
#sky-layout #story .stream_blk .stream_blk_body span {
    margin: 0 4px 15px 0;
    }
#sky-layout .great-albums #story .stream_blk .stream_blk_body span{
    margin:auto;
    padding:auto;
}
#sky-layout .great-albums #story .stream_blk .stream_blk_body span.mb-10{
    margin-bottom:10px;
}
#sky-layout .great-albums #story .stream_blk .stream_blk_body span.pt-10{
    padding-top:10px;
}
#sky-layout .great-albums #story .stream_blk .stream_blk_body span.pt-5{
    padding-top:5px;
}
#sky-layout .great-albums #story .stream_blk .stream_blk_body a span {
    margin: 0 5px 0 0;
    }
#sky-layout #story .stream_blk_body a.btn-listen-interview-podcast,
#sky-layout #story .stream_blk_body a.btn-listen-interview-podcast img {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-interview-stream-blk-podcast-listen.gif);
    }
#sky-layout #story .stream_blk_body a.btn-subscribe-interview-podcast,
#sky-layout #story .stream_blk_body a.btn-subscribe-interview-podcast img {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-interview-stream-blk-podcast-subscribe.gif);
    }
#sky-layout #story .stream_blk_body a.btn-download-interview-podcast,
#sky-layout #story .stream_blk_body a.btn-download-interview-podcast img {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-interview-stream-blk-podcast-download.gif);
    }
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-song,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-song img {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-interview-stream-blk-freeplay-song.gif);
    }
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-album,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-album img {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-interview-stream-blk-freeplay-album.gif);
    }
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-video,
#sky-layout #story .stream_blk_body a.btn-stream-freeplay-video img {
    background-image: url(http://image.com.com/mp3/images/css/buttons/btn-interview-stream-blk-freeplay-video.gif);
    }
.video-thumb-medium {
    width: 132px;
    height: 78px;
    float: left;
    background: center no-repeat;
    }
.video-thumb-medium span {
    width: 132px;
    height: 78px;
    display: block;
    background: url(http://image.com.com/mp3/images/css/v2/content/video-medium-thumb-bg.gif);
    }
#sky-layout .great-albums a.rss-icon, #sky-layout .interviews a.rss-icon {
    float: left;
    height: 16px;
    width: 16px;
    background: url(http://image.com.com/mp3/images/css/v2/icons/rss.gif) top left no-repeat;
    padding-right: 5px;
    }


/*****************************************
 MUSIC OF THE GAMES
*****************************************/

#sky-layout #story .gamemusic_pod_album,
#sky-layout #story .gamemusic_pod_game {
    background: #FFF url(http://image.com.com/mp3/images/css/layout/gamemusiccd_bg_top.gif) no-repeat top right;
    clear: right;
    display: block;
    float: right;
    width: 264px;
    padding: 10px 0 10px 12px;
    overflow: hidden;
    }
#sky-layout #story .gamemusic_pod_game {
    background-image: url(http://image.com.com/mp3/images/css/layout/gamemusicgame_bg_top.gif);
    }
#sky-layout #story .gamemusic_pod_album span,
#sky-layout #story .gamemusic_pod_game span {
    display: block;
    margin: 0;
    }
#sky-layout #story .gamemusic_pod_btm {
    background: #ece9db url(http://image.com.com/mp3/images/css/layout/gamemusiccd_bg_btm.gif) no-repeat bottom left;
    float: left;
    width: 254px;
    padding: 0 5px 10px;
    margin: 0;
    }
#sky-layout #story .gamemusic_pod_game .gamemusic_pod_btm {
    background-color: #e8dfbc;
    background-image: url(http://image.com.com/mp3/images/css/layout/gamemusicgame_bg_btm.gif);
    }
#sky-layout #story .gamemusic_pod_info {
    float: left;
    font-size: 11px;
    line-height: 16px;
    padding: 5px 10px 0;
    width: 234px;
    }
#sky-layout #story .gamemusic_pod_album .gamemusic_pod_info {
    border-bottom: 1px solid #c7bf9f;
    padding-bottom:  10px;
    }
#sky-layout #story .gamemusic_pod_info img {
    float: left;
    width: 75px;
    padding-right: 10px;
    }
#sky-layout #story a.gamemusic_album_order img {
    background: url(http://image.com.com/mp3/images/css/buttons/btn_gamemusiccd_order.gif) no-repeat top left;
    height: 19px;
    width: 122px;
    float: none;
    padding: 0;
    }
#sky-layout #story a.gamemusic_album_order:hover img {
    background-position: bottom left;
    }
#sky-layout #story .gamemusic_pod_album .gamemusic_pod_info_text {
    line-height: 18px;
    margin-bottom: 12px;
    }
#sky-layout #story .gamemusic_track {
    border-bottom: 1px solid #c7bf9f;
    clear: both;
    float: left;
    padding: 5px 0;
    width: 100%;
    }
#sky-layout #story .gamemusic_track img {
    float: left;
    height: 15px;
    width: 15px;
    padding-right: 10px;
    }
#sky-layout #story .gamemusic_track_info {
    float: left;
    width: 229px;
    }
#sky-layout #story .gamemusic_track_name {
    font-weight: bold;
    }
#sky-layout #story .gamemusic_track_artist {
    color: #88461e;
    font-size: 11px;
    }
#sky-layout #story .gamemusic_track_artist a {
    color: #88461e;
    }
#sky-layout #story .gamemusic_track_comments {
    color: #999;
    font-size: 10px;
    }
#sky-layout #story .gamemusic_game_details {
    font-size: 11px;
    line-height: 16px;
    padding: 0 10px 0;
    }
#sky-layout #story .gamemusic_game_title {
    font-size: 12px;
    }


.filter-nav {
    background:transparent url(http://image.com.com/mp3/images/css/v2/content/filter-wrap-bg-left.gif) no-repeat left top;
    padding:0 0 0 10px;
    color:#666;
    }
.filter-nav .wrap {
    background:transparent url(http://image.com.com/mp3/images/css/v2/content/filter-wrap-bg.gif) no-repeat right top;
    height:37px;
    padding:18px 10px 0 0;
    }
.filter-options{
    float:left;
    }
.filter-options input {
    width:65px;
    }
a.btn.silver-submit,
a.btn.silver-submit span {
    background-color:#eee;
    background-image:url(http://image.com.com/mp3/images/css/v2/buttons/silver.gif);
    }
a.btn.silver-submit span {
    width:70px;
    color:#444;
    }

/* PAGE NAV - PAGINATION */

/* default style */

.default_page_nav {
    color:#666666;
    background:url(http://image.com.com/mp3/images/css/v2/content/bg_pagination_wrap_l.gif) no-repeat top left;
    padding:0 0 8px 10px;
    }
.default_page_nav .wrap {
    background:url(http://image.com.com/mp3/images/css/v2/content/bg_pagination_wrap.gif) no-repeat top right;
    font-size:12px;
    font-weight:bold;
    line-height:27px;
    height:27px;
    padding:1px 8px 1px 0;
    }
.default_page_nav .current {
    float:left;
    width:130px;
    padding-right:16px;
    }
.default_page_nav .pages {
    float:left;
    text-align:center;
    padding:0 8px 0 0;
    }
.default_page_nav .page_flipper {
    color:#999;
    float:right;
    }
.default_page_nav .page_flipper span {
    color:#666666;
    }
.default_page_nav .page_flipper a {
    color:#FF9900;
    }
.default_page_nav .pages a{
    color:#fff;
    }

/* TAGS */

.tags a {font-weight: bold;color: #333;}
.tags .smallest {font-size: 80%;}
.tags .small {font-size: 90%;}
.tags .medium {font-size: 100%;}
.tags .large {font-size: 120%;}
.tags .largest {font-size: 150%;}

.side-module .tags a {color: #FF9;}

.tag-cloud {text-align:center;}
.tag-cloud a {font-weight: bold;color: #066;padding: 0 10px;}
.tag-cloud .smallest {font-size: 80%;}
.tag-cloud .small {font-size: 90%;}
.tag-cloud .medium {font-size: 100%;}
.tag-cloud .large {font-size: 150%;}
.tag-cloud .largest {font-size: 200%;}


/** Stories Blogs and Reviews font specs **/
.blog_p, .review_p, .story_p {
    font: normal 13px/1.3 Arial, Helvetica, sans-serif;
    }

/* style for all avatar images */
.avatar {
    width: 80px;
    height: 80px;
    background: center no-repeat #FFF;
    margin: 0 auto 5px;
    display: block;
    border: 1px solid #000;
    }

/* PREFERENCES POPUP */

#preferences {
    background: url(http://image.com.com/mp3/images/css/v2/popups/mailbox-head-bg.gif) top repeat-x;
    }
#preferences #content-head {
    height: 80px;
    background: url(http://image.com.com/mp3/images/css/v2/popups/mailbox-logo.gif) 10px 10px no-repeat;
    }
#preferences #content-head li a {
    padding: 0 30px;
    }
#preferences #content {
    height: 385px;
    margin: 10px 0 10px 10px;
    padding: 0 10px 0 0;
    overflow: auto;
    }
#preferences #actions {
    margin: 10px;
    padding: 10px;
    border: 1px solid #CCC;
    background: #EEE;
    text-align: center;
    }
#preferences table {
    width: 95%;
    }
#preferences th {
    padding: 2px 10px;
    text-align: right;
    width: 150px;
    border-bottom: 1px solid #EEE;
    }
#preferences td {
    padding: 2px 0;
    border-bottom: 1px solid #EEE;
    }
#preferences textarea {
    width: 95%;
    }
#preferences iframe {
    width: 95%;
    border: 0;
    }
#preferences .avatar {
    margin: 0;
    float: right;
    pointer: default;
    }
#preferences .images th {
    padding-top: 10px;
    }
#preferences .images td {
    padding: 10px 5px;
    }


/* MAILBOX */

#mailbox {
    background: url(http://image.com.com/mp3/images/css/v2/popups/mailbox-head-bg.gif) top repeat-x;
    }
#mailbox #content-head {
    height: 80px;
    background: url(http://image.com.com/mp3/images/css/v2/popups/mailbox-logo.gif) 10px 10px no-repeat;
    position: relative;
    }
#mailbox #content-head li a {
    padding-left: 30px;
    padding-right: 30px;
    }
#mailbox #actions {
    position: absolute;
    bottom: 5px;
    right: 15px;
    }
#mailbox #message-wrap {
    height: 400px;
    overflow: auto;
    }
#mailbox #messages th,
#mailbox #messages td {
    padding: 2px 10px;
    border-bottom: 1px solid #CCC;
    }
#mailbox #messages .new td {
    font-weight: bold;
    }
#mailbox #messages .alt td {
    background: #EEE;
    }
    
    
/* LISTS */

ul.user_lists{
    list-style:none;
    margin:5px 0 0;
    padding:0;
    }
ul.user_lists li li,ol.user_list li li {
    background:none;
    padding:0;
    margin:0;
    }
div.user_list,li.user_list {
    background:url(http://image.com.com/mp3/images/css/v2/layout/divider-bg.gif) repeat-x bottom left;
    padding-bottom:15px;
    margin-bottom:14px;
    }
.side-module li.user_list {
    padding-bottom:10px;
    margin-bottom:5px;
    }
ul.user_lists li.last,
ol.user_list li.last{
    background:0;
    margin-bottom:0;
    }
ol.user_list h3,
li.user_list h3 {
    font-size:18px;
    font-weight:normal;
    margin:0 0 10px;
    }
#side_col .user_list h2 {
    font-size:18px;
    font-weight:normal;
    margin:0 0 10px;
    }
#content .user_list h2 a {
    font-weight:normal;
    }
.user_list .toolbar {
    background:none;
    padding:0;
    margin-bottom:5px;
    height:14px;
    }
.user_list .toolbar ul {
    background:none;
    height:auto;
    margin:0;
    padding:0;  
    }
.user_list .toolbar li {
    border-right:1px solid #666;
    margin-right:8px;
    padding:0 8px 0 0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    float:left;
    }
.user_list .toolbar li.last {
    border:none;
    margin:0;
    padding:0;
    }
.user_list .toolbar a {
    color:#c30;
    font-weight:normal;
    height:auto;
    line-height:13px;
    margin:0;
    }
.user_list .toolbar img {
    margin-right:3px;
    width:13px;
    }
div.user_list{
    margin-top:5px;
    margin-bottom:0;
    }
div.user_list h2 {
    font-size:24px;
    margin:0 0 10px;
    }
div.nav_user_lists {
    background:url(http://image.com.com/filmspot/images/bg_nav_profile_lists_l.gif) no-repeat 0 0;
    padding:0 0 0 13px;
    }
div.nav_user_lists .wrap {
    background:url(http://image.com.com/filmspot/images/bg_nav_profile_lists.gif) no-repeat top right;
    color:#ccc;
    font-size:12px;
    overflow:hidden;
    padding:19px 13px 19px 0;
    width:408px;
    }
div.nav_user_lists .options {
    border-left:1px solid #666;
    float:left;
    font-size:14px;
    line-height:21px;
    margin-left:10px;
    padding:5px 0 5px 11px;
    }
div.nav_user_lists .options strong {
    color:#fff;
    }
form.list_search fieldset,
form#add_list_form fieldset,
form.new_list_form fieldset {
    border:none;
    padding-left:0;
    }
form.list_search fieldset legend,
form#add_list_form fieldset legend,
form.new_list_form fieldset legend {
    padding:0;
    margin:0;
    }
form.list_search ol {
    border-top:1px solid #333;
    }
form.list_search li,
form#edit_list li,
form#add_list_form li,
form.new_list_form li {
    list-style:none;
    }
#search_results ul {
    margin: 0 0 8px 0;
    }
#search_results ul li {
    list-style:none;
    border-bottom:1px solid #ccc;
    }
#search_results ul li.last {
    border:none;
    }
#edit_list label {
    width:25%;
    }
#edit_list textarea,
#edit_list input {
    width:70%;
    }
form#add_list_form ul,
form.new_list_form ul {
    padding:0;
    margin:0 0 8px 0;
    }
form#add_list_form textarea,    
form.new_list_form textarea {
    width:100%;
    }
.user_list .image {
    float:left;
    width:80px;
    padding-right:10px;
    }
.user_list .image img {
    background:no-repeat top center;
    height:100px;
    width:80px;
    }
.user_list .has_image {
    margin-left:90px;
    }
.user_list .has_image .item {
    float:left;
    width:100%;
    }
.user_list .item ul.btn_wrap .list_toggle_add,
.user_list .item ul.btn_wrap .list_toggle_del {
    float:left;
    }
ul.btn_wrap,
ol.user_list {
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    }
ol.user_list li {
    background:url(http://image.com.com/filmspot/images/dot.gif) repeat-x bottom left;
    padding:15px 0;
    }
ol.user_list.list_view li {
    padding:6px 0;
    line-height:13px;
    }
ol.user_list.list_view .list_btns {
    float:right;
    }
ol.user_list.list_view .list_btns .processing {
    float:left;
    }

ol.user_list.list_view .item_order {
    float:left;
    margin-right:8px;
    }
ol.user_list.list_view a {
    float:left;
    }
ol.user_list .poster img {
    width:80px;
    }
ol.user_list .rating {
    float:left;
    padding-bottom:10px;
    width:100%;
    }
ol.user_list .rating .label {
    float:left;
    font-size:12px;
    line-height:18px;
    margin-right:5px;
    }
ol.user_list .toolbar {
    float:left;
    }
    
/**************************************
     ARTIST SUMMARY TEST MODULE
**************************************/

#artist-module {
    width:433px;
    clear: both;
    margin-bottom: 10px;
    color: #FFF;
    background: url(http://image.com.com/mp3/images/css/v2/layout/test-style/artist-summary-foot.gif) bottom left no-repeat;
    overflow: hidden;
    }

#artist-module a {    
    color:#DDDF8C
    }
    
#artist-module .head {
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-module-head.gif) right ;
    height: 29px;
    margin: 0;
    padding-right: 10px;
    font: normal 11px/29px Arial;
    color: #999;
    }
    
#artist-module .head h2 {
    font: bold 12px/29px Arial;
    color: #FFF;
    margin: 0;
    padding: 0 2px 0 10px;
    background: url(http://image.com.com/mp3/images/css/v2/layout/side-module-head.gif) left #FFF;
    float: left;
    }
    
#artist-module .head span {
    font: normal 11px/29px Arial;
    color: #FFF;
    float: right;
    padding: 0;
    }
    
#artist-module .body {
    background-color: #000;
    border: 1px solid #40444A;
    border-bottom: 0;
    float:left;
    padding: 10px 15px 0 0;
    width:417px;
    }

#artist-module .left {
    float:left;
    width:125px;
    margin:0 15px 0 0;
    }

#artist-module .right  {
    float:left;
    width:241px;
    }
    
#artist-module .body .photo {
    text-align: center;
    padding:5px 0 10px 0; 
    margin:0;
    }
 
#artist-module .body .photo .photo-thumb {
    width: 120px;
    height: 80px;
    display: block;
    background: no-repeat top center;
    color:#FFF;
    margin-bottom:2px;
    float:left;
    }
    
#artist-module .foot {
    background: url(http://image.com.com/mp3/images/css/v2/layout/test-style/artist-summary-foot.gif) bottom right #FFF no-repeat;
    height: 11px;
    font-size: 0;
    margin-left: 10px;
    clear: both;
    }
    
#artist-module .divider {
    background: url(http://image.com.com/mp3/images/css/v2/layout/test-style/divider-thin.gif) left repeat-y #444549;
    height:1px;
    font-size: 0;
    margin:0 0 0 0;
    }
    
#artist-module .audio {
    float:left;
    text-align:center;
    display:inline;
    width:125px;
    padding:15px 0 15px 0;
    }
    
#artist-module .audio .audio-image {
    display:block;
    margin:0 auto 10px auto;
    text-align:center;
    background: url(http://image.com.com/mp3/images/css/v2/layout/test-style/play-btn.jpg) no-repeat;
    width:73px;
    height:28px;
    }
    
#artist-module .video {
    float:left;
    text-align:center;
    width:125px;
    display:inline; 
    padding:15px 0 0 0;
    }
    
#artist-module .video .video-thumb {
    margin:0 auto 10px 22px;
    text-align:center;
    background: url(http://image.com.com/mp3/images/css/v2/content/video-thumb-bg.gif) center no-repeat;
    width: 84px;
    height: 40px;
    float:left;
    }

#artist-module .artist-module-tabs {
    float:left;
    width:30px;
    position:relative;
    margin:114px 5px 0 0;
    }

/* EYE VIEWS */
#title-wrap.eyeviews div {background:#000 url(http://image.com.com/mp3/images/eyeviews/title.jpg) no-repeat;padding:140px 0 0 0;height:0;overflow:hidden;}
#eyeviews-layout{background:url(http://image.com.com/mp3/images/eyeviews/layout.jpg) repeat-y 0 0;border-top:1px solid #000;color:#fff;float:left;width:100%;}
#eyeviews-layout #main-col{background:url(http://image.com.com/mp3/images/eyeviews/main_col.jpg) no-repeat 0 0;padding:6px 0;width:446px;}
#eyeviews-layout #side-col{background:url(http://image.com.com/mp3/images/eyeviews/side_col.jpg) no-repeat 0 0;}
#eyeviews-layout span.full_details,
#eyeviews-layout a{color:#ff3254;}
#eyeviews-layout .current-video-details a,
#eyeviews-layout .artist-summary a{text-decoration:underline;}
#eyeviews-layout span.full_details{white-space:nowrap;}
#eyeviews-layout span.full_details a{text-decoration:none;}
#eyeviews-layout span.full_details a:hover{text-decoration:underline;}
#eyeviews-layout h2{font-weight:normal;}
#eyeviews-layout .head h2{font-weight:bold;}

/* thumbnails */
#eyeviews-layout .thumbnail{background:#333 no-repeat center center;display:inline;float:left;}
#eyeviews-layout .thumbnail.big span{background:url(http://image.com.com/mp3/images/eyeviews/thumb_frame_big.gif) no-repeat 0 0;display:block;height:0;width:146px;padding:86px 0 0;overflow:hidden;}

#eyeviews-layout #main-col .video-player{padding:0 6px;}

/* current video details */
#eyeviews-layout .current-video-details{background:#111;font-size:11px;margin:10px 0 0;width:100%;}
#eyeviews-layout .current-video-details .wrap{padding:6px 118px 6px 6px;}
#eyeviews-layout .current-video-details .cb{height:0;overflow:hidden;}
#eyeviews-layout .current-video-details .details{line-height:1.2;padding:0 6px 0 0;}
#eyeviews-layout .current-video-details ul{list-style:none outside;margin:0;padding:0;width:98%;}
#eyeviews-layout .current-video-details ul li{margin:0;padding:0;}
#eyeviews-layout .current-video-details ul.user{padding-bottom:4px;}
#eyeviews-layout .current-video-details ul.stats{background:#222;border:1px solid #444;display:inline;float:right;margin:0 -118px 0 12px;overflow:hidden;padding:5px;text-align:center;width:94px;}
#eyeviews-layout .current-video-details ul.stats li.recommend{border-bottom:1px solid #333;margin:0 0 5px;padding:0 0 5px;}

#eyeviews-layout .current-video-details .toolbar{background:none;border-top:1px solid #333;font-weight:normal;line-height:18px;height:auto;margin:0 6px;padding:5px 0 6px;}
#eyeviews-layout .current-video-details .toolbar a.blog-it{background:url(http://regina.dev.mp3.com/mp3/www/images/features/eyeviews/blog-it.gif) no-repeat center left;padding:0 0 0 23px;}
#eyeviews-layout div.blog-it{padding:10px 0 0;}
#eyeviews-layout div.blog-it .wrap{background:#111;color:#ccc;padding:6px;}
#eyeviews-layout div.blog-it input,
#eyeviews-layout div.blog-it textarea{background:#111;color:#ccc;}

/* current album review */
#eyeviews-layout .current-album-review{margin:15px 0;padding:0 0 0 156px;}
#eyeviews-layout .current-album-review .thumbnail{margin-left:-156px;}
#eyeviews-layout .current-album-review div.summary{float:left;width:100%;}
#eyeviews-layout .current-album-review h2{font-size:20px;margin:0;}
#eyeviews-layout .current-album-review h3{font-size:14px;font-weight:normal;margin:0;}
#eyeviews-layout .current-album-review p{margin:5px 0 0;}

/* artist summary */
#eyeviews-layout .artist-summary{padding:0 7px;}
#eyeviews-layout .artist-summary .info h2{font-size:20px;line-height:1.2;margin:0;}
#eyeviews-layout .artist-summary .info dl{margin:0;}
#eyeviews-layout .artist-summary .info dd{margin:0;padding:0;}
#eyeviews-layout .artist-summary .info dt{float:left;display:inline;margin-right:3px;}
#eyeviews-layout .artist-summary .info .stats{font-size:11px;line-height:14px;float:left;width:100%;}
#eyeviews-layout .artist-summary.has_thumb .info{padding:0 0 0 110px;}
#eyeviews-layout .artist-summary.has_thumb .info .thumbnail{margin-left:-110px;}
#eyeviews-layout .artist-summary.has_thumb .info .thumbnail span{background:url(http://image.com.com/mp3/images/eyeviews/thumb_frame_small.gif) no-repeat 0 0;display:block;height:0;width:104px;padding:64px 0 0;overflow:hidden;}
#eyeviews-layout .artist-summary .desc{margin:10px 0;}

/* video reviews */
#eyeviews-layout .reviews{background:url(http://image.com.com/mp3/images/eyeviews/hr_main_col.gif) no-repeat 0 0;padding:15px 0 10px 6px;position:relative;}
#eyeviews-layout .reviews div.wrap{overflow:hidden;position:relative;width:100%;}
#eyeviews-layout .reviews h2{font-size:20px;line-height:24px;margin:0;}
#eyeviews-layout .reviews ul.videos{list-style:none;margin:-6px 0 0 0;padding:0;}
#eyeviews-layout .reviews ul.videos li{display:inline;float:left;margin:6px 6px 0 0;}
#eyeviews-layout .reviews .thumbnail.small span{background:#222;font:9px/7px tahoma,geneva,sans-serif;height:7px;display:block;padding:2px 2px 1px;text-transform:uppercase;overflow:hidden;white-space:nowrap;width:94px;}
#eyeviews-layout .reviews .thumbnail.small a{background:url(http://image.com.com/mp3/images/eyeviews/thumb_frame_small.gif) no-repeat 0 0;color:#fff;display:block;height:10px;width:98px;padding:51px 3px 3px;overflow:hidden;text-decoration:none;}

#eyeviews-layout .reviews div.item_scroller{font-size:13px;position:absolute;top:0;right:10px;}
#eyeviews-layout .item_scroller .prev,
#eyeviews-layout .item_scroller .next{
    background:url(http://image.com.com/mp3/images/eyeviews/arrows.gif) no-repeat 0 0;
    float:left;height:0;overflow:hidden;margin:0 0 0 10px;padding:13px 0 0;text-decoration:none;width:7px;
}
#eyeviews-layout .item_scroller a.next{background-position:-7px 0;}
#eyeviews-layout .item_scroller a.prev:hover{background-position:0 -13px;}
#eyeviews-layout .item_scroller a.next:hover{background-position:-7px -13px;}
#eyeviews-layout .item_scroller span.prev{background-position:0 -26px;}
#eyeviews-layout .item_scroller span.next{background-position:-7px -26px;}

/* eyeviews modules */
#eyeviews-layout .side-module{background:#222;padding:0 0 10px;}
#eyeviews-layout .side-module .head{background:#000;border-bottom:1px solid #444;}
#eyeviews-layout .side-module .head h2{background:none;}
#eyeviews-layout .side-module .body{background:#222;border:none;}
#eyeviews-layout .side-module .foot{background:#222;margin:0;}
#eyeviews-layout .side-module .foot-links{background:#222;}
#eyeviews-layout .top-list li{border-bottom-color:#444;}
#eyeviews-layout .top-list li.last{border-bottom:none;margin-bottom:0;padding-bottom:0;}

/* eyeviews artist audio */
#eyeviews-layout ul.audio{list-style:none;margin:0;padding:0;}
#eyeviews-layout ul.audio li{border-bottom:1px solid #444;margin-bottom:4px;padding-bottom:4px;}
#eyeviews-layout ul.audio li.last{border-bottom:none;margin-bottom:0;padding-bottom:0;}

/* moderation */
.report_abuse li {list-style:none;}
.report_abuse li strong  {width:125px;}


#lista {
	
}
#lista .lista {
	padding-right: 4px;
	vertical-align: top;
}

#lista .repro {
	width: 360px;
	vertical-align: top;
}

#LeftNav {
	font-family:Arial,Verdana, Sans-Serif;
	background-color: #F6F6F6;
}
#LeftNav ul{margin:0px;padding:0px;}
#LeftNav li{
	display: block;
	list-style-type: none;
	margin:0px;
	padding:0px;
	color: #5F6E7C;
	min-height: 20px;
	font-size: 11px;
	line-height: 20px;
}
#LeftNav span {
	float: left;
	display: block;
	font-size: 11px;
	line-height: 20px;
}
#LeftNav .lindex {
	width: 22px;
	text-align: right;
	color: #005B01;
	
}
#LeftNav .lsim {
	color: #FF8C00;
	
}

#LeftNav a{ font-family: Verdana, Geneva, Arial; float: left; color: #CC3300;padding:0px 2px 0px 2px;margin:0px 0px 0px 3px;font-size:13px;}
#LeftNav a:hover{ background-color: #FFFF83; text-decoration: none;}
#lpages a {
	display: inline;
	float: none;
}
#freprohead {
	background-image: url(http://www.musicafina.net/img/fondorepro.gif);
	background-position: top;
	width: 360px;
	height: 100px;
	color: #FFFFFF;
}
#freprobody {
	background-image: url(http://www.musicafina.net/img/fondorepro.gif);
	background-position: bottom;
	width: 360px;
	height: 456px;
	color: #FFFFFF;
	text-align: center;
}
#repro {
	width: 350px;
	margin: 0px auto;
}

#xNav {
	height: 440px;
	width: 280px;
	display: block;
	color: #EBEBEB;
overflow-Y:scroll;
  overflow-X:hidden;
  scrollbar-3dlight-color: #EBEBEB; scrollbar-base-color: #CDCDCD; scrollbar-darkshadow-color: #42444A;
  text-align: center;
  font-size: 12px;
}
#xNav .title{
	text-transform: uppercase;
	color: #FFFF99;
	font-weight: bold;
}

#xNav .lyrics {
	
}

#uNav a{
	color: #404040;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	color: #666C70;
}