/* SSS: This code is required for the "Play All Songs" link on the profile page */
.play-all-link {
	margin: 0pt auto; 
	clear: both; 
	display: block; 
	width: 100px;
	padding-bottom: 5px;
}

.play-all-link a {
	color:#898989;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
	text-indent:0pt;
}

.play-all-link a:hover {
	text-decoration: underline;
}

/* SSS: END of new code */

#content {padding:3px 0 40px;}
/* inf-box */
#content .inf-box {
	height:1%;
	padding:10px 10px 25px 10px;
	margin:0 0 15px;
}
.grey #content .inf-box {background:#f7f9fd; border:1px solid #e3ecfa;}  /* <----------------- orange style */
#content .inf-box a img {
	float:left;
	padding:3px;
	border:1px solid #bbb;
	background:#feffff;
}
#content .inf-box .ib-text {
	overflow:hidden;
	height:1%;
	color:#333;
	padding:6px 5px 5px 20px;
}
#content .inf-box .ib-text div {
	width:100%;
	overflow:hidden;
	padding:0 0 5px;
}
* html #content .inf-box .ib-text div {width:auto;}
.grey #content .inf-box .ib-text div {padding:0; margin:-2px 0 0;}
#content .inf-box .ib-title {
	margin:-6px 0 7px 30px !important;
	position:relative;
	padding:0;
}
#content .inf-box h1 {
	margin:0;
	font-size:22px;
	padding:0 0 10px 57px;
	font-weight:100;
}
#content .inf-box .ib-title h1 {padding:0;}
#content .inf-box h3, #content .inf-box label {
	margin:0;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	width:47px;
	line-height:22px;
	font-weight:100;
	padding:0 10px 0 0;
	color:#069bcd;
}
.grey #content .inf-box h3 {
	text-transform:none;
	color:#4c4b4b;
	font-size:13px;
	width:110px;
	display:inline;
	margin:0 0 0 -3px;
	text-align:right;
	padding:0 7px 0 0;
}
#content .inf-box label {width:49px; padding:0 15px 0 0;}
#content .inf-box p {
	margin:0;
	display:table;
	height:1%;
	line-height:22px;
	font-size:11px;
}
.grey #content .inf-box p {font-size:13px; color:#8e8d8d;}
#content .inf-box p a {text-decoration:none;color:#8e8d8d;}
#content .inf-box p a:hover {text-decoration:underline;}
#content .inf-box form div  {
	float:left;
	width:198px;
	margin:22px 1px 0 0;
	clear:none !important;
}
#content .inf-box form .text {
	float:left;
	width:127px;
	padding:1px 0 2px 3px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
#content .inf-box h2 {
	margin:7px 0 3px;
	width:105px;
	font-size:13px;
	font-weight:100;
	color:#123df8;
	text-align:right;
}
#content .ib-img {
	float: left; 
}
#content .ib-img a {
	float:left;
	font-size:13px;
	color:#72b6fa;
	text-decoration:none;
	background:url(../images/profilepage.gif) no-repeat;
}
#content .ib-img ul a {padding:0 0 0 20px;}
#content .ib-img a.send-msg {background-position:-485px 0;}
#content .ib-img a.send-com {background-position:-483px -42px;}
#content .ib-img a:hover {text-decoration:underline;}
#content .ib-img ul {
	float:left;
	padding:2px 0 0;
	margin:0;
	list-style:none;
	clear:left;
}
#content .ib-img ul li {
	clear:left;
	float:left;
	padding:0 0 0 6px;
	margin:7px 0 0;
}

/* sl-nav */
.sl-nav {
	float:left;
	width:727px;
	height:37px;
	margin:2px 0 0px;
	background:url(../images/profilepage.gif) no-repeat 0 100%;
}
.sl-nav ul {
	padding:1px 5px  0 0;
	display:inline;
	margin:0 0 0 5px;
	float:left;
	list-style:none;
	background:url(../images/nav-bg-repeat.gif) repeat-x;
}
.sl-nav ul li {
	float:left;
	height:35px;
	background:url(../images/separator.gif) no-repeat;
}
.sl-nav ul li.first {background:none;}
.sl-nav a {
	float:left;
	color:#666;
	text-decoration:none;
	font-size:11px;
	padding:0 18px;
	line-height:35px;
}
.sl-nav a:hover, .sl-nav .active a {background:url(../images/profilepage.gif) no-repeat 100% -528px; color:#fff;}

/* connections */
.connections {
	float:left;
	padding:0;
	margin:0;
	width:100%;
	font:14px/19px Arial, Helvetica, sans-serif;
}
.connections h2 {
	margin:0 0 8px;
	float:left;
	font-size:18px;
	color:#585656;
	font-weight:100;
}
.connections img {
	float:left;
	border:none;
}
.connections img.load {float:right;}
.connections ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
}
.connections ul li {
	padding: 0 0 14px 3px;
	height:1%;
	overflow:hidden;
	clear:left;
}
.connections ul div {
	float:left;
	padding:0 0 0 10px;
	width:410px;
	color:#a1a1a1;
}
.connections ul div a {color:#fc7321; text-decoration:none;}
.connections ul div a:hover {text-decoration:underline;}
.connections ul div strong {color:#524e4b;}
.connections ul ul {
	float:right;
	width:auto;
}
.connections ul ul li {
	float:left;
	clear:none;
	padding:0 9px 0 10px;
}
.connections ul ul li a {
	color:#c4c2c1;
	text-decoration:none;
}
.connections ul ul li.first a {color:#fc7321}
.connections ul ul li a:hover {text-decoration:underline;}

/* song-list */
.song-list-profile {
	float:left;
	width:100%;
	padding:4px 0 0;
}
.song-list-profile img {
	float:right;
	display:inline;
	margin:0 3px 0 0;
}
.song-list-profile .links {
	float:left;
	padding:0;
	margin:0;
	width:400px;
	font-size:12px;
	list-style:none;
}
.song-list-profile .links li {
	padding:5px 0 0 20px;
}
.song-list-profile .links a {
	color:#a7a4a4;
	text-decoration:none;
}
.song-list-profile .links .active a {color:#f49c2a;}
.song-list-profile .links a:hover {text-decoration:underline;}
.song-list-profile .links li {
	float:left;
}

/* This CSS is used to display Top 10 songs like format for My musical history module..*/
.top-song-list {
	float:left;
	width:315px;
	padding:11px 23px 16px 21px;
	list-style:none;
	margin:0;
	font-size:11px;
}
.top-song-list li {
	float:left;
	width:315px;
	padding:5px 0 0;
}
.top-song-list a {
	float:left;
	color:#898989;
	width:185px;
	text-decoration:none;
	padding:0 0 0 25px;
	line-height:15px;
	background:url(../images/profilepage.gif) no-repeat scroll 0 -485px;
}
.top-song-list a:hover {background-position:-215px -485px;}
.top-song-list .share {
	float:right;
	width:14px;
	height:14px;
	padding:0;
	display:inline;
	margin:1px 7px 0 0;
	text-indent:-9999px;
	background-position:0 -140px;
}
.top-song-list .share:hover {background-position:-222px -140px;}
.top-song-list .go-to-album {
	float:right;
	width:16px;
	height:16px;
	padding:0;
	text-indent:-9999px;
	background-position:0 -448px;
}
.top-song-list .go-to-album:hover {background-position:-215px -448px;}

/* This section is used to format Friends recommendation module and is some what copy of the above Top 10 format */
.top-friends-songs {
	float:left;
	width:250px;
	padding:11px 0px 16px 5px;
	list-style:none;
	margin:0;
	font-size:11px;
}
.top-friends-songs li {
	float:left;
	width:250px;
	padding:5px 0 0;
}
/*
.top-friends-songs a {
	float:left;
	color:#898989;
	width:185px;
	text-decoration:none;
	padding:0 0 0 25px;
	line-height:15px;
	background:url(../images/profilepage.gif) no-repeat scroll 0 -485px;
}
*/
.top-friends-single-song a {
	float:left;
	color:#898989;
	width:185px;
	text-decoration:none;
	padding:0 0 0 25px;
	line-height:15px;
	background:url(../images/profilepage.gif) no-repeat scroll 0 -485px;
}
.top-friends-single-song a:hover {background-position:-215px -485px;}

.top-friends-song-text a {
	color:#898989;
	text-decoration:none;
	
}
.top-friends-song-text a:hover {text-decoration:underline;}

.top-friends-single-song .share {
	float:left;
	width:14px;
	height:14px;
	padding:0;
	display:inline;
	margin:1px 0px 0 7px;
	text-indent:-9999px;
	background-position:0 -140px;
}
.top-friends-single-song .share:hover {background-position:-222px -140px;}
.top-friends-single-song .go-to-album {
	float:left;
	width:16px;
	height:16px;
	padding:0;
	text-indent:-9999px;
	background-position:0 -448px;
}
.top-friends-single-song .go-to-album:hover {background-position:-215px -448px;}

/* End of Friends recommendation module.. */

.right-bar .banner {
	display:block;
	border:none;
	margin:0 0 3px;
}

/* right-bar */
form {padding:0; margin:0;}
.right-bar {
	float:right;
	width:256px;
	position:relative;
	padding:3px 0 20px 2px;
	margin:4px -3px 0;
}
.right-bar .form {
	float:left;
	width:100%;
	padding:0 0 15px;
}

.right-bar .title {
	float:left;
	width:238px;
	margin:0;
	padding:3px 0 6px 20px;
	border-bottom:1px solid #d6d6d6;
	font: 19px "Trebuchet MS", Arial, Helvetica,sans-serif; 
}
.right-bar .title span {
	color: #2570ff;
}

.right-bar .title-ifw {
	margin:0 0 8px 2px;
	float:left;
	display:inline;
	padding: 0 0 0 40px;
	background:url(../images/profilepage.gif) no-repeat;
	font: 19px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

.right-bar .title-ifw a {
	color: #fe9104;
	position: relative; 
	top: -2px;
	text-decoration: none; 
}
.right-bar .title-ifw a span {
	color: #043ffe;
}

/* This code is used for REMOVE AS FRIEND */
.right-bar .title-remove {
	margin:0 0 8px 2px;
	float:left;
	display:inline;
	padding: 0 0 0 40px;
	background:url(../images/face-sad.png) no-repeat;
	font: 19px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

.right-bar .title-remove a {
	color: #5D5D5D;
	position: relative; 
	top: -2px;
	text-decoration: none; 
}
.right-bar .title-remove a span {
	color: #043ffe;
}

/* END of REMOVE AS FRIEND */

/* This code is used to display the message that a request has been sent to add someone as a friend */
.right-bar .title-request-sent {
	margin:0 0 8px 2px;
	float:left;
	display:inline;
	padding: 0 0 0 40px;
	background:url(../images/internet-mail.png) no-repeat;
	font: 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

.right-bar .title-request-sent a {
	color: #5D5D5D;
	position: relative; 
	top: -2px;
	text-decoration: none; 
}
.right-bar .title-request-sent a span {
	color: #043ffe;
}

/* END of REQUEST code */

.right-bar .link-left, .right-bar .link-right {
	font-size:11px;
	float:left;
	display:inline;
	margin:6px 0 0 10px;
	text-decoration:none;
	color:#2570ff;
}
.right-bar .link-right {float:right; margin:6px 6px 0 0;}
.right-bar .link-left:hover, .right-bar .link-right:hover {text-decoration:underline;}
.right-bar .add {
	float:left;
	width:250px;
	height:45px;
	background:url(../images/profilepage.gif) no-repeat 0 -28px;
	text-indent:-9999px;
	overflow:hidden;
}
.right-bar .form {
	float:left;
	width:100%;
}
.right-bar .form ul {
	padding:12px 0 14px;
	margin:0;
	float:left;
	list-style:none;
}
.right-bar .form ul li {
	float:left;
	width:200px;
	color:#747070;
	padding:9px 0 0 11px;
}
.right-bar .form ul li label {padding:0 0 0 8px;}
.right-bar .form input.chb {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	width:15px;
	height:15px;
}
.right-bar .button-add {
	border:none;
	display:inline;
	margin:0 6px 0 0;
	float:right;
	width:100px;
	height:25px;
	cursor:pointer;
	position:relative;
	color:#fff;
	
	padding:0;
	background:url(../images/profilepage.gif) no-repeat -279px 0px;
}

/* owners */
.owners {
	float:left;
	padding:2px 0 13px 6px;
	margin:0;
	width:252px;
	list-style:none;
}
.owners li {
	float:left;
	width:84px;
	padding:6px 0 0;
}
.owners img {
	display:block;
	border:none;
}
.owners a {
	float:left; 
	border:1px solid #fff;
	padding:1px;
	background:#ccc;
}
.owners a:hover {border:1px solid #f97d00; background:#f97d00;}

/* num-page */
#content .num-page {
	float:right;
	display:inline;
	margin:0 25px 0 0;
	padding:4px 0 0 0;
}

#content .num-page ul {
	float:left;
	padding:0;
	margin:-3px 0 0;
	width:258px;
	padding:0 15px;
	list-style:none;
	text-align:center;
	
}
#content .num-page ul li {
	display:inline;
	padding:0 3px;
}
#content .num-page a, #content .num-page span {
	float:left;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;	
}

#content .num-page .left-darrow {
	width:14px;
	height:9px;
	margin:0 21px 0 0;
	background:url(../images/images.gif) no-repeat -48px -63px;
}
#content .num-page a.left-darrow {
	background-position:-64px -63px;
}
#content .num-page .left-arrow {
	width:7px;
	height:9px;
	background:url(../images/images.gif) no-repeat -48px -79px;
}
#content .num-page a.left-arrow {
	background:url(../images/images.gif) no-repeat -64px -79px; cursor:pointer;
}
#content .num-page .right-darrow {
	width:14px;
	height:9px;
	background:url(../images/images.gif) no-repeat -48px -32px;
}
#content .num-page a.right-darrow {
	background-position:-64px -32px;
}
#content .num-page .right-arrow {
	width:7px;
	height:9px;
	margin:0 17px 0 0;
	background:url(../images/images.gif) no-repeat -48px -48px;
}
#content .num-page a.right-arrow {
	background-position:-64px -32px;
}

#content .num-page .load {
	margin:-3px 0 0 20px;
	padding:0;
	position:relative; 
	float:left;
}
#content .num-page ul a {
	text-indent:0px;
	color:#999;
	float:none;
	text-decoration:none;
}
#content .num-page ul a:hover, #content .num-page ul li.active a {color:#06f;}

/* comment-block */
#content .comment-block {

	height:1%;
	clear:left;
	border:solid #ccc;
	border-width:1px 0 0;
	padding:10px 0 0 26px;
	color:#555;
}
#content .comment-block .loading {
	float:right;
	padding:0 40px 0 0;
}
#content .comment-block h2 {
	margin:0 0 6px;
	font-size:16px;
	float:left;
}
#content .comment-block form .comment_box {
	float:left;
	position:relative;
	padding:0 0 16px 26px;
	width:700px;
	display:inline;
	margin:0 0 17px -26px;
	border-bottom:1px solid #ccc;
}
#content .comment-block form p {
	margin:0 0 5px;
	font-size:9px;
}
#content .comment-block form p a {color:#1281ff; text-decoration:none;}
#content .comment-block form p a:hover {text-decoration:underline;}

#content .comment-block form textarea {
	float:left;
	width:450px;
	height:100px;
}
#content .comment-block form .submit_button {
	clear:left !important;
	float:left;
	margin:10px 0 0 0;
	background: url(../images/images.gif) no-repeat -107px -273px;
	width:100px;
	height:27px;
	color:#fff;
	font-weight:bold;
	border:none;
}
#content .comment-block form .load {
	float:left;
	margin:16px 300px 0 12px;
}

/* comments */
.comments {
	float:left;
	width:100%;
	padding:13px 0 0;
	margin:0;
	list-style:none;
}
.comments li {
	float:left;
	width:666px;
	padding:0 0 30px;
}
.comments .photo {
	float:left;
	width:115px;
}
.comments .photo p {
	margin:0;
	font-size:10px;
	padding:3px 0 0;
}
.comments .photo p strong {font-size:11px;}
.comments .photo img {
	display:block;
	border:none;
	padding:6px 0 0;
}

.comments .box {
	float:right;
	width:551px;
	background:url(../images/comment-box-bg2.gif) repeat-y 100% 0;
}
.comments .box div {
	float:left;
	width:551px;
	background:url(../images/comment-box-bottom-bg2.gif) no-repeat 100% 100%;
}
.comments .box div div {
	float:left;
	width:481px;
	padding:20px 30px 25px 40px;
	background:url(../images/comment-box-top-bg2.gif) no-repeat 100% 0;
}

.comments .box p {
	margin:0;
	font-size:11px;
	line-height:17px;
}

/* Lets add a new skin for holi here.. */
.comments .holi .box {
	float:right;
	width:551px;
	background:url(../images/holimDing_middle.png) repeat-y 100% 0;
}
.comments .holi .box div {
	float:left;
	width:551px;
	background:url(../images/holimDing_bottom.png) no-repeat 100% 100%;
}
.comments .holi .box div div {
	float:left;
	width:481px;
	padding:57px 30px 63px 40px;
	background:url(../images/holimDing_top.png) no-repeat 100% 0;
}

.comments .holi .box p {
	margin:0;
	padding: 15px;
	font-size:14px;
	line-height:17px;
	color: blue;
}
/* End of holi skin.. */
/* Diwali mDing */
.comments .diwali .box {
	float:right;
	width:551px;
	background:url(../images/Diwali_mDing_Middle.png) repeat-y 100% 0;
}
.comments .diwali .box div {
	float:left;
	width:551px;
	background:url(../images/Diwali_mDing_Bottom.png) no-repeat 100% 100%;
}
.comments .diwali .box div div {
	float:left;
	width:481px;
	padding:74px 30px 63px 40px;
	background:url(../images/Diwali_mDing_Top.png) no-repeat 100% 0;
}