/****************************************************
   Page layout
 ****************************************************/

body
{
	background: #c0c0c0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: Black;
	font-size: 0.7em;
}

div.outercontainer 
{
	background: white;
	border: 1px solid black;
}

div.container
{
		background: white url(images/background.png) no-repeat center 20px;
		width: 1040px;
		height: 736px;
		margin: auto;
		border: 1px solid black;
		position: relative;
}

div.LeftPanel 
{
	position: absolute;
	top: 106px;
	left: 52px;
	width: 210px;
	height: 527px;
	z-index: 10;
}

div.LeftPanel a 
{
	color: Blue;
	text-decoration: none;
}

div.LeftPanel div.hr 
{
	border-top: 1px solid #c0c0c0;
	height: 1px;
}

div.MainPanel 
{
	position: absolute;
	top: 106px;
	left: 294px;
	width: 693px;
	height: 527px;
}

div.InnerPanel
{
	margin: 10px;
}

div.LowerInnerPanel
{
	margin-top: 110px;
}

div.ContactUsPanel 
{
	font-size: 0.9em;
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
}

div.MainAtTop  
{
	margin-top: 10px !important;
}

div.MainAtTop p 
{
	margin-top: 10px;
	margin-left: 10px;
}

div.MainAtTop p span 
{
	display: block;
}

div.FestivalDetails 
{
	position: absolute;
	top: 130px;
	width: 675px;
	height: 385px;
	overflow-y: scroll;
	border-color: #d0d0d0 white white #c0c0c0;
	border-width: 1px;
	border-style: solid;
}

div.FestivalDetails div.LeftFestivalPanel 
{
	width: 360px;
	float: left;
	min-height: 385px;
	text-align: justify;
	margin-left: 10px;
}

div.FestivalDetails div.RightFestivalPanel 
{
	width: 255px;
	float: left;
	margin-left: 20px;
	min-height: 385px;
}

div.LegendPanel 
{
	float: right;
	background: white;
	padding: 2px;
	font-size: 0.8em;
}

div.BuyTicketButtonPanel 
{
	text-align: center;
	margin: 10px 0;
}

.legendSymbol 
{
	color: #a00000;
}

table.SignupTable 
{
	margin-top: 0px;
	margin-left: 50px;
}

.SignupButton, .ShareTheFunButton
{
	float: left;
}

.CancelButton 
{
	float: right;
}

div.SignUpThankyou 
{
	margin-top: 100px;
	text-align: center;
	line-height: 50px;
	font-size: 3.0em;
}

div.SignUpThankyou a 
{
	color: Blue;
	font-size: 0.5em;
	text-decoration: none;
}

div.SignUpThankyouComp 
{
	margin-top: 100px;
	text-align: center;
	line-height: 50px;
	font-size: 1.5em;
}

div.SignUpThankyouComp h1 
{
		font-size: 2.0em;
}


div.OptOutPanel 
{
	width: 500px;
}

/****************************************************
   Images
 ****************************************************/
 img.Logo 
 {
 	position:absolute;
 	top: 20px;
 	left: 20px;
 }
 
 img.SiteLogo 
 {
 	position: absolute;
 	left: 110px;
 	top: 25px;
 }
 
  img.Powered 
 {
 	position:absolute;
 	bottom: 25px;
 	right: 30px;
 }
 
 img.BigHeading, img.NicheHeading, img.OverseasHeading 
 {
 	clear: both;
 	display: block;
	position: relative;
	margin-top: 10px;
	left: 0px;
 }
 
 img.SuccessHeading, img.GetStartedHeading, img.ShareTheFunHeading
 {
 	position: absolute;
 	top: -13px;
 	left: -83px;
 }
 
img.SorryHeading, img.SignUpHeading
 {	position: absolute;
 	top: -12px;
 	left: -83px;
 }
 
 img.DownloadHeading 
 {
 	position: absolute;
 	top: -12px;
 	right: -30px;
 }
 
 img.Smiley 
 {
 	position: absolute;
 	right: -33px;
 	top: -25px;
 }
 
 img.FestivalImage 
 {
 	border-width: 1px;
 	border-style: solid;
 	border-color: #a0a0a0 White White  #a0a0a0;
 }
 
 img.FindOutWhy 
 {
 	float: right;
 	position: absolute;
 	right: 50px;
 }
 
 img.NintendoDsi 
 {
 	position: absolute;
 	bottom: 40px;
 	left: 40px;
 	z-index: -1;
 	opacity: 0.8;
 	filter: alpha(opacity=80);
 }
 
 /****************************************************
   Text styles
 ****************************************************/
.LeftHead
{
	display: block;
	font-weight: bold;
}

.LeftBody 
{
}

.LeftBody ul li 
{
	margin-top: 10px;
	margin-left: -15px;
}


.MainHead 
{
	font-family: Arial Black, Gadget Sans-Serif;
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
	color: #000080;
}

.MainBody 
{
}

a.SoftwareDownload 
{
	color: blue;
	text-decoration: none;
	font-weight: bold;
}

a.SoftwareDownload:hover 
{
	text-decoration: underline;
}

.DownloadHead 
{
	font-family: Arial Black, Gadget Sans-Serif;
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
	color: #000080;
	border-width: 2px 0 2px 0;
	border-style: solid;
	border-color: #0000a0;
}

.DownloadInstructions p 
{
	font-size: 1.2em;
}

 p.SuccessDescription
 {
 	margin-top: 10px;
 	margin-left: 70px;
 }
 
 .SuccessDescription a 
 {
 	text-decoration: none;
 	color: #0000A0;
 }
 
 span.SuccessFestivalName 
 {
 	font-weight: normal;
 	font-style: italic;
 	font-size: 2.0em;
 	letter-spacing: 4px;
 	line-height: 22px;
 	border-bottom: 1px solid #a0a0ff;
 }
 
 span.FestivalTitle 
 {
 	font-weight: bold;
 	font-size: 1.5em;
 }
 
 
 div.FestivalInfo 
{
	margin-bottom: 15px;
}

 span.FestivalInfoHeading 
 {
 	font-weight: bold;
 }
 
 span.FestivalInfoValue 
{
}

a.LineupLink1 
{
	font-size: 0.9em;
	color: Blue;
	text-decoration: none;
	font-weight: bold;
}

a.FullDetailsLink, a.LineupLink2, a.BuyTicketLink
{
	font-size: 0.9em;
	color: Blue;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 10px 0;
}

div.LinksPanel 
{
	margin-top: 10px;
	border: 1px solid #a00000;
}

div.LinksPanel div 
{
	margin: 5px;
}

span.LinksHeading 
{
	background: #a00000;
	display: block;
	color: white;
	padding: 5px;
	font-weight: bold;
}

.LineupArtist 
{
	color: #C00000;
}

table.SignupTable td.label 
{
	font-weight: bold;
	width: 140px;
}

table.SignupTable td.form 
{
}

.LargeTableSpacing tr td
{
	padding-bottom: 5px;
}

.TextBox
{
	border: 1px solid gray;
	font-size: 1.4em;
	font-weight: bold;
	width: 350px;
	padding: 5px;
}

.FormDropDownLists 
{
	font-size: 1.2em;
	font-weight: bold;
}

.ValidationError 
{
	font-weight: bold;
	color: Red;
}

 /****************************************************
   Buttons, etc
 ****************************************************/
.DownloadButtonPanel 
{
	margin-top: 50px;
	display: block;
	text-align: center;
}

.StandardButton
{
	border: 1px solid #008000;
	background: white;
	font-family: Gadget, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #0000d0;
	cursor: pointer;
	padding: 3px 8px 3px 8px;
}

.DownloadButton
{
	font-family: Arial Black, Gadget Sans-Serif;
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
	color: #000080;
	border: 2px solid #40a040;
	background: #e8f5fe;
	cursor: pointer;
	padding: 3px 20px 3px 20px;
}

 /****************************************************
   HyperLinks
 ****************************************************/
 a.FestivalLink 
 {
 	display: list-item;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #0000A0;
	text-decoration: none;
	margin-top: 10px;
	margin-left: 20px;
 }
 
  a.FestivalLink:hover 
  {
  	text-decoration: underline;
  }
 	
/****************************************************
  Playlists
 ****************************************************/
 .PlaylistTracks 
 {
 	height: 455px;
 	width: 500px;
 	overflow-y: auto;
 	border-color: #d0d0d0 white white #c0c0c0;
	border-width: 1px;
	border-style: solid;
 	margin-left: 20px;
 	margin-top: 10px;
 	position: relative;
 }
 
 .TrackTable 
 {
 	width: 470px;
 	margin-left: 10px;
 	margin-top: 10px;
 	position: relative;
 }
 
 .TrackTable tr.PlaylistTableRow td, .TrackTable tr.PlaylistTableRowOwned td, .TrackTable tr th.PlaylistHeading 
 {
 	padding-right: 10px;
 }
 
  .TrackTable tr th.PlaylistHeading 
  {
	padding-bottom: 10px;
  }
 
.TrackTable tr.PlaylistTableRowOwned td
{
	height: 20px;
	color: #888;
	font-style: italic;
 }

.PlaylistFestivalName 
{
	font-size: 1.6em;
	font-style: italic;
	margin-left: 20px;
}

.PlaylistTitle 
{
 	margin-left: 20px;
 	font-weight: bold;
 	color: #a00000;
}

.ButtonPanel
{
	margin-left: 20px;
	margin-top: 10px;
}

.ButtonPanel a 
{
	margin-right: 100px;
}

/**************************************************
 Client launch panel
**************************************************/
.ClientLaunchPanel 
{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}