body{
	text-align: left;
}

a#advancedOptions,
#browseOptions{
	position: fixed;
	top:25%;
}
* html a#advancedOptions,
* html #browseOptions{
	position: absolute;
	top:0px;
	left: 0px;
}
a#advancedOptions,
a#closeAdvancedOptions{
	display: block;
	text-indent: -99999px;
	text-decoration: none;
	width: 31px;
	height: 139px;
	background: url(/images/browse/browseSprite.png) no-repeat -1px -106px;
}
a#advancedOptions:hover{
	background-position: -33px -106px;
}
a#closeAdvancedOptions{
	float: right;
	background-position: -65px -106px;
}
#browseOptions{
	background-color: #121212;
	color: #ccc;
	width: 431px;
	text-align: left;
	z-index: 10;
}
#browseOptions .options{
	width: 360px;
	padding: 20px;
}

#browseOptions input,
#browseOptions select,
#browseOptions textarea{
	color: #333;
}
#browseOptions p{
	padding-bottom: 10px;
}
#browseOptions label{
	display: block;
	padding-bottom: 4px;
	font-size: 11px;
}
#browseOptions .avatar label{
	display: inline;
}

#browseNav,
#browseNav li,
#browseNav a{
	display: block;
	margin: 0;
	height: 26px;
}
#browseNav{
	padding: 30px 0 0 5px;
	margin: 0;
	list-style: none;
}
#browseNav li{
	float: left;
	padding: 0;
}
#browseNav a{
	text-decoration: none;
	text-indent: -99999px;
	background: url(/images/browse/browseSprite.png) no-repeat center;
}
#browseNav .music,
#browseNav .music a{
	width: 71px;
}
#browseNav .music a{
	background-position: 0px 0px;
}
#browseNav .music a.on{
	background-position: 0px -26px;
}
#browseNav .video,
#browseNav .video a{
	width: 65px;
}
#browseNav .video a{
	background-position: -92px 0px;
}
#browseNav .video a.on{
	background-position: -92px -26px;
}
#browseNav .photography,
#browseNav .photography a{
	width: 162px;
}
#browseNav .photography a{
	background-position: -179px 0px;
}
#browseNav .photography a.on{
	background-position: -179px -26px;
}
#browseNav .art,
#browseNav .art a{
	width: 43px;
}
#browseNav .art a{
	background-position: -360px 0px;
}
#browseNav .art a.on{
	background-position: -360px -26px;
}
#browseNav .word,
#browseNav .word a{
	width: 66px;
}
#browseNav .word a{
	background-position: -423px 0px;
}
#browseNav .word a.on{
	background-position: -423px -26px;
}

#browseNav .check,
#browseNav .check a{
	width: 22px;
}
#browseNav .check{
	padding: 0 0 0 20px;
}
#browseNav .check a{
	background-position: -192px -52px;
}
#browseNav .check a.on{
	background-position: -168px -52px;
}

#browseNav .media,
#browseNav .media a{
	width: 36px;
}
#browseNav .media a{
	background-position: -276px -78px;
}
#browseNav .media a.on{
	background-position: -276px -52px;
}
#browseNav .users,
#browseNav .users a{
	width: 36px;
}
#browseNav .users a{
	background-position: -345px -78px;
}
#browseNav .users a.on{
	background-position: -345px -52px;
}

#browseNav .radio,
#browseNav .radio a{
	width: 22px;
}
#browseNav .radio{
	padding: 0 0 0 10px;
}
#browseNav .radio a{
	background-position: -240px -52px;
}
#browseNav .radio a.on{
	background-position: -216px -52px;
}

#browseNav .media.radio{
	padding-left: 72px;
}
#browseNav .usersRadio{
	padding-left: 10px;
}

#browseNav li.wordSpacer{
	width:110px;
}

h3.noResults{
	color:#EF4FD3;
	font-size: 14px;
	padding: 28px;
}

.pageNavBottom{
	clear: left;
}
.pageNav .pages{
	color: #333;
}
.pageNav .pages a{
	color: #999;
}
.pageNav .prev a, 
.pageNav .next a{
	display: block;
	text-decoration: none;
	text-indent: -99999px;
}

table.pageNav{
	width: 100%;
	margin: 0;
	padding: 0;
}
table.pageNav,
table.pageNav td{
	border: none;
}
table.pageNav td{
	padding-top: 20px;
}
table.pageNav td.prev{
	padding-left: 20px;
}
table.pageNav td.next{
	padding-right: 20px;
}
table.pageNav td.pages{
	text-align: center;
}
.pageNav{
	clear: both;
}
.pageNav .prev div, 
.pageNav .next div,
.pageNav .prev a, 
.pageNav .next a{
	width: 80px;
	height: 10px;
	background: url(/images/browse/browseNavSprite.png) no-repeat left top;
}
.pageNav .next a{
	float: right;
}
.pageNav td.prev,
.pageNav td.next{
	width: 10%;
}
.pageNav td.pages{
	width: 80%;
}
.pageNav .prev div{
	background-position: left 0px;
}
.pageNav .next div{
	background-position: right -11px;
}
.pageNav .prev a{
	background-position: left -22px;
}
.pageNav .next a{
	background-position: right -33px;
}


.browse .user{
	background: #fff url(/images/browse/browseUserBg.gif) repeat-x bottom;
	border-bottom: 1px solid #eaeaea;
	height: 100px;
	width: 630px;
	float: left;
	padding-left: 10px;
	margin:0 20px 20px;
}
.browse #outer .user div.avatar,
.browse #outer .user div.infoLeft,
.browse #outer .user div.infoRight,
.browse #outer .user div.media,
.browse .user div.avatar,
.browse .user div.infoLeft,
.browse .user div.infoRight,
.browse .user div.media{
	float: left;
	overflow: hidden;
}
.browse .user.first .avatar,
.browse .user.first .infoLeft,
.browse .user.first .infoRight,
.browse .user.first .media{
	background: transparent url(/images/browse/browseUserTopBg.gif) repeat-x top;
	float: left;
}
.browse .user .rating, 
.browse .user .showrating{
	margin: 0;
}
.browse .user .avatar{
	padding: 7px 0 0 6px;
	height: 93px;
}
.browse .user .avatar img{
	display: block;
}
.browse .user .infoLeft{
	width: 150px;
	padding: 12px 0 0 8px;
	height: 88px;
}
.browse .user .infoRight{
	width: 132px;
	color: #999;
	font-size: 10px;
	padding: 20px 8px 0 20px;
	height: 80px;
	text-align: right;
}
.browse .user .name,
.browse .user .name a{
	color: #333;
	font-size: 11px;
}
.browse .user .name a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.browse .user .genres{
	font-size: 10px;
	padding-top: 4px;
}
.browse .user .showrating{
	margin-top: 8px
}
.browse .user .avgrating{
	font-size: 9px;
	color: #999;
}
.browse .user .stats{
	padding-top: 6px;
}
.browse .user .item{
	height:80px;
	padding:10px 0;
	width: 75px;
}
.browse .user .item{
	display: inline-table;
}
.browse .user .item .image,
.browse .user .item .audio{
	display: table-cell;
}
.browse .user .item small{
	padding-top: 2px;
}
.browse .user .item .imageBorder{
	display: inline-block;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0;
	padding:2px;
}
.browse .user .item .image,
.browse .user .item .image img,
.browse .user .item .audio,
.browse .user .item .audio span{
	vertical-align: middle;
}
.browse .user .audioWrap{
	background: transparent url(/images/browse/musicNote.png) no-repeat center;
}
.browse .user .item .audio a{
	color: #333;
	text-decoration: none;
	padding-bottom: 4px;
}
.browse .user .more{
	display: block;
	text-decoration: none;
	text-indent: -999999px;
	width: 40px;
	height: 32px;
	background: url(/images/browse/browseSprite.png) no-repeat -73px -74px;
	float: left;
	margin-top: 34px;
}
.browse .user .more:hover{
	background-position: -124px -74px;
}
.browse .user .noResults{
	padding-top: 20px;
	color: #ccc;
	font-style: italic;
}
.browse .user .userMode{
	padding-top: 20px;
	font-size: 11px;
	font-style: italic;
}
.browse .user .userMode,
.browse .user .userMode a{
	color: #999;
}
#userBrowseHeader{
	float: none;
	margin:0;
	width:auto;
	padding-left: 40px;
	background:transparent url(/images/browse/browseUserTopBg.gif) repeat-x scroll center top;
}
#userBrowseHeader .userMode{
	float: left;
	padding: 40px 0 0;
	text-align: center;
}
#userBrowseHeader .userMode,
#userBrowseHeader .userMode a{
	color:#333;
	font-size:11px;
}
#userBrowseHeader .infoLeft{
	width: 200px;
}
#userBrowseHeader .infoRight{
	line-height: 1.2;
	float: right;
	padding-right: 50px;
}
#userBrowseHeader .infoRight,
#userBrowseHeader .infoRight a{
	color: #999;
	text-decoration: none;
}
#userBrowseHeader .infoRight a:hover{
	text-decoration: underline;
}

#ie6warning{
	margin: 20px 0 0;
	padding: 5px;
	background-color:#FF99ED;
	border:1px solid #FF72E6;
	color: #333;
	text-align: center;
	font-size: 11px;
}