body {
    font-size: 0.75em;
    color: #787878;
}

#wrap {
    position: relative;
    width: 75em;
    margin: 20px auto;
}

#sidebar {
    position: absolute;
    top: 17px;
    width: 16em;
}

#copyright {
    position: absolute;
    top: 0;
    right: 13px;
    line-height: 14px;
}

#content_wrap {
    position: relative;
    top: 14px;
    border: 1px solid #eee;
    min-height: 694px;
}

body.sidebar #content_wrap {
    left: 18em;
    width: 55.833em;
}

body.grassy #content_wrap {
    background: url(/static/v0.1/main/images/grassimg.jpg) repeat-x 50% 100%;
    padding-bottom: 59px;
    min-height: 635px;
}

#content {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.75em;
    padding: 2.916em;
}

body.sidebar #content {
    padding-top: 9.833em;
}

#logo {
    float: left;
    margin: 0 3em 0 0;
}

.top_right {
    position: absolute;
    top: 11px;
    right: 12px;
}

#top_right_join_spideroak,
#top_right_videotutorials {
    position: absolute;
    top: 11px;
    right: 12px;
}

#top_right_join_spideroak a {
    display: block;
    width: 181px;
    height: 63px;
    background-image: url(/static/v0.1/main/images/buttons/joinspideroak.gif);
}

#top_right_videotutorials a {
    display: block;
    width: 190px;
    height: 63px;
    background-image: url(/static/v0.1/main/images/buttons/videotutorials.png);
}

#top_left_links {
    position: absolute;
    top: 11px;
    left: 2.916em;
}

#top_left_links ul {
    display: inline;
    margin: 0;
    padding: 0;
}

#top_left_links ul li {
    display: inline;
    font-family: 'Century Gothic', sans-serif;
}

#whitelabel_logo {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 170px;
    height: 100px;
}

h1 {
    font-family: 'Century Gothic', sans-serif;
    color: #f60;
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 0.695em;
}

#toc {
    margin: 3.334em 0;
}

#toc a,
h2 {
    color: #f60;
    font-family: 'Century Gothic', sans-serif;
    font-size: 1.167em;
    font-weight: bold;
}

h2 a {
    font-weight: bold;
}

#toc a:hover {
    color: #787878;
}

h2 {
    margin: 2em 0 1em 0;
}

h2.no_margin {
    margin-bottom: 0;
}

p {
    margin-bottom: 1em;
}

a {
    color: #f60;
    text-decoration: none;
}

a:hover {
    color: #787878;
}

a.inverted {
    color: #787878;
}

a.inverted:hover {
    color: #f60;
}

b {
    font-weight: bold;
}

address {
    font-style: normal;
    line-height: 1.25em;
}

.small_arrows {
    margin: 1em 0 1em 3.334em;
}

ul.small_arrows li,
dl.small_arrows dt {
    margin-bottom: 0.417em;
    padding-left: 25px;
    list-style: none;
    line-height: 1.5em;
    background: url(/static/v0.1/main/images/bulletarrow16.gif) no-repeat;
}

ul.big_arrows li,
dl.big_arrows dt {
    margin-bottom: 0.357em;
    padding-left: 35px;
    list-style: none;
    line-height: 1.786em;
    font-size: 0.875em;
    background: url(/static/v0.1/main/images/bulletarrow.gif) no-repeat;
}

dl {
    margin: 3em 0;
}

dl dd {
    margin-bottom: 2em;
}

#footer {
    position: relative;
    top: 19px;
    height: 10px;
    margin-bottom: 55px;
}

body.sidebar #footer {
    left: 17.75em;
    width: 56.666em;
}

.errorlist {
    color: red;
    font-weight: bold;
}

.rollover {
    background-repeat: no-repeat;
}

.rollover:hover {
    background-position: right;
}

.rollover > span {
    display: none;
}

.openlicense_mgnt #sidebar_menu span { /* Hack fix for openlicense menu */
    display:block;
}


/* index */

body.index a.rollover {
    display: block;
}

body.index #content {
    font-family: 'Century Gothic', sans-serif;
    font-size: 1.334em;
    line-height: 1.25em;
    padding: 2.187em;
}

body.index h1 {
    position: relative;
    left: -14px;
    margin-top: -10px;
    margin-bottom: 0;
    white-space: nowrap;
}

body.index #content table {
    position: relative;
    top: 7px;
    left: -5px;
    width: 37.875em;
}

body.index #content td {
    vertical-align: top;
}

body.index h2 {
    color: #787878;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: normal;
    text-align: justify;
    margin: 0 0.9375em 0.625em 0;
}

body.index #big_download_button {
    position: relative;
    left: -3px;
    white-space: nowrap;
    margin-bottom: 1em;
}

body.index #big_download_button a {
    display: inline-block;
    height: 152px;
}

body.index .big_arrows {
    position: relative;
    top: -4px;
    left: -5px;
}

body.index .big_arrows a {
    text-decoration: none;
    color: #787878;
}

body.index .big_arrows a:hover {
    text-decoration: underline;
}

body.index #content td.right div {
    margin-bottom: 3px;
}

body.index #content td.right div#referafriendbutton {
    margin-left: 5px;
}


/* backup, share, sync */

body.backup h2,
body.sync h2,
body.share h2 {
    font-size: 1.3em;
    font-family: 'Century Gothic', sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    margin: 1em 0;
}

body.backup h3,
body.sync h3,
body.share h3 {
    color: #f60;
    font-size: 1.2em;
    font-family: 'Century Gothic', sans-serif;
    font-weight: bold;
    margin: 1.8em 0 1em;
}


/* cloud */

body.cloud .small_arrows {
    margin: 2em 0 2em 3.334em;
}

body.cloud .small_arrows li {
    margin: 1.5em 0;
}


/* how it works */

body.howitworks #video {
    margin-left: -20px;
}

body.howitworks table.tutorials {
    width: 100%;
}

body.howitworks table.tutorials td * {
    text-align: center;
}

body.howitworks table.tutorials h2 {
    font-weight: normal;
    font-size: 2em;
    margin: 1em 0 0.5em;
}

body.howitworks table.tutorials tr.first h2 {
    margin-top: 0;
}

body.howitworks table.tutorials a {
    color: #888;
}

body.howitworks table.tutorials a:hover {
    color: #f60;
}

body.howitworks div.screenshot a {
    display: block;
    margin: auto;
    width: 150px;
    height: 144px;
}

body.howitworks dl.term_left {
    margin: 3em 0 2em 0;
}

body.howitworks dl.term_left dd {
    position: relative;
    margin: 1.5em 0 1.5em 150px;
}

body.howitworks dl.term_left dt span {
    display: none;
}

body.howitworks dl.term_left dt {
    float: left;
    width: 130px;
    height: 36px;
    margin-top: 0.75em;
}

body.howitworks dl.term_left .backup {
    background: url(/static/v0.1/main/images/spideroakinaction/backup.gif) no-repeat;
}

body.howitworks dl.term_left .view {
    background: url(/static/v0.1/main/images/spideroakinaction/view.gif) no-repeat;
}

body.howitworks dl.term_left .status {
    background: url(/static/v0.1/main/images/spideroakinaction/status.gif) no-repeat;
}

body.howitworks dl.term_left .share {
    background: url(/static/v0.1/main/images/spideroakinaction/share.gif) no-repeat;
}

body.howitworks dl.term_left .setup {
    background: url(/static/v0.1/main/images/spideroakinaction/setup.gif) no-repeat;
}


/* pricing */

body.pricing #content ul li {
    list-style: disc;
    margin: 0 0 0.25em 3em;
}

body.pricing #content ul li a {
    color: #787878;
}

body.pricing #content ul li a:hover {
    color: #f60;
}

body.pricing #pricing_table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2em auto 1em;
}

body.pricing #pricing_free,
body.pricing #pricing_plus,
body.pricing #pricing_quote {
    padding: 0 0.625em;
    width: 179px;
    height: 217px;
}

body.pricing #pricing_quote {
    width: 154px;
}

body.pricing #pricing_free {
    background: url(/static/v0.1/main/images/pricing_free.gif) no-repeat;
}

body.pricing #pricing_plus {
    background: url(/static/v0.1/main/images/pricing_plus.gif) no-repeat;
}

body.pricing #pricing_quote {
    background: url(/static/v0.1/main/images/pricing_quote.gif) no-repeat;
}

body.pricing.whitelabel #pricing_free,
body.pricing.whitelabel #pricing_plus,
body.pricing.whitelabel #pricing_quote {
    background: none;
}

body.pricing #pricing_free div,
body.pricing #pricing_plus div,
body.pricing #pricing_quote div {
    display: none;
}

body.pricing.whitelabel #pricing_free div,
body.pricing.whitelabel #pricing_plus div,
body.pricing.whitelabel #pricing_quote div {
    display: block;
}

body.pricing #join_bar a {
    display: block;
    margin: auto;
    background-image: url(/static/v0.1/main/images/buttons/joinSOnow.gif);
    width: 177px;
    height: 35px;
}

body.pricing #paypal_verified {
    float: right;
    margin-top: 3em;
}

/* about us */

body.aboutus h1 {
    font-size: 3.4em;
}

body.aboutus h3 {
    clear: both;
}

body.aboutus .bottom {
    clear: both;
}

body.aboutus #accordion {
    float: left;
    width: 250px;
    margin-right: 50px;
}

body.aboutus .picture  {
    float: left;
    margin-right: 2px;
}

body.aboutus a:link, body.aboutus a:visited, #name  {
    color: white;
}

body.aboutus .dot {
    position: absolute;
    z-index: 2;
}

body.aboutus #popup {
    position: absolute;
    z-index: 1;
    display: none;
}

body.aboutus #name {
    display: inline-block;
    padding: 0 3px 0 3px;
    text-align: center;
}

body.aboutus #point {
    position: relative;
}

body.aboutus #map {
    float: left;
    background: url(/static/v0.1/images/aboutus/map-graphic-blank.gif);
    position: relative;
    width: 300px;
    height: 480px;
}

body.aboutus .staffheader { 
    padding-left: 5px;
}

body.aboutus .clear { 
    clear: both;
}

/* form */

body.form form table {
    width: 100%;
    border-collapse: separate;
    border-spacing: .3em;
}

body.form form table td,
body.form form table th {
    vertical-align: top;
}

body.form form table th {
    text-align: right;
    padding-right: 1em;
}

body.form form textarea,
body.form form input {
    width: 100%;
}

body.form form #td_submit {
    vertical-align: middle;
    text-align: left;
}

body.form form input#btn_submit {
    width: auto;
}

body.form form th.required {
    font-weight: bold;
}

body.authfactors #captcha {
    height: 80px;
    margin-top: 1em;
}

body.authfactors.form form #td_submit {
    text-align: right;
}

/* signup */

body.signup label {
    padding-top: 6px;
    font-size: 13px;
    text-align: right;
}

body.signup .help-block {
    width: 400px;
}

body.signup .help-block label {
    width: 400px;
    text-align: left;
}

body.signup .hide_password {
    display:none;
}

body.signup .input {
    margin-left: 20px;
}

body.signup input {
    float: left;
    color: black;
}

body.signup #signup_btn {
    width: 150px;
    height: 49px;
    padding: 0 0 0 0;
    border: 0 none;
    box-shadow: 0 0 0;
    margin-left: 100px;
}

body.signup .clearfix {
    position: relative;
}

body.signup #spinner {
    margin-right: 2em;
}

body.signup .clearfix > label {
    text-align: left;
    margin-left: 25px;
    opacity: .6;
    width: 200px;
    display: block;
/*
    */
}

body.signup .help-inline label {
    width: 320px;
    text-align: left;
    padding-left: 0px;
    margin-left: 15px;
    padding-top: 0;
    margin-top: 5px;
    color: #7F7F7F;
    vertical-align: middle;
}

body.signup label.valid,
body.signup label.error {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

body.signup label.valid {
    background-image: url(/static/v0.1/images/accept.png);
}

body.signup label.error {
    background-image: url(/static/v0.1/images/error.png);
}

body.signup .info label.success,
body.signup .info label.error {
    display: none;
}

body.signup .success label.info,
body.signup .success label.error {
    display: none;
}

body.signup .error label.info,
body.signup .error label.success {
    display: none;
}

body.signup .hide_password {
    display: none;
}

body.signup #password_info {
    display: none;
}

body.signup h1 {
    margin-bottom: 1.0em;
}

body.signup .clear {
    clear: both;
}

body.signup .optional input {
    color: grey;
}
    
/*usersignup */

body.usersignup h1 {
    margin-bottom: 1.0em;
}

body.usersignup #left {
   /* border-right-style: solid;
    border-right-width: 1px;
    border-right-color: lightgrey;*/
    float: left;
    width: 320px;
    position: relative;
}

body.usersignup .clear {
    clear: both;
}

body.usersignup #download_button {
    width: 150px;
    height: 49px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(/static/v0.1/main/images/buttons/add-deviceSMALL.gif)
}
/*
body.usersignup #download_button {
    width: 200px;
    height: 100px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(/static/v0.1/main/images/buttons/downloadbutton3.png)
}

body.usersignup #download_button:hover {
    background-image: url(/static/v0.1/main/images/buttons/downloadbutton3-ro.png)
}
*/

body.usersignup #download_button > span {
    display: none;
}

body.usersignup .label_tag {
    text-align: left;
}

body.usersignup #right {
    float: left;
    padding-left: 5px;
    margin-left: 30px;
    width: 240px;
}

body.usersignup #right h1 {
    width: 270px;
}

body.usersignup #additional_downloads {
    margin-top: 18.5em;
}

body.usersignup form input {
    width: 175px;
}

body.usersignup #inner {
    width: 300px;
}

body.usersignup #captcha_div {
    width: 273px;
    overflow: hidden;
}

body.usersignup #captcha {
    height: 80px;
}

body.usersignup .optional input {
    color: grey;
}

body.usersignup form #td_submit {
    padding-left: 2px;
}

body.usersignup #repeat_email_tr > td {
    padding-bottom: 1.5em;
}

body.usersignup #promo_tr > td {
    padding-bottom: 1.5em;
}

body.usersignup #td_submit input {
    float: right;
    padding-right: 10px;
}

body.usersignup #captcha_tr > td {
    padding-bottom: 1em;
}

body.usersignup #message {
    position: relative;
    padding-top: 30px;
    border-top: 1px dotted lightgrey;
}

body.usersignup #btn_submit {
    position:relative;
    float:right;
    top:-35px;
    left: -5px;
}

/* faq */

body.faq .topicmenu ul {
    margin: 0;
}

body.faq .topicmenu a,
body.faq ol li a {
    color: #787878;
}

body.faq .topicmenu a:hover,
body.faq ol li a:hover {
    color: #f60;
}

body.faq #new_faq_question a {
    color: #f60;
    font-weight: bold;
}

body.faq #new_faq_question a:hover {
    color: #787878;
}

body.faq ol li {
    list-style: decimal;
    margin: 0 0 0.25em 3em;
}

body.faq form table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1em;
}

body.faq form table td,
body.faq form table th {
    vertical-align: top;
}

body.faq form table th {
    text-align: right;
    padding-right: 1em;
}

body.faq form textarea,
body.faq form input {
    width: 100%;
}

body.faq form #td_submit {
    vertical-align: middle;
    text-align: right;
}

body.faq form input#btn_submit {
    width: auto;
}

body.faq .bottom_nav {
    width: 100%;
}

body.faq .bottom_nav td {
    width: 0;
    text-align: center;
}

body.faq .bottom_nav td.left {
    width: 50%;
    text-align: left;
}

body.faq .bottom_nav td.right {
    width: 50%;
    text-align: right;
}


/* code */

body.code dl dt {
    font-weight: bold;
}

body.code dl.term_left dt {
    float: left;
    width: 12em;
    text-align: right;
}

body.code dl.term_left dd {
    margin: 1.5em 0 1.5em 14em;
}


/* press */

body.press dl {
    margin: 0;
}

body.press dl dd {
    margin-left: 3em;
}


/* blog */

body.blog ol.real_list {
    margin: 1em 0 1em 2em;
}

body.blog #blog_posts h2 {
    margin-bottom: 0;
}

body.blog .blog_author {
    color: #f60;
}

body.blog ol.blog_comments li,
body.blog ol.real_list li {
    list-style: decimal;
}

body.blog form input,
body.blog form textarea {
    width: 100%;
}

body.blog form .submit {
    text-align: right;
}

body.blog form .submit input {
    width: auto;
}


/* contact / support */

body.contact dl.term_left {
    margin: 4em 0 0;
}

body.support dl.term_left {
    margin: 6em 0;
}

body.contact dl.term_left dt,
body.support dl.term_left dt {
    float: left;
    width: 28em;
    text-align: right;
}

body.contact dl.term_left dd,
body.support dl.term_left dd {
    margin: 2em 0 2em 30em;
}

body.support dl.term_left dd img {
    margin: -10px 0 -5px;
}


/* forgot password */

body.forgot_password form table {
    margin: 6em 0;
    border-collapse: separate;
    border-spacing: 1em;
}

body.forgot_password #btn_submit {
    margin: 0 0 -5px;
}

body.forgot_password form div {
    margin: 4em 0;
    text-align: center;
}

body.forgot_password form.captcha table {
    margin: 0 auto;
}

body.forgot_password .username {
    margin: 4em 0;
}


/* login */

body.login div.new_login_form {
    text-align: right;
    margin: 2em 0 3em;
}


body.login div.new_login_form form {
    text-align: right;
}


/* five services in one */

body.five_services_in_one #icon_row {
    margin: 3em 0;
    width: 100%;
}

body.five_services_in_one a.rollover,
body.five_services_in_one dl.term_left dt a {
    display: block;
    width: 55px;
    height: 61px;
    margin: auto;
}

body.five_services_in_one dl.term_left dd {
    margin: 1.5em 0 1.5em 100px;
}

body.five_services_in_one dl.term_left dt {
    float: left;
    width: 100px;
    height: 61px;
}


/* user profiles */

body.user_profiles #icon_grid {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1.5em;
}

body.user_profiles #icon_grid td {
    width: 33%;
}

body.user_profiles #icon_grid td,
body.user_profiles #icon_grid h2 {
    text-align: center;
}

body.user_profiles #icon_grid h2 {
    margin: 0 0 0.5em 0;
    font-size: 1em;
    line-height: 1em;
}

body.user_profiles dl.term_left dd {
    margin: 1.5em 0 5em 160px;
}

body.user_profiles dl.term_left dt {
    float: left;
    width: 160px;
}


/* download */

body.download .step {
    float: left;
    border-right: 2px solid #A6A6A6;
    clear: left;
    font-family: 'Century Gothic', sans-serif;
    color: #f60;
    font-size: 2.5em;
    margin-bottom: 1.5em;
    line-height: 1em;
    padding-right: 30px;
}

body.download .instructions {
    float: left;
    width: 440px;
    padding-left: 30px;
    margin-top: -3px;
}

body.download #step2 {
    margin-top: 6px;
}

body.download #additional_info {
    visibility: hidden;
}

body.download #other_downloads {
    margin-bottom: 0em; 
}

body.download .center {
    text-align: center;
}

body.download .clear { 
    clear: both;
    margin-top: 1em;
}

body.download #reg_code {
    float: right;
}

body.download #username {
    float: left;
}

body.download .alert {
    margin-left: 1em;
    font-size: 1.5em;
    color: red;
}

body.download .highlight {
    background-color: yellow;
}

body.download #graphic {
    margin: 4em 0 5em;
}

body.download h2.system_requirements {
    margin: 0;
}

body.download ul.system_requirements {
    margin-bottom: 1em;
}

body.download ul.system_requirements li {
    list-style: disc;
    margin-left: 3em;
}

body.download p.certifications {
    margin-top: 3em;
}

body.download table.certifications {
    margin: 1em 0;
    width: 100%;
}

body.download table.certifications td {
    font-family: 'Century Gothic', sans-serif;
    vertical-align: top;
}

body.download th, body.download td {
    padding-right: 30px;
}

body.download tr > td:first-child {
    padding-right: 90px;
}

body.download form table {
    margin: 2em 0 3em;
    width: 100%;
}

/* install */

body.install #install_steps {
    margin: 3em 0 0 0;
    border-collapse: separate;
    border-spacing: 2em;
}

body.install #install_steps td {
    vertical-align: middle;
}

body.install #install_steps .install_step_desc {
    width: 33%;
    padding-right: 3em;
    text-align: justify;
}


/* release notes */

body.release_notes h2 {
    margin-bottom: 0;
}

body.release_notes #content ul li {
    list-style: disc;
    margin: 0 0 0 3em;
}


/* forever */

body.forever dl.term_left dd {
    margin: 1.5em 0 1.5em 8em;
}

body.forever dl.term_left dt {
    float: left;
    width: 6em;
    font-weight: bold;
    text-align: right;
}


/* education */

body.education #student {
    float: right;
    margin: -5em 0 1em;
}

/*body.education #second_p {
    clear: right;
}*/

body.education .small {
    margin-top: 6em;
    font-size: 0.75em;
}

body.education #additional_profiles {
    text-align: right;
    margin-top: 1em;
}


/* refer-a-friend */

body.referral #tweet_button {
    margin: auto;
    width: 200px;
}

body.referral #free_gigs {
    font-size: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}

body.referral .username_form {
    margin-top: 4em;
}

body.referral .username_form td {
    padding: 0 0.5em;
}

body.referral .username_form #id_username {
    width: 20em;
}

body.referral form table {
    margin: 2em auto 0;
}

body.referral form table td {
    vertical-align: middle;
}

body.referral .link_box {
    width: 100%;
}

body.referral form table a.rollover {
    margin: 1px 0 -4px;
}

body.referral .send_link {
    text-align: center;
    margin: 2em 0;
}

body.referral .send_link a {
    display: inline-block;
    width: 207px;
    height: 20px;
    background-image: url(/static/v0.1/images/buttons/referfriend.gif);
}

body.referral p.note {
    margin-top: 8em;
}

body.referral .referral_form {
    width: 100%;
}

body.referral .referral_form .wide {
    padding: 0 1em 0 0;
}

body.referral .referral_form textarea {
    height: 8em;
}

body.referral .referral_form textarea,
body.referral .referral_form .wide input {
    width: 100%;
}

body.referral .referral_form .right {
    text-align: right;
}

/* apis */

body.apis pre, body.apis code {
    font-family: Monaco, "Andale Mono", Consolas, monospace;
}

body.apis pre {
    border: 1px solid #ccc;
    background: #eee;
    margin: 2em 0;
    padding: 0.5em;
}

body.apis pre b {
    font-weight: bold;
}

body.apis h3 {
    font-weight: bold;
    color: #f60;
    margin: 2em 0;
}

.main {
    position: absolute;
    z-index:100;
    overflow: hidden;
    text-indent: -1000px;
    font-size: 0.8em;
    width: 60%;

}

.head_img {
    position: relative;
    display: inline;
}

#header_div {
    position: relative;
    width: 700px;
    height: 74px;
    left: -14px;
    top: -13px;
    margin: 0;
    padding: 0;
}

body.index #join_now {
    background-image: url(/static/v0.1/main/images/buttons/StartNow-btn.gif);
    width: 351px;
}
body.index #join_now:hover {
    background-image: url(/static/v0.1/main/images/buttons/StartNow-btn_ro.gif);
}