/*
05/04/16 CW Added support for Futura in header, footer and left hand nav 
01/10/14 CW Removed https from cookie image refs
15/11/13 CW Added ID and class support for event-image
14/11/13 CW Changed .event-image to #event-image
*/

BODY {text-align: center; font-family: Arial, Verdana; font-size: 78%; margin-left: auto; margin-right: auto; margin: 0 auto; background-color: #ffffff;}
#iframeSearchResults {text-align: left;padding:5px;}
td {font-family: Arial, Verdana; font-size: 78%; }
#container {margin: 0 auto;  width:768px; text-align:center; align:center; } 
/* font size: 62.5% = 10pt-1 */
/* font sizes: 75% = 10pt-0.83, 11pt-0.92, 12pt-1, 14pt-1.17, 16pt-1.33, 18pt-1.5, 20pt-1.67 */
/* font sizes: 100% = 10pt-0.6, 12pt-0.75, 14pt-0.85, 16pt-1, 18pt-1.1, 20pt-1.2 */

A:link {color:#000000; text-decoration: none;}
A:visited {color:#000000; text-decoration: none;}
A:hover {color:#000000; text-decoration: underline;}

.c1pullup {
	margin-top: -188px !important;
	position: relative;
	z-index: 10;
}

/*flash replace styles */
h2.intext 	{ margin: 0 0 0 0; color:#000000; /* no flash feature colour */ 
			 font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 22px; letter-spacing: -.05em; padding: 0; }
h2.loading 	{ margin: 0 0 0 0; color:#e3e6e7; /* no flash feature colour */ 
			 font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 22px; letter-spacing: -.05em; padding: 0; }
h2.fTitle1 { margin: 0 0 0 0; color: #000000; /* no flash feature colour */ 
			 font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 22px; letter-spacing: -.05em; padding: 0; }
h2.fTitle2 { margin: 0 0 0 0; color: #000000; /* no flash sub-heading colour */
			 font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 22px; letter-spacing: -.05em; padding: 0; }


h2.fCol_Title1 { margin: 0 0 0 0; color: #000000; /* no flash sub-heading colour */
			    font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 21px; letter-spacing: -.05em; padding: 0; }
h2.fCol_Title2 { margin: 0 0 0 0; color: #000000; /* no flash sub-heading colour */
			    font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 21px; letter-spacing: -.05em; padding: 0; }
h2.fCol_Title3 { margin: 0 0 0 0; color: #000000; /* no flash sub-heading colour */
			     font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 21px; letter-spacing: -.05em; padding: 0; }
a.skipflash{
text-decoration:none;
}

/*header style*/
#logo {padding-left:41px}
#title {padding-top:6px}
#arrow { padding-left:11px}
.nav-down {padding-top:8px;}
.nav--artform, .nav--grey {font-size: 15px; line-height: 16px;}
.nav--artform a:hover, .nav--grey a:hover , .nav--footer a:hover {text-decoration: none; color: #000; transition: color 0.1s ease;}
.nav--grey a, .nav--footer a {color: #5a5a5a;}
.nav--black a {color: #000;}
.nav--black a:hover {color: #5a5a5a; text-decoration: none; transition: color 0.1s ease;}
h1.header-title {font-size: 24px;}
h2.header-title, h2.header-subtitle {font-size: 18px;}

.search-down {padding-top:12px}

/*main content table style*/
.content-table {background-color:#e3e6e7; width:100%; }
.body-padding {padding-top:17px}
.flash-padding {padding-top:8px}
.main-content {background-color:#e3e6e7; width:768px; align:center;}
.main-contentw {background-color:#ffffff; width:768px; align:center;}
.nav380 {background-color:#ffffff; width:380px}
.content-text {padding-top:17px; padding-left:4px}
.line {background-color:#c0c4c7; width:100%}

/*footer*/
.footer {padding-top:18px; width:768px}

/*calendar*/
.calendar-off {background-image: url("../images/events/calender/round.gif"); background-color:#E1E1E1; width:26px; height:21px;}
.cal-dropdown {width:105px}

/*right nav*/
.whitebg {background-color:#ffffff;}
.greybg {background-color:#e3e6e7;}

.contentbox {padding-top:10px;}

/* promo pod */
.pod { background-image:url('../images/end186.gif'); background-position:bottom; background-repeat:no-repeat; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:10px; }

/*right nav_white*/
.rnav_white { background-color:#ffffff; background-image:url('../images/top186.gif'); background-position:top; background-repeat:no-repeat; padding-left:10px; padding-right:10px; padding-top:10px; }
.rnav_white_wide { background-color:#ffffff; background-image:url('/images/top380.gif'); background-position:top; background-repeat:no-repeat; padding-left:10px; padding-right:10px; padding-top:10px; }
.rnav_generic { background-color:#FF6600; background-image:url('../images/top186.gif'); background-position:top; background-repeat:no-repeat; padding-left:10px; padding-right:10px; padding-top:10px; }

/*image round crop*/
.roundcrop {background-repeat:no-repeat;background-position:left;}
.roundcrop_gallery {background-repeat:no-repeat;background-position:left;}
.main_body { background-color:#FFFFFF; vertical-align:text-top; width:400px; padding-top:20px; padding-left:8px; padding-right:8px; border-bottom: 2px solid #C0D0D9;}


/* --- EVENT IMAGE --- */
#event-image-container {
width: 186px;
height: auto;
margin-bottom: 8px;
padding: 0px;
position: relative;
top: 0px;
left: 0px;
-webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
        box-sizing: border-box;
}

img#event-image, img.event-image {
width: 186px;
height: 131px;
-webkit-border-radius: 20px 20px 0px 0px;
   -moz-border-radius: 20px 20px 0px 0px;
   	    border-radius: 20px 20px 0px 0px;
behavior: url('/scripts/PIE.htc');
position: relative
}

#event-image-footer {
width: 186px;
height: auto;
overflow: hidden;
padding: 6px 10px 10px 10px;
-webkit-border-radius: 0px 0px 20px 20px;
   -moz-border-radius: 0px 0px 20px 20px;
   	    border-radius: 0px 0px 20px 20px;
behavior: url('/scripts/PIE.htc');
position: relative;
-webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
        box-sizing: border-box;
}




/* sub nav list - no padding */
ul {margin:0; padding:0;}
li {list-style-type: none; margin:0; padding:0; /*line-height:18px; font-weight:bold;*/}
.subnav {line-height: 18px;}

.list ul {margin:0; padding:0;}
.list li {margin:15; padding:0; line-height:1px; list-style-type:disc; font-weight:normal; }

.bullets ul {margin:0; padding:0;}
.bullets li {margin:15; padding:0; line-height:normal; list-style-type:disc; font-weight:normal; }

/*floating text*/
.fl {float:left}
.fr {float:right}

/*food menue*/
.floatpadding {float:right; padding-right:42px}

/* gallery overview text container */
.galleytext {width:186; padding-top:8px; padding-bottom:33px}


/* global artform colours and styles used throughout */
.generic, .generic a:visited, .generic a:link {color:#FF6600; text-decoration:none;}
.generic a:hover {color:#FF6600; text-decoration:underline;}
.eticketing, .eticketing a:visited, .eticketing a:link {color:#FF6600; text-decoration:none;}
.eticketing a:hover {color:#FF6600; text-decoration:underline;}
.artgallery, .artgallery a:visited, .artgallery a:link {color:#f80081; text-decoration:none;}
.artgallery a:hover {color:#f80081; text-decoration:underline;}
.music, .music a:visited, .music a:link {color:#C00000; text-decoration:none;}
.music a:hover {color:#C00000; text-decoration:underline;}
.film, .film a:visited, .film a:link {color:#12A120; text-decoration:none;}
.film a:hover {color:#12A120; text-decoration:underline;}
.theatre, .theatre a:visited, .theatre a:link {color:#019EC5; text-decoration:none;}
.theatre a:hover {color:#019EC5; text-decoration:underline;}
.library, .library a:visited, .library a:link {color:#FF5900; text-decoration:none;}
.library a:hover {color:#FF5900; text-decoration:underline;}
.education, .education a:visited, .education a:link {color:#FF9000; text-decoration:none;}
.education a:hover {color:#FF9000; text-decoration:underline;}
.commercial, .commercial a:visited, .commercial a:link {color:#330099; text-decoration:none;}
.commercial a:hover {color:#330099; text-decoration:underline;}
.membership, .membership a:visited, .membership a:link {color:#5c91e6; text-decoration:none;}
.membership a:hover {color:#5c91e6; text-decoration:underline;}
.sponsorship, .sponsorship a:visited, .sponsorship a:link {color:#532F64; text-decoration:none;}
.sponsorship a:hover {color:#532F64; text-decoration:underline;}

/* in page spacing */
.t6px-padding {padding-top:6px;}

hr {width:100%; height:1px; font-size:1px; line-height:1px; border-top:1px solid #bfbfbf; margin:3px 0px 8px 0px;}



.whitebg {background-color:#FFFFFF}
.white {color:#FFFFFF;}
.white a:link, .white a:visited, .white a:hover {color:#FFFFFF; text-decoration: none; font-weight:normal;}
.white hr {width:100%; height:1px; font:1px; line-height:1px; border-top:1px solid #FFFFFF; margin:3px 0px 3px 0px;}

a.white12b:visited, a.white12b:link {color:#ffffff; text-decoration:none; font-weight:bold;}
a.white12b:hover {color:#ffffff; text-decoration:underline; font-weight:bold;}

.white20b {color:#FFFFFF; font-size: 1.67em; font-weight:bold;}
.white18b {color:#FFFFFF; font-size: 1.5em; font-weight:bold;}
.white16b {color:#FFFFFF; font-size: 1.33em; font-weight:bold;}
.white16 {color:#FFFFFF; font-size: 1.33em; font-weight:normal;}
.white12b {color:#FFFFFF; font-weight:bold;}
.white12 {color:#FFFFFF; }
.white11 {color:#FFFFFF; font-size: 0.92em;}
.white10 {color:#FFFFFF; font-size: 0.83em;}

.grey {color: #666666;}
a.grey16b:visited, a.grey16b:link {color:#666666; font-size: 1.33em; font-weight:bold;}
a.grey16b:hover {color:#666666; text-decoration:underline; font-weight:bold;}

.grey16b, h2 {color:#666666; font-size: 1.33em; font-weight:bold; margin:0px;}
.grey16 {color:#666666; font-size: 1.33em; font-weight:normal;}
.grey12b {color:#666666; font-weight:bold; }
.grey12 {color:#666666;}
.grey10 {color:#666666; font-size: 0.83em;}
.grey-light12 {color:#A7A7A7;}
.grey-light12b {color:#A7A7A7; font-weight:bold;}

.black {color: #000;}
.black20b {color:#000000; font-size: 1.67em; font-weight:bold;}
.black16b, h1 {color:#000000; font-size: 1.33em; font-weight:bold; margin:0px;}
.black16, h3 {color:#000000; font-size: 1.33em; font-weight:normal;}
.black12b {color:#000000; font-weight:bold;}
.black12 {color:#000000; }
.black11 {color:#000000; font-size: 0.92em; }
.black10 {color:#000000; font-size: 0.83em; }

.orange {color:#ff5900;}


a.orange16b:visited, a.orange16b:link {color:#ff5900; font-size: 1.33em; text-decoration:none; font-weight:bold;}
a.orange16b:hover {color:#ff5900; text-decoration:underline; font-weight:bold;}

.orange18b {color:#ff5900; font-size: 1.5em; font-weight:bold;}
.orange12b {color:#ff5900; font-weight:bold;}
.orange a:link, .orange a:visited {color:#ff5900; text-decoration: none;}
.orange a:hover {color:#ff5900; text-decoration: underline;}


.white10 a:link, .white10 a:visited {color:#FFFFFF; text-decoration: underline; font-weight:normal;}
.white10 a:hover {color:#FFFFFF; text-decoration: none; font-weight:normal;}
A.white11:link, A.white11:visited, A.white11:hover {color:#FFFFFF; text-decoration: none; font-size: 1em; font-weight:normal;}
A.white12:link, A.white12:visited, A.white12:hover {color:#FFFFFF; text-decoration: none; font-size: 1em;}
A.white14:link, A.white14:visited, A.white14:hover {color:#FFFFFF; text-decoration: none; font-size: 1.17em;}
A.white16:link{vertical-align:middle; padding-top: 7px; padding-bottom: 14px; padding-left: 4px; color:#FFFFFF; text-decoration: none; font-size: 1.33em; }

A.black10:link, A.black10:visited, A.black10:hover {color:#000000; text-decoration: none; font-size: 0.83em; font-weight:normal;}
A.black12:link, A.black12:visited, A.black12:hover {color:#000000; text-decoration: none; font-size: 1em;}
A.black12b:link, A.black12b:visited {color:#000000; text-decoration: none; font-size: 1em; font-weight:bold;}
A.black12b:hover {color:#000000; text-decoration: underline; }
A.black16:link, A.black16:visited, A.black16:hover {color:#000000; text-decoration: none; font-size: 1.33em;}
A.black18:link, A.black18:visited  {color:#000000; text-decoration:none; font-size: 1.05em; font-weight:bold;}
A.black18:hover  {color:#000000; text-decoration: underline; }

A.grey12:link, A.grey12:visited {color:#666666; text-decoration: none; font-size: 1em;}
A.grey12:hover{color:#666666; text-decoration:underline;}


.hover--black:hover {color: #000;}
.hover--grey:hover {color: #666; text-decoration: none;}
h4 {color:#000000; font-size: 1.2em; font-weight:normal; font-weight:bold;}

.textfield {width: 200px;}
.compulsory_generic {color: #FF6600; font-size: 18px; font-weight: bold;}
.compulsory_commercial {color: #330099; font-size: 18px; font-weight: bold;}


.content-block-spacer {
	margin-top: 8px;
}


.skiplinks 
{
	visibility: hidden;
	color:#ffffff;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

/* --- COOKIES --- */
#cookies {
display: block;
height: 40px;
background: #9d9b99 url('//www.barbican.org.uk/images/cookies/bg.gif') top left repeat-y;
color: #fff;
padding-left: 13px;
line-height: 40px;
	text-align: center;
	margin: auto;
	display: none;
	font-size: 12px;
}

#cookies a {
color: #fff;	
}

#site-width {
width: 768px;
height: 40px;
	text-align: center;
	margin: auto;
	position: relative;
}


#cookie-info {
width: 14px;
height: 14px;
background: url('//www.barbican.org.uk/images/cookies/cookie-sprite.png') 0px 0px no-repeat;
float: left;
margin: 13px 3px 0px 0px;
}

#cookie-close {
width: 32px;
height: 32px;
float: left;
position: absolute;
right: 0px;
background: url('//www.barbican.org.uk/images/cookies/cookie-sprite.png') -14px -13px no-repeat;
margin: 4px 0px 0px 0px;
cursor: pointer

}
#cookie-close a, #close-message {
width: 32px;
height: 32px;
display: block;	
}

.cookie-bold {
font-weight: bold;
float: left;
}

.cookie-text {
font-weight: normal;
float: left
}

/* --- FONTS --- */
/* @license
 * MyFonts Webfont Build ID 2295939, 2012-05-21T12:12:52-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Futura Book by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/book/
 * Licensed pageviews: 10,000,000
 * 
 * Webfont: Futura Book Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/book-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Futura Bold by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/bold/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Futura Bold Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/bold-italic/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2295939
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * 2012 Bitstream Inc
*/



  
 @font-face {font-family: 'FuturaBT-Book';src: url('/fonts/230883_0_0.eot');src: url('/fonts/230883_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/230883_0_0.woff') format('woff'),url('/fonts/230883_0_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'FuturaBT-BookItalic';src: url('/fonts/230883_1_0.eot');src: url('/fonts/230883_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/230883_1_0.woff') format('woff'),url('/fonts/230883_1_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'FuturaBT-Bold';src: url('/fonts/230883_2_0.eot');src: url('/fonts/230883_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/230883_2_0.woff') format('woff'),url('/fonts/230883_2_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'FuturaBT-BoldItalic';src: url('/fonts/230883_3_0.eot');src: url('/fonts/230883_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/230883_3_0.woff') format('woff'),url('/fonts/230883_3_0.ttf') format('truetype');}
 
.FuturaBT-Book { 
	font-family: FuturaBT-Book;
	font-weight: normal;
	font-style: normal;
}
.FuturaBT-BookItalic { 
	font-family: FuturaBT-BookItalic;
	font-weight: normal;
	font-style: normal;
}
.FuturaBT-Bold, .artistname { 
	font-family: FuturaBT-Bold;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -0.025em;
}
.FuturaBT-BoldItalic { 
	font-family: FuturaBT-BoldItalic;
	font-weight: normal;
	font-style: normal;
}

.bottompad {
    padding-bottom: 20px;
    padding-top: 20px;
}

.arrow-xbig {
    background: url("eticketing/images/button-set.png") no-repeat scroll 0 -664px #FF5900;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: bold;
    height: 19px !important;
    line-height: 20px;
    margin: 0;
    padding: 5px 4px 6px 28px;
    text-decoration: none !important;
}


.artform-hover a {text-decoration: none; color: #000;}