﻿.mainInfo { /* width: 625px; */ overflow: hidden; margin-bottom: 10px; }
.mainInfo .profileImage { font-weight: bold; float: left; margin-right: 10px; width: 115px; height: 115px; overflow: hidden; text-align: center; vertical-align: middle; /* background-image: url("../img/temp/default_user_144_108.png"); background-color: #999; */}
.mainInfo .profile { width: 500px; margin-left: 0; border: 1px solid #ccc; padding: 10px; float: ;eft; min-height: 93px; margin-bottom: 0; }
.mainInfo .profile .vip { background: #c30; color: #fff; font-size: 1.3em; padding: 2px 3px 2px 3px; text-align: center; width: 40px; float: left; margin-right: 10px; height: 19px; }
.mainInfo h2.username { font-family: Arial, Helvetica, sans-serif; font-weight: bold; border: 0px; margin-bottom: 0px; padding-bottom: 0px; width: auto; text-transform: none; height: 25px; margin-bottom: 2px; }
.mainInfo h3 { /* clear: left; */ font-weight: bold; color: #333; }
.mainInfo h3 a { color: #c30; }
.mainInfo .profile p { margin: 0; overflow:hidden; word-wrap:break-word }

.subNav .heart, .subNav .star { padding-left: 17px; background-repeat: no-repeat; width: auto; }
.subNav li.on .heart, .subNav li.on .star { background-repeat: no-repeat; }
.subNav .heart, .subNav li.on .heart { background-image: url("../img/bg_tab_heart.png"); background-position: 0px -18px; }
.subNav .star, .subNav li.on .star { background-image: url("../img/bg_tab_star.png"); background-position: 0px -22px; }

.subNav li.on .heart, .subNav li.on .star { float: none; height: auto; margin: 0px; padding: 0px 0px 0px 18px; }
.subNav li.on .heart { background-position: 0px 3px; }
.subNav li.on .star { background-position: 0px 2px; }
.subNav li.on div { max-width: 180px; }

/**
 * playlist edit
 */
ul.playlistOptions { width: 300px; overflow: hidden; margin-top: 10px; }
ul.playlistOptions li { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; float: left; margin-right: 5px; width: auto; }
ul.playlistOptions li a { position: relative; }
ul.playlistOptions li a, ul.playlistOptions li a span { height: 13px; display: block; }
ul.playlistOptions li a span { position: absolute; top: 0px; left: 0px; }
ul.playlistOptions li a.editPlaylist, ul.playlistOptions li a.editPlaylist span { width: 39px; }
ul.playlistOptions li a.editPlaylist span { background: url("../img/btn_profile_edit.png") no-repeat; }
ul.playlistOptions li a.editPlaylist:hover span { background-position: -39px 0px; }
ul.playlistOptions li a.deletePlaylist, ul.playlistOptions li a.deletePlaylist span { width: 49px; }
ul.playlistOptions li a.deletePlaylist span { background: url("../img/btn_profile_delete.png") no-repeat; }
ul.playlistOptions li a.deletePlaylist:hover span { background-position: -49px 0px; }
