/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0

Whitespace Reset 
----------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

table {font-size:inherit;font-size:100%;}

pre,code,kbd,samp,tt {font-family:monospace; line-height:99%;}  
 

body{
	color:#000; background:#FFF; font-family: arial,helvetica,sans-serif; font-size: 76%;
} 
 
/* Generic styles */ 
.hide{
	position: absolute; top: -1000em;
}

/* Clearing :note: In IE < v.7 This relies on the Holly Hack being prescent ie specific css file*/
.clear:after {
	content: "."; height: 0; visibility: hidden; display: block; clear: both;
}

strong{
	font-weight: bold;
}

/* Wrapper
----------------------------*/ 
#wrapper{
	margin: 0 auto; width: 998px; background: url(wrapper-img.jpg) no-repeat 0 132px;
}


/* Header
----------------------------*/ 
#header{
	background: #004BA6 url(header.jpg) no-repeat; height: 132px; position: relative; 
}

/* Navigation
----------------------------*/
#navigation{
	position: absolute; right: 150px; bottom: 1px;
}	

#navigation li{
	float: left; margin: 0 13px;
}

#navigation a:link, 
#navigation a:visited{
	color: #fff; display: block; background-color: #929DA3; text-decoration: none;
}

#navigation a:focus, 
#navigation a:hover,
#navigation a:active{
	
}

/*top navigation IR*/ 
#navigation a.service{
	width: 134px; height: 23px; margin: 0; padding: 0;
}

#navigation a.service span{
	background: url(top-nav-sprite-noroll.gif) no-repeat 0 0;
}

#navigation a.sales{
	width: 92px; height: 23px; margin: 0; padding: 0;
}

#navigation a.sales span{
	background: url(top-nav-sprite-noroll.gif) no-repeat 0 -23px;
}

#navigation a.engineers{
	width: 98px; height: 23px; margin: 0; padding: 0;
}

#navigation a.engineers span{
	background: url(top-nav-sprite-noroll.gif) no-repeat 0 -46px;
}

#navigation a.opportunities{
	width: 146px; height: 23px; margin: 0; padding: 0;
}

#navigation a.opportunities span{
	background: url(top-nav-sprite-noroll.gif) no-repeat 0 -69px; 
}

/* Sub-Navigation
----------------------------*/
#sub-navigation{
	float: left; margin-left: 21px; width: 242px;
}	

#sub-navigation li{
	margin: 1px 0; 
}

#sub-navigation a:link, 
#sub-navigation a:visited{
	color: #fff; display: block; text-decoration: none; background-color: #00195C; padding-left: 12px; padding: .5em 0 .5em 12px; 
}

#sub-navigation a:focus, 
#sub-navigation a:hover,
#sub-navigation a:active{
	
}

/*2nd level*/
#sub-navigation{
	 
}	

#sub-navigation ul ul li{

}

#sub-navigation ul ul li a:link, 
#sub-navigation ul ul li a:visited{
	color: #fff; text-decoration: none; background-color: #0088FE; padding-left: 24px;
}

#sub-navigation ul ul li a:focus, 
#sub-navigation ul ul li a:hover,
#sub-navigation ul ul li a:active{
	
}

/*3rd level*/
#sub-navigation{
	 
}	

#sub-navigation ul ul ul li{

}

#sub-navigation ul ul ul li a:link, 
#sub-navigation ul ul ul li a:visited{
	color: #fff; display: block; text-decoration: none; background-color: #F2F2F2; color: #000; padding-left: 36px;
}

#sub-navigation ul ul ul li a:focus, 
#sub-navigation ul ul ul li a:hover,
#sub-navigation ul ul ul li a:active{
	
}

/* Content
----------------------------*/
#content{
	margin-left: 296px; 
}

#content h1,
#content h2,
#content h3,
#content h4{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;	
}

/* content area defaults */
#content h1{
	font-size: 1.5em; font-weight: normal; margin: 0.5em 0 0.5em 0; /*:temp note: color: dependent on section*/
}

#content h2{
	font-size: 1.2em; margin: 0; /*:temp note: color: dependent on section*/ font-weight: bold;
}

#content p {
	font-size: 1.1em; margin: 0 0 .4em 0; color: #666;
}

#content  ul, 
#content ol {
	margin: 1em 0; margin-left: 40px;
}

#content a:link, 
#content a:active{
	text-decoration:underline;
}

#content a:focus, 
#content a:hover,
#content a:active{
	
} 
 
/* flash msg :note: change these styles to suit the design.*/
.flash{ 
	background-color: #999; color: #e23d3b; padding: .5em 1em; margin-bottom: 1em; font-size: 1.5em; font-weight: bold;
}

/* validation summary */
.validationerrors {
	color: #f00 !important;
}

/* legend color */
fieldset legend { 
	color: #000; 
}  

/* :note: candidate zone */
.apply_default #content ul li{
	list-style: disc;	
}

.apply_default .prettytable th{
	font-weight: bold;
}

/* :note: fix table spacing issue in RegisterPrefs.aspx :temp note: can also apply to sitemap if activated */
.registerprefs table{
	width: auto;
}

.registerprefs table td{
	padding: 0; vertical-align: middle; 
}

#loggedinview{
	position: absolute; left: 0; top:0;
}

/* Application form pages */
.content .job-result .jobdescription p, #jobappform h3, #jobappform p{

}

ol#jobappform{

}

#content ol#jobappform li{
	
}

div.appformsubmit{

}

/* Apply process Input buttons + details and apply links */ 
input.button, .jobdetails, .jobapply{
	
}

/* content area defaults */
#content  ul, 
#content ol {
	margin: 1em 0; margin-left: 40px;
}

 
 /* Footer
----------------------------*/
#footer{
	background: url(footer.gif) no-repeat; padding-top: 32px; margin: 60px 0 30px 21px;
}

#footer ul{
 float: left;	
}

#footer ul li{
	 float: left;
}

#footer a,
p.copyright{
	color: #888;
}

#footer a:link, 
#footer a:visited{
	text-decoration:none; border-left: 1px solid #888; display: block; padding-left: 1em; margin-left: 1em;
}

#footer a:focus, 
#footer a:hover,
#footer a:active{
	text-decoration: underline;
} 

#footer .first a{
	border-left: none; padding-left: 0; margin-left: 0;
}

p.copyright{
	float: right;
}

#footer a,
#footer p{
	line-height: 1em;
}

/* Image replacement 
--------------------*/
.replace{
position: relative; overflow: hidden;
}

.replace span{
display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat;
}

/* SIFR 
--------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 40px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	height: 25px;
}