﻿
/*--------------------------------------------------------------------------------------------------------------*/
/* Project style sheet for scenecentral
/* Add any project-specific styles here, they will override the default styles
/*--------------------------------------------------------------------------------------------------------------*/

/*----- IDENTITY COLOURS ------ */

.body .scenecentral,
.scenecentral #sidebar .sidebox, 
.scenecentral #sidebar .sidebox p,
.scenecentral #sidebar #mostviewed a,
.scenecentral #sidebar .sidebox label,
.scenecentral .eventLink, 
.scenecentral .eventLinkSmall, 
.scenecentral .venueLinkSmall,
.scenecentral .expandSmall, 
.scenecentral .expandLarge, 
.scenecentral .expandLarge a, 
.scenecentral .expandSmall a,
.scenecentral .eventLink a, 
.scenecentral .eventLinkSmall a, 
.scenecentral .venueLinkSmall a,
.scenecentral .widget-content .intro a
{
	color: #58595B;
}
.scenecentral #sidebar #links li a,
.scenecentral .removeButton,
.scenecentral .panelTextList a,
.scenecentral .promotionCentre, 
.scenecentral .promotionCentre a,
.scenecentral #columns .widget .widget-content
{
	color: #58595B !important;	
}
.scenecentral h1,
.scenecentral .articlebody a, 
.scenecentral .articlebody a:hover,
.scenecentral .articlebody a:focus,
.scenecentral #sidebar h3 span,
.scenecentral #sidebar #mostviewed a:hover,
.scenecentral #sidebar #mostviewed a:focus,
.scenecentral #sidebar #links li a:hover,
.scenecentral #sidebar #links li a:focus,
.scenecentral #header #user a:hover,
.scenecentral #header #user a:focus,
.scenecentral #submenu a:hover, 
.scenecentral #submenu a:focus, 
.scenecentral #submenu .selected a,
.scenecentral #eventHeader h1, 
.scenecentral #eventHeader h2, 
.scenecentral #eventLogistics h3, 
.scenecentral #eventSuggestions h2,
.scenecentral .eventLink a:hover, 
.scenecentral .eventLink a:focus, 
.scenecentral .eventLinkSmall a:hover, 
.scenecentral .eventLinkSmall a:focus, 
.scenecentral .venueLinkSmall a:hover,
.scenecentral .venueLinkSmall a:focus,
.scenecentral .expandLarge:hover, 
.scenecentral .expandLarge:focus, 
.scenecentral .expandLarge a:hover, 
.scenecentral .expandLarge a:focus, 
.scenecentral .expandSmall:hover, 
.scenecentral .expandSmall:focus, 
.scenecentral .expandSmall a:hover,
.scenecentral .expandSmall a:focus,
.scenecentral .more:hover,
.scenecentral .more:focus,
.scenecentral .highlightLarge h1, 
.scenecentral .highlightMedium h1, 
.scenecentral #highlightHeader h1,
.scenecentral #highlightLinks #events a:hover,
.scenecentral #highlightLinks #events a:focus,
.scenecentral #searchResults .newday, 
.scenecentral #venueHeader h1, 
.scenecentral .AddPanel h1,
.scenecentral .SendToFriendPanel .Heading,
.scenecentral .promotionCentre a:hover,
.scenecentral .promotionCentre a:focus,
.scenecentral .performances a:focus,
.scenecentral .competition .heading, 
.scenecentral .competition_listing .heading
{
	color: #605B9B;
}
.scenecentral .cmsButton:hover, 
.scenecentral .cmsButton:focus, 
.scenecentral .cmsButtonWhite:hover, 
.scenecentral .cmsButtonWhite:focus, 
.scenecentral .cmsButtonDark:hover, 
.scenecentral .cmsButtonDark:focus, 
.scenecentral .cmsButtonBig:hover, 
.scenecentral .cmsButtonBig:focus, 
.scenecentral .cmsButtonXP:hover, 
.scenecentral .cmsButtonXP:focus, 
.scenecentral .cmsButtonVista:hover,
.scenecentral .cmsButtonVista:focus,
.scenecentral .cmsButtonBig,
.scenecentral .fixButtonBig, 
.scenecentral .fixButton:hover, 
.scenecentral .fixButton:focus, 
.scenecentral .fixButtonWhite:hover, 
.scenecentral .fixButtonWhite:focus, 
.scenecentral .fixButtonDark:hover, 
.scenecentral .fixButtonDark:focus, 
.scenecentral .fixButtonBig:hover, 
.scenecentral .fixButtonBig:focus, 
.scenecentral .fixButtonXP:hover, 
.scenecentral .fixButtonXP:focus, 
.scenecentral .fixButtonVista:hover,
.scenecentral .fixButtonVista:focus,
.scenecentral .buy
{
	color: #605B9B !important;
}
.scenecentral .announcement,
.scenecentral #buyticketspanel .buyTicketList .selected,
.scenecentral .buySelector .amount,
.scenecentral .ticketGrid li.weekend,
.scenecentral .basket td.total
{
	background-color: #605B9B;
}
.scenecentral #searchResults .newday
{
	border-bottom: solid 5px #605B9B;
}
.scenecentral .aspCalendar .Day:hover, 
.scenecentral .aspCalendar .Day:focus, 
.scenecentral .aspCalendar .Day:hover a, 
.scenecentral .aspCalendar .Day:focus a, 
.scenecentral .aspCalendar .TodayDay:hover, 
.scenecentral .aspCalendar .TodayDay:focus, 
.scenecentral .aspCalendar .TodayDay:hover a, 
.scenecentral .aspCalendar .TodayDay:focus a, 
.scenecentral .aspCalendar .SelectedDay, 
.scenecentral .aspCalendar .SelectedDay a 
{ 
	background-color: #605B9B !important; 
}

/*----- BUTTONS AND ARROWS ---- */

.scenecentral .cmsButton { background-image: url(/images/scenecentral/buttons/btnWhite.gif); color: #666666 !important;}
.scenecentral .cmsButton span { background-image: url(/images/scenecentral/buttons/btnWhite.gif); }
.scenecentral .cmsButtonDark { background-image: url(/images/scenecentral/buttons/btnWhite.gif); color: #666666 !important;}
.scenecentral .cmsButtonDark span { background-image: url(/images/scenecentral/buttons/btnWhite.gif); }
.scenecentral .fixButtonDark { color: #666666; background-image: url(/images/default/buttons/fixWhite.gif); }
.scenecentral .fixButtonWhite { color: #666666; background-image: url(/images/default/buttons/fixWhite.gif); }

.scenecentral .backlink
{
	background-image: url(/images/scenecentral/arrowgreysmallest-left.gif);
}
.scenecentral .backlink:hover,
.scenecentral .backlink:focus
{
	background-image: url(/images/scenecentral/arrowgreysmallest-left-hover.gif);
}
.scenecentral .calendarWrapper
{
	background-image: url(/images/scenecentral/calendartop.gif);
}
.scenecentral .buy:hover,
.scenecentral .buy:focus
{
	background-image: url(/images/scenecentral/arrowdarkgreysmallest-hover.gif);
}
.scenecentral .eventLink .buy
{
	background-image: url(/images/scenecentral/arrowpurple.gif);
}
.scenecentral .eventLink .buy:hover,
.scenecentral .eventLink .buy:focus
{
	background-image: url(/images/scenecentral/arrowdarkgrey-hover.gif);
}
.scenecentral .eventLink a
{
	background-image: url(/images/scenecentral/arrowdarkgrey.gif);
}
.scenecentral .eventLink a:hover,
.scenecentral .eventLink a:focus
{
	background-image: url(/images/scenecentral/arrowpurple-hover.gif);
}
.scenecentral .eventLinkSmall a, 
.scenecentral .venueLinkSmall a
{
	background-image: url(/images/scenecentral/arrowdarkgreysmallest.gif);
}
.scenecentral .eventLinkSmall a:hover, 
.scenecentral .eventLinkSmall a:focus, 
.scenecentral .venueLinkSmall a:hover,
.scenecentral .venueLinkSmall a:focus
{
	background-image: url(/images/scenecentral/arrowpurplesmallest-hover.gif);
}
.scenecentral .eventLinkSmall .buy
{
	background-image: url(/images/scenecentral/arrowpurplesmallest.gif);
}
.scenecentral .eventLinkSmall .buy:hover,
.scenecentral .eventLinkSmall .buy:focus
{
	background-image: url(/images/scenecentral/arrowdarkgreysmallest-hover.gif);
}
.scenecentral .expandSmall a
{
	background-image: url(/images/scenecentral/arrowdownsmall.gif);
}
.scenecentral .favouriteLink a
{
	background-image: url(/images/scenecentral/arrowgreysmall.gif);
}
.scenecentral .favouriteLink a:hover,
.scenecentral .favouriteLink a:focus
{
	background-image: url(/images/scenecentral/arrowdarkgreysmall-hover.gif);
}
.scenecentral #eventLogistics li
{
	background-image: url(/images/scenecentral/arrowgreysmallest.gif);
}
.scenecentral #eventLogistics li:hover,
.scenecentral #eventLogistics li:focus
{
	background-image: url(/images/scenecentral/arrowdarkgreysmallest-hover.gif);
}
.scenecentral #eventSuggestions li
{
	background-image: url(/images/scenecentral/arrowpurple.gif);
}
.scenecentral #eventSuggestions li
{
	background-image: url(/images/scenecentral/arrowpurplesmall.gif);
}
.scenecentral #eventSuggestions li:hover,
.scenecentral #eventSuggestions li:focus
{
	background-image: url(/images/scenecentral/arrowpurplesmall-hover.gif);
}
.scenecentral .highlightLarge p
{
	background-image: url(/images/scenecentral/arrowdarkgrey.gif);
}
.scenecentral .highlightLarge p:hover,
.scenecentral .highlightLarge p:focus
{
	background-image: url(/images/scenecentral/arrowdarkgrey-hover.gif);
}
.scenecentral .highlightMedium p
{
	background-image: url(/images/scenecentral/arrowdarkgrey.gif);
}
.scenecentral .highlightMedium p:hover,
.scenecentral .highlightMedium p:focus
{
	background-image: url(/images/scenecentral/arrowdarkgrey-hover.gif);
}
.scenecentral .highlightMedium .otherEvents
{
	background-image: url(/images/scenecentral/arrowgreysmallest.gif);
}
.scenecentral .highlightMedium .otherEvents:hover,
.scenecentral .highlightMedium .otherEvents:focus
{
	background-image: url(/images/scenecentral/arrowdarkgreysmallest-hover.gif);
}
.scenecentral #buyticketspanel .buyTicketHeader a:hover,
.scenecentral #buyticketspanel .buyTicketHeader a:focus
{
	background-image: url(/images/scenecentral/arrowpurplesmallest-hover.gif) !important;
}

/*----- HEADER AREA ------*/

.scenecentral #header
{
	background-repeat: repeat-x;
	background-image: url(/images/scenecentral/headerbackground.jpg);
}
.scenecentral #header #logo
{
	padding: 55px 0 10px 0;
	width: 80%;
	background-image: url(/images/scenecentral/headerbackground.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}
.scenecentral #header .signupbox
{
	padding-top: 10px;
	background: transparent;
	display: inline;
	float: right;
	width: 140px;
	font-size: 80%;
}
.scenecentral #header .signupbox .narrowbox
{
	width: 95px; 
	height: 1.3em;
	float: right;
}
.scenecentral #header .signupbox label
{
	font-size: 120%;
	display: block;
	line-height: 90%;
}
.scenecentral #header .signupbox .gobutton
{
	clear: right;
	float: right;
}
.scenecentral #header #user
{
	position: relative;
	top: -40px;
	left: -65px;
	margin-top: 0;
}
.scenecentral #header #user #username
{
	display: inline;
	margin-right: 0.1em;
}
.scenecentral #header #user #minibasket
{
	float: right;
	position: absolute;
	top: 0px;
	left: 145px;
}
.scenecentral #header #user #minibasket span
{
	position: absolute;
	top: 3px;
	left: 17px;
	color: #efefef;
	font-size: 110%;
	font-weight: bold;
}

/* TOP MENU BAR */
.scenecentral #menubar 
{
	margin: 0 0 0 0px;
	padding: 0;
	width: 820px;
	background-image: url(/images/scenecentral/headerbackground.jpg);
	background-position: left 80%;
	background-repeat: repeat-x;
}
.scenecentral #menubar li
{
	background-image: url(/images/scenecentral/menuleft1.gif);
}
.scenecentral #menubar a
{
	background-image: url(/images/scenecentral/menuright1.gif);
}
.scenecentral #menubar li.colour1 { background-image: url(/images/scenecentral/menuleft1.gif); }
.scenecentral #menubar li.colour2 { background-image: url(/images/scenecentral/menuleft2.gif); }
.scenecentral #menubar li.colour3 { background-image: url(/images/scenecentral/menuleft3.gif); }
.scenecentral #menubar li.colour4 { background-image: url(/images/scenecentral/menuleft4.gif); }
.scenecentral #menubar li.colour5 { background-image: url(/images/scenecentral/menuleft5.gif); }
.scenecentral #menubar li.colour6 { background-image: url(/images/scenecentral/menuleft6.gif); }
.scenecentral #menubar li.colour7 { background-image: url(/images/scenecentral/menuleft7.gif); }
.scenecentral #menubar li.colour8 { background-image: url(/images/scenecentral/menuleft8.gif); }
.scenecentral #menubar li.colour9 { background-image: url(/images/scenecentral/menuleft9.gif); }
.scenecentral #menubar li.colour10 { background-image: url(/images/scenecentral/menuleft10.gif); }
.scenecentral #menubar li.colour11 { background-image: url(/images/scenecentral/menuleft11.gif); }
.scenecentral #menubar li.colour12 { background-image: url(/images/scenecentral/menuleft12.gif); }
.scenecentral #menubar li.colourMP { background-image: url(/images/scenecentral/menuleftMP.gif); }
.scenecentral #menubar li.colour1 a { background-image: url(/images/scenecentral/menuright1.gif);}
.scenecentral #menubar li.colour3 a { background-image: url(/images/scenecentral/menuright3.gif); }
.scenecentral #menubar li.colour2 a { background-image: url(/images/scenecentral/menuright2.gif); }
.scenecentral #menubar li.colour4 a { background-image: url(/images/scenecentral/menuright4.gif); }
.scenecentral #menubar li.colour5 a { background-image: url(/images/scenecentral/menuright5.gif); }
.scenecentral #menubar li.colour6 a { background-image: url(/images/scenecentral/menuright6.gif); }
.scenecentral #menubar li.colour7 a { background-image: url(/images/scenecentral/menuright7.gif); }
.scenecentral #menubar li.colour8 a { background-image: url(/images/scenecentral/menuright8.gif); }
.scenecentral #menubar li.colour9 a { background-image: url(/images/scenecentral/menuright9.gif); }
.scenecentral #menubar li.colour10 a { background-image: url(/images/scenecentral/menuright10.gif); }
.scenecentral #menubar li.colour11 a { background-image: url(/images/scenecentral/menuright11.gif); }
.scenecentral #menubar li.colour12 a { background-image: url(/images/scenecentral/menuright12.gif); }
.scenecentral #menubar li.colourMP a { background-image: url(/images/scenecentral/menurightMP.gif); }

.scenecentral #menubar li a { min-width: 55px; padding-left: 0px; padding-right: 5px; }

.scenecentral #submenu 
{
	width: 820px;
	margin-left: 0;
}
.scenecentral #submenu a:hover, 
.scenecentral #submenu a:focus, 
.scenecentral #submenu .selected a
{
	color: White !important;
	text-decoration: underline;
}
.scenecentral ul.colour1 { background-color: #808285; }
.scenecentral ul.colour2 { background-color: #CE5092; }
.scenecentral ul.colour3 { background-color: #605B9B; }
.scenecentral ul.colour4 { background-color: #007BB9; }
.scenecentral ul.colour5 { background-color: #00A5D4; }
.scenecentral ul.colour6 { background-color: #009290; }
.scenecentral ul.colour7 { background-color: #8EBD3F; }
.scenecentral ul.colour8 { background-color: #DDC432; }
.scenecentral ul.colour9 { background-color: #DF7F24; }
.scenecentral ul.colour10 { background-color: #C74623; }
.scenecentral ul.colour11 { background-color: #A73021; }
.scenecentral ul.colour12 { background-color: #808285; }
.scenecentral ul.colourMP { background-color: #58595B; }
.scenecentral ul.colourMP a:hover { color: #6c6d6f !important; }
.scenecentral ul.colourMP a:focus { color: #6c6d6f !important; }

/*----- MOVABLE PANELS -------*/
.scenecentral .color-orange,
.scenecentral .color-blue,
.scenecentral .color-grey
{
	background:#eeeeee;
}
.scenecentral .color-orange h3,
.scenecentral .color-blue h3,
.scenecentral .color-grey h3
{
	color:black;
}
.scenecentral .color-orange .subPanel,
.scenecentral .color-blue .subPanel,
.scenecentral .color-grey .subPanel
{ 
	border-top: solid 6px #eeeeee; 
}
.scenecentral #columns .widget .widget-content 
{
    background-color: white;
}

/*----- SIDEBAR PANELS ------ */

.scenecentral #sidebar
{
	padding-top: 213px;
	background-image: url(/images/scenecentral/logoleft.gif);
	background-position: right top;
	background-repeat: no-repeat; 
	clear: left;
}
.scenecentral #sidebar #logoleft
{
	float: right;
	height: 0px;
	margin-top: 40px;
}
.scenecentral #sidebar .sidebox
{
	width: 135px;
	padding: 0 10px 0 5px;
	background-color: transparent;
	background-image: url(/images/scenecentral/boxbackground.gif);
}
.scenecentral #sidebar .sideboxtop
{
	background-color: transparent;
	background-image: url(/images/scenecentral/boxtop.gif);
}
.scenecentral #sidebar .sideboxbottom
{
	padding-bottom: 17px;
	background-color: transparent;
	background-image: url(/images/scenecentral/boxbottom.gif);
}
.scenecentral #sidebar .sidebox .gobutton
{
	float: right;
}
.scenecentral #sidebar .sidebox .resetbutton
{
	vertical-align: middle;
	padding-bottom: 3px;
	float: left;
}
.scenecentral #sidebar .sidebox label
{
	padding-top: 5px;
}
.scenecentral #sidebar .bottomlinks a
{
	color: black !important;
	font-weight: bold;
} 
.scenecentral #sidebar #links ul
{
	margin-top: 0px;
}

/*----- OTHER ------ */
body,
body .scenecentral 
{
	background-color: #E6E6E6;
	background-image: url(/images/scenecentral/headerbackground.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}
.scenecentral #container
{
	margin-left: auto;
	margin-right: auto;
}
.scenecentral #middlecolumn
{
	min-height: 700px;
}
.scenecentral #content
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.scenecentral .funders
{
	border-top: #babcbe 1px dotted;
	margin-top: 25px;
	padding-top: 25px;
}
.scenecentral #topbanner
{
	background-image: none;
	background: transparent;
	padding: 0;
	margin: 0;
	float: left;
	height: 0px;
	position: relative;
	left: 290px;
	top: 50px;
}
.scenecentral #topbanner #bannerclick
{
	top: -90px;
}
.scenecentral #topbanner #banner,
.scenecentral #topbanner #bannerclick,
.scenecentral #topbanner #bannerclick img 
{ 
	width: 470px;
	height: 90px;
}
.scenecentral .highlightLarge
{
	padding-top: 10px;
}
.scenecentral #highlightList
{
	position: relative;
	left: -10px;
	top: 55px;
	width: 820px;
	min-height: 100px;
	background-color: #808285;
	color: White;
	border: none;
	padding-top: 10px;
	margin-bottom: 20px;
}
.scenecentral #highlightList li
{
	width:750px;
	margin: 0 10px 0px 20px;
	padding-left: 20px;
	background-image: url(/images/scenecentral/otherthings.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
.scenecentral #highlightList li a
{
	display: block;
	font-size: 120%;
	color: White;
	border: none;
}
.scenecentral #highlightList li a:hover,
.scenecentral #highlightList li a:focus
{
	text-decoration: underline;
}
.scenecentral .expandLarge em
{
	font-weight: bold !important;
}
.scenecentral .eventLinkSmall em
{
	font-weight: bold;
}
.scenecentral #searchResults .premium
{
	background-color: #E6E6E6;
}
.scenecentral #searchResults h1 span
{
	padding-left: 20px;
	font-size: 90%;
}
.scenecentral #searchResults .title { width: 290px; }
.scenecentral #searchResults .town { width: 85px; }
.scenecentral #searchResults .artform { width: 100px; }

.scenecentral .widget-head a.collapse,
.scenecentral .widget-head a.edit,
.scenecentral .widget-head a.remove
{
	background-image: url(/images/scenecentral/panelbuttons.png);
}
.scenecentral .widget-content .intro a:hover,
.scenecentral .widget-content .intro a:focus
{
	color: black;
}
.scenecentral .edit-box
{
	background: #EEEEEE;
	border: solid 2px ##58595B !important;
}
.scenecentral .removeButton:hover,
.scenecentral .removeButton:focus
{
	color: Black !important;
	text-decoration: underline !important;
}
.scenecentral .panelImageList a
{
	color: black;
}
.scenecentral .widget-content .intro a,
.scenecentral .removeButton,
.scenecentral .panelImageList li,
.scenecentral .panelImageList2 div,
.scenecentral .panelVenue li
{
	background-image: url(/images/scenecentral/arrowpanel.gif);
}
.scenecentral .panelVenue a
{
	color: black;
}
.scenecentral .promotionCentre .paging
{
	background-color: #eeeeee;
}
.scenecentral .promotionCentre .cmsButtonXP span
{
	background-color: white !important;
}
.scenecentral .competition a, 
.scenecentral .competition_listing a
{ 
	color: black; 
}
.scenecentral .AddPanel .linkArrow
{
	background-image: url(/images/scenecentral/arrowgreysmallest.gif);
}
.scenecentral .buyHeader a
{
	background-image: url(/images/scenecentral/arrowdarkgreysmallest.gif) !important;
}
.scenecentral .buyHeader a:hover,
.scenecentral .buyHeader a:focus
{
	background-image: url(/images/scenecentral/arrowdarkgreysmallest-hover.gif) !important;
}

