/*------------css reset---------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*restoring some basic defaults*/
em { font-style:italic; }
strong { font-weight:bold; }
/*-----------------------end of css reset------------------*/

body { background-image:url(images/curve-background.gif); margin: 0 0 0 0; font: 55%/2 Arial, Helvetica, sans-serif; background-repeat:no-repeat; color:#565656; }
html { font-size: 100%; }
p { margin:0 0 1.5em 0; }
h1 { font:bold 1.6em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; margin-top:0; padding-bottom:10px; }
h2 { font:bold 1.4em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; margin:0; padding-bottom:10px;}
a { color:#a30046; text-decoration:none; }
a:hover { color:#a30046; text-decoration:underline; }
a img { border:none; }
a:focus, a:active { outline:none; border:none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; margin-top:-1px;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

td { vertical-align:top; }
.home-intro-para { font:1.6em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; color:#424242; padding:0px; margin-bottom:1.2em; margin-top:0px; font-weight:bold; }
address { margin-bottom:1.5em; }

/*********layout**********************/
#wrapper { width:990px; float:left; background:url(images/right-fade-line.gif) bottom right no-repeat; padding:0px 0px 30px 0px; line-height:2em; position:relative; }
#header { position:relative; width:990px; height:185px; }
#logo { position:absolute; left:26px; top:35px; }

#right-column { float:right; width:260px; font-size:1.3em; margin-right:20px; }
#right-column2 { float:right; width:260px; }
#right-column2 p { padding:0px; margin:0px; }
.inlinebox { border:1px solid #003399; background:#ededed; padding:10px; }
.inlinebox p { padding:0px; margin:0px; float:left; width:200px; }
.inlinebox img { display:inline; float:right; }
.anbox { border:1px solid #3366cc; }

#maincontent-admin { float:left; width:840px; min-width:640px; padding:30px; line-height:18px; background:url(images/right-fade-line.gif) bottom right no-repeat; }
.middle-column { width:400px; float:left; padding-right:43px; font-size:1.3em; margin-left:30px; }
.middle-column2 { width:750px; float:left; font-size:1.3em; margin-left:30px; }
.middle-column a, .middle-column2 a { font-weight:bold; }
.maintext { width:450px; }
.maintext h4 { font-size:13px; padding-bottom:5px; }

#search { border:1px solid #cdcdcd; float:left; padding:10px; width:360px; font-size:1.3em; }
#search select { width:160px; }
#search .selectlabel { width:120px; display:block; }
/*/

/********side menu navigation*****************/
#sidemenu { float:left; width:140px; padding-left:60px; font-size:1.4em; border-top:1px solid #ffffff; }
#sidemenu ul { margin: 0px; padding: 0px; list-style-type: none; }
#sidemenu li.log a { padding-top:10px; }
#sidemenu ul li a { text-decoration: none; color:#424242; padding:00px 0 0px 50px; margin:0 0 10px 0; background-position:left top; background-repeat:no-repeat; display:block; height:50px; }
#sidemenu ul li span { padding-top:10px; display:block; }
#sidemenu ul li span.two { padding-top:2px; display:block; }
#sidemenu li a:hover { color: #e02a2a; background-position:left -110px; }
/*/

/********** headers*********************/
h2.what { background:url(images/what-h3.gif) left; background-repeat:no-repeat; padding:5px 0px 5px 25px; }
h2.services { background:url(images/services-h3.gif) left; background-repeat:no-repeat; padding:5px 0px 5px 25px; }
h2.advice { background:url(images/advice-h3.gif) left; background-repeat:no-repeat; padding:5px 0px 5px 25px; }
h2.testimonials { background:url(images/testimonials-h3.gif) left; background-repeat:no-repeat; padding:5px 0px 5px 25px; }
h2.team { background:url(images/team-h3.gif) 0 5px; background-repeat:no-repeat; padding:5px 0px 5px 25px; clear:left; }
h2.team span:first-child { display:block; }
h2.team span.title { display:block; color:#a30046; font-size:0.8em; font-weight:normal; }
h2.get { background:url(images/get-h3.gif) left; background-repeat:no-repeat; padding:5px 0px 5px 25px; }
h2.testimonials { background:url(images/testimonials-h3.gif) left; background-repeat:no-repeat; padding:5px 0px 5px 25px; }
.t-images { padding-right:5px; vertical-align:middle; }
.t-para { padding-bottom:0px; }

/******footer****************************************/
#footer { width:990px; height:100px; background:transparent url(images/footer.gif) no-repeat top right; clear:both; font-size:1.8em; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align:right; padding-bottom:10px; }
.footer-inner { margin-left:520px; text-align:right; margin-right:20px; padding-top:20px; line-height:18px; padding-bottom:10px; }
.footer-inner span { display:block; margin:0.2em 0 0.2em 0; }

.twit, .face, .linked_in { padding-left:25px; padding-bottom:3px; }
.twit { background:url(images/twitter.png) no-repeat 0px 3px; margin-right:20px; }
.face { background:url(images/face-icon.png) no-repeat 0px 3px; margin-right:20px; }
.linked_in { background:url(images/linkedin-icon.png) no-repeat 0px 3px; }
.twit:hover, .face:hover, .linked_in:hover { background-position:0 -57px; }
.twithead { margin-bottom:1.5em; }
.terms { font-size:1.1em; width:980px; text-align:right; padding-right:25px; margin-bottom:2em; }
/*/

/**********main menu navigation**********************/
#menu { position:absolute; left:200px; top:35px; height:66px; font-size:1.4em; }
#menu ul { margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
#menu ul li { float: left; }
#menu ul li a { text-decoration: none; color:#333333; float: left; margin: 0px; width: 95px; padding-top: 45px; padding-bottom: 0px; background-position:top center; background-repeat:no-repeat; line-height:1.5; }
#menu li a:hover { color: #e02a2a; background-position:28px -110px; }

.home-button { background:url(images/bt-home2.gif); }
.what-button { background:url(images/bt-what.gif) no-repeat; }
.overseas-button { background:url(images/bt-overseas.gif) no-repeat; }
.services-button { background:url(images/bt-services.gif) no-repeat; }
.team-button { background:url(images/bt-team.gif) no-repeat; }
.gallery-button { background:url(images/bt-gallery.gif) no-repeat; }
.register-button { background:url(images/bt-register.gif) no-repeat; }
.jobs-button { background:url(images/bt-jobs.gif) no-repeat; }
.get-button { background:url(images/bt-contact.gif) no-repeat; }
.login-button { background:url(images/bt-login.gif) no-repeat; }
.career-button { background:url(images/btn-career.gif) no-repeat; }
.advice-button { background:url(images/bt-advice.gif) no-repeat; }
.news-button { background:url(images/bt-news.gif) no-repeat; }
.partnership-button { background:url(images/bt-what.gif) no-repeat; }
.latest-sector-news { width:380px; overflow: hidden; }
.latest-sector-news .date { padding: 0px; margin: 0px; border-style: none; }
.latest-sector-news .link { padding: 0px 0px 0px 7px; margin: 0px; border-style: none; }
.latest-sector-news h1 { background-position: right; font-size: 22px; vertical-align: middle; background: url(images/RSS_Feed.gif) 210px; background-repeat: no-repeat; height:32px; padding-top:5px; }
.latest-sector-news h2 { font-size: 14px; padding: 0 0 1px 0; }
.latest-sector-news span { white-space:nowrap; font-size: 10px; color:Gray; }
.latest-sector-news a { white-space:nowrap; font-size: 10px; color: #666666; text-decoration: underline; }
.latest-sector-news a:hover { color: #333333; text-decoration: underline; }
.latest-sector-news .divide { padding:0; height:10px; border-top: 2px solid #FF3399; width:380px; }
/*//*/
#datalist-footer { padding-left:10px; }
#datalist-footer a { font-weight:normal; }
#datalist-footer a.newsearch { background:url(images/newsearch.gif); background-position:left; background-repeat:no-repeat; width:83px; height:33px; padding-left:40px; display:block; padding-top:8px; color:#ffffff; }
#datalist-footer a:hover.newsearch { color:#e21574; }
.sub { font-size:0.9em; margin:0px; padding:0px; }
.red { color:#a30046; }
#alerts { display:block; padding:10px; border:solid 1px #e51373; background-color:#e7e7e7; color:#3d7cbf; position:relative; margin-top:50px; font-weight:normal; }

/*************gallery table******************/
#gallerytable table { border-collapse: collapse; } 
#gallerytable th { border: 1px solid #bbbbbb; padding: 4px 10px; line-height: 1.2; } 
#gallerytable td { border: 1px solid #bbbbbb; padding: 4px 10px; line-height: 1.2; } 

#gallerytable tbody td { border-top: 0; border-bottom: 1px; }
#gallerytable caption { font-weight: bold; font-size: 1.4em; text-transform: uppercase; padding: 0 0 5px; color: #333333; }
#gallerytable th { background: #e4e5e4 url(images/table-heading-background.gif) 0 50% repeat-x; text-align: center; }

#gallerytable tfoot { background-color: #e2e2e2; color: #555555; }
#gallerytable tfoot td { text-align: center; }
#gallerytable tbody tr.alt td { }
#gallerytable tbody td.over, #gallerytable tbody td:hover{ background: #e3e3dc; color: #ffffff; }		
#gallerytable tbody tr.over+tr td {background-image: url(images/shadow.png); background-repeat: repeat-x; }

/*****************Job desc*******************/
.job-result { border:1px solid #e3e3dc; }
#top-job h2 { font:1.4em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; display:block; font-weight:bold; padding-left:10px; margin:0; color:#1a7565; padding-left:25px; }
#top-job h2.feat { background:url(images/star.png) left no-repeat; }
#top-job h2.week { background:url(images/star2.png) left no-repeat; }
.job-result h2, .job-result h3 { font:1.2em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; display:block; color:#a30046; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:10px; background-color:#e3e3dc; margin:0; }
.job-result h2, .job-result h3 { font:1.2em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; display:block; color:#a30046; font-weight:bold; padding:5px 0px 5px 10px; background-color:#e3e3dc; margin:0; }
.job-description { padding:5px 10px 10px 10px; background:url(images/desc-bg.gif); background-repeat:repeat-x; }
#job-week-list, #job-week { height:180px; }
.apply-footer { border-style:solid; border-width:2px 0 1px 0; border-top-color:#e41474; border-bottom-color:#1a7565; background-color:#1a7565; text-align:right; padding-right:10px; }
.apply-footer p { margin:0.5em 0 0.5em 0; }
.apply-details h2 { font:bold 1.2em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; display:block; color:#a30046; }
.bullets { margin:0 0 30px 20px; }
.bullets li { list-style: disc;  }

/******Languages menu*******/
#lang-menu  { list-style-type:none; margin-top:50px; width:220px; }
#lang-menu li { display:block; /*float:left;*/ }
#lang-menu .para { width:160px; height:50px; display:block; }
#lang-menu a  { width:41px; height:25px; margin-right:10px; float:left; text-indent:-9000%; margin-bottom:20px; }
#lang-menu a.eng  { background:url(images/flag-uk.gif) no-repeat; }
#lang-menu a.fr, #lang-menu a.fr:hover { background:url(images/flag-fr.gif) no-repeat; }
#lang-menu a.ger, #lang-menu a.ger:hover { background:url(images/flag-ger.gif) no-repeat; }
#right-column p, #right-column2 p { }
.extra-i  { font-size:0.9em; color:#666666; }

.login-name { font-size:0.9em; color:#666666; margin-top:2em; }
.prof { float:left; margin-right:1.5em; margin-bottom:0.5em; }
.team-section  { margin-bottom:2em; overflow:auto; }
.fjob  { width:381px; }
#address-banner { width:390px; height:170px; }
#targets { width:225px; height:260px; padding-left:28px; }
#job-week ul { width:auto;	padding:0; background:none; margin:0; }
#job-week ul li { float:none; padding:0; margin:0; background:none; width:100%; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:0px;}
        #cboxLoadedContent{background:#fff; padding:1px; border:1px solid #000; padding:40px;}
        #cboxLoadingGraphic{background:url(images/colorbox-loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/colorbox-controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

.quoteSlide                             { padding: 0; margin: 0; }
.quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0; padding: 0; }
.quoteSlide ul li                       { text-align: left; padding: 0; margin: 0; }
#right-column .quoteSlide p             { text-align: left; padding: 0; margin: 0; width:240px; }
.quoteSlide h3, .quoteSlide img         { font-size:15px; font-weight:bold; padding:0px 10px 10px 0px; float:left; }
        
/*
    anythingSlider v1.2   
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 270px; height: 240px; position: relative; margin: 0 auto; border:1px solid #febcbc;background:#eee;}
.anythingSlider .wrapper                { width: 270px; height: 240px; overflow: auto;  margin:0 auto; position: absolute; top: 0; left:0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0;/*background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213;*/ }
.anythingSlider ul li                   { display: block; float: left; padding: 15px; margin: 0; height: 210px; width: 240px; position:relative; }
.anythingSlider .arrow                  { display:none; height: 112px; width: 37px; background: url(images/arrows.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 50px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -38px; }
.anythingSlider .back                   { background-position: -37px 0; left: -38px; }
.anythingSlider .forward:hover          { background-position: 0 -112px; }
.anythingSlider .back:hover             { background-position: -37px -112px; }

#thumbNav                               { visibility:hidden; position:relative; top: 230px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px "century gothic", sans-serif; display: inline-block; color:#212121; border:1px solid #febcbc; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; /*-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;*/ }
#thumbNav a:hover                       { background-image: none; color:red; border: 1px solid #ffdede;text-decoration:none; }
#thumbNav a.cur                         { background: #febcbc; }

#start-stop                             { display: none; background: #008700; /*background-image: url(images/slider/cellshade.png);*/ background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 0px; top: 226px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: #da0000; }
#start-stop:hover                       { background-image: none; }

/*Prevents*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }      

#left-foot { border:1px solid #898989; color:#898989; margin:10px; width:920px; padding:0px 30px 20px 30px; }
.taglist {  padding:0px 5px; margin:5px; padding:10px; width:150px; height:260px; float:left;  }
.taglist li { width:150px; }
.taglist h3 { font-size:14px; font-weight:bold; }

/***********************tabs***************************/
.panel { margin:0px; }
/* root element for tabs  */.tabs { list-style:none; margin:0 !important; padding:0; height:30px; }
/* single tab */.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
/* link inside the tab. uses a background image */.tabs a { font-size:11px; display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none; padding:0px; margin:0px; position:relative; top:1px; }
.tabs a:active { outline:none; }
/* when mouse enters the tab move the background image */.tabs a:hover { color:#323232; }
/* active tab uses a class name "current". its highlight is also done by moving the background image. */.tabs .current, .tabs .current:hover, .tabs li.current a { cursor:default !important; text-decoration:none; color:#fff !important;
-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; }
/* initially all panes are hidden */ .panes .pane { display:none; }
.panes { /*padding:10px 20px 20px 0px; border:1px solid #ffcccc; background:#eee;*/ height:200px; }
.panes p { padding:0px; }

.tabs .nytab .current { background:#ad0540;  }
.tabs .austab .current { background:#006600; }
.panes .nytab  { padding:20px; border:1px solid #ad0540; background:#477fd2; height:200px; color:#fff; }
.panes .austab { padding:20px; border:1px solid #006600; background:#ffcc33; height:200px; color:#006600; }
.panes .nytab a { color:#fff; text-decoration:underline; }
.panes .austab a { color:#006600; text-decoration:underline; }

/***********************CLUETIPS CSS***********************/
/* global */
div.ui-cluetip { font-size: 1em; background-color:#fff; border:1px solid #cdcdcd; }
.ui-cluetip-header, .ui-cluetip-content { padding: 12px; background-color:#fff; }
.ui-cluetip-header { font-size: 1em; margin: 0; overflow: hidden; background-color:#fff; }
#cluetip-title, #cluetip-close { float: right; position: relative; padding:5px; font:20px; font-weight:bold; }
#cluetip-close img { border: 0; }

#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(images/wait.gif); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }

.intooltip { padding:0px 20px; background-color:#fff; border:1px solid #cdcdcd; }
.intooltip h3 { color:#a30046; font-size:14px; font-weight:bold }
.intooltip p { font-size:11px; line-height:15px; }

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default { background-color: #fff; }
.cluetip-default .ui-cluetip-header { background-color: #fff; }