﻿* { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; padding: 0px; margin: 0px; color: #777; }
body { background-image: url(images/434E7F.gif); }
ul, ol { margin: 5px 5px 5px 35px; }
p { margin: 10px 5px; }
li { }
fieldset { border-left: none; border-right: none; border-bottom: none; border-top: solid 1px #ccc; }
a { color: #F90; }
a:hover { color: #369; }

.Group .Legend { text-transform: uppercase; color: #8B9AD1; font-size: 10pt; }
.FloatClear { clear: both; }
.PlayLink { display: block; width: 18px; height: 18px; background-image: url(images/playButton.gif); }
.ImportantInfo { font-weight: bold; color: #369; padding: 5px; }
.AccentText, 
.AccentText2, 
.AccentText3 { font-weight: 900; }
.AccentText { font-size: 14pt; color: #F90; }
.AccentText2 { font-size: 14pt; color: #369; }
.AccentText3 { font-size: 10pt; color: #369; }
.Button { vertical-align: middle; }
.TopAds { width: 606px; margin-left: 3px; margin-bottom: -3px; }

.Logo { display: block; height: 115px; width:960px; margin:auto; }
.Page { width: 960px; margin: -20px auto; }
.PrimaryContent {  }

.SideBar { width: 195px; float: left; margin-top: -3px;  }
.MainContent { width: 609px; float: left; }
.SecondaryContent { width: 156px; float: left; }

.PageSeal { text-align: center; }

/********************* Menus ************************/
.MenuBar { height: 30px; width: 960px; background-image: url(images/slab_bg.gif); background-position: bottom right; margin-top: 3px; position: relative; z-index:9999; }
.MenuBar .EndCap { float: left; display: block; background-image: url(images/slab_left_endcap.gif); width: 6px; height:30px; position: relative; z-index:9999; }

.MainLogin { white-space: nowrap; float: left; width: 550px; margin-top: 5px; }
.MainLogin Label { white-space: nowrap; font-size: 8pt; vertical-align: middle; }
.MainLogin a { font-weight: bold; color: #f90; text-decoration: none; }
.MainLogin a:hover { color: #6575BD; }
.MainLogin .TextBox { width: 100px; font-size: 8pt; }
.MainLogin .Button { margin-left: 5px; }

.Menu { color: #CCC; float: right; margin-right: 8px; margin-top: 5px; }
.UserMenu { color: #CCC; float: left; width: 550px; margin-top: 5px; text-align: left; }
.Menu a, .UserMenu a { color: #7082D3; font-weight: bold; font-size: 12pt; text-decoration: none; margin: 0px 5px; }
.Menu a:hover, .UserMenu a:hover { color: #F93; }

/************ Containers *************/
.ContentContainer { clear: both; background-color: #FFF; margin: 3px 1px 3px 3px; }
.ContentContainer .Header { background-color: #FFF; background-image: url(images/container_head.gif); background-position: right top; background-repeat: no-repeat; height: 8px; }
.ContentContainer .Header .EndCap { float: left; display: block; background-image: url(images/container_head_endcap.gif); background-repeat: no-repeat; height: 8px; width: 8px; }
.ContentContainer .Title { background-image: url(images/CBCFE0.gif); color: #666; padding: 2px; font-size: 10pt; font-weight: bold; letter-spacing: -.5pt; }
.ContentContainer .Content { clear: both;}
.ContentContainer .InnerContent { margin: 10px; }
.ContentContainer .Footer { background-image: url(images/container_foot.gif); background-position: right bottom; background-repeat: no-repeat; height: 8px; }
.ContentContainer .Footer .EndCap{ float: left; display: block; background-image: url(images/container_foot_endcap.gif); background-position: left bottom;  background-repeat: no-repeat; width: 8px; height:100%; }

.ContentContainer .TopHeader { background-color: #FFF; background-position: right top; background-repeat: no-repeat; height: 8px; }

.FooterContainer { text-align: right; }
.FooterContainer .Content { padding: 3px 10px; }

.FestivalListLink { color: #369; }
.FestivalListLink:hover { color: #F90; }

/**************** Left Column Content *********************/
.FeaturedArtist { margin: 10px auto 0px auto; }
.ContestContainer,
.HeadlinerContainer { background-color: Transparent; }
.ContestContainer .Footer,
.HeadlinerContainer .Footer { display: none; }
.FestivalLinkList { display: block; margin: 3px 5px; } 
.ContestLink { display: block; }

/*************** Right column content *********************/
.RightBarAd { margin: 3px; }

/******************** Bread Crumbs **********************/
.BreadCrumbBar { background-color: #BBCEEC; height: 20px; margin: 0px 0px; padding: 3px; }

/********************** Data Grids **********************/
.GridView { width: 100%; margin-top: 3px; }
.GridView .GridHeader { display: none; }
.GridView .GridHeader { background-color: #6575BD; color: #FFF; font-weight: bold; font-size: 12pt; text-align: left; }
.GridView td {padding: 2px; }
.GridView .Item { background-color: #FFF; }
.GridView .AlternatingItem { background-color: #EEE;  }
.GridView .SelectedItem { background-color: #EFE;  }
.GridView .EmptyItem { text-align: center; }
.GridView .SelectedItem .SelectedSongIndicator { display: block; height: 15px; width: 15px; background-image: url(images/checkmarkII.gif); }

.EmptyListLabel { display: block; text-align: center; }

/*********************** Small Artist Block *****************/
.ArtistBlock { width: 176px !important; margin: 2px 2px; }
.ArtistBlock * {  font-size: 8pt; }
.ArtistBlock .ArtistImage { display: block; float: left; width: 50px; height: 50px; margin-right: 3px; }
.ArtistBlock .ArtistName { color: #f90; font-size: 9pt; font-weight: bold; }
.ArtistBlock .ArtistBrief { color: #5e5f5f; font-size: 8pt; }
.ArtistBlock .ArtistProfileLink { clear: both; display: block; width: 100%; text-align: right; margin-right: 10px; }
.ArtistBlock  a {  text-decoration: none; color: #F90; }
.ArtistBlock  a:hover { text-decoration: underline; }

/************************ Small Contest Block ***************/
.ContestBlock { width: 176px !important; margin: 2px 2px; }
.ContestBlock * {  font-size: 8pt; }
.ContestBlock .ContestImage { display: block; float: left; width: 50px; height: 50px; margin-right: 3px; }
.ContestBlock .ContestName { display: block; color: #f90; font-size: 9pt; font-weight: bold; }
.ContestBlock .Location { display: block; }
.ContestBlock  a {  text-decoration: none; color: #F90; }
.ContestBlock  a:hover { text-decoration: underline; }

/********************** Small Festival Block ******************/
.FestivalBlock { width: 176px !important; margin: 2px 2px; }
.FestivalBlock * {  font-size: 8pt; }
.FestivalBlock .FestivalImage { display: block; float: left; width: 50px; height: 50px; margin-right: 3px; }
.FestivalBlock .FestivalName { display: block; color: #f90; font-size: 9pt; font-weight: bold; }
.FestivalBlock .Location { display: block; }
.FestivalBlock  a {  text-decoration: none; color: #F90; }
.FestivalBlock  a:hover { text-decoration: underline; }

/************************ Media Player *********************/
.MediaPlayer { height: 51px; text-align: center; background-image: url(images/player_bar.gif); }
.ie-only.MediaPlayer { margin-right: -5px; }

