/* Title: Global styles for screen media. Author: Simon Leadbetter simon@cogdesign.com. Last updated: 20 August 2008 */

/* --[ =YUI RESET ]---------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* --[ =YUI BASE ]----------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


/* --[ =GRID ]--------------------------------- */
/*
Activate these styles for positioning during development.
*/

/*html {background:transparent url('/site_assets/images/generic/grid_baseline.gif') repeat top left;}
html body {background:transparent url('/site_assets/images/generic/grid_columns.gif') repeat-y top left;}*/

/* --[ =LAYOUT ]------------------------------- */
/* Global */
html,html body{padding:0;margin:0;}
html{width:100%;height:100%; background-color:#B8B4A9;}
body{height:100%;}

/*header*/
div#header{width:100%; position:relative; background:#fff;}
div#header div#header_inner{height:150px; width:100%; background:transparent url('../site_assets/images/generic/header_bg.jpg') no-repeat top left;}
div#header #logo{text-indent:-90000px; display:block; width:312px; height:92px; position:absolute; top:31px; left:43px; background:transparent url('../site_assets/images/generic/nuffield_logo.gif') no-repeat top left;}
div#header p.tel{text-indent:-90000px; display:block; width:167px; height:20px; position:absolute; top:101px; left:369px; background:transparent url('../site_assets/images/generic/nuffield_telno.gif') no-repeat top left;}

div#header div#current_season{position:absolute; right:0; top:0; height:150px;}
div#header div#current_season p{font-size:1.87142em; line-height:1.205882em; margin:0; color:#879B5F; width:290px; background:transparent url('../site_assets/images/generic/curentseason_keyline.gif') no-repeat top right; text-align:right; padding:1em 15px 0 0;}

/*wrapper*/
div#wrapper{padding:0 0 1.5em 0; width:100%; background-color:#fff;}

/*events strip*/
div#wrapper{background:#fff url('../site_assets/images/generic/events_bg.gif') repeat-x 160px 0;}
ul#events{display:block; height:155px; width:720px; padding:0; margin:0 0 2.000012em 0;}
ul#events li{list-style:none; width:220px; height:135px; padding:10px 15px; margin:0 0 0 240px; display:block; float:left; position:relative;}
ul#events li a{display:block; width:240px; height:155px; position:absolute; top:0; left:0;}
ul#events li a img{position:relative;}
ul#events li img{position:absolute; left:0; top:0;}
ul#events li a:link:hover img, ul#events li a:visited:hover img, ul#events li a:link:active img, ul#events li a:visited:active img{display:none;}
ul#events li p.emphasised{font-size:1.714285em; line-height:1.205882em; color:#fff; margin:0 0 0.2em 0;}
ul#events li p.date{color:#fff; font-weight:bold; font-size: 1.071429em; line-height:1.205882em; margin:-0.25em 0 0 0; white-space:normal; width:210px;}

/*main_content*/
div#content div#main_content{padding-left:15px;}
/*secondary_content*/
div#content div#secondary_content h2:first-child{margin-top:0;}
div#content div#secondary_content h2{font-size:1.285714em; line-height:1.205882em; margin:1.166667em 0 0.583333em 0;}
div#content div#secondary_content h3{font-size:1.142857em; line-height:1.205882em; margin:1.3125em 0  0.65625em 0;}
/*footer*/
div#footer{width:100%; background-color:#B8B4A9; clear:both; padding:1.5em 0 1.5em 0;}
div#footer p{font-size:0.785714em; line-height:1.5em; color:#fff;}
div#footer h2, div#footer h3{font-size:0.785714em; line-height:1.2em; margin:1.909091em 0 0.954545em 0; color:#fff; font-weight:bold;}
div#footer .first_heading{margin-top:0;}
div#footer a {outline: none; color:#fff;}
div#footer a:link { text-decoration: underline; color:#fff; }
div#footer a:visited { text-decoration: underline; color:#fff; }
div#footer a:link:hover, div#footer a:visited:hover { text-decoration: none; color:#fff; }
div#footer a:link:focus, div#footer a:visited:focus { text-decoration: underline; }
div#footer a:link:active, div#footer a:visited:active { text-decoration: underline; color:#fff; }


div#footer_details, div#footer_funders, div#footer_directions{padding-left:15px; margin-bottom:1em;}

div#footer_details h3{margin-bottom:0;}
div#footer_details p.bo_tel{font-size:1.285714em; line-height:1.2em; font-weight:bold; margin:0;}
div#footer_details div.vcard{padding:50px 0 0 0; background:transparent url('../site_assets/images/generic/footer/footer_nuffieldlogo.gif') no-repeat top left; margin:0 0 1em 0;}

div#footer_details p.live_theatre{text-indent:-90000px; display:block; background:transparent url('../site_assets/images/generic/footer/footer_livetheatre.gif') no-repeat top left; width:129px; height:17px;}

div#footer_funders{background:transparent url('../site_assets/images/generic/footer/white_keyline.gif') repeat-y top left;}
div#footer_funders ul{position:relative; width:210px; margin-right:0; margin-left:0;}
div#footer_funders ul li{display:inline;}
div#footer_funders ul li a{display:block; position:absolute; text-indent:-90000px; background-color:transparent; background-repeat:no-repeat; background-position:top left;}

div#footer_funders ul li a:link:hover, div#footer_funders ul li a:visited:hover{filter:alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
div#footer_funders ul.funders{height:141px;}
div#footer_funders ul.funders li a.footer_ace{background-image:url('../site_assets/images/generic/footer/footer_ace.gif'); left:0; top:0; width:145px; height:40px;}
div#footer_funders ul.funders li a.footer_uos{background-image:url('../site_assets/images/generic/footer/footer_uos.gif'); left:0px; top:40px; width:145px; height:50px;}
div#footer_funders ul.funders li a.footer_southamptoncc{background-image:url('../site_assets/images/generic/footer/footer_southamptoncc.gif'); left:155px; top:40px; width:51px; height:41px;}
div#footer_funders ul.funders li a.footer_hampshirecc{background-image:url('../site_assets/images/generic/footer/footer_hampshirecc.gif'); left:0; top:90px; width:138px; height:50px;}
div#footer_funders ul.supporters{height:76px;}
div#footer_funders ul.supporters li a.footer_aandb{background-image:url('../site_assets/images/generic/footer/footer_aandb.gif'); left:0; top:0; width:118px; height:37px;}
div#footer_funders ul.supporters li a.footer_ajg{background-image:url('../site_assets/images/generic/footer/footer_ajg.gif'); left:140px; top:0; width:65px; height:40px;}
div#footer_funders ul.supporters li a.footer_bluechip{background-image:url('../site_assets/images/generic/footer/footer_bluechip.gif'); left:0; top:48px; width:125px; height:28px;}
div#footer_funders ul.credits{height:19px;}
div#footer_funders ul.credits li a.footer_designby{background-image:url('../site_assets/images/generic/footer/footer_designby.gif'); left:0; top:0; width:55px; height:19px;}

div#footer_directions{background:transparent url('../site_assets/images/generic/footer/white_keyline.gif') repeat-y top left;}
div#footer_directions h3{font-size:1.142857em; line-height:1.205882em; margin:0.75em 0  0.65625em 0; color:#fff; font-weight:normal;}
div#footer_directions p{font-size: 0.857143em;}

/* --[ =TYPOGRAPHY ]-------------------------- */
body{font-size:87.5%;line-height:1.5em;font-family:Arial, Helvetica, sans-serif; color:#000;} /* Set base font size to 14px for Internet Explorer 6 and below on Windows */
html>body{font-size:14px;} /* Ignored by IE6, but used by Firefox, Safari, IE7, Opera */       
p{font-size:1em;line-height:1.5em;margin:0 0 1em 0;}

/*All headings have 120% line height, relative to their size. 
All headings have margins are 1 unit line-height top, and 0.5 unit line-height bottom*/
h1,h2,h3,h4,h5,h6{clear:both; display:block; font-weight:normal;}
h1{font-size: 2.428571em; line-height:1.205882em; margin:0 0 0.308824em 0;}/*34px/41px*/
h2{font-size:1.714285em; line-height:1.205882em; margin:0.875em 0 0.4375em 0; color:#879B5F;}/*24px/29px*/
h3{font-size:1.285714em; line-height:1.205882em; margin:1.166667em 0 0.583333em 0;}/*18px/22px*/
h4, h5, h6{font-size:1.142857em; line-height:1.205882em; margin:1.3125em 0  0.65625em 0;}/*16px/19px*/
ol,ul{margin:0 0 1em 3em;}    
dl{margin:0 0 1em 0;}                                                     
li {margin-bottom:0.5em;}
dl dt{margin-bottom:0.5em; font-weight:bold;}
dl dd{margin:0 0 1.5em 0;}
dl dd p, li p{margin:0 0 0.25em 0;}
dl dd p:last-child, li p:last-child{margin-bottom:0;}
sup,sub{position:relative;height:0;line-height:1px;vertical-align:baseline;_vertical-align:bottom;/* Hack for < IE6*/}
sup{bottom:1ex;}
sub{top:.5ex;}  
dfn{font-style:italic;font-weight:bold;} 
pre {margin:0;padding:0;}
blockquote {margin:1.5em 0 1.5em 0;}
blockquote p {font-size:1.285714em; line-height:1.5em; color:#879B5F; margin:0 0 0.25em 0;}
blockquote p cite{font-size:0.777778em; line-height:1.5em; margin:0 0 1em 0; color:#92C0B4;}
hr{line-height:0.071429em;margin-top:-0.142858em;margin-bottom:1em;}
img {position:relative;}
a img{border:none;}  
table{margin-bottom:1.5em;border-collapse:collapse;}
table th{font-weight:bold;text-align:left;}
table tr,table th,table td{margin:0;padding:0 1.5em 0 1em;height:21px;border:none;}
table tfoot{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;font-style:italic;}
table caption{height:21px;margin:0;}

/* --[ =LINKS ]--------------------------- */
/*
These are global link styles that are often over-rided by declaration with greater specificity 
*/
a {outline: none; color:#879B5F;}
:link { text-decoration: none; color:#879B5F; }
:visited { text-decoration: none; color:#879B5F; }
:link:hover, :visited:hover { text-decoration: none; color:#92C0B4;}
:link:focus, :visited:focus { text-decoration: none; }
:link:active, :visited:active { text-decoration: none; color:#879B5F;}

/* --[ =FORMS ]--------------------------------------- */
form {position:relative;padding:0;margin:0 0 1em 0;}
form fieldset {position:relative;padding:0;margin:0 0 0.5em 0;}
form fieldset input, form fieldset textarea, form fieldset select{border:1px solid #666;}
form fieldset input:focus, form fieldset textarea:focus, form fieldset select:focus{border-color:#fff; background:#879B5F; color:#fff;}
/*remove border on non-standard input types*/
form fieldset input.ns_input, form fieldset input.ns_input:focus{border:none;}
form fieldset legend{display:none;}
form fieldset label{position:relative;display:block;font-size:0.857143em;line-height:2.1em;font-weight:bold;float:none;color:#879B5F;}
form fieldset label span{color:#000;float:left;font-size:1em;line-height:1.4em;font-weight:bold;}
form fieldset label.error{font-size:1em; font-weight:normal; line-height:1.5em; color:#aa0101; margin:0 0 0.5em 0;}
form fieldset input.error, form fieldset textarea.error, form fieldset select.error option{background:#aa0101; color:#FFFFFF;border:1px solid #fff;}
form fieldset input.checkbox {float:left;margin: 0 0.5em 0.5em 0;clear:none;width:auto!important;}
form fieldset span.captcha{display:block; margin:0 0 0.5em 0;}
form fieldset input,form fieldset textarea, form fieldset input{position:relative;display:block;padding:3px 5px;margin:0 0 0.5em 0;font-size:1em;line-height:1.5em;clear:both;font-family:Arial,sans-serif;}
form fieldset select{margin:0 0 0.5em 0;}
form fieldset textarea{height:200px;}

/* --[ =COLUMN SYSTEM ]------------------------------- */
/* 
We use a flexible 960 pixels 12-column grid system and have developed
a flexible system to quickly create page structure.

You can define a column using the following options:

	col[adds 15px to the right margin]
	width-value[one|two|three|four|six|seven|eight|nine|ten|eleven|twelve] 
	padding[provides override widths for columns with padding] 
	clear[optional] 
	float[optional]
	btm_margin[adds 15px bottom margin to columns]
	last[removes the margin set by col, useful for columns that are last in the row]

eg. <div class="col padding four float last></div>
*/

.col{margin:0 15px 0 0; position:relative;}
.padding{padding:15px;}
.last{margin:0;}
.float{float:left; display:inline;}
.clear{clear:both;}
.btm_margin{margin:0 0 1.5em 0; clear:left;}


.one{width:65px;}
.two{width:145px;}
.three{width:225px;}
.four{width:305px;}
.five{width:385px;}
.six{width:465px;}
.seven{width:545px;}
.eight{width:625px;}
.nine{width:705px;}
.ten{width:785px;}
.eleven{width:865px;}
.twelve{width:945px; margin:0;}
/* 
Reduce the column width by Xpx if padding if Xpx is applied to column. 
Currently calculated to accomodate 15px padding, so  this single declaration
it will reduce the column width by 15px. 

The following stacked classes can behave irratically in IE6. Therefore, it is important to 
explicity declare widths for any element using this modular system within the IE6 style sheet.
*/
.single.one{width:50px;}
.single.two{width:130px;}
.single.three{width:210px;}
.single.four{width:290px;}
.single.five{width:370px;}
.single.six{width:450px;}
.single.seven{width:530px;}
.single.eight{width:610px;}
.single.nine{width:690px;}
.single.ten{width:770px;}
.single.eleven{width:850px;}
.single.twelve{width:930px; margin:0;}
/* 
Reduce the column width by Xpx if padding if Xpx is applied to column. 
Currently calculated to accomodate 15px padding, so  this both declaration
it will reduce the column width by 30px. 

The following stacked classes can behave irratically in IE6. Therefore, it is important to 
explicity declare widths for any element using this modular system within the IE6 style sheet.
*/
.both.one{width:35px;}
.both.two{width:115px;}
.both.three{width:195px;}
.both.four{width:275px;}
.both.five{width:355px;}
.both.six{width:435px;}
.both.seven{width:515px;}
.both.eight{width:595px;}
.both.nine{width:675px;}
.both.ten{width:755px;}
.both.eleven{width:835px;}
.both.twelve{width:915px; margin:0;}

/* Form elements column override */
form fieldset div.one input, form fieldset div.one textarea{width:53px;}
form fieldset div.two input, form fieldset div.two textarea{width:133px;}
form fieldset div.three input, form fieldset div.three textarea{width:213px;}
form fieldset div.four input, form fieldset div.four textarea{width:293px;}
form fieldset div.five input, form fieldset div.five textarea{width:373px;}
form fieldset div.six input, form fieldset div.six textarea{width:453px;}
form fieldset div.seven input, form fieldset div.seven textarea{width:533px;}
form fieldset div.eight input, form fieldset div.eight textarea{width:613px;}
form fieldset div.nine input, form fieldset div.nine textarea{width:693px;}
form fieldset div.ten input, form fieldset div.ten textarea{width:773px;}
form fieldset div.eleven input, form fieldset div.eleven textarea{width:853px;}
form fieldset div.twelve input, form fieldset div.twelve textarea{width:933px;}
/* Form elements column widths */
form fieldset div.one select{width:65px;}
form fieldset div.two select{width:145px;}
form fieldset div.three select{width:225px;}
form fieldset div.four select{width:305px;}
form fieldset div.five select{width:385px;}
form fieldset div.six select{width:465px;}
form fieldset div.seven select{width:545px;}
form fieldset div.eight select{width:625px;}
form fieldset div.nine select{width:705px;}
form fieldset div.ten select{width:785px;}
form fieldset div.eleven select{width:865px;}
form fieldset div.twelve select{width:945px;}

/* --[ =HACKS ]-------------------------------- */
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
/* Global */
.inv{position:absolute;left:-900000px; z-index:-1; height:1px; float:left; display:inline;}   

/* --[ =NAVIGATION ]------------------------------- */ 
/* Accessibility */
ul#navigation_accesibility{position:absolute; left:-900000px;}  
/* Section navigation */
ul#navigation_sections{background:#FFFFFF url('../site_assets/images/navigation/navigation_bg.jpg') no-repeat top left; padding:1.071435em 15px 0 0;}
ul#navigation_sections li{list-style:none;font-size:0.857142em;line-height:1.2em;margin:0 0 0.142857em 0;padding:0;}
ul#navigation_sections li a{text-align:right;display:block; padding:0.35em 0.357143em;zoom:1;}

ul#navigation_sections li :link { text-decoration: none; color:#000000; }
ul#navigation_sections li :visited { text-decoration: none; color:#000000; }
ul#navigation_sections li :link:hover, ul#navigation_sections li :visited:hover { text-decoration: none; color:#FFFFFF; background:#879B5F;}
ul#navigation_sections li :link:focus, ul#navigation_sections li :visited:focus { text-decoration: none;}
ul#navigation_sections li :link:active, ul#navigation_sections li :visited:active { text-decoration: none;}


body#t_home ul#navigation_sections li a.home,
body#t_events ul#navigation_sections li a.events,
body#t_productions ul#navigation_sections li a.productions,
body#t_under26 ul#navigation_sections li a.under26,
body#t_gallery ul#navigation_sections li a.gallery,
body#t_education ul#navigation_sections li a.education,
body#t_news  ul#navigation_sections li a.news,
body#t_support ul#navigation_sections li a.support,
body#t_access ul#navigation_sections li a.access,
body#t_info ul#navigation_sections li a.info,
body#t_cafe_bar ul#navigation_sections li a.cafe_bar,
body#t_mailing_list  ul#navigation_sections li a.mailing_list,
body#t_contact ul#navigation_sections li a.contact,
body#t_links ul#navigation_sections li a.links
{color:#FFFFFF; background:#879B5F;}

ul#navigation_sections li ul{margin:0.5em 0 0.75em 0; background:transparent;}
ul#navigation_sections li ul li{font-size:1em;display:block; margin:0;}
ul#navigation_sections li ul li a{color:#879B5F; font-weight:bold; padding-left:0.357143em;margin:0;}

ul#navigation_sections li ul li :link {color:#879B5F;}
ul#navigation_sections li ul li :visited {color:#879B5F;}
ul#navigation_sections li ul li :link:hover, ul#navigation_sections li ul li :visited:hover {color:#92C0B4; background:transparent;}
ul#navigation_sections li ul li :link:focus, ul#navigation_sections li ul li :visited:focus {color:#879B5F;}
ul#navigation_sections li ul li :link:active, ul#navigation_sections li ul li :visited:active {color:#879B5F;}

/* --[ =sIFR]------------------------------- */
h1.sIFR-replaced{margin-bottom:0.2em;}
h2.sIFR-replaced{margin-bottom:0.3em;}
ul#navigation_sections li.sIFR-replaced{float:left;width:195px;clear:both;}

/* --[ =HCARD]------------------------------- */
div.vcard img {}

/* --[ =JQUERY UI ELEMENTS ]------------------------------- */
/* Global */
.link{color:#EB3D15;}
.hover{text-decoration:underline; color:#7d7d7d; cursor:pointer;} /* This class will be added dynamically*/
.ui-state-default{color:#EB3D15;}
.ui-state-active{color:#7d7d7d;}

/* FancyBox */
.advert_video{position:absolute;bottom:15px; left:15px;}

/* --[ =MODULAR ELEMENTS ]------------------------------- */
/*listing*/
div#content div.listing{border-bottom:1px dashed #879B5F; padding:0 0 0.75em 0; margin:0 0 0.75em 0;}
div#content div.listing div.image a{display:block;}
div#wrapper div#content div.listing h2{font-weight:bold; font-size:1.285714em; margin:0 0 0.583333em 0;}
div#content div.listing h2 a{display:block; background:transparent url('../site_assets/images/generic/link.gif') no-repeat 0 0.1300em; padding-left:25px; min-height:25px;}
div#content div.listing p.date{font-size:0.928571em; font-weight:bold; margin:0 0 0.5em 0; color:#92C0B4;}
div#content div.listing p:last-child{margin-bottom:0;}

/*thumbnail image list*/
ul.images{margin-left:0; margin-right:0; padding-top:1em;}
ul.images li{list-style:none; border-bottom:1px dashed #879B5F; padding:0 0 0.75em 0; margin:0 0 0.5em 0;}
ul.images li a{float:left; width:145px; margin:0.25em 0 0 0;}
ul.images li p.credit{margin:0; width:275px; float:right;}

/*plain list*/
ul.plain{margin-left:0;}
ul.plain li{list-style:none;}

/*icon list*/
ul.icons{margin:0 0 1em 0;}
ul.icons li{list-style:none; display:inline;}
ul.icons li a{text-indent:-90000px; margin:0 5px 0 0; display:block; float:left; width:35px; height:35px; background-color:transparent; background-repeat:no-repeat; background-position:top center;}
ul.icons li a:link:hover, ul.icons li a:visited:hover{background-position:top left;}

ul.icons li a.twoforone{background-image:url('../site_assets/images/generic/icons/2for1.gif');}
ul.icons li a.pw{background-image:url('../site_assets/images/generic/icons/pw.gif');}
ul.icons li a.students{background-image:url('../site_assets/images/generic/icons/students.gif');}
ul.icons li a.yp{background-image:url('../site_assets/images/generic/icons/yp.gif');}
ul.icons li a.wheelchair{background-image:url('../site_assets/images/generic/icons/wheelchair.gif');}
ul.icons li a.hearing{background-image:url('../site_assets/images/generic/icons/hearing.gif');}
ul.icons li a.audio{background-image:url('../site_assets/images/generic/icons/audio.gif');}
ul.icons li a.signed{background-image:url('../site_assets/images/generic/icons/signed.gif');}

/*standalone icons*/
.icon{width:35px; height:35px; display:block; background-color:transparent; background-repeat:no-repeat; background-position:top left; text-indent:-90000px; float:left; margin:0 0 1em 0;}
a.icon:link:hover, a.icon:visited:hover{background-position:top right;}
.buy{background-image:url('../site_assets/images/generic/icons/buy_onwhite.gif');}
.soldout{background-image:url('../site_assets/images/generic/icons/soldout.gif'); width:87px;}
div.panel .buy{background-image:url('../site_assets/images/generic/icons/buy.gif');}
div.panel a.buy:link:hover, div.panel a.buy:visited:hover{background-position:top center;}

/*utitilies list*/
ul.utilities{margin-left:0; margin-top:1em;}
ul.utilities li{display:inline; list-style:none; margin:0;}
ul.utilities li a{width:20px; height:20px; display:block; background-color:transparent; background-repeat:no-repeat; background-position:top left; text-indent:-90000px; float:left; margin:0 5px 0 0;}
ul.utilities li a:link:hover, ul.utilities li a:visited:hover{background-position:top right;}
ul.utilities li.rtt a{background-image:url('../site_assets/images/generic/rtt.gif');}
ul.utilities li.back a{background-image:url('../site_assets/images/generic/back.gif');}

/*alphabet list*/
ul.alphabet{margin-left:0;}
ul.alphabet li{display:inline; list-style:none;}
ul.alphabet li a{float:left; display:block; width:1.5em; height:1.5em; line-height:1.5em; text-transform:lowercase; color:#fff; margin:0 0.1em 0.1em 0; background:#D9998F; text-align:center;}
ul.alphabet li a:link {color:#fff;}
ul.alphabet li a:visited {color:#fff;}
ul.alphabet li a:link:hover, ul.alphabet li a:visited:hover {color:#fff; background:#92C0B4;}
ul.alphabet li a:link:focus, ul.alphabet li a:visited:focus {color:#fff;}
ul.alphabet li a:link:active, ul.alphabet li a:visited:active {color:#fff;}


/*images*/
img.fright{float:right; margin:0.25em 0 0.25em 15px;}
img.fleft{float:left; margin:0.25em 15px 0.25em 0;}

/*pagination*/
div.paginate{margin:0.75em 0;}
div.paginate p.current_page{font-size: 0.928571em; margin-bottom:0.5em;}
div.paginate p.paginate_links{font-size:1.714285em; line-height:1.205882em; margin:0; color:#879B5F; font-weight:bold;}

/*panel*/
div.panel{background:#879B5F; padding:7px 15px 1px 15px; margin:0 0 2px 0; position:relative;}
div.panel.margin{margin-bottom:1em;}
div.panel h2, div.panel h3, div.panel p, div.panel li{color:#fff;}
div.panel h2, div.panel h3{font-size:1em;line-height:1.5em;margin:0 0 0.10em 0; font-weight:bold;}
div.panel p.emphasised{font-size:1.714285em; line-height:1.205882em; margin:0 0 0.4375em 0;}
div.panel p.emphasised span.base_size{font-size:0.583333em;}
div.panel p:last-child{margin-bottom:0.5em;}
div.panel p.emphasised:last-child{margin-bottom:0.4375em;}
div.panel ul.icons{padding:0.25em 0 1em 0; margin:0;}

/*vcard*/
div#content div.vcard p{margin:0;}
div#content div.vcard p.jobtitle{margin:-0.25em 0 0.5em 0;}
div#content div.vcard p.links{margin:0 0 0.5em 0;}
div#content div.vcard h3{font-weight:bold; font-size:1.285714em; margin:0 0 0.583333em 0; color:#879B5F;}

/* --[ =SECTION STYLES ]----------------------------------- */
/* 
These style are section specific
*/
/* Splash */
body#t_splash{background:#fff url('../site_assets/images/sections/splash/splash_bg.jpg') no-repeat top left;}
body#t_splash div#season_graphic{width:705px; min-height:142px; background:transparent url('../site_assets/images/sections/splash/logokeyline.gif') no-repeat 384px 0; position:absolute; top:0; right:0;}
body#t_splash div#season_graphic h1{text-indent:-90000px; display:block; width:312px; height:92px; position:absolute; top:21px; right:335px; background:transparent url('../site_assets/images/generic/nuffield_logo.gif') no-repeat top left;}
body#t_splash div#season_graphic p{font-size:1.142857em; line-height:1.205882em; margin:0; text-align:right; position:absolute; top:120px; right:335px;}
body#t_splash div#season_graphic p a {color:#879B5F;}
body#t_splash div#season_graphic p a:link {color:#92C0B4; }
body#t_splash div#season_graphic p a:visited {color:#92C0B4; }
body#t_splash div#season_graphic p a:link:hover, body#t_splash div#season_graphic p a:visited:hover {color:#879B5F;}
body#t_splash div#season_graphic p a:link:active, body#t_splash div#season_graphic p a:visited:active {color:#92C0B4;}
body#t_splash div#season_graphic img{float:right;}

body#t_splash div#site_links{position:absolute; bottom:30px; left:80px;}
body#t_splash div#site_links h2{font-size: 1.571429em; line-height:1.205882em; margin:0 0 0.4375em 0; color:#879B5F; font-weight:bold;}
body#t_splash div#site_links ul{margin:0; padding:0;}
body#t_splash div#site_links ul li{list-style:none;}
body#t_splash div#site_links ul li a{text-indent:-90000px; display:block; height:46px;}
body#t_splash div#site_links ul li a:link:hover, body#t_splash div#site_links ul li a:visited:hover{background-position:top right;}
body#t_splash div#site_links ul li a.homepage{width:482px; background:transparent url('../site_assets/images/sections/splash/homepage_link.gif') no-repeat top left;}
body#t_splash div#site_links ul li a.events{width:484px; background:transparent url('../site_assets/images/sections/splash/events_link.gif') no-repeat top left;}
/* Home */
body#t_home div#wrapper{background-image:url('../site_assets/images/sections/home/homeevents_bg.gif');}
body#t_home ul#events{height:310px;}
body#t_home ul#events li{margin:0; display:block; float:none; position:absolute;}
body#t_home ul#events li.pos1{left:0; top:0;}
body#t_home ul#events li.pos2{left:240px; top:0;}
body#t_home ul#events li.pos3{left:480px; top:0;}
body#t_home ul#events li.pos4{left:0; top:155px;}
body#t_home ul#events li.pos5{left:240px; top:155px;}
body#t_home ul#events li.pos6{left:480px; top:155px;}

body#t_home  div#wrapper div#content div.listing h3{margin:0 0 0.65625em 0;}
body#t_home div#content div.listing h3 a{display:block; background:transparent url('../site_assets/images/generic/link.gif') no-repeat 0 0; padding-left:25px; min-height:25px;}

/* Event - detail*/
body.event_detail div#page_heading{margin:0 0 0 15px;}
body.event_detail div#page_heading p.subtext{font-size:0.928571em; font-weight:bold; margin:0 0 0.25em 0; color:#92C0B4;}
body.event_detail div#page_heading p.ticketlink_details{float:left; line-height:35px; margin:0 0 0 15px;}
body.event_detail div#wrapper{background-image:url('../site_assets/images/sections/home/homeevents_bg.gif');}
body.event_detail ul#events{height:310px;}
body.event_detail ul#events li{margin-left:0; padding:0; width:auto; height:auto; background:transparent url('../site_assets/images/sections/event/event_placeholder.gif') no-repeat top left;}
body.event_detail ul#events li a:link:hover img, body.event_detail ul#events li a:visited:hover img{display:block;}
body.event_detail blockquote.related{margin-top:0;}
body.event_detail ul.images{padding-top:0;}
body.event_detail div#secondary_content ul.images li p.credit{margin:0; width:145px; float:right; color:#666; font-size:0.857143em;}
body.event_detail p.gallery_link{margin-top:-1em;}
/*positioning for the "ticket prices" panel*/
body.event_detail div.ticketprices p.emphasised{padding-right:45px;}
body.event_detail div.ticketprices a.buy{position:absolute; top:15px; right:15px;}

body.event_detail div#secondary_content ul.perdates span.addinfo{color:#666;}


/*-------------------------------------------
 Under 26
NOTE - Within this section "div#banner" replaces "ul#events"
--------------------------------------------*/

/*--layout--*/
body#t_under26{background:#fff url('../site_assets/images/sections/under26/banner_repeat.jpg') repeat-x 0 150px;}
body#t_under26 div#wrapper{background:#fff url('../site_assets/images/sections/under26/banner.jpg') no-repeat 160px 0;}

body#t_under26 div#content div#banner{height:164px; width:720px; margin:0 0 2.000012em 0;}
body#t_under26 div#content div.bg_wrapper{background:transparent url('../site_assets/images/sections/under26/contentbg_repeat.jpg') repeat-y top left;}
body#t_under26 div#content div.bg_outer{background:transparent url('../site_assets/images/sections/under26/contentbg_top.jpg') no-repeat top left;}
body#t_under26 div#content div.bg_inner{background:transparent url('../site_assets/images/sections/under26/contentbg_bottom.jpg') no-repeat bottom left; padding:45px 0;}

body#t_under26 div#content {width:770px; margin-left:15px;}
body#t_under26 div#content div#main_content{width:405px; margin-left:45px; padding-left:0;}
body#t_under26 div#content div#secondary_content{width:260px; margin-right:45px;}
body#t_under26 div#content div#secondary_content p{font-size: 0.857143em; line-height: 1.5em;}
body#t_under26 div#content div#secondary_content div.vcard p{margin:0 0 0.5em 0;}
body#t_under26 div#content div#secondary_content div.vcard p.tel{font-size: 1.285714em; margin:0 0 0.25em 0;}


body#t_under26 div#content a#under26_footer{text-indent:-90000px; display:block; height:136px; margin:7px 0 30px 0; background:transparent url('../site_assets/images/sections/under26/under26_footer.jpg') no-repeat 15px 0;}

/*typography*/
body#t_under26{color:#fff;}

body#t_under26 div#content h1{color:#fff; text-indent:-90000px; height:43px; display:block; background-repeat:no-repeat; background-position:top left; margin:0 0 30px 0;}
body#t_under26 div#content h2.replaced, body#t_under26 div#content h3.replaced{color:#fff; text-indent:-90000px; height:18px; display:block; background-repeat:no-repeat; background-position:top left; margin:20px 0 15px 0;}
body#t_under26 div#content h2.first, body#t_under26 div#content h3.first{margin-top:0;}
/*h1*/
body#t_under26.how_it_works div#content h1{background-image:url('../site_assets/images/sections/under26/how_it_works.gif');}
body#t_under26.faqs div#content h1{background-image:url('../site_assets/images/sections/under26/faqs.gif');}
body#t_under26.whats_on div#content h1{background-image:url('../site_assets/images/sections/under26/whats_on.gif');}
body#t_under26.sign_up div#content h1{background-image:url('../site_assets/images/sections/under26/sign_up.gif');}
body#t_under26.thanks div#content h1{background-image:url('../site_assets/images/sections/under26/signup_thanks.gif');}
/*h2*/
body#t_under26 div#content h2.tcs{background-image:url('../site_assets/images/sections/under26/t&cs.gif');}
body#t_under26 div#content h2.contact{background-image:url('../site_assets/images/sections/under26/contact.gif');}
body#t_under26 div#content h2.sign_up_for_info{background-image:url('../site_assets/images/sections/under26/sign_up_for_info.gif');}
body#t_under26 div#content h2.request_tickets_online{background-image:url('../site_assets/images/sections/under26/request_tickets_online.gif');}
body#t_under26 div#content h2.request_tickets_phone{background-image:url('../site_assets/images/sections/under26/request_tickets_phone.gif');}
body#t_under26 div#content h2.thanks{background-image:url('../site_assets/images/sections/under26/thanks.gif');}


/*links*/
body#t_under26 div#main_content a {color:#FFF200; font-weight:bold;}
body#t_under26 div#main_content a:link { text-decoration: none; color:#FFF200; }
body#t_under26 div#main_content a:visited { text-decoration: none; color:#FFF200; }
body#t_under26 div#main_content a:link:hover, body#t_under26 div#main_content a:visited:hover { text-decoration: underline; color:#FFF200; }
body#t_under26 div#main_content a:link:focus, body#t_under26 div#main_content a:visited:focus { text-decoration: none; }
body#t_under26 div#main_content a:link:active, body#t_under26 div#main_content a:visited:active { text-decoration: none; color:#FFF200; }

body#t_under26 div#secondary_content a {color:#EF2174; font-weight:bold;}
body#t_under26 div#secondary_content a:link { text-decoration: none; color:#EF2174; }
body#t_under26 div#secondary_content a:visited { text-decoration: none; color:#EF2174; }
body#t_under26 div#secondary_content a:link:hover, body#t_under26 div#secondary_content a:visited:hover { text-decoration: underline; color:#EF2174; }
body#t_under26 div#secondary_content a:link:focus, body#t_under26 div#secondary_content a:visited:focus { text-decoration: none; }
body#t_under26 div#secondary_content a:link:active, body#t_under26 div#secondary_content a:visited:active { text-decoration: none; color:#EF2174; }

/*modular elements*/
/*utilities list*/
body#t_under26 ul.utilities{margin-left:45px; padding-top:1.5em; clear:both;}
body#t_under26 ul.utilities li.rtt a{background-image:url('../site_assets/images/sections/under26/rtt.gif');}
body#t_under26 ul.utilities li.under26_signup a{background-image:url('../site_assets/images/sections/under26/tickets.gif'); width:195px; margin-left:10px;}

/*under 26 - section specific*/
/*whats on*/
body#t_under26.whats_on div#content div#main_content table#whats_on{width:405px;}
body#t_under26.whats_on div#content div#main_content table#whats_on th, body#t_under26.whats_on div#content div#main_content table#whats_on td {border-bottom:1px solid #00B0BD; padding:5px;}
body#t_under26.whats_on div#content div#main_content table#whats_on th{text-indent:-90000px; height:30px; background-repeat:no-repeat; background-position:5px 50%;}
body#t_under26.whats_on div#content div#main_content table#whats_on th.production{background-image:url('../../site_assets/images/sections/under26/production.gif'); width:125px;}
body#t_under26.whats_on div#content div#main_content table#whats_on th.dates{background-image:url('../../site_assets/images/sections/under26/dates.gif'); width:100px;}	
body#t_under26.whats_on div#content div#main_content table#whats_on th.age{background-image:url('../../site_assets/images/sections/under26/age.gif'); width:80px;}
body#t_under26.whats_on div#content div#main_content table#whats_on th.availability{background-image:url('../../site_assets/images/sections/under26/availability.gif'); width:100px;}

body#t_under26.whats_on div#content div#main_content table#whats_on th.production, body#t_under26.whats_on div#content div#main_content table#whats_on td.production{min-width:90px;}
body#t_under26.whats_on div#content div#main_content table#whats_on th.dates, body#t_under26.whats_on div#content div#main_content table#whats_on td.dates{min-width:30px;}
body#t_under26.whats_on div#content div#main_content table#whats_on th.age, body#t_under26.whats_on div#content div#main_content table#whats_on td.age{min-width:20px;}
body#t_under26.whats_on div#content div#main_content table#whats_on th.availability, body#t_under26.whats_on div#content div#main_content table#whats_on td.availability{min-width:80px;}

/*sign up*/
body#t_under26.sign_up form fieldset legend{display:block;}
body#t_under26.sign_up form fieldset legend span{display:block; height:18px; background-color:transparent; background-repeat:no-repeat; background-position:top left; text-indent:-90000px; margin:1.5em 0 0.5em 0;}
body#t_under26.sign_up form fieldset legend.sign_up span{width:73px; background-image:url('../site_assets/images/sections/under26/form_signup.gif');}
body#t_under26.sign_up form fieldset legend.ticket_request span{width:151px; background-image:url('../site_assets/images/sections/under26/form_ticketrequest.gif');}

body#t_under26.sign_up form fieldset input, body#t_under26.sign_up form fieldset textarea, body#t_under26.sign_up form fieldset select{border:1px solid #fff;}
body#t_under26.sign_up form fieldset input:focus, body#t_under26.sign_up form fieldset textarea:focus, form fieldset select:focus{border-color:#fff; background:#fff; color:#000;}
body#t_under26.sign_up form fieldset label{color:#fff;}
body#t_under26.sign_up form fieldset label span{color:#fff;}
body#t_under26.sign_up form fieldset label.error{color:#FFF200;}
body#t_under26.sign_up form fieldset input.error, body#t_under26.sign_up form fieldset textarea.error, body#t_under26.sign_up form fieldset select.error option{background:#FFF200; color:#000000;border:1px solid #FFF200;}
/* Form elements column override */
body#t_under26.sign_up form fieldset div.three{width:195px;}
body#t_under26.sign_up form fieldset div.six, body#t_under26.sign_up form fieldset div.clearfix{width:405px;}
body#t_under26.sign_up form fieldset div.three input, body#t_under26.sign_up form fieldset div.three textarea{width:185px;}
body#t_under26.sign_up form fieldset div.six input, body#t_under26.sign_up form fieldset div.six textarea{width:395px;}
/* Form elements column widths */
body#t_under26.sign_up form fieldset div.three select{width:195px;}
body#t_under26.sign_up form fieldset div.six select{width:395px;}

/*faqs*/
body#t_under26.faqs div.accordion h2{font-size:1.142857em; line-height:1.205882em; margin:1.3125em 0  0.65625em 0;}
/*jquery ui elements*/
body#t_under26.faqs div.accordion .link{color:#FFFD00;}
body#t_under26.faqs div.accordion .hover{text-decoration:underline; color:#FFFD00; cursor:pointer;} /* This class will be added dynamically*/
body#t_under26.faqs div.accordion .ui-state-default{color:#FFFD00;}
body#t_under26.faqs div.accordion .ui-state-active{color:#FFFD00;}