/*
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: 13px; margin-left: auto; margin-right: auto; margin: 0 auto; background-color: #ffffff;}
#iframeSearchResults {text-align: left;}
td {font-family: Arial, Verdana; font-size: 13px; }
.content-container, #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 styles*/

.header {}
.subheader {height: 45px; line-height: 45px;}
.subheader td{height: 45px;}
.subheader__link {width: auto; display: block; float: left; line-height: 43px; padding: 0 8px; background: #fff; border: 1px solid #fff; -webkit-user-select: none; 
  -moz-user-select: none; -ms-user-select: none; user-select: none;  cursor: pointer; transition: all 0.2s ease;}
.subheader__link a, .subheader__link a:hover {text-decoration: none!important;}
.subheader__link:hover > a, .subheader__link a:hover {color: #666!important; transition: all 0.2s ease;}
.subheader__link--profile {position: relative; left: -1px;}
.subheader__link span {margin-right: 4px;} 
.dropdown-active, .subheader__link:hover {border-top: 1px solid #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #fff; position: relative; z-index: 2; fill: #666; color: #666;}

 
.search-container {display: none; width: 178px; height: 25px; background: #fff; position: absolute; top: 44px; left: 0; padding: 8px; border-style: solid; border-color: #eee; border-width:  1px 1px 1px 1px; z-index: 1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0px 12px 15px -21px rgba(0,0,0,1);}
#search-box {width: 155px; height: 25px; padding-right: 50px; -webkit-appearance: none; border: 1px solid #666; padding: 4px;}
#search-button {width: 15px; height: 15px; padding: 5px;  margin-left: -25px; -webkit-appearance: none;}


.main-content-opacity {opacity: 0.5; pointer-events: none;}



.icon--medium {width: 16px; height: 16px;}
.icon--nudge {position: relative; top: 4px;}



.breadcrumb {font-size: 12px; text-transform: lowercase; /*temporary solution until DB titles are updated*/}
.breadcrumb__truncation {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 574px;}
.breadcrumb__divider {padding: 0 6px; opacity: 0.5;}

#logo {padding-left:41px}
.wordmark {background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODYwIDE2OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODYwIDE2OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGgzOHY2Mi40YzguOS04LDE3LjQtMTEsMzAtMTFjMzEuOSwwLDU0LjksMjQuOSw1NC45LDU5LjFjMCwxNi43LTYuMSwzMi40LTE2LjQsNDIuOWMtOS40LDkuNi0yMS44LDE0LjMtMzcuMywxNC4zYy0xNS41LDAtMjQuNi0zLjgtMzIuOC0xMy4xdjkuMkgwVjB6IE0zNS40LDEwOS4zYzAsMTYuMiw5LjksMjcuMiwyNC40LDI3LjJjMTQuNSwwLDIzLjUtOS45LDIzLjUtMjZjMC0xNi40LTkuMi0yNi43LTIzLjktMjYuN0M0NC44LDgzLjgsMzUuNCw5NC4xLDM1LjQsMTA5LjN6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxNC41LDE1Ni4zYy05LjksOC45LTE2LjcsMTEuNS0zMS43LDExLjVjLTE3LjEsMC0yOS4zLTQuNy0zOS0xNC44Yy0xMC4zLTEwLjgtMTUuNy0yNS44LTE1LjctNDMuMmMwLTM0LDIyLjUtNTgsNTQuMi01OGMxMy44LDAsMjEuNiwzLjEsMzIuMSwxMi45di05LjRoMzYuNHYxMDguNGgtMzYuNFYxNTYuM3ogTTE2Ny41LDExMWMwLDE2LjIsOC45LDI1LjgsMjMuOSwyNS44YzE0LjUsMCwyMy45LTEwLjYsMjMuOS0yN2MwLTE1LjUtOS40LTI2LTIzLjUtMjZDMTc3LjksODMuOCwxNjcuNSw5NS4zLDE2Ny41LDExMXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjYxLjQsNTUuNGgzNi40VjY5YzgtMTIuNCwxNi0xNi45LDI5LjEtMTYuOWMyLjYsMCw0LjIsMC4yLDEzLjEsMS4yVjg4Yy00LjUtMS4yLTYuOC0xLjQtOS45LTEuNGMtMjAuMiwwLTMwLjcsMTAuOC0zMC43LDMxLjR2NDUuOGgtMzhWNTUuNHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzQ2LjYsMGgzOHY2Mi40YzguOS04LDE3LjQtMTEsMzAtMTFjMzEuOSwwLDU0LjksMjQuOSw1NC45LDU5LjFjMCwxNi43LTYuMSwzMi40LTE2LjQsNDIuOWMtOS40LDkuNi0yMS44LDE0LjMtMzcuMywxNC4zYy0xNS41LDAtMjQuNi0zLjgtMzIuOC0xMy4xdjkuMmgtMzYuNFYweiBNMzgyLDEwOS4zYzAsMTYuMiw5LjksMjcuMiwyNC40LDI3LjJjMTQuNSwwLDIzLjUtOS45LDIzLjUtMjZjMC0xNi40LTkuMi0yNi43LTIzLjktMjYuN0MzOTEuNCw4My44LDM4Miw5NC4xLDM4MiwxMDkuM3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTE2LjksMjMuOWMwLDExLjctOS40LDIxLjEtMjEuMSwyMS4xYy0xMS41LDAtMjAuOS05LjQtMjAuOS0yMS4xYzAtMTEuNSw5LjQtMjAuOSwyMC45LTIwLjlDNTA3LjUsMyw1MTYuOSwxMi40LDUxNi45LDIzLjl6IE00NzcsNTUuNGgzOHYxMDguNGgtMzhWNTUuNHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjA5LjQsMTU5LjFjLTE1LjcsNy43LTIxLjQsOS4yLTM0LjUsOS4yYy0xNSwwLTI2LjctNC0zNS0xMi4yYy0xMC44LTEwLjMtMTYuOS0yNi41LTE2LjktNDQuOGMwLTM1LjcsMjEuOC02MC4xLDUzLjUtNjAuMWMxMi4yLDAsMjAuNCwyLjMsMzIuOCw5Ljl2MzhjLTguOS0xMC42LTE0LjUtMTMuOC0yMy43LTEzLjhjLTEzLjgsMC0yMi4zLDkuNC0yMi4zLDI0LjZjMCwxNSw4LjQsMjQuNCwyMi4xLDI0LjRjOC43LDAsMTUtMy4zLDIzLjktMTIuMlYxNTkuMXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjk5LjcsMTU2LjNjLTkuOSw4LjktMTYuNywxMS41LTMxLjcsMTEuNWMtMTcuMSwwLTI5LjMtNC43LTM5LTE0LjhjLTEwLjMtMTAuOC0xNS43LTI1LjgtMTUuNy00My4yYzAtMzQsMjIuNS01OCw1NC4yLTU4YzEzLjgsMCwyMS42LDMuMSwzMi4xLDEyLjl2LTkuNGgzNi40djEwOC40aC0zNi40VjE1Ni4zeiBNNjUyLjgsMTExYzAsMTYuMiw4LjksMjUuOCwyMy45LDI1LjhjMTQuNSwwLDIzLjktMTAuNiwyMy45LTI3YzAtMTUuNS05LjQtMjYtMjMuNS0yNkM2NjMuMSw4My44LDY1Mi44LDk1LjMsNjUyLjgsMTExeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03NDYuNiw1NS40aDM3LjV2MTIuNGM5LjYtMTIuNCwxOC4xLTE2LjQsMzMuNi0xNi40YzE2LjksMCwzMSw2LjgsMzcuMywxOC4xYzMuMyw1LjksNC45LDEyLjcsNC45LDIxLjF2NzMuMmgtMzh2LTU5LjZjMC0xNC41LTUuNC0yMS40LTE2LjktMjEuNGMtMTIuMiwwLTIwLjQsOC40LTIwLjQsMjEuNHY1OS42aC0zOFY1NS40eiIvPjwvZz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: center center;
	/*transition: all 0.2s ease;*/
	width: 160px;
	height: 125px;}
.wordmark a {display: block; width: 100%; height: 100%;}	
	
#title {padding-top:6px}
#arrow { padding-left:11px}
.nav-down {padding-top:25px;}
.nav--artform, .nav--grey  {font-size: 15px; line-height: 19px;}
.nav--artform a:hover {text-decoration: none; opacity: 0.7; transition: opacity 0.1s ease;}

.nav--supporting {font-size: 15px; line-height: 19px; color: rgba(255,255,255,0.7);}
.nav--supporting a {color: rgba(255,255,255,0.7);}
.nav--supporting a:hover {text-decoration: none; color: rgba(255,255,255,1); transition: color 0.1s ease;}

.nav--destination a {color: #fff; line-height: 16px;}
.nav--destination a:hover {color: rgba(255,255,255,0.7); text-decoration: none;}

.nav--grey a:hover, .nav--footer a:hover {text-decoration: none; color: #000; transition: color 0.1s ease;}

.nav--footer {line-height: 16px;}

.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:#eee; width:100%; }
.body-padding {padding-top:17px;}
.flash-padding {padding-top:8px}
.main-content {background-color:#eee; 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:#fff; width:100%}

.event-page-tabs {overflow: hidden;}
/*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:#fff; 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:#ff5900; /*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;}


.c1-image {height: 185px;}


/* --- 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: 19px;}

.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:#ff5900; text-decoration:none;}
.generic a:hover {color:#ff5900; text-decoration:underline;}
.eticketing, .eticketing a:visited, .eticketing a:link {color:#ff5900; text-decoration:none;}
.eticketing a:hover {color:#ff5900; 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;}


.bg--generic {background: #ff5900;}
.bg--art {background: #ff0081;}
.bg--education {background: #ff9000;}
.bg--film {background: #12a120;}
.bg--music {background: #c00000;}
.bg--theatre {background: #019ec5;}
.bg--commercial {background: #421895;}

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

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



.whitebg {background-color:#FFFFFF}
.white {color:#FFFFFF; fill: #fff;}
.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, .grey a {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-light {color: #a7a7a7;}
.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: #ff5900; 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;}

a.block-link {width: 100%; height: 100%; display: block;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}

/*Generic*/
.word-wrap {word-wrap: break-word; display: inline-block; word-break: break-word;}
.position-relative {position: relative;}
.float-left {float: left;}
.float-right {float: right;}
.display-none {display: none;}
.unselectable {user-select: none; -webkit-user-select: none; -moz-user-select: none;}

.border-radius20 {border-radius: 20px;}
.border-radius--tl20 {border-top-left-radius: 20px;}
.border-radius--tr20 {border-top-right-radius: 20px;}
.border-radius--bl20 {border-bottom-left-radius: 20px;}
.border-radius--br20 {border-bottom-right-radius: 20px;}

.border-radius16 {border-radius: 16px;}

.border-radius--tl16 {border-top-left-radius: 16px;}
.border-radius--tr16 {border-top-right-radius: 16px;}
.border-radius--bl16 {border-bottom-left-radius: 16px;}
.border-radius--br16 {border-bottom-right-radius: 16px;}

.border-radius--tl8 {border-top-left-radius: 8px;}
.border-radius--tr8 {border-top-right-radius: 8px;}
.border-radius--bl8 {border-bottom-left-radius: 8px;}
.border-radius--br8 {border-bottom-right-radius: 8px;}


.key-container {height: 16px; line-height: 16px; margin: 4px 0;}
.key {width: 12px; height: 12px; margin-top: 2px; display: block; float: left; border-radius: 6px; margin-right: 4px;}


/* Revisions
=========
06/08/13	CW	Changed bg img srcs from absolute to relative

*/

#calendar {
	width:175px;
	height: 265px;
	background: #fff;
	padding-left: 11px;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	position: relative;
	border-radius: 20px;
}

/* Using the pre-existing rounded corner gifs. No border radius :( */
#top-corners {
	background: url(../images/top186.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
	width: 186px;
}

#bottom-corners {
	background: url(../images/end186-small.gif) no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 15px;
	width: 186px;
}

#days{
	width:170px;
	/*padding-top:25px;*/
	margin-top:25px;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

a {
	text-decoration: none;
}

/* Contains the previous month icon, next month icon, and the current month text */
.navigation {
width: 175px;
padding-bottom: 6px;
margin-bottom: 6px;
float: left;
height: 15px;
}


a.previous-month, a.next-month {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	text-decoration: none;
	background: url(../images/generic/calendar_sprite.png);
	}
	
	
/* Make the 'previous month' icon display in orange when displaying a future month: */

a.previous-month {
	background-size: contain;
	/*background-position: -20px 0px;	*/
}

/*Also make the 'previous month' icon dark grey on hover when displaying a future month */

a.previous-month:hover {
	/*background-position: -20px -20px;*/
	opacity: 0.7;
}

 
/*Orange 'next month' icon */
a.next-month {
	/*background-position: -40px 0px;	*/
	background-size: contain;
}

/*Make the 'next month' icon dark grey on hover */
a.next-month:hover {
	/*background-position: -40px -20px;*/
	opacity: 0.7;
}


.current-month {
width: 134px;
float: left;
text-align: center;
line-height: 15px;
height: 15px;
}


.day, .past-date, .current-date, .future-date, .empty-date {
	width: 20px;
	height: 20px;
	float: left;
	text-align: center;
	margin: 0px 4px 4px 0px;
	line-height:20px;
}

a.current-date:hover , a.future-date:hover {
	color: #fff;
	background-color:#5A5A5A;	
}

a.current-date{
	color:#fff;
}

a.future-date{
	color:#5a5a5a;
	border-radius: 50%;
	background: #e3e6e7;
}


.past-date {
	background: #f3f3f3;
	color: #969696;
	border-radius: 50%;
}

.past-date a {
	color: #969696;
}
	
	
.displace {
	position: absolute;
	left: -5000px;
	color:#FFFFFF;
}

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;
			 text-align:center;
}

.select-date {
	background: #5A5A5A;
	color: #fff;
}

.select-date a {
	color: #fff;
	background-color:#5A5A5A;
}



/*Update message*/

.update-message {
	background: #fff; 
	width: 100%; 
	line-height: 70px;
	position: fixed; 
	bottom: 0;
	box-shadow: 0px -7px 11px -11px rgba(0,0,0,0.75);
}
.update-message__close {}
.update-message__close:hover {text-decoration: underline; cursor: pointer;}



/*Homepage*/


.homepage-promo-subtitle {
	opacity: 0.8;
}
.homepage-promos-top-row .homepage-promo-text-height {
	font-size: 13px;
	line-height: 16px;
	height: 48px;
	overflow: hidden;
	padding-bottom: 8px;
}
.homepage-promos-bottom-row .homepage-promo-text-height {
	font-size: 13px;
	line-height: 16px;
	height: 48px;
	overflow: hidden;	
}



/* Event page */

.event-image {margin-bottom: 8px;}
.supporter-logo {border: 1px solid #eee; margin: 5px 0 10px 0;}
a.grey12 .supporter-logo {border: 1px solid #eee; transition: border 0.3s ease;}
a.grey12 .supporter-logo:hover {border: 1px solid #666;}
	.nav-tab {font-size: 16px; padding: 4px 8px auto 8px; border: 1px solid #fff;}
	.nav-tab a:hover {color: #f80081;}
	
	.view-images {border: 1px solid rgba(255,255,255,0.2); position: absolute; bottom: 20px; right: 16px; background: rgba(0,0,0,0.3); padding: 4px 16px;}
	.view-images:hover {border: 1px solid #fff;}
	a.view-images--trigger{color: #fff; width: 100%; height: 100%; display: block;}
	.view-images .icon--medium {margin-right: 6px;}

	nav.event-nav {background: white;}
	ul.tabs {width: 100%; border-bottom: 1px solid #eee; list-style: none; padding: 6px 0; font-size: 16px; overflow:hidden; height: 26px;}
	.tabs li {display: inline-block; padding: 5px 10px; margin-bottom: -8px;}
	.tabs li a {text-decoration: none; display: block; width: 100%; height: 100%; transition: color 0.2s ease;}
	/*.tabs li a:hover {color: #f80081;}*/
	.nav-tab--first {margin-left: 10px;}
	/*li.nav-tab--current {border-bottom: 3px solid #f80081;}*/
	.nav-tab--current a:hover {text-decoration: none!important;}
	
	.content-area--wide {background: #fff; width: 534px; height: auto; overflow: hidden;}
	
	/*Title and nav areas */
	.content-area--top {padding: 20px 20px 0 20px;}
	
	/*Text box*/
	.content-area--main {line-height: 16px; padding: 20px 20px 40px 20px;}
	.content-area--main p {margin-top: 0;}
	.content-area--main iframe {margin: 20px 0; max-width: 100%;}
	
	iframe {max-width: 100%;}
	
	iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}


	.event-title--left {width: 348px; margin-right: 20px; float: left;}
	.breadcrumb__truncation br, h1 br, .search-result-title br {display: none;}
	.event-title--right {width: 166px; float: right; overflow: auto; /*height: 100px;*/ text-align: center; position: relative;}
	.event-title--left h2 {font-family: FuturaBT-Bold; font-weight: normal;}

.free {
	font-family: FuturaBT-Bold;
	font-size: 17px;
	border: 1px solid #666;
	border-radius: 6px;
	line-height: 34px;
	color: #666;
	margin-bottom: 16px;
	user-select: none;
	 -webkit-user-select: none; 
	 -moz-user-select: none;
}

a.event-cta {
	display: block; 
	line-height: 34px; 
	height: 34px; 
	color: #fff; 
	border-radius: 6px;
	text-decoration: none;
	font-size: 15px;
}

a.event-cta:hover {
	opacity: 0.8;
}

.event-description {
	margin-bottom: 20px;
}
.event-description a {text-decoration: underline;}

.event-series {
	border-top: 1px solid #eee;
	padding: 20px 0;
	margin-top: 20px;
	
}

.event-sponsors {
	border-top: 1px solid #eee;
	padding: 20px 0;
}

.event-footnotes {
	padding: 20px 0;
	border-top: 1px solid #eee;
}

.recommendations--top-row {padding-top: 40px;}
/*.recommendations--top-row table, */.recommendations--bottom-row h1 {display: none;}
.recommendations--bottom-row br:first-child {display: none;}

.event-promos div {
	float: left; 
	margin-right: 8px;	
}

.event-promos div:last-of-type {
	margin-right: 0;	
}

.event-promos {
	margin: 50px 0;
}

.event-promos .pod {height: 80px;}

.event-media {
	display: none;
	/*width: 534px;
	padding: 30px 20px 20px 20px;
	background: #fff;
	position: relative;
	top: -16px;*/
}

/*.event-media #event-image-container {width: 534px; border-top: 1px solid #eee;}
.event-media__table {width: 100%!important;}

.event-media #event-image-footer {padding: 0;}
.event-media .artform_bg {background: #fff; color: #000;}
.event-media img, .event-media hr, .event-media a.view-images-link {display: none;}
.event-media a.event-media-download {color: #000!important; font-size: 12px;}
.event-media a.event-media-download:hover {text-decoration: underline;}
*/

/*Fancybox*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('http://www.barbican.org.uk/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}


#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0px 0px 0px 0px;
	z-index: 1101;
	display: none;
	background-color:#FFF;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
	box-shadow: 0px 0px 30px rgba(167,167,167,1);
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1103;
	display: none;
	/*fill: #1e1b1b;*/
	transition: fill 0.2s ease;
}
#fancybox-close svg {width: 100%; height: 100%;}

/*@media screen and (min-device-width: 769px) {
a#fancybox-close:hover {fill: #a7a7a7;}
}*/

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
	margin-left: 10px;
}

.fancybox-title-inside {
	position: absolute;
	bottom: 0;
	left: 30px;
	padding: 9px 0px 10px 10px;
	padding-left: 20px;
	text-align: left;
	color: #333;

}

.fancybox-title-outside {
	padding-top: 0px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('http://www.barbican.org.uk/images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
	position: relative;
	left: 20px;
	padding-left: 15px;
}


.twitter {margin-bottom: 8px;}