@charset "UTF-8";
/* Aarca Sales Recruitment CSS Document */
/* Author: James King, Little Tree Software */

@font-face {
    font-family: 'InterstateLightRegular';
    src: url('interstate-light-webfont.eot');
    src: url('interstate-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('interstate-light-webfont.woff') format('woff'),
         url('interstate-light-webfont.ttf') format('truetype'),
         url('interstate-light-webfont.svg#InterstateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateRegular';
    src: url('interstate-regular-webfont.eot');
    src: url('interstate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('interstate-regular-webfont.woff') format('woff'),
         url('interstate-regular-webfont.ttf') format('truetype'),
         url('interstate-regular-webfont.svg#InterstateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background:#023c59;}

.header {background:#0f4661 url(../img/header-bg.jpg) top center; padding:17px 0;}
.header .logo {padding:0; float:left; margin:3px 0;}
.header .submit-buttons {float:right; width:145px;}
.header .submit-buttons li {display:inline; float:left; margin:3px 0; line-height:1.5em;}
.header .submit-buttons li a {width:110px;}

.header .telephone {text-align:right; color:#fff; padding:0; font-size:2.4em; position:absolute; right:170px; top:15px; font-family: 'InterstateLightRegular',sans-serif;}
.header .telephone span { font-family: 'InterstateRegular',sans-serif;}
.header .international {color:#557787; font-weight:normal; font-size:1.2em; top:50px;}

.navigation {background:#00283d; border-bottom:5px solid #1ab6e9; z-index:1;}
.navigation ul {float:left; z-index:2; font-family: 'InterstateLightRegular',sans-serif;}
.navigation ul li {font-size:1.5em; z-index:2;}
.navigation ul li a {color:#a4bcc5; border:0; padding:.7em 1.1em .8em; z-index:2;}
.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus, .navigation ul li.over a {background:#001c2b; color:#fff;}
.navigation ul li.current a {background:#fff; color:#00283d; padding:.7em 1.1em 1.2em; position:relative; border:-5px; margin-bottom:-1em; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
.navigation ul li ul {width:240px; padding:10px 0; background:#001c2b; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0px 3px 3px #000000;
-moz-box-shadow: 0px 3px 3px #000000; box-shadow: 0px 3px 3px #000000; font-family:Arial, Helvetica, sans-serif;}
.navigation ul li ul li {font-size:.9em;}
.navigation ul li ul li a, .navigation ul li.over ul li a {width:200px; color:#a4bcc5;}
.navigation ul li ul li a:hover, .navigation ul li ul li a:focus, .navigation ul li ul li a:active {background:#18A5DE; color:#fff;}

.wrap {width:961px;}
.col {margin:0 15px 0 0; padding:0;}
.one {width:145px;}
.two {width:305px;}
.three {width:465px;}
.four {width:625px;}
.five {width:785px;}
.six {width:945px;}

.content {background:#fff; padding:2em 0;}
h1 {color:#18a5de; font-size:3.4em; padding-top:0; font-family: 'InterstateRegular',sans-serif; font-weight:normal; line-height:1.3em;}
h2 {color:#18a5de; font-size:2em; font-weight:normal; font-family: 'InterstateRegular',sans-serif; }
h3 {color:#082a3f; font-size:1.8em; font-weight:500; font-family: 'InterstateRegular',sans-serif; }

.content a {color:#18a5de;}

.promo {background:#fff url(../img/homepage-image.jpg) bottom center no-repeat;}
body.work-at-aarca .promo {background:#fff url(../img/work-image.jpg) bottom center no-repeat;}

.promo .wrap {height:300px;}
.promo .wrap h1 {background:#19a5e0; background:rgba(25, 165, 225, 0.8); padding:15px; font-size:3.2em; color:#fff; position:absolute; top:180px; left:0; -moz-border-radius: 10px; border-radius: 10px; padding:0.2em 0.5em; }
.promo .wrap ul.straplines {position:absolute; top:230px; left:290px; font-family: 'InterstateRegular',sans-serif;}
.promo .wrap ul.straplines li {float:left; color:#fff; background:#02283f; background:rgba(2, 40, 65, 0.8); padding:15px; font-size:1.8em; line-height:1em; -moz-border-radius: 10px; border-radius: 10px; }

.tabs ul.tabs-nav {list-style:none; margin:0; padding:0; font-family: 'InterstateRegular',sans-serif;}
.tabs ul.tabs-nav li {float:left; padding:0; margin-right:.3em; font-size:1.6em;}
.tabs ul.tabs-nav li a {display:block; color:#071b32; padding:.6em 1.6em .5em 1.6em; background:#cedce1 url(../img/tabs-bg.gif) bottom repeat-x; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; margin-bottom:0; }
.tabs ul.tabs-nav li a:hover, .tabs ul.tabs-nav li a:focus, .tabs ul.tabs-nav li a:active {color:#071b32; text-decoration:none; background:#e4edf0 url(../img/tabs-off-bg.gif) bottom repeat-x;}
.tabs ul.tabs-nav li a.selected {background:#e4edf0; color:#071b32;}
.tabs div {background:#e4edf0; padding:2em;}
.tabs div .post-date {color:#839ba2; border-bottom:5px solid #18a5de; padding-bottom:.5em;}
.tabs div h2 {font-size:1.6em; color:#18a5de; padding:0;}
.tabs div h2 a:hover, .tabs div h2 a:focus, .tabs div h2 a:active {color: #0f4661; text-decoration: none;}

a.link-button {height:18px; background-image:url(../img/buttons.gif); float:left; margin:1px; position:relative; display:block; padding:5px 20px 7px 1em; color:#fff;}
a.link-button span {background-image:url(../img/buttons.gif); background-position:right 0; background-repeat:no-repeat; height:30px; width:20px; display:block; position:absolute; right:0; top:0;}
a.link-button:hover, a.link-button:active, a.link-button:focus {text-decoration:none;}

a.blue-light {background-position:0 -180px;}
a.blue-light:hover, a.blue-light:focus, a.blue-light:active {background-position:0 -210px;}
a.blue-light span {background-position:right -180px;}
a.blue-light:hover span, a.blue-light:focus span, a.blue-light:active span {background-position:right -210px;}

a.red-dark {background-position:0 -480px;}
a.red-dark:hover, a.red-dark:focus, a.red-dark:active {background-position:0 -510px;}
a.red-dark span {background-position:right -480px;}
a.red-dark:hover span, a.red-dark:focus span, a.red-dark:active span {background-position:right -510px;}

a.green-dark {background-position:0 -420px;}
a.green-dark:hover, a.green-dark:focus, a.green-dark:active {background-position:0 -450px;}
a.green-dark span {background-position:right -420px;}
a.green-dark:hover span, a.green-dark:focus span, a.green-dark:active span {background-position:right -450px;}

.pre-footer {background:#fff;}
.pre-footer .two {margin-top:2em; margin-bottom:2em;}
.two h2 {text-transform:uppercase; color:#f26122; font-size:1.6em; margin-bottom:.3em;}
.two h2 a {color:#18A5DE;}

.pre-footer p {line-height:1.5em; padding:0.5em 0 1em;}
.content .home-panel-intro p {padding-top:0;}

.home-panel-jobs {position:relative; border-top:5px solid #F26122}
.home-panel-jobs p.rss {position:absolute; width:20px; height:20px; top:7px; right:0; background:url(../img/icon-rss.gif); padding:0;}
.home-panel-jobs p.rss a {width:100%; height:100%; text-indent:-9999px; display:block;}

.pre-footer .home-panel-search {border-color:#18a5de;}
.pre-footer .home-panel-search h2 {color:#18a5de;}
.pre-footer .home-panel-search .form {background:#fff; padding:0;}
.pre-footer .home-panel-search .form label {width:80px;}
.pre-footer .home-panel-search .form label.label-small {width:auto; margin:0 8px;}
.pre-footer .home-panel-search .form .row input.text {width:180px; margin:0;}
.pre-footer .home-panel-search .form .row input.text-small {width:70px; margin:0; float:left;}
.pre-footer .home-panel-search .form .row select {width:180px;}
.pre-footer .home-panel-search .form .row img {margin-left:88px;}
.pre-footer .home-panel-search .form .buttons {padding-left: 88px;}
.form form {margin-bottom:0;}
.form .row input.text:focus, .form .row input.text-small:focus, .form .row textarea:focus {border-color:#18a5de; color:#000;}
.form .button {background:#18a5de; border-color:#18a5de; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form input.button:hover {background: #183b5c; border-color:#183b5c;}
.form legend {display:none;}
.form .row .error label {color:#555;}
.form .error .error-message, .form p.error {padding:0 0 0.3em 22px; margin:6px 0 0 108px; background:url(../img/icon-error.gif) top left no-repeat;}

.content p.succes {border:none; border-top:5px solid #f26122; border-bottom:5px solid #f26122; padding:.4em 0; margin-bottom:1.5em; text-transform:uppercase; color:#f26122; font-size:1.4em; background:#fff;}

.pre-footer .home-panel-sectors {border-color:#f69422;}
.pre-footer .home-panel-sectors h2 {color:#f69422;}
.pre-footer .home-panel-sectors ul.small {width:145px; float:left; margin-right:15px;}
.pre-footer .home-panel-sectors ul.last {margin:0;}
.content .home-panel-jobs ul {list-style:none; margin:1em 0;}
.content .home-panel-jobs ul li {line-height:1.5em; padding:0;}

.home-panel-jobs ul li a {background:#dde8eb; display:block; color:#060b13; margin-bottom:.4em; padding:.4em .7em;}
.home-panel-jobs ul li.alt a {background:#e4edf0;}
.home-panel-jobs ul li a:hover, .home-panel-jobs ul li a:focus, .home-panel-jobs ul li a:active {text-decoration:none; color:#000; background:#cbdbe0;}


.secondary-navigation {margin-top:1em; margin-bottom:2em;}
.secondary-navigation h2, .secondary-navigation h3 {border-top:5px solid #f26122; padding:.4em 0; text-transform:uppercase; color:#f26122; font-size:1.6em; background:#fff; margin-bottom:.3em; font-family: 'InterstateLightRegular',sans-serif; font-weight:normal;}
.secondary-navigation ul li a {background:#E4EDF0; display:block; color:#060b13; margin-bottom:.4em; padding:.4em .7em; border:none; font-weight:bold;}
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:focus, .secondary-navigation ul li a:active {background:#cbdbe0; color:#060b13;}
.secondary-navigation ul li.current a {color: #fff; background: #F26122;}

.post-header h1 {width:660px; float:left;}
.post-header p.rss-link {width:24px; height:24px; padding:0; margin:1em 0 0 0; float:right;}
.post-header p.rss-link a {width:24px; height:24px; display:block; text-indent:-9999px; background:url(../img/icons.png) 0 -360px;}
.post-header p.rss-link a:hover, .post-header p.rss-link a:active, .post-header p.rss-link a:focus {background-position:0 -384px;}

.content .job-list {background:#eef2f5 url(../img/job-bg-grad.gif) top repeat-x; padding:.5em; margin:1em 0;}
.content .job-list h2 {font-size:1.6em; margin:0; padding:0;}
.content .job-list h2 a {background:#1d4162 url(../img/job-title-bg.gif) bottom repeat-x; color:#fff; text-decoration:none; display:block; text-transform:uppercase; padding:.5em;}
.content .job-list h2 a:hover, .content .job-list h2 a:focus {background: #f26122 url(../img/job-title-bg-hover.gif) bottom repeat-x;}
.content .job-list .job-content {background:#fff; padding:1em;}
.content ul.job-details {margin:0; list-style:none; background:#d7e0e6 url(../img/job-spec-bg.gif) top repeat-x; color:#273850; padding:.3em .5em;}
.content ul.job-details li {float:left; margin:.3em .5em; padding:0;}

.content .job-summary {background:#eef2f5; padding:1em; color:#273850; border: 5px solid #d7e0e6;}
.content .job-summary dl {width:270px;}
.content .job-summary dl dt {float:left; width:100px; text-align:right; padding:.3em .4em; font-weight:bold; clear:left;}
.content .job-summary dl dd {float:left; width:140px; padding:.3em .4em; clear:both; margin-left:110px; margin-top:-23px;}
.content .job-summary dl dd p {font-size:1em; padding:0;}

.content .user-actions ul {margin:1em 0; list-style:none;}
.content .user-actions ul li {margin: .3em 0;}
.content .user-actions ul li a {display: block; color: #fff; text-align: center; padding: .5em; background: #1AB6E9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 
.content .user-actions ul li a:hover, .content .user-actions ul li a:focus {text-decoration: none; background: #183b5c;}
.content .user-actions ul li a.apply {background: #f26122;}
.content .user-actions ul li a.apply:hover, .content .user-actions ul li a.apply:focus {background: #dc4300;}

.paging .pagination {float:right; width:60%; padding:.7em 0;}
.paging .pagination ul {float:right; list-style:none; margin:0;}
.paging .pagination ul li {float:left; margin-left:.3em; white-space:nowrap; padding:0; font-size:1.2em;}
.paging .pagination ul li .disabled {color:#ccc; display:none;}
.paging .pagination ul li a, .paging .pagination ul li.current {display:block; float:left; color:#060b13; padding:.3em .7em .4em; background:#E4EDF0; border:1px solid #cbdbe0; text-decoration:none;}
.paging .pagination ul li a:hover, .paging .pagination ul li a:focus, .paging .pagination ul li a:active {background:#cbdbe0; color:#060b13; text-decoration:none;}
.paging .pagination ul li.current {font-weight:bold; background:#1AB6E9; color:#fff; padding:.3em .7em .4em; border:1px solid #1AB6E9;}
.paging .pagination ul li.record-details {margin-right:1em; padding-top:.5em;}
.paging .pagination ul li.record-details .count {display:none;}

.content ul.testimonials {margin:2em; list-style:none;}
.content ul.testimonials li {background:url(../img/quote.gif) top left no-repeat; padding:1em 3.6em 2em 3.6em;}
.content ul.testimonials li strong {display:block; color:#F26122;}
.content ul.testimonials li.s1 {margin-left:50px;}
.content ul.testimonials li.s2 {width:300px; margin-left:100px;}
.content ul.testimonials li.s3 {width:400px;}
.content ul.testimonials li.s4 {width:400px; margin-left:150px;}


/* Social */
.social-media-popup, li.share-this ul {display:none;}
li.share-this {position:relative;}
li.share-this span.pointer {background:url(../img/social-media-pointer.png) 20px 0 no-repeat; display:block; width:400px; height:32px; position:absolute; left:0; top:-32px;}
.content ul li.share-this ul,
.content ol li.share-this ul,
li.share-this .social-media-popup {position:absolute; margin:0; top:100%; left:0; z-index:9999; padding-top:10px; -webkit-box-shadow: 0 2px 4px #000; -moz-box-shadow: 0 2px 4px #000; box-shadow:0 2px 4px #000;}
li.share-this .social-media-popup ul {background:#fff; border:10px solid #ccc; padding:.7em; width:360px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
li.share-this ul li {width:120px; float:left; display:inline; padding:0; margin:0 !important;}
li.share-this ul li a {display:block; color:#333; position:relative; padding:.3em .3em .3em 25px;}
li.share-this ul li a span {display:block; height:16px; width:16px; background:url(../img/social-media-icons.gif); position:absolute; top:.4em; left:.3em;}
li.share-this ul li a:hover, li.share-this ul li a:active, li.share-this ul li a:active {color:#000; text-decoration:none; background:#f5f5f5;}
li.share-this ul li a.facebook span {background-position:0 -176px;}
li.share-this ul li a.stumbleupon span {background-position:0 -32px;}
li.share-this ul li a.digg span {background-position:0 -192px;}
li.share-this ul li a.twitter span {background-position:0 -48px;}
li.share-this ul li a.yahoo span {background-position:0 -64px;}
li.share-this ul li a.mixx span {background-position:0 -128px;}
li.share-this ul li a.reddit span {background-position:0 -112px;}

/* Blog */
.content ul.cite {margin:0; list-style:none;}
.content ul.cite li {float:left; color:#666; font-style:italic; background:none; padding:0 .3em 0 0;}

ul.more {margin:1em 0; list-style: none;}
ul.more li {float: left; margin-right: .5em;}
ul.more li a.share {width: 21px; height: 21px; display: block; position: relative; text-indent: -9999px; background-image: url('../img/icon-share.gif');}
ul.more li a.share span {width: 100%; height: 100%; position: absolute; top:0; left: 0;}
ul.more li a.read-more {background-position: 0 0;}
ul.more li a.share {background-position: 0 -21px;}

.content ul.social {margin:.3em 0 .7em; list-style:none;}
.content ul.social li {float: left; margin-right: .5em;}
.content ul.social li a {width: 21px; height: 21px; display: block; position: relative; text-indent: -9999px; background-image: url('../images/icons-misc.gif');}
.content ul.social li a.facebook {background-position:0 -63px;}
.content ul.social li a.twitter {background-position:0 -42px;}

.blog-post {border-bottom:1px solid #eee; padding:1.5em 0;}
.blog-post .blog-date {width:85px; float:left;}
.blog-post .blog-date .date {float:left; padding:0; margin:0; background:url(../img/date-icon.gif) top left no-repeat; -moz-box-shadow: 0px 1px 1px #eee; box-shadow: 0px 1px 1px #eee;}
.blog-post .blog-date .date .month {display:block; width:70px; color:#fff; text-align:center; text-transform:uppercase; padding:.3em 0; color:#e3edf0; font-weight:bold;  text-shadow: 0px -1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=-1);}
.blog-post .blog-date .date .day {display:block; width:70px; font-weight:bold; color:#00283D; text-align:center; font-size:1.8em; padding:.7em 0; text-shadow: 0px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1);}
.blog-post .blog-summary {width:535px; float:left;}
.blog-post .blog-summary h2 {font-size:1.6em; padding-top:0; font-weight:bold; padding:0;}
.blog-post .blog-summary h2 a {}
.blog-post .blog-summary h2 a:hover, .blog-post .blog-summary h2 a:focus {color:#F26122; text-decoration:none;}
.blog-post .retweet-button {width:80px; float:right;}
.blog-header-image img {margin-bottom:1em;}

.footer {border:0; padding:2em 0;}
.footer ul li {border:0; margin:0; float:none; line-height:1.5em;}
.footer ul li a {display:block; color:#557787;}
.footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active {color:#8d9ea5;}
.navigation dl {float:right; position:absolute; top:0; right:0;}
.navigation dl dt {margin-bottom:.5em; color:#666;}
.navigation dl dd {float:left; margin-right:5px; margin-top:6px; background-image:url(../img/icons.png); height:24px; width:24px; overflow:hidden;}
.js .footer a {padding:0;}
.js .footer a span {background:none;}

.footer .one-last {margin:0; width:160px;}

.js .navigation dl dd a {display:block; height:24px; width:24px; text-indent:-9999px; background-image:url(../img/icons.png); padding:0;}
.navigation dl dd.rss, .navigation dl dd.rss a {background-position:0 -176px;}
.navigation dl dd.rss a:hover, .navigation dl dd.rss a:focus, .navigation dl dd.rss a:active {background-position:24px -176px;}
.navigation dl dd.facebook, .navigation dl dd.facebook a {background-position:0 -128px;}
.navigation dl dd.facebook a:hover, .navigation dl dd.facebook a:focus, .navigation dl dd.facebook a:active {background-position:24px -128px;}
.navigation dl dd.linkedin, .navigation dl dd.linkedin a {background-position:0 -104px;}
.navigation dl dd.linkedin a:hover, .navigation dl dd.linkedin a:focus, .navigation dl dd.linkedin a:active {background-position:24px -104px;}
.navigation dl dd.twitter, .navigation dl dd.twitter a {background-position:0 -152px; margin-right:0;}
.navigation dl dd.twitter a:hover, .navigation dl dd.twitter a:focus, .navigation dl dd.twitter a:active {background-position:24px -152px;}

.footer .six {padding-top:2em;}
.footer p {font-size:1.1em; color:#557787; float:left; clear:none; padding:.8em 1.6em;}
.footer ul.footer-links {float:left;}
.footer ul.footer-links li {float:left; margin:0;}
.footer ul.footer-links li.little-tree a {width:130px; margin-top:5px; display:block; height:20px; text-indent:-9999px; background:url(../img/logo-little-tree.gif) top no-repeat;}
.footer ul.footer-links li.little-tree a:hover, .footer ul.footer-links li.little-tree a:focus, .footer ul.footer-links li.little-tree a:active {background-position:0 -20px;}

.form-expand {background:#cbdbe0; border:1px solid #c2cfd9; padding:0.5em; margin:1em 0; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:0 1px 1px #f5f9fa; -moz-box-shadow:0 1px 1px #f5f9fa; box-shadow:0 1px 1px #f5f9fa;}
.form-expand .form {padding:0; background:#fff;}
.form-expand h3 {padding:0;  font-size:1.6em; font-family: 'InterstateRegular',sans-serif;}
.form-expand h3 a {background:#fff url(../img/search-icon.png) 12px 5px no-repeat; display:block; color:#00283e; padding:.4em .5em .4em 40px; cursor:pointer; font-weight:normal;}
.form-expand h3 a:hover, .form-expand h3 a:focus {text-decoration:none; background-color:#e3edf0;}