* {
    margin: 0;
    padding: 0
}

html, body {
    height: 100%;
    background: #FFF;
    font: 400 11px Arial, Helvetica, sans-serif
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/*------------------------------GLOBAL ------------------------------*/
a img {
    border: none
}

a:link {
    text-decoration: underline;
    color: #37749f
}

a:visited {
    text-decoration: underline;
    color: #37749f
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none;
    color: #37749f
}

/*------------------------------TEXT------------------------------*/
span {
    color: #333
}

/*------------------------------GLOBAL CLASSES------------------------------*/
.clr {
    clear: both;
    font-size: 0
}

#tab1 {
    display: block
}

#tab2 {
    display: none
}

#tab3 {
    display: none
}

#tab4 {
    display: none
}

#ap_tab1 {
    display: none
}

div.ratio {
    width: 141px;
    height: 9px;
    background-image: url("/assets/img/ratioStripe.png");
    background-position: 25%;
    background-repeat: no-repeat
}

div.ratio div.mask {
    width: 141px;
    height: 9px;
    background: url("/assets/img/ratioMask.png") no-repeat
}

h1.mainTitle {
    font: 400 21px Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 20px;
    color: #414141
}

h2.mainTitle {
    float: right;
    font: 400 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-top: 4px;
    padding-right: 20px
}

h3.mainTitle {
    float: right;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999;
    padding-right: 20px
}

h1.mainTitle + div {
    padding: 25px 20px 0 20px;
    margin-top: 1px;
    background: url("/assets/img/titleShadow.png") no-repeat
}

div.line1 {
    background: url("/assets/img/line1Center.png") left top repeat-x
}

div.line1 div.left {
    background: url("/assets/img/line1Left.png") left top no-repeat
}

div.line1 div.right {
    background: url("/assets/img/line1Right.png") right top no-repeat;
    height: 19px;
    padding: 5px 15px
}

div.box1 div.left {
    background: url("/assets/img/box1Left.png") left top repeat-y
}

div.box1 div.right {
    background: url("/assets/img/box1Right.png") right top repeat-y
}

div.box1 div.left.top {
    background: url("/assets/img/box1LeftTop.png") left top no-repeat
}

div.box1 div.right.top {
    background: url("/assets/img/box1RightTop.png") right top no-repeat
}

div.box1 div.left.bottom {
    background: url("/assets/img/box1LeftBottom.png") left bottom no-repeat
}

div.box1 div.right.bottom {
    background: url("/assets/img/box1RightBottom.png") right bottom no-repeat;
    padding: 0 10px 5px 10px
}

div.box1 div.title {
    height: 20px;
    float: left;
    margin-left: 5px;
    padding: 0 10px;
    background: url("/assets/img/box1Title.png");
    font: 700 12px / 20px Arial, Helvetica, sans-serif;
    color: #333
}

div.box2 div.left {
    background: url("/assets/img/box2Left.png") left top repeat-y
}

div.box2 div.right {
    background: url("/assets/img/box2Right.png") right top repeat-y
}

div.box2 div.left.top {
    background: url("/assets/img/box2LeftTop.png") left top no-repeat
}

div.box2 div.right.top {
    background: url("/assets/img/box2RightTop.png") right top no-repeat
}

div.box2 div.left.bottom {
    background: url("/assets/img/box2LeftBottom.png") left bottom no-repeat
}

div.box2 div.right.bottom {
    background: url("/assets/img/box2RightBottom.png") right bottom no-repeat;
    padding: 0 15px 15px 15px
}

div.box2 div.title {
    float: left;
    background: url("/assets/img/box2TitleCenter.png") left top repeat-x;
    font: 700 12px / 16px Arial, Helvetica, sans-serif;
    color: #333;
    text-align: center
}

div.box2 div.title div.left {
    background: url("/assets/img/box2TitleLeft.png") left top no-repeat
}

div.box2 div.title div.right {
    height: 20px;
    padding: 0 10px 10px 10px;
    background: url("/assets/img/box2TitleRight.png") right top no-repeat
}

div.tab1 div.left {
    background: url("/assets/img/tab1BgLeft.png") left top repeat-y
}

div.tab1 div.right {
    background: url("/assets/img/tab1BgRight.png") right top repeat-y
}

div.tab1 div.left.top {
    background: url("/assets/img/tab1BgLeftTop.png") left top no-repeat
}

div.tab1 div.right.top {
    background: url("/assets/img/tab1BgRightTop.png") right top no-repeat
}

div.tab1 div.left.bottom {
    background: url("/assets/img/tab1BgLeftBottom.png") left bottom no-repeat
}

div.tab1 div.right.bottom {
    background: url("/assets/img/tab1BgRightBottom.png") right bottom no-repeat
}

div.tab1 ul.tabs {
    margin-left: 20px;
    list-style: none
}

div.tab1 ul.tabs li {
    background: url("/assets/img/tab1Center.png") repeat-x;
    display: block;
    float: left;
    margin-left: 1px;
    font: 400 11px / 21px Arial, Helvetica, sans-serif;
    text-align: center
}

div.tab1 ul.tabs li div.left {
    background: url("/assets/img/tab1Left.png") left top no-repeat
}

div.tab1 ul.tabs li div.right {
    background: url("/assets/img/tab1Right.png") right top no-repeat;
    padding: 0 10px
}

div.tab1 ul.tabs li.active {
    background: url("/assets/img/tab1CenterActive.png") repeat-x
}

div.tab1 ul.tabs li.active div.left {
    background: url("/assets/img/tab1LeftActive.png") left top no-repeat
}

div.tab1 ul.tabs li.active div.right {
    background: url("/assets/img/tab1RightActive.png") right top no-repeat
}

div.tab1 ul.tabs li.active a {
    color: #7d7b74
}

div.tab1 ul.tabs li a {
    text-decoration: none
}

div.tab1 div.tabContent {
    padding: 20px;
    min-height: 50px
}

ul.controlsList {
    margin-top: 10px;
    padding-bottom: 10px;
    list-style: none
}

ul.controlsList li {
    display: block;
    height: 15px;
    line-height: 13px;
    padding: 5px 0
}

ul.controlsList img {
    float: left;
    margin-right: 5px
}

ul.chartsList {
    margin-top: 10px;
    padding-bottom: 10px;
    list-style: none
}

ul.chartsList li {
    display: block;
    line-height: 13px;
    color: #333;
    padding: 5px 0 5px 15px;
    background: url("/assets/img/chartListItem.png") left no-repeat
}

ul.chartsList li.active {
    background: url("/assets/img/chartListItemActive.png") left no-repeat
}

table.tracks {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #e4e1d6
}

table.tracks tr.dark {
    background: #e9e6d8
}

table.tracks th {
    font: 400 11px / 26px Arial, Helvetica, sans-serif;
    border: 1px solid #e4e1d6;
    background: #f7f5eb;
    text-align: center
}

table.tracks th.small {
    width: 10px
}

table.tracks th.medium {
    width: 90px
}

table.tracks th.controls {
    width: 99px
}

table.tracks th.ratio {
    width: 185px
}

table.tracks th.order {
    text-align: left
}

table.tracks th img {
    display: block;
    float: left;
    margin-right: 10px
}

table.tracks td {
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 7px 10px;
    border: 1px solid #e4e1d6;
    border-top: none;
    border-bottom: none
}

table.tracks td p {
    text-align: left
}

table.tracks td img {
    display: block;
    float: left;
    margin-right: 6px
}

table.tracks td input {
    margin-top: 3px
}

table.tracks td.controls div {
    display: none
}

table.tracks tr:hover td.controls div {
    display: block
}

table.tracks td.controls a {
    display: block;
    float: left;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px dashed #999
}

table.tracks td.controls a:first-child {
    border: none;
    margin: 0;
    padding: 0
}

table.tracks td.controls img {
    margin: 0
}

table.tracks div.ratio {
    float: left;
    margin: 3px 5px 0 0
}

table.tracksShortList {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #e4e1d6
}

table.tracksShortList tr.dark {
    background: #fbfaf5
}

table.tracksShortList th {
    font: 400 11px / 26px Arial, Helvetica, sans-serif;
    border: 1px solid #e4e1d6;
    background: #f7f5eb;
    text-align: center
}

table.tracksShortList th.medium {
    width: 90px
}

table.tracksShortList th.ratio {
    width: 185px
}

table.tracksShortList th.title {
    width: 300px;
}

table.tracksShortList th.order {
    text-align: left
}

table.tracksShortList th img {
    display: block;
    float: left;
    margin-right: 10px
}

table.tracksShortList td {
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 7px 10px;
    border: 1px solid #e4e1d6;
    border-top: none;
    border-bottom: none
}

table.tracksShortList td p {
    text-align: left
}

table.tracksShortList td img {
    display: block;
    float: left;
    margin-right: 6px
}

table.tracksShortList div.ratio {
    float: left;
    margin: 3px 5px 0 0
}

div.pageNumbers {
    margin: 30px 0;
    font: 400 12px / 12px Arial, Helvetica, sans-serif;
    text-align: center
}

div.addResults {
    margin: 20px 0;
    text-align: center;
    font-size: 12px;
}

div.pageNumbers span {
    padding: 4px 5px;
    margin: 0 2px;
    color: #FFF;
    background: #588aad
}

div.pageNumbers span.text {
    color: #c4c4c4;
    background: inherit
}

div.pageNumbers a {
    padding: 4px 5px;
    margin: 0 2px;
    color: #FFF;
    text-decoration: none;
    background: #92b3ca
}

div.pageNumbers a:hover {
    background: #588aad
}

div.pageNumbers a.text {
    color: #588aad;
    background: inherit;
    text-decoration: underline
}

div.pageNumbers a.text:hover {
    text-decoration: none
}

div.pageNumbers .prew {
    margin-right: 12px;
    padding-left: 19px
}

div.pageNumbers .next {
    margin-left: 12px;
    padding-right: 19px
}

div.pageNumbers span.text.prew {
    background: url("/assets/img/arrowLeftGrey.png") left no-repeat
}

div.pageNumbers span.text.next {
    background: url("/assets/img/arrowRightGrey.png") right no-repeat
}

div.pageNumbers a.text.prew {
    background: url("/assets/img/arrowLeftBlue.png") left no-repeat
}

div.pageNumbers a.text.next {
    background: url("/assets/img/arrowRightBlue.png") right no-repeat
}

/*------------------------------LAYOUT------------------------------*/
.sticky-footer {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 15px;
    height: 180px;
    clear: both;
    margin-top: -215px;
}

#adv-links {
    padding: 5px;
    border: 1px solid black;
    background-color: #f5efef;
    color: #000;
    font: normal arial 10px;
}

#adsense {
    text-align: center;
    margin-top: 10px;
}

ol.news-list li {
    padding: 7px;
    list-style-type: disc;
    margin-left: 15px;
    padding-bottom: 5px;
    padding-left: 7px;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow: auto;
    padding-bottom: 180px;
}
#container {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 15px
}

#header {
    padding-top: 18px
}

#wrapper {
    float: left;
    width: 100%
}

#center {
    margin: 0 215px;
    padding: 15px 20px 0 15px
}

#leftCol {
    float: left;
    width: 215px;
    margin-left: -100%;
    padding-top: 15px
}

#rightCol {
    float: left;
    width: 215px;
    margin-left: -215px;
    padding-top: 15px
}

#footer {
    border: 3px solid #e7e4d4;
    border-bottom: none;
    background-color: #f7f5eb;
    margin-top: 20px
}

#footerShadow {
    height: 6px;
    background-image: url("/assets/img/footerBottom.png");
    background-repeat: repeat-x
}

/*search page*/
#search h1.mainTitle {
    padding-top: 25px
}

/*artist page*/
#artist h1.mainTitle {
    padding-top: 35px
}

#artist h3.mainTitle {
    padding-top: 40px
}

#artist > div > div.leftCol {
    width: 615px;
    margin-top: 15px;
    float: left
}

#artist > div > div.rightCol {
    width: 316px;
    margin-top: 15px;
    float: right
}

/*playlist page*/
#playlist h1.mainTitle {
    padding-top: 35px
}

#playlist h3.mainTitle {
    padding-top: 40px
}

#playlist > div > div.leftCol {
    width: 530px;
    margin-top: 15px;
    float: left
}

#playlist > div > div.rightCol {
    width: 400px;
    height: 600px;
    background: #EEE;
    margin-top: 15px;
    float: right
}

/*catalog page*/
#catalog h1.mainTitle {
    margin-top: 20px
}

#catalog h3.mainTitle {
    padding-top: 15px
}

#catalog #center {
    padding-top: 0
}

/*profile page*/
#profile h1.mainTitle {
    padding-top: 35px
}

#profile h3.mainTitle {
    padding-top: 15px
}

#profile > div.leftCol {
    width: 750px;
    float: left
}

#profile > div.rightCol {
    width: 210px;
    margin-top: 7px;
    float: right
}

/*genre page*/
#genre h1.mainTitle {
    padding-top: 35px
}

#genre h3.mainTitle {
    padding-top: 15px
}

#genre > div.leftCol {
    width: 480px;
    float: left
}

#genre > div.rightCol {
    width: 480px;
    float: right
}

/*chart page*/
#charts h1.mainTitle {
    padding-top: 10px
}

#charts h3.mainTitle {
    padding-top: 15px
}

#charts > div.leftCol {
    width: 210px;
    margin-top: 30px;
    float: left
}

#charts > div.rightCol {
    width: 750px;
    float: right
}

/*users page*/
#users h1.mainTitle {
    margin-top: 35px
}

/*------------------------------HEAD------------------------------*/
a.logo {
    display: block;
    float: left;
    margin: 0 0 -10px 34px
}

ul.top-menu {
    list-style-type: none
}

ul.top-menu a {
    display: block;
    color: #707070;
    text-decoration: none;
    height: 27px;
    padding: 0 15px
}

ul.top-menu li:first-child {
    margin-right: 37px
}

ul.top-menu li {
    display: block;
    float: right;
    margin-right: 4px;
    background: url("/assets/img/topMenuCenter.png");
    font: 400 11px / 27px Verdana, Geneva, sans-serif
}

ul.top-menu div.left {
    background: url("/assets/img/topMenuLeft.png") left no-repeat
}

ul.top-menu div.right {
    background: url("/assets/img/topMenuRight.png") right no-repeat
}

ul.top-menu li:hover {
    background: url("/assets/img/topMenuCenterActive.png")
}

ul.top-menu li:hover a {
    color: #333
}

ul.top-menu li:hover div.left {
    background: url("/assets/img/topMenuLeftActive.png") left no-repeat
}

ul.top-menu li:hover div.right {
    background: url("/assets/img/topMenuRightActive.png") right no-repeat
}

div.search {
    background: url("/assets/img/searchCenter.png")
}

div.search div.wrapper {
    float: left;
    width: 100%
}

div.search div.center {
    margin: 0 155px 0 190px;
    height: 80px
}

div.search div.center input {
    border: none;
    width: 100%;
    height: 25px;
    background: #eee;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-top: 18px;
    font: 400 21px / 24px Verdana, Geneva, sans-serif
}

div.search div.center a {
    color: #b1c8db
}

div.search div.center a:hover {
    text-decoration: none;
    color: #cddeec
}

div.search div.center p {
    height: 16px;
    font: 400 11px / 15px Verdana, Geneva, sans-serif;
    color: #FFF;
    margin-top: 10px
}

div.search div.center p.search-for {
    float: left
}

div.search div.center p.search-for span {
    padding: 0 7px 1px 0;
    color: #FFF;
    font-weight: 700
}

div.search div.center p.search-for a {
    border-left: 1px dotted #FFF;
    padding: 0 7px 1px 7px
}

div.search div.center p.random-song {
    float: right;
    padding: 0 0 0 15px;
    background: url("/assets/img/randomSong.png") left no-repeat
}

div.search div.left {
    background: url("/assets/img/searchLeft.png") left top no-repeat;
    float: left;
    width: 170px;
    height: 60px;
    margin-left: -100%;
    padding: 20px 0 0 20px;
    font: 400 20px / 20px Verdana, Geneva, sans-serif;
    color: #FFF
}

div.search div.right {
    background: url("/assets/img/searchRight.png") right top no-repeat;
    float: left;
    width: 155px;
    height: 80px;
    margin-left: -155px
}

div.search div.right input {
    margin: 15px 15px 0 0;
    float: right;
    display: block;
    width:129px;
    height:31px; 
    border:none;
    background:url("/assets/img/searchButton.png");
}

div.search div.right input:hover {background:url("/assets/img/searchButtonHover.png"); cursor: pointer;}

/*------------------------------INDEX PAGE------------------------------*/
div.news {
    margin-top: 20px
}

div.news div a {
    font: 400 13px Arial, Helvetica, sans-serif
}

div.news div p {
    font: 400 12px Arial, Helvetica, sans-serif;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}

div.news div h3, div.news div h4 {
    font: 400 11px / 19px Arial, Helvetica, sans-serif;
    color: #b3b3b3;
    margin-bottom: 15px
}

div.news div h4 {
    float: right;
    padding-left: 18px;
    background: url("/assets/img/comments.png") left no-repeat
}

div.news div h4 span, div.news div h3 span {
    color: #666
}

div.adv {
    margin-top: 40px
}

div.lastDownloads {
    margin-top: 40px
}

div.lastDownloads a {
    color: #333;
    text-decoration: none
}

div.lastDownloads p {
    float: right;
    font-weight: 700;
    color: #333
}

div.lastDownloads table {
    width: 100%;
    margin-top: -5px;
    border-collapse: separate;
    border-spacing: 4px
}

div.lastDownloads tr.dark {
    background-color: #f5f5f5
}

div.lastDownloads tr.dark td {
    background: url("/assets/img/lastDownloadsRight.png") right no-repeat
}

div.lastDownloads tr.dark td:first-child {
    background: url("/assets/img/lastDownloadsLeft.png") left no-repeat
}

div.lastDownloads th {
    font: 400 17px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 0 9px 15px 9px;
    color: #d87a06
}

div.lastDownloads th:first-child {
    color: #5c8003
}

div.lastDownloads td {
    font: 400 12px / 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 3px 9px
}

div.sideBlock {
    width: 215px;
    margin-top: 20px
}

div.sideBlock h1 {
    height: 33px;
    background: url("/assets/img/sideBlockTop.png");
    font: 700 14px / 33px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFF
}

div.sideBlock div.middle {
    background: url("/assets/img/sideBlockMiddle.png")
}

div.sideBlock div.bottom {
    height: 15px;
    margin-bottom: -10px
}

div.sideBlock div.left {
    background: url("/assets/img/sideBlockBottomLeft.png")
}

div.sideBlock div.right {
    background: url("/assets/img/sideBlockBottomRight.png")
}

div.genres {
    padding: 0 2px;
    margin-top: -2px;
    font: 400 12px Arial, Helvetica, sans-serif
}

div.genres ul {
    list-style-type: none
}

div.genres li {
    background-color: #f7f5eb;
    border-bottom: 1px solid #d2d1c7
}

div.genres li a {
    display: block;
    background-image: url("/assets/img/genreImg.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 3px 5px 3px 25px;
    text-decoration: none;
    color: #707070
}

div.genres li a:hover {
    color: #000
}

div.genres li.active a {
    background-image: url("/assets/img/genreImgActive.png");
    font-weight: 700;
    color: #000
}

div.genres li.subMenu ul {
    list-style: none;
    background: #fbfaf5;
    padding: 10px 5px 10px 20px
}

div.genres li.subMenu li {
    background: #fbfaf5;
    border: none
}

div.genres li.subMenu a {
    display: block;
    background: url("/assets/img/songImg.png") left top no-repeat;
    padding: 0 0 4px 15px;
    text-decoration: underline;
    font-size: 11px;
    color: #0077ca
}

div.genres li.subMenu a:hover {
    text-decoration: none
}

div.statistic {
    padding: 4px 8px
}

div.statistic p {
    padding: 3px 0
}

div.statistic span {
    color: #999
}

div.weekTop {
    padding: 5px 3px 0 3px
}

div.weekTop ul.tabs {
    height: 30px;
    padding-left: 10px;
    list-style: none;
    background: url("/assets/img/weekTopBg.png") repeat-x
}

div.weekTop ul.tabs li {
    display: block;
    float: left;
    width: 76px;
    font: 400 10px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #7d7b74;
    text-align: center
}

div.weekTop ul.tabs li.active {
    background: url("/assets/img/weekTopTab.png")
}

div.weekTop ul.tabs li a {
    text-decoration: none
}

div.weekTop div.content {
    padding: 0 0 0 1px
}

div.weekTop div.imgContainer {
    float: left;
    width: 63px;
    margin: 2px 3px 9px 3px;
    overflow: hidden;
    font: 400 10px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center
}

div.weekTop div.imgContainer a {
    text-decoration: underline
}

div.weekTop div.imgContainer a:hover {
    text-decoration: none
}

div.weekTop div.imgContainer span {
    width: 57px;
    height: 40px;
    display: block;
    padding: 3px;
    background: url("/assets/img/artist.png")
}

div.weekTop div.imgContainer img {
    display: block;
    width: 57px;
    height: 40px
}

div.popular {
    padding: 0 10px;
    font: 400 10px "Trebuchet MS", Arial, Helvetica, sans-serif
}

div.popular p {
    line-height: 11px;
    text-align: right;
    width: 126px
}

div.popular a {
    display: block;
    padding: 8px 0 4px 0;
    font-size: 11px
}

div.popular img {
    display: block;
    float: left;
    width: 24px;
    height: 24px
}

div.popular span {
    color: #999
}

div.popular hr {
    border: none;
    height: 1px;
    background: #CCC;
    margin-top: 10px
}

div.popular a.all {
    color: #666;
    margin-top: 15px
}

div.voting {
    padding: 5px 10px
}

div.voting h3 {
    font: 400 11px Arial, Helvetica, sans-serif;
    margin-bottom: 5px
}

div.voting label {
    display: block;
    margin-left: 5px;
    padding: 5px 0;
    font: 400 11px / 14px Arial, Helvetica, sans-serif;
    color: #999
}

div.voting input[type="radio"] {
    display: block;
    float: left;
    margin-right: 5px
}

div.voting input[type="submit"] {
    width: 60px;
    margin: 10px 50px 0 5px
}

/*------------------------------SEARCH PAGE------------------------------*/
div.searchInfo {
    padding-bottom: 10px;
    margin-top: -10px
}

div.searchInfo ul {
    list-style: none
}

div.searchInfo li {
    display: block;
    float: right;
    padding: 2px 20px;
    border-right: 1px solid #999;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.searchInfo li:first-child {
    border: none
}

div.notFound, div.intro {
    text-align: center;
    font: 400 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height: 250px;
    padding-top: 30px
}

div.artist {
    width: 466px;
    float: left;
    overflow: hidden;
    background: url("/assets/img/artistBlockMiddle.png") repeat-y
}

div.artist div.top {
    background: url("/assets/img/artistBlockTop.png") top no-repeat
}

div.artist div.bottom {
    padding: 16px 12px 18px 16px;
    background: url("/assets/img/artistBlockBottom.png") bottom no-repeat
}

div.artist h2 {
    padding-bottom: 8px;
    border-bottom: 1px solid #CCC;
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    color: #333
}

div.artist h2 + p {
    margin-top: 20px
}

div.artist p {
    padding-bottom: 5px;
    margin-top: 8px;
    border-bottom: 1px dashed #CCC;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.artist p.ratio {
    border: none
}

div.artist div.ratio {
    float: left;
    margin-top: 2px
}

div.artist div.imgContainer {
    width: 203px;
    height: 150px;
    float: left;
    background: url("/assets/img/artistBlockImgShadow.png") right no-repeat
}

div.artist img {
    display: block;
    float: left;
    width: 184px;
    height: 150px
}

div.album {
    width: 466px;
    margin-top: 10px;
    float: left;
    overflow: hidden;
    background: url("/assets/img/artistBlockMiddle.png") repeat-y
}

div.album.right {
    width: 467px;
    float: right;
    background: url("/assets/img/infoBlockMiddle.png") repeat-y
}

div.album.right div.top {
    background: url("/assets/img/infoBlockTop.png") top no-repeat
}

div.album.right div.bottom {
    padding: 16px 12px 12px 16px;
    background: url("/assets/img/infoBlockBottom.png") bottom no-repeat
}

div.album div.top {
    background: url("/assets/img/artistBlockTop.png") top no-repeat
}

div.album div.bottom {
    padding: 16px 12px 12px 16px;
    background: url("/assets/img/artistBlockBottom.png") bottom no-repeat
}

div.album h2 {
    padding-bottom: 8px;
    border-bottom: 1px solid #CCC;
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    color: #333
}

div.album h2 + p {
    margin-top: 16px
}

div.album p {
    padding-bottom: 5px;
    margin-top: 6px;
    border-bottom: 1px dashed #CCC;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.album p.ratio {
    border: none
}

div.album div.ratio {
    float: left;
    margin-top: 2px
}

div.album div.imgContainer {
    width: 203px;
    height: 150px;
    float: left;
    background: url("/assets/img/albumCover.png") no-repeat
}

div.album img {
    display: block;
    float: left;
    width: 166px;
    height: 142px;
    margin: 4px 0 0 14px
}

div.artistInfo {
    width: 467px;
    float: right;
    background: url("/assets/img/infoBlockMiddle.png") repeat-y
}

div.artistInfo div.top {
    background: url("/assets/img/infoBlockTop.png") top no-repeat
}

div.artistInfo div.bottom {
    padding: 16px 12px 18px 16px;
    background: url("/assets/img/infoBlockBottom.png") bottom no-repeat
}

div.artistInfo div.text {
    height: 109px;
    overflow: auto;
    padding-bottom: 10px
}

div.artistInfo h2 {
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    color: #333
}

div.artistInfo p {
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #333
}

div.artistInfo p + p {
    margin-top: 15px
}

div.songs table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #e4e1d6
}
div.songs table tbody tr {
    height: 23px;
}

div.songs table tr.dark {
    background: #fbfaf5
}

div.songs table th {
    font: bold 11px / 26px Arial, Helvetica, sans-serif;
    border: 1px solid #e4e1d6;
    background: #f7f5eb;
    text-align: center
}

div.songs table th.small {
    width: 10px
}

div.songs table th.medium {
    width: 80px
}

div.songs table th.controls {
    width: 99px
}

div.songs table th.ratio {
    width: 155px
}

div.songs table th.order {
    padding-left: 7px;
    text-align: left;
    cursor: pointer;
}

div.songs table th.title {
    min-width: 300px;
}

div.songs table th.order:hover {
    background-color: #f7f5d3;
}

div.songs table th.headerSortDown {
    background: url(/assets/img/sortDown.png) no-repeat #f7f5d3 right;
}

div.songs table th.headerSortUp {
    background: url(/assets/img/sortUp.png) no-repeat #f7f5d3 right;
}

div.songs table th img {
    display: block;
    float: left;
    margin-right: 10px
}

div.songs table td {
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 7px 7px;
    border: 1px solid #e4e1d6;
    border-top: none;
    border-bottom: none
}

div.songs table td.ratio {
    padding: 2px 2px;
    padding-left: 10px;
}

div.songs table td p {
    text-align: left
}

div.songs table td img {
    display: block;
    float: left;
    margin-right: 6px
}

div.songs table td input {
    margin-top: 3px
}

div.songs table td.ratio p {
    font-size: 10px;
    color: #999999;
}

div.songs table td.controls div {
    display: none
}

div.songs table tr:hover td.controls div {
    display: block
}

div.songs table td.controls a {
    display: block;
    float: left;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px dashed #999
}

div.songs table td.controls a:first-child {
    border: none;
    margin: 0;
    padding: 0
}

div.songs table td.controls img {
    margin: 0
}

div.songs table div.ratio {
    float: left;
    margin: 3px 5px 0 0
}

div.playlistAdd {
    background: url("/assets/img/playlistAddCenter.png") repeat-x;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    margin-top: 4px
}

div.playlistAdd .left {
    background: url("/assets/img/playlistAddLeft.png") left top no-repeat
}

div.playlistAdd .right {
    background: url("/assets/img/playlistAddRight.png") right top no-repeat;
    padding: 5px 12px 8px 12px
}

div.playlistAdd p {
    float: left;
    line-height: 18px;
    margin-right: 10px
}

div.playlistAdd select {
    float: left;
    height: 18px;
    margin-right: 10px
}

div.playlistAdd input {
    float: left;
    width: 61px;
    height: 18px
}

div.iconsLegend {
    width: 690px;
    margin: 13px auto 15px auto;
    font: 400 11px / 15px Arial, Helvetica, sans-serif
}

div.iconsLegend ul {
    list-style-type: none
}

div.iconsLegend li {
    display: block;
    float: right;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #999
}

div.iconsLegend li:first-child {
    border: none
}

div.iconsLegend img {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 4px
}

/*------------------------------ARTIST PAGE------------------------------*/
div.shortInfo {
    width: 615px;
    background: url("/assets/img/artistShortInfoMiddle.png") repeat-y
}

div.shortInfo div.top {
    background: url("/assets/img/artistShortInfoTop.png") top no-repeat
}

div.shortInfo div.bottom {
    padding: 16px 12px 18px 16px;
    background: url("/assets/img/artistShortInfoBottom.png") bottom no-repeat
}

div.shortInfo h2 {
    padding-bottom: 8px;
    border-bottom: 1px solid #CCC;
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    color: #333
}

div.shortInfo div.firstLine {
    margin-top: 20px;
    border-bottom: 1px dashed #CCC;
    height: 16px;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.shortInfo div.firstLine div.text {
    float: left;
    margin-right: 6px
}

div.shortInfo div.firstLine div.ratio {
    width: 141px;
    height: 9px;
    float: left;
    margin: 1px 25px 0 0;
    background-image: url("/assets/img/ratioStripe.png");
    background-repeat: no-repeat
}

div.shortInfo div.firstLine div.ratio div.mask {
    width: 141px;
    height: 9px;
    background: url("/assets/img/ratioMask.png") no-repeat
}

div.shortInfo h2 + p {
    margin-top: 20px
}

div.shortInfo p {
    padding-bottom: 5px;
    margin-top: 8px;
    border-bottom: 1px dashed #CCC;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.shortInfo p.last {
    border: none
}

div.shortInfo div.imgContainer {
    width: 203px;
    height: 150px;
    float: left;
    background: url("/assets/img/artistBlockImgShadow.png") right no-repeat
}

div.shortInfo img {
    display: block;
    float: left;
    width: 184px;
    height: 150px
}

div.similiarArtist {
    width: 316px;
    background: url("/assets/img/similiarArtistMiddle.png") repeat-y
}

div.similiarArtist div.top {
    background: url("/assets/img/similiarArtistTop.png") top no-repeat
}

div.similiarArtist div.bottom {
    padding: 16px 12px 18px 16px;
    background: url("/assets/img/similiarArtistBottom.png") bottom no-repeat
}

div.similiarArtist h2 {
    padding-bottom: 8px;
    border-bottom: 1px solid #CCC;
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    color: #333
}

div.similiarArtist div.leftCol {
    width: 138px;
    float: left;
    margin-top: 10px;
    border-right: 1px solid #CCC
}

div.similiarArtist div.rightCol {
    width: 138px;
    float: right;
    margin-top: 10px
}

div.similiarArtist ul {
    list-style-image: url("/assets/img/footerList.png");
    list-style-position: inside;
    height: 119px;
    overflow: hidden
}

div.similiarArtist li {
    height: 17px
}

div.similiarArtist a {
    font: 400 11px / 17px Arial, Helvetica, sans-serif;
    text-decoration: none
}

div.similiarArtist a:hover {
    text-decoration: underline
}

div.biography {
    width: 615px;
    margin-top: 15px;
    background: url("/assets/img/biographyMiddle.png") repeat-y
}

div.biography div.top {
    background: url("/assets/img/biographyTop.png") top no-repeat
}

div.biography div.bottom {
    padding: 0 12px 18px 16px;
    background: url("/assets/img/biographyBottom.png") bottom no-repeat
}

div.biography div.title {
    height: 20px;
    width: 90px;
    background: url("/assets/img/biographyTitleCenter.png") left top repeat-x;
    font: 700 12px / 20px Arial, Helvetica, sans-serif;
    color: #333;
    text-align: center;
    padding-bottom: 15px
}

div.biography div.title div.left {
    background: url("/assets/img/biographyTitleLeft.png") left top no-repeat
}

div.biography div.title div.right {
    background: url("/assets/img/biographyTitleRight.png") right top no-repeat
}

div.biography div.text {
    height: 120px;
    overflow: auto;
    padding-bottom: 2px
}

div.biography p {
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    color: #333
}

div.biography p + p {
    margin-top: 12px
}

div.slinks {
    width: 615px;
    margin-top: 15px;
    background: url("/assets/img/artistLinksMiddle.png") repeat-y
}

div.slinks div.top {
    background: url("/assets/img/artistLinksTop.png") top no-repeat
}

div.slinks div.bottom {
    background: url("/assets/img/artistLinksBottom.png") bottom no-repeat;
    padding-bottom: 5px
}

div.slinks div.plus {
    padding: 0 20px 12px 16px;
    background: url("/assets/img/artistLinksPlus.png") 385px 100% no-repeat
}

div.slinks div.title {
    height: 20px;
    width: 115px;
    float: left;
    background: url("/assets/img/biographyTitleCenter.png") left top repeat-x;
    font: 700 12px / 20px Arial, Helvetica, sans-serif;
    color: #333;
    text-align: center;
    padding-bottom: 10px
}

div.slinks div.title div.left {
    background: url("/assets/img/biographyTitleLeft.png") left top no-repeat
}

div.slinks div.title div.right {
    background: url("/assets/img/biographyTitleRight.png") right top no-repeat
}

div.slinks div.title.right {
    float: right;
    width: 130px
}

div.slinks div.leftCol {
    width: 10px;
    overflow: visible;
    float: left
}

div.slinks div.leftCol td {
    white-space: nowrap;
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    color: #999;
    text-align: left
}

div.slinks div.leftCol td:first-child {
    text-align: right
}

div.slinks div.rightCol {
    width: 172px;
    float: right
}

div.slinks div.rightCol p {
    font: 400 11px / 12px Arial, Helvetica, sans-serif;
    color: #999
}

div.slinks div.rightCol input + p {
    margin-top: 5px
}

div.slinks div.rightCol input[type="text"] {
    width: 100%;
    height: 15px;
    border: 1px solid #e5e5e5;
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    color: #666
}

div.slinks div.rightCol input[type="submit"] {
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    width: 70px;
    margin: 10px -2px 0 0;
    float: right
}

div.artistAlbums {
    width: 615px;
    margin-top: 15px;
    background: url("/assets/img/artistLargeTabsMiddle.png") repeat-y
}

div.artistAlbums div.top {
    background: url("/assets/img/artistLargeTabsTop.png") top no-repeat
}

div.artistAlbums div.bottom {
    background: url("/assets/img/artistLargeTabsBottom.png") bottom no-repeat;
    padding-bottom: 5px
}

div.artistAlbums ul.tabs {
    margin-left: 20px;
    list-style: none
}

div.artistAlbums ul.tabs li {
    background: url("/assets/img/artistLargeTabCenter.png") repeat-x;
    display: block;
    float: left;
    margin-left: 1px;
    font: 400 11px / 21px Arial, Helvetica, sans-serif;
    text-align: center
}

div.artistAlbums ul.tabs li div.left {
    background: url("/assets/img/artistLargeTabLeft.png") left top no-repeat
}

div.artistAlbums ul.tabs li div.right {
    background: url("/assets/img/artistLargeTabRight.png") right top no-repeat;
    padding: 0 10px
}

div.artistAlbums ul.tabs li.active {
    background: url("/assets/img/artistLargeTabActiveCenter.png") repeat-x
}

div.artistAlbums ul.tabs li.active div.left {
    background: url("/assets/img/artistLargeTabActiveLeft.png") left top no-repeat
}

div.artistAlbums ul.tabs li.active div.right {
    background: url("/assets/img/artistLargeTabActiveRight.png") right top no-repeat
}

div.artistAlbums ul.tabs li.active a {
    color: #7d7b74
}

div.artistAlbums ul.tabs li a {
    text-decoration: none
}

div.artistAlbums div.content {
    padding: 0 20px 15px 20px;
    background: none
}

div.artistAlbums div.content p.lookAll {
    margin-top: 20px
}

div.artistAlbums div.albumShortInfo {
    width: 280px;
    margin-top: 20px;
    float: left
}

div.artistAlbums div.albumShortInfo.right {
    float: right
}

div.artistAlbums div.albumShortInfo div.imgContainer {
    width: 107px;
    height: 88px;
    float: left;
    margin-right: 12px;
    background: url("/assets/img/albumCoverSmall.png") no-repeat
}

div.artistAlbums div.albumShortInfo img {
    display: block;
    float: left;
    width: 98px;
    height: 84px;
    margin: 2px 0 0 8px
}

div.artistAlbums div.albumShortInfo h2 {
    padding-bottom: 10px;
    font: 700 12px / 20px Arial, Helvetica, sans-serif;
    color: #333
}

div.artistAlbums div.albumShortInfo p {
    margin-top: 6px;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.artistAlbums table.tracksShortList {
    margin-top: 20px
}

div.artistPhotos {
    width: 316px;
    margin-top: 22px;
    background: url("/assets/img/artistSmallTabsMiddle.png") repeat-y
}

div.artistPhotos div.top {
    background: url("/assets/img/artistSmallTabsTop.png") left top no-repeat
}

div.artistPhotos div.bottom {
    background: url("/assets/img/artistSmallTabsBottom.png") left bottom no-repeat;
    padding-bottom: 5px
}

div.artistPhotos ul.tabs {
    margin-left: 20px;
    list-style: none
}

div.artistPhotos ul.tabs li {
    background: url("/assets/img/artistSmallTabCenter.png") repeat-x;
    display: block;
    float: left;
    margin-left: 1px;
    font: 400 10px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center
}

div.artistPhotos ul.tabs li div.left {
    background: url("/assets/img/artistSmallTabLeft.png") left top no-repeat
}

div.artistPhotos ul.tabs li div.right {
    background: url("/assets/img/artistSmallTabRight.png") right top no-repeat;
    padding: 0 10px
}

div.artistPhotos ul.tabs li:hover {background:url("/assets/img/artistSmallTabHoverCenter.png") repeat-x; display:block; float:left; margin-left:1px; font:400 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center}
div.artistPhotos ul.tabs li:hover div.left {background:url("/assets/img/artistSmallTabHoverLeft.png") left top no-repeat}
div.artistPhotos ul.tabs li:hover div.right {background:url("/assets/img/artistSmallTabHoverRight.png") right top no-repeat}


div.artistPhotos ul.tabs li.active {
    background: url("/assets/img/artistSmallTabActiveCenter.png") repeat-x
}

div.artistPhotos ul.tabs li.active div.left {
    background: url("/assets/img/artistSmallTabActiveLeft.png") left top no-repeat
}

div.artistPhotos ul.tabs li.active div.right {
    background: url("/assets/img/artistSmallTabActiveRight.png") right top no-repeat
}

div.artistPhotos ul.tabs li.active a {
    color: #7d7b74
}

div.artistPhotos ul.tabs li a {text-decoration:none; display:block; padding:0 10px}

div.artistPhotos div.content {
    padding: 20px 0 10px 14px
}

div.artistAlbums div.content p.lookAll {
    margin-top: 20px
}

div.artistPhotos div.imgContainer {
    float: left;
    width: 63px;
    margin: 0 11px 15px 0;
    overflow: hidden;
    font: 400 10px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center
}

div.artistPhotos div.imgContainer a {
    text-decoration: none;
    color: #333
}

div.artistPhotos div.imgContainer a:hover {
    text-decoration: underline
}

div.artistPhotos div.imgContainer span {
    width: 57px;
    height: 40px;
    display: block;
    padding: 3px;
    background: url("/assets/img/artist.png")
}

div.artistPhotos div.imgContainer img {
    display: block;
    width: 57px;
    height: 40px
}

div.artistComments {
    width: 316px;
    margin-top: 22px;
    background: url("/assets/img/artistSmallTabsMiddle.png") repeat-y
}

div.artistComments div.top {
    background: url("/assets/img/artistSmallTabsTop.png") left top no-repeat
}

div.artistComments div.bottom {
    background: url("/assets/img/artistSmallTabsBottom.png") left bottom no-repeat;
    padding-bottom: 5px
}

div.artistComments ul.tabs {
    margin-left: 20px;
    list-style: none
}

div.artistComments ul.tabs li {
    display: block;
    float: left;
    font: 400 10px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    color: #7d7b74
}

div.artistComments ul.tabs li.active {
    background: url("/assets/img/artistSmallTabActiveCenter.png") repeat-x
}

div.artistComments ul.tabs li.active div.left {
    background: url("/assets/img/artistSmallTabActiveLeft.png") left top no-repeat
}

div.artistComments ul.tabs li.active div.right {
    background: url("/assets/img/artistSmallTabActiveRight.png") right top no-repeat;
    padding: 0 10px
}

div.artistComments div.content {
    padding: 0 12px 10px 12px
}

div.artistComments div.content div.comment:first-child p {
    color: #333
}

div.artistComments div.content p {
    color: #999
}

div.artistComments div.content p.lookAll {
    margin-top: 15px
}

div.artistComments div.comment {
    border-bottom: 1px solid #dddcd9;
    margin-top: 20px
}

div.artistComments div.imgContainer {
    float: left;
    width: 63px;
    margin: 0 15px 5px 0;
    overflow: hidden;
    font: 400 10px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center
}

div.artistComments div.imgContainer a {
    text-decoration: none;
    color: #333
}

div.artistComments div.imgContainer a:hover {
    text-decoration: underline
}

div.artistComments div.imgContainer span {
    width: 57px;
    height: 40px;
    display: block;
    padding: 3px;
    background: url("/assets/img/artist.png")
}

div.artistComments div.imgContainer img {
    display: block;
    width: 57px;
    height: 40px
}

div.artistComments textarea {
    font: 400 11px Arial, Helvetica, sans-serif;
    width: 290px;
    margin-top: 16px;
    height: 45px;
    border: 1px solid #dddcd9
}

div.artistComments input[type="submit"] {
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    width: 70px;
    margin: 10px 0 0 0;
    float: right
}

/*------------------------------PLAYLIST PAGE------------------------------*/
div.playlistInfo {
    width: 530px;
    padding-bottom: 5px
}

div.playlistInfo div.imgContainer {
    width: 203px;
    height: 150px;
    float: left;
    background: url("/assets/img/albumCoverWhite.png") no-repeat
}

div.playlistInfo img {
    display: block;
    float: left;
    width: 166px;
    height: 142px;
    margin: 4px 0 0 14px
}

div.playlistInfo h2 {
    padding-bottom: 8px;
    border-bottom: 1px solid #d6d6d6;
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    color: #333
}

div.playlistInfo div.firstLine {
    margin-top: 20px;
    border-bottom: 1px dashed #CCC;
    height: 16px;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.playlistInfo div.firstLine div.text {
    float: left;
    margin-right: 6px
}

div.playlistInfo div.firstLine div.ratio {
    width: 141px;
    height: 9px;
    float: left;
    margin: 1px 25px 0 0;
    background-image: url("/assets/img/ratioStripe.png");
    background-repeat: no-repeat
}

div.playlistInfo div.firstLine div.ratio div.mask {
    width: 141px;
    height: 9px;
    background: url("/assets/img/ratioMask.png") no-repeat
}

div.playlistInfo p {
    padding-bottom: 5px;
    margin-top: 8px;
    border-bottom: 1px dashed #CCC;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.playlistInfo p.last {
    border: none
}

div.playlistControls {
    width: 530px;
    padding-bottom: 15px
}

div.playlistControls > div.left {
    width: 220px;
    float: left
}

div.playlistControls > div.left ul {
    margin-top: 10px;
    padding-bottom: 10px
}

div.playlistControls > div.left li {
    display: block;
    height: 15px;
    line-height: 13px;
    padding: 5px 0
}

div.playlistControls > div.left img {
    float: left;
    margin-right: 5px
}

div.playlistControls > div.right {
    width: 300px;
    float: right
}

div.playlistControls > div.right div.title {
    float: right;
    margin-right: 5px
}

div.playlistComments {
    width: 530px;
    background: url("/assets/img/playlistCommetsMiddle.png") repeat-y
}

div.playlistComments div.top {
    background: url("/assets/img/playlistCommetsTop.png") left top no-repeat
}

div.playlistComments div.bottom {
    padding-bottom: 5px;
    background: url("/assets/img/playlistCommetsBottom.png") left bottom no-repeat
}

div.playlistComments div.plus {
    padding: 0 18px 10px 18px;
    background: url("/assets/img/playlistCommetsPlus.png") left bottom no-repeat
}

div.playlistComments div.title {
    height: 20px;
    width: 95px;
    background: url("/assets/img/biographyTitleCenter.png") left top repeat-x;
    font: 700 12px / 20px Arial, Helvetica, sans-serif;
    color: #333;
    text-align: center;
    padding-bottom: 15px
}

div.playlistComments div.title div.left {
    background: url("/assets/img/biographyTitleLeft.png") left top no-repeat
}

div.playlistComments div.title div.right {
    background: url("/assets/img/biographyTitleRight.png") right top no-repeat
}

div.playlistComments div.text {
    height: 160px;
    overflow: auto
}

div.playlistComments div.comment {
    margin-top: 10px;
    border-bottom: 1px solid #e9e7df;
    padding-bottom: 10px
}

div.playlistComments div.comment:first-child {
    margin: 0
}

div.playlistComments div.comment p {
    width: 410px;
    float: right;
    padding-bottom: 8px
}

div.playlistComments div.comment div.date {
    text-align: right;
    clear: both;
    color: #999;
    font: 400 10px / 10px Arial, Helvetica, sans-serif
}

div.playlistComments div.comment div.imgContainer {
    float: left;
    width: 63px;
    margin-bottom: -8px;
    overflow: hidden;
    font: 400 10px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center
}

div.playlistComments div.comment div.imgContainer a {
    text-decoration: none;
    color: #333
}

div.playlistComments div.comment div.imgContainer a:hover {
    text-decoration: underline
}

div.playlistComments div.comment div.imgContainer span {
    display: block;
    width: 57px;
    height: 40px;
    margin-bottom: 5px;
    padding: 3px;
    background: url("/assets/img/artist.png")
}

div.playlistComments div.comment div.imgContainer img {
    display: block;
    width: 57px;
    height: 40px
}

div.playlistComments div.addComment {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 3px double #cccbc3
}

div.playlistComments div.addComment div.title {
    height: auto;
    width: auto;
    padding-bottom: 5px;
    background: none;
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    color: #333;
    text-align: left
}

div.playlistComments div.addComment textarea {
    width: 415px;
    height: 45px;
    float: left;
    font: 400 11px / 15px Arial, Helvetica, sans-serif;
    color: #999;
    border: 1px solid #e5e5e5
}

div.playlistComments div.addComment input {
    width: 100px;
    height: 47px;
    display: block;
    float: right;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    width: 70px
}

div.playlistAdv {
    width: 530px;
    margin-top: 20px
}

/*------------------------------CATALOG PAGE------------------------------*/
div.popArtists div.imgContainer {
    float: left;
    width: 114px;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center
}

div.popArtists div.imgContainer + div.imgContainer {
    margin-left: 6px
}

div.popArtists div.imgContainer span {
    display: block;
    width: 106px;
    height: 133px;
    margin-bottom: 3px;
    padding: 4px;
    background: url("/assets/img/artistBorder.png")
}

div.popArtists div.imgContainer img {
    display: block;
    width: 106px;
    height: 133px
}

div.popGenres {
    font: 400 10px Arial, Helvetica, sans-serif;
    margin-top: 15px
}

div.popGenres div.title {
    padding-bottom: 10px
}

div.popGenres a {
    text-decoration: none
}

div.popGenres a:hover {
    text-decoration: underline
}

div.popGenres a.xs {
    font-size: 110%
}

div.popGenres a.s {
    font-size: 120%
}

div.popGenres a.m {
    font-size: 140%
}

div.popGenres a.l {
    font-size: 160%
}

div.popGenres a.xl {
    font-size: 180%
}

div.popGenres a.xxl {
    font-size: 200%
}

div.popGenres p.lookAll {
    margin-top: 25px;
    line-height: 19px;
    padding-bottom: 10px
}

div.popGenres p.lookAll a {
    text-decoration: underline
}

div.popGenres p.lookAll a:hover {
    text-decoration: none
}

div.popGenres p.lookAll img {
    display: block;
    float: left;
    margin-right: 7px
}

div.bestPlaylists {
    font: 400 10px Arial, Helvetica, sans-serif;
    margin-top: 15px
}

div.bestPlaylists div.title {
    padding-bottom: 10px
}

div.bestPlaylists table {
    width: 100%;
    border-collapse: collapse
}

div.bestPlaylists td {
    padding: 5px 0;
    font: 700 11px / 11px Arial, Helvetica, sans-serif;
    color: #b3b3b3;
    text-align: center
}

div.bestPlaylists td:first-child {
    text-align: left
}

div.bestPlaylists td a {
    color: #666;
    text-decoration: none
}

div.bestPlaylists td a:hover {
    text-decoration: underline
}

div.bestPlaylists p.lookAll {
    margin-top: 25px;
    line-height: 19px;
    padding-bottom: 10px
}

div.bestPlaylists p.lookAll img {
    display: block;
    float: left;
    margin-right: 7px
}

/*------------------------------PROFILE PAGE------------------------------*/
div.profileInfo > div.leftCol {
    width: 460px;
    float: left
}

div.profileInfo div.imgContainer {
    width: 169px;
    height: 150px;
    float: left;
    background: url("/assets/img/profileShadow.png") right no-repeat
}

div.profileInfo div.imgContainer img {
    display: block;
    float: left;
    width: 148px;
    height: 148px;
    border: 1px solid #000
}

div.profileInfo p.info {
    color: #999;
    margin-top: 9px;
    float: left;
    width: 270px
}

div.profileInfo p.info.first {
    margin: 0
}

div.profileInfo p.info span {
    color: #333
}

div.profileInfo div.ratio {
    width: 141px;
    height: 9px;
    float: left;
    margin-top: 2px;
    background-image: url("/assets/img/ratioStripe.png");
    background-repeat: no-repeat
}

div.profileInfo div.ratio div.mask {
    width: 141px;
    height: 9px;
    background: url("/assets/img/ratioMask.png") no-repeat
}

div.profileInfo > div.rightCol {
    width: 230px;
    float: right
}

div.profileInfo div.controls ul {
    margin-top: 10px;
    padding-bottom: 10px;
    list-style: none
}

div.profileInfo div.controls li {
    display: block;
    height: 15px;
    line-height: 13px;
    padding: 5px 0
}

div.profileInfo div.controls img {
    float: left;
    margin-right: 5px
}

div.profileCollection div.albumShortInfo {
    width: 320px;
    padding-bottom: 20px;
    float: left
}

div.profileCollection div.albumShortInfo.rightCol {
    float: right
}

div.profileCollection div.albumShortInfo div.imgContainer {
    width: 107px;
    height: 88px;
    float: left;
    margin-right: 12px;
    background: url("/assets/img/albumCoverSmall.png") no-repeat
}

div.profileCollection div.albumShortInfo img {
    display: block;
    float: left;
    width: 98px;
    height: 84px;
    margin: 2px 0 0 8px
}

div.profileCollection div.albumShortInfo h2 {
    padding-bottom: 10px;
    font: 700 12px / 20px Arial, Helvetica, sans-serif;
    color: #333
}

div.profileCollection div.albumShortInfo p {
    margin-top: 6px;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.profileCollection table.profileHistory {
    width: 100%;
    border-collapse: collapse
}

div.profileCollection table.profileHistory tr {
    border-top: 1px solid #efefee
}

div.profileCollection table.profileHistory tr:first-child {
    border-top: none
}

div.profileCollection table.profileHistory td {
    padding: 10px 0;
    text-align: right;
    line-height: 15px;
    color: #999
}

div.profileCollection table.profileHistory td:first-child {
    text-align: left
}

div.profileCollection table.profileHistory td img {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 10px
}

div.profileCollection table.profileHistory + p {
    margin-top: 20px
}

div.profileCollection div.userShortInfo {
    width: 223px;
    padding-bottom: 20px;
    float: left
}

div.profileCollection div.userShortInfo img {
    display: block;
    width: 83px;
    height: 83px;
    float: left;
    margin: 2px 8px 0 0;
    border: 1px solid #000
}

div.profileCollection div.userShortInfo h2 {
    padding-bottom: 8px;
    font: 700 12px / 20px Arial, Helvetica, sans-serif;
    color: #333
}

div.profileCollection div.userShortInfo p {
    margin-top: 4px;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #999
}

div.favArtists {
    margin-top: 20px
}

div.favArtists div.row {
    padding: 7px 0
}

div.favArtists div.row.first {
    margin-top: 6px
}

div.favArtists div.row.dark {
    background: #fbfaf5
}

div.favArtists div.imgContainer {
    float: left;
    width: 63px;
    margin-right: 10px;
    overflow: hidden
}

div.favArtists div.imgContainer span {
    width: 57px;
    height: 40px;
    display: block;
    padding: 3px;
    background: url("/assets/img/artist.png")
}

div.favArtists div.imgContainer img {
    display: block;
    width: 57px;
    height: 40px
}

div.favArtists h2.title {
    font: 700 11px / 11px Arial, Helvetica, sans-serif;
    padding-bottom: 8px
}

div.favArtists h2.title a {
    color: #333;
    text-decoration: none
}

div.favArtists h2.title a:hover {
    text-decoration: underline
}

div.favArtists p.info {
    font: 400 10px / 11px Arial, Helvetica, sans-serif
}

div.favArtists p.info a {
    color: #999;
    text-decoration: none
}

div.favArtists p.info a:hover {
    text-decoration: underline
}

div.favArtists p.lookAll {
    margin-top: 25px;
    line-height: 19px;
    padding-bottom: 10px
}

/*------------------------------GENRE PAGE------------------------------*/
div.genreInfo > div.leftCol {
    width: 460px;
    float: left
}

div.genreInfo > div.rightCol {
    width: 220px;
    margin-left: 20px;
    float: right
}

div.genreInfo > div.centerCol {
    width: 220px;
    float: right
}

div.genreInfo div.text {
    height: 140px;
    overflow: auto
}

div.genreInfo div.text p {
    color: #333;
    margin-top: 8px
}

div.genreInfo div.text p:first-child {
    margin-top: 0
}

h1.mainTitle + div.genreArtists {
    padding: 20px 0 0 0
}

div.genreArtists div.tab1 {
    margin-top: -10px
}

div.genreArtists div.bottom.right {
    padding: 25px 15px 15px 15px
}

div.genreArtists div.clr {
    border-bottom: 1px solid #f0f0f0
}

div.genreArtists div.item {
    width: 218px;
    padding-bottom: 12px;
    float: left;
    border-right: 1px solid #f0f0f0
}

div.genreArtists div.item.rightCol {
    width: 218px;
    float: right;
    border-right: none
}

div.genreArtists div.item div.clr {
    border-bottom: none
}

div.genreArtists h1 {
    font: 700 12px / 12px Arial, Helvetica, sans-serif;
    margin-top: 10px;
    padding-bottom: 8px
}

div.genreArtists h1 a {
    text-decoration: none
}

div.genreArtists h1 a:hover {
    text-decoration: underline
}

div.genreArtists img {
    width: 86px;
    height: 64px;
    float: left;
    margin-right: 8px;
    border: 1px solid #000
}

div.genreArtists p {
    color: #999;
    margin-top: 5px
}

div.genreArtists a + p {
    margin-top: 0
}

div.genreArtists p.lookAll {
    clear: both;
    padding-top: 20px
}

div.genreArtists div.ratio {
    width: 90px;
    height: 9px;
    float: left;
    margin-top: 2px;
    background-image: url("/assets/img/ratioStripeSmall.png");
    background-repeat: no-repeat
}

div.genreArtists div.ratio div.mask {
    width: 90px;
    height: 9px;
    background: url("/assets/img/ratioMaskSmall.png") no-repeat
}

/*------------------------------CHARTS PAGE------------------------------*/
div.ourCharts {
    margin-top: 20px
}

div.radioAndTv {
    margin-top: 20px
}

div.chartInfo {
    background: url("/assets/img/chartInfoCenter.png") left top repeat-x
}

div.chartInfo div.left {
    background: url("/assets/img/chartInfoLeft.png") left top no-repeat
}

div.chartInfo div.right {
    background: url("/assets/img/chartInfoRight.png") right top no-repeat;
    line-height: 29px;
    padding: 0 15px 15px 15px
}

div.chartInfo div.leftCol {
    width: 330px;
    float: left
}

div.chartInfo div.rightCol {
    width: 330px;
    float: right;
    text-align: right
}

div.chartInfo div.rightCol img {
    display: block;
    float: right;
    margin: 7px 0 0 5px
}

div.chartInfo div.rightCol input {
    display: block;
    width: 150px;
    height: 14px;
    margin: 7px 0 0 5px;
    float: right;
    border: 1px solid #eeece5;
    font: 400 11px / 14px Arial, Helvetica, sans-serif;
    color: #333
}

div.chartInfo div.rightCol p {
    float: right
}

div.chartInfo p {
    color: #999
}

table.trackChart {
    width: 100%;
    border-collapse: collapse
}

table.trackChart tr.head {
    background: url("/assets/img/chartTableHeadCenter.png") left top repeat-x
}

table.trackChart th {
    font: 700 11px / 26px Arial, Helvetica, sans-serif;
    padding: 1px 0 7px 0;
    text-align: center
}

table.trackChart th.order {
    text-align: left
}

table.trackChart th.listen {
    width: 120px
}

table.trackChart th.first {
    background: url("/assets/img/chartTableHeadLeft.png") left top no-repeat;
    width: 70px
}

table.trackChart th.last {
    background: url("/assets/img/chartTableHeadRight.png") right top no-repeat
}

table.trackChart th td {
    padding-bottom: 2px
}

table.trackChart th img {
    display: block;
    float: left;
    margin-right: 10px
}

table.trackChart tr {
    background: url("/assets/img/chartTableCenter.png")
}

table.trackChart td {
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 9px 10px 11px 10px;
    background: url("/assets/img/chartTableBorder.png") left top no-repeat
}

table.trackChart td.first {
    background: url("/assets/img/chartTableLeft.png") left top no-repeat;
    border-left: none
}

table.trackChart td.last {
    background: url("/assets/img/chartTableRight.png") right top no-repeat;
    width: 12px;
    padding: 0
}

table.trackChart td.prelast {
    padding-right: 0
}

table.trackChart tr.dark {
    background: url("/assets/img/chartTableDarkCenter.png")
}

table.trackChart tr.dark td.first {
    background: url("/assets/img/chartTableDarkLeft.png") left top no-repeat
}

table.trackChart tr.dark td.last {
    background: url("/assets/img/chartTableDarkRight.png") right top no-repeat
}

table.trackChart td p {
    text-align: left;
    color: #37749f;
    margin-left: 10px
}

table.trackChart td img {
    float: right;
    margin: 1px 10px 0 5px
}

/*------------------------------USERS PAGE------------------------------*/
div.usersSearch ul {
    list-style-type: none;
    line-height: 18px
}

div.usersSearch li {
    display: block;
    float: left;
    padding-left: 16px
}

div.usersSearch li:first-child {
    padding-right: 16px;
    padding-left: 0;
    border-right: 1px solid #e4e1d6
}

div.usersSearch li.inputContainer {
    padding-left: 5px
}

div.usersSearch li select {
    display: block;
    border: 1px solid #eeece5;
    height: 16px;
    width: 120px;
    margin-top: 1px;
    font: 400 11px / 13px Arial, Helvetica, sans-serif;
    color: #333
}

div.usersSearch li input[type="checkbox"] {
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 2px
}

div.usersSearch input[type="submit"] {
    display: block;
    margin: -1px 5px 0 0;
    float: right;
    width: 70px;
    height: 21px;
    font: 400 11px / 11px Arial, Helvetica, sans-serif;
    color: #333
}

div.usersSearch p {
    color: #999
}

div.users {
    margin-top: 20px
}

div.users div.subblock {
    width: 296px;
    float: left;
    padding: 20px 10px;
    border-left: 1px solid #f0f0f0
}

div.users div.subblock:first-child {
    border-left: none;
    padding: 20px 10px 0 0
}

div.users div.clr + div.subblock {
    border-left: none;
    padding: 20px 10px 0 0
}

div.users > div.clr {
    border-bottom: 1px solid #f0f0f0
}

div.users > div.clr.last {
    border-bottom: none
}

div.users div.subblock img {
    display: block;
    width: 132px;
    height: 132px;
    float: left;
    margin-right: 10px;
    border: 1px solid #000
}

div.users div.subblock h1 {
    font-size: 11px;
    font-weight: 700
}

div.users div.subblock ul {
    height: 25px;
    margin-top: 10px;
    background: url("/assets/img/userInfoBg.png") left top repeat-x
}

div.users div.subblock li {
    display: block;
    padding: 0 5px;
    float: left;
    line-height: 15px;
    color: #999;
    border-left: 1px solid #ddd
}

div.users div.subblock li:first-child {
    border-left: none
}

div.users div.subblock ul + p {
    margin-top: 25px
}

div.users div.subblock p {
    margin-top: 10px;
    color: #999
}

/*FOOTER*/
div.column {
    float: left;
    margin: 15px 0 20px 20px;
    font: 400 12px Arial, Helvetica, sans-serif
}

div.column h1 {
    border-bottom: 1px solid #e7e4d4;
    padding: 0 0 5px 15px;
    font: 700 13px Arial, Helvetica, sans-serif;
    color: #b1ad97
}

div.column a {
    color: #707070;
    line-height: 20px
}

div.column ul {
    list-style: none;
    padding-left: 10px;
    margin-top: 5px
}

div.column li {
    background: url("/assets/img/footerList.png") left no-repeat;
    padding-left: 12px
}

div.profile {
    width: 155px
}

div.music {
    width: 170px
}

div.community {
    width: 170px
}

div.site {
    width: 155px
}

div.developed {
    width: 155px;
    float: right;
    margin: 15px 20px 20px 0;
    font: 400 12px Arial, Helvetica, sans-serif
}

div.developed h1 {
    border-bottom: 1px solid #e7e4d4;
    padding-bottom: 5px;
    font: 700 13px Arial, Helvetica, sans-serif;
    color: #b1ad97;
    text-align: center
}

div.developed p {
    color: #b1ad97;
    margin: 5px 0 0 10px
}

div.developed a {
    color: #707070
}

div.copyrights {
    float: right;
    margin-right: 20px;
    padding: 10px 25px 6px 25px;
    border: 1px solid #e7e4d4;
    border-top: none;
    font: 400 11px Arial, Helvetica, sans-serif;
    color: #b1ad97;
    text-align: center
}

div.copyrights a {
    color: #707070
}

p.buttons {
    padding-top: 3px;
    margin-left: 20px
}

p.buttons a {
    margin-right: 5px
}

p.buttons a:first-child {
    margin: 0
}

p.buttons img {
    border: 0;
    width: 88px;
    height: 31px
}

.hide {
    display: none;}