/*  Copyright 2006 The Music Trust - All rights reserved
 *  Author: Bob Barnes <webmaster@reigatesummermusic.org>
 */


BODY.fireworks {
  background-color: #010eb5;
  /* background-image: url( '/assets/fireworkbackground.png' );
  background-position: center left;
  background-repeat: repeat-x; */
  color: yellow;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

body.fireworks div.band
{
  position: absolute;
  left: 0px;
  width: 100%;
  top: 50%;
  height: 231px;
  background-image: url( '/assets/fireworkbackground.png' );
  background-repeat: repeat-x;
  z-index: 1;
}


body.fireworks div.sun
{
}

BODY.fireworks div.sun img
{
  LEFT: 0px;
  POSITION: absolute;
  TOP: 0px;
  Z-index: 1;
  width: 12%;
}

body.fireworks div.leftmenu
{
  position: absolute;
  left: 0px;
  top: 25%;
  width: 110px;
  padding: 4px;
  height: auto;
  background-color: #010eb5;
  z-index: 2;
	font-size: 7.5pt;
}

body.fireworks div.leftmenu div
{
  height: 2em;
}

body.fireworks div.leftmenu div.level2
{
  margin-left: 20px;
  display: none;
}

body.fireworks div.leftmenu img
{
  float: left;
  height: 14px;
  width: 14px;
  margin-right: 8px;
  margin-top: 3px;
}



BODY.fireworks div.leftmenu a:link {color: #00FFFF; text-decoration: none; }     /* unvisited link */
BODY.fireworks div.leftmenu a:visited {color: #00FFFF; font-weight: bold; text-decoration: none; }  /* visited link */
BODY.fireworks div.leftmenu a:hover {color: #FFFFFF; text-decoration: none; }   /* mouse over link */
BODY.fireworks div.leftmenu a:active {color: #00FFFF; text-decoration: none; }   /* selected link */


body.fireworks div.leftmenu a
{
  display: block;
}


body.fireworks div.sidethrust
{
  height: 100%;
  RIGHT: 0px;
  POSITION: absolute;
  TOP: 0px;
  width: 175px;
  padding: 0pt;
  margin: 0pt;
  /* background-image: url( '/assets/midnightfirework.jpg' ); */
	background-image: url( '/assets/sidethrustbar.jpg' );
  background-repeat: repeat-y;
  Z-index: 7;
  background-color: #000000;
}

BODY.fireworks DIV.header
{
  position: absolute;
  left: 14%;
  right: 120px;
  top: 10px;
  height: 100px;
  font-size: 32pt;
  Z-index: 9;
}

BODY.fireworks DIV.header img.rsmBanner
{
/*  width: 85%; */
}

BODY.fireworks DIV.leadsponsor
{
  position: absolute;
  right: 0px;
  width: 175px;
  top: 120px;
  text-align: center;
  Z-index: 3;
}

BODY.fireworks DIV.leadsponsor p
{
  text-align: center;
  font-size: 20px;
  margin-top: 0pt;
}

BODY.fireworks DIV.leadsponsor img
{
  width: 58px;
  height: 103px;
}


BODY.fireworks DIV.countdown
{
  position: absolute;
  right: 40px;
  width: 95px;
  top: 65%;
  text-align: center;
  Z-index: 3;
  font-size: larger;
}


/* To better reflect what they do, DIV.page should be named DIV.fireworks page, and BODY.fireworks should be named BODY.rsm */
BODY.fireworks DIV.page
{
  position: absolute;
  left: 120px;
  right: 175px;
  top: 120px;
  padding-right: 30px;
  margin-right: 0px;
  padding-top: 12pt;
  height: 480px;      /* opt */
  overflow: auto;
  padding-bottom: 0pt;
  color: white;
  Z-index: 3;
}


BODY.fireworks DIV.page h1
{
  font-size: x-large;
  font-weight: bolder;
  margin-bottom: 0pt;
  margin-top: 0pt;
  color: yellow;
}

BODY.fireworks DIV.page h2
{
  font-size: large;
  margin-bottom: 0pt;
  margin-top: 0pt;
  color: white;
}

body.fireworks div.page h2 b
{
  color: yellow;
}

BODY.fireworks DIV.page p
{
  margin-top: 0pt;
  margin-bottom: 8pt;
}

body.fireworks div.page div.diary
{
	float: right;
	width: 300px;
	border: medium groove #8080FF;
	padding: 0px 10px;
}


body.fireworks div.page div.diary p.banner
{
	background-color: yellow;
	color: blue;
	font-size: 14pt;
	margin: 8px 0px 4px;
	padding: 4px;
}

body.fireworks div.page div.diary h1
{
	font-size: 10pt;
	font-weight: bold;
	margin-top: 12px;
	padding-top: 0px;
}

body.fireworks div.page div.diary h2
{
	font-size: 10pt;
}

body.fireworks div.page div.diary p
{
	font-size: 8pt;
}

body.fireworks div.page div.news p
{
	font-size: 8pt;
}

body.fireworks div.page div.news h2
{
	font-size: 10pt;
}


BODY.fireworks DIV.page ul.setlist
{
  font-size: larger;
  font-weight: bold;
}

BODY.fireworks DIV.page ul.setlist span.detail
{
  font-size: smaller;
  font-weight: normal;
}

body.fireworks DIV.page ul table.boxofficeopening
{
  margin-top: 12pt;
  border-collapse: collapse;
	margin-bottom: 12pt;
}

body.fireworks DIV.page ul table.boxofficeopening td
{
  border: medium groove #8080FF;
  padding: 0pt 6pt;
}

body.fireworks DIV.page table.lunchtime
{
  background-color: white;
  color: black;
  border-collapse: collapse;
}

body.fireworks DIV.page table.lunchtime td
{
  padding: 8pt;
  vertical-align: top;
  border-top: groove;
}

body.fireworks DIV.page table.lunchtime td table td
{
  border-top: none;
  padding: 0pt 6pt 6pt 0pt;
}

body.fireworks DIV.page table.lunchtime td.date
{
  font-size: 14pt;
  font-weight: bold;
}

body.fireworks DIV.page table.lunchtime h2
{
  color: black;
  font-size: 18pt;
}

body.fireworks DIV.page div.lunchsponsors
{
  padding: 12pt 0pt 0pt 0pt;
  text-align: center;
}

body.fireworks DIV.page table.choral
{
  background-color: #003822;
	width: 600px;
	padding: 20px;
	margin: 20px;
}

body.fireworks DIV.page table.choral td.finaleevent
{
	vertical-align: top;
}

body.fireworks DIV.page table.choral td.over
{
	vertical-align: top;
	padding-bottom: 40px;
}

body.fireworks DIV.page table.choral h2
{
  color: #fffe00;
}

body.fireworks DIV.page table.choral h1
{
  margin-top: 0px;
	padding-top: 30px;
}

body.fireworks DIV.page div.canvas
{
	width: 400px;
	height: 300px;
	float: left;
	margin-right: 20px;
	color: blue;
}



BODY.fireworks DIV.pagefooter
{
  position: absolute;
  left: 10%;
  width: 700px;  /* opt */
  top: 720px;  /* opt */
  text-align: center;
/*  font-size: smaller; */
  z-index: 1;
}


body.fireworks div.tributetpage
{
  background-color: #a40045;
  color: #fefd00;
  position: absolute;
  left: 120px;
  right: 175px;
  top: 120px;
  padding-right: 30px;
  margin-right: 20px;
  padding-top: 12pt;
  padding-left: 20pt;
  height: 480px;
  overflow: auto;
  padding-bottom: 0pt;
  color: white;
  Z-index: 3;

}

body.fireworks div.tributetpage table.bands
{
  color: #fefd00;
  text-align: center;
}

body.fireworks div.tributetpage h1
{
  font-size: 32pt;
  font-weight: bolder;
  color: #fefd00;
  text-align: left;
}

body.fireworks div.tributetpage h2
{
  font-size: 18pt;
  font-weight: bolder;
  color: white;
  text-align: left;
}

body.fireworks div.tributetpage p
{
  color: white;
  text-align: left;
}

body.fireworks div.tributetpage h2 b
{
  color: #fefd00;
}

body.fireworks div.tributetpage td.bandname
{
  color: #fe852e;
  font-size: 18pt;
}


BODY.fireworks DIV.pagefooter p.smallprint
{
  font-size: xx-small;
}


BODY.fireworks div.photo
{
  text-align: center;
  margin: 0px 8px 0px 0px;
  padding: 12px;
  border: medium groove #8080FF;
}


BODY.fireworks div.photo p
{
  text-align: center;
  margin: 0px;
  margin-top: 4px;
}

BODY.fireworks div.photo p.credit
{
  font-size: xx-small;
}


BODY.fireworks div.photoleft
{
  float: left;
  margin: 0px 8px 0px 0px;
  padding: 12px;
  border: medium groove #8080FF;
}

BODY.fireworks div.photoleft p
{
  text-align: center;
  margin: 0px;
  margin-top: 4px;
}

BODY.fireworks div.photoleft p.credit
{
  font-size: xx-small;
}

BODY.fireworks div.photoright
{
  float: right;
  margin: 0px 0px 0px 8px;
  padding: 12px;
  border: medium groove #8080FF;
}

BODY.fireworks div.photoright p
{
  text-align: center;
  margin: 0px;
  margin-top: 4px;
}

BODY.fireworks div.photoright p.credit
{
  font-size: xx-small;
}


BODY.fireworks a:link {color: #00FFFF}     /* unvisited link */
BODY.fireworks a:visited {color: #00FFFF; font-weight: bold; }  /* visited link */
BODY.fireworks a:hover {color: #FFFFFF}   /* mouse over link */
BODY.fireworks a:active {color: #00FFFF}   /* selected link */



BODY.fireworks DIV.fix
{
  text-align: center;
}


BODY.fireworks DIV.fix DIV.footer
{
/*  margin-right: 100px; */
}


BODY.fireworks DIV.sponsors
{
}

BODY.fireworks DIV.sponsors img
{
  width: 100px;
  height: 36px;
  margin: 0px 5px;
}


BODY.fireworks DIV.links p
{
  display: inline;
  padding: 0pt 8pt;
}

BODY.fireworks DIV.tech
{
  position: absolute;
  right: 0pt;
  bottom: 10px;
  width: 175px;
  font-size: 8pt;
  Z-index: 9;
}

body.fireworks div.tech table.partners
{
  /* background-color: white; */
  margin-left: 48px;
}

body.fireworks div.tech p.deodar
{
  margin-top: 28px;
  text-align: center;
}

body.fireworks div.sponsorspage img.logo
{
  padding: 8px;
  margin: 3px 8px 8px 0px;
  width: 140px;
}

body.fireworks div.sponsorspage img.logojust
{
  padding: 48px;
  margin: 8px 8px 8px 0px;
}

body.fireworks div.sponsorspage td
{
	vertical-align: top;
}

body.fireworks div.bignews
{
  position: absolute;
  left: 4px;
  top: 55%;
/*  bottom: 60px; */
  width: 90px;
  padding: 8px;
  background-color: red;
  color: white;
  font-size: large;
  text-align: center;
  z-index: 20;
}

body.fireworks div.bignewsmove
{
  position: absolute;
  left: 4px;
  top: 0%;
/*  bottom: 60px; */
  width: 90px;
  padding: 8px;
  background-color: red;
  color: white;
  font-size: large;
  text-align: center;
  z-index: 20;
}

body.fireworks div.bignews a:link {color: white}     /* unvisited link */
body.fireworks div.bignews a:visited {color: white; }  /* visited link */
body.fireworks div.bignews a:hover {color: #00FFFF; }   /* mouse over link */
body.fireworks div.bignews a:active {color: #00FFFF; }   /* selected link */


/* Ticket ordering stuff
 */

body.fireworks div.offer
{
  margin: 20px 60px;
}

body.fireworks div.offer td
{
  margin: 10px;
  padding: 10px;
  color: #0000FF;
  background-color: #FFC0C0;
}

body.fireworks div.offer td.sideline
{
  background-color: red;
  color: White;
  font-size: larger;
}


body.fireworks table.pricelist td, body.fireworks table.pricelist th
{
  padding: 4px;
  background-color: #8080FF;
}

body.fireworks table.pricelist td.empty, body.fireworks table.pricelist th.empty
{
  background-color: #010eb5;
}

body.fireworks table.pricelist td.current
{
  color: #0000FF;
  background-color: #FFC0C0;
}

body.fireworks table.pricelist th.current
{
  background-color: red;
  color: White;
}

body.fireworks table.pricelist td.event
{
  vertical-align: top;
}

body.fireworks table.pricelist td.event p.title
{
  color: yellow;
	font-weight: bold;
}


body.fireworks table.bookinginfo td
{
  padding: 10px;
  vertical-align: top;
}


body.fireworks div.ticketorder p.title
{
  margin-top: 20px;
  color: yellow;
  font-size: x-large;
  font-weight: bold;
}

body.fireworks div.ticketorder p.details
{
  font-size: large;
  font-weight: bold;
}

body.fireworks div.ticketorder table.events
{
/*  width: 100%; */
  border-collapse: collapse;
}


body.fireworks div.ticketorder table.events tr.event td.event
{
  border-top: medium groove #8080FF;
  border-bottom: medium groove #8080FF;
}

body.fireworks div.ticketorder table.indoorevents
{
	margin-top: 20px;
  border-collapse: collapse;
}

body.fireworks div.ticketorder table.indoorevents p.title
{
	font-size: 12pt;
}

body.fireworks div.ticketorder table.indoorevents p
{
	margin: 0px 8px 0px 8px;
}

body.fireworks div.ticketorder table.indoorevents tr.labels
{
	font-weight: bold;
}

body.fireworks div.ticketorder table.indoorevents td
{
	vertical-align: top;
	border: medium groove #8080FF;
}


body.fireworks div.conditions h1
{
  margin-top: 20px;
  font-size: small;
  font-weight: bold;
}


/* Layouts for pages such as the those about each concert
 *
 */

body.fireworks table.panellayout tr td
{
  vertical-align: top;
  /* border-collapse: collapse;
  border: medium groove #8080FF; */
}


/* Popovers
 */

body.fireworks div.popover 
  {
     position: absolute;
     top: 40%;
     left: 40%;
     z-index: 15;
     width: 200px;
     padding: 10px;
     /* height: 200px; */
     display: none;
     border: medium groove #8080FF;
     background-color: #010eb5;
  }

body.fireworks div.popover h1
  {
    font-size: small;
  }


body.fireworks .hotword
{
  border-bottom: 1px dashed;
}



/*  The forms
 */

div.formframe
  {
  text-align: right;
  /* font-size: small; */
  position: static;
  /* right: 10px; */
  bottom: 10px;
  padding: 10px;
}


div.formframe div.formframeMS
{
}

span.formitem
{
  text-align: left;
  right: 0px;
  position: relative;
  /* font-size: x-small; */
}

span.formitem #comment
{
  /* float: left; */
}

div.formframe .label
{
  /* font-size: x-small; */
}

input.error, select.error
{
  color: #CC0066;
  background-color: yellow;
}

input.mandatory, select.mandatory, textarea.mandatory
{
  color: #CC0066;
  background-color: #FFFF88;
}

input.optional, select.optional, textarea.optional
{
  color: #CC0066;
  background-color: #FFFFCC;
}

input.emailoptional
{
  color: #CC0066;
  background-color: #FFFFCC;
  font-family: courier;
}

input.button
{
  color: #008080;
}