/* Agile specific  */
.error {
  color: red;
  font-weight: bold; }

.bundleCreditsSummary {
  border: 1px solid;
  float: right;
  display: block;
  width: 250px;
  padding-left: 5px;
  padding-top: 3px; }

.agile_basic_form_wrapper {
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #222b34; }

.agile_basic_form_wrapper .column {
  float: left;
  /* min-width: 50%; */
  width: 49%; }

.agile_basic_form_wrapper .column .radio, .agile_basic_form_wrapper .column .checkbox {
  float: left;
  margin-right: 10px; }

.agile_basic_form_wrapper fieldset {
  background-color: #f2f2f2;
  margin: 18px 0;
  padding: 18px 13px 13px 13px; }

.agile_basic_form_wrapper fieldset legend {
  color: #fff;
  background-color: #354350;
  padding: 5px 18px 5px 8px; }

.agile_basic_form_wrapper fieldset label {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  margin-bottom: 12px; }

.agile_basic_form_wrapper fieldset .column label {
  width: 250px;
  display: inline; }

.agile_basic_form_wrapper fieldset .column br {
  clear: both; }

.agile_basic_form_wrapper input, .agile_basic_form_wrapper textarea, .agile_basic_form_wrapper select {
  margin-bottom: 8px; }

.agile_basic_form_wrapper fieldset .column input {
  margin-bottom: 0; }

.agile_basic_form_wrapper fieldset small {
  color: #888;
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 137px;
  margin-top: -8px;
  /* Sim change - reduce size of form small text */
  /* Tolan change 2018-11-13. Reduce the size a little more. */
  font-size: 85% !important; }

.agile_basic_form_wrapper fieldset small.nomargin {
  margin: 0; }

.agile_basic_form_wrapper select {
  width: 20em; }

.agile_basic_form_wrapper input[type="text"], .agile_basic_form_wrapper input[type="url"], .agile_basic_form_wrapper input[type="password"], .agile_basic_form_wrapper input[type="tel"], .agile_basic_form_wrapper input[type="search"], .agile_basic_form_wrapper input[type="tel"], .agile_basic_form_wrapper input[type="number"], .agile_basic_form_wrapper input[type="email"], .agile_basic_form_wrapper input[type="date"], .agile_basic_form_wrapper textarea {
  border: 1px solid darkgray;
  padding: 6px;
  border-radius: 4px;
  width: 19em;
  font-size: 14px; }

.agile_basic_form_wrapper input[type="text"][size], .agile_basic_form_wrapper input[type="password"][size] {
  width: auto; }

.agile_basic_form_wrapper fieldset input.date-picker {
  width: 5em; }

.agile_basic_form_wrapper fieldset .time-widget {
  margin-left: 137px; }

.agile_basic_form_wrapper fieldset #editorWrapper {
  margin-left: 137px; }

.agile_basic_form_wrapper .editorWrapper {
  display: inline-block; }
/* ReCaptcha */
.agile_basic_form_wrapper #recaptcha_widget {
  float: left;
  border: solid 1px #ccc;
  padding: 0.67em 1em;
  background: #fff;
  text-align: center; }

.agile_basic_form_wrapper #recaptcha_widget a {
  color: #180042;
  font-weight: bold;
  text-decoration: none; }

.agile_basic_form_wrapper #recaptcha_widget #recaptcha_image {
  margin: 0 auto 0.67em auto; }

.agile_basic_form_wrapper #recaptcha_widget #recaptcha_response_field {
  width: 10em; }

.agile_basic_form_wrapper #recaptcha_widget div.recaptcha_reload, .agile_basic_form_wrapper #recaptcha_widget div.recaptcha_only_if_image, .agile_basic_form_wrapper #recaptcha_widget div.recaptcha_only_if_audio, .agile_basic_form_wrapper #recaptcha_widget div.recaptcha_help {
  display: inline;
  padding: 0 0.5em; }

.agile_basic_form_wrapper #recaptcha_widget .recaptcha_credit {
  padding: 0.67em 0 0 0;
  text-align: right;
  font-size: 90%; }

.agile_basic_form_wrapper #recaptcha_widget .recaptcha_credit a {
  color: #999;
  font-weight: normal; }
/* Validation warning */
.agile_basic_form_wrapper label.error {
  color: red;
  margin-left: 12px;
  width: inherit; }
/* Tweak datepicker */
.agile_basic_form_wrapper img.ui-datepicker-trigger {
  vertical-align: inherit; }
/*
 * Modifications for specific forms
 */
/* View job application */
.agile_basic_form_wrapper fieldset > #coveringLetter {
  /* margin-left: -18em;*/
  /* Label width */ }
/*
 * Job advertiser and press release control panels
 */
/* Jobseeker apply online */
.agile_basic_form_wrapper #previousLettersDropdown {
  max-width: 370px; }

#agile_recruitment_frontend_advertiser_form form {
  width: 95%; }

#agile_recruitment_frontend_advertiser_form fieldset {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  border: 0;
  background: #fde; }

#agile_recruitment_frontend_advertiser_form legend span {
  position: absolute;
  left: 0.74em;
  top: 0;
  margin-top: 0.5em; }

#agile_recruitment_frontend_advertiser_form legend {
  /* margin-left: 1em;*/
  color: #000;
  font-weight: bold; }

#agile_recruitment_frontend_advertiser_form fieldset ol {
  padding: 0;
  list-style: none; }

#agile_recruitment_frontend_advertiser_form fieldset li {
  padding-bottom: 0.5em; }

#agile_recruitment_frontend_advertiser_form fieldset li small {
  padding-left: 5em; }

#agile_recruitment_frontend_advertiser_form fieldset.submit {
  float: none;
  width: auto;
  border: 0 none #fff;
  margin: 0;
  padding-left: 11em;
  background: none; }

#agile_recruitment_frontend_advertiser_form label, #agile_recruitment_frontend_advertiser_form input {
  vertical-align: middle; }

#agile_recruitment_frontend_advertiser_form label {
  float: left;
  width: 10em;
  margin-right: 1em;
  text-align: right;
  font-size: 0.9em; }

#agile_recruitment_frontend_advertiser_form input, #agile_recruitment_frontend_advertiser_form textarea {
  border: 1px solid #ccc; }

#blogagile_recruitment_frontend_advertiser_form textarea {
  width: 99%; }

#agile_recruitment_frontend_advertiser_form input.noborder {
  border: 0; }
/*
 .recruitment_advertiser_cpl_activities,
 .recruitment_seeker_cpl_activities,
 .pressrelease_cpl_activities,
 .user_cpl_activities{
 float: right; 
 padding-left: 15px; 
 / *width: 160px;* /
 }
 .pressrelease_cpl_activities,
 .user_cpl_activities{
 margin-bottom: 13px;
 }
 .recruitment_advertiser_cpl_activities .activities_holder,
 .recruitment_seeker_cpl_activities .activities_holder,
 .pressrelease_cpl_activities .activities_holder,
 .user_cpl_activities .activities_holder{
 background-color: #F1EFEC;
 border-bottom: 2px solid #949A9F;
 display: block;
 padding: 0 10px 10px;
 }
 */
div.control-panel ul.menu {
  margin-top: 0; }
/*
 .recruitment_advertiser_cpl_activities h2,
 .recruitment_seeker_cpl_activities h2,
 .pressrelease_cpl_activities h2,
 .user_cpl_activities h2,
 .recruitment_advertiser_cpl_joblist h3,
 .pressrelease_cpl_releaselist h3
 */
div.control-panel ul.menu li.toplevel {
  background: url("https://www.journalism.co.uk/newsite/images/bg-heading.gif") repeat-x scroll 0 0 #192028;
  border: 0 none;
  color: #fff;
  font: bold 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  padding: 0; }

.recruitment_advertiser_cpl_joblist h3, .pressrelease_cpl_releaselist h3 {
  background: #192028 url("https://www.journalism.co.uk/newsite/images/bg-heading.gif") repeat-x scroll 0px 0px;
  border: 0px none;
  color: #fff;
  font: bold 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  padding: 5px 0px 4px 12px; }

div.control-panel ul.menu li.toplevel > a {
  color: #fff;
  margin: 5px 0 4px 12px;
  display: inline-block; }

.recruitment_advertiser_cpl_joblist table, table.agile_pressrelease_table {
  border-bottom: none; }

div.control-panel ul.submenu {
  margin: 0;
  background-color: white; }

div.control-panel ul.submenu li {
  background: none;
  border-bottom: 1px dotted #a9a9a9;
  height: 1%;
  overflow: hidden;
  padding: 5px 0 5px 5px; }

div.control-panel ul.submenu li a {
  background: url("https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif") no-repeat scroll 0 3px transparent;
  color: #666;
  display: block;
  font-weight: normal;
  padding: 0 0 0 15px; }

.recruitment_advertiser_cpl_joblist, table.agile_pressrelease_table {
  background-color: #f1efec;
  clear: both; }

.recruitment_advertiser_cpl_joblist th, .recruitment_advertiser_cpl_joblist td, table.agile_pressrelease_table th, table.agile_pressrelease_table td {
  padding: 10px 10px 10px 12px;
  background: transparent;
  font: inherit; }

.recruitment_advertiser_cpl_joblist td, table.agile_pressrelease_table td {
  /*background: url("https://www.journalism.co.uk/newsite/images/bg-dotted.gif") repeat-x scroll 0 0 transparent;*/
  border-top: 1px dotted #a9a9a9; }

.recruitment_advertiser_cpl_joblist th, table.agile_pressrelease_table th {
  font-weight: bold;
  color: #354350; }
/** .recruitment_advertiser_cpl_joblist a, ***** removing this as it's the wrong colour for the "view job" button    **/
table.agile_pressrelease_table a {
  color: #888; }

.recruitment_advertiser_cpl_main h2, .pressrelease_cpl_main h2, .user_cpl_main h2 {
  font: 20px/24px Georgia, "Times New Roman", Times, serif;
  color: #333;
  border-bottom: 1px dotted #a9a9a9;
  padding-bottom: 6px;
  margin-bottom: 16px; }

.recruitment_advertiser_cpl_main, .pressrelease_cpl_main, .user_cpl_main {
  float: left;
  width: 440px; }

.recruitment_advertiser_cpl_joblist .submit_wrapper {
  background-color: #f1efec;
  border-bottom: 2px solid #949a9f;
  /*margin-top: -8px;
   padding-bottom: 10px;*/
  text-align: center;
  width: 100%;
  margin-bottom: 6px;
  float: right; }

.agile_search .submit_wrapper {
  text-align: center; }

.cpl_switcher .submit_wrapper {
  text-align: left; }

.cpl_switcher form {
  display: inline;
  padding-right: 8px; }

.cpl_switcher {
  margin-bottom: 8px; }
/* Clone of above and generic 'alignleft'/'alignright' classes. Above may be redundant now but leaving it in case it's used elsewhere */
blockquote.agile_article_pullquote_1 {
  float: left !important;
  margin-right: 15px;
  width: 50%; }

blockquote.agile_article_pullquote_2 {
  float: right !important;
  margin-left: 15px;
  width: 50%; }
/*end clone*/
/* Notifications CSS */
.recruitment_seeker_cpl_main {
  /*width: 450px;*/ }

#user_notifications {
  border: 1px solid #ccc;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 12px;
  padding: 8px;
  width: 95%;
  display: inline-block; }

#user_notifications h2 {
  margin-left: 2px; }

.notification.unread, .notification.read {
  background-color: #ff6;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 4px;
  padding: 5px 4px 4px 5px; }

.notification_body {
  margin-top: 6px; }

.dismiss_notification {
  background: url("/agile/imgs/silk_icons/icons/cancel.png") no-repeat scroll 0 -1px transparent;
  float: right;
  padding-left: 19px; }

#show_read_notifications {
  background: url("/agile/imgs/silk_icons/icons/add.png") no-repeat scroll 0 -1px transparent;
  display: inline-block;
  margin: 6px 0 4px;
  padding-left: 19px; }

#hide_read_notifications {
  background: url("/agile/imgs/silk_icons/icons/delete.png") no-repeat scroll 0 -1px transparent;
  display: inline-block;
  margin: 6px 0 4px;
  padding-left: 19px; }
/* End notifications */
/* basket */
#component-basket .error, #component-basket .message {
  display: block;
  padding: 10px 0 0px 0; }

#component-basket .error {
  color: red; }

#component-basket label.required:after {
  content: '*'; }

tr.topseparator {
  border-top: 2px solid lightgrey; }

tr.bottomseparator {
  border-top: 2px solid lightgrey; }

#vatNumberUpdate input[type="text"], #vatNumberUpdate select {
  width: 160px !important; }

#vatNumberUpdate label {
  display: block;
  margin-bottom: 6px;
  margin-top: 8px; }

.payment-errors {
  color: red; }

#addressEdit {
  font-weight: normal; }

#addressEdit > label {
  font-weight: bold;
  width: 125px; }
/*
 I'm disabling this because I don't see any label that needs to be 180px in the basket (and the rules around here seem to be for the basket)
 and it's breaking forms elsewhere because the selector is too general
 .agile_basic_form_wrapper fieldset label{
 width: 180px;
 }
 */
.address {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
  box-sizing: border-box; }

.basketPaymentProviders {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
  box-sizing: border-box; }

#component-basket .basketTable td {
  font-weight: normal; }
  #component-basket .basketTable td label {
    font-weight: bold; }
  #component-basket .basketTable tr.notitem td {
    background: none;
    border: none; }
  #component-basket select, #component-basket input {
    padding: 6px; }
  #component-basket select {
    box-sizing: content-box; }
  #component-basket legend {
    margin-left: -13px; }
  #component-basket #addressEdit {
    font-size: 15px; }
  #component-basket #addressEdit br {
    margin-bottom: 12px; }
  #component-basket .summarylabel {
    text-align: right; }
  #component-basket #updatevatbutton {
    color: white;
    background-color: #4c79a2; }
  #component-basket #pnsk-stripe-submit, #component-basket input.editAddress, #component-basket input.updateAddress {
    color: white;
    background-color: #a9014b;
    font-weight: bold; }
  #component-basket #addressUpdate select {
    width: 19em !important; }
  #component-basket fieldset {
    border-radius: 0 20px 0 20px; }
  #component-basket #component-billingAddress fieldset {
    white-space: nowrap; }
/* end of basket */