/********************************************
* JSS Law
* Developed by I-ology
* http://www.i-ology.com
*
* Created 02/22/08 - AC
*
* Careers Style Definitions
********************************************/

/*********************************
* Layout Definitions
*********************************/

#header-photo-careers {
    text-indent: -9999px;
    background: url(/images/interior_photo_careers.jpg) top left no-repeat;
    height: 260px;
    width: 635px;
}

#header-photo-interior {
    text-indent: -9999px;
    background: url(/images/careers_interior_photo1.jpg) top left no-repeat;
    height: 136px;
    width: 635px;
}

.photo-caption {
    float: right;
    clear: right; 
    width: 263px;
    width/**/:/**/ 253px;
    margin: .7em 1em 1.5em 1.5em; 
    padding: 4px; 
    background: #F2EFE9; 
    border: 1px solid #DFDDDB;   
}

.divider {
    width: 587px;
    padding-top: 1.2em;
    border-top: 1px solid #DFDDDB;
}

#content-main-careers {
    width: 663px;
    overflow: hidden;
}

#sidenav {
    float: right;
    clear: right;
    width: 255px;
    margin: 5px 0 5px 40px;
}

#header {
    position: relative;
    width: 651px;
    height: 387px;
    margin: 61px 0 31px 0;
    padding: 7px 0 0 7px;
    width/**/:/**/644px;
    background: #F2EFE9;
    border: 1px solid #DFDEDC;
}

#header-interior {
    position: relative;
    width: 651px;
    height: 211px;
    margin: 61px 0 31px 0;
    padding: 7px 0 0 7px;
    width/**/:/**/644px;
    background: #F2EFE9;
    border: 1px solid #DFDEDC;
}

#header p {
    position: absolute;
    top: 255px;
    width: 600px;
    margin: 61px 0 31px 0;
    padding: 7px 0 0 28px;
}

#header-careers {
    position: relative;
    width: 651px;
    height: 387px;
    margin: 61px 0 31px 0;
    padding: 7px 0 0 7px;
    width/**/:/**/644px;
    background: #F2EFE9;
    border: 1px solid #DFDEDC;
}

#header-careers p {
    position: absolute;
    top: 260px;
    width: 600px;
    margin: 61px 0 31px 0;
    padding: 7px 0 0 28px;
}

.form-left em {
    float: left;
    clear: left;
    width: 350px;
    padding-top: 20px;
}

.form-left {
    float: left;
    clear: left;
    width: 280px;
    width/**/:/**/ 260px;
    padding: 0 0 20px 20px;
}
.form-right {
    float: right;
    clear: right;
    width: 284px;
    padding-bottom: 20px;
}

.form-left input,
.form-right input,
.form-left select,
.form-right select {
    width: 250px;
}

.form-left h4,
.form-right h4 {
    margin: 0 0 .5em 0;
}

#left-clear {
    clear: both;
}

.checkbox-width {
    width: 20px;
    margin-left: 18px;
}

.btn-form-search {
    padding: 0 0 0 20px;
    clear: both;
}

#view-clear {
    width: 300px;
    margin-bottom: 20px;
    overflow: hidden;
}

#view-by {
    float: left;
    width: 125px;
    padding-top: 3px;
}

#quote {
    width: 220px;
    margin: 50px 0 0 12px;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    color: #7a7a7a;
}

#quote p {
    padding: 0 19px;
}

p#source {
    width: 200px;
    font-style: italic;
    padding: 0 0 0 20px;
    color: #a6723c;
}


/*********************************
* Titles & Headers
*********************************/

#ttl-careers {
    position: absolute;
    width: 359px;
    height: 31px;
    display: block;
    margin: 285px 0 0 25px;
    text-indent: -9999px;
    background: url(/images/ttl_careers.gif) top left no-repeat;
}

#ttl-attorneys,
#ttl-benefits,
#ttl-career-opportunities,
#ttl-apply-online,
#ttl-summer-program,
#ttl-faqs,
#ttl-how-to-apply,
#ttl-professional-staff {
    position: absolute;
    top: -110px;
    width: 359px;
    height: 31px;
    display: block;
    margin: 285px 0 0 25px;
    text-indent: -9999px;
}

#ttl-attorneys {
    background: url(/images/ttl_attorneys.gif) top left no-repeat;
}
#ttl-benefits {
    background: url(/images/ttl_benefits.gif) top left no-repeat;
}
#ttl-career-opportunities {
    background: url(/images/ttl_career_opportunities.gif) top left no-repeat;
}
#ttl-apply-online {
    background: url(/images/ttl_apply_online.gif) top left no-repeat;
}
#ttl-summer-program {
    background: url(/images/ttl_summer_program.gif) top left no-repeat;
}
#ttl-faqs {
    background: url(/images/ttl_faqs.gif) top left no-repeat;
}
#ttl-how-to-apply {
    background: url(/images/ttl_how_to_apply.gif) top left no-repeat;
}
#ttl-professional-staff {
    background: url(/images/ttl_professional_staff.gif) top left no-repeat;
}


/*********************************
* Buttons
*********************************/

#btn-apply-position {
    display: block;
    width: 141px;
    height: 21px;
    margin: -.5em 0 1.5em 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_apply_position.gif) top left no-repeat;
}
a:hover#btn-apply-position {
    background-position: bottom left;
}

#btn-apply-online {
    display: block;
    width: 88px;
    height: 21px;
    margin: 0 0 30px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_apply_online.gif) top left no-repeat;
}
a:hover#btn-apply-online {
    background-position: bottom left;
}

#btn-view-current-opp {
    display: block;
    width: 189px;
    height: 21px;
    margin: 0 0 30px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_view_current_opp.gif) top left no-repeat;
}
a:hover#btn-view-current-opp {
    background-position: bottom left;
}

#summer {
    width: 219px;
    height: 216px;
    margin: 23px 14px 30px 0;
    width/**/:/**/205px;
    overflow: hidden;
    float: left;
}

#summer p {
    color: #666;
    margin: 15px 20px 30px 16px;
}


#attorney {
    width: 229px;
    height: 216px;
    margin: 23px 0 30px 0;
    overflow: hidden;
    float: left;
}

#attorney p {
    color: #666;
    margin: 15px 21px 30px 11px;
}


#professional {
    display: block;
    width: 205px;
    height: 216px;
    margin: 23px 0 30px 0;
    width/**/:/**/205px;
    overflow: hidden;
    float: left;
}

#professional p {
    color: #666;
    margin: 15px 22px 30px 16px;
}

#promo-summer {
    width: 205px;
    height: 59px;
    float: left;
    margin-bottom: 15px;
    background: url(/images/promo_summer_program.jpg) top left no-repeat;
}

a:hover#promo-summer {
    background-position: bottom left;
}

#promo-attorney {
    width: 215px;
    height: 59px;
    float: left;
    margin-bottom: 15px;
    background: url(/images/promo_attorney_recruiting.jpg) top left no-repeat;
}

a:hover#promo-attorney {
    background-position: bottom left;
}

#promo-professional {
    width: 205px;
    height: 59px;
    float: left;
    margin-bottom: 15px;
    background: url(/images/promo_professional_staff.jpg) top left no-repeat;
}

a:hover#promo-professional {
    background-position: bottom left;
}

#btn-honors-awards {
    display: block;
    width: 216px;
    height: 69px;
    margin: 15px 5px -20px 10px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_honors_awards.gif) top left no-repeat;
}
a:hover#btn-honors-awards {
    background-position: bottom left;
}

#promo-diversity {
    display: block;
    width: 216px;
    height: 69px;
    margin: 7px 10px 0 10px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/promo_diversity.gif) top left no-repeat;
}
a:hover#promo-diversity {
    background-position: bottom left;
}

/*********************************
* Sub Navigation
*********************************/

.subnav-careers {
    display: block;
}

ul.subnav li a#attorneys {
    background: url(/images/subnav_attorneys.gif) top left no-repeat;
}
ul.subnav li a#summer-program {
    background: url(/images/subnav_summer_program.gif) top left no-repeat;
}
ul.subnav li a#professional-staff {
    background: url(/images/subnav_professional_staff.gif) top left no-repeat;
}

ul.subnav li a:hover#attorneys, body.attorneys-on ul.subnav li a#attorneys,
ul.subnav li a:hover#summer-program, body.summer-program-on ul.subnav li a#summer-program,
ul.subnav li a:hover#professional-staff, body.professional-staff-on ul.subnav li a#professional-staff {
    background-position: bottom left;
}

/*********************************
* Tertiary Navigation
*********************************/

#tertiary-nav {
    width: 587px;
    margin: 0;
    padding: 0;
    margin-left: 35px;
    overflow: hidden;
    border-top: 1px solid #D0CECD;
    border-bottom: 1px solid #D0CECD;
}

#tertiary-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#tertiary-nav a {
    display: block;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 25px;
    overflow: hidden;
}

#tertiary-nav a#benefits {
    background: url(/images/tertiary_benefits.gif) top left no-repeat;
    width: 84px;
}
#tertiary-nav a#career-opportunities {
    background: url(/images/tertiary_career_opp.gif) top left no-repeat;
    width: 169px;
}
#tertiary-nav a#apply-online {
    background: url(/images/tertiary_apply_online.gif) top left no-repeat;
    width: 112px;
}
#tertiary-nav a#faqs {
    background: url(/images/tertiary_faqs.gif) top left no-repeat;
    width: 60px;
}
#tertiary-nav a#how-to-apply {
    background: url(/images/tertiary_how_to_apply.gif) top left no-repeat;
    width: 112px;
}
#tertiary-nav a#nalp-form {
    background: url(/images/tertiary_nalp_form.gif) top left no-repeat;
    width: 125px;
}

#tertiary-nav a:hover#benefits, body.benefits-on #tertiary-nav a#benefits,
#tertiary-nav a:hover#career-opportunities, body.career-opportunities-on #tertiary-nav a#career-opportunities,
#tertiary-nav a:hover#apply-online, body.apply-online-on #tertiary-nav a#apply-online,
#tertiary-nav a:hover#faqs, body.faqs-on #tertiary-nav a#faqs,
#tertiary-nav a:hover#how-to-apply, body.how-to-apply-on #tertiary-nav a#how-to-apply,
#tertiary-nav a:hover#nalp-form, body.nalp-form-on #tertiary-nav a#nalp-form {
    background-position: bottom left;
}