html { overflow-y: scroll; } /*** for FF ***/

body { position: relative; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; background-image: url(images/bg.png); background-repeat: repeat-x; background-color: #F0F0F9; text-align: center; }

input, select, option, textarea { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; }

#main { position: relative; width: 750px; margin: 0 auto; text-align: left; }

/******************************** HEADER ********************************/
#header { position: relative; width: 750px; height: 164px; }
#headerLeft { position: absolute; top: 0px; left: 0px; width: 173px; height: 143px; background-image: url(images/headerLeft.png); }
#headerCenter { position: absolute; top: 0px; left: 173px; width: 230px; height: 105px; background-image: url(images/headerCenter.png); }
#headerRight { position: absolute; top: 20px; left: 440px; width: 310px; height: 77px;  display: inline; background-image: url(images/recentEvents_bg.png); }
#menu { position: absolute; top: 105px; left: 173px; width: 559px; height: 38px; background-image: url(images/menu_bg.png); color: #000000; font-size: 10px; font-weight: bold; text-align: right; }
#menu a { float: left; color: #000000; padding: 13px 10px 13px 10px; text-decoration: none; }
#menu a:visited{ color: #000000; }
#menu a:hover, .menu .current{ background: transparent url(images/menu_bg_selected.png) repeat-x; }
#menuRight { position: absolute; top: 105px; left: 732px; width: 18px; height: 38px; background-image: url(images/menuRight.png); }
#headerBottom { position: absolute; top: 143px; left: 0px; width: 750px; height: 21px; background-image: url(images/headerBottom.png); }
#headerBottom span { padding: 0 0 0 32px; }
.flag { padding-right: 8px; position: relative; top: 4px; }
#loginInfo { position: absolute; top: 147px; left: 412px; width: 300px; height: 21px; text-align: right; }
table.recentEvents { border-collapse: collapse; margin: 4px 6px 0px 6px; width: 298px; }
table.recentEvents tr.header td { font-weight: bold; font-size: 11px; padding-bottom: 4px; }
table.recentEvents tr td { font-size: 9px; padding: 2px 3px 2px 3px; }
table.recentEvents tr td.date { text-align: left; }

#content { width: 686px; min-height: 450px; padding: 24px 32px 24px 32px; background-image: url(images/content_bg.png); text-align: left; }

#footer { width: 686px; height: 14px; text-align: right; background-image: url(images/footer_bg.png); padding: 5px 32px 5px 32px; margin-bottom: 20px; color: #606060; font-size: 10px; }

#sideBar { float: right; padding-left: 32px; }

.sideBox { margin-bottom: 16px; }
.sideBoxHeader { background-image: url(images/sideBoxHeader.png); width: 205px; height: 14px; padding: 3px 16px 3px 16px; font-weight: bold; }
.sideBoxBody { background-image: url(images/sideBoxBody.png); width: 217px; padding: 8px 10px 8px 10px; font-size: 10px; }
.sideBoxBodyNoPadding { background-image: url(images/sideBoxBody.png); width: 234px; padding: 0 2px 0 1px; font-size: 10px; }
.sideBoxBottom { background-image: url(images/sideBoxBottom.png); width: 237px; height: 2px; }

.sideBoxBody table, .sideBoxBody table tr td { padding: 0; margin: 0; }

ul.link { list-style-type: none; padding: 0; margin: 0 0 0 0; }
ul.link li { background-image: url(images/linkListImage.png); margin: 0px; padding-left: 24px; background-repeat: no-repeat; background-position: 0 1px; padding-bottom: 6px; }
ul.indent { padding-left: 24px; }
ul.extraSpace li { padding-bottom: 16px; }

ol { padding-left: 24px; }
ol.indent { padding-left: 48px; }
ol li { padding-left: 8px; padding-bottom: 6px; line-height: 140%; }
ul { list-style-type: none; padding: 0; margin: 0; }
ul li { background-image: url(images/linkListImage.png); margin: 0px; padding-left: 24px; background-repeat: no-repeat; background-position: 0 1px; padding-bottom: 6px; line-height: 140%; }

a { color: #C67E0D; text-decoration: none; }
a:visited { color: #C67E0D; }
a:hover { color: #FF9D33; text-decoration: underline; }

h1 { margin: 24px 0 12px 0; padding-left: 28px; font-size: 14px; font-weight: bold; color: #292DB7; background-image: url(images/h1_bullet.png); background-repeat: no-repeat; background-position: 0 1px; }
h2 { margin: 24px 0 12px 0; padding-left: 24px; font-size: 12px; font-weight: bold; color: #292DB7; background-image: url(images/h2_bullet.png); background-repeat: no-repeat; background-position: 0 1px; }
h3 { margin: 24px 0 12px 0; padding-left: 20px; font-size: 11px; font-weight: bold; color: #292DB7; background-image: url(images/h3_bullet.png); background-repeat: no-repeat; background-position: 0 2px; }
h3.customBullet { padding-bottom: 2px; }
h4 { margin: 24px 0 12px 0; padding-left: 18px; font-size: 11px; font-weight: bold; color: #292DB7; background-image: url(images/h4_bullet.png); background-repeat: no-repeat; background-position: 0 2px; }
h4.customBullet { padding-bottom: 2px; }

p { margin: 12px 0 12px 0; line-height: 140%; }

table.twoColumns { padding: 0px; margin: 0px; }
table.twoColumns tr td.column1 { vertical-align: top; padding-right: 32px; }
table.twoColumns tr td.column2 { vertical-align: top; }

div.screenshot { margin-bottom: 32px; border-bottom: 1px solid #cfcfcf; }
div.screenshot p { font-style: italic; } 

.floatLeft { float: left; }
.floatRight { float: right; }
img.border { border: 1px solid #7f7f7f; margin: 0 16px; }
img.icon { margin: 0 12px 6px 0; }
img.margin { margin: 0 16px; }
img.inlineIcon { position: relative; top: 4px; }

div.header { background-color: #00003f; color: #FFFFFF; font-weight: bold; padding: 6px 24px 6px 24px; margin-top: 24px; }
div.body { border: 1px solid #7f7f7f; background-color: #EFF2FE; padding: 16px 24px; margin-bottom: 24px; }

.buttons {margin: 16px 0 32px 0; }
.leftAlignedButton {float: left; }
.rightAlignedButton {float: right; }

table.broad { border-collapse: collapse; }
table.broad tr td { padding: 4px 32px 4px 0px; }

.validationError { padding: 8px; color: #7f0000; background-color: #FFCFCF; margin-bottom: 16px; border: 1px solid #ff3f3f; }
.saveSuccess { padding: 8px; color: #007f00; background-color: #CFFFCF; margin-bottom: 16px; border: 1px solid #3fff3f; }
div.margin { margin-bottom: 16px; }

span.creditCardInfo { font-size: 9px; color: #bfbfbf; }

/******************************** START PAGE ********************************/
div.pnlNewVersion { border: 1px solid #7f7f7f; background-color: #EFF2FE; padding: 0 16px 0 108px; margin-bottom: 8px; background-repeat: no-repeat; background-position: 8px 16px; }

/******************************** PURCHASE PAGES ********************************/
#purchaseInfo { margin-bottom: 32px; }
#licenseTermsAndConditions { border: 1px solid #7f7f7f; background-color: #EFF2FE; padding: 16px 24px; margin-bottom: 32px; }
#purchaseUpgradeInfo { padding: 8px; margin: 16px 0 16px 55px; border: 1px solid #7f7f7f; background-color: #DFE4F8; }
#purchaseDiscountInfo { padding: 8px; margin: 16px 0 16px 0; border: 1px solid #7f7f7f; background-color: #DFE4F8; }
.discounted { color: #ff0000; }
.inputInfo { font-size: 9px; color: #7f7f7f; }

table.product { width: 100%; }
table.product tr td.icon  { width: 8%; }
table.product tr td.description  { font-weight: bold; width: 67%; }
table.product tr td.price { font-weight: bold; width: 25%; text-align: right; }

div.divider { height: 1px; background-color: #7f7f7f; margin: 16px 0; }

#licenseTermsAndConditions .body { font-size: 10px; }
#licenseTermsAndConditions #terms { padding-top: 16px; }

table.personalDetails { padding: 0; margin: 0; width: 100%; border-collapse: collapse; }
table.personalDetails tr td { padding: 3px 6px 3px 4px; vertical-align: middle; }
td.error { background-color: #FFCFCF; color: #7f0000; font-size: 9px; }
table.personalDetails tr td.info { font-size: 9px; color: #7f7f7f; }

table.licenseInfoTable { margin: 0 0 0 53px; padding: 0; border-collapse: collapse; }
table.licenseInfoTable tr td { padding: 3px 6px 3px 4px; vertical-align: middle; }

.purchasePayInfo { margin-bottom: 32px; }

.productsSummary { width: 100%; border-collapse: collapse; border: 1px solid #7f7f7f; }
.productsSummary tr.header td { background-color: #DFE4F8; border-bottom: 1px solid #7f7f7f; }
.productsSummary tr td {padding: 4px 6px 4px 6px; }
.productsSummary tr td.c1 { text-align: left; }
.productsSummary tr td.c2 { text-align: left; }
.productsSummary tr td.c3 { text-align: right; }
.productsSummary tr.footer td { background-color: #DFE4F8; border-top: 1px solid #7f7f7f; }

.personalDetailsSummary { border-collapse: collapse; }
.personalDetailsSummary tr td {padding: 4px 6px 4px 0px; }
.personalDetailsSummary tr td.c1 { padding-right: 32px; }

div.purchaseApprovedInfo { padding: 0 0 0 118px; background-image: url('images/greenTick.png'); background-repeat: no-repeat; margin-bottom: 32px; min-height: 80px; height: auto !important; height: 80px; }


/******************************** LICENSE KEY OVERVIEW ********************************/
table.licenseKey { border-collapse: collapse; border: 1px solid #7f7f7f; margin-bottom: 32px; width: 100%}
table.licenseKey tr td { padding: 4px 6px 4px 6px; }
table.licenseKey tr td.licensedOwner {width: 50%; border-bottom: 1px solid #7f7f7f; background-color: #DFE4F8; }
table.licenseKey tr td.purchaseDate {width: 30%; border-bottom: 1px solid #7f7f7f; background-color: #DFE4F8; }
table.licenseKey tr td.receipt {width: 20%; text-align: right; border-bottom: 1px solid #7f7f7f; background-color: #DFE4F8; }
table.licenseKey tr td.licenseKey { padding: 24px 32px 24px 80px; font-family: Courier New, Courier; font-size: 16px; text-align: center; background-color: #EFF2FE; background-image: url('images/licenseKey.png'); background-repeat: no-repeat; background-position: 16px 8px; }

/******************************** RECEIPT ********************************/
body.receipt { margin: 20px; background-image: none; background-color: #FFFFFF; text-align: left; }

#receiptContainer { width: 600px; }

#receiptHeader { height: 40px; width: 198px; border: 1px solid #7f7f7f; padding: 35px 24px 29px 376px; margin-bottom: 32px; font-size: 32px; background-image: url('images/receiptHeader.png'); background-repeat: no-repeat;  }

.receiptInfo { width: 100%; border-collapse: collapse; margin-bottom: 32px; }

.receiptInfo tr td { vertical-align: top; }
.receiptInfo tr td.buyer { padding-right: 48px; }
.receiptInfo tr td table { width: 100%; }
.receiptInfo tr td table tr td.header { border-bottom: 1px solid #7f7f7f; font-weight: bold; }
.receiptInfo tr td table tr td { padding-left: 4px; padding-right: 48px; }

#receiptSmallText { font-size: 9px; color: #7f7f7f; width: 592px; margin-top: 16px; padding-left: 4px; padding-right: 4px; }

table.receiptProducts { width: 100%; border-collapse: collapse; border: 1px solid #7f7f7f; } 
table.receiptProducts tr.header td { background-color: #DFE4F8; border-bottom: 1px solid #7f7f7f; font-weight: bold; }
table.receiptProducts tr td {padding: 4px 6px 4px 6px; background-color: #EFF2FE}
table.receiptProducts tr td.c1 { text-align: left; }
table.receiptProducts tr td.c2 { text-align: left; }
table.receiptProducts tr td.c3 { text-align: right; }
table.receiptProducts tr.highRow td { padding-bottom: 100px; }
table.receiptProducts tr.sum td { background-color: #DFE4F8; border-top: 1px solid #7f7f7f; font-weight: bold; }
table.receiptProducts tr.vat td { background-color: #DFE4F8; }
table.receiptProducts tr.vat td.c1 { padding-left: 16px; }


/******************************** INSTALLATION ********************************/

div.downloadFileBox { border: 1px solid #7f7f7f; background-color: #EFF2FE; padding: 24px 24px 24px 80px; margin-bottom: 24px; background-image: url('images/setupIcon.png'); background-repeat: no-repeat; background-position: 24px 16px; }

/******************************** HELP ********************************/
table.toolstripInfo { border-collapse: collapse; border: 1px solid #cfcfcf; width: 100%; }
table.toolstripInfo tr td { vertical-align: top; padding: 6px 6px;}
table.toolstripInfo tr td.c1 { text-align: center; }
table.toolstripInfo tr td.c2 { text-align: left; }
table.toolstripInfo tr td.c4 { font-weight: bold; }
table.toolstripInfo tr td.c5 { border-left: 1px solid #efefef; padding: 6px 0px; text-align: center; }
table.toolstripInfo tr td.c6 { border-left: 1px solid #efefef; border-right: 1px solid #efefef; padding: 5px 1px; text-align: center; }
table.toolstripInfo tr.header td { background-color: #cfcfcf; color: #000000; font-weight: bold; }
a.tooltip { color: #007f00; text-decoration: none; }
a.tooltip:visited { color: #007f00; }
a.tooltip:hover { color: #00bf00; text-decoration: underline; cursor:pointer; }
span.mnemonic { text-decoration: underline; }

h1.term { margin: 24px 0 12px 0; padding-left: 0px; font-size: 12px; font-weight: bold; background-image: none; }
h1.term a { color: #292DB7; }
h1.term a:visited { color: #292DB7; }
h1.term a:hover { color: #292DB7; }

/******************************* FAQ ***********************************/

div.faqQuestion { margin: 16px 0 0 0; padding: 2px 0 6px 32px; background-image: url('images/faqQuestion.png'); background-repeat: no-repeat; background-position: 0 0; font-weight: bold; }
div.faqAnswer { margin: 0 0 16px 0; padding: 0 0 6px 32px; background-image: url('images/faqAnswer.png'); background-repeat: no-repeat; background-position: 0 2px; }

div.faqQuestion p, div.faqAnswer p { margin-top: 0; }


/******* BUTTONS *********/
ul.navigation { list-style-type: none; margin-top: 24px; }
ul.navigation li { background-image: none; padding: 0; }
ul.navigation li a { font-weight: bold; display: block; color: #ffffff; background-color: #00003f; padding: 4px 24px; text-align: center; text-decoration: none; }
ul.navigation li a:hover { color: #ffffff; background-color: #00009f; }
ul.navigation .left { float: left; }
ul.navigation .right { float: right; }

/* usage: <div class="clear"><a class="button" href="#" onclick="this.blur();"><span>button text</span></a></div> */
.clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; }
a.button { background: transparent url('images/buttonRight_normal.png') no-repeat scroll top right; color: #000000; display: block; float: left; height: 26px; margin-right: 6px; padding-right: 12px; /* sliding doors padding */ font-weight: bold; text-decoration: none; }
a.button span { background: transparent url('images/buttonLeft_normal.png') no-repeat; display: block; font-weight: bold; line-height: 14px; padding: 6px 0 6px 12px; }
a.button:hover { background: transparent url('images/buttonRight_hover.png') no-repeat scroll top right; outline: none; /* hide dotted outline in Firefox */ color: #3f3f3f; }
a.button:hover span { background: transparent url('images/buttonLeft_hover.png') no-repeat; }