/* @override 
	http://birmingham-rep.site/mmlib/css/birmingham-rep/screen.css
	http://birmingham-rep.site/mmlib/css/birmingham-rep/screen.css
	http://birmingham-rep.devspace.net/mmlib/css/birmingham-rep/screen.css
	http://www.birmingham-rep.co.uk/mmlib/css/birmingham-rep/screen.css
*/

/* @group Sticky Footer Solution */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {	
	min-height: 100%;
	background-image: url(/mmlib/images/birmingham-rep/container-bg.gif);
	background-repeat: repeat-y;
	background-position: 50% 0;	
}

#container {overflow:visible;
	padding-bottom: 320px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -320px; /* negative value of footer height */
	height: 320px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* @end */


/* @group Global Styles */

html, body {
	height: 100%;
	margin: 0;
}

body {
	background-image: url(/mmlib/images/birmingham-rep/home-bg.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%; 
	background-attachment: fixed; 
	background-size: auto 100%;
	color: #333;
	font-family: Helmet, Freesans, sans-serif;
	background-color:#000;
	-webkit-font-smoothing: antialiased;
}

.touch body {
	background-image: none;
}


.container {
	margin: 0 auto;
	text-align: left;
	width: 950px;
}

#page-content {
	clear: both;
	padding: 25px 0;
	margin: 0 0 0 0;
	position: relative;
}

img, embed, object, video {
	max-width: 100%;
}

.ie8 img,
.ie8 embed,
.ie8 object,
.ie8 video {
	max-width: none;
}

figure img, 
.unit-gallery ul li img, 
#unit-production-company .thumb img {
	width: 100%;
}


/* @group Backstage Edit */

a.backstageeditbutton,
#footer a.backstageeditbutton	 {
	font-weight: bold;
	position: fixed;
	bottom: 0;
	right: 10px;
	width: auto;
	color: #fff;
	background-color: rgb(235,6,141);
	background-color: rgba(235,6,141,0.55);
	vertical-align: middle;
	padding:  0.75em 3em;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-shadow: #000 0 1px 1px;
	z-index: 100;
}

a.backstageeditbutton:hover,
#footer a.backstageeditbutton:hover {
	color: #fff;
	background-color: rgb(235,6,141);
}

a.backstageeditbutton img {
	display: none;
}

/* @end */

/* @group Links */
a {
	text-decoration: none;
}
a:link {
	color: #3a8711;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #3a8711;
	text-decoration: none;
}
a:hover {
	color: #449c15;
}
a:active {
	color: #449c15;
}

/* @end */

/* @group Typography */

p {
	font-size: 14px;
	line-height: 1.4em;
}

.title-wrapper h1 {
	color: #000;
	margin: 12px 0 10px 0;
}

#unit-content ul {
	list-style: disc;
}

#unit-content p,
#unit-content li{
	font-size: 15px;
}

/* @end */




/* @group Global Button Styles */

.button,
.button:visited {
	font-weight: bold;
	display: block;
	float: left;
	color: #fff;
	border-radius:6px;
	border: none;
	background-color: #449c15;
	padding: 0.5em 1em;
	line-height: 1em;
}

.button:hover {
	background-color: #8dc63f;
}

/* @end */




/* @end */


/* @group Global Units */

/* These are units of content that could be dropped into any template site wide and should contain only styling that will allow it to function globally. Specific things such as width should be defined by the layout of content are it's sitting within. Specific tweaks and be made in template specific sections */

.addthis_toolbox {
	border-top: 1px solid #333;
	margin-top: 18px;
	padding-top: 10px;	
}


/* @group Ensemble Overlay */

#ensemble-view {
    background: #fff;
    border-collapse: collapse;
    padding: 5px 5px 0px;
    width: 700px;
}
#ensemble-view td {
    border: none;
    vertical-align: top;
}
#ensemble-view img {
    float: left;
    margin: 0px 10px 0px 0px;
}



#ensemble-view td {
	width:210px}

#ensemble-view td#ensemble-content {
    float: left;
    text-align: left;
    width: 470px;
}

#ensemble-view #ensemble-content h1 {
    color: #333;
    font-size: 24px;
    margin: 0px 0px 7px;
}

#ensemble-view #ensemble-content h2 {
    font-size: 20px;
    margin: 0 0 18px;
}
#ensemble-view #ensemble-content h3 {
    font-size: 16px;
    margin: 0;
}
#ensemble-past-productions {
    margin: 0px;
    padding: 0px;
}
#ensemble-past-productions li{
    list-style-type: none;
    margin: 5px 0px;
    padding: 0px;
}

#ensemble-images {
    margin: 0px;
    padding: 0px;
}
#ensemble-images li{
    float: left;
    list-style-type: none;
    margin: 0px 10px 10px 0px;
    padding: 0px;
}
#ensemble-images li img{
    margin: 0px;
}
#ensemble-images li img.preloaded {
    display: none;
}
#ensemble-latest-news {
    margin: 0px 0px;
    padding: 0px;
}
#ensemble-latest-news {
    list-style-type: none;
    margin: 0px 0px;
    padding: 0px;
}
#ensemble-latest-news h4 {
    font-size: 12px;
    margin: 0px 0px 2px;
}

/* @end */

/* @group Related Units */

.related {
	color: #fff;
	padding: 10px 15px 20px;
	margin-bottom: 20px;
	background:rgb(68,156,21);
	background:rgba(68,156,21,0.95);
	border-radius: 12px;
}

.related strong {
	color: #fff;
}

.related a {
	color: #fff;
	text-decoration: underline;
}

.related ul li a {
	text-decoration: none;
}

.related h2 {
	color: #fff;
	border-bottom: 1px solid #fff;
	margin: 0 0 5px;
	padding-bottom: 5px;
}

/* @end */

/* @group Related Downloads */

#unit-downloads ul {
	padding: 0;
	margin: 0;
}

#unit-downloads ul li {
	font-size: 12px;
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #fff;
	padding: 0;
}

#unit-content #unit-downloads ul li {
	background-image: none;
}


#unit-downloads ul li a {
	background-repeat: no-repeat;
	background-position: 5px 8px;
	display: block;
	font-weight: bold;
	padding: 6px 12px 6px 26px !important;
	background-image: url(/mmlib/images/document-files/document.png);
}

#unit-downloads ul li a:hover {
	background-color: #8dc63f;
	color: #000;
}

#unit-downloads ul li.pdf a {
	background-image: url(/mmlib/images/document-files/document-pdf.png);
}

#unit-downloads ul li.music a {
	background-image: url(/mmlib/images/document-files/document-music.png);
}

#unit-downloads ul li.excel a {
	background-image: url(/mmlib/images/document-files/document-excel.png);
}

#unit-downloads ul li.film a {
	background-image: url(/mmlib/images/document-files/document-film.png);
}

#unit-downloads ul li.powerpoint a {
	background-image: url(/mmlib/images/document-files/document-powerpoint.png);
}

#unit-downloads ul li.word-text a {
	background-image: url(/mmlib/images/document-files/document-word-text.png);
}

#unit-downloads ul li.zipper a {
	background-image: url(/mmlib/images/document-files/document-zipper.png);
}

#unit-downloads ul li .filesize {
	font-size: 10px;
	color: #ccc;
	margin-left: 2px;
	text-transform: uppercase;
	white-space: nowrap;
}

#unit-downloads ul li a:hover .filesize{
	color: #fff;
}


/* @end */

/* @group Related Pages */

#unit-related-pages {
	margin: 0 0 10px 0;
}

#unit-related-pages ul {
	padding: 0;
	margin: 0;
}

#unit-related-pages ul li {
	font-size: 12px;
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #fff;
	padding: 0;
}

#unit-content #unit-related-pages ul li {
	background-image: none;
}


#unit-related-pages ul li a {
	background-repeat: no-repeat;
	background-position: 3px 8px;
	display: block;
	font-weight: bold;
	padding: 6px 12px 6px 26px !important;
	background-image: url(/mmlib/images/birmingham-rep/icon-related-pages.gif);
}

#unit-related-pages ul li a:hover {
	background-color: #8dc63f;
	color: #000;
}


/* @end */

/* @group Related Productions */

#unit-related-productions {
	margin: 0 0 10px 0;
}

#unit-related-productions ul {
	padding: 0;
	margin: 0;
}

#unit-related-productions ul li {
	font-size: 12px;
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #fff;
	padding: 0;
}

#unit-content #unit-related-productions ul li {
	background-image: none;
}


#unit-related-productions ul li a {
	background-repeat: no-repeat;
	background-position: 3px 8px;
	display: block;
	font-weight: bold;
	padding: 6px 12px 6px 26px !important;
	background-image: url(/mmlib/images/birmingham-rep/icon-related-pages.gif);
}

#unit-related-productions ul li a:hover {
		background-color: #8dc63f;
	color: #000;
}


/* @end */

/* @group Related Productions */
aside .related-artifacts ul{
	margin-left:0;	
}
aside .related-artifacts li{
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:10px;
	margin-left:10px;	
	display:block;
	overflow:hidden;
	float:left;
	width:180px;
	height:180px;
	position:relative;
}
aside .related-artifacts li.first{
	margin-left:0;
	clear:both;	
}
aside .related-artifacts li a{
	padding:0;
	border:none;
}
aside .related-artifacts li a h3{
	font-size:12px;
	padding:10px;	
	width:160px;
	display:block;
	overflow:hidden;
	margin:0;
	position:absolute;
	bottom:0;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);
}
aside .related-artifacts li a h3{
	padding:10px;
	color:#FFF;
	font-weight:bold;
	-webkit-transition: background-color 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000), bottom 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000), bottom 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-ms-transition: background-color 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000), bottom 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: background-color 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000), bottom 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: background-color 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000), bottom 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
}
aside .related-artifacts li a:hover h3{
	background:rgba(0,0,0,1);
	bottom:-100%;	
}
aside .related-artifacts li a:hover h3{
}
/* @end */

/* @group Sub Nav Unit */

#unit-subnav {
	margin-bottom: 2em;
}

#unit-subnav h2 {
	margin: 0;
	border-top: 1px solid #333;
}

#unit-subnav ul {
	list-style: none inside;
	margin: 0;
}

#unit-subnav ul li {
	line-height: 1.6em;
}

.ie6 #unit-subnav ul li,
.ie7 #unit-subnav ul li {
	margin-left: -16px;
}

#unit-subnav ul li a,
#unit-subnav h2 a {
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #333;
	color: #8dc63f;
}

#unit-subnav ul li.hinge {
	border-bottom: 1px solid #333;
}

#unit-subnav ul li.hinge ul {
	margin: 15px 0;
}


#unit-subnav ul li.hinge ul li a{
	font-size: 13px;
	border-bottom: none;
	padding: 0 10px;
	margin: 5px 0 5px 10px;
}

#unit-subnav ul li.hinge ul li a.selected,
#unit-subnav ul li.hinge ul li a.selected:hover {
	background-color: transparent;
	background-image: url(/mmlib/images/birmingham-rep/arrow-subnav-selected.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

#unit-subnav ul li a:hover,
#unit-subnav h2 a:hover {
	color: #fff;
	background-color: #449c15;
}

#unit-subnav ul li a.selected,
#unit-subnav h2.selected a {
	background-color: #449c15;
	color: #fff;
}

#unit-subnav ul.level-1 li ul.level-2 li a{
	padding-left: 20px;
}

#unit-subnav ul.level-1 .last.hinge {
	border-bottom: none;
}

/* @end */

/* @group Twitter Unit */

#unit-tweet {
	margin: 0 0 0 20px;
}

#tweet-box {
	background: #cc1367;
	color: #fff;
	font-size: 1.8em;
	height: 130px;
	line-height: 28px;
	overflow: hidden;
	padding: 15px 20px;	
	vertical-align: middle;
	border-radius: 12px;
}

#tweet-box a{
	color: #fff;
	font-weight: bold;
}

#tweet-box a:hover {
	text-decoration: underline;
}

#unit-tweet a#twitter-link {
	background: url('../../images/birmingham-rep/triangle.png') 94px 0 no-repeat;
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding-left: 125px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}

#unit-tweet a#twitter-link:hover {
	text-decoration: underline;
}

/* @end */

/* @group About Unit */

#unit-about {
	float: left;
	width: 460px;
}

#unit-about a {
	background: #449c15;
	color: #fff;
	float: right;
	height: 170px;
	padding: 15px;
	width: 1;
	background: #449c15;
	color: #fff;
	border-radius: 12px;
}

#unit-about a:hover {
	background: #80bd26;
	color: #fff;
}


#unit-about h2 {
	color: #fff;
	font-size: 24px;
	margin: 0 0 15px 0;
}
#unit-about p {
	font-size: 18px;
	line-height: 1.4em;
	margin: 0;
}

/* @end */

/* @group Feature Unit */

#unit-featured-info {
	margin: 0 0 20px 0;
	border-radius: 12px;
}

.template-homepage #unit-featured-info {
	float: right;
	margin: 0 0 0 20px;
}

.template-homepage #unit-featured-info ul {
	list-style: none;
	margin: 0 0 0 -10px;
	margin-left: -10px; !important
	padding: 0;
}

.ie6 .template-homepage #unit-featured-info ul {
	margin-left: -20px;
	width: 490px;
}

#unit-featured-info ul {
	margin: 0;
}

#unit-featured-info li {
	height: 180px;
	margin: 0 0 10px 0px;
	position: relative;
	overflow: hidden;
	width: 230px;
	overflow: hidden;
	border-radius: 12px;
}


#unit-featured-info li figure {
		overflow: hidden;
	border-radius: 0 0 12px 12px;	
}

.template-homepage #unit-featured-info li {
	float: left;
	margin: 0 0 10px 10px;
}

#unit-featured-info a .feature-info {
	background: rgb(77, 28, 80);
	background: rgba(77, 28, 80, 0.9);
	color: #fff;
	width: 210px;
	padding: 10px;
	height: 100%;
	overflow: hidden;
	border-radius: 0 0 12px 12px;	
}
#unit-featured-info .has-image a .feature-info {
	background: rgb(77, 28, 80);
	background: rgba(77, 28, 80, 0.9);
	top: 143px;
	color: #fff;
	width: 210px;
	padding: 10px;
	position: absolute;
	height: auto;
}

#unit-featured-info .has-image a:hover .feature-info {
	bottom: 0;
	top: auto;
}

#unit-featured-info h3 {
	color: #fff;
	font-size: 14px;
	margin: 0 0 8px 0;
}
#unit-featured-info a {
	color: #fff;
}

/* @group Homepage specific feature items */

.page-homepage #unit-featured-info {
	width: 470px;
}

/* @end */

/* @end */

/* @group News Unit */

#group-featured-articles {
	background: #fff;
	float: left;
	padding: 20px 15px;
	position: relative;
	width: 430px;
	min-height: 520px;
	border-radius: 12px;
}
#group-featured-articles h2 {
	border-bottom: 1px solid #a8a59c;
	margin: 0;
	padding: 0 0 10px 0;
}
#group-featured-articles h2 a {
	font-size: 20px;
}
#group-featured-articles a h3 {
	color: #3a8711;
}

#group-featured-articles a:hover h3 {
	color: #449c15;
}
a#feed-icon {
	background: url('../../images/birmingham-rep/icon-rss.png') top left no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	text-indent: -9999px;
	top: 20px;
	right: 15px;
}

a#feed-icon:hover {
	background-position: 0 -20px;
}

#group-featured-articles article {
	border-bottom: 1px solid #dcdbd7;
	clear: both;
	display: block;
}
#group-featured-articles article img {
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
}
#group-featured-articles article h3 {
	font-size: 18px;
	padding: 5px 0 0 0;
	margin: 0;
}
#group-featured-articles time {
	color: #333;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
a#newslink {
	float: right;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0 10px;
}
a:hover#newslink {
	color: #666;
}
/* @end */

/* @group Related Image & Video Galleries */

/* @group Clearfix */

.collapsible-content:after,
.unit-gallery ul:after,
#crew-list:after, #cast-search ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.unit-gallery ul,
#crew-list, #cast-search ul { display: inline-block; }
* html .unit-gallery ul,
* html .collapsible-content,
* html #crew-list, * html #cast-search ul { height: 1%; }
.unit-gallery ul,
#crew-list, #cast-search ul { display: block; }
/* @end */

.unit-gallery {
	margin-bottom: 20px;
}

.unit-gallery ul {
	list-style: none;
	margin: 0;
}

.unit-gallery ul li {
	width: 88px;
	float: left;
	margin: 0 0 5px 5px;
}


#unit-image-gallery ul {

}

#unit-video-gallery ul {

}

.template-production-detail .unit-gallery ul {
	width: 495px;
	margin-left: -5px;
}


/* @end */

/* @group News List */

#group-news-list article {
	background: #fff;
	padding: 10px;
	margin: 0 0 5px 0;
	border-radius: 12px;
}

#group-news-list a.thumbnail  {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
	border-radius: 8px;
}

#group-news-list a img {
	display: block;
}

.unit-article-info {
	margin: 0 0 0 260px;
}
.unit-article-info h2 {
	margin: 0 0 5px 0;
}
.unit-article-info .meta-entry {
	font-size: 12px;
	font-weight: bold;
}
.no-thumb .unit-article-info {
	margin: 0;
}

/* @end */

/* @group Facebook */

#facebook-recommended {
	margin-bottom: 20px;
	background-color: #fff;
	padding: 10px;
	border-radius: 12px;
}

#facebook-recommended iframe {
	display: block;
}

/* @end */

/* @group Event calendar */

#unit-calendar {
	padding-bottom: 8px;
	position: relative;
}

#unit-calendar .calendar {
	padding: 0;
	margin-bottom: 7px;
}
#unit-calendar .calendar table{
	background: #fff;
	margin: 0px;
	width: 100%;
}
#unit-calendar .calendar table tr{
	margin: 0px;
	padding: 0px;	
}
#unit-calendar .calendar table th{
	background: #666;
	border: 1px solid #666;
	color:#fff;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}
#unit-calendar .calendar table td{
	border:1px solid #ccc;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding: 0px;
	text-align:center;
	background: #f2f2f2;
}
#unit-calendar .calendar table td.next-month{
	background: #eee;
}
#unit-calendar .calendar table td.next-month a,
#unit-calendar .calendar table td.previous-month a {	
	color: #c7c7c7;
	background: #dadada;
}

#unit-calendar .calendar table .weekend {	
	background: #fff;
	color: #333;
}

#unit-calendar .calendar table td a {
	color:#333;
	display: block;
	padding:4px 4px 1px;
}

#unit-calendar p {
	margin:4px 0;
	padding:1px;
	position: relative;
	background: #ccc;
	margin-bottom: 0;
	width: 100%;
	height: 19px;
	text-align: center;
}
#unit-calendar p a.previous{
	background: url(/mmlib/images/birmingham-rep/icon-cal-prev.gif) no-repeat top left;
	display: block;
	height: 17px;
	margin-right: 2px;
	text-indent: -9999px;
	width: 17px;
	position: absolute;
	top: 2px;
	left: 1px;
}
#unit-calendar p a.next{
	background: url(/mmlib/images/birmingham-rep/icon-cal-next.gif) no-repeat top left;
	display: block;
	height: 17px;
	margin-left: 2px;
	position: absolute;
	text-indent: -9999px;
	width: 17px;
	top: 2px;
	right: 1px;
}
#unit-calendar p strong {
	color:#fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 17px;
	text-align: center;
}

#unit-calendar h3 {
	border-top: 1px solid #98937e;
	padding-top: 10px;
	clear: both;
}

#unit-calendar select {
	padding: 0px;
	margin: 0px;
}



#unit-calendar .calendar table td a:hover {
	background: #fff;
	text-decoration: none;
}

#unit-calendar .calendar table td.today a {
	background: #EC0080;
	color: #fff;
}

/* @end group event calendar */

/* @group directors Choice */

#directorsChoice strong {
	color: #fff;	
}
.directorContent {
	border-bottom: 1px dotted #666;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
}
.directorContent p {
	font-size: 12px;
	margin: 0 0 5px 0;
}
.directorContent img {
	float: left;
	margin: 0 10px 0 0;
}
#directorsChoice .thumb p {
	margin: 0 0 5px 81px;
} 

/* @end */

/* @group Audio Player */

#unit-podcasts {
	margin: 0 0 20px 0;
	background-color: #fff;
	padding: 10px;
}

#unit-podcasts h2 {
	margin-top: 0;
}

div.jp-audio {
	width: 380px;
}

div.jp-audio div.jp-type-playlist div.jp-progress {
	width: 260px;
}

/* @end */

/*disqus ie8*/

.ie8 .dsq-avatar a {
	display:block!important;
	width:40px!important
}

#group-comments-and-comment-form {
	background-color: #fff;
	padding: 15px;
}

/* @group Cookie Alert */

.alert-wrapper {
	color: #fff;
	position: relative;
	/* bottom: 280px; */
	background-color: 
	#666;
	padding: 15px 0;
	border-top: 1px solid #000;
	display: none;
	margin-top:-92px;
	margin-bottom: 15px;
}

.alert-wrapper p {
	color: #fff;
	margin-bottom: 0;
}

.alert-wrapper a {
	color: #fff;
	text-decoration: underline;
}

.cookie-margins {
	margin: 0 auto;
	width: 960px;
}

#cookieNotification .explanation {
	margin: 0 0 5px 0;
	width: 750px;
	margin-right: 23px;
	float: left;
	display: inline-block;
}

#cookieNotification .acceptance-area {
	float: left;
	width: 160px;
	position: relative;
	padding-top: 3px;
}

#cookieNotification .button {
	font-family: Helmet, Freesans, sans-serif;
	font-size: 12px;
}

/* @end */

/* @end */

/* @group Legacy Comments */

#unit-comments {
	margin: 24px 0;
}


#unit-comments .comment-content {
	background-color: #fff;
	padding: 15px;
}

.education #unit-comments .comment-content {
	background-color: #f0f0f0;
}

#unit-comments h2.comment-footer {
	margin: 0 0 24px 0;
	font-size: 14px;
	background-image: url(/mmlib/images//birmingham-rep/comment-stalk.gif);
	background-repeat: no-repeat;
	background-position: 30px 0;
	padding: 5px 0 0 60px;
}

.education #unit-comments h2.comment-footer {
	background-image: url(/mmlib/images//birmingham-rep/comment-stalk-alt.gif);
}

/* @end */

/* @group Sponsors list */

ul.sponsors-list {
	list-style: none;
	margin: 0;
}

ul.sponsors-list li{
	list-style: none;
	clear: both;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

ul.sponsors-list li .sponsor-logo {
	float: left;
	margin: 0 30px 0 0;
}

ul.sponsors-list li .sponsor-content {
	margin-left: 170px;
}

/* @end */




/* @group Template Specific */

/* @group What's On List */

/* @group Archive Filter */


.unit-archive-header {
	position: relative;
}

#archive-filter {
	position: absolute;
	top: -6px;
	right: 10px;
}

#archive-filter form fieldset{
	padding: 0;
	border: none;
	margin: 0;
}

#archive-filter form fieldset label {
	display: none;
}

#archive-filter form select {
	font-weight: bold;
	font-size: 14px;
}

/* @end */

.template-whats-on-list #primary-content {
	width: 710px;
	float: right;
	margin-bottom: 1em;
}

.template-whats-on-list #secondary-content {
	float: left;
	width: 220px;
}

.template-whats-on-list #secondary-content h2 {
	margin: 5px 0 5px 0;
	color: #fff;
}

.template-whats-on-list #secondary-content h3 {
	color: #fff;
}

#group-upcoming-production,
#group-archived-production,
#group-season-productions{
	margin-bottom: 48px;
	width: 720px;
	margin-right: -10px;
}


#group-upcoming-production h2,
#group-archived-production h2,
#group-season-productions h2{
	color: #fff;
}

#group-upcoming-production .production:hover h2,
#group-archived-production .production:hover h2,
#group-season-productions .production:hover h2 {
	color: #333;
}

.template-whats-on-list p.venue-the-house-at-the-rep,
.template-whats-on-list p.venue-the-door-at-the-rep,
.template-whats-on-list p.venue-the-studio-at-the-rep,
#unit-main-event p.venue-the-house-at-the-rep,
#unit-main-event p.venue-the-door-at-the-rep,
#unit-main-event p.venue-the-studio-at-the-rep,
#group-featured-events p.venue-the-house-at-the-rep,
#group-featured-events p.venue-the-door-at-the-rep,
#group-featured-events p.venue-the-studio-at-the-rep,
.template-whats-on-list p.venue-the-house,
.template-whats-on-list p.venue-the-door,
.template-whats-on-list p.venue-the-studio,
#unit-main-event p.venue-the-house,
#unit-main-event p.venue-the-door,
#unit-main-event p.venue-the-studio,
#group-featured-events p.venue-the-house,
#group-featured-events p.venue-the-door,
#group-featured-events p.venue-the-studio {
	display: block;
	height: 20px;
	margin: 9px 0 0 0;
	text-indent: -999em;
	background-repeat: no-repeat;
}

.template-whats-on-list p.venue-the-house-at-the-rep,
#unit-main-event p.venue-the-house-at-the-rep,
#group-featured-events p.venue-the-house-at-the-rep,
.template-whats-on-list p.venue-the-house,
#unit-main-event p.venue-the-house,
#group-featured-events p.venue-the-house {
	width: 120px;
	background-image: url(/mmlib/images/birmingham-rep/logo-venue-house-small.png);
}

.template-whats-on-list p.venue-the-door-at-the-rep,
#unit-main-event p.venue-the-door-at-the-rep,
#group-featured-events p.venue-the-door-at-the-rep,
.template-whats-on-list p.venue-the-door,
#unit-main-event p.venue-the-door,
#group-featured-events p.venue-the-door {
	width: 103px;
	background-image: url(/mmlib/images/birmingham-rep/logo-venue-door-small.png);
}

.template-whats-on-list p.venue-the-studio-at-the-rep,
#unit-main-event p.venue-the-studio-at-the-rep,
#group-featured-events p.venue-the-studio-at-the-rep,
.template-whats-on-list p.venue-the-studio,
#unit-main-event p.venue-the-studio,
#group-featured-events p.venue-the-studio{
	width: 123px;
	background-image: url(/mmlib/images/birmingham-rep/logo-venue-studio-small.png);
}


.template-whats-on-list #unit-page-header {
	margin-bottom: 12px;
}

.template-whats-on-list #unit-page-header h1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	color: #fff;
}

.template-whats-on-list h1 {
	width: 100%;
	display: block;
	clear: both;
	margin: 0 0 0.5em 0;
	color: #fff;
}

.calendarlinks {
	position: absolute;
	top: 28px;
	right: 0;
}

.calendarlinks a {
	text-indent: -9999em;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.calendarlinks a.rss {
	margin-right: 5px;
	background: url(/mmlib/images/birmingham-rep/icon-rss.png) 0 0 no-repeat;
}
.calendarlinks a.add-to-cal {
	background: url(/mmlib/images/birmingham-rep/icon-cal.png) 0 0 no-repeat;
}

.calendarlinks a:hover {
	background-position: 0 -20px;
}

/* @group Production Units */

#primary-content .production {
	width: 230px;
	float: left;
	margin: 0 10px 10px 0;
	height: 270px;
	background: #000;
	position: relative;
	padding-bottom: 30px;
	overflow: hidden;
	color: #000;
	border-radius:12px;
}

#primary-content .production .production-thumb {
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	display: block;
	background-color: #000;
}

#primary-content .production img {
	border-bottom: 1px solid #000;
	display: block;
}

#primary-content .production .unit-buttons{
	position: absolute;
	bottom: 16px;
	width: 210px;
	
}

#primary-content .production:hover {
	background-color: #fff;
}

/* @end */

.unit-buttons .button {
	font-weight: bold;
	display: block;
	float: left;
	color: #fff;
	border-radius:6px;
	background-color: #449c15;
	padding: 0.5em 1em;
	line-height: 1em;
}

.unit-buttons .button:hover {
	background-color: #8dc63f;
}

.unit-buttons .book-tickets {
	margin-right: 6px;
}

.unit-buttons .more-info{
	background-color: #333;
}

.unit-buttons .more-info:hover {
	background-color: #666;
}

#unit-main-event .button {
	
}

#unit-main-event .button:hover {

}

#unit-main-event .unit-buttons .book-tickets {
	margin-right: 6px;
}

#unit-main-event .unit-buttons .more-info{

}



.production .production-details {
	padding: 10px;
}

.production img {
	width: 100%;
}

.production .production-details h2,
.production .meta-date,
.production .meta-venue,
.production .production-status, 
.production .family-friendly {
	color: #fff;
	font-weight: bold;
}

.production:hover .production-details h2,
.production:hover .meta-date,
.production:hover .meta-venue,
.production:hover.production-status, 
.production:hover .family-friendly {
	color: #333;
}

.production .family-friendly {
	background-image: url(/mmlib/images/birmingham-rep/family-friendly.png);
	background-repeat: no-repeat;
	background-position: right 0;
	padding-right: 32px;
}

.production:hover .family-friendly {
	background-image: url(/mmlib/images/birmingham-rep/family-friendly-inv.png);
}

.production .meta-date,
.production .meta-venue {
	font-size: 12px;
	margin-bottom: 0;
}

.production .production-details h2 {
	margin: 0 0 9px 0;
	font-size: 18px;
}

.production button, 
.production a.btn, .btn,
.production button, 
.production a.btn-alt, .btn-alt {
	font-size: 12px;
}

#event-list-by-day .production {
	margin: 0 0 10px 0;
	width: 100%;
	height: auto;
	padding-bottom: 0;
}

#event-list-by-day .production .production-details {
	width: 400px;
	float: left;
}

#event-list-by-day .production img{
	float: left;
	width: 280px;
	margin-right: 10px;
}

/* @group Close Performances */

#group-close-performances {
	margin: 20px 0 0 0;
	background: #fff;
	padding: 15px 15px 30px 15px;
}

#group-close-performances h2 {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0 0 10px 0;
}
#group-close-performances p {
	margin: 0;
}
#group-close-performances .odd a {
	background: #f3f3f3;
}

#group-close-performances a {
	display: block;
	padding: 6px 10px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#group-close-performances a time {
	color: #333;
	width: 240px;
	display: inline-block;
}
#group-close-performances a:hover {
	background: #fef9fa;
	color: #E00C6B;
}

/* @end */


/* @end */

/* @group Homepage */

/* @group Primary Content */

.page-homepage #primary-content {
	color: #333;
	margin-bottom: 20px;	
}
.page-homepage #primary-content h2 {
	margin: 0;	
}

#unit-main-event {
	background-color: #fff;
	margin: 0 0 10px 0;
	border-radius:12px;
	border: 1px solid #333;
}

.rgba #unit-main-event {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
}

#unit-main-event figure {
	float: left;
	width: 630px;
	border-radius: 12px 0 0 12px;
	overflow: hidden;
	background-color: #000;
}
#unit-main-event .show-info {
	float:  right;
	padding: 15px 20px 20px 20px;
	width: 278px;
}
.page-homepage #unit-main-event h2 {
	margin: 0 0 6px 0;
}
#unit-main-event h2, 
#unit-main-event .meta-venue, 
#unit-main-event .event-time {
	padding: 0;
	color: #fff;
} 
#unit-main-event h2 a {
	color: #8dc63f;
	font-size: 26px;
	line-height: 32px;
}
#unit-main-event .event-time, #unit-featured-events .event-time {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
#unit-main-event a.meta-venue, 
#unit-featured-events a .meta-venue {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 15px 0;
}
#unit-main-event p.summary {
	background: url('../../images/birmingham-rep/black-dot.png') 0 0 repeat-x;
	font-size: 17px;
	line-height: 24px;
	margin: 0;
	padding: 20px 0;
	color: #fff;
}
#unit-main-event .btn {
	margin: 0 5px 0 20px;
}
#unit-main-event .unit-buttons {
	padding: 0;
	font-size: 16px;
}

#group-featured-events {
	list-style: none;
	margin: 0 0 0 -10px;
	padding: 0;
}

.ie6 #group-featured-events {
	margin-left: -20px;
	background-position: 20px 0;
	width: 970px;
}

#group-featured-events a {
	color: #fff;
}
#group-featured-events .featured-event {
	float: left;
	margin: 0 0 0 10px;
	width: 308px;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	border-radius: 12px;
	border: 1px solid #333;
}

#group-featured-events .featured-event figure {
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}
#group-featured-events .event-info {
	font-weight: bold;
	padding: 1em;
}
.page-homepage #group-featured-events a h2 {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 8px 0;
	color: #8dc63f;
}
#group-featured-events .unit-buttons {
	padding: 10px 10px 20px 10px;
}

#group-featured-events a .meta-venue {

}

#all-productions {

}
#all-productions a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 2em;
	display: block;
	text-align: right;
	border-radius: 12px;
	background: #cc1367;
	height: 36px;
	line-height: 36px;
	margin: 10px 0 0 0;
}
#all-productions a:hover {
	background: #e00669;
	color: #fff;
	border-radius: 12px;
}

/* @end */

/* @group Secondary / Tertiary Content */

.page-homepage #secondary-content {
	margin-bottom: 20px;
}

.page-homepage #tertiary-content {
	margin-bottom: 20px;
}

.page-homepage #tertiary-content #unit-tweet {
	float: right;
	width: 470px;
}

/* @end */



/* @end */


/* @group Production */


/* @group Primary Content */

.template-production-detail #primary-content {
	float: left;
	margin: 0;
	width: 520px;
}
#group-production-header {
	width: 950px;
	margin: 0 0 40px 0;
}

#group-production-header .production-info {
	float: left;
	width: 400px;
	margin-right: 20px;
	color: #fff;
}

#group-production-header .production-info strong,
#group-production-header .production-info b, 
#group-production-header .production-info th {
	color: #fff;
}

#group-production-header h1 {
	margin: 0 0 18px 0;
	font-size: 40px;
	line-height: 1.1em;
	color: #fff;
}
#group-production-header p {
	font-size: 14px;
	margin: 0 0 0 0;
}
#group-production-header p.prefix, 
#group-production-header p.suffix {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 8px 0;
}
#group-production-header p.meta-venue {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 4px 0;
}


#group-production-header p.meta-venue strong {
	color: #fff;
}

#group-production-header p.venue-the-house-at-the-rep,
#group-production-header p.venue-the-door-at-the-rep,
#group-production-header p.venue-the-studio-at-the-rep,
#group-production-header p.venue-the-house,
#group-production-header p.venue-the-door,
#group-production-header p.venue-the-studio {
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	margin: 0 0 12px 12px;
	text-indent: -999em;
	float: right;
}

#group-production-header p.venue-the-house-at-the-rep,
#group-production-header p.venue-the-house {
	width: 120px;
	background-image: url(/mmlib/images/birmingham-rep/logo-venue-house.png);
}

#group-production-header p.venue-the-door-at-the-rep,
#group-production-header p.venue-the-door {
	width: 103px;
	background-image: url(/mmlib/images/birmingham-rep/logo-venue-door.png);
}

#group-production-header p.venue-the-studio-at-the-rep,
#group-production-header p.venue-the-studio {
	width: 123px;
	background-image: url(/mmlib/images/birmingham-rep/logo-venue-studio.png);
}

#group-production-header .button {
	font-size: 14px;
}

#group-production-header p.meta-dates {
	font-weight: bold;
}
#group-production-header p.archived {
	margin: 10px 0 0 0;
	text-indent: -9999px;
	background-image: url(/mmlib/images/birmingham-rep/archived-event.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 52px;
}
#group-production-header #unit-form {
	margin: 10px 0 10px 0;	
}
#book-tickets-form {
	margin-bottom: 12px;
} 
#book-tickets-form select {
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: baseline;
}
#book-tickets-form .image {
	vertical-align: bottom;
	margin-top: 4px;
}

.touch #unit-production-navigation {
	display: none;
}

#unit-production-navigation a {
	background: #fff;
	border: 1px solid #333;
	padding: 4px 12px;
	font-size: 24px;
	position: fixed;
	top: 30%;
	z-index: 100;
	-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   	-moz-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
	transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

}

.ie6 #unit-production-navigation a,
.ie6 #unit-production-navigation a.production-next,
.ie6 #unit-production-navigation a.production-back {
	position: relative;
	font-size: 14px;
	border: 1px solid #333;
	display: block;
	right: 0;
	left: 0;
	top: 0;
}



#unit-production-navigation a:hover {
	color: #449c15;
}

#unit-production-navigation a span {
	color: #333;
	margin-right: 10px;
}

#unit-production-navigation a.production-next {
	background-image: url(/mmlib/images/birmingham-rep/production-nav-next.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	right: -500px;
	border-right: 0;
	padding-left: 40px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#unit-production-navigation a.production-back {
	background-image: url(/mmlib/images/birmingham-rep/production-nav-back.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	left: -500px;
	border-left: 0;
	padding-right: 40px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

/* @group Dates Table */

#unit-production-performances {
	
}

#unit-dates {
	background-color: white;
}

#unit-dates table {
	width: 100%;
}

#unit-dates table,
#unit-dates table tr,
#unit-dates table td{
	border: none;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

#unit-dates table thead {
	display: none;
}

#unit-dates table tr.last td{
	border-bottom: 30px solid #fff;
}

#unit-dates table td{
	background: #ededed;
	border-bottom: 2px solid #fff;
	padding: 9px 5px;
}

#unit-dates table .date {
	font-weight: bold;
	padding-left: 12px;
}

#unit-dates table .time {

}

#unit-dates table .prices {

}

#unit-dates table .booking {
	text-align: right;
	padding-right: 12px;
	white-space: nowrap;
}

#unit-dates table .booking a,
#unit-dates table .booking a:visited,
#unit-dates table .booking a:active,
#unit-dates table .booking a:hover {
	color: #fff;
	font-size: 11px;
}

#unit-dates table th {
	background: transparent;
	padding: 0;
	border: none;
}

#unit-dates table th h2 {
	margin: 0 0 6px 0;
	font-size: 14px;
}

#unit-dates table a.book-online {
	background: transparent url(/mmlib/images/royal-court/button-book-small.gif) no-repeat 0 0;
	display: block;
	width: 84px;
	height: 17px;
	text-indent: -20000px;
	margin: 0;
}

#unit-dates table a.book-online:hover {
	background-position: 0 -17px;
}

/* @end */

/* @group Tabs */

#primary-content #production-info-tabs {
    margin: 0;
    padding: 0;
    width: 520px;
    list-style: none;
    height: 28px;
}
#production-info-tabs li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#production-info-tabs li a {
    background: #449c15;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin: 0 2px 2px 0;
    padding: 8px 8px;
}

#production-info-tabs li:first-child a {
	border-radius: 6px 0 0 0;
	padding-left: 15px;
}

#production-info-tabs li:last-child a {
	border-radius: 0 6px 0 0;
}

#production-info-tabs li a:hover {
    background: #8dc63f;
    color: #FFFFFF;
}
#production-info-tabs li.selected a {
    background-color: #FFFFFF;
    color: #481B5C;
    margin-bottom: 0;
    padding-bottom: 12px;
}
#production-tab-panel-container {
    background: #FFFFFF;
    padding: 15px;
    border-radius: 0 12px 12px 12px;
}
#production-tab-panel-container .tab-panel {
    display: none;
    position: relative;
    z-index: 9;
}
#production-tab-panel-container .tab-panel.selected {
    display: block;
}

/* @end */

/* @group Description Tab */

#unit-production-description p{
	font-size: 16px;
}

/* @end */

/* @group Ensemble Tab */

#group-cast-members {
	width: 504px;
	margin-left: -14px;
}

#group-cast-members .thumb{
	width: 154px;
	margin: 0 0 10px 14px;
	float: left;
}

#unit-production-company .no-thumb{
	display: block;
	margin: 0 0 20px 0;
	clear: both;
}

#unit-production-company h2 {
	clear: both;
	font-size: 28px;
	margin: 5px 0 10px;
}

#unit-production-company h3 {
	font-size: 16px;
	margin: 10px 0 3px 0;
}

/* @end */

/* @group Venue Tab */

.venue-detail h2 {
	font-size: 24px;
	margin: 12px 0 5px 0;
}

.venue-detail ul{
	list-style: none;
	margin: 0 0 24px 0;
	font-size: 14px;
}

.venue-detail img {
	width: 100%;
}

.venue-detail img.google-map {
	margin-bottom: 20px;
}

/* @end */

/* @group Seasons Tab */

.season-detail {
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

#unit-production-seasons h2 {
	margin: 0 0 5px 0;
}

.season-detail h3 {
	margin-top: 10px;
}

.season-detail p {
	margin: 0 0 10px 0;
}

/* @end */


/* @end */

/* @group Secondary Content */

.template-production-detail #secondary-content {
	float: right;
	position: relative;
	width: 400px;
}
.template-production-detail #secondary-content .unit {
	margin: 0 0 10px 0;
}

#secondary-content #unit-podcasts ul {
	margin: 0 0 0 0;
	list-style: none;
}

#unit-event-image,
#unit-season-image {
	background: #fff;
	width: 490px;
	float: right;
	border: 10px solid #fff;
	border-radius:12px
	
}

#unit-event-image figure,
#unit-season-image figure{
	overflow: hidden;
	border-radius:6px;
}

#unit-event-image .video-with-fallback-image iframe {
	position: absolute;
	top: -9999em;
}
#unit-event-image .vimeo-loaded iframe {
	position: static
}
#unit-event-image .vimeo-loaded .fallback-image {
	display: none;
}

#unit-event-image img,
#unit-event-image iframe,
#unit-season-image img,
#unit-season-image iframe,
.tab-panel iframe  {
	width: 100%;
	height: 289px;
	display: block;
}

#unit-upcoming ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.template-production-detail #secondary-content #unit-upcoming h3 {
	margin: 0;
}
#unit-upcoming li a {
	border-bottom: 1px dotted #fff;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 12px;
}

#unit-upcoming li.family-friendly a {
	background-image: url(/mmlib/images/birmingham-rep/family-friendly.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	padding-right: 32px;
}

#unit-upcoming a:hover {
	background: #8dc63f;
	color: #000;
	
}

/* @end */

/* @end */

/* @group News */

.template-news-list #unit-page-header {
	margin-bottom: 12px;
}

.template-news-list #unit-page-header h1{
	margin: 0;
	color: #fff;
}

.template-news-list a.rss {
	margin: 0;
}

/* @group Primary Content */
.template-news-list #primary-content {
	float: right;
	width: 640px;
} 

.template-news-detail #primary-content {
	background: #fff;
	width: 600px;
	padding: 20px;
	float: right;
	border-radius: 12px;
}

.template-news-detail figure {
	margin: 0 0 10px 0;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}



/* @end */

/* @group Secondary Content */

.template-news-list #secondary-content,
.template-news-detail #secondary-content {
	float: left;
	width: 280px;
}

#group-news-filter .unit {
	background: url(/mmlib/images/birmingham-rep/blackbg.png) repeat;
	margin: 0 0 3px 0;
}

#group-news-filter .unit h3 {
	color: #fff;
	font-size: 18px;
	margin: 0;
	padding: 12px 0;
}

#group-news-filter .unit ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#group-news-filter li {
	margin: 0 0 1px 0;
}

#group-news-filter a {
	background-color: #4d4d4d;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 12px;
}


#group-news-filter a:hover {
	background: #767676;
}
#group-news-filter a.selected {
	background: #449c15 url(/mmlib/images/birmingham-rep/arrow-white.png) right 11px no-repeat;
}

.template-news-detail #unit-tweet {
	margin: 0 0 24px 0;
}

.template-news-detail #unit-tweet #tweet-box {
	padding: 15px 15px 20px 15px;
	font-size: 18px;
	line-height: 1.5em;
	height: auto;
}

.template-news-detail #unit-tweet #twitter-link {
	background-position: 32px 0;
	padding-left: 70px;
	font-size: 18px;
}


/* @end */

/* @end */

/* @group Text Information */


/* @group Primary Content */
.template-default #primary-content {
	float: right; 
	position: relative;
	width: 640px;
	margin-bottom: 2em;
} 

.template-default #primary-content {
	background: #fff;
	width: 600px;
	padding: 20px;
	border-radius: 12px;
}
.template-default figure {
	margin: 0 0 1em 0;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}


/* @end */

/* @group Secondary Content */

.template-default #secondary-content,
.template-default #tertiary-content {
	float: left;
	width: 280px;
	margin-bottom: 2em;
}

.template-default #secondary-content div.jp-audio,
.template-news-detail #secondary-content div.jp-audio {
	width: 260px;
}

.template-default #secondary-content div.jp-audio div.jp-type-playlist div.jp-progress,
.template-news-detail #secondary-content div.jp-audio div.jp-type-playlist div.jp-progress {
	width: 140px;
}




/* @end */

/* @end */


/* @group Text Information List */


/* @group Primary Content */

/* @group Page Content */

.template-default-list #primary-content {
	float: right; 
	position: relative;
	width: 640px;
	margin-bottom: 2em;
} 

.template-default-list #unit-content {
	background: #fff;
	width: 600px;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 12px;
}
.template-default-list figure {
	margin: 0 0 1em 0;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

/* @end */

/* @group List Content */

.template-default-list #list-content article{
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 12px;
}

.template-default-list #list-content article .info {
	width: 370px;
	margin-left: 230px;
}

.template-default-list #list-content article .info h2 {
	margin-top: 4px;
}

.template-default-list #list-content article .thumb {
	float: left;
	border-radius: 8px;
	overflow: hidden;
}

/* @end */


/* @end */

/* @group Tertiary Content */


.template-default-list #secondary-content {
	float: left;
	width: 280px;
	margin-bottom: 2em;
}



/* @end */

/* @end */


/* @group Esro Iframe */

.template-esro #page-content {
	width: 95%;
	background: #fff;
	margin: 25px 0;
	padding: 25px 25px;
}
.template-esro #page-content iframe {
	width: 100%;
	height: 820px;
}

#the-box {
	display: block;
	background: transparent url(/mmlib/images/birmingham-rep/the-box-logo.gif) no-repeat 0 0;
	width: 118px;
	height: 38px;
	line-height: 1000em;
	overflow: hidden;
	float: left;
	margin: 0;
}

#the-rep {
	display: block;
	background: transparent url(/mmlib/images/birmingham-rep/the-rep-footer.png) no-repeat 0 0;
	width: 118px;
	height: 38px;
	line-height: 1000em;
	overflow: hidden;
	float: left;
	margin: 0;
}

/* @end */

/* @group Education */

body.education #contentContainer h2 {
	margin: 0 0 15px 18px;

}

body.education #contentContainer{
	padding: 0 0 16px;
	width:986px;
}


body.education #content{
	background: #efefef url(/mmlib/images/education/content-bg-grey.gif) no-repeat 0 bottom;
	margin-bottom: 30px;
}

/* @group Title */

body.education #unit-page-header{
	margin: 0 0 24px 0;
}

body.education .title-image {
	display: block;
	height: 70px;
	width: 70px;
	float: left;
	margin:0 20px 0 0;
}

body.education .title-image img{
	border-radius: 6px;	
}

body.education #unit-page-header p.parent-title{
	font-size: 32px;
	font-weight: bold;
	margin: 0;
	line-height: 1em;
	color: #000;
}

body.education #unit-page-header h1{ 
	margin: 6px 0 9px 0;
	color: #fff;
}


/* @end */

body.education div#primaryItemContent, 
body.education #primaryItemMenu{
	background: #efefef;
}

body.education div#primaryItemContent {
	padding: 0;
}

body#education-default h3 {margin-top: 0;}



body.education div#commentsForm .input{
	background: #f1f1f1;
}

body.education div#commentsForm .submit{
	background-image: url(/mmlib/images/education/button-submit.gif);
	width: 71px;
}

/* @group Cast */

body.education .cast{
	background-color: #f3f3f3;
	padding: 10px;
	width: 580px;
	margin-bottom: 15px;
}

body.education .cast h2{
	margin-top: 9px;
}


body.education #primaryItemContent h2{
	margin: 0;	
	border: none;
}

body.education #primaryItemContent h2 span{
	color: #999;
}

body.education .cast-img{
	width: 148px;
	position: relative;
}

body.education .left .cast-img{
	float: left;
}

body.education .right .cast-img{
	float: right;
}

body.education .cast-text{
	float: left;
	width: 400px;
	padding-left: 20px;
}

body.education #primaryItemContent .cast-text h2 {
	padding-top: 6px;
}



/* @end */

/* @group Timeline */

.timeline-info {
	display: none;
}

.timeline-selected {
	display: block;
}

#timeline-controls{
	clear: both;
	display: block;
	height: 58px;
	padding-top: 10px;
}

#timeline-controls img{
	padding-top: 3px;
	float: left;
	cursor: pointer;
}

#timeline-controls img.btn-next,
#timeline-controls img.btn-prev  {
	width: 15px;
	height: 52px;
}

body.education #timeline-images{
	float: left;
	padding: 0 6px;
}

body.education #timeline-images img{
	float: none;
	padding: 0px;
}

#timeline-controls {
	border: 1px solid #999;
	border-width: 1px 0;
}

#timeline-images a{
	float: left;
	margin-right: 3px;
	border: 3px solid #EFEFEF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

#timeline-images a:hover, #timeline-images a.selected{
	border: 3px solid green;
}

#timeline-info, #timeline-controls{
	padding: 10px;
}

#timeline-info, #timeline-controls li {
	height: 74px;
	padding-top: 5px;
}

body.education #timeline-controls img.button-next{
	float: right;
}


/* @end */


/* @group Downloads */

#education-downloads{
	border-top: 1px solid #999;
	list-style: none;
	margin: 9px 0 20px;
	float: left;
	width: 100%;
}

#education-downloads li{
	padding-left: 40px;
	float: left;
	clear: both;
	border-bottom: 1px solid #999;
	padding-top: 5px;
	padding-bottom: 10px;
	background: url(/mmlib/images/education/download-generic.gif) no-repeat 7px 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#education-downloads li.acrobat{
	background: url(/mmlib/images/education/download-pdf.gif) no-repeat 0 8px;
}
#education-downloads li.word-text{
	background: url(/mmlib/images/education/download-word.gif) no-repeat 7px 8px;
}

#education-downloads li.word a, 
#education-downloads li.acrobat a{
	background-image: none !important; 
	padding: 0;
}
#education-downloads #download-infomation{
	float: left;
}

#education-downloads h2, 
#education-downloads p{
	padding: 0;
	margin: 0;
}
#education-downloads .button-download{
	float: right;
}
/* @end */

/* @group Audio Downloads */
#audio-downloads {
	margin-top: 2em;
}
#audio-downloads li {
	margin-bottom: 1em;
}
#audio-downloads li div {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#audio-downloads .download {
	display: block;
}
/* @end */

/* @group Accordian */

body#education-accordian #accordion h2{
	background: url(../images/education/h2-red.gif) no-repeat right ;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	line-height: 27px;
	zoom: 1;
}
#education-accordian #accordion h2 a{
	background: url(../images/education/h2-red-left.gif) no-repeat left top;
	color: #FFF;
	/*font-size: 1.333em;*/
	font-weight: normal;
	padding-left: 10px;
	display: block;
	height: 27px;
}

body#education-accordian #accordion h2.selected{
	background: url(../images/education/h2-green.gif) no-repeat right ;
	margin-bottom: 10px;
}
#education-accordian #accordion h2.selected a{
	background: url(../images/education/h2-green-left.gif) no-repeat left top;
}


.ui-accordion {margin-bottom: 20px;}

.acordian-unit{
	background: url(/mmlib/images/education/cast-bg-top.gif);
	padding:10px 10px 0;
	margin-bottom:10px;
}

.acordian-unit img{
	float: left;
	margin-right: 10px;
}
#unit-infomation{
	float: right;
}

body.education .acordian-unit .clear{
	display: block;
	height:10px;
	margin: -10px -10px 0px -10px;
	background: url(/mmlib/images/education/cast-bg-bottom.gif) no-repeat left bottom;
}
/* @end */

/* @group Video */

body.education #video, body.education .paging{
	background: url(/mmlib/images/education/cast-bg-top.gif);
	padding:10px 10px 0;
	margin-bottom:20px;
	clear: both;
}

body.education .paging{
	text-align: center;
}

body.education #video .clear, body.education div.paging .clear{
	display: block;
	height:10px;
	margin: 0 -10px;
	background: url(/mmlib/images/education/cast-bg-bottom.gif) no-repeat left bottom;
}

body.education #primaryItemContent h2{
	font-size: 18px;
}

#primaryItemContent #video p{
	font-size: 14px;
}

.video-unit{
	width: 230px;
	float: left;
	padding-right: 5px;
}
body.education .paging a{
	font-size: 14px;
	color: #333333;
	margin-left: 10px;
}

body.education .paging a.selected, body.education .paging a:hover{
	color: #339933;
}

.video-unit h3{
	font-size: 14px;
}
/* @end */

/* @end */



/* @group Cast and Crew */

.cast-list #cast-search ul {
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

.cast-list #cast-search ul li {
	background: none;
	color: #BBB;
	float: left;
	font-size: 12px;
	margin: 0 3px;
	padding: 0px;
	color: #333;
	text-align: center;
}

#cast-search ul li a {
	color: #333;
}

#cast-search ul li .selected {
	color: #e00c6b;
	border-bottom: 3px solid #e00c6b;
}

#cast-search {
    background: #eee;
    margin-bottom: 18px;
    padding: 10px;
}
#cast-search form {
    background:#fff;
    border: 1px solid #ACACAC;
    float: right;
    margin: 0 0 0 0;
}

#cast-search input.search-input {
	border: 0;
	padding: 0;
	width: 148px;
}

#cast-search input.search {
	background: url(/mmlib/images/birmingham-rep/button-cast-search.gif) bottom no-repeat;
	border: 1px solid #ccc;
	height: 19px;
	width: 19px;
	text-indent: -9999px;
}

.cast-list #crew-list {
	margin: 0 0 0 -15px;
	padding: 0;
	list-style: none;
}

.cast-list #crew-list li {
	float: left;
	margin: 0 0 10px 15px;
	width: 190px;
	height: 220px;
}

#crew-list li img {
	width: 100%;
	display: block;
	margin-bottom: 9px;
}

.cast-list #loading-bar {
	display: none;
	text-align: center;
}


.cast-list #cast-paging {
	text-align: center;
	background-color: #eee;
	padding: 5px 0;
}

.cast-list #cast-paging ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	width: 100%;
}

.cast-list #cast-paging ul li {
background: none;
display: inline;
margin: 0px 7px;
}

/* @end */



/* @group Search Page Styling */

.ie6 .collapsible-header {
	margin-bottom: -10px;
}

.ie6 .collapsible-header a,
.ie6 .collapsible-header a:hover,
.ie6 .collapsible-header a:link,
.ie6 .collapsible-header a:active {
	color: #ffffff;
}

.collapsible-tab-header {
	display:block;
	float:left;
	margin:0;
}

.collapsible-tab-header a {
	color: #ffffff;
	display:block;
	margin:0 1px 0 0;
	outline: none;
	padding:3px 8px;
	text-decoration: none;
	background: #333;
	font-size: 14px;
}

.search-page .selected a {
	display: block;
	outline: normal;
	font-weight: bold;
	background: #E00C6B;
	border-bottom: 1px solid #E00C6B;
	margin-bottom: 0 !important;
}

.search-page a .count {
	font-size: 12px;
}

#unit-search-results h1{
	color: #fff;
}

.collapsible-content {
	background:#FFFFFF;
	border: 10px solid #E00C6B;
	clear: left;
	display: none;
	padding: 15px;
	width: 900px;
}

.search-page #unit-content .collapsible-content ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

.search-page #unit-content .events-list ul{
	margin: 0 0 0 -12px;
}

.search-page #unit-content .collapsible-content ul li {
	background: none;
	margin: 0;
	padding: 0;
}

.search-page #unit-content .collapsible-content ul li h3 {
	font-size: 18px;
	margin: 6px 0;
}

.search-page #unit-content .collapsible-content ul li.project {
	float: left;
	margin: 0 0 12px 12px;
	width:216px;
	height:250px;
	overflow:hidden;
}

.search-page #unit-content .collapsible-content .more {
	clear: both;
	font-size: 14px;
}

.search-page #unit-content .collapsible-content .more a {
	display: block;
	background: #E00C6B;
	color: #fff;
	text-align: center;
	padding: 5px;
}

.search-page #unit-content .collapsible-content ul li.project .production-playwright {
	margin-bottom: 0;
}

.search-page #unit-content .collapsible-content ul li.project .production-date-range {
	margin-bottom: 0;
}

.search-page #unit-content .collapsible-content ul li.project p {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 3px 0;
}

.search-page #unit-content .collapsible-content ul li.project h3 {
	font-size: 16px;
	margin: 6px 0;
}

.search-page #unit-content .collapsible-content ul li.project img {
	margin-bottom: 0px;
	display: block;
	width: 100%;
}

.collapsible-content p {
	color:#111;
	padding-top: 0;
	margin-top: 0;
}

.active-collapsible-tab {
	background: #fff;
	display: block;
}

.collapsible-content p.breadcrumb {
	background: #333;
	color: #ccc;
	padding: 2px 6px;
	font-size: 12px;
}

.collapsible-content .breadcrumb a {
	font-size: 12px;
	color: #c4c4c4;
}

.collapsible-content .breadcrumb a:hover {
	color: #fff;
}

.search-page  #unit-page-search {
	padding: 10px;
	background: #333;
	margin-bottom: 10px;
}

.search-page  #unit-page-search fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.search-page  #unit-page-search label {
	display: none;
}

.search-page  #unit-page-search input {
	border: none;
}

.search-page  #unit-page-search input.text {
  	-webkit-appearance: none;
	padding:2px;
	height: 21px;
	width: 906px;
	margin: 0;
	vertical-align: middle;
	line-height: 1em;
}

.search-page  #unit-page-search input.image {
	margin: 0;
	vertical-align: middle;
}

/* @end */



/* @group Contact Us */


/* @group Primary Content */
.template-contact #primary-content {
	float: right; 
	position: relative;
	width: 640px;
	margin-bottom: 2em;
} 

.template-contact #primary-content {
	background: #fff;
	width: 600px;
	padding: 20px;
}
.template-contact figure {
	margin: 0 0 1em 0;
}


/* @end */

/* @group Secondary Content */

.template-contact #secondary-content,
.template-contact #tertiary-content {
	float: left;
	width: 280px;
	margin-bottom: 2em;
}



/* @end */

/* @end */





/* @group Iframe template */

.template-iframe #container {
	margin: 0;
	width: 100%;
}

.template-iframe #page-content {
	padding: 0;
}

.template-iframe .full-width-iframe {
	width: 100%;
}
.template-iframe #footer {
	margin-top: -326px;
}

iframe.area-esro-iframe-no-display {
    display: none;
}

/* @end */

/* @end */



/* @group Site Map */

.template-sitemap .ul:after, .template-sitemap .ol:after, .template-sitemap li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.template-sitemap .ul, .template-sitemap .ol, .template-sitemap li { display: inline-block; }
* html .template-sitemap .ul, * html .template-sitemap .ol, * html .template-sitemap li { height: 1%; }
.template-sitemap .ul, .template-sitemap .ol, .template-sitemap li { display: block; }

.section-site ul {
	margin-left: 0;
}


.section-site #primary-content .unit {
	overflow: visible;
	width: 890px;
}

.section-site #unit-content {
	padding: 20px 20px 20px 20px;
	background-color:#fff;
}

.rgba .section-site #unit-content {
	background-color: rgba(255,255,255,0.85);	
}

.section-site #unit-content ul.sitemap_level_0 {
	clear: left;
}

.section-site #unit-content ul li {
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.section-site #unit-content ul li a {
	margin: 0 0 10px 0;
}

.section-site #unit-content ul.sitemap_level_1 {
	width: 890px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 18pxpx;
}

.section-site #unit-content ul.sitemap_level_1 li {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.section-site #unit-content ul.sitemap_level_2 {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.section-site #unit-content ul.sitemap_level_0 li a {
	font-weight: bold;
	font-size: 16px;
	width: 890px;
}

.section-site #unit-content ul.sitemap_level_1 li a {
	font-weight: bold;
	font-size: 12px;
	margin-right: 20px;
	border-bottom: none;
	margin-bottom: 2px;
}

.section-site #unit-content ul.sitemap_level_2 li a {
	font-weight: normal;
	font-size: 12px;
	width: 200px;
	margin-right: 20px;
	border-bottom: none;
	margin-bottom: 2px;
}
/* @end */

/* @group The Box  */

body.box {
	background-image: none;
}


body.template-whats-on-list.box #unit-content {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 10px;
}

body.box #unit-page-header {
	position: relative;
}

body.box .calendarlinks {
	top: 4px;
}

body.box #the-box {
	top: 0;
}

body.box #unit-footer-info ul {
	margin-top:  10px;
}

/* @end */




/* @group IE fixes */

.ie6 #header, .ie7 #header {
	background-color: #fff !important;
}
.ie6 #unit-primary-navigation ul li a  {
	padding: 4px 3px;
}

.ie7 .template-homepage #unit-featured-info {
	width: 480px;
	margin: 0 0 0 10px;
}
.ie7 .template-homepage #unit-featured-info {
	width: 480px;
	margin: 0 0 0 10px;
}
.ie7 #unit-mailing-list button {
	position: relative;
	top: 3px;
	margin: 0 0 0 3px;
}

/* @end */

/* @group Header */
.archive-logo span {
	display: block;
	text-indent: -9999px;
}
.archive-logo {
	float: left;
	position: relative;
	overflow: hidden;
	height:56px;
	width:77px;
	margin-left:22px;
	position:relative;
	top:5px;
}
#header img.sponsor{
	float:left;
	margin-left:15px;
	position:relative;
	top:5px;	
}

/* @end */

/* @group Header Archive */
#header.rep-100{
	background-color:#FFF;	
}
#header.rep-100 .logo span{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#header.rep-100 #unit-logo h1{
	width:297px;
	height:102px;	
}
#header.rep-100 #unit-logo{
	width:297px;
	height:102px;
}
#header.rep-100 #unit-logo{
	margin-top:0;
}
#header.rep-100 .archive-logo span {
	display: block;
	text-indent: -9999px;
}
#header.rep-100 img.sponsor{
	float:left;
	margin-left:30px;
	position:relative;
	top: 10px;
}
#header.rep-100 img.sponsor.sponsor-grosvenor{
	margin-left:30px;	
}
#header.rep-100 img.sponsor.sponsor-barry-jackson{
	margin-left:30px;	
	position:relative;
	top:1px;	
}
#header.rep-100 #unit-primary-navigation {
	margin-top: 5px;
	float: right;
	display: block;
}
#header.rep-100 #unit-primary-navigation ul {
	width: 100%;
}

#header.rep-100 #unit-primary-navigation ul li{
	margin-left:20px;
	float: left;
}
#header.rep-100 #unit-primary-navigation ul li.first{
	margin-left:0;	
}
#header.rep-100 #unit-primary-navigation ul li a {
	padding-bottom:0;
}	
#header.rep-100{
	padding-bottom:0;
	height:auto;
}


.ie7 .rep-100 #unit-primary-navigation,
.ie8 .rep-100 #unit-primary-navigation {
	width: auto;
}


/* @end */