@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, 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;}
	
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%;}

html, body {height: 100%;}

body {
	line-height: 1em;
	color: #858585;
	background: white;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; 
	text-align: center;}
    
p {}/* nothing - to suit Immediacy */
    
small, .small {
    font-size: 10px;
    line-height: 1.3em;}
    
.large {
    font-size: 1.65em;
    line-height: 1.2em;}

strong, .strong {font-weight: bold;}

em, i  {font-style: italic;}

.alignright {
	text-align: right;}

.alignleft {
	text-align: left}
	
.floatright {
    position:relative; /* IE6 fix */
    float: right;}

.floatleft {
    position:relative; /* IE6 fix */
    float: left;}
    
.clear {
    clear: both;}
    
.clearing {
	height: 0px;
	clear: both;
	overflow: hidden;}
	
.center {
    width: 100%;
    text-align: center;}
   
.floatmarginleft {
    margin: 5px 15px 5px 0px;}
    
.floatmarginright {
    margin: 5px 0px 5px 15px;}
	
code, blockquote {
	display: block;
	background: #eff5fa;
	padding: 10px;
	border: dashed 1px #92bcd9;
	border-left: solid 6px #92bcd9;}
	
div.error, span.error {
	color: #bc2222;
	font-size: 11px;}
	
div hr, p hr {
	display: none; }
	
div.hr {
    height: 1px;
    background: url(../../../../images/templates/dash_horizontal.gif) bottom left repeat-x;}
    
.Heading1, h1 {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-weight: normal;
    font-size: 2em;
    margin-top: 0px;
    margin-bottom: 14px;
	line-height: 1.2em;}
	
.Heading2, h2 {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    margin-top: 0px;
    margin-bottom: 13px;}
    
.Heading3, h3 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 12px;
    margin-top: 0px;}
    
.Heading4, h4 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 12px;}
    
.Heading5, h5 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0px;}
    
    
/*-----------------------------------------------------------------------------
LINK STYLES
--------------------------------------------------------------------------------*/
a:link, a:visited {
	text-decoration: none; }
	
a:hover, a:active {
	text-decoration: underline;
	color: #8bb431;}
	
a.green:link, a.green:visited {
	color: #0669a7;
	text-decoration: none; }
	
a.green:hover, a.green:active {
	text-decoration: underline;}
	
a.blue:link, a.blue:visited {
	color: #75adda;
	border-bottom: solid 1px #cfe0ed;
	text-decoration: none; }
	
a.blue:hover, a.blue:active {
	color: #3c79ab;
	border-bottom: solid 1px #75adda;
	text-decoration: none;}
	
	/* show users that links are external */
a[href^="http:"] {
	background: url(../../../../images/templates/external_link.gif) no-repeat right top;
	padding-right:10px;}
	
/* show users that this is an email link */
a[href^="mailto:"] {
	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/armjobs6"], a[href^="http://80.175.65.232"] {
	background: none;
	padding: 0px;}
	
.more a:link, .more a:visited {
	color: #ffffff;
	text-decoration: none; }
	
.more a:hover, .more a:active {
	color: #ffffff;
	text-decoration: none;
	font-style: italic;}
	
.more-alt a:link, .more-alt a:visited {
	color: #858585;
	text-decoration: none; }
	
.more-alt a:hover, .more-alt a:active {
	color: #858585;
	text-decoration: none;
	font-style: italic;}
	
#textonly a:link, #textonly a:visited {
    color: #939393;
    text-decoration: none;}
    
#textonly a:hover, #textonly a:active {
    color: #6c6c6c;
    text-decoration: none;}
	
/*-----------------------------------------------------------------------------
FONT/TEXT STYLES
--------------------------------------------------------------------------------*/
.hidden{
    width: 1px;
    position: absolute;
    left: -9999px; }
    
h1.title {
    position: relative;
    text-align: right;
    font-size: 0.9em;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    color: #9f9f9f;
    margin: 14px 100px 11px 260px;}
    
h1.title strong, h1.footer strong {
    font-weight: normal;}
    
h1.footer {
    font-size: 0.9em;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    color: #9f9f9f;
    margin: 0;}
    
.box-main-top h1 {    
    position: relative;
    padding: 0px 25px;
    top: 11px;
    color: #ffffff;}
    
.box-main-middle h2.job {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin: 0px;}
    
h4.promo {
    color: #81a929;
    letter-spacing: -1px;
    margin-bottom: 6px;}
    
.more, .more-alt {
    margin: 8px 0 0 0;}
    
.green {
    color: #81a929;}
    
.white {
    color: #ffffff;}
    
.meta {
	letter-spacing: 1px;
	color: #a9a9a9;}

/*-----------------------------------------------------------------------------
LAYOUT & CONTAINER STYLES
--------------------------------------------------------------------------------*/
#wrap {
    position: relative;
    width: 851px;
    margin: 0px auto;
    text-align: left;
    border: 1px solid #ffffff;
    font-size: 0.75em; /* 11px */}

/*----------------------------------- Header -----------------------------------*/    
#header {
    height: 166px;
    position: relative;
    margin: 0px 0 0 0;
    background: url(../../../../images/templates/header_bg.gif) no-repeat;}
    
#logo {
    position: absolute;
    top: 56px;
    left: 40px;}
    
#textonly {
    position: absolute;
    text-align: center;
    right: 0px;
    top: 8px;
    width: 90px;
    height: 23px;
    line-height: 23px;
    font-size: 10px;
    background: url(../../../../images/templates/textonly_bg.gif) no-repeat;}
    
/*---------------------------------- Main ----------------------------------------*/
#main-site-link {
    position: absolute;
    left: 0px;
    top: 12px;}

#main {
    width: inherit;
    position: relative;
    margin: 18px 0 0 0;}
    
/*--------------------------------- Footer ---------------------------------------*/
#footer {
    width: inherit;
    position: relative;
    clear: both;
    margin: 20px 0 12px 0;
    height: 75px;
    font-size: 10px;
    color: #b7b7b7;
    background: url(../../../../images/templates/footer_bg.gif) repeat-x;
    border-top: 1px solid #ffffff;} /* css hack */ 
    
#footer-content {
    margin: 11px 150px 11px 250px;
    text-align: right;
    line-height: 1em;}
    
#footer-content small {
    font-size: 10px;
    line-height: 1.2em;}
    
p.uppercase {
    text-transform: uppercase;}
    
#footer-content p {
    margin: 0 0 5px 0;}
    
.copyright {
    text-align: center;
    letter-spacing: 1px;
    font-size: 11px;
    margin: 0 0 10px 0;
    color: #b3b3b3;}
    
.logo-arm {
    position: absolute;
    top: 16px;
    left: 39px;}
    
.logo-iip {
    position: absolute;
    top: 11px;
    right: 39px;}
    
/*---------------------------------- Boxes ----------------------------------------*/
.box-spacing {
    margin: 9px 0 9px 0;}


.box-vacancies, .box-life {
    position: relative;
    background: url(../../../../images/templates/box_vacancies.jpg) no-repeat;
    height: 135px;
    width: inherit;
    color: #ffffff;
    border-top: 1px solid #ffffff;} /* css hack */
    
.box-vacancies-head {
    background: url(../../../../images/templates/box_vacancies_head.gif) no-repeat;
    margin: 19px 0 13px 323px;
    height: 29px;}

.box-vacancies-content, .box-life-content {
    margin: 0 0 0 323px;
    width: 210px; }
    
.box-life {
    background: url(../../../../images/templates/box_life.jpg) no-repeat;
    clear: both; } 
    
.box-life-head {
    background: url(../../../../images/templates/box_life_head.gif) no-repeat;
    margin: 25px 0 13px 323px;
    height: 23px; }
       
    
.box-company, .box-graduates {
    position: relative;
    background: url(../../../../images/templates/box_company.jpg) no-repeat;
    height: 135px;
    width: 275px;
    color: #ffffff;
    line-height: 1.3em;
    border-top: 1px solid #ffffff;} /* css hack */
    
.box-company-head, .box-graduates-head {
    background: url(../../../../images/templates/box_company_head.gif) no-repeat;
    margin: 20px 0 6px 20px;
    height: 22px;}
    
.box-company-content, .box-graduates-content {
    margin: 0 0 0 20px;
    width: 150px; }    
    
.box-graduates {
    background: url(../../../../images/templates/box_graduates.jpg) no-repeat; }
    
.box-graduates-head {
    background: url(../../../../images/templates/box_graduates_head.gif) no-repeat;}


    

.box-recommend {
    background: url(../../../../images/templates/box_recommend.jpg) no-repeat;
    width: inherit;
    height: 135px;
    line-height: 1.25em;
    border-top: 1px solid #ffffff;} /* css hack */
    
.box-recommend-content {
    margin: 17px 80px 18px 17px;}

.box-contact {
    background: url(../../../../images/templates/box_contact.jpg) no-repeat;
    width: inherit;
    height: 135px;
    color: #ffffff;
    line-height: 1.3em;
    border-top: 1px solid #ffffff;} /* css hack */

.box-contact-head {
    background: url(../../../../images/templates/box_contact_head.gif) no-repeat;
    margin: 20px 17px 6px 141px;
    height: 22px;}
    
.box-contact-content {
    margin: 0 15px 0 141px;}
    
/* News/Blog box */
.box-news {
    background: url(../../../../images/templates/box_blog.gif) no-repeat bottom right;
    width: inherit;
    height: 135px;
    line-height: 1.3em;
    border-top: 1px solid #ffffff;} /* css hack */

.box-news-head {
    background: url(../../../../images/templates/box_blog_head.gif) no-repeat;
    margin: 19px 105px 6px 18px;
    height: 29px;}
    
.box-news-content {
    margin: 0 115px 0 18px;}
    
    
/* Call Us box */
.box-call-top {
    width: inherit;
    height: 105px;
    margin-top: 10px;
    background: url(../../../../images/templates/box_call.jpg) no-repeat;}
    
.box-call-head {
    width: inherit;
    height: 31px; }
    
.box-call-middle {
    padding: 8px 21px 3px 22px;
    background: url(../../../../images/templates/menu_middle.gif) repeat-y;}
    
    
/* Menu box */
.menu-top {
    width: inherit;
    height: 12px;
    background: url(../../../../images/templates/menu_top.gif) no-repeat;
    overflow: hidden;
    border-top: 1px solid #ffffff;} /* css hack */
    
.menu-middle {
    width: inherit;
    background: url(../../../../images/templates/menu_middle.gif) repeat-y;}
    
.menu-bottom, .box-call-bottom {
    width: inherit;
    height: 12px;
    overflow: hidden;
    background: url(../../../../images/templates/menu_bottom.gif) no-repeat;}
    

    

/* main content boxes */
.box-section-header {
    color: #ffffff;
    width: inherit;
    height: 110px;
    position: relative;
    margin-bottom: 9px;
    border-top: 1px solid #ffffff;} /* css hack */
    /* background defined in color css */ 
    
.box-section-header-content {
    width: 320px;
    margin: 0 0 0 25px;}
    
    
.box-main-top {
    width: inherit;
    height: 44px;
    border-top: 1px solid #ffffff;} /* css hack */
    /* background defined in color css */
    
.box-main-middle {
    position: relative;
    width: 100% -50px;
    background: url(../../../../images/templates/box_main_middle.gif) repeat-y;
    padding: 22px 25px 15px 25px;}
    
.box-main-bottom {
    width: inherit;
    overflow: hidden;
    height: 12px;
    background: url(../../../../images/templates/box_main_bottom.gif) no-repeat;}
    
.add-this {
    margin: 7px 0 0 0;
    text-align: right;}

/*-----------------------------------------------------------------------------
LIST STYLES
--------------------------------------------------------------------------------*/
/* General inline lists */
.box-main-middle ul {
    list-style-type: none;
    padding: 0;
    margin: 0.5em 0 0.5em 0; 
	line-height: 1.35em;}
    
.box-main-middle li {
    background: url(../../../../images/templates/ul.gif) no-repeat 1.5em .5em;
    padding: 0 0 .55em 2.6em; }

/* Menu */
ul.menu {
    position: relative;
    margin: 0 21px 0 22px;
    padding: 11px 0 11px 0;}

ul.menu li {
    background: url(../../../../images/templates/dash_horizontal.gif) repeat-x bottom left;
    padding: 0 0 1px 0;}
    
ul.menu li a {
    display: block;
    padding: 4px 0 4px 0;
    text-decoration: none;
    height: 1%;}
    
ul.menu li a:hover {
    background: #f7f7f7;
    text-decoration: none;}
    
ul.menu li.L1 { /* second level style */
    margin-left: 17px;}   
    
ul.menu li a.L0sel, ul.menu li a.L1sel {
    font-weight: bold;} 
 
    
/* Vacancies */
ul.vacancies  {
    position: relative;
    margin: 8px 25px 22px 25px;
    list-style-type: none;
    font-size: 1.2em;}

ul.vacancies li {
    background: url(../../../../images/templates/dash_horizontal.gif) repeat-x bottom left;
    padding: 0 0 1px 0;}
    
ul.vacancies li a {
    display: block;
    padding: 6px 0 6px 13px;
    background: url(../../../../images/templates/bullet_vacancies.gif) no-repeat 0px 13px;
    height: 1%;}

ul.vacancies li a:hover, ul.vacancies li a:active {
    text-decoration: none;
    background: #f7f7f7 url(../../../../images/templates/bullet_vacancies.gif) no-repeat 0px 13px;}
    

/*-----------------------------------------------------------------------------
	SITEMAP STYLES
--------------------------------------------------------------------------------*/
div.sitmp0 {
	padding: 4px 2px 3px 2px;
	margin: 8px 0 0 0;
	font-size: 1.3em;
	background-color: #f7f7f7;
	font-weight: bold;
	margin-bottom: 1px;}
	
div.sitmp1 {
	padding: 2px;
	font-size: 1em;
	font-weight: bold;}
	
div.sitmp2 {
	padding:2px;
	font-size: 1em;}
	

/*-----------------------------------------------------------------------------
	SEARCH SITE STYLES
--------------------------------------------------------------------------------*/
.search-result-content {
    width: inherit -28px;
    padding: 12px 14px 14px 14px;
    margin: 1px 0 12px 0;
    background: #fcfcfc url(../../../../images/templates/search_result_bg.gif) repeat-x;}
    
.search-result-content td {
    vertical-align: middle;}

.site-search-results ul {}

.site-search-results li {
    position: relative;
    background: none;
    padding: 0 0 0 55px;
    margin: 0 0 18px 0;}

.site-search-results h3 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 4px 0;
    text-decoration: underline;}
    
.site-search-results .score {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0px;
    top: 0px;
    text-align: center;
    color: #80a829;
    background: url(../../../../images/templates/search_match.gif) no-repeat; 
    font-weight: bold;
    font-size: 1.25em;
    line-height: 0.9em;}
    
.site-search-results .score p {
    margin: 7px 0 0 0;}
    
.site-search-results small {
    font-size: 10px;}
    
    
/*-----------------------------------------------------------------------------
TAB NAVIGATION STYLES
--------------------------------------------------------------------------------*/
#tabnavigation {
	z-index: 10;
	position: absolute;
	bottom: 6px; 
	left: 0px;
	height: 25px;
	overflow: hidden;
	width: 100%;
	font-weight: bold;
	line-height: 27px;}

#tabnavigation ul {
	padding: 0 0 0 40px;
	margin: 0;
	list-style-type: none;}

#tabnavigation li {
	padding: 0 0 0 10px;
	float: left;
	margin: 0 5px 0 0;}

#tabnavigation a {
	padding: 0 20px 0 10px; /* left padding plus value from li above equals right padding */
	display: block;
	color: #074271;
	text-decoration: none;}

#tabnavigation a {
	float: none;
	border: none;}

#tabnavigation a:hover {
	text-decoration: none;
	color: #ffffff; }

#tabnavigation .current {
	background: url(../../../../images/templates/tab_left_on.gif) no-repeat top left;}

#tabnavigation .current a {
    color: #023359;
	background: url(../../../../images/templates/tab_right_on.gif) no-repeat top right; }
	
#tabnavigation .current a:hover {
    color: #023359; }
    
    
/*-----------------------------------------------------------------------------
	GALLERY STYLES
--------------------------------------------------------------------------------*/
div.gallery {
	padding: 20px 0 5px 30px;
	background: #f7f7f7;
	border: dashed 1px #92bcd9;
	border-left: solid 6px #92bcd9;}
	
div.gallery img, img.gallery {
	border: solid 6px #dddddd;}
	
div.gallery a:hover img, a:hover img.gallery  {
	border: solid 6px #4286cb;}
    

/*-----------------------------------------------------------------------------
    In EDITOR, ON-PAGE STYLES
--------------------------------------------------------------------------------*/
.meta {
	letter-spacing: 1px;
	color: #a9a9a9;}
	
.PageCounter {
	letter-spacing: 1px;
	margin-top: 3px;}
	
.form {
    width:100%;}
    
.form td {
    vertical-align: middle;}	
    
/* for timeline */
.timeline li {
    position: relative;
    background: none;
    padding: 0 0 0 55px;
    margin: 0 0 18px 0;
    height: 1%;}
    
.timeline .year {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0px;
    top: 0px;
    text-align: center;
    color: #076aa8;
    background: url(../../../../images/templates/search_match.gif) no-repeat; 
    font-weight: bold;
    font-size: 1.25em;
    line-height: 42px;}
    
.timeline ul {
    list-style-type: none;
    padding: 0;
    margin: 0.75em 0 0.5em 0; 
	line-height: 1.35em;}
    
.timeline ul li {
    background: url(../../../../images/templates/ul.gif) no-repeat 1.5em .5em;
    padding: 0 0 .2em 2.6em;
    margin: 0px; }

/* Rss news feed */	
.news-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: url(../../../../images/templates/dash_horizontal.gif) repeat-x bottom left;
    height: 45px;
    overflow: visible;}
    
.news-item div.icon {
    background: url(../../../../images/templates/icon_news.gif) no-repeat top left;
    width: 50px;
    height: 50px;
    overflow: visible;
    float: left;}
    
.rss-subscribe {
    position:relative;
    float: right;
    width: 147px;
    height: 167px;
    text-align: center;
    padding: 17px 10px 0 10px;
    margin: 0 0 20px 20px;
    border-left: solid 25px #ffffff;
    background: url(../../../../images/templates/rss_bg.gif) no-repeat;}
    
.rss-subscribe img {
    margin-top: 9px;}

	
	
/* Default Table */
table.ImmTS_Default {
	border: none;
	line-height: 1.4em;} /* Overall table style */

table.ImmTS_Default th, 
table.ImmTS_Default td		{
	padding: 3.5px;
	border: solid 1px #ffffff;} /* Cell padding and spacing styles */ 
	 
table.ImmTS_Default th {
	background: #c89fdf url(../../../../images/templates/table_header_purple.gif) repeat-x;
	font-weight: bold;
	color: #ffffff;} 
	
table.ImmTS_Default tr		{}

table.ImmTS_Default td		{
	border-bottom: solid 1px #e7e7e7;}
	
table.ImmTS_Default th a:link, table.ImmTS_Default th a:visited {
    color: #ffffff;
    text-decoration: none;}

table.ImmTS_Default th a:hover, table.ImmTS_Default th a:active {
    text-decoration: underline;
    color: #ffffff;}
	
table.ImmTS_Default th a.edit:link, table.ImmTS_Default th a.edit:visited { /* used for edit buttons */
    color: #4185bc;
    display: block;
    background: #e2ecf4;
    padding: 0px 3px 0px 3px;
    margin: 1px 0 0 0;}

table.ImmTS_Default th a.edit:hover, table.ImmTS_Default th a.edit:active {
    text-decoration: none;
    background: #ffffff;}
    

    
	/* hide from ie on mac \*/
	#flashcontent {
		height: 100%;
	}
	/* end hide */