#firefish input[type=password],
#firefish input[type=text],
#firefish input[type=file],
#firefish select,
#firefish textarea {
    margin:0;
    background-color:transparent;
    color:#000;
    border:1px solid #ccc;
    box-shadow:none;
    font-size:14px;
    font-family:HelveticaNeueLTStd-roman;
    height:auto;
    display:inline-block;
    line-height:19px;
    width:93% !important;
}

#firefish #advertSearchArea input[type=password],
#firefish #advertSearchArea input[type=text],
#firefish #advertSearchArea input[type=file],
#firefish #advertSearchArea select,
#firefish #advertSearchArea textarea,
#firefish table.registrationTable .datepicker {
    width:100% !important;	
}

#firefish input[type=password]::-webkit-input-placeholder,
#firefish input[type=text]::-webkit-input-placeholder {
    font-size:14px;
    font-family:HelveticaNeueLTStd-roman;
}

#firefish input[type=password]::-webkit-input-placeholder,
#firefish input[type=text]:-moz-placeholder { /* Firefox 18- */
    font-size:14px;
    font-family:HelveticaNeueLTStd-roman;
}

#firefish input[type=password]::-webkit-input-placeholder,
#firefish input[type=text]::-moz-placeholder {  /* Firefox 19+ */
    font-size:14px;
    font-family:HelveticaNeueLTStd-roman;
}

#firefish input[type=password]::-webkit-input-placeholder,
#firefish input[type=text]:-ms-input-placeholder {  
    font-size:14px;
    font-family:HelveticaNeueLTStd-roman;
}

#firefish input[type=password]:focus,
#firefish input[type=text]:focus,
#firefish input[type=file]:focus,
#firefish select:focus,
#firefish textarea:focus
{
    border-color:#999;
}

#firefish input[type=submit],
#firefish input[type=button],
#firefish button
{
    background: #67c1dd;
    color: #fff;
    padding: 7.5px 17px !important;
    border-color: #67c1dd;
    font-size: 1.0625rem !important;
    cursor: pointer;
    border:1px solid #67c1dd;
    height:auto !important;
    width:auto !important;
}

#firefish input[type=submit]:hover,
#firefish input[type=button]:hover,
#firefish button:hover
{
    opacity:0.7;
}

#firefish input.btn-back,
#firefish input.btn-refer,
#firefish input.btn-cancel,
#firefish input.btn-prev
{
    color:#a5a5a5;
    border:1px solid #ccc;
    background-color:transparent;
}

#firefish table
{
    background:none;
    border:none;
    margin-bottom:0;
}

#firefish a
{
    display:inline;
    text-decoration:none;
}

#firefish a:hover
{
    text-decoration:underline;
}

#firefish #advertSearchArea
{
    margin:0 30% 3% 1%;
}

/* Search fields */
#firefish #advertSearchArea FIELDSET{
	border-width:0;
	margin: 0;
	padding: 0;
}
#firefish #advertSearchArea dl {
    float: none; 
    display: block; 
    clear: both; 
    margin: 0; }
#firefish #advertSearchArea dt, 
#firefish #advertSearchArea dd {
    margin: 0; 
    padding: 0; 
    padding-bottom: 3px;
}
#firefish #advertSearchArea dd { 
    width: 100%;
}
#firefish #advertSearchArea dt {

}
#firefish #advertSearchArea dl.searchButtons dt {
	display: none;
}
#firefish #advertSearchArea dl.searchButtons dd {
	width: 100%; 
	text-align: right;
}

/* Advert Rows/advert Item styles */
#firefish .attract .title {
	margin-top: 10px;
}
#firefish .attract .title .main
{
    font-size:25px;
    margin-bottom:8px;
    line-height:35px;
}

#firefish .attract .title .extra {
    padding: 3px; 
    padding-top: 0;
    padding-left: 0;
    font-size:14px;
    font-weight:100;
    margin-bottom:3px;
    font-family:HelveticaNeueLTStd-Md;
}

.posted-date 
{
    color: #a0a0a0;
}

/*#firefish .attract .title .extra span
{
    display:inline;
}*/

#firefish .attract .title .logoArea {
    float: right; 
    width: 90px; }
#firefish .attract .title .logoAreaContent {
    padding: 3px; }
#firefish .attract .advertArea {
    vertical-align: top;
    margin-top:7px;
}
#firefish .attract .advertArea .advertBody {
    padding: 3px 0; 
    line-height:18px;
}
#firefish .attract .addthis_default_style {
	padding-bottom: 10px;
}
#firefish .resultsGrid {
    border-collapse: separate;
    width: 100%;
    text-align: left; }
#firefish .resultsRow span {
    vertical-align: middle; }
#firefish .resultsRow td.resultsRowCell 
{
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
#firefish .resultsRow td.resultsRowCell 
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0px;
    margin-bottom: 2px;
    padding: 3px;
    cursor: default;
}

/* Pager Control */
#firefish .pager 
{
    font-size:14px;
    margin-top:10px;
}

#firefish .pager a
{
    font-weight:normal;
}

#firefish .pager a.selected
{
    font-weight:700;
}

#firefish .pager td {
    padding: 5px;
    width:15%;
}

#firefish .pager td.pages
{
    text-align:left;
}

#firefish .pager td.recordsWithLogo 
{
    width:28%;
    text-align: left;
    padding-left: 0px;
}
#firefish .pager .pagerPageLinks 
{
    text-align: center;
    width:70%;
}
#firefish .pager .pagerPageLinks a {
    padding: 4px;
    text-decoration: none;
}
#firefish .pager .pagerPageLinks a.selected
{
    font-weight: bold;
    padding: 4px;
}
#firefish .pager .pagerPageLinks a:hover {
    text-decoration: underline;
}

#firefish .pager .records {
    text-align: right;
    width:15%;
}

.backtotop li
{
    bottom:-20px;
}

.ff-powered-by
{
    text-align:right;
    background: #fff;
    margin-bottom: 3%;
}

input[type="checkbox"]
{
    vertical-align: top;
}

input[type="checkbox"]+label
{
    width: 90%;
}

.ffw-add-this 
{
    display: none;
}

@media only screen and (min-width: 767px) {
    .backtotop li {
        bottom: -10px;
    }
}

@media only screen and (max-width: 64em) and (min-width: 40.0625em)
{
    .backtotop {
        bottom: 14px;
    }
}

/*#firefish span
{
    display:inline-block;
    width:100%;
}*/

#firefish span.requiredFieldIndicator
{
    margin-left:3px;
}

span.datepicker input[type="image"] {
    margin-left: -24px;
    margin-top: -9px;
    margin-top: -2px\9;
}

#firefish table tr th, 
#firefish table tr td
{
    padding:0;
}

#firefish table.forgottenPassowrdTable
{
    width:100%;
    margin-bottom:3%;
}

#firefish .contactFormTable
{
    width:100%;
}

#firefish .contactFormTable .contactFormButtonArea
{
    padding-top:2%;
    padding-right:5%;
}

#firefish #remMeChkbxCell
{
    display:none;
}

#firefish table.registration-indented
{
    width:94.5%;
}


.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;
}

.accordion .icon:after
{
    cursor:pointer;
}

.accordion-header-icon
{
    display:none;
}

.filtered-template
{
    margin-bottom:3%;
}

ul.breadcrumbs li
{
    text-transform:capitalize;
}

ul.breadcrumbs li:last-child
{
    color:#67c1dd;
    cursor:default;
}

.login-page table
{
    width:100%;
}

.login-page
{
    max-width:500px;
    margin:0 auto 6% auto;
}

.login-page input
{
    margin-bottom:5px !important;
}

#firefish .login-page input[type=submit]
{
    width:93% !important;
    margin-bottom:2%;
}

.login-page .ffw-login1-remember-span
{
    display:none;
}

/*Mobile Styles*/

@media (max-width: 640px) {
    .login-page
    {
        max-width:100%;
    }

    .pt10 .four.side_list
    {
        display:none;
    }
}

@media only screen and (min-width: 40.0625em) {
    .backtotop li {
        bottom: -34px;
    }
}

@media only screen and (max-width: 767px) 
{
    #firefish input.btn-back
    {
        display:none;
    }

    #firefish input[type="button"],
    #firefish input[type="submit"]
    {
        width:100% !important;
    }
}

@media only screen and (max-width: 767px)
{
    #firefish #advertSearchArea
    {
        margin-left:0;
        margin-right:0;
    }
}

@media only screen and (max-width: 981px)
{
    table.AdvertReferral 
    {
        width:100%;
    }
}

@media only screen and (max-width: 767px)
{
    div.registrationArea input.textbox,
    div.registrationArea select
    {
        width:100%;
    }

    .landingPage
    {
        margin:0;
    }

    .registrationPage .registrationTable td
    {
        display:block;
        width:100%;
    }

    .steveCalendar td
    {
        display:table-cell !important;
        width:auto !important;
    }

    div.registrationArea input.webWidgetFormField, 
    div.registrationArea textarea, 
    div.registrationArea select
    {
        width:75%;
    }

    div.registrationArea select.webWidgetFormField_Small
    {
        float:left;
    }

    #firefish #advertSearchArea dd
    {
        width:100%;
    }
}

/*Request A Vacancy*/
@media only screen and (max-width: 767px)
{
    .vacancyRequest td
    {
        display:block;
        width:100%;
        text-align:left !important;
    }
}

/*Contact Us*/
@media only screen and (max-width: 630px)
{
    .contact-us-form td
    {
        display:block !important;
		float:left !important;
        width:96%;
        text-align:left !important;
    }
}

/*Forgotten Password*/
@media only screen and (max-width: 630px)
{
    .forgottenPassowrdTable td
    {
        display:block !important;
		float:left !important;
        width:96% !important;
    }
    .contactFormTable
    {
        margin-left: 0px;
    }
    .forgottenPassowrdTable td input.textbox,
    .forgottenPassowrdTable td textarea,
    .contactFormTable input.textbox,
    .contactFormTable textarea
    {
        width:91% !important;
    }
}

/*Pager Mobile*/
@media only screen and (max-width: 767px) 
{
    #firefish .pager .pages,
    #firefish .pager .records
    {
        display:none;
    }
}

@media only screen and (max-width: 767px)
{    
    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: 767px)
{   
    #advertSearchArea fieldset dl
    {
        margin:0;
    }
    #advertSearchArea dd
    {
        width:100%;
    }
    #advertSearchArea dt
    {
        width:100% !important;
    }

    .attract .advertApplicationButtonArea
    {
        text-align:left !important;
    }
}

/*Refer a friend*/
@media only screen and (max-width: 767px)
{
    .attract .AdvertReferral
    {
        width:100% !important;
    }

    .attract .AdvertReferral td
    {
        display:block !important;
        width:100% !important;
		float:left !important;
		
        text-align:left !important;
    }
}

/*Advert Page*/
@media only screen and (max-width: 767px)
{	
	.attract .advertApplicationTable td
	{
        display:block !important;
		float:left !important;
        width:100% !important;
    }
	
	div.candidateAdvertApplication table.advertApplicationTable textarea
      {
        width:95% !important;
    }
}

/*Buttons*/
@media only screen and (max-width: 767px)
{
    #firefish input[type=submit],
    #firefish input[type=button],
    #firefish button
    {
        margin-bottom:5px;
    }
}

/*Sign in popup*/
@media only screen and (max-width: 767px)
{
    #firefish .advertLoginTable td
    {
        display:block !important;
		float:left !important;
        width:100% !important;
    }
}

@media only screen and (max-width: 450px)
{
    .candidateAdvertApplicationArea .mdl-wrap .modalPanel
    {
        width:280px !important;
    }

    .candidateAdvertApplicationArea .mdl-wrap .modalPanel .UploadMain.UploadBody input[type="file"]
    {
        display:block;
        width:100%;
    }

    .ffLogin .advertLoginTable td
    {
        display:block;
    }
}

@media only screen and (max-width: 767px)
{
    .homePageLogo.five.columns
    {
        width:auto !important;
    }

    #footer .eleven.columns
    {
        width:auto !important;
    }
}

div.mdl-wrap div.mdl-body {
    overflow:hidden !important;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .container {
        width: 768px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .container {
        width: 420px;
    }
}

@media only screen and (max-width: 767px) 
{
    .container
    {
        width:100%;
    }
}