@charset "utf-8";

.aside {
	margin: 25px 0px 10px 80px;
}
.center { 
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.col01of2-home {
	float: left;
/*	background-color:#C8FFC8; */
	width: 95%;
/*	clear: left; */
	padding: 0px 10px 10px 25px;
/*	margin: 20px 20px 20px 20px; */
}
.col02of2-home {
	float: left;
	width: 100%; /* formerly 42% */
}
.ruledheader {
	text-align:center;
}
.col01of1-large { /* may not need this one at all - check later */
	text-align:center;
	margin-left:0%;
}
.col01of1-art { /* may not need this one at all - check later */
	text-align:center;
	margin-left:0%;
}
.col01of1 {
/*	text-align:center; */
	margin-left:25%;
}
.col01of2 {
	text-align:center;
}
.col02of2 {
	text-align:center;	
}
.col01of3 {
	text-align:center;
}
.col02of3 {
	text-align:center;
}
.col03of3 {
	text-align:center;	
}

.col01of4 {
	text-align:center;
}
.col02of4 {
	text-align:center;
}
.col03of4 {
	text-align:center;	
}
.col04of4 {
	text-align:center;	
}
.imagehome {
	margin:10px 0px 20px 26px;
	max-width:85%;
}
.imagehometopleft {
	margin:10px 0px 20px 26px;
	max-width:82%;
}
.imagehometopright {
	margin:10px 0px 20px 10px;
	max-width:88%;
}
.imagehomebottomleft {
	margin:10px 0px 20px 26px;
	max-width:82%;
}
.imagehomebottomright {
	margin:10px 0px 20px 10px;
	max-width:88%;
}
.content {
	overflow: hidden;
	padding: 0em 2.5em;
	background-color: #fff;
}
.content-helptutorial {
	overflow: hidden;
	padding: 0em 2.5em;
	background-color: #e1ffe0;
}
.content-helppage {
	overflow: hidden;
	padding: 0em 2.5em;
	background-color: #fff;
}
.darkblue {
	color: #039;
}
.greyblock {
	background-color:#E6E6E6;
    border-radius: 25px;
}
.header-image { 
	display:none;
}
.header-image-mobile { 
	background-size: ;
    width: ;
    height: auto;
}
.headeroverlay {
 	display:none;
}
.headeroverlay2 { 
 	display:none;
}
.image-float-right {
	display:none;
}

.imagemargins { 
    margin: 10px 0px 20px 10px;
}
.overviewimage {
	margin:10px 0px 0px 0px;
	max-width:100%;
}
.imagescaler {
    margin: 5px 0px 15px 0px;
 	max-width:66%;
	text-align: center;
}
.imageservices {
    margin: 0px 0px 20px 0px;
	max-width:;
}
label {
	font-size: 15px;
	font-weight: normal;
	line-height:150%;
	text-align: left;
}
.layout-container {
	position: relative;
	max-width: 90em;
	margin: 0 auto;
}
.layout-container-wide {
    overflow: auto;
}
.logintable ul { 
	font-size: 14px;
	color:#333;
	line-height:175%;
	list-style-type: none;
}
.logohome {
	margin-top:30px;
}
.lost-statement {
	background-color: #FFEAFE;
	padding: 10px;
}
.mainspacer { 
	display:none;
}
.mobile {
	margin-top: 50px;
	height:1px;
	border:0px;
	background:#999;
	border-top:1px #999;
}
.module-image {
    padding: 0px 0px 0px 0px;
}
.quote {
	display:none;
}
.quoterpanel {
	width:;
	background-color:#FFFFCC;
	margin: 30px 25px 35px 0px;
	padding: 0px 15px 10px 15px;
	border:medium;
	border-style: solid;
	border-color:#333;
}
.righttable {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	min-width:300px;
	width: 47%;
	margin: 20px 0px 0px 0px;
    padding: 20px;
}
.righttable-ul {
	margin-left: 8px;
	padding-left: 8px;
}
.schemahome {
	display:none;
}
/*search in the navigation bar - CP, EN ONLY */
#search {
	display:inline; /*show in navigation bar (dropdown menu) for mobile */
}
/*search in the navigation bar*/
#search-header * {
	margin:0px 0px 0px 0px;
	box-sizing: content-box; /*override bootstrap 'box-sizing: border-box'
	to make the google search box render correctly */
	line-height:1; /*override bootstrap 'line-height: 1.42857' to make the google search box render correctly */
}
/*search in the top right corner*/
#search-header {
	display:none; /*hide when browser is small*/
}
/************************
 Google search overrides
/*************************

.cse .gsc-control-cse #search-header, .gsc-control-cse #search-header{ */
#search-header .gsc-control-cse, #search .gsc-control-cse {
	/*padding: .5em 0;*/
	background: inherit; /*unique enet*/
	line-height:1; /* centers the input box vertically for mobile */
	border: 0px;
}
#search-header td.gsc-input {
	width: 150px;
}
/*adjust this to change the size of button*/
/* #search-header .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {*/
#search-header .gsc-search-button {
/*padding: 6px 10px*/
}

/* START show-hide - non-mobile (canpay dealers, payrollnews */
.showhide{
	display:block;
	cursor:pointer;
	font-size: 16px;
}
.showhide + input{
  display:none;
}
.showhide + input + *{
  display:none;
}
.showhide+ input:checked + *{
  display:block;
}
/* END show-hide with CSS only  */

.topmenu {
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #333;
 	background:#EEE; /*enet unique*/
}
.toprow { 
	display:none
}
.trainingcol02of2 {
	min-width:275px;
	background-color:#E1FFE0;
	width: 45%;
    padding: 0px 10px 0px 5px;
}

/**********************/
/*Bootstrap overrides */
/**********************/

blockquote {
    border-left: none;
}
/* START NEW Navbar section */
.navbar {
	margin-bottom: 0px;
	border-radius: 0px;
    border-top: 5px solid;
    border-top-color: #2866AA;
    border-bottom-color: #C0C0C0;
    border-bottom-width: 5px;
	background-color:#FFF;
}

.navbar-default .navbar-brand {
	color: #039;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #555;
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
/*	top: 2px; */
	margin: 15px 0px 2px 0px;
	color: #333;
	line-height: 15px; /*to lessen line spacing for mobile nav-bar*/
}
.navbar-default .navbar-nav > li > a:hover {
	color: #C00;
	background:#E1F5FF;
}
.navbar-default .navbar-right > li > a {
	font-size:16px;
	font-weight:normal;
/*	color:#036; */
	color:#03C;
/*	margin: 2px -26px -1px 0px; */
	display:inline-block;
	margin: 1px -26px -1px 0px;
/*	display:inline-block;  try this but review full screen top maergin */
}
.navbar-default .navbar-right * {
	/*Bootstrap box-sizing: border-box would make the google search button small and cut off the bottom of the google search input field, so we override it with the default
	*/
	box-sizing: content-box;
}
/*workaround to stop scrollbar from showing in expanded menu */

.navbar-collapse.in {
	overflow-y: visible;
}

.navbar-logo {
	margin: 10px 25px 12px 10px;
}
.language-link {
    font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
    position: absolute;
    width: 70px;
    height: 21px;
	top: 28px;
	right: 10px;
	font-size:13px;
	font-weight:bold;
}
.language-link a {
	color:#194164;
	text-decoration:none;
}

.language-link-adjust {
	margin: -35px 0px 0px 57px;
}
.language-link-adjust-fr {
	margin: -35px 0px 0px 98px;
}
.language-mobile {
	display:none;
}

#showMe {
  animation: cssAnimation 1s .25s forwards;
  opacity: 0; 
}
@keyframes cssAnimation {
  to   { opacity: 1; }
}
  
/*** END NEW navbar section

/*************************/
/* END Bootstrap overrides
/*************************/

@media only screen and (min-width: 768px) {

/* ---------------------------
For screens LARGER than mobile */

/* -----------------------
START Language link section
------------------------*/

.language-link-adjust {
	margin: 0px 15px 0px 0px;
}
.language-link-adjust-fr {
	margin: 0px 15px 0px 0px;
}
.language-mobile {
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
    position: absolute;
    width: 70px;
    height: 21px;
	top: 28px;
	right: 610px;
	font-size:13px;
	font-weight:bold;
}
/*
#showMe {
  animation: cssAnimation 1s .25s forwards;
  opacity: 0; 
}
@keyframes cssAnimation {
  to   { opacity: 1; }

/* -----------------------
END Language link section
------------------------*/

.aside {
	float: left;
	width: 20%;
	margin: 50px 0px 0px 0px;
}
.aside p {
	text-align: right;
}

/* START collapse for mobile navbar - CP */
.collapse{
  display:block;
  background-color:#FFF;
  border-bottom-width: 5px;
/*  border-bottom-style: solid;
	border-bottom-color:#222;
	margin: 0px -10px0px -10px; */
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}
/* END show-hide with CSS only  */

.ruledheader {
	float: left;
	width: 100%;
	margin-right: 1%;
	margin-bottom: 1em;
/* 	text-align:center; */
	clear: both;
}
.col01of1-large {
	float: left;
	width: 100%;
	margin-right: 1%;
	margin-bottom: 1em;
	text-align:center;
	clear: both;
}
.col01of1-art {
	float: left;
	width: 100%;
	margin-right: 1%;
	margin-bottom: 1em;
	text-align:center;
	clear: both;
}
.col01of1 {
	float: left;
	width: 50%;
	margin-right: 1%;
	margin-bottom: 1em;
	text-align:center;
	clear: both;
}
.col01of2 {
	float: left;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1em;
	text-align:center;
	clear: both;
}
.col02of2 {
	float: left;
	width: 47%;
	margin-left: 1%;
	text-align:center;	
}
.col01of2-home {
	float: left;
/*	background-color:#C8FFC8;
	width: 50%; */
	width: 46%;	
	clear: left;
	padding: 0px 10px 10px 0px;
	margin: 20px 20px 20px 20px;
}
.col02of2-home {
	float: left;
	width: 43%;
}

.col01of3 {
	float: left;
	width: 30%;
	margin-right: 4%;
	margin-bottom: 1em;
	text-align:center;
	clear: both;	
}
.col02of3 {
	float: left;
	width: 30%;
	margin-right: 4%;
	margin-bottom: 1em;
	text-align:center;
}
.col03of3 {
	float: left;
	width: 30%;
	margin-bottom: 1em;
	text-align:center;
}
.col01of4 {
	float: left;
	width: 22%;
	margin-right: 4%;
	margin-bottom: 1em;
	text-align:center;
}
.col02of4 {
	float: left;
	width: 22%;
	margin-right: 4%;
	text-align:center;
}
.col03of4 {
	float: left;
	width: 22%;
	margin-right: 4%;
	text-align:center;
}
.col04of4 {
	float:left;
	width: 22%;
	margin: 0px 0px 0px 0px;
	text-align:center;
}
.extraleftmargin {
	margin-left: 25px;
}
.extrarightmargin {
	margin-right: 25px;
}
.header-image { 
	display:inline;
	background-size: ;
    width: ;
    height: auto;
}
.header-image-mobile { 
	display:none;
}
.headeroverlay {
	display:inline;
	position: absolute;
	bottom: 0;
	left:0;
}
.headeroverlay2 {
	position: absolute;
	display:inline-block;
	z-index: 1;
	margin-top: -55px;
	margin-left: -35px;
}
.headeroverlay4 {
	position: absolute;
/*	display:inline-block; */
/*	z-index: 1; */
	margin-top: 322px;
	margin-left: -503px;
}

/* <a href="/PNEWS/" target="_blank"><img src="images/misc/CORNER-CUT.jpg" class="headeroverlay2"></a> ddd */ 
/*.headeroverlay2 {
	display:inline;
	position: absolute;
	bottom: 0;
	left:0;
} */
.image-float-right { /*enet, cps*/
	display:inline-block;
	float:right;
	margin: 10px 0px 10px 5px;
}
.imagehome {
	margin: 68px 0px 0px -5px;
 	min-width:100%;
}
.imagehometopleft {
	margin: 68px 20px 0px 0px;
 	min-width:100%;
}
.imagehometopright {
	margin: 68px 0px 0px 20px;
 	min-width:100%;
}
.imagehomebottomleft {
	margin: 30px 20px 0px 0px;
 	min-width:100%;
}
.imagehomebottomright {
	margin: 30px 0px 0px 20px;
 	min-width:100%;
}
.imagemargins { 
    margin: 0px 0px 0px 10px;
}
.imagescaler {
	margin: 5px 0px 5px 0px;
 	max-width:66%;
	text-align: center;	
}
.imageservices { 
    margin: 70px 0px 35px 0px;
}
label {
	font-size: 15px;
	font-weight: normal;
	line-height:150%;
	text-align: left;
}

.logintable { 
	float: right;
	width: 26%;
	margin: 15px 0px 0px 0px;
}
.logintable a { 
	text-decoration:none;
}
.logohome {
	margin-top:0px;
}
.main {
	float: left;
	width: 100%;
	margin-right: 5%;
	margin-bottom: 1em;
}
.mainproduct { 
	float: left;
	width: 55%;
	margin-right: 5%;
	margin-bottom: 1em;
}
.middletextblock { 
	float: left;
	width: 30%;
	margin-right: 4%;
	text-align:center;
}
.mobile {
	height:0px;
	border:0px; */
	background:#000;
	border-top:#000;
}

.module-image {
    padding: 0px 0px 0px 0px;
}
.navbar-brand {
	display: none;
}
.navbar-default .navbar-nav > li > a {
	line-height: 20px;
}
.navbar-default .navbar-right > li > a {
/*	font-size:16px;
	font-weight:normal;
	color:#03C; */
	margin: 5px -26px -1px 0px;
}

.overviewcol02 {
	float: left;
    padding: 0px 0px 0px 0px;	
	width: 50%;
}
.overviewimage {
	margin: 110px 0px 10px 0px; /* CP 100 top*/
    padding: 0px 0px 70px 10px;
/*	min-width:283px; */
	max-width:100%;
}
.program-module {
	float: left;
	width: 54%;
	margin: 0px 25px 0px 0px;
}
.programoverview {
	float: left;
    padding: 0px 0px 0px 0px;	
	width: 50%;
}
.quote {
	display:block;
	width: 740px;
	margin: 50px 8% 50px 8%;
	border:solid; color:#E1E1E1; padding:.3em;
	line-height:180%;
}
.quoterpanel {
	width:75%;
}
.righttable {
	display:inline-block;
	min-width:40%;
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 18px;
}
.schemahome {
	display:block;
}
#search {
	display:none;
}
#search-header {
	position: absolute;
	top:0px;
	right:0px;
	display:inherit;
	width: 250px;
}
.topleftlogo { 
	float: left;
	margin: 20px 0px 0px 30px;
}
.topmenu {
	background:#DCDCDC;
}
.toprow { 
	display:block;
	background-color:#ddd;
	height:100px;
}
.trainingcol01of2 {
	float: left;
	width: 50%;
	margin-right: 5%;
	margin-bottom: 1em;
}
.trainingcol02of2 {
	display:inline-block;
	min-width:200px;
	margin: 0px 0px 25px 0px;
}
}