/********** GENERAL FORMATTING **********/
* 			{margin: 0; 
			padding: 0;
			}

body 		{margin: 0;
			padding: 0;
			background: #53534A;
			color: #53534A;
			font: normal 0.85em/115% arial, helvetica, sans-serif;
			}
			
p			{padding-bottom: 1em;
			}
			
img:link, a img {
			border: 0;
			}

ul, ol	 	{list-style-position: outside;
			padding-left: 20px;
			}

li			{padding: 5px;
			}
			
.clear		{clear:both;
			line-height: 0px;
			}

.left		{float: left;
			}
			
.right		{float: right;
			}
			
h1			{font-size: 1.5em;
			padding-bottom: 30px;
			}

h2			{font-size: 1em;
			}

h3			{font-size: 1em;
			}

h4, h5, h6	{font-size: 1em;
			}

h1, h2, h3, h4, h5, h6 {
			font-weight: normal;
			color: #E95F17;
			}
			
a		{color: #0072BC;
			font-weight: normal;
			text-decoration: none;
			}

a:hover		{color: #7FB8DD;
			font-weight: normal;
			text-decoration: none;
			}

.smallRight	{float: right;
			padding: 2px 15px 0 0;
			font-size: 0.8em;
			white-space: nowrap;
			}
			
.connected {
			color: #8DC73F;
			padding: 3px 0 0 10px;
			text-transform: uppercase;
			}

.disconnected {
			color: #F26522;
			padding: 3px 0 0 10px;
			text-transform: uppercase;
			}
				
/********** MAIN STRUCTURE **********/
#container 	{margin: 0 auto 20px auto;
			width: 950px;
			background: #FFFFFF;
			min-height: 1000px;
			height:auto !important;
			height: 1000px;
			position: relative;
			}

#logo {
			float: left;
			width: 317px;
			height: 110px;
}

/* These three CSS blocks for hover logo */ 
#logo a:link, 
#logo a:visited, 
#logo a:active {
			display: block;
			width: 317px;
			height: 110px;
			overflow: hidden;
			outline-width: 0; /* Get rid of that outline box on link click */
}

#logo a:hover img {
			margin-left: -317px;
}

#logo a:hover {
			/* Needed for IE6 */
			zoom: 1;
}

#tagline {
			float: left;
			width: 145px;
			height: 110px;
}

#login		{padding: 110px 100px;
			font-size: 0.7em;
			color: #8F8F8F;
			text-transform: uppercase;
			}
						
#announceBox {
			float: right;
			background: url(../images/announce_box.png);
			behavior: url(css/iepngfix.htc);
			width: 295px;
			height: 76px;
			margin: 15px 14px 0 0;
			text-align: right;
			}
			
#announceBox .welcome {
			padding: 11px 20px 6px 0;
			font-size: 0.85em;
			color: #E95F17;
			}
			
#announceBox .links {
			padding: 0 20px 0 0;
			font-size: 0.85em;
			}

#navMain	{float: left;
			padding: 7px 0 17px 111px;
			}
			
			
#navMain .nav, #navMain .navOn {
			float: left;
			padding-right: 34px;
			font-size: 0.9em;
			}
			
#navMain .nav a {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			}
			
#navMain .nav a:hover {
			color: #B2B2B2;
			}
			
#navMain .navOn a, #navMain .navOn a:hover {
			color: #E95F17;
			font-weight: bold;
			text-decoration: none;
			}
			
#contentMain {
			position: relative;
			width: 950px;
			}

#navSub .status {
	float: right;
	width: 170px;
	height: 33px;
	padding: 5px 5px;
	margin-right: 2px;
	color: #ffffff;
}
#navSub .row1 div
{
	display:inline;
	top: -2px;
	position:relative;
}
#navSub .row2 {	top: -2px; font: normal 0.75em/95% arial, helvetica, sans-serif; }
#navSub .row1 { top: -10px; position: relative; }

#navSub		{float: left;
			background: #9D8F83;
			padding: 7px 0 0 109px;
			width: 841px;
			height: 33px;
			overflow: hidden;
			}

/*#navSub	.button1, #navSub .button2 */
#navSub .buttonOn, #navSub .buttonOff {
			float: left;
			position: relative;
			margin-right: 2px;
}

/* #navSub	.button1 a */
#navSub .buttonOn a {
			display: block;
			color: #FFFFFF;
			padding: 5px 10px;
			background: #615043 url(../images/subnav_right.gif) no-repeat right;	
}

/* #navSub .button2 a */
#navSub .buttonOff a {
			display: block;
			color: #FFFFFF;
			padding: 5px 10px;
			background: #7E6F63 url(../images/subnav_right.gif) no-repeat right;
}

/* #navSub	.button1 a:hover, #navSub .button2 a:hover */
#navSub .buttonOn a:hover, #navSub .buttonOff a:hover {
			display: block;
			background: #CCCCCC url(../images/subnav_right.gif) no-repeat right;	
}

/* #navSub	.button1start, #navSub .button2start */
#navSub .buttonOnStart, #navSub .buttonOffStart {
			position: absolute;
			z-index: 100;
}

#contentTxt {
			padding: 26px 28px 20px 112px;
			width: 550px;
			}

#copyright {
	position: absolute;
	left: 50px;
	bottom: 15px;
	padding: 0px;
	font-size: 0.8em;
}

#footerlinks {
	position: absolute;
	left: 625px;
	bottom: 15px;
	padding: 0px;
	font-size: 0.9em;
}

/********** LOGIN PAGE **********/
#contentLogin {
			position: relative;
			width: 950px;
			}
			
#contentLogin img {
			margin: 20px 0 0 0;
			}

#contentLogin span { 
			font: arial, sans-serif;
			color: #53534A;
			}

#loginForm {
			float: left;
			width: 650px;
			height: 348px;
			padding-left: 300px;
			padding-top: 50px;
			background: #F3F1EC;
			margin-top: -3px; /* Workaround: sometimes IE adds a 3px bottom margin to a full-width image */
			}

#splashText {
			position: absolute;
			width: 410px;
			top: 95px;
			left: 50px;
			padding-top: 5px;
			}

#splashText .blue {
			float: left;
			font: 2.0em "Avenir Medium", "Myriad Pro", arial, sans-serif;
			/* font-weight: 600; */
			color: #005294;
			}
			
#splashText img {
			margin-top: -5px;
			margin-left: 6px;
			overflow: visible;
			}

#splashText .darkgray {
			clear: both;
			float: left;
			width: 410px;
			margin-top: 20px;
			font: 1.3em "Avenir Roman", "Myriad Pro", arial, sans-serif;
			/* font-weight: 600; */
			color: #333333;
			}
			
#loginForm .green {
			float: left;
			margin-top: 0;
			font: 2.0em "Avenir Roman", "Myriad Pro", arial, sans-serif;
			/* font-weight: 600; */
			color: #8CC63F;
			}

#loginForm span {
			clear: both;
			float: left;
			width: 270px;
			margin-top: 30px;
			font-size: 1.0em;
			line-height: 1.4;
			}

#loginForm form {
			clear: both;
			float: left;
			width: 370px;
			margin-top: 10px;
			position: relative;
			}

#loginForm form #buttonLogin {
			position: absolute;
			top: 111px;
			left: 264px;
			}
#loginForm form #loadingImg {
			position: absolute;
			top: 92px;
			left: 264px;
			}

#loginError {
			clear: both;
			float: left;
			}

#loginError span {
			font-size: 0.9em;
			color: #FF0000;
			padding-left: 2px;
			}

.loginInput {
			clear: both;
			float: left;
			border: 0;
			width: 234px;
			height: 20px;
			margin-top: 30px;
			padding: 5px 8px;
/* Declan: We'd like this background to be "fixed" instead of "scroll" the default. With "scroll" the field box will appear to scroll if
overflowing text is entered. However a bug in IE7 makes the background disappear with "fixed"! This is a notorious IE7 bug with few 
workarounds. The 100% 100% "fix" below is a compromise, the background "sticks" but looks a little rough around the edges. However IE6
does support "fixed" and with the "hack" below we can at least target IE6 and have it look fine. */
			background: url(../images/login_input_field.gif) no-repeat 100% 100%;
			}

.loginInput {
			_background: url(../images/login_input_field.gif) fixed no-repeat;
			}

#contentLogin span.label {
			float: left;
			margin-top: 10px;
			margin-left: 10px;
			font: 1.1em arial, sans-serif;
			color: #6E92A8;
			}

#feedback {
			clear: both;
			float: left;
			padding-top: 25px;
			padding-left: 50px;
			white-space: nowrap;
			font-size: 0.9em;
			}
			
#feedback span.blue {
			font: 2.0em "Avenir Roman", "Myriad Pro", arial, sans-serif;
			color: #005294;
			margin-right: 10px;
			}

/********** BIG LISTS **********/	
						
#listBig .list {
			float: left;
			position: relative;
			font-size: 1.2em;
			width: 548px;
			height: 51px;
			background: url(../images/list_big-off.gif) no-repeat top;
			}			
			
#listBig .list a {
			float: left;
			display: block;
			color: #53534A;
			width: 496px;
			height: 28px;
			padding: 12px 0 0 52px;
			}

#listBig .list a:hover {
			background: url(../images/list_big-on.gif) no-repeat top;
			}
			
#listBig .listOn {
			display: none;			
			position: absolute;
			left: 0;
			height: 40px;
			width: 548px;
			}

#listBig .actions {
			display: none;
			position: absolute;
			top: 12px;
			width: 150px;
			height: 19px;
			padding-left: 10px;
			left: 410px;
			}

#listBig .actions a {
			float: left;
			padding: 0;
			width: 25px;
			height: 19px;
			}

#listBig .actions img {
			float: left;
			}

#listBig .title {
			float: left;
			line-height: 18px;
			cursor: hand;
			}
						
#listBig .connected {
			float: left;
			color: #8DC73F;
			font-size: 0.6em;
			padding: 3px 0 0 10px;
			cursor: hand;
			text-transform: uppercase;
			}
			
#listBig .disconnected {
			float: left;
			color: #F26522;
			font-size: 0.6em;
			padding: 3px 0 0 10px;
			cursor: hand;
			text-transform: uppercase;
			}
			
#listBig .update {
			float: left;
			color: #8E8C84;
			font-size: 0.6em;
			padding: 3px 0 0 10px;
			cursor: hand;
			}

#listBig .sync {
			float: left;
			font-size: 0.6em;
			padding: 3px 0 0 10px;
			color: #0072BC;
			cursor: hand;
			}
				
#listBig .sync a, #listBig .sync a:hover {
			color: #0072BC;
			}		
			
#listBig .desc {
			float: right;
			font-size: 0.6em;
			color: #8E8C84;
			padding: 3px 14px 0 0;
			}
			
#listBig .list a.recommend {
			float: left;
			color: #53534A;
			width: 536px;
			height: 28px;
			padding: 12px 0 10px 12px;
			position: relative;
			}
			
#listBig .list a.recommend:hover {
			background: none;
			}
			
#listBig .list a.recommend .number {
			float: left;
			height: 18px;
			line-height: 18px;
			color: #D7D7D7;
			margin-right: 23px;
			}
			
#listBig .list a.recommend .name {
			float: left;
			height: 18px;
			line-height: 18px;
			cursor: pointer;
			}
			
#listBig .list a.recommend .relevance {
			position: absolute;
			top: 12px;
			left: 483px;
			width: 50px;
			height: 18px;
			}
			
#listBig .list a.recommend .actualRelevance {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 50px;
			height: 18px;
			background: url(../images/relevance_indicator.gif) no-repeat;
			}



/********** SMALL LISTS **********/	
						
#listSm {
			float: left;
}

#listSm .list {
			position: relative;
			font-size: 0.9em;
			width: 490px;
			height: 21px;
			background: url(../images/list_highlight_sm.gif) no-repeat;
			padding-left: 33px;
			padding-top: 4px;
			overflow: hidden;
			}			
			
#listSm .list a {
			color: #53534A;
			}
			
#listSm .listOn {
			position: absolute;
			top: 2px;
			left: 379px;
			display: none;			
			width: 140px;
			height: 25px;
			}

			
#listSm .listTxt {
			width: 339px;
			white-space: nowrap;
			overflow: hidden;
			}
						
#listSm .title {
			cursor: hand;
			}
			
#listSm .artist {
			cursor: hand;
			padding-left: 7px;
			color: #999999;
			}


/********** RIGHT SIDE CONTENT **********/	
				
#contentRight {
			position: absolute;
			top: 210px;
			margin-left: 688px;
			}
			
#searchBox	{background: url(../images/search_box.png);
			behavior: url(css/iepngfix.htc);
			float: left;
			width: 213px;
			height: 25px;
			}
			
#searchButton {
			float: left;
			}
			
.searchBoxField {
			font: normal 0.85em arial, helvetica, sans-serif;
			color: #666666;
			border: 1px solid #FFFFFF;
			margin: 3px 0 0 12px;
			width: 195px;
			}
			
#jumptoAlpha	{
			background: url(../images/jumpto_bkgd.png) 0 0 no-repeat;
			width: 552px;
			height: 28px;
			margin-left: -72px;
			padding: 7px 0 0 77px;
			text-transform: uppercase;
			}
			
#jumptoAlpha a	{
			display: block;
			float: left;
			color: #AAA096;
			font-weight: bold;
			width: 15px;
			height: 18px;
			padding: 2px 0 0 5px;
			overflow: hidden;
			}

#jumptoAlpha a:hover, #jumptoAlpha .letterOn a, #jumptoAlpha .letterOn a:hover  {
			background: url(../images/jumpto_alpha-on.png) 0 0 no-repeat;
			color: #FFFFFF;
			font-weight: bold;
			}
			
#dPageResults {
			position: relative;
			width: 551px;
			height: 431px;
			overflow: hidden;
			padding-top: 5px;
			}
			
#dPageResultsScrollArea {
			position: absolute;
			width: 551px;
			height: 431px;
			overflow: auto;
			}
			
#dPager		{
			height: 24px;
			margin-top: 22px;
			padding-left: 62px;
			}
			
#dPager	a	{
			display: block;
			float: left;
			width: 22px;
			height: 17px;
			padding: 4px 3px 3px 4px;
			color: #0072BC;
			font-size: 0.9em;
			font-weight: bold;
			outline-width: 0; /* no outline on click */
			}

#dPager a:hover, #dPager .pageOn a, #dPager .pageOn a:hover {
			background: url(../images/jumpto_page-on.png) no-repeat;
			color: #FFFFFF;
			font-weight: bold;
			}

/********** TABS FORMATTING **********/
#tabs {
	list-style: none;
	width: 525px;
	height: 31px;
	padding-left: 25px;
	float: left;
    background: url(../images/tabs_underline.png) no-repeat left bottom;
	}

#tabs li {
	float: left;
	height: 30px;
	padding: 0;
	margin-right: 17px;
	}

#tabs li a {
	display: block;
	float: left;
	position: relative;
	right: 4px;
	height: 17px;
	line-height: 17px;
	outline-width: 0; /* no outline on click */
	padding: 8px 12px 5px 14px;
	text-decoration: none;
    font-size: 1.3em;
	color: #716458;
	}

#tabs li.active {
	background: url(../images/tab_right.gif) no-repeat right;
	}

#tabs li.active a {
	color: #FFFFFF;
	background: url(../images/tab_left.gif) no-repeat left;
	}

/********** TABS SUBMENU FORMATTING **********/
.tabOptions {
	clear: both;
	float: left;
	list-style: none;
	padding: 10px 0 0 0;
	}

.tabOptions li {
	float: left;
	height: 30px;
	padding: 0;
	font-size: 0.8em;
	margin-right: 20px;
	}

.tabOptions li a {
	color: #0072BC;
	outline-width: 0;
}

.tabOptions li.active a {
	color: #EA6A26;
}

#songsOptions {
	padding-left: 36px;
	}

#artistsOptions {
	padding-left: 132px;
	}

#channelsOptions {
	padding-left: 224px;
	}

#playlistsOptions {
	padding-left: 408px;
	}

#addRemovePlaylistsOptions {
	padding-left: 340px;
	}

/********** ACTION BAR FORMATTING **********/
#actionBar {
	clear: both;
	float: left;
	position: relative;
	margin-top: 10px;
	padding: 0 0 0 16px;
	width: 534px;
	height: 33px;
	background: url(../images/action_bar_bkgd.gif) no-repeat;
	}

#actionBar #icons {
	position: absolute;
	top: 5px;
	left: 283px;
	}

#actionBar #icons img {
	margin-right: 8px;
    behavior: url(css/iepngfix.htc);
	}

#actionBar #icons a {
	outline-width: 0;
	}

#actionBar #select {
	width: 260px;
	position: absolute;
	top: 5px;
}

#actionBar #select span {
	float: left;
	font-size: 0.9em;
	color: #8DC73F;
	margin: 5px 12px 0 0;
	}

#actionBar #select img {
	float: left;
	margin-right: 12px;
	}

#actionBar #select a {
	position: absolute;
	top: 5px;
	left: 135px;
	font-size: 0.8em;
	outline-width: 0;
	}
	
#actionBarSm {
	float: left;
	position: relative;
	width: 340px;
	height: 33px;
	margin-top: -5px;
	background: url(../images/action_bar_bkgd-sm.gif) no-repeat;
	}
	
#actionBarSm #icons {
	position: absolute;
	top: 5px;
	left: 230px;
	}

#actionBarSm #icons img {
	margin-right: 8px;
    behavior: url(css/iepngfix.htc);
	}

#actionBarSm #icons a {
	outline-width: 0;
	}

#actionBarSm #select {
	padding-left: 20px;
	width: 192px;
	position: absolute;
	top: 5px;
}

#actionBarSm #select span {
	float: left;
	font-size: 0.9em;
	color: #8DC73F;
	margin: 5px 12px 0 0;
	}

#actionBarSm #select img {
	float: left;
	margin-right: 12px;
	}

#actionBarSm #select a {
	position: absolute;
	top: 5px;
	left: 146px;
	font-size: 0.8em;
	outline-width: 0;
	}
	

/********** PRESET CHANNELS FORMATTING **********/
#presetsHeader {
	clear: both;
	float: left;
	padding-left: 17px;
	font-size: 0.8em;
	color: #716458;
	}

#presetsChannels {
	clear: both;
	float: left;
	width: 561px;
	height: 546px;
	margin-top: 10px;
	background: url(../images/presets_bkgd.gif) no-repeat;
	}

#presetsChannelList {
	float: left;
	list-style: none;
	padding-left: 5px;
	}

#presetsChannelList li {
	display: block;
	width: 550px;
	height: 40px;
	margin-bottom: -3px; /* margin bug on IE */
	padding: 0;
	position: relative;
	color: #53534A;
	}

#presetsChannelList li.first {
	margin-bottom: 5px; /* no separator after this "pseudo" list element */
	color: #FFFFFF;
	}

#presetsChannelList li.empty {
	color: #FFFFFF;
	background: url(../images/preset_empty_channel.gif) no-repeat;
	}

#presetsChannelList li .number {
	position: absolute;
	height: 28px;
	top: 12px;
	left: 11px;
	font-size: 1.4em;
	}

#presetsChannelList li .title {
	position: absolute;
	height: 28px;
	top: 12px;
	left: 59px;
	font-size: 1.4em;
	}

#presetsChannelList li .subtitle {
	position: absolute;
	height: 28px;
	top: 14px;
	left: 210px;
	font-size: 0.9em;
	}

#presetsChannelList li .icons {
	display: none;
	position: absolute;
	top: 14px;
	left: 445px;
	}

#presetsChannelList li .icons img {
	display: inline;
	margin-right: 7px;
	}

#presetsChannelList li .emptyIcons {
	position: absolute;
	top: 14px;
	left: 498px;
	}

/********** ADD CHANNELS POPUP FORMATTING **********/
#addChannelPopup {
	width: 573px;
	height: 365px;
	position: absolute;
	top: 150px;
	left: 100px;
	display: none;
	background: url(../images/add_channel_popup_bkgd.png);
	}

#addChannelPopup .header {
	position: absolute;
	top: 10px;
	left: 8px;
	height: 22px;
	line-height: 22px;
	}

#addChannelPopup .header span {
	position: relative;
	bottom: 1px;
	left: 6px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
	}

#addChannelPopup #topMenu {
	position: absolute;
	top: 6px;
	left: 135px;
	list-style: none;
	}

#addChannelPopup #topMenu li {
	float: left;
	height: 24px;
	padding: 0;
	margin-right: 10px;
	}

#addChannelPopup #topMenu li a {
	float: left;
	display: block;
	position: relative;
	right: 2px;
	padding: 5px 10px;
	height: 14px;
	font-size: 1.25em;
	outline-width: 0;
	}

#addChannelPopup #topMenu li.active {
	height: 24px;
	background: url(../images/add_channel_add_nav_right.gif) no-repeat right;
	}

#addChannelPopup #topMenu li.active a {
	color: #FFFFFF;
	outline-width: 0;
	background: url(../images/add_channel_add_nav_left.gif) no-repeat left;
	}

#addChannelPopup .cancel {
	position: absolute;
	top: 6px;
	left: 503px;
	height: 20px;
	line-height: 20px;
	color: #0072BC;
	}	

#addChannelPopup .cancel img {
	position: relative;
	top: 3px;
	}

#addChannelPopup #addButton {
	position: absolute;
	top: 325px;
	left: 499px;
	}
#addChannelPopup #addResults {
	position: absolute;
	top: 55px;
	left: 0px;
}

#addChannelPopup #addButton a {
	outline-width: 0;
	}

#addChannelPopup #genres {
	position: absolute;
	top: 47px;
	left: 8px;
	height: 23px;
	width: 552px;
	display: none;
	overflow: hidden;
	}

#addChannelPopup #genres img {
	position: absolute;
	top: 8px;
	}

#addChannelPopup #genres img.right {
	position: absolute;
	top: 8px;
	left: 546px;
	}

#addChannelPopup #genres .menu {
	list-style: none;
	width: 520px;
	height: 23px;
	margin-left: 5px;
	}

#addChannelPopup #genres .menu li {
	float: left;
	height: 23px;
	padding: 0;
	margin-right: 10px;
	position: relative;
	}

#addChannelPopup #genres .menu li a {
	float: left;
	display: block;
	position: relative;
	left: -8px;
	padding: 0px 2px 0px 10px;
	height: 23px;
	line-height: 23px;
	font-size: 1.1em;
	color: #716458;
	outline-width: 0;
	}

#addChannelPopup #genres .menu li.active {
	background: url(../images/add_channel_genre_right.gif) no-repeat top right;
	}

#addChannelPopup #genres .menu li.active a {
	color: #FFFFFF;
	background: url(../images/add_channel_genre_left.gif) no-repeat top left;
	}

/********** ADD-REMOVE-MUSIC FORMATTING **********/
#playerStatus {
	clear: both;
	float: left;
	width: 546px;
	height: 94px;
	margin-bottom: 15px;
	position: relative;
	background: url(../images/player_status_bkgd.gif) no-repeat;
	}

#playerStatus #imgPlayer {
	position: absolute;
	top: 13px;
	left: 13px;
	}

#playerStatus #thermometer {
	position: absolute;
	top: 14px;
	left: 83px;
	width: 451px;
	}

#playerStatus #thermometer .full {
	position: absolute;
	top: 2px;
	left: 5px;
	height: 14px;
	width: 440px;
	background: url(../images/player_full_indicator.gif) no-repeat;
	}

#playerStatus #tracks {
	position: absolute;
	top: 40px;
	left: 87px;
	font-size: 0.8em;
	color: #666666;
	}

#playerStatus #tracksRemaining {
	position: absolute;
	top: 40px;
	left: 337px;
	font-size: 0.8em;
	color: #666666;
	}

#playerStatus #syncIndicator {
	position: absolute;
	top: 61px;
	left: 30px;
	}

#playerStatus #lastSync {
	position: absolute;
	top: 66px;
	left: 87px;
	font-size: 0.7em;
	color: #53534A;
	}

/********** ADD SONGS POPUP FORMATTING **********/
#addSongsPopup {
	width: 573px;
	height: 465px;
	position: absolute;
	top: 416px;
	left: 46px;
	display: none;
	background: url(../images/add_songs_popup_bkgd.gif);
	}

#addSongsPopup .header {
	position: absolute;
	top: 10px;
	left: 8px;
	height: 22px;
	line-height: 22px;
	}

#addSongsPopup .header span {
	position: relative;
	bottom: 1px;
	left: 6px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
	}

#addSongsPopup #topMenu {
	position: absolute;
	top: 6px;
	left: 135px;
	list-style: none;
	}

#addSongsPopup #topMenu li {
	float: left;
	height: 24px;
	padding: 0;
	margin-right: 10px;
	}

#addSongsPopup #topMenu li a {
	float: left;
	display: block;
	position: relative;
	left: -2px;
	padding: 5px 10px;
	height: 14px;
	font-size: 1.25em;
	outline-width: 0;
	}

#addSongsPopup #topMenu li.active {
	height: 24px;
	background: url(../images/add_songs_nav_right.gif) no-repeat right;
	}

#addSongsPopup #topMenu li.active a {
	color: #FFFFFF;
	background: url(../images/add_songs_nav_left.gif) no-repeat left;
	}

#addSongsPopup .cancel {
	position: absolute;
	top: 6px;
	left: 503px;
	height: 20px;
	line-height: 20px;
	color: #0072BC;
	}	

#addSongsPopup .cancel img {
	position: relative;
	top: 3px;
	}

#addSongsPopup #addButton {
	position: absolute;
	top: 425px;
	left: 499px;
	}

#addSongsPopup #addButton a {
	outline-width: 0;
	}

#addSongsPopup #letters {
	position: absolute;
	top: 48px;
	left: 20px;
	text-transform: uppercase;
	}

#addSongsPopup #letters a {
	display: block;
	float: left;
	color: #AAA096;
	font-weight: bold;
	width: 15px;
	height: 18px;
	padding: 2px 0 0 5px;
	overflow: hidden;
	outline-width: 0;
	}
      
#addSongsPopup #letters a:hover {
	background: url(../images/jumpto_alpha-on.png) 0 0 no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	}
      
#addSongsPopup #results {
	position: absolute;
	top: 73px;
	left: 15px;
	height: 325px;
	overflow: hidden;
	}

/********** CHANNEL RECOMMENDER FORMATTING **********/
#channelRecPrompt {
	clear: both;
	float: left;
	position: relative;
	top: -10px;
	margin-bottom: 35px;
	font-size: 0.9em;
	color: #53534a;
	white-space: nowrap;
	}

#enterNames {
	clear: both;
	float: left;
	margin-bottom: 20px;
	font-size: 1.3em;
	color: #53534a;
	white-space: nowrap;
	}

#artistInputFields {
	clear: both;
	float: left;
	width: 550px;
	height: 60px;
	margin-bottom: 30px;
	}

.artistNameInput {
	float: left;
	border: 0;
	width: 162px;
	height: 19px;
	padding: 3px 8px;
	margin-right: 5px;
    background: url(../images/recommender_artist_name.png) no-repeat;
	}

#artistInputFields #artistGoButton {
	position: relative;
	top: 10px;
	left: 512px;
	width: 31px;
	height: 15px;
	outline-width: 0;
	}

#artistResults {
	clear: both;
	float: left;
	width: 550px;
	}
	
/********** CHANNEL RECOMMENDER FORMATTING **********/
#channelRecPrompt {
	clear: both;
	float: left;
	position: relative;
	top: -10px;
	margin-bottom: 35px;
	font-size: 0.9em;
	color: #53534a;
	white-space: nowrap;
	}

#enterNames {
	clear: both;
	float: left;
	margin-bottom: 20px;
	font-size: 1.3em;
	color: #53534a;
	white-space: nowrap;
	}

#artistInputFields {
	clear: both;
	float: left;
	width: 550px;
	height: 60px;
	margin-bottom: 30px;
	}

.artistNameInput {
	float: left;
	border: 0;
	width: 162px;
	height: 19px;
	padding: 3px 8px;
	margin-right: 5px;
    background: url(../images/recommender_artist_name.png) no-repeat;
	}

#artistInputFields #artistGoButton {
	position: relative;
	top: 10px;
	left: 512px;
	width: 31px;
	height: 15px;
	outline-width: 0;
	}

#artistResults {
	clear: both;
	float: left;
	width: 550px;
	}
			
img.loading {
	top: 4px;
	position:relative;
}

.loading {
	color: #000000;
	top: 0px;
}

/******* SYNC / PORTABLE PLAYER **********/
.pp {
	float: left;
	background: url(../images/sync_bkgd.gif);
	width: 546px;
	height: 94px;
}

.pp .left {
	float: left;
	padding: 14px 0 0 14px;
	width: 69px;
}

.pp .right {
	float: left;
	padding-top: 14px;
	width: 451px;
}

.pp .device {
	padding-bottom: 10px;
}

.pp .button {
	padding-left: 18px;
}

#progressbar {
	position: relative;
	width: 451px;
	height: 18px;
	background: url(../images/sync_bar.gif);
}
#progressbar { border: 0; }
#progressbar .ui-widget-header { top: 1px; background: url(../images/sync_bar-on.gif) no-repeat; border: 0; }
#progressbar .ui-progressbar-value { margin-top:0px; background-image: url(../images/sync_bar-on.gif); }

.pp .tracks {
	float: left;
	padding-top: 2px;
	color: #666666;
	font-size: 0.85em;
}

.pp .tracksAdd {
	float: right;
	padding-top: 2px;
	color: #666666;
	font-size: 0.85em;
}

.pp a.cancel {
	float: right;
	padding-top: 2px;
	color: #666666;
	font-size: 0.85em;
}
.pp a.cancel:hover {
	text-decoration: underline;
}

.pp .last {
	clear: both;
	font-size: 0.8em;
	padding-top: 15px;
	color: #9E9C94;
}

/****** POP-UP SONG INFO *******/
#popupSong {
	position: absolute;
	top: 220px;
	left: 370px;
	display: none;
	background: url(../images/popup_song_info.png);
	width: 255px;
	overflow: hidden;
}

#popupSong .top {
	background: url(../images/popup_song_info-top.png) no-repeat;
	width: 255px;
	height: 58px;
}

#popupSong .close {
	padding: 14px 0 0 224px;
}

#popupSong .mid {
	float: left;
	background: url(../images/popup_song_info-mid.png);
	width: 255px;
}

#popupSong .end {
	background: url(../images/popup_song_info-end.png);
	width: 255px;
	height: 35px;
}

#popupSong .title {
	float: left;
	width: 68px;
	text-align: right;
	color: #AFADAC;
	font-size: 0.7em;
	text-transform: uppercase;	
}

#popupSong .value {
	float: left;
	width: 160px;
	padding-left: 8px;
	font-size: 0.85em;
	line-height: 125%;
}

#popupSong .mid .clear {
	clear: both;
	line-height: 0;
	padding-bottom: 3px;
}

#popupSong .img1 {
	float: left;
	display: inline;
	width: 80px;
	height: 80px;
	background: #9D8F83;
	overflow: hidden;
	margin: 3px 0 5px 41px;
}

#popupSong .img2 {
	float: left;
	width: 80px;
	height: 80px;
	background: #9D8F83;
	overflow: hidden;
	margin: 3px 0 5px 2px;
}

#dialog {
	vertical-align: middle;
	text-align:center;
}