/* 
Title:     Mobile
Updated:   Oct 27 2008
*/

/* general
---------------------------------------------------------- */
a:link, a:visited, a:hover, a:active{color:#003399;}
ol, ul{list-style-image:none; list-style-position:outside; list-style-type:none;}
.marRL10{.margin:0pt 5px;}

/* content
---------------------------------------------------------- */
div#content{margin:0; padding:1em;}

/* columns
---------------------------------------------------------- */
div#col1 {float:left; margin-left:0; width:625px;}
div#col2 {float:right; margin-right:0; width:300px;}
h2{background:url('http://x.myspacecdn.com/modules/splash/static/img/bgSheet.png') repeat-x left -864px; color:#fff; font-size:12px;
font-weight:bold; margin:0 0 0.6em; padding:0.7em;}
div.module{margin-bottom:1em;}

/* rounded corners
---------------------------------------------------------- */
div.b div div, div.tb div div, div.bb div div{font-size:0; height:5px; margin:0 4px;}
div.tb div div, div.bb div div{background:#fff none;}
div.mb{background:#fff none; border:solid #a8a8a8; border-width:0 1px; padding:0.1em 6px;}
div.tb div div{border-top:1px solid #a8a8a8;}
div.bb div div{border-bottom:1px solid #a8a8a8;}
div.b, div.b div, div.tb div, div.tb, div.bb, div.bb div{background:transparent url('http://x.myspacecdn.com/modules/splash/static/img/cornersSheet.png') no-repeat left top;}
div.tb div{background-position:right top;}
div.bb{background-position:left -7px;}
div.bb div{background-position:right -7px;}
div.b{background-position:left -56px;}
div.b div{background-position:right -56px;}
div.b div div{background:transparent url('http://x.myspacecdn.com/modules/splash/static/img/bgSheet.png') repeat-x left -792px;}

/* mobile channel header
---------------------------------------------------------- */
div#headerLogo{margin-bottom:1em;}
div#headerLink{background:transparent url('http://cms.myspacecdn.com/cms/SplashMore/images/graybox011.gif') no-repeat scroll 0pt -422px; padding:3px 0pt 2px 25px; font-size:12px; margin:5px 0;}

/* medrec
---------------------------------------------------------- */
div#flashHeader, div#medrec{margin-bottom:1em;}

/* tabs
---------------------------------------------------------- */
div.tabsWrap{border:1px solid #bbb;}
ul.tabs{background:transparent url('http://x.myspacecdn.com/modules/splash/static/img/bgSheet.png') repeat-x scroll left -1026px;  margin:0; padding:0;}
ul.tabs li.selected{margin-bottom:-1px;}
ul.tabs li{border-right:1px solid #bbb; float:left; margin-bottom:-1px;}
ul.tabs li.selected a, ul.tabs li a:hover{background:transparent url('http://x.myspacecdn.com/modules/splash/static/img/moduleBg.gif') repeat-x scroll 0 0; color:#747474;}
ul.tabs li a{display:block; font-weight:bold; text-align:center; padding:0.8em 1em;}
div#getItToGo div.middle{display:none; padding:1em 0 5px;}
div#getItToGo div.middle.selected{display:block;}
.middle{background:#fff url('http://x.myspacecdn.com/modules/splash/static/img/moduleBg.gif') repeat-x scroll left -31px; min-height:270px;}
div#getItToGo div.middle h1{border-bottom:1px solid #bbb; color:#828f9e; font-size:1.4em; font-weight:bold; margin:0 0 10px; padding-bottom:10px;}
div#getItToGo div.middle h3{color:#828f9e; font-size:1em; font-weight:bold; margin:0; padding:0;}
div#getItToGo div.middle p{line-height:1.5em; margin:0.5em 0;}
.wideCol{width:310px;}
.narrCol{width:260px;}
.footnote{color:#666; font-size:10px; font-style:italic;}
ul.bulletList{margin:0 5px; padding:0;}
ul.bulletList li{background:url('../images/bullet_blue.gif') no-repeat scroll 5px 6px; line-height:14px; margin:5px 0 0; padding:0 0 0 15px;}

/* featured application
---------------------------------------------------------- */
.featBanner{padding:0;}

/* press
---------------------------------------------------------- */
.scroll{height:132px; overflow:auto; width:286px;}
ul#pressStories{margin:0; padding:0;}
ul#pressStories li{border-top:1px solid #ccc; color:#999; line-height:16px; padding:4px 4px 5px;}
ul#pressStories li.first{border-top:none; padding:0 3px 5px;}

/* sponsored links
---------------------------------------------------------- */
div#sponsoredLinks{height:336px;}
ul#googleAds{margin:0; padding:0;}
ul#googleAds li{line-height:16px; padding:0 4px 10px;}
ul#googleAds li a{font-weight:normal !important; text-decoration:underline;}
.url{color:#090;}