@charset "UTF-8";
/* CSS Document */
/* Backblaze Corporate Styles */
/* Last updated: 11-10-07 */

body, form, td {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 15px;
    line-height: 1.8em;
    color: #666666;
    text-align: center;
    margin: 0;
    font-weight: normal;
    white-space: normal;
}

p {
    white-space: normal;
}

.modal-body p, .pop-window-frame .dialog_subheader {
    line-height: 1.5em;
}

.pop-window-frame .dialog_subheader {
    margin-top: 14px;
}

button {
    outline: none;
    cursor: pointer;
}

.btn-primary.btn-lg {
    border:none;
}

.alert-date {
    font-size: 12px;
    color: #A6A6A6;
}

/* tweaks */
.block-center {
    margin: 0 auto;
}

/* font sizes */
.med_font {
    font-size: 13px;
}

/*a,*/
/*a:focus,*/
/*a:hover {*/
/*text-decoration: none;*/
/*color: #244db6;*/
/*}*/

a {
    text-decoration: none;
    color: #244db6;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #5297EA;
}

.error {
    color: #990000;
    font-weight: bold;
}

.confirm {
    color: blue;
    font-weight: bold;
}

/* page: View/Restore Files */
table.restoreRow {
    margin-bottom: 15px;
}

table.restoreRow div.max200 select {
    max-width: 200px;
}

table.restore_row div.restore_date {
    min-width: 86px;
}

table.restore_row div.restore_filename {
    max-width: 280px;
    overflow: hidden;
}

/* over-rides for settings pages */

/**********************/
/* View/Restore page */
/*********************/

#main_right.page_view_restore {
    position: absolute;
    left: 0;
    top: 92px;
    float: none;
    margin-top: 0;
    padding-bottom: 0;
    margin-left: 241px;
}

#div_main_container.page_view_restore {
    margin-top: 0;
    margin-left: 20px;
    position: static;
    padding-top:0;

}

#main_right.page_view_restore td,
#main_right.page_my_restores td,
#div_main_container.page_view_restore td {
    font-size: 13px;
}

#div_main_container.page_view_restore .blue_button {
    font-size: 14px;
    margin-bottom: 25px;
}

form[name="OverViewForm"],
form[name="ViewRestoreForm"],
form[name="MyRestoresForm"],
form[name="LocateMyComputerForm"],
form[name="BackupPreferencesForm"],
form[name="B2SnapshotsForm"],
form[name="UserBillingForm"],
form[name="AccountSettingsForm"],
form[name="BuyRestoreForm"],
form[name="ReferFriendForm"] {
    display: inline-block;
}

.page_my_restores .use_downloader span.black {
    font-size: 13px;
    width: 400px;
    float: left;
    line-height: 1.8em;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align:left;
    color: #666;
}

.page_my_restores .use_downloader {
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 12px;
    overflow: hidden;
    text-align: left;
}

* {
    box-sizing: content-box; /* override bootstrap default */
}

img {
    border: 0
}

code {
    text-align: left;
    font-family: monospace;
}

.code_box {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #F2F2F2;
    text-align: left;
    padding: 20px;
    overflow: scroll;
}

.body-box {
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}

.user-overview-download-left {
    float: left;
    width: 400px;
    text-align: left;
    font-size: 13px;
}

.user-overview-download-right {
    float: left;
    width: 220px;
    margin-left: 6px;
    text-align: left;
    font-size: 13px;
}

.user-overview-download-common {
    color: #1B1B1B;
}

.user-download-icon {
    vertical-align: middle;
    margin-right: 4px;
}

.user-overview-restore-message {
    border-radius: 4px;
    background-color: #f7f7f7;
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    font-size: 13px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}

.user-overview-download-box {
    border-radius: 4px;
    background-color: #f7f7f7;
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
    border-radius: 4px;
    padding: 20px;
    width: 640px;
    margin-top: 20px;
    margin-bottom: 30px;
    float: left;
}

/* Restores */

#fileview ul {
    font-size: 13px;
    line-height: 26px;
}

#fileview ul li.expandList,
#fileview ul li.collapseList {
    white-space: nowrap;
}

.myrestores-download {
    border-radius: 4px;
    background-color: #f7f7f7;
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
    border-radius: 4px;
    padding: 20px;
    width: 640px;
    margin-top: 20px;
    margin-bottom: 30px;
    float: left;
}

.myrestores-row-header {
    width: 100%;
    font-size: 13px;
    float: left;
    color: #a6a6a6;
    font-weight: bold;
    background-color: #fff;
    height: 26px;
    padding-top: 4px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
}

.myrestores-row {
    width: 100%;
    clear: both;
    font-size: 13px;
    line-height: 36px;
    float: left;
    color: #808080;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
}

.myrestores-download-text {
    font-size: 13px;
    color: #222222;
    line-height: 26px;
}

.myrestores-fileicon {
    float: left;
    width: 16px;
}

.myrestores-date {
    float: left;
    margin-left: 0px;
    margin-top: 2px;
    width: 100px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.myrestores-name {
    float: left;
    margin-left: 6px;
    margin-top: 2px;
    width: 270px;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.myrestores-size {
    float: left;
    margin-left: 6px;
    margin-top: 2px;
    width: 60px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.myrestores-action {
    float: left;
    margin-left: 6px;
    margin-top: 2px;
    width: 100px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.myrestores-state {
    float: left;
    margin-left: 6px;
    margin-top: 2px;
    width: 90px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.choose_restore_method input[type="radio"] {
    margin-top: 8px;
}

.bold {
    font-weight: bold;
}

.left_nav_links {
    text-decoration: none;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-size: 13px;
    line-height: 28px;
    margin-top: 2px;
    font-weight: 400;
}

.left_nav_links a:hover {
    text-decoration: none;
    color: #5297EA;
}

.left_nav_header {
    font-size: 13px;
    color: #AAAAAA;
    font-weight: bold;
    line-height: 28px;
    margin-top: 22px;
}

.left_nav2 {
    margin-top: 60px;
    text-align: left;
}

.left_nav_links a.selected, .dark-text {
    font-family: 'Open Sans', Lato, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    color: #000;
    font-weight: bold;
}

.left_nav_links a.selected:hover {
    font-family: 'Open Sans', Lato, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    color: #000;
    text-decoration: none;
}

.left_nav_links ul {
    text-decoration: none;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    list-style-type: none;
}

.left_nav_links li {
    text-decoration: none;
    margin-left: 0;
    padding-left: 0;
}

/***********************
/* FOOTER  */
/*********************/
.footerz_wrapper {
    width: 100%;
    clear: both;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.footerz_wrapper_dynamic {
    width: 100%;
    clear: both;
    padding-top: 10px;
    padding-left: 10px;
    border-top: 1px solid #e5e5e5;
    text-align: left;
    font-size: .8em;
    max-width: none;
    margin: 0 auto;
}

.footerz_wrapper_dynamic .row {
    max-width: 880px;
    margin: 0 auto;
}

.footerz_container {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    width: 100%;
    color: #999999;
    font-size: 13px;
    clear: both;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 60px;
    margin-bottom: 40px;
}

.footerz_left {
    text-align: left;
    /*width: 400px;*/
    width: 80%; /* 400/880 */
    float: left;
    font-weight: 400;
}

@media only screen and (max-width: 480px) {
    .footerz_right {
        width: 1%;
        display: none;
    }
}

.footerz_right {
    text-align: right;
    width: 19%; /* 400/880 */
    float: left;
}

.footerz_shadow {
    width: 100%;
    height: 6px;
    background-color: #f8f8f8;
    margin: 0;
}

/***********************
*  BZ Top Nav          *
************************/
.top-nav-bar {
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-align: center;
    margin-left: 0;
    margin: 0;
    margin-right: 0;
    width: 100%;
    height: 69px;
    position:fixed;
    background: #ffffff;
    z-index:300;
}

.top-nav-box {
    /*margin-top: 15px;*/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
}


.top-nav-bar a:hover {
    text-decoration: none;
}

/* SUB NAV BAR      */

.subnav-bar {
    width: 100%;
    background: rgba(54, 55, 58, 0.1);
    height: 40px;
}

.subnav-row {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.subnav-line {
    margin-left: 6px;
    margin-right: 6px;
    border-right-color: #ccc;
    border-right-style: solid;
    border-right-size: 1px;
    float: left;
}

.subnav-link {
    color: #c9d4ed;
    text-decoration: none;
    float: left;
}

.top-nav-logo {
    float: left;
    width: 180px;
    padding-left:15px;
}

.top-nav-left {
    float: left;
    width: 600px;
}

ul.top-nav-items {
    margin-top: 18px;
    display: inline-block;
    float: right;
    padding-right: 15px;
}

.top-nav-right {
    float: right;
    width: 280px;
    text-align: right;
    margin-top: 4px;
}

ul.top-nav-items li.top-nav-link-space {
    margin-left: 26px;
    float: right;
    list-style: none
}


/* 1200 */
@media only screen and (min-width: 1199px) {
    .top-nav-logo {
        padding-left: 0;
    }

    ul.top-nav-items {
        padding-right: 0;
    }
}


@media only screen and (max-width: 959px) {
    ul.top-nav-items li.top-nav-link-space {
        margin-left: 24px;
    }

    /*ul.top-nav-items li.top-nav-link-space a {*/
        /*font-size: 13px;*/
    /*}*/

    .top-nav-box {
        width: auto;
    }

    ul.top-nav-items {
        width: auto;
        padding-right: 10px; /* fix issue of nav items wrapping too soon */
    }

    .top-nav-logo {
        /*margin-left: 15px;*/
        /*width: 137px;*/
        overflow: hidden;
    }
}

@media only screen and (max-width: 991px) {
    ul.top-nav-items li.top-nav-link-space a {
        font-size: 0.833em;
    }
}

@media only screen and (max-width: 768px) {
    .top-nav-logo {
        /*margin-left: 0;*/
    }
    ul.top-nav-items {
        margin-left:0;
        padding-left:0;
    }
}

img.nav-caret {
    width: 20px;
    height: 20px;
    margin-top: 20px;
}

.top-nav-link {
    color: #5a5e75;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

.top-nav-tryfree-button {
    float: right;
    text-align: center;
    background-color: #e95c0c;
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    height: 20px;
    padding: 5px;
    text-decoration: none;
    margin-left: 12px;
    margin-top: 1px;
}

/*.top-nav-tryfree-button:hover {*/
/*background-color: #f97e39;*/

/*}*/

.top-nav-link-selected {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.top-nav-link:hover {
    color: #467cc5;
    text-decoration: none;
}

.top-nav-link a {
    color: #363e5a;
    text-decoration: none;
}

.top-nav-divline {
    margin-left: 4px;
    margin-right: 4px;
    border: 1px solid #908D8D;
    /*height: 34px;*/
    height: 1em;
    display: inline-block;
    position: relative;
    top: 3px;
}

.top-headline {
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0px 2px 2px #2d0e08;
    color: #FFFFFF;
    margin-top: 50px;
    margin-bottom: 5px;
    line-height: 44px;
}

.top-subline {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    /*font-weight: regular;*/
    text-shadow: 0px 1px 2px #2d0e08;
    color: #ffe693;
    margin-top: 5px;
    margin-bottom: 20px;
}



/************ End BZ Top Nav *******************/

/*********************************/

/* Organization Bar       */
.orgbar {
    clear: both;
    background-color: #e9edf2;
    width: 880px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    display: block;
    position: relative;
    height: 34px;
}

.language-select-box {
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 1px;
    width: 125px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.body-text {
    font-size: 14px;
    line-height: 24px;
}

.body-text-signin {
    font-size: 13px;
    text-align: left;
    line-height: 22px;
}

.center {
    margin-left: auto;
    margin-right: auto;
    width: 880px;
}

.customer-quote {
    font-size: 18px;
    line-height: 28px;
    color: #3a5569
}

.button-testimony {
    float: left;
    padding: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    /* styling of the dialog box, i have a fixed dimension for this demo */

    border: 3px solid #E0E0E0;
}

.customer-testimony-preview {
    width: 150px;
    margin-left: 14px;
    margin-top: 14px;
    float: left;
    text-align: left;
    font-size: 14px;
}

.performance-box {
    margin-left: auto;
    margin-right: auto;
    /* css3 border radius */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    /* styling of the dialog box, i have a fixed dimension for this demo */
    width: 880px;
    border: 1px solid #E0E0E0;
    overflow: auto;
}

.line {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #E0E0E0;
    border-right-color: #E0E0E0;
    border-bottom-color: #E0E0E0;
    border-left-color: #E0E0E0;
    width: 100%;
}

.tab_org_on {
    background-color: #fff;
    color: #CCCCCC;
    display: inline;
    float: left;
    width: 120px;
    height: 29px;
    line-height: 28px;
    margin-top: 4px;
    margin-left: 6px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /*border-top-color: ccc;*/
    /*border-right-color: ccc;*/
    border-bottom-color: #FFFFFF;
    /*border-left-color: ccc;*/
}

.tab_org_off {
    background: url(https://www.backblaze.com/pics/tab_org_background.jpg);
    color: #CCCCCC;
    display: inline;
    float: left;
    width: 120px;
    height: 29px;
    line-height: 28px;
    margin-top: 4px;
    margin-left: 6px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /*border-top-color: ccc;*/
    /*border-right-color: ccc;*/
    border-bottom-color: #ccc;
    /*border-left-color: ccc;*/
}

.tab_org_off a {
    text-decoration: none;
    color: #363e5a;
}

.tab_org_off span {
    display: block;
    text-decoration: none;
}

.tab_org_off a:hover span {
    text-decoration: none;
    background: url(https://www.backblaze.com/pics/tab_org_highlight.jpg);
}

.tab_mybackup_off {
    background: url(https://www.backblaze.com/pics/tab_org_background.jpg);
    color: #CCCCCC;
    display: inline;
    float: left;
    width: 120px;
    text-decoration: none;
    height: 29px;
    line-height: 28px;
    margin-top: 4px;
    margin-left: 6px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /*border-top-color: ccc;*/
    /*border-right-color: ccc;*/
    border-bottom-color: #ccc;
    /*border-left-color: ccc;*/
}

.tab_mybackup_off a {
    text-decoration: none;
    color: #363e5a;
}

.tab_mybackup_off span {
    display: block;
    text-decoration: none;
}

.tab_mybackup_off a:hover span {
    text-decoration: none;
    background: url(https://www.backblaze.com/pics/tab_org_highlight.jpg);
}

.tab_mybackup_on {
    background-color: #fff;
    color: #CCCCCC;
    display: inline;
    float: left;
    width: 120px;
    height: 29px;
    line-height: 28px;
    margin-top: 4px;
    margin-left: 6px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /*border-top-color: ccc;*/
    /*border-right-color: ccc;*/
    border-bottom-color: #FFFFFF;
    /*border-left-color: ccc;*/
}

.orgbar_signout {
    width: 610px;
    float: left;
    font-size: 11px;
    margin-top: 8px;
    text-align: right;
}

.signin-alert {
    color: #990000;
}

.double-lines {
    border-top-style: double;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

/* General Classes */

.header {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 32px;
    line-height: 1.5em;
    color: #000000;
    text-align: left;
    font-weight: 300;
}

.smallheader {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 18px;
    color: #000000;
    text-align: left;
    line-height: 30px;
}

.newslink {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 30px;
}

.clearit {
    clear: both;
}

.tab_big_on {
    font-size: 18px;
    color: #006600;
}

.centerit {
    text-align: center;
}

.main13 {
    font-size: 13px;
    line-height: 20px;
}

.press_link {
    font-size: 14px;
    line-height: 22px;
    color: #404040;
    font-weight: normal;
}

.green {
    color: #0d9c22;
}

.quote {
    font-size: 14px;
    line-height: 22px;
}

.nav_link {
    color: #E4E9FA;
    font-size: 12px;
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
}

.help_header {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

.grey_light {
    color: #999999;
}

.sub_header {
    font-size: 32px;
    line-height: 3.6em;
    color: #999999;
    font-weight: bold;
}

.home_subs {
    font-size: 16px;
    line-height: 30px;
    color: #293943;
}

.home_text {
    line-height: 20px;
    color: #666666;
}

.bignum {
    font-size: 34px;
    font-family: Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    font-weight: bolder;
    line-height: 30px;
}

.work13 {
    line-height: 20px;
    font-size: 13px;
}

.work13_header {
    color: #000000;
    font-weight: bold;
}

.grey-bar {
    border-color: #d6d6d6;
    border-style: solid;
    border-width: 1px;
    background-color: #f6f6f6;
    width: 860px;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.downloadbar {
    font-size: 16px;
    color: #000000;
}

.main {
    font-size: 12px;
    line-height: 20px
}

/* Buttons */

.b_button {
    background-color: #3e88d2;
    text-indent: 0px;
    border-radius: 4px;
    display: inline-block;
    color: #ffffff;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
    border: 0;
    margin-left: 10px;
}

.b_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56a4f1), color-stop(1, #4a98e6));
    /*background: -moz-linear-gradient(center top, #56a4f1 5%, #4a98e6 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d71b5', endColorstr='#4a98e6');
    background-color: #2d71b5;
    font-style: normal;
    text-decoration: none;
    color: #fff;
}

.border_button {
    border-color: #3e88d2;
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFFF;
    color: #3e88d2;
    font-size: 17px;
    font-weight: 400;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    width: auto;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'Open Sans', 'Sans Serif';
}

.border_button:hover {
    background-color: #eff3f9;
    text-decoration: none;
}

.orange_button {
    background-color: #e95c0c;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 300;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 0;
    width: auto;
    text-decoration: none;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'Open Sans', 'Tahoma', 'Sans Serif';
}

.orange_button:hover {
    background-color: #ED8C34;
    text-decoration: none;
    color: #ffffff;
}

.blue_button {
    background-color: #3e88d2;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 300;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0;
    width: auto;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'Open Sans', 'Tahoma', 'Sans Serif';
}

.blue_button:hover {
    background-color: #61a4e6;
    color: #FFFFFF;
    text-decoration: none;
}

.red_button {
    background-color: #990000;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 300;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0;
    width: auto;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'Open Sans', 'Sans Serif';
}

.red_button:hover {
    background-color: #DC2E31;
    text-decoration: none;
    color: #ffffff;
}

.signin-button {
    background-color: #3e88d2;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 300;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 0;
    width: auto;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'Open Sans', 'Lato', 'Lucida', Sans-Serif;
}

.signin-button:hover {
    background-color: #61a4e6;
    text-decoration: none;
    color: #ffffff;
}

.resend-button {
    background-color: #fff;
    color: #3e88d2;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 300;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    width: auto;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'Open Sans', 'Lato', 'Lucida', Sans-Serif;
}

.resend-button:hover {
    background-color: #f7f8fa;
    text-decoration: none;
}

.signin-button:hover {
    background-color: #61a4e6;
    text-decoration: none;
}

.grey_button {
    background-color: #b3b3b3;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 300;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0;
    width: auto;
    overflow: visible;
    border-radius: 4px;
    font-family: 'Open Sans', 'Sans Serif';
}

.grey_button:hover {
    background-color: #a6a6a6;
    text-decoration: none;
    color: #ffffff;
}

.buy_button {
    height: 48px;
    font-size: 16px;
    background: #EFF0F4 url(https://www.backblaze.com/pics/button_grey.gif);
    border-bottom: 1px solid #5f6071;
    border-right: 1px solid #5f6071;
    border-left: 1px solid #5f6071;
    border-top: 1px solid #5f6071;
    color: #2D254C;
    text-decoration: none;
    cursor: hand;
    font-weight: normal;
    vertical-align: middle;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.dline {
    border-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-color: #E6E6E6;
}

.line_dotted {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.line_dotted_space {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    margin-top: 6px;
    margin-bottom: 6px;
}

.leftnav-title {
    color: #58617D;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.leftnav-title2 {
    color: #58617D;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-top: 32px;
}

.silverbutton {
    color: #000000;
    display: inline-block;
    outline: none;
    cursor: pointer;
    border-width: 1px;
    text-align: center;
    text-decoration: none;
    font: 14px/100% 'Open Sans', 'Lucida Grande', Helvetica, sans-serif;
    font-weight: normal;
    padding: 6px 12px 8px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border: solid 1px #9e9e9e;
    background-repeat: no-repeat;
    background: #e5e5e5;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
    background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
}

.silverbutton:hover {
    color: #000000;
    background: #e5e5e5;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d9e1e9));
    background: -moz-linear-gradient(top, #ffffff, #d9e1e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9e1e9');
}

.silverbutton:active {
    color: #70a6e0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
    background: -moz-linear-gradient(top, #e5e5e5, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
}

.disable_button {
    height: 21px;
    font-size: 12px;
    background: #EFF0F4 url(https://www.backblaze.com/pics/button_grey.gif);
    color: #9693A0;
    text-decoration: none;
    cursor: hand;
    padding: 0px 4px 1px;
    font-weight: normal;
    vertical-align: middle;
    border: 1px solid #999999;
}

.press_headline {
    font-size: 22px;
    color: #000000;
    line-height: 30px;
    margin: 0;
    font-weight: normal;
}

.press_subline {
    font-size: 16px;
    color: #626266;
    line-height: 30px;
    margin: 0;
    font-weight: normal;
}

.small_button {
    height: 18px;
    font-size: 11px;
    background: #EFF0F4 url(https://www.backblaze.com/pics/button_grey.gif);
    border-bottom: 1px solid #5f6071;
    border-right: 1px solid #5f6071;
    border-left: 1px solid #5f6071;
    border-top: 1px solid #5f6071;
    color: #2D254C;
    text-decoration: none;
    cursor: hand;
    padding: 0px 4px 1px;
    font-weight: normal;
    vertical-align: middle;
}

/* End buttons & lines */

/* Begin form fields */

.text_field {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: #9eaec4;
    font-size: 13px;
    color: #000;
    padding: 4px;
    background-color: #f5f7f8;
    vertical-align: middle;
}

.text_field_medium {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: #9eaec4;
    font-size: 14px;
    color: #000;
    padding: 6px;
    background-color: #f5f7f8;
    vertical-align: middle;
}

.text_field_gray_italic {
    border-width: 1px;
    border-style: solid;
    border-color: #9eaec4;
    font-size: 11px;
    font-style: italic;
    color: gray;
    padding: 2px;
    background-color: #f5f7f8;
    vertical-align: middle;
}

.text_field_white {
    border-width: 1px;
    border-style: solid;
    border-color: #9eaec4;
    font-size: 11px;
    color: #000;
    padding: 2px;
    background-color: #fff;
    vertical-align: middle;
}

.text_field_big {
    border-width: 1px;
    border-style: solid;
    border-color: #9eaec4;
    font-size: 14px;
    color: #000;
    padding: 4px;
    background-color: #eff2f5;
    vertical-align: middle;
    width: 240px;
}

.text_field_blue {
    border-width: 1px;
    border-style: solid;
    border-color: #8295AC;
    font-size: 11px;
    color: #000;
    background-color: #F4F6FA;
    padding: 2px;
}

.text_field_error {
    border-width: 1px;
    border-style: solid;
    border-color: #990000;
    font-size: 11px;
    color: #000;
    padding: 2px;
}

.text_field_disabled {
    border-width: 1px;
    border-style: solid;
    border-color: #C0C0C0;
    background-color: #eff2f5;
    font-size: 11px;
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    color: #C0C0C0;
    padding: 2px;
}

.pwd_field {
    border-width: 1px;
    border-style: solid;
    border-color: #9eaec4;
    background-color: #eff2f5;
    font-size: 11px;
    color: #000;
    padding: 2px;
}

/* End standard form styles */

/* Begin custom form styles */

/* Match Select styling to our Text Input styling.  Text field styling is
   repeated here for assurance of match, also to provide consistent spacing */
.matchSelectAndTextInputStyling input[type="text"], .matchSelectAndTextInputStyling select {
    height: 2.3em;
    /*border: 0;*/
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: #9eaec4;
    color: #000;
    padding: 2px;
    background-color: #eff2f5;
    margin-top: 5px;
    font-size: 13px;
}

/* General validation error that can be applied to both input & select fields */
input.validation-error, .matchSelectAndTextInputStyling input[type="text"].validation-error, select.validation-error, .matchSelectAndTextInputStyling select.validation-error {
    border-color: #990000;
}

/* End custom form styles */

/* Typography */

.pwd_field_big {
    border-width: 1px;
    border-style: solid;
    border-color: #9eaec4;
    background-color: #eff2f5;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding: 4px;
    width: 240px;
}

.group_title {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 22px;
    font-weight: normal;
}

.lighter_text {
    color: #666;
}

.blue_bg {
    background-color: #edf2fa;
}

.search_result {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    line-height: 16px;
    margin-top: 4px;
    max-width: 334px;
    overflow: hidden;
    white-space: nowrap !important;
    display: inline-block;
}

.search_path {
    font-size: 11px;
    color: #999999;
}

.toolbar_links {
    font-size: 11px;
    color: #333333;
}

.signin-title {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 32px;
    color: #000000;
    line-height: 46px;
    margin: 0;
    font-weight: 300;
}

h1 {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 32px;
    color: #000000;
    line-height: 46px;
    margin: 0;
    font-weight: 300;
}

h2 {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 18px;
    color: #000000;
    line-height: 26px;
    font-weight: normal;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 4px;
    margin-left: 0;
}

h3 {
    font-size: 36px;
    font-weight: 300;
    color: #333333;
    line-height: 52px;
    margin-bottom: 0px;
}

h4 {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    color: #1D1D1D;
    font-size: 24px;
    line-height: 38px;
    margin: 0;
    font-weight: normal;
    font-weight: 300;
}

h5 {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    color: #626266;
    font-size: 20px;
    line-height: 34px;
    margin: 0;
    font-weight: 300;
}

h6 {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    color: #626266;
    font-size: 24px;
    line-height: 38px;
    margin: 0;
    font-weight: normal;
    letter-spacing: -1px;
}

.red {
    color: #990000;
}

.redOnRed {
    color: #FFCCCC;
}

.black {
    color: #000000
}

.black_subhead {
    color: #000;
    font-weight: bold;
}

.page_locate_faq .black_subhead {
    font-size:13px;
}

.standard-text {
    font-size:13px;
}

.grey_subhead {
    color: #999999;
    font-weight: bold;
}

.red_subhead {
    color: #900;
    font-weight: bold;
}

hr {
    border: 0;
    color: #e5e5e5;
    background-color: #e5e5e5;
    height: 1px;
    width: 100%;
}

.status_box {
    border: 2px solid #0033CC;
}

.notice {
    border: 2px solid #94BCE2;
    color: #0066CC;
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px 15px;
    margin: 0 0 1.1em;
    background-color: #ceddf4;
}

.notice_alert {
    border: 2px solid #990000;
    color: #990000;
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px 15px;
    margin: 0 0 1.1em;
    background-color: #F6E7E7;
	   -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.style6 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.style7 {
    color: #006600;
    font-weight: bold;
    font-size: 14px;
}

.style8 {
    color: #006600;
    font-weight: bold;
    font-size: 15px;
}

.style9 {
    font-size: 24px;
    line-height: 36px;
}

ei.prepaid_link {
    font-size: 13px;
    line-height: 27px;
}
.pt9 {
    font-size: 9px;
}

.pt10 {
    font-size: 10px;
}

.pt11 {
    font-size: 11px;
}

.pt12 {
    font-size: 12px;
}

.pt13 {
    font-size: 13px;
}

.pt14 {
    font-size: 14px;
    line-height: 22px;
}

.pt15 {
    font-size: 15px;
}

.pt16 {
    font-size: 16px;
}

.pt18 {
    font-size: 18px;
}

.pt22 {
    font-size: 22px;
}

.user-restore-selected {
    color: #006600;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

.user-restore-settings {
    font-size: 14px;
    text-align: left;
    line-height: 24px;
}

.user-restore-headercol {
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    color: #141414;
}

.user-restore-files {
    font-size: 14px;
    text-align: right;
    line-height: 24px;
}

.user-overview-questions {
    font-size: 15px;
    line-height: 26px;
    text-align: left;
}

.user-restore-choose {
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    float: left;
}

.user-restore-select {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
}

.user-download-links {
    font-size: 14px;
    line-height: 26px;
}

.user-overview-prepaid {
    font-size: 20px;
    line-height: 26px;
}

/* Top Nav Images */

.signin_top_left {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: 0px -670px;
    height: 4px;
    width: 5px;
    margin: 0;
}

.signin_top {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: -5px -670px;
    height: 4px;
    margin: 0;
}

.signin_left {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: 0px -674px;
    height: 22px;
    width: 5px;
    margin: 0;
}

.signin_bg {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-position: -5px -674px;
    margin: 0;
}

.signin_mid_top {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-position: -6px -670px;
    height: 4px;
    width: 5px;
    margin: 0;
}

.signin_mid {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-position: 0px -674px;
    height: 22px;
    width: 5px;
    margin: 0;
}

.signin_mid_bot {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-position: -6px -696px;
    height: 4px;
    width: 5px;
    margin: 0;
}

.signin_right {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: -395px -674px;
    height: 22px;
    width: 5px;
    margin: 0;
}

.signin_bot {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: -5px -696px;
    height: 4px;
    margin: 0;
}

.signin_top_right {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: -395px -670px;
    height: 4px;
    width: 5px;
    margin: 0;
}

.signin_bot_right {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: -395px -696px;
    height: 4px;
    width: 5px;
    margin: 0;
}

.signin_bot_left {
    background-image: url(https://www.backblaze.com/pics/home-sprite.jpg);
    background-repeat: no-repeat;
    background-position: 0px -696px;
    height: 4px;
    width: 5px;
    margin: 0;
}

.welcome_user td {
    font-size: 13px;
    text-align: right;
}

/* Language */
#div_sub_header {
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 4px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border-left-color: #e5e5e5;
    margin-bottom: 6px;
}

table.lang_pulldown {
    background-color: #ffffff;
    color: #ffffff;
    padding: 1px;
    border-style: solid;
    border-width: 1px;
    border-color: #dadada;
    visibility: visible;
    margin-left: 1px;
}

table.lang_pulldown_off {
    background-color: #ffffff;
    color: #ffffff;
    padding: 1px;
    border-style: solid;
    border-width: 1px;
    border-color: #dadada;
    visibility: hidden;
}

td.lang_pulldown {
    text-align: center;
    vertical-align: bottom;
}

.alert {
    background-image: url(https://www.backblaze.com/pics/iconw_bang.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    text-align: left;
    padding-left: 20px;
    color: #990000;
    font-weight: bold;
}

.alert_red, .settings_error_wrapper li {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #990000;
    border-radius: 4px;
    background-color: #f7f0f0;
	margin-bottom: 4px;
	font-size: 13px;
	text-align: center;
	   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.settings_error_wrapper li {
    list-style: none;
    margin-bottom: 5px;
}

.settings_error_wrapper ul {
    padding: 0px;
}

.alert_blue {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #f5f6fb;
    font-size: 13px;
    margin-bottom: 4px;
    text-align: center;
    border-radius: 4px;
    color: #3c5088;
	   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.alert_green {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #3b7c35;
    border-radius: 4px;
    background-color: #f0f7f1;
	margin-bottom: 4px;
	font-size: 13px;
	text-align: center;
	   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

/* Begin buttons & lines */

a.smallbutton {
    background: transparent url('/pics/smallbutton_end.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: normal 12px 'Open Sans', "Lucida Grande", Candara, Helvetica, Arial, sans-serif;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.smallbutton span {
    background: transparent url('/pics/smallbutton_long.png') no-repeat;
    display: block;
    line-height: 20px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 18px;
}

a.smallbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.smallbutton:active span {
    background-position: bottom left;
    padding: 1px 0 6px 22px; /* push text down 1px */
}

a.smallbutton span.checkmark {
    background: transparent url('/pics/smallbutton_checkmark.png') no-repeat;
    display: block;
    line-height: 22px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 8px;
    padding-left: 30px;
}

a.smallbutton:active span.checkmark {
    background-position: bottom left; /* push text down 1px */
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 30px;
}

a.bigbuttonblank {
    background: transparent url('/pics/bg_bigbutton_a.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: normal 14px 'Open Sans', "Lucida Grande", Candara, Helvetica, Arial, sans-serif;
    height: 40px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.bigbuttonblank span {
    background: transparent url('/pics/bg_bigblank.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 22px;
}

a.bigbuttonblank:active span {
    background-position: bottom left;
    padding: 3px 0 7px 22px; /* push text down 1px */
}

a.bigbuttonblank:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.bigbutton {
    background: transparent url('/pics/bg_bigbutton_a.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: normal 14px 'Open Sans', "Lucida Grande", Candara, Helvetica, Arial, sans-serif;
    height: 40px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.bigbutton span {
    background: transparent url('/pics/bg_bigbutton_span.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 40px;
}

a.bigbutton span.send {
    background: transparent url('/pics/bg_bigsend_span.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 40px;
}

a.bigbutton span.add {
    background: transparent url('/pics/bg_add_span.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 40px;
}

a.bigbutton span.blue {
    background: transparent url('/pics/bg_bigbuttonblue_span.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 40px;
}

a.bigbutton span.safe {
    background: transparent url('/pics/bg_bigbutton_safe_span.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 40px;
}

a.bigbutton span.blank {
    background: transparent url('/pics/bg_bigblank.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 22px;
}

a.bigbutton span.cancel {
    background: transparent url('/pics/bg_bigcancel_span.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 2px 0 7px 40px;
}

a.bigbutton.blank:active span {
    background-position: bottom left;
    padding: 3px 0 7px 22px; /* push text down 1px */
}

a.bigbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.bigbutton:active span {
    background-position: bottom left;
    padding: 3px 0 7px 40px; /* push text down 1px */
}

.box-grey {
    margin: 0px;
    padding: 10px;
    width: 656px;
    border: 1px solid #CCCCCC;
    clear: left;
    float: left;
}

.orangeb {
    color: #fff;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#e46b4f), to(#cf573b));
    background: -moz-linear-gradient(top, #e46b4f, #cf573b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e46b4f', endColorstr='#cf573b');
}

.orangeb:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#cf573b));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.orangeb:active {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#cf573b));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.orangebutton {
    display: inline-block;
    outline: none;
    margin-top: 4px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% 'Open Sans', 'Lucida Grande', Helvetica, sans-serif;
    font-weight: normal;
    padding: 6px 12px 8px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button_css {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% 'Open Sans', "Lucida Grande", Tahoma, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.button:hover {
    text-decoration: none;
}

.button:active {
    position: relative;
    top: 1px;
}

.button_med {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    height: 25px;
    margin-bottom: 10px;
}

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.mediumrounded {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    font-size: 12px;
    padding: .4em 1.5em .42em;
}

.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}

.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

/* color styles
---------------------------------------------- */

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top, #575757, #888);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.borange {
    color: #fef4e9;
    border: solid 1px #bf3013;
    background: #d55d05;
    background: -webkit-gradient(linear, left top, left bottom, from(#d55d05), to(#cc3819));
    background: -moz-linear-gradient(top, #d55d05, #cc3819);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.borange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.borange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.bred {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.bred:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top, #c9151b, #a11115);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

.bred:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top, #aa1317, #ed1c24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.bblue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.bblue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.bblue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
.bgreen {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

.bgreen:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top, #6b9d28, #436b0c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.bgreen:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* Image Sizes */

#member_icon {
    width: 32px;
    height: 32px;
}

#logo {
    width: 160px;
    height: 52px;
}

#groupphoto {
    width: 220px;
    height: 150px;
}

#userphoto {
    width: 90px;
    height: 90px;
}

/*****************/
/* Nav Icon      */
/* -transform    */
/*****************/
#nav-icon3 * {
    margin: 0;
    padding: 0;
}

/* Icon 1 */

#nav-icon3 {
    width: 26px;
    height: 26px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #515055;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
    top: 0px;
}

#nav-icon1 span:nth-child(2) {
    top: 14px;
}

#nav-icon1 span:nth-child(3) {
    top: 28px;
}

#nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 50%;
    background: #d3531a;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
    top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
    top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
    top: 36px;
}

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}

#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
}

#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 29px;
}

#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 9px;
}

#nav-icon3 span:nth-child(4) {
    top: 18px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
}

.billing-drive-table td {
    font-size: 13px;
    padding: 4px;
}

.billing-smaller-text {
    font-size: 12px;
    color: #808080;
}

/*****************/
/* Navigation Bar*/
/*****************/

#signinbox {
    width: 274px;
    display: block;
    float: right;
}

.nav_help {
    color: #363e5a;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    line-height: 14px;
}

#navbar_none {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 22px;
    background: url(https://www.backblaze.com/pics/navbar_none.gif);
    display: block;
    float: left;
}

#navbarcontainer {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    width: 100%;
    background: url(https://www.backblaze.com/pics/bar3.gif);
    display: block;
}

#partnercontainer {
    clear: both;
    margin: 0;
    height: 70px;
    padding: 0;
    text-align: center;
    position: relative;
    width: 100%;
    background: url(https://www.backblaze.com/pics/partner-nav-bg.gif);
    display: block;
}

#navbar {
    font: normal 12px 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    width: 600px;
    float: left;
}

#center_bar {
    background: url(https://www.backblaze.com/pics/bar3.gif);
    width: 880px;
    height: 42px;
}

#right_bar {
    width: 200px;
    float: right;
}

.nav_bar_link {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    color: #515055;
    font-size: 12px;
}

#navbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navbar li {
    display: inline;
    margin: 0;
    padding: 0;
    height: 42px;
}

#navbar a {
    float: left;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#navbar a span {
    display: block;
    background: url(https://www.backblaze.com/pics/bar_div3.gif) no-repeat right top;
    color: #363e5a;
    padding-top: 14px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 28px;
    cursor: hand;
}

#help {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#navbar a.selected {
    background: url(https://www.backblaze.com/pics/bar2-h.gif);
}

#navbar a.selected:hover {
    background: url(https://www.backblaze.com/pics/bar2-h.gif);
    color: #363e5a;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a span {
    float: none;
}

#navbarlogin a span {
    float: none;
}

/* End IE5-Mac hack */

#navbar a:hover {
    background: url(https://www.backblaze.com/pics/bar2-o.gif);
}

#navbar a:hover span {
    color: #363e5a;
}

/* Main Section */
#div_snug_container {
    clear: both;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    display: block;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#div_main_container {
    clear: both;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 880px;
    margin-top: 0px;
    display: block;
    padding: 0px;
    white-space: nowrap;
    padding-top:70px;
}

#div_main_container * {
    white-space: normal;
}

#div_main_container2 {
    clear: both;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    display: block;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
}

#main_left {
    float: left;
    width: 160px;
    margin-top: 20px;
    padding-left: 15px;
    padding-bottom: 54px;
    display: inline-block;
}

#left_help {
    width: 160px;
    float: left;
    margin-top: 20px;
    position: relative;
}

#left_help ul {
    margin: 0;
    padding-left: 18px;
    list-style-image: url(https://www.backblaze.com/pics/arrow_10.gif);
    list-style-position: inherit;
}

#left_help li {
    margin-top: 4px;
}

#left_container {
    float: left;
    width: 160px;
}

#main_right {
    width: 678px;
    margin-left: 40px;
    margin-top: 20px;
    font-size: 13px;
    display: inline-block;
}

/* Left Navigation */
#left_nav_container {
    width: 160px;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border-left-color: #e5e5e5;
}

#left_nav {
    float: left;
    font: normal 13px 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    position: relative;
}

#left_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#left_nav li {
    margin: 0;
    padding: 0;
    width: 160px;
    text-align: left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-top-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border-left-color: #e5e5e5;
}

#left_nav a {
    display: block;
    width: 152px;
    color: #363e5a;
    margin: 0;
    padding: 4px;
    text-decoration: none;
}

#left_nav a:hover {
    background-color: #eff5fb;
}

#left_nav a span {
    float: left;
    color: #363e5a;
}

#left_nav a.selected {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    background: url(https://www.backblaze.com/pics/leftnav_bg_selected2.gif);
    color: #000;
    font-weight: bold;
}

#left_nav a.selected:hover {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    background: url(https://www.backblaze.com/pics/leftnav_bg_selected_o.gif);
    color: #000;
}

.nav_left_link {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    color: #515055;
    font-size: 12px;
}

.nav_left_selected {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    color: #000;
    font-weight: bold;
}

#left_mng_pulldown {
    margin-bottom: 10px;
}

/********************************/
/* BZ Sub Nav */
/*  KTM 8/11/15 */

#bzSubNav {
    /*color: #fff;*/
    height: 200px;
    background: rgb(51, 51, 51); /* Fallback for older browsers without RGBA-support */
    background: -webkit-linear-gradient(rgba(51, 51, 51, .8), rgba(51, 51, 51, 0)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(51, 51, 51, .8), rgba(51, 51, 51, 0)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(rgba(51, 51, 51, .8), rgba(51, 51, 51, 0)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(51, 51, 51, .8), rgba(51, 51, 51, 0)); /*Standard*/
    /*background: rgb(117, 78, 78); /!* Fallback for older browsers without RGBA-support *!/*/
    /*background: rgba(117, 78, 78, 0.5);*/

    /* float: left; */
    width: 100%;
    height: 54px;
    max-width: 1200px;
    margin: 0 auto;
}

#sub-nav-items li a, #sub-nav-items li a:visited {
    font-weight: 300;
    margin-left: 0;
    color: #fff;
}

#sub-nav-items li a:hover {
    color: #CCD7F0;
}

.thick-highlight {
    /* border-bottom: 2px solid rgba(255, 255, 255, 0.3);*/
}

#sub-nav-items li a {
    width: 100%;
    height: 100%;
    display: block;
    font-weight: 300;
}

#sub-nav-items li a:hover {
    text-decoration: none !important;
}

#bzSubNav .sub-wrapper {
    width: 100%;
    padding: 0;
}

#bzSubNav ul#sub-nav-items {
    height: 100%;
    width: 72%;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
    text-align: left;
    float: left;
    padding-left: 15px;
}

#bzSubNav ul li {
    display: inline-block;
    list-style: none;
    color: rgba(255, 255, 255, 0.9);
    /* border-right: 1px solid #fff; */
    float: left;
    /*margin-top: 16px;*/
    /* padding-right: 5px; */
    margin-right: 25px;
    margin-left: 0px;
    line-height: 54px;
    height: 54px;
}

#bzSubNav ul li:last-of-type {
    margin-right: 0;
}

.nav-button-wrapper {
    display: inline-block;
    float: right;
    /*width: 240px;*/
    /* padding-top: 24px; */
    /* height: 100%; */
    margin-top: 13px;
    margin-right: 15px;
}

/*******************/
/* Page over-rides */
/******************/

/*#page-free-trial .nav-button-wrapper {*/
/*margin-top:0;*/
/*}*/

/*********************************/

.nav-button-wrapper .button {
    display: inline-block;
    float: right;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 14px;
    min-width: 81px;
    line-height: 18px;
    border-radius: 4px;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 300;
}

.nav-button-wrapper .button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.nav-button-wrapper .button.pricing {
    display: inline-block;
    float: left;
    height: 108px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: .933em;
    color: rgba(255, 255, 255, 0.9);
    min-width: 81px;
    line-height: 18px;
    border-radius: 4px;
    height: 20px;
    padding: 5px;
    font-weight: 300;
}

.nav-button-wrapper .button.try-it-free {
    background-color: #e95c0c;
    border: 0;
}

.nav-button-wrapper .button.try-it-free:hover {
    background-color: #fb9d30;
    border: 0;
}

.nav-button-wrapper .button:first-of-type {
    margin-right: 6px;
    margin-left: 6px;
}

#sub-nav-toggle {
    display: none;
    color: #fff;
    font-size: 1.5em;
    position: absolute;
    /*top: 62px;*/
    line-height: 54px;
    width: 100%;
    left: 0;
}

#sub-nav-toggle:hover {
    cursor: pointer;
    text-decoration: none;
}

.sub-nav-current span {
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.button-current {
    text-decoration: underline;
    color: #fff;
}

/***********************
/* Sub Nav Responsive */
/*********************/

@media only screen and (max-width: 959px) {
    #bzSubNav .sub-wrapper {
        margin-left: 0;
        margin-right: 0;
        width: auto;
        /*padding-left: 1%;*/
        /*width: 98%;*/
        /*width:100%;*/
    }

    .nav-button-wrapper {
        /*width: 25%;*/
        /*min-width: 218px;*/
    }

    #bzSubNav ul#sub-nav-items {
        width: auto;
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    /* Sub-nav */
    .nav-button-wrapper {
        position: absolute;
        right: 0;
        /*margin-right: 15px;*/
        margin-top: 10px;
    }
    #sub-nav-toggle {
        display: block;
        text-align: left;
        padding-left: 17px;
        background-color: inherit;
        height: 54px; /* maybe */
    }

    #bzSubNav .sub-wrapper {
        width: auto;
    }

    #bzSubNav ul#sub-nav-items {
        display: none;
        margin: 0;
        position: absolute;
        background-color: rgba(38, 38, 38, 0.96);
        height: 100%;
        width: 100%;
        padding: 0;
        margin-right: 0;
        top: 54px;
        left: 0;
        z-index: 200;
    }

    #bzSubNav ul#sub-nav-items li {
        display: block;
        /*margin-top: 16px;*/
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        float: none;
        position: relative;
        /*top: -7px;*/
        /*padding-left: 35px;*/
        /*background-color:inherit;*/
        margin-top: 0;
        margin-left: 30px;
        margin-right: 30px;
        font-size: 16px;
        font-weight: 300;
        line-height: 48px;
    }

    #sub-nav-items li a, #sub-nav-items li a:visited {
        color: rgba(255, 255, 255, 0.8);
    }

    #sub-nav-items li a:hover {
        color: rgba(192, 210, 246, 0.8);
    }
}

/* mini */
@media only screen and (max-width: 480px) {
}

/*****************************/

/* Footer Section */
#footer_wrap {
    /*width: 880px;*/
    max-width: 880px;
    width: 100%;
    clear: both;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 40px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e5e5e5;
    background-position: center;
    text-align: center;
}

.footer_shadow {
    /*width: 880px;*/
    max-width: 880px;
    width: 100%;
    /*height : 6 px;*/
    background-color: #f8f8f8;
    margin: 0;
}

.footer_title {
    color: #999;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
}

#footer_contain {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /*width: 880px;*/
    max-width: 880px;
    width: 100%;
    font-weight : normal;
    color: #999999;
    font-size: 13px;
    clear: both;
    padding-top: 6px;
}

#footer_first {
    text-align: left;
    width: 25%; /* 220/880 */
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

#footer_second {
    text-align: left;
    width: 25%; /* 220/880 */
    float: left;
}

#footer_third {
    text-align: left;
    width: 25%; /* 220/880 */
    float: left;
}

#footer_fourth {
    width: 21.59%; /* 190 / 880 */
    float: left;
    text-align: right;
}

.blueb {
    color: #fff;
    background-color: #3e88d2;
    border-radius: 4px;
    font-size: 16px;
    font-family: lato, sans-serif;
    color: #FFFFFF;
    font-weight: 300;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
}

.blueb:hover {
    background-color: #509de9;
}

/*create-account-notme {*/
/*width: 50px;*/
/*float: left;*/
/*text-align: right;*/
/*font-size: 11px*/
/*}*/

#footer_wrapper {
    max-width: 880px;
    width: 100%;
    clear : both;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

#footer_container {
    margin-top: 20px;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    width: 100%;
    border-top-width : 1px;
    border-top-style: solid;
    border-top-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border-left-color: #e5e5e5;
    color: #999999;
    font-size: 11px;
    clear: both;
    padding-top: 6px;
}

#footer_left {
    text-align: left;
    /*width: 400px;*/
    width: 45.45%; /* 400/880 */
    float: left;
}

#footer_right {
    text-align: right;
    width: 45.45%; /* 400/880 */
    float: right;
}

/***************************************/
/* Footer Responsive                   */
/***************************************/
@media only screen and (max-width: 768px) {
    #footer_contain {
        overflow: hidden;
        font-size: 0.8em;
    }

    #footer_first, #footer_second, #footer_third {
        width: 30%;
    }

    #footer_fourth {
        clear: left;
        width: 100%;
    }

    .language-select-box {
        display: block;
        margin: 0 auto 20px auto;
    }

    .language-select-box-dynamic {
        float: left;
        margin-top: 10px;
    }

    .footer_disclaimer {
        display: block;
        clear: both;
        text-align: center;
    }
}

/*************************************/

/* Top Header Logo Section */

#top_language {
    text-align: right;
    margin-top: 0px;
    margin-bottom: 18px;
}

#top_container {
    width: 880px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
}

#top_left {
    width: 200px;
    padding: 0px;
    float: left;
}

#top_left_main {
    width: 250px;
    padding: 0px;
    float: left;
}

#top_center {
    width: 470px;
    padding: 0px;
    float: left;
    margin-top: 20px;
}

#top_right {
    width: 628px;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: right;
}

/* Rounded corners */

.main_border {
    width: 100%;
    float: left;
    display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFFFFF;
    border: 1px solid #d8dcde;
}

.top-left {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners1280x12.gif');
    height: 6px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.top-right {
    margin-top: -6px; /* to level of top-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners1280x12.gif');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 6px;
    font-size: 2px;
}

.bottom-left {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners1280x12.gif');
    background-position: 0 -6px; /* show under half of the image */
    height: 6px;
    font-size: 2px;
}

.bottom-right {
    margin-top: -6px; /* to level of bottom-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners1280x12.gif');
    background-position: 100% -6px; /* under half, right side */
    height: 6px;
    font-size: 2px;
}

.inside {
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background: #f6f6f6;
    color: #000000;
    padding: 10px;
}

.notopgap {
    margin-top: 0;
}

.nobottomgap {
    margin-bottom: 0;
}

.button_adjust {
    vertical-align: middle;
}

/* 1px light grey corners */
.top-left-light {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners-light-border.gif');
    height: 6px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.top-right-light {
    margin-top: -6px; /* to level of top-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners-light-border.gif');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 6px;
    font-size: 2px;
}

.top-right-light2 {
    background-image: url('/pics/corners-light-border.gif');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 6px;
    font-size: 2px;
}

.bottom-right-light2 {
    background-image: url('/pics/corners-light-border.gif');
    background-position: 100% -6px; /* under half, right side */
    height: 6px;
    font-size: 2px;
}

.inside-light2 {
    border-right: 1px solid #d5d5d5;
    background: #fff;
    color: #000;
    height: 378px;
    font-size: 14px;
    vertical-align: middle;
}

.inside-light-nopad {
    border-right: 1px solid #d5d5d5;
    background: #fff;
    height: 378px;
    vertical-align: middle;
}

.bottom-left-light {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners-light-border.gif');
    background-position: 0 -6px; /* show under half of the image */
    height: 6px;
    font-size: 2px;
}

.bottom-right-light {
    margin-top: -6px; /* to level of bottom-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners-light-border.gif');
    background-position: 100% -6px; /* under half, right side */
    height: 6px;
    font-size: 2px;
}

.inside-light {
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 10px;
}

.inside-bgrey {
    border-left: 4px solid #e1e1e1;
    border-right: 4px solid #e1e1e1;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 16px;
}

.inside-light-normal {
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    background: #fff;
    color: #000;
    font-size: 12px;
    padding: 6px;
}

.inside-header {
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
    color: #000;
    padding-bottom: 6px;
    padding-top: 4px;
    text-align: center;
    font-weight: bold;
}

/* Thick Grey corners */
.top-left-thick {
    margin-right: 9px; /* clip right corner */
    background-image: url('/pics/corner_thickgrey_1200.png');
    height: 9px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.top-right-thick {
    margin-top: -9px; /* to level of top-left corner */
    margin-left: 9px; /* clip left corner */
    background-image: url('/pics/corner_thickgrey_1200.png');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 9px;
    font-size: 2px;
}

.bottom-left-thick {
    margin-right: 9px; /* clip right corner */
    background-image: url('/pics/corner_thickgrey_1200.png');
    background-position: 0 -9px; /* show under half of the image */
    height: 9px;
    font-size: 2px;
}

.top-left-fill {
    margin-right: 9px; /* clip right corner */
    background-image: url('/pics/corner_thickfill_1200.gif');
    height: 9px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.top-right-fill {
    margin-top: -9px; /* to level of top-left corner */
    margin-left: 9px; /* clip left corner */
    background-image: url('/pics/corner_thickfill_1200.gif');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 9px;
    font-size: 2px;
}

.bottom-right-thick {
    margin-top: -9px; /* to level of bottom-left corner */
    margin-left: 9px; /* clip left corner */
    background-image: url('/pics/corner_thickgrey_1200.png');
    background-position: 100% -9px; /* under half, right side */
    height: 9px;
    font-size: 2px;
}

.bottom-left-fill {
    margin-right: 9px; /* clip right corner */
    background-image: url('/pics/corner_thickfill_1200.gif');
    background-position: 0 -9px; /* show under half of the image */
    height: 9px;
    font-size: 2px;
}

.bottom-right-fill {
    margin-top: -9px; /* to level of bottom-left corner */
    margin-left: 9px; /* clip left corner */
    background-image: url('/pics/corner_thickfill_1200.gif');
    background-position: 100% -9px; /* under half, right side */
    height: 9px;
    font-size: 2px;
}

.inside-thick {
    border-left: 4px solid #edecec;
    border-right: 4px solid #edecec;
    background: #ffffff;
    color: #000000;
    padding: 0px;
}

.inside-thick-fill {
    border-left: 4px solid #edecec;
    border-right: 4px solid #edecec;
    background: #f8f8fa;
    color: #000000;
    padding: 0px;
}

.inside-thick-padded {
    border-left: 4px solid #edecec;
    border-right: 4px solid #edecec;
    background: #ffffff;
    color: #000000;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
}

.inside-thick-grey {
    border-left: 4px solid #edecec;
    border-right: 4px solid #edecec;
    background: #f7f7fa;
    color: #5c5b5b;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
}

/* Grey Rounded corners */
.top-left-grey {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners_grey1200x12.gif');
    height: 6px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.top-right-grey {
    margin-top: -6px; /* to level of top-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners_grey1200x12.gif');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 6px;
    font-size: 2px;
}

.bottom-left-grey {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners_grey1200x12.gif');
    background-position: 0 -6px; /* show under half of the image */
    height: 6px;
    font-size: 2px;
}

.bottom-right-grey {
    margin-top: -6px; /* to level of bottom-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners_grey1200x12.gif');
    background-position: 100% -6px; /* under half, right side */
    height: 6px;
    font-size: 2px;
}

.inside-grey {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background: #dedede;
    color: #000000;
    padding: 0px;
}

/* thing blue corners */
.top-left-thinblue {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners_thinblue.gif');
    height: 6px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.top-right-thinblue {
    margin-top: -6px; /* to level of top-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners_thinblue.gif');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 6px;
    font-size: 2px;
}

.bottom-left-thinblue {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners_thinblue.gif');
    background-position: 0 -6px; /* show under half of the image */
    height: 6px;
    font-size: 2px;
}

.bottom-right-thinblue {
    margin-top: -6px; /* to level of bottom-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners_thinblue.gif');
    background-position: 100% -6px; /* under half, right side */
    height: 6px;
    font-size: 2px;
}

.inside-thinblue {
    border-left: 1px solid #a6caea;
    border-right: 1px solid #a6caea;
    background: #f0f5f9;
    color: #000000;
    padding-left: 20px;
    padding-right: 20px;
}

/* Light blue corners */
.top-left-lblue {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners_lblue.gif');
    height: 6px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.top-right-lblue {
    margin-top: -6px; /* to level of top-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners_lblue.gif');
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 6px;
    font-size: 2px;
}

.bottom-left-lblue {
    margin-right: 6px; /* clip right corner */
    background-image: url('/pics/corners_lblue.gif');
    background-position: 0 -6px; /* show under half of the image */
    height: 6px;
    font-size: 2px;
}

.bottom-right-lblue {
    margin-top: -6px; /* to level of bottom-left corner */
    margin-left: 6px; /* clip left corner */
    background-image: url('/pics/corners_lblue.gif');
    background-position: 100% -6px; /* under half, right side */
    height: 6px;
    font-size: 2px;
}

.inside-lblue {
    border-left: 1px solid #d7e2ec;
    border-right: 1px solid #d7e2ec;
    background: #e6effb;
    color: #000000;
    padding-left: 20px;
    padding-right: 20px;
}

.inside-lblue2 {
    border-left: 1px solid #d7e2ec;
    border-right: 1px solid #d7e2ec;
    background: #e6effb;
    color: #000000;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.notopgap {
    margin-top: 0;
}

.nobottomgap {
    margin-bottom: 0;
}

.button_adjust {
    vertical-align: middle;
}

.pop-window-700-frame {
    margin: 0px;
    padding: 0px;
    width: 700px;
    border: 1px solid #000000;
}

.pop-window-550-frame {
    margin: 0px;
    padding: 0px;
    width: 550px;
    border: 1px solid #000000;
}

.buy_row {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    width: 480px;
    font-size: 12px;
    float: left;
    display: block;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
}

.buy_label {
    float: left;
    width: 150px;
    overflow: hidden;
    margin-left: 0px;
    color: #666666;
    font-weight: normal;
}

.buy_field {
    float: left;
    width: 300px;
    overflow: hidden;
    margin-left: 6px;
    color: #000000;
    font-weight: bold;
}

.print_button {
    background: url(/pics/icon-lg-print.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    border-radius: 4px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*padding-left: 40x;*/
    padding-right: 10px;
    text-indent: 24px;
    font-size: 13px;
    line-height: 22px;
    color: #377fc6;
    background-color: #ffffff;
}

.print_button:hover {
    background-color: #ebedf2;
    cursor: pointer;
}

.edit_button {
    background: url(/pics/icon-lg-edit.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    border-radius: 4px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*padding-left: 40x;*/
    padding-right: 10px;
    text-indent: 24px;
    font-size: 13px;
    line-height: 22px;
    color: #377fc6;
    background-color: #ffffff;
}

.edit_button:hover {
    background-color: #ebedf2;
    cursor: pointer;
}

.button_orange {
    /*
	-moz-box-shadow:inset 0px 1px 0px 0px #fbdcab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbdcab;
	box-shadow:inset 0px 1px 0px 0px #fbdcab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f38f2f), color-stop(1, #e75507) );
	background:-moz-linear-gradient( center top, #f38f2f 5%, #e75507 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38f2f', endColorstr='#e75507');
	border:1px solid #60372b;
	text-shadow:1px 1px 0px #d4540c;

	*/

    background-color: #e75507;
    border-radius: 4px;
    border: 0;
    display: inline-block;
    color: #ffffff;
    padding-left: 22px;
    padding-right: 22px;
    font-weight: normal;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
}

.button_orange:hover, a.button_orange:hover {
    /*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9d30), color-stop(1, #f86c1c) );
	background:-moz-linear-gradient( center top, #fb9d30 5%, #f86c1c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9d30', endColorstr='#f86c1c');

	*/
    background-color: #fb9d30;
    text-decoration: none;
    color: #fff;
}

.button_orange:active {
    position: relative;
    top: 1px;
    text-decoration: none;
    font-style: normal;
}

.new-list {
    float: right;
    background-color: #3f89d3;
    color: #FFFFFF;
    font-size: 10px;
    padding: 2px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sign-in-title {
    font-size: 32px;
    font-weight: 500;
    color: #3B3B3B;
    line-height: 44px;
}

.sign-in-text {
    font-size: 30px;
    font-weight: 300;
    color: #3B3B3B;
    line-height: 40px;
}

/**************/
/* Mobile Nav */
/*************/

#mobile-nav, .mobile-menu {
    display: none;
}

.mobile-menu {
    z-index: 10;
}

.top-nav-right {
    width: 27%;
    margin-right: 10px;
}

.top-nav-left {
    margin-left: 10px;
    width: 70%;
}

/* mobile nav responsive */

/* causes more trouble that it's worth */
/*@media only screen and (min-width: 769px) {*/
/*#mobile-nav,*/
/*.mobile-menu {*/
/*display: none !important;*/
/*}*/
/*}*/

#page_usertemplate {
    width: auto !important;
    overflow-x: hidden !important;
}

@media only screen and (max-width: 767px) {

    /*#page_usertemplate {*/
        /*overflow-x: hidden;*/
    /*}*/

    /* mobile-nav */
    #mobile-nav {
        display: block;
        position: absolute;
        top: 23px;
        right: 16px;
        text-decoration: none;
    }

    .business_section #mobile-nav {
        top: 23px;
    }

    .mobile-navtxt {
        color: #383838;
        margin-right: 5px;
        font-size: 17px;
        font-weight: 500;
    }

    .mobile-nav-icon {
        float: right;
        margin-top: 6px;
    }

    .mobile-nav-bar {
        display: block;
        width: 20px;
        height: 4px;
        border-top: 3px #5a5e75 solid;
    }

    .mobile-menu {
        /*height: 0;*/
        display: none;
    }

    .mobile-menu.expand {
        display: block;
        height: auto;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .mobile-menu li {
        list-style-type: none;
        margin-left: 30px;
        margin-right: 60px;
    }

    .mobile-menu-link {
        display: block;
        text-align: left;
        line-height: 48px;
        font-size: 16px;
        font-weight: 300;
        color: #5a5e75;
        border-bottom-color: #e5e5e5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .mobile-menu-link:hover {
        text-decoration: none;
    }

    .mobile-menu {
        padding: 10px 15px;
        margin: 0;
        position: absolute;
        background-color: rgba(255, 255, 255, 0.97);
        height: 1500px;
        width: 100%;
        top: 71px;
        left: 0;
    }

    /* END mobile-nav */
    .top-nav-left {
        margin-left: 10px;
    }

    .top-nav-right {
        display: none;
    }

    /*ul.top-nav-items li.top-nav-link-space{*/
    ul.top-nav-items {
        display: none;
    }

    .top-nav-right {
        width: 200px;
        margin-right: 10px;
    }
}

/*********** end mobile nav **************/

/*********************/
/* Backblaze reviews */
/*********************/

#page-backblaze-reviews {
    background-color: #fff;
}

/*style="background-color:#504E4E; background-image:url(pics/bigphoto-reviews-testimony-page.jpg); background-size:cover; width:100%; min-width:1000px;height:500px; margin-left:0; margin-right:0; float:left; */
#page-backblaze-reviews .main-wrapper {
    background-color: #504E4E;
    background-image: url(/pics/bigphoto-reviews-testimony-page.jpg);
    background-size: cover;
    width: 100%;
    /* min-width: 1000px; */
    min-width: 0;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    float: left; /* padding: 10px; */
}

#page-backblaze-reviews .hero-content {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    color: #fff
}

@media only screen and (max-width: 959px) {
    #page-backblaze-reviews .hero-content {
        padding: 10px;
        margin-top: 57px;
    }
}

/************************/
/* Pages                */
/************************/

#page_macbackup #div_main_container {
    max-width: 880px;
}

.page_personal_comparison {
    background-color: #fff;
}

.page_personal_comparison .marketing_wrapper {
    clear: left;
    float: none;
    max-width: 880px;
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.page_personal_comparison .marketing_wrapper p {
    font-size: 16px;
    line-height: 28px;
}

.page_personal_comparison .marketing_wrapper .copy {
    max-width: 556px;
    float: left;
    text-align: left;
}

.page_personal_comparison .chart_content {
    width: 900px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    background-image: url('/pics/comparison-chart-background.jpg');
    z-index: -100;
}

.page_personal_comparison .hero {
    background-color: #504E4E;
    background-image: url('/pics/mac-laptop-compare-background.jpg');
    background-size: cover;
    width: 100%;
    height: 460px;
    margin-left: 0;
    margin-right: 0;
    float: left;
    margin-bottom: 42px;
}

.page_personal_comparison .hero .hero_wrapper {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
}

.page_personal_comparison .hero .hero_message {
    float: right;
    width: 500px;
    color: #FFFFFF;
}

.page_personal_comparison .description {
    width: 90.9%; /* 800/880 */
    max-width: 880px;
    margin-left: 4.5%; /* 40 /880 */
    margin-bottom: 4.5%; /* 40 /880 */
    margin-top: 2.25% /* 20/880 */
}

.page_personal_comparison .chart_wrapper {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.page_personal_comparison .blurb_1 {
    width: 252px;
    float: left;
    margin-left: 60px;
    margin-top: 38px;
}

.page_personal_comparison img.free-trial-button {
    display: block;
    float: right;
    position: relative;
    bottom: 95px;
    right: 103px;
}

.page_personal_comparison .free-trial-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.page_personal_comparison .free-trial-wrapper > img {
    display: block;
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 959px) {
    .page_personal_comparison .hero .hero_wrapper {
        width: 100%;
    }

    .page_personal_comparison .hero .hero_message {
        width: 100%;
    }

    .comparison_quotes {
        width: 100%;
        max-width: 880px;
        overflow: hidden;
    }

    .comparison_quotes img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .page_personal_comparison img.free-trial-button-1 {
        margin-top: 28px
    }

    .page_personal_comparison img.free-trial-button {
        right: 127px;
        display: none;
    }

    .page_personal_comparison .free-trial-wrapper {
        width: 100%;
        overflow: hidden;
    }

    .page_personal_comparison .free-trial-wrapper > img {
        display: block;
        width: 200%;
        max-width: none;
    }

    .page_personal_comparison > img {
        width: 200%;
    }

    .page_personal_comparison .marketing_wrapper .copy {
        width: 99%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .page_personal_comparison .chart_wrapper {
        display: none;
    }

    .page_personal_comparison .hero {
        overflow: hidden;
    }

    /* display just the left of two quote panels */
    .comparison_quotes img {
        max-width: none;
        width: 200%;
        position: relative;
        left: 2%;
        clear: both;
        margin-top: 15px;
    }

    /*.comparison_quotes {*/
    /*display:none;*/
    /*}*/
    .page_personal_comparison .blurb_1 {
        float: left;
        clear: both;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/******************************/
/* Admin Pages                */
/******************************/

/*#page_usertemplate #main_right {*/
/*width: 659px;*/
/*}*/

/*#page_usertemplate #div_main_container {*/
/*max-width: 880px;*/
/*}*/

@media only screen and (max-width: 959px) {
    /*#page_usertemplate #main_left {*/
    /*padding-left: 2%;*/
    /*width: 18%; /!* 160 /880 *!/*/
    /*}*/
    /*#page_usertemplate .overview-computer-box {*/
    /*width: 98%;*/
    /*}*/
    /*#page_usertemplate .user-overview-download-box {*/
    /*width: 92%;*/
    /*}*/
    /*#page_usertemplate .overview-comp-stats-data{*/
    /*width: 35%;*/
    /*}*/
}

/* custom/bespoke breakpoint for admin */
@media only screen and (max-width: 890px) {
}

@media only screen and (max-width: 480px) {
}

/* Signed In Dynamic */
#fileFolderContainer {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
}

/**********************/
/* Bootstrap- related */
/**********************/

/**** Footer ****/

.footer {
    font-size: 0.867em;
    padding: 20px 20px 40px 20px;
    text-align: left;
}

/* misc */
table.private-key-login {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 20px;
    box-shadow: 0px 2px 2px #b3b3b3;
}

table.private-key-login td {
    padding: 40px 40px;
    vertical-align: top;
}

/* To keep */
.dark-link {
    font-family: 'Open Sans', Lato, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, san-serif;
    color: #000;
    font-weight: 800;
}

/* view restore */
#rtf-table td div {
    white-space: nowrap;
    overflow: hidden;
}

/* allow long strings to automatically break to fit their defined container */
.break-long-string {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}


@media print {    
  .no-print, .no-print * {
    display: none !important;
  }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}