/*************************/
/* GLOBAL RADA & REL CSS */
/*************************/


body, html {
  margin: 0;
  padding: 0;
  font: 14px Arial, Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif; }

body {
  background-color: #000;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  line-height: 100%; }

h1,
h1.addline,
h1.addline.override {
  border-bottom: 4px solid #CCC;
  text-transform: uppercase;
  color: #CC0033;
  font-size: 2.1em;
  margin: 0 0 1em;
  padding: 1em 0; }

h1.noline {
  border: 0;
  margin: 0;
  padding: 1em 0 0.2em; }

h2 {
  text-transform: uppercase;
  color: #95A1AB;
  font-size: 1.5em;
  padding: 1.33em 0 0; } /* equates to 2em 0 0 (absolute) */

h3 {
  text-transform: uppercase;
  color: #CC0033;
  font-size: 1.5em;
  padding: 1.33em 0 0; } /* equates to 2em 0 0 (absolute) */

h4 {
  text-transform: uppercase;
  color: #000;
  font-size: 1.2em;
  padding: 1.66em 0 00; } /* equates to 2em 0 0 (absolute) */

h5 {
  text-transform: capitalize;
  color: #000;
  font-size: 1.2em;
  padding: 1.66em 0 0; } /* equates to 2em 0 0 (absolute) */

h6 {
  text-transform: uppercase;
  color: #000;
  font-size: 1.2em;
  padding: 1.66em 0 0; } /* equates to 2em 0 0 (absolute) */

.blog h2 {
  text-transform: uppercase; }

.noicon_padding {
  margin-top: 0.5em; }

p {
  margin: 1.3em 0; }

a {
  border-bottom: 1px dotted #95A1AB;
  text-decoration: none;
  color: #95A1AB; }

a.fancybox-item,
a.fancybox-item:hover,
a.no_underline,
a.no_underline:hover,
ul.actions a {
  border: 0; }

a:hover {
  border-bottom: 1px dotted #CC0033;
  color: #CC0033; }

a.red_link:link,
a.red_link:visited {
  color: #CC0033; }

a.red_link:hover,
a.red_link:active {
  border-color: #000;
  color: #000; }

a.fade:hover {
  opacity: 0.7; }

.hidden,
.hide-on-desktop,
#middle_wrap a.hidden,
div.hidden {
  display: none; }

hr {
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F8F8F8;
  border-left: 1px solid #F3F3F3;
  border-right: 1px solid #F8F8F8;
  height: 0; }

img {
  border: 0; }

img.download_pdf,
img.download_doc,
img.download_docx,
img.download_xls,
img.download_xlsx {
  margin: 0 0.2em 0 0;
  vertical-align: bottom; }

div#header_wrap a,
div#middle_left a,
div#middle_right a {
  border-bottom: 0; }

ul a:hover,
ol a:hover {
  text-decoration: none; }

div.inline {
  display: inline; }

/* -- realignment of action icons -- */
ul.actions li,
ul.pagenav li {
  float: right;
  margin: 0.25em;
  display: inline;
  list-style: none; }

/* -- IE version warning -- */
div#ie_message {
  min-width: 980px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1em;
  background-color: #transparent; }

div.ie_message_actual {
  padding: 1em 5em;
  background: #AA0033;
  color: #EEE;
  font-size: 0.9em;
  overflow: auto; }

div.ie_message_right {
  float: right;
  padding-left: 100px; }

div.ie_message_left {
  float: right;
  margin: 1em -80px 0 0; }

div#ie_message p.ie_para2 {
  font-weight: bold; }

/* removes padding created by (usually empty) system message box at top of article */
div#system-message { margin: 0; }

/* Smart Search (top right) */
div#header_topright div.finder {
  margin-top: 2.75em }



/*** LEFT, RIGHT & CONTENT WRAPPER ***/

div#middle_wrap {
  min-width: 980px;
  max-width: 1280px;
  margin: 0 auto 2em;
  overflow: auto;
  padding: 0 1em; }



/*** CONTENT COLUMN ***/

div#main_wrap {
  background: #FFF;
  min-height: 475px;
  overflow: auto; }

div#content_padding.mw_columns, /* Adds controllable facility to add or remove side-padding on pages */
div#content_padding.mw_columns_l,
div#content_padding.mw_columns_r {
  padding: 0 3em; }

div#content_padding.mw_columns_lr {
  padding: 0 2em; }

.footer_padding div#content_padding.mw_columns, /* Adds controllable facility to add or remove footer-padding on pages */
.footer_padding div#content_padding.mw_columns_l,
.footer_padding div#content_padding.mw_columns_r,
.footer_padding div#content_padding.mw_columns_lr {
  padding-bottom: 3em; }

.footer_padding div.content-links {
  display: none; }



/* CATEGORY BLOG (2-Column Layout) */
/* If we decide to add 3, 4 or 5(??) column layouts, etc, additional CSS will need to be declared.
I have used CSS3 selectors that may not be supported by older browsers beacause A) this will help
stop these declarations from becoming MASSIVE, and B) if the CSS isn't loaded, it won't break the
page - the columns will simply default to a single column layout. */
div.items-row.row-fluid {
  overflow: auto; } /* restores full height of page in spite of floated elements (allowing footer padding) */

div.items-row.row-fluid div[class^="span"] {
  float: left; }

div.items-row.cols-2 div.span6 {
  width: 48%; }

div.items-row.cols-2 div.span6:nth-child(1) {
  margin-right: 4%; }



/*** SIDE COLUMNS ***/

div#middle_left,
div#middle_right {
  background-color: #000;
  line-height: 0; /* removes 'phantom' spacing around elements with empty whitespace (must be countered appropriately) */
  overflow: hidden;
  width: 245px; }

div#middle_left ul, div#middle_right ul, div#middle_left ol, div#middle_right ol,
div#middle_left span, div#middle_right span,
div#middle_left h1, div#middle_right h1, div#middle_left h2, div#middle_right h2,
div#middle_left h3, div#middle_right h3, div#middle_left h4, div#middle_right h4,
div#middle_left h5, div#middle_right h5, div#middle_left h6, div#middle_right h6 {
  line-height: 1.0em; } /* reinstates natural spacing to common sidebar elements */

div#middle_left p, div#middle_right p {
  line-height: 1.15em; } /* reinstates natural spacing to sidebar paragraph elements */

div#middle_left { float: left; }
div#middle_right { float: right; }

div#middle_right h2,
div#middle_left h2 {
  font-size: 1.25em;
  margin: 0 0 0;
  text-transform: uppercase; }

div#leftbg,
div#rightbg {
  overflow: auto;
  background-image:url('../images/sidebg_black245.png');
  background-repeat: repeat-y; }

div#leftbg .white,
div#rightbg .white { /* note: this will not currently affect the underlying BG colour (pages stretching beyond the module will reveal black BG in the side column, unless additional CSS is declared) */
  background-color: #FFF; }

div#leftbg {
  background-color: #FFF;
  background-position: left; }

div#rightbg {
  background-position: right; }

/* side-column padding (add 'pad' custom class to module) */
div.moduletable.pad {
  margin: 0em 1.5em 1em; }


/*** SIDE COLUMN MENUS ***/

div#middle_right {
  background-color: #EEE; }

div#middle_left ul, div#middle_left ol,
div#middle_right ul, div#middle_right ol {
  margin: 1em 0;
  padding: 0; }

div#middle_left ul,
div#middle_left ol {
  background-color: #000;
  color: #FFF; }

div#middle_right ul,
div#middle_right ol {
  background-color: #FFF;
  color: #CC0033; }

#middle_left h3, #middle_right h3 {
  text-transform: uppercase;
  font-size: 1.25em;
  margin: 0;
  padding: 0; }

#middle_left h3, #middle_right h3 {
  background-color: transparent;
  color: #FFF; }

#middle_left li, /* Sets default style across all list item content */
#middle_right li {
  font-size: 1em;
  font-weight: normal;
  list-style-type: none;
  text-transform: uppercase;
  margin: 0em; padding: 0; }

div.level3 span.separator, /* Shapes links & L3 separators to fill width and default height */
#middle_left li a,
#middle_right li a {
  display: block;
  padding: 0.5em 1.5em; }

div.level3 span.separator { /* Turn L3 separators into large headings */
  font-size: 1.5em;
  padding: 0.33em 1em; }

#middle_left li li,
#middle_right li li {
  font-size: 1em;
  line-height: 1em; /* overrules inherited line-height for child LIs */
  list-style-type: none;
  text-transform: none; } /* overrules inherited default capitalization for child LIs */

#middle_left div.level3 li li,
#middle_right div.level3 li li {
  font-size: 1em;
  line-height: 1.2em; } /* overrules inherited line-height for parent LIs */

#middle_left div.level3 li li li,
#middle_right div.level3 li li li {
  font-size: 1em;
  line-height: 1em; } /* overrules inherited line-height for child LIs */

#middle_wrap #middle_left li li a,
#middle_wrap #middle_right li li a {
  padding: 0.25em 1.5em 0.25em 2.5em; }

#middle_wrap #middle_left div.level3 li li a, /* sets L3 top-tier links to default indentation, height & width */
#middle_wrap #middle_right div.level3 li li a {
  padding: 0.5em 1.5em;
  text-transform: uppercase; }

#middle_wrap #middle_left div.level3 li li li a, /* sets L3 child LIs to correct indentation, height & width */
#middle_wrap #middle_right div.level3 li li li a {
  padding: 0.25em 1.5em 0.25em 2.5em;
  text-transform: none; }

#middle_left .menu li a:link,
#middle_left .menu li a:visited {
  color: #888;
  background: #000; }

#middle_right .menu li a:link,
#middle_right .menu li a:visited {
  color: #888;
  background-color: #EEE; }

/* Hover and Active states */
#middle_left .menu li a:hover,
#middle_left .menu li a:active,
#middle_right .menu li a:hover,
#middle_right .menu li a:active {
  color: #FFF;
  background: #CC0033; }

/* highlights current PARENT to active CHILD */
#middle_left .menu > li.active > a,
#middle_right .menu > li.active > a,
#middle_left div.level3 .menu > li li.active > a,
#middle_right div.level3 .menu > li li.active > a {
  color: #CC0033;
  background: #FFF; }

/* highlights current CHILD and
   overrides current PARENT to non-active CHILD */
#middle_left .menu > li li.current > a,
#middle_right .menu > li li.current > a,
#middle_left div.level3 .menu > li li li.current > a,
#middle_right div.level3 .menu > li li li.current > a {
  color: #FFF;
  background: #CC0033; }

li.parent a.hidesubmenu ~ ul { display: none; } /* hides side-menu children if HIDESIDEMENU declared in menu item (compliments mm_hidesubmenu for Mega Menu items) */



/*** SIDE COLUMN VIDEOS ***/

div.vh_videofullwrap {
  margin: 0.75em 0em 3em;
  overflow: auto; }

div.vh_videowrap {
  text-transform: uppercase;
  float: left;
  margin: 0.5em 0 0.5em; }

span.vh_videoimage img {
  border: 1px solid #FFF;
  box-shadow: 3px 3px 5px #777;
  float: left;
  margin-right: 1em; }

span.vh_videoimage img:hover {
  border: 1px solid #CC0033;
  margin-right: 1em; }

div.vh_videowrap a:link,
div.vh_videowrap a:visited {
  color: #333;
  font-size: 0.85em; }

div.vh_videowrap a:hover,
div.vh_videowrap a:active {
  color: #CC0033;
  font-size: 0.85em; }

div.vh_videowrap a.videolink {
  float: left; }



/*** FOOTER ***/
a.site-map:link,
a.site-map:visited {
  border: 0;
  color: #FFF; }

a.site-map:hover,
a.site-map:active {
  border: 0;
  color: #C03; }



/*** GOOGLE MAP ***/
div.googlemap {
  height: 400px;
  overflow: hidden;
  position: relative; }

div.googlemap iframe {
  width: 100%; }

div.mapkey {
  background-image: url('../images/bg_black_70.png');
  bottom: 0;
  color: #FFF;
  margin: 1em;
  padding: 0.75em 1.5em;
  position: absolute; }

div.mapkey p {
  font-size: 0.8em;
  margin: 0; }



/*** INNER MENU ***/
ul.innermenu {
  list-style: none;
  margin: -1.5em 0 2.5em;
  padding: 0;
  overflow: auto; }

ul.innermenu li {
  border-right: 1px solid #000;
  float: left;
  margin: 0 1em 0 0;
  padding: 0; }

/* removes padding and left-hand border from first menu item (without JS) */
ul.innermenu li:last-child {
  border-right: 0;
  margin-right: 0; }
ul.innermenu li:last-child a {
  padding-right: 0; }

ul.innermenu li a {
  border: none;
  display: block;
  font-weight: bold;
  padding: 0 1em 0 0;
  text-transform: lowercase; }

ul.innermenu li a:link,
ul.innermenu li a:visited {
  background-color: #FFF;
  color: #000; }

ul.innermenu li.current a,
ul.innermenu li a:hover,
ul.innermenu li a:active {
  color: #CC0033; }



/*** PORTAL NAVIGATION (2-column image links) ***/
div.portal_il_wrap {
  overflow: auto;
  width: 100%; }

div.portal_il_wrap a {
  border: 0;
  color: #FFF;
  font-size: 0; }

div.portal_il_wrap img {
  width: 100%; }

div.il_row {
  margin: 0 0 2% 0;
  overflow: auto;
  width: 100%; }

div.il_cell {
  float: left;
  font-size: 0; /* remove extra whitespace from image */
  position: relative;
  width: 49%; }

div.il_spacer {
  height: 1px;
  float: left;
  width: 2%; }

div.portal_il_wrap a:hover div.inner_caption {
  background-image: url('../images/bg_black_80.png');
  color: #CC0033; }

div.inner_caption {
  background-image: url('../images/bg_black_30.png');
  bottom: 0;
  font-size: 14px;
  position: absolute;
  width: 100%; }

div.inner_caption p {
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0.5em 1em;
  text-transform: uppercase; }



/* HEFCE Unistats iframe styling */
div.unistats {
  background-color: #FFF;
  border-radius: 10px;
  height: 444px;
  margin: 2.5em auto;
  overflow: hidden;
  width: 186px; }



/*** Fancybox: fancybox-count ***/
span.fancybox-count {
  color: #CC0033;
  font-weight: bold; }



/*** FORM BUTTON STYLING ***/
a[href$="enquiry"],
a[href$="enquiry-ce"],
a[href$="registration-one-to-one"],
a[href$="registration-regular"],
a.rada_button[href$="newsletter-subscription"] {
  border: 0;
  border-radius: 5px;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 3.5em;
  margin-bottom: 2em;
  padding: 0.5em 2em;
  text-transform: lowercase;
  margin: 0 0.5em 0 0;
  color: #000;
  background-color: #DDD;
  background-image: linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -o-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -moz-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -webkit-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -ms-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(0, #888), to(1, #EEE) ); }

a[href$="enquiry"]:link,
a[href$="enquiry"]:visited,
a[href$="enquiry-ce"]:link,
a[href$="enquiry-ce"]:visited,
a[href$="registration-one-to-one"]:link,
a[href$="registration-one-to-one"]:visited,
a[href$="registration-regular"]:link,
a[href$="registration-regular"]:visited,
a.rada_button[href$="newsletter-subscription"]:link,
a.rada_button[href$="newsletter-subscription"]:visited {
  color: #000;
  background-color: #DDD;
  background-image: linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -o-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -moz-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -webkit-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -ms-linear-gradient(bottom, #888 0%, #EEE 100%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(0, #888), to(1, #EEE) ); }

a[href$="enquiry"]:hover,
a[href$="enquiry-ce"]:hover,
a[href$="registration-one-to-one"]:hover,
a[href$="registration-regular"]:hover,
a.rada_button[href$="newsletter-subscription"]:hover {
  color: #FFF;
  background-color: #95A1AB;
  background-image: linear-gradient(bottom, #444 0%, #95A1AB 100%);
  background-image: -o-linear-gradient(bottom, #444 0%, #95A1AB 100%);
  background-image: -moz-linear-gradient(bottom, #444 0%, #95A1AB 100%);
  background-image: -webkit-linear-gradient(bottom, #444 0%, #95A1AB 100%);
  background-image: -ms-linear-gradient(bottom, #444 0%, #95A1AB 100%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(0, #444), to(1, #95A1AB) ); }

a[href$="enquiry"]:active,
a[href$="enquiry-ce"]:active,
a[href$="registration-one-to-one"]:active,
a[href$="registration-regular"]:active,
a.rada_button[href$="newsletter-subscription"]:active {
  color: #FFF;
  background-color: #CC0033;
  background-image: linear-gradient(bottom, #400010 0%, #CC0033 100%);
  background-image: -o-linear-gradient(bottom, #400010 0%, #CC0033 100%);
  background-image: -moz-linear-gradient(bottom, #400010 0%, #CC0033 100%);
  background-image: -webkit-linear-gradient(bottom, #400010 0%, #CC0033 100%);
  background-image: -ms-linear-gradient(bottom, #400010 0%, #CC0033 100%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(0, #400010), to(1, #CC0033) ); }



/*** EMBEDDED VIDEO ***/
div.fb_videowrap,
div.fb_player
div.fb_picture {
  overflow: hidden;
  width: 435px;
  height: 245px; }

div.fb_videowrap.override_560,
div.override_560 div.fb_player,
div.override_560 div.fb_picture {
  overflow: hidden;
  width: 560px;
  height: 315px; }

div.fb_videowrap {
  border: 5px solid #DDD;
  box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
  margin: 2em auto;
  position: relative; }

div.fb_videowrap a {
  border: 0; }

div.fb_player {
  z-index: 10; }

div.fb_player img:hover {
  margin: 0 0 0 -435px; }

div.override_560 div.fb_player img:hover {
  margin: 0 0 0 -560px; }

div.fb_player,
div.fb_picture {
  position: absolute; }

div.fb_player p,
div.fbv_player p /* for variable width player */ {
  background-color: rgba(0,0,0,0.6);
  color: #FFF;
  line-height: 17px; /* resuming correct spacing after white-space fix */
  margin: 0;
  padding: 0.5em 1em;
  position: absolute;
  bottom: 0;
  width: 100%; }

div.fb_player p.override_top,
div.fbv_player p.override_top /* for variable width player */ {
  bottom: auto;
  top: 0; }



/*** MIXED-WIDTH VIDEO ***/
img.toggle_590 { display: none; }

div.fbv_videowrap {
  border: 5px solid #DDD;
  box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
  float: right;
  height: 230px;
  margin: 0 0 1em 1em;
  overflow: hidden;
  width: 330px; }
div.fbv_videowrap a {
  border: 0; }

div.fbv_shaper {
  display: none; }

div.fbv_player {
  line-height: 0px; /* forcing white-space to be irrelevant */
  overflow: hidden;
  position: absolute;
  width: 330px;
  z-index: 1; }
div.fbv_player a {}
div.fbv_player a:hover img {
  margin-left: -330px; }

div.fbv_picture {
  position: absolute; }


@media (max-width:1200px) {
  img.toggle_590 { display: inline; } /* override */
  img.toggle_330 { display: none; }
  
  div.fbv_videowrap {
    border: none; /* override */
    box-shadow: none; /* override */
    float: none; /* override */
    height: auto; /* override */
    margin: 0; /* override */
    width: auto; /* override */
    position: relative; }

  div.fbv_shaper {
    display: block; /* override */
    box-shadow: 0px 5px 6px rgba(0,0,0,0.4);
    margin: 0em 0.5em 0.75em; }
  div.fbv_shaper img {
    width: 100%; }
  div.fbv_shaper a {
    border: 5px solid blue;
    display: block; }
  
  div.fbv_player {
    overflow: visible; /* override */
    top: 0;
    width: 100%; /* override */ }
  div.fbv_player img {
    overflow: hidden;
    width: 200%; }
  div.fbv_player a {
    margin: 0em 0.5em 0.75em;
    border: 5px solid #DDD;
    display: block; }
  div.fbv_player a:hover img {
    margin-left: -100%; /* override */ }
  div.fbv_player p {
    top: 0; /* overrides bottom */
    left: 0;
    margin: 0.35em 0.85em 1.1em; /* override, compensates for anchor margin */
    width: 45%; }

  div.fbv_picture {
    top: 0;
    width: 100%;
    z-index: 5; }
  div.fbv_picture img {
    width: 100%; }
  div.fbv_picture a {
    margin: 0em 0.5em 0.75em;
    border: 5px solid red;
    display: block; }
}


/* BANNER QUOTES */
div.banner_quotes {
  height: 5em;
  margin: -1em 0 0;
  overflow: hidden;
  position: relative; }

div.banner_quotes p {
  background-color: #FFF;
  height: 5em;
  margin: 0;
  position: absolute;
  width: 100%; }

div.banner_quotes span {
  color: #95A1AB;
  display: block;
  font-size: 0.85em;
  text-align: right; }

div.banner_quotes span.quote_text {
  font-style: italic; }

div.banner_quotes span.quote_credit {
  font-weight: bold; }

div.banner_quotes p { z-index: 1; }
div.banner_quotes p.previous { z-index: 2; }
div.banner_quotes p.current { z-index: 3; }


/*** PDF Document Button ***/
.button_pdf span {
	font-size: 14px;
	line-height: 1em; }

.button_pdf img { /* ensures no jump when including dummy img to override JQuery */
	display: none; }

.button_pdf span.wrap,
.button_pdf span.top,
.button_pdf span.bottom {
	display: block; }

.button_pdf span.wrap {
	background-image: url('../../../rada_files/images/pdf_toggle.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: 25%;
	border: 1px solid #FFF;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	float: left;
	margin: 2em 10px 2.5em;
	padding: 1em 2em;
	width: 250px; }

a.button_pdf:link span.wrap,
a.button_pdf:visited span.wrap {
	background-color: #000;
	color: #888; }

a.button_pdf:hover span.wrap,
a.button_pdf:active span.wrap {
	background-color: #CCC;
	background-position: 100% -6px;
	border: 1px solid #C03;
	color: #000; }

.button_pdf span.top {
	color: #FFF;
	font-size: 2em; }



/* PAGINATION */
div#main_wrap div.pagination {
  margin-top: 1em;
  overflow: auto; }

div#main_wrap div.pagination ul,
div#main_wrap div.jev_pagination ul {
  font-size: 0; /* fix for RokBooster-acquired LI spacing (must be overridden on LI) */
  margin: 1em 0;
  padding: 0; }

div#main_wrap div.pagination ul li,
div#main_wrap div.jev_pagination ul li {
  font-size: 14px; } /* other half of RokBooster LI fix (see UL styling) */

div#main_wrap div.pagination li,
div#main_wrap div.jev_pagination li {
  display: inline;
  margin: 0; /* removes JEvents padding */ }

div#main_wrap div.pagination li.pagination-start a,
div#main_wrap div.pagination li.pagination-start span,
div#main_wrap div.jev_pagination li.pagination-start a,
div#main_wrap div.jev_pagination li.pagination-start span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;}

div#main_wrap div.pagination li.pagination-end a,
div#main_wrap div.pagination li.pagination-end span,
div#main_wrap div.jev_pagination li.pagination-end a,
div#main_wrap div.jev_pagination li.pagination-end span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;}

div#main_wrap div.pagination li span,
div#main_wrap div.jev_pagination li span {
  background-color: #CC0033;
  color: #FFF; }

div#main_wrap div.pagination li.pagination-start span,
div#main_wrap div.pagination li.pagination-prev span,
div#main_wrap div.pagination li.pagination-next span,
div#main_wrap div.pagination li.pagination-end span,
div#main_wrap div.jev_pagination li.pagination-start span,
div#main_wrap div.jev_pagination li.pagination-prev span,
div#main_wrap div.jev_pagination li.pagination-next span,
div#main_wrap div.jev_pagination li.pagination-end span {
  background-color: #999;
  color: #000; }

div#main_wrap div.pagination li a,
div#main_wrap div.pagination li span,
div#main_wrap div.jev_pagination li a,
div#main_wrap div.jev_pagination li span {
  border-color: #000;
  border-bottom-color: #222;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  display: inline-block;
  padding: 0.5em 1em; }

div#main_wrap div.pagination li a:link,
div#main_wrap div.pagination li a:visited,
div#main_wrap div.jev_pagination li a:link,
div#main_wrap div.jev_pagination li a:visited {
  background-color: #3d3d3d;
  background: #212121;
  background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#000));
  background: -webkit-linear-gradient(top, #3d3d3d, #000);
  background: -moz-linear-gradient(top, #3d3d3d, #000);
  background: -ms-linear-gradient(top, #3d3d3d, #000);
  background: -o-linear-gradient(top, #3d3d3d, #000); }

div#main_wrap div.pagination li a:hover,
div#main_wrap div.pagination li a:active,
div#main_wrap div.jev_pagination li a:hover,
div#main_wrap div.jev_pagination li a:active {
  background: none;
  background-color: #FFF;
  color: #000; }

div#main_wrap div.pagination li.pagination-end a,
div#main_wrap div.pagination li.pagination-end span,
div#main_wrap div.jev_pagination li.pagination-end a,
div#main_wrap div.jev_pagination li.pagination-end span {
  border-right-width: 1px; }


/* RETURN TO TOP */
div.rtt {
  background-color: #EEE;
  margin: 0.5em 0;
  overflow: auto;
  padding: 0.5em; }

span.rtt_text {
  color: #777;
  margin: 0.5em;
  display: block;
  float: left;
  padding: 0.6em 0.6em; }

span.rtt_arrow {
  background-color: #888;
  border-radius: 3px;
  border-top: 2px solid #BBB;
  border-left: 2px solid #BBB;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  color: #FFF;
  display: block;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.25em;
  padding: 0.2em 0.5em; }

a:hover div.rtt {
  background-color: #BBB; }

a:hover span.rtt_text {
  color: #FFF; }

a:hover span.rtt_arrow {
  background-color: #CC0033;
  border-top: 2px solid #F66;
  border-left: 2px solid #F66;
  border-bottom: 2px solid #900;
  border-right: 2px solid #900;
  color: #FFF; }


/* In-page videos */
div.videos_in-page {
  border: 1px solid;
  border-color: #FFF;
  box-shadow: 5px 5px 5px rgba(90,90,90,0.5);
  float: left;
  margin: 0 0.5% 1em;
  position: relative;
  overflow: auto;
  width: 48%; }

@media (max-width:640px) {
  div.videos_in-page {
    float: none;
    margin: 0 0 1em;
  	overflow: hidden;
    width: 97%; }
}

div.videos_in-page:hover {
  border-color: #C03; }

div.videos_in-page img {
  width: 100%; }

div.videos_in-page a:link,
div.videos_in-page a:visited {
  color: #FFF; }

div.videos_in-page a:hover,
div.videos_in-page a:active {
  color: #C03; }

div.videos_in-page div.videos_in-page_caption {
  background-color: rgba(0,0,0,0.6);
  font-size: 1em;
  position: absolute;
  width: 100%;
  bottom: 0; }

div.videos_in-page a:hover div.videos_in-page_caption {
  background-color: rgba(0,0,0,1); }

div.videos_in-page div.videos_in-page_caption p {
  margin: 0;
  padding: 1em 1.5em; }


/* Minimum page-height class */
div.item-page.min-height {
  min-height: 70em; }


/* Use CCS to determine width of element */
@media (max-width:1000px) { .css-determine-width {max-width: 1000px; }}
@media (max-width:990px) { .css-determine-width {max-width: 990px; }}
@media (max-width:980px) { .css-determine-width {max-width: 980px; }}
@media (max-width:970px) { .css-determine-width {max-width: 970px; }}
@media (max-width:960px) { .css-determine-width {max-width: 960px; }}
@media (max-width:950px) { .css-determine-width {max-width: 950px; }}
@media (max-width:940px) { .css-determine-width {max-width: 940px; }}
@media (max-width:930px) { .css-determine-width {max-width: 930px; }}
@media (max-width:920px) { .css-determine-width {max-width: 920px; }}
@media (max-width:910px) { .css-determine-width {max-width: 910px; }}
@media (max-width:900px) { .css-determine-width {max-width: 900px; }}
@media (max-width:890px) { .css-determine-width {max-width: 890px; }}
@media (max-width:880px) { .css-determine-width {max-width: 880px; }}
@media (max-width:870px) { .css-determine-width {max-width: 870px; }}
@media (max-width:860px) { .css-determine-width {max-width: 860px; }}
@media (max-width:850px) { .css-determine-width {max-width: 850px; }}
@media (max-width:840px) { .css-determine-width {max-width: 840px; }}
@media (max-width:830px) { .css-determine-width {max-width: 830px; }}
@media (max-width:820px) { .css-determine-width {max-width: 820px; }}
@media (max-width:810px) { .css-determine-width {max-width: 810px; }}
@media (max-width:800px) { .css-determine-width {max-width: 800px; }}
@media (max-width:790px) { .css-determine-width {max-width: 790px; }}
@media (max-width:780px) { .css-determine-width {max-width: 780px; }}
@media (max-width:770px) { .css-determine-width {max-width: 770px; }}
@media (max-width:760px) { .css-determine-width {max-width: 760px; }}
@media (max-width:750px) { .css-determine-width {max-width: 750px; }}
@media (max-width:740px) { .css-determine-width {max-width: 740px; }}
@media (max-width:730px) { .css-determine-width {max-width: 730px; }}
@media (max-width:720px) { .css-determine-width {max-width: 720px; }}
@media (max-width:710px) { .css-determine-width {max-width: 710px; }}
@media (max-width:700px) { .css-determine-width {max-width: 700px; }}
@media (max-width:690px) { .css-determine-width {max-width: 690px; }}
@media (max-width:680px) { .css-determine-width {max-width: 680px; }}
@media (max-width:670px) { .css-determine-width {max-width: 670px; }}
@media (max-width:660px) { .css-determine-width {max-width: 660px; }}
@media (max-width:650px) { .css-determine-width {max-width: 650px; }}
@media (max-width:640px) { .css-determine-width {max-width: 640px; }}
@media (max-width:630px) { .css-determine-width {max-width: 630px; }}
@media (max-width:620px) { .css-determine-width {max-width: 620px; }}
@media (max-width:610px) { .css-determine-width {max-width: 610px; }}
@media (max-width:600px) { .css-determine-width {max-width: 600px; }}
@media (max-width:590px) { .css-determine-width {max-width: 590px; }}
@media (max-width:580px) { .css-determine-width {max-width: 580px; }}
@media (max-width:570px) { .css-determine-width {max-width: 570px; }}
@media (max-width:560px) { .css-determine-width {max-width: 560px; }}
@media (max-width:550px) { .css-determine-width {max-width: 550px; }}
@media (max-width:540px) { .css-determine-width {max-width: 540px; }}
@media (max-width:530px) { .css-determine-width {max-width: 530px; }}
@media (max-width:520px) { .css-determine-width {max-width: 520px; }}
@media (max-width:510px) { .css-determine-width {max-width: 510px; }}
@media (max-width:500px) { .css-determine-width {max-width: 500px; }}
@media (max-width:490px) { .css-determine-width {max-width: 490px; }}
@media (max-width:480px) { .css-determine-width {max-width: 480px; }}
@media (max-width:470px) { .css-determine-width {max-width: 470px; }}
@media (max-width:460px) { .css-determine-width {max-width: 460px; }}
@media (max-width:450px) { .css-determine-width {max-width: 450px; }}
@media (max-width:440px) { .css-determine-width {max-width: 440px; }}
@media (max-width:430px) { .css-determine-width {max-width: 430px; }}
@media (max-width:420px) { .css-determine-width {max-width: 420px; }}
@media (max-width:410px) { .css-determine-width {max-width: 410px; }}
@media (max-width:400px) { .css-determine-width {max-width: 400px; }}
@media (max-width:390px) { .css-determine-width {max-width: 390px; }}
@media (max-width:380px) { .css-determine-width {max-width: 380px; }}
@media (max-width:370px) { .css-determine-width {max-width: 370px; }}
@media (max-width:360px) { .css-determine-width {max-width: 360px; }}
@media (max-width:350px) { .css-determine-width {max-width: 350px; }}
@media (max-width:340px) { .css-determine-width {max-width: 340px; }}
@media (max-width:330px) { .css-determine-width {max-width: 330px; }}
@media (max-width:320px) { .css-determine-width {max-width: 320px; }}
@media (max-width:310px) { .css-determine-width {max-width: 310px; }}
@media (max-width:300px) { .css-determine-width {max-width: 300px; }}
@media (max-width:290px) { .css-determine-width {max-width: 290px; }}
@media (max-width:280px) { .css-determine-width {max-width: 280px; }}
@media (max-width:270px) { .css-determine-width {max-width: 270px; }}
@media (max-width:260px) { .css-determine-width {max-width: 260px; }}
@media (max-width:250px) { .css-determine-width {max-width: 250px; }}
@media (max-width:240px) { .css-determine-width {max-width: 240px; }}
@media (max-width:230px) { .css-determine-width {max-width: 230px; }}
@media (max-width:220px) { .css-determine-width {max-width: 220px; }}
@media (max-width:210px) { .css-determine-width {max-width: 210px; }}
@media (max-width:200px) { .css-determine-width {max-width: 200px; }}


/* Fix for RokGallery image padding issue (with re-fix for overlay title and description text - any other text may not appear without further tweak) */
div.rokgallery-wrapper div.rg-ss-container {
  font-size: 0; }

div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info {
  bottom: 15%;
  top: auto;
  font-size: 14px;
  margin-left: 1em; }

div.rokgallery-wrapper div.rg-ss-container span.rg-ss-caption {
  text-indent: 0; }

@media (max-width:1000px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 14px; }}
@media (max-width:990px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 13.84px; }}
@media (max-width:980px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 13.68px; }}
@media (max-width:970px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 13.52px; }}
@media (max-width:960px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 13.36px; }}
@media (max-width:950px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 13.2px; }}
@media (max-width:940px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 13.04px; }}
@media (max-width:930px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 12.88px; }}
@media (max-width:920px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 12.72px; }}
@media (max-width:910px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 12.56px; }}
@media (max-width:900px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 12.4px; }}
@media (max-width:890px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 12.24px; }}
@media (max-width:880px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 12.08px; }}
@media (max-width:870px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 11.92px; }}
@media (max-width:860px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 11.76px; }}
@media (max-width:850px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 11.6px; }}
@media (max-width:840px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 11.44px; }}
@media (max-width:830px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 11.28px; }}
@media (max-width:820px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 11.12px; }}
@media (max-width:810px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 10.96px; }}
@media (max-width:800px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 10.8px; }}
@media (max-width:790px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 10.64px; }}
@media (max-width:780px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 10.48px; }}
@media (max-width:770px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 10.32px; }}
@media (max-width:760px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 10.16px; }}
@media (max-width:750px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 10px; }}
@media (max-width:740px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 9.84px; }}
@media (max-width:730px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 9.68px; }}
@media (max-width:720px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 9.52px; }}
@media (max-width:710px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 9.36px; }}
@media (max-width:700px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 9.2px; }}
@media (max-width:690px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 9.04px; }}
@media (max-width:680px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 8.88px; }}
@media (max-width:670px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 8.72px; }}
@media (max-width:660px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 8.56px; }}
@media (max-width:650px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 8.4px; }}
@media (max-width:640px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 8.24px; }}
@media (max-width:630px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 8.08px; }}
@media (max-width:620px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 7.92px; }}
@media (max-width:610px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 7.76px; }}
@media (max-width:600px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 7.6px; }}
@media (max-width:590px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 7.44px; }}
@media (max-width:580px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 7.28px; }}
@media (max-width:570px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 7.12px; }}
@media (max-width:560px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 6.96px; }}
@media (max-width:550px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 6.8px; }}
@media (max-width:540px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 6.64px; }}
@media (max-width:530px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 6.48px; }}
@media (max-width:520px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 6.32px; }}
@media (max-width:510px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 6.16px; }}
@media (max-width:500px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 6px; }}
@media (max-width:490px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 5.84px; }}
@media (max-width:480px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 5.68px; }}
@media (max-width:470px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 5.52px; }}
@media (max-width:460px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 5.36px; }}
@media (max-width:450px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 5.2px; }}
@media (max-width:440px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 5.04px; }}
@media (max-width:430px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 4.88px; }}
@media (max-width:420px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 4.72px; }}
@media (max-width:410px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 4.56px; }}
@media (max-width:400px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 4.4px; }}
@media (max-width:390px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 4.2px; }}
@media (max-width:380px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 4px; }}
@media (max-width:370px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 3.8px; }}
@media (max-width:360px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 3.6px; }}
@media (max-width:350px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 3.4px; }}
@media (max-width:340px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 3.24px; }}
@media (max-width:330px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 3.08px; }}
@media (max-width:320px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 2.92px; }}
@media (max-width:310px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 2.76px; }}
@media (max-width:300px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 2.6px; }}
@media (max-width:290px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 2.44px; }}
@media (max-width:280px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 2.28px; }}
@media (max-width:270px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 2.12px; }}
@media (max-width:260px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 1.96px; }}
@media (max-width:250px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 1.8px; }}
@media (max-width:240px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 1.64px; }}
@media (max-width:230px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 1.48px; }}
@media (max-width:220px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 1.32px; }}
@media (max-width:210px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 1.16px; }}
@media (max-width:200px) { div.rokgallery-wrapper div.rg-ss-container div.rg-ss-info { font-size: 1px; }}