@charset "UTF-8";
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=566baf90-ef1e-40e8-aafe-0b4a93fa0321");
@import url("/web_resources/themes/ceridian/css/jquery-ui.css");
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, div {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:
not([controls]) {display:none;
    height:
    0px;
}[hidden] {
    display: none;
}

html {
    font-size: 100%;
}

html, button, input, select, textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
}

html, body {
    height: 100%;
    margin: 0px;
    width: 100%;
}

a:focus, a:active, a:hover {
    outline: 0px none;
}

h1 {
    font-size: 1.875em;
    line-height: 1;
    margin: 0px;
}

h2 {
    font-size: 3.75em;
    margin: 0.1em 0px;
}

h3 {
    font-size: 1.6875em;
    font-weight: 400;
    margin: 0.3em 0px;
}

h4 {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.25;
    margin: 0.3em 0px;
}

h5 {
    font-size: 1.125em;
    font-weight: strong;
    line-height: 1.2;
    margin: 0.2em 0px 0.4em;
}

h6 {
    font-size: 1em;
    margin: 0px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 4px;
    padding: 8px 0px;
}

dfn {
    font-style: italic;
}

mark {
    background: none repeat scroll 0% 0% #FFFF00;
    color: #000000;
}

p, pre {
    margin: 0px 0px 0.5em;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: none;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 90%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl, menu, ol, ul {
    margin: 0px;
}

dd {
    margin: 0px 0px 0px 40px;
}

menu, ol, ul {
    padding: 0px;
}

.header ul, .header ol, .footer ul, .footer ol, ul, ol {
    list-style: none outside none;
}

img {
    border: 0px none;
}

svg:
not(:root) {overflow:hidden;
}

figure {
    margin: 0px;
}

form {
    margin: 0px;
}

fieldset {
    border: 1px solid #C0C0C0;
    margin: 0px 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0px none;
    padding: 0px;
    white-space: normal;
}

button, input, select, textarea {
    border-radius: 0px 0px 0px 0px;
    font-size: 100%;
    margin: 0px;
    outline: 0px none;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

button, html input[type =
"button"], input[type = "reset"], input[type = "submit"] {
    cursor: pointer;
}

button[disabled], input[disabled] {
    cursor: default;
}

input[type =
"checkbox"], input[type = "radio"] {
    padding: 0px;
}

input[type =
"search"] {
    -moz-box-sizing: content-box;
    border-radius: 0px 0px 0px 0px;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0px none;
    padding: 0px;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

html, button, input, select, textarea {
    color: #676767;
}

body {
    /* background: url("/web_resources/themes/ceridian/imgs/ui/bg.jpg") repeat-x fixed center top #BAEBFF; */
    background: #fff;
    font-size: 1em;
    line-height: 1.4;
}
*::-moz-selection {
    background: none repeat scroll 0% 0% rgba(106, 169, 62, 0.8);
    text-shadow: 0px 0px 3px #FFFFFF;
}

/* Begin new Percussion CSS */
/* RSS Icon CSS */
.perc-rss-icon {
    float: right;
    display: block;
    width: 22px;
    height: 22px;
    background: url("/web_resources/themes/percussion/images/rss_logo.png");
    text-indent: -10000px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}

.perc-rss-icon-top {
}

.perc-rss-icon-bottom {
}

/* End RSS Icon CSS*/
/* Begin Blog widget CSS */
.perc-blog-wrapper {
    padding: 10px;
}

.perc-blog-title {
    margin: 0;
    font-size: x-large;
}

.perc-blog-post {
}

.perc-blog-dateByline-container {
    overflow: auto;
}

.perc-blog-dateByline-container > div:first-child {
    float: left;
    margin-bottom: 15px;
}

.perc-blog-dateByline-container > div:first-child + div {
    float: right;
    margin-bottom: 15px;
}

.perc-blog-date {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

.perc-blog-byline {
    margin-bottom: 15px;
}

.perc-blog-author-label {
}

.perc-blog-author-name {
}

.perc-blog-post-tag-container {
    margin-bottom: 5px;
}

.perc-blog-hide-container {
    display: none;
}

/* End Blog widget CSS */
/* Blog Index Page CSS Starts */
.perc-blog-list {
}

ol.perc-blog-list {
    list-style-type: none;
    padding: 0 20px;
}

.perc-blog-list-dateByline-container {
    overflow: auto;
    margin-bottom: 5px;
}

.perc-blog-list-dateByline-container > div:first-child {
    float: left;
    margin-bottom: 15px;
}

.perc-blog-list-dateByline-container > div:first-child + div {
    float: right;
    margin-bottom: 15px;
}

.perc-blog-list-more-link {
}

.perc-blog-list-title {
    margin-bottom: 0px;
    font-size: large;
}

.perc-blog-list-byline-container {
    display: inline
}

.perc-blog-list-date-container {
    font-family: Verdana;
    font-size: 11px;
    display: inline;
    float: right;
}

.perc-blog-list-tag-container, .perc-blog-list-category-container {
    margin-bottom: 5px;
}

/* Blog Index Page CSS Ends */
/* Pagination Controls */
.perc-pagination-container {
    border-top: 1px solid lightgrey;
    padding: 10px 20px;
    text-align: center;
    overflow: auto;
}

.perc-pagination-container .perc-goto, .perc-pagination-container .perc-goto-quick-nav {
    color: #006B9D;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
}

.perc-pagination-container .perc-goto {
    margin-right: 2px;
    margin-left: 2px;
}

.perc-pagination-container .perc-current-page {
    font-weight: bold;
}

.perc-pagination-container .perc-goto-first {
    margin-right: 7px;
}

.perc-pagination-container .perc-goto-first:after {
    content: '<<'
}

.perc-pagination-container .perc-goto-pre {
    margin-right: 8px;
    margin-left: 8px;
}

.perc-pagination-container .perc-goto-pre:after {
    content: '<'
}

.perc-pagination-container .perc-goto-next {
    margin-right: 8px;
    margin-left: 8px;
}

.perc-pagination-container .perc-goto-next:after {
    content: '>'
}

.perc-pagination-container .perc-goto-last {
    margin-left: 7px;
}

.perc-pagination-container .perc-goto-last:after {
    content: '>>'
}

.perc-pagination-container .perc-page-count {
    float: left;
}

.perc-pagination-container .perc-page-nav {
    float: right;
}

.perc-pagination-container .perc-comma-after:after {
    content: ',';
    font-weight: normal;
}

/* Pagination Controls Ends */
/*Blog Navigation Starts */
.perc-blog-nav-bottom {
    border-top: 1px solid #A0A0A0;
    margin-top: 15px;
    padding-top: 10px;
}

.perc-blog-nav-top {
    border-bottom: 1px solid #A0A0A0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div.perc-blog-navigation-wrapper {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

div.perc-blog-nav-left-wrapper {
    text-align: left;
    width: 33%;
    float: left;
}

div.perc-place-holder {
    text-align: left;
    width: 34%;
    float: left;
}

div.perc-blog-nav-right-wrapper {
    text-align: right;
    width: 33%;
    float: left;
}

div.perc-newer-post-wrapper {
    float: left;
    width: 89%;
}

div.perc-older-post-wrapper {
    padding-left: 22px;
}

div.perc-clear-both {
    width: 100%;
    clear: both;
}

.perc-older-post-wrapper a {
}

.perc-blog-left-arrow {
    background: url("/web_resources/themes/percussion/images/leftArrow.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
    width: 10px;
    height: 13px;
    float: left;
}

.perc-blog-right-arrow {
    background: url("/web_resources/themes/percussion/images/rightArrow.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px;
    float: left;
    width: 10px;
    height: 13px;
}

.perc-newer-post-wrapper a {
}

.perc-older-post {
}

.perc-newer-post {
}

/*Blog Navigation Ends */
/* Begin Rss Widget CSS */
.perc-feed-widget {
}

.perc-feed-title {
    font-family: "Verdana";
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.perc-feed-item {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    margin-top: -1px;
}

.perc-feed-item-title {
    font-family: "Verdana";
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.perc-feed-item-date {
    font-family: "Verdana";
    font-size: 10px;
    font-weight: regular;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.perc-feed-item-description {
    font-family: "Verdana";
    font-size: 11px;
    font-weight: regular;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

/* End Rss Widget CSS */
/* End new Percussion CSS 11/20/2013 */
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.3) -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 6px 0px 0px;
    display: block;
    height: 1px;
    margin: 1em 0px;
    padding: 0px;
}

a {
    color: #3374A1;
    text-decoration: none;
}

.utilNav a {
    color: #089AD4;
}

.footer a {
    text-decoration: underline;
}

a:hover {
}

.utilNav a:hover, .breadcrumbs a:hover {
    color: #0B4C9F;
    text-decoration: underline;
}

.footer a:hover {
    color: navy;
}
@media not all { .footer a:hover {
        color: #6AA93E;
}
}

img {
    vertical-align: middle;
}

blockquote {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.4) -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 3px 0px;
    color: #51892C;
}

q {
    display: block;
    margin: 0px 0px 15px;
    padding: 10px 0px;
    position: relative;
}

q:after {
    background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll right center transparent;
    bottom: -2px;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 100%;
}

fieldset {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}

textarea {
    resize: vertical;
}

input, textarea {
    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0% 0% transparent;
     border: 1px solid #CCCCCC;
     box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
     color: #545352;
     line-height: 29px;
}

input:hover, textarea:hover {
     border: 1px solid #94D764;
}

input:focus, textarea:focus {
     border: 1px solid #21A8DD;
}

button, .btn {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll right -884px transparent;
     border: 0px none;
     color: #FFFFFF;
     display: block;
     font-size: 18px;
     font-weight: 900;
     height: 42px;
     line-height: 42px;
     margin: 4px auto;
     min-width: 150px;
     outline: 0px none;
     padding: 0px 20px 0px 10px;
     position: relative;
     text-align: center;
     text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
     white-space: nowrap;
}

button:before, .btn:before {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left -884px transparent;
     content: "";
     display: block;
     height: 42px;
     left: 0px;
     line-height: 42px;
     position: absolute;
     top: 0px;
     width: 12px;
}

.btn:after {
     content: "\00BB";
     position: absolute;
     right: 14px;
}

button.green, .btn.green {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll right -800px transparent;
}

button.green:before, .btn.green:before {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left -800px transparent;
}

button:hover, .btn:hover {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll right -716px transparent;
}

button:hover:before, .btn:hover:before {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left -716px transparent;
}

input[type="button"], input[type="reset"], input[type="submit"] {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll center -805px transparent;
     border: 1px solid #95DC66;
     box-shadow: 0px 0px 0px 3px #6AA243, 2px 2px 4px 1px rgba(0, 0, 0, 0.5);
     color: #FFFFFF;
     font-weight: 700;
     height: 32px;
     line-height: 28px;
     margin: 8px 3px;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
     background-color: #01a4e7;
	 color: #fff;
     box-shadow: 0px 0px 0px 3px #AD5420, 2px 2px 4px 1px rgba(0, 0, 0, 0.5);
}

select {
     background: none repeat scroll 0% 0% #FFFFFF;
     border: 0px none;
     box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.5) inset;
     color: #4E4E4E;
     cursor: default;
     display: block;
     font-size: 14px;
     height: 24px;
     line-height: 16px;
     margin: 15px 0px;
     max-width: 300px;
     outline: 0px none;
     padding: 4px 4px 4px 8px;
     width: 100%;
}

@-moz-document url-prefix("")  {
  select { height: 26px; }
}

@media not all {
  select { background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll right bottom #FFFFFF; padding: 0px 30px 0px 8px; }
}

.copycopy ol, .copycopy ul {/*updated 12-27-12*/
     margin: 1em 0px;
     padding: 0px 0px 0px 40px;
}
.copycopy ul {/*updated 12-27-12*/
     list-style: disc outside none;
}
.copycopy ol {/*updated 12-27-12*/
list-style: decimal outside none;
}

#ceridian {
     margin: 0px auto;
     max-width: 1000px;
     min-width: 280px;
     padding: 0px;
     position: relative;
     width: 100%;
}

.ie7text {display: none;}

.header {
     padding: 0px 5px;
     position: relative;
}

#logo {
     background: url("/web_resources/themes/ceridian/imgs/ui/logo.png") no-repeat scroll 20px 10px transparent;
     display: block;
     float: left;
     height: 115px;
     position: relative;
     width: 394px;
}

#logoPlain

{
     background: url("/web_resources/themes/ceridian/imgs/ui/logo.png") no-repeat scroll 20px -170px transparent;
     display: block;
     float: left;
     height: 115px;
     position: relative;
     width: 394px;
}

#logo b {
     display: none;
     visibility: hidden;
}

.utilNav {
     float: right;
     font-size: 13px;
     line-height: 40px;
}

.utilNav > li {
     background: none repeat scroll 0% 0% transparent;
     color: #403E3F;
     display: block;
     float: right;
     position: relative;
}

.utilNav > li:after {
     content: "//";
     margin: 0px 10px;
}

.utilNav > li:first-child:after {
     content: " ";
}


.utilNav li > ol:before {
    color: #08A4E2;
    content: "\25BC";
    font-size: 10px;
    line-height: 37px;
    position: absolute;
    right: 5px;
    top: -31px;
}

.utilNav li > ol {
     height: 1px;
     padding: 0px;
     position: absolute;
     right: 0px;
     top: 32px;
     width: 220px;
}

.utilNav li:hover > ol {
     background: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_22.png") repeat scroll 0% 0% #78C046;
     box-shadow: 3px 3px 8px -3px;
     height: auto ! important;
     min-height: 110px;
     padding-top: 8px;
}

.utilNav li > ol:hover:before {
	 content: "\25BD";
}

.utilNav li > ol > li:first-child {
     background-image: url("/web_resources/themes/ceridian/imgs/ui/gui.png");
     background-position: -390px 1118px;
}

.utilNav li > ol > li:last-child {
     border-radius: 0px 0px 2px 2px;
}

.utilNav li > ol > li {
     background-color: #FFFFFF;
     display: block;
     height: 1px;
     line-height: 20px;
     margin: 0px;
     opacity: 0;
     overflow: hidden;
     padding: 0px;
     pointer-events: none;
     position: relative;
}

.utilNav li:hover > ol > li {
     height: auto;
     opacity: 1;
     pointer-events: all;
}

.utilNav li > ol > li a {
     border-bottom: 2px solid #C8F5F8;
     display: block;
     padding: 4px 20px;
     position: relative;
}

.utilNav li > ol > li a:before {
     content: " ";
     left: 6px;
     position: absolute;
}

.searchSite {
     clear: right;
     float: right;
     font-size: 13px;
}

.searchSite input {
     box-shadow: none;
     color: #9C9C9C;
     height: 29px;
     line-height: 29px;
     margin: 0px;
     padding: 0px;
     text-indent: 6px;
}

input.searchInit {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll right top transparent;
     border: 0px none;
     height: 31px;
     margin: 0px;
     overflow: hidden;
     padding: 0px;
     text-indent: -999em;
     width: 30px;
}

input.searchInit:hover {
     background-position: -1082px -67px;
     box-shadow: none;
}

#mainNav {
     background-color: #0070c4;
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png");
     clear: both;
     padding-left: 2%;
     position: relative;
}

#mainNav > ul > li {
     display: block;
     float: left;
     position: relative;
}

#mainNav > ul > li > a, #expandMobiNav {
     background: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png") repeat scroll 0% 0% #0070c4;
     border-left: 1px solid #74C7E8;
     border-right: 1px solid #0B6486;
     color: #FFFFFF;
     display: block;
     font-size: 0.9375em; font-size: 14px\9;
     font-weight: 700;
     line-height: 24px;
     padding: 14px; padding: 10px 12px\9; 
     position: relative;
     text-transform: uppercase;
}

#expandMobiNav {
     border: 0px none;
     color: #FFFFFF;
     display: none;
     font-size: 20px;
     height: 35px;
     line-height: 35px;
     margin: -2px 0px;
     padding: 0px 15px;
}

#mainNav > ul > li > a:hover, #mainNav > ul > li.current > a, #mainNav > ul > li:hover > a {
     background-color: #78C046;
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_22.png");
}

#mainNav > ul > li > a:after {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") repeat scroll center bottom transparent;
     bottom: -9px;
     display: block;
     height: 9px;
     left: 1px;
     position: absolute;
     width: 100%;
}

#mainNav > ul > li > a:hover:after, #mainNav > ul > li.current > a:after, #mainNav > ul > li:hover > a:after {
     content: " ";
}

#mainNav > ul > li:first-child > a {
     border-left-color: transparent;
}

#mainNav > ul > li:last-child > a {
     border-right-color: transparent;
}

#mainNav > ul > li:hover .megaDropdown {
     display: block;
}

#mainNav > ul > li .megaDropdown {
     border-radius: 0px 0px 2px 2px;
     box-shadow: 7px 9px 12px -1px rgba(0, 0, 0, 0.5);
     display: none;
     height: auto ! important;
     min-height: 111px;
     padding: 10px;
     position: absolute;
     width: 700px;
}

#mainNav > ul > li .megaDropdown.simple {
     width: 244px;
}

.megaDropdown ul {
     background-color: rgba(177, 255, 247, 0.8);
     background-position: 95% 95%;
     background-repeat: no-repeat;
     background-size: 190% 190%;
     border-radius: 0px 0px 1px 1px;
     display: block;
     font-size: 13px;
     height: auto ! important;
     min-height: 360px;
     overflow: hidden;
     padding: 24px 12px 24px 34px;
     position: relative;
}

.megaDropdown.simple ul {
     padding: 24px 12px 24px 24px;
	 min-height: 240px;
}

.megaDropdown ul:after {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") repeat scroll right -120px transparent;
     content: "";
     display: block;
     height: 358px;
     left: 254px;
     position: absolute;
     top: 44px;
     transform-origin: left top;
     transform: scaleY(1.3);
     width: 7px;
     z-index: -1;
}

.megaDropdown ul > li {
	display: block;
	width: 220px;
	border: 0;
	border-bottom: 3px solid #C5EEFF;
	margin-left: -24px;
}

.megaDropdown.simple ul > li {
     margin-left: -12px;
}

.megaDropdown ul > li > a {
     color: #21A7DC;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 20px;
     padding: 5px 11px 5px 24px;
     position: relative;
     width: 210px;
}

.megaDropdown.simple ul > li > a {
     width: 186px;
}

.megaDropdown ul > li > a:before {
     color: #5F5F5F;
     content: "\00BB";
     font-size: 16px;
     left: 10px;
     position: absolute;
}

.megaDropdown ul > li > a:hover, .megaDropdown ul > li:hover > a, .megaDropdown ul > li.currentL2 > a {
     background: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_22.png") repeat scroll 0% 0% #78C046;
     color: #FFFFFF;
     width: 210px;
}

.megaDropdown.simple ul > li > a:hover, .megaDropdown.simple ul > li:hover > a, .megaDropdown.simple ul > li.currentL2 > a {
     width: 186px;
}

.megaDropdown ul > li > a:hover:before, .megaDropdown ul > li.currentL2 > a:before {
     color: #FFFFFF;
     left: auto;
     right: 8px;
}

.dropdownHdr {
     color: #5F5F5F;
     font-weight: 700;
     line-height: 1.8;
     margin-left: 14px;
}

.dropdownHdr {
     font-size: 2em;
     line-height: 1.1;
     white-space: nowrap;
}

.megaDropdown ul > li .dropdownCopy {
     border: 0px none;
     display: none;
     float: right;
     margin-right: -420px;
     position: relative;
     right: 10px;
     width: 390px;
}

.megaDropdown.simple ul > li .dropdownCopy {
     float: none;
     margin: 0px auto;
     width: 80%;
}

.megaDropdown ul > li.currentL2 .dropdownCopy, html.js .megaDropdown ul > li.tap .dropdownCopy {
     display: block;
}

.megaDropdown ul > li:hover .dropdownCopy, html.no-touch .megaDropdown.simple ul > li .dropdownCopy, html.touch .megaDropdown.simple ul > li.tap .dropdownCopy {
     display: block;
}

.megaDropdown ul > li > a:after {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.25);
     display: block;
     height: 30px;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 415px;
     z-index: -1;
}

.megaDropdown ul > li:hover > a:after {
     content: "";
}

.dropdownCopy ol {
     margin: -32px 0px 0px 12px;
     padding: 0px 0px 0px 12px;
     width: 200px;
}

.megaDropdown.simple ul > li .dropdownCopy ol {
     margin: 0px;
     padding: 0px 0px 20px 12px;
}

.dropdownCopy ol > li > a {
     display: block;
     padding: 8px 0px 0px 7px;
}

.dropdownCopy ol > li > a:hover, .dropdownCopy ol > li.currentL3 > a {
     color: #3B3B3B;
     text-decoration: underline;
}

.dropdownCallout {
     background-color: #0070c4;
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png");
     border: 10px solid #FFFFFF;
     box-shadow: 0px 0px 5px -2px #777777;
     color: #FFFFFF;
     padding: 10px;
     position: absolute;
     right: 20px;
     top: 95px;
     width: 160px;
}

.dropdownCallout img {
     border: 3px solid #FFFFFF;
     margin: 3px auto 9px;
}

#mainNav > ul > li .blurPrint {
	position: fixed; display: block; display: none\9;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	bottom: 0px; right: 0px;
	background-color: rgba(0,0,23,0);
	background-size: 190% 190%;background-position: 95% 95%;
	background-repeat: no-repeat;
}

#mainNav > ul > li:hover .blurPrint {
     content: ''; background-color: rgba(0,0,23,0.48); display: block\9;
}

#mainNav > ul > li .blurPrint:hover {
     display: none;
}

html.touch .breadcrumbs {
     display: none;
}

.breadcrumbs ul {
     display: block;
     font-size: 0.75em;
     line-height: 18px;
     padding: 20px 5px 2px;
}

.breadcrumbs ul > li {
     display: inline;
}

.breadcrumbs ul > li:before {
     content: ">";
}

.breadcrumbs ul > li a {
     color: #5D5E5E;
     padding: 0px 8px;
}

.breadcrumbs ul > li.currentcrumb * {
     color: #089AD4;
     cursor: default;
     text-decoration: none ! important;
}

.breadcrumbs ul > li.homecrumb:before, .breadcrumbs ul > li.homecrumb a {
     content: none;
     padding-left: 0px;
}

.breadcrumbs .perc-list-last {
     color: #089AD4;
     cursor: default;
     text-decoration: none ! important;
}

.breadcrumbs ul li:before {
     color: #676767;
     padding: 0px 8px;
}

.breadcrumbs ul > li a {
     color: #5D5E5E;
     padding: 0px;
}

.breadcrumbs .perc-list-first:before {
     display: none;
}

#main {
     border-bottom: 10px solid #004a95;
     display: block;
     /* height: auto ! important;*/
     margin-left: 4px;
     min-height: 420px;
     overflow: hidden;
     padding: 7px 0px 6px;
     position: relative;
     width: 100%;
}

#main .section {
     float: left;
     height: auto;
     margin: 6px 1% 6px 0px;
     overflow: hidden;
     width: 35%;
}

#main .section.full {
     width: 100%;
}

#main .section.xlg {
     max-width: 710px;
     width: 71%;
}

#main .section.lg {
     max-width: 630px;
     width: 63%;
}

#main .section.med {
     background-color: #fcfcfc;
     height: auto;
     max-width: 480px;
     width: 48%;
}

@media not all {
  #main .section.med { background-color: rgba(255, 255, 255, 0.5); }
}

#main .section.sm {
     max-width: 270px;
     width: 27%;
}

#main .section.xsm {
     max-width: 220px;
     width: 17%;
}

#main  .tabView .section.xsm {
     max-width: 220px;
     width: 22%;
}

#main .section.med-sm {
     max-width: 230px;
     width: 23%;
}

#main .section.between {
     max-width: 270px;
	 width: 27%;
}

.poster {
     background-color: rgba(0, 0, 0, 0.1);
     background-size: cover;
     height: 165px;
     padding: 0px;
}

.poster h1 {
     font-size: 32px;
}

.poster.tall {
     height: 325px;
}

.section.full .poster {
     height: 200px;
}

.copycopy {
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png");
     box-shadow: none;
     display: block;
     margin: 0px;
     padding: 24px 24px 12px;
     position: relative;
}

.section > .copycopy {
     height: auto ! important;
     min-height: 70px;
}

.copycopy img[align="left"] {
     margin: 4px 20px 8px 0px;
}

.copycopy img[align="right"] {
     margin: 4px 0px 8px 12px;
}

.cleangreen {
     background-color: #70b738;
}

.aquablue {
     background-color: #009ada;
}

.graphite {
     background-color: #a8dff5;
}

.tangerine {
     background-color: #F28a19;
}

.oceanblue {
     background-color: #2a6dab;
	 background-color: rgba(31, 109, 187, 0.9);
}

.borderLite {
     background-color: #FFFFFF;
}

.borderLite .copycopy {
     border: 7px solid #E2E2E2;
     padding: 12px;
}

.graygray {
     background-color: #cdcdcd;
}

.cobalt {
     background-color: #0B4C9F;
}

.postercopy {
     box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.42);
     float: right;
     line-height: 1;
     margin-top: -110px;
     padding: 16px 30px;
     position: relative;
     top: 30.3%;
}

.poster.tall .postercopy {
     margin-top: -332px;
     top: 50px;
     width: 300px;
}

.borderLite > .copycopy, .tangerine > .copycopy, .copycopy.hilite {
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_7.png");
}

.borderLite > .copycopy {
     border: 7px solid #E2E2E2;
     padding: 12px;
}

.copycopy.hilite {
     padding-bottom: 30px;
}

.slidewrap {
     margin: 0px;
     padding: 0px;
}

#homeSlider.slider {
     max-height: 530px;
}

#homeSlider .slide {
     display: block;
     position: relative;
}

#homeSlider .slide > img {
     display: block;
     height: auto;
     position: relative;
     width: 100%;
}

.slidecopy {
     float: right;
     max-width: 360px;
     position: relative;
     top: 120px;
     width: 58%;
}

.slidehed {
     line-height: 0.86;
     text-align: right;
     width: 86%;
}

.slidewrap .ui-tabs-nav {
     bottom: 0px;
     display: block;
     padding: 12px 24px;
     position: absolute;
     right: 0px;
}

.slidewrap .ui-tabs-nav li {
     display: inline;
}

.slidewrap .ui-tabs-nav li a {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") repeat scroll -140px 0px transparent;
     border-radius: 13px 13px 13px 13px;
     display: block;
     float: left;
     height: 26px;
     overflow: hidden;
     text-indent: -9999em;
     width: 25px;
}

.slidewrap .ui-tabs-nav li a:hover {
     background-color: rgba(255, 255, 255, 0.5);
}

.slidewrap .ui-tabs-nav li.ui-state-active a {
     background-position: -98px 0px;
}

.slidewrap .ui-tabs-nav li.ui-state-active a:hover {
     background-color: transparent;
     cursor: default;
}

.clientWrap {
     display: block;
     height: 160px;
     width: 210px;
}

.slidewrap2, ul.clientView, li.client {
     overflow: visible ! important;
}

.slidewrap2 {
     margin: 0px;
     padding: 0px;
}

.slidewrap2 ul.slidecontrols {
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

.slidewrap2 ul.slidecontrols > li {
    
}

.slidewrap2 ul.slidecontrols > li > a {
     color: #8C8C8C;
     display: block;
     font-size: 30px;
     line-height: 1;
     opacity: 0.3;
     position: absolute;
     text-align: center;
     text-shadow: 1px 1px 1px #FFFFFF;
     top: 32px;
     width: 30px;
}

.slidewrap2 ul.slidecontrols > li > a:hover, html.touch .slidewrap2 ul.slidecontrols > li > a {
     opacity: 1;
}

.slidewrap2 a.carousel-next {
     right: 15px;
}

.slidewrap2 a.carousel-prev {
     right: 50px;
}

ul.clientView {
     list-style: none outside none;
     max-height: 225px;
     position: relative;
}

li.client {
     color: transparent;
     height: 125px;
     max-width: 225px;
     opacity: 0.1;
     text-indent: -9999px;
}

li.client.carousel-active-slide, html.touch li.client.carousel-active-slide, html.touch li.client, li.client:hover {
     opacity: 1;
}

li.client1.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll left bottom transparent;
}

li.client2.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -251px bottom transparent;
}

li.client3.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -502px bottom transparent;
}

li.client4.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -753px bottom transparent;
}

li.client5.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1004px bottom transparent;
}

li.client6.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1255px bottom transparent;
}

li.client7.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1506px bottom transparent;
}

li.client8.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1757px bottom transparent;
}

li.client9.client {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -2008px bottom transparent;
}

li.client1.client:hover, li.client1.client.carousel-active-slide, .c1 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll left top transparent;
}

li.client2.client:hover, li.client2.client.carousel-active-slide, .c2 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -251px top transparent;
}

li.client3.client:hover, li.client3.client.carousel-active-slide, .c3 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -502px top transparent;
}

li.client4.client:hover, li.client4.client.carousel-active-slide, .c4 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -753px top transparent;
}

li.client5.client:hover, li.client5.client.carousel-active-slide, .c5 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1004px top transparent;
}

li.client6.client:hover, li.client6.client.carousel-active-slide, .c6 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1255px top transparent;
}

li.client7.client:hover, li.client7.client.carousel-active-slide, .c7 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1506px top transparent;
}

li.client8.client:hover, li.client8.client.carousel-active-slide, .c8 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -1757px top transparent;
}

li.client9.client:hover, li.client9.client.carousel-active-slide, .c9 {
     background: url("/web_resources/themes/ceridian/imgs/ui/logos.png") repeat scroll -2008px top transparent;
}

.customer .cs {
     display: block;
     height: 95px;
     margin-left: -18px;
     max-width: 225px;
     position: absolute;
     top: -14px;
     width: 100%;
}

.customer {
     font-size: 14px;
     padding: 75px 0px 0px;
}
/*
.slidewrap3.copycopy {
     background: none repeat scroll 0% 0% transparent;
     padding: 66px 0px 0px;
     position: relative;
     width: 100%;
}

.slidewrap3 .ui-tabs-nav {
     display: block;
     left: 0px;
     padding: 0px;
     position: absolute;
     top: 0px;
     width: 100%;
}

.slidewrap3 .ui-tabs-nav li {
     display: inline;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover, 
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, .ui-widget-content  {
  background: none;
  border: medium none;
  color: inherit;
  font-weight: inherit;
}

.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.ui-widget-header {
  background: none;
}

.slidewrap3 .ui-tabs-nav li a, .titleTab {
     background-color: #6C6C6C;
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png");
     color: #FFFFFF;
     display: block;
     float: left;
     font-size: 17px;
     font-weight: 900;
     height: auto ! important;
     line-height: 19px;
     margin: 0px 5px 0px 0px;
     max-height: 69px;
     min-height: 57px;
     overflow: hidden;
     padding: 5px 15px;
}

.slidewrap3 .ui-tabs-nav li a {
     max-width: 130px;
}

.slidewrap3 .ui-tabs-nav li h4 {
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
     margin: 0px;
}

.slidewrap3 .ui-tabs-nav li a:hover {
     background-color: #777777;
}

.slidewrap3 .ui-tabs-nav li.ui-state-active a {
     background-color: #08A4E2;
}

.slidewrap3 .ui-tabs-nav li.ui-state-active a:hover {
     cursor: default;
}

.copycopy .tabView:before {
     background-color: #08A4E2;
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png");
     content: "";
     height: 12px;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 100%;
}

.copycopy .tabView {
     background-color: #FFFFFF;
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_7.png");
     list-style: none outside none;
	 margin-top: 1em;
	 overflow-y: auto;
     padding: 36px 0px 0px;
     position: relative;
}

.tab {
     padding: 24px 0px;
     position: relative;
}
*/
/* ======== slidewrap3 tab styles ======== */
.slidewrap3.copycopy { width: 100%; background: transparent; position: relative; padding: 66px 0 0 0; }
.slidewrap3 .carousel-tabs { display: block; position: absolute; padding: 0; left: 0px; top: 0px; width: 100%;
}
.slidewrap3 .carousel-tabs li {  display: inline; }
.slidewrap3 .carousel-tabs li a, .titleTab {
	background-color: #6c6c6c; background-image: url(/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png);
	display: block; float: left; 
	min-height: 57px; height: auto!important; height: 57px; max-height: 69px;
	line-height: 19px;
	overflow: hidden; padding: 5px 15px;
	margin: 0 5px 0 0;
	color: #ffffff; font-size: 17px; font-weight: 900;
}
.slidewrap3 .carousel-tabs li a { max-width: 130px;}
.slidewrap3 .carousel-tabs li a:hover{background-color: #777777; }
.slidewrap3 .carousel-tabs li.carousel-active-tab a{ background-color: #08a4e2; }
.slidewrap3 .carousel-tabs li.carousel-active-tab a:hover{cursor:default;}

.copycopy ul.tabView:before { content: ''; width: 100%; height: 12px;
	position: absolute; top: 0px; left: 0;
	background-color: #08a4e2;
	background-image: url(/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png);
}
.copycopy ul.tabView {
	position: relative; 
	background-color: #ffffff; background-image: url(/web_resources/themes/ceridian/imgs/ui/patterns/carbon_7.png);
	padding: 12px 0 0 0;
	list-style: none; list-style-image: none;
	
}
li.tab { 
	position: relative; padding: 24px 0;
}
.titleTab {
     display: none;
     float: none;
     height: auto ! important;
     margin: 0px;
     min-height: 20px;
     padding: 10px 20px;
}

.copycopy.tabcopy {
     background-image: none;
     box-shadow: none;
     padding: 0px 24px;
}

.copycopy.tabcopy ul {
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

#sortBy {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left top transparent;
     display: none ! important;
     height: 30px;
     left: 9px;
     opacity: 0.8;
     position: absolute;
     text-indent: -9999em;
     top: 17px;
     width: 40px;
}

#sortBy:hover {
     opacity: 1;
}

.copycopy.dcopy, .copycopy.rcopy {
     color: #3B3B3B;
}

.dcopy img {
     margin: 4px 20px 8px 0px;
}

.postercopy {
     font-size: 17px;
}

.copycopy, .copycopy a {
     color: #FFFFFF;
}

.navy, .copycopy.dcopy a {
     color: #089AD4;
}

.copycopy.rcopy a {
     color: #089AD4;
     text-decoration: none;
}

.copycopy.rcopy a:hover {
     text-decoration: underline;
}

.sage, a.sage {
     color: #A0ED6B;
     font-weight: 900;
     text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.54);
}

.hgroup p {
     font-size: 15px;
     line-height: 1.3;
     margin-top: -4px;
}

.rcopy p {
     font-size: 0.88em;
     margin: 0px 0px 1.5em;
}

.section.med .copycopy a, .section.med-sm .copycopy a, .copycopy.tabcopy a {
     color: #089AD4;
     text-decoration: underline;
}

.section.med .copycopy a:hover, .section.med-sm .copycopy a:hover, .copycopy.tabcopy a:hover {
     color: navy;
     text-decoration: none;
}

.copycopy > a:hover, a.copycopy h5:hover, a.copycopy h6:hover, .copycopy h6 a:hover {
     text-decoration: underline;
}

.btn:hover {
     text-decoration: none ! important;
}

.tall h1 {
     margin-bottom: 0.5em;
}

.postercopy h1 em {
     display: block;
     font-weight: 400;
}

.tri2.dcopy h5 {
     margin-left: -3px;
}

.hgroup h5 {
     margin: 0.25em 0px 0.5em;
}

.hgroup h5 b {
     font-size: 19px;
     font-weight: 900;
}

.rcopy h5 {
     color: #089AD4;
     font-size: 1.07em;
     font-weight: 700;
     line-height: 0.6;
}

.rcopy h5 a:hover {
     text-decoration: underline;
}

.hgroup h4 {
     font-weight: 700;
     margin-top: -12px;
}

.copycopy.dcopy h4, .orangeDino, .copycopy.rcopy h4 {
     color: #E46A24;
     font-weight: 700;
}

.copycopy.rcopy h4 {
     margin-bottom: 0.6em;
}

.copycopy.gcopy h4 {
     color: #626262;
}

.innerNav {
     background: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png") repeat scroll 0% 0% #006fbf;
     padding: 15px 20px 40px 30px;
     position: relative;

}

.innerNav, .innerNav a {
     color: #FFFFFF;
}

ul.iNav a {
     display: block;
}

.innerNav ul li {
     display: none;
}

.innerNav ul li ul li a:hover {
     text-decoration: underline;
}

.innerNav ul li.current {
     display: block;
     font-size: 1.6875em;
     font-weight: 400;
     margin: 0.3em 0px;
	 position: relative;
}

.innerNav ul li ul li {
     display: block;
     font-size: 15px;
     font-weight: 700;
     line-height: 36px;
}

.innerNav ul li ul li:after {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left center transparent;
     content: "";
     display: block;
     height: 3px;
     margin: 1px 0px -1px -15px;
     width: 100%;
}

.innerNav ul li.current ul li.current {
     background-color: #008dcd;/*ie8*/
	 background-color: rgba(255, 255, 255, 0.54);
	 font-size: 15px;
     font-weight: 700;
     line-height: 36px;
     margin: 0px -20px 0px -30px;
     padding: 5px 10px 10px 35px;
     position: relative;
}

.innerNav ul li.current ul li.current a {
     color: #001F47;
}

.innerNav ul li.current ul li.current ul li a {
     color: #0B4C9F;
}

.innerNav ul li.current ul li.current:before {
     color: #001F47;
     content: "\00BB ";
     font-size: 23px;
     left: 15px;
     margin-top: -3px;
     position: absolute;
}

.innerNav ul li.current ul li.current:after {
     display: none;
}

.innerNav ul li ul li ul li {
     display: none;
     font-size: 15px;
     font-weight: 700;
     line-height: 36px;
}

.innerNav ul li ul li.current ul li {
     display: block;
     font-size: 15px;
     font-weight: 700;
     line-height: 36px;
}

.innerNav ul li ul li ul li:after {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left center transparent;
     content: "";
     display: none;
     height: 3px;
     margin: 1px 0px -1px -15px;
     width: 100%;
}

.innerNav ul li.current ul li.current ul li.current {
     background-color: rgba(255, 255, 255, 0.54);
     font-size: 15px;
     font-weight: 700;
     line-height: 36px;
     margin: 0px -20px 0px -30px;
     padding: 5px 10px 10px 35px;
     position: relative;
}

.innerNav ul li.current ul li.current ul li.current a {
     color: #001F47;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 18px;
     padding: 4px 0px 4px 5px;
}

.innerNav ul li.current ul li.current ul li.current:before {
     color: #001F47;
     content: "\00BB ";
     font-size: 16px;
     left: 23px;
     line-height: 13px;
     margin-top: 5px;
     position: absolute;
}

.innerNav ul li.current ul li.current ul li a {
     color: #0B4C9F;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 18px;
     padding: 4px 0px 4px 5px;
}

.innerNav ul li.current ul li.current ul li:before {
     color: #0B4C9F;
     content: "\00BB ";
     font-size: 16px;
     left: 28px;
     line-height: 13px;
     margin-top: 5px;
     position: absolute;
}

.innerNav ul li.current ul li.current ul li.current:after {
     display: none;
}

.innerNav ul li.current ul li.current ul li.current {
     background-color: rgba(255, 255, 255, 0);
     padding: 0px 10px 0px 30px;
}

.innerNav ul li.current ul li.current ul li.current ul li.current:before {
     color: #001F47;
     content: "\00BB ";
     font-size: 16px;
     left: 33px;
     line-height: 13px;
     margin-top: 5px;
     position: absolute;
}

.innerNav ul li.current ul li.current ul li.current ul li.current a {
     color: #001F47;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 18px;
     padding: 4px 0px 4px 15px;
}

.innerNav ul li.current ul li.current ul li.current ul li:before {
     color: #0B4C9F;
     content: "\00BB ";
     font-size: 16px;
     left: 33px;
     line-height: 13px;
     margin-top: 5px;
     position: absolute;
}

.innerNav ul li.current ul li.current ul li.current ul li a {
     color: #0B4C9F;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 18px;
     padding: 4px 0px 4px 15px;
}

.innerNav ul li.current ul li.current ul li ul li:before {
     color: #0B4C9F;
     content: "\00BB ";
     font-size: 16px;
     left: 33px;
     line-height: 13px;
     margin-top: 5px;
     position: absolute;
}

.innerNav ul li.current ul li.current ul li ul li a {
     color: #0B4C9F;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 18px;
     padding: 4px 0px 4px 15px;
}

.innerNav .perc-category-list ul {
	display:none;
}
.innerNav .perc-category-list select,
.innerNav .perc-widget[title] .perc-category-list ul {
	display: block;
}
.innerNav .view-all {
    float: right;
    font-size: .8em;
    cursor: pointer;
}
.innerNav .view-all:hover {
    text-decoration: underline;
}

ul.iNav > li {
    
}

ul.iNav > li.active:before, ul.iNav > li.currentL3:before {
     color: #0B4C9F;
     content: "\00BB";
     font-size: 23px;
     left: 12px;
     position: absolute;
}

ul.iNav > li.active:before {
     color: #001F47;
}

ul.iNav > li:after, ul.iNav > li.currentL3:after {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left center transparent;
     content: "";
     display: block;
     height: 3px;
     margin: 1px 0px -1px -15px;
     width: 100%;
}

ul.iNav > li.active, ul.iNav > li.currentL3 {
     background-color: rgba(255, 255, 255, 0.54);
     margin: 0px -20px 0px -30px;
     padding: 5px 10px 10px 35px;
     position: relative;
}

ul.iNav > li.active:after, ul.iNav > li.currentL3:after, ul.iNav > li:last-child:after {
     display: none;
}

ul.iNav > li > a {
     font-size: 15px;
     font-weight: 700;
     line-height: 36px;
}

ul.iNav > li a:hover {
     text-decoration: underline;
}

ul.iNav > li.active > a, ul.iNav > li.currentL3 li.currentL3 > a, ul.iNav > li ul > li.active > a {
     color: #001F47;
}

ul.iNav > li.currentL3 a {
     color: #0B4C9F;
}

ul.iNav > li ul > li a {
     color: #0B4C9F;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 18px;
     padding: 4px 0px 4px 5px;
}

ul.iNav > li ul > li a:before {
     content: "\00BB ";
     font-size: 16px;
     left: 28px;
     line-height: 13px;
     position: absolute;
}

ul.iNav > li ul {
     display: none;
}

ul.iNav > li.active ul, ul.iNav > li.currentL3 ul {
     display: block;
}

ul.rowList {
     display: block;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
     position: relative;
     width: 100%;
}

ul.rowList > li {
    
}

ul.rowList > li > a:before, ul.rowList > li:last-child > a:after {
     background-color: rgba(255, 255, 255, 0.16);
     bottom: 0px;
     content: "";
     display: block;
     height: auto;
     left: -50%;
     position: absolute;
     top: 0px;
     width: 200%;
}

.dcopy ul.rowList > li > a:before, .dcopy ul.rowList > li:last-child > a:after {
     background-color: transparent;
}

ul.rowList > li > a {
     color: #07274E;
     display: block;
     font-size: 15px;
     font-weight: 700;
     padding: 8px 0px;
     position: relative;
     width: 103%;
}

ul.rowList > li > a:after {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: rgba(0, 0, 0, 0.16);
     border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.66);
     border-image: none;
     border-style: none none solid;
     border-width: medium medium 1px;
     bottom: 0px;
     content: "";
     display: block;
     height: 1px;
     left: -8px;
     position: absolute;
     width: 100%;
}

.dcopy ul.rowList > li > a:after {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #FFFFFF;
     border-color: rgba(0, 0, 0, 0.33) -moz-use-text-color -moz-use-text-color;
     border-image: none;
     border-style: solid none none;
     border-width: 1px medium medium;
}

ul.rowList > li:last-child > a:after {
     border-color: transparent;
     height: 30px;
     top: 100%;
}

ul.rowList > li > a:hover {
     color: #FFFFFF;
}

ul.rowList > li > a:hover:before {
     background-color: rgba(0, 22, 55, 0.2);
     top: 0px;
}

ul.rowList > li > a:hover:after {
     border-color: transparent;
}

.dcopy ul.rowList > li > a:hover:before {
     top: 0px;
}

.dcopy ul.rowList > li > a:hover:after {
     background: none repeat scroll 0% 0% transparent;
}

ul.infoRows {
    
}

ul.infoRows > li {
     display: block;
     position: relative;
     width: 100%;
}

ul.infoRows > li > img {
     max-width: 111px;
	 height: auto;
     width: 17%;
}

.noWrap {
     display: block;
     float: left;
     width: 77%;
}

.tweetie {
     display: block;
     height: auto ! important;
     margin-top: -5px;
     min-height: 60px;
     padding: 0px 0px 0px 83px;
     position: relative;
}

.lg .tweetie {
     padding: 0px 0px 0px 83px;
}

.tweetie .tweet_user_icon {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") repeat scroll left -420px transparent;
     display: block;
     height: 60px;
     overflow: hidden;
     padding: 0px;
     position: absolute;
     text-indent: -9999px;
     top: -70px;
     width: 83px;
}

.lg .tweetie .tweet_user_icon {
     left: -83px;
     top: 0px;
}

.tweetie .tweet_list {
     display: block;
     line-height: 20px;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
     position: relative;
     width: 100%;
}

.tweetie .tweet_list > li {
    
}

.tweetie .tweet_list > li a {
     font-weight: 700;
}

.tweetie .tweet_list > li a.tweet_hashtag {
     font-weight: 400;
}

.tweetie .tweet_time {
     float: right;
     font-size: 13px;
     font-style: italic;
     padding: 8px 0px 4px;
}

.lg .tweetie .tweet_time {
     font-style: normal;
     padding: 0px;
}

.tweetie .tweet_text {
     display: block;
     padding-bottom: 24px;
}

.lg .tweetie .tweet_text {
     padding-bottom: 8px;
}

.tweetie .tweet_text:after {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     bottom: 30px;
     content: "";
     display: block;
     height: 1px;
     left: -10px;
     position: absolute;
     right: -10px;
}

.lg .tweetie .tweet_text:after {
     display: none;
     opacity: 0;
}

.tweetie .tweet_action {
     margin: 0px 8px;
}

.tweetie .tweet_action:hover {
     text-decoration: underline;
}

.tweetie .tweet_action.tweet_retweet {
     margin-left: 0px;
}

.footer {
     font-size: 13px;
     padding: 0px 5px 30px;
}

.footer h6 {
     font-size: 16px;
     line-height: 1.6;
}

.footer ul > li {
     float: left;
     padding: 25px 0px 0px 40px;
}

.footer ol > li h6 {
    
}

ul.socialNetwork {
     display: block;
     height: 111px;
     width: 111px;
}

ul.socialNetwork > li {
     display: block;
     padding: 2px 0px 6px;
     width: 36px;
}

ul.socialNetwork > li a {
     display: block;
     height: 36px;
     width: 36px;
}

ul.socialNetwork > li a h6 {
     font-size: 1em;
}

ul.socialNetwork > li b {
     display: none;
     visibility: hidden;
}

ul.socialNetwork > li strong {
     display: none;
     visibility: hidden;
}

li.fbook a {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left -108px transparent;
}

li.fbook a:hover {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll left -180px transparent;
}

li.linkd a {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -36px -108px transparent;
}

li.linkd a:hover {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -36px -180px transparent;
}

li.tweet a {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -72px -108px transparent;
}

li.tweet a:hover {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -72px -180px transparent;
}

li.blogr a {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -108px -108px transparent;
}

li.blogr a:hover {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -108px -180px transparent;
}

li.utube a {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -144px -108px transparent;
}

li.utube a:hover {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -144px -180px transparent;
}

li.email a {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -180px -108px transparent;
}

li.email a:hover {
     background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -180px -180px transparent;
}

li.pinterest a {
background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -179px -108px transparent;
}

li.pinterest a:hover {
background: url("/web_resources/themes/ceridian/imgs/ui/gui.png") no-repeat scroll -179px -181px transparent;
}


ul.copyright > li {
     padding: 0px;
}

ul.copyright > li a {
     margin: 0px 10px 0px 0px;
}

ul.copyright > li:after {
     content: "|";
     margin: 0px 10px 0px 0px;
     text-decoration: none;
}

ul.copyright > li:last-child:after {
     content: "";
     margin: 0px;
}

.header ul.socialNetwork {
     background: none repeat scroll 0% 0% transparent;
     float: right;
     height: 31px;
     max-width: 320px;
     min-width: 240px;
     padding: 0px 12px;
     position: relative;
     width: auto;
}

.header ul.socialNetwork > li {
     float: right;
     margin: 0px 6px 0px 0px;
     padding: 0px;
}

ul.socialNetwork > li a {
     margin-top: -2px;
}

div.numberNav {
     float: right;
     margin-top: -20px;
}

div.numberNav > ul.last {
     margin-top: 10px;
}

.numberNav > ul {
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

.numberNav > ul > li {
     float: left;
     padding: 2px 3px;
}

.focusAssist {
    
}

.seeDetails {
     cursor: pointer;
     height: 24px;
     overflow: hidden;
}

.seeDetails:before {
     content: "See Details +";
}

.seeDetails:before, .seeDetails:after {
     color: #089AD4;
     display: block;
     text-align: right;
}

.seeDetails.hideDetails:hover {
     cursor: default;
}

.seeDetails.hideDetails, html.no-js .seeDetails:hover, html.touch .seeDetails:hover {
     height: auto;
}

.seeDetails.hideDetails:before {
     content: "";
}

html.no-touch .seeDetails.hideDetails:after {
     content: "Hide Details -";
     display: block;
     text-align: right;
}

.copycopy {
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png");
}

.copycopy.tri {
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png"), url("/web_resources/themes/ceridian/imgs/ui/tri.png");
     background-position: left top, right top;
}

.copycopy.tri2 {
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png"), url("/web_resources/themes/ceridian/imgs/ui/tri.png"), url("/web_resources/themes/ceridian/imgs/ui/tri.png");
     background-position: left top, right top, right top;
}

.copycopy.carbon2x {
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png"), url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png");
}

.absolutely {
     bottom: 0px;
     display: block;
     height: auto;
     left: 0px;
     overflow: hidden;
     position: absolute;
     right: 0px;
     top: 0px;
     width: 100%;
}

.whiteBorder img {
     border: 10px solid #FFFFFF;
}

img.whiteBorder {
     border: 10px solid #FFFFFF;
}

.xsm .whiteBorder img, .med-sm .whiteBorder img {
     border: 6px solid #FFFFFF;
}

.pr {
     padding-right: 25px ! important;
}

.rLink {
     display: block;
     text-align: right;
}

.ir {
     background-color: transparent;
     border: 0px none;
     overflow: hidden;
}

.ir:before {
     content: "";
     display: block;
     height: 100%;
     width: 0px;
}

.hilite {
     background-color: rgba(0, 0, 0, 0.1);
}

.hidden {
     display: none ! important;
     visibility: hidden;
}

.visuallyhidden {
     border: 0px none;
     clip: rect(0px, 0px, 0px, 0px);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0px;
     position: absolute;
     width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0px;
     overflow: visible;
     position: static;
     width: auto;
}

.invisible {
     visibility: hidden;
}

.clearfix:before, .clearfix:after {
     content: " ";
     display: table;
}

.clearfix:after {
     clear: both;
}

.clearfix {
    
}

.jacket:before, .jacket:after {
     border-bottom: 3px solid rgba(255, 255, 255, 0.255);
     color: transparent;
     content: " -";
     display: inline-block;
     line-height: 0.75;
     position: absolute;
     width: 100%;
}

.jacket:before {
     left: -30px;
     width: 20px;
}

.jacket:after {
     margin-left: 10px;
     width: 333px;
}

.jacket {
     display: inline-block;
     height: auto;
     position: static;
}

.jacketRight:before, .jacketRight:after {
     border-bottom: 7px solid rgba(255, 255, 255, 0.255);
     color: transparent;
     content: " -";
     display: inline-block;
     line-height: 20px;
     position: absolute;
     width: auto;
}

.jacketRight:before {
     float: right;
     left: -95%;
     right: 121%;
}

.jacketRight:after {
     right: -1%;
     width: 20%;
}

.jacketRight {
     background: none repeat scroll 0% 0% transparent;
     display: block;
     float: right;
     height: 46px;
     padding: 0px 1%;
     position: relative;
}

.jacketRight .btn {
     float: right;
     left: -20%;
     min-width: auto ! important;
     width: auto ! important;
}

.frame {
     background-color: rgba(255, 255, 255, 0.6);
     background-image: url("/web_resources/themes/ceridian/imgs/ui/patterns/carbon_22.png");
     display: block;
     float: left;
     padding: 10px;
     position: relative;
}

.frame:before, .frame:after {
     content: " ";
     display: table;
}

.frame:after {
     clear: both;
}

.frame {
    
}

/* .glow, #mainNav > ul > li .megaDropdown ul, */
#mainNav > ul > li:hover .blurPrint {
    background-image: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.79) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.79) 0%,rgba(255,255,255,0) 100%);
	background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.79) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffffff', endColorstr='#00ffffff',GradientType=1 );	 
}

.glow, #mainNav > ul > li .megaDropdown ul {
	background-color: #fff;
}


.gray2blue, .megaDropdown {
	background-color: #cdeff8;
	background-image: -moz-linear-gradient(left, #bababa 0%, #cdeff8 100%);
	background-image: -webkit-linear-gradient(left, #bababa 0%,#cdeff8 100%);
	background-image: linear-gradient(to right, #bababa 0%,#cdeff8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#cdeff8',GradientType=1 );
}

.header {
     z-index: 110;
}

#logo {
     z-index: 369;
}

.utilNav li > ol {
     z-index: 340;
}

.searchSite {
     z-index: 331;
}

#mainNav {
     z-index: 330;
}

#mainNav > ul > li > a {
    
}

#mainNav > ul > li > a:after {
     z-index: 335;
}

#mainNav > ul > li .megaDropdown {
     z-index: 334;
}

#mainNav > ul > li .megaDropdown > ul {
     z-index: 420;
}

#mainNav > ul > li .megaDropdown .dropdownCallout {
     z-index: 422;
}

#mainNav > ul > li .blurPrint, .searchSite:before {
     pointer-events: none;
     z-index: -1;
}

#sortBy {
     z-index: 101;
}

.isotope-item {
     z-index: 2;
}

.isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1;
}

.slidewrap2 ul.slidecontrols > li > a {
     z-index: 9;
}

ul.rowList {
     z-index: 11;
}

ul.rowList > li > a:before {
     z-index: -1;
}

@media only screen and (max-width: 960px) {
  #ceridian { overflow: hidden; }
  .megaDropdown, .blurPrint {  }
  #logo { float: left; left: 3%; min-width: 245px; width: 33%; max-width: 245px; height: 100px; background-position: 20px -180px; }
  .utilNav { float: right; position: relative; right: 18px; }
  .utilNav > li {  }
  .utilNav > li:after {  }
  input.searchInit, #expandMobiNav { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.33) inset, 0px 0px 0px 2px rgba(255, 255, 255, 0.4) inset; }
  #mainNav { width: 100%; padding-left: 0.8%; padding-right: 0px; }
  #mainNav > ul > li > a { font-size: 0.77em; padding: 12px 9px; }
  #mainNav > ul > li .megaDropdown { position: fixed; right: 10px; }
  #mainNav > ul > li .megaDropdown { display: none ! important; }
  #mainNav > ul > li .blurPrint { display: none ! important; }
  .megaDropdown ul {  }
  #main { clear: both; margin-left: 0px; }
  #main .section, #main .section.med, #main .section.sm, #main .section.xsm, #main .section.med-sm, #main .section .section, #main:not(.squares) .section .section { margin: 6px 0% 6px 1%; width: 48.5%; max-width: 48.5%; }
  #main:not(.squares) .section, #main:not(.squares) .section.med { width: 50%; max-width: 480px; }
  #main:not(.squares) .section.med-sm { width: 32%; max-width: 307px; }
  #main .section.full, #main:not(.squares) .section.full, #main .section.xlg, #main .section.lg { width: 98%; max-width: 98%; }
  #main:not(.squares) .section.sm, #main:not(.squares) .section.xsm { width: 17%; max-width: 220px; }
  #main:not(.squares) .section.xlg { width: 74%; max-width: 710px; }
  #main:not(.squares) .section.sm .copycopy, #main:not(.squares) .section.xsm .copycopy { padding: 24px 10%; }
  #main .section .section.sm, #main:not(.squares) .section .section.xsm { width: 48.5%; max-width: 48.5%; }
  #homeSlider .slide > img { height: 420px; width: auto; }
  .slidecopy { top: 0px; height: 400px; max-width: 405px; }
  .slidewrap .ui-tabs-nav { top: 6px; left: -12px; bottom: auto; }
  .clientWrap { width: 100%; }
  .slidewrap2 { width: 240px ! important; position: absolute; left: 50% ! important; margin-left: -150px; }
  ul.clientView {  }
  li.client {  }
  .slidewrap2 ul.slidecontrols { position: absolute; top: -68px; }
  .slidewrap2 a.carousel-prev { left: 205px; }
  .slidewrap2 a.carousel-next { left: 235px; }
  /* ======== slidewrap3 tab styles ======== */
	.slidewrap3.copycopy { padding: 0px}
	.slidewrap3 .carousel-tabs { display: none;}
	.titleTab {
		display: block; clear: both;
		font-size: 30px; line-height: 1.4;
		min-height: 20px; height: auto!important; height: 20px;
	}
	.copycopy ul.tabView {
		padding: 7px; margin: 0!important;
		background-color: #08a4e2;
		background-image: url(/web_resources/themes/ceridian/imgs/ui/patterns/carbon_14.png);
	}
	li.tab { padding:0; margin: 0 0 7px 0!important;
		background-color: #ffffff; background-image: url(/web_resources/themes/ceridian/imgs/ui/patterns/carbon_7.png);
	}
	.copycopy ul.tabView,
	li.tab {
					/*override js css if broswer window has been resized*/
					width: 100%!important;}
	li.tab > div { float: none !important; }	/* added by Percussion - this helps contact us content show */
	li.tab .infoRows li  { float: none !important; overflow-y: auto !important; }	/* in responsive */
	.copycopy.tabcopy { padding: 0px;}
  button, .btn { min-width: 135px; padding: 0px 30px 0px 10px; }
  .copycopy img { max-width: 100%; }
  .whiteBorder img { border: 0px none; box-shadow: 0px 0px 0px 4px #FFFFFF; outline: 4px solid #FFFFFF; margin: 12px auto 8px; }
  .xsm .whiteBorder img { border: 0px none; }
  .focusAssist { filter: none; }
  .copycopy .tabView { -moz-box-sizing: border-box; }
  #logo { z-index: 303; }
  #CatBox {min-width: 289px;} /*added 12-27-12*/
  DIV.texthover {
            width: 100%;
            display: block;
            position: relative;
            font-family: "AvenirThin", sans-serif;
            text-align: center!important;
			
        }
		

}

@media only screen and (max-width: 760px) {
  #logo { left: auto; top: 0px; }
  .utilNav { display: none; }
  #mainNav, .searchSite { float: none; clear: both; padding: 0px; min-width: 312px; width: 60%; max-width: 600px; right: auto; bottom: auto; position: relative; margin: 6px auto; }
  .searchSite { max-width: 100%; padding: 12px 20%; margin: 0px 0px 12px; background: none repeat scroll 0% 0% rgba(11, 76, 159, 0.2); }
  #expandMobiNav {
    display: block;
    float: right;
    margin-right: 6px;
    margin-top: -51px;
    z-index: 10000;
 } 
  #mainNav { display: none; }
  #mainNav.mobiNav, html.no-js #mainNav { display: block; }
  #mainNav > ul > li { min-width: 240px; width: 100%; }
  #mainNav > ul > li > a { padding: 12px 0px 12px 24px; border-top: 1px solid #74C7E8; border-bottom: 1px solid #0B6486; font-size: 1.125em; font-weight: 400; }
  #main .section { margin: 8px 0% 8px 1% ! important; }
  /*#main:not(.squares) .section, #main:not(.squares) .section.sm, #main:not(.squares) .section.xsm { width: 32%; max-width: 243px; }
   #main:not(.squares) .section.med { width: 65%; max-width: 494px; }
   #main:not(.squares) .section.xlg { width: 98%; max-width: 98%; } 12-27-12*/ 
  #main:not(.squares) .section.med-sm { width: 48.5%; max-width: 369px; }
  #main .section.mobi { width: 98% ! important; max-width: 98% ! important; }
  .innerNav, .mobi { display: block; position: relative; margin-bottom: 0px ! important; padding-top: 0px; padding-bottom: 0px; }
  .onLanding ul.perc-navbar-vertical > li > ul > li, .mobi ul.iNav > li, .mobi ul.iNav > li.currentL3 ul > li, .mobi ul.iNav > li.active ul > li, .mobi ul.iNav > li:before  {
    display: none; 
    clear: both; 
    background: none repeat scroll 0% 0% transparent;
   }
   .onLanding ul.perc-navbar-vertical > li {
		min-height: 45px;
   }
  .onLanding ul > li.current:after {
    margin-top: -10px; 
    content: "[ EXPAND ] ⊞"; 
    padding: 5px 0 0; 
    display: inline; 
    text-align: right; 
    width: auto; 
    color: #E0FFFC; 
    font-size: 14px; 
    font-weight: 400; 
    height: 50px; 
    cursor: pointer;
    background: none repeat scroll 0% 0% transparent; 
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
   }
  .onLanding ul.perc-navbar-vertical > li.active, .mobi ul.iNav > li.currentL3, .mobi ul.iNav > li.active { display: block; padding: 0px;}
  .onLanding ul.perc-navbar-vertical > li.expanded > ul > li, .mobi .onLanding.expandedL2 ul.iNav > li, .mobi ul.iNav > li.expanded ul > li { display: block; }
  .onLanding.expandedL2 ul.perc-navbar-vertical, .mobi .onLanding.expandedL2 ul.iNav { padding-bottom: 20px; }
  .onLanding.expandedL2 ul.perc-navbar-vertical > li:after,  .mobi .onLanding.expandedL2 ul.iNav > li:after { display: block ! important; }
  .onLanding:after, .mobi .onLanding:after { position: absolute; top: 0px; right: 30px; font-size: 14px; line-height: 60px; }
  /*.onLanding.expandedL2:after, .mobi .onLanding.expandedL2:after { content: "[ MINIMIZE ] ⊟"; border: 1px solid red; }*/
  .onLanding ul.perc-navbar-vertical > li.expanded:after, .mobi ul.iNav > li.expanded:after { content: "[ MINIMIZE ] ⊟"; }
  .onLanding ul.perc-navbar-vertical > li.active > a, .mobi ul.iNav > li > a, .mobi ul.iNav > li.currentL3 > a, .mobi ul.iNav > li.active > a { float: left; width: 60%; max-width: 370px; color: #FFFFFF; min-height: 24px; height: auto ! important; line-height: 24px; text-decoration: none; font-size: 1.125em; font-weight: 400; text-transform: uppercase; margin: 0px; padding: 10px 0px 10px 50px; }
  .mobi .onLanding.expandedL2 ul.iNav > li > a { text-transform: none; padding-left: 20px; }
  .onLanding ul.perc-navbar-vertical > li ul > li.active > a:before, .mobi ul.iNav > li > a:before, .mobi ul.iNav > li.active > a:before, .mobi ul.iNav > li.currentL3 > a:before { content: "\BB "; line-height: 20px; font-weight: 300; font-size: 24px; margin-right: 5px; color: #FFFFFF; position: absolute; left: 30px; }
  .mobi ul.iNav > li.expanded > a:before, .mobi ul.iNav > li.expanded > a { color: #004C9F; }
  .mobi ul.iNav > li.expanded > a:before {  }
  .mobi ul.iNav > li ul { background: url("/web_resources/themes/ceridian/imgs/ui/bg.jpg") repeat scroll 75% top transparent; }
  .onLanding ul.perc-navbar-vertical > li ul > li a:before, .mobi ul.iNav > li.active ul > li a:before, .mobi ul.iNav > li.currentL3 ul > li a:before, .mobi ul.iNav > li ul > li a:before { color: #7F7F7F; font-weight: 300; left: 50px; top: 10px; font-size: 18px; }
  .mobi ul.iNav > li ul > li a, .mobi ul.iNav > li ul > li a { position: relative; display: block; color: #21A7DC; padding-left: 64px; font-size: 16px; line-height: 28px; font-weight: 400; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.25); }
  .mobi ul.iNav > li ul > li a:hover { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1); }
  #mainNav > ul > li .megaDropdown { display: none ! important; }
  #mainNav > ul > li .blurPrint { display: none; }
  .header ul.socialNetwork { left: auto; bottom: auto; right: 0px; top: 0px; min-width: 85px; width: 47%;}
  .customer { width: 100%; }
  .customer .cs { margin: 0px auto; }
  .header ul.socialNetwork { z-index: 360; }
  
  DIV.texthover {
            width: 100%;
            display: block;
            position: relative;
            font-family: "AvenirThin", sans-serif;
            margin-left: 0px!important;
			text-align: center!important;
			
        }
}

@media only screen and (max-width: 620px) {
  h2 { font-size: 2.5em; }
  .searchSite { margin-bottom: 6px; }
  #homeSlider .slide > img { width: auto; height: 300px; }
  .slidecopy { top: 0px; height: 300px; max-width: 90%; padding: 0px 5%; }
  .header ul.socialNetwork { display: none; }
  .dropdownCallout { display: none; }
  .banner_block .jacketRight {
	float: none;
	width: 100%;
  }
  .banner_block .jacketRight:before,.banner_block .jacketRight:after {
	content: "";
	display: none;
  }
  .banner_block .jacketRight .btn {
	padding: 0;
	float: none;
	left: 0;
  }
}

@media only screen and (max-width: 490px) {
  #main > .section, .section { max-width: 98% ! important; width: 98% ! important; margin: 3px 1% ! important; }
  #main:not(.squares) .section.sm .copycopy, #main:not(.squares) .section.xsm .copycopy { padding: 24px; }
  #main .section.sm, #main .section.xsm { max-width: 96% ! important; width: 96% ! important; margin: 3px 1% ! important; }
  #sortBy { display: none; }
}

@media only screen and (max-width: 420px) {
  #logo { left: -15px; }
  .searchSite { width: 100%; padding: 12px; }
  #homeSlider.slider, #homeSlider .slide { height: 420px; }
  #homeSlider .slide > img { width: 100%; height: auto; }
  .slidecopy { top: 160px; bottom: 0px; height: 270px; width: 90%; max-width: 90%; }
  .slidewrap .ui-tabs-nav { top: 0px; left: -12px; }
  .mobi .onLanding:after { line-height: 21px; right: 10px; }
  .dropdownCallout { display: none; }
  .header ul.socialNetwork { right: 0px; top: 6px; padding: 0px; }
  .poster.tall .postercopy {top: 180px; width: 250px;} /* ADDED 01-25-13 */
 DIV.texthover {
            width: 100%;
            display: block;
            position: relative;
            font-family: "AvenirThin", sans-serif;
            margin-left: 0px !important;
			text-align: center!important;
			
        }
		
		.col-fourth {
width: 100%;
}
  
}

@media not all, only screen and (min-resolution: 144dpi) {
}

@media print {
  * { background: none repeat scroll 0% 0% transparent ! important; color: black ! important; box-shadow: none ! important; text-shadow: none ! important; filter: none ! important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead {  }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% ! important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* =============================================================================
   Animations & Transitions
   ========================================================================== */
/** {
-webkit-transition: color 150ms cubic-bezier(0, 0, 0.77, 1.0), background-color 420ms cubic-bezier(0, 0, 0.77, 1.0);
-moz-transition: color 150ms cubic-bezier(0, 0, 0.77, 1.0), background-color 420ms cubic-bezier(0, 0, 0.77, 1.0);
}*/
a{
-webkit-transition: opacity 110ms cubic-bezier(0, 0, 0.77, 1.0),
					color 110ms cubic-bezier(0, 0, 0.77, 1.0);
}
ol  {
-webkit-transition: height 420ms ease;
-moz-transition: height 420ms ease;
}
li {
-webkit-transition: opacity 420ms ease;
-moz-transition: opacity 420ms ease;
}

/**** Isotope CSS3 transitions ****/
/*
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
*/
/**** disabling Isotope CSS3 transitions ****/
/*
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}*/

.perc-region {
     min-height: 0px;
}

.perc-blog-list-container ol {
     list-style: none outside none;
}

.perc-blog-list .ui-perc-list-element {
     margin-bottom: 30px;
}

#MainBody .perc-list-main {
     list-style: none outside none;
     padding: 0px;
}

#MainBody .perc-list-element {
     margin-bottom: 30px;
}

.break {
     margin-bottom: -16px;
     margin-top: -16px;
     padding-bottom: 0px;
     padding-top: 0px;
}

#news1, #news2, #news3, #event1, #event2, #event3, #product1, #product2, #product3 {
     display: none;
}



.col-fourth {
width: 25%;
background: #fff;

margin-bottom: 20px;
position: relative;
display: block;
margin-left: 0;
float: left;
}


.col-third {
width: 37%;
background: #fff;
margin-bottom: 20px;
position: relative;
display: block;
margin-left: 0;
float: right;
}




DIV.texthover {
            width: 100%;
            display: block;
            position: relative;
            font-family: "AvenirThin", sans-serif;
            margin-left: 43px !important;
			text-align: center!important;
			
        }
        
        DIV.texthover .overlay {
            position: absolute;
            top: 99%;
            width: 0;
            width: 119px;
            height: 163px;
            padding: 10px;
            background-color: rgba(0, 40, 96, 0.9);
            display: none;
			transition: 1s ease-in;
			
            
			
        }
		
		 DIV.texthover .overlayVid {
            position: absolute;
            top: 99%;
            width: 0;
            width: 146px;
            height: 91px;
            padding: 10px;
            background-color: rgba(0, 40, 96, 0.9);
            display: none;
			transition: 1s ease-in;
			
            
			
        }
        
        DIV.texthover:hover .overlay {
            display: block;
        }
		
		
		 DIV.texthover:hover .overlayVid {
            display: block;
        }
		

#resource1 {
	
	text-align: left;
	font-family: "AvenirThin", sans-serif;
}

#resource2 {
	
	text-align: left;
}

#resource3 {
	
	text-align: left;
}

#resource4 {
	
	text-align: left;
}

.feat-resources-body { padding: 10px 0 29px; text-align: center;}

.feat-resources-body li { 
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 3%;

}