/*** SPECIFIC_PAGES.css ***/

/* 404: Page Not Found */
div.wrap404 {
  background-image: url('../../../rada_files/portals/404/404_tall.jpg');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-color: #888;
  overflow: auto; }

div.left404 {
  background-color: #FFF;
  float: left;
  width: 50%; }

div.padding404 {
  margin: 2em; }

div.wrap404 button#bfSubmitButton {
  float: left;
  width: 30%; }



/* ALUMNI: Awards */
span.year {
  font-size: 1.8em;
  line-height: 50px;
  vertical-align: text-top; }

span.awards_tony,
span.awards_olivier,
span.awards_academy {
  font-weight: bold;
  font-style: italic;
  line-height: 30px;
  border-bottom: 1px solid #AAA; }

body.awards div#main_wrap {
  background-image: url('../../../rada_files/images/olive4_12.png');
  background-position: -100px 0; }



/* Blogs */
div#eblog-wrapper a {
  border: 0; }

div#main_content div#ezblog-head h1 {
  border-bottom: 4px solid #CCC; /* doesn't work without !important */
  font-size: 2.5em;
  /* margin: 0 0 1em; Irrelevant without border */
  padding: 1em 0; }

div#ezblog-head div.component-links span {
  margin-top: 1em; }

div#ezblog-posts img.avatar,
div#ezblog-category img.avatar,
div#ezblog-bloggers img.avatar {
	background-color: #000;
  border: 0.5em solid #888;
  box-sizing: border-box;
  box-shadow: 1px 1px 0 rgba(0,0,0,1), -1px -1px 0 rgba(0,0,0,1), 1px -1px 0 rgba(0,0,0,1), -1px 1px 0 rgba(0,0,0,1);
  margin: 0 1.2em 0 0;
  padding: 1px;
  width: 120px; }

div#ezblog-category div.profile-item,
div#ezblog-bloggers div.profile-item {
	background-color: #EEE; }

div#ezblog-category div.profile-item h3 a,
div#ezblog-bloggers div.profile-item h3 a {
	font-size: 1.5em; }

div.blog_archive {
  color: #FFF;
  padding: 0.75em; }

div#root_container div.blog_archive div.mod-month {
  display: block;
  line-height: 0.25em;
	margin: 1em;
  padding: 0; }

div#root_container div.blog_archive div.mod-month a {
  display: block;
	margin: 0;
  padding: 0; }

div#root_container div.blog_archive div.mod-month a span {
  line-height: 0em;
  margin: 0;
  padding: 0; }

div.blog_categories,
div.latest_bloggers,
div.latest_blogs {
  color: #FFF;
	margin: 1em;
  line-height: 1.2em; }

div.blog_categories {
	margin-bottom: 2em; }

div.blog_categories #ezblog-categories div.mod-item {
	border-top: 1px solid #555;
  margin: 0 !important /* can't override this without 'important' */; }

div.latest_blogs div.mod-post-image {
  /* hides article image from LATEST BLOGS module */
  display: none; }

div.latest_blogs div.ezb-mod div.mod-post-author {
	margin: 0; }

div.latest_blogs div.ezb-mod div.mod-item {
  background-color: #222;
	border: 1px solid #333;
  box-shadow: 0px 3px 5px rgba(64,64,64,0.5);
  padding: 1em !important;
  margin: 1em 0 !important; }

div.latest_blogs div.ezb-mod div.mod-item img.avatar {
	margin-bottom: 2px;
  width: 40px; }

div.latest_blogs div.ezb-mod div.mod-item div.mod-post-title a:link,
div.latest_blogs div.ezb-mod div.mod-item div.mod-post-title a:visited {
	color: #FFF; }

div.latest_blogs div.ezb-mod div.mod-item div.mod-post-title a:hover,
div.latest_blogs div.ezb-mod div.mod-item div.mod-post-title a:active {
	color: #CC0033; }

div#root_container h3.blogs_mod_head {
  color: #CCC;
  font-size: 1.2em;
  margin: 0.75em; }



/* Brief History */
p.indent_year {
  background-color: #000;
  border: 2px solid #DDD;
  border-radius: 2px;
  color: #DDD;
  float: left;
  font-weight: bold;
  margin: 0 0.75em 0.25em 0;
  padding: 0.2em 0;
  text-align: center;
  width: 4em; }



/* Cookie Policy */
div.cookie_table {
  background: #DDD;
  margin: 2em;
  overflow: auto; }

div.cookie_table p {
  margin: 0 1em; }

div.cookie_row,
div.cookie_top_row,
div.cookie_bottom_row {
  padding: 2em 0;
  overflow: auto; }

div.cookie_row.even {
  background-color: #EEE; }

div.cookie_top_row {
  background-color: #888;
  text-align: center; }

div.cookie_top_row p {
  color: #FFF;
  font-size: 1.3em;
  margin: 0;
  text-align: center;
  text-transform: none; }

div.cookie_cell_one,
div.cookie_cell_two,
div.cookie_cell_three,
div.cookie_cell_four {
  float: left;
  margin: 0;
  width: 25%; }



/* Courses at RADA */
.coursesatrada div#main_content {
  background-color: #000; }

div.car_wrapper { /* bgimage & bgoverlay are invisible to this wrapper, but the menus div is 'relative' and can therefore act as shaper (so no shaper image required). */
  position: relative;
  overflow: hidden; }

div.car_wrapper,
div.car_wrapper img {
  width: 100%; }

div.car_wrapper div.left,
div.car_wrapper div.right {
  width: 33.3%; }

div.car_wrapper div.middle {
  width: 33.4%; }

div.car_wrapper div.left,
div.car_wrapper div.right,
div.car_wrapper div.middle {
  float: left; }

div.car_bgimage,
div.car_bgoverlay {
  position: absolute;
  width: 100%; /* Safari fix for resizing issue */
  z-index: 1; }

div.car_menus {
  position: relative;
  z-index: 2; }

div.car_wrapper div.left .item-144,
div.car_wrapper div.left .item-145,
div.car_wrapper div.left .item-146,
div.car_wrapper div.middle .item-143,
div.car_wrapper div.middle .item-145,
div.car_wrapper div.middle .item-146,
div.car_wrapper div.right .summer .item-143,
div.car_wrapper div.right .summer .item-144,
div.car_wrapper div.right .summer .item-146,
div.car_wrapper div.right .other .item-143,
div.car_wrapper div.right .other .item-144,
div.car_wrapper div.right .other .item-145 {
  display: none; }

div.car_wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

div.car_wrapper ul a {
  border: none;
  color: #FFF; }

div.car_wrapper ul a:hover {
  color: #CC0033; }

div.car_wrapper div.left ul.nav-child,
div.car_wrapper div.middle ul.nav-child,
div.car_wrapper div.other ul.nav-child {
  margin: 0 1.85em 2em; }

div.car_wrapper li.item-143 ul,
div.car_wrapper li.item-144 ul,
div.car_wrapper li.item-146 ul {
  background-color: rgba(0,0,0,0.10);
  border-radius: 10px;
  padding: 0.5em 1em; }

div.car_wrapper li.item-251 ul,
div.car_wrapper li.item-252 ul {
  background-color: rgba(0,0,0,0.20);
  border-radius: 10px;
  margin: 0 1.85em 2em; /* indents only the ULs within SC:A&P and SC:P&D */
  padding: 0.5em 1em; }

div.car_wrapper li.item-143 ul li,
div.car_wrapper li.item-144 ul li {
  margin: 0.5em 0; }

div.car_wrapper a.title_link,
div.car_wrapper span.separator {
  color: #FFF;
  display: block; /* allows margin and padding */
  font-size: 1.75em;
  line-height: 1em;
  margin: 1em;
  text-transform: uppercase; }

div.car_wrapper .item-251 > a,
div.car_wrapper .item-252 > a {
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin: 0 1.9em 0.5em; }



/* Courses at RADA: Other Courses | Acting Workshops */
.aw_type_masterclass,
.aw_type_weeklydramaclub {
  font-weight: bold;
  background-color: #00A;
  margin: 0 0 0 0.5em;
  padding: 0.25em 0.5em;
  border-radius: 7px;
  color: #FFF;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5); }

.aw_type_weeklydramaclub {
  background-color: #CC0033; }

h3 .aw_type_masterclass,
h3 .aw_type_weeklydramaclub {
  text-transform: none;
  font-size: 14px; }



/* Education and Outreach */
.educationandoutreach div#middle_right {
  overflow: hidden;
  width: 34%; } /* portal page right-menu module sizing */

.educationandoutreach div#rightbg {
  background-image: none; } /* removes black BG column from right (otherwise visible when page content is longer that the module) */

div.eao_main_wrap {
  line-height: 0; /* fixes phantom padding from HTML line breaks */
  padding: 2% 5% 4% 0%;
  overflow: auto; }

div.eao_main_wrap img {
  width: 100%; }

div.eao_item_wrap {
  box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
  float: left;
  margin: 2% 2.5%;
  overflow: hidden; /* For combined hover images that exceed width of this container */
  position: relative;
  width: 45%; }

div.eao_item_image,
div.eao_item_overlay {
  width: 100%; }

div.eao_item_overlay {
  position: absolute;
  top: 0; left: 0; }

div.eao_item_overlay.text {
  width: 200%; }

div.eao_item_overlay.text:hover {
  left: -100%; }



/* Events Calendar */
.eventscalendar table.cal_table a,
.eventscalendar div.event_legend_container a {
  border: 0; }

.eventscalendar table.cal_table a:link,
.eventscalendar table.cal_table a:visited,
.eventscalendar div.event_legend_container a:link,
.eventscalendar div.event_legend_container a:visited {
  color: #000; }

.eventscalendar table.cal_table a:hover,
.eventscalendar table.cal_table a:active,
.eventscalendar div.event_legend_container a:hover,
.eventscalendar div.event_legend_container a:active {
  color: #CC0033; }



/* HOME: Footer Menu */
div.headlinefm_wrap {
  font-size: 0.85em;
  color: #FFF;
  background-color: #000;
  margin: 0;
  padding: 0;
  overflow: auto;
  position: relative;
  z-index: 4; }

div.headlinefm_left,
div.headlinefm_middle,
div.headlinefm_right {
  float: left;
  width: 33%; }

div.headlinefm_padding {
  padding: 1em; }

div.headlinefm_wrap div.top {
  padding-bottom: 1em; }

span.headlinefm_header {
  color: #CC0033;
  font-size: 1.5em;
  margin-bottom: 0.4em;
  display: block;
  text-transform: uppercase; }

div.headlinefm_wrap a {
  display: block; }

div.headlinefm_wrap a:link,
div.headlinefm_wrap a:visited {
  border: 0;
  text-decoration: none; }

div.headlinefm_wrap a:link span.headlinefm_header,
div.headlinefm_wrap a:visited span.headlinefm_header {
  color: #CC0033; }

div.headlinefm_wrap a:link span.headlinefm_description,
div.headlinefm_wrap a:visited span.headlinefm_description,
div.headlinefm_wrap a:link span.headlinefm_text,
div.headlinefm_wrap a:visited span.headlinefm_text {
  color: #FFF; }

div.headlinefm_wrap a:hover,
div.headlinefm_wrap a:active {
  border: 0;
  text-decoration: none; }

div.headlinefm_wrap a:hover span.headlinefm_header,
div.headlinefm_wrap a:active span.headlinefm_header {
  color: #FFF; }

div.headlinefm_wrap a:hover span.headlinefm_description,
div.headlinefm_wrap a:active span.headlinefm_description,
div.headlinefm_wrap a:hover span.headlinefm_text,
div.headlinefm_wrap a:active span.headlinefm_text {
  color: #888; }

div.headlinefm_left ul {
  list-style-type: disc;
  margin: 0;
  padding: 0 0 0 1.5em; }

div.headlinefm_left ul a:link,
div.headlinefm_left ul a:visited {
  color: #FFF; }

div.headlinefm_left ul a:hover,
div.headlinefm_left ul a:active {
  color: #CC0033; }



/*** Keep in Touch ***/

div.kit_left, div.kit_right {
  float: left;
  width: 50%; }

.kit_right div {
  overflow: auto; }

div.kit_wrap {
  background-image: url("../../../rada_files/images/keep_in_touch/kit_inner_bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #000;
  overflow: auto; }

.kit_padding {
  padding: 4em 6em; }

.kit_right .content {
  padding: 0 2em;
  background-color: #DDD; }

.kit_fb.toggle {
  background-color: #00539f; }

.kit_tw.toggle {
  background-color: #555; }

.kit_yt.toggle {
  background-color: #000; }

.kit_li.toggle {
  background-color: #FFF; }

div.kit_fb.toggle,
div.kit_tw.toggle,
div.kit_li.toggle,
div.kit_yt.toggle {
  margin: 0 0 3em; }

.kit_fb.toggle img,
.kit_tw.toggle img {
  display: block;
  margin: 2em auto;
  width: 60%; }

.kit_li.toggle img {
  display: block;
  margin: 1.25em auto;
  width: 55%; }

.kit_yt.toggle img {
  display: block;
  margin: 0.5em auto;
  width: 45%; }

div.kit_fb.toggle,
div.kit_tw.toggle,
div.kit_li.toggle,
div.kit_yt.toggle {
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  box-shadow: 0px 7px 10px rgba(0,0,0,1);
  cursor: pointer; }

div.kit_form {
  font-size: 0.9em;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0 7px 10px rgba(0,0,0,1);
  margin: 3em auto;
  padding: 3em; }

div.kit_form_header {
  background-image: url('../images/bg_black_80.png');
  border-radius: 10px;
  box-shadow: 0 7px 10px rgba(0,0,0,1);
  margin: 0 auto;
  padding: 1.5em 2.5em; }

.kit_form_header p {
  color: #FFF;
  margin: 1em 0 0.5em; }

.kit_form_header h1 {
  border: 0;
  font-size: 1.75em;
  text-shadow: 0px 0px 5px;
  margin: 0;
  padding: 0.5em 0;
  text-align: center; }

.bf_kit_form #bfContactDetails label {
  display: block;
  float: left;
  width: 43%; }

.bf_kit_form #bfContactDetails input {
  float: left;
  width: 53%; }

.bf_kit_form div#bfAreasOfInterest {
  clear: left;
  margin: 0 0 1.5em;
  padding: 1em 0 0;
  overflow: auto; }

table#bfReCaptchaWrap {
  /* fixes 100% width of ReCaptcha box generated by BF without stooping to !important */
  max-width: 320px; }


/*******************/
/* Click-to-Reveal */
/*******************/

div.click_to_reveal_item.toggle div.label {
	background-color: #FFF;
  border-top: 1px solid #DDD;
  margin: -0.4em; }

div.click_to_reveal_item.toggle div.label p {
  color: #999;
  font-size: 0.9em;
  margin: 0;
  padding: 1em 2em; }

div.click_to_reveal_item p.open,
div.click_to_reveal_item p.close {
  position: absolute;
  opacity: 0; }

div.click_to_reveal_item.toggle div.fixer {
  height: 3.2em; }

div.click_to_reveal_item.toggle div.label:hover {
  background-color: #BBB;
  border-top: 1px solid #AAA;
	cursor: pointer; }

div.click_to_reveal_item.toggle div.label:hover p {
  color: #FFF; }

div.click_to_reveal_item.toggle,
div.click_to_reveal_item.toggle div.content {
	margin: 0;
	padding: 0; }

div.click_to_reveal_item.toggle div.content :first-child {
	margin-top: 0; } /* fixes weird jumping on animation toggle */


/* Library */
.library_times span {
  display: inline-block; }

.library_times span.left100 {
  width: 8em; }


/* Profiles Menu (temp) */
#middle_left .profiles_nav ul {
  margin: 0;
  padding: 0; }

#middle_left .profiles_nav a {
  margin: 0;
  padding: 0.3em 0 0.3em 3em; }

#middle_left .profiles_nav a:link,
#middle_left .profiles_nav a:visited {
  color: #999; }

#middle_left .profiles_nav a:hover,
#middle_left .profiles_nav a:active {
  background: #CC0033;
  color: #FFF; }

#middle_left .profiles_nav ul li.selected a {
  background: #CC0033;
  color: #FFF; }

#middle_left .profiles_nav ul.topmenu {
  padding-bottom: 2.5em; }

#middle_left .profiles_nav ul.inside_db_menu {
  list-style-type: none;
  padding-bottom: 3em; }
  
#middle_left .profiles_nav ul.topmenu li {
  padding: 1.5em 1.5em 0.5em;
  font-size: 1.15em; }

#middle_left .profiles_nav ul.submenu li {
  padding: 0;
  font-size: 1em;
  margin-left: 0;
  list-style-type: disc;
  text-transform: none; }



/* RADA Shakespeare Certificates (table styling) */
.cert_wrap h3 {
  background-color: #000;
  font-weight: bold;
  color: #999;
  margin: 0 0em;
  padding: 0.6em 0 0.6em 1em;
  font-size: 0.85em; }

.cert_wrap p {
  margin: 0;
  padding: 0; }

.cert_wrap {
  border-radius: 6px;
  margin: 1em 0em;
  overflow: auto; }

.text_bronze,
.text_silver,
.text_gold {
  padding: 0.75em 0 0.75em 1em; }

.cert_wrap .cert_col1,
.cert_wrap .cert_col2,
.cert_wrap .cert_col3 {
  float: left;
  width: 33.33%; }

.cert_wrap .cert_col1 {
  background-color: #DDD; }

.cert_wrap .cert_col2 {
  background-color: #CCC; }

.cert_wrap .cert_col3 {
  background-color: #BBB; }

/* RADA Shakespeare Certificates (Examiners) */
.examiner_name {
  color: #CC0033;
  padding: 0;
  margin: 0 0 1.25em 0; }

.examiner_photo {
  border: 6px solid black;
  float: right;
  margin: 3.5em 0 1em 2em; }

.examiner_quote {
  color: #888;
  text-indent: 1em;
  font-size: 1.5em;
  font-style: italic;
  margin: 1.5em 1em 1em 0; }



/* Short Courses (section menus) */
div#middle_wrap div#middle_left li.item-252 {
  border-top: 1px solid #FFF; }

div#middle_wrap div#middle_left li.item-251 > a,
div#middle_wrap div#middle_left li.item-252 > a {
  background-color: #000;
  color: #888;
  font-size: 1.5em;
  line-height: 1em;
  padding: 0.25em 1em; }

div#middle_wrap div#middle_left li.item-251.active > a,
div#middle_wrap div#middle_left li.item-252.active > a {
  color: #FFF; }

div#middle_wrap div#middle_left li.item-251 > a:hover,
div#middle_wrap div#middle_left li.item-252 > a:hover {
  background-color: #888;
  color: #FFF; }



/* Smart Search */
div#main_wrap div.finder {
  margin: 3em; }

div#main_wrap div#content_padding div.finder {
  margin: 3em 0 0; } /* overrides pre-existing padding applied to some search results */

/* search hints styling*/
div#main_wrap div.finder div.advanced-search-tip {
  background-color: #DDD;
  border: 1px solid #AAA;
  border-radius: 5px;
  color: #000;
  padding: 1.25em 2em; }

div#main_wrap div.finder div.advanced-search-tip p {
  font-size: 0.9em;
  margin: 0; }

div#main_wrap div.finder div.advanced-search-tip span.term {
  font-weight: bold;
  font-style: italic; }

/* advanced search fields (search by category, etc) */
div#main_wrap div.finder div#advancedSearch select.inputbox {
  border: 1px solid #CCC;
  border-radius: 3px;
  margin: 0.25em 0 0.75em;
  padding: 0.25em;
  width: 16em; }

div#main_wrap div.finder div#advancedSearch label.control-label {
  font-size: 0.9em; }

/* search query explanation */
div#main_wrap div.finder div#search-query-explained {
  background-color: #000;
  border: 2px solid #CC0033;
  border-radius: 5px;
  color: #FFF;
  margin-top: 2em;
  padding: 1.25em 2em; }

div#main_wrap div.finder div#search-query-explained span.query-required span.term {
  color: #FBB;
  font-weight: bold; }

/* result URLs */
div#main_wrap div.finder div#search-results .search-results p {
  margin: 0.5em 0; }

div#main_wrap div.finder div#search-results .search-results div.result-url {
  background-color: #DDD;
  color: #666;
  font-size: 0.85em;
  padding: 0.25em 0.5em; }



/* Site Map */
div.sitemap {
  overflow: auto; }

div.sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0 2em; }

div.sitemap.alt ul {
  list-style: disc;
  padding: 0 4em; }

div.sitemap ul li,
div.sitemap p a {
  font-size: 1.15em;
  font-weight: bold;
  margin: 1.25em 0;
  padding: 0;
  text-transform: uppercase; }

div.sitemap.courses ul li {
  font-weight: normal; }

div.sitemap.alt ul li {
  font-weight: normal;
  margin: 0;
  text-transform: lowercase; }

div.sitemap p {
  margin: 1.5em 0 0.5em;
  padding: 0 2em; }

div.sitemap a {
  border: 0; }

div.sitemap p a:link,
div.sitemap p a:visited,
div.sitemap ul li a:link,
div.sitemap ul li a:visited {
  color: #000; }

div.sitemap p a:hover,
div.sitemap p a:active,
div.sitemap ul li a:hover,
div.sitemap ul li a:active {
  color: #CC0033; }

div.sitemap.courses ul li a:link,
div.sitemap.courses ul li a:visited,
div.sitemap ul ul li a:link,
div.sitemap ul ul li a:visited,
div.sitemap.alt ul li a:link,
div.sitemap.alt ul li a:visited {
  color: #888; }

div.sitemap.courses ul li a:hover,
div.sitemap.courses ul li a:active,
div.sitemap ul ul li a:hover,
div.sitemap ul ul li a:active,
div.sitemap.alt ul li a:hover,
div.sitemap.alt ul li a:active {
  color: #CC0033; }

div.sitemap ul ul {
  margin: 0.25em 0 0; }

div.sitemap ul ul li {
  font-size: 1em;
  font-weight: normal;
  list-style: disc;
  margin: 0;
  padding: 0;
  text-transform: lowercase; }

div.sitemap.left, div.sitemap.right {
  float: left;
  width: 49.5%; }

.sitemap.right li.item-111,
.sitemap.right li.item-112,
.sitemap.right li.item-113,
.sitemap.right li.item-114,
.sitemap.right li.item-115,
.sitemap.right li.item-116,
.sitemap.left li.item-117,
.sitemap.left li.item-118,
.sitemap.left li.item-119,
.sitemap.left li.item-120,
.sitemap.left li.item-121,
.sitemap.left li.item-122 {
  display: none; }

#overallfooter .sitemap_bullet,
#overallfooter p {
  font-size: 2em;
  vertical-align: top; }

#overallfooter a.sitemap_link {
  text-transform: uppercase;
  text-decoration: none; }

#overallfooter a.sitemap_link:link,
#overallfooter a.sitemap_link:visited {
  color: #FFF; }

#overallfooter a.sitemap_link:hover,
#overallfooter a.sitemap_link:active {
  color: #CC0033; }



/* Spektrix (right menu) */
div#middle_right ul.menuspektrix ul {
  margin-top: 0; } /* removes top menu margin */

ul.menuspektrix li {
  display: none; } /* hides the full menu list */

ul.menuspektrix li.item-119,
ul.menuspektrix li.item-119 li {
  display: list-item; } /* restores just the What's On portion of the full menu */

ul.menuspektrix li.item-119 a {
  font-size: 0em;
  line-height: 0em; } /* removes 'What's On' parent link without removing child items */

ul.menuspektrix li.item-119 li a {
  font-size: 1em;
  line-height: 1em; } /* restores (tiny/invisible) child links */



/* Spektrix (article menu-class) */
body.spektrix div#content_padding.mw_columns, /* Adds controllable facility to add or remove side-padding on pages */
body.spektrix div#content_padding.mw_columns_l,
body.spektrix div#content_padding.mw_columns_r {
  padding: 0; }

body.spektrix div#content_padding.mw_columns_lr {
  padding: 0; }



/* Support RADA */
.supportrada div#middle_right {
  overflow: hidden;
  width: 34%; } /* portal page right-menu module sizing */

.supportrada div#rightbg {
  background-image: none; } /* removes black BG column from right (otherwise visible when page content is longer that the module) */

div.sr_main_wrap {
  line-height: 0; /* fixes phantom padding from HTML line breaks */
  padding: 2% 5% 4% 0%;
  overflow: auto; }

div.sr_main_wrap img {
  width: 100%; }

div.sr_item_wrap {
  box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
  float: left;
  margin: 2% 2.5%;
  overflow: hidden; /* For combined hover images that exceed width of this container */
  position: relative;
  width: 45%; }

div.sr_item_image,
div.sr_item_overlay {
  width: 100%; }

div.sr_item_overlay {
  position: absolute;
  top: 0; left: 0; }

div.sr_item_overlay.text {
  width: 200%; }

div.sr_item_overlay.text:hover {
  left: -100%; }



/*** Venue Hire ***/

div.venuehire_wrap {
  margin: 0.6em;
  padding-top: 2em;
  overflow: auto; }

div.venuehire_section {
  margin: -2.4em 1.4em 5em;
  float: left;
  width: 170px; }

div.venuehire_section .venuehire_room {
  margin: 0 0 0 0;
  float: left; }

div.venuehire_section h4 {
  line-height: 2em;
  margin: 0;
  white-space: nowrap; }

div.venuehire_room {
  background-color: #EEE;
  margin: 0em 1.4em 5em;
  float: left;
  width: 170px;
  height: 277px;
  overflow: hidden; }

div.venuehire_room img {
  margin: 0.8em;
  padding: 0; }

div.venuehire_room h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 0.8em;
  padding: 0; }

div.venuehire_room p {
  font-size: 1em;
  margin: 0.5em 0.8em;
  padding: 0; }

div.vh_portal_wrap {
  margin: 1em 2em 2em;
  overflow: auto; }

div.vh_portal_wrap a:link,
div.vh_portal_wrap a:visited {
  color: #000;
  text-decoration: none; }

div.vh_portal_wrap a:hover,
div.vh_portal_wrap a:active {
  color: #CC0033;
  text-decoration: none; }

div.vh_portal_wrap img {
  margin: 0 0 1em;
  width: 100%; }

div.vh_portal_wrap img:hover {
  opacity: 0.5; }

div.vh_portal_text {
  float: left;
  margin-right: 3%;
  width: 33%; }

div.vh_portal_text p {
  margin: 0 0 1em; }

div.vh_portal_left,
div.vh_portal_right {
  margin: 0 2% 0 0;
  width: 30%;
  float: left; }

div.vh_portal_left a,
div.vh_portal_right a {
  border: 0; }

div.vh_portal_theatres p,
div.vh_portal_rooms p,
div.vh_portal_sound p,
div.vh_portal_bar p {
  margin: 0 0 0.2em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em; }

div.vh_theatre_wrap {
  margin: 0 0; }

div.vh_theatre_wrap h3 {
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  margin: 0 0 0.4em; }

div.vh_theatre_wrap p {
  font-size: 0.85em;
  margin: 0; }

div.vh_theatre_vanbrugh,
div.vh_theatre_gbs,
div.vh_theatre_gielgud,
div.vh_theatre_studio,
div.vh_theatre_club,
div.vh_theatre_screen {
  height: 14em;
  overflow: hidden;
  float: left;
  width: 50%; }

div.vh_theatre_text {
  float: left;
  padding: 0 0 0 1em;
  width: 60%; }

div.vh_theatre_tour a {
  display: block;
  margin: 0.25em 0; }

div.vh_theatre_left {
  height: 150px; /* increased height to allow for Virtual Tour link */
  overflow: hidden;
  float: left;
  width: 35%; }

div.vh_theatre_vanbrugh .vh_theatre_image {
  background-image: url("../../../rada_files/images/venue_hire/vanbrugh_theatre.jpg"); }

div.vh_theatre_gbs .vh_theatre_image {
  background-image: url("../../../rada_files/images/venue_hire/gbs_theatre.jpg"); }

div.vh_theatre_gielgud .vh_theatre_image {
  background-image: url("../../../rada_files/images/venue_hire/gielgud_theatre.jpg"); }

div.vh_theatre_studio .vh_theatre_image {
  background-image: url("../../../rada_files/images/venue_hire/studio_theatre.jpg"); }

div.vh_theatre_club .vh_theatre_image {
  background-image: url("../../../rada_files/images/venue_hire/club_theatre.jpg"); }

div.vh_theatre_screen .vh_theatre_image {
  background-image: url("../../../rada_files/images/venue_hire/screen.jpg"); }

/* grouped unnecessary repetition */
div.vh_theatre_vanbrugh .vh_theatre_image,
div.vh_theatre_gbs .vh_theatre_image,
div.vh_theatre_gielgud .vh_theatre_image,
div.vh_theatre_studio .vh_theatre_image,
div.vh_theatre_club .vh_theatre_image,
div.vh_theatre_screen .vh_theatre_image {
  background-repeat: no-repeat;
  background-position: top;
  height: 120px;
  line-height: 0; /* removes phantom padding around image */ }

div.vh_eventservices_wrap,
div.vh_barcafe_wrap,
div.vh_soundstudio_wrap {
  margin-right: 0;
  overflow: auto; }

div.vh_eventservices_text,
div.vh_soundstudio_text {
  float: left;
  width: 50%; }

div.vh_eventservices_images,
div.vh_soundstudio_images {
  float: left;
  width: 50%; }

div.vh_barcafe_text {
  float: left;
  width: 60%; }

div.vh_barcafe_text h2 {
  padding: 0; }

div.vh_barcafe_text p.subtitle {
  font-weight: bold;
  margin: 0; }

div.vh_barcafe_images {
  float: left;
  width: 40%; }

div.vh_eventservices_spacer,
div.vh_barcafe_spacer,
div.vh_soundstudio_spacer {
  margin: 0 0 1em 1em;
  overflow: auto; }

div.vh_eventservices_left,
div.vh_eventservices_right {
  float: left;
  width: 50%; }

div.vh_eventservices_bottom {
  float: left; }

div.vh_eventservices_images img,
div.vh_barcafe_images img,
div.vh_soundstudio_images img {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%; }

div.vh_barcafe_text h5 span {
  font-size: 0.6em;
  color: #000; }

.no_header_margin {
  margin-top: 0; }

p.vh_header {
  margin-top: 3em;
  font-weight: bold; }

div.vh_announce {
  border: 1px solid #000;
  margin: 2em;
  padding: 2em 2.5em 2em 0;}

p.vh_announce_top {
  font-size: 1.4em;
  line-height: 1.5em;
  margin: 0 1.5em 1.5em 3.5em; }

div.vh_footnote {
  float: left;
  margin: 0;
  overflow: auto; }

div.vh_footnote p {
  color: #888;
  font-size: 1em;
  margin: 0; }

div.vh_eventlogo {
  background-color: #3196C6;
  overflow: hidden;
  text-align: right; }

div.vh_eventlogo p {
  margin: 0 2em 0; }

div.vh_eventlogo p.event_quote {
  color: #FFF;
  font-size: 2em;
  font-style: italic;
  margin: 1em 2em 0.5em; }

div.vh_eventlogo p.event_quote span {
  color: #000;
  font-size: 2em;
  line-height: 0.25em;
  vertical-align: bottom; }

div.vh_eventlogo p.event_caption {
  color: #BDF;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 4em 1em; }

div.vh_eventlogo,
div.vh_eventlogo img {
  width: 100%;
  margin: 0; }

div.vh_eventlogo_left,
div.vh_eventlogo_right {
  float: left; }

div.vh_eventlogo_left {
  width: 75%; }

div.vh_eventlogo_right {
  width: 25%; }



/* Venue Hire: Room Hire */
div.vh_room_links {
  border: 1px solid #AAA;
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  overflow: hidden; }

div.vh_room_links a {
  padding: 0.4em;
  display: block; }

div.vh_room_links a.short {
  padding: 0.4em 0.4em 0;
  display: block; }

div.vh_room_links span.tour a {
  border: 0;
  font-size: 0.85em;
  height: 1.5em;
  padding: 0.4em 0.6em 0; }

div.vh_room_links a:link,
div.vh_room_links a:visited {
  background-color: #DDD;
  color: #000; }

div.vh_room_links a:hover,
div.vh_room_links a:active,
div.vh_room_links span.tour a:link,
div.vh_room_links span.tour a:visited {
  background-color: #000;
  color: #FFF; }

div.vh_room_links span.tour a:hover,
div.vh_room_links span.tour a:active {
  background-color: #C03;
  color: #FFF; }

div.vh_room_links a:hover img {
  opacity: 0.8; }

div.vh_room_links img {
  width: 150px; }

div.vh_room_links span {
  display: block; }

div.vh_room_links span.top {
  background-color: #FFF;
  line-height: 0;
  width: 150px; }

div.vh_room_links span.bottom {
  font-size: 0.85em;
  padding: 0.25em 0;
  overflow: hidden;
  height: 16.5em;
  width: 152px; }

div.vh_room_links a.short span.bottom {
  height: 15.1em; }

div.vh_room_links span.title {
  color: #CC0033;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em 0;
  text-transform: uppercase; }

div.vh_room_footnote {
  margin: 3em 0 0; }

div.vh_room_footnote span {
  border-bottom: 1px solid;
  font-weight: bold; }



/* Venue Hire: Theatre Hire */
div.vh_theatre_wrap div.custom {
	float: right; }

div.vh_theatre_wrap div.vh_theatre_image:hover {
	opacity: 0.6; }

div.vh_theatre_wrap div.vh_theatre_image.nofade:hover {
	opacity: 1; }



/* Venue Hire: Contact Module */
div.vh_contact {
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  color: #DDD;
  font-size: 0.9em;
  margin: 2.5em 1.5em; }

#root_container div.vh_contact p {
  line-height: 1.25em; }



/* What's On (portal) */
div.wo_main_wrap {
  line-height: 0; /* fixes phantom padding from HTML line breaks */
  background-color: #161616;
  /* background-image: url('../../../images/backgrounds/texture-repeating_denim_darkgrey.jpg'); */
  padding: 2% 5% 4%;
  overflow: auto; }

div.wo_main_wrap img {
  width: 100%; }

div.wo_item_wrap {
  box-shadow: 0px 5px 15px rgba(0,0,0,1);
  float: left;
  margin: 2% 2.5%;
  overflow: hidden; /* For combined hover images that exceed width of this container */
  position: relative;
  width: 20%; }

div.wo_item_wrap.wo_wide {
  margin: 2% 2.5%;
  width: 45%; }

div.wo_item_image,
div.wo_item_overlay {
  width: 100%; }

div.wo_item_overlay {
  position: absolute;
  top: 0; left: 0; }

div.wo_item_overlay.text {
  width: 200%; }

div.wo_item_overlay.text:hover {
  left: -100%; }



/* What's On (event listings) */
div.event_wrap {
  margin: 1em 0 1em;
  overflow: auto; }

div.event_left {
  float: left;
  line-height: 0;
  margin-right: -220px;
  overflow: hidden;
  width: 210px; }

div.event_right {
  background-color: #F2F2F2;
  box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
  /* float: left; */  /* this float seemed to be responsible for the DIVs that didn't extent to the full width of the article (when text was not long enough to wrap to the next line). */
  padding: 5px;
  margin: 0 0.6em 1em 0.6em; }

div.event_right.eventimage {
  margin-left: 210px; }

div.event_content_top {
  overflow: hidden; }

div.event_content_top_left {
  float: left;
  margin-right: 230px;
  padding: 0 1em 0 0; }

div.event_content_top_right {
  float: right;
  margin-left: -230px;
  width: 230px }

div.event_title h2 {
  font-size: 1.8em;
  margin: 0;
  padding: 0; }

div.event_credits {
  margin-top: 0.75em; }

div.event_credits span.writer,
div.event_credits span.director,
div.event_credits span.designer,
div.event_credits span.additional_credits,
div.event_credits span.subtitle1,
div.event_credits span.subtitle2,
div.event_credits span.subtitle3,
div.event_venue span.venue {
  display: block;
  font-weight: bold; }

div.event_venue span.dates,
div.event_venue span.tickets {
  display: block; }

div.event_content_bottom {
  border-top: 5px solid #FFF;
  margin-top: 1.2em; }

div.event_content_link a {
  background-color: #000;
  border: none;
  border-radius: 6px;
  display: block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-transform: uppercase; }

div.event_content_nolink p {
  background-color: #AAA;
  border-radius: 6px;
  color: #FFF;
  font-weight: bold;
  margin: 0;
  padding: 0.5em 1em;
  text-transform: uppercase; }

div.event_content_nolink p:hover {
  background-color: #FFF;
  color: #000; }

div.event_content_link a:hover {
  background-color: #CCC; }

div.event_content_link img {
  display: none; } /* removes jQuery generated image to PDF link */

/* News and Press | Saturday Workshops 16-24s (supplements What's On Event Listing style) */
div.event_wrap.saturdayworkshops h2 span {
  font-size: 12px;
  vertical-align: top; }

div.event_wrap.saturdayworkshops div.event_content_top_left,
.newsandpress div.event_content_top_left {
  margin-right: 0;
  padding: 0 0 0 0; }

div.event_wrap.saturdayworkshops div.event_content_top_right,
.newsandpress div.event_content_top_right {
  display: none; }

div#main_content div.blog div.span12 {
  float: none; } /* This overrides Joomla's default behaviour, preventing our CB content from stretching to the full width of the page.  This MAY cause issues with specific multi-column layouts. */

/* News and Press */
div.event_wrap.newsandpress div.event_left img {
  width: 200px; }

div.event_published p {
  color: #95A1AB;
  margin: 0.5em 0 0; }

div.event_published p span.published {
  font-weight: normal; }

div.event_published p span.date {
  font-weight: bold; }


/* Production and Design (campaign page) */

div.campaign_pad {
  background-color: #000; /* ensures non-perfect width fit of images is less conspicuous on right edge */
  border: 1px solid #000;
  font-size: 0;
  overflow: auto;
  width: 100%; }

div.campaign_pad div {
  float: left;
  position: relative;
  width: 33.33%; }

div.campaign_pad a {
  display: block; }

div.campaign_pad a:link,
div.campaign_pad a:visited {
  color: #FFF; }

div.campaign_pad a:hover,
div.campaign_pad a:active {
  color: #000; }

div.campaign_pad a:hover img,
div.campaign_pad a:active img {
  opacity: 0.3; }

div.campaign_pad span {
  display: block; }

span.block_image,
span.block_image img {
  background-color: #FFF; /* compensates for width-fix BG colour applied on main div */
  width: 100%; }

span.block_text {
  background-color: rgba(0,0,0,0.2);
  display: block;
  padding: 0.25em 1em; }

span.block_course {
  font-size: 20px;
  position: absolute;
  text-align: right;
  z-index: 1;
  bottom: 0;
  right: 0; }


/* LISTEN: Alumni Interviews */

div.listen_ai_container {
  background-color: #FFF;
  box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
  margin: 0 0.9em 1em;
  padding: 1em; }

div.listen_ai_alumni_text h2 {
  color: #C03;
  font-size: 1.6em;
  margin: 0;
  padding: 0.5em 0; }

div.listen_ai_alumni_text p {
  margin: 0;
  padding: 0 0 1.1em; }

div.listen_ai_alumni_text span.bullet {
  color: #C03;
  font-size: 1.4em;
  line-height: 0.6em;
  vertical-align: middle; }

div.listen_ai_interviewer p {
  color: #888;
  font-size: 0.9em;
  font-style: italic;
  margin: 0;
  padding: 0.25em 0 0; }

div.listen_ai_innerwrap {
  width: 260px;
  height: 500px;
  overflow: hidden; }

div.listen_ai_photos {
  height: 325px;
  position: relative; }

div.listen_ai_photos img {
  height: 325px;
  width: 260px;
  position: absolute; }

div.listen_ai_photos a:visited {
  opacity: 1; }

div.listen_ai_photos a:hover {
  opacity: 0.7; }

body.listen_ai div.items-row {
	display: inline-block; }

body.listen_ai div#main_wrap {
	background-color: #888; }

body.listen_ai ul.innermenu a {
	background-color: #888; }

body.listen_ai .innermenu li.active a {
	color: #FFF; }

body.listen_ai .innermenu a:hover {
	color: #FFF; }

body.listen_ai h1 {
	color: #FFF; }

div.listen_ai_noaudio p {
  background-color: #000;
  color: #FFF;
  margin: 0 0 0.5em;
  padding: 0.75em 1em;
  text-align: center;
  text-transform: uppercase; }


/* LOGIN PAGES:
	Default login page
	Effective Communication Manual login page */
div.item-page.login-effective-communication,
div.login.radainbusiness form {
  background-color: #770022;
  background-image: -webkit-gradient(radial,center center,0,center center,460,from(#CC0033),to(#330022));
  background-image: -webkit-radial-gradient(circle,#CC0033,#330022);
  background-image: -moz-radial-gradient(circle,#CC0033,#330022);
  background-image: -o-radial-gradient(circle,#CC0033,#330022);
  background-image: radial-gradient(circle,#CC0033,#330022);
  background-repeat: no-repeat;
  margin: 0 -2em;
  padding: 10em 25% 40em; }

div.item-page.login-effective-communication form#login-form,
div.login.radainbusiness form fieldset {
  background-color: #CCC;
  background-image: -webkit-gradient(radial,center center,0,center center,460,from(#EEE),to(#BBB));
  background-image: -webkit-radial-gradient(circle,#EEE,#BBB);
  background-image: -moz-radial-gradient(circle,#EEE,#BBB);
  background-image: -o-radial-gradient(circle,#EEE,#BBB);
  background-image: radial-gradient(circle,#EEE,#BBB);
  background-repeat: no-repeat;
  border: 1px solid;
  border-top-color: #DDD;
  border-left-color: #DDD;
  border-bottom-color: #888;
  border-right-color: #888;
  border-radius: 2px;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
  padding: 8% 5%; }

div.item-page.login-effective-communication form#login-form {
  margin-top: 1em;
  overflow: auto; }

div.item-page.login-effective-communication h2 {
  color: #FFF;
  font-size: 2.8em;
  padding-top: 0; }

div.item-page.login-effective-communication form#login-form label,
div.login.radainbusiness form fieldset div.control-label {
  background-color: #000;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #AAA;
  clear: both;
  display: block;
  float: left;
  height: 1.25em;
  margin: 0 0 0.5em;
  padding: 0.5em 2.5% 0.5em 0;
  text-align: right;
  text-transform: uppercase;
  width: 26.5%; }

div.item-page.login-effective-communication div#form-login-remember,
div.login.radainbusiness form fieldset div.control-group:nth-child(3) div.control-label,
div.login.radainbusiness form fieldset input#remember {
  display: none; }

div.item-page.login-effective-communication form input,
div.login.radainbusiness form fieldset div.controls input#username,
div.login.radainbusiness form fieldset div.controls input#password {
  float: left;
  background-color: #FFF;
  border-width: 1px;
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height: 2.2em;
  padding: 0 3%;
  margin: 0;
  width: 64%; }

div.item-page.login-effective-communication ul,
div.login.radainbusiness form fieldset div.control-label span.star {
  display: none; }

div.item-page.login-effective-communication form button,
div.login.radainbusiness form fieldset button {
  color: #555;
  clear: both;
  float: left;
  margin: 1em auto 0;
  padding: 0.5em 0;
  text-transform: uppercase;
  width: 100%; }

@media (max-width:640px) {
  div.item-page.login-effective-communication,
  div.login.radainbusiness form {
	padding: 1em 5% 4em; }
  
  div.item-page.login-effective-communication h2 {
    font-size: 1.8em;
	padding: 1em 0; }
  
  div.item-page.login-effective-communication form#login-form label,
  div.login.radainbusiness form fieldset div.control-label {
    margin: 0 0 0.5em;
    padding: 0.5em 2.5% 0.5em 0;
    width: 30.5%; }

  div.item-page.login-effective-communication form input,
  div.login.radainbusiness form fieldset div.controls input#username,
  div.login.radainbusiness form fieldset div.controls input#password {
    padding: 0 3%;
    margin: 0;
    width: 60%; }
}


/* Effective Communication Manual: Logout Button */
div.logout-efcom-manual form input {
  margin: 2em 0 0;
  padding: 0 5em; }


/* The Encounter: Live Stream */
@media (max-width:9999px) { .the-encounter {padding: 1em; }}
@media (max-width:1000px) { .the-encounter {padding: 0; }}


/* RADA Festival 2016 */
body.page_black div#leftbg {
	background-color: #000; }

body.page_black_transparent div#leftbg {
	background-color: rgba(0,0,0,0.5); }

body.page_black div#leftbg div#main_wrap.mw_columns_l,
body.page_black_transparent div#leftbg div#main_wrap.mw_columns_l {
	background-color: transparent;
  color: white;
  text-shadow: 0px 0px 5px rgba(0,0,0,1); }

body.page_black ul.nav.menu.innermenu a,
body.page_black_transparent ul.nav.menu.innermenu a {
  background-color: transparent; }

body.page_black ul.nav.menu.innermenu a:link,
body.page_black ul.nav.menu.innermenu a:visited,
body.page_black_transparent ul.nav.menu.innermenu a:link,
body.page_black_transparent ul.nav.menu.innermenu a:visited {
  color: #FFF; }

body.page_black ul.nav.menu.innermenu a:hover,
body.page_black ul.nav.menu.innermenu a:active,
body.page_black ul.nav.menu.innermenu li.current.active a,
body.page_black_transparent ul.nav.menu.innermenu a:hover,
body.page_black_transparent ul.nav.menu.innermenu a:active,
body.page_black_transparent ul.nav.menu.innermenu li.current.active a {
  color: #C03; }

body.page_black ul.nav.menu.innermenu li,
body.page_black_transparent ul.nav.menu.innermenu li {
  border-color: #FFF; }

body.page_black div.event_wrap {
  color: #000;
  text-shadow: none; }