/*RESET BROWSER DEFAULTS
NB: Using "*" method for zeroing margin and padding can have unexpected results for form elements
Use Eric Meyer's reset instead if it causes serious problems.
*/

*{margin:0;padding:0}
html{font-size:62.5%;}
table,select,textarea{font-size:100%}
ul{list-style:none}
a{text-decoration:none;outline:none;}
img{border:0;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
h1,h2,h3,h4,h5,h6{font-weight:400;}

/*------SPRITES--------*/
#headerInsert #login,#sidebar h2,#footer #copyright,#footer dt,#connection,#mainContent .V3Tabs ul li,.V3Tabs ul a,#headerInsert ul li a,#headerInsert ul li.youAreHere a,#headerInsert ul li#topNav111 a
{background:url("http://payroll.ceridian.co.uk/hr/images/V3_sprite2.gif") no-repeat right -6px;}
#footer,#mainContent,.boxIn,#mainContent fieldset{background:url("http://payroll.ceridian.co.uk/hr/images/V3_sprite3.gif") repeat-x 1px 0;}
a,#sidebar li,.loz,.loz2,.lozInner,.lozInner a span,#mainContent .loz a,#mainContent .loz a:hover,#mainContent .loz2 a,#mainContent .loz2 a:hover,.tableX th{background:url("http://payroll.ceridian.co.uk/hr/images/V3_sprite4.gif") no-repeat -99999em -99999em;}
#mainContent ul li,#talk li,#mainContent ul li ol li ul li,#mainContent dt{background:url("http://payroll.ceridian.co.uk/hr/images/V3_sprite5.gif") no-repeat -40px 6px;}
#header,#smWrap{background:url("http://payroll.ceridian.co.uk/hr/images/V3_sprite12b.jpg") no-repeat 0 100%;}
blockquote{background:url("http://payroll.ceridian.co.uk/hr/images/V3_blockquote1.png") no-repeat;}
/*
Base site structure
908px fixed width site by James Smith - Copyright Ceridian Corp 2008
Columns: 212px
Gutters: 12px
Vertical Rhythm: 28px
Settings for Gridfox FF extension: 4 columns, 896px width, 12px gutters. 28px row height, -6px top offset.
*/
body{
text-align:center;
font:1em/1.5em verdana,sans-serif;
}
#wrap{margin:0.9em 0 0 -89px;}
#wrapIn{
text-align:center;
margin:0 auto;
width:997px;
position:relative;
}
#header{
text-align:left;
height:15.9em;
margin-left:89px;
}
#headerInsert{
text-align:left;
position:absolute;
top:-7px;
left:89px;
height:15.9em;
width:908px;
}
#header img{
margin:2.4em 12px;
position:relative;
z-index:99;/*ensures logo link is clickable in FF*/
}
#headerInsert form,#login{
position:absolute;
top:5.6em;
right:12px;
}
#headerInsert #login{
top:5px;
right:8px;
width:238px;
height:31px;
text-align:center;
}
#headerInsert input#p_search_text{
width:182px;
padding:0.2em 4px 0.1em;
height:19px;/*sizing in px to avoid cross-browser form field inconsistencies*/
float:left;
margin:0 -1px 0 3px;
}
#search{float:left;}
#flash{padding-top:6px;}
#flash img{margin-bottom:10px}
#content{
text-align:left;
width:906px;
margin-left:89px;
min-height:40em;
}
#mainContent{
float:right;
position:relative;/*needed for IE, but NB IE listbug*/
width:660px;
padding:7px 0 28px 12px;
margin-right:11px;
}
.lCol{
float:left;
width:324px;
margin-right:12px;
border-right:1px dotted #ccc;
}
.rCol{
float:left;
width:323px;
}
#mainContent .lCol p{margin-right:6px;}
#sidebar{
float:left;
width:223px;
margin:0 0 12px;
overflow:hidden;
}
#sidebar div{
float:left;
width:212px;
margin:0 0 2.8em 11px;
}
#footer{
clear:both;
text-align:center;
height:17.7em;
}
#footerIn{
position:relative;
margin:0 auto;
width:892px;
height:17.7em;
text-align:left;
padding:0 8px;
}
/*--------------TOP NAV + BREADCRUMB-----------------*/
	#headerInsert ul{
	position:absolute;
	bottom:20px;
	right:12px;
	}
	#headerInsert ul li{
	float:left;
	height:2.8em;
	width:110px;
	margin-right:2px;
	}
	#headerInsert ul li a{
	display:block;
	width:100%;
	text-align:center;
	line-height:2em;
	}
	#headerInsert ul li#topNav111{width:106px;margin-right:0;}/*last tab*/
	
#crumbs,#sitemap{
position:absolute;
top:14.5em;
left:236px;
font:900 1em Arial Black;
color:#69f;
}
#sitemap{left:auto;right:12px;}
#smWrap{
display:none;
width:884px;
margin:0 0 14px 11px;
padding-bottom:14px;
border:1px solid #6b7f9f;
border-width:1px 0;
}
#smWrapIn{float:left;margin-left:-4px;}
/*--------------------- 
Purpose: defines visual styles.
-----------------------*/

/*--------------------- 
Some WCAG 2.0 AA-level (min 5:1 ratio) compliant text colours for white backgrounds:

blue-grey: #495876
light-blue: #06e
orange-grey: #75624f
orange-brown: #b65102
light-greys: #555,#666
dusty-red: #bd291e

White text on coloured bgs:
nav bg blue-grey: #445570

calculator: http://snook.ca/technical/colour_contrast/colour.html
juicystudio firefox extension: https://addons.mozilla.org/en-US/firefox/addon/7313 
-----------------------*/

/*------SITE--------*/
body{color:#464646;background:#8cb3ff url("http://payroll.ceridian.co.uk/hr/images/V3_preHead.gif") repeat-x top;}/*!shared with noFooter in filterkeys*/
#wrapIn{background:#8Cb3ff url("http://payroll.ceridian.co.uk/hr/images/V3_bg.jpg") repeat-y;}
#headerInsert #login:hover{background-position:right -79px;}
#headerInsert input#p_search_text{
color:#777;
background:#fff;
border:1px solid #909ab1;
}
#content{
border-left:1px solid #a1a8b5;
border-right:1px solid #647fb5;
background:#fff;
}
#mainContent{background-position:0 -1492px;}


/*---------TOPNAV + BREADCRUMB---------------*/
	#headerInsert ul li a{background-position:0 -815px;}
	#headerInsert ul li a:hover{background-position:0 -899px;}
	#headerInsert ul li#topNav111 a{background-position:0 -998px;}/*last tab*/
	#headerInsert ul li#topNav111 a:hover{background-position:0 -1085px;}
	#headerInsert ul li a,#login{font-size:1.4em;}
	#headerInsert ul li.youAreHere a{
	background-position:0 -1190px;
	color:#000;
	position:relative;
	padding-bottom:20px;
	margin-bottom:-20px;
	margin-top:-3px;
	}
	#headerInsert ul li.youAreHere a:hover{background-position:0 -1190px;}
	#headerInsert ul li#topNav111.youAreHere a,#headerInsert ul li#topNav111.youAreHere a:hover{background-position:0 -1262px;}
	
	#crumbs a,#sitemap a{
	color:#555;
	font:400 1.1em/1.7em Verdana;
	}
	#crumbs a:hover,#sitemap a:hover{color:#000;}

/*--------------SIDE NAV (ENTIRE MODULE)-----------------*/
	#sideNav{
	overflow:hidden;
	border-bottom:1px solid #bdbdbd;
	}
	#sideNav a{
	display:block;
	border:0;
	}
	#sideNav a:hover{color:#bd291e;}
	#sideNav h3{
	margin-bottom:1px;
	font:900 1.8em verdana;
	line-height:1.55em;
	border-bottom:1px solid #8191a5;
	}
	#sideNav h3 a{
	padding:0 10px 0 0;
	width:100%;
	color:#555;

	}
	#sideNav li{
	float:left;
	width:100%;
	display:block;
	}
	#sideNav li a{
	font-weight:900;
	width:auto;
	padding:3px 25px 5px 12px;
	font-size:1.3em;
	line-height:1.55em;
	color:#495876;
	border-top:1px solid #bdbdbd;
	}
	#sideNav li li a{
	padding-left:30px;
	font:1.2em tahoma;
	line-height:1.4em;
	color:#06e;
	background-color:#fff;
	border-right:1px solid #ccc;
	border-top:1px dotted #ddd;
	}
	#sideNav li li li a{
	padding-left:40px;
	font-size:1.1em;
	color:#666;
	}
	#sideNav li li a.moreOpen,#sideNav li li a.moreClosed{font-weight:400;}
	#sideNav .youAreHere{
	font-weight:900;
	border-right:0;
	color:#b65102;
	border-left:2px solid #fc3;
	padding-left:16px;
	}
	/*compensate for 2px border above:---*/
	#sideNav li li .youAreHere{padding-left:28px;line-height:2em;}
	#sideNav li li li .youAreHere{padding-left:38px;}

	#sideNav li li a.moreOpen,#sideNav li li a.moreClosed,#sideNav li a.youAreHere,h3 a.youAreHere,h3 a.youAreHere:hover{background-color:#fff}
	#sideNav li a.moreOpen{background-position:95% -736px;}
	#sideNav li a.moreClosed{background-position:95% -687px;}


/*--------------OTHER SIDEBAR CONTENT--------------------*/
#sidebar{background:url("http://payroll.ceridian.co.uk/hr/images/V3_sidebarFade.png") repeat-y right;}
#sidebar h2{
font:2em/1.2em verdana;
padding:0 0 0.2em 12px;
background-position:0 -129px;
float:left;
width:100%;
}
#downloads ul{padding:1em 0;}
#downloads p{margin:12px 0 0 12px;}
#downloads p a{
border:0;
background-position:95% -518px;
display:block;
}
#downloads ul li{
line-height:2.1em;
background-position:95% -18px;
}
#downloads li a{
background-position:12px -111px;
padding:0.2em 18px 0.3em 36px;
display:block;
}

#connection p{
font-size:1.1em;
margin:1em 12px 1em 12px;
}
#connection span a{margin:0 12px;}
div#connection{
background-position:right bottom;
padding-bottom:2.8em;
margin-bottom:0;
}

/*--------------FOOTER NAV and SITEMAP NAV (ENTIRE MODULE)---------------*/
	#footer{background-color:#43506A;background-position:0 -1250px}
	#smWrap{background-position:-2112px 1px;}
	#footer dl,#smWrap dl{
	width:222px;
	float:left;
	margin:28px 0 0;
	padding:20px 0;
	border-left:1px solid #43506a;
	border-right:1px solid #26314a;
	}
	#smWrap dl{
	border-left-color:#dbdbdb;
	border-right-color:#fff;
	}
	#footer dt,#smWrap dt{
	float:left;
	margin:-37px 0 0 6px;
	position:relative;/*ensures dts are visible in IE despite negative margin sucking them out of the dl*/
	font:1.8em "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	padding:0 12px;
	width:187px;
	line-height:2em;
	color:#8cb3ff;
	background-position:0 -298px;
	}
	#smWrap dt{color:#464646;}
	#footer dd,#smWrap dd{
	font-size:1.2em;
	line-height:1.5em;
	}
	#footer dd a,#smWrap dd a{
	padding:0 12px 0 24px;
	display:block;
	}
	#footer #copyright{
	clear:both;/*needed for IE*/
	position:absolute;
	bottom:0.83em;
	left:12px;
	font-size:0.9em;
	padding:1px 0 0 18px;
	line-height:18px;
	margin-bottom:-2px;
	display:block;
	width:212px;
	background-position:0 -223px;
	}
	#footer dl.colFirst,#smWrap dl.colFirst{width:221px;border-left:0;}
	#footer dl.colLast,#smWrap dl.colLast{width:211px;border-right:0;}

	#footer #copyright span{display:none;}/*best to keep html copyright entity in the markup*/

/*mainContent V3 tabs (entire module*/
.V3Tabs{float:left;}
#mainContent .V3Tabs ul{
float:left;
margin:0;
padding:0;
display:inline;
}
#mainContent .V3Tabs ul li{
float:left;
background-position:100% -574px;
margin:0 2px 0 0;
padding:0 3px 0 0;
line-height:1.75em;
}
#mainContent .V3Tabs ul a{
background-position:0 -574px;
float:left;
padding:0 12px;
border:0;
display:block;
color:#333;
font-weight:400;
}
#mainContent .V3Tabs .tab3{background-position:100% -632px;}
#mainContent .V3Tabs .tab3 a{background-position:0 -632px;}
#mainContent .V3Tabs .tab4{background-position:100% -690px;}
#mainContent .V3Tabs .tab4 a{background-position:0 -690px;}

#content #mainContent .V3Tabs ul li.current{
position:relative;
z-index:99;
background-position:100% -511px;
padding-bottom:1px;
margin-bottom:-1px;
}
#content #mainContent .V3Tabs ul li.current a{
background-position:0 -511px;
padding-bottom:1px;
margin-bottom:-1px;
}
#mainContent .V3Tabs ul a:visited{border:0;}

/*------WHITE STUFF!!-------*/
#login,#headerInsert ul li a,#footerIn,#footer a,#sidebar h2{color:#fff;}
/*
purpose: #mainContent elements and modules.
em cheat sheet:
1px = 0.083
2px = 0.166
3px = 0.25
12px = 1
13px = 1.083
14px = 1.166
15px = 1.25
16px = 1.333
17px = 1.416
18px = 1.494
28px = 2.333

-------- Contents ------
LINKS
HEADINGS
LISTS
IMGS
BLOCKQUOTES
BOX
CALLOUTS
LOZENGES
CHUNK1
CHUNK2
HIGHLIGHT
TABLES
ARTICLES
--------------------------
*/

#mainContent{font:1.2em/1.583em verdana,sans-serif}
#mainContent p,address{margin:0 0 1.6em 24px;}

/*---------LINKS-------------*/
#content a{
font-weight:900;
color:#06e;
padding-bottom:1px;
border-bottom:1px solid #ccc;
}
#sideNav a,#smWrap a{border-bottom:0;}
#mainContent a:active{background-color:#efefef;}
#mainContent a:visited{border-bottom-style:dotted;}/*nb IE7 treats # as a visited link - important for JS links*/
#mainContent a:hover,#sidebar a:hover,#smWrap a:hover{
color:#BD291E;
border-bottom-color:#888;
}
#footer a:hover{color:#69f;}
#mainContent a.jump:visited{border-bottom-style:solid;}
.jump,.ext,.pdf,.goHere,.goHere2,.goHere3,.goHereDown,.addMore,.xml,.iTunes,.word,.xls,.zip,.print{
padding-right:12px;background-position:100% -24px;
}
#mainContent a[href$=".pdf"]{background-position:right -117px;padding-right:16px;}
.pdf{background-position:100% -117px;padding-right:16px;}/*DO NOT merge this selector with attribute selector above (IE ignores the entire rule if one selector is perceived as invalid)*/
#mainContent .ext{background-position:100% -72px;}
.goHere,.goHere2,.goHere3,.goHereDown,.addMore,.print{padding:0 20px 2px 0;}
#mainContent .goHere{background-position:100% -397px;}
#mainContent .goHere2{background-position:100% -525px;}
#mainContent .goHereBack{background-position:0 -565px;padding-left:20px;}
#mainContent .goHereDown,#sitemap .goHereDown{background-position:100% -482px;}
#mainContent .addMore{background-position:100% -651px;}
#mainContent .xml,#mainContent .iTunes{padding:1px 20px 2px 0;background-position:100% -305px;}
#mainContent .iTunes{background-position:right -254px;}
#mainContent .word,#mainContent .xls{padding:3px 20px 0 0;background-position:100% -206px;}
#mainContent .xls{background-position:100% -160px;}
#mainContent .zip{padding:2px 18px 1px 0;background-position:100% -794px;}
#mainContent .deadLink,#mainContent .deadLink:hover{color:#ccc;border:0;}
.print{background-position:100% -351px;}

/*------------HEADINGS-------------*/
#mainContent h1,#mainContent h2,#mainContent h3,#mainContent h4,#mainContent h5,#mainContent h6{
color:#555;
margin:0 0 0.833em;
font:2em/1.166em "Century Gothic",tahoma;
}
#mainContent h1{
letter-spacing:-1px;
border-bottom:0.333em solid #4C73BF;
}
#mainContent h2{
color:#444;
font:400 1.667em Century Gothic;
border-bottom:0.2em solid #ffb340;/*or green: 81CF84*/
line-height:1em;
letter-spacing:-1px;
}
#mainContent h3{font:900 1.416em tahoma;}
#mainContent h4{font:900 1.166em tahoma;}
#mainContent h5{font:900 1.083em tahoma;}
#mainContent h6{font:900 1em tahoma;}
#sidebar h2,#sideNav h3{letter-spacing:-1px;}

/*-----------LISTS----------------*/
#mainContent ul,#mainContent ol,#mainContent dl,#talk ul{margin:1.5em 0 1.5em 46px;}
#mainContent ul ul{margin:0 0 0 8px;}
#mainContent ul ol,#mainContent ol ol{margin:0 24px;}
#mainContent ol ul{margin:0 0 0;}
#mainContent ol ol{list-style:lower-alpha;}
#mainContent ol{margin-left:67px;}

#mainContent li,#mainContent ol li,#mainContent ol ul li,#mainContent dt,#talk li{
margin:0.25em 0 0 0;
padding-left:18px;
line-height:1.583em;
}

#mainContent ul li li{background-position:0 -34px;}
#mainContent ol li,#mainContent ol li ul li ol li{padding:0;}
#mainContent ul li ol li{background:0;}

#mainContent dl{margin-left:61px;}
#mainContent dt{
font-weight:900;
color:#555;
margin:1em 0 0.5em -15px;
}
#mainContent dd{padding-left:1.5em;}

#mainContent .rCol ul{margin:1.5em 26px 0;}
#mainContent .lCol ul{margin-left:31px;}
#talk ul{margin:14px 12px 0;}
#talk li{font:1.416em verdana;}
#content #talk li a{border:0;}
/*-------IMG--------------*/
#mainContent img.LFloat{margin:20px 8px 8px 0;}
#mainContent img.RFloat{margin:20px 20px 8px 8px;}
#mainContent p img.LFloat,#mainContent p img.RFloat{margin:8px;}
.bookmarks img{margin:0 3px -3px 28px;}
#mainContent li.listImg{background:0;}
li.listImg img{margin:14px 0 14px 188px;position:relative;}
#mainContent li.listImg a{border:0;}

/*---------BLOCKQUOTES---------------*/
blockquote{
width:434px;
margin:0 0 28px 64px;
padding:14px 0 14px 50px;
font-size:1.166em;
line-height:1.5em;
}
.boxDouble blockquote:first-letter,.boxTriple blockquote:first-letter{/*even IE7 :first-letter support is very ropey*/
color:#bb524a;
font:3em Georgia,serif;
float:left;
margin:5px 4px 0 0;
line-height:1em;
}
.firstLetter{/*manual fallback*/
color:#bb524a;
font:3em Georgia,serif;
float:left;
padding:0;
line-height:1em;
margin:0 4px 0 0;
}

blockquote cite{
text-align:right;
display:block;
margin-bottom:-14px;
font-size:0.7em;
color:#666;
border-bottom:1px solid #ccc;
}
.floatQuote,.box blockquote{
margin:12px 0;
width:180px;
text-indent:50px;
padding:24px 0;
}
.boxDouble blockquote,.boxTriple blockquote{
text-indent:0;
padding:14px 0 14px 50px;
width:330px;
}
.boxTriple blockquote{
width:434px;
margin-left:39px;
}
.floatQuote{
background-position:24px 0;
width:236px;
float:right;
margin:28px 0 28px 12px;
}

/*---------CALLOUT------------*/
#mainContent .callOut{
display:block;
width:402px;
margin:14px 0 14px 112px;
background:#efefef url("http://payroll.ceridian.co.uk/hr/images/V3_callout.jpg") no-repeat 0 100%;
border-top:1px solid #d2d2d2;
padding:16px 16px 50px;
font:italic 1.33em/1.4em Georgia;
}

/*----------CODA SLIDER-----------*/
.stripViewer,.stripViewer .panel{
float:left;
width:436px;
}
.boxTriple .panel{width:660px;}
#mainContent p.crossLinks{margin-top:14px;}
.stripViewer{overflow:hidden;margin-bottom:28px;}
.stripViewer .panelContainer{position:relative;width:100%;}		
.stripViewer .wrapper{padding:12px;}
#mainContent .stripViewer h3{border-bottom:0;}
/*coda slider loading...*/
.csw{
height:180px;
border:1px solid #ccc;
overflow:hidden;
}
.csw .panelContainer *{visibility:hidden;}
.csw div{border:0;}
/*----------BOX---------------*/
/*1px rounded corners... look ma, no images!*/
#mainContent .box p{margin-left:0;margin-right:0;}
.box{
float:left;
padding:0 1px;
width:210px;
margin:0 12px 1.166em 0;
background:#e9e9e9;/*aliased corner colour*/
}
.boxIn,.boxIn2{
width:210px;
border:1px solid #ccc;
border-width:1px 0;
background-color:#fff;
}
.boxIn2{
position:relative;/*needed for IE*/
width:186px;
padding:12px;
margin:0 -1px;
border-width:0 1px;
background-color:transparent;
}

/*box innards*/
.box img{margin:12px 12px 0 12px;}
.box h3{border-bottom:1px solid #bbb;}
#mainContent .box ul{margin:0;}

/*box variants*/
.boxR{float:right;margin:0 0 1.166em 12px;}

.boxDouble,.boxDouble .boxIn{width:434px;}
.boxDouble .boxIn2{width:410px;}
.boxTriple,.boxTriple .boxIn{width:658px;}
.boxTriple .boxIn2{width:634px;}
.boxTriple{margin-right:0;margin-left:0;}

/*---------CHUNKS---------*/
.chunk{
padding:0 6px;
float:left;
width:207px;
border-right:1px solid #ccc;
}
.chunk p,.chunk h3{padding:0 8px;}
#mainContent .chunk h3{margin:6px 0;}
#mainContent .chunk p{margin:0;}
#mainContent .chunk ul{margin-left:22px;}
.chunk img{margin:8px 6px;}
#mainContent .chunk h2{
display:block;
border-bottom:8px solid #b6cadd;
margin:6px 0;
}
#mainContent .chunk .h2B{border-color:#fc3;}
#mainContent .chunk .h2C{border-color:#4ed153;}

/*----------LOZENGES----------*/
.loz,.loz2{
background-position:0 -857px;
height:28px;
padding:0 0 0 12px;
margin:8px;
display:table;/*do not remove: http://css-discuss.incutio.com/?page=CenteringBlockElement*/
}
.loz2{padding-left:14px}
.chunk2 .loz{margin-left:17px;}

#mainContent .loz a,.loz a, #mainContent .loz2 a, .loz2 a{
background-position:0 -939px;
background-repeat:repeat-x;
border:0;
display:block;
line-height:28px;
float:left;
font-weight:700;
padding:0 12px;
}
#mainContent .loz a:hover,.loz a:hover,#mainContent .loz2 a:hover,.loz2 a:hover{background-position:0 -980px;background-repeat:repeat-x;border:0;}

.loz .lozInner,.loz2 .lozInner{
background-position:100% -898px;
height:28px;
padding:0 12px 0 0;
float:left;
}
.loz2 .lozInner{padding-right:14px}
/*TO DO --lozenges inside chunk2 (not available for loz2)-
.B .loz{background:url(http://payroll.ceridian.co.uk/hr/images/V2_lozLB.gif) no-repeat left;}
.B .loz .lozInner{background:url(http://payroll.ceridian.co.uk/hr/images/V2_lozRB.gif) no-repeat right;}
.G .loz{background:url(http://payroll.ceridian.co.uk/hr/images/V2_lozLG.gif) no-repeat left;}
.G .loz .lozInner{background:url(http://payroll.ceridian.co.uk/hr/images/V2_lozRG.gif) no-repeat right;}
.Y .loz{background:url(http://payroll.ceridian.co.uk/hr/images/V2_lozLY.gif) no-repeat left;}
.Y .loz .lozInner{background:url(http://payroll.ceridian.co.uk/hr/images/V2_lozRY.gif) no-repeat right;}
*/
.pod{margin:8px;}

/*--loz variants--*/
.loz2{background-position:0 -1025px;}
#mainContent .loz2 a{background-position:0 -1128px;color:#fff;}
.loz2 .lozInner{background-position:100% -1072px;}
#mainContent .loz2 a:hover{background-position:0 -1182px;background-repeat:repeat-x;color:#f6eb70;}

/*----HIGHLIGHT---*/
div.highlight{
border:1px solid #E7D590;
background-color:#FEF3C6;
padding:12px 32px 0 32px;
margin:28px 0 28px 56px;
width:484px;
position:relative;
}
#mainContent div.highlight p{margin:0 0 1em 0;}
.V3attn{
margin-left:-17px;
position:absolute;
top:-12px;
left:0;
}
div.highlight span{
color:#4c73bf;
margin:0 0 8px;
display:block;
font:italic 2em Georgia,"Times New Roman",serif;
}
#mainContent .targeted{
border:1px solid #E7D590;
background:#FEF3C6;
padding-top:4px;
padding-bottom:4px;/*don't go shorthand here... allows for different x-padding on different elements*/
}
#mainContent .scripty{
color:#bb524a;
font:italic 1.9em Georgia,serif;
padding:0;
margin-bottom:0.5em;
letter-spacing:-1px;
}
/*-------------TABLES-------------------*/
table{border-collapse:collapse;margin:14px 0 28px;}
th{text-align:center;}
td{padding:0;}
.tableX{width:100%;}
table caption{
padding: 0 0 5px;
font-style:italic;
text-align:right;
}
table>caption{margin:16px 0 -16px}/*combat dodgy FF rendering*/
.tableX th,.tableX td{border:1px solid #ddd;}
.tableX th{
background-color:#fff;
background-position:0 100%;
background-repeat:repeat-x;
color:#75624f;
font-weight:900;
font-size:1.266em;
font-variant:small-caps;
letter-spacing:-1px;
padding:6px;
border-color:#B5C3CF;
}
.tableX tbody th{
background:#F2F5F8;
color:#545971;
text-align:center;
}
.tableX tbody tr.alt th{
background:#E2EAF0;
color:#464646;
text-align:center;
}
.tableX th.nobg{border:0;background:0;}
.tableX td{
background-color:#fff;
color:#4f6b72;
padding:6px 12px;
}
.tableX tbody tr.alt td{
background-color:#F2F5F8;
color:#797268;
}
.tableX td.blank{background:transparent url("http://payroll.ceridian.co.uk/hr/images/blankCell2.png") no-repeat center;}
#mainContent .tableX td h1{
font-size:1.2em;
font-weight:700;
border-bottom:none;
margin:0;
line-height:normal;
}
.tableX td h1 a{display:block;}
/*----tableX variants ------*/
table.v2 tbody th,table.v2 tbody tr.alt th{text-transform:none;text-align:left;letter-spacing:normal;font-weight:400;}
table.allCenter td{text-align:center;}
table.v3{border-collapse:separate;}
table.v4 td,table.v4 th{border-width:1px 0;}
table.v5 td,table.v5 th{border-width:3px 0;}

/*---------------CONTENT ARTICLES--------------*/
.revField{
border:1px solid #ccc;
border-width:1px 0;
font-weight:900;
padding-bottom:6px;
}
.revField span{
color:#69f;
font-size:2em;
line-height:36px;
position:relative;
top:4px;
}
#contentArticles dd{
display:block;
border-bottom:1px dashed #aaa;
padding-bottom:6px;
}
.revField2{
display:block;
font:italic 0.9em verdana;
text-align:right;
margin:8px 0;
}
/*
Purpose: generic single-style classes for concatenating multiple classnames to give authors increased control over presentation.
Add to these classes with extreme caution, since they create legacy issues. Keep space before "!" so that we can run it through the compressor successfully.
*/
.LFloat{float:left;}
.RFloat{float:right;}
.halfWidth{width:49%;}
.thirdWidth{width:35% !important;}
.threeQuartersWidth{width:76.5% !important;}
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.fullWidth{margin:0 16px;float:left;width:94%}
.autoWidth{width:auto !important;}
.divider{background:url("/hr/images/Line532.jpg") no-repeat top; padding:20px 0 0;}
.noDivider{border:0;margin-top:0;}
.noBorder,.sideSegment a.noBorder{border:0 !important;}
.suckUp{margin-top:-12px !important;}
.breatheX{margin-left:12px !important;margin-right:12px !important;}
.breatheY{margin-top:12px !important;margin-bottom:12px !important;}
.smallPrint,.BlueTitle{font-size:0.75em;line-height:normal;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.mozCenter{margin:0 auto !important;}
.shrinkMe{font-size:4px !important;}
.hidden{display:none;}
.noBold{font-weight:400 !important;}
.noBG{background:0 !important;}
.listNormal li{margin:auto !important;padding-left:4px !important;background:none !important;}
.listNormal{list-style:disc !important;}
.noVis{visibility:hidden;}
.last{margin-right:0 !important;border-right:0 !important;}
#mainContent .SpotlightLeft p, #mainContent .SpotlightRight p,.SpotlightRight,.SpotlightLeft{background:#e5e5e5 url("http://payroll.ceridian.co.uk/hr/images/V3_sprite8.png") no-repeat 0 100%;}

.SpotlightRight{
float:right;
width:212px;
margin:0 0 1.166em 12px;
}
.SpotlightLeft{
float:left;
width:212px;
margin:0 12px 1.166em 0;
}
#mainContent .SpotlightLeft p, #mainContent .SpotlightRight p{
margin:0 0 2px;
padding:12px;
line-height:1.33em;
background-position:100% 0;
}

#CallBack{display:none;}