/*
border:1px solid red;
NOTE: see the test ver. for commented out unused code and informative comments 
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
html {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 -webkit-font-smoothing: antialiased;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body { 
 font-family:"Open Sans",sans-serif;
 color:#333;
 background-color:#FFF;
 padding:0;
 margin:0;
 font-size:20px;
 line-height:1.75em;
}
/*BEGIN keep footer at bottom*/
body {
  min-height:100vh;
  display:flex;
  flex-direction:column;/*support in major browsers from 2012*/
}
/*END keep footer at bottom*/
*, ::before, ::after {
 -webkit-box-sizing:border-box;
 -moz-box-sizing: border-box;
 box-sizing:border-box;
}
a {
 color:#05F;
}
p {
 margin:0 0 10px;
}
ul, ol {
 margin-top:0;
 margin-bottom:10px;
}
ul ul, ol ul, ul ol, ol ol {
 margin-bottom:0;
}
h1 {
 font-size:2.3em;
 font-weight:500;
 line-height:120%;
 color:#333;
 margin:20px 0 17px 0;
}
h2 {
 font-size:1.5em;
 font-weight:500;
 line-height:120%;
 color:#333;
 margin:30px 0 17px 0;
}
h4 {
 font-size:1em;
 font-weight:700;
 line-height:120%;
 color:#333;
 margin:20px 0 17px 0;
}
h5 {
 font-size:1em;
 font-weight:400;
 line-height:120%;
 color:#333;
 margin:20px 0 17px 0;
}
hr {
 height:0;
 border:0;
 border-top:1px solid #ddd;
 margin:25px 0;
}
blockquote {
 padding:10px 20px;
 margin:0 0 20px;
 font-size:17.5px;
 border-left:5px solid #eee;
}
img {
 display:inline-block;
 max-width:100%;
 height:auto;
 image-rendering:-webkit-optimize-contrast;
 vertical-align:middle;
 border:0;
}
label {
 display:inline-block;
 max-width:100%;
 margin-bottom:5px;
 font-weight:bold;
}
button, input, select, textarea {
 color:inherit;
 font:inherit;
 margin:0;
}
input, button, select, textarea {
 font-family:inherit;
 font-size:inherit;
 line-height:inherit;
}
button {
 overflow:visible;
}
button, select {
 text-transform:none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
 -webkit-appearance:button;
 cursor:pointer;
}
button[disabled], input[disabled] {
 cursor:default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height:auto;
}
input[type="search"], input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none;
}
input[type="file"] {
 display:block;
}
input[type="checkbox"] {
 margin:4px 0 0;
 line-height:normal;
 padding:0;
}
textarea {
 resize:vertical;
 overflow:visible;
}
code {
 font-size:1em;
}
code {
 font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
}
code {
 padding:2px 4px;
 font-size:90%;
}
code {
 color:#444;
 background-color:#eee;
 border:1px solid #ccc;
}
strong {
 font-weight:bold;
}
middleblock {
 padding-top:32px;
}
middleblock h1 {
 border-bottom:1px solid #DDD;
 padding-bottom:5px;
}
middleblock li {
 margin:8px 0;
}
.blacklink:link, .blacklink:visited {
 color:#333;
}
.blacklink:hover {
 color:#05F;
}
.fa {
 display:inline-block;
 font:normal normal normal 14px/1 FontAwesome;
 font-size:inherit;
 text-rendering:auto;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
.fa_chevron_up:before {
 content:"\f077";
}
.fa_tags:before {
 content:"\f02c";
}
.fa_tag:before {
 content:"\f02b";
}
.fa_thumb_tack:before {
 content:"\f08d";
}
.fa_bulb:before {
 content:"\f0eb";
 }
.button {
 color:#333;
 background-color:#eee;
 font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
 font-weight:300;
 font-size:16px;
 text-decoration:none;
 text-align:center;
 line-height:40px;
 height:40px;
 padding:0 40px;
 display:inline-block;
 cursor:pointer;
 border:none;
 white-space:nowrap;
}
.button:disabled {
 top:0;
 background-color:#eee;
 text-shadow:0 1px 1px white;
 color:#ccc;
 cursor:default;
 border:none;
 box-shadow:none;
}
.blue_btn {
 color:#fff;
 background-color:#1b6bfe;
}
.formcontrol {
 display:block;
 width:100%;
 height:36px;
 padding:6px 12px;
 font-family:inherit;
 font-size:1em;
 line-height:1.42857143em;
 color:#555;
 background-color:#fff;
 border:1px solid #ccc;
 border-radius:0;
 -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.075) inset;
 box-shadow:0 1px 1px 0 rgba(0,0,0,0.075) inset;
}
.formcontrol::-moz-placeholder {
  color:#999;
  opacity:1;
 }
.formcontrol:-ms-input-placeholder{
 color:#999;
}
.formcontrol::-webkit-input-placeholder{
 color:#999;
}
.formcontrol::-ms-expand{
 border:0;
 background-color:transparent;
}
.formcontrol:focus {
 border-color:#333;
 outline:0;
 box-shadow:none;
 border-radius:0;
}
.formcontrol[disabled], .formcontrol[readonly] {
 background-color:#eee;
 opacity:1;
}
.formcontrol[disabled] .formcontrol {
 cursor:not-allowed;
}
textarea.formcontrol {
 height:auto;
}
.fc_noshadow {
 box-shadow:none;
}
.fc_noshadow:focus {
 border-color:#ccc;
}
.checkbox_container {
 padding-left:20px;
}
.checkbox_container {
 display:block;
 margin-top:10px;
 margin-bottom: 10px;
}
.checkbox_container input[type="checkbox"] {
 position:absolute;
 margin-left:-20px;
}
.checkbox_container input[type="checkbox"]{
 opacity:0;
 z-index:1;
 margin-left:-17.5px;
 margin-top:13.5px;
}
.checkbox_container label{
 min-height:20px;
 padding-left:20px;
 margin-bottom:0;
 font-weight:normal;
 cursor:pointer;
}
.checkbox_container label {
 display:inline-block;
 vertical-align:middle;
 position:relative;
 padding-left:5px;
 margin-right:10px;
 line-height:1.42857143em;
}
.checkbox_container label::before {
 content:"";
 display:inline-block;
 position:absolute;
 width:18px;
 height:18px;
 left:0;
 top:2px;
 margin-left:-20px;
 border:1px solid #ccc;
 border-radius:0;
 background-color:#fff;
}
.checkbox_container label::after {
 display:inline-block;
 position:absolute;
 width:18px;
 height:18px;
 left:0;
 top:2px;
 margin-left:-20px;
 padding-left:3px;
 padding-top:1px;
 font-size:11px;
 color:#333;
}
.checkbox_container input[type="checkbox"]:checked+label::after {
 content:"";
 background-color:#333;
 width:10px;
 height:10px;
 top:6px;
 left:4px;
}
/*BEGIN pseudo_modal*/
.pseudo_modal {
 display:none;
 position:fixed;
 z-index:101;
 top:0;
 right:0;
 bottom:0;
 left:0;
 overflow-x:hidden;
 overflow-y:auto;
 padding-right:16px;
 -webkit-overflow-scrolling:touch;
 outline:0;
}
.pseudo_modal ul {
 list-style:none;
 }
.pseudo_modal li:before {
 font-family:"FontAwesome";
 font-size:8px;
 content:"\f054";
 display:inline-block;
 padding:0 10px 0 0;
 margin:0 0 0 -17px;
 vertical-align:3px;
 color:#000;
}
.pm_dialog {
 width:600px;
 margin:30px auto;
}
.pm_content {
 -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
 box-shadow:0 5px 15px rgba(0,0,0,0.5);
 position:relative;
 background-color:#fff;
 border:1px solid rgba(0,0,0,0.2);
 background-clip:padding-box;
 outline:0;
}
.pm_header {
 padding:15px;
 border-bottom:1px solid #e5e5e5;
}
.pm_title {
 margin:0;
 line-height:1.42857143em;
}
.pm_body {
 padding:15px;
}
.pm_close {
 position:absolute;
 right:0;
 top:2px;
 font-size:31px;
 font-weight:bold;
 line-height:31px;
 padding:15px;
 margin:-2px 0 0 0;
 background:transparent;
 border:0;
 color:#000;
 text-shadow:0 1px 0 #fff;
 opacity:.2;
}
.pm_close:hover,
.pm_close:focus {
 color:#000;
 text-decoration:none;
 cursor:pointer;
 opacity:.5;
 filter:alpha(opacity=50);
}
/*END pseudomodal*/
/*BEGIN tooltip*/
.tooltiplink {
 position:relative;
 display:inline-block;
 color:#333;
 text-decoration:underline;
 cursor:pointer;
}
.tooltiplink .tooltiptext {
 visibility:hidden;
 position:absolute;
 z-index:1;
 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
 box-shadow:0 5px 15px rgba(0,0,0,0.5);
 background-color:#fff;
 border:1px solid rgba(0,0,0,0.2);
 background-clip:padding-box;
 outline:0;
 font-style:normal;
 font-weight:normal;
 letter-spacing:normal;
 line-break:auto;
 line-height:1.42857143;
 text-align:left;
 text-align:start;
 text-decoration:none;
 text-shadow:none;
 text-transform:none;
 white-space:normal;
 word-break:normal;
 word-spacing:normal;
 word-wrap:normal;
 font-size:14px;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border:1px solid #ccc;
 border:1px solid rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
 box-shadow: 0 5px 10px rgba(0,0,0,0.2);
 width:276px;
 padding:10px;
 margin-left:10px;
 color:#333;
 }
.tooltiplink:hover .tooltiptext {
 visibility:visible;
}
.tooltiplink:hover {
 color:#05F;
}
/*END tooltip*/
/*BEGIN alert*/
.alert {
 padding:15px;
 margin-bottom:20px;
 border:1px solid transparent;
 border-radius:2px;
}
.alert>p, .alert>ul {
 margin-bottom:0;
}
.alertinfo {
 background-color:#ddf4fb;
 border:solid 1px #54c8eb;
 color:#31708f;
}
.alertwarning {
 background-color:#f4cecd;
 border:solid 1px #d9534f;
 color:#a94442;
}
/*END alert*/
#maindiv {
 min-width:1170px;
}
/*BEGIN keep footer at bottom*/
#maindiv {
  flex:1;
}
/*END keep footer at bottom*/
#navbar {
 width:100%;
 height:100px;
 min-height:80px;
}
.navbar_default {
}
#nb_brand {
 float:left;
 margin-top:15px;
 margin-right:15px;
 margin-bottom:15px;
 margin-left:15px;
 font-size:18px;
 line-height:20px;
 height:70px;
 color:#777;
}
#nb_brand img {
 width:261.5px;
 height:68px;
}
#nb_menu {
 float:right !important;
 margin-right:15px;
}
.nbm_item {
 color:#333;
 text-decoration:none;
 float:left;
 padding:10px;
 margin-top:28px;
 margin-right:5px;
 margin-bottom:5px;
 margin-left:5px;
 border-bottom:7px solid transparent;
 font-size:16px;
 font-weight:700;
 line-height:30px;
}
.nbmi_last {
 margin-right:0;
}
.nbmi_cursel {
 border-bottom:7px solid #0B0;
}
.contentcontainer {
 margin-right:auto;
 margin-left:auto;
 width:1170px;
}
.contentcontainer2 {
 margin-left:10%;
 width:79.99999999%;
}
.kbtags_ref {
 color:gray;
 font-size:15px;
}
.footer {
/*BEGIN prevent margin collapsing*/
 display:inline-block;
 width:100%;
 /*END prevent margin collapsing*/
 margin-top:11px;
 padding:41px 0 30px 0;
 background-color:#f7f7f7;
 border-top:1px solid #ededed;
 color:#7f7f7f;
 line-height:1.42857143em;
 font-size:14px;
}
.footer_container {
}
.footer_inner {
 min-height:1px;
 padding-left:15px;
 padding-right:15px;
}
#backtotop {
 display:none;
 }
#backtotop a {
 position:fixed;
 bottom:20px;
 right:20px;
 z-index:99;
 color:#eee;
 background-color:rgba(0,0,0,.3);
 padding:10px;
 border-radius:5px;
 text-align:center;
}
#backtotop a:hover {
 background-color:#4A4A4A;
}
.supportarticle {
 min-height:1px;
 margin-bottom:50px;
}
.supportarticle ol {
 padding:0 0 0 20px;
 list-style:none;
 counter-reset:item;
}
.supportarticle ol>li {
 counter-increment:item;
 display:table;
 width:100%;
}
.supportarticle li {
 margin:8px 0;
}
.supportarticle ol>li:before {
 content:counter(item) ". ";
 display:table-cell;
 padding-right:.5em;
 width:1px;
}
.sa_screenshot {
 display:block;
 margin:20px auto;
 border-radius:8px;
 box-shadow:0 0 5px 1px #e5e5e5;
}
.supportarticle .alert {
 margin:22px 0;
}
.tutorial_introduction {
 margin-bottom:30px;
}
.messageform {
}
.mf_btn {
 padding:0 20px;
}
.mf_captcha_container {
 margin-bottom:10px;
}
.mf_required {
 color:#05F;
}
.mf_flexrow {
 width:100%;
 display:flex;
 column-gap:30px;
 margin-bottom:15px;
}
.mf_50pct_field {
 flex-basis:100%;
}
.mf_blockrow {
 margin-bottom:15px;
}
/*BEGIN use classes for precendence*/
.mf_inputgroup {
 display:table;
 border-collapse:separate;
}
.mf_inputgroup .formcontrol {
 position:relative;
 z-index:2;
 float:left;
 width:100%;
 margin-bottom:0;
}
.mf_inputgroup .formcontrol:focus {
 z-index:3;
}
.mf_custombtn_inputgroup {
 font-size:0;
 white-space:nowrap;
 width:1%;   
 vertical-align:middle;
 display:table-cell;
}
.mf_custombtn {
 color:#333;
 text-decoration:none;
 position:relative;
 overflow:hidden;
 background-color:#fff;
 display:inline-block;
 margin-right:-1px;
 text-align:center;
 vertical-align:middle;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 cursor:pointer;
 border:1px solid #ccc;
 white-space:nowrap;
 padding:6px 12px;
 font-size:14px;
 line-height:1.42857143em;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
}
.mf_custombtn:hover {
 background-color:#e6e6e6;
 border-color:#adadad;
}
.mf_custombtn:hover, .mf_custombtn:focus {
 z-index:2;
}
/*END use classes for precendence*/
/*BEGIN use ids for precendence*/
#mf_message {
 height:150px;
}
#mf_file {
 position:absolute;
 top:0;
 right:0;
 min-width:100%;
 min-height:100%;
 font-size:100px;
 text-align:right;
 filter:alpha(opacity=0);
 opacity:0;
 outline:none;
 background:#fff;
 cursor:inherit;
}
#mf_filename {
 height:34px;
 z-index:3;
}
/*END use ids for precendence*/