/* 
Title:     More
Updated:   June 11 2008
*/


/* global settings 
---------------------------------------------------------- */
html,body{border:0; margin:0; padding:0;}
body{background-color:#e5e5e5; color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0;}
a{outline:none;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{.height:1%;}
.left{float:left;}
.right{float:right;}
.inline{display:inline;}

#content{background-color:#fff; margin:0 auto; padding:15px 0 0; text-align:left; width:960px;}
h2{color:#039; font-size:16px; margin:0 0 10px 20px; padding:0;}


/* layout 
---------------------------------------------------------- */
#leftColumn{margin-left:12px; width:238px;}
#rightColumn{margin-right:12px; width:682px;}


/* greybox
---------------------------------------------------------- */
.greybox {width:238px;}
div.greybox div.top, div.greybox div.top div, div.greybox div.bot, div.greybox div.bot div{background:url('http://cms.myspacecdn.com/cms/SplashMore/images/roundedGrey-08.gif') no-repeat; display:block; font-size:0; height:8px; _height:7px; margin:0; padding:0;}
div.greybox div.top{background-position:0 0;}
div.greybox div.top div{background-position:100% -8px;}
div.greybox div.top div div{background:none; border-top:1px solid #b7b7b7; margin:0 8px;}
div.greybox div.bot{background-position:0 -16px;}
div.greybox div.bot div{background-position:100% -24px;}
div.greybox div.bot div div{background-color:#e2e7ed; background-image:none; border-bottom:1px solid #b7b7b7; height:7px; margin:0 8px;}
div.greybox div.mid{background:url('http://cms.myspacecdn.com/cms/SplashMore/images/contentbg.jpg') bottom left repeat-x; border:1px solid #b7b7b7; border-width:0 1px;}

.greyboxWrap{padding: 5px 10px;}
.greyboxWrap ul{list-style:none; margin:0; padding:0;}
.greyboxWrap li{background:transparent url('http://cms.myspacecdn.com/cms/SplashMore/images/graybox009.gif') no-repeat; padding: 3px 0 4px 25px;}
.greyboxWrap li a{color:#039; font-weight:bold; text-decoration:none;}
.greyboxWrap li a:hover{text-decoration:underline;}
.greyboxHeading{color:#939; font-size:12px; font-weight: bold; padding:6px 0 3px 0;}


/* icons
---------------------------------------------------------- */
.greyboxWrap li.mySpaceIM{background-position:0 -3px;}
.greyboxWrap li.profileEditor{background-position:0 -22px;}
.greyboxWrap li.blogs{background-position:0 -41px;}
.greyboxWrap li.chatRooms{background-position:0 -60px;}
.greyboxWrap li.classifieds{background-position:0 -77px;}
.greyboxWrap li.events{background-position:0 -96px;}
.greyboxWrap li.Forums{background-position:0 -115px;}
.greyboxWrap li.groups{background-position:0 -133px;}
.greyboxWrap li.impact{background-position:0 -152px;}
.greyboxWrap li.jobs{background-position:0 -168px;}
.greyboxWrap li.news{background-position:0 -187px;}
.greyboxWrap li.polls{background-position:0 -569px;}
.greyboxWrap li.weather{background-position:0 -203px;}
.greyboxWrap li.books{background-position:0 -220px;}
.greyboxWrap li.celebrity{background-position:0 -590px;}
.greyboxWrap li.comedy{background-position:0 -239px;}
.greyboxWrap li.downloads{background-position:0 -257px;}
.greyboxWrap li.film{background-position:0 -276px;}
.greyboxWrap li.games{background-position:0 -652px;}
.greyboxWrap li.horoscopes {background-position:0 -294px;}
.greyboxWrap li.karaoke{background-position:0 -672px;}
.greyboxWrap li.latino{background-position:0 -516px;}
.greyboxWrap li.movies{background-position:0 -314px;}
.greyboxWrap li.music{background-position:0 -333px;}
.greyboxWrap li.musicVideos{background-position:0 -352px;}
.greyboxWrap li.mySpaceTV{background-position:0 -370px;}
.greyboxWrap li.sports{background-position:0 -387px;}
.greyboxWrap li.mySpaceMobile{background-position:0 -422px;}
.greyboxWrap li.ringtones{background-position:0 -441px;}
.greyboxWrap li.textAlerts{background-position:0 -459px;}
.greyboxWrap li.mobileGames{background-position:0 -535px;}
.greyboxWrap li.findClassmates{background-position:0 -478px;}
.greyboxWrap li.gradeMyProfessor{background-position:0 -497px;}


/* modules
---------------------------------------------------------- */
div.module div.top, div.module div.top div, div.module div.bot, div.module div.bot div{background:url('http://cms.myspacecdn.com/cms/SplashMore/images/roundedGrey-05.gif') no-repeat; display:block; font-size:0; height:5px; _height:4px; margin:0; padding:0;}
div.module div.top{background-position:0 0;}
div.module div.top div{background-position:100% -5px;}
div.module div.top div div{background:none; border-top:1px solid #b7b7b7; margin:0 5px;}
div.module div.bot{background-position:0 -10px;}
div.module div.bot div{background-position:100% -15px;}
div.module div.bot div div{background:none; border-bottom:1px solid #b7b7b7; height:4px; margin:0 5px;}
div.module div.mid{border:1px solid #b7b7b7; border-width:0 1px;}

div.module div.mid div div.todaybar{background:url('http://cms.myspacecdn.com/cms/SplashMore/images/todaybar.gif') bottom left repeat-x; color:#fff; font-size:12px; font-weight:bold; height:30px; line-height:30px; margin:0 4px; padding-left:9px;}
.more{font-size:11px; font-weight:normal; text-align:right; width:50%;}
.more a{color:#fff; line-height:30px; padding-right:9px; text-decoration:none;}
.more a:hover{text-decoration:underline;}


/* artist on artist
---------------------------------------------------------- */
.artistonartist{margin-top:15px; width:363px;}
.artistWrap{margin:4px 4px 0;}
.artistInfo{line-height:14px; margin-left:5px; width:132px;}
.artistInfo a{color:#000; font-weight:bold; line-height:30px; text-decoration:none;}
.artistInfo a:hover{text-decoration:underline;}


/* the latest on myspace
---------------------------------------------------------- */
.thelatest{margin-top:15px; width:683px;}
.latestWrap{margin:15px 4px 10px; text-align:center;}


/* featured (3)
---------------------------------------------------------- */
.featured{margin-top:15px; width:221px;}
.middle{margin:15px 9px 0;}
.featuredWrap{margin:4px 4px 0;}
.featuredInfo{line-height:14px; margin:10px 5px 0; padding:0;}
.featuredInfo a{color:#18439f; font-weight:bold; line-height:30px; text-decoration:none;}
.featuredInfo a:hover{color:#18439f; text-decoration:underline;}


/* advertising
---------------------------------------------------------- */
.banner{margin-top:10px; width:238px;}
.bannerWrap{padding:0 4px;}
.sponsored{margin-top:10px; width:238px;}
.sponsoredWrap{padding:10px 15px;}
.moduleHeading{color:#6496cb; font-size:12px; font-weight:bold; margin:0; padding:0;}
.sponsoredWrap a{color:#000; font-weight:bold;}
.sponsoredWrap a:hover{text-decoration:none;}
.url{color:#039;}
.medRec{margin-top:15px; width:300px;}