/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


body {
    font-family: arial;
    color: #333;
    text-align: left;
}

/* base.css, part of YUI's CSS Foundation */
h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size: 138.5%;
}

h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size: 123.1%;
}

h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size: 108%;
}

h1, h2, h3 {
    /* top & bottom margin based on font size */
    margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight: bold;
}

abbr, acronym {
    /*indicating to users that more info is available */
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    /*bringing italics back to the em element*/
    font-style: italic;
}

blockquote, ul, ol, dl {
    /*giving blockquotes and lists room to breath*/
    margin: 1em;
}

ol, ul, dl {
    /*bringing lists on to the page with breathing room */
    margin-left: 2em;
}

ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}

ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left: 1em;
}

th, td {
    /*borders and padding to make the table readable*/
    /*border:1px solid #000;*/
    padding: .5em;
    vertical-align: top;
}

th {
    /*distinguishing table headers from data cells*/
    font-weight: bold;
    text-align: center;
}

caption {
    /*coordinated marking to match cell's padding*/
    margin-bottom: .5em; /*centered so it doesn't blend in to other content*/
    text-align: center;
}

p, fieldset, table {
    /*so things don't run into each other*/
    margin-bottom: 1em;
}

caption, th, td {
    text-align: left;
    /*font-weight: normal; this blows up the viewed/not viewed in GWT tables */
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

ol li {
    margin: .5em 0 .5em 3em;
    list-style-type: decimal;
}

optgroup {
    color: gray;
}

optgroup option {
    color: #333;
}


#main-container {
    margin: auto;
    text-align: left;
    width: 960px;
}

a, a:visited, a:active {
    color: #0458a7;
    text-decoration: none;
}

a:hover {
    color: #368ade;
    text-decoration: underline;
}

/* I think this class would be great for a site-wide style for external links - Peter */
a.external {
    background: transparent url(/images/external.png) center right no-repeat;
    padding-right: 15px;
    display: inline;
}

#logo {
    margin: 10px 0 0 0;
    float: left;
}

.header {
    width: 960px;
    height: 70px;
    position: relative;
}

.header .loggedOutTopNav {
    float: right;
    width: 400px;
    margin-top: 11px;
    padding-right: 3px;
    text-align: right;
    color: #fff;
    font-size: 105%;
}

.header .loginTab {
    width: 92px;
    height: 33px;
    background: url("/images/login-tab.gif");
    padding: 0;
    color: #222;
    text-align: left;
    margin: -10px 0 0 0;
    float: right;
}

.header .loginTab a {
    display: block;
    margin-left: 35px;
    margin-top: 9px;
    color: #222;
}

/* Old button style */
.std_button img {
    margin: 0px;
}

.std_button span {
    margin: 0px 3px 3px 3px;
}

.std_button, button#create_account {
    background: #d8e4f0;
    font-weight: bold;
    color: #29444c;
    border: 1px outset #a1b4c4 !important;
    cursor: pointer;
    padding: 4px;
}

button:hover.std_button, button:hover#create_account {
    background: #f2f7fc;
    border: 1px solid #d3dee8;
    color: #1e333a;
}

/* End old button style */

.loggedOut {
    background: #c4e3ef url('/images/sbx_background.png') repeat-x 0 -20px;
    /* text-align: center; */
}

.loggedIn {
    background: white url('/images/sbx_background_login.png') repeat-x 0 0px;
    /* text-align: center; */
}

/* FOOTER */
#footer {
    margin-bottom: 0px;
    clear: both;
    width: 900px;
}

#footer li {
    list-style: none;
}

/* New Footer Styles */
#footerContainer {
    text-align: left;
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 30px 0px 70px;
    margin: 0px;
    outline: 0px;
    background-color: #00ABDF;
    text-decoration: none;
    color: white;
    list-style: none;
    width: 100%;
}

#footerContainer #footer {
    font: normal normal normal 62.5%/normal Arial, Helvetica, sans-serif;
    line-height: 1.25;
    padding: 0px;
    margin: 0px auto;
    width: 880px;
}

#footerContainer #footerleft {
    float: left;
    width: 600px;
}

#footerContainer #footerright {
    float: right;
}

#footerContainer #footernav {
    margin: 0px;
    color: white;
    float: left;
    height: 30px;
    margin-top: 15px;
}

#footerContainer #footernav li {
    display: inline;
    font-size: 1.2em;
}

#footerContainer .divider {
    color: #85DBFF;
    padding: 0px 3px;
}

#footerContainer #footer #copy {
    float: left;
    font-size: 1.2em;
    width: 600px;
    margin: 0px;
    text-align: left;
}

#footerContainer #footer #share {
    float: left;
    font-size: 1em;
    margin-top: 13px;
    margin-left: 10px;
    text-transform: uppercase;
}

#footerContainer .highlight {
    color: #FFC;
    font-size: 1.2em;
    font-weight: bold;
}

#footerContainer #footer #social img {
    margin-left: 2px;
    width: 32px;
    height: 32px;
    padding-right: 2px;
}

#footerContainer #footer #social {
    float: left;
    margin: 4px 0px 8px 0px;
}

#footerContainer #security {
    float: right;
    margin-top: 10px;
}

#footerContainer #security h2 {
    margin: 0px;
    background: url(/images/bg-security.png) no-repeat 0px 0px;
    height: 44px;
    text-indent: -9999px;
    width: 235px;
}

#footerContainer #security h2 a {
    display: block;
    height: 44px;
    width: 235px;
}

#footerContainer #security p {
    font-size: 1.3em;
    padding: 15px 30px 0px 40px;
}

#footerContainer #security img {
    float: left;
    margin-right: 10px;
}

#footerContainer img {
    border: 0px;
}

#footerContainer #footer a:link, #footerContainer #footer a:visited {
    color: white;
}

/** Old form styles. Prefer pretty-form */
td.form_label {
    font-size: 93%;
    font-weight: bold;
    color: #001f27;
    width: 124px;
    height: 36px;
    vertical-align: middle;
    border-right: none;
}

td.form_field {
    height: 36px;
    vertical-align: middle;
    width: 191px; /*border: 1px solid #e9f2fb;*/
    border-left: none;
}

td.form_label label {
    display: block;
    padding-top: 8px;
    margin-left: 5px;
}

td.form_field input {
    width: 174px;
    margin-top: 7px;
}

td.reminder_hover {
    position: relative;
    width: 268px;
    display: block;
}

td.reminder_hover p {
    display: none;
    position: absolute;
    top: 0;
    background: #daeaf9;
    border: 1px solid #edf6ff;
    margin-left: 20px;
    padding: 10px;
    font-size: 85%;
    color: #476168;
    line-height: 16px;
}

.form_field input {
    width: 30px;
}

.form_label {
    font-size: 12px;
    font-weight: bold;
    color: #001f27;
    width: 75%;
}

/* CLEARFIX */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
}

.smalltext {
    font-size: 90%;
}

.main-content-wrapper {
    width: 100%;
    margin-top: 15px;
    padding-bottom: 40px;
}

.main-content-wrapper h1 {
    margin-top: 0;
}

textarea {
    width: 408px;
    height: 60px;
}

/*New GWT tables pages styles*/
.submenu {
    font-size: 95%;
}

.submenu ul {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: right;
}

.submenu ul li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style-type: none;
    overflow: hidden;
    cursor: pointer;
}

.submenu ul li a {
    padding-left: 15px;
    cursor: pointer;
}

.submenu ul li a.selected {
    padding-left: 15px;
    cursor: pointer;
    text-decoration: underline;
}

.top-nav {
    font-size: 110%;
    padding: 10px;
    background: transparent url(/images/shadow.png) no-repeat 50% 0;
    overflow: hidden;
}

.top-nav ul {
    margin: 0;
    padding: 0;
}

.top-nav li {
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
    list-style: none outside;
}

.top-nav a:link, .top-nav a:visited {
    display: block;
    color: #555;
    padding: 5px 12px;
    text-decoration: none;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.top-nav a:hover, .top-nav a.selected {
    background: #f0f0f0;
}

.top-nav .upload {
    float: right;
}

.upload a:link, .upload a:visited {
    color: white;
    background: #00ABDF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00ABDF), to(#0091BE));
    background-image: -webkit-linear-gradient(top center, from(#00ABDF), to(#0091BE));
    background-image: -moz-linear-gradient(top center, #00ABDF, #0091BE);
    background-image: -ms-linear-gradient(top center, #00ABDF, #0091BE);
    background-image: -o-linear-gradient(top center, #00ABDF, #0091BE);
    background-image: linear-gradient(top center, #00ABDF, #0091BE);
    padding: 9px 9px 9px 12px;
    text-shadow: -1px -1px 0 #444;
    border-radius: 3px;
    border: solid #008BB7 1px;
    font-size: 120%;
    letter-spacing: 0.5px;
}

.upload a:active {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00ABDF), to(#0091BE));
    background-image: -webkit-linear-gradient(bottom center, from(#00ABDF), to(#0091BE));
    background-image: -moz-linear-gradient(bottom center, #00ABDF, #0091BE);
    background-image: -ms-linear-gradient(bottom center, #00ABDF, #0091BE);
    background-image: -o-linear-gradient(bottom center, #00ABDF, #0091BE);
    background-image: linear-gradient(bottom center, #00ABDF, #0091BE);
}

.upload a:hover {
    -webkit-box-shadow: 0 0 3px #00B8F1;
    box-shadow: 0 0 3px #00B8F1;
}

.upload img {
    margin-left: 3px;
    vertical-align: bottom;
}

.gwt-frame {
    font-family: arial;
    font-size: 12px;
}

.gwt-frame select {
    font-size: 95%;
}

.listing-filters {
    margin-top: 30px;
}

.listing-filters select {
    font-size: 90%;
}

/*** (old YUI) TABLES -- phasing out ****/
/** General Table Styles **/
.tableStatusMessage div.doRelatedReceiptActionsDiv {
    padding: 0px 20px;
}

.yui-skin-sam .yui-dt table {
    clear: both;
    margin-top: 2px;
    width: 100%;
    border: 0;
    border-collapse: separate;
    border-spacing: 3px 0px;
}

.yui-skin-sam .yui-dt-liner {
    padding: 4px 5px;
}

.yui-skin-sam .yui-dt table {
    font-size: 93%;
}

.yui-skin-sam .yui-dt table thead th a, a:visited, a:active {
    color: #0458a7;
}

.yui-skin-sam .yui-dt table thead th a:hover {
    color: #368ade;
}

.yui-skin-sam .yui-dt table thead th {
    padding-top: 5px;
    background: white;
    border: 0;
}

.yui-skin-sam .yui-dt table tbody td {
    /*height: 10px;*/
    vertical-align: top;
    border: 0;
    cursor: pointer;
}

/* Set thin border for top of table head */
.yui-skin-sam .yui-dt-hd table {
    border-top: #6a7888 1px solid;
}

/* Set thin border for top of table data body */
.yui-skin-sam .yui-dt tr.yui-dt-first td {
    border-top: #6a7888 1px solid;
}

/* Set bottom border */
.yui-skin-sam .yui-dt table {
    border-bottom: #6a7888 1px solid;
}

/* Style for unviewed rows */
.yui-skin-sam .yui-dt table tr.sbx-new-record td .yui-dt-liner {
    font-weight: bold;
}

/* Make headers of table bold */
.yui-skin-sam .yui-dt-hd table thead tr th .yui-dt-label, .yui-skin-sam .yui-dt-hd table thead tr th .yui-dt-label a {
    font-weight: bold;
}

.yui-skin-sam .yui-dt-hd table thead tr th .yui-dt-col-total {
    text-align: center;
}

.yui-skin-sam .yui-dt-bd table tr td .yui-dt-col-total {
    text-align: right;
}



/**** Pagination *****/
.yui-pg-container {
    font-size: 93%;
}

/* hide non-active pag elements */
.yui-pg-container>span.yui-pg-first {
    visibility: hidden;
}

.yui-pg-container>span.yui-pg-next {
    visibility: hidden;
}

.yui-pg-container>span.yui-pg-last {
    visibility: hidden;
}

.yui-pg-container>span.yui-pg-previous {
    visibility: hidden;
}

/*** Batch edit dropdown ***/
.tableControls {
    width: 100%;
    margin-top: 4px;
}

.tableControls .selectAllCb {
    float: left;
    margin: 10px 10px 10px 13px;
}

#bottom .tableActionsDropDown {
    margin-top: 6px;
}

.tableControls .tablePagination {
    width: 400px;
    margin-top: 7px;
    margin-bottom: 10px;
    float: right;
    text-align: right;
}

.tableControls .tableActionsDropDown {
    width: 300px;
    float: left;
    margin-top: 5px;
}

.tableControls .selectBoxRow {
    margin-top: 8px;
    padding: 10px;
    clear: both; /*background-color:#abe1f0;*/
    background-color: #f8f9c7;
}

.tableControls .selectBoxRow select {
    margin-top: 7px;
    margin-left: 20px;
    display: block;
    float: left;
}

.tableControls .selectBoxRow .dropDownSelectLoading {
    margin-top: 8px;
    margin-left: 20px;
    float: left;
}

/*** END TABLES ***/



.errorMessage {
    font-size: 110%;
    color: red;
    padding: 0px;
    margin: 0px;
}

p.errorMessage {
    padding-bottom: 3px;
}

.yui-skin-sam .errorMessage {
    color: red;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}

.statusMessage {
    font-size: 110%;
    color: navy;
}

p.statusMessage {
    padding-bottom: 3px;
}



table#exportHistory td {
    padding: 10px;
    vertical-align: middle;
}

table#exportVerification td, table#exportVerification th {
    padding: 10px;
    vertical-align: middle;
}

table#exportVerification input.debitCodeInput, table#exportVerification input.creditCodeInput {
    width: 100%;
}

table#exportVerification input.zero-gst, table#exportVerification input.calc-gst {
    margin: 2px 0;
    width: 100%;
}

.verificationFormButton {
    text-align: center;
    font-size: 200%;
    padding: 10px 3px;
    margin-bottom: 15px;
    background: #f2f2f2;
    width: 50%;
}

#intuit-connect-button td {
    vertical-align: middle;
    font-weight: bold;
}

.rooster {
    padding: 10px;
    background-color: #ffc;
    border: #f93 1px solid;
    margin: 15px 0;
}

.rooster h2 {
    width: 540px;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    float: left;
}

.rooster .closeme {
    float: right;
    width: 60px;
}

.error .rooster {
    border-color: #f33;
    background-color: #fcc;
}

.rooster p {
    clear: both;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.rooster p a {
    text-decoration: underline;
}

.newFormError {
    /*border: #f33 1px solid;*/
    background-color: #fcc;
    padding: 10px;
    display: block;
    /*margin: 10px 0;*/
    margin: 10px;
    border-radius: 3px;
}

/* For page-related help icon */
.helpPageContext {
    width: 100px;
    float: right;
    text-align: right;
}

/* Re-used on multiple guide pages */

.guide .unavailable {
    opacity: 0.2;
    filter: alpha(opacity = 20); /* For IE8 and earlier */
}

.guide .column {
    margin: 0 1% 1% 0;
    float: left;
    width: 49%;
}

.guide .column .box {
    background: #d3d3d3;
    border-radius: 15px;
    font-size: 90%;
    margin-top: 0;
    margin-left: 210px;
    padding: 8px 8px 8px 8px;
    word-wrap: break-word;
}

.guide .column img {
    width: 200px;
    height: 200px;
    float: left;
    margin: 15px 10px 10px 0;
}

.guide .column .checked {
    background: url(/images/green_check.png) no-repeat 0 0;
    background-position: top right;
    padding-top: 10px;
    padding-right: 20px;
    margin-right: 20px;
}

.guide .column p {
    font-size: 90%;
    margin-top: 0;
    margin-left: 210px;
}

.guide .brightIdeas {
    border-radius: 15px;
    clear: both;
    background: #d3d3d3;
    padding: 2px;
}

.guide a:link, .guide a:active, .guide a:visited {
    color: blue;
}

.guide .brightIdeas img {
    width: 90px;
    height: 90px;
    float: left;
    margin: 10px 10px 10px 0;
}

.guide .brightIdeas ul {
    margin-left: 115px;
}

/* End guide tutorials */

.sbxPanel .bd {
    padding: 15px;
}

.sbxPanel .subgroup {
    padding-left: 30px;
    font-size: 90%;
}

.sbxPanel .disabled {
    color: gray;
}



.emailMarketingExport label {
    display: block;
    font-size: 90%;
    letter-spacing: .05em;
    color: #333;
    margin: 2px;
}

.emailMarketingExport input.text {
    background-color: #e8f7fb;
    border: 2px solid #ccc;
    font-size: 120%;
    padding: 2px;
}

.emailMarketingExport .column {
    width: 330px;
    float: left;
}

.emailMarketingExport .column.left {
    padding-right: 20px;
}

.emailMarketingExport .column.right {
    border-left: 1px solid #e2e2e2;
    padding-left: 40px;
    min-height: 200px;
}

.emailMarketingExport .column.right.gray {
    border-left: 1px solid #e2e2e2;
    padding-left: 40px;
    min-height: 200px;
    color: #444;
}

.emailMarketingExport p.buttons {
    margin-top: 20px;
}

.emailMarketingExport .listSelect {
    font-size: 120%;
    width: 330px;
    color: #111;
}

.account-notifytable td {
    padding: 5px;
}


.account-setting-group {
    margin-bottom: 1em;
}

table.account-setting-group td {
    vertical-align: middle;
}

table.account-setting-group .form_label {
    width: 175px;
}

#accountsettingspagetabs .unselected-tab, #accountsettingspagetabs .selected-tab {
    font-family: Arial;
    float: left;
    border: 1px solid #44b2ed;
    font-size: 12pt;
    padding: 5px 12px 5px 12px; /*width: 180px;*/
    text-align: center;
    background: #d8d8d8 url(/images/tabbg.png) repeat-x; /* tab background */
    color: #8da6b7;
    margin-top: 8px;
    cursor: hand;
}

#accountsettingspagetabs .selected-tab {
    background: #d8d8d8 url(/images/tabbg_selected.png) repeat-x;
    /* tab background */
    margin-top: 0px;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 160px;
}

#accountsettingspagetabs .content {
    padding: 10px;
    width: 950px;
    clear: both;
    border: 1px solid #44b2ed;
    background-color: white;
}



/* New form stylings. Phasing out old stuff */
form.pretty-form label, a.submit {
    font-size: 110%;
}

form.pretty-form input, form.pretty-form select {
    border: 1px solid #cccccc;
    color: #333;
    padding: 2px;
    width: 160px;
}

form.pretty-form input.check-box, form.pretty-form input[type=checkbox] {
    margin-top: 3px;
    border: none;
    width: 20px;
}

form.pretty-form label {
    display: block;
    margin-bottom: 10px;
    color: #333;
}

form.pretty-form label span {
    display: block;
    float: left;
    padding: 2px;
    width: 225px;
    text-align: left;
    font-weight: bold;
}

form.pretty-form .align-with-input {
    margin-left: 230px;
}

form.pretty-form a.submit {
    background-image: url(/images/gradient-green-submit.gif);
    padding: 0px 6px;
    border: 1px solid #3b6e22;
    height: 24px;
    line-height: 24px;
    color: #eee;
    margin-right: 10px;
    display: inline-block;
    text-decoration: none;
}

form.pretty-form a:hover.submit {
    color: #FFFFFF;
}

form.pretty-form ul.pretty-checkboxes li {
    display: inline;
}

form.pretty-form ul.pretty-checkboxes input {
    width: 20px;
}

/* end new form stuff */


/* New DIY uploader + user d/e page styles */
#data_entry_container table td {
    padding: 1px;
}

#data_entry_container table table td {
    padding: 1px;
}


.document-heading {
    width: 100%;
    font-size: 130%;
    overflow: hidden; /* fix floating, keep this if you want margins to work */
    margin-bottom: 10px;
}

.document-heading h1 {
    float: left;
    color: #333;
    padding: 5px 0 0 0;
    margin: 0;
}

/* Get rid of pseudo-padding on buttons in Firefox. */
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    padding: 0;
    border: 0;
    margin: 0;
}

/* Upsell Widget */

.upsell a {
    font-weight: bold;
}

.upsell ul {
    margin-left: 5px;
    margin-bottom: 15px;
}

.upsell li {
    padding: 3px;
    list-style-type: none;
}

.upsell li:before {
    content: "\2713\0020";
}

.upsell .up-button:link, .upsell .up-button:active, .upsell .up-button:visited {
    border: 1px solid #000000;
    background: #eda617;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafa8e), to(#eda617));
    background: -webkit-linear-gradient(top, #fafa8e, #eda617);
    background: -moz-linear-gradient(top, #fafa8e, #eda617);
    background: -ms-linear-gradient(top, #fafa8e, #eda617);
    background: -o-linear-gradient(top, #fafa8e, #eda617);
    padding: 7.5px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 15px;
    margin-bottom: 30px;
}

.upsell-widget {
    padding: 10px 10px 20px 10px;
    background-color: #FFC;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: none;
    box-shadow: 0 0 4px #515151;
    text-align: center;
}

.upsell-widget h2 {
    margin: 0;
    padding: 5px;
    text-align: left;
}

.upsell-widget ul {
    text-align: left;
}

.upsell-banner {
    margin-top: 5px;
    margin-bottom: 25px;
    background-color: #ffc;
    padding-top: 5px;
}

.upsell-banner .content {
    width: 880px;
    margin: 0 auto;
    text-align: left;
}

.upsell-banner .graphic {
    float: left;
    width: 300px;
}

.upsell-banner .graphic p {
    font-size: 230%;
    text-align: center;
    font-weight: bold;
    width: 230px;
    float: right;
    vertical-align: bottom;
    margin-right: 40px;
    padding-right: 20px;
    border-right: 1px solid #333;
    line-height: 1.4em;
}

.upsell-banner .graphic p .hp-calendar {
    display: inline-block;
    height: 67px;
    width: 67px;
    margin-bottom: -10px;
}

.upsell-banner .graphic p .hp-calendar .num-days {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 67px;
    width: 67px;
    padding-top: 5px;
    background: transparent url('/images/calendar.png') no-repeat 0 0;
}

.upsell-banner .graphic-right {
    float: right;
    margin-top: -10px;
}

.upsell-widget .countdown {
    float: right;
    width: 95px;
    margin: 10px 10px 0 0;
}

.upsell-widget .countdown p {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    float: right;
    vertical-align: bottom;
}

.upsell-widget .countdown p .hp-calendar {
    display: inline-block;
    height: 50px;
    width: 50px;
}

.upsell-widget .countdown p .hp-calendar .num-days {
    font-size: 150%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 50px;
    width: 50px;
    padding-top: 5px;
    background: transparent url('/images/calendar-small.png') no-repeat 0 0;
}

.activation-banner h2 {
    text-align: left;
}

.activation-banner h3 {
    margin: 0;
}

.activation-banner .content {
    text-align: center;
}

.activation-banner .activation-module {
    display: inline-block;
    width: 250px;
}

.activation-banner .footer-text {
    padding: 20px 0;
}

.thin-wide-upsell-banner {
    background-color: #FFC;
    color: #555;
    text-align: center;
    font-size: 120%;
    clear: both;
    padding: 5px;
}

/* Partner Carousel Widget */

#partnerInfo {
    margin-top: 75px;
}

#partnerInfo h1, #partnerInfo h3 {
    color: #333;
}

.partnerCarousel {
    height: 70px;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #DDDDDD;
    background-color: #F2F5F7;
    width: 100%;
    margin-bottom: 20px;
}

.partnerCarousel .carousel-controls .bx-prev, .partnerCarousel .carousel-controls .bx-next {
    display: block;
    position: relative;
    text-indent: -999999px;
    top: 20px;
    width: 31px;
    height: 31px;
}

.partnerCarousel .carousel-controls .bx-prev {
    float: left;
    background: url(/images/carousel/icon_arrow_left.png) no-repeat 0 -31px;
}

.partnerCarousel .carousel-controls .bx-next {
    float: right;
    background: url(/images/carousel/icon_arrow_right.png) no-repeat 0 -31px;
}

.partnerCarousel .carousel-controls .bx-next:hover, .partnerCarousel .carousel-controls .bx-prev:hover {
    background-position: 0 0;
    cursor: pointer;
}

.partnerCarousel .partner-list {
    margin: 0;
    padding: 0;
    height: 100%;
}

.partnerCarousel .partner-list .partner-slide {
    margin: 0;
    padding: 0;
    height: 100%;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    padding: 0 5px;
    text-align: center;
}

.partnerCarousel .partner-list .partner-slide:hover {
    cursor: pointer;
}

.partnerCarousel .partner-list img {
    height: 45px;
}

.partnerCarousel .partner-list .extraWidePartner {
    height: 20px;
}

.partnerCarousel .partner-list h3 {
    margin: 0;
}

.partner-popup {
    font-weight: bold;
    text-align: left;
    width: 350px;
}

.partner-popup img {
    padding-bottom: 10px;
}

/* Plan Selection Table */

#choosePlanContent {
    font-size: 72%;
    width: 800px;
}

#choosePlanContent h1 {
    font-size: 250%;
    margin-top: 1em;
    text-align: center;
}

#choosePlanContent #plans {
    width: 100%;
    border-collapse: separate;
}

#choosePlanContent #plans h1, #choosePlanContent #plans h2 {
    padding: 0px;
    background-color: inherit;
}

#choosePlanContent #plans h1 {
    font-size: 220%;
}

#choosePlanContent #plans h2 {
    font-size: 170%;
}

#choosePlanContent #plans td {
    line-height: 1em;
    /*font-size: 120%; */
    width: 30%;
    padding: 10px;
    text-align: center;
}

#choosePlanContent #plans td.selected {
    border: 3px solid #00ABDF;
    border-radius: 12px;
}

#choosePlanContent #plans td.evernoteSelected {
    border: 3px solid #63B345;
    border-radius: 12px;
}

#choosePlanContent #plans td.futureSelected {
    border: 3px solid #56B941;
    border-radius: 12px;
}

#choosePlanContent #plans td div.selectedText {
    font-size: 170%;
    color: #00ABDF;
    font-weight: bold;
    line-height: 1.2em;
    height: 60px;
    visibility: hidden;
    padding: 0 10px 5px 10px;
}

#choosePlanContent #plans td div.evernoteSelectedText {
    font-size: 170%;
    color: #63B345;
    font-weight: bold;
    line-height: 1.2em;
    height: 30px;
    visibility: hidden;
    padding: 0 10px 5px 10px;
}


#choosePlanContent #plans td.futureSelected div.selectedText {
    color: #56B941;
}

#choosePlanContent #plans td.selected div.selectedText,
#choosePlanContent #plans td.futureSelected div.selectedText,
#choosePlanContent #plans td.evernoteSelected div.evernoteSelectedText {
    visibility: visible;
}

#choosePlanContent #plans button {
    background-color: #8CC53F;
    color: white;
    width: 85%;
    padding: 10px 0px;
    margin-bottom: 10px;
    font-size: 120%;
    border-radius: 15px;
    border: none;
    cursor: pointer;
}

#choosePlanContent #plans tr.evernotePlan button {
    width: 200px;
}

#choosePlanContent #plans button:hover {
    background: #414042;
}

#choosePlanContent #plans div.planInfo {
    border-radius: 12px;
    margin: 0 auto;
}

#choosePlanContent #plans div.values {
    color: #414042;
    vertical-align: middle;
}

#choosePlanContent #plans div.values h1 {
    margin-top: 0;
}

#choosePlanContent #plans tr.monthly td {
}

#choosePlanContent #plans tr.monthly div.planName {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background-color: #00ABDF;
    border-radius: 12px;
    color: white;
    margin-bottom: 10px;
}

#choosePlanContent #plans tr.monthly div.planName h1 {
    margin: 15px 0;
}

#choosePlanContent #plans tr.monthly div.planInfo {
    padding-top: 25px;
    background-color: #D6EFFB;
}

#choosePlanContent #plans tr.monthly div.values {
    height: 95px;
}

#choosePlanContent #plans tr.annual-desc td {
    text-align: left;
}

#choosePlanContent #plans tr.annual-desc h2 {
    margin: 2px 0;
}

#choosePlanContent #plans tr.annual td {
}

#choosePlanContent #plans tr.annual div.planInfo {
    padding-top: 25px;
    background-color: #EFEFEF;
}

#choosePlanContent #plans tr.evernotePlan div.evernotePlanInfo {
    padding-top: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background-color: #D4EAC7;
    border-radius: 12px;
    /*margin-bottom: 10px;*/
}

#choosePlanContent #plans tr.annual div.values {
    height: 65px;
}

#downgradeMessages {
    border-radius: 12px;
    box-shadow: 0 0 4px #aaa;
    padding: 10px;
    width: 500px;
    background-color: #FFC
}

#featureList {
    border-radius: 12px;
    box-shadow: 0 0 4px #aaa;
    padding: 10px;
    width: 225px;
}

#featureList h1 {
    padding: 10px 0;
    border-bottom: 2px solid #efefef;
    text-align: center;
}

#featureList ul {
    margin-left: 0;
}

#featureList li {
    padding: 0 0 25px 0;
    list-style-type: none;
}

#featureList li:before {
    content: "\2713\0020";
}

#planChangeTitle {
    color: #00ABDF;
    font-size: 180%;
}

.sbxGreenButton, .sbxGreenButton:link, .sbxGreenButton:visited {
    display: block;
    color: white;
    text-decoration: none;
    border: none;
    padding: 10px;
    border-radius: 15px;
    background: #97D049;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#97D049, endColorstr=#518A03)";
    background-image: -webkit-linear-gradient(top, #97D049, #518A03);
    background-image: -moz-linear-gradient(top, #97D049, #518A03);
    background-image: -ms-linear-gradient(top, #97D049, #518A03);
    background-image: -o-linear-gradient(top, #97D049, #518A03);
    box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

.sbxGreenButton:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
    background: #B5EE67;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#B5EE67, endColorstr=#518A03)";
    background-image: -webkit-linear-gradient(top, #B5EE67, #518A03);
    background-image: -moz-linear-gradient(top, #B5EE67, #518A03);
    background-image: -ms-linear-gradient(top, #B5EE67, #518A03);
    background-image: -o-linear-gradient(top, #B5EE67, #518A03);
}

.buttonAsLink {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #0458A7;
    cursor: pointer;
}

.buttonAsLink:hover {
    text-decoration: underline;
}

.configure-default-notebooks {
    padding-top: 15px;
}

.sbx-pdf-viewer {
    width: 540px;
    height: 482px;
    position: relative;
}

.sbx-with-control-panel {
    height: 440px;
}

.sbx-viewer-container {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px 0 0 0;
    background-color: #929292;
    overflow: auto;
    border: solid #555 1px;
    border-radius: 3px;
    -webkit-overflow-scrolling: touch;
}

.switch-viewer {
    height: 20px;
    line-height: 20px;
    margin: 2px 0 !important;
}

#swfViewerContainer object, #swfViewerContainer embed {
    display: block;
}

/**
    New Buttons
*/

.button, .button:visited, .pretty-form input.button {
    width: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, 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;
    -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);
}

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

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

.orange, .orange:visited, .pretty-form input.orange {
    color: white;
    border: solid 1px #da7c0c;
    background: #f6cb2f;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6cb2f), to(#f47a20));
    background: -moz-linear-gradient(top, #f6cb2f, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6cb2f', endColorstr = '#f47a20');
}

.orange:hover, .pretty-form input.orange:hover {
    color: white;
    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');
}

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

.green, .green:visited, .pretty-form input.green {
    color: white;
    background: #97D049;
    border: solid 1px #66AC4C;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#97D049, endColorstr=#518A03)";
    background-image: -webkit-linear-gradient(top, #97D049, #518A03);
    background-image: -moz-linear-gradient(top, #97D049, #518A03);
    background-image: -ms-linear-gradient(top, #97D049, #518A03);
    background-image: -o-linear-gradient(top, #97D049, #518A03);
}

.green:hover, .pretty-form input.green:hover {
    color: white;
    background: #B5EE67;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#B5EE67, endColorstr=#518A03)";
    background-image: -webkit-linear-gradient(top, #B5EE67, #518A03);
    background-image: -moz-linear-gradient(top, #B5EE67, #518A03);
    background-image: -ms-linear-gradient(top, #B5EE67, #518A03);
    background-image: -o-linear-gradient(top, #B5EE67, #518A03);
}

.fbbutton {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    height: 39px;
    padding: 12px 0 0 32px;
    font-weight: bold;
    color: white;
    background: url(/images/fb-button.png) no-repeat 0 0;
}

.fbbutton:hover {
    color: white;
    background: url(/images/fb-button.png) no-repeat 0 -39px;
}

a.fbbutton:visited {
    color: white;
}

.shareBox {
    width: 400px;
    text-align: center;
}

.shareBox .shareBoxFooter {
    margin-top: 25px;
}

.shareBox .shareBoxFooter .optOutShare {
    font-size: 90%;
    float: left;
}

.shareBox .shareBoxFooter .closeShareBox {
    font-size: 90%;
    float: right;
}

/* shoeboxed tweaks to intuit "blue dot" menu */

#intuitPlatformAppMenu {
    margin: 0 20px;
    position: static;
    float: right;
}

#intuitPlatformAppMenuDot, #intuitPlatformAppMenuDropdown {
    margin: 0 20px;
}

/* custom styles for Tooltipsy tooltips */

.tooltipsy {
    padding: 10px;
    max-width: 100px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    text-shadow: none;
}

.tooltipsyError {
    border: #f33 1px solid;
    background-color: #fcc;
}

.tooltipsyWarning {
    background-color: #ffc;
    border: #f93 1px solid;
}