/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v14-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  src: url('fonts/open-sans-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v14-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body
{
    background: #ffffff;
    FONT-FAMILY: Open Sans;
    font-size: 100%;
    color: #3c3b37;
}
TD
{
    FONT-SIZE: 16px;
}
A:link, A:active, A:visited
{
    COLOR: #043c77;
    TEXT-DECORATION: underline;
}
A:hover
{
    COLOR: #043c77;
    TEXT-DECORATION: none;
}
.mainmenu, .mainmenu A:link, .mainmenu A:visited, .mainmenu A:active
{
    FONT-SIZE: 13px;
    COLOR: #EFEF7F;
    TEXT-DECORATION: none;
}
.mainmenu A:hover
{
    TEXT-DECORATION: underline;
}
.mainmenusel
{
    TEXT-DECORATION: underline;
}
.bottommenu
{
    FONT-SIZE: 1em;
    COLOR: #adadad;
    line-height: 150%;
    padding-right:10px;
}
.bottommenu A:link, .bottommenu A:visited, .bottommenu A:active
{
    COLOR: #adadad;
    TEXT-DECORATION: none;
}
.bottommenu A:hover
{
    TEXT-DECORATION: underline;
}
.topmenu
{
    FONT-SIZE: 8px;
    COLOR: #e7e7e7;
    line-height: 150%;
}
.topmenu A:link, .topmenu A:visited, .topmenu A:active
{
    COLOR: #e7e7e7;
    TEXT-DECORATION: none;
}
.topmenu A:hover
{
    TEXT-DECORATION: underline;
}
.topmenuTD
{
    padding: 0px 18px;
}
.bottommenuheader
{
    FONT-SIZE: 1.0em;
    COLOR: #ffffff;
}
.bottommenu-line
{
    background-color:#606060;
}
.bgimage
{
    background: url(graphics/Background.GIF);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #F7F7F7;
}
.bgimagethin
{
    background: url(graphics/BackgroundThin.GIF);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #F7F7F7;
}
.mainbody
{
    background: url(graphics/Gradient.GIF);
    background-repeat: repeat-x;
    /*background-image: url(graphics/Gradient.JPG) no-repeat; */
    background-position: top right;
    /* background-attachment: fixed; */
}

.gradient
{
    background: url(graphics/Gradient.JPG);
    background-repeat: repeat-y;
    /*background-image: url(graphics/Gradient.JPG) no-repeat; */
    background-position: right;
    background-attachment: fixed;
}
.gradient2
{
    background: url(graphics/TableBg.GIF);
    background-repeat: repeat-x;
    background-color: #EBEBA4;
}
.shadow
{
    background: url(graphics/TableShadowR.GIF);
    background-color: #FFFFFF;
}
.sloganbig
{
    color: #202020;
    FONT-SIZE: 22px;
}
.slogansmall
{
    color: #202020;
    FONT-SIZE: 16px;
}
.sloganmain
{
    color: #202020;
    FONT-SIZE: 18px;
}
.sloganbutton
{
    color: #000000;
    FONT-SIZE: 1.0em;
}
.InfoText
{
    FONT-SIZE: 14px;
}
ul
{
    list-style-type: none;
    list-style-image: url(graphics/Square.GIF);
}
ul.slogan_list 
{ 
    margin-top: 0;
    margin-left: 35px;
    margin-bottom: 0;
    list-style-type: none;
    list-style-image: url(graphics/Dash.GIF);
}
ul.templates_list
{ 
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding-left:1em;
    list-style-type: none;
    list-style-image: none;
}
ul.templates_list li 
{ 
    margin-bottom: 0.5em; 
    padding-left: 15px;
    background: url(graphics/SquareOrange.GIF) no-repeat 0 5px;
}
ul.templates_list_top
{ 
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding-left:1em;
    list-style-type: none;
    list-style-image: none;
}
ul.templates_list_top li 
{ 
    margin-bottom: 0; 
    padding-left: 15px;
    background: url(graphics/SquareOrange.GIF) no-repeat 0 5px;
}
.underneath
{
    FONT-SIZE: 14px;
    COLOR: #848484;
}
.location
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #A1A159;
}
.sidebartitle
{
    COLOR: #f56f00;
}
.sidebartext
{
    COLOR: #777777;
}
.sidebarlink A:link, .sidebarlink A:visited, .sidebarlink A:active
{
    COLOR: #777777;
}
.sidebarboldlink A:link, .sidebarboldlink A:visited, .sidebarboldlink A:active
{
    COLOR: #777777;
    FONT-WEIGHT: bold;
}
H1
{
    FONT-SIZE:  34px;
    COLOR: #4d4b46;
    TEXT-DECORATION: none;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0px;
}
H2
{
    COLOR: #5e5c56;
    FONT-SIZE:  22px;
    TEXT-DECORATION: none;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 10px;
}
H3
{
    FONT-SIZE:  14px;
    TEXT-DECORATION: none;
    margin-bottom: 0px;
}
H4
{
    COLOR: #4d4b46;
    FONT-SIZE:  30px;
    TEXT-DECORATION: none;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 10px;
}
H5
{
    COLOR: #5e5c56;
    FONT-SIZE:  25px;
    TEXT-DECORATION: none;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 5px;
}
.MainHeader
{
    FONT-SIZE:  38px;
    COLOR: #5e5c56;
    TEXT-DECORATION: none;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.MainSlogan
{
    FONT-SIZE:  25px;
    COLOR: #5e5c56;
    TEXT-DECORATION: none;
    margin-left: 0px;
    margin-bottom: 16px;
    margin-top: 0px;
}
.CompanyTitle
{
    FONT-SIZE:  40px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    margin-bottom: 8px;
    margin-top: 10px;
}
.SupportStep
{
    COLOR: #5e5c56;
    FONT-SIZE:  32px;
    TEXT-DECORATION: none;
}
.SupportTitle
{
    COLOR: #5e5c56;
    FONT-SIZE:  22px;
    TEXT-DECORATION: none;
}
.HomepageIntro
{
    FONT-SIZE:  18px;
}
.HomepageTitle
{
    FONT-SIZE:  20px;
    COLOR: #f56f00;
    margin-bottom: 5px;
}
.HomepageBottomLink
{
    FONT-SIZE:  18px;
    margin-bottom: 5px;
}
.DownloadEditorLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE:  16px;
    COLOR: #3c3b37;
    TEXT-DECORATION: none;
}
.DownloadEditorLink A:link, .DownloadEditorLink A:visited, .DownloadEditorLink A:active
{
    COLOR: #3c3b37;
}
.DownloadEditorInfo
{
    FONT-SIZE: 14px;
    FONT-STYLE: italic;
    TEXT-DECORATION: none;
}
.DownloadEditorInfo A:link, .DownloadEditorInfo A:visited, .DownloadEditorInfo A:active
{
    COLOR: #3c3b37;
}
.downloadTitle
{
    FONT-SIZE: 24px;
    TEXT-DECORATION: none;
    margin-bottom:10px;
}
.ContactHeader
{
    FONT-SIZE: 22px;
    COLOR: #5e5c56;
    TEXT-DECORATION: none;
    margin-bottom: 0px;
    margin-top: 10px;
}
.CompanyHeader
{
    FONT-SIZE:  22px;
    COLOR: #5e5c56;
    margin-bottom: 0px;
    margin-top: 4px;
}
.NewsletterHeader
{
    FONT-SIZE:  20px;
}
.ArticleHeader
{
    FONT-SIZE:  20px;
}
.PageHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 28px;
    margin: 15px;
    padding: 5;
}
.PageFooter
{
    FONT-SIZE: 13px;
    color: #c2c2c2;
}
.PageFooter A:link, .PageFooter A:visited, .PageFooter A:active
{
    COLOR: #c2c2c2;
    TEXT-DECORATION: none;
}
.PageFooter A:hover
{
    TEXT-DECORATION: underline;
}
PRE
{
    FONT-SIZE: 14px;
}
.HelpCurrent
{
    background-color: #b0b0b0;
}
.divheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE:  16px;
    COLOR: #707070;
    TEXT-DECORATION: none;
}
a.pricing {
        position: relative;
        z-index: 1;
        text-decoration: none;
        COLOR: #000000;
}
a.pricing:hover {
        z-index: 25;
        TEXT-DECORATION: underline;
        COLOR: #000000;
}
a.pricing span { display: none; }
a.pricing:hover span.pricing {
        display: block;
        position: absolute;
        font-size: 14px;
        top: 2em; left: -70px; width: 220px;
        padding: 2px; border: 1px solid #333;
        color: #ffffff; background-color: #3c3b37; 
        text-align: center;
}
.mischeader
{
    /* FONT-WEIGHT: bold; */
    FONT-SIZE:  20px;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.version-text
{
    font-size: 10px;
    COLOR: #808080;
}
.years-text
{
    font-size: 10px;
    COLOR: #808080;
}
.contentdiv
{
    max-width:960px;
    text-align:left;
}
.btn 
{
    background-color: #3c3b37;
    color: #d7d7d7;
    padding: 8px 16px;
    font-size: 1.1em;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    min-width: 100px;
}
.btn:hover
{
    background-color: #595852;
    color: #f0f0f0;
}




.smallslogan
{
    font-size: 13px;
    color: #76746c;
}
.dropbtn
{
    background-color: transparent;
    color: #202020;
    padding: 16px;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 6px;
    border: none;
    cursor: pointer;    
}
.dropbtn-010
{
    background-color: transparent;
    color: #b0b0b0;
    padding: 10px 22px;
    font-size: 18px;
    border: none;
    cursor: pointer;
    text-indent: -10px;
}
.dropbtn-010-base
{
    background-color: #ffffff;
    color: #68665f;
    padding: 4px 18px;
    font-size: 1.0em;
    border: none;
    cursor: pointer;
}
.dropbtn-selected
{
    background-color: #3c3b37;
    TEXT-DECORATION: underline;
    color: e7e7e7;
    padding: 16px;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
}
.dropdown 
{
    position: relative;
    display: inline-block;
}
.dropdown-content 
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border-radius: 6px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
}
.dropdown-content-medium
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 210px;
    border-radius: 6px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
}
.dropdown-content-wide
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    border-radius: 6px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
}
.dropdown-content-right
{ 
    text-align:left;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    border-radius: 6px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    right: 0;
}
.dropdown-content a, .dropdown-content-right a, .dropdown-content-wide a, .dropdown-content-medium a
{
    color: black;
    padding: 12px 16px;
    border-radius: 6px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover, .dropdown-content-right a:hover, .dropdown-content-wide a:hover, .dropdown-content-medium a:hover
{
    background-color: #e3e3e3
}
.dropdown:hover .dropbtn 
{
    background-color: #bd6012;
    color: #e0e0e0;
}
.dropdown-content.open {
    display: block;
}
.dropdown-content-wide.open {
    display: block;
}
.dropdown-content-right.open {
    display: block;
}
.dropbtn-010:hover, .dropdown:hover .dropbtn-010, .dropbtn-010-base:hover
{
    color: #c7c7c7;
    background-color: #505050;
    border-radius: 6px;
}
.StyledPanel
{
    padding: 5px; 
    background-color: #e7e7e7; 
    border-radius: 6px;
    box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.05);
}
.StyledPanelSpaced
{
    padding: 5px 10px; 
    background-color: #e7e7e7; 
}
.down-arrow {
   background: url(graphics/DownArrow.GIF) no-repeat 0 0;
   width: 11;
   height: 10;
   position: absolute;
   right: 8;
   top: 11;
}
.input-field {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    background-color: #ffffff;
    min-width: 100px;
    box-sizing: border-box;
 }
.input-field::placeholder {
  color: #c0c0c0;
}
.input-field-error {
    border: 1px solid #f00;
}
.input-field:focus {
    border: 1px solid #0096ff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    outline: none;
}
.hidden {
    display: none;
}
.quantity-selector {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
}
.quantity-selector button {
    background-color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 25px;
}
.quantity-selector button:last-child {
    border-right: none;
    border-left: 1px solid #ccc;
}
.quantity-selector input[type="text"] {
    width: 40px;
    text-align: center;
    border: none;
    outline: none;
    font-size: 14px;
    height: 25px;
    color: #333;
}
.radio-group {
    display: block;
    border: 1px solid #ced4da;
    border-radius: 6px;
    overflow: hidden;
    width: 200px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.radio-option {
    display: block;
    padding: 10px;
    cursor: pointer;
    background-color: #ffffff;
    transition: background-color 0.2s ease;
}
.radio-option:hover {
    background-color: #f0f0f0;
}
.radio-option label { 
    display: block;
    margin-left: 4px;
    cursor: pointer;
}
.radio-option.selected {
    background-color: #f8f8f8;
}
.radio-option.selected:hover {
    background-color: #f4f4f4;
}
.radio-option {
    display: block;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
    background-color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}        

.rep-table {
    border-spacing: 0;
    border: 1px solid #f0f0f0;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}
.rep-table th, .rep-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #dfe6ec;
}
.rep-table tr {
    transition: background-color 0.3s ease;
}
.rep-table tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.rep-table tr:last-child td {
    border-bottom: none;
}
.rep-table th:first-child {
    border-top-left-radius: 10px;
}
.rep-table th:last-child {
    border-top-right-radius: 10px;
}
.rep-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
.rep-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}
.rep-heading {
    background-color: #f4f4f4; 
}
hr {
  border: none;
  height: 1px;
  background-color: #d9d9d9;
}
.license-panel {
    border-spacing: 0;
    border: none;
    background-color: #ffffbb;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}
.menu-container {
    border: none; 
    display: flex; 
    flex-wrap: none; 
    gap: 0px;
}
.menu-top {
    border:none; 
    width:100%; 
    flex-wrap: wrap; 
    display: flex; 
    align-items: center;
}
.news-panel {
    width:90%; 
    display: flex; 
    align-items: center; 
    gap:10px;
}
.news-table {
    width:50%;
}

@media (pointer: fine) {
    /* for mice allow hover to show menu */
    .dropdown-content-right
    { 
        right: 0;
    }
    .dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content-right, .dropdown:hover .dropdown-content-wide, .dropdown:hover .dropdown-content-medium
    {
        display: block;
    }
}
@media (pointer: coarse) {
    /* for touchscreen click to show menu */
    .dropdown-content
    { 
        position: fixed; 
        left: 0;
        width: 100%;
    }
    .dropdown-content-wide
    { 
        position: fixed; 
        left: 0;
        width: 100%;
    }
    .dropdown-content-right
    { 
        position: fixed; 
        left: 0;
        width: 100%;
    }
}
@media (max-width: 550px) {
    .menu-top {
        flex-direction: column;
    }
    .news-panel {
        flex-direction: column;
        align-items: flex-start;
    }
    .menu-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .news-table td {
        display: block;
        width: 100%;
    }
    
}    
@media only screen and (max-width: 450px) {
  .smallslogan {
    display: none;
  }
}