/*
*************************************************

PROACTIVE RECRUITMENT
General Screen Styles

base color = #f10d0b;

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }
body { background: #f7f7f7; color: #444; font: 76% Arial, sans-serif; }
body.home { background: #f7f7f7 url(../images/homebg1.jpg) 0 15px no-repeat; }
input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; }
a { color: #1069A4; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
img.icon { vertical-align: middle; }
hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1.5em 0;  }
br.clear { clear: left; }
/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap {  }

/*-------------------------------------------    
    Header
-------------------------------------------*/
#headerWrap { height: 90px; border-top: 4px solid #fff; }
#header { width: 750px; margin: 0 0 0 25px; }
#logo { width: 135px; height: 55px; padding: 0px 0 0 5px; float: left; margin: 0 0 0 0; }
#logo img { margin: 20px 0px; }
#nav1 { padding: 40px 0 0 0; }
#nav1 ul { line-height: 1.3em; float: right; list-style: none; font-size: 1.1em; font-weight: bold; }
#nav1 li { float: left; margin: 0 0 0 20px; } 
#nav1 a { padding: 5px 7px; display: block; color: #666; }
#nav1 li.sel a,#nav1 a:hover { text-decoration: none; color: #fff; background: #999; }
#nav1 li.sel a { background: #ed162f /* #f10d0b */; }

/*-------------------------------------------    
	Stage
-------------------------------------------*/
#stage { width: 778px; margin: 0; }


/*-------------------------------------------    
	Left
-------------------------------------------*/
#left { width: 180px; margin: 15px 20px 50px 0px; float: left; }
#left #nav2 { margin: 0 0 0 0px; padding-top: 5px; }
#left h2 { background: #1C7DBE; border-left: 25px solid #196da6; 25px; padding: 5px 0 5px 8px; color: #fff; font-size: .95em; text-transform: uppercase; }
#left ul { margin-left: 25px; list-style: none; font-size: .95em; line-height: 1.3em; border-bottom: 1px solid #eee; }
#left li { padding: 0; }
#left li a { display: block; background: #ddd; padding: 5px 8px; color: #444; border-top: 1px dotted #fff; }
#left li a:hover { text-decoration: none; background: #e6e6e6; }
#left li.sel a { text-decoration: none; font-weight: bold; background: #999; color: #fff; border-top: 1px dotted #888 }


/*-------------------------------------------    
	Main
-------------------------------------------*/
#main { width: 578px; float: left; margin: 20px 0 50px 0; }

#main h1 { font-weight: normal; font-size: 2em; line-height: 1.1em; color: #333; margin: 0 1em .5em 0; }
#main h2 { font-weight: normal; font-size: 1.5em; line-height: 1.1em;  color: #444; margin: 1.5em 1em .75em 0; }
#main h3 { font-weight: bold; font-size: 1.25em; line-height: 1.3em; color: #333; margin: 1em 1em .25em 0; }
#main #col1 blockquote { margin: 0 1em 1em 0; font-size: 1.25em; line-height: 1.3em; }
#main p { margin: 0 1em 1em 0; font-size: 1.1em; line-height: 1.3em; }
#main p.small { font-size: .85em; }
#main p.uc { text-transform: uppercase; }
#main p span.newsdate { text-transform: uppercase; font-size: .8em; letter-spacing: .1em; color: #888; margin-right: .5em; }

#main h2:first-child,#main h2.noTopMargin { margin-top: 0; }
#main h3:first-child,#main h3.noTopMargin { margin-top: 0; }
#main a.int { padding-left: 10px; background: url(../images/linkarrow.gif) 1px 4px no-repeat; }

#main ul { margin: 0 1.5em 1em 1em; list-style: none; font-size: 1.1em; line-height: 1.3em; }
#main li { padding-left: 14px; background: url(../images/bullet.gif) 1px 6px no-repeat; }
#main li ul { font-size: 1em; line-height: 1.3em; margin: 0 0 .25em 0; }
#main ul.links { list-style: none; margin-left: 0; }
#main ul.links li { padding-left: 10px; background: url(../images/linkarrow.gif) 1px 6px no-repeat; }

#main form input.submit { background: #444; color: #fff; padding: 4px 6px; border: 1px solid #666; }
#main form.enq { margin: 2em 0; background: #fff; padding: 20px; border: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#main .errorMessage { font-weight: bold; color: #c00; }

#main .noTopMargin { margin-top: 0 !important; }

#main .box { background: #fff; padding: 10px 10px 1px 10px; margin: 1em 0 2em 0; border: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#main .box h2 { font-size: 1.4em; font-weight: bold; margin: 0 0 .5em 0; }
#main .box h3 { margin: 0; }
#main .box ul.links { margin-top: .25em; }
#main .box ul.links li { border-top: 1px solid #ccc; padding: .25em 0 .25em 10px; background: url(../images/linkarrow.gif) 1px 9px no-repeat; }

#main table { font-size: 1.1em; line-height: 1.3em; }

#main table.reg { background: #fff; width: 100%; border: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 10px 20px 20px; margin: 1em 0 1em 0; }
#main table.reg th { width: 140px; color: #444; text-align: right; vertical-align: top; padding: 5px 10px 5px 0; }
#main table.reg td { vertical-align: top; padding: 5px 15px 5px 0; }
#main table.reg em { font-style: normal; font-size: .85em; color: #444; }

#main table.jobdetail { background: #fff; width: 100%; border: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  padding: 10px; margin: 0 0 1.5em 0; }
#main table.jobdetail th { width: 130px; color: #444; text-align: right; vertical-align: top; padding: 5px 10px 5px 0; }
#main table.jobdetail td { vertical-align: top; padding: 5px 15px 5px 0; }
#main table.jobdetail em { font-style: normal; font-size: .85em; color: #444; }

#main table.joblist { width: 100%; background: #fcfcfc; margin: 0 0 1em 0; }
#main table.joblist a { font-weight: bold; }
#main table.joblist tr.alt td { background: #f0f0f0; }
#main table.joblist th { padding: 6px 5px 4px 5px; color: #fff; text-align: left; background: #666; border-bottom: 1px solid #eee; }
#main table.joblist td { padding: 6px 5px 4px 5px; border-bottom: 1px solid #eee; }

#main .snippets { width: 180px; float: left; }
#main .snippet { background: #fff; margin: 0 0 .5em 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#main .snippet h4 { text-transform: uppercase; font-size: .8em; line-height: 1em; color: #888; margin: 0; }
#main .snippet p { margin: 0; }
#main .snippets .apply { background: none; border: 0; margin: 0 0 1em 0; }
#main .snippets .apply p { font-size: 1.35em }
#main .snippets .apply a { color: #fff; background: #1069A4; padding: 6px 9px; border: 1px solid #ddd; }

#main .jobdesc { float: left; width: 378px; margin: 0 20px 0 0; }
#main .jobdesc p { margin-right: 20px; }
#main .jobdesc strong a { font-weight: normal; background: #1069A4; color: #fff; padding: 4px 6px; border: 1px solid #ddd; }

#main #col1 { width: 378px; float: left; margin: 0 20px 0 0; }
#main .col2 { width: 50%; float: left; }
#main .col2 h2:first-child,#main .col2 h3:first-child { margin-top: 1em; }
#main .box h2:first-child { margin-top: 0; }
#main .col2 ul { margin-left: 0; }

#main #right { width: 180px; float: left; }
#main #right h2:first-child { margin-top: 0; }
#main #right h2 { font-weight: normal; margin: 0 0 .25em 0; padding: 0 0 .25em 0; font-size: 1.3em; border-bottom: 1px solid #ccc; }
#main #right h3 { font-size: 1.1em; font-weight: bold; margin: 0 0 .5em 0; }
#main #right p,#main #right ul { font-size: 1em; color: #666; margin: 0 0 .5em 0; }

#main #right .box { background: #fff; margin: 0 0 1em 0; padding: 5px; border: 0;}
#main #right p.small { font-size: .95em; }
#main #right p.small a.int { background: url(../images/linkarrow.gif) 1px 50% no-repeat; }
#main #right ul.links { margin-right: 0; }
#main #right ul.links li { margin: 0 0 .25em 0; padding: 0 0 0 10px; border: 0; background: url(../images/linkarrow.gif) 1px 5px no-repeat; }
#main #right ul.small { font-size: .95em; }
#main #right ul.small li { margin: 0; padding: 0 0 0 10px; background: url(../images/linkarrow.gif) 1px 5px no-repeat; } }


#main #right .testimonial {  }
#main #right .testimonial blockquote { padding: 15px 15px 34px 15px; background: #fff url(../images/speech2.gif) 100% 100% no-repeat; font-size: 1.3em; line-height: 1.2em; font-style: normal; color: #666; border-top: 1px solid #eee; }
#main #right .testimonial p { font-size: .95em; color: #666; margin: .25em 0 0 24px; }

/*-------------------------------------------    
	Home
-------------------------------------------*/
#homeMain { height: 240px; margin: 0 0 0 25px; border-bottom: 1px solid #ccc; }
#bannerWrap { width: 538px; float: left; margin: 0 12px 0 0; }
#banner { height: 220px; }

#banner .col { padding: 160px 240px 0 5px; }
#banner h2 { font-weight: normal; color: #555; font-size: 1.45em; line-height: 1.3em; margin: 0 0 0 0; }
#banner p { font-size: .95em; color: #777; line-height: 1.3em; }

#searchJobs { margin: 5px 0 0 0; width: 199px; height: 220px; float: left; background: #1C7DBE; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#searchJobs h2 { font-weight: normal; font-size: 1.5em; color: #fff; margin: 12px 15px 0 15px; border-bottom: 0px solid #ccc; }
#searchJobs h2 a { color: #fff; } 
#searchJobs p { font-weight: bold; font-size: 1.1em; line-height: 1em; color: #fff; margin: .5em 15px .5em 15px; }
#searchJobs input { margin-top: .25em; }
#searchJobs input.text { width: 150px; }
#searchJobs input.submit { background: #f7f7f7; color: #444; padding: 3px 5px; border: 1px solid #666; }
#searchJobs select { width: 150px; margin-top: .25em; }

#latestNews { width: 733px; background: #fff; padding: 5px 10px; margin: 0 5px 10px 25px; border-top: 0px solid #fefefe; border-bottom: 0px solid #ddd; }
#latestNews p { text-align: left; font-size: 1.1em; line-height: 1.3em; }
#latestNews a.int { font-size: .9em; padding-right: 10px; background: url(../images/linkarrow.gif) 100% 4px no-repeat; }
#latestNews strong { font-size: .8em; text-transform: uppercase; letter-spacing: .1em; color: #999 }
#latestNews .right { float: right; }

#homeCols { clear: left; margin: 0 0 0 25px; height: 135px; padding-top: 0px; }
#homeCols h2 { font-weight: normal; color: #555; font-size: 1.45em; line-height: 1.3em; margin: 0 0 .25em 0; border-bottom: 1px solid #666; }
/* #homeCols h2.currentJobs { text-indent: -9999px; background: url(../images/currentjobs.gif) 0 3px no-repeat; } */
#homeCols p { font-size: .95em; color: #222; line-height: 1.3em; }

#homeCols a { font-weight: normal; color: #fff; }
#homeCols h2 a { font-weight: normal; }
#homeCol1 { width: 25%; float: left; }
#homeCol1 h2 { border-bottom: 1px solid #ba1125; }
#homeCol1 .col { padding: 5px; margin: 0 6px 0 0; background: #ed162f; min-height: 105px; }
#homeCol2 { width: 25%; float: left; }
#homeCol2 h2 { border-bottom: 1px solid #ba1125; }
#homeCol2 .col { padding: 5px; margin: 0 3px 0 0; background: #ed162f; min-height: 105px; }
#homeCol3 { width: 50%; float: left; }
#homeCol3 .col { border-top: 0px solid #ddd; padding: 5px; margin: 0 0 0 3px; background: #777; min-height: 105px; }

#homeCol3 ul { list-style: none; font-size: 1.1em; line-height: 1.3em; color: #222; }
#homeCol3 li { margin: 0 0 .1em 0; padding-left: 11px; background: url(../images/linkarrow_grey.gif) 2px 5px no-repeat; }


/*-------------------------------------------    
	Footer
-------------------------------------------*/
#footerWrap { width: 780px; margin: 0; }
#footer { clear: left; width: 750px; height: 50px; margin: 0 0 0 30px; padding-bottom: 30px }
#footer p { font-size: .94em; color: #888; line-height: 1.3em; margin: 0 0 .5em 0; padding-top: .5em; }
#footer p.small { font-size: .94em; margin: 0 0 0em 0; padding: 0; }

#logos ul { list-style: none; }
#logos li { display: inline; }

#dkdoLogo { width: 30px; float: right; margin: 8px 4px 0 0; }
.rec { float: left; margin: 8px 15px 0 0px; }
.fsb { float: left; margin: 2px 15px 0 0px; }
.gla { float: left; margin: 0 42px 0 0; }