@charset "utf-8";
/* CSS Document */

html {color: #575450;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	overflow:inherit;
	}
body {font: normal normal normal 12px/18px "Helvetica Neue", Arial, sans-serif;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img { border: 0; }
sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	}
sub { top: 0.4em; }
select, input, button, textarea, button {
	font: normal normal normal 12px/18px "Trebuchet MS", Trebuchet, Arial, sans-serif;
	vertical-align: middle;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
	}
h1, h2 {color:#455a93;}
h1 {font-size:17px;}
h2 {font-size:16px;}
h1 a, h2 a {color:#455a93; text-decoration:none;}

ul, ol {list-style:none;}

a {text-decoration:underline;color:#4f76c6;}

/*make PNGs transparent in IE6-*/
	img, div { behavior: url(/resources/iepngfix.htc) }


/* Global Styles */
#container {
	display:block;
	margin:0 auto;
	width:972px;
	}
	#header {
		background:url('../images/header.gif') top left no-repeat;
		height:171px;
		position:relative;
		z-index:500;
		}
		
		#headerLink {
			height: 130px;
			width: 970px;
			cursor: pointer;
		}

/* --- Main Nav --- */
		#nav {
			bottom:0;
			height:39px;
			position:absolute;
			overflow:visible;
			width:972px;
			}
			#header #nav li { float:left; display:inline; }
			#header #nav li a { width:176px; height:39px; position:absolute; overflow:hidden; }
			#header #nav li a,
			#header #nav li ul li a,
			#header #search,
			#header #nav li.header {background-image:url('../images/nav.gif'); background-repeat:no-repeat; }

/* Buttons */ 
			#nav li#previous_reports a {background-position:0 0;left:0;}
			#nav li#about_index a {background-position:-176px 0;left:176px;}
			#nav li#news_updates a {background-position:-351px 0;left:351px;}
			#nav li#ceridian_knowhow a {background-position:-527px 0;left:527px;}
			
/* Roll-over and Active (set body id for active buttons) */
			#nav li#previous_reports a:hover,
			#previous_reports #nav li#previous_reports a {background-position:0px -40px; left:0;}
			#nav li#about_index a:hover,
			#about_index #nav li#about_index a {background-position:-176px -40px; left:176px;}
			#nav li#news_updates a:hover,
			#news_updates #nav li#news_updates a {background-position:-351px -40px; left:351px;}
			#nav li#ceridian_knowhow a:hover,
			#ceridian_knowhow #nav li#ceridian_knowhow a {background-position:-527px -40px; left:527px;}
			
/* --- Sub Nav --- */
			#header #nav li ul { position:absolute;left:-999em; }
			#header #nav li:hover ul, #header #nav li.sfhover ul { left:auto; }
			#header #nav li ul li { float:left; display:inline; }
			#header #nav li ul li a { width:176px; position:absolute; overflow:hidden; }
			#nav li li a {
				color:#fff;
				padding-top:0.7em;
				text-align:center;
				text-decoration:none;
				text-indent:0;
				}
			#nav li li a:hover, #header #nav li a.sfhover {color:#6688c3;} 
			#nav li:hover { visibility:inherit; }
			
/* Headers */
			#nav .header {background-position:0 -79px; height:10px; position:absolute; top:38px; width:176px;}
			#nav li#previous_reports .header { left:0;}
			#nav li#about_index .header {left:176px;}
			#nav li#news_updates .header {left:351px;}
			#nav li#ceridian_knowhow .header {left:527px;}

/* Buttons */
			#nav li#previous_reports li#regional_reports a {background-position:0 -89px; height:50px; left:0; top:48px;}			
			#nav li#about_index li#backgrounder a {background-position:0 -89px; height:38px; left:176px; top:48px;}
			#nav li#about_index li#faq a {background-position:0 -89px; height:38px; left:176px; top:86px;}
			#nav li#about_index li#biographies a {background-position:0 -89px; height:38px; left:176px; top:124px;}
			#nav li#about_index li#multimedia_resources1 a {background-position:0 -89px; height:38px; left:176px; top:162px;}
			#nav li#about_index li#about_ceridian a {background-position:0 -89px; height:50px; left:176px; top:200px;}			
			#nav li#news_updates li#news_ceridian a {background-position:0 -89px; height:38px; left:351px; top:48px;}
			#nav li#news_updates li#in_news a {background-position:0 -89px; height:50px; left:351px; top:86px;}
			#nav li#ceridian_knowhow li#white_papers a {background-position:0 -89px; height:38px; left:527px; top:48px;}
			#nav li#ceridian_knowhow li#fact_sheets a {background-position:0 -89px; height:50px; left:527px; top:86px;}
			#nav li#ceridian_knowhow li#multimedia_resources2 a {background-position:0 -89px; height:50px; left:527px; top:124px;}

/* Search bar */
			#search a#nav-submit, #nav li a { text-indent:-9999px; }				
			#search {
				background-position:-703px 0px;
				height:39px;
				left:703px;
				overflow:hidden;
				position:absolute;
				width:268px;
				}
			#search form {
				height:39px;
				left:703px;
				overflow:hidden;
				width:268px;
				}
				#search #navQuery {
					background:transparent;
					border:0;
					left: 0px; 
					top: 0px; 
					margin: 10px 0 0 14px; 
					width: 152px; 
					}
				#search a {
					height:39px;
					display:inline-block;
					left:173px;
					width:93px;
					}
/* Footer */			
	#footer {
		background: url('../images/footer.gif') top left no-repeat;	
		bottom:0;
		clear:both;
		height:53px;
		position:relative;
		}
		#footer ul {position:absolute;left:100px;top:30%;}
		#footer li {float:left;margin:0 0.75em;}
		#footer li a {font-size:12px;text-decoration:none;}
		#footer span {position:absolute;right:0;;top:30%;}
							
	
/* Column Styles */
	#home #column_L, 
	#previous_indexes #column_L,
	#about_index #column_L,
	#previous_reports #column_L,
	#registration #column_L,
	#multimedia #column_L,
	#ceridian_knowhow #column_L,
	#generic #column_L {
		float:left;
		margin:0 5px 0 10px;
		overflow:hidden;
		width:638px;
		}
	#home #column_R,
	#previous_indexes #column_R,
	#about_index #column_R,
	#previous_reports #column_R,
	#registration #column_R,
	#multimedia #column_R,
	#ceridian_knowhow #column_R,
	#generic #column_R {
		float:right;
		margin:0 10px 0 0;
		width:308px;
		}
	
/* Box 1 + extras */
			.box1-top, .box1-bottom {width:628px;}
			.box1-top {
				background: url('../images/bg_box1-top.gif') top left no-repeat;				
				height: 32px;
				}
				.box1-top h1 {
					color:#455a93;
					padding:10px;
					text-align:center;
					}
			.box1 {width:626px;}
			.box1, .box1-2, .box2 {
				background:#fff;
				border-left:1px solid #d0d9d8;
				border-right:1px solid #d0d9d8;
				height:100%;
				position:relative;
				}
				.graph_btn_wrap {
					position:relative;
					margin: 10px 0 0 100px;
					}
				.graph_btn_wrap ul li {
					float:left;
					}
			.box1-bottom {
				background: url('../images/bg_box1-bottom.gif') top left no-repeat;				
				height: 17px;
				}
				
/* Box 1.2 + extras */

			.box1-2-top, .box1-2-bottom {width:628px;}
			.box1-2-top {
				background: url('../images/bg_box1-2-top.gif') top left no-repeat;				
				height: 40px;
				}
				.box1-2-top h1 {
					float:left;
					padding:10px 8px 0;
					}
			.box1-2 {width:626px;}
			.box1-2 h2 { color:#58; }
			#previous_reports .box1-2 h2 {font-size:14px;}
			.box1-2 img.data_graphic { float:left;margin:10px;}
			
			.box1-2-bottom {
				background: url('../images/bg_box1-2-bottom.gif') top left no-repeat;				
				height: 11px;
				}
				
				
/* Box 2 + extras */
			.box2-top, .box2-bottom {width:308px;}
			.box2-top {
				background: url('../images/bg_box2-top.gif') top left no-repeat;	
				height: 39px;
				width: 308px;
				}
				.box2-top h1 {
					float:left;
					padding:10px 8px 0;
					}
				.box2-top a img.rss_feed {
					float:right;
					padding:10px 8px 0;
					}
				.box2-top img.twitterIcon {
					float:left;
					padding:7px 0 0 8px;	
				}
			.box2 {width:306px;}
				.box2 h2 {margin:15px 10px 5px;}
				.box2 p {margin:0px 10px 5px;}
				.box2 a.full_release {float:right;margin:10px 15px;}
				.box2 a.full_release2, .box2 a.full_release2:visited {float:right;margin:2px 15px;text-decoration:none;}
				.box2 a.full_release2:hover {float:right;margin:2px 15px;text-decoration:underline;}
				.box2 .img_container {
					border-top:1px dotted #000;
					clear:both;
					margin:0 auto;
					overflow:hidden;
					width:280px;
					}
				.box2 a img#other_news {
					display:block;
					margin:0 auto;  
					padding:10px 0;
					}
				.box2 object, .box1-2 object {
					display:block;
					margin:8px auto 6px;
					}
				ul.links, ul.news_links {margin:10px;}
				ul.news_links li {margin:5px 0 8px;}
				ul#contacts li {margin:0 10px;}
			.box2-bottom {
				background: url('../images/bg_box2-bottom.gif') top left no-repeat;	
				height: 8px;
				width: 308px;
				}
/*Box 3 */				
		.box3 a img {
			border:none;
			overflow:hidden;
			width:100%;
			} 

/* Breadcrumbs */
	#breadcrumbs {
		background:url('../images/bg_subpage-breadcrumbs.gif') top left repeat-x;
		height:45px;
		}
		#breadcrumbs p {
			padding:13px 50px;
			}

/* Home styles */
#home #content {
	background:#fff url('../images/bg_content.gif') left top repeat-x;
	margin-top:-2px;
	position:relative;
	}
		#home #box_L {float:left;margin:0 12px 0 0;}
		#home #box_R {float:left;}
		
		.boxes {
			margin:10px 0;
			overflow:hidden;
			position:relative;
			width:100%;
			z-index:0;
			}
		.home_graph {
			z-index:0;
			}

/* About the Index */
	#about_index .clear {
		border-bottom:1px dotted #000;
		clear:both;
		margin:40px auto 20px;
		padding-top:5px;
		width:580px;
		height: 1px;
		}
	#about_index .media_container {
		display:inline;
		float:left;
		margin:10px 10px 20px;
		position:relative;
		width:287px;
		}
		#about_index .media_container h3 {
			color:#455a93;
			font-size:14px;
			}
		#about_index .index_link,
		#previous_reports .index_link {
			margin:20px 0 10px 0;
			position:relative;
			height:28px;
			}
		#about_index .index_link a,
		#previous_reports .index_link a {
			position:absolute;
			right:15px;
			}

/* Multimedia */
	#share { position:absolute; right:5px; top:0; margin:10px;}
	#share h4 { font-size:14px; }
	#share li { float:left; margin:0 5px; }
	
	.shareBar { width: 207px; padding: 0;margin:0;}
	#shareSmall { border: solid 1px #D0D9D8; height: 25px; width: 205px; float:right; }
	#shareSmall h4 { font-size:12px; }
	#shareSmall ul { margin: 5px 10px;  }
	#shareSmall li { float:left; margin: 0 2px 6px 2px; }
	
	#multimedia .box1-2 p {margin:13px;}

/* News and Updates */
	 #news_updates #content {
		background:#fff;
		margin-top:-2px;
		overflow:hidden;
		position:relative;
		}
		#news_updates .column {margin:0 7px;position:relative;float:left;}
		#news_updates #column_L {width:308px;}
		#news_updates #column_M {width:310px;}
		#news_updates #column_R {width:308px;}
			
		.box2 a.comments {
			float:left;
			margin:10px 15px;
			}
	#news_updates .clear {
			border-bottom:1px dotted #000;
			clear:both;
			margin:0 auto;
			padding-top:10px;
			width:280px;
			}

/* Previous Indexes */
	.index_content {
		margin:8px 10px;
		}
	#previous_indexes .index_content h2 {
		color:#575450;
		font-size:14px;
		}
	#previous_indexes .index_content h3 {
		font-weight:normal;
		font-size:11px;
		}
		.index_content a img {
			float:right;
			margin-right:15px;
			}

/* Previous Reports */
	#previous_reports .index_content {margin:8px 10px;}
	#previous_reports .index_content ul {margin:10px 0 10px 30px;}


/* Registration */
	#registration .box1-2 form {
		font-size:12px;
		margin:15px 0 0 0;
		width:26em;
		}
		#registration .box1-2 li {
			margin:5px 0;
			}
			#registration label {
				display:inline-block;
				width:10em;
				}
			#registration input {
				border:2px inset #575450;
				width:15em;
				}
			#registration select {
				border:2px inset #575450;
				margin-left:-3px;
				width:15.4em;
				}
			#registration .checkbox {
				width:auto;
				border:none;
				}
			#registration input.submit {
				border:none;
				float:right;
				height:26px;
				position:relative;
				margin-right: 50px;
				width:73px;
				}
			#registration .rightCaption {
				display: block; 
				overflow: hidden; 
				float: right; 
				width: 190px;
				padding: 10px;
				border: solid 1px #575450;
				background-color: #b5ccf5;
			}

/* Messaging classes... */
.success, .warning, .error, .validation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid;
	margin: 10px 20px 10px 20px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/icons/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/icons/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/icons/error.png');
}
	.error em { margin-left: 10px; }

.box1-2 p, .box1-2 ul, .box1-2 div, box1-2 hr, .box1-2 object {	margin: 10px; }
.box1 object { margin: 10px 5px 0 5px; }

.fieldErr {
	color: Red; 
	margin-left: 10px;
}

.vidThumb {
	margin: 5px;
}
	.vidThumb img { float: left; margin: 5px; }
.ceridianNews h3 { font-size: 14px; }

.box1 #Regional { margin-left: 25px; }

.vidCoverage {
	margin: 5px;
}
	.vidCoverage img { float: left; margin: 5px; }
	
.vidSeparator {
	clear:both;
	padding-top: 6px;
}

#webinar, #calReport {
	float:left; 
	width: 160px;
	margin:20px 0 0 10px; 
	font-size:15px; 
	font-family: "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
	color: #527cc8;
}
	#webinar span {
		font-size:12px;
		font-weight: normal; 
		color: #575450;
	}
	#webinar a, #webinar a:hover, #calReport a, #calReport a:hover, #assetsSpring a, #assetsSpring a:hover {text-decoration:none;}
#webinarPic {float:right; margin: 20px 5px;}
#calReportPic { border: solid 1px #c1c6c9; float:right; margin: 20px 10px 10px 5px; }
#assetsSpringPic {border: solid 1px #c1c6c9; float:right; margin: 20px 10px 10px 5px;}

#latestReport, #assetsSpring {
	float:left; 
	width: 160px;
	margin:10px 0 0 7px; 
	font-size:12px; 
}
#latestReportPic { border: solid 1px #c1c6c9; float:right; margin: 15px 10px 10px 5px; }
.latestReportLink { float:right; margin: 10px 10px 10px 5px; }

.tweet { margin: 5px 10px 0 10px; }
.twitterPubDate { margin:0px 10px 5px; font-size: 11px; color:#455a93; }
#twitterError { margin:10px 10px 5px; }

.viewAll {
	position:absolute; 
    right:20px; 
    top:0; 
    margin:10px; 
    font-size: 14px; 
    font-weight: bold; 
    color:#455a93; 
    font-family: "Myriad Pro", "Helvetica Neue", Arial, sans-serif; 
}
	.viewAll a, .viewAll a:visited { text-decoration: none; color:#455a93; }
	.viewAll a:hover { text-decoration: underline; color:#455a93; }

.viewAllSmall { float:right; margin: 5px 5px 5px 0; }

/* Comment Form classes... */
#commentForm { margin: 0px 0px 0px 0px; }

.commentHead {
	font-family:"Helvetica Neue", Arial, sans-serif;
	color: #455a93;
	font-size: 14px;
	font-weight: 600;
}

#formContainer
{
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    /*background-color: #d6e5f4;*/
    background-color: #b5ccf5;
    padding: 10px;
    width: 310px;
    margin-top: 10px;
    border: solid 1px #455a93; 
}
.formInputTextBox
{
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #455a93; 
    width: 300px;
    background-color: #EDF2F7;
} 
#formContainer .validationError {
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-size:10px;
	color: Red;
	float:right;
	margin-right: 5px;
}
#formContainer .submitButton {
	margin: 20px 0px 0px 120px;
}
.left { float:left; }
.right { float:right; }
.inline { display:inline; }

#commentList { border-top: dotted 1px #000; border-bottom: dotted 1px #000; }
.itemComment { border-top: dotted 1px #000; }
.commentName {
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 0px;
}
.commentDate {
	color: #455a93;
	font-size: 11px;
	line-height: 12px;
}
a.commentLink, a.commentLink:visited { color: #455a93; text-decoration: none; }
a.commentLink:hover { color: #455a93; text-decoration: underline; }