﻿.indexMainPanel
{
  text-align: left;
}
/* ACCORDION PANELS */
.indexAccordionWrapperPanel
{
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}
.indexAccordionHeader 
{
	width: 223px;
	height: 22px;
	color: Black;
	background-image: url('images/indexCollapseHeader.jpg');
	float: none;
	cursor: pointer;
	margin-bottom: 5px;
}
.indexAccordionTitleText
{
	font-size: 9pt;
	color: Black;
	margin-left: 8px;
	text-decoration: none;
}
.indexAccordionTitleText:link
{
	color: Black;
	text-decoration: none;
}
.indexAccordionTitleText:visited
{
	color: Black;
	text-decoration: none;
}
.indexAccordionTitleText:hover
{
	color: Black;
	text-decoration: underline;
}
.indexAccordionTitleText:active
{
	color: Black;
	text-decoration: underline;
}
.indexAccordionPanel
{
	width: 223px;
	height: 0px;
	overflow: hidden;
	background-color: #dddddd;
	border-width: 1px;
	border-color: #d79900;
	border-style: solid;
	margin-bottom: 5px;
}
/* NEWEST ALBUMS IN STORE ACCORDION PANEL */
.indexAlbumsTable 
{
	width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.indexAlbumRow 
{
  background-color: #DDDDDD;
}
.indexAlbumRow:hover
{
  background-color: white;
}
.indexAlbumImageCell
{
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 60px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
}
.indexAlbumImage
{
  width: 55px;
  height: 55px;
  text-align: center;
  border-width: 1px;
  border-color: Black;
  border-style: solid;
}
.indexAlbumImageLink 
{
  width: 55px;
  height: 55px;
  text-align: center;
  border-width: 1px;
  border-color: Black;
  border-style: solid;
  display: block;
  margin: 1px;
}
.indexAlbumImageLink:hover
{
  width: 55px;
  height: 55px;
  text-align: center;
  border-width: 2px;
  border-color: Blue;
  border-style: solid;
  display: block;
  margin: 0;

}
.indexAlbumTitleCell
{
  padding-left: 5px;
}
.indexAlbumTitle 
{
	font-size: 0.75em;
	color: Blue;
	text-decoration: none;
}
.indexAlbumTitle:hover
{
	color: Blue;
	text-decoration: underline;
}
.indexAlbumArtist 
{
	font-size: 0.7em;
	color: Black;
	font-style: italic;
}
.indexAlbumPrice
{
	font-size: 0.8em;
	color: Red;
}
/* LATEST NEWS ACCORDION PANEL */
.indexLatestNewsTable 
{
	width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.indexLatestNewsRow 
{
  background-color: #DDDDDD;
}
.indexLatestNewsRow:hover
{
  background-color: white;
}
.indexLatestNewsCell
{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}
.indexLatestNewsDate
{
	font-size: 0.7em;
	color: Black;
}
.indexLatestNewsHeadline
{
	font-size: 0.8em;
	color: Blue;
	text-decoration: none;
}
.indexLatestNewsHeadline:hover
{
	color: Blue;
	text-decoration: underline;
}
/* NEWEST MEMBERS ACCORDION PANEL */
.indexNewMembersTable 
{
	width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.indexNewMemberRow 
{
  background-color: #DDDDDD;
}
.indexNewMemberRow:hover
{
  background-color: white;
}
.indexNewMemberCell
{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}
.indexNewMemberName
{
	font-size: 0.8em;
	color: Blue;
	text-decoration: none;
}
.indexNewMemberName:hover
{
	text-decoration: underline;
}
.indexNewMemberCity
{
	font-size: 0.7em;
	color: Black;
}
/* UPCOMING EVENTS ACCORDION PANEL */
.indexUpcomingEventsTable 
{
	width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.indexUpcomingEventRow 
{
  background-color: #DDDDDD;
}
.indexUpcomingEventRow:hover
{
  background-color: white;
}
.indexUpcomingEventCell
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.indexUpcomingEventDate
{
	font-size: 0.8em;
	color: Black;
}
.indexUpcomingEventCity
{
	font-size: 0.8em;
	color: Black;
}
.indexUpcomingEventName
{
	font-size: 0.8em;
	color: Blue;
	text-decoration: none;
}
.indexUpcomingEventName:hover
{
	text-decoration: underline;
}
/* RECENT ARTIST UPDATES ACCORDION PANEL */
.indexArtistUpdatesTable 
{
	width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.indexArtistUpdateRow 
{
  background-color: #DDDDDD;
}
.indexArtistUpdateRow:hover
{
  background-color: white;
}
.indexArtistUpdateCell
{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}
.indexArtistUpdateName
{
	font-size: 0.8em;
	color: Blue;
	text-decoration: none;
}
.indexArtistUpdateName:hover
{
	text-decoration: underline;
}
/* RECENT SONG UPDATES ACCORDION PANEL */
.indexSongUpdatesTable 
{
	width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.indexSongUpdateRow 
{
  background-color: #DDDDDD;
}
.indexSongUpdateRow:hover
{
  background-color: white;
}
.indexSongUpdateCell
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.indexSongUpdateName
{
	font-size: 0.8em;
	color: Blue;
	text-decoration: none;
}
.indexSongUpdateName:hover
{
	text-decoration: underline;
}
.indexExplicitIcon 
{
  margin-left: 0.37em;
}
.indexMP3StoreIcon 
{
  margin-left: 0.37em;
}
/* RECENT ALBUM UPDATES ACCORDION PANEL */
.indexAlbumUpdatesTable 
{
	width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.indexAlbumUpdateRow 
{
  background-color: #DDDDDD;
}
.indexAlbumUpdateRow:hover
{
  background-color: white;
}
.indexAlbumUpdateCell
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.indexAlbumUpdateTitle
{
	font-size: 0.8em;
	color: Blue;
	text-decoration: none;
}
.indexAlbumUpdateTitle:hover
{
	text-decoration: underline;
}
/* LATEST PODCAST EPISODES */
.indexNewEpisodesTable 
{
  width: 300px;
  float: left;
  margin-right:10px;
  margin-bottom: 15px;
}
.indexNewEpisodesTitleCell 
{
  height: 26px;
  text-align: left;
  margin-bottom: 8px;
  vertical-align: top;
}
.indexNewEpisodesLogoCell 
{
  width: 129px;
  height: 74px;
  text-align: center;
  vertical-align: middle;
}
.indexNewEpisodesTitle 
{
	font-size: 10pt;
	font-weight: bolder;
  color: #8B0000; /* dark red */
  text-decoration: underline;
}
.indexShowLogo 
{
    border: 0px;
}
.indexShowLogoLink
{
  height: 70px;
  width: 125px;
  display: block;
  text-align: center;
  vertical-align: middle;
  border: 1px black solid !important;
  margin: 1px;
}
.indexShowLogoLink:hover
{
  border: 2px blue solid !important;
  margin: 0;
}
.indexNewShowTitles 
{
	font-size: 10pt;
	color: Black;
	text-decoration: None;
}
.indexNewShowTitles:hover
{
	text-decoration: Underline;
}
.indexNewShows 
{
	font-size: 10pt;
	font-weight: bold;
	color: Red;
	text-decoration: None;
}
/* ANNOUNCEMENTS/STORIES */
.indexAnnouncementsTitle 
{
  font-size: 0.9em;
  font-weight: bold;
  color: #8B0000; /* dark red */
  text-decoration: underline;
  margin-bottom: 5px;
}
.indexAnnouncementsText
{
  font-size: 0.8em;
  font-weight: normal;
  color: Black;
  line-height:1.4;
  margin-top: 5px;
  margin-bottom: 6px;
  margin-left: 5px;
}
.indexAnnouncementImages
{
  float: left;
  margin-bottom: 3px;
  margin-right: 3px;
  margin-top: 5px;
}
.indexAnnouncementImagesRight
{
  float: right;
  margin-bottom: 3px;
  margin-left: 3px;
  margin-top: 5px;
}
/* NEWEST YOUTUBE VIDEO PANEL */
.indexVideoPanel 
{
  float: left;
  margin: 5px;
}
.indexVideoTable 
{
}
.indexVideoTitleRow 
{
}
.indexVideoTitleCell 
{
}
.indexVideoTitleCell 
{
  text-align: left;
  padding-bottom: 5px;
}
.indexVideoMoreVideosCell
{
  text-align: right;
  vertical-align: bottom;
}
.indexVideoTitleText 
{
  font-size: 12px;
  color: #8B0000; /* dark red */
  text-decoration: underline;
}
.indexVideoMoreVideosLink
{
  font-size: 11px;
  color: black;
  text-decoration: none;
}
.indexVideoMoreVideosLink:hover
{
  font-size: 11px;
  color: black;
  text-decoration: underline;
}
.indexVideoCell 
{
  background-color: White;
  border: 1px solid black;
  padding: 2px;
  text-align: center;
}
.indexVideoFooterRow 
{
}
.indexVideoFooterCell 
{
  text-align: left;
}
.indexVideoAddNewVideoCell 
{
  text-align: right;
}
.indexVideoFooterLink 
{
  font-size: 10px;
  color: black;
  text-decoration: none;
}
.indexVideoFooterLink:hover
{
  font-size: 10px;
  color: black;
  text-decoration: underline;
}
.indexVideoAddNewVideoLink
{
  font-size: 10px;
  color: black;
  text-decoration: none;
}
.indexVideoAddNewVideoLink:hover
{
  font-size: 10px;
  color: black;
  text-decoration: underline;
}
/* NEWEST YOUTUBE VIDEO PANEL */
.NewestVideoPanel
{
  width: 300px;
  padding: 7px;
  margin: 5px;
  border: 1px solid #00008B;
  background: white;
  -moz-border-radius: 1.5ex;
  -webkit-border-radius: 1.5ex;
}
.NewestShowsPanel
{
  width: 300px;
  padding: 7px;
  margin: 5px;
  border: 1px solid #00008B;
  background: white;
  -moz-border-radius: 1.5ex;
  -webkit-border-radius: 1.5ex;
}
.ListenNowPanel
{
  width: 250px;
  padding: 7px;
  margin: 5px;
  /*border: 1px solid #00008B;*/
  background: white;
  /*-moz-border-radius: 1.5ex;
  -webkit-border-radius: 1.5ex;*/
}
.AccordionPanel
{
  width: 250px;
  padding: 7px;
  margin: 5px;
  border: 1px solid #00008B;
  background: white;
  -moz-border-radius: 1.5ex;
  -webkit-border-radius: 1.5ex;
}
