﻿input[type="textbox"],
input.textbox,
textarea,
select
{
    display: inline-block;
    width: 94%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000 !important;
    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:3px;
}

.searchKeywords input[type="text"]
{
    height:35px;
    padding-top:8px;
}

input[type="button"],
input[type="submit"]
{
    display: inline-block;
    background: #F06B1E;
    border: none;
    padding: 5px 10px !important;
    color: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
    box-shadow: 1px 1px 1px #3D3D3D;
    -webkit-box-shadow: 1px 1px 1px #3D3D3D;
    -moz-box-shadow: 1px 1px 1px #3D3D3D;
    margin-bottom: 0px;
    width:auto !important;
    height:auto !important;
    font-size:14px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.ffw-blog-post-body-readmore-link:hover
{
    color: #333;
    background-color: #EBEBEB;
}

textarea
{
    height:auto;
}

.searchButtons dt
{
    display:none;
}

.searchButtons input[type="button"]
{
    padding:5px 20px;
}

span.datepicker input[type="image"] {
    margin-left: -19px;
    margin-top: -8px;
    margin-top: -2px\9;
}

table.ffw-login1
{
    width:100%;
}

table.ffw-login1 .ff-widget span.ffw-login1-username,
table.ffw-login1 .ff-widget span.ffw-login1-password
{
    display:inline-block;
    margin-right:10px;
}

table.ffw-login1 .ff-widget input.ffw-login1-btn
{
    min-width:195px;
    vertical-align:top;
    margin-right:10px;
}

table.ffw-login1 .ff-widget span.ffs-sprite.InfoSmallImg
{
    vertical-align:baseline;
    cursor:pointer;
}

table.ffw-login1 .ffw-login1-remember-info,
table.ffw-login1 .ffw-login1-remember-chk,
table.ffw-login1 .ffw-login1-remember-lbl
{
    display:none;
}

.ffw-login1-forgot
{
    float:right;
}

.ff-login-landing-page
{
    float:right;
    margin-top:-20px;
}

.ffw-login1 input.ffw-login1-btn {
    color: white;
    background-color: #000;
    border-color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ffw-login1 input.ffw-login1-btn:hover
{
    background-color: #ef7a36;
    border-color: #F06B1E;
}

.ff-right-margin
{
    margin-right:5px;
}

.ff-banner 
{
    padding:0;
    border-bottom: 12px solid #F06B1E;
}

.ff-banner img
{
    width:100%;
}

div.registrationArea div.registrationPage
{
    background-color:transparent !important;
}

.ff-footernav
{
    padding:0;
}

.ff-footernav li
{
    padding: 0 7px;
    margin-bottom: 7px;
    border-left: 1px solid white;
    line-height: 13px;
    display: inline-block;
    float: left;
}

.ff-footernav li a 
{
    color: white;
    text-decoration: none;
}

.ff-footernav li a :hover
{
    color: #fff;
    text-decoration:underline;
}

.ff-footernav li.liTerms
{
    border-left: none;
    padding-left: 0;
}

.poweredByFF
{
    text-align:right;
}

.pager .pages
{
    width:15%;
    text-align:left;
}

.pager .records
{
    width:15%;
    text-align:right;
}

.pager .pagerPageLinks
{
    width:70%;
    text-align:center;
}

.jobsPage #advertSearchArea FIELDSET{
	border-width:0;
	margin: 0;
	padding: 0;
}
.jobsPage #advertSearchArea dl {
    float: none; 
    display: block; 
    clear: both; 
    margin: 0; }
.jobsPage #advertSearchArea dd select,
.jobsPage #advertSearchArea dd input.textbox
{
    width:100%;
}
.jobsPage #advertSearchArea dt, 
.jobsPage #advertSearchArea dd {
    float: left; 
    margin: 0; 
    padding: 0; 
    padding-bottom: 3px;   
}
.jobsPage #advertSearchArea dd { 
    width: 100%;
}
.jobsPage #advertSearchArea dt {
    width: 25%; 
    text-align: left; 
    margin: 3px 0px 0px 0px;
    display: none;
}
.jobsPage #advertSearchArea dl.searchButtons dt {
	display: none;
}
.jobsPage #advertSearchArea dl.searchButtons dd {
	width: 100%; 
	text-align: right;
}

.jobsPage #advertSearchArea
{
    margin-left:10%;
    margin-right:10%;
}

.jobsPage #advertSearchArea .ff-ddl,
.jobsPage #advertSearchArea input[type="textbox"],
.jobsPage #advertSearchArea input.textbox,
.jobsPage #advertSearchArea select
{
    display:inline-block;
    width:100%;
}


/*News*/
.newsArea .newWidgetContainer
{
    border-top:none !important;
}

.newsArea .newWidgetContainer .newWidgetTitle
{
    font-size: 22px;
    border-top: 1px solid #ef7a36;
    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;
    font-weight:700;
}

.newsArea .newWidgetContainer .newWidgetTitleFirst
{
    border-top:none;
}

.newsArea .newWidgetContainer .newWidgetDescription
{
    padding-bottom:15px;
    font-family: Cabin,Helvetica,Helvetica,Arial,sans-serif;
}

.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: 22px;
    color:#F06B1E;
}

.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;
}

.newsItemRssLink img
{
    display:inline-block !important;
}

/*Advert Area*/
.attract .title .main,
.attract .title h1
{
    font-size:22px;
    color:#F06B1E;
    font-weight:400;
}

.attract .title h1
{
    padding-bottom:0;
    margin-bottom:4px;
}

.attract .title .extra
{
    font-weight:700;
}

.AdvertReferral .col-one
{
    width:40% !important;
}

.contact-us-form,
.vacancyRequest
{
    width:100%;
}

div.registrationPage table.registrationTable td.registrationDescription,
.vacancyRequest .labelCell
{
    width:40% !important;
}

.contact-us-form td.labelCell
{
    width:40% !important;
}

.ffw-blog-post-list .col-lg-9
{
    padding-left:0;
}

.ffw-blog-post-body-readmore-link
{
    padding-left:0;
}

.ffw-blog-post-tags,
.ffw-blog-post-comments
{
    margin-bottom:10px;
}

.ff-blog-readmore
{
    margin-top:10px;
    margin-bottom:10px;
}

.ff-title
{
    background:#F06B1E;
    padding:12px 30px 3px 30px;
    color:white;
    font-size:22px;
}

.ff-login-register
{
    float:right;
    margin-right:5px;
}

.ff-login,
.ff-register,
.ff-btn-back,
.ff-logged-in a
{
    display: inline-block;
    background: #F06B1E;
    border: none;
    padding: 5px 10px !important;
    color: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
    box-shadow: 1px 1px 1px #3D3D3D;
    -webkit-box-shadow: 1px 1px 1px #3D3D3D;
    -moz-box-shadow: 1px 1px 1px #3D3D3D;
    margin-bottom: 0px;
    width: auto !important;
    height: auto !important;
    font-size: 14px;
}

.ff-login
{
    margin-right:5px;
}

.ff-login:hover,
.ff-register:hover,
.ff-btn-back:hover,
.ff-logged-in a:hover
{
    color:white;
}

.btn-green
{
    border-color:#F06B1E;
    background-color:#F06B1E;
}

.btn-green:hover
{
    border-color:#ef7a36;
    background-color:#ef7a36;
}

button[disabled].btn-green
{
    border-color:#f8d1d7;
    background-color:#f8d1d7;
}

.footerLink
{
    color:#F06B1E;
}

.footerLink:hover
{
    color:#F06B1E;
    text-decoration:underline;
}

.btn-search
{
    float:right;
}

label
{
    color:#333333;
}

div.registrationPage table.registrationTable td.registerFieldExtraInformation
{
    font-size:11px !important;
}

.registrationPage table td label
{
    display:inline;
    margin-left:5px;
}

.ff-blog-list
{
    border-top: 1px solid #ef7a36;
    margin-top:10px;
    padding-top:10px;
    padding-left:0;
    padding-right:0;
}

.ffw-blog-post-list .pager tr
{
    border-top: 1px solid #ef7a36;
    margin-top:10px;
    padding-top:10px;
}

.ffw-blog-post-list .pager tr td
{
    padding-top:10px;
}

.wrapper-outer
{
    background-color:#eeeeee;
}

.wrapper-inner 
{
    padding:10px 30px 35px 30px;
    border-top:4px solid #E5E5E5;
}

.wrapper-outer .wrapper-header h3
{
    margin:0;
    padding:0;
    color:#fff;
    font-weight:600;
}

.wrapper-outer .wrapper-header
{
    background-color: #000;
    padding:10px 15px;
}

.wrapper-outer .wrapper-inner ul li a
{
    padding-left:0;
    padding-right:0;
    color:#333333;
}

.wrapper-outer .wrapper-inner ul li a:hover
{
    text-decoration:underline;
}

.ffw-blog-post-title h1
{
    padding-bottom:5px;
    margin-bottom:0;
}

.ffw-blog-post-title h3
{
    margin-top:0;
    margin-bottom:5px;
    padding-bottom:0;
    font-size:22px !important;
}

.ffw-blog-post-title h4
{
    margin-top:0;
    margin-bottom:0;
    padding-bottom:0;
    font-size:15px;
    font-weight:bold;
    color:#333;
}

.ffw-blog-post-title p
{
    font-weight:bold;
    margin-bottom:0;
}

.resultsRow td.resultsRowCell, .resultsHighlightedRow td.resultsRowCell
{
    border-top: 1px solid #f5bac3 !important;
    border-bottom: 1px solid #f5bac3 !important;
}

.dark-matter
{
    margin-top:0;
}

.main-content .thumbnail .caption
{
    min-height:620px;
    overflow: hidden;
}

.ff-testimonial-content
{
    border-bottom:1px solid #ef7a36;
    margin-bottom:10px;
    padding-bottom:10px;
}

.ff-testimonial-content .title h1
{
    margin-bottom:0;
}

.ff-testimonial-endorsement
{
    margin-bottom:15px;
}

.testimonialDetails 
{
    text-align:right;
    font-style:italic;
    font-size:14px;
}

.ff-btn-back 
{
    text-align:right;
}

.ff-btn-back a
{
    color:white;
}

.ff-btn-back-wrapper
{
    text-align:right;
}

.ffw-blog-post-comment-form table
{
    width:50% !important;
}

.ffw-blog-post-comment-form .textbox
{
    width:93% !important;
}

.ffw-blog-post-comment-form-buttonArea
{
    text-align:right;
}

.ffw-blog-post-comment-form-buttonArea input
{
    margin-right:30px;
}

.ff-team-member h1
{
    margin-bottom:10px;
    padding-bottom:0;
}

.ff-team-member-list
{
    border-bottom:1px solid #f5bac3;
    padding-bottom:20px;
}

.ff-team-member-list .image-column-width,
.ff-team-member .image-column-width,
.ff-emp-list .clientlogo
{
    text-align:center;
}

.ff-team-details
{
    border-top:1px solid #f5bac3;
    padding-top:10px;
}

.ff-team-member-list a.twitter
{
    margin-right:4px;
}

.ff-no-left-padding
{
    padding-left:0;
}

.ff-no-right-padding
{
    padding-right:0;
}

.text-center
{
    text-align:center;
}

.ff-team-member-list a.twitter img,
.ff-team-member-list a.linkedin img,
.ff-team-member a.twitter,
.ff-team-member a.linkedin
{
    display:inline-block;
}

.ff-team-member-list h3
{
    margin-bottom:8px;
    padding-bottom:0;
}

.ff-emp-list
{
    border-bottom:1px solid #f5bac3;
    padding-bottom:20px;
}

.ff-emp-view-more
{
    margin-top:15px;
    margin-bottom:20px;
}

.ff-emp-list .clientlogo img
{
    max-width:100%;
}

.video-area
{
    text-align:center;
}

.video-area img
{
    margin-bottom:15px;
}

input.btn-back,
input.btn-refer,
input.btn-cancel
{
    border:1px solid #ccc;
    background-color:transparent;
    color:#000;
}

input.btn-back:hover,
input.btn-refer:hover,
input.btn-cancel:hover
{
    background-color:#ccc;
    border:1px solid #ccc;
    color:#000;
    opacity:0.7;
}

#login-page input.ffw-login1-btn
{
    width:93% !important;
    float:none;
}

#login-page input.ffw-login1-txt,
#login-page input.ffw-login1-btn,
#login-page input.ffw-login1-btn 
{
    margin-bottom:6px;
}

#login-page .ffw-login1-username input, 
#login-page .ffw-login1-password input
{
    width:93%;
    float:none;
    margin-left:0;
}

#login-page table
{
    width:100%;
}

#login-page h1
{
    padding-bottom:0;
    margin-bottom:15px;
    border-bottom:none;
}

#login-page .ffw-login1
{
    margin:0;
}

#login-page .ffw-login1-remember-span {
    display: none;
}

#login-page .ffw-login1-links-span {
    display: block;
    margin-top: 10px;
}

#login-page .ffw-login1-forgot
{
    float:none;
}

#login-page .ffw-login1 input.ffw-login1-btn
{
    background-color: #F06B1E;
}

#login-page .ffw-login1 input.ffw-login1-btn:hover
{
    background-color: #ef7a36;
}

.ff-contact-login .contactFormButtonArea
{
    text-align:left !important;
}

.ff-contact-login .contactFormButtonArea input
{
    width:97% !important;
    box-shadow:none;
}

.ff-contact-login .contactFormButtonArea input:hover
{
    background-color: #ef7a36;
    color:#fff;
}

.ff-email-team-list 
{
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ff-right-aligned
{
    text-align:right;
}

/*Media Queries*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
    /* IE10+ CSS styles go here */
    .dark-matter select
    {
        background:none !important;
        background-color:#DFDFDF !important;

        background:none !important\9;
        background-color:#DFDFDF !important\9;
    }
}

@media only screen and (max-width: 767px) 
{
    input.btn-back
    {
        display:none;
    }

    input[type="button"],
    input[type="submit"]
    {
        width:100% !important;
        margin-bottom:3px;
    }
}

@media only screen and (max-width: 767px) 
{
   table
   {
       width:100%;
   }

   table td
   {
       width:100%;
       display:block;
   }
}

@media only screen and (max-width: 767px)
{
    .ff-logo-header
    {
        text-align:center;
        margin-bottom:10px;
    }

    .socialicons
    {
        display:block;
        text-align:center;
    }

    ul.socialicons li
    {
        float:none;
        display:inline-block;
    }

    .ff-login-register
    {
        display:inline-block;
        text-align:center;  
        float:none;
        width:100%;          
    }

    .ff-call-us-text
    {
        display:none;
    }
}

@media only screen and (max-width: 700px)
{
    .ffw-blog-post-comment-form table
    {
        width:100% !important;
    }
    .ffw-blog-post-comment-form-buttonArea input
    {
        margin-right:10px;
    }
}

@media only screen and (max-width: 767px)
{
    .clearfixMobile
    {
        clear:both;
    }

    .ff-call-text
    {
        margin-top:10px;
    }
}

@media only screen and (max-width: 767px)
{
    .footer-text
    {
        margin-left:0;
    }
}

@media only screen and (max-width: 515px)
{
    .ff-footernav
    {
        display:inline-block;
        padding-left:0;
    }
}

@media only screen and (max-width: 775px)
{
    .row
    {
        margin-left: 0; 
        margin-right: 0; 
    }
}

@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: 767px) {
    table.pager tr td {
        display: table-cell;
    }

    .pager .records,
    .pager .pages {
        display: none;
    }

    .pager .pagerPageLinks
    {
        width: 100% !important;
        text-align: center;
    }

}

@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%;
    }
}

@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;
    }
}
@media(max-width:1199px) {
    .search-logo {
        padding-right:0;
    }
    .search-logo img {
        max-width:100%;
    }
}
@media(max-width:480px) {
    .break-full {
        width:100%;
        text-align:center;
    }
    .search-logo {
        padding-bottom:20px;
    }
    .dark-matter{
        padding:18px 20px !important;
    }
    dd input[type="button"]:first-of-type {
        float:left;
    }
}