@charset "UTF-8";
/* CSS Document */

/* CALEX UK CSS STYLESHEET */

/* RESETS */

p {margin: 0 0 0 0; padding: 0 0 0 0;}
body {font: 10px normal Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #eff4f7;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear-right;}
h1 {margin: 0 0 0 0; padding: 0 0 0 0;}
a {text-decoration: none; outline: none;}
a:active {outline: none;}
span {display:block; padding: 0 0 0 0; margin: 0 0 0 0;}
form {margin: 0 0 0 0; padding: 0 0 0 0;}

/* LAYOUT */

.page-wrap {
	background-image:url(../gfx/base/page-shadow.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color: #eff4f7;
	}


.main-container {
background-image: url(../gfx/base/background.jpg);
width: 960px;
margin: 0 auto 0 auto;
}

/* HEADER AND NAVIGATION */

.top-buffer {
background-image:url(../gfx/base/top-buffer.jpg);
width: 960px;
height: 39px;
}

.logo-large {
width: 200px;
height: 126px;
background-image: url(../gfx/base/logo-large.jpg);
float: left;
}

.menu-block {
width: 760px;
height: 126px;
background-image:url(../gfx/base/menu-background.jpg);
float: right;
}

.top-buffer-dark {
background-image:url(../gfx/base/top-buffer-dark.jpg);
width: 960px;
height: 39px;
}

.logo-large-dark {
width: 200px;
height: 126px;
background-image: url(../gfx/base/logo-large-dark.jpg);
float: left;
}

.menu-block-dark {
width: 760px;
height: 126px;
background-image:url(../gfx/base/menu-background-dark.jpg);
float: right;
}

.menu-bar {
padding: 0px 0 0 0;
}

.tag-container {
width:760px;
padding-top: 48px;
}

.strap {
font-size: 14px;
width: 430px;
padding: 0 0 0 16px;
float: left;
color: #cccccc;
}

.date {
text-align: right;
font-size: 14px;
width: 220px;
float: left;
color: #cccccc;
}


/* HOME PAGE */

.home-feature {
background-image:url(../gfx/base/home-feature.jpg);
width: 960px;
height: 354px;
}

.home-content {
width: 960px;
height: 400px;
background-image:url(../gfx/base/home-feature-shadow.jpg);
background-repeat: no-repeat;
}

.content-container {
width: 824px;
margin: 0 auto 0 auto;
}

.preamble {
width: 230px;
float: left;
color: #333333;
}

.preamble-text {
font-size: 1.5em;
color: #333333;
line-height: 1.25em;
}

.preamble strong {
font-size: 1.35em;
line-height: 1.25em;
font-weight: normal;
color: #333333;
}
.preamble p{
font-size: 1.5em;
color: #333333;
line-height: 1.25em;
margin-bottom: 15px;
color: #333333;
}

.featured-block {
width: 544px;
float: right;
}

.featured-training {
float: left;
width: 233px;
height: 323px;
padding: 15px 15px 15px 15px;
}

.featured-container {
float: left;
width: 263px;
height: 402px;
background-image: url(../gfx/home/our-training-background.jpg);
background-repeat: none;
margin-right: 17px;
}

.featured-text {
display: block;
font-size: 14px;
line-height: 1.25em;
color:#330066;
}

.featured-text ul {
line-height: 1.25em;
padding-left: 15px;
margin-left: 0px;
font-size: 12px;
padding-top: 0;
margin-top: 5px;
}

.featured-text li {
padding-bottom: 6px;
}

.featured-head {
display: block;
font-size: 16px;
color:#330066;
font-weight: bold;
margin-bottom: 10px;
}
.featured-head-learning {
display: block;
font-size: 16px;
color:#330066;
font-weight: bold;
margin-bottom: 5px;
}

.featured-world {
float: left;
width: 234px;
height: 142px;
padding: 15px 15px 15px 15px;
}

.featured-world-container {
float: left;
width: 264px;
height: 221px;
background-image: url(../gfx/home/home-world-background.jpg);
margin-bottom: 17px;
}

.featured-work {
float: left;
width: 234px;
height: 85px;
padding: 15px 15px 15px 15px;
}

.featured-work-container {
float: left;
width: 264px;
height: 164px;
background-image: url(../gfx/home/home-work.jpg);
}

.button-container {
height: 35px;
padding-right: 5px;
}

/* BUTTONS */

.read-more-large
{
  margin-top: 20px;
  display: block;
  width: 178px;
  height: 43px;
  background: url("../gfx/buttons/read-more-large.jpg") no-repeat 0 0;

}

.read-more-large:hover
{ 
  background-position: 0 -43px;
}

.read-more-large span
{
  display: none;
}

.button
{
float: right;
  margin-top: 9px;
  display: block;
  width: 147px;
  height: 35px;
  background: url("../gfx/buttons/blank-button.gif") no-repeat 0 0;

}

.button:hover
{ 
  background-position: 0 -35px;
}

.button span
{
font-size: 16px;
color: white;
text-align: center;
display: block;
padding-top: 8px;

}

/* INNER PAGES */

.header-buffer {
background-image:url(../gfx/base/header-buffer.jpg);
width: 960px;
height: 59px;
}

.page-container {
width: 960px;
background-image:url(../gfx/base/page-head-shadow.jpg);
background-repeat:no-repeat;
}

.page-content-container {
width: 823px;
margin-left:67px;
}

.page-header-what {
width: 559px;
height: 55px;
background-image:url(../gfx/base/page-head-what-we-do.jpg);
float: left;
}

.page-header-404 {
width: 559px;
height: 55px;
background-image:url(../gfx/base/page-head-404.jpg);
float: left;
}

.page-header-about {
width: 559px;
height: 55px;
background-image:url(../gfx/base/page-head-about-us.jpg);
float: left;
}

.page-header-hr {
width: 559px;
height: 55px;
background-image:url(../gfx/base/page-head-hr.jpg);
float: left;
}

.page-header-partners {
width: 559px;
height: 55px;
background-image:url(../gfx/base/page-head-partners.jpg);
float: left;
}

.page-header-contact {
width: 559px;
height: 55px;
background-image:url(../gfx/base/page-head-contact.jpg);
float: left;
}

.page-header-generic {
width: 559px;
height: 85px;
background-image:url(../gfx/base/page-head-under.jpg);
background-repeat: no-repeat;
float: left;
}

.page-title {
font-family: arial, helvetica, verdana, sans-serif;
padding: 5px 0 0 129px;
font-size: 30px;
color: #330066;
}


/* SIDEBAR */

.sidebar-container {
width: 264px;
float: right;
}

.links-container {
width: 264px;
min-height: 78px;
background-image:url(../gfx/base/sidebar-top.jpg);
background-repeat: no-repeat;
}

.links {
padding: 1px 20px 0 20px;
}

.side-links {
font-size: 16px;
color:#666666;
padding-top: 10px;
line-height: 22px;
}

.side-links a {
font-size: 16px;
text-decoration: none;
_font-weight: bold;
color:#330066;
}

.side-links a:hover {
text-decoration: none;
color: #3399FF;
}

.side-links a:active {
text-decoration: none;
outline: none;
}

.side-links ul {
display: block;
list-style:none;
list-style-image:url(../gfx/base/arrow-grey.gif);
_list-style-image:url(../gfx/base/arrow-light.gif);
list-style-position:outside;
padding: 0 0 0 10px;
margin: 0 0 0 10px;
}

.side-links li {
margin-top: 10px !important;
}

.side-links li a {
display: block;
}

.side-links li:hover {
list-style-image:url(../gfx/base/arrow-light.gif);
}


.side-links li:last-child {
padding-bottom: 5px;
}

.up {
list-style:none;
list-style-image:url(../gfx/base/arrow-up-grey.gif);
_list-style-image:url(../gfx/base/arrow-up-light.gif);
list-style-position:outside;
}


.links-repeat {
width: 264px;
background-image:url(../gfx/base/sidebar-repeat.jpg);
background-repeat: repeat-y;
}

.links-end {
width: 264px;
height: 23px;
background:url(../gfx/base/sidebar-bottom.jpg);
}

/* FOOTER */

.footer-container {
width: 960px;
margin: 0 auto 0 auto;
height: 65px;
margin-top: 25px;
background-image:url(../gfx/base/footer-background.jpg);
background-repeat:repeat-x;
}

.footer {
width: 824px;
margin: 0 auto 0 auto;
padding-top: 17px;
}

.small-logo {
float: left;
width: 40px;
height: 32px;
}

.footer-text {
float: left;
width: 150px;
font-size: 11px;
font-weight: normal;
padding-top: 3px;
}

.footer-links-container {
font-size: 12px;
float: right;
width: 600px;
height: 44px;
text-align: right;
padding-top: 3px;
}

.footer-links-container a {
font-size: 12px;
padding: 1px 3px 1px 3px;
color: black;
text-decoration: none;
}

.footer-links-container a:hover {
color: white;
text-decoration: none;
background-color: #330066;
}
.footer-links-container a:visited {
text-decoration: none;
}
.footer-links-container a:active {
text-decoration: none;
outline: none;
}

.tiny-text {
font-size: 9px;
padding-top: 5px;
display: block;
}
.tiny-text a{
font-size: 9px !important;
}

.shadow-end {
font-size: 1px;
width: 980px;
height: 10px;
margin: 0 auto 0 auto;
background-image: url(../gfx/base/shadow-end.jpg);
}

/* TO STYLE BODY COPY - THIS IS THE BIT THAT IS EDITABLE BY CALEX */

/*container*/
.main-text {
font-family: arial, helvetica, verdana, sans-serif;
width: 500px;
padding-top: 20px;
font-size: 14px;
color: #333333;
float: left;
line-height: 18px;
word-spacing: 1px;
}

.main-text a {
text-decoration: none;
font-weight: bold;
color:#330066;
background-image:url(../gfx/base/arrow-light.gif);
background-repeat: no-repeat;
background-position: 0px -2px;
padding: 0 0 0 20px;
}

.main-text a:hover {
text-decoration: underline;
}

.main-text a:active {
text-decoration: none;
outline: none;
}

.main-text strong {
font-size: 18px;
line-height: 20px;
font-weight: bold;
padding-bottom: 5px;
color:#330066;
}

.main-text p {
padding-bottom: 10px;
}

.main-text ul {
padding: 0 0 5px 10px;
margin: 0 0 5px 10px;
_margin: 0 0 5px 3px;
list-style: none;
list-style-image:url(../gfx/base/bullet.gif);
ist-style-position: outside;
color:#330066;
}

.main-text li {
padding-bottom: 5px;
font-size: 13px;
}

.main-text img {
padding: 0px;
margin: 0px;
border: 0px;
border: 1px solid #330066;
}
.image {
padding: 0 !important;
margin: 0 !important;
}

.image img {
padding: 5px !important;
margin: 5px 10px 0 0 !important;
background-color: white !important;
border: 1px solid #330066 !important;
}

.image a {
padding: 0;
margin: 0;
background-image: none !important;
}

.header-image img {
padding: 0px;
margin: 0px;
border: 0px;
border: 0px;
}

hr {
color: #CCCCCC;
border-style: solid;
border-width: 1px;
}

/* COMPANY STRUCTURE */

.large-banner-outer {
margin-top: 10px;
display: table;
height: 55px;
width: 500px;
#position: relative;
overflow: hidden;
background-image: url(../gfx/pages/structure/large-banner.jpg);
background-repeat: no-repeat;
}
.large-banner-middle {
#position: absolute;
width: 500px;
#top: 45%;
_height: 35%;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 21px;
}
.large-banner-inner {
#position: relative;
#top: -50%;
}

.small-container {
width: 150px;
float: left;
margin-right: 25px;
background-image: url(../gfx/pages/structure/line.gif);
background-repeat: repeat-y;
}
.small-container-right {
width: 150px;
float: left;
background-image: url(../gfx/pages/structure/line.gif);
background-repeat: repeat-y;
}

.small-banner-outer {
margin-top: 10px;
display: table;
height: 55px;
width: 150px;
position: relative;
overflow: hidden;
background-image: url(../gfx/pages/structure/small-banner.jpg);
background-repeat: no-repeat;
}
.small-banner-middle {
#position: absolute;
width: 150px;
#top: 50%;
_height: 25%;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 16px;
}
.small-banner-inner {
#position: relative;
#top: -50%;
}

.green {color: green;}
.red {color: #CC0000;}
.orange {color: #FF6600;}
.blue {color:#3366CC;}
.purple {color:#330066; font-weight: bold;}
.light-purple {color: #6666CC;}
.pink {color:#CC66CC;}
.brown {color: #996633;}

/* JOB LISTING */

.job-listing-top {
width: 500px;
height: 10px;
margin: 0px;
padding: 0px;
background-image: url(../gfx/pages/jobs/job-back-top.gif);
background-repeat: no-repeat;
font-size: 1px;
}

.job-listing-middle {
width: 476px;
padding: 0px 12px 0px 12px;
margin: 0px;
background-image: url(../gfx/pages/jobs/job-back-repeat.gif);
background-repeat: repeat-y;
}

.job-listing-button {
width: 500px;
background-image: url(../gfx/pages/jobs/job-back-repeat.gif);
background-repeat: repeat-y;
}

.job-listing-bottom {
width: 500px;
height: 10px;
background-image: url(../gfx/pages/jobs/job-back-bottom.gif);
background-repeat: no-repeat;
font-size: 1px;
margin-bottom: 15px;
}

.main-text-jobs {
font-family: arial, helvetica, verdana, sans-serif;
width: 500px;
padding-top: 20px;
font-size: 14px;
color: #333333;
line-height: 18px;
word-spacing: 1px;
}

.job-link a {
text-decoration: none;
font-weight: bold;
color:#330066;
background-image:url(../gfx/base/arrow-light.gif);
background-repeat: no-repeat;
background-position: 0px -2px;
padding: 0 0 0 20px;
}

.job-link a:hover {
text-decoration: underline;
}

.job-link a:active {
text-decoration: none;
outline: none;
}

.main-text-jobs strong {
font-size: 18px;
line-height: 20px;
font-weight: bold;
padding-bottom: 5px;
color:#330066;
}

.main-text-jobs p {
padding-bottom: 10px;
}


.job-title {
font-size: 22px;
font-weight: bold;
color: #330066;
margin: 0px 0px 10px 0px;
}

.job-location {
background-image: url(../gfx/pages/jobs/location-icon.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 25px; 
font-size: 13px;
font-weight: bold;
color: #330066;
margin: 0 0 5px 0;
}

.job-salary {
background-image: url(../gfx/pages/jobs/salary-icon.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 25px; 
font-size: 13px;
font-weight: bold;
color: #330066;
margin: 0 0 0 0;
}

.job-description {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
color: #333333;
line-height: 18px;
word-spacing: 1px;
padding-top: 10px;
}

.job-tag {
width: 300px;
float: left;
font-size: 13px;
font-weight: bold;
color: #330066;
padding: 15px 0 0px 12px;
}

.job-button-container {
height: 35px;
padding-right: 12px;
padding-top: 5px;
}

.job-apply-button
{
float: right;
  display: block;
  width: 147px;
  height: 35px;
  background: url("../gfx/buttons/blank-button.gif") no-repeat 0 0;

}

.job-apply-button:hover
{ 
  background-position: 0 -35px;
}

.job-apply-button span
{
font-size: 16px;
color: white;
text-align: center;
display: block;
padding-top: 8px;

}

/* HR Section */

.hr-doc {
background-image: url(../gfx/pages/hr/doc-icon.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 25px; 
font-size: 13px;
font-weight: bold;
color: #330066;
margin: 0 0 0 0;
}


.hr-cats {
border-bottom: 1px solid black;
padding-bottom: 4px;
}

.hr-cats p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.hr-cats a {
background-image: url(../gfx/buttons/tab-back.gif);
background-repeat: repeat-x;
margin-left: 10px;
margin-bottom: 5px;
padding: 5px 10px 5px 10px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
color: white;
background-color: #330066;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.hr-cats a:hover {
color: #33CCFF;
background-color: #330066;
}

.logout-tab {
margin-top: 10px;
float: right;
}

.logout-tab a {
display: block;
background-image: url(../gfx/buttons/tab-back-red.gif);
background-repeat: repeat-x;
padding: 5px 10px 5px 10px;
border: 1px solid #CC0000;
color: white;
background-color: red;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.logout-tab a:hover {
color: orange;
background-color: #330066;
}


.ms-logo {
font-size: 14px;
margin-top: 30px;
width: 250px;
float: left;
margin-left: 0px;
}

.ms-training {
font-size: 13px;
margin-top: 0px;
width: 250px;
float: left;
margin-left: 00px;
}

.ms-training a {
font-size: 12px;
text-decoration: none;
font-weight: bold;
color:#330066;
background-image:url(../gfx/base/arrow-light.gif);
background-repeat: no-repeat;
background-position: 0px -2px;
padding: 0 0 0 20px;
}

.ms-training a:hover {
text-decoration: underline;
}

.ms-training a:active {
text-decoration: none;
outline: none;
}

.ms-logo img {
margin-left: 0px;
}

.hr-title {
font-size: 22px;
font-weight: bold;
color: #330066;
padding: 0px 0px 0px 10px;
margin-top: 15px;
margin-bottom: 5px;
}

.login-button
{
display: table-cell;
vertical-align:middle;
float: right;
  display: block;
  width: 147px;
  height: 35px;
  background: url("../gfx/buttons/blank-button.gif") no-repeat 0 0;
  border: none;
  font-size: 16px;
color: white;
text-align: center;

}

.login-button:hover
{ 
cursor: pointer;
  background-position: 0 -35px;
}

.login-button:active
{ 
outline: none;
}


.password-box {
vertical-align:middle;
width: 300px;
height: 30px;
font-size: 16px;
font-weight: bold;
border: 1px solid #babfc0;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.text-box {
vertical-align:middle;
width: 300px;
height: 29px;
font-size: 16px;
line-height: 25px;
font-weight: bold;
border: 1px solid #babfc0;
padding-left: 5px;
}
.text-box-large {
width: 300px;
height: 150px;
font-size: 12px;
border: 1px solid #babfc0;
padding-left: 5px;
padding-top: 5px;
font-family: arial, helvetica, verdana, sans-serif;
}

.button-text {
font-size: 18px;
line-height: 20px;
font-weight: bold;
padding-top:10px;
color:#330066;
}


.msg-yes {
border: 1px solid #339966;
background-color: #33CC66;
font-weight: bold;
color: white;
padding: 3px 5px 3px 5px;
text-align: center;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.msg-no {
border: 1px solid #990000;
background-color: #CC3300;
font-weight: bold;
color: white;
padding: 3px 5px 3px 5px;
text-align: center;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/* WORLD MAP */

.map-container {
margin-left: 62px;
width: 833px;
height: 553px;
}