 /* 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 Arial,Helvetica,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 fieldset input,
.agile_basic_form_wrapper fieldset textarea,
.agile_basic_form_wrapper fieldset 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 fieldset input[type="text"], 
.agile_basic_form_wrapper fieldset input[type="password"],
.agile_basic_form_wrapper fieldset textarea {
  width: 20em;
}

.agile_basic_form_wrapper fieldset input[type="text"][size], 
.agile_basic_form_wrapper fieldset 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;
}

.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{
    background: url("http://www.journalism.co.uk/newsite/images/bg-heading.gif") repeat-x scroll 0 0 #192028;
    border: 0 none;
    color: #FFFFFF;
    font: bold 13px/15px Arial,Helvetica,sans-serif;
    /*margin: -8px -10px 10px;*/
    padding: 5px 0 4px 12px;
    /*
    background-color: #354350;
    color: #FFFFFF;
    font: bold 13px Arial,Helvetica,sans-serif;
    margin: 0 0 7px;
    padding: 5px 0 5px 12px;
    */
}

.recruitment_advertiser_cpl_activities h2,
.recruitment_seeker_cpl_activities h2,
.pressrelease_cpl_activities h2,
.user_cpl_activities h2{
    margin: 0;
}


.recruitment_advertiser_cpl_joblist table,
table.agile_pressrelease_table{
    border-bottom: none;
}

.recruitment_advertiser_cpl_activities ul,
.recruitment_seeker_cpl_activities ul,
.pressrelease_cpl_activities ul,
.user_cpl_activities_ul{
        font: 12px/15px Arial,Helvetica,sans-serif;
        margin: 0 0 8px 0;
}
.recruitment_advertiser_cpl_activities ul li,
.recruitment_seeker_cpl_activities ul li,
.pressrelease_cpl_activities ul li,
.user_cpl_activities ul li{
    background: url("http://www.journalism.co.uk/newsite/images/bg-dotted-dark.gif") repeat-x scroll 0 100% transparent;
    height: 1%;
    overflow: hidden;
    padding: 5px 0;
}
.recruitment_advertiser_cpl_activities a,
.recruitment_seeker_cpl_activities a,
.pressrelease_cpl_activities a,
.user_cpl_activities a{
    background: url("http://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("http://www.journalism.co.uk/newsite/images/bg-dotted.gif") repeat-x scroll 0 0 transparent;
}

.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);
    background: url("http://www.journalism.co.uk/newsite/images/bg-dotted.gif") repeat-x scroll 0 100% transparent;
    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;
}

/* Moved to main css 
.agile_basic_form_wrapper .submit_wrapper{
    display: block;
    width: 100%;
    text-align: center;
}

.submit_wrapper .submit{
    height:29px;
	margin:0px 0 8px;
	padding:0;
	border:0;
    background-color:#a9014b;
    font-weight: bold;
    display:inline-block; 
    color:#fff; 
    text-decoration:none;
    border-radius:5px;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    box-shadow:0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-bottom:1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;   
    font-size:14px;
    padding-left: 5px;
    padding-right: 5px;
    
}
*/


/* stop form code overriding yui editor */
/*
.yui-skin-sam .yui-editor-panel label {
  font-weight:inherit;
  padding-right:inherit;
  text-align:inherit;
  width:inherit;
}
*/

/* 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: 4px 1px 4px 4px;
    width: 99%;
}

#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 *