﻿/* Structure and basic styles, default and content pages */

body
{
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    min-width: 600px; /* Minimum width of layout */
    font-family: "Trebuchet MS" , "Trebuchet" , "Verdana" , "Sans-Serif";
    font-size: medium;
    color: #333333;
}

a
{
    color: #739d37;
}
a:hover
{
    color: #739d37;
    text-decoration: none;
}
h1, h2, h3
{
    margin: .8em 0 .2em 0;
    padding: 0;
    color: #739d37;
}

p
{
    margin: .4em 0 .8em 0;
    padding: 0;
}

#site_header
{
    float: left;
    width: 100%;
    min-height: 100px;
    min-width: 600px;
    padding: 0;
    margin: 0;
    background: url("images/bg_gray_top.png") repeat-x scroll 0 0 #9c9c9c;
}
#site_header p
{
    padding: .5em 15px .2em 15px;
    margin: 0;
}
#site_header h1
{
    padding: .2em 15px;
    margin: 0;
}
#site_header h2
{
    padding: .2em 15px .7em 15px;
    margin: 0;
}
#colmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    background: url("images/bg_green_left.png") repeat-x scroll 0 0 #739d37; /* Left column background colour */
}
#colmid
{
    float: left;
    width: 200%;
    position: relative;
    left: 200px;
    background: #fff; /* Centre column background colour */
}
#colright
{
    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -400px;
    background: #fff; /* Right column background colour */
}
#col1wrap
{
    float: right;
    width: 50%;
    position: relative;
    right: 100%;
}
#col1pad
{
    margin: 0 15px 0 415px;
    overflow: hidden;
}
#col1
{
    width: 100%;
    overflow: hidden;
}
#col2
{
    float: left;
    left: 215px;
    margin-left: -50%;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    width: 170px;
}
#col3
{
    float: left;
    left: 15px;
    margin-top: 25px;
    overflow: hidden;
    position: relative;
    text-align: right;
    width: 170px;
}
#footer
{
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid #678d31;
}
#footer p
{
    padding: .5em 15px;
}

.right
{
    float: right;
}

hr
{
    color: #9c9c9c;
    background-color: #9c9c9c;
    height: 1px;
    border: none;
}

/* Structure and basic styles, default page */

#midsection
{
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #aed577;
    background: -moz-linear-gradient(top,  #aed577 0%, #739d37 66%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aed577), color-stop(66%,#739d37));
    background: -webkit-linear-gradient(top,  #aed577 0%,#739d37 66%);
    background: -o-linear-gradient(top,  #aed577 0%,#739d37 66%);
    background: -ms-linear-gradient(top,  #aed577 0%,#739d37 66%);
    background: linear-gradient(top,  #aed577 0%,#739d37 66%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed577', endColorstr='#739d37',GradientType=0 );
    border-top: 1px solid #BADB8B;
}

#tagline
{
    text-align: center;
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
    margin: 50px 0 0;
}

/* Content style begins here */

/* Header*/
#logo
{
    border: none;
    margin: 18px 20px 0 60px;
    float: left;
}

#logo img
{
    border: none;
    margin: 0;
}

#header_content
{
    float: right;
}

#header_links
{
    margin-left: 0;
    margin-right: 25px;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}

#header_links a
{
    color: #fff;
    text-decoration: none;
}
#header_links a:hover
{
    color: #eaeaea;
    text-decoration: none;
}
#header_links a:active
{
    color: #cccccc;
    text-decoration: none;
}
#header_links a:visited
{
    color: #fff;
    text-decoration: none;
}

#header_links ul li
{
    float: left;
    list-style: disc outside none;
    color: #FFF;
    margin-left: 30px;
}

#header_links ul
{
    margin: 0 0 0 0;
    padding: 0;
}

#header_search
{
    margin-top: 0;
    float: right;
}

/* Menu */

#menu_links a
{
    color: #fff;
    text-decoration: none;
}
#menu_links a:hover
{
    color: #eaeaea;
    text-decoration: none;
}
#menu_links a:active
{
    color: #cccccc;
    text-decoration: none;
}
#menu_links a:visited
{
    color: #fff;
    text-decoration: none;
}

#menu_links a.selected
{
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

#menu_links a
{
    display: block;
    white-space: nowrap;
}

#menu_links ul li
{
    list-style: none;
    font-size: 90%;
    line-height: 130%;
}

#menu_links ul li a.level1
{
    background: url("images/menu_divider.png") repeat-x scroll 0 0 transparent;
}
#menu_links ul
{
    margin: 0 0;
    padding: 0 0 0 5px;
}

#menu_links ul li a.level2
{
    margin: 0;
    padding: 0 0 0 15px;
}

#menu_links ul li a.level3
{
    margin: 0;
    padding: 0 0 0 25px;
}

#fblike
{
    height: 22px;
    margin-top: 0px;
    margin-left: 5px;
    margin-bottom: 10px;
}

/* Footer */
#footer div
{
    text-align: center;
}
#footer div ul
{
    margin: 20px 0 20px 0;
    padding: 0;
}
#footer div ul li
{
    display: inline;
    list-style: none;
    margin: 0 10px 0 10px;
}

input[type="submit"], button
{
    font-family: "Trebuchet MS" , "Trebuchet" , "Verdana" , "Sans-Serif";
    font-size: 14px;
    color: #000000;
    padding: 3px 6px;
    background: -moz-linear-gradient( 		top, 		#f2f2f2 0%, 		#e3e3e3 50%, 		#d1d1d1);
    background: -webkit-gradient( 		linear, left top, left bottom,  		from(#f2f2f2), 		color-stop(0.50, #e3e3e3), 		to(#d1d1d1));
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #919191;
    -moz-box-shadow: 0px 1px 2px rgba(071,071,071,0.5), inset 0px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 2px rgba(071,071,071,0.5), inset 0px 1px 1px rgba(255,255,255,1);
    text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px 1px 0px rgba(255,255,255,1);
}

/* Default page */

#tagline h2
{
    color: #FFFFFF;
    display: inline;
    font-family: "Trebuchet MS" , "Trebuchet" , "Verdana" , "Sans-Serif";
    font-size: 50px;
    font-weight: normal;
    text-shadow: 0 1px 0 #678d31;
}

#productContainer
{
    clear: both;
    text-align: center;
    margin: auto;
}

#products
{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.product
{
    float: left;
    width: 150px;
    margin: 50px 25px;
}

.product p
{
    padding: 0;
    margin: 0;
}

.productLogo
{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 1px 0 #678d31;
    -webkit-box-shadow: 0 1px 0 #678d31;
    box-shadow: 0 1px 0 #678d31;
}

.productLogo img
{
    border: none;
    margin-top: 20px;
}

.productDescription
{
    margin-top: 10px;
}

.productDescription p
{
    color: #FFFFFF;
    text-align: left;
    font-size: 80%;
    line-height: 110%;
}

.productDescription p a
{
    color: #FFFFFF;
    line-height: 110%;
}

.logoText
{
    clear: left;
    display: block;
    padding-bottom: 15px;
}

.logoText a
{
    text-decoration: none;
    color: #9b9b9b;
}

div#awards
{
    margin-top: 10px;
}

#awards #thankyou
{
    border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #739D37;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 5px;
}

#awards img
{
    border: none;
    vertical-align: middle;
    margin: 0 5px;
}

#awards #ImagePayson
{
    vertical-align: inherit;
}

th
{
    text-align: left;
}

ul.faq li
{
    margin-top: 1ex;
}

.xecrets-show-description-input, .xecrets-show-password-input, .xecrets-show-title-input
{
    border: 1px solid #000000;
    display: block;
    font-family: Monospace;
    font-size: smaller;
    margin-top: 2px;
    margin-bottom: 5px;
    max-width: 600px; /* Ignored in IE6 */
    padding: 3px;
    vertical-align: middle;
    width: 95%; /* There's something about the input box that makes larger than it's surrounding... */
}

.xecrets-show-description-input
{
    min-height: 200px;
}

.xecrets-show-dataentry
{
    margin-top: 1ex;
}

.xecrets-warning
{
    margin-top: 0;
    color: Red;
}

.xecrets-master-betawarning
{
    margin-top: 0;
    color: Red;
}

.xecrets-master-readonlywarning
{
    margin-top: 0;
    color: Orange;
}

.xecrets-master-cookiewarning
{
    margin-top: 0;
    color: Red;
}

.xecrets-master-restartwarning
{
    margin-top: 0;
    color: Red;
}

div.xecrets-template
{
    width: 90%;
}

.xecrets-logon-credentials, .xecrets-activate-credentials
{
    width: 90%; /*overflow: visible;*/ /*white-space: nowrap;*/ /* this causes overflow, and push-down in IE6 */
}

.xecrets-logon-credentials-username, .xecrets-logon-credentials-password, .xecrets-common-credentials-username, .xecrets-common-credentials-password, .xecrets-activate-credentials-username, .xecrets-activate-credentials-code, .xecrets-common-credentials
{
    font-family: Monospace;
    font-size: smaller;
    margin-top: 2px;
    margin-bottom: 5px;
    max-width: 62%;
    padding: 3px;
    vertical-align: middle;
    width: 98%;
}

.xecrets-logon-credentials-prompt, .xecrets-common-credentials-prompt, .xecrets-activate-credentials-prompt
{
    margin-top: 1ex;
}

.xecrets-logon-credentials-command, .xecrets-common-command, .xecrets-register-complete-command, .xecrets-activate-credentials-command
{
}

.xecrets-activate-credentials-error
{
    color: Red;
    display: block;
    white-space: normal;
}

.xecrets-logon-credentials-validator
{
    vertical-align: middle;
    display: inline;
}

div.xecrets-common-credentials
{
    display: block;
}

div.xecrets-common-credentials-confirm
{
    /*width: 100%;*/
}

.xecrets-common-ok
{
    display: block;
    margin-top: 1ex;
}

.xecrets-common-action-ok
{
    color: Green;
}

.xecrets-common-error
{
    margin-top: 1ex;
    color: Red;
}

table.axcrypt-advanced-cmdline
{
    margin-left: 2em;
    margin-top: 2ex;
    border-collapse: collapse;
}

table.axcrypt-advanced-cmdline td
{
    border: solid 1px black;
}

.xecrets-logon-credentials-error
{
    display: block;
    margin-top: 1ex;
    color: Red;
}

.xecrets-logon-loggedin
{
    font-weight: bolder;
}

#xecrets-logon-trailer
{
    width: 50%;
    margin: auto;
}

#xecrets-logon-trailer div
{
    font-size: smaller;
    font-style: italic;
    margin-top: 2ex;
    white-space: normal;
    text-align: center;
}

.xecrets-common-tips
{
    font-size: smaller;
    display: block;
}

.xecrets-searchitem-hitword
{
    font-weight: bolder;
}

.xecrets-searchitem-summary
{
    display: block;
    padding-bottom: 1ex;
}

#maincontent
{
    max-width: 55em; /* ignored in IE6, we live with it */
}

div.axantum-content
{
    margin-left: 2em;
}

div.xecrets-standard-section th, div.xecrets-standard-section td
{
    text-align: left;
    padding-right: 1em;
}

tr.xecrets-transactions-header
{
    font-weight: bolder;
}

tr.xecrets-transactions-item
{
    background-color: Silver;
}

td.xecrets-transactions-item-button
{
    background-color: White;
}

div.xecrets-show table
{
    width: 100%; /* ensure the table in show-mode is large */
}

.xecrets-standard .input-submit /*IE6-hack for [type="submit"]*/
{
    margin-top: 1ex;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.xecrets-common-validation-error
{
    display: block;
    color: Red;
}

.xecrets-common-credentials-validator
{
    display: inline;
}

.xecrets-search-input
{
    text-align: center; /* This will center the buttons (inline) but not the text input (block) */ /*width: 100%;*/
    margin-top: 3ex;
    margin-left: 2em;
}

.xecrets-search-input .input-text /*IE6-hack for [type="text"]*/
{
    display: block; /* text text-align: center doesn't affect this block element, so we center like this */
    margin-left: auto;
    margin-right: auto;
    max-width: 40em; /* Ignored in IE6 - we live with it */
    width: 80%;
}

.xecrets-search-input .input-submit /*IE6-hack for input[type="submit"]*/
{
    display: inline;
    margin-top: 2ex;
}

.xecrets-passwords
{
    font-family: Monospace;
    font-weight: bold;
}

div.xecrets-import-command
{
    display: block;
    margin-top: 2ex;
    vertical-align: middle;
}

input.xecrets-import-command
{
    width: 7em;
}

.xecrets-import-fileupload
{
    display: inline;
    width: 20em;
}

div.xecrets-import-prompt
{
    display: block;
    padding-top: 2ex;
}

div.xecrets-import-password
{
    width: 100%;
    display: block;
    padding-top: 1ex;
}

.xecrets-import-prompt
{
    display: inline;
}

.xecrets-import-password
{
    display: inline;
    width: 20em;
}

.cookiepolicy
{
}

.register
{
}

div.register-hidepassphrase
{
    padding-top: 1ex;
    padding-bottom: 0.5ex;
}

div.logon#buttonblock
{
    margin-top: 0.5ex;
}

div.logon#buttonblock > div
{
    width: 20em;
}

div.logon#buttonblock > div > div
{
    padding-top: 1ex;
    text-align: center;
}

div.logon#error
{
    padding-top: 1ex;
    color: Red;
}

div.logon#wizardtrailer
{
    padding-top: 2ex;
}

label.logon
{
    display: block;
}

.xecrets-common-recaptcha #recaptcha_widget_div
{
    margin-left: 2em;
    margin-top: 1ex;
}

.xecrets-common-step
{
    margin-top: 3ex;
}

.logon .error
{
    color: Red;
}

.axantum-contact dl
{
    margin-top: 0;
}

.axantum-contact dt
{
    margin-top: 2ex;
    font-weight: bolder;
}

body.transaction-detail
{
    font-family: sans-serif;
    font-size: smaller;
    max-width: 20cm;
    margin: 0;
}
.transaction-detail hr
{
    clear: both;
}
div.transaction-detail-content h1
{
    padding-bottom: 3ex;
    text-align: center;
    font-size: larger;
    clear: both;
}
div.transaction-detail-content
{
    margin-left: 20px;
    margin-right: 20px;
}
div.transaction-detail-middle p
{
    margin-bottom: 1.5ex;
}
div.transaction-detail-top div
{
    float: left;
}
div.transaction-detail-top div + div
{
    float: right;
}
div.transaction-detail-middle
{
    margin-top: 5ex;
}
div.transaction-detail-footer
{
    margin-left: 20px;
    margin-right: 20px;
}
.transaction-detail-footer p
{
    margin-right: 1cm;
    float: left;
}
p.transaction-detail-screen
{
    text-align: center;
    font-size: smaller;
    font-style: italic;
}

@media print
{
    div.transaction-detail-content
    {
        margin-left: 0;
        margin-right: 0;
    }
    div.transaction-detail-footer
    {
        margin-left: 0;
        margin-right: 0;
    }
    p.transaction-detail-screen
    {
        display: none;
    }
}

.downloads tbody, .downloads tr, .downloads td
{
    padding-right: 1em;
}

td.download-noico
{
    padding-left: 18px;
}

td.download-linuxico
{
    padding-left: 18px;
    background-image: url(images/ico-linux.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}

td.download-pdfico
{
    padding-left: 18px;
    background-image: url(images/ico-pdf.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}

td.download-zipico
{
    padding-left: 18px;
    background-image: url(images/ico-zip.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}

td.download-androidico
{
    padding-left: 18px;
    background-image: url(images/ico-android.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}

td.download-winico
{
    padding-left: 18px;
    background-image: url(images/ico-win.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}

td.download-macico
{
    padding-left: 18px;
    background-image: url(images/ico-macosx.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}

td.download-iosico
{
    padding-left: 18px;
    background-image: url(images/ico-ios.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}

#cse-search-form
{
    margin-bottom: 10px;
}

/* TD element containing the search input field. */
.cse td.gsc-input, td.gsc-input
{
    padding-right: 4px;
}

/* Search input field */
.cse input.gsc-input, input.gsc-input
{
    width: 110px;
    font-family: inherit;
    border: 1px solid;
    border-color: #94cc7a;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px #999999;
    -moz-box-shadow: 0 1px 2px #999999;
}

/* Search button */
.cse input.gsc-search-button, input.gsc-search-button
{
    font-family: inherit;
    font-size: 13px;
    color: #303e2a;
    text-shadow: 0 1px 2px #ffffff;
    padding: 3px 8px;
    background-color: #a9da92;
    border: 1px solid;
    border-color: #94cc7a;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px #999999;
    -moz-box-shadow: 0 1px 2px #999999;
}

.cse .gsc-branding, .gsc-branding
{
    display: none;
}