﻿/***************** Default Page ********************/
.StartBlock { width: 606px; margin: 3px auto; }
.RateStart,
.CreateStart,
.EnterStart { display: block; width: 198px; height: 72px; float: left; }

.RateStart { background-image: url(images/rate_start.jpg); margin-right: 6px; }
.CreateStart { background-image: url(images/create_start.jpg); margin-right: 6px; }
.EnterStart { background-image: url(images/enter_start.jpg); }

/**************** Browse Page *******************/
.BrowseContainer .MediumControl { width: 175px; vertical-align: text-top; }
.BrowseContainer .FilterLabel, 
.BrowseContainer .SearchLabel { display: block; width: 75px; float: left; text-align: right; color: #F90; font-size: 10pt; font-variant: small-caps; font-weight: bold; margin: 3px; vertical-align: middle; }

.AZLinks { display: block; margin: 5px 0px 5px 70px; }
.AZLinks * { font-size: 7pt; }
.AZLinks .AZLink,
.AZLinks .AZLinkSelected { margin: 0px 4px; clear: both; width: 100%; }
.AZLinks .AZLink a { color: #369; font-weight: bold; text-decoration: none; }
.AZLinks .AZLink a:hover { color: #F90; }
.AZLinks .AZLinkSelected a { color: #F90; font-weight: bold; text-decoration: none; }

.Sorting { display: block; width: 47%; padding: 0px 1%; float: left; }
.Sorting select {  font-size: 8pt; }

.Pager { display: block; width: 47%; float: right; text-align: right; margin-top: -10px; }
.Pager select { display: inline-block; width: 125px; margin-bottom: 2px; *margin-bottom: 0px; }
.Pager .PagerButton { font-size: 20pt; text-decoration: none; } 

.ResultsDescription { display: block; margin-top: 10px; text-align: center; color: #369; font-weight: bold; }


/* Results */
.ResultScroller { height: 345px; overflow: auto; }
.Results { width: 97%; background-color: #FFF; }
.Results .Item { padding: 5px; border-bottom: dashed 1px #CCC; }
.Results .ItemSelected {padding: 5px; border-bottom: dashed 1px #CCC; background-color: #dddddd;}

.Results .ArtistImageLink { display: block; width: 50px; height: 50px; float: left; margin-right: 5px; }

.Results .TitleBlock .PlayLink { display:block; float: left; margin-right: 3px; }
.Results .TitleBlock a { text-decoration: none; }
.Results .TitleBlock { display: block; }
.Results .TitleBlock .Name { font-size: 12pt; font-weight: bold; }
.Results .TitleBlock .Artist { font-size: 10pt; }
.Results .TitleBlock .Location { font-size: 7pt; font-style:italic; color: #966; }

.Results .DescriptionBlock  { display: block; }
.Results .DescriptionBlock * { font-size: 8pt; }
.Results .DescriptionBlock .DateAdded { font-style: italic; } 
.Results .DescriptionBlock .Genre { color: #966; }
.Results .DescriptionBlock .ArtistLink  { color: #369; }
.Results .DescriptionBlock .ArtistLink:hover { color: #F90; }
.Results .DescriptionBlock .DateAdded,
.Results .DescriptionBlock .Genre,
.Results .DescriptionBlock .ArtistLink {float: left; margin: 5px 3px; }
.Results .DescriptionBlock .RatingDiv,
.Results .DescriptionBlock .RatingLoginDiv  { float: right; width: 130px; margin-top: -3px; }

/***************** Artist Page*******************/
/* Top Artist Block */
.ArtistView { display: block; padding: 7px; }
.ArtistView .TitleBlock { display: block; margin: 3px; }
.ArtistView .TitleBlock .Name { display: block; font-size: 14pt; font-weight: bold; color: #F90; }
.ArtistView .TitleBlock .WebLink { display: block; float: right; background-image: url(images/ArtistWebsiteIcon.gif); width: 51px; height: 16px; }
.ArtistView .DescriptionBlock { clear: both; padding: 5px;  }
.ArtistView .FullImage { margin-right: 5px; }
.ArtistView .InsertDate { font-style: italic; }
.ArtistView .Genre { color: #966; } 
.ArtistView .AvgRating { clear: both; float: left; margin: 6px 0px 0px 5px; color: #F90; font-weight: bold;}
.ArtistView .AverageRating { float: left; width: 100px; height: 24px; margin: 0px 5px;}
.ArtistView .Rating { display: block; float: left; width: auto; margin: 6px 0px 0px 0px; color: #F90; font-weight: bold; }
.ArtistView .UserViolationLink {  display: block; float:right; width: 120px; text-align: right; font-size: 8pt; *padding: 3px; margin-top: 8px; }

/* Artist Tracks */
.ArtistTracks { width: 95%; margin: 5px auto; }
.ArtistTracks .Group .TrackList { width: 98%; margin: auto; }
.ArtistTracks .Group .TrackList .Item { font-size: 8pt; font-weight: bold; color: #5f5e5e;  }
.ArtistTracks .Group .TrackList .MediaTitleField { width: 340px; }
.ArtistTracks .Group .TrackList .MediaName { font-size: 10pt; }
.ArtistTracks .Group .TrackList .MediaTime { font-size: 7pt; font-weight: normal; margin-top: 3px; }
.ArtistTracks .Group .TrackList .RatingControl { width: 135px; text-align: center; }
.ArtistTracks .Group .TrackList .Rater { width: 171px; height: 27px; margin-top: 7px; }
.ArtistTracks .Group .TrackList .RaterText { width: 80px; text-align: right; font-size: 8pt; font-weight: bold; }
.ArtistTracks .Group .TrackList .PlayLinkCell { width: 20px; height: 20px; text-align: center; vertical-align: middle; }
