@charset "UTF-8";
/* CSS Document */

/* begin AESTYLE */
.image-left { } .image-right { } .image-full { } .make-link-button { } .make-link-button-next { } .make-link-button-prev { }  .clear-h4 { } .clear-h3 { }  .back-to-top { } .accented-list { }
/* end AESTYLE */

@import url(/web/StyleSheets/rdg_standard-page.css);

.content-body form.job-search-form,
.content-body form#aspnetForm {
  max-width:none;
  margin:0;
  padding:0;
  border:0;
}

.content-body form#searchForm {
  max-width:none;
  margin-top:0;
  padding:0;
  border:0;
  overflow:hidden;
}
.content-body form#searchForm .job-search-field {
  float: left;
  width: 83.6%;
  margin-top: 0;
  border-radius:3px 0 0 3px;
  border-right:0;
}
.content-body form#searchForm .job-search-submit {
  float: left;
  width: 16.3%;
  max-width: none;
  margin-top: 0;
  padding: 5px 10px 6px;
  line-height: 1.4em;
  border-radius:0 3px 3px 0;
}
.content-body form#searchForm .job-search-clear {
  float:right;
  width:16.3%;
  color:#999;
  text-decoration:underline;
  text-align:center;
  padding:3px 0;
}
.hover .content-body form#searchForm .job-search-clear:hover {
  color:#666;
}
.content-body h3.job-search-results {
  color: #666 !important;
  margin-bottom: 20px;
  display: block;
  font-size: 1.2em;
  padding-top:30px;
  margin-top:-30px; 
}
.content-body h3.job-search-results a {
  color:#999 !important;
}
.hover .content-body h3.job-search-results a:hover {
  color:#BF0071;
}

.js .page-header {
  display:none;
}
.js .content-center,
.js .main-hero + .content-center {
  margin-top:70px;
}
.no-js .main-hero { display:none; }
.no-js .content-center,
.no-js .main-hero + .content-center { 
  margin-top:80px;
}

.job-entry { overflow: hidden; width:100%; margin-bottom:50px; }

.job-entry .job-title { margin-bottom:0; }
.job-entry .job-title a { border-bottom:0; }
.hover .job-entry .job-title a:hover { text-decoration:underline; }
/*.job-entry .job-title .job-reference { color:#E346A3; }*/
.job-entry .job-title .job-reference:before { content:'('; }
.job-entry .job-title .job-reference:after { content:')'; }

.job-entry .job-package { margin-bottom:10px; }

.job-entry .job-desc-short p, .job-entry .job-desc-short ul, .job-entry .job-desc-short ul li, .job-entry .job-desc-short table, .job-entry .job-desc-short table *, .job-entry .job-desc-short .table-container, .job-entry .job-desc-short .table-container * { display:inline; }
.job-entry .job-desc-short ul li { padding-left:0; }
.job-entry .job-desc-short ul li:before { display:none; }
.job-entry .job-desc-short { width:50%; float:left; margin-bottom:10px; line-height:1.4em; padding-right:10px; }

.job-entry .job-read-more { color:#000; text-decoration:underline; overflow:hidden; }
.hover .job-entry .job-read-more:hover { color:#bf0071; }

.job-entry .job-other-info { float:left; width:50%; padding-left:10px; }
.job-entry .job-other-info li { display:block; padding-left:0; margin-bottom:5px; }
.job-entry .job-other-info li:before { display:none; }
.job-entry .job-other-info li strong { font-weight:600; }

.job-entry .job-other-info li a { color:#fff !important; }
.hover .job-entry .job-other-info li a:hover { text-decoration:none !important; }

.job-entry .job-buttons { clear:both; }
.job-entry #job-desc-full + .job-buttons { margin-top:20px; }
.job-entry .job-buttons a { float:left; padding:5px 10px; background:#106DB6; line-height:1.4em; border-radius:3px; color:#fff; text-shadow:rgba(0,0,0,0.1) 0 1px 2px; font-weight:600; }
.job-entry .job-buttons a.job-apply { text-align:center; width:50%; width:calc(50% - 10px); margin-right:calc(5px + 5px); }
.job-entry .job-buttons a.job-facebook, .job-entry .job-buttons a.job-twitter, .job-entry .job-buttons a.job-email { margin-left:10px; padding-left:30px; position:relative; background:#999; }
.job-entry .job-buttons a.job-facebook, .job-entry .job-buttons a.job-email { margin-left:6px; }
.job-entry .job-buttons a.job-facebook i, .job-entry .job-buttons a.job-twitter i, .job-entry .job-buttons a.job-email i { position:absolute; top:50%; margin-top:-10px; left:5px; width:20px; height:20px; text-indent:-9999px; overflow:hidden; }
.svg .job-entry .job-buttons a.job-facebook i, .svg .job-entry .job-buttons a.job-twitter i, .svg .job-entry .job-buttons a.job-email i { background-image:url(/web/FILES/_rdg_corporate-template-files/rdg_spritesheet-svg.svg); background-size:400px; background-position:-90px -170px; }
.svg .job-entry .job-buttons a.job-facebook i { background-position:-130px -170px; }
.svg .job-entry .job-buttons a.job-email i { background-position:-10px -210px; }


.no-svg .job-entry .job-buttons a.job-facebook i, .no-svg .job-entry .job-buttons a.job-twitter i, .no-svg .job-entry .job-buttons a.job-email i { background-image:url(/web/FILES/_rdg_corporate-template-files/rdg_spritesheet-png.png); background-position: -160px -9px; }
.no-svg .job-entry .job-buttons a.job-facebook i { background-position: -238px -10px; }
.no-svg .job-entry .job-buttons a.job-email i { background-position: -240px -91px; }

.hover .job-entry .job-buttons a.job-apply:hover { background:#063962; }
.hover .job-entry .job-buttons a.job-facebook:hover { background-color:#3b5998; }
.hover .job-entry .job-buttons a.job-twitter:hover { background-color: #00acee; }
.hover .job-entry .job-buttons a.job-email:hover { background-color: #666; }

/* .main-hero-slide { background:url(http://www.reading.ac.uk/web/multimediafiles/hrportal-mockup.png) left top no-repeat !important; } */

.colour-band-container ul.job-awards-list { overflow:hidden; }
.colour-band-container ul.job-awards-list li { padding:0; float:left; width:15%; min-width:104px; }
.colour-band-container ul.job-awards-list li:before { display:none; }
.colour-band-container ul.job-awards-list li a { width:100px; height:55px; display:block; background:url(../clientimages/rdg_job-spritesheet.png) no-repeat 0 -330px; text-indent:-9999px; margin-right:4px; border-bottom:0 !important; opacity:1; }
.hover .colour-band-container ul.job-awards-list li a:hover { opacity:0.5; }
.colour-band-container ul.job-awards-list li a.job-awards-stonewall { background-position:-100px -330px; }
.colour-band-container ul.job-awards-list li a.job-awards-green-flag { background-position:0 -385px; margin-right:0; }
.colour-band-container ul.job-awards-list li a.job-awards-queens { background-position:0 -360px; margin-right:0; }
.colour-band-container ul.job-awards-list li a.job-awards-investors { background-position: -100px -385px; }
.colour-band-container ul.job-awards-list li a.job-awards-excellence { background-position: -100px -360px; }


.main-hero-headers #job-search-form h3 {
  font-weight:600;
  margin-bottom:5px;
}
.main-hero-headers #job-search-form {
  overflow:hidden;
  clear:both;
}
.main-hero-headers #job-search-form .job-search-field {
  margin-top: 5px;
  padding: 5px 8px;
  border-radius: 3px;
  border: 1px solid #6B003F;
  font-size: 1em;
  line-height: 1.45em;
  width:275px;
  float: left;
  margin-right:10px;
  height:36px;
}
.main-hero-headers #job-search-form .job-search-field:focus {
  border-color:#3B0023;
  outline:1px solid #3B0023;
}
.main-hero-headers #job-search-form .job-search-submit {
  padding: 0 10px;
  line-height: 35px;
  background: #6B003F;
  color: #fff;
  text-shadow: rgba(0,0,0,0.1) 0 1px 2px;
  font-size: 1em;
  border: 0;
  cursor: pointer;
  display: block;
  border-radius: 3px;
  margin-top: 5px;
  width:80px;
  float:left;
}
.hover .main-hero-headers #job-search-form .job-search-submit:hover {
  background:#3B0023;
}
.main-hero-headers #job-search-form .job-search-clear {
  color:#3B0023;
  float:left;
  clear:both;
  padding:5px 0;
  text-shadow:none;
  text-shadow: rgba(255,255,255,0.1) 0 1px;
  padding-left: 2px;
}
.hover .main-hero-headers #job-search-form .job-search-clear:hover {
  text-decoration:underline;
}

.lt-ie8 .main-hero-headers #job-search-form .job-search-field {
  line-height:36px;
  padding:0 8px;
}
.lt-ie8 .main-hero-headers #job-search-form .job-search-submit {
  line-height:36px;
  height:38px;
}
.lt-ie8 .main-hero-headers #job-search-form {
  width:470px;
}
.lt-ie8 .main-hero-headers {
  padding-top:3px;
  margin-top:60px;
}
.lt-ie8 .job-entry .job-other-info {
  width:48%;
}

.svg .colour-band-container ul.job-awards-list li a { background-size:100px 450px; background-position:0 0; }
.svg .colour-band-container ul.job-awards-list li a.job-awards-stonewall { background-position:0 -55px; }
.svg .colour-band-container ul.job-awards-list li a.job-awards-green-flag { background-position:0 -110px; }
.svg .colour-band-container ul.job-awards-list li a.job-awards-queens { background-position:0 -275px; }
.svg .colour-band-container ul.job-awards-list li a.job-awards-investors { background-position:0 -220px; }
.svg .colour-band-container ul.job-awards-list li a.job-awards-excellence { background-position:0 -360px; }

.rdg_hc-enabled ul.job-awards-list li a { -webkit-filter:grayscale(100%); filter:grayscale(100%); }

.rdg_hc-enabled .job-entry + .job-entry { border-top:1px solid #555; padding-top:30px; }
.rdg_hc-enabled .job-entry .job-desc-short { color:#fff; text-shadow: rgba(0,0,0,0.2) 0 1px 1px; }
.rdg_hc-enabled .job-entry .job-title .job-reference { color:#fff; }
.rdg_hc-enabled.hover .job-entry .job-title a:hover .job-reference { color:#111; }
.rdg_hc-enabled .job-entry .job-read-more { color:#00E1E8; text-decoration:underline; border-bottom:0 !important; -webkit-transition:0; transition:0; }
.rdg_hc-enabled.hover .job-entry .job-read-more:hover { color:#111; background:#00E1E8; text-decoration:none; text-shadow:none; }
.rdg_hc-enabled .job-entry .job-buttons a.job-apply, .rdg_hc-enabled .job-entry .job-buttons a.job-facebook, .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { color:#111; text-decoration:underline; text-shadow:none; background:#00E1E8; -webkit-transition:0; transition:0; }
.rdg_hc-enabled .job-entry .job-buttons a.job-facebook, .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { padding-left:10px; }
.rdg_hc-enabled.hover .job-entry .job-buttons a:hover { background:#ffff00 !important; text-decoration:none !important; }
.rdg_hc-enabled .job-entry .job-buttons a.job-facebook i, .rdg_hc-enabled .job-entry .job-buttons a.job-twitter i { position:static; background:none !important; }

.job-full-spec { margin-top:25px; }
.cl-side_2l { margin-top:45px; }

.job-entry .highlight-box { width:33.3%; float:right; margin-left:10px; background:#333; border:#333; z-index:1; position:relative; }
.job-entry .highlight-box .job-other-info { padding-left:0; width:100%; color:#fff; text-shadow:rgba(0,0,0,0.2) 0 1px 2px; }
.job-entry .highlight-box .job-other-info li strong { display:block; margin-top:5px; color:#fff; font-family: "Effra W01", "Effra", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight:800; }
.job-entry .highlight-box .job-buttons a.job-apply { width:100%; margin-right:0; background:#063962; }
.hover .job-entry .highlight-box .job-buttons a.job-apply:hover { background:#02182a; }

.lt-ie8 .job-entry .highlight-box .job-buttons a.job-apply { padding-left:0; padding-right:0; }

.c-rubine .highlight-box { background-color: #106db6 !important; border-color: #106db6 !important; }


@media screen and (min-width:950px) {
  .cl-66 {
    width: 100%;
  }
}
@media screen and (max-width:950px) {
  .job-entry .job-desc-short, .job-entry .job-other-info { width:100%; padding-left:0; padding-right:0; }
  .job-entry .job-buttons a.job-apply { padding-left:20px; padding-right:20px; width:auto; }

  .rdg_hc-enabled .job-entry .job-buttons a.job-apply { width:75%; margin-left:12.5%; margin-bottom:10px; }
  .rdg_hc-enabled .job-entry .job-buttons a.job-facebook, .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { width:37%; margin-left:1%; text-align:center; }
  .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { margin-left:12.5%; }
  .cl-66 {
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  .job-entry .job-buttons a.job-apply { width:auto; padding:5px 20px; }
}
@media screen and (max-width:500px) {
  .job-entry .job-buttons a.job-apply { padding:5px 20px; }
  .job-entry .job-buttons a.job-facebook, .job-entry .job-buttons a.job-twitter, .job-entry .job-buttons a.job-email { width:32px; height:32px; text-indent:-9999px; padding-left:10px; }
  
  .rdg_hc-enabled .job-entry .job-buttons a.job-apply { width:100%; margin-left:0; }
  .rdg_hc-enabled .job-entry .job-buttons a.job-facebook, .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { width:49%; margin-left:2%; text-align:center; text-indent:0; }
  .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { margin-left:0; }
}
@media screen and (max-width:350px) {
  .job-entry .job-buttons a.job-apply { width:100%; margin-bottom:10px; padding:5px 10px; }
  .job-entry .job-buttons a.job-facebook, .job-entry .job-buttons a.job-twitter, .job-entry .job-buttons a.job-email { width:31.3%; width:calc(33.3% - 4px); margin-left:0; margin-right:3%; margin-right:calc(3px + 3px); min-width:32px; margin-bottom:3%; margin-bottom:calc(3px + 3px); }
  .job-entry .job-buttons a.job-email { margin-right:0; }
  .rdg_hc-enabled .job-entry .job-buttons a.job-facebook, .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { width:100%; margin-left:0; margin-bottom:5px; }
  .rdg_hc-enabled .job-entry .job-buttons a.job-twitter { margin-top:20px; }
}