/* 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, 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; }

.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 */