body{
	font-family: arial;
	padding-bottom: 100px;
    padding-top: 50px;
    background: #27386c linear-gradient(90deg, #27386c 0%, #34b4d6 100%);
    background-repeat: repeat-y;
	background-size: contain;
}

.container-fluid {    
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (max-width: 900px) {	
        #mainTitle{
                font-size: 20pt;
        }
        #navLogo{
                width: 120px;
        }
}

@media screen and (max-width: 600px) {
	#mainTitle{
		font-size: 16pt;
		text-align: right;
		margin: 12px 24px 30px 24px;
	}
	#navLogo{
		width: 70px;
	}
}




/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * canada-type-gibson:
 *   - http://typekit.com/eulas/00000000000000003b9b3882
 *   - http://typekit.com/eulas/00000000000000003b9b3883
 *   - http://typekit.com/eulas/00000000000000003b9b387d
 *   - http://typekit.com/eulas/00000000000000003b9b387c
 *   - http://typekit.com/eulas/00000000000000003b9b3880
 *   - http://typekit.com/eulas/00000000000000003b9b3881
 *
 * ?? 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-12-07 18:25:52 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=pql2ihc&ht=tk&f=24349.24350.24351.24354.24355.24356&a=8056960&app=typekit&e=css");

@font-face {
font-family:"canada-type-gibson";
src:url("https://use.typekit.net/af/0d8f4c/00000000000000003b9b3882/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/0d8f4c/00000000000000003b9b3882/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/0d8f4c/00000000000000003b9b3882/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"canada-type-gibson";
src:url("https://use.typekit.net/af/0618db/00000000000000003b9b3883/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/0618db/00000000000000003b9b3883/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/0618db/00000000000000003b9b3883/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
font-family:"canada-type-gibson";
src:url("https://use.typekit.net/af/b67c91/00000000000000003b9b387d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/b67c91/00000000000000003b9b387d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/b67c91/00000000000000003b9b387d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"canada-type-gibson";
src:url("https://use.typekit.net/af/ef2129/00000000000000003b9b387c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ef2129/00000000000000003b9b387c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ef2129/00000000000000003b9b387c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"canada-type-gibson";
src:url("https://use.typekit.net/af/403911/00000000000000003b9b3880/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/403911/00000000000000003b9b3880/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/403911/00000000000000003b9b3880/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"canada-type-gibson";
src:url("https://use.typekit.net/af/28537c/00000000000000003b9b3881/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/28537c/00000000000000003b9b3881/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/28537c/00000000000000003b9b3881/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:600;
}

.tk-canada-type-gibson { font-family: "canada-type-gibson",sans-serif; }






/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
h1 {
font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
color: #fff !important;
font-size:50px;
line-height: 100%;
    padding-bottom: 20px;
}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
h1 {
font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
color: #fff !important;
font-size: 55px;
line-height: 100%;
}
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
h2 {
font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
color: #2e468f;
font-size: 37px;
line-height: 100%;
}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
h2 {
font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
color: #183283;
font-size: 30px;
line-height: 100%;
}
}



h3 {

font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
color: #2e468f;
font-size: 27px;
line-height: 125%;
}

h4 {

font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
color: #19A9CE;
font-size: 17px;
line-height: 125%;
}

h5 {

font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 12px;
color: #183283;
line-height: 200%;
}

h6 {

font-family: canada-type-gibson, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #183283;
line-height: 150%;
}

p, ul, li, ol {

font-family: canada-type-gibson, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
color:#4E4E4E;
line-height: 150%;
}

a {


color:#2e468f;

}

a:hover {


color:#19a9ce;

}



strong {
  font-weight: 600;
color: #4bae37;
}



.blueText{
	color: #2e468f;
}
.lightBlueText{
	color: #19a9ce;
}

.pad10{
	padding: 10px;
}

.submitbutton{									
	background-color: #4bae37;
	min-width: 95px;
}
.submitbutton, .redButton{
	color: #FFF;
	outline: none;
	border: none;
	height: 30px;
	margin-right: 3px;
	margin-left: 3px;
	padding: 5px;
	-moz-border-radius:5px;
	border-radius: 3px;
	cursor: pointer;
	
    font-size: 11pt !important;
}
.submitbutton:hover {
    background-color: #2e468f;
}
.submitbutton:disabled {
	background-color: #888 !important;
	cursor: default;
}

.redButton{
	background-color: #B00 !important;
}
.lightBlueButton{
	background-color: #19a9ce !important;
}





#statusBar{
	display: fixed;
}

#statusBar h3{
	margin: 2px;
}


.helpTopicBTN{

	cursor: pointer;
    font-family: canada-type-gibson, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
color:#2e468f;
line-height: 150%;
}
.helpTopicBTN:hover{
	background: #f0f0f0;
    color:#2e468f;
}
.selectedHelpTopic{
	background: #19a9ce;
    color:#fff;
}

#searchWrapper{
	display: inline;
	border: solid 1px #AAA;
    border-radius: 4px;
    padding: 8px;
	margin-left: 10px;
}
#searchWrapper input{
    border: none;
    outline: none;
    width: 190px;
}
#clearHelpSearchBTN{
	display: inline;
	cursor: pointer;
}

#helpArticleContainer img{
	max-width: 100%;
}


.tocItem{
	line-height: 2.2;
    color: #2e468f;
}

.helpArticle{
	margin-bottom: 120px;
}
.helpArticle img {
    max-width: 100%;
}
.helpArticleText {
    color: darkcyan;
    border: solid 1px #888;
    padding: 10px;
}
.articleSpace{
	height: 80px;
}



/*
.editHelpBTN{
    margin-left: 20px;
    margin-bottom: 8px;
}
*/
.editHelpBTN, #editHelpBTN, .delHelpBTN, #delHelpBTN{
	margin-left: 20px;
	margin-top: -9px;
	float: right;
}

#editBody{
    margin: 0px;
    width: 870px;
}
#editBody, #newBody{
    height: 350px;
}

	

#lblLoggedIn{
	border: solid 1px #AAA;
	border-radius: 4px;
	padding: 8px;
	margin-right: -2px;
	vertical-align: middle;
}

#pageTitle{
	display: inline-block;
    margin-right: 30px;
    margin-bottom: 16px;
    vertical-align: middle;
}

.loader{
	position: fixed;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	margin-left:-25px;
	margin-top:-25px;
	z-index: 9999;
}
#goTopBTN {
    position: fixed;
	top: unset;
    bottom: 20px;
    right: 34px;
    z-index: 9000;
    cursor: pointer;
}

.width100{
	width: 100%;
}
.padTd6 td{
	padding: 6px;
}


.inlineBlock{
	display: inline-block;
}





/* FOR MAKING EMBEDDED CONTENT SCALE*/	
.video-container, .youtube-container{
    position: relative;
	height: 0; 
	overflow: hidden;
}
.video-container{
	padding-bottom: 68%;  
}
.youtube-container{
	padding-bottom: 56.25%;  
}
.youtube-container iframe, .video-container iframe, .youtube-container object, .video-container object, .youtube-container embed, .video-container embed, .video-container video, .youtube-container video {    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* FOR MAKING EMBEDDED CONTENT SCALE*/	
.video-container {
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
.youtube-container .mce-preview-object, .video-container .mce-preview-object {
    position: unset;
}