/* == Main Layout 
--------------------------------------------------------------------------- */
#header { background: #333333; margin: 0 0 15px; padding: 10px 0 0; }
#header .headerInner { margin: 0 auto; width: 995px; }
#main { background: #4a4a4b; }
#main .mainInner { margin: 0 auto; width: 995px;}
#footer { background: #303031 url(/_img/footer-top-shadow.jpg) repeat-x top left; padding: 15px 0; margin: 10px 0 0; }
#footer .footerInner { margin: 0 auto; width: 995px; }
#footerContact { background: #222222; padding: 5px 0; }
#footerContact .footerContactInner { margin: 0 auto; width: 995px; text-align: center;}

/* == Header Content
--------------------------------------------------------------------------- */
#header .headerInner .headerLine { border-top: 1px solid #5E5E61; float: left; width: 995px; height: 1px; line-height: 1px; }

#header .headerInner .officeLinks { margin: 0; padding: 10px 0; color: #fa9d1a; }
#header .headerInner .officeLinks a { color: #fa9d1a; font-weight: bold; text-decoration: none; }
#header .headerInner .officeLinks a:hover { color: #ffffff; text-decoration: none; }

#header .headerInner .logo { float: left; margin: 10px 0; }
#header .headerInner .territory{float: right; clear: right; margin: 35px 0 0 0;}

#header .headerInner .social { float: right; margin: 12px 0 0; display: inline; height: 24px; }
#header .headerInner .social .linked { float: left; margin: 0px 0 0 10px; }
#header .headerInner .social .rss { float: left;margin: 0px 0 0 5px; }
#header .headerInner .social .twitter { float: left; margin: 0px 0 0 5px; }

/* == Language dropdown
--------------------------------------------------------------------------- */
#header .headerInner .intLinks { background: #303031; border: 2px solid #5e5e61; display: inline; float: right; margin: 10px 0 0; position: relative; z-index: 9999; width: 250px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 90%;}
#header .headerInner .intLinks .langDrop { background: #303031; border-left: 2px solid #5e5e61; border-right: 2px solid #5e5e61; border-bottom: 2px solid #5e5e61; display: none; left: -2px; padding: 0; position: absolute; top: 24px; }
#header .headerInner .intLinks a { background: #303031 url(/_img/buttons/btn-language-arrow-right.jpg) no-repeat right; border-top: 1px solid #5e5e61; color: #fa9d1a; text-decoration: none; float: left; font-weight: normal; margin: 0; padding: 5px; text-transform: capitalize; width: 240px; }
#header .headerInner .intLinks a:hover { background: #303031 url(/_img/buttons/btn-language-arrow-right-hover.jpg) no-repeat right; color: #ffffff; text-decoration: none; }
#header .headerInner .intLinks a.langTrigger { border: 0; color: #fa9d1a; float: left; font-weight: normal; margin: 0; outline: none; padding: 5px; text-decoration: none; text-transform: capitalize; width: 240px; background: url(/_img/buttons/btn-language-arrow-down.jpg) no-repeat right; }
#header .headerInner .intLinks a.langTrigger:hover { color: #ffffff; text-decoration: none; background: url(/_img/buttons/btn-language-arrow-down-hover.jpg) no-repeat right; }
#header .headerInner .intLinks a.open { background-position: 155px -29px; color: #fa9d1a; background: url(/_img/buttons/btn-language-arrow-down-hover.jpg) no-repeat right; }

/* == Banner Slider
--------------------------------------------------------------------------- */
#main .mainInner #leadBanner { float: left; width: 975px; height: 345px; padding: 5px 10px; position: relative; background: #ffffff url(/_img/slider-bg.jpg) no-repeat top center; margin: 0 0 17px; -moz-box-shadow: 5px 6px 10px #373737; -webkit-box-shadow: 5px 6px 10px #373737; box-shadow: 5px 6px 10px #373737; behavior: url(/scripts/PIE.htc); }
#main .mainInner #leadBanner .sliderPaging { position: absolute; z-index: 5; bottom: 0px; right: 0; text-align: center; background: #fff;padding: 5px;}
#main .mainInner #leadBanner .contentBanSlider { float: left; position: relative; z-index: 1; width: 975px; overflow: hidden; height: 342px; }
#main .mainInner #leadBanner .contentBanSlider .contentBanHold { float: left; position: relative; z-index: 1; }
#main .mainInner #leadBanner .contentBanSlider .contentBanHold .slideItem { float: left; width: 975px; height: 300px; background: #fa9d1a url(/_img/banner-slide.jpg) no-repeat top left; }
#main .mainInner #leadBanner .contentBanSlider .contentBanHold .slideItem .contentOverlay { width: 250px; height: 280px; padding: 10px; color: #ffffff; background: url(/_img/banner-slide-content-bg.png) repeat top left; }
#main .mainInner #leadBanner .contentBanSlider .contentBanHold .slideItem .contentOverlay p { margin: 0 0 10px 0; }
#main .mainInner #leadBanner .contentBanSlider .contentBanHold .slideItem .contentOverlay h2{margin: 0 0 10px 0;}
#main .mainInner #leadBanner .contentBanSlider .contentBanHold .slideItem .contentOverlay a{color: #FA9D1A; text-decoration: none; background: url(/_img/feature-arrow.gif) no-repeat right center; padding: 0 12px 0 0;}
#main .mainInner #leadBanner .contentBanSlider .contentBanHold .slideItem .contentOverlay a:hover{color: #fff;}
#main .mainInner #leadBanner .contentBanSlider .sliderTitle { font-size: 20px; color: #fa9d1a; width: 975px; float: left; margin: 5px 0 10px; }

#main .mainInner #leadBanner .sliderMenu { width: 975px; float: left; margin: 5px 0 10px 0; }
#main .mainInner #leadBanner .sliderMenu a { display: inline-block; color: #000000; float: left; margin: 0 15px 0 0; padding: 5px 10px 5px 5px; text-decoration: none; text-transform: uppercase;}
#main .mainInner #leadBanner .sliderMenu a.on,
#main .mainInner #leadBanner .sliderMenu a:hover { color: #ffffff; text-decoration: none; background: #303031 url(/_img/banner-slide-menu-hover-bg.jpg) no-repeat top right; padding: 5px 10px 5px 5px; }

#main .mainInner #leadBannerPlain{float: left; width: 995px; height: 350px; padding: 0 0 10px 0; position: relative; margin: 0 0 30px; -moz-box-shadow: 5px 8px 10px #373737; -webkit-box-shadow: 5px 8px 10px #373737; box-shadow: 5px 8px 10px #373737; behavior: url(/scripts/PIE.htc);}

/* == Pods
--------------------------------------------------------------------------- */
#main .mainInner .podHolder { width: 995px; float: left; margin: 0; }
#main .mainInner .podHolder h2,
#main .mainInner .podHolder h1.podH1 { background: url(/_img/pod-title-bg.jpg) no-repeat top left; height: 22px; width: 310px; float: left; margin: 0; padding: 8px 0 0 10px; font-size: 13px; font-weight: bold; color: #ffffff; text-transform: uppercase;}
#main .mainInner .podHolder p.intro { margin: 0 0 10px; }
#main .mainInner .podHolder a { color: #fa9d1a; text-decoration: none; }
#main .mainInner .podHolder a:hover { color: #ffffff; text-decoration: none; }
#main .mainInner .podHolder .podBoxDivide { background: #5e5e61; height: 1px; float: left; width: 320px; }

#main .mainInner .podHolder .podBox { width: 320px; float: left; background: #303031; margin: 0 17px 20px 0; min-height: 301px; height: auto !important; height: 301px; -moz-box-shadow: 5px 6px 10px #373737; -webkit-box-shadow: 5px 6px 10px #373737; box-shadow: 5px 6px 10px #373737;behavior: url(/scripts/PIE.htc); position: relative;}
#main .mainInner .podHolder .podBoxEnd { width: 320px; float: right; background: #303031; margin: 0 0 20px 0; min-height: 301px; height: auto !important; height: 301px; -moz-box-shadow: 5px 6px 10px #373737; -webkit-box-shadow: 5px 6px 10px #373737; box-shadow: 5px 6px 10px #373737;behavior: url(/scripts/PIE.htc);  position: relative;}
#main .mainInner .podHolder .podBoxInner { float: left; padding: 10px; width: 300px; min-height: 58px; height: 58px; height: auto !important; }
/*#main .mainInner .podHolder .podBoxIntro {min-height: 216px; height: 216px; height: auto !important; } */
#main .mainInner .podHolder .podBoxTall{min-height: 572px;  height: auto !important; height: 572px;}
#main .mainInner .podHolder .podBoxShort{min-height: 256px;  height: 256px !important; height: 256px; margin-bottom: 15px; overflow: hidden;}
#main .mainInner .podHolder .podBoxIntro p{margin-bottom: 8px;}


#main .mainInner .podSide{ width: 320px; float: right; background: #303031; margin: 0 0 20px 0; -moz-box-shadow: 5px 6px 10px #373737; -webkit-box-shadow: 5px 6px 10px #373737; box-shadow: 5px 6px 10px #373737;behavior: url(/scripts/PIE.htc); position: relative;}
#main .mainInner .podSide .podBoxInner { float: left; padding: 10px; width: 300px; }
#main .mainInner .podSide h2{background: url(/_img/pod-title-bg.jpg) no-repeat top left; height: 22px; width: 310px; float: left; margin: 0; padding: 8px 0 0 10px; font-size: 13px; font-weight: bold; color: #ffffff; text-transform: uppercase;}
#main .mainInner .podSide .podBoxDivide { background: #5e5e61; height: 1px; float: left; width: 320px; }
#main .mainInner #contentRight .podSide h3{background: none; color: #FA9D1A; height: auto; width: auto; margin: 0; padding: 0; text-transform: none;}
#main .mainInner #contentRight .podSide a{color: #FA9D1A; text-decoration: none;}
#main .mainInner #contentRight .podSide a:hover{color: #fff;}
#main .mainInner #contentRight .podSide .jobsInner{padding: 0;-moz-box-shadow: 0px 0px 0px #373737; -webkit-box-shadow: 0px 0px 0px #373737; box-shadow: 0px 0px 0px #373737;}
#main .mainInner #contentRight .podSide .holderDark{width: 300px;}

#main .mainInner .podHolder .podOffice h3{margin: 10px 0 0 0;}
#main .mainInner .podHolder .podOffice p{margin: 0 0 10px 0;}
#main .mainInner .podHolder .podOffice .mapOverlay{float: right;}

#main .mainInner .podHolder .podMalta{background: #303031 url(/_img/malta/map.gif) no-repeat 10px 35px;}
#main .mainInner .podHolder .podIreland{background: #303031 url(/_img/ireland/map.gif) no-repeat 10px 35px;}
#main .mainInner .podHolder .podEspana{background: #303031 url(/_img/ireland/map.gif) no-repeat 10px 35px;}
#main .mainInner .podHolder .podGibraltar{background: #303031 url(/_img/gibraltar/map.gif) no-repeat 10px 35px;}

/* == Footer Content
--------------------------------------------------------------------------- */
#footer .footerInner ul.priMenu { width: 995px; margin: 0 0 10px; float: left; }
#footer .footerInner ul.priMenu li { margin: 0; float: left; width: 142px; }
#footer .footerInner ul.priMenu li a { float: left; text-transform: uppercase; font-size: 13px; color: #fff;}

#footer .footerInner ul.subMenu { width: 995px; margin: 0; float: left; width: 137px; padding-right: 5px; }
#footer .footerInner ul.subMenu li { margin: 0 0 3px 0; }
#footer .footerInner ul.subMenu li a { font-size: 11px; color: #fa9f1a; }
#footer .footerInner ul.subMenu li a:hover { color: #ffffff; text-decoration: none; }

#footerContact p { font-size: 11px; text-align: left; text-align: center; padding: 10px 125px 0 125px;}
#footerContact p a { text-decoration: none; color: #fa9f1a; }
#footerContact p a:hover { text-decoration: none; color: #ffffff; }
#footerContact .footBar{padding: 0 6px;}

#footerContact .footerContactInner .footLogos{float: right; margin: 12px 0 0 0;}

#footerContact .footerContactInner .footLinks{color: #777;padding: 10px 0 0 0; margin-top: 10px; text-align: left;}
#footerContact .footerContactInner .footLinks a{color: #fff;padding: 0 5px;}

/* == Main Content
--------------------------------------------------------------------------- */
#main .mainInner #contentFull { float: left; width: 995px; padding: 0; margin: 0; }
#main .mainInner #contentQA { float: left; width: 995px; padding: 0; margin: 0; color: #111; background: #fff; border: solid 8px #999; }

#main .mainInner #contentLeft { float: left; margin: 0; background: #303031; padding: 10px; }
#main .mainInner #contentLeft .inner { float: left; width: 636px; padding: 0; }
#main .mainInner #contentRight { float: right; margin: 0; width: 320px; }

#main .mainInner #contentRight .holderLight { float: left; width: 320px;}
#main .mainInner #contentRight .holderDark { float: left; width: 320px; }
#main .mainInner #contentRight h3 { background: url(/_img/pod-title-bg.jpg) no-repeat top left; height: 22px; width: 310px; float: left; margin: 0; padding: 8px 0 0 10px; font-size: 13px; font-weight: bold; color: #ffffff; text-transform: uppercase;}
#main .mainInner #contentRight h3 a{color: #fff; text-decoration: none;}

#main .mainInner #contentRight .jobsInner { float: left; width: 300px; margin: 0 0 15px; padding: 0 10px 10px; background: #303031; -moz-box-shadow: 5px 6px 10px #373737; -webkit-box-shadow: 5px 6px 10px #373737; box-shadow: 5px 6px 10px #373737; behavior: url(/scripts/PIE.htc); position: relative;}

#main .mainInner #contentRight .holderLight .holderLightInner { float: left; width: 300px; margin: 0 0 15px; padding: 10px; background: #303031; -moz-box-shadow: 5px 6px 10px #373737; -webkit-box-shadow: 5px 6px 10px #373737; box-shadow: 5px 6px 10px #373737; behavior: url(/scripts/PIE.htc); position: relative;}
#main .mainInner #contentRight .holderLight .holderLightInner ul { margin: 10px 0; }
#main .mainInner #contentRight .holderLight .holderLightInner ul li { background: url(/_img/buttons/btn-arrow-more.gif) no-repeat top left; padding: 0 0 0 20px; }
#main .mainInner #contentRight .holderLight .holderLightInner ul li a { color: #fa9d1a; }
#main .mainInner #contentRight .holderLight .holderLightInner ul li a:hover { color: #ffffff; text-decoration: none; }

#main .inner p.small { font-size: 90%; }
#main .inner ul { margin: 10px 0 10px 20px; list-style-type: square;}
#main .inner ul li a { text-decoration: underline; }
#main .inner ol li a { text-decoration: underline; }
#main a.highlight { color: #fa9d1a; font-weight: bold; }
#main .profilesPage ul li a { text-decoration: none; color: #fff;}
#main .profilesPage ul li a:hover{text-decoration: underline;}

/* == Panels
--------------------------------------------------------------------------- */
#main .panel{float: left; width: 431px;background: #1C1203;margin: 5px;display: inline;}
#main .linkBar{float: left; width: 431px; background: #160E02;}
#main .linkBar .left{float: left; background: url(/_img/link-bar-left.gif) top left no-repeat; height: 27px; padding-top: 7px; padding-left: 5px;}
#main .linkBar .right{float: right; background: url(/_img/link-bar-right.gif) top right no-repeat; height: 27px; padding-top: 7px; padding-right: 5px;}
#main .linkBar a{text-decoration: none; color: #fa9d1a; font-weight: bold; font-size: 140%;}
#main .linkBar img{vertical-align: middle;margin-right: 3px;}
#main .panel .panelContent{float: left; width: 421px; padding: 5px;}
#main .panel .withCross{background: url(/_img/cross.gif) center center no-repeat;}

/** link bar overrides **/
#main .narrow { width: 320px; margin: 0 0 15px; float: left; }
#main .narrow .linkBar{width: 285px;}
#main .narrow .panelContent{float: left; width: 275px; padding: 5px;}

#main .justLink { width: 285px; margin: 8px 0 0 0; }
#main .justLink a { color: #fff; }

#main #contentRight .mapPromo { float: left; width: 308px; margin: 0 0 15px; height: 67px; background: url(/_img/map-promo.gif) top left no-repeat; color: #999; text-decoration: none; padding: 10px 0 0 12px; line-height: 1.5em; clear: both;}
#main #contentRight .mapPromo a { text-decoration: none; }
#main #contentRight .mapPromo a:hover { text-decoration: underline; }
#main #contentRight .mapPromo span { font-size: 130%; }

/* == Internal Navigation
--------------------------------------------------------------------------- */
#main #contentRight ul.nav { float: left; width: 320px; list-style: none; margin: 0 0 15px 0; padding: 0; background: #303031; -moz-box-shadow: 5px 6px 10px #373737; -webkit-box-shadow: 5px 6px 10px #373737; box-shadow: 5px 6px 10px #373737; behavior: url(/scripts/PIE.htc); position: relative;}
#main #contentRight ul.nav li { float: left; width: 320px; margin: 0; }
#main #contentRight ul.nav li a { text-decoration: none; color: #fa9d1a; font-weight: bold; padding: 10px; width: 300px; font-size: 95%; background: url(/_img/buttons/btn-arrow.gif) center right no-repeat; float: left; margin: 0; border-top: solid 1px #5E5E61; }
#main #contentRight ul.nav li a:hover, #main #contentRight ul.nav li a.on { color: #fff; background: url(/_img/buttons/btn-arrow-hover.gif) center right no-repeat; }
#main #contentRight ul.nav li img { vertical-align: middle; margin-right: 3px; }
#main #contentRight ul.nav li ul{float: left; margin: 0 0 12px 25px;}
#main #contentRight ul.nav li ul li{float: left; width: 280px; clear: left;}
#main #contentRight ul.nav li ul li a{width: 265px; background: url(/_img/sub-arrow.gif) no-repeat left 7px; border: 0;padding: 5px 0 5px 15px;}
#main #contentRight ul.nav li ul li a:hover, #main #contentRight ul.nav li ul li a.on{background: url(/_img/sub-arrow.gif) no-repeat left 7px;}

#main #contentRight ul.rss li a { background: url(/_img/rss-sml.gif) 10px center no-repeat; padding-left: 30px; width: 280px;}
#main #contentRight ul.rss li a:hover{ background: url(/_img/rss-sml.gif) 10px center no-repeat; }

/* == Misc
--------------------------------------------------------------------------- */
.jobTool { margin: 3px; }
.staffImage { padding: 2px; border: 1px solid #5E5E61; float: left; margin-right: 10px; }

p.listing{margin: 4px 0; background: url(/_img/fade-out.gif) bottom left no-repeat;float: left; width: 631px; padding: 0px 15px 10px 0;}
p.listing a.jobCat{text-decoration: none;background: url(/_img/bullet.gif) center left no-repeat;padding-left: 10px;}
p.listing a.jobCat:hover{color: #fa9d1a;}

.tools{ padding: 0; color: #999; margin: 5px 0; }
.tools a { color: #fa9d1a; text-decoration: none; }
.tools a:hover { color: #ffffff; }
.tools div{border-bottom: solid 1px #333;padding: 7px 0 7px 10px;background: url(/_img/bullet.gif) center left no-repeat;}

.headingRight{font-size: 75%;color: #cacbcd;margin: 5px 0 0 10px;}

.error{border: solid 1px #594e3e;padding: 8px; background: #160e02; color: #d51006;}

table.hotJobs td{border: 0;width: 100%;}
table.hotJobs td.job{background: url(/_img/bullet.gif) center left no-repeat; padding-left: 10px;}
table.hotJobs td a{text-decoration: none; background: url(/_img/buttons/btn-plus-sml.gif) center right no-repeat; padding-right: 14px;}
table.hotJobs td a:hover{color: #fa9d1a;}

ul.testimonialList{margin: 0;}
ul.testimonialList li{list-style-image: none; margin: 8px 0;}
ul.testimonialList li a{font-weight: bold;}

#main #flashWrap { float: left; background: #594e3e; padding: 0; }
#main #flashWrap div { background: #fff; }

span.gmapcaption{color: #666;}

#main ul.sitemap li ul li{font-size: 90%; list-style: square; color: #666;}

/* == Popup Styles
--------------------------------------------------------------------------- */
#emailwrapper{text-align: left;padding: 15px;}

#main .inner .innerLeft{float:left; width: 63%; padding-right: 20px;}
#main .inner .innerRight{float:right; width: 33%}

#main .inner .contLeft{float:left; width: 200px; padding: 20px 20px 20px 20px;}
#main .inner .contRight{float:right; width: 400px}

.inpagePhoto{padding: 2px; border: solid 1px #555;}

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #452E09; padding: 1px 3px; opacity: 0.85; font-size: 70%; }

/* == QA Form styles
--------------------------------------------------------------------------- */
#main #contentQA label { color: #111; }
#main #contentQA label { width: 570px; margin-bottom: 5px; }
#main #contentQA label.radio { float: left; width: auto; margin: 5px 3px 0 0; float: left; padding: 0; }
#main #contentQA .rdo { float: left; background: none; padding: 0; border: 0; margin-top: 3px; vertical-align: bottom; }
#main #contentQA h1 { color: #111; }
#main #contentQA .standardFields { border: solid 1px #bbb; background: #eee; padding: 10px 10px 5px 10px; }
#main #contentQA .standardFields label { width: 250px; }
#main #contentQA .standardFields input { background: #fff; border: solid 1px #aaa; width: 300px; color: #111; }
#main #contentQA .scoreItem { background: url(/_img/qa-score.gif) top left no-repeat; float: left; height: 25px; margin: 0 5px 5px 0; width: 45px; padding-left: 5px; }
#main #contentQA textarea { clear: both; float: left; width: 100%; height: 100px; background: #fff; border: solid 1px #aaa; color: #111; }
#main #contentQA .instructions { border: solid 1px #fed293; padding: 0 12px 0 12px; background: #fcf3e6; }
#main #contentQA .instructions span { padding-right: 20px; }
#main #contentQA a { color: #111; }

/* == Paging
--------------------------------------------------------------------------- */
#main .inner ul.pager { margin: 10px 0; list-style-image: none; text-align: right; font-size: 95%; }
#main .inner ul.pager li { display: inline; }
#main .inner ul.pager li a { padding: 2px 6px; border: solid 1px #5e5e61; background: #222222; text-decoration: none; font-weight: bold; }
#main .inner ul.pager li a.on { color: #FA9D1A; }
#main .inner ul.pager li a:hover { border-color: #777; }
#main .inner ul.pager li.lbl { }

/* == Staff Profiles
--------------------------------------------------------------------------- */
.profileStack{float: left; width: 50%; margin: 0 0 20px 0;}
.profileStack .inpagePhoto{float: left; margin: 0 5px 0 0;}

/* == Hot Jobs Ticker
--------------------------------------------------------------------------- */
.jobsTicker{height: 240px; position: relative; overflow: hidden;}
.jobsTicker ul{float: left; width: 300px; margin: 0; padding: 0;}
.jobsTicker ul li{border-bottom: solid 1px #3E3E31; float: left; width: 300px; margin: 0;}
.jobsTicker ul li a{float: left; padding: 6px 0; width: 300px; background: url(/_img/buttons/btn-arrow.gif) no-repeat right center;}
.jobsTicker ul li a:hover{background-image: url(/_img/buttons/btn-arrow-hover.gif);}
.jobsTicker ul li .ref{float: left;padding: 0 0 6px 0;}
.jobsTicker ul li .location{float: right;padding: 0 0 6px 0;color: #aaa;}

/* == Hot Jobs Ticker
--------------------------------------------------------------------------- */
.blogBox .date{color: #CDCDCB; padding: 7px 0 5px 0; display: block;}

/* == Social Pod
--------------------------------------------------------------------------- */
.podSocialLinks p{float: left; width: 100px;padding: 10px 0 0 0;}

.podSocialLinks a.twitLink{float: right; position: relative; height: 33px; overflow: hidden; margin-top: 10px;}
.podSocialLinks a.twitLink img{position: relative; top: -33px;}

.podSocialLinks a.fbLink{float: right; position: relative; height: 36px; overflow: hidden; margin-top: 10px;}
.podSocialLinks a.fbLink img{position: relative; top: -36px;}

.podSocialLinks a.linLink{float: right; position: relative; height: 45px; overflow: hidden; margin-top: 10px;}
.podSocialLinks a.linLink img{position: relative; top: -45px;}