/*-----------------------GLOBAL-----------------------*/
*{margin:0;padding:0;}
html{font-size:62.5%;}
ul{list-style:none;}
p{margin-bottom:1.75em;}
img{border:0;}
a{text-decoration:none;outline:0}

::-moz-selection{background:#FFCA6C;}
::selection{background:#FFCA6C;}

body{
background:#7b9de3 url("http://payroll.ceridian.co.uk/hr/images/connectionV2_BG7.jpg") repeat-x 50% 0;
width:100%;display:table;/*(both needed to prevent FF clipping BG img at 800x600)*/
font:1em/1em verdana,sans-serif;
color:#555;
text-align:center;
}

/*---SPRITES----*/
#home .contentHighlight,#mainContent,#commentLink,#topMostDiv li#rss a,#sideNav h2,#sideNav li.youAreHere,#bookmarks,#mainContent #comments h2,.comment,h3#commentForm,#topMostDiv li a,#mainContent blockquote,#mainContent .callOut,#mainContent blockquote cite
  {background:url("http://payroll.ceridian.co.uk/hr/images/connectionV2_sprite1d.gif") no-repeat -9999em -9999em;}
#escapeTop,#sideNav,#home .contentRemainder,#home .contentHighlight div
  {background:url("http://payroll.ceridian.co.uk/hr/images/connectionV2_sprite2b.gif") repeat-y;}
#mainContent h1,.sideSegment,.sideSegmentPlain,#bookmarks #print,.delicious,.digg,.newsvine,.reddit,.technorati,.googlebookmark
  {background:url("http://payroll.ceridian.co.uk/hr/images/connectionV2_sprite3b.gif") no-repeat 0 0;}
#mainContent ul li,#mainContent ul li ol li ul li,#mainContent dt
  {background:url("http://payroll.ceridian.co.uk/hr/images/connectionV2_sprite5.gif") no-repeat 0 -31px;}
.loz,.loz2,.lozInner,.lozInner a span,#mainContent .loz a,#mainContent .loz a:hover,#mainContent .loz2 a,#mainContent .loz2 a:hover
  {background:url("http://payroll.ceridian.co.uk/hr/images/V3_sprite4.gif") no-repeat -99999em -99999em;}
  
/*-----------------------LAYOUT-----------------------*/
#mainParent{
position:relative;
width:960px;
margin:0 auto;
text-align:left;
}
#escapeTop{
margin-top:270px;
float:left;
background-position:-405px 0;
}
#mainContent{
background-position:-2125px 0px;
width:590px;
padding:20px;
float:left;
}
#commentLink{
background-position:229px 0;
padding-right:60px;
font:1.8em verdana;
margin:-43px 13px 0 0;
line-height:42px;
float:right;
color:#485367;
}
#commentLink:hover{color:#333;}
#sidebar{
width:310px;
margin:0 0 0 20px;
float:left;
color:#eaeaea;
}
#sideNav{
padding-bottom:1px;
margin-bottom:-1px;
}
#topMostDiv{
position:absolute;
top:0;left:0;
width:100%;
}
#topMostDiv form{float:right;}
#topMostDiv label{
float:left;
margin:4px 6px 0 -20px;
color:#fff;
font:italic 1.8em verdana;
position:relative;
z-index:1;
}
.hasJS #topMostDiv label{margin:16px -10px 0 0;}
#topMostDiv #p_search_text{
border:0;background:0;
position:relative;
top:11px;
right:72px;
height:30px;
width:200px;
color:#fff;
font:1.8em verdana;
padding-top:5px;
z-index:2;
}
#topMostDiv #search{top:4px;right:20px;position:absolute;}
#topMostDiv ul{
float:right;
margin:3px 46px 0 0;
}
#topMostDiv li{
font:1.8em verdana;
text-transform:lowercase;
display:inline;
}
#topMostDiv li a{
background-position:-242px -70px;
color:#ddd;
padding:0 20px;
}
#topMostDiv li a:hover{
color:#fff;
}
#topMostDiv li#rss a{
padding:3px 0 9px 70px;
position:absolute;
top:0;left:-10px;
display:block;
}
#topMostDiv li#rss a:hover{background-position:-3448px 0;}

#footer{
background:#43506A;
border-top:4px solid #e0b054;
clear:both;
font:1em/1.4em verdana;
color:#ccc;
text-align:left;
padding:20px 0;
}
#footer p{
border:1px solid #333;
-moz-border-radius:4px;
padding:10px;
background:#3D4655;
width:900px;
position:relative;
left:50%;
margin:0 0 0 -460px;
}
/*-----------------------SIDEBAR CONTENT-----------------------*/
#sideNav h2{
font:3em/2.9666em Century Gothic;
color:#fff;
padding:0 20px;
background-position:-447px 0;
border-bottom:1px solid #363e4d;
}
#sideNav ul{
margin:0 2px;
}
#sideNav li{
letter-spacing:-1px;
border-top:1px solid #707988;
border-bottom:1px solid #363e4d;
font:2em verdana;
}
#sideNav li a{
display:block;
color:#efefef;
position:relative;
left:20px;
line-height:2.9em;
}
#sideNav li.youAreHere{
position:relative;
width:348px;
margin:-2px 0 -1px -42px;
border:0;
padding:2px 0;
background-position:-70px 0;
}
#sideNav li.youAreHere a,#sideNav li.youAreHere a:hover {
color:#464646;
padding-left:42px;
cursor:default;
}
#sideNav li a:hover{color:#fff;}
/*----------------*/
.sideSegment,.sideSegmentPlain{
background-position:0 -817px;
background-repeat:repeat-x;
padding:25px 0 10px;
margin:0 2px;
}
.sideSegment:hover,.sideSegmentPlain:hover{background-color:#4F4E4D;}
.sideSegment h2,.sideSegmentPlain h2{
color:#fc3;
margin:0 20px 10px;
font:2.4em "Century Gothic";
letter-spacing:-1px;
}
.sideSegment p,.sideSegmentPlain p,.sideSegment form{
font:1.4em/1.3em verdana;
letter-spacing:-1px;
word-spacing:2px;
padding:0 20px;
}
.sideSegment a,.sideSegmentPlain a{
color:#7c9dff;
font-weight:900;
letter-spacing:0;
word-spacing:0;
}

/*---------------------------------=MAINCONTENT=----------------------------------*/
#mainContent p,#mainContent ul,#mainContent ol,#mainContent dl,#mainContent blockquote,#mainContent address,table{
font:1.4em/1.5em verdana;
}

/*--------------=LINKS=--------------*/
#mainContent a{
color:#06e;
border-bottom:1px solid #ccc;
padding-bottom:1px;
font-weight:900;
}
#mainContent a:visited{border-bottom-style:dotted;}
#mainContent a:hover{
color:#BD291E;
border-bottom-color:#888;
}

/*--------------=LISTS=--------------*/
#mainContent ul,#mainContent ol,#mainContent dl,#talk ul{margin:1.5em 0 1.5em 30px;}
#mainContent ul ul{margin:0 0 0 8px;}
#mainContent ul ol,#mainContent ol ol{margin:0 20px;}
#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{
margin:0.25em 0 0 0;
padding-left:20px;
}
#mainContent ul li li{background-position:-40px 8px;}
#mainContent ol li,#mainContent ol li ul li ol li{padding:0;}
#mainContent ul li ol li{background:0;}

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

/*--------------=HEADINGS=--------------*/
#mainContent h1{
font:small-caps 3.8em Century Gothic;
color:#4a6398;
letter-spacing:-2px;
background-color:#F3F3F2;
background-position:0 41%;
background-repeat:repeat-x;
padding:0 0 20px;
margin-bottom:18px;
}
#mainContent h2{
color:#5C5C5F;
font:900 2.4em Century Gothic;
margin-bottom:1em;
letter-spacing:-1px;
}
#mainContent h3{
font:bold 1.5em Verdana;
color:#3F5E87;
margin-bottom:0.66em;
background-color:#fff; /*or eaeaea?*/
border:1px solid #ccc;
border-width:1px 0;
padding:10px;
}
#mainContent h4{
font:bold 1.5em Verdana;
letter-spacing:-1px;
margin-bottom:0.66em;
color:#565656;
}
/*-------=IMG=-------*/
#mainContent img{
border:1px solid #ccc;
background:#fff;
padding:5px;
}
#mainContent img.RFloat{margin:10px 0 10px 10px;}
#mainContent img.LFloat{margin:10px 10px 10px 0;}

/*-------=QUOTES=CALLOUT=-------*/
#mainContent p.callOut,#mainContent blockquote{
font:1.8em/1.3em verdana;
border-top:1px solid #ddd;
margin:0 0 30px 50px;
padding:20px 20px 30px;
width:450px;
background-position:-3526px 100%;
background-color:#fff;
}
#mainContent blockquote{
width:420px;
padding:20px 20px 0 50px;
background-position:-5863px 0;
}
#mainContent blockquote cite{
font:italic 0.8em verdana;
margin-left:-50px;
padding:5px 15px 30px 0;
width:475px;
text-align:right;
background-position:-3526px 100%;
}

/*-------Q&A---------*/
#mainContent .question,#mainContent .answer{
border:3px double #ccc;
border-top:1px solid #fff;
margin-top:0;
background:#fff url("/hr/images/fieldset_BG.jpg") repeat-x;
padding:10px;
margin:0 0 10px 37px;
width:490px;
}
#mainContent .question{
border-top:4px solid #4C596F;
border-bottom:1px solid #4C596F;
border-left:3px solid #5D6B85;
border-right:3px solid #5D6B85;
background:#5D6B85;
font:1.7em "Century Gothic";
color:#fff;
margin:10px 0 0 37px;
}
/*----------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}

/*--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;}

/*----=TABLES=------*/
table{border-collapse:collapse;margin:14px 0 50px;}
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 #ccc;}
.tableX th{
background-color:#485367;
color:#f3f3f3;
font-weight:900;
font-variant:small-caps;
padding:6px;
border-color:#727A87;
}
.tableX tbody th{
background:#F2F5F8;
color:#545971;
text-align:center;
border-color:#aaa;
}
.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;}

/*----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;}

/*---=BOOKMARKS=---*/
#bookmarks{
float:left;
width:100%;
background-position:-2789px 0;
padding-top:50px;
}
#bookmarks #print{
font:1em verdana;
float:right;
background-position:100% -207px;
padding-right:26px;
line-height:18px;
margin-top:-45px;
}
#mainContent p.bookmarks{
float:left;
width:570px;
font:1em/30px verdana;
padding:5px 10px;
background:#fefefe;
border:1px solid #bbb;
border-width:1px;
margin:0;
}
.digg{background-position:0 -28px;}
.newsvine{background-position:0 -60px;}
.reddit{background-position:0 -97px;}
.technorati{background-position:0 -129px;}
.googlebookmark{background-position:0 -168px;}
#mainContent p.bookmarks a{
margin:0 25px 0 0;
border:0;
padding:0 0 0 25px;
font:1em/22px verdana;
float:left;
}

/*-----------------HOME-----------------------*/

#home #mainContent{
width:960px;
background-position:-4065px 0;
padding:0;
}
#home #mainContent h1{
background:0;
float:left;
margin:40px 20px 0;
}
#home .contentHighlight{
float:left;
width:550px;
background-position:-5305px 100%;
margin:-14px 0 15px;
padding-bottom:15px;
}
#home .contentHighlight div{
float:left;
width:510px;
background-position:-1433px 0;
padding:20px 20px 0;
}
#home .contentHighlight img{float:right;}
#home .contentHighlight2{
float:left;
width:390px;
margin:0 0 20px 20px;
background:url("http://payroll.ceridian.co.uk/hr/images/connectionV2_highlight2Btm.gif") no-repeat 0 100%;
color:#efefef;
overflow:hidden;
}
#home .contentHighlight2 h2{
background:url("http://payroll.ceridian.co.uk/hr/images/connectionV2_highlight2Top.gif") no-repeat 0 0;
color:#fff;
line-height:63px;
padding:0 20px;
margin:0;
}
#mainContent #hrQuiz h2#quizHeading{
margin:-63px 0 0;
background:0;
}
#mainContent #hrQuiz img{
border:0;
padding:0;
float:right;
margin:-35px 6px 6px -33px;
}
#home .contentHighlight2 p,#home .contentHighlight2 iframe, #home .contentHighlight2 ul{
padding:0 20px;
font:1.2em/1.3em verdana,sans-serif;
}
#home .contentHighlight2 a{color:#fc3;}
#home h2#thisIssue{
clear:both;
text-indent:-99em;
background:url("http://payroll.ceridian.co.uk/hr/images/connectionV2_homeContent2.gif") no-repeat 0 0;
width:967px;
height:272px;
position:relative;
left:-7px;
}
#home .contentRemainder{
float:left;
background-position:-2540px 0;
}
#home .col1,#home .col2{
width:440px;
float:left;
position:relative;
margin:-210px 20px 0;
}
#home .col2{margin-right:0;}