/*
 * U-Tools3.css - Style sheet
 *
 * Copyright (c) 2021, Algin Technology LLC
 *
 * Specificity score:
 *  Inherited from surrounding element = 0
 *  Basic element:  P {} = 1
 *  Nested element: UL UL UL {} = 3
 *  Class: UL.myclass {} = 10
 *  ID tag: #tag {} = 100
 *  <x STYLE="a:b;"> = 1000
 *
 * Later rules with the same score override earlier rules.
 *
 * Box-level items are not inherited by child elements (margin, border, padding,
 * width, height).
 *
 * Form controls (<INPUT..>) don't inherit anything.
 *
 * On IE6-7 the default font size is small (not medium) without !DOCTYPE.
 *
 * In IE quirks mode width=x includes the padding and the border.
 * In standards mode width=x does not include the padding and border.
 * Quirks mode is turned off using DOCYTYPE.
 *
 * Note: All length units (except "0" or line-height) must have a prefix ("2px")
 * otherwise they are ignored.
 *
 * --------------------------------------------------------------------------
 *
 * CSS DESIGN BUG: A single unsupported selector element (nav, header,
 * article, footer), or an unsupported pseudo-selector li:nth-child(odd),
 * li:nth-child(even), or an unsupported selector operator
 * a[href*="help/U-Recover"] will *invalidate* the whole CSS ruleset for *all*
 * selectors!
 *
 * Example:
 *  a, li, nav { color: red; } Ignored for a and li because nav is unknown.
 *
 * (This is why a:hover needed to have a separate ruleset back in the 2000's
 * when it was not fully supported in non-IE browsers.)
 *
 * --------------------------------------------------------------------------
 *
 * Great resource for CSS3 techniques:
 * http://www.djavupixel.com/development/css-development/master-css3-ultimate-css-code-snippets/
 */

/*
 * Must use .eot instead of .ttf for IE6- and non-IE browsers.
 * To convert .ttf to .eot use ttf2eot.exe
 */
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/DroidSans.eot);
	/* Required for FireFox */
	src: url(/fonts/DroidSans.eot) format('embedded-opentype'),
	     url(/fonts/DroidSans.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/DroidSansBold.eot);
	src: url(/fonts/DroidSansBold.eot) format('embedded-opentype'),
	     url(/fonts/DroidSansBold.ttf) format('truetype');
	font-display: swap;
}

/*
@font-face {
	font-family: 'Droid Sans Mono';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/DroidSansMono.eot);
	src: url(/fonts/DroidSansMono.eot) format('embedded-opentype'),
	     url(/fonts/DroidSansMono.ttf) format('truetype');
	font-display: swap;
}
*/

html {
	/*line-height: 1.4;*/
	line-height: 1.6;
	font-size: 10pt;
}

body {
	margin: 0;
	padding: 0;
	text-align: center; /* required for dynamic width, inherited */

	/*background-color: rgb(0,66,91);*/
	/*background-color: #00405B;*/
	/*background-color: #025A78;*/
	/*background-image: url(images/bg2.gif);
	background-repeat: repeat-x;*/
	/*background-color: #00385B;*/
	/*background-color: #335B4C;*/
	background-color: #025A78;
}
body.std-margin {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: center; /* required for dynamic width */

	/*background-color: #F0F0F0;
	background-image: url(images/bkg.gif);
	background-repeat: repeat-x;*/
}
form {
	margin: 0;
}

/* Don't show the focus outline when clicking -- distracting esp on images */
body a { outline-color: transparent; outline-style: none; outline-width: 0; }
/* AEK: Put back the focus outline for tabbing - see http://outlinenone.com/ - AEK */
body a:focus { outline-color: #0033FF; outline-style: dotted; outline-width: 1px; }
/* AEK: Dont show the focus outline when mousing or touching */
body a:hover { outline-color: transparent; outline-style: none; outline-width: 0; }
body a:active { outline-color: transparent; outline-style: none; outline-width: 0; }

img {
	display: block; /* see http://www.quirksmode.org/css/quirksmode.html */
	/* Images within <a></a> tags have a border by default */
	border: none;
	background-repeat: repeat-x;
	border-width: 0;/*IE7-*/
}
img.inline {
	display: -moz-inline-stack; /* For FF 2, must preceed inline-block */
	display: inline-block;/*default for 'replaced' elements like img */
	vertical-align: top;/*default is baseline in standards mode, bottom in almost-standards mode (iff inside a td)*/
	border: none;
	border-width: 0;/*IE7-*/
}
img.inline50percent { /* BUG: Responsive images don't work inside of tables */
	display: -moz-inline-stack; /* For FF 2, must preceed inline-block */
	display: inline-block;/*default for 'replaced' elements like img */
	vertical-align: top;/*default is baseline in standards mode, bottom in almost-standards mode (iff inside a td)*/
	border: none;
	border-width: 0;/*IE7-*/
	width: 50%; /* Cannot mix percent with px in same div */
	height: auto !important;
	float: right; margin-right: 0px; /* avoid IE bug */
	padding: 3px 0 3px 3px;
	margin-left: auto;
}
img.responsive { /* BUG: Responsive images don't work inside of tables */
	max-width: 100%;
	height: auto !important;
}

/*Wrap excessively long pre block*/
pre {
	margin-top: 1em;
	white-space: pre-wrap; /*css3, IE8+*/
	white-space: -moz-pre-wrap !important; /*Mozilla since 1999*/
	white-space: -pre-wrap; /*Opera 4-6*/
	white-space: -o-pre-wrap; /*Opera 7*/
	word-wrap: break-word; /*I5.5-IE7*/
}
.nowrap {
	white-space: nowrap;
}
pre.nowrap {
	white-space: pre; /*default for pre*/
	word-wrap: normal; /*IE5.5-IE7*/
}

.content-container {
	/*background: transparent;*/
	background-color: #F0F0F0;
	/*background-image: url(images/bkg.gif);
	background-repeat: repeat-x;*/
	/*background-image: url(images/body-bg.png);
	background-repeat: repeat;*/
    background-image: none;
	margin: auto;
	text-align: center; /* required for dynamic width */
	color: black;
	border-top-width: 0;
	border-top-style: groove;
	border-top-width: 3px;
	border-top-color: black;
	border-right-width: 3px;
	border-right-style: groove;/*black 1px, gray 2px*/
	border-right-color: gray;
	border-bottom-width: 3px;
	border-bottom-style: groove;
	border-bottom-color: black;
	border-left-width: 3px;
	border-left-style: ridge;/*gray 2px, black 1px*/
	border-left-color: gray;
	/*Verdana is 25% larger than other sans-serif fonts - avoid*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt, Inherited*/
	/*line-height: 1.2;*//* Inherited */
	line-height: 1.4;/* Inherited */
	/* Reduce min-width from 700px to 510px to make PageSpeed happier for mobile */
	min-width: 510px; /* BUG: not supported in IE6 - see js */
	max-width: 930px; /* BUG: not supported in IE6 - see js */
	border-radius: 0; /* default is 7px */
}
.debug .content-container {
	background-color: blue;
}
.hasFontSmoothing .content-container {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

body .float-right {
	float: right; margin-right: 0px; /* avoid IE bug */
	margin-left: auto;
}

body .float-left {
	overflow: hidden;
	float: left; margin-left: 0px; /* avoid IE bug */
	margin-right: auto;
}

.header {
	/*background: transparent;*/
	background-color: #F0F0F0;
	background-image: url(images/Collab-660x120.jpg);
	background-repeat: no-repeat;
	background-position: 60px 0;
}
.debug .header {
	background-color: purple;
}

.pseudo-table {/*Div converted to <table> on IE5-7*/
	margin: auto;
	width: 100%;
	display: table;
	text-align: center;
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
}
.pseudo-td {/*Div converted to <td> on IE5-7*/
	display: table-cell;
	text-align: center;
	vertical-align: middle;/*Only honored for td (except IE7- honors for any elem)*/
	padding: 0;
	border: 0;
	margin: 0 auto;
	background: transparent;
	/*white-space: normal;
	word-wrap: normal;*/
}
#header-leftcol {
	vertical-align: top;/*Only honored for td (except IE7- honors for any elem)*/
	text-align: left;
	width: 266px; /*Must be same as banner*/
}
#header-rightcol {
	vertical-align: top;/*ditto*/
	text-align: right;
	height: 90px;
	width: 266px; /*Must be same as banner for centering*/
}

#header-right-inner {
}

#header-widecol {/*'wide' is magic.  See js.*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 18pt;
	vertical-align: middle;/*ditto*/
	line-height: 1.2;
	padding: 4px 4px 4px 4px;
}

.mainbody-singlecol, .mainbody-onleft, .mainbody-onright {
	background: transparent;
	margin-top: 0px;
	margin-left: 4px;
}
.debug .mainbody-singlecol, .debug .mainbody-onleft, .debug .mainbody-onright {
	background-color: green;
}
.maincol {
	background: transparent;
	padding: 0;
}
.debug .maincol {
	background-color: red;
}
.sidecol {
	background: transparent;
	padding: 0;
}
.debug .sidecol {
	background-color: yellow;
}
.maincontent, .sidecontent {
	text-align: left;
}
/* Single column */
.mainbody-singlecol .maincol {
	width: auto;
}
.mainbody-singlecol .maincontent {
	padding: 0 2em 0 2em;
}
.mainbody-singlecol .sidecol {
	display: none;
}
/* Main body on left */
.mainbody-onleft .maincol {
	overflow: hidden;
	width: 62%; /* Cannot mix percent with px in same div */
	float: left; margin-left: 0px; /* avoid IE bug */
	margin-right: auto;
}
.mainbody-onleft .maincontent {
	padding: 0 6px 0 8px; /* Cannot mix percent with px in same div */
	/* Vertical line to right */
	border-right-style: solid;
	border-right-color: #666666;
	border-right-width: 1px;
	margin-bottom: 8px;
}
img.flush-left {
	margin-left: -8px; /*undo 8px left margin above*/
}
.mainbody-onleft .sidecol {
	width: 38%; /* Cannot mix percent with px in same div. Sub 0.2% for IE6 */
	height: 1%; /* for non-float to prevent wrapping the float */
	margin-left: auto;
	margin-right: 0px;
}
.mainbody-onleft .sidecontent {
	padding: 0 8px 4px 10px; /* Cannot mix percent with px in same div */
}
/* Main body on right (for Help) */
.mainbody-onright .maincol {
	width: 70%; /* Cannot mix percent with px in same div */
	float: right; margin-right: 0px; /* avoid IE bug */
	margin-left: auto;
}
.mainbody-onright .maincontent {
	padding: 0.5em 1.5em 4px 4px; /* Cannot mix percent with px in same div */
}
.mainbody-onright .sidecol {
	overflow: hidden;
	width: 30%; /* Cannot mix percent with px in same div. Sub 0.2% for IE6 */
	height: 1%; /* for non-float to prevent wrapping the float */
	margin-left: 0;
	margin-right: auto;
}
.mainbody-onright .sidecontent {
	padding: 1em 8px 4px 8px; /* Cannot mix percent with px in same div */
}

.footer {
	padding: 4px 4px 4px 4px;
	background: transparent;
	clear: both;
	font-size: 8pt;/*was 7pt*/
	line-height: 1.2;
}
.debug .footer {
	background-color: orange;
}
#footer-leftcol {
	white-space: nowrap;
	vertical-align: top;/*Only honored for td (except IE7- honors for any elem)*/
	text-align: left;
	padding: 0 4px 0 4px;
}
#footer-leftcol img {
	margin-bottom: 7px;
}

#footer-rightcol {
	white-space: nowrap;
	vertical-align: top;/*ditto*/
	text-align: right;
	padding: 0 8px 0 4px;
}
#footer-widecol {/*'wide' is magic.  See js.*/
	width: 90%;/*BUG: Need to hoist up to <td> for IE7.  See js. */
	margin: 0;
	font-size: 18pt;
	vertical-align: top;/*ditto*/
	text-align: center;
	line-height: 1.1;
	padding: 0 4px 4px 4px;
}

div {
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.center, div.center, p.center, tr.center, td.center {
	text-align: center;
}

.left, div.left, p.left, tr.left, td.left {
	text-align: left;
}

.right, div.right, p.right, tr.right, td.right {
	text-align: right;
}

.hide, div.hide, p.hide, tr.hide, td.hide {
	display: none;
}

.ae-div-center-xy { /* Center single child div horizontally and vertically */
	display: flex;
	align-items: center;
	justify-content: center;
}

.overlay-loading-spinner {
	cursor: wait;
	position: fixed;
	z-index: 99;/*UNDOC: The container is the browser viewport (responsive too)*/
	top: 50%;
	left: 50%;
	margin-top: -28px;/*half of spinner height*/
	margin-left: -28px;/*half of spinner width*/
}

/* Tables still need 'cellspacing=x' in the markup if border-spacing=x
   is non-zero, because border-spacing is not understood by IE8.
   Note that cellspacing is always transparent.  Forced to 0 if collapsed.
   BUG: IE7 'border-collapse: collapse;' does not overrule cellspacing. */
table {
	border-collapse: collapse;
}
td, th {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	font-weight: normal;
	line-height: 1.2;
}
.hasFontSmoothing td, .hasFontSmoothing th {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
td {
	background-color: transparent;
}
td.help-smaller
{
	/*padding-bottom: 2px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	text-decoration: underline;
}
.hasFontSmoothing td.help-smaller {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

td.help-selected-smaller
{
	/*padding-bottom: 2px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	background-color: #0066CC;
}
.hasFontSmoothing td.help-selected-smaller {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

td.help-smaller, td.help-selected-smaller, a.help-smaller
{
	line-height: 1.4;
}


td.white {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	line-height: 1.2;
}
.hasFontSmoothing td.white {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

TD.form-text
{
	/*color: #803030;*/
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	line-height: 1.5;  /* minimum height for Netscape input box */
	background-color: transparent;
}
.hasFontSmoothing td.form-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

body .div-search {
	text-align: left;
	line-height: 2;
	/*padding: 2px 8px 4px 0;*/
	padding: 0;
}
body #search-form {
	text-align: left;
	line-height: 1.1;
	background-color: white;
}

/* INPUT has display=inline by default */
INPUT.search
{
	font-size: 9pt;
	color: #aaaaaa; /* must match Algin-jquery.js */
	line-height: 1.4;
	/* Settings that IE6 uses by default:
	  border-style: inset;
	  border-width: 2px;
	*/
	/* DESIGN BUG: Google Toolbar with AutoFill overrides the background color of certain fields unless overriden with !important.
	  See http://code.jenseng.com/google  */
	background-color: white !important;
	border-style: solid;
	border-width: 2px;
	border-color: #7F9DB9;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	/*margin: 5px 7px 0 5px;*/
	margin-left: 5px;
	padding: 0px 7px 3px 0;
	width: 108px;
	font-style: italic;
	position: relative;
	top: -4px;
}
.SearchButton {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	padding: 0;
	padding-top: 3px;
	padding-right: 10px;
}
body #cart {
	vertical-align: middle;
}

INPUT.form-text, SELECT.form-text, TEXTAREA.form-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/* Settings that IE6 uses by default:
	  border-style: inset;
	  border-width: 2px;
	*/
	/* DESIGN BUG: Google Toolbar with AutoFill overrides the background color of certain fields unless overriden with !important.
	  See http://code.jenseng.com/google  */
	background-color: white !important;
	border-style: solid;/*IE7- ignores for select*/
	border-width: 1px;/*IE7- ignores for select*/
	/* border color that IE6 uses by default:*/
	border-color: #7F9DB9;/*IE7- ignores for select*/
}
.hasFontSmoothing INPUT.form-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
.hasFontSmoothing SELECT.form-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
.hasFontSmoothing TEXTAREA.form-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

td.receipt-text {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	line-height: 1.2;
	background-color: transparent;
}
.hasFontSmoothing td.receipt-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

td.smaller-text {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	line-height: 1.2;
	background-color: transparent;
}
.hasFontSmoothing td.smaller-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

/* Also used for 00Style.css */
table.matrix {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
.matrix td {
	text-align: center;
	padding: 4px;
	border: 1px solid #888888;/* Must set on TD for lines around table cells */
}
.matrix td.left {
	text-align: left;
}
table.boxed {
	margin-top: 10px;
	margin-bottom: 10px;
}
.boxed td {
	line-height: 1.4;
	text-align: left;
	border: 1px solid black;/* Must set at TD level for lines around cells */
	padding: 4px 4px 4px 4px;
}
body td.nobox {
	border: 0;
}

/* Also used for 00Style.css */
.smaller-text-whitebg td, td.smaller-text-whitebg {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	line-height: 1.2;
	background-color: #FFFFFF;
}
.hasFontSmoothing .smaller-text-whitebg td, .hasFontSmoothing td.smaller-text-whitebg {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

/* Also used for 00Style.css */
.smaller-text-graybg td, td.smaller-text-graybg {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	line-height: 1.2;
	background-color: #CCCCCC;
}
.hasFontSmoothing .smaller-text-graybg td, .hasFontSmoothing td.smaller-text-graybg {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

td.smaller-gray-text {
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;/*was 7pt*/
	line-height: 1.2;
	background-color: transparent;
}
.hasFontSmoothing td.smaller-gray-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

td.banner-color-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #0066cc;
	line-height: 1.1;
	background-color: transparent;
}
.hasFontSmoothing td.banner-color-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
td.banner-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: 1.1;
	background-color: transparent;
}
.hasFontSmoothing td.banner-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

hr {
	margin: 4px 0 4px 0;
	background-color: #666666;
	height: 1px;
	border: 0; /* NOSHADE */
}

sup.smaller {
	font-size: 80%;
}
code.smaller {
	font-size: 8pt;
}

p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 0px;
}
.hasFontSmoothing p {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

p.smaller-text, p.small /* used in help pages */ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	line-height: 1.2;
}
.hasFontSmoothing p.smaller-text,
.hasFontSmoothing p.small /* used in help pages */
{
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

p.faq-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	/*line-height: 1.2;*/
	line-height: 1.4;
	font-weight: bold;
}
.hasFontSmoothing p.faq-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

p.zero-margin-top {
	margin-top: 0px;
}

p.zero-margin-bottom {
	margin-bottom: 0px;
}

p.single-space {
	line-height: 1.2;
}

.line-height-1p4 p, p.line-height-1p4
{
	line-height: 1.4;
}

p.arial-text {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
}
p.simple-list {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
}
.hasFontSmoothing p.simple-list {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

p.form-header {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background-color: #333333; /*was #444444 - AEK 2019*/
	font-weight: bold;
	font-size: 10pt;/*was 9pt*/
	line-height: 1.1;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.hasFontSmoothing p.form-header {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

div.license-agreement, p.license-agreement {
	font-family: Courier New, Courier, Arial, sans-serif;
	font-size: 9pt;/*was 8pt*/
	line-height: 1.2;
	background-color: white;
}
div.license-agreement {
	padding: 8px 4px 0px 8px;
}

div.follow-icons {
	font-weight: bold;
	text-align: left;
	padding-right: 7px;
}

td.form-header, th.form-header {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333333; /*was #444444 - AEK 2019*/
}
.hasFontSmoothing td.form-header, .hasFontSmoothing th.form-header {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

.nobr {/*<nobr> is not allowed inside of <p> or <a>*/
	white-space: nowrap;
}
.clear-both {
	clear: both;
}

.strong, .bold, a.bold, a.strong {
	font-weight: bold;
}

a {
	text-decoration: underline;
	color: #006699;
	/* Enable color transitions by default */
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	transition: color .5s;
}

a:link, a:visited, a:active {
	color: #006699;
}
a:hover {
	color: #00BBEE;
}

a.nounderline {
	color: #006699;
	text-decoration: none;
}
a.nounderline:link, a.nounderline:visited, a.nounderline:active {
	color: #006699;
}
a.nounderline:hover {
	color: #00BBEE;
}

a.underline {
	color: #006699;
	text-decoration: underline;
}
a.underline:link, a.underline:visited, a.underline:active {
	color: #006699;
}
a.underline:hover {
	color: #00BBEE;
}

a.small7pt {
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 7pt;
	line-height: 1.2;
	text-decoration: underline;
}

a.small7pt:link, a.small7pt:visited, a.small7pt:active {
	color: #006699;
}
a.small7pt:hover {
	color: #00BBEE;
}

a.help-smaller {
	color: #006699;
	font-size: 9pt;/*was 8pt*/
	text-decoration: underline;
}
a.help-smaller:link, a.help-smaller:visited, a.help-smaller:active {
	color: #006699;
}
a.help-smaller:hover {
	color: #00BBEE;
}

a.smaller-nounder {
	color: #006699;
	font-size: 8pt;/*was 7pt*/
	line-height: 1.2;
	text-decoration: none;
}
a.smaller-nounder:link, a.smaller-nounder:visited, a.smaller-nounder:active {
	color: #006699;
	text-decoration: none;
}
a.smaller-nounder:hover {
	color: #00BBEE;
	text-decoration: none;
}

a.buynow {
	display: -moz-inline-stack; /* For FF 2, must preceed inline-block */
	display: inline-block;
	color: blue;
	color: transparent;/*CSS3,IE8+*/
	text-decoration: none;
	background-color: transparent;
	background-image: url(images/buynow4.png) !important;
	background-image: url(images/buynow4.gif);/*IE6-7*/
	width: 140px;
	height: 38px;
	margin-bottom: 8px;
	vertical-align: middle;
	font-size: 7pt;/*not too small or SEO might get upset*/
	margin-top: 8px;
	margin-bottom: 8px; /*margins must be equal for vertical centering*/
}
a.buynow:link, a.buynow:visited, a.buynow:active {
	color: blue;
	color: transparent;/*CSS3,IE8+*/
	text-decoration: none;
}
a.buynow:hover {
	color: blue;
	color: transparent;/*CSS3,IE8+*/
	text-decoration: none;
	background-position: left bottom;
}
td.downloadnow {
	padding-bottom: 8px; /*offset due to shadow on buynow button*/
}
td.downloadnow, .downloadnow a {
	vertical-align: middle;
}

table.BasketButtons td.UButton {
	padding-bottom: 0.5em;
}
table.DiscountCode {
	margin-top: 0.5em;
}

/* ------------ UButton ------------- */
table.UButton {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
td.UButton {/*For a row of buttons, wrap one td per button (limited to <a> buttons for IE6-7)*/
	margin: 0;
	border: 0;
	width: auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
div.UButton {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 35px;
	float: left;/*float to shrink-wrap*/
	background: url(images/UButton2-bg.gif) no-repeat top left;
	text-align: center;
	vertical-align: middle;/*IE7- wrongly honors for non-td, a good thing :-)*/
	position: relative;
	z-index: 5;
}
.hasFontSmoothing div.UButton {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
div.UButtonRight {
	display: block;
	margin: 0;
	padding: 0;
	height: 35px;
	width: 8px;/*image is 10px for slop*/
	background: url(images/UButton2-bg-right.gif) no-repeat top right;/*IE6-7*/
	position: absolute;
	top: 0px;
	z-index: 6;
}
* >/**/div.UButtonRight {/*Special hack for _not_ IE6-7*/
	right: 0px;
}
.UButton a, .UButton input, .UButton button {
	display: block;
	margin: 0 auto;
	height: 29px;/*BUG: IE and FF always include borders and padding for <button> and <input type=button/submit>*/
	line-height: 29px;
	padding: 3px 1.2em 3px 1.2em;
	background-color: transparent;
	color: #dddddd;
	text-align: center;
	position: relative;
	vertical-align: middle;/*IE7- wrongly honors for non-td, a good thing :-)*/
	z-index: 7;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	/* Enable color transitions by default */
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	transition: color .5s;
}
.UButton a:focus, .UButton input:focus, .UButton button:focus {
	outline-color: #0033FF; outline-style: dotted; outline-width: 1px;
}

.UButton input.UButton, .UButton button.UButton {
	height: 35px;/*BUG: IE and FF always include borders and padding for <button> and <input type=button/submit> */
	border: 0;
	background: none;
	background-color: transparent;
}
.hasFontSmoothing .UButton a, .hasFontSmoothing .UButton input, .hasFontSmoothing .UButton button {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
.UButton a:link, .UButton a:visited {
	text-decoration: none;
	color: #dddddd;
}
.UButton a:hover, .UButton input:hover, .UButton button:hover {
	text-decoration: none;
	color: white;
}
.UButton a:active, .UButton input:active, .UButton button:active {
	top: 1px;/*shift when pressed*/
	left: 1px;
}
.UButton a:active, .UButton input:active, .UButton button:active {
	text-decoration: none;
	color: white;
}

/* order must be :link, :visited, :hover, :active */
a.license, a.license:link, a.license:visited, a.license:hover, a.license:active {
	font-size: 10pt;/*was 9pt*/
	color: #F00000;
	text-decoration: none;
}
a.downloadurl, a.downloadurl:link, a.downloadurl:visited, a.downloadurl:hover, a.downloadurl:active {
	font-size: 10pt;/*was 9pt*/
	color: #0000FF;
	text-decoration: underline;
}
a.nocolor, a.nocolor:link, a.nocolor:visited, a.nocolor:active {
	color: #000000;
	text-decoration: underline;
}
a.nocolor:hover {
	color: #00BBEE;
}
a.copyright, a.copyright:link, a.copyright:visited, a.copyright:active {
	color: #006699;
	font-size: 8pt;/*was 7pt*/
	text-decoration: underline;
}
a.copyright:hover {
	color: #00BBEE;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	/*color: black;*/
	color: #808080;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
h1.big {
	font-size: 24pt;
	text-align: center;
	vertical-align: middle;/*Only honored for td (except IE7- honors for any)*/
	line-height: 1.1;
}
h1 {
	font-size: 20pt;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	page-break-after: avoid;
	line-height: 1.2;
	page-break-after: avoid;
}
h2, h3 {
	font-size: 16pt;
	margin-top: 0.4em;
	margin-bottom: 0.5em;
	page-break-after: avoid;
	line-height: 1.2;
}
.red, .red h3, .red * {
	color: red;
}
h4 {
	font-size: 14pt;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.2;
}
h5 {
	font-size: 14pt;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.2;
	color: black;
}
h6 {
	font-size: 12pt;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.2;
	color: black;
}

ol.arial-text {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
}
ul {
	list-style: square;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
	margin-top: 0px;
}
.hasFontSmoothing ul {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
ul ul {
	list-style: disc;
	/*line-height: 1.2;*/
	line-height: 1.4;
}
ul ul ul {
	list-style: circle;
	/*line-height: 1.2;*/
	line-height: 1.4;
}
ul.single-space {
	line-height: 1.2;
}
ul.zero-margin-bottom {
	margin-bottom: 0;
}
ul.smaller-text {
	color: #000000;
	list-style: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	line-height: 1.2;
}
.hasFontSmoothing ul.smaller-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

ul.arial-text {
	color: #000000;
	list-style: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
}

ul.simple-list {
	color: #000000;
	list-style: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
}
.hasFontSmoothing ul.simple-list {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

ol {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;/*was 9pt*/
	/*line-height: 1.4;*/
	line-height: 1.6;
}
.hasFontSmoothing ol {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

ol.smaller-text {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
	line-height: 1.2;
}
.hasFontSmoothing ol.smaller-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

li {
	margin-bottom: 0.5em; /*default*/
}
li.smaller-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*was 8pt*/
}
.hasFontSmoothing li.smaller-text {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

ul.single-space {
	margin-bottom: 8pt;
	line-height: 1.2;
}
ul.single-space li {
	margin-bottom: 7pt;
}

span.trademark-sup {
	vertical-align: super;
	font-size: 6pt;
}
span.trademark-sup-banner {
	vertical-align: super;
	font-size: 9pt;
}
sup.invisible {
	color: white;
}
.price, td.price, div.price, span.price {/*Bold Droid Sans looks ugly at 12pt*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
}
.tagline {
	/*color: white;*/
	font-family: 'Bookman Old Style','Times New Roman', 'Times Roman', Times;
	font-size: 10pt;/*was 9pt*/
	line-height: 1.2;
	background-color: transparent;
}
div.copyright {
	color: #666666;
	/*font-family: Garamond, 'Times New Roman', 'Times Roman', Times;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;/*was 7pt*/
	line-height: 1.5; /*for PageSpeed*/
}

.staging-layout {
	font-size: 8pt;
}

.help-loc-top { /* Hide help content that says 'See menu at top' */
	display: none;
}

/* ---------------------------------------------------------------- */

/*Mobile view (767px or smaller width). Requires IE9 or later*/
/* 'only screen' prevents old browsers from matching. */
@media only screen and ( max-width: 767px ) {
	.header {
		background-image: none;
	}
	body #header-widecol {
		display: none !important; /* Hide the middle header */
	}
	#header-leftcol {
		width: auto;
		float: left;
	}
	#header-leftcol img { /* main logo */
		/*min-width: 100%;*/
		max-width: 100%;
		width: auto;
		height: auto !important; /* BUG: Responsive imgs dont work in tables */
	}
	#header-rightcol {
		width: auto; /* override width: 266px; */
		height: auto; /* override height: 90px; */
		padding-bottom: 5px;
		/*max-width: 50%;*/
		/*float: right;*/
	}
	.content-container {
		border-left: 0;
		border-right: 0;
		min-width: 320px;
	}
	body .follow-icons-footer-mobile {
		display: block;
	}
	body .mainbody-onright .sidecol { /* Hide the left Help menu */
		display: none;
	}
	body .mainbody-onright .maincol { /* Expand to full width */
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 100%;
	}
	body .mainbody-onright .maincontent {
		padding-left: 0; /* override */
		padding-right: 0; /* override */
	}
	body .mainbody-onright {
		margin-left: 15px;
		margin-right: 10px;
	}
	body .help-loc-top {
		display: inline;
	}
	body .help-loc-left {
		display: none;
	}
	#footer-Thawte-seal {
		display: none; /* Hide the Thawte seal to make room for the BBB seal */
	}
}

@media only screen and ( max-width: 570px ) {
	body {
		background-color: #F0F0F0; /* overflow looks better this way */
	}
	body .mainbody-onright {
		margin-left: 6px;
		margin-right: 4px;
	}
	.mainbody-singlecol {
		margin-left: 0;
		margin-right: 0;
	}
	.mainbody-singlecol .maincontent {
		padding-left: 6px; /* shrink from 2em */
		padding-right: 0; /* shrink from 2em */
	}
}

@media only screen and ( max-width: 479px ) {
	body h1 {
		font-size: 16pt; /* reduce for iPhone */
	}
	td.help-smaller, td.help-selected-smaller
	{
		/* Add padding to make PageSpeed happy Re: touch targets are too close together for mobile */
		/* PageSpeed for this test uses max-width 500px (I think) */
		/* (Otherwise PageSpeed wants pages to render in 320px!) */
		/* Note: Not applicable anymore because we switched to slickNav */
		line-height: 1.4;
		padding-top: 4px; /*minimum to make PageSpeed happy*/
		padding-bottom: 4px; /*minimum to make PageSpeed happy*/
	}
}

@media only screen and ( max-width: 446px ) {
	#header-leftcol img { /* main logo */
		width: 200px;
		height: auto !important;
	}
	.staging-layout {
		font-size: 7pt;
	}
	body .logo-seals {
		display: none;
	}
}

@media only screen and ( max-width: 396px ) {
	#header-leftcol img { /* main logo */
		width: 188px;
		height: auto !important;
	}
}

@media only screen and ( max-width: 364px ) {
	#header-leftcol img { /* main logo */
		width: 168px;
		height: auto !important;
	}
}

/* ---------------------------------------------------------------- */

/* Put last for any old non-IE browsers that choke on parsing */

@media print {
	.content-container {
		border-left-style: none;
		border-right-style: none;
	}
	#nav-outer {
		display: none; /*Dont display navbar on print*/
	}
}