/* MySpace Mobile UK CSS Stylesheet - Written by Richard Francis (rfrancis@myspace.com)
Modified by Loïc Bellet (lbellet@myspace.com)
 */

* {
margin:0;
padding:0;
}

.clear {
clear:both;
}

body {
background-color:#e5e5e5;
}

#mobile_container {
width:960px;
background-color:#ffffff;
padding:20px 0px 50px 0px;
}

#iphone{margin-top:20px;}
#mobile_container #mobile_header {
width:960px;
}

#mobile_container #mobile_header #top {
height:20px;
background-color:#003399;
}

#mobile_container #mobile_header #nav_bar {
height:22px;
background-color:#6698cb;
text-align:center;
padding-top:5px;
}

#mobile_container #mobile_header #nav_bar ul.main_nav {
list-style-type:none;
}

#mobile_container #mobile_header #nav_bar ul.main_nav li {
display:inline;
}

#mobile_container #mobile_header #nav_bar ul.main_nav li.nav_item_last {
display:inline;
border:0;
}

#mobile_container #mobile_header #nav_bar ul.main_nav li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
padding:0 6px 0 0;
}

#mobile_container #mobile_header #nav_bar ul.main_nav li a:hover {
text-decoration:underline;
color:#003399;
}

#mobile_container #mobile_header #shadow {
height:7px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/header_shadow.jpg);
background-repeat:repeat-x;
}

#mobile_container #content {
width:860px;
margin:0 auto;
}

*html #mobile_container #content {
width:860px;
margin-left:50px;
}

#mobile_container #content #top {
height:73px;
border-bottom:1px solid #999;
}

#mobile_container #content #top img.logo {
float:left;
margin:0;
}

#mobile_container #content #top #info {
float:right;
width:500px;
height:73px;
background-image:url(http://creative.myspace.com/fr/mobile/mobile_address_center.jpg);
background-repeat:no-repeat;
}

#mobile_submit {
width:400px;
text-align:center;
padding-left:60px;
display:none;
}

*html #mobile_submit {
width:450px;
}


#mobile_container #content #top #info label {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

#mobile_container #content #top #info label span.link {
padding-right:5px;
}

#mobile_container #content #top #info input.text {
border:1px solid #999;
font-size:11px;
color:#333;
padding:1px 4px 1px 4px;
margin-bottom:1px;
}

#mobile_container #content #top #info input.button {
width:49px;
height:16px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/submit_button.jpg);
background-repeat:no-repeat;
text-indent:-1000px;
border:0;
}

*html #mobile_container #content #top #info input.button {
margin-bottom:2px;
}

#mobile_container #content #demo {
width:420px;
padding-top:20px;
}

#mobile_container #content #demo #demo_header {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/trymobile_header.jpg);
background-repeat:no-repeat;
height:30px;
width:420px;
}

#mobile_container #content #demo #demo_content {
height:384px;
width:420px;
}

#mobile_container #content #jamster {
margin-left:20px;
width:420px;
float:left;
padding-top:20px;
}

#mobile_container #content #jamster #jamster_header {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/jamster_header.jpg);
background-repeat:no-repeat;
height:30px;
width:420px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
padding:7px 0 0 40px;
}

#mobile_container #content #jamster #jamster_content {
height:509px;
width:418px;
padding-left:2px;
padding-top:1px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/jamster_bg.jpg);
background-repeat:repeat-y;
}

*html #mobile_container #content #jamster #jamster_content {
width:420px;
height:510px;
}

#mobile_container #content #jamster #jamster_footer {
height:10px;
width:420px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/jamster_footer.jpg);
background-repeat:no-repeat;
}

#mobile_container #content #text_alerts {
float:left;
width:420px;
height:116px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/textalerts_bg.jpg);
background-repeat:no-repeat;
margin-top:20px;
}

#mobile_container #content #text_alerts h1 {
color:#0066cc;
padding:15px 0 0 15px;
font-size:13px;
}

#mobile_container #content #text_alerts #texts {
float:left;
width:200px;
margin:10px 0 0 38px;
}

#mobile_container #content #text_alerts #texts ul {
list-style-type:none;
padding-left:10px;
}

#mobile_container #content #text_alerts #texts ul li {
float:left;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
text-align:left;
}

#mobile_container #content #text_alerts #texts ul li.left {
width:100px;
height:20px;
}

#mobile_container #content #text_alerts #texts ul li.right {
width:70px;
height:20px;
}

#mobile_container #content #text_alerts #texts #smallbold {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333;
}

#mobile_container #content #text_alerts #smallprint {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
padding:6px 0 0 17px;
}

#mobile_container #content #text_alerts a.signup {
width:85px;
height:24px;
display:block;
float:left;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/signup_button.jpg);
background-repeat:no-repeat;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding-top:7px;
margin-top:18px;
}

*html #mobile_container #content #text_alerts a.signup {
height:31px;
}

#mobile_container #content #text_alerts a.signup:hover {
text-decoration:underline;
}

#mobile_container #content #contact_box {
float:left;
width:420px;
height:116px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/contact_bg.jpg);
background-repeat:no-repeat;
margin:20px 0 0 0;
}

#mobile_container #content #contact_box #buttons {
margin:19px 0 0 40px;
}

#mobile_container #content #contact_box #buttons a {
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
font-weight:bold;
text-decoration:none;
}

#mobile_container #content #contact_box #buttons a:hover {
color:#cc3333;
}

#mobile_container #content #contact_box #buttons a.friends {
width:110px;
height:21px;
padding:7px 0 0 58px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/friends_bg.jpg);
background-repeat:no-repeat;
}

#mobile_container #content #contact_box #buttons a.favs {
width:120px;
height:21px;
padding:7px 0 0 48px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/favs_bg.jpg);
background-repeat:no-repeat;
margin-left:7px;
}

#mobile_container #content #contact_box #buttons a.group {
width:107px;
height:21px;
padding:7px 0 0 61px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/group_bg.jpg);
background-repeat:no-repeat;
margin-top:7px;
}

#mobile_container #content #contact_box #buttons a.forward {
width:120px;
height:21px;
padding:7px 0 0 48px;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/forward_bg.jpg);
background-repeat:no-repeat;
margin-top:7px;
margin-left:7px;
}

*html #mobile_container #content #contact_box #buttons a.friends {
width:168px;
height:28px;
}

*html #mobile_container #content #contact_box #buttons a.favs{
width:168px;
height:28px;
}

*html #mobile_container #content #contact_box #buttons a.group{
width:168px;
height:28px;
}

*html #mobile_container #content #contact_box #buttons a.forward{
width:168px;
height:28px;
}


#mobile_forum {
width:860px;
margin:20px 0 0 0;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/forumcontent_bg.jpg);
background-repeat:repeat-y;
}

#mobile_forum #forum_top {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/forum_top_bg1.jpg);
background-repeat:no-repeat;
height:30px;
}

#mobile_forum #forum_content {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/forumcontent_bg.jpg);
background-repeat:repeat-y;
padding:20px 20px 0 20px;
}

#mobile_forum #forum_bottom {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/forumbottom_bg.jpg);
background-repeat:no-repeat;
height:14px;
background-position:bottom center;
}

#mobile_friends {
width:860px;
margin:20px 0 0 0;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/friends_content_bg.jpg);
background-repeat:repeat-y;
}

#mobile_friends #friends_top {
background-image:url(http://creative.myspace.com/fr/mobile/friendstop.jpg);
background-repeat:no-repeat;
height:30px;
}

#mobile_friends #friends_content {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/friends_content_bg.jpg);
background-repeat:repeat-y;
padding:20px 20px 0 40px;
}

#mobile_friends #friends_bottom {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/friends_bottom_bg.jpg);
background-repeat:no-repeat;
height:10px;
background-position:bottom center;
}

#mobile_comments {
width:860px;
margin:20px 0 0 0;
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/friends_content_bg.jpg);
background-repeat:repeat-y;
}

#mobile_comments #comments_top {
background-image:url(http://creative.myspace.com/fr/mobile/commentstop.jpg);
background-repeat:no-repeat;
height:30px;
}

#mobile_comments #comments_content {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/friends_content_bg.jpg);
background-repeat:repeat-y;
padding:20px 20px 0 20px;
}

#mobile_comments #comments_bottom {
background-image:url(http://creative.myspace.com/uk/MySpaceMobile/a/css/images/friends_bottom_bg.jpg);
background-repeat:no-repeat;
height:10px;
background-position:bottom center;
}








#footer {
padding-bottom:40px;
width:900px;
margin-left:30px;
margin-top:60px;
margin-bottom:-150px;
}

#footer a {
color:#666666;
}
*html #footer {
padding-left:90px;
width:920px;
}

#topNav {
display:none;
}

#header {
background-color:#003399;
}

#mobile_forum, #mobile_friends, #mobile_comments {
margin-left:50px;
}

.left, #profile_friends h5, #profile_comments h5 {
display:none;
}


#footer a {
color:#003399;
}

#profile_comments th, #profile_comments td {
padding-top:50px;
}

#profile_comments #profile_comments_0 th, #profile_comments #profile_comments_0 td {
padding-top:20px;
}

#wrap, .profileWidth{
width:960px;
}
					#right{
float:left;
}