﻿#advertSearchArea .ff-ddl,
input[type="textbox"],
input.textbox,
textarea,
select
{
    display: inline-block;
    width: 95%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom:5px;
}

textarea
{
    height:auto;
}

#advertSearchArea .ff-ddl,
#advertSearchArea input[type="textbox"],
#advertSearchArea input.textbox,
#advertSearchArea select
{
    display:block;
    width:100%;
}

#advertSearchArea fieldset dl
{
    float:left;
    width: 20%;
    margin-top:15px;
    margin-bottom:15px;
    padding-left: 5px;
    padding-right: 5px;
}

input[type="button"],
input[type="submit"]
{
    width: auto;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input[type="button"]:hover,
input[type="submit"]:hover
{
    background-color:#7F7E7E;
}

#advertSearchArea .searchButtons dt
{
    display:none;
}

.bigLoginTable td
{
    vertical-align:top;
}

span.datepicker input[type="image"] {
    margin-left: -19px;
    margin-top: -8px;
    margin-top: -2px\9;
}

.attract input[type="button"],
.attract input[type="submit"],
div.registrationArea input[type="button"], 
div.registrationArea input[type="submit"],
.btnVacancyForm input[type="submit"],
.contact-us-form input[type="submit"]
{
    width:auto !important;
    padding:8px 15px 8px 15px !important;
    height:auto !important;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
}

.vacancyRequest,
.contact-us-form
{
    width:100%;
}

.AdvertReferral .col-one,
.vacancyRequest .labelCell
.contact-us-form .labelCell 
{
    width:40% !important;
}

#footer .footernav li.liTerms
{
    border-left: 1px solid #595959;
}

.banner img
{
    width:100%;
}

div.contentArea
{
    margin: 10px;
}

/* Featured Jobs & Search */

.featJobs {
    background-color: white;   
    font-size: 11px;
    padding: 50px 30px 35px 30px;

    width:100%;
	float: left;
}

.featJobs ul
{
    list-style:none;
}

.featJobs .ffw-featured-jobs-ticker {

}

.featJobs .ffw-featured-jobs-ticker-title
{

}

.featJobs .ffw-featured-jobs-ticker-title a {
	position: relative;
    font-size:22px;
    margin-bottom:10px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}
  
.featJobs .ffw-featured-jobs-ticker-payment {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	position: relative;
	display: block;
	width: auto;   
    margin-bottom:10px;
    clear:both;
    font-size:14px;
}   

.featJobs .ffw-featured-jobs-ticker-description {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	position: relative;
	display: block;
	width: auto;
	overflow: hidden;
	padding: 0 7px 0 0px; 
    clear:both;
    line-height:19px;
    font-size:14px;
}
  
.featJobs .ffw-featured-jobs-ticker-readMore {
	display: inline-block;
	max-width: 200px;
	padding-right: 15px;
	margin-top: -4px;
    font-size:11px;
}

.featJobs .ffw-featured-jobs-ticker-readMore a {
	width: auto;
    font-size:14px;
    padding-left: 5px;
}

.featJobs .ffw-featured-jobs-ticker-alljobsbtn {
	display: inline-block;
}

.featJobs .ffw-featured-jobs-ticker ul {
	display: inline-block;
    margin:0;
    padding:0px;
}
.featJobs .ffw-featured-jobs-ticker ul.bjqs-controls {
  padding-top:80px;
}
.featJobs .ffw-featured-jobs-ticker .bjqs-controls li {
	display: inline-block;
	float: left;
	width: 12px;
	margin-right: 24px;
	text-align: center;
}
.featJobs .ffw-featured-jobs-ticker .bjqs-controls li a {
	font-weight: bold;

    background-color: #575757;
    border-color: #575757;
    color:white;

    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 11px;
    padding-left: 11px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

}

.featJobs .ffw-featured-jobs-ticker ol.bjqs-markers
{
    width:440px;
    height:100px;
    margin:0px;
}

.featJobs .ffw-featured-jobs-ticker ol.bjqs-markers li
{
    display:none;
}

.bjqs-slide img {
  border-radius: 6px 6px 0 0;
}

.bjqs-controls,.bjqs-markers{
  display: none;
}

ul.bjqs
{
}


li.bjqs-slide
{
    position:absolute; 
    display:none;
}
p.bjqs-caption
{
    display:block;
    width:96%;
    margin:0;
    padding:2%;
    position:absolute;
    bottom:0;
}

.featJobs .moreLink
{
    color: #ffffff;
    background-color: #595959;
    border-color: #595959;

    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.featJobs .moreLink:hover
{
    background-color: #7F7E7E;
    border-color: #7F7E7E;
}

.featJobs .viewAllJobs
{
    display:block;
    margin-top: 84px;
    margin-left: 73px;
}

div.registrationPage table.registrationTable td.registrationDescription
{
    width:40% !important;
}

.page-no-absolute
{
    position:static !important;
}

.footer-signs
{
    font-family:Helvetica, Arial, sans-serif;
}

.pager .pages
{
    text-align:left;
}

.pager .records
{
    text-align:right;
}

.pager .pagerPageLinks
{
    text-align:center;
}

.pager a.aspNetDisabled.selected {
    font-weight: bold;
}

.attract .title .main a
{
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size:28px;
}

.attract .title .main a:hover
{
    color:#000;
    text-decoration: none!important;
}

.attract .title .main a:hover span {
       
    text-decoration: underline;
}

.attract .title .main span,
.attract .title h1
{
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size:32px;
    color:#000000;
}

.attract .title h1
{
    margin-top:0;
    margin-bottom:4px;
    padding-bottom:0;
    line-height: 45px !important;
}
.attract .title .extra,
.newsArea .newWidgetContainer .newWidgetDetail, 
.newsArea .titleArea .date
{
    font-family: 'Open Sans',Helvetica,Arial,sans-serif !important;
    font-size:16px !important;
    line-height:1.5;
    color:#7C7B80;
    font-weight:bold;
}

.attract .advertBody
{
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}

.attract .advertArea
{
    margin-top:8px;
}

.attract .AdvertReferral label
{
    font-weight:normal;
}

.ff-map
{
    margin-bottom:20px;
    padding-left:0;
    padding-right:0;
}

/*News*/
.newsArea .newWidgetContainer
{
    border-top:none !important;
}

.newsArea .newWidgetContainer .newWidgetTitle
{
    font-size: 25px;
    color: #595959;
    border-top: 1px dotted #CFCFE5;
    padding-top:15px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}

.newsArea .newWidgetContainer .newWidgetDetail,
.newsArea .titleArea .date
{
    font-size: 14px;
    font-family: Arial,sans-serif;
}

.newsArea .newWidgetContainer .newWidgetTitleFirst
{
    border-top:none;
}

.newsArea .newWidgetContainer .newWidgetDescription
{
    padding-bottom:15px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size:16px;
}

.newsArea .newWidgetContainer .newWidgetExtraURL
{
    padding-bottom:15px;
}

.newsArea .newWidgetContainer
{
    border-top: 1px dotted #CFCFE5;
}

.newsArea .titleArea .title
{
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 30px;
    color: #595959;
}

.newsArea .titleArea
{
    border-bottom: 1px dotted #CFCFE5;
    margin-bottom:10px;
    padding-bottom:10px;
}

.newsArea .alignRight
{
    text-align:right;
}

.newsArea .alignRight input[type="button"]
{
    width:auto;
}

.attract .logoArea
{
    float:right;
}

.ff-footernav
{
    padding:0;
}

.ff-footernav li
{
    padding: 0 7px;
    margin-bottom: 7px;
    border-left: 1px solid #cecece;
    line-height: 13px;
    display: inline-block;
    float: left;
}

.ff-footernav li a 
{
    color: #cecece;
    text-decoration: none;
}

.ff-footernav li a :hover
{
    color: #fff;
}

.ff-footernav li.liTerms
{
    border-left: none;
    padding-left: 0;
}

.poweredByFF
{
    text-align:right;
}

.ff-logo-header img
{
    width:auto;
}

.ff-rec-footer {
    text-align: right;
}

.ff-right-margin
{
    margin-right:3px;
}

.btnVacancyForm input[type="submit"],
.contact-us-form input[type="submit"]
{
    margin-right:5%;
}

.login-text
{
    margin-top:20px;
}

.justify
{
    text-align:justify;
}

.cta_text{
    font-size:16pt;
}

.ffwLoggedin a {
    color: #fff;
}

.ffwLoggedin
{
    margin-top:13px;
}

input.btn-back,
input.btn-refer,
input.btn-cancel
{
    border:1px solid #ccc;
    background-color:#fff;
    color:#000;
}

input.btn-back:hover,
input.btn-refer:hover,
input.btn-cancel:hover
{
    background-color:#eee;
}

.text-center
{
    text-align:center;
}

.ff-blog-post
{
    border-bottom:1px solid #eee;
    padding-bottom:20px;
}

.ff-no-left-padding
{
    padding-left:0;
}

.ff-no-right-padding
{
    padding-right:0;
}

.ffw-blog-post-tags
{
    margin-top:10px;
    margin-bottom:10px;
}

.ffw-blog-post-body-image img
{
    text-align:center;
}

.ffw-blog-post-title h1,
.ff-team-member h1
{
    margin-bottom:10px;
    padding-bottom:0;
}

.ff-team-member-list
{
    border-bottom:1px solid #eee;
    padding-bottom:20px;
}

.ff-team-member-list .image-column-width,
.ff-team-member .image-column-width,
.ff-emp-list .clientlogo
{
    text-align:center;
}

.ff-emp-list .clientlogo img
{
    max-width:100%;
}

.ff-team-details
{
    border-top:1px solid #eee;
    padding-top:10px;
    min-height: 80px;
}

.ff-testimonial-item-list
{
    border-bottom:1px solid #eee;
    padding-bottom:10px;
}

.ff-testimonial-endorsement
{
    margin-bottom:15px;
}

.testimonialDetails
{
    text-align:right;
    font-style:italic;
}

.ff-btn-back
{
    text-align:right;
}

.btn-info.mobile-read-more {
     display: none;
}

.desktop-read-more {
    display: block;
}

.ff-emp-list
{
    border-bottom:1px solid #eee;
    padding-bottom:20px;
}

.ff-emp-view-more
{
    margin-top:15px;
    margin-bottom:20px;
}

.video-area
{
    text-align:center;
}

.video-area img
{
    margin-bottom:15px;
}

.registration-indented
{
    width:96%;
}

.registration-indented td
{
    width:50%;
}

#login-page input.ffw-login1-btn
{
    width:95%;
}

#login-page .ffw-login1-remember-span
{
    display:none;
}

#login-page .ffw-login1-links-span
{
    display:block;
    margin-top:10px;
}

.ff-login 
{
    width:49%;
}

.ff-landing
{
    width:49%;
}

.ff-small
{
    margin-bottom:10px;
}

.ff-grey
{
    background-color:#7F8082;
    border-color:#7F8082;
}

.ff-grey:hover
{
    background-color:#7F8082;
    border-color:#7F8082;
    opacity:0.7;
}

.ff-team-member-list a.twitter
{
    margin-right:4px;
}

.ff-contact-login .contactFormButtonArea
{
    text-align:left !important;
}

.ff-contact-login .contactFormButtonArea input
{
    width:97% !important;
}

.ff-team-member-list a.twitter,
.ff-team-details a.twitter,
.ff-team-member-list a.linkedin,
.ff-team-details a.linkedin,
.ff-team-member-list a.facebook,
.ff-team-details a.facebook
{
    margin-right:5px;
}

img
{
    max-width:100%;
}

.attract .logoArea img
{
    max-width:75px;
}

h1, h2, h3, h4, h5, h6
{
    color:#000000;
}

.resultsRow td.resultsRowCell, 
.resultsHighlightedRow td.resultsRowCell
{
    border-top:1px solid #ccc !important;
    border-bottom:1px solid #ccc !important;
}

div.registrationArea div.registrationPage
{
    background-color:transparent !important;
}

.nav.navbar-right
{
    text-transform:uppercase;
}

@media only screen and (max-width: 767px) 
{
    .pager .pages,
    .pager .records
    {
        display:none;
    }
    .ff-logo-header img {
        max-width:100%;
    }
}

/* Job Search Styles */

@media only screen and (max-width: 767px) 
{
    .jobSearch input[type="button"] {
        width: 100%;
    }

    .attract .title .main span
    {
        line-height: 45px !important;
    }

}

/*Media Queries*/

@media only screen and (max-width: 767px) 
{
    #advertSearchArea fieldset dl
    {
        float:none;
        width:100%;
        margin:0;
    }
}

@media only screen and (max-width: 767px) 
{
    input.btn-back
    {
        display:none;
    }

    .attract input[type="button"],
    .attract input[type="submit"],
    div.registrationArea input[type="button"],
    div.registrationArea input[type="submit"]
    {
        width:100% !important;
        margin-bottom:3px;
    }

    .btn-info.mobile-read-more {
         display: inline-block;
    }

    .desktop-read-more {
        display: none;
    }

}

@media only screen and (min-width: 768px) 
{    
    .ff-small
    {
        display:none;
    }
}

@media only screen and (max-width: 767px) 
{
    .ffwLoggedin
    {
        margin:10px 15px;
    }
}

@media only screen and (max-width: 767px)
{    
    .ff-logo-header img
    {
        margin:20px 0 35px 0%;
    }

    .ff-logo-header
    {
        text-align:center;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-nav
    {
        margin:0;
    }

    .ajax__calendar_container TD
    {
        padding: 0px;
        margin: 0px;
        font-size: 11px;
        width: auto !important;
        display: inline-block !important;
    }
}

@media only screen and (max-width: 500px)
{
    #advertSearchArea fieldset dl
    {
        width: 100% !important;
    }
}

/*Landing Mobile*/
@media only screen and (max-width: 500px)
{
    div.registrationArea input.textbox,
    div.registrationArea select
    {
        width:100%;
    }

    .landingPage
    {
        margin:0;
    }

    .registrationPage .registrationTable td
    {
        display:block;
        width:100%;
    }

    div.registrationArea input.webWidgetFormField, 
    div.registrationArea textarea, 
    div.registrationArea select
    {
        width:75%;
    }

    div.registrationArea select.webWidgetFormField_Small
    {
        float:left;
    }
}

/*Request A Vacancy*/
@media only screen and (max-width: 500px)
{
    .vacancyRequest td
    {
        display:block;
        width:100%;
        text-align:left !important;
    }
}

/*Contact Us*/
@media only screen and (max-width: 500px)
{
    .contact-us-form td
    {
        display:block;
        width:100%;
        text-align:left !important;
    }
}

/*Advert Page*/
@media only screen and (max-width: 500px)
{
    .attract .advertApplicationTable td
    {
        display:block;
        width:100% !important;
    }
}
/*Forgotten Password*/

@media only screen and (max-width: 500px)
{
    .forgottenPassowrdTable td
    {
        display:block;
        width:100% !important;
    }
    .contactFormTable
    {
        margin-left: 0px;
    }
}

/*Pager Mobile*/
@media only screen and (max-width: 500px)
{    
    table.pager .pages {
        text-align: left;
        width: 20%;
        padding-bottom: 3px;
    }
    table.pager td.pagerPageLinks {
        width: 100%;
    }
    table.pager .records
    {
        text-align:right;
    }
    tr.resultsEmptyData {
        text-align: center;
    }
}

/*Advert Page*/
@media only screen and (max-width: 500px)
{
    .attract .title .main,
    .attract .title h1
    {
        line-height:25px;
    }

    #advertSearchArea fieldset dl
    {
        margin:0;
    }
    #advertSearchArea dd
    {
        width:100%;
        margin-bottom:10px;
    }
    #advertSearchArea dt
    {
        width:100% !important;
    }
}

/*Advert Referral*/
@media only screen and (max-width: 500px)
{
    .AdvertReferral 
    {
        width:100%;
    }

    .AdvertReferral td
    {
        display:block !important;
        width:100% !important;
    }
}

@media only screen and (max-width: 995px) {
    div.contactForm {
        width: 100%;
    }
    div.contactUsText {
        width: 100%;
    }
}

/*Featured Ticker*/
@media only screen and (max-width: 995px)
{
    .featJobs .ffw-featured-jobs-ticker ul
    {

    }
}

@media only screen and (max-width: 500px)
{
    .bigLoginTable input
    {
        display:block;
        width:100%;
    }
    .bigLoginTable td
    {
        width:100%;
        display:block;
    }

    .loginBig #rememberMe
    {
        display:none;
    }

    .landingContainer .registrationPageCell
    {
        display:none;
    }
}

/* Datepicker */

.steveCalendar .ajax__calendar_title
{
    padding:0 !important;
}

.ajax__calendar_body
{
    width:160px !important;
}

div.steveCalendar table
{
    width:160px !important;
}

.ajax__calendar_today
{
    padding-top:0 !important;
}

.ajax__calendar_footer
{
    height:22px !important;
}

.ajax__calendar_days, 
.ajax__calendar_months, 
.ajax__calendar_years
{
    width:165px !important;
}

.ajax__calendar_header
{
    height:24px !important;
}

.ajax__calendar_days TABLE {
    line-height: 18px;
}

/* Phone Number Styles */

.ff-call-text {
    font-size: 30px;
}

@media only screen and (min-width: 768px)
{
    .ff-call-text {
        margin-top: 5%;
    }
}

/* Employer Profile Styles */

.emp-profile-social li
{
    list-style-type: none;
    display: inline-block;
}

ul.share.emp-profile-social {
    padding-left: 0;
}

.col-sm-5.emp-profile-top h3,
.col-sm-5.emp-profile-top h2 {
    border-top: 1px solid #bbb;
    padding-top:14px;
}

.ff-emp-jobs .ff-emp-job
{
    margin-top: 8px;
}

.ff-no-left-padding.col-md-5 p {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ff-no-left-padding.col-md-5 p a {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ff-no-left-padding.col-md-5.emp-list-email
{
    padding-left: 0px !important;
    padding-right: 30px !important;
}

.col-md-4.td-emp-social {
    padding-left: 0px !important;
    padding-right: 30px !important;
}

.col-md-3.team-direct-dial.ff-no-right-padding {
    padding-left: 0px !important;
}