/* Project: EAC web-site v2
 * File: /eac_scrn.css
 *
 * Created: 2008-01-19
 * Copyright: Copyright (c) 2006-10 The Music Trust - all rights reserved
 * Author: Bob Barnes
 *
 * Description: The look
 */


  /* ********************************************************************************* */
  /*  Style for the public pages
   */

  body.eac
  {
		font-size: small;
		font-family: "Gill sans MT", Tahoma, Arial;
  }

  @media screen
  {
    body.eac
    {
		color: #003366;
		background-color: #FFFCFB;
    }
  }

  @media print
  {
    body.eac
    {
			color: black;
			background-color: white;
    }
  }
	
	div.buyat
	{
		z-index: 99;
		position: absolute;
		left: 18px;
		top: 500px;
	}

	/* The whole header */
	div.header
	{
	}

	div.header img.theeac
	{
		position: absolute;
		left: 20px;
		top: 76px;
		width: 96px;
	}

	/* The part of the header with the graphic and the menu */
	table.headersub
	{
		position: absolute;
		left: 15%;
		top: 20px;
		width: 70%;
		margin-bottom: 28px;
	}

	/* The part of the header with the graphic and the menu */
	table.headersub img.banner
	{
		/* width: 800px; */
	}

	
	table.topmenu
	{
		width: 800px;
	}

	table.topmenu td
	{
		font-size: medium;
		padding: 2px 10px 2px;
		text-align: center;
		vertical-align: top;
	}

	table.topmenu td.selected
	{
		background-color: #C0C9D5;
	}


	table.topmenu td.notselected
	{
		text-decoration: underline;
	}

/*
	table.topmenu td a
	{
		text-decoration: none;
	}
*/


	/* The div that holds the body of each page */
	div.pagenarrow
	{
		position: absolute;
		left: 0px;
		top: 200px;
		margin-left: 15%;
		width: 800px;
	}

	div.page
	{
		position: absolute;
		left: 0px;
		top: 220px;
		padding: 0px 20px 20px 15%;
	}

	/* A standard layout that splits page into two columns */
	div.page table.columns td
	{
		vertical-align: top;
	}

	/* A standard layout that splits page into two columns */
	div.page table.columns td.right
	{
		border-left: 2px solid #C0D6E2;
		padding-left: 20px;
	}

	/* The layout for the homepage */
	div.page table.home
	{
		border-collapse: collapse;
	}

	div.page table.home tr td
	{
		vertical-align: top;
	}

	div.page table.home td.welcome
	{
		width: 50%;
		padding-right: 20px;
	}

	div.page table.home td.mainstory,div.page table.home td.substory
	{
		border-left: 2px solid #C0D6E2;
		padding-left: 20px;
	}

	div.page table.home td.substory h1
	{
		margin-top: 20px;
	}

	div.page table.home table td
	{
		padding: 0px;
	}

	div.page table.home td.mainstory img, div.page table.home td.substory img
	{
		padding-right: 20px;
	}

  div.page table.home h1
  {
		font-size: medium;
		margin: 0pt 0pt 4pt;
  }

	div.page div.links
	{
	}

	div.page div.links a
	{
		border: none;
	}

	div.page div.links a img
	{
		border: none;
		vertical-align: middle;
		padding: 16px;
	}

	div.filler
	{
		
	}


  /* A box to put a picture and its caption into */
  div.pictureboxtopleft
  {
		float: left;
		padding: 0px 20px 10px 0px;
  }

  div.picturebox
  {
	float: left;
	padding: 10px 10px 10px 0px;
  }

  div.picturebox p, div.pictureboxtopleft p
  {
	text-align: center;
	margin: 0px;
	font-weight: bold;
	font-size: smaller;
  }

  body.eac h1
  {
	font-size: medium;
	margin: 6pt 0pt 4pt;
  }

  body.eac h2
  {
	font-size: small;
	margin: 24px 0px 4px;
  }

  body.eac h3
  {
	font-size: x-small;
	margin: 12px 0px 4px;
  }

  body.eac p
  {
	margin: 0px 0px 10px;
  }

  body.eac li
  {
	margin: 0px 0px 10px 26px;
  }


  /* ********************************************************************************* */
  /* General table for lists and things */

  table.big
  {
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    /* border-color: #FFFCFB;
    border-style: ridge;
    border-width: thin;
    background-color: #FFFCFB; */	
    color: #000080;
  }

  /* Styling that applies to all rows */
  table.big tr
  {
    /* font-size: x-small; */
  }

  /* For rows which announce the start of a new section */
  table.big tr.section
  {
    font-weight: bold;
    background-color: #C0C9D5;
  }

  /* For rows which contain labels for the columns */
  table.big tr.labels
  {
    font-weight: bold;
    background-color: #E0E2E4;
  }
 
  /* Use for the first TD on each row */
  table.big td.first
  {
	/* vertical-align: top; */
  }
 
  /* This sets the default styling for all cells that are on rows without explicit styles */
  table.big td
  {
    padding: 6px;
    border-color: #FF9999;
    border-style: ridge;
    border-width: thin 1px;
		vertical-align: top;
  }

  /* For rows which contain a special rehearsal */
  table.big tr.specialrehearsal
  {
    background-color: #FFFF99;
	}

  /* For rows which contain a concert */
  table.big tr.concert
  {
    background-color: #A0C7FA;
  }


  table.big tr.section td
  {
    padding: 6px;
  }

  table.big p.title
  {
    font-weight: bold;
  }
  
  table.big p
  {
    margin-bottom: 2px;
  }
  
  /* Table within this table that is designed to look the same
   *     used by the expander                                  */
  table.big table
  {
  	margin: -7px;
		padding: 0px;
		border-collapse: collapse;
  }

  table.big p.loudnote
  {
    /* border-color: #0080C0;
    border-width: 1pt;
    border-style: ridge; */
    color: white;
    background-color: #0080C0;
    margin: 2pt 30pt;
    padding: 1pt 10pt;
    text-indent: 0pt;
    text-align: center;
    font-size: smaller;
  }

  @media print
  {
	  table.big p.loudnote
	  {
			display: none;
	  }
  }
 
  table.big p.flyer
  {
    text-align: right;
  }
  

  p.cancelled
	{
		font-weight: bold;
	  background: red;
		color: white;
		margin: 8px;
		padding: 8px;
	}


  body.eac div.ticketnotes p
  {
    margin: 10pt 0pt 0pt;
    font-size: xx-small;
  }

  body.eac div.ticketnotes td
  {
    padding: 0pt 8pt;
    font-size: x-small;
  }

  @media print
  {
		body.eac div.ticketnotes
		{
			display: none;
		}
  }
	
	
	
div.pagequote
{
  width: 100px;
  position: absolute;
  left: 20px;
  top: 340px;
  border-right: 1px solid gray;
  margin-right: 20px;
  padding-right: 20px;
  font-size: 8pt;
  display: none;
}


div.pagequote p.quotetext
{
  text-align: left;
}


div.pagequote img.open
{
  vertical-align: top;
  float: left;
  padding-right: 6px;
}

div.pagequote img.close
{
  vertical-align: bottom;
  float: right;
}

div.pagequote p.quoteattrib
{
  clear: both;
  text-align: right;
}

	
	table.quot
	{
		margin: 20px 80px 20px 80px;
	}
	
	table.quot td.open
	{
		color: RGB(120,120,120);
		width: 20px;
		padding-right: 10px;
		font-weight: bold;
		font-size: 48pt;
		font-family: 'Times New Roman',serif;
		vertical-align: top;
		text-align: right;
	}
	
	table.quot td.open p
	{
		position: relative;
		top: -20px;
	}
	
	
	table.quot td.text
	{
		text-align: justify;
	}

	table.quot td.close
	{
		color: RGB(120,120,120);
		width: 20px;
		padding-left: 10px;
		font-weight: bold;
		font-size: 48pt;
		font-family: 'Times New Roman',serif;
		vertical-align: bottom;
	}
	
		table.quot td.close p
	{
		position: relative;
		top: 30px;
	}
	


	div.pagefooter
	{
		/* position: absolute;
		left: 15%;
		right: 15%;
		bottom: 2px; */
		text-align: center;
		font-size: 8pt;
		margin-top: 60px;
	}

	div.pagefooter table
	{
		width: 100%;
	}

	div.pagefooter td.left
	{
		vertical-align: top;
		width: 15%;
		text-align: left;
	}

	div.pagefooter td.right
	{
		vertical-align: top;
		width: 15%;
		text-align: right;
	}






	.annotation
	{
		font-size: smaller;
		font-weight: normal;
	}
	
	@media print
	{
		.annotation
		{
			display: none;
		}

		.dontprint
		{
						display: none;
		}
	} 

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

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

	.label
	{
		/* font-size: x-small; */
	}
 
	input.error, select.error
 	{ 
		color: #CC0066;
		background-color: yellow;
	}

	input.mandatory, select.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;
	}

	.expander
	{
		/* cursor: pointer; in JS */
	}

	img.expander
	{
		position: relative;
		left: -14px;
		top: 4px;
		/* height: 18px; */
	}
	
	.expander_target
	{
		/* display: none; in JS */
	}