/* Agile specific  */




.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: right;
    margin-right: 40px;
}

.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  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: #888888;
  display: inline-block;
  width: 300px;
  margin-bottom: 5px;
  margin-left: 137px;
  margin-top: -8px;
}

.agile_basic_form_wrapper  select{
  width: 20em;
}

.agile_basic_form_wrapper  input[type="text"], 
.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;
}

.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: #ffddee;
}
#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: #000000;  
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: #FFFFFF;
    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: #FFFFFF;
    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: #666666;
    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: rgb(51, 51, 51);
    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;}
blockquote.agile_article_pullquote_2{float:right !important;margin-left:15px;}
/*end clone*/


/* Notifications CSS */

.recruitment_seeker_cpl_main{
    /*width: 450px;*/
}

#user_notifications{
    border: 1px solid #CCCCCC;
    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: #FFFF66;
    border: 1px solid #CCCCCC;
    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;
}

.payment-errors{
    color: red;
}

/* end of basket */