/* Color Palette
    
    #fff - white
    #000 - black
    #059 - blue (as in default hyperlinks)
    #334 - Near Black (as in H1's)
    #eef - Near White
    #38C - Stylus Logo Blue
    #9abedc - Horiz menu backround blue
    #556 - charcoal blue grey (as in horiz menu text)
    #d4e6f4 - pale blue
    #efeff1 - gray in breadcrumbs

*/

.download-title {
font-size: 18px;
margin: 0px 0px 0px 0px;
}

.downloadtype {
    background: #f1f1f1;
    padding: 20px 20px 5px 20px;
    margin: 0px 0px 20px 0px;
    min-width:350px !important;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    background-image: url(/images/windows10.png);
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: top right;
}

.downloadhalf {
    width: 44% !important;
}

.downloadhalfleft {
    margin-right: 10px;
}

.freetrial {
    margin: -7px 0px 0px 0px;
    font-size: 14px;
    color: #858585;
}

.new-download-button {
    width: 230px;
    display: block;
    margin: 10px 10px 20px 0px;
    background: #1d5ba0;
    color: #fff;
    font-size: 24px;
    padding: 14px 12px 14px 15px;
    background-image: url(/images/download-icon.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 205px;
}

.new-download-pro {
    display:block;
    margin: -15px 0px 0px 0px;
    font-size: 12px;

}

.home-wrap {
margin: 5px 0px 0px 0px;
}

.home-columns {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:25%;
float:left;
padding:4px 15px 10px 15px;
border-top: 1px solid #bcbcbc;
}

.home-column-header {
display: block;
margin:0px 0px 0px 0px;
border-bottom:1px solid #898989;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
padding:7px 5px 5px 8px;
color: #000;
font-weight: bold;
font-size: 18px;
width:100%;
/*
	-webkit-box-shadow:  0px 1px 5px 0px rgba(100, 100, 100, 1);
    box-shadow:  0px 1px 5px 0px rgba(100, 100, 100, 1);
	*/
}

/* Home Videos */

.homevideographic {
    display: block;
    margin: 15px auto 15px;
    text-align: center;
}

a.homevideo {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 14px;
    border: 1px solid #000;
    background: rgb(30,109,170);
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 15px;
    background-image:url('/images/homevideoplay.png');
    background-position: 7px 8px;
    background-size: 33px;
    background-repeat:no-repeat;
}

a.homevideo:hover,
a.homevideo.hover,
a.homevideo.active {
text-decoration: none !important;
background: #4aa6e3;
    background-image:url('/images/homevideoplay.png');
    background-position: 6px 6px;
    background-size: 37px;
    background-repeat:no-repeat;
    }

.homevideotext {
display: block;
margin: 0px 0px 0px 35px;
}

/* New Banner */
.clear { clear:both; padding: 0px 0px 20px 0px;}
.wrapper { width:980px; margin:0 auto; }
.slider { margin:10px 0 20px;  position:relative; background:#fff;}
.slider .slide { display:none; margin: 0px auto; text-align:center; font-size:24pt; background:#fff; }
.header { background:#eee; font-size:18pt; }
.content { }
.footer { text-align:center; }

.slide img {
	width:85%;
	border:1px solid #000;
	margin: 0px auto;
	-webkit-box-shadow:  0px 2px 5px 0px rgba(100, 100, 100, 1);
    box-shadow:  0px 2px 5px 0px rgba(100, 100, 100, 1);
	background:#fff;
}

.slider-nav { margin: -12px auto 0px;} 
.slider-nav  li { margin:0px; text-decoration:none; list-style:none; display:inline-block; }

a.nav-but {
display:block;
font-family: sans-serif;
font-size:14px;
font-weight:bold;
color: #fff;
text-decoration:none;
padding:9px 10px 10px 10px;
width: 85px;
height:15px;
border:1px solid #3280b4;
margin:-35px 0px 0px 0px;

background: rgb(29,91,160); /* Old browsers */

}

a.nav-but:hover, 
a.nav-but.hover, 
a.nav-but.active {
	text-decoration: none !important;
	/*Background*/

background: #4aa6e3; /* Old browsers */

}

a.nav-but:active,
a.nav-but.active  {
	border-color:#000000;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(100, 100, 100, 1);
    box-shadow:  0px 0px 5px 0px rgba(100, 100, 100, 1);
}



/* Added by Ryan */

.header-wrap {
display:block;
padding-top:10px;
height: 75px;
}

.logo-hold {
float:left; /* IMPORTANT */
}

.sale-hold {
float:left; /* IMPORTANT */
}

.main-logo {
display:block;
width:295px;
margin-right:0px;
float: left;
}

.logo-text {
float: left;
font-size: 18px;
margin: 22px 0px 0px 16px;
color: #454545;
}

.head-tm {
font-family: sans-serif;
font-size: 18px;
color: #454545;
text-align: right;
font-weight: bold;
}

.head-social-links {
display:block;
margin:20px 25px 0px 20px;
float:left; /* IMPORTANT */
}

.head-links {
float: right;
margin: 10px 0px 0px 0px;
color: #353535;
font-size: 12px;
}

.head-links-text {
padding-top: 0px;
float: right;
}

.quickjump {
font-size: 15px;
font-weight: bold;
margin-left:8px;
padding-bottom:5px;
float:left;
padding-top:5px;
}

.quickjump-row {
border-top: 1px #454545 solid;
border-left: 1px #454545 solid;
border-right: 1px #454545 solid;
padding: 8px 0px 8px 5px;
background-color: #ededed;
height:30px;
}

.quickjump-row.last {
border-bottom: 1px #454545 solid;
}

.quickjump-image {
margin-top: 6px;
margin-left: 5px;
float:left;
}

.quickjump-image.top {
margin-left: 25px;
}

.quickjump-wrap {
padding-bottom:20px;
}

.quickjump-wrap.top {
margin-top: 8px;
padding-bottom: 40px;
padding-left: 10px;
padding-top: 7px;
background: #f9f8a2;
border: 1px solid #ffda2f; 
}

/* End Ryan */


/* NEW BUY */

a.ss-buy-buttons {
	font-family: sans-serif;
	font-size:46px;
	color:#FFFFFF;
	display: inline-block;
	padding: 10px 15px 7px 15px;
	margin-top:0px;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	text-align: center;
	text-decoration: none !important;
	background: #GHGHGH;
	border-color: #656565;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background-color: #3782df; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #a0c4f0),
					color-stop(1, #3782df)
				);
	background: -moz-linear-gradient(
					center top,
					#a0c4f0 20%,
					#3782df 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 1px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 1px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 1px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.ss-buy-buttons.text {
margin:0px 0px 0px 0px;
font-size:30px;
padding: 9px 16px;
color:#fff;
}

a.ss-buy-buttons:hover, 
a.ss-buy-buttons.hover, 
a.ss-buy-buttons.active {
	text-decoration: none !important;
	/*Background*/
	background: #3782df; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3782df),
					color-stop(1, #3782df)
				);
	background: -moz-linear-gradient(
					center top,
					#3782df 20%,
					#3782df 100%
				);
}

a.ss-buy-buttons:active,
a.ss-buy-buttons.active  {
	border: #333 solid 1px;
	margin-top:-2px;
}

.ss-home-text {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#454545;
text-align:left;
margin-bottom:-15px;
margin-top:30px;
width: 810px;
}

.buy-page-wrap {
padding: 10px;
width:805px;
}

.buy-top {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
text-align:left;
margin-bottom:25px;
height:115px;
}

.buy-corporate {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
text-align:left;
background: #eaeaea;
padding: 5px 20px 5px 20px;
margin:15px 0px 15px 0px;
border: 1px solid #aaa;
}

.ss-buy-item {
height: 60px;
padding: 20px 0px 20px 0px;
width: 810px;
border-bottom: 1px solid #aaa;
}

.ss-item {
float:left;
padding: 10px;
}

.ss-item.name {
width:370px;
padding: 10px 0px 0px 0px;
}

.ss-item.amount {
width:180px;
}

.ss-item.price {
width:50px;
color:#ac0e0e;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
margin:13px 0px 20px 0px;
text-align:center;
}

.ss-item.buy {
width: 165px;
text-align: right;
padding: 10px 0px 0px 0px;
}

.ss-version {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#000;
font-weight:bold;
}

.ss-release {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#555;
font-weight:normal;
margin: 5px 0px 0px 0px;
}

.ss-compare {
margin:30px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration:none;
}

.compare-img {
margin: 0px 5px -9px 0px;
}


/* END BUY */


body
{
    margin-top: 1em;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 12px;
	background-repeat:no-repeat;
	background-attachment:none;
	background-position:top center;
	background-color: #fff;
}

body, body p, body ul, ol, td
{
    line-height: 200%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 82%;
}


td p, td ul, ol, th ul, th ol, td td, ul li ul, ol li ol
{
    font-size: 100%;
}

ul.multiline li
{
    margin-bottom: .5em;
}

ul.plain 
{
    margin-left:15px; 
    padding-left:10px; 
}
ul.plain li
{
    margin-bottom: .5em;
}

a /*[href]*/
{
    color: #059;
    text-decoration: none;
}

/* deleted 
a.list
{
    color: #000;
    text-decoration: underline;
}
*/

a:hover /*[href]*/
{
    text-decoration: underline;
}


a[name] { color: black; }
a[name][href] { color: #059; }
a[name]:hover { text-decoration: none; }
a[name][href]:hover { text-decoration: underline; }


div.vidLink 
{
    background: #edc  url(/images/reel.gif) 5px 5px no-repeat;
    padding: 4px 10px 4px 24px;
    white-space: nowrap;
    float:right;
    margin-right:1em;
    border: 1px solid #cba;
    
}

div.pdfLink 
{
    background: #fe9  url(/images/Adobe-acrobat.gif) 5px 5px no-repeat;
    padding: 4px 10px 4px 24px;
    white-space: nowrap;
    float:right;
    margin-right:1em;
    border: 1px solid #fcc;
    
}


div.vidLink a
{
    color:#fc2a04;
    font-weight:bold;
    font-family:Arial;
}



a.extLink 
{
    background-image: url(/images/external.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 12px;
    white-space: nowrap;
}


img
{
    border: 0;
}


h1, h2, h3, h4, h5, h6
{
    color: #334;
    line-height:normal;
	font-family: "Arial" !important;
}

p
{
    margin-top: 0;
}

h1
{
    font-family: "Trebuchet MS";
    font-size: 24px;
	font-weight: bold;
}

h2
{
    font-family: "Trebuchet MS";
    font-size: 18px;
    font-weight: bold;
}

h3, h4, h5, h6
{
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.1em;
}

hr
{
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    border: 0 solid #ccc;
    border-top-width: thin;
}

code 
{
    font-size:small;
}

#masthead
{
    width: 100%;
}


#mastheadLinks
{
    /* background-image: url(/images/slant1.gif);     background-repeat: no-repeat;     background-position:left top;      padding:0 3em; */
    padding: 0px 1em 10px 1em;
  /*  background-color: #38c; 
    color: #eef; */
	color: #353535;
    font-size: 12px;
    line-height: normal;
    margin: 0px 0px 0px 0px;
	display:block;
}

#mastheadLinks a
{
    color: #38c;
    text-transform: uppercase;
}


/* -------- top menu strip -------- */

#menustrip
{
    width: 100%;
    /* background-color: #3280b4; */
    background-color: #1d5ba0;
    margin:0px;
	height:30px;
	color: #fff;
}

#menustrip td
{
    border-right: 1px solid #eef;
    white-space: nowrap;
    font-size: 100%;
}

#menustrip a.menuItem, #menustrip a.menuItemActive
{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 2px 16px 0px;
    letter-spacing: 1px;
    display: block;
    font-family: Arial;
}

#menustrip a.menuItem:hover
{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 2px 16px 0px;
    letter-spacing: 1px;
    display: block;
    font-family: Arial;
    background-color: #1d8ed8;
	/* background-color: #4aa6e3; */
}


#menustrip a.menuItemActive
{
    color: #fff;
    background-color: #1d8ed8;
    /* background-color: #4aa6e3; */
}


#menustrip a.menuAlt, #menustrip a.menuAlt:hover
{
    margin: 0px 0px 0px 0px;
    color: #fff;
    text-transform: uppercase;
}


/* -------- main layout -------- */

#mainContent{
}

#ContentCol
{
    text-align:left;
}

.LeftColFixed
{
    width: 160px;
    margin-right: 1em;
}

.RightColFixed
{
    width: 160px;
    margin-left: 1em;
}

/* -------- Footer -------- */

#footing, #footing td
{
    font-size: x-small;
    margin-top: 20px;
    color: #556;
    line-height:normal;
}
#footing1
{
    background-color: #ddd;
    padding: 5px;
    margin-bottom:5px;
}

#footing3
{
    float:right;
    margin-left:5px;
    margin-top:5px;
}


#footing a
{
    color: #556;
}


/* -------- Breadcrumbs -------- */

.BreadCrumbs
{
    color: #556;
    border-top: 1px solid #898989;
    border-bottom: 1px solid #898989;
    padding: 3px;
	margin: 2px 0px 0px 0px;
    background-color: #efeff1;
}

.BreadCrumbs span
{
    white-space: nowrap;
}

.BreadCrumbs a
{
    color: #556;
}

/* -------- Navigation Menu (Top level) -------- */

.NavMenuList, .NavMenuList ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.NavMenuList a
{
    font-size: 100%;
}


.NavMenuListItemActive, .NavMenuListItem
{
    line-height: 120%;
    /* background-color: #d4e6f4; */
    background-color: #ececec;
    padding: 7px 7px 7px 7px;
    margin-top: 2px;
	border: thin solid #ababab;
}

.NavMenuListItemActive
{
    /* background: #d4e6f4; */
    background: #f5f5f5;
}

.NavMenuListItemActive div, .NavMenuListItem div
{
    padding: 5px 5px 5px 11px;
    font-weight: bold;
}

.NavMenuListItemActive div
{
    background: url(/images/bullet1.png) no-repeat 0px 8px;
}
.NavMenuListItem div
{
    background: url(/images/bullet1a.png) no-repeat 0px 8px;
}


/* -------- Navigation Menu (2-n level) -------- */

.NavMenuListItemActive li
{
    margin: 4px 4px 4px 9px;
    padding-left: 11px;
    background: url(/images/bullet0.png) no-repeat 0px 4px;
    font-size: 100%;
}

.NavMenuListItemActive li ul li
{
    margin: 4px 4px 4px 0px;
    padding-left: 11px;
    font-size: 100%;
}

.NavMenuListItem a
{
    color: #000;
}

.NavMenuLinkActive a
{
    font-weight: bold;
}


.NavMenuLinkActive li a
{
    font-weight: normal; 
}



/* -------- Context Menu -------- */

.ContextMenuArea
{
    font-size: 100%;
    border: 1px solid #059;
    padding: 4px;
    margin: 5px 0 5px 5px;
    width: 120px;
    float: right;
    background: #efeff1;
}

.ContextMenuHeader
{
    background: #059;
    padding-left: 3px;
    color: #eef;
    font-weight: bold;
}

.ContextMenu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.ContextMenu li
{
    padding: 3px 4px 3px 12px;
    background: url(/images/bullet1.png) no-repeat 0px 9px;
}


.ContextMenu a
{
    color: #059;
}

.ContextMenu li.ContextMenuItemActive
{
    background: url(/images/bullet1a.png) no-repeat 0px 9px;
}

.ContextMenu li.ContextMenuItemActive a
{
    /* text-decoration: underline; */
    color: #666;
    font-weight:bold;
}


/* -------- Callout Boxes Area -------- */


/* callout10 is no boxes */
div.callout10
{
    width: 180px;
    margin-bottom: 10px;
    border: 1px solid #38c;
}
div.callout10 h3
{
    display: block;
    padding: 7px;
    font-size: small;
    background:#38c;
    color: #ffe;
}
div.callout10 p
{
    padding: 8px;
}


/* callout0, callout1, callout2, calloutbuy, calloutfeatured, calloutfeatured1 
are compatible with icon0. icon1, icon2 */
div.callout0, div.callout1, div.callout2, div.calloutbuy, div.calloutfeatured, div.calloutfeatured1
{
    width: 153px;
    margin: 0 0 10px 0;
    background: #fff;
    padding: 0 0 10px 0;
    
}

div.callout0 h3, div.callout1 h3, div.callout2 h3, div.calloutbuy h3, div.calloutfeatured h3, div.calloutfeatured1 h3
{
    display: block;
    padding: 6px 5px 6px 10px;
    font-size: small;
    color: #ffe;
    margin-top:0px;
}


div.callout0 p, div.callout1 p, div.callout2 p, div.calloutbuy p, div.calloutfeatured p, div.calloutfeatured1 p
{
    padding: 10px;
}

/* featured callout (orange) */
div.calloutbuy
{
    background-color: #eee;
	border: 1px solid #555;
}
div.calloutbuy h3
{
    background-color: #ff9900;
}


/* featured callout (blue) */
div.calloutfeatured
{
    background-color: #eee;
	border: 1px solid #555;
}
div.calloutfeatured p, div.calloutfeatured a
{
    color: #000000;
}
div.calloutfeatured a
{
    text-decoration: underline;
}


div.calloutfeatured h3
{
    background-color: #9a2828;
    color: #ffe;
}


/* alt featured callout (charcoal) */
div.calloutfeatured1
{
    background-color: #eee;
	border: 1px solid #555;
}
div.calloutfeatured1 h3
{
    background-color: #059;
}

div.callout0
{
    background-color: #eee;
	border: 1px solid #555;
}
div.callout0 h3
{
    background-color: #556;
}

div.callout1
{
    background-color: #eee;
	border: 1px solid #555;
}
div.callout1 h3
{
    background-color: #839690;
}


div.callout2
{
    background-color: #eee;
	border: 1px solid #555;
}
div.callout2 h3
{
    background-color: #955;
}

/*
.icon0
{
    background-image: url(/images/callout153_arrow.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.icon1
{
    background-image: url(/images/callout153_info.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.icon2
{
    background-image: url(/images/callout153_hand.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

*/

/* form table */
.formTbl td, .formTbl th {font-size:100%;}
.formTbl td {white-space:nowrap;}
.formTbl th {text-align:right;white-space:nowrap;padding-right:10px;}


.mostWantedCenter
{
    float:none;clear:both;
    margin: 16px 5px 5px 0px;
    padding:0px;
    /* border: 1px solid #336699; */
}

.mostWantedCenter h4 
{
    display:block; 
    background:#336699;
    color:#eff;
    font: 10px arial, sans-serif;
    margin:0px;
    padding:0px;
    text-align:right;
}


.mostWantedBox
{
    padding: 0px 4px 0px 0px;
}

.mostWantedEntry 
{
    margin-bottom:5px;
    padding-top:5px;
}

.mostWantedEntry  p
{
    font: 10px arial, sans-serif;
}


.mostWantedEntry h3, .mostWantedEntry a 
{
    color: #0000ff;
    margin:0px; padding:0px;
    font: 11px verdana, arial, sans-serif;
    font-weight:bold;
}

.mostWantedEntry p
{
    margin:0px;padding:0px;
}

.mostWantedPath 
{
    color:  #008000;
}



/*div.xml { font-family: monospace; font-size: medium; }*/

div.xml span.comment   { color: gray; }
div.xml span.pi        { color: brown; }
div.xml span.text      { color: black; }
div.xml span.attribute { color: red; }
div.xml span.value     { color: navy; }
div.xml span.operator  { color: blue; }
div.xml span.element   { color: purple; }