@import url('Reset.css');

#container {width:950px; margin:0 auto;}

/*==============================================
    Global Navigation
==============================================*/
ul#global li {list-style-type:none; float:left;}
ul#global li a {height:24px; display:block; text-indent:-999999px; background-image:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/global-nav.gif');}

ul#global li.aboutUs a {background-position:0 0; width:66px;}
ul#global li.aboutUs a:hover {background-position:0 -24px;}

ul#global li.gettingLegalHelp a {background-position:-66px 0; width:114px;}
ul#global li.gettingLegalHelp a:hover {background-position:-66px -24px;}

ul#global li.legalProfession a {background-position:-180px 0; width:105px;}
ul#global li.legalProfession a:hover {background-position:-180px -24px;}

ul#global li.adviceSector a {background-position:-285px 0; width:89px;}
ul#global li.adviceSector a:hover {background-position:-285px -24px;}

ul#global li.news a {background-position:-374px 0; width:48px;}
ul#global li.news a:hover {background-position:-374px -24px;}

ul#global li.publications a {background-position:-422px 0; width:84px;}
ul#global li.publications a:hover {background-position:-422px -24px;}

ul#global li.help a {background-position:-506px 0; width:44px;}
ul#global li.help a:hover {background-position:-506px -24px;}

ul#global li.staff a {background-position:-550px 0; width:47px;}
ul#global li.staff a:hover {background-position:-550px -24px;}

ul#global li.search a {background-position:-597px 0; width:49px;}
ul#global li.search a:hover {background-position:-597px -24px;}


/*==============================================
    Header
==============================================*/
#header {height:86px; background:#999; color:#fff;}
#header img.logo {float:left; margin:9px 0 0 16px;}
#header img.title {float:left; margin:31px 0 0 20px;}
#header #globals {float:right; margin:10px 20px;}
#header #globals a {color:#fff; font-size:1.1em;}


/*==============================================
    Main Content
==============================================*/

/* -------- Header image ------- */
.strap {border-bottom:1px solid #ccc; margin:0;}
.strap img {margin:0 auto; display:block;}

/* -------- Left Column -------- */
#leftCol {width:222px; float:left; padding:0 0 200px 8px; margin:15px 0 0; font-size:1.1em; background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/gradient.png') right top no-repeat;}
#leftCol ul#navigation {list-style-type:none; margin:12px 0 0;}
#leftCol ul#navigation li {border-bottom:1px solid #ccc; padding:8px 0; font-weight:bold;}
#leftCol ul#navigation li a {color:#666; background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/arrow-off.gif') 3px center no-repeat; padding:0 0 0 15px; text-decoration:none;}
#leftCol ul#navigation li a:hover {color:#00aec5;}
#leftCol ul#navigation li a.active {color:#00aec5; background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/arrow-on.gif') 3px center no-repeat; padding:0 0 0 20px;}
#leftCol ul#navigation li a.active:hover {text-decoration:none;}

#leftCol ul#navigation li ul {list-style-type:none; margin:10px 0 0 30px;}
#leftCol ul#navigation li ul li {border:none; padding:6px 0;}
#leftCol ul#navigation li ul li a {background:none; padding:0 0 0 15px; font-weight:normal;}
#leftCol ul#navigation li ul li a.active {background:none; font-weight:bold; padding:0 0 0 15px;}

/* ------- Right Column -------- */
#content {width:676px; float:right; padding:0 22px 10px; margin:22px 0 0; font-size:1.2em;}
#content ul, ol {margin:0 0 1.8em 30px;}
#content ul li, ol li {padding:4px 0;}
#content h1.home {width:240px; float:left; margin:0 0 14px;}
#content h1 em {color:#999; font-style:normal;}
#content p.intro {font-size:0.90em; margin:5px 0 0; font-style:italic;}
#content p span.job {font-size:1.1em; font-weight:bold;}

/* Home Promo Boxes */
#promoHome {clear:both; border-top:1px dotted #ccc; padding:20px 0 0;}

#promoHome .promo {width:192px; float:left; margin:0 36px 0 0; display:inline;}
#promoHome .promo h2 {padding:3px 8px; color:#fff; font-size:0.9em; margin:0; float:left;}
#promoHome .promo p {clear:both; margin:0; font-size:0.9em; padding:110px 18px 30px; height:64px;}
#promoHome .promo a {display:block;}
#promoHome .last {margin:0;}

#promoHome .process h2 {background:#253f7a;}
#promoHome .process p {background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/pen.png') 0 0 no-repeat #f6f6f6;}

#promoHome .working h2 {background:#66b5c4;}
#promoHome .working p {background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/people.png') 0 0 no-repeat #f6f6f6;}

#promoHome .profiles h2 {background:#636d65;}
#promoHome .profiles p {background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/hammer.png') 0 0 no-repeat #f6f6f6;}

#promoHome .highlight {width:192px; float:left; margin:22px 36px 0 0; display:inline;}
#promoHome .highlight h2 {color:#333; font-size:1em; margin:0 0 3px 0; font-weight:bold;  padding:0 18px;}
#promoHome .highlight p {clear:both; margin:0; font-size:0.9em; padding:0 10px 30px 18px;}
#promoHome .highlight a {display:block;}

#promoHome .search {width:172px; float:left; margin:22px 0 0 0; display:inline; border:1px solid #cdcdcd; border-top:22px solid #636d65; padding:10px;}
#promoHome .search h2 {color:#66b5c4; margin:0 0 4px 0; font-size:1.2em;}
#promoHome .search p {font-size:0.9em;}
#promoHome .search a {display:block;}

/* Profiles Promo Boxes */
#profiles .profile {width:144px; float:left; margin:0 84px 25px 0; display:inline;}
#profiles .profile h2 {background:#95a39c; font-size:0.9em; color:#fff; margin:0 0 3px 0; padding:3px;}
#profiles .profile img {padding:1px; border:1px solid #e5e5e5;}
#profiles .profile a {display:block; font-size:0.9em; text-align:right;}
#profiles .last {margin:0;}

/* Profiles */
.person {margin:0 0 35px 0; padding:0 0 20px 0; border-bottom:1px dotted #ccc;}
.first {margin-top:25px;}
.last {border:none;}
.person img {float:right; padding:1px; border:1px solid #e5e5e5; margin:0 0 20px 20px; display:inline;}
.person p {padding:0 15px 0 20px; font-size:1.3em; font-style:italic; color:#999;}

/* Advice Promo Box */
#advice {float:right; width:238px; height:180px; margin:0 0 20px 40px; background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/advice.png') top center no-repeat;}
#advice h3 {float:right; width:165px; margin:0; color:#5e6e65; font-weight:normal; font-size:1.7em;}
#advice p {float:right; width:167px; margin:0; font-size:0.8em; color:#5e6e65;}
#advice a {float:left; margin:104px 0 0 15px; padding:0 0 0 10px; background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/arrow-off.gif') center left no-repeat; font-size:0.9em;}

/* Apply Online Promo Box */
#apply {clear:both; float:right; width:197px; height:151px; margin:0 0 15px 40px; padding:16px; background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/apply-online.png') center top no-repeat;}
#apply h3 {margin:0 0 5px 0; color:#5e6e65; font-weight:normal; font-size:1.7em;}
#apply p {margin:0; font-size:0.8em; color:#5e6e65;}
#apply a {float:left; padding:0 0 0 10px; margin:50px 0 0 110px; background:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/arrow-off.gif') center left no-repeat; font-size:0.9em;}

/* FAQs */
p.question {margin:0;}

/* -------- Job Search ---------- */
#jobSearch {margin:25px 0 0;}
#jobSearch label {color:#09c; padding:4px;}
#jobSearch .entry {clear:both; margin:0 0 30px 0;}
#jobSearch .entry label {float:left; width:150px;}
#jobSearch .entry input {float:left; width:270px; border:1px solid #a5acb2; padding:4px; color:#666;}
#jobSearch .entry p.tip {clear:left; font-style:italic; font-size:0.8em; margin:0 0 0 160px;}
#jobSearch .entry select {float:left; width:283px; border:1px solid #a5acb2; color:#666;}

#jobSearch .entry label.fullTime {float:left; width:50px; border:1px solid red;}
#jobSearch .entry label.pattern {float:left; width:auto; padding-right:8px; color:#333; font-size:0.9em;}
#jobSearch .entry input.pattern {width:auto; position:relative; top:5px; padding:0; border:none; margin:0 55px 0 0; display:inline;}

#jobSearch .entryDual {clear:both; margin:0 0 30px 0;}
#jobSearch .entryDual .sub {margin:15px 0 0;}
#jobSearch label.general {float:left; width:75px;}
#jobSearch label.specificFrom {float:left; width:70px; color:#333; font-size:0.9em; position:relative; top:2px;}
#jobSearch label.specificTo {clear:left; float:left; width:70px; margin:0 0 0 83px; display:inline; color:#333; font-size:0.9em; position:relative; top:2px;}
#jobSearch select.salary {float:left; width:275px; border:1px solid #a5acb2; padding:4px; color:#666;}

#jobSearch input.submit {margin:0 0 0 380px;}


/*==============================================
    Footer
==============================================*/
#footer {clear:both; background:#b8b8b8; color:#fff; margin:25px 0 40px; padding:0 15px 15px;}
#footer ul {height:23px;}
#footer ul li {list-style-type:none; float:left;}
#footer ul li a {height:23px; display:block; text-indent:-999999px; background-image:url('/public/20201205004415oe_/https://www.applications.slab-vacancies.org.uk/pages/files/footer-nav.gif');}

#footer ul li.sitemap a {background-position:0 0; width:70px;}
#footer ul li.sitemap a:hover {background-position:0 -23px;}

#footer ul li.contact a {background-position:-70px 0; width:54px;}
#footer ul li.contact a:hover {background-position:-70px -23px;}

#footer ul li.backToTop {float:right;}
#footer ul li.backToTop a {background-position:-825px 0; width:66px;}
#footer ul li.backToTop a:hover {background-position:-825px -23px;}


/*==============================================
    Useful Stuff
==============================================*/
.newline {clear:both; height:0px; overflow:hidden;}