html
	{
    background: #103060;
	}

@media screen and (min-width: 1080px)
	{
 	html
		{ 
		background: url(/images/background.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		}
	}

body
	{
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	}

.yatbody
	{
	font-family: "arial";
	font-size: 10pt;
	line-height: 0em;
	text-align: left;
	color: #000000;
	padding: 0px;
	border: 0px;
	margin: 0px;
	}

.yatheader
	{
	width: 975px;
	height: 95px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	font-weight: none;
	font-size: 10pt;
	color: #ffffff;
	line-height: 1.2em;
	}

.yatheading
	{
	font-size: 16pt;
	line-height: 1.2em;
	}

.yatsubheading
	{
	font-size: 8pt;
	line-height: 1.2em;
	}

.yatmain
	{
	width: 975px;
	padding: 0px;
	border: 5px;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	font-size: 10pt;
	line-height: 1.2em;
	}

.yatmain-accordian
	{
	width: 650px;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
	}

.yatmain-twitter
	{
	width: 325px;
	padding: 10px 0px 15px 10px;
	vertical-align: top;
	}

.yatmain-accordian2
	{
	width: 340px;
	padding: 15px 0px 15px 0px;
	vertical-align: top;
	}

.yatmain-accordian3
	{
	width: 330px;
	padding: 15px 0px 15px 10px;
	vertical-align: top;
	}

.yatpages-accordian
	{
	padding: 10px 0px 15px 0px;
	vertical-align: top;
	}

.yatpages
	{
	background-color: #eeeeee;
	padding: 10px;
	border: 5px solid black;
	margin: 10px 0px 15px 0px;
	margin-left:auto;
	margin-right:auto;
	font-size: 12pt;
	line-height: 1.2em;
	vertical-align: top;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 40px;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 40px;
	border-radius: 10px;
	border-top-left-radius: 40px;
    -webkit-box-shadow: 0 -1px 0 #ffffff inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0 -1px 0 #ffffff inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -ms-box-shadow: 0 -1px 0 #ffffff inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -1px 0 #ffffff inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 0 #ffffff inset, 0 5px 15px rgba(0, 0, 0, 0.4);
	}

.yatpages .head > h2 { 
    color: black;
    font-size: 16px;     
    font-weight: normal;
    margin: 0; 
    z-index: 100; 
    position: absolute; 
    top: 0; 
    left: 0;    
    -webkit-backface-visibility: hidden; /* fixes chrome bug */
    -webkit-transform: translateX(-100%) rotate(-90deg); 
    -webkit-transform-origin: right top; 
    -moz-transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: right top; 
    -o-transform: translateX(-100%) rotate(-90deg); 
    -o-transform-origin: right top; 
    transform: translateX(-100%) rotate(-90deg); 
    transform-origin: right top; 
}
.yatpages .head > h2 span { 
    display: block; 
    padding-right: 8%; 
    text-align: right; 
    height: 90%;
    margin-top: 5px; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.yatpages .head > h2 b { 
    display: inline-block; 
    position: absolute; 
    top: 13%; 
    left: 10%; 
    text-align: center; 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    transform: rotate(90deg);
}

.yatmain h1, .yatpages h1
	{
	font-size: 14pt;
	line-height: 1.2em;
	}

.yatmain div, .yatpages div
	{
	font-size: 10pt;
	line-height: 1.2em;
	}

figure
	{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 10pt;
	line-height: 1.2em;
	}

figcaption
	{
	padding: 5px 10px;
	position: absolute;
	bottom: 20px;
	right: 30px;
	z-index: 3;
	background: black;
	background: rgba(0,0,0,0.7);
	color: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 12pt;
	line-height: 1.2em;
	text-align: right;
	}

figcaption > a:link, figcaption > a:visited, figcaption > a:active
	{
	text-decoration: none;
	color: #ff8000;
	}

figcaption > a:hover
	{
	text-decoration: none;
	color: #ffc000;
	}

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.yatfooter
	{
	background-color: #B0B0B0;
	width: 975px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	}

.yatfootingL
	{
	margin-left: 5px;
	width: 125px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 7pt;
	line-height: 1.2em;
	}

.yatfootingC
	{
	margin-left: 5px;
	width: 125px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 7pt;
	line-height: 1.2em;
	}

.yatfootingR
	{
	margin-right: 5px;
	text-align: right;
	vertical-align: middle;
	font-weight: normal;
	font-size: 7pt;
	line-height: 1.2em;
	}

.padV { margin:5px 0}
.padH { margin:0 5px }
.padTH {margin:5px 5px 0}
.padT { margin:5px 0 0 }
.padB { margin:0 0 5px}
.padR { margin:0 0 0 5px}

.readonly
	{
	background-color: #A0A0A0;
	font-family: "tahoma", "arial";
	font-size: 8pt;
 	}

.inputbox
	{
	background-color: #FFFFFF;
	font-family: "tahoma", "arial";
	font-size: 8pt;
	color: #000000;
 	}

.yearlabel
	{
	color: #FFFFFF;
	font-size: 22pt;
	font-weight: bold;
	line-height: 1.0em;
	}

.peopleproduction
	{
	font-size: 12pt;
	font-weight: bold;
	}

.peoplevenue
	{
	font-size: 11pt;
	}

.peoplerole
	{
	font-size: 9pt;
	line-height: 1.2em;
	}

.company
	{
	font-size: 12pt;
	font-weight: bold;
	}

.person
	{
	font-size: 12pt;
	font-weight: bold;
	}

.small
	{
	line-height: 1.2em;
	font-size: 7pt;
	}

.info
	{
	line-height: 1.2em;
	font-size: 8pt;
	}

.MBcontainer
	{
	margin-left: auto;
	margin-right: auto;
	width: 100%;

    vertical-align: middle;
	overflow: auto;
	line-height: 1.2em;
	text-align: center;

	padding:10px 10px 10px 10px;
 	outline: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border-width: 2px;
	border-color: #D0D0D0;
	border-style: none;

	text-decoration: none;
	background-color: #EEEEEE;
	}

.MBtitle
	{
	line-height: 1.2em;
	font-size: 20pt;
	}

.MBmsg
	{
	line-height: 1.2em;
	font-size: 12pt;
	}

.ticketheader
	{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	overflow: auto;
	line-height: 1.2em;

	padding:10px 10px 10px 10px;
 	outline: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border-width: 2px;
	border-color: #D0D0D0;
	border-style: none;
    -webkit-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -ms-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -o-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 

	text-decoration: none;
	background-color: #E0E0E0;
	}

.ticketheader > img
	{
	float: left;
	margin-right: 10px;
	vertical-align: middle;
	}

.ticketheadertext
	{
	}

.ticketproduction
	{
	line-height: 1.2em;
	font-size: 20pt;
	}

.ticketvenue
	{
	line-height: 1.2em;
	font-size: 14pt;
	}

.ticketvenueaddress
	{
	line-height: 1.2em;
	font-size: 10pt;
	}

.ticketstubBN, .ticketstubBC, .ticketstubSO, .ticketstubUO
	{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	overflow: auto;
	line-height: 1.2em;
	padding:10px 10px 10px 10px;
 	outline: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border-width: 1px;
	border-color: #E0E0E0;
	border-style: dashed none none none;
    -webkit-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -ms-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -o-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
	text-decoration: none;
	}

.ticketstubBN
	{
	background-color: #A0E0A0;
	}

.ticketstubBC
	{
	background-color: #E0E0E0;
	}

.ticketstubSO
	{
	background-color: #E0A0A0;
	}

.ticketstubUO
	{
	background-color: #E0E0A0;
	}

.ticketperf
	{
	line-height: 1.2em;
	font-size: 13pt;
	text-align: left;
	}

.ticketscore
	{
	width: 130px;
	float: right;
	line-height: 1.2em;
	font-size: 8pt;
	text-align: center;
	}

div.ticketinfo
	{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	line-height: 1.2em;
	font-size: 12pt;
	text-align: center;

	padding:10px 10px 10px 10px;
 	outline: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border-width: 2px;
	border-color: #D0D0D0;
	border-style: none;
    -moz-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -ms-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -o-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 
    -webkit-box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4); 

	text-decoration: none;
	background-color:#A0A0E0;
	}

.ticketbuttonBN, .ticketbuttonSO, .ticketbuttonPC, .ticketbuttonCN, .ticketpaymentref, .ticketemail, .ticketphonenumber
	{

	font-size: 10pt;
	text-align: center;

    display:inline-block;
    margin: 1px;
	padding:6px 10px 4px 10px;
 	outline: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border-width: 2px;
	border-color: #D0D0D0;
	border-style: outset;

	text-decoration: none;
	font-weight: bold;
	}

.ticketbuttonBN
	{
	cursor : pointer;
	background-color:#70B070;
	}

a.ticketbuttonBN:link, a.ticketbuttonBN:visited, a.ticketbuttonBN:active
	{
	color: #FFFFFF;
	}

a.ticketbuttonBN:hover
	{
	border-style: inset;
	background-color:#70E070;
	}

.ticketbuttonSO
	{
	background-color:#B07070;
	color: #000000;
	}

a.ticketbuttonSO:link, a.ticketbuttonSO:visited, a.ticketbuttonSO:active, a.ticketbuttonSO:hover
	{
	color: #000000;
	}

.ticketbuttonPC
	{
	background-color:#B0B070;
	color: #000000;
	}

.ticketpaymentref, .ticketemail, .ticketphonenumber
	{
	border-style: inset;
	background-color:#E0E0E0;
	color: #000000;
	}

a.ticketbuttonPC:link, a.ticketbuttonPC:visited, a.ticketbuttonPC:active, a.ticketbuttonPC:hover
	{
	color: #000000;
	}

.ticketbuttonCN
	{
	cursor : pointer;
	background-color:#7070B0;
	color: #FFFFFF;
	}

.white
	{
	color: #FFFFFF;
	}

.gray
	{
	color: #B0B0B0;
	}

H1, .item
	{
	text-decoration: none;
	font-size: 12pt;
	color: #000020;
	}

H2
	{
	text-decoration: none;
	font-size: 12pt;
	}

H3
	{
	text-decoration: none;
	font-size: 16pt;
	}

.large
	{
	text-decoration: none;
	font-size: 20pt;
	}

a:link, a:visited, a:active
	{
	text-decoration: none;
	color: #0000ff;
	}

a:hover
	{
	text-decoration: none;
	color: #8080ff;
	}