﻿/********************** Application Page *****************/
.Stepper { display: block; text-align: center; }

/***************** Default Page ********************/
.StartBlock { width: 606px; margin: 3px auto; }
.RateStart { display: block; width: 303px; height: 72px; float: left; }
.EnterStart { display: block; width: 300px; height: 72px; float: left; }

.WinnersLink { display: block; width: 606px; margin: 3px auto; }
.WinnersLabel { font-size: 12pt; font-weight: bold; }

.RateStart { background-image: url(images/rate_start.jpg); margin-right: 3px; }
.EnterStart { background-image: url(images/enter_start.jpg); }

.ArtistTable { width: 95%; margin: 5px auto; }
.ArtistTable .ArtistBlock { padding: 5px 0px; }
.ArtistTable .ArtistImage { margin-top: 3px; }

/**************** 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,
.Results .ItemSelected { padding: 5px; border-bottom: dashed 1px #CCC; }
.Results .ItemSelected { background-color: #DDD; }

.Results .ArtistImageLink { display: block; width: 50px; height: 50px; float: left; margin-right: 5px; }
.Results .ArtistImageAdminLink { display: block; width: 100px; height: 100px; float: left; margin: 5px 5px 0px 0px; }

.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 .Description { display: block; margin: 25px 0px; }
.Results .DescriptionBlock .RatingDiv,
.Results .DescriptionBlock .RatingLoginDiv,
.Results .DescriptionBlock .RatingMessageLabel { 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 .UserViolationLink { clear: both; display: block; text-align: right; font-size: 8pt; *padding: 3px; }

/* 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; }


/*********************** Contest Info ******************/
.InfoMenu { float: left; width: auto; }
.InfoMenu .LinkItem { color: #F90; }
.InfoMenu .LinkItem:hover { color: #369; }
.InfoMenu .SelectedLinkItem { color: #369; }
.InfoMenu .SelectedLinkItem:hover { color: #F90; }
.ContestText { float: right; } 
.ContestText ol { list-style-type: decimal; }
