@import url(lightbox.css);
@import url(form.css);

/*-----------------------------------------------------------------------------
RESET STYLESHEET
--------------------------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, em, font, img, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li, 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;}
	
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;
	vertical-align: top;}
	
/*-----------------------------------------------------------------------------
GENERAL GLOBAL STYLES
--------------------------------------------------------------------------------*/
html {
    font-size: 100%;
    background: url(../../../../images/templates/header_bg_home.gif) repeat-x;}

html, body {height: 100%;}

body {
	line-height: 1em;
	color: #616161;
	background: white;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; 
	text-align: center;
	background: url(../../../../images/templates/header_home.jpg) no-repeat center 102px;}
    
p {}/* nothing - to suit Immediacy, FFS */
    
small {
    font-size: 10px;
    line-height: 1.2;}

strong {font-weight: bold;}

em, i  {font-style: italic;}

.alignright {
	text-align: right;}

.alignleft {
	text-align: left}
	
.floatright {
    float: right;}

.floatleft {
    float: left;}
    
.clear {
    clear: both;}
    
.clearing {
	height: 0px;
	clear: both;
	overflow: hidden;}
	
.center {
    width: 100%;
    text-align: center;}
   
.floatmarginleft {
    margin: 5px 20px 5px 0px;}
    
.floatmarginright {
    margin: 5px 0px 5px 20px;}
    
.quote { /* used for quotes on this site. Perhaps incorrectly. Should be using blockquotes really */
    display: block;
    margin: 10px 0 0 0;
    background: #f7f7f7;
    padding: 9px 12px;
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 1.2em;
    line-height: 1.35;
    color: #5d5d5d;
    border-left: solid 1px #dddddd;} 
	
code, blockquote, .blockquote {
	display: block;
	text-align: left;
	color: #616161;
	background: #f7f7f7;
	padding: 10px;
	border: solid 1px #ededed;
	border-right: solid 1px #cfcfcf;
	border-bottom: solid 1px #cfcfcf;}
	
.blockquote input[type=image] { /* fix for FF */
	vertical-align: bottom;}
	
	
div.error, span.error {
	color: #e21350;}
	
div hr, p hr {
	display: none; }
	
div.hr {
    height: 1px;
	clear: both;
	border-bottom: solid 1px #eeeeee;}
	
.spacer {margin-bottom: 12px;}
.spacer-lge {margin-bottom: 18px;}
    
    
/*-----------------------------------------------------------------------------
LINK STYLES
--------------------------------------------------------------------------------*/
/*a  {position: relative}*/

a:link, a:visited {
	color: #2174a7;
	text-decoration: none; }
	
a:hover, a:active {
	color: #2174a7;
	text-decoration: underline;}
	
h1.h1-top a:link, h1.h1-top a:visited {
	color: #3974a2;
	text-decoration: none; }
	
h1.h1-top a:hover, h1.h1-top a:active {
	color: #a6ad23;
	text-decoration: none;}
	
#footer h1.h1-bottom a:link, #footer h1.h1-bottom a:visited {
	color: #9fa615;
	text-decoration: none; }
	
#footer h1.h1-bottom a:hover, #footer h1.h1-bottom a:active {
	color: #a9d2ed;
	text-decoration: none;}
	
a.onblue:link, a.onblue:visited {
	color: #a6ad23;
	text-decoration: none; }
	
a.onblue:hover, a.onblue:active {
	color: #a6ad23;
	text-decoration: underline;}
	
.box-content a:link, .box-content a:visited {
	color: #227ab0;
	text-decoration: none; }
	
.box-content a:hover, .box-content a:active {
	color: #227ab0;
	text-decoration: underline;}
	
a.alt:link, a.alt:visited {
	color: #959c12;
	text-decoration: none; }
	
a.alt:hover, a.alt:active {
	color: #959c12;
	text-decoration: underline;}
	
a.alt2:link, a.alt2:visited {
	color: #227ab0;
	text-decoration: none; }
	
a.alt2:hover, a.alt2:active {
	color: #227ab0;
	text-decoration: underline;}
	
a.grey:link, a.grey:visited {
	color: #6a6a6a;
	font-weight: bold;
	text-decoration: none; }
	
a.grey:hover, a.grey:active {
	color: #979e14;
	font-weight: bold;
	text-decoration: none;}
	
#footer a:link, #footer a:visited {
	color: #a9d2ed;
	text-decoration: none; }
	
#footer a:hover, #footer a:active {
	color: #a9d2ed;
	text-decoration: underline;}
	
.blockquote a:link, .blockquote a:visited {
	color: #9fa615;
	text-decoration: none; }
	
.blockquote a:hover, .blockquote a:active {
	color: #9fa615;
	text-decoration: underline;}
	
	
/* show users that links are external */
a[href^="http:"] {
	background: url(../../../../images/templates/external_link.gif) no-repeat right top;
	padding-right:10px;}
	
a[href$='.pdf'] {
	background: url(../../../../images/templates/pdf.png) no-repeat center left;
	display: inline-block;
	padding-left: 22px;}
	
a[href$='.ppt'], a[href$='.pps'] {
	background: url(../../../../images/templates/ppt_icon.gif) no-repeat center left;
	display: inline-block;
	padding-left: 22px;}
	
a[href$='.xls'] {
	background: url(../../../../images/templates/xls.png) no-repeat center left;
	display: inline-block;
	padding-left: 22px;}
	
/* show users that this is an email link */
a[href^="mailto:"], a.mail {
	background: url(../../../../images/templates/email.png) no-repeat right center;
	padding-right:15px;}

/* ignore all RSS links */	
a[href^="http://www.arm.co.uk"], a.rss, a[href^="http://collserver/armstage6"], a[href^="http://www.arm.jobs"], a[href^="http://www.addthis.com"] {
	background: none;
	padding: 0px;}
	
	
/* Paging links */
.paging a {
    padding: 2px 5px;
    margin: 0px;}
	
.paging a:link, .paging a:visited {
	border: solid 1px #eaeaea;
	color: #2e8bc5;
	text-decoration: none;
	background: #f7f7f7; }
	
.paging a:hover, .paging a:active {
	color: #0065a4;
	border: solid 1px #cccccc;
	text-decoration: none;}
	
a.page-selected, a.page-selected:link, a.page-selected:visited {
    text-decoration: none;
    color: #0065a4;
    border: solid 1px #9dcae6;
    background: #cee7f6;
    font-weight: bold;}
    
/* NO LINK */    
a.nolink, a.nolink:link, a.nolink:visited, a.nolink:hover, a.nolink:active {
    text-decoration: none;
    font-weight: normal;
    background: none;
    padding: 0px;}
    
a.noline:hover, a.noline:active {
    text-decoration: none;}
    
/* Tooltip styles */
a.tooltip {
    position: relative;}

a.tooltip span, a.tooltip div {
    display: none;}
    
a.tooltip:hover span {
    position: absolute;
    top: 5px;
    left: 25px;
    width: 150px;
    padding: 8px;
    display: block;
    background: #9fa615;
    text-decoration: none;
    opacity: 0.75;
    border: 1px solid #7f850b;
    border-right: 1px solid #6f740a;
    border-bottom: 1px solid #6f740a;
    color: #ffffff;}

/* search tooltips */        
div.tooltips {
    height: 100%;
    font-size: 12px;
    background: #f6e9d3;
    border: 2px solid #f8a938;
    border-right: 2px solid #f39925;
    border-bottom: 2px solid #f39925;
    color: #4a4a4a;
    text-align: left;
    line-height: 1.25;}
    
 div.tooltips div {
     margin: 15px;}


/*-----------------------------------------------------------------------------
FONT/TEXT STYLES
--------------------------------------------------------------------------------*/
.hidden{
    width: 1px;
    position: absolute;
    left: -9999px; }
    
.prof {color: #08659e;}    
    
.part {color: #969c13;}

.pass {color: #d7164f;}

.white {color: #ffffff;}

.meta {color: #959595;}
    
h1.h1-top, h1.h1-bottom {
    font-size: 10px;
    line-height: 1.4;
    color: #2f6996;
    margin: 0 0 3px 0;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; }
    
h1.h1-top strong, h1.h1-bottom strong {
    font-weight: normal;}
    
h2.side {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px;
    padding: 5px 0 0 0;
    line-height: 1;}
    
h2.box {
    font-size: 16px;
    color: #013d6d;
    padding: 0 0 4px 0;
    margin: 0 0 9px 0;
    line-height: 1;
    text-transform: uppercase;}
    
h2.job-details {
    color: #858b10;
    font-size: 1em;
    margin: 0px 0 2px 0;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;}
    
.box-rule {
    padding: 0 0 4px 0;
    background: url(../../../../images/templates/box_rule.gif) repeat-x bottom left;}
    
#accordion h3 {
    font-size: 2.3em;
    line-height: 1;
    color: #02345d;
    padding: 0px;
    margin: 0 0 6px 0;}
    
#accordion h3.white {color: #ffffff;}

.search-result-head h3, .search-result-head h1, .feature-head h3 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    line-height: 1;
    color: #ffffff;
    border: none;}
    
.search-result-head h1 {
    font-size: 19px;}
    
div.form h3, h3.rule {
    padding: 0 0 3px 0;
    margin: 0 0 15px 0;
    border-bottom: solid 1px #eeeeee;}
    
h3.banner {
    margin: 0 0 5px 0;}
    
    
/*-----------------------------------------------------------------------------
LAYOUT & CONTAINER STYLES
--------------------------------------------------------------------------------*/
.inner {
    position: relative;
    margin: 0 auto;
    width: 960px;
    font-size: 0.725em; /* 12px */
    text-align: left;
    overflow: hidden; /* To clear floats */ }

/*----------------------------------- Header -----------------------------------*/    
#header {
    position: relative;
    height: 367px;
    z-index: 999;}
    
#header .inner {
    overflow: visible;}
    
#header-links {
    position: absolute;
    text-align: right;
    font-size: 10px;
    right: 0px;
    top: 10px;}
    
#header-tel {
    position: absolute;
    right: 0px;
    top: 65px;
    font-size: 1.65em;
    color: #aecee7;}
    
#header-tel strong {
    color: #ffffff;
    font-weight: normal; }
    
.logo {
    position: absolute;
    top: 24px;
    left: 0px;
    width: 200px;
    height: 56px;}
    
#accordion {
    position: absolute;
    top: 102px;
    height: 188px; 
    width: 960px; 
    overflow: hidden;
    color: #013a67;
    font-size: 1.205em;
    line-height: 1.3; }

#accordion div { /* sets */
    display: block;
    float: left;
    height: 188px;}
    
#accordion p {
    margin: 0 0 8px 0;}
    
#accordion i {
    font-size: 12px;}

#accordion div.title {
    cursor: pointer;}
    
#accordion div.default {
    width: 74px;}
    
#accordion div.professionalism {
    width: 74px;
    background: url(../../../../images/templates/p_professionalism.gif) no-repeat;}
    
#accordion div.partnership {
    width: 73px;
    background: url(../../../../images/templates/p_partnership.gif) no-repeat;}
    
#accordion div.passion {
    width: 73px;
    background: url(../../../../images/templates/p_passion.gif) no-repeat;}
    
#accordion div.content {
    display: none;
    padding: 42px 78px 0 78px;
    width: 510px; /* 666px - 156px */
    height: 188px; }
    
#accordion div.default-bg {
    padding: 46px 0 0 193px;
    width: 473px; /* 666px - 193px */}
    
#accordion div.professionalism-bg {
    background: url(../../../../images/templates/p_professionalism_bg.gif) no-repeat;}
    
#accordion div.partnership-bg {
    color: #434608;
    background: url(../../../../images/templates/p_partnership_bg.gif) no-repeat;}
    
#accordion div.passion-bg {
    color: #660522;
    background: url(../../../../images/templates/p_passion_bg.gif) no-repeat;}
   
      
/*----------------------------------- Main -----------------------------------*/    
#middle {
    margin-bottom: 30px;}

#main-content { /* central column */
    width: 488px;
    float: left;
    margin: 0 0 15px 226px;
    line-height: 1.5;
	display: inline;
	text-align: justify;}
    
#sidebar { /* left column */
    width: 200px;
    float: left;
    margin-left: -714px;
    font-size: 0.925em;
	display: inline;
	line-height: 1.3;}

#sub-content { /* right column */
    position: relative;
    width: 220px;
    float: left;
    margin-left: 26px;
	display: inline;
	font-size: 0.925em;
	line-height: 1.3;
	z-index: 0;}
   
   
/*----------------------------------- Footer -----------------------------------*/  
#footer {
    background: url(../../../../images/templates/footer_bg.gif) repeat-x;
    height: 109px;}  
    
#footer .inner {
    color: #6299bd;
    background: url(../../../../images/templates/footer_symbol.gif) no-repeat top right;
    height: 100%;
    font-size: 0.625em;
    line-height: 1.4;}
    
ul.col1 {
    width: 100px;
    float: left;
    padding-top: 22px;}

ul.col2 {
    width: 126px;
    float: left;
    padding-top: 22px;}
    
#footer p {
    padding-top: 22px;}

    
/*-----------------------------------------------------------------------------
IMAGE STYLES
--------------------------------------------------------------------------------*/
.noborder, .BlogItem .noborder {
    border: 0px;
    padding: 0px;}
	
	
/*-----------------------------------------------------------------------------
LIST STYLES
--------------------------------------------------------------------------------*/
#main-content ul, #sub-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0.5em 0 0 1.5em; 
	line-height: 1.35em;
	color: #787878;}
    
#main-content ul li, #sub-content ul li {
    background: url(../../../../images/templates/ul.gif) no-repeat 0 0.3em;
    padding: 0 0 .55em 1.4em; }
    
#main-content ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding: 0;
    margin: 0.5em 0 0 45px;}
    
#main-content ol li {
    padding: 0 0 .75em 0;}
    
#main-content ul.rss {
    list-style-type: none;
    padding: 0;
    margin: 0; 
	line-height: 1.2em;
	color: #787878;}
    
#main-content ul.rss li {
    background: url(../../../../images/templates/rss_sml.gif) no-repeat 0 0;
    padding: 0.1em 0 .35em 1.7em; }


/*-----------------------------------------------------------------------------
MODULES - NEWS, RSS, SEARCH etc
--------------------------------------------------------------------------------*/
/* Breadcrumb */
#breadcrumb {
    font-size: 0.875em;
    width: 100%;
    line-height: 1em;
    padding: 0 0 4px 0;
    margin: 0 0 19px 0;
    color: #959595;
    border-bottom: solid 1px #eeeeee;}

.side-head {
    position: relative;
    width: 184px;
    height: 26px;
    background: url(../../../../images/templates/side_head.gif) repeat-x;
    margin-bottom: 1px;
    z-index: -1;
    padding: 0 0 0 16px;}
    
.side-footer {
    clear: both;
    width: 200px;
    height: 8px;
    font-size: 1px;
    background: url(../../../../images/templates/side_footer.gif) no-repeat;}
    
.box-head {
    width: 220px;
    height: 5px;
    font-size: 1px;
    line-height: 1;
    background: url(../../../../images/templates/box_head.gif) no-repeat;}
    
.box-middle {
    position: relative;
    width: 220px;
    background: url(../../../../images/templates/box_content.gif) repeat-y;}

.box-content {
    position: relative;
    padding: 8px 16px 8px 16px;}

.box-footer {
    width: 220px;
    height: 12px;
    font-size: 1px;
    background: url(../../../../images/templates/box_foot.gif) no-repeat;}
    
/* News */
.news-item {
    position: relative;
    padding: 0 0 8px 0;
    margin: 0 0 6px 0;
    background: url(../../../../images/templates/box_divider.gif) repeat-x bottom left;}

.news-date {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 58px;
    color: #959595;}
    
.news-desc {
    margin-left: 59px;}
    
/* Why sign up? */
a.icon {
    display: block;
    width: 62px;
    height: 4px;
    padding: 49px 0 0 0;
    text-align: center;
    margin: 0 0 10px 0;
    float: left;}

a.icon-alerts {
    background: url(../../../../images/templates/icon_alerts.gif) no-repeat center center;}

a.icon-cvs {
    background: url(../../../../images/templates/icon_cvs.gif) no-repeat center center;}

a.icon-save {
    background: url(../../../../images/templates/icon_save.gif) no-repeat center center;}   
    
    
/* Meet the Manager */
.box-manager {
    overflow: hidden;
    color: #7c7c7c;}
    
.box-manager p {
    margin: 6px 0 6px 0;}
    
.box-manager span {
    color: #0065a4;}



/* Logins */
#account-login, #account-logout {
    position: relative;
    z-index: 666;
    width: 160px;
    margin-bottom: 19px;
    padding: 9px 15px 0px 15px;
    color: #4c4c4c;}
    
#account-login {
    background: url(../../../../images/templates/account_login_bg.gif) 0px 0px no-repeat;
    height: 41px;}
    
#account-logout {
    background: url(../../../../images/templates/account_logout_bg.gif) 0px 0px no-repeat;
    height: 63px;}
    
#account-login p, #account-logout p {
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 6px;
    font-size: 1.09em;}
    
#account-login span {
    padding: 0 6px;
    font-size: 1.2em;}
    
#account-login img {
    display: inline;}
    
/* Login menu */
#account-menu {
    position: absolute;
    display: none;
    top: 55px;
    left: 0px;
    z-index: 999;
    width: 190px;
    font-size: 1.09em;}
    
#account-menu-header {
    position: relative;
    height: 39px;
    background: url(../../../../images/templates/account_menu_header_bg2.gif) no-repeat;}
    
#account-menu-header span {
    text-align: center;
    display: block;
    padding: 12px 0 0 0;
    width: 190px;
    color: #4e4d4d;}
    
.account-menu-content {
    position: relative;
    background: url(../../../../images/templates/account_menu_content_bg2.gif) repeat-y;}
    
#account-menu-footer {
    position: relative;
    height: 19px;
    background: url(../../../../images/templates/account_menu_footer_bg2.gif) no-repeat;}
    
.accountToggle {
    width: 97px;
    height: 24px;
    float: left;
    margin: 0 2px 0 0;
    background: url(../../../../images/templates/button_account_down.gif) no-repeat;
    cursor: pointer;}
    
.accountToggleUp {
    background: url(../../../../images/templates/button_account_up.gif) no-repeat;}
    
#LogoutImagebutton {
    width: 61px;}


/* Search Boxes*/    
.search-basic, .search-advanced {
    width: 200px;
    position: relative;
    line-height: 1.6;
    color: #ffffff;
    font-size: 1.1em;}

.search-basic {
    height: 198px;
    background: url(../../../../images/templates/search_basic_bg.gif) no-repeat;}
    
.search-advanced {
    height: 365px;
    line-height: 1.65;
    background: url(../../../../images/templates/search_advanced_bg.gif) no-repeat;}
    
.search-basic .search-content {
    padding: 7px 16px 0 16px;}
    
.search-advanced .search-content {
    padding: 7px 16px 0 16px;}

.search-basic .search-buttons, .search-advanced .search-buttons {
    margin-top: 9px;}
    
.search-basic h2.search-spacer, .search-advanced h2.search-spacer {
    margin-bottom: 11px;}
    
.search-content small {
    display: block;
    text-align: right;
    font-size: 0.875em;
    color: #c1c747;}
    
.search-advanced a.search-tips {
    background: url(../../../../images/templates/search_tips.gif) no-repeat left center;
    padding: 2px 0 2px 20px;
    font-size: 0.875em;
    color: #c1c747;}
    
.search-basic a.advanced-search {
    font-size: 0.93em;
    color: #c1c747;
    padding: 4px 0 0 0;
    display: block;}
    
    
/* Search results */
.paging {
    margin: 0 0 18px 0;
    padding-top: 10px;
    text-align: center;}
    
.search-result {
    border: solid 1px #eaeaea;
    padding: 2px;
    margin: 0 0 11px 0;}

.search-result-head {
    position: relative;
    width: inherit;
    padding: 5px 105px 3px 10px;
    background: #979e14 url(../../../../images/templates/search_result_head_bg.gif) repeat-x top left;}
    
.search-result-head h3.search-result a {
    color: #ffffff;
    text-decoration: none;}

.search-result-content {
    padding: 9px 12px 9px 12px;
    color: #787878;
    line-height: 1.4;}
    
.search-result-content-fav {
    padding: 9px 12px 9px 12px;
    color: #787878;
    background: url(../../../../images/templates/fav_job.gif) no-repeat 460px 5px;
    line-height: 1.4;}
    
.search-result-content p.location, .search-result-content-fav p.location {
    color: #858b10;
    margin: 0 0 4px 0;}
    
.search-result-footer {
    padding: 4px 12px;
    color: #969696;
    background: #f2f2f2;}
    
.search-result-footer-buttons {
    margin: 15px 0 0 0;
    padding: 10px 12px 5px 12px;
    color: #969696;
    background: #f2f2f2;}
    
.search-result-term {
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
    width: 94px;
    text-align: center;
    padding: 0;
    line-height: 25px;
    color: #858b10;
    background: #e6e8b4;
    border-left: 2px solid #ffffff;}
    
.favouritePanel {
    float: right;
    margin: 4px 0 15px 25px;}
    
div.job-details {
    margin: 2px 0 12px 0;}
    
div.section {
    font-weight: bold;
    padding: 0 0 2px 0;
    margin: 0 0 10px 0;
    border-bottom: solid 1px #eaeaea;}
    
    
/* Banners */
#banner-dotjobs {
    background: url(../../../../images/templates/banner_dotjobs_bg.jpg) no-repeat;
    width: 200px;
    height: 122px;}
    
#banner-dotjobs-content {
    padding: 12px 70px 0 15px;
    color: #727272;
    line-height: 1.25; }
    
#banner-dotjobs-content p {
    margin: 0 0 5px 0;}
    
    
.banner-training {
    background: url(../../../../images/templates/box_training.jpg) no-repeat;
    width: 220px;
    height: 78px;}
    
.banner-training-content {
    text-align: right;
    padding: 9px 16px 0px 90px;
    color: #727272;
    line-height: 1.25; }

    
.banner-survey {
    background: url(../../../../images/templates/banner_survey_bg.gif) no-repeat;
    width: 220px;
    height: 133px;}
    
#banner-survey-content {
    padding: 16px 60px 0 15px; }
    
#banner-survey-content p {
    margin: 0 0 7px 0;}
    
#box-rss {
    position: absolute;
    bottom: -4px;
    right: 0px;
    height: 75px;
    width: 76px;
    background: url(../../../../images/templates/rss_bg.gif) no-repeat;}
    
#box-content-rss {
    padding: 0 60px 0 0;}
    
#box-content-rss p {
    margin: 5px 0 0 0;}
    
    
/* Secure */
#box-secure {
    width: 200px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #fbfbfb url(../../../../images/templates/head_secure.gif) no-repeat top left;}
    
    
/* Search Save */
#searchsave-content {
    color: #787878;
    font-size: 1.1em; }
    
.SearchSaveIcon {
    position: absolute;
    top: 5px;
    right: 18px;}
    
    
    
    
/* Registration progress wizard styles */

#main-content ul.progress {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;}
    
#main-content ul.progress li {
    float: left;
    padding: 0px;
    margin: 0px;
    height: 30px;
    background: #e8e8e8 url(../../../../images/templates/progress_bg_off.gif) top left repeat-y;
    display: block;
    width: 125px;
    line-height: 2.7em;
    color: #cacaca;}
    
#main-content ul.progress li a {
    display: block;
    height: 30px;
    /*width: 100%;*/
    color: #cacaca;
    padding: 0 0 0 10px;}
    
#main-content ul.progress li a:hover {
    text-decoration: none;}
    
#main-content ul.progress li a.current {
    color: #676767;
    font-weight: bold;}
    
#main-content ul.progress li a.previous {
    background: url(../../../../images/templates/progress_bg.gif) repeat-y;
    color: #ffffff;}
    
#main-content ul.progress li a.done {
    background: url(../../../../images/templates/progress_bg_on.gif) repeat-y;
    color: #ffffff;}
    
.percentage {
    line-height: 2.7em;
    margin: 0 0 0 8px;}
    
   
/* feature box styles - e.g. login/register */    
.feature-head {
    position: relative;
    width: inherit;
    padding: 5px 14px 3px 14px;
    background: #144e7b url(../../../../images/templates/feature_head_bg.gif) repeat-x top left;}

.feature-content {
    vertical-align: middle;
    width: inherit -28px;
    height: 100%;
    padding: 12px 14px 14px 14px;
    margin: 1px 0 12px 0;
    background: #fcfcfc url(../../../../images/templates/search_result_bg.gif) repeat-x;}
    
table.icon-layout {
    margin: 10px 0 0 0;}
    
table.icon-layout td {
    text-align: center;
    vertical-align: middle;
    color: #227ab0;
    font-size: 12px;}
    
table.icon-layout td.text {
    text-align: left;
    padding: 2px 0 2px 10px;}
    
/*-----------------------------------------------------------------------------
SOCIAL BOOKMARKING STYLES
-----------------------------------------------------------------------------*/
.web-two {
    position: relative;
    clear: both;
    font-size: 12px;
    padding: 3px 0px;
    text-align: right;
    margin: 30px 0 0 0;
    color: #8e8e8e;
    line-height: 1.4;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;}
    
.web-two img {
    border: none;
    vertical-align: middle;
    padding: 0 1px 1px 3px;}

.web-two img.addthis {
    padding: 0 3px 1px 1px;}
    
.web-two a {
    padding: 0 0 1px 0;}
    
.web-two a.addthis {
    float: left;
    padding: 0 22px 1px 0;
    background-image: none;}
    
/*-----------------------------------------------------------------------------
	GALLERY STYLES
--------------------------------------------------------------------------------*/
div.gallery {
	padding: 20px 0 5px 30px;
	color: #616161;
	background: #f7f7f7;
	border: solid 1px #ededed;
	border-right: solid 1px #cfcfcf;
	border-bottom: solid 1px #cfcfcf;}
	
div.gallery img {
	border: solid 6px #eae9e9;
	margin-right: 15px;
	margin-bottom: 15px;}
	
div.gallery a:hover img  {
	border: solid 6px #9fa615;}

	
/*-----------------------------------------------------------------------------
	SITEMAP STYLES
--------------------------------------------------------------------------------*/
div.sitmp0 {
	padding: 2px 2px 2px 20px;
	font-size: 1.3em;
	background: #f6f6f6;
    border: solid 1px #e6e6e6;
	font-weight: bold;
	margin-bottom: 1px;}
	
div.sitmp0 img {
    display: none;}
	
div.sitmp1 {
	padding: 2px;
	font-size: 1em;
	font-weight: bold;}
	
div.sitmp2 {
	padding:2px;
	font-size: 1em;}
	
/*-----------------------------------------------------------------------------
	SEARCH SITE STYLES
--------------------------------------------------------------------------------*/
#site-search-results ul li {
    position: relative;
    background: none;
    padding: 0 0 0 60px;
    margin: 0 0 18px 0;
    height: 1%; /* IE6 Hack */}

#site-search-results h4 {
    text-decoration: underline;
    margin: 0 0 4px 0;}
    
#site-search-results .meta {
    margin: 0 0 4px 0;}
    
#site-search-results .score {
    position: absolute;
    width: 45px;
    height: 70px;
    left: 0px;
    top: 0px;
    text-align: center;
    color: #9fa615;
    background: url(../../../../images/templates/search_match.gif) no-repeat; 
    font-weight: bold;
    font-size: 1.30em;
    line-height: 0.75em;}
    
#site-search-results .score p {
    margin: 12px 0 0 0;}
    
#site-search-results small {
    font-size: 10px;}
	
/*-----------------------------------------------------------------------------
	POLL STYLES
--------------------------------------------------------------------------------*/
.poll {
    width: 100%;}
    
.poll td {
    padding: 1px;
    vertical-align: middle;}
    
.poll img {
    vertical-align: middle;
    padding: 0 5px 0 0;}		
    
	
/*-----------------------------------------------------------------------------
    LOGIN STYLES
--------------------------------------------------------------------------------*/      
.account-login {
    position: absolute;
    z-index: 666;
    right: -5px;
    top: 306px;
    width: 230px;
    color: #ffffff;
    height: 42px;
    padding: 0px; 
    margin: 0px;
    background: url(../../../../images/templates/account_login_bg.gif) top right no-repeat;
    text-align: center;}
    
#Template_LoginCtrl1_FornamesLabel {
    position: absolute;
    top: 310px;
    text-align: right;
    right: 224px;
    color: #ffffff;}
    
.account-login span {
    padding: 0 7px;
    font-size: 12px;}
    
.account-login img {
    display: inline;
    vertical-align: middle;}
    
.account-login .accountToggle {
    width: 114px;
    height: 27px;
    float: left;
    margin: 0 6px 0 20px;
    background: url(../../../../images/templates/button_account_down.gif) no-repeat top left;
    cursor: pointer;}
    
.account-login .accountToggleUp {
    background: url(../../../../images/templates/button_account_up.gif) no-repeat;}
    
.account-login #Template_LoginCtrl1_LogoutImagebutton {
    display: block;
    width: 69px;}
    
    
/* Login menu */
#account-menu {
    position: absolute;
    display: none;
    top: 37px;
    left: 0px;
    z-index: 999;
    width: 230px;
    text-align: left;
    font-size: 12px;}
    
#account-menu-header {
    position: relative;
    height: 23px;
    background: url(../../../../images/templates/account_menu_header_bg.gif) no-repeat;}
    
#account-menu-header span {
    display: block;
    padding: 3px 0 0 30px;
    width: 190px;
    color: #ffffff;
    font-weight: bold;
    text-align: left;}
    
.account-menu-content {
    position: relative;
    background: url(../../../../images/templates/account_menu_content_bg.gif) repeat-y;}
    
#account-menu-footer {
    position: relative;
    height: 8px;
    background: url(../../../../images/templates/account_menu_footer_bg.gif) no-repeat;}
    
/* my account quick links styles */     
.account-menu-content ul {
    list-style: none;
    margin: 0px;
    padding: 0 21px;}
    
.account-menu-content li {
    background: url(../../../../images/templates/account_menu_separator.gif) bottom left repeat-x;
    padding: 0 0 2px 0;
    height: 1%;}
    
.account-menu-content li a {
    display: block;
    color: #d6ecf9;
    padding: 3px 9px;
    height: 17px;}
    
.account-menu-content li a:hover {
    text-decoration: none;
    background: #d6ecf9;
    color: #013d6d;}
    
    
    
/*-----------------------------------------------------------------------------
SIDE NAVIGATION STYLES - Including sidebar lists
--------------------------------------------------------------------------------*/
#subnavi-head {
    position: relative;
	width: inherit;
    background: url(../../../../images/templates/sidenav_head.gif) no-repeat;
    height: 7px;
    font-size: 1px;
    margin-bottom: 1px;}

#sidebar ul {
    list-style: none;
    line-height: 1.2;}
    
#sidebar ul li {
    float: left;
    width: 100%;
    margin-top: 1px; }
					
#sidebar li a {
	display: block;
	height: 1%;
	text-decoration: none;
	padding: 4px 22px 4px 16px;
	border-bottom: solid 1px #e6e6e6; }
		
/* style for the menu bullets */
#sidebar li a span	 {}

#sidebar li a {
    color: #227ab0;}
    
#sidebar li a:hover	{
    border-bottom: solid 1px #dedddd;}

/* Level 0 Styles */
#sidebar a.L0					{background: #f2f2f2;}				
#sidebar a.L0 SPAN.hc			{}               
#sidebar a.L0 SPAN.nc			{}

#sidebar a.L0sel				{background: #eae9e9 url(../../../../images/templates/sidenav_hover.gif) no-repeat 100% 50%; font-weight: bold;}	
#sidebar a.L0sel SPAN.hc		{} 
#sidebar a.L0sel SPAN.nc		{}
#sidebar a.L0sel:hover			{border-bottom: solid 1px #dedddd;}/* in this case effectively suppresses the hover effect for selected pages */

#sidebar a.L0:hover			    {color:#0065a4; background: #eae9e9 url(../../../../images/templates/sidenav_hover.gif) no-repeat 100% 50%;}					
#sidebar a.L0:hover SPAN.hc		{}  
#sidebar a.L0:hover SPAN.nc		{}  

/* Level 1 Styles */	
#sidebar a.L1					{background: #eae9e9; padding-left: 30px; border-bottom: solid 1px #dbdbdb;}
#sidebar a.L1 SPAN.hc			{}
#sidebar a.L1 SPAN.nc			{}

#sidebar a.L1sel				{background: #eae9e9 url(../../../../images/templates/sidenav_hover.gif) no-repeat 100% 50%; padding-left: 30px; font-weight: bold; border-bottom: solid 1px #d6d6d6;}
#sidebar a.L1sel SPAN.hc		{}
#sidebar a.L1sel SPAN.nc		{}
#sidebar a.L1sel:hover			{}

#sidebar a.L1:hover			    {color:#0065a4; background: #e1e1e1 url(../../../../images/templates/sidenav_hover_l2.gif) no-repeat 100% 50%;}	
#sidebar a.L1:hover SPAN.hc	    {}
#sidebar a.L1:hover SPAN.nc	    {}

/* Level 2 Styles */	
#sidebar a.L2					{background: #e1e1e1; padding-left: 44px; border-bottom: solid 1px #cecece;}
#sidebar a.L2 SPAN.hc			{}
#sidebar a.L2 SPAN.nc			{}

#sidebar a.L2sel				{background: #e1e1e1 url(../../../../images/templates/sidenav_hover.gif) no-repeat 100% 50%; padding-left: 44px; font-weight: bold;}
#sidebar a.L2sel SPAN.hc		{}
#sidebar a.L2sel SPAN.nc		{}
#sidebar a.L2sel:hover			{border-bottom: solid 1px #cecece;}

#sidebar a.L2:hover			    {color:#0065a4; background: #e1e1e1 url(../../../../images/templates/sidenav_hover_l2.gif) no-repeat 100% 50%; border-bottom: solid 1px #cecece;}	
#sidebar a.L2:hover SPAN.hc	    {}
#sidebar a.L2:hover SPAN.nc	    {}
      
/* overriding styles for expanded menu used on industry sectors list on jobs pages */
#sidebar a.expanded             {padding: 2px 22px 2px 16px;}

/* Level 0 Styles */
#sidebar a.X0					{background: #eae9e9; border-bottom: solid 1px #dbdbdb;}
#sidebar a.X0 SPAN.hc			{}
#sidebar a.X0 SPAN.nc			{}

#sidebar a.X0sel				{background: #eae9e9 url(../../../../images/templates/sidenav_hover.gif) no-repeat 100% 50%; font-weight: bold;}
#sidebar a.X0sel SPAN.hc		{}
#sidebar a.X0sel SPAN.nc		{}
#sidebar a.X0sel:hover			{border-bottom: solid 1px #d6d6d6;}

#sidebar a.X0:hover			    {color:#0065a4; background: #e1e1e1 url(../../../../images/templates/sidenav_hover_l2.gif) no-repeat 100% 50%;}	
#sidebar a.X0:hover SPAN.hc	    {}
#sidebar a.X0:hover SPAN.nc	    {}

/* Level 1 Styles */	
#sidebar a.X1					{background: #f2f2f2; padding-left: 30px}				
#sidebar a.X1 SPAN.hc			{}               
#sidebar a.X1 SPAN.nc			{}

#sidebar a.X1sel				{background: #eae9e9 url(../../../../images/templates/sidenav_hover.gif) no-repeat 100% 50%; font-weight: bold; padding-left: 30px;}	
#sidebar a.X1sel SPAN.hc		{} 
#sidebar a.X1sel SPAN.nc		{}
#sidebar a.X1sel:hover			{border-bottom: solid 1px #dedddd;}/* in this case effectively suppresses the hover effect for selected pages */

#sidebar a.X1:hover			    {color:#0065a4; background: #eae9e9 url(../../../../images/templates/sidenav_hover.gif) no-repeat 100% 50%;}					
#sidebar a.X1:hover SPAN.hc     {}  
#sidebar a.X1:hover SPAN.nc	    {}  
    
    
/*-----------------------------------------------------------------------------
TOP LEVEL NAVIGATION (TABS)
--------------------------------------------------------------------------------*/
#nav {
	position: absolute;
	top: 304px;
	left: 0px;
	height: 30px;
	list-style: none;}
	
#nav li {
	float: left;
	margin-right: 8px;
	height: 30px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */}
	
#nav li a {
	display: block;
	line-height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */}
	
#nav-home {
	width: 64px;
	background: url(../../../../images/templates/nav_home.gif) no-repeat;}

#nav-about {
	width: 83px;
	background: url(../../../../images/templates/nav_about.gif) no-repeat;}

#nav-jobseekers {
	width: 90px;
	background: url(../../../../images/templates/nav_jobseekers.gif) no-repeat;}
	
#nav-jobs {
	width: 50px;
	background: url(../../../../images/templates/nav_jobs.gif) no-repeat;}
		
#nav-clients {
	width: 68px;
	background: url(../../../../images/templates/nav_clients.gif) no-repeat;}
	
#nav-sectors {
	width: 119px;
	background: url(../../../../images/templates/nav_sectors.gif) no-repeat;}
		
#nav-armconsulting {
	width: 119px;
	background: url(../../../../images/templates/nav_armconsulting.gif) no-repeat;}

#nav li a:hover {
	background-position: 50% -30px;}
	
#nav li a.currentSection,
#nav li a.currentSection:hover {
	background-position: 50% -60px;}