﻿/***********************************
     Front Page Panel Styles
***********************************/
.leftUL
{
    width: 226px;
}
.rightUL
{
    width: 220px;
    padding: 0px 8px 0px 0px;
}
.jobListULLeft
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.jobListULRight
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a.InvDecoration:Link, a.InvDecoration:Visited, a.InvDecoration:Active
{
    color: #480c2c;
    text-decoration: none;
    padding: 0px 0px 0px 18px;
}
a.InvDecoration:Hover
{
    color: #a6bbce;
}
.Soft
{
    color: #999999;
}
.moreButtonWrapper
{
    padding: 4px 8px 0px 0px;
}
.leftUL
{
    width: 200px;
    padding: 0px;
    overflow: visible;
}
.rightUL
{
    width: 200px;
    padding: 0px 4px 0px 0px;
    overflow: visible;
}
.jobListULLeft
{
    padding: 6px 0px 0px 20px;
    margin: 0;
}
.jobListULRight
{
    padding: 6px 0px 0px 20px;
    margin: 0;
}
a.InvDecoration:Link, a.InvDecoration:Visited, a.InvDecoration:Active
{
    color: #000000;
    text-decoration: none;
}
a.InvDecoration:Hover
{
    color: #480c2c;
}
a.InvDecorationGreen:Link, a.InvDecorationGreen:Visited, a.InvDecorationGreen:Active
{
    color: #000000;
    text-decoration: none;
}
a.InvDecorationGreen:Hover
{
    color: #019140;
}
.jobTitleText
{
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    margin: 0;
    display: block;
}
a.itemLink:Link, a.itemLink:Visited, a.itemLink:Active
{
    color: #2175d9;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0px;
}
a.itemLink:Hover
{
    text-decoration: underline;
}
.randstadJob
{
    background: url(/Images/System/logo-randstad-small.gif) no-repeat left 3px;
    padding: 0px 0px 0px 16px;
}

.jobTitle
{
    width: 100%;
    margin: 0;
    padding: 10px 0px;
}
.jobTitleDistance
{
    color: #208fca;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}
.jobSummaryWrapper
{
    width: 520px;
    color: #666;
    background: #ffffff url(/Images/System/dotted-white.gif) repeat-x left bottom;
    padding: 8px 0px 14px 0px;
}

a.underlined:Link, a.underlined:Visited, a.underlined:Active
{
    color: #000000;
    font-weight: 700;
    padding: 0px 0px 0px 4px;
    text-decoration: none;
}
a.underlined:Hover
{
    text-decoration: underline;
}
.jobSearchResultsHeaderWrapperActive
{
    width: 544px;
    height: 30px;
    background: #fff url(/Images/System/dotted-white-double.gif) repeat-x left top;
    color: #666;
    margin: 0;
    padding: 0;
    padding: 1px 0px;
}
.jobSearchResultsHeaderWrapperActiveBottom
{
    width: 540px;
    height: 30px;
    background: #fff url(/Images/System/dotted-white.gif) repeat-x left bottom;
    color: #666;
    margin: 0;
    padding: 0;
}
.jobSearchNumberPages
{
    color: #666;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
}
.jobSearchResultPageLabel
{
    padding: 5px 10px 0px 0px;
    float: left;
}
a.underlinedPages:Link, a.underlinedPages:Visited, a.underlinedPages:Active
{
    font-weight: bold;
    font-size: 11px;
    color: #2175d9;
    text-decoration: none;
    padding: 0px 3px;
}
a.underlinedPages:Hover
{
    text-decoration: underline;
}
.OrangePages
{
    color: #000;
    font-weight: 700;
    padding: 0px 3px 0px 0px;
}
.jobTitleSpacing
{
    margin: 0;
    padding: 0px 0px 0;
    height: 10px;
}
.jobsPerPage
{
    font-size: 100%;
    padding-bottom: 2px;
    padding-right: 3px;
    padding-top: 4px;
    color: #ffffff;
}
.jobsPerPageText
{
    margin: 0;
    padding: 4px 4px 0px 0px;
    font-weight: 700;
    color: #666;
}
.jobsPerPageButton
{
    height: 24px;
}
.tabsHeaderWrapper
{    
  padding: 5px 10px 1px 0px;
  background: #eeeeee;
}
.tabsHeaderTopWrapper
{
    width: 544px;    
}
.sortBy
{
    padding: 0px 0px 0px 16px;
    margin-right: 4px;
    color: #666;
}
.tabsWrapper
{
    vertical-align: bottom;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0px;
}
.tabs
{        
    height: 18px;
    text-align: center;
    color: #2175d9;
    font-weight: 700;   
    margin-bottom: 0;    
    padding: 0px 0px 0px 0px;
}
.tabActive
{
    height: 18px;
    text-align: center;
    color: #333;
    font-weight: 700;    
    margin-bottom: 0;    
    padding: 0px 0px 0px 0px;
}
.tabsText2
{
    margin-left: 5px;
}
.tabText1
{
    padding: 0px 14px;    
}
a.tabsTextLink1:link, a.tabsTextLink1:visited, a.tabsTextLink1:active
{
    color: #2175d9;
    text-decoration: underline;
    padding: 0px 5px;
}
a.tabsTextLink1:hover
{
    color: #2175d9;
    text-decoration: none;
}
a.tabsTextLink1Active:link, a.tabsTextLink1Active:visited, a.tabsTextLink1Active:active
{
    color: #333;
    text-decoration: none;
    padding: 0px 5px;
    
}
a.tabsTextLink1Active:hover
{
    color: #333 ;
    text-decoration: underline;
}

.description
{
    width: 462px;
    font-size: 14px;
    color: #480c2c;
}

.buttonJobsDetails, .Button
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #d2d2d2;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #480c2c;
    background-image: url(/Images/System/Panels/blue.gif);
    background-repeat: repeat-x;
    cursor: pointer;
}
a.linkJobDetails:link, a.linkJobDetails:active, a.linkJobDetails:visited, a.linkJobDetails:hover
{
    display: block;
    height: 18px;
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: #208fca;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #208fca;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #FFFFFF;
    background-image: url(/Images/System/Panels/blue.gif);
    background-repeat: repeat-x;
    cursor: pointer;
}
.New
{
    font-size: 80%;
    font-weight: 700;
    color: #da231a;
    padding: 0px 0px 0px 4px;
}


.buttonSmall
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    margin-top: 4px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #945461;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #ffffff;
    cursor: pointer;
}
.jobSummary
{
    width: 100%;
    padding: 0px 4px 10px 0px;
}
.jobSummaryText
{
    margin-left: 4px;
}
.jobSummaryBottomText
{
    color: #666666;
    font-size: 11px;
}
.jobDetailsWrapper
{
    width: 742px;
    padding: 0px 0px 30px 0px;
}
.jobDescriptionHeader
{
    width: 742px;
    padding: 0px 0px 0px 0px;
    background: url(/Images/System/dotted-white.gif) repeat-x left bottom;
}
.jobDescriptionHeader h2
{
    color: #333;
    font-size: 14px;
    font-weight: 700;
}
.jobDetailsJobTitle
{
    width: 742px;
    background: url(/Images/System/dotted-white.gif) repeat-x left bottom;
    color: #666;
    margin: 0;
    padding: 14px 0px 10px 0px;
}
.jobDetailsJobTitle .jobTitleH2
{
    font-size: 18px;
    color: #2175d9;
    padding: 0px 0px 3px 0px;
    margin: 0;
}
.jobDetailsDescription
{
    color: #666;
    margin-top: 14px;
}
.jobDetailsJobTitleHeader
{
    border-bottom: solid 1px #480c2c;
    width: 540px;
    margin: 0;
    padding: 0;
    margin-top: 14px;
}
.jobDetailsContentTitle
{
    border-bottom: solid 1px #480c2c;
    width: 540px;
    margin: 0;
    padding: 0;
    margin-top: 14px;
}
.jobDescription
{
    width: 550px;
    margin-bottom: 4px;
}
.jobDetailsBottom
{
    width: 742px;
    margin: 10px 0px 10px 0px;
    padding-bottom: 10px;
}
.jobDetailsContent
{
    padding: 20px 0px 14px 0px;
    width: 742px;
    margin: 0;
    padding: 0;
}
.jobDetailsContent .attention
{
    padding: 0px 0px 16px 0px;
}
.jobDetailsContent .MsoNormal, .jobDetailsContent span, .jobDetailsContent p
{
    font-size: 11px !important;
    font-family: Arial, Verdana, Sans-Serif !important;
}

#qualificationsDiv p
{
    margin: 0;
    padding: 0;
}
#qualificationsDiv table
{
    margin: 0;
    padding: 0;
}
.contactInfo
{
    height: 230px;
}
.bottomButtons
{
    width: 540px;
    padding: 6px 0px 0px 0px;
}
#jobDetailsContentSkillsDiv table
{
    margin: 0;
    padding: 0;
}
#jobDetailsContentSkillsDiv p
{
    margin: 0;
    padding: 0;
    padding-top: 4px;
}
.jobDetailsULTable
{
    margin: 0;
    padding: 0;
}
#addInfoTableLayoutDiv table
{
    margin: 0;
    padding: 0;
}
#contactInfoTableLayoutDiv table
{
    margin: 0;
    padding: 0;
}
.returnArrow
{
    margin: 0;
    padding: 0;
}
a.returnArrowLink:Link, a.returnArrowLink:Visited, a.returnArrowLink:Active
{
    color: #666666;
    text-decoration: none;
}
a.returnArrowLink:Hover
{
    color: #480c2c;
}
.noOfJobs
{
    font-weight: bold;
    color: #000000;
    font-size: 14px;    
    
}
.noOfJobsTop
{
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    padding: 0px 0px 13px 0px;
    margin: 0;     
}
.attention
{
    color: #FF0000;
    font-size: 11px;
}
.profileEditHeader
{
    width: 458px;
    color: #000000;
    font-size: 14px;
    font-weight: 700; /*border-bottom: solid 1px #208fca; */
    margin: 8px 0px 8px 0px;
}
h2.advancedSearchHeader
{
    color: #208fca;
    font-size: 14px;
}
.Input
{
    width: 298px;
}

.resultWrapperClass
{
    width: 560px;
    margin: 0;
    padding: 16px 0px 0px 0px;
    border-right: solid 1px #eaeaea;
}
.leftULJobDetails
{
    width: 214px;
    padding: 0px;
    overflow: visible;
}
.rightULJobDetails
{
    width: 214px;
    padding: 0px 4px 0px 0px;
    overflow: visible;
}
a.buttonBlue:Link, a.buttonBlue:Visited, a.buttonBlue:Hover, a.buttonBlue:Active
{
    background-color: #27abe3;
    width: 114px;
    color: #ffffff;
    font-weight: 700;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 14px;
    height: 18px;
    border: solid 2px #208fca; 
    text-decoration: none;
}
.bold
{
    font-weight: 700;
}
.blue
{
    color: #480c2c;
}

.AutoCompleteItemSelected
{
    padding-right: 5px;
    padding-left: 5px;
    list-style-image: none;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: #cdcdcd;
}

.AutoCompleteItem
{
    padding-right: 5px;
    padding-left: 5px;
    list-style-image: none;
    padding-bottom: 1px;
    padding-top: 1px;
}
.otherJobsUL
{
    padding: 10px 0px 0px 10px;
    margin: 0px;
}
.otherJobsUL li
{
    list-style-type: none;
}
.boldBlue
{
    padding: 4px 0px 10px 0px;
}
.SubTitle
{
    width: 100%;
    color: #480c2c;
    font-size: 14px;
    font-weight: 700;
    border-bottom: solid 1px #480c2c;
    margin: 8px 0px;
}
.emailAlertsContentWrapper .resultWrapperClass
{
    width: 570px;
    border-right: solid 1px #fff;
}
.emailAlertsContentWrapper .tabsHeaderTopWrapper
{
    width: 520px;
}
.section .jobSearchContentTemplateDiv
{
    width: 610px;
}
.section .nextContentWrapperJobSearch
{
    width: 610px !important;
}
.emailAlertsContentWrapper .jobTitleText
{
    background: none;
    padding-bottom: 0px;
    width: 520px;
} 
.emailAlertsContentWrapper .jobTitle
{
    padding-top: 0px;
    padding-bottom: 0px;    
}
.emailAlertsContentWrapper .profileEditHeader
{
    margin-bottom: 0px !important;
}
.emailAlertsContentWrapper  .noOfJobsTop
{
    width: 520px;
}
.emailAlertsContentWrapper .jobSearchResultsWrapper
{
    width: 520px;
}
.emailAlertsContentWrapper .jobSearchResultsHeaderWrapperActive
{
    width: 520px;
}
.emailAlertsContentWrapper .tabsHeaderWrapper
{
    margin-right: 0px;
}
/********************************
     Job Search Submenu
********************************/
.jobSearchSubmenuTitle
{
    width: 140px !important;
    color: #333;
    font-weight: 700;
    padding: 0px 0px 0px 16px;
    display: block;
}
.jobSearchSubmenuTitle a
{
    display: block;
}
.jobSearchSubmenuTitleNoPadding
{
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #000;
    padding: 0px 0px 0px 0px;
}
.submenuUL
{
    margin: 0;
    padding: 0;
    width: 150px !important;
    float: left;
}
.submenuUL li
{
    list-style-type: none;
    padding: 0px 0px 2px 16px;
    display: block;
    width: 150px;
}
.expanded
{
    background: url(/Images/System/arrow-expanded.gif) no-repeat 5px 6px;
}
.collapsed
{
}
.jobSearchSubmenuWrapper
{
    width: 176px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}
.jobSearchSubmenuHeader
{
    width: 144px;
    padding: 10px 16px 10px 16px;
    background: #f9f9f9 url(/Images/System/dotted.gif) repeat-x left bottom;   
    
}
.jobSearchSubmenuBlock
{
    width: 176px;    
    background: #f9f9f9;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 5px 0px;    

}
.jobApplyButtonsWrapper
{
}
.refinedSearchLabel
{
    padding: 0px 0px 0px 16px;
}
.refinedSearchLabelActive
{
    color: #2175d9;
    font-weight: 700;
}
.subMenuLevel2UL
{
    margin: 0;
    padding: 4px 0px 0px 10px;
}
.subMenuUL .subMenuLevel2UL li
{
    margin: 0;
    padding: 2px 0px;
}
.findOtherJobsUL li
{
    padding: 0px 0px 2px 16px;
    background: transparent;
    list-style-type: none;
}
.subMenuLevel3UL
{
    padding: 0px 0px 0px 16px;
    margin: 0;  
   
}
/*************************
       Job Apply
*************************/

.jobApplyHeaderLeft
{
    width: 438px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
    background: url(/Images/System/dotted-white.gif) repeat-x left bottom;
}
.jobApplyHeaderRight
{
    width: 455px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
    background: url(/Images/System/dotted-white.gif) repeat-x left bottom;
}
.jobApplyTopWrapper
{
    width: 420px;
    padding: 0px 0px 20px 0px;
}
.jobApplyJobTitle
{
    background: url(/Images/System/dotted-white.gif) repeat-x left bottom;
    padding: 0px 0px 10px 0px;
    width: 420px;
    font-size: 11px;
    color: #000;
}
.jobApplyJobTitle p, .jobApplyJobTitle span
{
    font-size: 11px !important;
    font-family: Arial, Verdana;
}
.jobApplyJobTitle h2
{
    color: #000;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}
.jobApplyJobDetailsContent
{
    padding: 20px 0px 14px 0px;
    width: 420px;
    margin: 0;
    padding: 0;
}
.jobApplyJobTitle
{
    width: 455px;
    background: url(/Images/System/dotted-white.gif) repeat-x left bottom;
    color: #666;
    margin: 0;
    padding: 14px 0px 10px 0px;
}
.jobApplsJobTitle .jobTitleH2
{
    font-size: 18px;
    color: #333;
    padding: 0px 0px 3px 0px;
    margin: 0;
}
.jobApplyJobTitle p
{
    font-size: 11px;
}
.jobApplyConfirmationWrapper
{
    width: 534px;
    padding: 16px 0px 0px 16px;
}
.jobApplyConfirmationH2
{
    width: 526px;
    padding: 0px 0px 10px 16px;
    margin: 0px 0px 10px 0px;
    font-size: 18px;
    color: #333;
    background: url(/Images/System/dotted-white.gif) repeat-x left bottom;
}
.jobApplyConfirmationTextWrapper
{
    width: 540px;
    padding: 0px 0px 0px 16px;     
}

/*********************************
        Similar Jobs
********************************/

.similarJobsJobDescription
{
    padding: 2px 0px 16px 0px;
}




/***********************************
        Job Search Careers Section
***********************************/
.quickSearchWrapperCareersSection
{
    width: 284px;
    height: 148px;
    padding: 16px 16px 16px 16px;
    background: #ffffff url(/Images/System/bg-job-search.jpg) no-repeat left top;
}
.quickSearchCareersPanelTitle
{
    width: 284px;
    height: 22px;
    color: #fff;
    padding: 6px 16px 0px 16px;
    background: #2175d9;
    font: 700 12px Arial, Verdana, Helvetica;
}
.quickSearchCareersSectionContentWrapper
{
    width: 284px;
}
.quickSearchGoButton
{
    margin: 0px 0px 0px 3px;
    width: 19px;
    height: 19px;
    background: url(/Images/System/go.gif) no-repeat left top;
    border: none;
    cursor: pointer;
}
.quickSearchGoButton:Hover
{
    background: url(/Images/System/go.gif) no-repeat left -19px;
    border: none;    
}
.jobSearchGoButton
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 1px 0px;
    background: Url(/Images/Buttons/btn-go-blue.gif) no-repeat left top;
    
}
.jobSearchGoButton:hover
{
    background: #ff0000 !important;
}

.jobSearchGoButton
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 1px 0px;
}

.jobInternalSearchGoButton
{
    padding: 2px 0px 0px 0px;
}


/**************************************
        Job Search Internal Jobs
**************************************/

.quickSearchInternalJobsContentWrapper
{
    width: 934px;
    height: 44px;
    padding: 20px 0px 0px 16px;
}
.searchTopTextInternalJobs
{
    font: 700 16px Arial, Verdana, Helvetica;
    color: #fff;
    padding: 0px 16px 0px 10px;
}
.quickSearchInternalJobsWrapper
{
    margin: 10px 0px 0px 0px;
    width: 960px;
    height: 110px;
    background: #6da7e6;
}


/******************************************
    Jobs at Randstad > Latest Vacansies
******************************************/
.jobSummaryWrapperLatestJobs
{
    width: 602px;
    color: #666;
    background: #ffffff url(/Images/System/dotted-white.gif) repeat-x left bottom;    
    padding: 10px 0px 10px 0px;
}
.jobTitleLatestJobs
{
    width: 602px;
    margin: 0;
    padding: 10px 0px 10px 0px;
}
.jobSummaryLatestJobs
{
    width: 602px;
    padding: 0px 0px 10px 0px;
}

/**********************************
        featured company
**********************************/
.featuredCompanyWrapper
{
    width: 284px;
    text-align: center;
}

/**********************************
        Service not Available
**********************************/
.quickSearchServiceUnavailable
{
    padding: 40px 0px 0px 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
