/*	Xerox Careers Canada Stylesheet
	Created: 	Wed 12 Aug 2009 11:04:46 EDT
	Author:		Tiger Advertising
	----------------------------------------------------*/
	html
	{
		background: #3D3D3D url(http://www.xerox.com/assets/images/css/backgrounds/gradient_bg.jpg) repeat-x scroll 0 0;
	}
	
		body
		{
			padding: 40px 0;
			font: 0.625em Arial, Helvetica, Verdana, sans-serif;
		}
		
	
	/*	=Standard Elements
		------------------------------------------------------ */
		a
		{
			color: #666;
			text-decoration: none;
		}
		
		a:hover
		{
			text-decoration: underline;
		}
		
		strong,
		b
		{
			font-weight: bold;
		}
		
		#content blockquote
		{
			font-size: 12px;
			line-height: 1.5em;
			margin-bottom: 1em;
			padding-left: 35px;
			color: #666;
			background: url(../images/misc/quote.png) no-repeat;
		}
		
			#content blockquote p
			{
				font-size: 12px;
			}
		
		:focus
		{
			outline: none;
		}
		
	/*	=Stage Components
		------------------------------------------------------ */
		#container,
		#top-cap,
		#bottom-cap
		{
			width: 888px;
			margin: auto;
			background-position: left top;
		}

		#container
		{
			background-image: url(../images/layout/background.png);
			padding: 0 74px;
			width: 740px;
		}
		
		#top-cap
		{
			background-image: url(../images/layout/top-cap.png);
			height: 28px;
		}
		
		#bottom-cap
		{
			background-image: url(../images/layout/bottom-cap.png);
			height: 46px;
		}
		
			#top-cap hr,
			#bottom-cap hr
			{
				display: none;
			}
			
	/*	=Language Link
		------------------------------------------------------ */
		#l8n
		{
			float: right;
			font-size: 1.15em;
			position: relative;
			text-align: right;
			top: -50px;
		}
		
			#l8n a
			{
				color: #CCC;
			}
	
	/*	=Header
		------------------------------------------------------ */
		#header
		{
			height: 73px;
		}
		
			/* Logo */
			#header h1 a
			{
				display: block;
				width: 370px;
				height: 42px;
				background: url(../images/layout/logo.png);
				text-indent: -9000px;
			}
			
			/* Utility Links */
			#header ul
			{
				float: right;
				margin-top: 6px;
			}
			
				#header ul li
				{
					border-left: 1px solid #CCCCCC;
					display: block;
					float: left;
					margin: 5px 2px;
					padding: 0 0 0 5px;
					font-size: 1.1em;
				}
				
				#header ul li.first
				{
					border-left: none;
				}
				
					#header li a 
					{
						color: #999;
					}
		
		
	/*	=Navigation
		------------------------------------------------------ */
		#navigation
		{
			height: 31px;
			background: url(../images/layout/navigation.png);
			font-size: 13px;
			margin-bottom: 10px;
		}
		
			#navigation li
			{
				float: left;
			}
			
				#navigation li a
				{
					display: block;
					height: 31px;
					border-left: 1px solid #DDD;
					line-height: 30px;
					font-weight: bold;
					text-align: center;
				}

				#navigation li ul
				{
					display: none;
					z-index: 999;
				}
				
				/* I just couldn't get it to work cross-browser with padding and unspecified widths
				   so I'll just have to specify the widths manually. Definitely not ideal */
				#about a
				{
					width: 158px;
					border-left: none !important;
				}
				
				#careers a
				{
					width: 90px;
				}
				
				#work a
				{
					width: 169px;
				}
				
				#students a
				{
					width: 162px;
				}
				
				#jobs a
				{
					width: 157px;
				}

				/* Rollovers */
				#navigation li a:hover,
				#navigation a.selected
				{
					text-decoration: none;
					background-image: url(../images/layout/navigation.png);
					color: white;
				}
				
				#careers a:hover,
				#work a:hover,
				#students a:hover,
				#careers a.selected,
				#work a.selected,
				#students a.selected
				{
					background-position: center -31px !important;
				}
				
				#about a:hover,
				#about a.selected
				{
					background-position: left -31px !important;
				}
			
				#jobs a:hover,
				#jobs a.selected
				{
					background-position: right -31px !important;
				}
				
			/*	=Drop Downs
				------------------------------------------------------ */
				#navigation li ul
				{
					width: 200px;
					position: absolute;
					background: #D5DE22 url(../images/layout/sub-navigation.png) repeat-x;
					padding: 2px 0 0;
				}
				
					#navigation li li,
					#navigation li li a
					{
						background: none !important;
					}
					
					#navigation li li
					{
						padding: 0px 15px !important;
						float: none;
						line-height: 0;
					}
					
						#navigation li li a
						{
							height: auto;
							padding: 8px 0px !important;
							line-height: 1.1em !important;
							border-bottom: 1px solid #E2EA77;
							border-left: none;
							color: #3C5709;
							font-size: 0.9em;
							text-align: left;
							width: 171px;
							display: block;
						}
						
					/* Last item and Bottom Cap */
					#navigation li li.last a
					{
						padding-bottom: 8px !important;
						border-bottom : 0 !important;
					}
					
					#navigation li li.cap
					{
						position: absolute;
						bottom: -5px;
						background: url(../images/layout/sub-navigation-cap.png) no-repeat !important;
						height: 6px;
						width: 200px;
					}
				
				/* Fix the little graphical glitch on the 
				   left-most one caused by the rounded corners */	
				#about ul
				{
					margin-left: 5px;
				}	
	
	/*	=Breadcrumbs
		------------------------------------------------------ */
		#breadcrumb
		{
			font-size: 1.1em;
			color: #666;
			margin: 10px 0px;
		}
		
			#breadcrumb a 
			{
				color: #666;
			}
		
	/*	=Content
		------------------------------------------------------ */	
		#content h1
		{
			color: #333;
			font-size: 1.8em;
			font-weight: normal;
			padding: 0;	
		}
		
		#content h2
		{
			color: #6CAF3C;
			font-size: 1.4em;
			font-weight: normal;
			padding: 0.5em 0 0 0;	
			margin-bottom: 0.5em;
		}
		
		#content h3
		{
			font-size: 1.2em;
			font-weight: bold;
			color: #333;
		}
		
		#content p
		{
			color: #666;
			font-size: 1.2em;
			margin: 0.25em 0 0.9em;
			line-height: 1.6em;
		}
		
		#content ul,
		#content ol
		{
			color: #666;
			font-size: 1.2em;
			line-height: 1.6em;
			margin: 0.25em 0 0.9em 3em;
		}
		
			#content li
			{
				margin-bottom: 0.5em;
			}
		
			#content ul li
			{
				list-style-type: square;
			}
			
			#content ol li
			{
				list-style-type: decimal;
			}
			
		#content p a,
		#content li a
		{
			text-decoration: underline;
		}
			
		/* Grids */
		#grid-left
		{
			width: 555px;
			float: left;
		}
		
		#grid-right
		{
			width: 175px;
			padding-left: 10px;
			float: left;
		}
		
	/*	=Modules
		------------------------------------------------------ */
		.green-module,
		.standard-module,
		.grey-module
		{
			margin-bottom: 10px;
		}
		
		.green-module
		{
			width: 175px;
			background: url(../images/modules/green.png);
			overflow: hidden;
		}
		
			.green-module a
			{
				text-decoration: none !important;
			}
			
			.green-module .module-cap
			{
				background: url(../images/modules/bottom-cap.png);
				height: 4px;
			}
		
		.grey-module,
		.grey-module .bottom-cap
		{
			background: url(../images/modules/grey.png);
		}
		
			.grey-module .bottom-cap
			{
				background-position: left bottom;
				height: 5px;
			}
		
		.standard-module,
		.standard-module .bottom-cap
		{
			width: 175px;
			background: url(../images/modules/standard.png);
		}
			
			.standard-module .bottom-cap
			{
				background-position: left bottom;
				height: 5px;
			}
		
		/*	=Module Content
			------------------------------------------------------ */
			.module-content
			{
				padding: 10px 13px;
				position: relative;
			}
			
				#content .module-content ul
				{
					font-size: 1.1em;
					margin-left: 12px;
				}
				
				#content .module-content h2
				{
					font-size: 1.55em;
					font-weight: bold;
					margin-top: 0;
					padding-top: 0;
				}
				
				#content .module-content p
				{
					font-size: 1.1em;
					line-height: 1.3em;
				}
				
				#content .module-content .learn-more
				{
					text-align: right;
					font-weight: bold;
					font-size: 1.1em;
					color: white;
					margin-bottom: 0;
				}
				
					#content .module-content .learn-more a
					{
						color: white;
					}
		
				#content .standard-module .module-content .learn-more
				{
					text-align: left;
					position: static;
					color: #999;
					font-weight: normal;
					margin-bottom: 7px;
				}
				
					#content .standard-module .module-content a
					{
						color: #666;
						text-decoration: underline;
					}
					
			#content .green-module h2,
			#content .green-module p
			{
				color: white;
			}
			
			#content .standard-module .module-content
			{
				padding-bottom: 0px;
			}
			
			#content .grey-module .module-content
			{
				padding: 5px 13px;
			}
			
			#content .standard-module p
			{
				color: #828282;
				font-size: 1.1em;
				line-height: 1.3em;
			}
			
			#content .grey-module p
			{
				font-size: 1.2em;
				margin: 4px 0 0 0;
				padding-left: 15px;
				background: url(http://xerox.com/assets/images/css/components/collapse_single_choice.gif) no-repeat left 3px;
			}
			
	/*	=Front Page Slideshow
		------------------------------------------------------ */
		#slideshow
		{
			position: relative;
			height: 315px;
			width: 740px;
			background: white;
			margin-bottom: 10px;
		}
		
			#controls
			{
				position: absolute;
				left: 615px;
				top: 260px;
				z-index: 3;
			}
			
				#controls a
				{
					display: block;
					width: 28px;
					height: 28px;
					background-repeat: no-repeat;
					text-indent: -9000px;
					float: left;
					padding-left: 5px;
				}
			
				#controls .next
				{
					background-image: url(../images/slideshow/next.png);
				}
				
				#controls .prev
				{
					background-image: url(../images/slideshow/prev.png);
				}
				
				#controls .pause
				{
					background-image: url(../images/slideshow/pause.png);
				}
				
				#controls .paused
				{
					background-image: url(../images/slideshow/paused.png);
				}
		
			#slideshow div
			{
				height: 315px;
				width: 740px;
				position: absolute;
				top: 0;
				left: 0;
				opacity: 1;
				-moz-opacity: 1;
				filter:alpha(opacity=100);
				z-index: 2;
			}
				
				#slideshow div.second,
				#slideshow div.third
				{
					opacity: 0;
					-moz-opacity: 0;
					filter:alpha(opacity=0);
					z-index: 1;
				}


	/*	=Front page tweaks
		------------------------------------------------------ */
		#home #content h2
		{
			font-size: 1.8em;
			padding-top: 0;
		}
		
			#home #content .learn-more
			{
				left: 65px;
			}
			
		#home #breadcrumb
		{
			display: none;
		}
		
		#home .module-content .learn-more
		{
			margin-top: 40px;
		}
		
	/*	=Videos
		------------------------------------------------------ */
		#videos
		{
			margin-bottom: 10px;
		}
		
			.video
			{
				width: 267px;
				height: 50px;
				padding: 5px 5px 5px;
				float: left;
				position: relative;
				margin-bottom: 5px;
			}
	
				.video img
				{
					float: left;
					border: 1px solid #EEE;
					margin-right: 10px;
				}
		
				#content .video h3
				{
					font-size: 1.15em;
				}
		
				#content .video p
				{
					font-size: 1.1em;
					line-height: 1.25em;
					margin-bottom: 0;
				}
				
				#content .video a
				{
					width: 100%;
					height: 60px;
					position: absolute;
					text-indent: -9000px;
					top: 0;
					left: 0;
					z-index: 5;
				}
				
				#content .video div
				{
					display: none;
				}
				
				/* Button Rollover Thing */
				#content .video:hover
				{
					background: url(../images/layout/video.png);
				}
				
					#content .video:hover img
					{
						border-bottom: 1px solid #DDD;
					}	
				
	
	/*	=Career Profiles
		------------------------------------------------------ */
		#profiles
		{
			font-size: 1.1em !important;
			text-align: center;
			padding: 0.5em 0;
			margin: 0em 0 0.8em 0 !important;
			background: url(../images/layout/career-profiles.png) no-repeat center bottom;
			line-height: 24px !important;
			border-top: 1px solid #DDD;
		}
		
			#profiles li
			{
				display: inline;
				padding: 0 3px 0 5px;
				border-left: 1px solid #DDD;
			}
			
			#profiles li.first
			{
				padding-left: 0 !important;
				border-left: none;
			}
			
				#profiles a.selected
				{
					color: #6CAF3C;
				}
				
				#profiles li a
				{
					text-decoration: none !important;
				}
	
			/* Javascript Slider */
			#slider
			{
				position: absolute;
				width: 16px;
				height: 9px;
				background: url(../images/misc/arrow.png);
			}
			
			/* Profile Buttons */
			#content h2.profile-link
			{
				width: 219px;
				height: 97px;
				float: left;
				padding: 10px;
				margin-left: 11px;
				font-size: 1.15em;
				line-height: 1.4em;
				cursor: pointer;
				color: #333;
				font-weight: bold;
				position: relative;
				color: #6CAF3C;
				font-weight: normal;
				background: url(../images/modules/profile.png);
				margin-bottom: 5px;
			}
			
			#content h2:hover,
			#content h2.selected
			{
				background-position: 0 -117px;
			}

			#content h2.first
			{
				margin-left: 0;
			}
			
				#content h2.profile-link span
				{
					display: block;
					font-size: 0.9em;
					color: #666;
					font-weight: bold;
				}
				
				#content h2.profile-link span.job
				{
					font-weight: normal;
				}
				
				#content h2.profile-link span.learn-more
				{
					color: #AAAAAA;
					font-weight: normal;
					left: 155px;
					position: absolute;
					text-align: right;
					top: 90px;
				}
				
				
			/* Employee Headings */
			#content .employee
			{
				clear: left;
			}
			
			#content .employee h2
			{
				padding-top: 0;
				margin-bottom: 1.25em;
			}
			
			#content .employee h2,
			#content .employee h2 span.job
			{
				display: block;
				text-indent: -9000px;
			}
			
				#content .employee h2 span.title
				{
					display: block;
					text-indent: 0px;
				}
				
				
	/*	=Few changes for various pages
		------------------------------------------------------ */
		#working-at-xerox-diversity-inclusiveness p.arrow
		{
			
		}
		
		
	/*	=Watch Video Links
		------------------------------------------------------ */
		.watch-video
		{
			background: #F6F6F6 url(../images/misc/watch-video.png) no-repeat scroll 10px center;
			border: 1px solid #EEEEEE;
			color: #666666;
			display: block;
			font-size: 11.5px;
			padding: 5px 10px 6px 35px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 7px;
			margin-bottom: 10px;
			text-decoration: none !important;
		}
		
	/*	=Sitemap
		------------------------------------------------------ */
		#sitemap .section
		{
			float: left;
			width: 20%;
			margin-bottom: 1em;
		}
		
			#sitemap .section h2
			{
				margin-bottom: 0.5em;
			}
		
				#sitemap .section h2 a
				{
					color: #6CAF3C;
				}
				
			#sitemap .section ul
			{
				margin-left: 1.25em;
				font-size: 1.1em;
				padding-right: 0.5em;
			}
			
				#sitemap .section li
				{
					line-height: 1.5em;
				}
			
		
		
	/*	=Kenexa Integration
		------------------------------------------------------ */
		#search-jobs iframe,
		#talent-gateway iframe
		{
			width: 100%;
			height: 1000px;
			border: 0;
			overflow-y: auto;
			overflow-x: hidden;
		}
		
	/*	=Footer
		------------------------------------------------------ */	
		#footer
		{
			padding-bottom: 26px;
			clear: both;
		}
		
			#footer ul
			{
				height: 31px;
				background: url(../images/layout/navigation.png);
				margin-bottom: 2px
			}
		
				#footer li
				{
					border-left: 1px solid #CCCCCC;
					display: block;
					float: left;
					margin: 8px 2px;
					padding: 0 0 0 5px;
					font-size: 1.1em;
				}
			
				#footer li.first
				{
					border-left: none;
				}
			
					#footer li a
					{
						color: #999;
					}
		
			#footer p
			{
				color: #999999;
				font-size: 11px;
				margin: 0;
				padding: 0 0 10px 8px;
			}
		
		
	/*	=Miscellaneous Classes
		------------------------------------------------------ */
		p.back-to-top
		{
			text-align: right;
		}
		
			p.back-to-top a
			{
				color: #999;
			}
		
		div.hidden
		{
			display: none;
		}
		
		.right
		{
			float: right;
			padding: 0 0 10px 10px;
		}