﻿/* Page Structure */
DIV#events-inner {float:left; width: 95%; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px;}
DIV#events-inner DIV.control {float:left; width:764px; background:#E3E4E6;}
DIV#events-inner DIV.control DIV.col1 {float:left; width:403px; border-right:1px solid #FFF;}
DIV#events-inner DIV.control DIV.col2 {float:left; width:360px;}
DIV#events-inner DIV.heading {float:left; clear:left; width: 95%; min-height:20px; padding:0px 0px 0px 14px; background:#A5AAAF url('/assets/events/bg_heading_home_pink.gif') 0px 0px repeat-y;}
DIV#events-inner DIV.heading H2 {float:left; margin:0px; padding: 0px 0px 0px 0px; line-height: 20px; width: 95%; color:#FFF; font-size:11px;}

/* Common Elements */
A.more {float:left; clear:left; margin:3px 0px 0px 0px; padding:0px 0px 0px 13px; color:#F79133; background:url('/assets/events/arrow1.gif') no-repeat 0px 1px; font-size:10px;}

/* Heading Widths */

DIV#events-inner DIV.whats_on DIV.heading, DIV#events-inner DIV.listing_event DIV.heading {width:145px;}








/* What's On */
DIV#events-inner DIV.whats_on {float:left; width: 95%; margin:0px 0px 0px 0px; background:#E9EAEB;}
DIV#events-inner DIV.whats_on DIV.outer {float:left; width: 92%; padding:1px 0px 0px 3px;}
DIV#events-inner DIV.whats_on DIV.inner {float:left; width: 90%; background:#FFF;}
DIV#events-inner DIV.whats_on H3 {float:left; color:#E66E00; border-bottom:1px solid #FDDEC1;}
DIV#events-inner DIV.whats_on UL {float:left; margin:0px; list-style:none;}
DIV#events-inner DIV.whats_on UL LI {float:left; clear:left; width:130px; padding:1px 0px 1px 15px; background:url('/assets/events/arrow1.gif') 0px 1px no-repeat;}











/* Listing Event */
DIV#events-inner DIV.listing_event {float:left; width:764px;}
DIV#events-inner DIV.listing_event DIV.outer {float:left; width:761px; padding:0px 0px 0px 3px; background:#E4E5E7 url('/assets/events/bg_grad.gif') 0px 0px repeat-x;}
DIV#events-inner DIV.listing_event TABLE {float:left; clear:left; width:758px;}
DIV#events-inner DIV.listing_event TABLE TBODY {background:#FFF;}
DIV#events-inner DIV.listing_event TABLE TH {padding:6px 7px 7px 7px; text-align:left; vertical-align:top;}
DIV#events-inner DIV.listing_event TABLE TD {padding:6px 7px; border-bottom:1px solid #E8E9EA; vertical-align:top;}
DIV#events-inner DIV.listing_event TABLE .col_1 {width:200px;}
DIV#events-inner DIV.listing_event TABLE .col_2 {width:142px;}
DIV#events-inner DIV.listing_event TABLE .col_3 {width:80px;}
DIV#events-inner DIV.listing_event TABLE .col_4 {width:100px;}
DIV#events-inner DIV.listing_event TABLE .col_5 {width:95px;}
DIV#events-inner DIV.listing_event TABLE TD SPAN, DIV#events-inner DIV.listing_event TABLE TD A {display:block;}
DIV#events-inner DIV.listing_event TABLE TD.col_1 IMG {float:left; padding-bottom:7px;}
DIV#events-inner DIV.listing_event TABLE TD.col_1 DIV {float:left; padding:0px 0px 0px 6px;}
DIV#events-inner DIV.listing_event TABLE TD.col_1 A {font-weight:bold;}
DIV#events-inner DIV.listing_event TABLE TD.col_4 SPAN {color:#C80B58;}








	/* Table column overrides */
	
	table.list_events tbody.whatson tr td.image { width: 40px; }
	table.list_events tbody.whatson tr td.info { width: 388px; }
	table.list_events tbody.whatson tr td.date { width: 70px; text-align: center; padding-left: 0px; }
	table.list_events tbody.whatson tr td.link { width: 40px; padding: 1px 8px 1px 10px;}		


/* Page Structure for inner pages*/
DIV#eventsinner {float:left; width:100%; margin:3px 0px 0px 0px; padding:0px 0px 0px 0px;}
DIV#eventsinner DIV.control {float:left; width:500px; background:#E3E4E6;}
DIV#eventsinner DIV.control DIV.col1 {float:left; width:403px; border-right:1px solid #FFF;}
DIV#eventsinner DIV.control DIV.col2 {float:left; width:360px;}
DIV#eventsinner DIV.heading {float:left; clear:left; min-height:20px; padding:0px 0px 0px 14px; background:#B7BBBF url('/assets/events/bg_heading_home_pink.gif') 0px 0px repeat-y;}
DIV#events DIV.heading H2 {float:left; margin:0px; padding:0px; color:#FFF; font-size:11px;}


DIV#events {float:left; width:100%; margin:3px 0px 0px 0px; padding:0px 0px 0px 0px;}
DIV#events DIV.control {float:left; width:500px; background:#E3E4E6;}
DIV#events DIV.control DIV.col1 {float:left; width:403px; border-right:1px solid #FFF;}
DIV#events DIV.control DIV.col2 {float:left; width:360px;}
DIV#events DIV.heading {float:left; clear:left; min-height:20px; padding:0px 0px 0px 14px; background:#B7BBBF url('/assets/events/bg_heading_home_pink.gif') 0px 0px repeat-y;}
DIV#events DIV.heading H2 {float:left; margin:0px; padding:0px; color:#FFF; font-size:11px;}





/* Featured Events for inner pages */
DIV#eventsinner DIV.featured_events {float:left; width:100%; padding:0px 0px 5px 0px;}
DIV#eventsinner DIV.featured_events H3 {width:550px; float:left; color:#E66E00; border-bottom:1px solid #FDDEC1; font-size:13px;}
DIV#eventsinner DIV.featured_events IMG {float:left;}
DIV#eventsinner DIV.featured_events DIV.col1 {float:left; width:240px; margin:10px 10px 0px 0px; border:1px solid #E5E5E5; }
DIV#eventsinner DIV.featured_events DIV.col2 {float:left; width:240px; margin:10px 0px 0px 10px; border:1px solid #E5E5E5;}
DIV#eventsinner DIV.featured_events DIV.txt {float:left; width:142px; padding:5px 0px 5px 6px;}
DIV#eventsinner DIV.featured_events DIV.txt A {float:left; padding:0px 0px 0px 14px; background:url('/assets/events/arrow3.gif') 0px 2px no-repeat; font-size:12px; font-weight:bold;}







/* Custom Scrolling Style */
/*************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2001-4 by Sharon Paine
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/
DIV#scroller1 {float:left; clear:left; width:145px; position:relative; margin:2px 0px 0px 1px;}
DIV#scroller1 DIV.text_grey1 {position:absolute; top:0px; left:0px;}
DIV#holder1 {position:relative; top:0px; width:140px; height:158px; overflow:hidden; z-index:100;}
DIV#wn1 {position:absolute; width:135px; height:143px; clip:rect(0,200px,158px,0); overflow:hidden;z-index:1;}
/* op7 needs width set here too (?) */
DIV#lyr1 {width:135px; background: #EDEEEE url(/assets/bg_grad4.jpg) top repeat-x;}

DIV#lyr1 UL {float:left; margin-left:7px; list-style:none;}
DIV#lyr1 UL LI {float:left; clear:left; width:100px; padding:1px 0px 5px 15px; border-bottom: 1px dotted #dddddd;	background:url('/assets/events/arrow1.gif') 0px 1px no-repeat;}




DIV#holder1 DIV.content {position:absolute;	visibility:hidden; z-index:1;}
/* Set small font-size or size/position of div's will be off in some browsers  */
DIV#scrollbar1 {position:absolute; visibility:hidden; left:125px; top:0; width:17px; height:158px; font-size:1px; z-index:2;}
DIV#track1 {position:absolute; left:0; top:12px; width:15px; height:130px; background-color:#F3F3F4; z-index:1;}
DIV#dragBar1 {position:absolute; left:1px; top:1px;	width:14px; height:20px; background-color:#C5C8CC; z-index:1;}
DIV#up1 {position:absolute; left:0; top:0; z-index:2;}
DIV#down1 {position:absolute; left:0; bottom:0; z-index:3;}




/* Style for Events */





/* Page Structure */
DIV#events {float:left; width:764px; margin:3px 0 0 0; padding:0;border-bottom:7px solid #E8E9EA;}
DIV#events DIV.control {float:left; width:764px; background:#E3E4E6;}
DIV#events DIV.control DIV.col1 {float:left; width:403px; border-right:1px solid #FFF;}
DIV#events DIV.control DIV.col2 {float:left; width:360px;}
DIV#events DIV.heading {float:left; clear:left; min-height:20px; padding:0px 0px 0px 14px; background:#A5AAAF url('/assets/events/bg_heading_home_pink.gif') 0px 0px repeat-y;}
DIV#events DIV.heading H2 {float:left; margin:0px; padding:0px; color:#FFF; font-size:11px;}

/* Common Elements */
A.more {float:left; clear:left; margin:3px 0px 0px 0px; padding:0px 0px 0px 13px; color:#F79133; background:url('/assets/events/arrow1.gif') no-repeat 0px 1px; font-size:10px;}

/* Heading Widths */
DIV#events DIV.control DIV.col1 DIV.heading {width:389px;}
DIV#events DIV.control DIV.col2 DIV.heading {width:346px;}
DIV#events DIV.whats_on DIV.heading, DIV#events DIV.listing_event DIV.heading {width:750px;}

/* Search Forms */
DIV#events FIELDSET {float:left; margin:0px; padding:0px; border:0px;}
DIV#events DIV.search {float:left; width:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
DIV#events DIV.search FIELDSET#fieldset_keywords {width:105px; margin:9px 0px 0px 0px; padding:0px 0px 0px 14px;}
DIV#events DIV.search FIELDSET#fieldset_date_start {width:280px; margin:9px 0px 0px 0px;}
DIV#events DIV.search FIELDSET#fieldset_date_end {width:280px; margin:2px 0px 0px 0px; padding:0px 0px 10px 119px;}
DIV#events DIV.search INPUT {float:left; width:80px; height:13px; padding:2px 5px; border:1px solid #B0B4B7;}
DIV#events DIV.search INPUT.btn {width:24px; height:15px; padding:2px 6px; border:none;}
DIV#events DIV.search LABEL {float:left; width:52px; padding:3px 0px 0px 0px; font-size:10px;}
DIV#events DIV.search SELECT {float:left; height:1.6em; margin:0px 2px 0px 0px;}
DIV#events DIV.browse FIELDSET#fieldset_browse {margin:9px 0px 0px 0px; padding:0px 0px 0px 14px;}
DIV#events DIV.browse SELECT {float:left; height:1.6em; margin:0px 6px 0px 0px;}
DIV#events DIV.browse INPUT.btn {width:24px; height:15px; padding:2px 0px; border:none;}

/* What's On */
DIV#events DIV.whats_on {float:left; width:764px; margin:2px 0px 0px 0px; background:#E9EAEB;}
DIV#events DIV.whats_on DIV.outer {float:left; width:761px; padding:1px 0px 0px 3px;}
DIV#events DIV.whats_on DIV.inner {float:left; width:758px; background:#FFF;}
DIV#events DIV.whats_on H3 {float:left; color:#E66E00; border-bottom:1px solid #FDDEC1;}

/* Featured Events */
DIV#events DIV.featured_events {float:left; width:258px; padding:0px 0px 16px 11px;}
DIV#events DIV.featured_events H3 {width:238px;}
DIV#events DIV.featured_events IMG {float:left;}
DIV#events DIV.featured_events DIV.item {float:left; width:236px; margin:10px 0px 0px 0px; border:1px solid #E5E5E5;}
DIV#events DIV.featured_events DIV.txt {float:left; width:142px; padding:5px 0px 5px 6px;}
DIV#events DIV.featured_events DIV.txt A {float:left; padding:0px 0px 0px 14px; background:url('/assets/events/arrow3.gif') 0px 2px no-repeat; font-size:12px; font-weight:bold;}

/* Hot Tickets */
DIV#events DIV.hot_tickets {float:left; width:311px; padding:0px 0px 16px 0px;}
DIV#events DIV.hot_tickets H3 {width:287px;}
DIV#events DIV.hot_tickets UL {float:left; margin:6px 0px 0px 0px; width:287px; list-style:none;}
DIV#events DIV.hot_tickets UL LI {float:left; clear:left; width:287px; padding:2px 0px; background:url('/assets/events/border_dotted.gif') 0px 100% repeat-x;}
DIV#events DIV.hot_tickets UL LI A {float:left; width:186px; padding:0px 0px 0px 14px; background:url('/assets/events/arrow1.gif') 0px 0px no-repeat;}
DIV#events DIV.hot_tickets UL LI SPAN {float:right; color:#A5AAAF;}

/* Categories */
DIV#events DIV.categories {float:left; width:167px; padding:0px 0px 16px 0px;}
DIV#events DIV.categories H3 {width:167px;}
DIV#events DIV.categories UL {float:left; margin:0px; list-style:none;}
DIV#events DIV.categories UL LI {float:left; clear:left; width:130px; padding:1px 0px 1px 15px; background:url('/assets/events/arrow1.gif') 0px 1px no-repeat;}

/* Listing Event */
DIV#events DIV.listing_event {float:left; width:764px;}
DIV#events DIV.listing_event DIV.outer {float:left; width:761px; padding:0px 0px 0px 3px; background:#E4E5E7 url('/assets/events/bg_grad.gif') 0px 0px repeat-x;}
DIV#events DIV.listing_event TABLE {float:left; clear:left; width:754px;}
DIV#events DIV.listing_event TABLE TBODY {background:#FFF;}
DIV#events DIV.listing_event TABLE TH {padding:6px 7px 7px 7px; text-align:left; vertical-align:top;}
DIV#events DIV.listing_event TABLE TD {padding:6px 7px; border-bottom:1px solid #E8E9EA; vertical-align:top;}
DIV#events DIV.listing_event TABLE .col_1 {width:40px;}
DIV#events DIV.listing_event TABLE .col_2 {width:122px;}
DIV#events DIV.listing_event TABLE .col_3 {width:80px;}
DIV#events DIV.listing_event TABLE .col_4 {width:100px;}
DIV#events DIV.listing_event TABLE .col_5 {width:105px;}
DIV#events DIV.listing_event TABLE .col_1a {width:185px;}
DIV#events DIV.listing_event TABLE TD SPAN, DIV#events DIV.listing_event TABLE TD A {display:block;}
DIV#events DIV.listing_event TABLE TD.col_1 IMG {float:left; padding-bottom:7px;}
DIV#events DIV.listing_event TABLE TD.col_1 DIV {float:left; padding:0px 0px 0px 6px;}
DIV#events DIV.listing_event TABLE TD.col_1a A {font-weight:bold;}
DIV#events DIV.listing_event TABLE TD.col_4 SPAN {color:#C80B58;}


	/* Table column overrides */
	
	table.list_events tbody.whatson tr td.image { width: 40px; }
	table.list_events tbody.whatson tr td.info { width: 388px; }
	table.list_events tbody.whatson tr td.date { width: 70px; text-align: center; padding-left: 0px; }
	table.list_events tbody.whatson tr td.link { width: 40px; padding: 1px 8px 1px 10px;}		


/* Page Structure for inner pages*/
DIV#eventsinner {float:left; width:100%; margin:3px 0px 0px 0px; padding:0px 0px 0px 0px;}
DIV#eventsinner DIV.control {float:left; width:500px; background:#E3E4E6;}
DIV#eventsinner DIV.control DIV.col1 {float:left; width:403px; border-right:1px solid #FFF;}
DIV#eventsinner DIV.control DIV.col2 {float:left; width:360px;}
DIV#eventsinner DIV.heading {float:left; clear:left; min-height:20px; padding:0px 0px 0px 14px; background:#B7BBBF url('/assets/events/bg_heading_home_pink.gif') 0px 0px repeat-y;}
DIV#events DIV.heading H2 {float:left; margin:0px; padding:0px; color:#FFF; font-size:11px;}


/* Featured Events for inner pages */
DIV#eventsinner DIV.featured_events {float:left; width:100%; padding:0px 0px 5px 0px;}
DIV#eventsinner DIV.featured_events H3 {width:550px; float:left; color:#E66E00; border-bottom:1px solid #FDDEC1; font-size:13px;}
DIV#eventsinner DIV.featured_events IMG {float:left;}
DIV#eventsinner DIV.featured_events DIV.col1 {float:left; width:240px; margin:10px 10px 0px 0px; border:1px solid #E5E5E5; }
DIV#eventsinner DIV.featured_events DIV.col2 {float:left; width:240px; margin:10px 0px 0px 10px; border:1px solid #E5E5E5;}
DIV#eventsinner DIV.featured_events DIV.txt {float:left; width:142px; padding:5px 0px 5px 6px;}
DIV#eventsinner DIV.featured_events DIV.txt A {float:left; padding:0px 0px 0px 14px; background:url('/assets/events/arrow3.gif') 0px 2px no-repeat; font-size:12px; font-weight:bold;}




/***** EVENT DETAIL PAGE ADDITIONS - overwrite undesirable default behaviour *****/

#main-col2 .info div h4 {border-bottom:1px solid #FDDEC1;}
.quote {color:#FA8903;font-size:1.1em;font-style:italic;margin:10px;}
ul.links {float:none;margin-bottom:14px;margin-top:7px;}
#main-col1 .section-title {border-top:10px solid #E8E9EA;}
#content-LHS-nav #content-s2 #main-col1 div.info div.send {
  float:none;
  border-bottom:1px dotted #E8E9EA;
  text-align:right;
  padding:3px 3px 25px 0;
  margin-bottom:5px;
}

.share {
  float:left;  
}

.send_b {
  float:right; 
  padding:3px 0 0 0;  
}

.nav .info div {border-bottom:1px solid #A5AAAF;margin-bottom:1px;padding:7px;background:#EDEDED;width:131px;}
.nav .info h4 {padding:0;color:#C80B58;}
.nav .info p {padding:2px 0;}
.imagebutton2 {
  text-align:center;
  display:block;
  background: url(/images/buttons/background2.gif) no-repeat top left;
  border: none;
  color: #C90053;
  cursor: pointer;
  width:130px;
  height:22px;
  padding:3px;  
  font-weight:bold;
  font-size:1.2em;
  margin:20px auto;
}

.booknowbutton {
  margin:0 2px 0 6px;  
}

.pink {color:#C90053;}
.archived {font-size:1.7em;font-weight:bold;text-align:center;padding:14px 7px;color:#ff0000;border-top:7px solid #E8E9EA;}
#content-LHS-nav #content-s2 #main-col2 div.item div.txt  h4,
#content-LHS-nav #content-s2 #main-col2 div.item div.txt cite {float:none;border-bottom:none;}
.more.links {float:right;padding-left:7px;}

/**** EVENT GALLERY STYLES *****/
#eventgallery  {
  position:relative;
  min-height:1px;
  height:auto!important;
  height:1px;
}
#eventgallery .event {
  border:1px solid #e9e9e9;
  width:160px;
  padding:7px;
  margin: 7px 7px 0 0;
  float:left;
}
#eventgallery .event h4 {
  width:146px;
  height:45px;
  padding:2px 7px 3px;
  margin: 110px 0 0 0;
  position:absolute;
  background-image:url(/images/events/headerbg1.png);
  color:#fff;
  font-size:1.1em;
}
#eventgallery .event p {
  text-align:right;
  margin:3px;
  padding:0;
  height:14px!important;
  height:20px;
}
#eventgallery .more {float:none;}
#eventgallery .event p img {position:relative;top:3px;}
#eventgallery .eventpopup {
  width:300px;
  border:2px solid #eaeaea;
  background-color:#fff;
  position:absolute;
  display:none;
}
.prevnext {
  text-align:right;
  margin: 7px;
}
#prevButton {float:left;}
.close {text-align:right;margin:0;padding:0;}
.close a {color:#666;}

/******** SEASON / FESTIVAL PAGE ********/
.festival h1 {color:#C70B58;font-size:1.6em;}
.festival .info {
  float:right;
  width:200px;
  border:2px solid #eaeaea;
  height:318px;
}
.festival .info p {
  margin:0;
  padding:14px;
  background-color:#ededef;
  border-bottom:#d3d3d5;
  font-size:1.2em;
  font-weight:bold;
  color:#c70b58;
  text-align:center;
}
.festival .info img {
  height:200px;
  width:200px;
  margin-top:74px;
}
.content-box { /* can't use original as don't want float */
  background:url(/assets/bg_grad5.jpg) bottom repeat-x;
  border:2px solid #E8E9EA;
  margin-left:1px;
  padding:7px;
  margin-top:14px;
  margin-bottom:14px;
}

/****** POPUP SUMMARY PAGE - used in festival page ******/
.eventpopup {padding:7px;}
.eventpopup h3 {
  color:#C70B58;
  border-bottom:2px solid #eaeaea;
  margin-bottom:10px;
}

/****** 3 Column for FB, Twitter & eNews ******/

#widget { 	
	width: 734px;	
  float:left;	
	display:inline;
  margin: 10px 2px 12px 0;
	line-height:1.5em;	
  background:url("/assets/bg_grad5.jpg") repeat-x scroll center bottom transparent;
  border:2px solid #E8E9EA; 
  }
  
#widget h2 {
  padding-left:10px;
  color: #CD165C;
  font-size:1.6em; 
  padding-bottom:30px;  
}

#widget h3 {
  width: 240px;
  padding: 15px 0 15px 1px;
  color: #CD7805; 
 
}

#widget h3  a { text-decoration:none;}

#fb {
	float: left;
	width: 240px;  
  margin-left:12px;
  padding-bottom:10px;
}

#enews {
	float: right;
	width: 220px;
   margin-right:12px;
}

.subs {
  background:url("../images/homepage/subs-icon.jpg") no-repeat scroll -5px -5px transparent;
  margin:0;
  padding:0 7px 0 70px;
  border:1px solid #E1E1E1;  
  }
  
.subs a {
background:url("../images/homepage/subs-btn.jpg") no-repeat scroll 0 0 transparent;
display:block;
height:26px;
margin:0 0 0 -60px;
position:relative;
text-indent:-9999px;
top:3px;
width:198px;
}

#twitter { 
	float: left;
	width: 240px;
  padding-bottom:10px;
}

/**** LOGO GALLERY  *****/
#logogallery  {
  position:relative;
  min-height:1px;
  height:auto!important;
  height:1px;  
  border:2px solid #E8E9EA; 
  float:left;
  width:734px;
  margin:8px 0;
  background:url("/assets/bg_grad5.jpg") repeat-x scroll center bottom transparent;
  padding-bottom:5px;
}
#logogallery .logos {  
  padding:3px;
  margin: 7px 4px 7px 3px;
  float:left;
  border:1px dotted #d5d6d7; 
}
