@font-face {
	FONT-FAMILY: MainFlow;

	/* warning: mind the replace in _parts\global\commonmeta to adjust the font urls for inline */

	SRC: url("/css/OpenSans-Regular.woff2") format("woff2");
	FONT-WEIGHT: 400;
	FONT-STYLE: normal;
	FONT-DISPLAY: swap;
}

@font-face {
	FONT-FAMILY: MainFlowBold;

	SRC: url("/css/OpenSans-Bold.woff2") format("woff2");
	FONT-WEIGHT: 700;
	FONT-STYLE: normal;
	FONT-DISPLAY: swap;
}

@font-face {
	FONT-FAMILY: NavFlow;
	SRC: url("/css/OpenSans-Semibold.woff2") format("woff2");
	FONT-WEIGHT:400;
	FONT-STYLE:normal;
	FONT-DISPLAY: swap;
}


HTML
{
	
}

BODY
{
	MARGIN: 0px;

	BACKGROUND-COLOR: #FFF;
	BACKGROUND-IMAGE: radial-gradient(circle, rgb(230, 230, 230), rgb(240, 244, 248));
	BACKGROUND-SIZE: 100% 1600px;

 	FONT-FAMILY: MainFlow, Arial, Helvetica, Geneva, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 16px;
	LINE-HEIGHT: 24px;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	COLOR: #202020;

}


/* 
 *
 *    BASIC PAGE ELEMENTS
 *
 */

DIV#pagebg
{
	/*
	BACKGROUND-IMAGE: linear-gradient(rgba(32, 39, 41, 0.65), rgba(32, 39, 41, 0.7)), url("/images/wrap-1-bgnd3-med.jpg");
	*/
	BACKGROUND-IMAGE: linear-gradient(rgba(32, 39, 41, 0.65), rgba(32, 39, 41, 0.7)), url("/images/wrap-1-bgnd3.webp");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-SIZE: 125%;
	POSITION: fixed;
	Z-INDEX: -1;
	TOP: 0px;
	LEFT: 0px;
	WIDTH: 100%;
	HEIGHT: 100%;
}

DIV#maintop
{
	BACKGROUND: #202728;
	WIDTH: 100%;
	LEFT: 0px;
	TOP: 0px;
	Z-INDEX: -1;
}

DIV#topbluebar
{
	WIDTH: 100%;
	HEIGHT: 50px;
	BACKGROUND-COLOR: #002050;
	PADDING-TOP: 20px;
}


DIV#mainbg
, DIV.mainbg
, DIV.mainbgteal
{
	WIDTH: 100%;
	MARGIN-TOP: 0px;
	PADDING-TOP: 0px;
}

DIV.mainbgteal
{
	BACKGROUND: #034;
}


DIV#mainbody
{
	WIDTH: 1100px;
	MARGIN: 0px auto;
	BACKGROUND: #FCFCFC;
}

DIV#navbarcontainer
{
	WIDTH: 1100px;
	MARGIN: 0 auto;
}

DIV.maincontainer
{
 	FONT-FAMILY: MainFlow, Arial, Helvetica, Geneva, Sans-Serif;
	PADDING-TOP: 30px;
	MIN-HEIGHT: 700px; 
	BACKGROUND: #FCFCFC;
	PADDING-LEFT: 85px;
	PADDING-RIGHT: 85px;
	WIDTH: 930px;  /* plus padding => 1100 */
	MARGIN: 0 auto;
}

DIV.maincontainerdark
, DIV.maincontainerteal
, DIV.maincontainerglossary
{
	BACKGROUND: #034;
	COLOR: #FFE;
}

DIV.maincontainerglossary
, DIV.maincontainersky
{
	MIN-HEIGHT: 450px; 
	PADDING-TOP: 40px; 
	PADDING-BOTTOM: 40px;
}

.maincontainerdark H1
, .maincontainerdark A
, .maincontainerglossary H1
, .maincontainerglossary A
, A.glossaryheaderlink
{
	COLOR: #50B8D0;
}

DIV.maincontainersky
{
	BACKGROUND: #57A;
	COLOR: #FFE;
}

.maincontainersky A
{
	COLOR: #102048;
	COLOR: #142450;
}

DIV#footercontainer
{
  	WIDTH: 100%;
	HEIGHT: auto;
}


/* 
 *
 *    STRUCTURAL TABLES
 *
 */


/* 
 * TOPROW
 */
DIV#toprowmenu
, TABLE.toprowmenu /* !!! obsolete */
{
	HEIGHT: 60px;
	WIDTH: 100%;
}


TABLE.toprowmenuinner
{
	WIDTH: 90%;
	MAX-WIDTH: 1100px;
	MARGIN: 0px auto;
	HEIGHT: 60px;
	BORDER: 0px;
	BORDER-SPACING: 0px;
	BORDER-COLLAPSE: separate;
}

TD.toprowmenu
{
	VERTICAL-ALIGN: middle;
	TEXT-ALIGN: left;

	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 125%;
	FONT-WEIGHT: 700;

	HEIGHT: 26px;
	PADDING: 0px;
}

IMG#toplogoimage
{
	MARGIN-TOP: 6px;
	HEIGHT: 36px;
	WIDTH: 102px;
	BORDER: 0;
}


A.toprowitem
, A.toprowitem:hover
, A.toprowitemactive
{
	TEXT-DECORATION: none;
}

A.toprowitem
{
	COLOR: #EEEEEE;
}

A.toprowitem:hover
{
	COLOR: #ffbb00;
}

A.toprowitemactive
{
	COLOR: #305090;
}


.toprowitemdropdown {
	POSITION: relative;
	DISPLAY: inline-block;
}

.toprowitemdropdown:hover .toprowitemdropdowncontent {
    DISPLAY: block;
}

.toprowitemdropdowncontent {
	FONT-SIZE: 90%;
	LINE-HEIGHT: 140%;
	DISPLAY: none;
	POSITION: ABSOLUTE;
	TEXT-ALIGN: left;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 12px;
	PADDING-LEFT: 20px;
	MIN-WIDTH: 180px;
	BACKGROUND: #202728;
	BOX-SHADOW: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.toprowitemdropdowncontent A 
{
	COLOR: #AAA;
}




/* 
 * NAVBAR
 */

DIV#navbarcontainer
{
	BACKGROUND-COLOR: #104672;
	PADDING: 0px;
	HEIGHT: 50px;
}

TABLE.navbardata
{
	WIDTH: 1000px;
	HEIGHT: 100%;
	MARGIN: 0 auto;
	BORDER: 0px; /* previously <table border="0"> */
	BORDER-SPACING: 0px; /* previously <table cellspacing="0"> */
}

TD.navbar
{
	VERTICAL-ALIGN: middle;
	LINE-HEIGHT: 150%;
	TEXT-ALIGN: center;
	PADDING: 0px; /* previously <table cellpadding="0" >*/

	FONT-FAMILY: NavFlow, Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 100%;
}

UL.navbar
{
	DISPLAY: inline;
	PADDING-LEFT: 0px;
}

UL.navbar LI
{
	DISPLAY: inline;
	MARGIN-LEFT: 4px;
	MARGIN-RIGHT: 0px;
}

A.navbarproditem
, A.navbarproditem:hover
{
	VISIBILITY: hidden;
	DISPLAY: none;
	WIDTH: 0px;
	HEIGHT: 0px;
}


A.navbarproditemactive
{
	COLOR: #B0B0B0;
	COLOR: #FFBB00;
	FONT-SIZE: 105%;
	FONT-WEIGHT: 700;
	TEXT-DECORATION: none;
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 20px;
}


A.navbarsubitem
, A.navbarsubitem:hover
, A.navbarsubitemactive
{
	COLOR: #F4F4F4;
	COLOR: #B0B0B0;
	MARGIN-RIGHT: 4px;
	MARGIN-LEFT: 4px;
} 

A.navbarproditemactive:hover
, A.navbarsubitem:hover
{
	TEXT-DECORATION: underline;
	COLOR: #FFBB00;
}

A.navbarsubitemactive
{
	COLOR: #FFBB00;
	COLOR: #F4F4F4;
}





/* 
 * BODY CONTENT
 */

DIV#footercontainer
{
	BACKGROUND: #202020;
	COLOR: #F0F0F0;
	PADDING-TOP: 26px;
	PADDING-BOTTOM: 26px;
	TEXT-ALIGN: center;
}



/* 
 * CONTENT TABLEDATA ELEMENTS
 */

DIV.bodytable
, TABLE.bodytable
{
	BORDER: 0px;
	BORDER-SPACING: 0px; /* previously <table cellspacing="5"> */
	WIDTH: 100%;	
}

TABLE.bodytable
{
	MARGIN-LEFT: 0px; /* 0px + 5px cellpadding + 5px cellspacing => 10px different from DIV.bodytable */
}

DIV.bodytable
, DIV.bodytablecolumns
{
	PADDING-LEFT: 0px;  /* match DIV.prodheadline */
	PADDING-BOTTOM: 24px;
}

TABLE.bodytable TD
{
	PADDING: 5px; /* previously <table cellpadding="5"> */
}

DIV.prodbodyleft
, DIV.prodbodyright
{
	DISPLAY: inline-block;
	VERTICAL-ALIGN: top;
}

DIV.prodbodyleft
{
	BACKGROUND:url("/images/bodysplit.gif") REPEAT-y;
	PADDING: 5px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 50px;
	PADDING-BOTTOM: 20px;
	BACKGROUND-POSITION: 550px 5px;
	WIDTH: 545px; /* 700px (wdith plus padding left and right) */
}

DIV.prodbodyleftnobg
{
	BACKGROUND: none;
}

DIV.prodbodyright
{
	WIDTH: 330px; /* plus 0 padding */
	PADDING: 0px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 36px;
}

IMG.mainthumbnail
{
	BORDER: 0px;
	PADDING: 0px;
	MARGIN: 0px;
	WIDTH: 100%;
	HEIGHT: auto;
}

DIV.hline520
, DIV.hline520nm
{
	BORDER: 0px;
	BORDER-TOP: 1px solid #CCC;
	MARGIN: 0px;
	PADDING: 0px;
	MARGIN-TOP: 24px;
	MARGIN-BOTTOM: 24px;
	WIDTH: 100%;
	HEIGHT: 2px;
}

DIV.hline520nm
{
	MARGIN: 0px;
}

DIV.spacer
, DIV.vspacer
{
	BACKGROUND:none;
	MAX-HEIGHT:0px;
	BORDER: 0;
	PADDING: 0;
	MARGIN: 0;
}

DIV.vspacer4
{
	HEIGHT:4px;
	MIN-HEIGHT:4px;
	MAX-HEIGHT:4px;
}

DIV.vspacer8
{
	HEIGHT:8px;
	MIN-HEIGHT:8px;
	MAX-HEIGHT:8px;
}

DIV.vspacer16
{
	HEIGHT:16px;
	MIN-HEIGHT:16px;
	MAX-HEIGHT:16px;
}

DIV.vspacer24
{
	HEIGHT:24px;
	MIN-HEIGHT:24px;
	MAX-HEIGHT:24px;
}

/* 
 *
 *    Basic design
 *
 */


TABLE
{
	BORDER: 0px;
}

H1
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 22px;
	COLOR: #181818;
	BORDER-RIGHT: 0px;
	MARGIN-TOP: 2px;
}

H2
{
	FONT-SIZE: 105%;
}

H3
{
	FONT-SIZE: 100%;
}

H1.h1black		/* main h1 for keyword pages */
, H2.h1black	/* a h2 that looks like the keyword page h1 */
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 125%;
	MARGIN-TOP: 2px;
	MARGIN-BOTTOM: 12px;
	COLOR: #202020;
}

H2.prodintro /* product intro on keyword pages */
, B.prodintro	/* product intro inside H1 */
, H2.h1bold /* obsolete */
, B.h1bold	/* obsolete */
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 17.5px;
	FONT-WEIGHT: 600;
}

H2.prodheadline	/* a h2 that looks like the keyword page h1 */
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 110%;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 12px;
}

H2.h1bold /* product intro on keyword pages */
{
	LINE-HEIGHT: 140%;
	FONT-SIZE: 110%;
}

H2.headroom
{
	MARGIN-TOP: 50px;
	MARGIN-BOTTOM: 24px;
}

H3.headroom
{
	MARGIN-TOP: 40px;
}


H1.h1headline
, B.h1headline	/* product headline inside H1, features.html */
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	COLOR: #203090;
	FONT-SIZE: 105%;
	LINE-HEIGHT: 150%;	
	FONT-WEIGHT: 700;
}

B
, B.keywordfeaturehdr /* header "key-benefits", "main-benefits",etc. */
, H2.keywordheadline
, H2.headnoline
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-WEIGHT: 600;
}

B.keywordfeaturehdr /* header "key-benefits", "main-benefits",etc. */
, H2.keywordheadline
, H2.headnoline
{
	FONT-SIZE: 110%;
}

P.glossarydefinition /* explanation below the "Glossary" header */
{
	FONT-SIZE: 110%;
	LINE-HEIGHT: 150%;
	FONT-WEIGHT: 400;
}

.codesamplsx
{
	FONT-FAMILY:  Consolas, Courier New, Lucida Console, Courier;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 90%;
	COLOR: #446;
	MARGIN: 8px;
	MARGIN-LEFT: 16px;
	MARGIN-BOTTOM: 16px;
}

CODE
, PRE
, .codesample /* same as helpexample */
{
    FONT-FAMILY: Consolas, Courier New, Courier;
	-webkit-font-smoothing: subpixel-antialiased;
    FONT-SIZE: 95%;
	COLOR: #207030;
	COLOR: #208030;
    MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 2px;
}

SPAN.codesample
{
	MARGIN: 2px;
}

PRE CODE /* markdown makes code blocks from <pre><code></code></pre> */
{
	MARGIN-LEFT: 0px;
	FONT-SIZE: inherit;
}

SPAN.syntax /* same as helpsyntax */
{
    FONT-FAMILY: Cambria Math, Segoe UI, Times New Roman, Times, Serif, Courier New, Courier;
	-webkit-font-smoothing: subpixel-antialiased;
    FONT-SIZE: 90%;
    FONT-STYLE: ITALIC;
	COLOR: #203040;
    MARGIN-LEFT: 1px;
    MARGIN-RIGHT: 2px;
}

EM.markdown
{
	FONT-FAMILY: Franklin Gothic Medium, Times New Roman, Times, Serif, Courier New, Courier;
	-webkit-font-smoothing: subpixel-antialiased;
	COLOR: #9050A0;
	FONT-STYLE: normal;
}

SPAN.red
{
	COLOR: #600;
}
SPAN.black
{
	COLOR: #202020;
}
SPAN.green
{
	COLOR: green;
}
SPAN.hiblue
{
	COLOR: #805080;
	FONT-STYLE: italic;
}

UL
, OL
{
	PADDING-LEFT: 25px;
	MARGIN-TOP: 8px;
	MARGIN-BOTTOM: 10px;
}

UL.prodfeatures
{
	PADDING-LEFT: 20px;
	MARGIN-TOP: 4px;
	MARGIN-BOTTOM: 4px;
}

OL LI
{
	PADDING: 0px 0px 1px 3px;
}

UL LI
{
	LIST-STYLE-IMAGE: url("/images/li_button_orange.png");
	PADDING: 0px 0px 1px 0px;
}

TH
{
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
	FONT-SIZE: 95%;
	FONT-WEIGHT: 600;
	COLOR: #457;
}

TD
{
	VERTICAL-ALIGN: top;
}

TD.vcenter
{
	VERTICAL-ALIGN: middle;
}

A
{
	xCOLOR: #105891;
	COLOR: #2058B1;
	TEXT-DECORATION: none;
}

A:hover
{
	 COLOR: #ff9900;
	 TEXT-DECORATION: underline;
}

IMG
{
	BORDER: 0px;
}

INPUT
, SELECT
, TEXTAREA
{
 	FONT-FAMILY: Consolas, Courier New, Courier, Helvetica, Geneva, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 15px;
}

A.mainprodlink
{
	
}

A.downloadheaderlink
{
	COLOR: #0065aa;
	TEXT-DECORATION: none;
}

A.downloadheaderlink:hover
{
	COLOR: #ff9900;
	TEXT-DECORATION: none;
}

A.indexheaderlink
{
	COLOR: #000000;
	TEXT-DECORATION: none;
}

A.silver
, B.silver
, SPAN.silver
{
	COLOR: #AAA;
}

A.indexheaderlink:hover
{
	COLOR: #ffbb00;
	TEXT-DECORATION: none;
}


A.highslide
{

}


HR {
	BORDER: 0; 
	HEIGHT: 1px; 
	BACKGROUND: #333; 
	BACKGROUND-IMAGE: linear-gradient(to right, #ccc, #333, #ccc); 
}

HR.fine {
	BORDER: 0;
	HEIGHT: 1px;
	BACKGROUND: #DDD;
}

HR.none { 
	MARGIN-TOP: 7px;
	MARGIN-BOTTOM: 2px;
	MARGIN-LEFT: -5px;
	WIDTH: 80%;
	BACKGROUND-IMAGE: none; 
}


/* 
 * FONT DEFINITIONS
 */

FONT.fontmini
, DIV.fontmini
, SPAN.fontmini
{
	FONT-SIZE: 85%;
	LINE-HEIGHT: 90%;
}

FONT.userquote
, SPAN.userquote
{
	FONT-FAMILY: "Times New Roman", Times, serif;
	FONT-SIZE: 85%;
	FONT-STYLE: Italic;
	LINE-HEIGHT: 110%;
}





/* 
 * CONTENT TABLEDATA ELEMENTS
 */
DIV.prodheadline /* container for the h1 on the prod index and common pages */
, H1.headline
, TD.headline
{
	BACKGROUND-COLOR: transparent; /* was #ffffff */
}

DIV.prodheadline /* container for the h1 on the prod index and common pages */
{
	BORDER-TOP: 0px #DDD solid;
}

H1.prodheadline /* h1 on the prod index pages */
, H1.blueheadline
{
	BACKGROUND-COLOR: transparent; /* was #ffffff */
	FONT-SIZE: 105%;
	PADDING-LEFT: 0px;
}

DIV.prodheadline
, H1.prodheadline /* h1 on the prod index pages, embedded in a DIV.prodheadline */
, H1.blueheadline
, H1.headline
, DIV.glossaryhead
, H2.headline
, TD.headline
, DIV.sectionboxheadline

{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	BACKGROUND-COLOR: transparent;
	COLOR: #203090;
	MARGIN-BOTTOM: 0px;
}

DIV.prodheadline
, H1.blueheadline
{
	FONT-SIZE: 140%;
	LINE-HEIGHT: 140%;
	FONT-WEIGHT: 700;
	PADDING-TOP:20px;
	PADDING-BOTTOM: 28px;
}

H1.blueheadline
{
	FONT-SIZE: 145%;
	PADDING-BOTTOM: 18px;
}

DIV.prodheadline
{
	PADDING-LEFT: 0px; /* match DIV.bodytable */
}

H2.headline
, H2.headnoline
, DIV.glossaryhead
, H2.keywordheadline
, TD.headline
, DIV.sectionboxheadline

{
	FONT-SIZE: 120%;
	LINE-HEIGHT: 150%;
	BACKGROUND-COLOR: transparent;
	BORDER-TOP:0px #CCC solid;
	PADDING-TOP:25px;
	PADDING-BOTTOM:6px;
}

H2.keywordheadline
{
	MARGIN-TOP:12px;
	PADDING-BOTTOM:0px;
	MARGIN-BOTTOM:-2px;
}

H2.headline
, TD.headline
{
	BORDER-TOP:1px #CCC solid;
	VERTICAL-ALIGN: top;
	MARGIN-LEFT: -8px; /* this pushes the line outward */
	PADDING-LEFT: 8px;
}

H2.headlinesub
, H3.headlinesub
{
	MARGIN-TOP: 6px;
}

H3.headlinesub
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 105%;
	FONT-WEIGHT: 600;
	MARGIN-BOTTOM: 14px;
}

H1.markdown
{
	PADDING-BOTTOM: 6px;
}

H2.markdown
{
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: -2px;
	PADDING-BOTTOM: 0px;
}

H3.markdown
{
	MARGIN-TOP: 32px;
	MARGIN-BOTTOM: -4px;
	PADDING-BOTTOM: 0px;
	FONT-SIZE: 100%;
	COLOR: #235;
	COLOR: #C85;
}
H2.markdown + H3.markdown 
{
	MARGIN-TOP: 24px;
}

P + UL.markdown
{
	MARGIN-TOP: -4px;
}
UL.markdown LI
{
	LIST-STYLE-IMAGE: none;
}
UL.markdown LI::marker
{
	COLOR: #77A;
	FONT-SIZE: 95%;
	MARGIN-BOTTOM: 2px;
}

H3.test
{
	FONT-SIZE: 115%;
}

H2.headline > B
, A.downloadheaderlink > B
, TD.headline > B
, DIV.sectionboxheadline > B
{
	FONT-WEIGHT: 700;
}

DIV.deffont
, DIV.keywordtext
, DIV.articletext
{
	VERTICAL-ALIGN: top;
	MARGIN: 0px;
	PADDING: 0px;
	PADDING-RIGHT: 10%;
}

DIV.keywordtext
{
	PADDING-RIGHT: 20%;
}

DIV.keywordtext P
, DIV.keywordtext P
, DIV.articletext P
{
	MARGIN-BLOCK-START: 1em;
	MARGIN-BLOCK-END: 1em;
}

DIV.articlefloater
, DIV.helpfloater
{
	FLOAT: right;
	MARGIN-TOP:22px; /* same as article-h1 */
	MARGIN-LEFT:50px;
	MARGIN-BOTTOM:50px;
	BACKGROUND-COLOR:#EEE;
	PADDING:10px;
	WIDTH:200px;
	HEIGHT:auto;
}

TD.deffont
{
	VERTICAL-ALIGN: top;
	PADDING-TOP: 0px;
}


TD.headline h2
{
	MARGIN-BLOCK-END: 0.5em;
}

TD.headlinespacer 
{
	PADDING: 0px;
	HEIGHT: 4px;
}

TABLE.sectionbox
, TABLE.ordersectionbox
, DIV.sectionbox
{
	PADDING: 8px 24px 12px 30px;
	MARGIN-BOTTOM: 36px;
	MARGIN-LEFT: 10px;
	BACKGROUND-COLOR: #F0F0F0;
	BORDER-RADIUS: 8px;
	BORDER: 0px;
	BORDER-SPACING: 5px; /* previously <table cellspacing="0"> */
}

TABLE.sectionbox TD
, DIV.sectionboxbody
{
	PADDING: 5px; /* previously <table cellpadding="0" >*/
}

TABLE.sectionbox TD.headline 
, TABLE.ordersectionbox TD.headline 
, DIV.sectionboxheadline
{
	PADDING-TOP: 25px;
	BORDER-BOTTOM: 1px #CCC solid;
	PADDING-LEFT: 10px;
	BORDER-TOP: none;
	PADDING-BOTTOM: 16px;
}

TABLE.sectionbox TD.headlinespacer 
, TABLE.ordersectionbox TD.headlinespacer
{
	HEIGHT: 8px;
}

TABLE.featuredprogram
{
	FONT-FAMILY: MainFlow, Arial, Lucida Grande, Tahoma, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 90%;
	COLOR: #000000;
	BACKGROUND-COLOR: #E8E8E8;
	BORDER: 1px #CCCCCC solid;
	WIDTH: 300px;
	HEIGHT: 330px;
	PADDING: 10px;
	PADDING-LEFT: 20px;
	BORDER-SPACING: 0px; /* previously <table cellspacing="0"> */
}

TABLE.featuredprogramheader
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 17px;
	FONT-WEIGHT: 600;
	COLOR: #202020;
	MARGIN-BOTTOM: 10px;
	BORDER-SPACING: 5px;
}

TD.featuredprogram
{
	COLOR: #000000;
	PADDING: 10px;
}


TABLE.markdown
{
	MARGIN-TOP: 20px;
	MARGIN-LEFT: 4px;
	BORDER: 0px;
	BORDER-SPACING: 0px; /* previously <table cellspacing="5"> */
	BORDER-RIGHT:1px #DDDDDD solid;
	BORDER-BOTTOM:1px #DDDDDD solid;
}

TD.markdown
, TH.markdown
{
	PADDING: 4px 8px 4px 8px;
	VERTICAL-ALIGN: top;
	FONT-SIZE: 90%;
	BORDER-LEFT:1px #DDDDDD solid;
	BORDER-TOP:1px #DDDDDD solid;
}

TH.markdown
{
	COLOR: #346;
	FONT-SIZE: 90%;
}


TABLE.ordertable
{
	BORDER: 0px;
	BORDER-SPACING: 2px; /* previously <table cellspacing="5"> */
}

TD.order_head_l
, TD.order_head
, TD.order_sub
, TD.order_subprice
, TD.order_subline
{
	BORDER:1px #DDDDDD solid;
	BORDER-RADIUS: 8px;
	PADDING: 5px;
	PADDING-LEFT: 18px;
}

TD.order_subprice
{
 	FONT-FAMILY: Arial, Helvetica, Geneva, Sans-Serif;
	-webkit-font-smoothing: subpixel-antialiased;
	FONT-SIZE: 15px;
	LINE-HEIGHT: 22px;
	COLOR: #202020;
}

TD.order_head_l
, TD.order_sub
{
	WIDTH: 450px;
	VERTICAL-ALIGN: middle;
}
TD.order_head
, TD.order_subprice
{
	WIDTH: 180px;
}

TD.order_intro_l
, TD.order_intro_r
{
	MARGIN-TOP: -5px;
	PADDING: 0 5px 0 5px;
}

TD.order_intro_r
{
	WIDTH: 55%;
	VERTICAL-ALIGN: bottom;
}

TD.orderdescription
, TD.pricingdescription
{
	VERTICAL-ALIGN: top;
}

TD.orderdescription
{
	PADDING-RIGHT: 40px;
}
DIV.order_intro_r
{
	FLOAT: right;
	FONT-SIZE: 95%;
	LINE-HEIGHT: 133%;
	MARGIN: 10px;
	MARGIN-RIGHT: 10px;
	WIDTH: 80%;
	PADDING: 10px;
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 20px;
	BORDER-RADIUS: 4px 4px 4px 4px ;
	BACKGROUND-COLOR: #642771;
	BORDER: 1px solid #541761;   
	COLOR: #EEE;
	FONT-WEIGHT: 400;
}

DIV.order_intro_r > A
{
	COLOR: #FFFFFF;
}
A.order_intro_r
{
	COLOR: #F8C582;
	COLOR: #FFF;
	FONT-WEIGHT: 600;
}

DIV.order_intro_r  LI
{
	LIST-STYLE-IMAGE: none;
}

TD.order_head
{
	BACKGROUND-COLOR: #E8E8E8;
}

TD.order_sub
, TD.order_subline
, TD.order_subprice
{
	BACKGROUND-COLOR: #F8F8F8;
}

TD.order_subprice
{
	PADDING-TOP: 15px;
	PADDING-LEFT: 20px;
}

DIV.buybuttonrot
, DIV.buybuttonblau
{
	FONT-SIZE: 85%;
	LINE-HEIGHT: 133%;
	TEXT-ALIGN: CENTER;
	BORDER-RADIUS: 4px 4px 4px 4px ;
	MARGIN-BOTTOM: 15px;
	BACKGROUND-COLOR: #B1B1B1;
	BORDER: 1px solid #808080;   
	WIDTH: 75px;  /* plus padding */
	PADDING: 3px; 
	COLOR: #EEEEEE;
	FONT-WEIGHT: 600;
	MARGIN-TOP: 6px;
}

DIV.buybuttonrot
{
	BACKGROUND-COLOR: #B11010;
	BORDER: 1px solid #801000;   
	COLOR: #FFDDDD;
}

DIV.buybuttonblau
{
	BACKGROUND-COLOR: #316AC8;
	BORDER: 1px solid #214a88;   
	COLOR: #DDDDFF;
}



/*
 *  downloadbutton with image
 */

A.downloadbutton
{
	LINE-HEIGHT: 100%;
	COLOR: #F0F0F0;
}

A.downloadbutton:hover
{
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}


input[type=submit].bluebutton
{
	FONT-FAMILY: MainFlow;
	BACKGROUND: #10509C;
	COLOR: #EEE;
	WIDTH: 160px; /* plus padding */
	PADDING: 6px;
	BORDER: 0px;
	BORDER-RADIUS: 4px;
}

DIV.downloadbutton
{
	BACKGROUND: #10509C;
	WIDTH: 224px; /* plus padding */
	HEIGHT: 36px; /* plus padding */
	PADDING: 8px;
	PADDING-TOP: 10px;
	BORDER-RADIUS: 4px;
	MARGIN-TOP: 4px;
}

DIV.downloadbuttongray {
	BACKGROUND: #4486a1;
}

DIV .downloadbutton:hover
{
	BACKGROUND: #1456AA;
}

DIV.downloadbutton_l
, DIV.downloadbutton_small_l
{
	BACKGROUND: url("/images/download_btn_sym4.png") no-repeat;  
	BACKGROUND-SIZE: auto 34px;
	FLOAT: left;
	WIDTH: 46px;
	HEIGHT: 38px;
	MARGIN-LEFT: 8px;
	OVERFLOW: hidden;
	MARGIN-LEFT: 12px;
}

DIV.downloadbutton_title
, DIV.downloadbutton_small_title
{
	FONT-SIZE: 16px;
	LINE-HEIGHT: 120%;
	FONT-WEIGHT: 400;
	MARGIN-TOP: -1px;
}

DIV.downloadbutton_subtitle
{
	MARGIN-TOP: 2px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: 400;
	LINE-HEIGHT: 100%;
}



DIV.actionbutton
{
	DISPLAY: table-cell;
	BACKGROUND-COLOr: #134288;
	WIDTH: 180px; /* plus padding */
	HEIGHT: 40px; /* plus padding */
	PADDING: 4px;
	BORDER-RADIUS: 4px;
	VERTICAL-ALIGN: middle;
	TEXT-ALIGN: center;
}

DIV.actionbutton_green
{
	BACKGROUND-COLOR: #96C322;
	BACKGROUND-COLOR: #66A820;
}

DIV.actionbutton_inner
{
	DISPLAY: inline-block;
	FONT-SIZE: 18px;
	LINE-HEIGHT: 120%;
	FONT-WEIGHT: 400;
}





/*
 *  small downloadbutton (download.html) 
 */

DIV.downloadbutton_small
{
	BACKGROUND: #104f9c;
	WIDTH: 160px; /* plus padding */
	HEIGHT: 24px; /* plus padding */
	PADDING: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-RADIUS: 4px;
}

DIV.downloadbutton_small_l
{
	BACKGROUND-SIZE: auto 22px;
	WIDTH: 32px;
	HEIGHT: 22px;
	
	WIDTH: 0px;
	OVERFLOW: hidden;
	MARGIN-LEFT: 12px;
}

DIV.downloadbutton_small_title
{
	FONT-SIZE: 14px;
	FONT-WEIGHT: 700;
	MARGIN-TOP: 2px;
}



/*
 *  wide downloadbutton (downloadtransit.html) 
 *  (via http://css3buttongenerator.com/)
 */

A.downloadbutton_wide 
{
	DISPLAY: table;
	MARGIN-TOP: 8px;
	BORDER-RADIUS: 5px;
	BACKGROUND: #10509C;
	COLOR: #ffffff;

	PADDING: 10px 16px 10px 16px;
	PADDING: 7px 12px 7px 12px;
	TEXT-DECORATION: none;
}

A.downloadbutton_wide:hover 
{
	BACKGROUND: #1456AA;
	TEXT-DECORATION: none;
}



/*
 *  footer
 */

FONT.fontfooter /* obsolete */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 18px;
}

DIV#footercontainer TABLE
,TABLE#footertable
{
	MARGIN: 0 auto; /* center table */
}

TD.footercolumn
{
	WIDTH: 200px;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

SPAN.footertext
{
 	FONT-FAMILY: Arial, Helvetica, Geneva, Sans-Serif;
	FONT-SIZE: 110%;
	LINE-HEIGHT: 125%;
}


SPAN.footertext A
{
	COLOR: #50B8D0;
}



/*********************************************************************************
 * 
 * ssh-client
 * 
 ******************************************************************************* */
TD#toprowmenu_menu_x
, DIV.downloadbutton
, UL.navbar
{ DISPLAY:none; }

DIV#pagebg
{
	BACKGROUND-IMAGE: linear-gradient(rgba(32, 39, 41, 0.65), rgba(32, 39, 41, 0.7));
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-SIZE: 125%;
}






/*********************************************************************************
 *  videoslide
 */

.videoslide-thumb
{
  cursor: pointer;
}

.videoslide-overlay
{
  POSITION: fixed;
  TOP: 0;
  LEFT: 0;
  WIDTH: 100%;
  HEIGHT: 100%;
  BACKGROUND-COLOR: rgba(0, 0, 0, 0.66); /* Adjust opacity as needed */
  Z-INDEX: 9999;
}

.videoslide-modal {
    POSITION: absolute;
    LEFT: 20%;
    TOP: 50%;
    TRANSFORM: translate(-10%, -50%);
    xBACKGROUND-COLOR: #fff;
    BACKGROUND-COLOR: transparent;
    PADDING: 20px;
    BORDER-RADIUS: 8px;
    xWIDTH: 95%;
    xHEIGHT: 90%;
    MIN-WIDTH: 80%;
    MIN-HEIGHT: 80%;
    MAX-WIDTH: 95%;
    MAX-HEIGHT: 95%;
}

.videoslide-modal-video {
   POSITION: absolute;
   TOP: 10px;
   LEFT: 10px;
   RIGHT: 0px;
   BOTTOM: 0px;
   WIDTH: auto;
   MARGIN: 0 auto;
   MAX-WIDTH: 100%;
   HEIGHT: 97%;
}

.videoslide-closebutton {
    POSITION: absolute;
    WIDTH: 30px;
    BORDER-RADIUS: 15px;
    BACKGROUND-COLOR: white;
    OPACITY: 75%;
    COLOR: black;
    FONT-SIZE: 24px;
    TOP: -15px;
    RIGHT: -15px;
    CURSOR: pointer;
    BORDER: 0px;
    PADDING: 2px 0 0 0;
    HEIGHT: 30px;
    PADDING: 0;
    VERTICAL-ALIGN: MIDDLE;
}