/*	GLOBAL STYLES	*/

*{
	/* set all margins to nothing */
	padding:0;
	margin:0;
}

body{
	/* background */
	background-color:#fff;
	/* fonts */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

/*link style*/
a{font:Arial, Helvetica, sans-serif; text-decoration:none; color:#333;}
a:link{font:Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
a:visited{font:Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
a:hover{font:Arial, Helvetica, sans-serif; color:#FB7115; text-decoration:none;}
a:active{font:Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}

#titleDesc {
	color: #333333;
	font-size: 13px;
}

#CustomPagerDiv {
	width: 310px;
}

/*	PAGER STYLES	*/
#InfoPager{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	width: 310px;
}
#InfoPager a{
	text-decoration:none;
	color:#333;
}
#InfoPager a:hover{
	text-decoration:none;
	color:#FB7115;
}

#SettingsPage li{
	list-style:none;
}


#SettingsPage{
	width: 310px;
}

#SettingsPage div.settingsPannel{
	float:left;
	margin:8px;
}

#SettingsPage div.group{
	display:table;
	width:270px;
	padding:10px;
	margin:4px 0px 4px 0px;
}


/*	BOOKMARK PAGE	*/
#BookmarkPage {
	width:311px;
	text-align:center;
}
#BookmarkPage ul{
	display:block;
	margin:20px 50px 0px 50px;
	width:190px;
	list-style:none;
	text-align:center;
}
#BookmarkPage li{
	display:inline;
	padding:3px 3px 3px 3px;
}

/*	TOOLS PAGE	*/
#RooToolsPage dt{
	float:left;
	width:290px;
}
#RooToolsPage dd{
	width:290px;
	font-size:9px;
	height:24px;
}

/*	ALERT PAGE	*/

#RooAlertPage input{
	font-size:11px;
}

/*	PLAYLIST GRID	*/
#PlayListGrid, #PlayListGrid td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background-color: #F7F7F7;
	padding-left: 5px;
	padding-bottom: 10px;
}

#PlayListGrid .pager{
	display:none;
}

#PlayListGrid td img{
	width:90px;
	height:90px;
}

#PlaylistReturn, #PlaylistReturn a.playlistReturn, #PlaylistReturn a.playlistReturn:hover{
	text-decoration:underline;
	color:#000;
	float:right;
	width:100px;
	text-align:right;
}

#PlaylistGridTitle{
	font-size:12px;
	font-weight:bold;
	color: #FB7115;
	background-color: #F7F7F7;
	padding-top: 5px;
	padding-left: 5px;
}

#scroller{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border-top: 1px solid #FB7115;
	position:absolute;
	left:0px;
	top:0px;
	width:828px;	
	height:240px;
	overflow:hidden;
}

#trace{
	position:absolute;
	left:450px;
	top:0px;
	width:300px;
	height:300px;
	overflow:auto;
	background-color:#eee;
}


#scroller td {
	background-color: #F7F7F7;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 8px;
}

#scroller td .text{
	display:block;
	text-align:left;
	margin:5px 5px 5px 5px;
	width:85px;
	height:65px;
}

#scroller td img{
	width:90px;
	height:90px;
}

#MusicThumbList td img{
	width:90px;
	height:90px;
}

#MusicThumbList img{
	width:90px;
	height:90px;
}

/* NON-SELECTED PAGER */
#PlayListGrid .pager a{
	background-color: #F7F7F7;
}

/* SELECTED PAGER */
#PlayListGrid tr.pager td{
	text-decoration:none;
	color:#888;
}

/* HELP MENU */
#helpMenu{
	background-color:#F7F7F7;
}
#helpMenu a{
	color:#333;
}
#HelpContent{
	width:100%;
	height:100%;
	background-color:#F7F7F7;	
	margin:0px;
}
#HelpContent table, #HelpContent td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#F7F7F7;
	padding:10px;
}