/* Font lookup chart */
/* All fonts assumed to be Arial unless otherwise noted */
/* Common font styles at bottom of file */
/* NOTE: Some of these sizes are out of date */
/*

brown     ba (color #6c5942)
blue      ps (color #0081ac)


12pt/25pt navHead (right-aligned)
17pt/17pt nav1    (right-aligned)
13pt/17pt nav2    (right-aligned)
12pt/15pt nav3    (right-aligned)

17pt/21pt head3 (bold)
13pt/17pt head4 (bold)
12pt/15pt head5 (bold)

12pt/17pt body1
12pt/15pt body2
11pt/14pt body3
11pt/13pt body4
10pt/13pt body5

14pt/19pt sidebarText
14pt/19pt sidebarLink

14pt/18pt salesText1
13pt/17pt salesText2

13pt/17pt bulletTight  (special formatting)
13pt/17pt bulletSpaced (special formatting)
13pt/17pt iconText     (special formatting)

12pt/15pt comparison (Formatted comparison table)

11pt/16pt quoteText (italics)
11pt/15pt legal     (Verdana)
9pt/12pt  mandatory (Verdana)
9pt/12pt  eula      (Verdana)

*/



/* General Layout */

/* Container */

#container {
  position: relative;
  width: 762px;
  margin: 50px auto 0 auto;
  padding: 0 0 31px 0;
  background-color: transparent;
  background-repeat: repeat-y;
  background-position: 0 2px;
  text-align: left;
}

.clearBg {
  background-image: url(../images/bgClear.gif);
}

.sidebarBg {
  background-image: url(../images/bgSidebar.gif);
}

.wideSidebarBg {
  background-image: url(../images/bgWideSidebar.gif);
}

.blueSidebarBg {
  background-image: url(../images/bgBlueSidebar.gif);
}

.doubleSidebarBg {
  background-image: url(../images/bgDoubleSidebar.gif);
}

.wideDoubleSidebarBg {
  background-image: url(../images/bgWideDoubleSidebar.gif);
}





/* Logo */

#baLogo {
  position: absolute;
  display: block;
  top: -32px;
  left: 13px;
  padding: 0;
  margin: 0;
}

#baLogo a {
  display: block;
  width: 160px;
  height: 21px;
  padding: 0 8px 8px 8px;
  margin: 0 -8px -8px -8px;
  background-image: url(../images/baLogo.gif);
  background-repeat: no-repeat;
  background-position: top center;
  line-height: 0em;
  font-size: 0;
  text-indent: -5000px;
  overflow: hidden;
}





/* Global Navigation */

#topNav {
  position: absolute;
  display: block;
  top: -32px;
  left: 248px;
  width: 508px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#topNav li {
  display: inline;
  float: left;
  margin: 0 0 0 18px;
  padding: 0;
}

#topNav li a {
  display: block;
  width: 68px;
  height: 11px;
  margin: 0;
  padding: 8px 0 8px 0;
  line-height: 0em;
  font-size: 0;
  text-indent: -5000px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
}


#topNav li.products a {
  width: 56px;
  background-image: url(../images/menuProducts.gif);
}

#topNav li.services a {
  width: 50px;
  background-image: url(../images/menuServices.gif);
}

#topNav li.clients a {
  width: 43px;
  background-image: url(../images/menuClients.gif);
}

#topNav li.support a {
  width: 49px;
  background-image: url(../images/menuSupport.gif);
}

#topNav li.resources a {
  width: 61px;
  background-image: url(../images/menuResources.gif);
}

#topNav li.about a {
  width: 54px;
  background-image: url(../images/menuAbout.gif);
}

#topNav li.store {
/*
  float: right;
  margin-right: 4px;
*/
  margin-left: 31px;
}

#topNav li.store a {
  width: 52px;
  background-image: url(../images/menuStore.gif);
}






/* Header */

#banner {
  display: block;
  position: relative;
  clear: both;
  width: 762px;
  height: 243px;
  margin: 0;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 0;
  text-indent: -5000px;
  overflow: hidden;
}

#top {
  display: block;
  position: relative;
  clear: both;
  width: 762px;
  height: 0;
  padding: 10px 0 0 0;
  margin: 0 0 -10px 0;
  background: transparent url(../images/top.gif) 0 0 no-repeat;
  line-height: 0em;
  font-size: 0;
  text-indent: -5000px;
  overflow: hidden;
}

#tagLine {
  display: block;
  position: relative;
  width: 760px;
  height: 32px;
  margin: -20px 0 -10px 1px;
  /*margin: -20px 0 0 1px;*/
  padding: 0;
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 0;
  text-indent: -5000px;
  overflow: hidden;
}





/* Sidebar */

.sidebar {
  display: inline;
  float: left;
  margin: 0 -11px 0 1px;
  width: 140px;
  padding: 40px 19px 20px 19px;
}

.clearBg .sidebar {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.wideSidebarBg .sidebar, .wideSb {
  width: 151px;
}

.offsetSb {
  width: 151px;
  padding: 40px 30px 10px 10px;
}



/* These rules drive the default display of menu items.  These shouldn't need
   to be modified much because other rules can override these basic settings
   in special situations. */

.sidebar .navHead {
  margin-bottom: 15px;
}

.sidebar .imageHead {
  display: block;
  width: 98%;
  height: 20px;
  margin: 0 0 12px 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center right;
  text-align: left;
  text-indent: -5000px;
  overflow: hidden;
}

.nav, .imageNav {
  list-style-type: none;
  width: 98%;
  padding: 0 0 1px 0;
  margin: 0;
  font-size: 0;
}

.nav li, .imageNav li {
  clear: both;
  margin: 0 0 15px 0; /* This is overridden by the primary, secondary, and tertiary classes */
  width: 100%;
  padding: 0;
}

.imageNav li a, .imageNav li span {
  display: block;
  clear: both;
  width: 100%;
  height: 20px;
  /*padding: 2px 0 2px 0;*/
  padding: 0;
  background-repeat: no-repeat;
  background-position: center right;
  line-height: 0em;
  font-size: 0;
  text-indent: -5000px;
  overflow: hidden;
}



/* These are the base set of margins that determine spacing of different
   levels of menu items.  Note that these may be overridden by the section.css
   file in each section. */

.sidebar .primaryHead, .sidebar .primaryNav li {
  margin-bottom: 15px;
}

.sidebar .secondaryHead, .sidebar .secondaryNav li {
  margin-bottom: 6px;
}

.sidebar .tertiaryHead, .sidebar .tertiaryNav li {
  margin-bottom: 0px;
}



/* These reles determine the spacing around the horizontal dots in the menus.
   Note that these may be overidden by the section.css file in each section. */

.sidebar .primaryDot {
  margin-top: 12px;
  margin-bottom: 20px;
}


.sidebar .secondaryDot {
  margin-top: 33px;
  margin-bottom: 20px;
}





/* Content */

#content {
  position: relative;
  display: inline;
  float: left;
  clear: none;
  width: 492px;
  padding: 40px 56px 34px 34px;
  margin: 0 -11px 0 11px;
}

.clearBg #content {
  width: 672px;
}

.wideSidebarBg #content {
  width: 480px;
}

.doubleSidebarBg #content {
  width: 354px;
  padding: 40px 14px 34px 34px;
  margin-right: 2px;
}

.wideDoubleSidebarBg #content {
  width: 340px;
  padding: 40px 14px 34px 34px;
  margin-right: 2px;
}






/* Content Insert */

.contentInsert {
  display: inline;
  float: right;
  margin: 0 -56px 0 20px;
  width: 155px;
  padding: 10px 20px 10px 20px;
  background-image: url(../images/dot.gif);
  background-position: top left;
  background-repeat: repeat-y;
}

.contentInsert .photo {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -5000px;
  overflow: hidden;
}



/* Corner Insert */

.cornerInsert {
  position: absolute;
  bottom: 48px;
}





/* Footer */

#footer {
  position: relative;
  display: inline;
  float: left;
  clear: both;
  width: 762px;
  height: 21px;
  padding: 19px 0 10px 0;
  margin: -10px 0 -31px 0;
  background: transparent url(../images/bottomFull.gif) 0 0 no-repeat;
  text-indent: 8px;
}

#footer a {
  margin: 0 0 0 19px;
}





/* Supporting elements */

.titleImage {
  display: block;
  width: 475px;
  height: 25px;
  padding: 0;
  margin: 0 0 20px 0;
  background-position: center left;
  background-repeat: no-repeat;
  text-indent: -5000px;
  overflow: hidden;
}

.titleImageOverlap {
  position: absolute;
  top: 4px;
  margin: 0;
  padding: 40px 0 0 0;
  line-height: 0em;
  background-position: 0 40px;
  background-color: #fff;
}



.titleSpacer {
  display: block;
  padding-top: 3em;
}


.column, .largeColumn, .smallColumn {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

.column {
  width: 49%;
}

.largeColumn {
  width: 66%;
}

.smallColumn {
  width: 33%;
}



.photo {
  /* Intended for use in a sidebar or contentInsert */
  display: block;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -5000px;
  overflow: hidden;
}

.sidebar .photo {
  padding: 0 19px 0 19px;
  margin: -40px -19px 10px -19px;
  background-position: top right;
}



.dotLeft, .dotRight, .dotBoth {
  background-image: url(../images/dot.gif);
  background-position: top left;
  background-repeat: repeat-y;
}

.dotRight {
  background-position: top right;
}

.dotBoth {
  background-image: url(../images/dotBoth.gif);
}

.horizDotBlue, .horizDotWhite {
  display: block;
  clear: both;
  width: 97%;
  height: 0;
  padding: 4px 0 0 0px;
  font-size: 0;
  line-height: 0em;
  background-image: url(../images/horizDotBlue.gif);
  background-position: top left;
  background-repeat: repeat-x;
  overflow: hidden;
}

.horizDotWhite {
  background-image: url(../images/horizDotWhite.gif);
}

.wideSb .horizDotWhite {
  width: 151px;
  margin: 0 0 0 -8px;
}



.bulletTight {
  position: relative;
  display: block;
  margin: 8px 0 8px 0;
  padding: 0;
}

.bulletTight li {
  display: block;
  margin: 0;
  padding: 2px 0 2px 15px;
  background: transparent url(../images/bullet.gif) no-repeat 2px 0.7em;
  list-style-type: none;
}



.bulletSpaced {
  position: relative;
  display: block;
  margin: 8px 0 8px 0;
  padding: 0;
}

.bulletSpaced li {
  display: block;
  margin: 1.5em 0 1.5em 0;
  padding: 2px 0 2px 15px;
  background: transparent url(../images/bullet.gif) no-repeat 2px 0.7em;
  list-style-type: none;
}



.iconText {
  width: 282px;
  margin: 2em 0 2em 0;
  padding: 27px 0 0 43px;
  background-position: top left;
  background-repeat: no-repeat;
}



table.comparison {
  width: 100%;
  margin: 2em 0 2em 0;
  border-collapse: collapse;
}

table.comparison th, table.comparison td {
  vertical-align: top;
  border: solid 1px #f0eae2;
  border: solid 1px #ebe5df;
}

table.comparison th {
  background-color: #e0d4c4;
  padding: 4px 8px 4px 8px;
}

table.comparison td {
  padding: 10px 8px 10px 8px;
}



table.clean {
  width: 100%;
  margin: 2em 0 2em 0;
  border-collapse: collapse;
}

table.clean th {
  padding: 5px 9px 5px 9px;
}

table.clean td {
  padding: 5px 9px 5px 9px;
}



table.centerAlign th, table.centerAlign td, th.centerAlign, td.centerAlign {
  text-align: center;
}

table.centerAlign th.subject, table.centerAlign td.subject {
  text-align: left;
}


ul.clean {
  list-style-type: none;
  margin: 0;
  padding: 0;
}





.go, .submit {
  display: block;
  font-size: 0;
  line-height: 0em;
  text-indent: -5000px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}



.go {
  width: 30px;
  height: 18px;
  background: transparent url(../images/goButton.gif) no-repeat center center;
}

.submit {
  width: 68px;
  height: 18px;
  background: transparent url(../images/submitButton.gif) no-repeat center center;
}

input.imageButton {
  display: block;
  font-size: 0;
  line-height: 0em;
  text-indent: -5000px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}





/* Simple modifiers */

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.underline {
  text-decoration: underline;
}



.space6, .space5, .space4, .space3, .space2, .space1, .space0 {
  display: block;
}

.space6 {margin-top: 6em;}
.space5 {margin-top: 5em;}
.space4 {margin-top: 4em;}
.space3 {margin-top: 3em;}
.space2 {margin-top: 2em;}
.space1 {margin-top: 1em;}
.space0 {margin-top: 0em;}

.space6 {margin-top: 60px;}
.space5 {margin-top: 50px;}
.space4 {margin-top: 40px;}
.space3 {margin-top: 30px;}
.space2 {margin-top: 20px;}
.space1 {margin-top: 10px;}
.space0 {margin-top: 0px;}



.noBottomSpace {
  margin-bottom: 0;
}



.plain {
  margin: 0;
  padding: 0;
  font-weight: bold;
  border: none;
}



.invalid {
  color: #f00; /* Red highlight for invalid form data */
}



.upper, .upper th, .upper td {
  text-transform: uppercase;
  font-weight: normal;
}


tr.line th, tr.line td {
  border-bottom: solid 1px #d0bfab;
}

th.price, td.price {
  text-align: right;
  vertical-align: top;
}



input.wide {
  width: 100%;
}

input.qty, .qty input {
  width: 3em;
  text-align: center;
}

input.checkbox {
  display: inline;
  float: left;
  width: 13px;
  height: 13px;
  border: none;
}

input.offset {
  margin: 0.2em 2em 0.2em 0;
}





/* Supporting Elements: Spacing */

.frameBlocker {
  position: absolute;
  top: 0;
  left: 1px;
  width: 760px;
  height: 260px;
  background-color: #fff;
  overflow: hidden;
}

.frameSpacer, .fullFrameSpacer {
  position: relative;
  display: inline;
  float: left;
  width: 0;
  height: 0;
  margin: 0 -1px 0 0;
  padding: 1px 1px 282px 0;
  overflow: hidden;
}

.fullFrameSpacer {
  padding-bottom: 527px;
}

.navSpacer {
  margin-top: 60px;
}





/* Product Logos */

.projectsheetLogo, .tasksheetLogo, .topsheetLogo {
  display: block;
  width: 170px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: top left;
  text-indent: -5000px;
  overflow: hidden;
}

.projectsheetLogo {
  width: 170px;
  background-image: url(../images/projectsheetLogo.gif);
}

.tasksheetLogo {
  width: 141px;
  background-image: url(../images/tasksheetLogo.gif);
}

.topsheetLogo {
  width: 134px;
  background-image: url(../images/topsheetLogo.gif);
}





/* Common Forms */

form.userData, form.login, form.registration {
  position: relative;
}



/* User data form */

form.userData p {
  clear: both;
}

/*
form.userData p {
  margin: 8px 0 8px 0;
}
*/

form.userData .formText p {
  margin-top: 1em;
}

form.userData .formText input, form.userData .formText textarea  {
  margin: 0 -20px 0 0;
}

form.userData .formWrap {
  width: 340px;
}

form.userData .looseFormWrap {
  width: 380px;
}






/* Registration form field widths*/

form.userData .firstNameReq input {width: 261px;}

form.userData .lastNameReq input {width: 262px;}

form.userData .organization input {width: 256px;}

form.userData .codeReq input {width: 218px;}

form.userData .codeReq strong {
  display: inline;
  float: left;
}
form.userData .codeReq textarea {
  display: inline;
  float: left;
  width: 204px;
  height: 6.2em;
}


form.userData .usernameReq input {width: 293px;}

form.userData .passwordReq input {width: 268px;}

form.userData .passwordConfirmationReq input {width: 215px;}


form.userData .emailReq input {width: 236px;}

form.userData .emailConfirmationReq input {width: 182px;}


form.userData .address1    input {width: 270px;}
form.userData .address1Req input {width: 268px;}

form.userData .address2    input {width: 270px;}
form.userData .address2Req input {width: 268px;}

form.userData .city    input {width: 306px;}
form.userData .cityReq input {width: 305px;}

/*
form.userData .state    input {width: 245px;}
form.userData .stateReq input {width: 236px;}
*/

form.userData .regionUsCanada    select {width: 169px;}
form.userData .regionUsCanadaReq select {width: 155px;}

form.userData .regionForeign    input {width: 210px;}
form.userData .regionForeignReq input {width: 200px;}

form.userData .postal    input {width: 260px;}
form.userData .postalReq input {width: 255px;}

/*
form.userData .country    input {width: 250px;}
form.userData .countryReq input {width: 245px;}
*/

form.userData .country    select {width: 286px;}
form.userData .countryReq select {width: 282px;}

form.userData .phone    input {width: 245px;}
form.userData .phoneReq input {width: 235px;}


form.userData .cardholderReq input {width: 218px;}

form.userData .cardNumberReq input {width: 246px;}

form.userData .expMonthReq input {width: 60px;}

form.userData .expYearReq input {width: 90px;}

form.userData .cvvReq input {width: 90px;}



form.userData .expMonthReq, form.userData .expYearReq {
  display: inline;
}

form.userData .expMonthReq input, form.userData .expYearReq input,
form.userData .cvvReq input {
  text-align: center;
}

form.userData .expMonthReq input {
  margin-right: 30px;
}





/* Forms */

form.login, form.registration {
  position: relative;
}



/* Login form */

form.login {
  width: 340px;
}

form.login input {
  margin: 0;
  padding: 0;
}

form.login .username, form.login .password {
  position: relative;
  display: block;
  width: 172px;
  width: 236px;
  width: 100%;
  font-size: 13px;
}

form.login .forgotPassword {
  position: absolute;
  display: block;
  bottom: 4px;
  left: 345px;
  width: 170px;
  font-size: 0.9em;
}

form.login .rememberMe {
  display: inline;
  float: left;
  margin-top: 3px;
  line-height: 1em;
}

form.login .username input, form.login .password input {
  padding-top: 2px;
  padding-bottom: 2px;
}


form.login .username input {width: 242px;}
form.login .password input {width: 272px;}


form.login input.centerButton {
  margin: 0 auto 0 auto;
}

form.login input.leftButton {
  display: inline;
  float: left;
}

form.login input.rightButton {
  display: inline;
  float: right;
}






/* registration form */

form.registration input.checkbox {
  margin-right: 2em;
}

form.registration .submit {
  margin: 0 auto 0 auto;
}





/* General formatting */

body {
	background: #fff;
	font: 62.5%/1em Arial, Verdana, sans-serif;
	text-align: left;
  color: #6c5942;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

h1, h2, h3, h4, h5, h6, a {
  font-family: Arial, Verdana, sans-serif;
  color: #6c5942;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

p {
  margin: 0em 0 1em 0;
  padding: 0;
}

strong {
  font-weight: bold;
}

sup {
  font-size: 0.8em;
  line-height: 0em;
}

input {
  margin: 3px -4px 8px 0;
  padding: 0;
  background-color: #fff;
  color: #6c5942;
  border: solid 1px #cab59b;
}

textarea {
  padding: 0;
  background-color: #fff;
  color: #6c5942;
  border: solid 1px #cab59b;
}


select {
  background-color: #fff;
  border: solid 1px #cab59b;
}

form {
  margin: 0;
  padding: 0;
}


hr {
  /* Used as a clearing element */
  position: relative;
  clear: both;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 1px 0 0 0;
  font-size: 0;
  line-height: 0em;
  overflow: hidden;
  border: none;
}





/* Common Font Styles */

.ba, .ba h1, .ba h2, .ba h3, .ba h4, .ba h5, .ba h6, .ba a {
  color: #6c5942;
}

.ps, .ps h1, .ps h2, .ps h3, .ps h4, .ps h5, .ps h6, .ps a {
  color: #0081ac;
}

.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a {
  color: #BED9E6;
}

.ba strong, strong.ba {
  color: #4d3d26;
}

/*
.ps strong, strong.ps {
  color: #006984;
}
*/


.navHead {
  /* 12pt/25pt */
  font-size: 1.2em;
  font-size: 12px;
  font-weight: normal;
  line-height: 2.083em;
  text-transform: uppercase;
  text-align: right;
}

.nav1 {
  /* 17pt/17pt */
  font-size: 1.7em;
  font-size: 17px;
  line-height: 1em;
  text-align: right;
}

.nav2 {
  /* 13pt/17pt */
  font-size: 1.3em;
  font-size: 13px;
  line-height: 1.3077em;
  text-align: right;
}

.nav3 {
  /* 12pt/15pt */
  font-size: 1.2em;
  font-size: 12px;
  line-height: 1.25em;
  text-align: right;
}



.head3 {
  /* 17pt/21pt */
  font-size: 1.7em;
  font-size: 17px;
  font-size: 18px;
  line-height: 1.2353em;
  font-weight: bold;
}

.head4 {
  /* 13pt/17pt */
  font-size: 1.3em;
  font-size: 13px;
  font-size: 16px;
  line-height: 1.3077em;
  font-weight: bold;
}

.head5 {
  /* 12pt/15pt */
  font-size: 1.2em;
  font-size: 12px;
  font-size: 13px;
  line-height: 1.25em;
  font-weight: bold;
}



.body1 {
  /* 12pt/17pt */
  font-size: 1.2em;
  font-size: 12px;
  line-height: 1.4167em;
}

.body2 {
  /* 12pt/15pt */
  font-size: 1.2em;
  font-size: 12px;
  line-height: 1.25em;
}

.body3 {
  /* 11pt/14pt */
  font-size: 1.1em;
  font-size: 11px;
  line-height: 1.2727em;
}

.body4 {
  /* 11pt/13pt */
  font-size: 1.1em;
  font-size: 11px;
  line-height: 1.1818em;
  line-height: 13px;
}

.body5 {
  /* 10pt/13pt */
  font-size: 1.0em;
  font-size: 10px;
  line-height: 1.3em;
}



.sidebarText {
  /* 14pt/19pt */
  font-size: 1.4em;
  font-size: 14px;
  font-size: 15px;
  line-height: 1.3571em;
  font-weight: normal;
}


.sidebarLink {
  /* 14pt/19pt */
  font-size: 1.4em;
  font-size: 14px;
  line-height: 1.3571em;
  text-decoration: underline;
}



.salesText1 {
  /* 14pt/18pt */
  font-size: 1.4em;
  font-size: 14px;
  font-size: 17px;
  line-height: 1.2857em;
}


.salesText2 {
  /* 13pt/17pt */
  font-size: 1.3em;
  font-size: 13px;
  font-size: 16px;
  line-height: 1.3077em;
}


.salesText3 {
  /* 13pt/17pt */
  font-size: 1.3em;
  font-size: 13px;
  line-height: 1.3077em;
}



.quoteText {
  /* 11pt/16pt */
  font-size: 1.1em;
  font-size: 11px;
  font-size: 13px;
  /* line-height: 1.4545em; */
  line-height: 1.3em;
  font-style: italic;
}



.formText {
  font-size: 13px;
  line-height: 1.3077em;
}



.bulletTight {
  /* 13pt/17pt */
  font-size: 1.3em;
  font-size: 13px;
  font-size: 15px;
  line-height: 1.3077em;
}

.bulletSpaced {
  /* 13pt/17pt */
  font-size: 1.3em;
  font-size: 13px;
  line-height: 1.3077em;
}



.iconText {
  /* 13pt/17pt */
  font-size: 1.3em;
  font-size: 13px;
  line-height: 1.3077em;
  font-size: 16px;
  line-height: 1.3077em;
}



table.comparison {
  /* 12pt/15pt */
  font-size: 1.2em;
  font-size: 12px;
  line-height: 1.25em;
}



table.clean {
  /* 12pt/15pt */
  font-size: 1.2em;
  font-size: 12px;
  line-height: 1.25em;
}



.legal {
  /* 11pt/15pt */
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  font-size: 11px;
  line-height: 1.3636em;
}

.mandatory {
  /* 9pt/12pt */
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  font-size: 9px;
  line-height: 1.222em;
  color: #6c5942;
}

.eula {
  /* 9pt/12pt */
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  font-size: 9px;
  line-height: 1.222em;
}