/*-------------------- NO BOTTOM SPACE HOMEPAGE MODULES (col2 and col3)-------------------------*/

div.newrelease, div.recommended, freemedia {
    margin-bottom: 0px;
}

/*--------------------------- MEMBER AREA MODULE (COL 3) -------------------------*/

div.memberarea {
    position: relative; 
}

div.memberarea div.areabackground {
    background-color: #ecf5fa;
    border-top: 1px solid #e2e6e7;
    padding: 7px 5px 7px 5px;
    float: left;
}

div.memberarea h5 { 
    text-transform: uppercase;
    padding-bottom: 2px;
    padding-left: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #ffffff;
}

div.memberarea img.arrow { 
    padding: 7px 8px 0 0;
    float: right;
}

div.memberarea div.service, 
div.memberarea div.community { 
    width: 145px;
    font-size: 10px;
    border: none;
}

div.memberarea div.areabackground p { 
    padding-left: 4px;
    margin: 0 14px 2px 0;
}

div.memberarea div.areabackground p .count { 
    color: #000000;
    float: right;
}

div.memberarea div.areabackground a.upload, div.memberarea div.areabackground a:visited.upload { 
    color: #F75001;
}

div.memberarea div.service { 
    float: left;
    clear: both;
    border-right: 1px solid white;
    padding-right: 4px;
    margin: 2px 4px 8px 0;
}

div.memberarea div.community { 
    padding-top: 2px;
    float: right;
}

div.memberarea a.help { 
    position: absolute;
    right: 5px;
    top: 11px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

div.memberarea h3.sectionHeader { 
    padding-left: 5px;
}

div.memberarea div.componentHeader a { 
    float: left;
}

/*--------------------------- RINGTONES MODULE ---------------------------*/

div.ringtones div.slider {
    margin: 0 0 8px 0;
}

div.ringtones h1.subHeader {
    color: #DF0022;
    margin: 0;
}

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

div.videos h2.subHeader {
    color: #FF6600;
}

/*--------------------------- GRAPHICS MODULE ---------------------------*/

div.graphics h2.subHeader {
    color: #F4CF01;
}

/*--------------------------- GAMES MODULE ---------------------------*/

div.games h2.subHeader {
    color: #8CBB00;
}

div.games div.sliderContainer {
    height: 170px;
}

/*--------------------------- ABOUT THUMBPLAY MODULE (non-member) ---------------------------*/

div.aboutthumbplay {
    width: 831px;
}

/*--------------------------- HOMEPROMO MODULE ---------------------------*/

div.homepromo {
    border: none;
    text-align: center;
}

div.homepromo h1.mainHeader { 
    font-size: 17px;
    word-spacing: 2px;
}

div.homepromo h1.mainHeader span { 
    text-transform: lowercase;
}

body.homepage div#col2 div.homepromo {
    margin-left: 13px;
    margin-right: 13px;
}

body.homepage .hide {
    display: none;
}

div.homepromo .slider {
    padding: 0;
    border: none;
}

p.signupBanner {
    width: 493px;
    height: 25px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: -6px;
    left: 13px;
    background: #ECF5FA;
    clear: both;
}

p.signupBanner a {
    font-size: 11px;
    font-weight: bold;
    text-align:center;
    line-height: 25px;
}

/*-------------------------- NEWRELEASE ---------------------------------------------*/

div.newrelease div.content {
    height: 360px;
    width: 491px; 
    background-color: #F4F5F7;
    float: left;
}

div.newrelease div.tabs ul {
    border-left: 1px solid #D4D6D6;
    border-top: 1px solid #C4C5C6;
    float: left;
    margin: 10px 0; 
    width: 491px;
}

div.newrelease div.tabs li {
    width: 97px;
    font-size: 11px;
    line-height: 28px;
    font-weight: bold;
    float: left;
    display: inline;
    border: 1px solid #D4D6D6;
    border-bottom: none;
    border-left: none;
    background-color: #E6E8E9;
    text-align: center;
    color: #0083bf;
    cursor: pointer;
}

div.newrelease div.tabs ul li.on {
    background-color: #ffffff;
    border-top: none;
    color: #2d2d2d;
}

div.newrelease div.tabs ul li.last {
    width: 98px;
}

div.newrelease div.spotlight {
    height: 120px;
    padding-top: 10px;
    font-size: 11px;
    width: 492px;
    background-color: #ffffff;
    float: left;
    display: none;
}

div.newrelease div.spotlight img {
    margin: 0 15px 0 2px;
    float: left;
}

div.newrelease div.spotlight h4 {
    font-weight: bold;
    font-size: 11px;
    padding: 2px 0px 0 0;
    text-transform: uppercase;
    color: #df0022;
}

div.newrelease div.spotlight .subHeader {
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 0 3px 0;
    text-transform: none;
    color: #0083bf;
}

div.newrelease div.spotlight p.description {
    color: #666666;
}

div.newrelease div.contentGroup {
    float: left;
    width: 492px;
}

div.newrelease div.contentItem {
    float: left;
    width: 118px;
    height: 150px;
    text-align: center;
    padding: 5px 2px 0 0;
}

div.newrelease div.contentType3{
    height: 150px;
}

div.newrelease div#newreleaseHolder p { 
    margin: 2px 0; 
    padding: 0;
}

div.newrelease div#newreleaseHolder .sectionHeader {
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    color: #2D2D2D;
    position: relative;
    width: 492px;
    font-size: 12px;
    float: left;
    background-color: #ffffff;
}

div.newrelease div#newreleaseHolder .viewall {
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    right: 5px;
    text-transform: none;
    top: 10px;
}

div.newrelease div#newreleaseHolder span.gamehighlight,
div.newrelease div#gamesarea div.message span {
    color: #8cbb00;
}

/*--- newrelease games style ---*/

div.newrelease div.games div.contentItem {
    height: 190px;
}

div.newrelease div#gamesarea {
    text-align: center;
    background-color: #ffffff;
    width: 491px;
}

div.newrelease div#gamesarea p.gamepromo { 
    background: url(/home/images/game-promo_bg.gif) top left no-repeat;
    width: 488px;
    height: 30px;
    margin: 5px 0 15px 0;
}

div.newrelease div#gamesarea div.message { 
    background-color: #f3f6f7;
    padding: 8px 0px;
    line-height: 17px;
    margin: 15px 0;
}

div.newrelease div.contentType7 img.thumb {
    padding: 1px 18px 1px 1px;
    margin: 7px 0 7px 7px;
    background: url(/images/content/song-medium_bg.png) left top no-repeat;
    border: none;
}

/*------------------- TOP CHART BANNER -------------------------------*/

div.topchartbanner p {
    text-transform: uppercase;
    color: #A6A9AA;
    font-size: 42px;
    font-weight: bold;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    padding: 5px 0;
}

div.module.topchartbanner {
    margin-bottom: 0;
    width: 830px;
}

/*------------------- FEATURED ARTIST -------------------------------*/

div.module.artists {
    margin-top: 10px;
    border-top: 1px solid #D9D9D9;
}

div.artists div.slider {
    width: 830px;
    border-top: none;
}

div.artists div.sliderContainer {  
    width: 780px; 
    height: 200px; 
    margin-left: 25px; 
    text-align: center;
}

div.artists img.thumb {
    padding: 8px;
    background-color: #E2E5E5;
    margin-bottom: 8px;
}

div.artists span.info {
    text-align: center;
    font-size: 11px;
    text-transform: lowercase;
}

div.artists p.title a {
    color: #2d2d2d;
    font-weight: bold;
    text-decoration: none;
}

div.artists .slider .sliderPrev, 
div.artists .slider .sliderNext {
    top: 50px;
}

/*------------------- TOP VIDEOS, GAMES, GRAPHICS -------------------------------*/

div.topvideos,
div.topgames,
div.topgraphics {
    width: 235px;
    float: left;
}

div.topvideos h2.subHeader,
div.topgames h2.subHeader,
div.topgraphics h2.subHeader {
    width: 311px;
    font-size: 12px;
    position: relative;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    float: left;
}

div.topvideos h2.subHeader {
    padding-top: 0;
    border-top: none;
}

div.topvideos span.viewtop,
div.topgames span.viewtop,
div.topgraphics span.viewtop {
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
}

div.topvideos span.viewtop {
    top: 2px;
}

div.topvideos div.contentItem img.thumb,
div.topgames div.contentItem img.thumb,
div.topgraphics div.contentItem img.thumb {
    padding: 5px;
    border: 0;
}

div.topvideos div.contentItem,
div.topgraphics div.contentItem {
    width: 95px;
    height: 140px;
    float: left;
    text-align: center;
    margin: 10px 8px 0 0;
    display: inline;
}

div.topgames div.contentItem {
    width: 95px;
    float: left;
    text-align: center;
    margin: 10px 8px 0 0;
    display: inline;
}

/*------------------------ TOP RINGTONES & TOP SONGS --------------------------*/

div#wrapper div.topringtones {
    width: 205px;
    margin: 0 !important;
    position: relative;
    top: -13px;
}

div#wrapper div.topsongs {
    width: 255px;
    padding-right: 12px;
    line-height: 19px;
    margin: 0 12px 0 13px !important;
    position: relative;
    top: -13px;
    border-right: 1px solid #d9d9d9;
}

div.topringtones .subHeader, div.topringtones div.module h2,
div.topsongs .subHeader, div.topsongs div.module h2 {
    font-size: 12px;
    position: relative;
    padding-top: 13px;
    border-bottom: 1px solid #ececec;
}

div.topringtones .subHeader span.viewtop,
div.topsongs .subHeader span.viewtop {
    font-size: 10px;
    text-transform: none;
    font-weight: normal;
    position: absolute;
    right: 5px;
    top: 14px;
}

div.topsongs .subHeader span.viewtop {
    left: 169px;
}

div.topringtones div.contentItemThin,
div.topsongs div.contentItemThin {
    width: 202px;
}

div.topringtones div.contentItem img.thumb {
    padding: 0;
    margin: 8px 4px 0 1px;
    border: 3px solid #E2E5E5;
    position: relative;
    float: left;
}

div.topsongs div.contentItem img.thumb {
    padding: 1px 18px 1px 1px;
    margin: 10px 2px 0 0;
    position: relative;
    float: left;
    border: none;
    background: url(/images/content/song-medium_bg.png) left top no-repeat;
}

div.topringtones div.contentItem.showCover,
div.topsongs div.contentItem.showCover {
    height: 96px;
}

div.topringtones div.contentItemThin p.title,
div.topsongs div.contentItemThin p.title {
    width: 197px;
    float: left;
}

div.topringtones div.contentItemThin.showCover p.title,
div.topsongs div.contentItemThin.showCover p.title {
    width: 108px;
    margin-top: 26px;
    float: left;
}

div.topsongs div.contentItemThin.showCover p.title {
    width: 101px;
}

div.topringtones div.contentItemThin.showCover img.previewplay,
div.topsongs div.contentItemThin.showCover img.previewplay {
    top: 39px;
}

div.topringtones div.showCover .progress,
div.topsongs div.showCover .progress {
    height: 90px;
    background: url(/images/content/progress-tallest_bg.png) left top no-repeat;
}

/*---------------------- FREE MEDIA - NON MEMBER HOMEPAGE -----------*/

div.freemedia img.thumb {
    border: 1px solid #ECEDEF;
    padding: 4px;
    margin: 1px 5px 10px 5px;
    background-color: #FFFFFF;
}

div.freemedia div.componentHeader {
    width: 302px;
    border-bottom: 5px solid #F4F5F6;
}

div.module.freemedia {
    margin: -10px;
    padding: 0px 5px;
    width: 302px;
    background-color: #F4F5F6;
}

/*----- HOME PAGE OVERLAY -----*/

div#popupmodal {
    width: 939px;
    height: 424px;
}
    
div#popupmodal img.promo {
    width: 939px;
    height: 424px;
    position: absolute;
    top: 0;
    left: 0;
}

div#popupmodal div.overlayMember,
div#popupmodal div.overlayNonMember {
    width: 900px;
    height: 416px;
    position: absolute;
    left: 4px;
    top: 3px;
    background: #ffffff url(/images/promo/overlay/phones_bg.jpg) left top no-repeat;
}

div#popupmodal span.info {
    width: 174px;
    height: 17px;
    position: absolute;
    left: 40px;
    top: 26px;
    background: url(/images/promo/overlay/musicmobile_bg.png) left top no-repeat;
}

div#popupmodal span.logo {
    width: 131px;
    height: 29px;
    position: absolute;
    left: 744px;
    top: 363px;
    background: url(/images/promo/overlay/thplogo_bg.png) left top no-repeat;
}

div#popupmodal div.overlayMember p {
    width: 515px;
    height: 235px;
    position: absolute;
    left: 37px;
    top: 151px;
    background: url(/images/promo/overlay/member-copy_bg.png) left top no-repeat;
}

div#popupmodal div.overlayNonMember p {
    width: 495px;
    height: 279px;
    position: absolute;
    left: 36px;
    top: 108px;
    background: url(/images/promo/overlay/nonmember-copy_bg.png) left top no-repeat;
}

div#popupmodal div.overlayMember span.getSongs a {
    width: 127px;
    height: 0;
    padding-top: 41px;
    display: block;
    position: absolute;
    left: 552px;
    top: 252px;
    overflow: hidden;
    background: url(/images/promo/overlay/getsongs_btn_bg.png) left top no-repeat;
}

div#popupmodal div.overlayNonMember span.browse a {
    width: 153px;
    height: 0;
    padding-top: 41px;
    display: block;
    position: absolute;
    left: 542px;
    top: 251px;
    overflow: hidden;
    background: url(/images/promo/overlay/browse_btn_bg.png) left top no-repeat;
}

div#popupmodal span.close {
    width: 40px;
    height: 0;
    padding-top: 9px;
    position: absolute;
    left: 848px;
    top: 20px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background: url(/images/promo/overlay/close_btn_bg.gif) left top no-repeat;
}