﻿



body 
{
	 background: #1A1B1F url('hbg.gif') fixed no-repeat top left; 
	 background: #FFFFFF;
}

#Friends TD
{
	vertical-align:top;
}

.ff-friends-list
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial;
    font-weight:normal;
    font-size:8pt;
    color:#C0C0C0;
    vertical-align:top;	
}

.ff-friend-thumbnail
{

	border:solid 1px #C0C0C0;
	padding:3px;
	height:50px;
	width:50px;
	float:left;


}

.ff-thumbnail
{

	border:solid 10px #FF0000;
	padding:3px;
}

.ff-album-thumbnail
{
	
	background-repeat:no-repeat;
	background-position:center;

}


.ff-friend-thumbnail-wrapper
{

border:solid 2px #777777;
height:50px;
width:50px;
}

.ff-friends-panel
{
	margin-left:auto;
	margin-right:auto;
	
    padding-bottom:10px;
}

.ff-album-panel
{
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:150px;
}

.ff-name
{
	font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;  
     color: #333333;  
     padding: 5px;  
     font-size: 13px;  
     font-weight: normal; 
   
}

.iframe
{
    border:solid 1px #000000
}   


body.windows

{
	margin:0px;
}

.fineprint
{
    padding-top:10px;
    color:#C0C0C0;
    font-family:Arial;
    font-weight:normal;
    font-size:8pt;
}

.gridview
{ 
    width:900px;
}

.xm-gridview
{ 
    width:600px;
    margin-right:auto;
    margin-left:auto;
}

.gridview-header
{
    background:url('fade.gif');
    font-family:Arial;
    font-weight:bold;
    font-size:8pt;
    text-align:left;
    color:#000000;
    padding:4px;
    border-bottom:solid 1px #E1E1E1;
    border-top:solid 1px #E1E1E1
}

.gridview-header a 
{
    color:#000000;
}

.gridview-rowstyle
{
    background:#2A2827;
    color:#FFFFFF;
    font-family:Arial;
    font-weight:normal;
    font-size:8pt;
}

.gridview-alternatingrowstyle
{
    background:#252322;
    color:#FFFFFF;
    font-family:Arial;
    font-weight:normal;
    font-size:8pt;
}


.gridview-itemstyle 
{
    padding:4px;
}

.gridview-rowstyle td a
{
    padding:4px;
    color:#FFFFFF;
}

.gridview-alternatingrowstyle td a
{
    padding:4px;
    color:#FFFFFF;
}


.gridview-rowstyle  a
{
    padding:4px;
    color:#FFFFFF;
}

.gridview-alternatingrowstyle  a
{
    padding:4px;
    color:#FFFFFF;
}



.fixed-gridview
{ 
    width:700px;
    margin-right:auto;
    margin-left:auto;
}

.SongTitle
{
    color:#FFFFFF;
    font-family:Arial;
    font-weight:bold;
    font-size:12pt;
}

.Artist
{
    color:#FFFFFF;
    font-family:Arial;
    font-weight:normal;
    font-size:10pt;
}

.Album
{
    color:#FFFFFF;
    font-family:Arial;
    font-weight:normal;
    font-size:10pt;
    font-style:italic
}

.Author
{
    color:#FFFFFF;
    font-family:Arial;
    font-weight:normal;
    font-size:8pt;
    font-style:normal
}

.DetailsView
{
    margin:10px;
}





.datagrid-pager 
{
	background-color:#C0C0C0;
	
		
}


.datagrid-pager TABLE TR TD
{
	border:solid 1px #D0D0D0;
	padding:2px 5px 2px 5px;
	background:#FFFFFF;
	font-family: verdana, arial;
	font-size: 8pt;
	font-weight:normal;

}


.datagrid-pager TABLE TR TD SPAN
{
    font-weight:bold;
}

.datagrid-pager TD
{
    background:#EAEAEA;
    background:url('fade.gif');
    border-bottom:solid 1px #E1E1E1;
    border-top:solid 1px #E1E1E1
    
}


