/* Table of Content
==================================================
	#Site Styles
	#Font-Face 
	
	To search component labals display above input feilds add "Display:block" to line 314 (.PSOFOShop #div-srclabelX) - Replace X = 1 to 10 
		
*/

/* #Site Styles
================================================== */
/*	body{ 
		word-wrap: break-word;
	}*/

/*	.container {
		padding: 20px;
		width: 960px;
		margin: 0 auto;
	}*/

#FOloginComp, #FOchpComp, #FOchpdocComp {
    padding-top: 10px;
    background: none !important;
}

.PSOFOShop {
    background: url("../img/web-banner.jpg") 0 0 no-repeat;
    padding-top: 250px;
    background-size: 100%;
}

.PSOFOShop:after, .PSOFOShop:before {
    clear: both;
    content: "";
    display: block;
}
/* Start search mask/search agent */
/* Start title */
.PSOFOShop #SRCLogLegend {
    font-size: 18px;
}

/* End title */
/* Start search mask welcome text */
.PSOFOShop .SA-Intro {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    padding-left: 9px;
}

/* End search mask welcome text */
/* Start labels */
.PSOFOShop .SA-Label,
.PSOFOShop .Search-lab {
    font-weight: bold;
    /* width:100%; */
    width: 136px;
    clear: both;
}

/* End labels */
/* Start radio buttons and checkbox */
.PSOFOShop .SA-smalltext,
.PSOFOShop .SA-F3,
.PSOFOShop .SA-F4,
.PSOFOShop .SA-LR,
.PSOFOShop .SA-FR {
    font-size: 12px;
}

/* End start radio buttons and checkbox */
/* Start search criteria */
.PSOFOShop #div-srcitem1,
.PSOFOShop #div-srcitem2,
.PSOFOShop #div-srcitem3,
.PSOFOShop #div-srcitem4,
.PSOFOShop #div-srcitem5,
.PSOFOShop #div-srcitem6,
.PSOFOShop #div-srcitem7,
.PSOFOShop #div-srcitem8,
.PSOFOShop #div-srcitem9,
.PSOFOShop #div-srcitem10,
.PSOFOShop #div-sagparam1,
.PSOFOShop #chpLogTextUser,
.PSOFOShop #chpLogTextPassw,
.PSOFOShop #wAgpLogTextUser,
.PSOFOShop #wAgpLogTextPassw {
    display: inline-block;
    /* display: block; */
    clear: both;
}

.PSOFOShop #div-srclabel1,
.PSOFOShop #div-srclabel2,
.PSOFOShop #div-srclabel3,
.PSOFOShop #div-srclabel4,
.PSOFOShop #div-srclabel5,
.PSOFOShop #div-srclabel6,
.PSOFOShop #div-srclabel7,
.PSOFOShop #div-srclabel8,
.PSOFOShop #div-srclabel9,
.PSOFOShop #div-srclabel10,
.PSOFOShop #div-sagparam1 label,
.PSOFOShop #chpLogLabelUser,
.PSOFOShop #chpLogLabelPassw,
.PSOFOShop #wAgpLogLabelUser,
.PSOFOShop #wAgpLogLabelPassw {
    display: inline-block;
    /* display: block;
    clear: both; */
}

.PSOFOShop #div-srclabel1 {
    vertical-align: top;
}

.PSOFOShop #div-srcitem1 {
    vertical-align: top;

}

#chpViewDocClose {
    width: 100%;
    clear: Both;
}

/* End search criteria */
@-moz-document url-prefix() {
    #sag-submitbutton .SAg-ButtonFace {
        padding: 4px 12px 3px 10px !important;
    }
    #submitbutton .SA-ButtonFace {
        padding: 3px 12px 4px 10px !important;
    }
}
/* End search mask/search agent */
/* Start search agent */
.PSOFOShop label.SA-F4 {
    display: block;
    width: 46% !important; /* Override inline styling output by core code */
}

.PSOFOShop #SAgLogLegend {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.PSOFOShop .Search-lab {
    font-size: 12px;
    font-weight: normal;
}
/* End search agent */
/* Start list */
/* Start search criteria data */
.PSOFOShop .Lst-CriteriaLabel,
.PSOFOShop .Lst-CrtLabel {
    font-weight: bold;
    padding: 0 0 0 5px;
}

/* End search criteria data */
/* Start headers on job list table */
.PSOFOShop .Lst-Header a,
.PSOFOShop .Lst-Header a:hover,
.PSOFOShop .Lst-Header a:visited {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.PSOFOShop .Lst-Header {
    background-color: #FFF;
}

/* End headers on job list table */
/* Start odd lines on job list table */
.PSOFOShop .Lst-BG1 {
    font-size: 14px;
}

/* End odd lines on job list table */
/* Start even lines on job list table */
.PSOFOShop .Lst-BG2 {
    font-size: 14px;
    background-color: #ffffff;
}

/* End even lines on job list table */
/* Start text on top and below table */
.PSOFOShop .Lst-ResNav,
.PSOFOShop .Lst-CountLabel {
    /* font-size: 14px; */
}

/* End text on top and below table */
/* End list */
/* Start job description */
/* Start title */
.PSOFOShop #JDText-Title {
    color: #333;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    background-color: #eee;
    padding: 5px 10px;
    margin-top: 0;
}

/* End title */
/* Start job description headers */
.PSOFOShop .JD-FieldLabel {
    /*font-size: 14px;*/
}

/* End job description headers */
/* End job description */
/* Start logins */
/* Start welcome text */
.PSOFOShop #chpintro,
.PSOFOShop #wLogLegend,
.PSOFOShop #wAgpLogLegend {
    font-size: 14px;
    font-weight: normal;
}

/* End welcome text */
/* Start invalid login text */
.PSOFOShop #chpfailedlog {
    color: red;
    clear: both;
}

/* End invalid login text */
/* End logins */
/* Start chp */
/* Start title */
.PSOFOShop .chptitle,
.PSOFOShop .chptitleT,
.PSOFOShop .offer-header,
.PSOFOShop .chptitle {
    font-size: 16px;
    font-weight: normal;
}

.PSOFOShop .chptitleD {
    font-size: 14px;
    font-weight: normal;
}

/* End title */
/* Start section headers */
.PSOFOShop .chptitleH,
.PSOFOShop .chptitleA,
.PSOFOShop .chptitleS,
.PSOFOShop .nestedHeaderCol,
.PSOFOShop .headerCol {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

/* End section headers */
/* Start table */
/* Start column headers */
.PSOFOShop .chpView-T1 th.chpheader,
.PSOFOShop .chpView-T3 th.chpheader,
.PSOFOShop .chpView-T4 th.chpheader,
.PSOFOShop .chpView-T5 th.chpheader,
.PSOFOShop .chpView-T6 th.chpheader,
.PSOFOShop .chpView th.chpheader {
    font-size: 14px;
    font-weight: normal;
    width: 33% !important;
}

.chpView-T4 .chpView a, .chptitleA, #pending_date {
    text-transform: capitalize;
}

/* End column headers */
/* Start text */
.PSOFOShop .chpView-T1 th,
.PSOFOShop .chpView-T1 td,
.PSOFOShop .chpView-T3 th,
.PSOFOShop .chpView-T3 td,
.PSOFOShop .chpView-T4 th,
.PSOFOShop .chpView-T4 td,
.PSOFOShop .chpView-T5 th,
.PSOFOShop .chpView-T5 td,
.PSOFOShop .chpView-T6 th,
.PSOFOShop .chpView-T6 td,
.PSOFOShop .chpView th,
.PSOFOShop .chpView td,
.PSOFOShop .chpViewDoc-T1 th,
.PSOFOShop .chpViewDoc-T1 td,
.PSOFOShop .costCentreHeaderRow td,
.PSOFOShop .chpViewDoc-T1 td.chpDate {
    font-size: 14px;
    padding: 5px;
}

.PSOFOShop .costCentreHeaderRow td {
    text-align: left;
    /* color: #120066; */
    font-size: 12px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 20px;
}

/* End text */
/* Start job title and file names */
.PSOFOShop th.chpJob,
.PSOFOShop td.chpJob,
.PSOFOShop .chpViewDoc-T1 td.chpDoc {
    text-decoration: none;
    font-weight: normal;
}

/* End job title and file names */
/* End table */
/* End chp */
/* Start other */
.PSOFOShop .emptyComment {
    color: #333;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    /* background-color: #F0EDFC; */
    /* border: 1px solid #210291210291; */
    padding: 2px;
}

.PSOFOShop .chptitleT {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 7px;
}

.PSOFOShop .chpView {
    background-color: transparent;
    border: none;
}
/* End other */
/* Start search mask */
.PSOFOShop #div-srclabel1,
.PSOFOShop #div-srclabel2,
.PSOFOShop #div-srclabel3,
.PSOFOShop #div-srclabel4,
.PSOFOShop #div-srclabel5,
.PSOFOShop #div-srclabel6,
.PSOFOShop #div-srclabel7,
.PSOFOShop #div-srclabel8,
.PSOFOShop #div-srclabel9,
.PSOFOShop #div-srclabel10 {
    /* padding-bottom: 5px;
    padding-top: 5px; */
}

.PSOFOShop #div-srcparam1,
.PSOFOShop #div-srcparam2,
.PSOFOShop #div-srcparam3,
.PSOFOShop #div-srcparam4,
.PSOFOShop #div-srcparam5,
.PSOFOShop #div-srcparam6,
.PSOFOShop #div-srcparam7,
.PSOFOShop #div-srcparam8,
.PSOFOShop #div-srcparam9,
.PSOFOShop #div-srcparam10 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.PSOFOShop .barnavybold {
    margin-left: 10px;
}
/* End search mask */
/* Start list */
/* Start alignment */
.PSOFOShop .Lst-Tabel {
    width: 100%;
}

.PSOFOShop .Lst-CountLabel,
.PSOFOShop .Lst-Header th {
    text-align: left;
    padding-bottom: 5px;
}

.PSOFOShop .Lst-Header th {
    background-color: #eee;
}

.PSOFOShop .Lst-Tabel th,
.PSOFOShop .Lst-Tabel td {
    padding: 5px;
}

/* End alignment */
/* End list */
/* Start job description */
/* Start job summary inline */

#JD-TopParams, #JD-AllFields {
    padding-left: 10px;
}

.PSOFOShop #JD-TopParams h4 {
    /* display: block; */
    display: inline-block;
    margin: 0;
    /* width: 29%; */
    width: 160px;
}

/* End job summary inline */
/* Start alignment */
.PSOFOShop #JD-TopParams div {
    padding-top: 5px;
    padding-bottom: 10px;
}

.PSOFOShop #wAgpLogFPButton {
    margin-top: 10px;
    margin-bottom: 10px;
}

.PSOFOShop #chpLogLabelUser,
.PSOFOShop #chpLogTextUser,
.PSOFOShop #chpLogLabelPassw,
.PSOFOShop #chpLogTextPassw,
.PSOFOShop #wLogLabelComp,
.PSOFOShop #wLogTextComp,
.PSOFOShop #wLogLabelUser,
.PSOFOShop #wLogTextUser,
.PSOFOShop #wLogLabelPassw,
.PSOFOShop #wLogTextPassw,
.PSOFOShop #wLogLabelLang,
.PSOFOShop #wLogTextPassw,
.PSOFOShop #wAgpLogLabelComp,
.PSOFOShop #wAgpLogTextComp,
.PSOFOShop #wAgpLogLabelUser,
.PSOFOShop #wAgpLogTextUser,
.PSOFOShop #wAgpLogLabelPassw,
.PSOFOShop #wAgpLogTextPassw,
.PSOFOShop #wAgpLogLabelLang,
.PSOFOShop #wAgpLogTextLang {
    margin-top: 2px;
    margin-bottom: 2px;
    clear: both;
}

.PSOFOShop #wLogFPButton {
    clear: both;
    padding: 10px 0;
}

.PSOFOShop #userLanguage,
.PSOFOShop #sUserLanguage {
    display: none;
}

/* End alignment */
/* End job description */
/* Start chp */
/* Start alignment */
.PSOFOShop #chpLogForgot {
    clear: Both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.PSOFOShop table.chpViewDoc-T1 {
    width: 100%;
}

.PSOFOShop .chpBack {
    margin-top: 10px;
}

.PSOFOShop #chpViewCalContent span.chpView {
    margin-left: 11px;
    margin-top: 10px;
}

.PSOFOShop .chpView-T1,
.PSOFOShop .chpView-T2,
.PSOFOShop .chpView-T3,
.PSOFOShop .chpView-T4,
.PSOFOShop .chpView-T5 {
    width: 100%;
    padding-top: 10px;
}

.PSOFOShop table.chpView,
.PSOFOShop table.chpView-T1,
.PSOFOShop table.chpView-T2,
.PSOFOShop table.chpView-T3,
.PSOFOShop table.chpView-T4,
.PSOFOShop table.chpView-T5 {
    margin-top: 10px;
}

.PSOFOShop .chpView-T1 td,
.PSOFOShop .chpView-T2 td,
.PSOFOShop .chpView-T3 td,
.PSOFOShop .chpView-T4 td,
.PSOFOShop .chpView-T6 td,
.PSOFOShop table.chpView tbody th {
    width: 33%;
}

.PSOFOShop .chpView-T5 td {
    width: 25%;
}

.PSOFOShop table.chpView {
    width: 100%;
    padding-top: 10px;
}

.PSOFOShop #chpViewHProgram,
.PSOFOShop #chpViewCalContent,
.PSOFOShop #divViewInvitationEmail,
.PSOFOShop #chpViewApplications,
.PSOFOShop #chpViewSaveApplications,
.PSOFOShop #chpViewLatestOffers {
    margin-bottom: 10px;
    margin-top: 5px;
}

.PSOFOShop #chpViewCalContent {
    width: 100%;
}

.PSOFOShop td.chpView {
    width: auto !important;
}

.PSOFOShop #chpViewChangePass,
.PSOFOShop #chpViewPIF,
.PSOFOShop #chpViewEditPIF,
.PSOFOShop .chptitle,
.PSOFOShop .chpsubtitle,
.PSOFOShop #chpViewTimes,
.PSOFOShop #chpViewDeleteMyRecord {
    padding-bottom: 5px;
}

.PSOFOShop #chpViewDocContent {
    margin-bottom: 10px;
}

.PSOFOShop .chptitleH,
.PSOFOShop .chptitleA,
.PSOFOShop .chptitleS {
    text-align: left;
    padding-top: 3px;
    padding-bottom: 6px;
}

.PSOFOShop .chptitleD,
.PSOFOShop .chptitle {
    text-align: left;
}

/* End alignment */
/* End chp */
/* Start timesheets */
.PSOFOShop .chpheader, .chptitleD {
    text-align: left;
    padding-top: 10px;
    padding-left: 5px;
    background: none repeat scroll 0 0 #F4F4F4;
    border-bottom: 1px solid #DEDEDE;
}

.chptitleD {
    font-family: "CenturyGothicW01Bold", sans-serif;
}

.chpDoc {
}

.chpDate {
    width: 250px;
}

.PSOFOShop .chpView-T1 tr:nth-child(odd) td,
.PSOFOShop .chpView-T2 tr:nth-child(odd) td,
.PSOFOShop .chpView-T3 tr:nth-child(odd) td,
.PSOFOShop .chpView-T4 tr:nth-child(odd) td,
.PSOFOShop .chpViewDoc-T1 tr:nth-child(even) td {
    background: none repeat scroll 0 0 #F4F4F4;
}

.chpViewDoc-T1 tbody {
    width: 100%;
}

.PSOFOShop .chpViewTS-T1 tbody tr td {
    padding-top: 10px;
    padding-left: 5px;
}

.PSOFOShop .chpViewTS-T1 tbody tr td select {
    width: 100%;
    margin-right: 10px;
}

.PSOFOShop table.chpViewTS-T1 tbody tr td {
    padding-bottom: 10px;
}

.PSOFOShop #divViewInvitationEmail .sectionContent {
    background-color: transparent;
}
/* End timesheets */
/* Start social buttons */
.PSOFOShop .JD-socialNetworks-bottom a {
    padding-left: 5px;
}
/* End social buttons */
/* Start borders on serch criteria, search agent logins */
.PSOFOShop #SRCLogSet,
.PSOFOShop #SAgLogSet,
.PSOFOShop #chpLogSet,
.PSOFOShop #wLogSet,
.PSOFOShop #wAgpLogSet {
    border: none;
}
/* End borders on serch criteria, search agent logins */
/* Start hiding [ ] and text about new pop up */
.PSOFOShop .linkbracket,
.PSOFOShop .NewPopUp {
    display: none;
}
/* End hiding [ ] and text about new pop up */
/* Start buttons aligment */
.PSOFOShop input.chpview {
    padding: 2px 10px;
}

.PSOFOShop .contract_form_actions input {
    padding: 3px 3px 2px;
}

.PSOFOShop #bottomact,
.PSOFOShop #actions,
.PSOFOShop #sag-actions,
.PSOFOShop #da-actions {
    margin-bottom: 10px;
    margin-top: 10px;
}

.PSOFOShop #bottomact {
    margin-bottom: 10px;
    margin-top: 10px;
}

.PSOFOShop #JD-Actions {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mrtedlogo {
    clear: Both;
    padding: 10px 0 10px 0;
    display: none;
}

#div-sagparam1, #div-sagparam2, #div-sagparam3 {
    clear: both;
    width: 100%;
}

.listarea {
    margin-top: 20px;
}

fieldset#chpLogSet div label {
    width: 115px;
    /* margin-top: 4px; */
}

div#wAgpLogContent label,
div#wLogContent label {
    width: 115px;
}

.PSOFOShop #wAgpLogComp div,
.PSOFOShop #wAgpLogUser div,
.PSOFOShop #wAgpLogPassw div,
.PSOFOShop #wAgpLogLang div,
.PSOFOShop #wLogUser div,
.PSOFOShop #wLogPassw div,
.PSOFOShop #wLogLang div {
    display: inline-block;
}

div#wAgpLogContent div#wAgpLogButton,
div#wAgpLogContent input#wlagplogin {
    float: none;
}

div#FOloginComp form {
    width: 400px;
}

/* End buttons aligment */

li.styleli {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #dddddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
    }

.view-talentlink .pagination ul > li .progress-disabled {
    float: left !important;
    }