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

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;}
.header .telephone span { font-weight:bold;}
.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}
.navigation ul li {font-size:1.4em; z-index:2;}
.navigation ul li a {color:#a4bcc5; border:0; padding:.7em 1.5em; 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.5em 1.7em 1.5em; 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:200px;}
.navigation ul li ul li {font-size:.9em;}
.navigation ul li ul li a {width:180px; color:#a4bcc5;}
.navigation ul li ul li a:hover, .navigation ul li ul li a:focus, .navigation ul li ul li a:active {background:#00283d; 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.6em; padding-top:0;}
h2 {color:#18a5de; font-size:2em; font-weight:normal;}
.content a {color:#18a5de;}

.tabs ul.tabs-nav {list-style:none; margin:0; padding:0;}
.tabs ul.tabs-nav li {float:left; padding:0; margin-right:.3em; font-size:1.4em;}
.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; }
.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.4em; 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:#e4edf0;}
.pre-footer .two {border-top:5px solid #f26122; margin-top:2em; margin-bottom:2em;}
.pre-footer .two h2 {text-transform:uppercase; color:#f26122; font-size:1.4em; margin-bottom:.3em;}
.pre-footer .home-panel-jobs {position:relative;}
.pre-footer .home-panel-jobs .rss {position:absolute; width:20px; height:20px; top:7px; right:0; background:url(../img/icon-rss.gif);}
.pre-footer .home-panel-jobs .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;}
.pre-footer ul li {line-height:1.5em;}
.pre-footer ul li a {background:#cbdbe0; display:block; color:#060b13; margin-bottom:.4em; padding:.4em .7em;}
.pre-footer ul li a:hover, .pre-footer ul li a:focus, .pre-footer ul li a:active {text-decoration:none; color:#000; background:#fff;}

.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.4em; background:#fff; margin-bottom:.3em;}
.secondary-navigation ul li a {background:#E4EDF0; display:block; color:#060b13; margin-bottom:.4em; padding:.4em .7em; border:none;}
.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:.4em .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;}

/* Blog */
.blog-post {border-bottom:1px solid #eee; padding:1.5em 0;}
.blog-post .blog-date {width:90px; float:left;}
.blog-post .blog-date .date {float:left; padding:0; margin:0; background:url(../img/date-icon.gif) top left no-repeat;}
.blog-post .blog-date .date .month {display:block; width:70px; color:#fff; text-align:center; text-transform:uppercase; padding:.3em 0;}
.blog-post .blog-date .date .day {display:block; width:70px; color:#333; text-align:center; font-size:1.8em; padding:.7em 0;}
.blog-post .blog-summary {width:535px; float:left;}
.blog-post .blog-summary h2 {font-size:1.4em; padding-top:0;}
.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;}
.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);}
.js .footer a {padding:0;}
.js .footer a span {background:none;}

.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;}
.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;}