﻿
#divCareersFeature
{
}

.divCareersFeature
{
    background-image: url(careers/careers_flash_header.gif);
    background-repeat: no-repeat;
    width: 714px;
    height: 204px;
}

.JobContainer li
{
    margin-left: 20px;
}

ul.TickList
{
     margin: 0;
    padding: 0;
    margin-left: 15px;
       list-style: none;
}

ul.TickList li 
{
    padding-left: 20px;
    padding-top: 10px;
    background-image: url(careers/tick.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

ul.DashList
{
       list-style: none;
}

ul.DashList li 
{
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    background-image: url(careers/dash.gif);
    background-repeat: no-repeat;
    background-position: 0 .7em;
    margin-bottom: 10px;
}


.ContentTable
{
    
}

.ContentTable TD
{
    vertical-align: top;
    
}

.InnerContentLeft
{
    padding-right: 10px;
    width: 307px;
    background-image: url(careers/column_border.gif);
    background-repeat: repeat-y;
    background-position: right;
    float: left;
    margin-bottom: 20px;
}

.InnerContentMiddle
{
    padding-left: 13px;
    padding-right: 10px;
    width: 307px;
    background-image: url(careers/column_border.gif);
    background-repeat: repeat-y;
    background-position: right;
     float: left;
    margin-bottom: 20px;
}

.InnerContentRight
{
    padding-left: 13px;
    padding-right: 10px;
    width: 307px;
    float: right;
    margin-bottom: 20px;
}

.Header_WelcomeToYoui
{
    width: 300px;
    height: 80px;
    background-image: url(careers/column_headers.gif);
    margin-bottom: 15px;
}

.Header_YouiOpenings
{
    width: 300px;
    height: 80px;
    background-image: url(careers/column_headers.gif);
    background-position: 0 -80px;
    margin-bottom: 15px;
}

.Header_YouiCulture
{
    width: 300px;
    height: 80px;
    background-image: url(careers/column_headers.gif);
    background-position: 0 -160px;
    margin-bottom: 15px;
}

.Header_FAQs
{
    width: 300px;
    height: 80px;
    background-image: url(careers/column_headers.gif);
    background-position: 0 -240px;
    margin-bottom: 15px;
}

.Header_EmployeeBenefits
{
    width: 300px;
    height: 80px;
    background-image: url(careers/column_headers.gif);
    background-position: 0 -320px;
    margin-bottom: 15px;
}

.Header_TheLifestyle
{
    width: 300px;
    height: 80px;
    background-image: url(careers/column_headers.gif);
    background-position: 0 -400px;
    margin-bottom: 15px;
}

.Header_Values
{
    width: 300px;
    height: 80px;
    background-image: url(careers/column_headers.gif);
    background-position: 0 -480px;
    margin-bottom: 15px;
}

.accordionFAQHeader
{
    background-image: url(careers/faq_header.jpg);
    background-repeat: no-repeat;
    width: 249px;
    height: 21px;
    padding-left: 45px;
    padding-top: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionFAQHeader a
{
    color: #383838;
}

.accordionFAQHeader a:Hover
{
    color: #383838;
}



.accordionLink
{
    color: #137CB3;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.CareersTabBoxItem_False .accordionLink
{
    color: #cccccc;
}

.CareersTabBoxItem_False .shortDescription p
{
    color: #cccccc;
}

.accordionFAQHeaderSelected
{
    background-image: url(careers/faq_header.jpg);
    background-repeat: no-repeat;
    background-position: 0 -33px;
    width: 249px;
    height: 31px;
    padding-left: 45px;
    padding-top: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionFAQHeaderContent
{
    margin-left: 45px;
    margin-right: 20px;
    font-size: 11px;
    color: #5E798A;
    line-height: 1.5;
    padding-bottom: 20px;
}

.FooterBar
{
    background-image: url(careers/footer_bar.jpg);
    background-repeat: no-repeat;
    width: 990px;
    height: 2px;
    clear: both;
    margin-bottom: 10px;
}

.FooterLeft
{
    width: 440px;
    height: 100px;
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
   
}

.FooterRight
{
    width: 530px;
    height: 100px;
    margin-bottom: 30px;
    float: Right;    
}

.FooterText
{
    font-size: 11px;
    color: #6C6C6C;
}

.FooterLinks
{
    width:   330px;
    margin-top: 20px;  
    float: right;
}

.Seperator
{
     background-image: url(careers/seperator.gif);
    background-repeat: no-repeat;
    width: 3px;
    height: 7px;
    float: left;
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 10px;
}

.greenlink a
{
     font-size: 11px;
     color: #9FB023;
}

.bluelink a
{
     font-size: 11px;
     color: #295E80;
}

.Left
{
    float: left;   
}

.Right
{
    float: right;   
}



.Logo91x70
{
    background-image: url(careers/logo_91x70.jpg);
    background-repeat: no-repeat;
    width: 91px;
    height: 70px;
    float: left;
    margin-right: 10px;
}

.icon_car
{
    background-image: url(careers/icon_car.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 12px;
}
.icon_contents
{
    background-image: url(careers/icon_contents.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
}

.icon_home
{
    background-image: url(careers/icon_home.gif);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.arrow_orange
{
    background-image: url(careers/arrow_orange.gif);
    background-repeat: no-repeat;
    width: 9px;
    height: 7px;
}

.arrow_green
{
    background-image: url(careers/arrow_green.gif);
    background-repeat: no-repeat;
    width: 9px;
    height: 7px;
}

.arrow_purple
{
    background-image: url(careers/arrow_purple.gif);
    background-repeat: no-repeat;
    width: 9px;
    height: 7px;
}

.JobBoxHeader
{
    background-image: url(careers/jobbox/latest_positions.gif);
    background-repeat: no-repeat;
    width: 297px;
    height: 40px;
}

.JobBoxContent
{
  background-color: Black;   
  width: 277px;  
  padding-left:10px;
  padding-right: 10px;
}

.JobBoxFooter
{
    background-image: url(careers/jobbox/black_bot.gif);
    background-repeat: no-repeat;
    width: 297px;
    height: 4px;
}

.accordionJobHeader
{
    background-image: url(careers/jobbox/jobdescription.gif);
    background-repeat: no-repeat;
    height: 25px;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.accordionJobHeader a
{
    color: #02CBFF;    
}

.JobDescriptionBottom
{
    background-image: url(careers/jobbox/jobdesc_bot.gif);
    background-repeat: no-repeat;
    width: 261px;
    height: 3px;
    margin: 0px auto 0px auto;
}

.btnApply
{
    background-image: url(careers/buttons/job_listings_read_more.gif);
    background-repeat: no-repeat;
    width: 102px;
    height: 45px;
    cursor: pointer;
    float: right;
}

.accordionJobHeaderContent
{
    background-color: #fff;  
    padding: 10px; 
    line-height: 1.5;
    font-family: Tahoma;
    
    background-image: url(careers/jobbox/whitebox_bot.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 10px;
}


.accordionJobHeaderContent p
{
    margin: 10px;  
    margin-right: 15px;  
}

.accordionJobHeaderContent li
{
    font-style: italic;
}

DIV.date
{
    font-size: 11px;
    font-style: italic;
    color: #94A507;
}

.accordionJobHeaderSelected
{
    background-image: url(careers/jobbox/whitebox_top.gif);
    background-repeat: no-repeat;
    width: 257px;
    line-height: 1.5;
    background-color: #fff;
    padding: 10px;
    padding-bottom: 0px
}

.accordionJobHeaderSelected a
{
    text-decoration: none;
    font-size: 14px;
    color: #137CB3;
    font-weight: bold;
    
}

.grey_dot_horizontal
{
    background-image: url(careers/borders/grey_dot_horizontal.gif);
    background-repeat: repeat-x;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.Black
{
    color: #000000;
}

.Error DIV
{
    color: Red;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}

.FormError DIV
{
    color: Red;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
}



.TopRightControls
{
    position: absolute;
    right: 0px; 
    top: 35px;   
}

.TopRightControls .ClientLogin
{
    background-image: url(careers/buttons/login_icon.gif);
    background-repeat: no-repeat;
    width: 80px;
    height: 26px;
    cursor: pointer;    
    float: left;
    color: #000000;
    padding-left: 38px;
    padding-top: 7px;
    text-decoration: none;
    font-size: 12px;
}

.TopRightControls .HomeIcon
{
    background-image: url(careers/buttons/home_icon.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 26px;
    cursor: pointer;    
    float: left;
    color: #000000;
    padding-left: 38px;
    padding-top: 7px;
    text-decoration: none;
    font-size: 12px;
}


Div.EmployeeBenefits
{   
}


Div.EmployeeBenefits TD
{
    padding: 15px;
    border-bottom: 1px solid #DDDDDD;
}

Div.EmployeeBenefits TD.EBContent
{
    border-right: 1px solid #DDDDDD;
}

Div.EmployeeBenefits TD.Small
{
    height: 5px;
     padding: 0px;
     border-right: 1px solid #DDDDDD;
     border-bottom: 1px solid #DDDDDD;
}

Div.EmployeeBenefits TD.SmallRight
{
    height: 5px;
     padding: 0px;
     border-bottom: 1px solid #DDDDDD;
}

Div.EmployeeBenefits TD.SmallBottom
{
    height: 5px;
     padding: 0px;
     border-right: 1px solid #DDDDDD;
     border-bottom: 0px;
}

Div.EmployeeBenefits TD.SmallBottomRight
{
    height: 5px;
     padding: 0px;
     border-right: 0px;
     border-bottom: 0px;
}


TABLE.Values
{
    vertical-align: top;
}

TD.pyramid_text
{
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
}

TD.pyramid
{
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    
}

.pyramid_1
{
    background-image: url(careers/careers_values_pyramid_1.gif);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}
.pyramid_2
{
    background-image: url(careers/careers_values_pyramid_2.gif);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}
.pyramid_3
{
    background-image: url(careers/careers_values_pyramid_3.gif);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}
.pyramid_4
{
    background-image: url(careers/careers_values_pyramid_4.gif);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}
.pyramid_5
{
    background-image: url(careers/careers_values_pyramid_5.gif);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}

.header_ApplicationForm
{
    background-image: url(careers/headers/application_form.gif);
    background-repeat: no-repeat;
    width: 185px;
    height: 25px;
    margin-bottom: 5px;
}

.job_step
{
    background-image: url(careers/tabs/job_step.gif);
    background-repeat: no-repeat;
    width: 581px;
    height: 26px;
    color: #A7BA10;
    padding-left: 30px;
    padding-top: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.job_step_form
{
    margin-left: 2px;   
    margin-right: 12px;
    
}    

TABLE.ApplicationForm
{
  width: 100%;   
  padding: 5px;
}

.ApplicationForm TD
{
    color: #127DB1;
}

.ApplicationFormDiv
{ 
}

.Asterix
{
    color: #A8B913;
}


.Note
{
    margin-top: 10px;
    color: #000;
    font-size: 11px;
}

.UploadForm
{
    padding-left: 10px;
}

.SubmitApplication
{
    background-image: url(careers/buttons/submit_application.jpg);
    background-repeat: no-repeat;
    width: 251px;
    height: 43px;
    cursor: hand;
}

.Header_JobDescription
{
    background-image: url(careers/headers/job_description.gif);
    background-repeat: no-repeat;
    width: 168px;
    height: 25px;
    margin-bottom: 15px;
}

.JobDetails
{
    margin-bottom: 10px;   
}

.job_detail
{
    font-size: 11px;
    color: #000;
       font-weight: bold;
}

.job_value
{
    font-size: 13px;
    color: #96A407;
    font-style: italic;       
}

.JobTitle
{
    font-size: 16px;
    color: #137CB3;
    line-height: 1.5;
    font-weight: bold;
}

.JobContainer
{
    margin: 15px;
    line-height: 1.5;
    font-family: Tahoma;
   
    margin-bottom: 30px;
}

.JobContainer DIV.date
{
}


.JobContainer ul
{
    margin-left: 30px;
    
}

.JobContainer p
{
    margin: 10px;  
    margin-left: 0px;
    margin-right: 15px;  
}

.JobContainer li
{
    font-style: italic;
}

.DottedBorderRight
{
    background-image: url(careers/column_border.gif);
    background-repeat: repeat-y;
    background-position: right;
}

.JobOuter
{
    margin-left: 10px;   
}


.ApplicationFormSuccessContainer
{
    margin: 20px;
    float: left;
    width: 350px;
}

.ApplicationSuccess
{
    font-size: 24px;
    color: #95a506;
    margin-bottom: 5px;
}


.ApplicationSuccessDetail
{
    font-size: 16px;
    font-weight: bold;
    color: #607989;
     margin-bottom: 20px;
}

.ApplicationSuccessText
{
    width: 350px;
    padding-left: 0px;
}

.ThumbsUp
{
    background-image: url(careers/thumbs_up.gif);
    background-repeat: no-repeat;
    width: 178px;
    height: 165px;
    float: left;
}

.CareersAdd
{
    width: 18px;
    height: 19px;
    background-image: url(careers/buttons/careers_add.png);  
    float: left;
    position: absolute;
    top: 10px;
    left: 0px;
    cursor: pointer;
}

.CareersEdit
{
    width: 17px;
    height: 17px;
    background-image: url(careers/buttons/careers_edit.png);  
    float: left;
    position: absolute;
    top: 20px;
    left: 10px;
    cursor: pointer;
}

td.job_detail
{
   vertical-align: top; 
}

.hdr_CareersRSSLink
{
    text-indent: -9999px;
    background-image: url(careers/careers_rss.gif);
    background-repeat: no-repeat;
    width: 153px;
    height: 12px;
    margin-bottom: 10px;
}

.CareersFilter
{
    width: 350px;
    float: right;
    text-align: right;
}

.PreviewJob
{
    height: 300px;
    overflow-y: scroll;
}

.Success
{
   color: #006600;
   font-weight: bold;
   margin-bottom: 10px;
}

.pyramid_text .Blue
{
    font-size: 16px;
}