/* Reset border, margin, and padding for all used elements */
body /*, div, h1, h2, h3, h4, h5, h6, img, p, pre, ol, ul, li, hr, form, label, table, td, tr*/
{
border: 0;
margin: 0;
padding: 0;
}
a:hover
{
outline: none;
text-decoration:underline;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* Site CSS */
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
li,
select,
textarea
{
font-family:Tahoma, Geneva, Verdana, Arial, sans-serif;
}
body
{
font-size:12pt;
background-color:#636363;
}
a
{
color:#ac0a0a;
text-decoration:none
}
h1
{
border-bottom:2px solid #000000;
font-size:14pt;
font-weight:bold;
padding:10px 0px 0px 15px;
text-align:left;
text-decoration:none;
width:97%;
}
h1.hero
{
border:0;
font-size:24pt;
text-align:center;
margin:20px 0;
padding:0;
width:100%;
}
h1.hero .accent
{
color:#c80113;
}
h1.home
{
border-bottom:0px none;
font-size:12pt;
font-weight:normal;
margin:10px 0;
padding:0;
text-align:center;
text-decoration:none;
width:100%;
}
h2
{
font-size:12pt;
font-weight:bold;
text-align:left;
text-decoration:none;
}
h3
{
font-size:12pt;
font-style:italic;
font-weight:normal;
text-align:left;
text-decoration:none;
}
hr
{
background-color:#000000;
border:0px none #ffffff;
color:#000000;
height:2px;
width:80%;
}
input
{
background-color:#ffffff
}

#pBody
{
margin: 0px auto;
padding: 0px 5px;
}
#pDefault
{
margin: 8px auto 0;
max-width: 970px;
}
#pDemo
{
margin: 8px 0 0;
width: 100%;
}
#pDefault, #pDemoRight
{
background-color:#ffffff;
padding:10px 5px 20px 5px;
}
#pDemoNav
{
color:#ffffff;
display:inline-block;
margin:0px -5px;
padding:0px 5px;
white-space:nowrap;
vertical-align:top;
}
#pDemoNav a
{
color:#ffffff;
display:block;
margin:2px 0;
}
#pDemoNavHide a
{
font-size:20px;
margin:0 5px 5px -5px;
padding:5px;
}
#pDemoNavHide a:hover
{
background-color:#000000;
text-decoration:none;
}
#pDemoNavList
{
overflow:auto;
overflow-x:hidden;
}
#pDemoRight
{
display:inline-block;
width:775px;
}
#pFoot a, #pSub a
{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
#pFoot a:hover, #pSub a:hover
{
color:#ffffff;
text-decoration:underline;
}
#pFoot
{
background:#3D3C3A;
clear:both;
color:#ffffff;
margin:0 auto;
padding:7px 0;
text-align:left;
width:980px;
}
#pFoot a
{
display:block;
font-size:14px;
font-weight:normal;
padding:0 0 10px 20px;
text-align:left;
}
#pFoot h4
{
border:0;
font-size:20px;
font-weight:bold;
margin:0 auto;
padding:15px 0 10px 20px;
text-align:left;
}
#pSub
{
background:#000000;
clear:both;
color:#ffffff;
font-size:12px;
margin:0 auto 8px;
padding:10px 0;
text-align:center;
width:980px;
}
.DemoSourceViewer
{
background-color:#d6eefd;
border:1px solid #b0cbec;
}
.DemoSourceViewer a
{
color:#999999;
display:inline-block;
font-weight:bold;
margin:5px 10px;
width:100px;
}
.DemoSourceViewer a:hover
{
color:#000000;
text-decoration:none;
}
.DemoSourceViewer div
{
background-color:#ffffff;
border:1px solid #b0cbec;
height:400px;
overflow:auto;
margin:0px 10px 10px 10px;
padding:3px;
}
.DemoSourceViewer h1
{
border:0px none #ffffff;
font-size:20px;
margin:10px;
padding:0;
}
.DemoSourceViewer h2
{
border-bottom:2px solid #000000;
margin:5px 0px;
padding:0;
font-size:15px;
}
.DemoSourceViewer li
{
display:inline;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.DemoSourceViewer ul
{
margin:0;
padding:0;
white-space:nowrap;
}

.eula
{
clear:both;
margin: 0 auto;
max-width: 500px;
}
.eula-body
{
border: 2px solid #333333;
font-size: 80%;
height: 200px;
overflow:scroll;
padding: 5px 20px;
}
.eula-foot
{
background-color: #999999;
border-left: 2px solid #333333;
border-bottom: 2px solid #333333;
border-right: 2px solid #333333;
height: 40px;
line-height: 40px;
padding: 5px;
text-align: right;
}
.eula-foot a
{
background-color: #ffffff;
border: 2px solid #333333;
margin: 5px;
padding: 5px 20px;
text-align: right;
}
.eula-foot input
{
background-color: transparent;
}
.eula-subfoot
{
font-size: 0.8em;
padding: 5px;
text-align: center;
}

.pForm
{
border:1px solid #000000;
margin:0 auto;
max-width:600px;
}
.pForm button,
.pForm input,
.pForm select
{
background-color:#ffffff;
color:#000000;
font-size:16px;
line-height:20px;
}
.pForm input[type="checkbox"]
{
margin: 12px;
}
.pForm button,
.pForm input[type="email"],
.pForm input[type="file"],
.pForm input[type="text"],
.pForm select
{
border:1px solid #000000;
margin:10px 10px 10px 20px;
padding:5px;
height:30px;
width:220px;
}
.pForm input[type="submit"]
{
border:1px solid #000000;
border-radius:5px;
cursor:pointer;
float:right;
min-width:120px;
margin:10px;
padding:12px;
}
.pForm input[type="submit"]:hover
{
background-color:#74c601;
}
.pFormHeader, .pFormFooter, .pFormWide
{
box-sizing: border-box;
clear:both;
display:inline;
float:left;
margin:0 auto;
padding:10px;
width:100%;
}
.pFormHeader
{
background:#CDCDCD;
text-align:center;
}
.pFormFooter
{
background:#CDCDCD;
}
.pFormLeft
{
border-right:2px solid #CDCDCD;
clear:both;
}
.pFormLeft, .pFormRight
{
box-sizing: border-box;
display:inline;
float:left;
padding:10px;
width:300px;
}
.pFormPrice
{
font-style:italic;
text-align:center;
}
.pFormSmall
{
font-size:0.8em;
}
.pFormTiny
{
font-size:0.7em;
}
.pFormWarn
{
color:#ac0a0a;
float:left;
font-weight:bold;
margin:10px;
padding:12px;
}
.pFormWide
{
border-top:2px solid #CDCDCD;
text-align:center;
}
@media only screen and (max-width:625px)
{
.pForm
{
margin:0 auto;
max-width:300px;
}
.pFormLeft
{
border-bottom:2px solid #CDCDCD;
border-right:0;
}
}

.rButton175
{
background-image:url(/images/pdfe_button_175.gif);
background-position:left top;
background-repeat:no-repeat;
color:#000000;
display:block;
font-size:12px;
font-weight:bold;
height:19px;
margin:0 auto;
overflow:hidden;
padding:5px 20px 0 20px;
text-align:center;
text-decoration:none;
width:135px;
}
.rButton175:active
{
background-position:left bottom;
outline:none;
}
.rButton175:hover
{
text-decoration:none;
}
.rInfo
{
background-color:#D6EEFD;
border:1px solid #B0CBEC;
font-size:12pt;
margin:25px auto;
padding:15px;
width:88%;
}
.rWarn
{
background-color:#FDE6D8;
border:1px solid #ECD2B1;
font-size:1.1em;
margin:25px auto;
padding:10px;
width:88%;
}
.rWarn h1
{
border:0;
font-size:1.4em;
padding:2px;
text-align:center;
}
.rOverview a
{
border:0px none;
color:#000000;
cursor:pointer;
margin:0 0 0 -32px;
padding:0 0 0 32px;
text-decoration:none;
}
.rOverview a:hover
{
text-decoration:none;
}
.rOverview h2
{
background-image:url(/images/icon_check.gif);
background-position:5px center;
background-repeat:no-repeat;
border:0px none;
font-size:23px;
font-weight:normal;
margin:0px;
padding:10px 0 10px 32px;
}
.rOverview h2:hover
{
background-color:#dfdfdf;
text-decoration:none;
}
.rFeature
{
border-bottom:1px solid #dfdfdf;
min-height:200px;
padding:10px 0;
}
.rFeature p
{
margin:0 0 10px;
text-align:justify;
}
.rFeature li
{
line-height:normal;
margin:0 0 0 25px;
padding:0 0 7px;
text-indent:0;
}
.rFeature ul
{
list-style:disc outside none;
margin:0;
padding:0;
}
.rFeatureTop
{
background-image:url(/images/icon_top.gif);
background-position:left center;
background-repeat:no-repeat;
clear:both;
float:right;
font-size:10px;
padding:5px 50px 5px 13px;
}

.rVersion
{
background-color:#F0F0F0;
border:1px solid #000000;
padding:0px 10px;
margin:5px;
overflow:auto;
}
.rVersion ul
{
overflow:auto;
}

.tooltipBottom,
.tooltipLeft,
.tooltipRight
{
position:absolute;
top:0;
left:0;
z-index:1000;
display:none;
background-image:url(/images/tooltip_bottom.gif);
background-position:center top;
background-repeat:no-repeat;
color:#303030;
font-size:12px;
line-height:18px;
padding:8px;
text-align:center;
width:250px;
}

.tooltipBottom div,
.tooltipLeft div,
.tooltipRight div
{
background-color:#D6EEFD;
border:1px solid #B0CBEC;
padding:10px 13px;
}
.tooltipLeft
{
background-image:url(/images/tooltip_left.gif);
background-position:right center;
}
.tooltipRight
{
background-image:url(/images/tooltip_right.gif);
background-position:left center;
width:220px;
}
.addTooltipBottom,
.addTooltipLeft,
.addTooltipRight
{
border-bottom:1px dashed #4E8BD4;
cursor:default;
}
.winget code
{
background-color: #f0f0f0;
border: 1px dashed #000;
display: block;
padding: 10px;
}

/* Nav CSS */
.nav-container
{
background-color: #c80113;
border-bottom: 3px solid #1a1a18;
box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.35);
height: 50px;
text-align:center;
white-space: nowrap;
width: 100%;
}
.nav-collapse
{
height: 50px;
margin: 0 auto;
max-width: 960px;
min-width: 740px;
}
.nav-collapse a
{
display: block;
}
.nav-logo
{
clear: none;
float: left;
height: 46px;
padding: 5px;
text-align: left;
}
.nav-logo table
{
table-layout: fixed;
width:300px;
}
.nav-logo td
{
color:#ffffff;
font-size:13px;
vertical-align:middle;
white-space:normal;
word-wrap:break-word;
}
.nav-logo img
{
border: 0 none;
height: 43px;
width: 124px;
}
.nav-menu
{
clear: none;
float: right;
height: 50px;
padding: 0;
text-align: right;
}
.nav-menu a
{
color: #f1f1f1;
font-size: 15px;
font-weight:400;
line-height: 50px;
min-width: 50px;
padding: 0 12px;
text-align: center;
text-decoration: none;
transition: all 0.4s ease 0s;
}
.nav-menu a:hover
{
background-color: #de1c1f;
}
.nav-menu span
{
display: inline-block;
vertical-align: top;
}
.nav-toggle
{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
cursor: pointer;
display: none;
height: 50px;
position: absolute;
overflow: hidden;
right: 0;
top: 0;
user-select: none;
width: 50px;
}
.nav-toggle span
{
background-color: #ffffff;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
content: '';
height: 4px;
position: absolute;
right: 12px;
width: 25px;
}
.js .nav-collapse
{
overflow: hidden;
width: 100%;
zoom: 1;
}

/* UI improvements for non-desktop  */
@media only screen and (max-width: 989px) /* match skeleton.min.css */
{
html
{
background-color:#000000;
}
#pFoot
{
margin-top:8px;
width:auto;
}
#pSub
{
margin-bottom:0;
width:auto;
}
}

/* Squeeze */
@media only screen and (max-width: 920px)
{
.nav-collapse .nav-menu
{
padding: 0 10px 0 0;
}
.nav-collapse .nav-menu a
{
padding:0 10px;
}
}
@media only screen and (max-width: 880px)
{
.nav-collapse .nav-menu a
{
padding:0 6px;
}
}
@media only screen and (max-width: 840px)
{
.nav-collapse .nav-menu a
{
padding:0 4px;
}
}
@media only screen and (max-width: 800px)
{
.nav-collapse .nav-menu a
{
padding:0 2px;
}
}

/* Nav Responsive CSS (takes effect at 760px, the same as .nav-collapse["min-width"]) */
@media only screen and (max-width: 760px)
{
.js .nav-collapse
{
min-width: 300px;
}
.js .nav-collapse.closed
{
height: 50px;
}
.js .nav-collapse.opened
{
background-color: #c80113;
height: 360px;
z-index: 1000;
}
.js .nav-collapse .nav-logo
{
float: none;
width: 100%;
}
.js .nav-collapse .nav-menu
{
height: 310px;
width: 100%;
}
.js .nav-collapse .nav-menu span
{
display: block;
width: 100%;
}
.js .nav-toggle
{
display: block;
z-index: 1001;
}
#pDemoNav,
#pDemoRight
{
display:block;
width:auto;
}
#pDemoNavList a
{
margin:4px 0;
}
.rOverview a
{
font-size:18px;
}
}