/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* TODO: split up css into functional units for appropriate pages */
html {
  height: 100%;
  margin-bottom: 1px;
}

body {
  background-color: white;
  color: #787878;
  font: normal normal normal 10pt verdana, arial, helvetica, sans-serif;
  background: transparent url(/images/navbar.gif) repeat-x top left;
}

h1, h2, h3, h4, h5, h6 {
  font-family: georgia, "times new roman", serif;
  font-weight: normal;
}

h1 { font-size: 20pt; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
h4 { font-size: 12pt; }

.moneyworks {
  font-family: Frutiger, "Arial Black", Gadget, sans-serif;
  font-weight: bold;
  color: #222;
}

.moneyworks sup {
  font-size: 25%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  vertical-align: top;
  line-height: 300%;
}

#home h1 { font-size: 36pt; }
#home h2 { font-size: 20pt; }
#home h3 { font-size: 16pt; }
#home h4 { font-size: 13pt; padding-top: 0.75em; }

#header h1 { font-size: 20pt; }
#header h1 a { color: #222; text-decoration: none; }

#content h3, #content h4, #content h5, #content h6,
#facebox h3, #facebox h4, #facebox h5, #facebox h6 { color: #222; }

a { color: #787878; }
a:hover { color: #034EA2; }

#page {
  width: 890px;
  margin: 0 auto;
}

#navigation {
  margin-top: 6px;
  text-align: center;
}

#navigation li {
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
}

#navigation a {
  padding: 5px 8px;
  margin: 0 8px;
  text-decoration: none;
  display: inline-block;
}

#navigation a:hover {
  background-color: #f0f0f0;
  color: #787878;
}

#navigation .current a {
  background-color: #222;
  color: #fff;
}

#navigation .news a {
  background-color: #fff8f8;
  color: #c11;
}

#navigation .news a:hover {
  background-color: #f0f0f0;
}

#navigation .news.current a {
  background-color: #c11;
  color: #fff8f8;
}

#navigation #country-selector {
  text-align: left;
  margin-right: 8px;
}

#navigation #country-selector a {
  background-color: #fff;
  padding: 0 4px;
  margin: 0;
}

#navigation #country-selector img {
  padding: 2px 0 3px;
}

#navigation #country-selector img#country-world {
  padding: 0;
}

#header { margin: 1em 0 0.5em; }

#content p,
#facebox p { margin: 0.3em 0 0.7em; }

.centred-content {
  text-align: center;
  margin: 48px 0 24px;
}

img.icon {
  padding: 0 2px;
}

#home a { text-decoration: none; }

#admin {
  margin: 2em;
}

#admin .notice,
#admin .error,
#user .notice,
#user .error {
  width: 800px;
  margin: 0.5em auto 1em;
  text-align: left;
}

#admin .notice p,
#user .notice p {
  border: 1px solid #494;
  border-style: solid none;
  background-color: #f8fff8;
  color: #494;
  padding: 0.5em 1em;
}

#admin .error p,
#user .error p {
  border: 1px solid #c11;
  border-style: solid none;
  background-color: #fff8f8;
  color: #c11;
  padding: 0.5em 1em;
}

#admin table {
  border: 1px solid #e0e0e0;
  margin: 0 auto;
  width: 800px;
}

#admin th, #admin td { vertical-align: middle; }

#admin tr.moving {
  background-color: #e0e0e0;
}

#admin tr.even {
  background-color: #f8f8f8;
}

#admin th {
  background-color: #e8e8e8;
  font-weight: bold;
}

#admin th { padding: 0 1em; }

#admin td { padding: 0 2em 0 1em; }

#admin th, #admin td {
  line-height: 1.6em;
  text-align: left;
}

#admin .centred { text-align: center; padding-right: 1em; }

#admin .associated {
  background-color: #fff;
  margin: 2px;
  border: 1px solid #e0e0e0;
}

#admin .associated table {
  width: 100%;
  border-style: none;
  font-size: 9pt;
}

#admin .associated td {
  width: 50%;
  line-height: 1.2em;
  height: 7em;
  border: 1em solid white;
  background-color: #f0f0f0;
  padding: 1em 0 0 1em;
}

#boxes { margin: 24px 0 48px; }
#boxes img { margin: 0 -12px; }

.boxshot { margin-bottom: 18px; }

#cross-platform { margin: 36px 0; }

#cross-platform p { margin-top: 0.5em; }

.left-sidebar {
  float: left;
  width: 212px;
  margin: 1em 24px 1em 0;
}

.content-column {
  float: left;
  width: 654px;
}

.right-sidebar {
  float: left;
  width: 212px;
  margin: 1em 0 1em 24px;
}

.left-sidebar img, .right-sidebar img { margin-right: 12px; }

.left-sidebar p, .right-sidebar p { margin-right: 12px; }

.highlighted {
  font-weight: bold;
  color: #222;
}

#product-comparison { margin-bottom: 2em; }

#product-comparison ul { border: 1px solid #fff; }

#product-comparison li { line-height: 1.5em; }

#product-comparison .column { float: left; }

#product-comparison .heading {
  font-size: 9pt;
  font-weight: bold;
  line-height: 1.6em;
}

#product-comparison .top, #product-comparison .bottom { height: 0.8em; }

#product-comparison .product .top { background: #f8f8f8 url(/images/grey-top.gif) no-repeat scroll top center; }
#product-comparison .product .heading, #product-comparison .odd, #product-comparison .product .even { background-color: #f8f8f8; }
#product-comparison .product .odd { background-color: #e8e8e8; }
#product-comparison .product .bottom { background: #f8f8f8 url(/images/grey-bottom.gif) no-repeat scroll bottom center; }

#features {
  width: 284px;
  white-space: nowrap;
}

#features li { padding-left: 12px; }

#features .feature { cursor: pointer; }

#product-comparison .product {
  width: 90px;
  text-align: center;
  cursor: pointer;
}

#product-comparison .bullet { font-weight: bold; }

#features .feature.active { background-color: #d8d8d8; }

#product-comparison .product.active { color: #fff; }

#product-comparison #datacentre-features.active .top { background: #807576 url(/images/datacentre-top.gif) no-repeat scroll top center; }
#product-comparison #datacentre-features.active .odd { background-color: #6f6566; }
#product-comparison #datacentre-features.active .heading, #product-comparison #datacentre-features.active .even { background-color: #807576; }
#product-comparison #datacentre-features.active .bottom { background: #807576 url(/images/datacentre-bottom.gif) no-repeat scroll bottom center; }

#product-comparison #gold-features.active .top { background: #d19246 url(/images/gold-top.gif) no-repeat scroll top center; }
#product-comparison #gold-features.active .odd { background-color: #b67f3d; }
#product-comparison #gold-features.active .heading, #product-comparison #gold-features.active .even { background-color: #d19246; }
#product-comparison #gold-features.active .bottom { background: #d19246 url(/images/gold-bottom.gif) no-repeat scroll bottom center; }

#product-comparison #express-features.active .top { background: #667590 url(/images/express-top.gif) no-repeat scroll top center; }
#product-comparison #express-features.active .odd { background-color: #59657d; }
#product-comparison #express-features.active .heading, #product-comparison #express-features.active .even { background-color: #667590; }
#product-comparison #express-features.active .bottom { background: #667590 url(/images/express-bottom.gif) no-repeat scroll bottom center; }

#product-comparison #cashbook-features.active .top { background: #794c4d url(/images/cashbook-top.gif) no-repeat scroll top center; }
#product-comparison #cashbook-features.active .odd { background-color: #714749; }
#product-comparison #cashbook-features.active .heading, #product-comparison #cashbook-features.active .even { background-color: #794c4d; }
#product-comparison #cashbook-features.active .bottom { background: #794c4d url(/images/cashbook-bottom.gif) no-repeat scroll bottom center; }

#product-comparison .product .odd.active, #product-comparison .product .even.active { background-color: #c8c8c8; }
#product-comparison #datacentre-features.active .odd.active, #product-comparison #datacentre-features.active .even.active { background-color: #645c5d; }
#product-comparison #gold-features.active .odd.active, #product-comparison #gold-features.active .even.active { background-color: #a47337; }
#product-comparison #express-features.active .odd.active, #product-comparison #express-features.active .even.active { background-color: #505c71; }
#product-comparison #cashbook-features.active .odd.active, #product-comparison #cashbook-features.active .even.active { background-color: #5f3c3c; }

.feature-info { width: 600px; }
.feature-info p { margin: 1em 0; }
.feature-info ul { list-style: square outside; margin: 1em 1.5em; }
.feature-info ol { list-style: decimal outside; margin: 1em 1.5em; }
.feature-info li { margin: 0.4em 0; }

.country { margin: 1em 0; }

#affiliates {
  position: relative;
  margin-top: 1em;
}

#affiliates h4 {
  background-color: #f0f0f0;
  padding: 0.2em 12px;
  margin: 1.5em -12px 0;
}

.logo { margin: 1em 0; }

.left { float: left; }

.left-col { margin-right: 48px; }
.col140 { width: 140px; }
.col220 { width: 220px; }
.col300 { width: 300px; }
.col400 { width: 400px; }
.col480 { width: 480px; }
.col500 { width: 500px; }
.col600 { width: 600px; }

.locations { font-size: 9pt; }

.locations li { padding: 0.4em 0; }

#articles h3, #articles h4, #articles h5, #articles h6 { margin-top: 0.5em; }

#articles ul, #results ul { margin: 0.3em 0 0.7em; }
#articles li, #results li { margin-bottom: 0.4em; }

#article {
  background-color: #f8f8f8;
  border: 1px solid #e8e8e8;
  padding: 0.7em 12px;
}

#article h3 { margin: 0 0 0.5em; }

.match {
  font-weight: bold;
  color: #222;
  font-style: italic;
}

#back-button {
  position:absolute;
  top: 0.7em;
  right: 12px;
}

#article-body h1 {
  font-size: 13pt;
  color: #222;
  margin-top: 0.5em;
  border-top: 3px solid #e0e0e0;
  padding-top: 0.5em;
}

#article-body h2 {
  font-size: 11pt;
  color: #222;
  margin-top: 0.5em;
}

#article-body h3, #article-body h4 { font-size: 10pt; }

#article-body ul {
  list-style: square outside;
  margin-left: 1.5em;
}

#article-info {
  margin-top: 2em;
  border-top: 3px solid #e0e0e0;
  font-size: 8pt;
}

#article-body ol {
  list-style: decimal outside;
  margin-left: 2em;
}

#article-body img { margin: 1em 0; }

#content p.file-info {
  font-size: 8pt;
  margin-top: -0.7em;
}

.footnote {
  font-size: 8pt;
  text-indent:-1em;
  margin-left:1em
}

#footer {
  font-size: 8pt;
  text-align: center;
  margin: 2em 0;
}

#footer .tool {
  margin-left: 24px;
  margin-right: -18px;
}

#authentication {
  margin-top: 0.5em;
}

/* custom pagination styling */
#admin .pagination {
  font-size: 9pt;
}

#admin .pagination a, #admin .pagination span {
  padding: 0 0.2em;
}

#admin .pagination span.disabled {
  color: #bbb;
  border: none;
}

#admin .pagination span.current {
  color: #222;
  border: none;
}

#admin .pagination a {
  color: #787878;
}

#admin .pagination a:hover, #admin .pagination a:focus {
  background: #d0d0d0;
}

#admin form {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  padding: 12px;
}

#admin form h1 {
  font-size: 16pt;
  background-color: #e8e8e8;
  padding: 6px 12px;
  margin: -12px -12px 12px -12px;
}

#admin form p {
  padding: 0.5em 0 0;
}

#admin label {
  font-weight: bold;
  margin-right: 0.5em;
}

#admin input.text, #admin input.password, #admin textarea, #admin .uploaded-image {
  border: 1px inset #aaa;
  margin: 2px;
  margin-bottom: 1em;
}

#admin input.checkbox, #admin input.radio {
  margin-bottom: 1em;
}

#admin textarea {
  width: 100%;
}

#admin .uploaded-image {
  min-height: 50px;
  padding: 1em;
  background-color: #e0e0e0;
  text-align: center;
}

#admin input.submit { margin: 1.5em 1em 0.5em 2px; }

#admin input.text.disabled, #admin input.password.disabled {
  background-color: #f8f8f8;
  border-color: #ddd;
}

.fieldWithErrors { display: inline; }

.fieldWithErrors * { color: #c00; }

#errorExplanation {
  border: 1px solid #c00;
  background-color: #fff;
}

#errorExplanation h2 {
  font-size: 12pt;
  padding: 4px 8px;
  background-color: #c00;
  color: #fff;
}

#admin #errorExplanation p {
  font-size: 11pt;
  padding: 8px;
}

#errorExplanation ul {
  font-size: 11pt;
  margin: 0 1em 1em;
  list-style: square inside;
}

#error {
  background-color: #f8f8f8;
  border: 2px solid #e8e8e8;
  width: 500px;
  padding: 2em;
  text-align: left;
  margin: 2em auto;
}

#error h3 {
  font-size: 16pt;
  margin-bottom: 0.25em;
}

#error p {
  margin-bottom: 1.5em;
}

#error h3.other-things b {
  font-weight: normal;
}

#instructions {
  float: right;
  width: 366px;
  margin-right: 2px;
}

#instructions p {
  margin-bottom: 0.5em;
}

#instructions p.boxed {
  background-color: #f8f8f8;
  border: 2px solid #ddd;
  padding: 0.5em;
  line-height: 1.1em;
  margin-bottom: 1em;
}

#fact-sheets {
  margin: 2em 0;
}

#fact-sheets img {
  float: left;
  margin: 0.2em 0.5em 0.2em 0;
}

#news h3 { margin: 0.5em 0; }
#news h4 { margin-top: 1.25em; }
#news p.news-date { margin: 0.2em 0; }

.news-article {
  margin-bottom: 1.5em;
}

#news .news-body p { margin: 0.2em 0 0.4em; width: 600px; }

.news-info {
  margin-bottom: 0.5em;
  font-size: 8pt;
  border-bottom: 1px solid #e0e0e0;
}

#difference h3, #difference h4 { margin-top: 0.5em; }

#difference p { margin-right: 3em; }

#difference ul {
  list-style: square outside;
  margin-left: 1.5em;
  margin-right: 4.5em;
}

#difference li { margin-top: 0.25em; margin-bottom: 0.5em; }

#states .states {
  margin: 1em;
}

.map {
  text-align: center;
  padding-right: 50px;
}

#canada.map {
  margin-top: -2em;
}

#us.map {
  margin-top: 5em;
}

.ab-affiliates-page #state-ab a,
.bc-affiliates-page #state-bc a,
.mb-affiliates-page #state-mb a,
.nb-affiliates-page #state-nb a,
.nl-affiliates-page #state-nl a,
.ns-affiliates-page #state-ns a,
.nt-affiliates-page #state-nt a,
.nu-affiliates-page #state-nu a,
.on-affiliates-page #state-on a,
.pe-affiliates-page #state-pe a,
.qc-affiliates-page #state-qc a,
.sk-affiliates-page #state-sk a,
.yt-affiliates-page #state-yt a,
.ak-affiliates-page #state-ak a,
.al-affiliates-page #state-al a,
.ar-affiliates-page #state-ar a,
.az-affiliates-page #state-az a,
.ca-affiliates-page #state-ca a,
.co-affiliates-page #state-co a,
.ct-affiliates-page #state-ct a,
.dc-affiliates-page #state-dc a,
.de-affiliates-page #state-de a,
.fl-affiliates-page #state-fl a,
.ga-affiliates-page #state-ga a,
.hi-affiliates-page #state-hi a,
.ia-affiliates-page #state-ia a,
.id-affiliates-page #state-id a,
.il-affiliates-page #state-il a,
.in-affiliates-page #state-in a,
.ks-affiliates-page #state-ks a,
.ky-affiliates-page #state-ky a,
.la-affiliates-page #state-la a,
.ma-affiliates-page #state-ma a,
.md-affiliates-page #state-md a,
.me-affiliates-page #state-me a,
.mi-affiliates-page #state-mi a,
.mn-affiliates-page #state-mn a,
.mo-affiliates-page #state-mo a,
.ms-affiliates-page #state-ms a,
.mt-affiliates-page #state-mt a,
.nc-affiliates-page #state-nc a,
.nd-affiliates-page #state-nd a,
.ne-affiliates-page #state-ne a,
.nh-affiliates-page #state-nh a,
.nj-affiliates-page #state-nj a,
.nm-affiliates-page #state-nm a,
.nv-affiliates-page #state-nv a,
.ny-affiliates-page #state-ny a,
.oh-affiliates-page #state-oh a,
.ok-affiliates-page #state-ok a,
.or-affiliates-page #state-or a,
.pa-affiliates-page #state-pa a,
.ri-affiliates-page #state-ri a,
.sc-affiliates-page #state-sc a,
.sd-affiliates-page #state-sd a,
.tn-affiliates-page #state-tn a,
.tx-affiliates-page #state-tx a,
.ut-affiliates-page #state-ut a,
.va-affiliates-page #state-va a,
.vt-affiliates-page #state-vt a,
.wa-affiliates-page #state-wa a,
.wi-affiliates-page #state-wi a,
.wv-affiliates-page #state-wv a,
.wy-affiliates-page #state-wy a,
#states .states .hover a {
  color: #222;
  text-decoration: none;
}

#copyright p {
  margin-top: 1em;
  color: #aaa;
}

#copyright a { color: #999; }
#copyright a:hover { color: #034EA2; }

#more-differences h4 { margin-top: 1em; }

pre.mac_classic .EmbeddedSource {
   background-color: #0C0C0C;
}
pre.mac_classic .LibraryObject {
   font-weight: bold;
   color: #6D79DE;
}
pre.mac_classic .Section {
   font-style: italic;
}
pre.mac_classic .FunctionArgumentAndResultTypes {
   color: #70727E;
}
pre.mac_classic .TypeName {
   text-decoration: underline;
}
pre.mac_classic .Number {
   color: #0000CD;
}
pre.mac_classic {
   background-color: #FCFCFC;
   color: #000000;
   padding: 0.5em 8px;
   margin: 0.5em 0;
   border: 1px solid #E8E8E8;
}
pre.mac_classic .MarkupList {
   color: #B90690;
}
pre.mac_classic .MarkupTagAttribute {
   font-style: italic;
}
pre.mac_classic .LibraryVariable {
   font-weight: bold;
   color: #21439C;
}
pre.mac_classic .line-numbers {
   background-color: #4D97FF;
   color: #000000;
}
pre.mac_classic .FunctionParameter {
   font-style: italic;
}
pre.mac_classic .MarkupTag {
   color: #1C02FF;
}
pre.mac_classic .MarkupHeading {
   font-weight: bold;
   color: #0C07FF;
}
pre.mac_classic .JsOperator {
   color: #687687;
}
pre.mac_classic .InheritedClassName {
   font-style: italic;
}
pre.mac_classic .StringInterpolation {
   color: #26B31A;
}
pre.mac_classic .MarkupQuote {
   color: #000000;
   font-style: italic;
}
pre.mac_classic .MarkupNameOfTag {
   font-weight: bold;
}
pre.mac_classic .InvalidTrailingWhitespace {
   background-color: #FFD0D0;
}
pre.mac_classic .LibraryConstant {
   font-weight: bold;
   color: #06960E;
}
pre.mac_classic .MarkupXmlDeclaration {
   color: #68685B;
}
pre.mac_classic .EmbeddedEmbeddedSource {
   background-color: #0E0E0E;
}
pre.mac_classic .PreprocessorDirective {
   font-weight: bold;
   color: #0C450D;
}
pre.mac_classic .BuiltInConstant {
   font-weight: bold;
   color: #585CF6;
}
pre.mac_classic .MarkupDtd {
   font-style: italic;
}
pre.mac_classic .Invalid {
   background-color: #990000;
   color: #FFFFFF;
}
pre.mac_classic .LibraryFunction {
   font-weight: bold;
   color: #3C4C72;
}
pre.mac_classic .String {
   color: #036A07;
}
pre.mac_classic .UserDefinedConstant {
   font-weight: bold;
   color: #C5060B;
}
pre.mac_classic .Keyword {
   font-weight: bold;
   color: #0000FF;
}
pre.mac_classic .MarkupDoctype {
   color: #888888;
}
pre.mac_classic .FunctionName {
   font-weight: bold;
   color: #0000A2;
}
pre.mac_classic .PreprocessorLine {
   color: #1A921C;
}
pre.mac_classic .Variable {
   color: #318495;
}
pre.mac_classic .Comment {
   color: #0066FF;
   font-style: italic;
}


#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}