/********************************************************************************
	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Default Styles

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Greet
		2.4 Site Navigation
		2.5 Content
		2.6 Sidebar items
		2.7 Footer

	3. PAGES
		3.1 Send
		3.2 Request Signature
		3.3 Manage Documents
		3.4 My Account
		3.5 One Time Payment
		3.6 Contact Import
*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, div.center {
    text-align: center;
}

/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav,
.hide {
    position: absolute;
    top: -999em;
    left: -999em;
    height: 1px;
    width: 1px;
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    margin-top: -13px;
    float: left;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}


/* 1.4 Default Styles
------------------------------------------------------------------------------*/


iframe[sutra=picker] {
    z-index: 10000 !important;
}

iframe[sutra=picker] + div {
    z-index: 9999 !important;
}

@-moz-document url-prefix() {
    iframe#fancybox-frame {
        overflow: hidden;
    }
}

body#hs.layout.loggedin.onboarding-layout {
    border-top: none;
}

body.layout.loggedin {
    border-top: none;
}

hr {
    display: none;
}

a, a:visited {
    text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

th, td {
    vertical-align: top;
}

th {
    text-align: left;
}

abbr, acronym {
    border-bottom: 1px dotted #999;
    cursor: help;
}

@font-face {
    src: url(../fonts/helvetica-neue-light.eot);
    src: url(../fonts/helvetica-neue-light.eot?#iefix) format("embedded-opentype"),
    url(../fonts/helvetica-neue-light.woff) format("woff"),
    url(../fonts/helvetica-neue-light.ttf) format("truetype"),
    url(../fonts/helvetica-neue-light.svg#HelveticaNeueLight) format("svg");
}

#content li.cur .btn {
    line-height: 19px;
    cursor: default;
}

.btn.l {
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.btn.l .btn.r {
    padding: 0;
    background-repeat: no-repeat;
    background-position: 100% -46px;
}

.btn.l .btn.r .btn.c {
    margin: 0 10px;
    padding: 0 6px;
    background-repeat: repeat-x;
    background-position: 0 -23px;
}

.btn.l:hover {
    background-position: 0 -69px;
}

.btn.l:hover .btn.r {
    background-position: 100% -115px;
}

.btn.l:hover .btn.r .btn.c {
    background-position: 0 -92px;
}

.btn.l:active {
    background-position: 0 -138px;
}

.btn.l:active .btn.r {
    background-position: 100% -184px;
}

.btn.l:active .btn.r .btn.c {
    background-position: 0 -161px;
}

li.cur .btn.l:hover,
li.cur .btn.l:active {
    background-position: 0 0 !important;
}

li.cur .btn.l:hover  .btn.r,
li.cur .btn.l:active .btn.r {
    background-position: 100% -46px !important;
}

li.cur .btn.l:hover  .btn.r .btn.c,
li.cur .btn.l:active .btn.r .btn.c {
    background-position: 0 -23px !important;
}

.sub {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    height: 43px;
    overflow: visible;
    text-align: center;
    text-decoration: none !important;
    text-shadow: #af2421 0 1px 0;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #c12322;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ff .sub {
    line-height: 42px;
}

form div .sub {
    margin-top: 22px;
}

.sub:hover {
    background-position: 0 0;
}

.sub:active {
    background-position: 0 -43px;
}

.sub.alt {
    padding: 0 10px;
    height: 29px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.sub.alt:hover {
    background-position: 0 0;
}

.nudge-down {
    margin-top: 10px !important;
}

.nudge-up {
    margin-bottom: 10px !important;
}

.sub.alt .ico {
    position: relative;
    top: -1px;
    margin: 0 3px 0 1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.ff .sub.alt .ico {
    top: 0;
}

.sub.alt:active {
    background-position: 0 -29px;
}

.hero {
    display: block;
    padding: 40px 50px;
    width: auto;
}

table.table {
    border-collapse: collapse;
    border-radius: 8px;
    width: 90%;
    margin: 0% 5%;
}

table.table th {
    padding: 10px 20px;
    border: 1px solid #CCCCE3;
}

table.table td {
    padding: 10px 20px;
    border: 1px solid #CCCCE3;
}

.disabled-sub,
.disabled-sub:visited {
    border-top: 1px solid #b5b5b6;
    padding: 12px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 -1px 0;
    line-height: 19px;
    text-decoration: none;
    vertical-align: middle;
}

#sign_footer .disabled-sub.disabled-sub-wide#saveButton,
#sign_footer .disabled-sub-wide#saveButton,
#sign_footer .disabled-sub-wide.blue-sub#saveButton{
    padding: 12px 49px;
    margin-bottom: 35px;
}

.blue-sub, .blue-sub:focus {
    border: none;
    border-top: 1px solid #95cfe7;
    background: #45bcde;
    background: -webkit-gradient(linear, left top, left bottom, from(#5ab8dd), to(#2aa3d3));
    background: -webkit-linear-gradient(top, #5ab8dd, #2aa3d3);
    background: -moz-linear-gradient(top, #5ab8dd, #2aa3d3);
    background: -ms-linear-gradient(top, #5ab8dd, #2aa3d3);
    background: -o-linear-gradient(top, #5ab8dd, #2aa3d3);
    padding: 5px 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(150,150,150,1) 0 1px 0;
    -moz-box-shadow: rgba(150,150,150,1) 0 1px 0;
    box-shadow: rgba(150,150,150,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #ffffff !important;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

.blue-sub:hover {
    border-top-color: #63c1dd;
    background: #63c1dd;
    color: #ffffff !important;
    text-decoration: none;
}

.green-sub,
a.green-sub {
    border-top: 1px solid #b6ca85;
    background: #6b9c2c;
    background: -webkit-gradient(linear, left top, left bottom, from(#97b940), to(#6b9c2c));
    background: -webkit-linear-gradient(top, #97b940, #6b9c2c);
    background: -moz-linear-gradient(top, #97b940, #6b9c2c);
    background: -ms-linear-gradient(top, #97b940, #6b9c2c);
    background: -o-linear-gradient(top, #97b940, #6b9c2c);
    padding: 9px 19px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    /* color: #FFF;*/
    font-size: 17px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border-style: none;
    float: left;
    /* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif; */
    /* font-family: Helvetica, Arial, san-serif; */
}

.green-sub:hover {
    border-top-color: #4a681c;
    background: #4a681c;
    color: #ffffff;
}

.green-sub:active {
    border-top-color: #4a681c;
    /* background: #4a681c;*/
}

.solid-green-sub {
    border-top: 1px solid #b6ca85;
    background: #6b9c2c;
    background: -webkit-gradient(linear, left top, left bottom, from(#6fa030), to(#6b9c2c));
    background: -webkit-linear-gradient(top, #6fa030, #6b9c2c);
    background: -moz-linear-gradient(top, #6fa030, #6b9c2c);
    background: -ms-linear-gradient(top, #6fa030, #6b9c2c);
    background: -o-linear-gradient(top, #6fa030, #6b9c2c);
    padding: 9px 19px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #FFF;
    font-size: 17px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border-style: none;
    float: left;
    /* font-family: Helvetica, Arial, san-serif; */
}

.solid-green-sub:visited {
    color: #FFF;
    text-decoration: none;
}

.solid-green-sub:hover {
    border-top-color: #4a681c;
    background: #4a681c;
    color: #ffffff;
    text-decoration: none;
}

.solid-green-sub:active {
    border-top-color: #4a681c;
    /* background: #4a681c;*/
    text-decoration: none;
}

a.primary-button {
    background: #e1e1e1;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e1e1e1));
    background: -webkit-linear-gradient(top, #fcfcfc, #e1e1e1);
    background: -moz-linear-gradient(top, #fcfcfc, #e1e1e1);
    background: -ms-linear-gradient(top, #fcfcfc, #e1e1e1);
    background: -o-linear-gradient(top, #fcfcfc, #e1e1e1);
    border: 1px solid #A0A0A0;
    box-shadow: 0px 1px 1px #999;
    color: #444;
    font-size: 20px;
    font-weight: normal;
    /* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif; */
    text-shadow: 0px 1px 1px #FFF;
    position: relative;
    float: left;
    margin: 15px 0px 0px 15px;
    padding: 12px 35px;
    border-radius: 4px;
}

a.primary-button:hover {
    text-decoration: none;
    color: #000;
    background: #EDEEED;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDEEED), to(#D9D9D9));
    background: -webkit-linear-gradient(top, #EDEEED, #D9D9D9);
    background: -moz-linear-gradient(top, #EDEEED, #D9D9D9);
    background: -ms-linear-gradient(top, #EDEEED, #D9D9D9);
    background: -o-linear-gradient(top, #EDEEED, #D9D9D9);
}

.charge-alert-msg div.left {
    float: left;
    width: 370px;
    padding-right: 10px;
}

a.large,
.blue-sub.large,
a.large:hover,
a.large:active,
input[type="submit"].large {
    padding: 15px 42px;
    vertical-align: middle;
}

a.small,
a.small:hover,
a.small:active {
    padding: 4px 12px;
    font-size: 13px;
}

.blue-sub.medium {
    padding: 10px 25px;
    font-weight: normal;
    font-size: 16px;
}

.blue-sub.small {
    padding: 8px 15px;
    font-weight: normal;
}

.blue-sub:active {
    border-top-color: #63c1dd;
    background: #63c1dd;
}

.btn {
    display: inline-block;
    padding: 0 16px;
    height: 23px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none !important;
    text-transform: uppercase;
    text-shadow: white 0 1px 0;
    cursor: pointer;
    background: url(../images/common/sprite_btn.png) repeat-x 0 -23px;
}

.gold-button,
.gold-button:focus,
.info.pricing .gold-button,
.info.pricing .gold-button:focus {
    border: none;
    border-top: 1px solid #ecc680;
    background: #e5aa3a;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5aa3a), to(#dd9100));
    background: -webkit-linear-gradient(top, #e5aa3a, #dd9100);
    background:    -moz-linear-gradient(top, #e5aa3a, #dd9100);
    background:     -ms-linear-gradient(top, #e5aa3a, #dd9100);
    background:      -o-linear-gradient(top, #e5aa3a, #dd9100);
    padding: 5px 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(170,122,64,1) 0 1px 0;
    -moz-box-shadow: rgba(170,122,64,1) 0 1px 0;
    box-shadow: rgba(170,122,64,1) 0 1px 0;
    text-shadow: rgba(147,98,20,.8) 0 1px 0;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 200;
    /* font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; */
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 10px;
    float: none;
}

.info.pricing .current-plan {
    font-size: 14px;
    display: block;
    margin-top: 14px;
    float: left;
}

.info.pricing .gold-button[restricted="1"] {
    padding-top: 2px;
}

@-moz-document url-prefix() {

    .gold-button,
    .info.pricing .gold-button {
        padding: 0 14px 2px !important;
    }

    .info.pricing .pricing-table .gold-button {
        font-size: 13px !important;
    }

    .info.pricing .popup .form .field input[type="text"],
    .info.pricing .popup .form .field input[type="password"] {
        font-weight: 200 !important;
    }

}

.gold-button:hover,
.info.pricing .gold-button:hover {
    border-top-color: #e5aa3a;
    background: #dd9100;
    color: #ffffff !important;
    text-decoration: none;
}

.simple-overlay {
    width: 390px;
    border: 3px solid #4bb9e1;
    border-radius: 7px;
    box-shadow: 0px 0px 67px #222;
    /* background: #FFF;*/
    padding: 45px 70px;
    font-size: 16px;
    text-align: center;
}

.simple-overlay h2 {
    /* color: #4bb9e1;*/
    font-weight: bold;
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.simple-overlay h2.notice {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #DFDFDF;
}

.simple-overlay h4 {
    /* color: #4bb9e1;*/
    font-weight: normal;
    font-size: 17px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    /* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif;*/
}

.simple-overlay ul {
    text-align: left;
    width: 350px;
    position: relative;
    margin: 0px auto;
}

.simple-overlay ul li {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    display: block;
    border-top: 1px solid #ededed;
}

.simple-overlay ul li:first-child {
    border-top: none;
}

.simple-overlay ul li span {
    /* background: url(../images/drivepromo/bullet.png) left center no-repeat;*/
    width: 23px;
    height: 42px;
    position: relative;
    float: left;
}

.simple-overlay ul li p {
    line-height: auto;
    font-size: 17px;
    /* color: #30334f;*/
    padding: 12px 0px 12px 10px;
}

.simple-overlay .primary-button {
    display: inline-block;
    float: none;
    position: relative;
    margin: 40px auto 10px auto;
    /* font-family: "Helvetica Neue";*/
    font-weight: bold;
    padding: 18px 39px;
}

.form-overlay {
    width: 590px;
    box-shadow: 0 0 20px #333;
    background: #FFF;
    padding: 40px;
    font-size: 16px;
    text-align: left;
}

.form-overlay h1,
.loggedin .form-overlay h1 {
    /* background-image: url('images/account/ico_acc_h1.png');*/
    background-repeat: no-repeat;
    padding-left: 55px;
    font-size: 34px;
    line-height: 35px;
    width: auto;
    text-align: left;
    border: none;
    margin-bottom: 20px;
}

.form-overlay .copyable {
    border-radius: 5px;
    /* background: #EEE;*/
    padding: 10px 20px;
    /* color: #30334f;*/
    margin: 15px 10px 15px 0px;
    display: inline-block;
    max-width: 500px;
    overflow-x: hidden;
}

.form-overlay a.btn {
    font-size: 11px;
}

#signer_code_container.form-overlay {
    width: 480px;
    box-shadow: 0 0 20px #333;
    background: #FFFFFF;
    text-align: left;
    border-radius: 3px;
    position: relative;
    padding: 0;
}

#signer_code_container.form-overlay a.close,
#fancybox-close {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url(../../images/v2/common/x@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    opacity: 0.8;
}

#message-bar-inner .message-bar-close{
    display:inherit;
}
#signer_code_container.form-overlay a.close:hover,
#fancybox-close:hover {
    opacity: 1;
}

#signer_code_container.form-overlay h1 {
    font-size: 14px;
    font-weight: 400;
    margin: 35px;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    font-weight: 600;
    line-height: 100%;
}

#signer_code_container.form-overlay .content {
    padding: 0 60px 20px 60px;
}

#signer_code_container.form-overlay p {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
}

#signer_code_container.form-overlay p.note {
    color: #A0A0A0;
}

#signer_code_container.form-overlay .footer {
    background: #F7F8F9;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#signer_code_container.form-overlay .footer > a,
#signer_code_container.form-overlay .footer > input {
    float: right;
}

#signer_code_container .signer-access-code {
    margin: 10px 0;
    width: 100%;
    border-radius: 0;
}

form div h2 + .btn {
    margin-top: 10px;
}

form div h2 label,
label.step {
    position: relative;
    font-weight: bold;
    font-size: 1.5em;
}

.border-box {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.modal #footer {
    padding-bottom: 10px;
}

.modal #footer .border-box #footer_links {
    text-align: center;
}

.modal #footer .border-box #footer_links span {
    position: relative;
    margin-right: 23px;
}

.modal #footer .border-box #footer_links span a {
    /* color: #9d9fb6;*/
    font-size: 14px;
    font-weight: bold;
}

.modal #footer .border-box .legal {
    text-align: center !important;
    clear: both;
    padding-top: 10px;
}


/* share document */

#share_document_overlay.form-overlay
{
    width: 100%;
    border: none;
    box-shadow: none;
    /* background: #FFF;*/
    padding: 11px 14px;
    font-size: 16px;
    text-align: left;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

#share_document_overlay_text {
    margin-bottom: 10px;
    line-height: 16px;
}

#share_document_overlay input[type="text"] {
    font-size: 14px;
    font-weight: 200;
    border: 1px solid #D9D9D9;
    /* color: #383D43;*/
}

#share_recipients	{
    margin-bottom: 35px;
}

#share_recipients .recipient_container {
    text-align: center;
}

#share_recipients .recipient_container input {
    display: inline-block;
    width: 80%
}

#share_document_overlay .close-link {
    margin-left: 15px;
}

#share_document_overlay p.instructions {
    font-size: 12px;
    font-weight: bold;
}

#share_document_overlay label.error {
    display: none;
    margin-top: 10px;
}

#share_document_overlay .blue-sub:focus {
    font-size: 16px;
    padding: 11px 17px;
}

/* end share document */

div.step_container h2 span {
    /* color: #A0A0A0;*/
}

div.step_container h2.recipients > span.title {
    /* color: #191919;*/
}

body.getting-started-page div.step_container h2 span {
    position: absolute;
    top: -6px;
    display: block;
    width: 27px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    /* background: url(../images/common/bg_form_h2_span.png) no-repeat;*/
    top: -2px;
}

label {
    display: block;
    font-weight: bold;
    font-size: 1.3em;
}

h2 + label {
    margin-top: 15px;
}

textarea {
    resize: none;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    outline: none;
}

label + textarea {
    margin-top: 9px;
}

#payment_form > div > div {
    padding-top: 5px;
}

#siteseal {
    display: none;
    position: absolute;
    left: 284px;
    top: -14px;
}

.tooltip, .fixed-width-tooltip {


    background: #1A1A1A;
    float: left;
    padding: 10px 10px;
    color: #E6E6E6;
    font-weight: 300;
    font-size: 10px;
    border-radius: 2px;
    line-height: 1.4em;
    z-index: 100;



}

.tooltip:after, .fixed-width-tooltip:after {
    color: black;
    content: "\25B8";
    display: block;
    font-size: 30px;
    height: 0;
    line-height: 0;
    position: absolute;
    bottom: -3px;
    left: -3px;
    text-align: center;
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100%;
}

@-moz-document url-prefix() {
    .tooltip:after, .fixed-width-tooltip:after {
        font-size: 20px;
        bottom: -6px;
    }
}

.fixed-width-tooltip {
    width: 200px;
}

.fake-link {
    /* color: #28B1CA;*/
    font-weight: bold;
}

/* Text Input */

div .shade {
    display: inline-block;
    height: 38px;
    /* background: url(../images/common/sprite_form_shade.png) no-repeat;*/
}

div .shade.c {
    background-repeat: repeat-x;
    background-position: 0 -38px;
}

div .shade.c .shade.l {
    background-position: 0 0;
}

div .shade.c .shade.l .shade.r {
    background-position: 100% -76px;
}

div .shade.c.focused {
    background-position: 0 -152px;
}

div .shade.c.focused .shade.l {
    background-position: 0 -114px;
}

div .shade.c.focused .shade.l .shade.r {
    background-position: 100% -190px;
}

textarea {
    /* font-style: normal; */
}

div input[type="text"]:focus,
div input[type="email"]:focus,
div input[type="password"]:focus {
    /*background-color: #FDFDFD;*/
}

div input[type="text"][disabled],
div input[type="email"][disabled],
div input[type="password"][disabled],
textarea[disabled],
div input[type="text"][readonly],
div input[type="email"][readonly],
div input[type="password"][readonly],
textarea[readonly]{
    /* color: #aaaaaa;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.standard {
    outline: none;
    /* font: italic 1.4em/1 Arial, sans-serif; */
    margin-top: 9px;
    /* color: #383d43;*/
    padding: 11px 10px;
    width: 228px;
    /* background: #f4f5fc;*/
    -moz-box-shadow: inset 0px 1px 1px #AAA;
    -webkit-box-shadow: inset 0px 1px 1px #AAA;
    box-shadow: inset 0px 1px 1px #AAA;
    border-radius: 2px;
    border: none;
}

div.send_doc h2 + input[type="text"],
div.send_doc h2 + input[type="password"],
div.send_doc h2 + textarea {
    margin-top: 14px;
}

div label + input[type="text"],
div label + input[type="password"],
div label + .shade.c {
    margin-top: 9px;
}

div .c .l .r input[type="text"],
div .c .l .r input[type="password"] {
    margin: 0;
    /* background: none;*/
}

div .c.focused .l .r input[type="text"],
div .c.focused .l .r input[type="password"] {
    /* font-style: normal; */
}


/* Add */

form div .add {
    display: block;
    width: 386px;
    height: 35px;
    /* color: #28b1ca;*/
    font-weight: bold;
    font-size: 1.3em;
    line-height: 35px;
    text-align: right;
    cursor: default;
}

form div .add a {
    position: relative;
    right: -1px;
    display: inline-block;
    margin: 0 1px;
    text-decoration: underline;
}

form div .add a:hover {
    text-decoration: none;
}


/* Uploading Bar */

form div .uploading {
    position: relative;
    margin-top: 30px;
    width: 341px;
}

form div .uploading em {
    display: block;
    width: 341px;
    height: 33px;
    /* color: white;*/
    font-weight: bold;
    font-size: 1.4em;
    line-height: 32.5px;
    text-shadow: #2e91a3 0 1px 2px;
    /* background: url(../images/common/bg_form_em.png) no-repeat;*/
}

form div .uploading em .arrow {
    display: inline-block;
    margin-left: 7px;
    width: 10px;
    height: 15px;
    vertical-align: middle;
    /* background: url(../images/common/ico_form_em_arrow.png) no-repeat;*/
}

form div .uploading em .bar {
    display: inline-block;
    height: 33px;
    /* background: url(../images/common/sprite_bar.png) no-repeat;*/
}

form div .uploading em .bar.l {
    background-position: 0 0;
}

form div .uploading em .bar.l .bar.r {
    padding: 0 16px;
    background-position: 100% -66px;
}

form div .uploading em .bar.l .bar.r .bar.c {
    position: relative;
    background-repeat: repeat-x;
    background-position: 0 -33px;
}

form div .uploading em .bar.l .bar.r .bar.c .pct100 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 33px;
    line-height: 32.5px;
}

form div .uploading div h3 {
    margin-left: 1px;
    padding: 9px 0 6px;
    width: 295px;
    font-weight: normal;
    font-size: 1.2em;
}

form div .uploading div h3 + span {
    display: block;
    margin-left: 1px;
    width: 295px;
    /* color: #646e79;*/
    font-size: 1.2em;
}

form div .uploading div h3 + span span {
    margin-right: 4px;
}

form div .uploading div > a {
    position: absolute;
    top: 41px;
    right: 2px;
    font-size: 1.3em;
    text-decoration: underline !important;
}

form div .uploading div > a:hover {
    text-decoration: none !important;
}


/* Uploading Success */

form div .uploading ul {
    margin-bottom: 11px;
}

form div .uploading em + div + ul {
    padding-top: 10px;
}

form div .uploading ul li {
    position: relative;
    margin-top: 19px;
    min-height: 88px;
}

form div .uploading ul li img {
    position: relative;
    float: left;
    margin-right: 30px;
    border: 1px solid #cccce3;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

form div .uploading ul li h3 {
    padding: 25px 0 6px;
    font-weight: normal;
    font-size: 1.2em;
}

form div .uploading ul li a {
    font-weight: bold;
    font-size: 1.3em;
    text-decoration: underline !important;
}

form div .uploading ul li a:hover {
    text-decoration: none !important;
}

form div .uploading ul li a + a {
    position: absolute;
    top: -6px;
    left: 59px;
    width: 19px;
    height: 19px;
    overflow: hidden;
    text-indent: -5000px;
    /* background: url(../images/send/sprite_uploading_a.png) no-repeat;*/
}

form div .uploading ul li a + a:hover {
    /*background-position: 0 -19px;*/
}

form div .uploading ul li a + a:active {
    top: -5px;
    left: 60px;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

#container {
    position: relative;
    padding: 0px 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -30px;
}

body.sign-page #container {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    min-width: 955px;
    text-align: center;
}

#container:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

body#hf.logged-out.home-page > #wrap > #container {
    /* background-image: url(../images/info/hf_home_bg.jpg);*/
}


/* 2.2 LeftBar / RightBar
------------------------------------------------------------------------------*/

#left_bar {
    float: left;
    width: 225px;
}

#right_bar {
    float: left;
}

#right_expand {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 50px;
}

/* 2.3 Header & Greet
------------------------------------------------------------------------------*/

#header {
    text-align: center;
}

#header a.logo,
.global-logo-hs,
.global-logo-hf {
    width: 123px;
    height: 33px;
    text-indent: -5000px;
    display: inline-block;
}

.logged-out.hf-logo {
    position: absolute;
    top: 2px;
    left: 40px;
    width: 133px;
    height: 47px;
    text-indent: -5000px;
}


#header a.logo.sign,
.global-logo-hs {
    padding-right: 5px;
    height: 32px;
    background-size: 100%;
}

.error-page #header a.logo.sign {
    border-radius: 3px;
}

#greet {
    position: relative;
    padding: 17px 0 10px 34px;
    font-size: 1.3em;
    line-height: 1.15;
    height: 19px;
    border: 1px solid #cccce3;
    border-bottom: 0px;
    border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
}

#greet.large {

    height: 37px;
}

#greet.large ul.greet-nav > li.nav-credits {
    padding-top: 15px;
}

body.onboarding-layout #greet {
    padding-bottom: 0;
    padding-top: 0;
}

#greet > img {
    float: left;
    margin-right: 6px;
}

#greet p {
    position: relative;
    padding-top: 4px;
    float: left;
}

#greet strong {
    display: inline-block;
    min-height: 15px;
    font-weight: bold;
}

#greet a {
    font-weight: bold;
}

#greet p a.welcome-account-link {
    font-weight: normal;
}

#greet a + a {
    text-decoration: none;
    margin-left: 5px;
}

#greet a + a:hover {
    text-decoration: underline;
}

#greet ul.greet-nav {
    position: absolute;
    top: 16px;
    right: 20px;
    padding-top: 4px;
}

#greet a.btn {
    position: relative;
    float: left;
    margin-left: 10px;
}

#greet .btn {
    /* color: #383D43;*/
    font-size: 11px;
    text-transform: none;
}

#greet ul.greet-nav > li {
    position: relative;
    float: left;
    margin-left: 30px;
    line-height: 1.15;
}

#greet ul.greet-nav > li.nav-credits a {
    /* color: #7a7b95;*/
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0px 1px 1px #FFF;
    text-decoration: none;
}

#greet ul.greet-nav > li.nav-credits a:hover {
    /* color: #3C3F5F;*/
    text-decoration: none;
}

#greet ul.greet-nav > li #upgrade_btn {
    padding: 12px 30px;
    display: inline-block;
    font-size: 16px;
}

#greet .upgrade {
    width: 435px;
    margin-top: -3px;
    margin-left: 5px;
}

#greet .upgrade span {
    display: none;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 5px;
    position: relative;
    float: left;
}

ul.greet-nav li.nav-credits > a {
    float: left;
    padding-top: 2px;
    padding-right: 5px;
}

.team-page #edit_team_name .create-only {
    display: none;
}

.team-page #edit_team_name .edit-only {
    display: inline;
}

.team-page #edit_team_name.is_creating .create-only {
    display: inline;
}

.team-page #edit_team_name.is_creating .edit-only {
    display: none;
}

.team-page #edit_team_name,
.myaccount-page #edit_team_name {
    position: relative;
    float: left;
    height: auto;
    width: 385px;
    padding: 20px;
}

.myaccount-page .leave-team {
    margin-top: 20px !important;
}

.team-page #edit_team_name strong,
.myaccount-page #edit_team_name strong {
    position: relative;
    float: left;
    clear: both;
    font-size: 16px;
}

.team-page #edit_team_name .actions,
.myaccount-page #edit_team_name .actions {
    position: relative;
    float: right;
    margin-top: 10px;
}

.team-page #edit_team_name .sub,
.myaccount-page #edit_team_name .sub {
    margin-left: 15px;
    margin-top: 0px;
}

#credits-arrow {
    z-index: 200;
    opacity: 1;
}

#greet ul.greet-nav #nav-credits #credits-arrow ul {
    box-shadow: 0px 2px 5px #CFCFCF;
}

#greet ul.greet-nav #nav-credits #credits-arrow li {
    padding-left: 10px;
    line-height: 1.5;
    font-size: 12px;
}

#greet ul.greet-nav #nav-credits #credits-arrow li.credit-row {
    padding-left: 10px;
    line-height: 1.7;
}

#greet ul.greet-nav #nav-credits #credits-arrow li.credit-separator {
    border-bottom: 1px dashed #BEC2CA;
    margin-right: 10px;
    padding-bottom: 5px;
}

#greet ul.greet-nav #nav-credits #credits-arrow li b.checkmark {
    float: left;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    position: relative;
    top: 2px;
    left: 2px;
}

#greet ul.greet-nav #nav-credits #credits-arrow li a {
    line-height: 1.5;
    padding-left: 10px;
    margin-left: -10px;
}

.hint {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

.cws-install-bar {
    height: 35px;
    text-align: left;
    border-bottom: 1px solid #e2cf85;
    top: 0px;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 0px 1px #AAA;
}

.cws-install-bar p {
    font-size: 14px;
    line-height: 35px;
    padding-left: 40px;
}

.cws-install-bar .install-btn {
    position: relative;
    float: right;
    font-size: 12px;
    line-height: 13px;
    margin-top: -31px;
    margin-right: 25px;
    cursor: pointer;
    padding: 6px 64px;
    border: 1px solid #BBB;
    border-radius: 3px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #FDFDFD;
}

.cws-install-bar .cws-close {
    position: relative;
    float: right;
    margin-top: -27px;
    margin-right: 6px;
    font-size: 20px;
}

.cws-install-bar .cws-close {
    margin-top: -32px;
}

.cws-install-bar .cws-close:hover {
    cursor: pointer;
    text-decoration: none;
}

/* 2.4 Site Navigation
------------------------------------------------------------------------------*/

#sitenav {
    position: relative;
    z-index: 1;
    clear: left;
    margin: 46px -1px 0 0;
    width: 226px;
}

#sitenav p {
    line-height: 1.5;
    font-size: 1.2em;
    padding: 5px 20px;
}

#sitenav .hr {
    border-top: 1px solid #BBBBD4;
    border-bottom: 1px solid #FFF;
    position: relative;
    float: left;
    width: 180px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 15px;
}

.restricted #sitenav p {
    padding: 5px 20px 5px 12px;
}

#sitenav ul li {
    position: relative;
    float: left;
    width: 226px;
}

#sitenav ul li a {
    position: relative;
    display: block;
    padding: 14px 0 13px 40px;
    width: 185px;
    border: solid transparent;
    border-width: 1px 0 7px 1px;
    font-weight: bold;
    font-size: 1.4em;
    text-shadow: white 0 1px 0;
}

#sitenav ul li.nav_send     			a { background-position:      0 50% }
#sitenav ul li.nav_request				a { background-position: -225px 50% }
#sitenav ul li.nav_manage 				a { background-position: -450px 50% }

#sitenav ul li span.icon {
    position: relative;
    z-index: 1;
}
#sitenav ul li a {
    z-index: 0 !important;
}

#sitenav ul li a:hover {
    text-decoration: none;
}

#sitenav ul li.cur a {
    padding: 14px 0 14px 40px;
    border: 1px solid #cccce3;
    border-right: none;
    border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    box-shadow: white 0 1px 0;
}

#sitenav ul li.cur + li a {
    border-top: 6px solid transparent;
}

#sitenav ul li.cur .r {
    position: absolute;
    right: 0;
    width: 11px;
    height: 11px;
}

#sitenav ul li.cur .tr { top:    -10px; background-position: 0     0 }
#sitenav ul li.cur .br { bottom: -10px; background-position: 0 -11px }


/* 2.5 Content
------------------------------------------------------------------------------*/

#content {
    position: relative;
    min-height: 731px;
    border: 1px solid #cccce3;
    border-top: none;
    border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
    box-shadow: white 0 1px 0;
}

.onboarding-layout #content {
    border: none;
    box-shadow: none;
}

#right_bar #content {
    min-height: 0;
}

#right_expand #content {
    padding: 0px 30px 30px 50px;
}

#content #left_panel {
    float: left;
}

#content #right_panel {
    float: right;
    margin-top: 62px;
}

#content #right_panel h5 {

}

/* 2.6 Sidebar items
------------------------------------------------------------------------------*/

div#sitenav li.category {
    font-size: 11pt;
    /* color: #aaa;*/
    margin-top:20px;
    margin-bottom: 9px;
    padding-left: 13px;
}

#left_bar .sidebar-item {
    position: relative;
    padding: 20px 0;
    width: 198px;
    text-align: center;
    border: 1px solid #cccce3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


#left_bar .sidebar-item-with-btn {
    padding-bottom: 29px;
}

#left_bar #invite.with-signature {
    padding-bottom: 20px !important;
    margin-top: 15px !important;
}

#left_bar #invite.with-signature .subitem {
    padding-bottom: 15px;
    margin-bottom: 5px;
}

#left_bar #invite.with-signature .subitem.signature {
    padding-bottom: 15px;
}

#left_bar .sidebar-item p {
    margin: 0 5px 8px;
    font-size: 13px;
    line-height: 1.34;
}

#left_bar .sidebar-item .subitem.promo p {
    font-size: 12px;
    padding-bottom: 5px;
}


#left_bar .sidebar-item .subitem.promo .btn-red {
    font-size: 14px;
    padding: 5px 11px;

}

#left_bar #fax-number-info {
    bottom: 270px;
}

#left_bar .sidebar-item .subitem {
    padding-bottom: 20px;
    border-bottom: 1px dashed #CCCCE3;
    margin: 10px;
    position: relative;
    clear: both;
    width: 176px;
}

#left_bar .sidebar-item .subitem:first-child {
    margin-top: 0px;
}

#left_bar .sidebar-item-with-btn .subitem.signature {
    display: none;
}

#left_bar .sidebar-item-with-btn .subitem.signature-cta {
    display: block;
}

#left_bar #invite .signature {
    padding-bottom: 0;
}

#left_bar #invite.with-signature .subitem.signature {
    display: block;
}

#left_bar #invite.with-signature .subitem.signature-cta {
    display: none;
}

#left_bar #invite .subitem.signature img {
    max-width: 125px;
    max-height: 60px;
}

.subitem .progress-bar-container {
    position: relative;
    float: left;
    width: 130px;
    height: 15px;
    border: 1px solid #CCCCE3;
    border-radius: 1px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0px 0px 2px #FFF;
    margin-left: 22px;
    cursor: pointer;
}

.subitem .progress-bar-container .progress-bar {
    position: relative;
    float: left;
    height: 100%;
    width: 0%;
}

.subitem #progress-text {
    display: inline;
}
.subitem .progress-bar-container h4 {
    position: absolute;
    z-index: 50;
    font-size: 11px;
    line-height: 16px;
    margin-top: -1px;
    margin-bottom: 2px;
    width: 100%;
    text-align: center;
    text-shadow: 0px 0px 4px #FFF;
}

#left_bar .sidebar-item .last {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}

/* 2.4 Footer
------------------------------------------------------------------------------*/

#footer {
    width: 100%;
    border-top: 1px solid #e2e6f6;
    bottom: 0px;
    position: relative;
    clear: both;
    text-align: center;
    margin-top: -10px;
    padding-top: 5px;
}

.loggedin #footer {
    border: none;
}

.restricted #footer {
    margin-top: 10px;
}

.about-page #footer {
    margin-top: 20px;
}

#footer .footer_container {
    width: 950px;
    position: relative;
    margin: 0 auto;
}

.loggedin #footer .footer_container {
    display: block;
    padding-left: 244px;
    padding-right: 23px;
    height: 15px;
    width: auto;
}

#footer ul.footer-nav {
    position: relative;
    float: left;
}

#footer ul.footer-nav li {
    position: relative;
    float: left;
    margin-right: 23px;
}

#footer ul.footer-nav li a {
    font-size: 13px;
    font-weight: bold;
}

#footer ul.footer-nav li a:hover,
#footer ul.footer-nav li a:active,
#footer ul.footer-nav li a:focus {
    text-decoration: none;
}

#footer .legal {
    text-align: right;
    font-size: 12px;
}

/* templates/layout.php specific */
.loggedin #right_expand #footer {
    margin-top: 0px;
}

.loggedin #right_expand #footer .footer_container  {
    min-width: auto;
}

.loggedin #right_expand #footer ul {
    left: 20px;
    margin-top: 5px;
}

.loggedin #right_expand #footer li.left {
    left: auto;
}

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Send
------------------------------------------------------------------------------*/

/* Send */

#overlay_spinner {
    padding: 40px;
    width: 305px;
}
#overlay_spinner #loader {
    float: left;
    margin-right: 20px;
    position: relative;
    top: 11px;
}
#overlay_spinner p {
    font-size: 18px;
    /* color: #333;*/
}
#overlay_spinner .error {
    display: none;
    margin-top: 15px;
}
#overlay_spinner .error p {
    font-size: 13px;
    color: #C9252C;
}
#overlay_spinner.error .error { display: block; }
#overlay_spinner.error .pending { display: none; }

#send,
#send-form {
    padding-bottom: 40px;
}

#send h1,
h1.receipts {
    font-size: 24px;
    padding: 0;
    width: 100%;
}

h1.headline {
    min-height: 39px;
    margin: 0px 0px 45px 0px;
    font-weight: 300;
    font-size: 30px;
    width: 100%;
    line-height: 80%;
}

#send hr {
    display: block;
    width: 100%;
    margin: 40px 0;
    border-color: #D8D8D8;
}

.loggedin #send h1, .loggedin h1.headline {
    border-bottom: 1px solid #CCCCE3;
    width: 636px;
}

.loggedin #send h1:first-letter {
    text-transform: capitalize;
}


.embedded-requesting #send { margin-top: 150px;   height: 95%;overflow-y: auto;}
.embedded-requesting #send #uploader_outer_container { display: none; }
.embedded-requesting #send > .form_container {
    margin: 0px auto;
    width: 670px;
}
.embedded-requesting #send > .step_container {
    margin: 20px auto;
    width: 670px;
}
.embedded-requesting #header {
    float: left;
    position: absolute;
    top: -150px;
    text-align: left;
    padding: 30px 40px;
    width: 200px;
    height: 33px;
}
.embedded-requesting #header a,
.embedded-requesting #header a h1 {
    background-image: url(../../images/common/logo@2x.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 123px !important;
    padding-right: 0px !important;
}
.embedded-requesting > .container .pending-message {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 200px;
}
.embedded-requesting .controls #backLink {
    float: left;
    position: absolute;
    top: 70px;
    left: 20px;
    z-index: 999;
}
body.embedded-requesting #send hr {
    display: none;
}
.embedded-requesting #send h1, h1.headline {
    margin: 0 0 25px 0;
    padding: 2px 0 5px 0;
}

body.no-iframe #backLink {
    display: none;
}

#send form.file_upload {
    width: auto;
    overflow: visible;
}
#send form.upload { border: none; }
#send .country_code_select {
    position: absolute;
    top: -12px;
    left: -66px;
    height: 30px;
    border: 1px solid #BBB;
    margin-top: 24px;
    outline: none;
    text-align: center;
    opacity: .7;
    display: none;
}

#send #country_code_select span {
    display: none;
}

div.uploader_container .m-button {
    margin: 5px;
}

div.uploader_container .drag {
    line-height: 36px !important;
    padding: 20px 20px 20px 66px !important;
    color: #A0A0A0 !important;
    border-style: none !important;
    border-left: 1px solid #E6E6E6 !important;
    background-image: url(../../images/v2/modules/home/draganddrop_icon_@2x.png) !important;
    background-repeat: no-repeat !important;
    background-position: 30px center !important;
    background-size: 20px !important;
    background-color: transparent !important;
    height: auto !important;
    width: auto !important;
    font-size: inherit !important;
}


.home-page div.uploader_container .drag {
    width: 113px;
}

#uploader_outer_container .file_upload_large div.uploader_container .drag {
    background-color: transparent !important;
    opacity: .5 !important;
}

.home-page .file_upload_large div.uploader_container .drag {
    width: 272px;
}

div.uploader_container .drag-border-fix {
    width: 5px;
    height: 36px;
    position: relative;
    float: left;
    margin-left: 0px;
    padding-right: 11px;
}

.file_upload_large div.uploader_container .drag-border-fix {
    display: none;
}

#uploader_outer_container .file_upload_highlight {
    background: none;
}

.file_upload_highlight div.uploader_container .drag {
    opacity: .9;
}


div.uploader_container .drag-border-fix + span {
    font-size: 1.3em;
    margin: 0 10px;
}

div.uploader_container .upload_files_button {
    position: relative;
    padding: 5px 0;
    overflow: hidden;
    display: inline-block;
}

div.uploader_container a.m-button {
    line-height: 100%;
    margin-top: 16px;
}

.m-button {
    text-decoration: none !important;
}

div.uploader_tables {
    margin: 0px;
}

table.download_files tr:first-child td, table.upload_files tr:first-child td {
    padding-top: 25px !important;
    margin-top: 0 !important;
}

.ie10 div.uploader_container input[type=file] {
    opacity: 0;
    border: none;
    top: 7px;
}

.more-options {
    position: relative;
    float: left;
    left: 1px;
}

.more-options.large {
    left: -12px;
}

.more-options > a {
    margin-top: 4px;
    padding-right: 25px;
    font-size: 13px;
    display: block;
    line-height: 19px;
}

.more-options > a:hover {
    text-decoration: none;
}

.more-options ul {
    display: none;
    position: absolute;
    left: -92px;
    top: 28px;
    box-shadow: 0 2px 5px #CFCFCF;
    border: 1px solid #BEC2CA;
    border-radius: 6px 6px 6px 6px;
    min-width: 155px;
    z-index: 999;
    padding: 10px 0px;
}

.more-options ul li a {
    display: block;
}

.more-options ul li a {
    font-size: 12px;
}

.more-options ul li:hover a {
    text-decoration: none;
}


#left {
    position: relative;
    float: left;
}

#send form > div,
div.step_container {
    margin: 18px 0 0 0px;
}

#send input[type=text],
#send input[type=email],
#send textarea {
    border-radius: 0;
    border: 1px solid #CECECE;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 300;
    height: auto;
    box-shadow: none;
    color: #1a1a1a;
    letter-spacing: 0.05em;
}

#send #tsm_group_create_template .recipient_container input,
#send #tsm_group_create_template .action-buttons,
#send #tsm_group_send .recipient_container input,
#send #tsm_group_send .action-buttons,
#send .step_custom_message input,
#send .step_custom_message textarea {
    width: 450px;
}

div.step_container div.sub_step {
    margin-top: 15px;
}

div.step_container div.sub_step:last-of-type {
    margin-top: 30px;
}

#send input.error {
    border: 1px solid #C9252C;
}

#send .form-error {
    background-color: #FFFCEB;
    border-radius: 5px;
    border: 1px solid #CECECE;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    box-shadow: none;
    color: #4E4E4E;
    letter-spacing: 0.05em;
    display: none;
    margin-top: 10px;
}

#send .form-error .form-error__text,
#send .form-error .form-error__remove {
    display: inline-block;
    vertical-align: middle;
}

#send .form-error .form-error__remove {
    cursor: pointer;
    margin-left: 5px;
    margin-top: 1px;
    float: right;
    color: #CECECE;
}

div.step_container h2 {
    font-size: 15px;
    font-weight: 300;
    color: #4E4E4E;
    margin-bottom: 10px;
}

div.step_container h2.recipients {
    float: left;
    width: 455px;
}

.action-buttons #assignOrderArea {
    display: none;
    text-align: left;
    margin: 10px 0;
}

.action-buttons #assignDelegateableArea {
    text-align: left;
    margin: 10px 0;
}

.step_container.ordered ~ .action-buttons #assignOrderArea,
.step_container.ordered ~ .action-buttons #assignDelegateableArea {
    left: 20px;
}

#tsm_group_send_template .step_container.ordered ~ .action-buttons #assignOrderArea,
#tsm_group_create_template .step_container.ordered ~ .action-buttons #assignOrderArea,
#tsm_group_send_template .step_container.ordered ~ .action-buttons #assignDelegateableArea,
#tsm_group_create_template .step_container.ordered ~ .action-buttons #assignDelegateableArea {
    left: 0px !important;
}

.action-buttons #assignOrderCheckbox,
.action-buttons #assignDelegateableCheckbox {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 0;
}

.action-buttons #assignOrderLabel,
.action-buttons #assignDelegateableLabel {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    margin-left: 5px;
}

div.send_doc .files_more_area {
    float: right;
    width: 200px;
    margin: 20px 0 0;
}

.files_more_area {
    line-height: 12px;
}

.sendtemplate-page div.send_doc div.form_container h2 {
    float:left;
    width: 350px;
}

.sendtemplate-page div.send_doc div.form_container h2.recipients {
    width: 387px;
}

.sendtemplate-page div.send_doc .files_more_area {
    margin-top: 0px;
    position: relative;
    top: -5px;
    left: -11px;
    float: right;
}

div.send_doc div.step_container input.recipient:first-child {
    margin-bottom: 0px;
}

div.send_doc div.step_container input.recipient.additional {
    margin-top: 0px;
}

div.send_doc div.step_container input.recipient-name {
    display: none;
}

/* Email / Fax number fields */
div.send_doc div.step_container div.recipient_container input {
    display: inline-block;
    width: 300px;
    margin-right: 10px;
}

div.send_doc #tsm_group_send div.step_container div.recipient_container.recipient input.recipient-name {
    display: none;
}

div.send_doc div.step_container input.recipient-name.top_offset {
    top: 0;
}

div.send_doc .vertical-spacer {
    height: 5px;
}

.add_signer_link,
.add_role_template_link {
    background: url(../../images/v2/modules/home/addrecipient_plus_@2x.png) 9px center no-repeat;
    background-size: 16px;
    border: 1px dashed #CECECE;
    color: #A0A0A0;
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px 12px 10px 32px;
    text-align: left;
    width: 100%;
    outline: none;
}

.add_signer_link:hover,
.add_role_template_link:hover {
    text-decoration: none !important;
    border-color: #A0A0A0;
}

.add_signer_link.split_recipients,
.add_role_template_link.split_recipients {
    margin-bottom: 30px;
}

div.send_doc div.recipient_container.cc input.cc {
    width: 615px;
}

div.send_doc div.step_container div.recipient_container {
    margin: 0px;
    float: left;
    position: relative;
    z-index: 999;
}

div.send_doc div.step_container div.recipient_container span.field_type {
    height: 36px;
    width: 20px;
    font-size: 14px;
    font-weight: 400;
    display: none;
    color: #AAA;
    float: right;
    text-align: center;
}

div.send_doc div.step_container div.recipient_container span.field_type.recipient {
    display: none;
}
div.send_doc div.step_container div.recipient_container span.field_type.cc  {
    display: none;
}

div.send_doc div.step_container div.recipient_container span.field_type span.type_container {
    height: 100%;
    width: 20px;
    display: none;
}

div.send_doc div.step_container div.recipient_container span.field_type span.type_signer span {
    position: relative;
    top: 12px;
    left: 0px;
}
div.send_doc div.step_container div.recipient_container span.field_type.recipient span.type_signer {
    display: inline;
}

div.send_doc div.step_container div.recipient_container span.field_type span.type_cc span {
    position: relative;
    top: 12px;
    left: 0px;
}
div.send_doc div.step_container div.recipient_container span.field_type.cc span.type_cc {
    display: inline;
}

div.send_doc div.step_container div.recipient_container span.field_arrows {
    float: right;
    height: 36px;
    width: 20px;
    display: none;
}

div.send_doc div.step_container.ordered div.recipient_container span.field_arrows {
    display: inline;
}

#tsm_group_send_template div.recipient_container span.field_arrows {
    display: none;
}

div.send_doc div.step_container div.recipient_container span.field_arrows span {
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    width: 18px;
    height: 18px;
    filter: alpha(opacity = 70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

div.send_doc div.step_container div.recipient_container span.field_arrows span:hover {
    cursor: pointer;
    filter: alpha(opacity = 100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

div.send_doc div.step_container div.recipient_container span.field_arrows span.up {
    background-image: url(../../images/v2/modules/home/signerorder_up_@2x.png);
    margin-bottom: 1px;
}

div.send_doc div.step_container div.recipient_container span.field_arrows span.down {
    background-image: url(../../images/v2/modules/home/signerorder_down_@2x.png);
}

div.signer-access-code {
    cursor:pointer;
    display: inline-block;
    width: 14px;
    height: 36px;
    background-image: url(../../images/v2/modules/home/lock_inactive_@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
}

div.signer-access-code.locked {
    background-image: url(../../images/v2/modules/home/lock_active_@2x.png);
}

div.signer-lock {
    background-repeat: no-repeat;
    position: relative;
    top: 18px;
    left: 80px;
    width: 15px;
    height: 19px;
}

#code_errors label.error {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: normal;
}

div.send_doc div.step_container div.recipient_container span.deleteIcon {
    background: url(../../images/v2/modules/home/x_icon_@2x.png);
    background-size: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

#tsm_group_request div.step_container div.recipient_container span.deleteIcon {
    top: -29px;
}

#tsm_group_request input.recipient.top_offset[has_self_req_info_bubble] ~ span.deleteIcon {
    top: -28px !important;
    left: 161px;
}

.ie10 .send_doc .step_container .recipient_container .deleteIcon {
    top: 10px !important;
}

@-moz-document url-prefix() {
    div.send_doc div.step_container div.recipient_container span.field_type span.type_cc span {
        top: 13px;
    }
    #tsm_group_request 	div.step_container div.recipient_container span.deleteIcon,
    div.send_doc		div.step_container div.recipient_container span.deleteIcon.top_offset,
    div.send_doc 		div.step_container div.recipient_container span.deleteIcon {
        top: 20px;
    }

    .embedded-requesting #tsm_group_request div.step_container div.recipient_container span.deleteIcon,
    .loggedin #content   #tsm_group_request div.step_container div.recipient_container span.deleteIcon,
    .loggedin #content   div.send_doc       div.step_container div.recipient_container span.deleteIcon.top_offset,
    .loggedin #content   div.send_doc       div.step_container div.recipient_container span.deleteIcon {
        top: 11px;
    }
}

div.send_doc div.step_container div.recipient_container span.deleteIcon:hover {
    background-repeat: no-repeat;
}

div.send_doc div.step_container div.has_recipient_label {
    width: 100%;
    margin-bottom: 10px;
}

div.send_doc div.step_container div.has_recipient_label span.deleteIcon {
    top: 21px !important;
    left: -70px;
}

div.send_doc  .recipient_role {
    font-size: 15px;
    font-weight: 400;
    clear: both;
    margin-bottom: 5px;
}

div.send_doc div.step_container span.warningBubble {
    float: right;
    position: absolute;
    width: 226px;
    height: 115px;
    display: none;
    z-index: 999;
    margin-left: 5px;
    background: #F7F8F9;
    box-shadow: 0 0 10px #ccc;
}

div.send_doc div.step_container span.warningBubble.info {
    position: absolute;
    top: -28px;
    left: 381px;
}

div.send_doc div.step_container div.recipient_container.has_recipient_label span.warningBubble.info { left: 165px; }
div.send_doc div.step_container span.warningBubble.leftAlignShift { left: 515px;  }

p.multiplier_warning {
    background: #FFFDED;
    color: #A0A0A0;
    margin: 20px 0;
    font-size: 12px;
    font-weight: 300;
    display: block;
    padding: 5px 15px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    text-shadow: 0px 1px 1px white;
    float: left;
    clear: both;
}
p.async_error {
    margin: 20px 0px 10px 0px;
    font-size: 12px;
    display: inline-block;
    padding: 5px;
    border: 1px solid #CCCCE3;
    border-radius: 4px;
    text-shadow: 0px 1px 1px white;
}

div.step_container span.warningBubble span.close {
    float: right;
    position: relative;
    top: 10px;
    left: -18px;
    font-size: 12px;
    cursor: pointer;
}

div.step_container span.warningBubble.info span.message {
    top: 6px;
    line-height: 1.2em;
}

div.step_container span.warningBubble span.message {
    float: left;
    clear: both;
    position: relative;
    left: 30px;
    top: 15px;
    font-size: 12px;
    line-height: 16px;
    width: 160px;
    display: block;
}

div.step_container span.warningBubble span.upgradeLink {
    position: relative;
    left: 30px;
    top: 23px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    max-width: 170px;
}

div.step_container span.warningBubble span.upgradeLink.active {
    font-size: 14px;
    cursor: pointer;
}

div.step_container span.warningBubble span.upgradeLink.active:hover {
    text-decoration: underline;
}

div.recipient_container span.destination {
    text-transform: capitalize;
    position: absolute;
    top: 13px;
    right: 460px;
    font-size: 13px;
    font-weight: bold;
    display: none;
    height: 14px;
}

div.recipient_container span.destination .destination_text {
    text-transform: uppercase;
    color: #F59600;
    text-align: right;
    font-size: 11px;
    font-weight: 600;
}

div.recipient_container span.destination a {
    text-transform: none;
    color: #4c4c4c;
    font-weight: 600;
}

ul.ui-autocomplete {
    position: absolute;
    border: solid 1px #BBB;
    font-size: 12px;
    min-width: 250px;
    z-index: 1000;
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: white;
}

ul.ui-autocomplete li.ui-menu-item a {
    float: left;
    clear: both;
    width: 100%;
    cursor: pointer;
    padding: 6px 12px !important;
}

ul.ui-autocomplete li.ui-menu-item a.ui-state-hover {
    text-decoration: none;
    border: none;
}

/*
ul.ui-autocomplete li.ui-menu-item a span.content {
    float: left;
    padding: 5px;
}
*/

ul.ui-autocomplete li.ui-menu-item a.ui-corner-all {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

ul.ui-autocomplete li.ui-menu-item.last {
    border-bottom: dotted 1px #ccc;
}

ul.ui-autocomplete span.import {
    float: left;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
}

ul.ui-autocomplete span.import.with-border {
    border-top: dotted 1px #CCC;
}

ul.ui-autocomplete span.import:hover {
    text-decoration: underline;
}

ul.ui-autocomplete span.import span.inner {
    float: left;
    padding: 5px;
}

div.recipient_container span.multiple_destinations {
    cursor: pointer;
    background-image: url(../../images/v2/common/down_arrow_@2x.png);
    background-size: 13px 9px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px;
}

div.recipient_container span.multiple_destinations .destination_option {
    display: none;
}

div.recipient_container span.showing_destination_picker .destination_option {
    cursor: pointer;
    display: block;
    padding: 7px 15px;
    border: 1px solid #E6E6E6;
    font-weight: 500;
    margin-bottom: -1px;
    background: white;
    font-size: 12px;
    min-width: 280px
}

div.recipient_container span.showing_destination_picker .destination_option:hover {
    background-color: #F7F8F9;
}

div.recipient_container span.showing_destination_picker .destination_text {
    margin-bottom: 7px;
}

div.recipient_container span.showing_destination_picker .selected {
    font-weight: bold;
    background-color: #F7F8F9;
}

div.recipient_container span.showing_destination_picker div {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
}

div.send_doc div.step_container div.recipient_container .recipient_label {
    width: 123px;
    position: relative;
    float: left;
    font-size: 12px;
    line-height: 13px;
    margin-top: 22px;
    text-align: left;
}

#tsm_group_send div.step_container div.recipient_container .recipient_label,
#tsm_group_request div.step_container div.recipient_container .recipient_label {
    display: none;
}

div.send_doc div.step_container div.recipient_container .recipient_label_sub {
    display:none;
}

div.send_doc div.step_container div.recipient_container .recipient_label span {
    position: absolute;
    left: 0px;
    top: 13px;
    font-size: 10px;
    /* font-style: italic; */
    text-transform: none;
}

div.send_doc div.step_container div.recipient_container .recipient_label span.signer_card {
    margin-right: 5px;
    font-weight: bold;
    position: initial;
    font-size: 12px;
    /* font-style: normal; */
}

#tsm_group_request_frmUploader,
#tsm_group_send_frmUploader,
#tsm_group_create_template_frmUploader {
    margin-top: 20px;
}

#tsm_group_send_template_frmUploader {
    display: none;
}

#tsm_group_send_submit {
    display: block;
    float: left;
    clear: both;
}

.sendtemplate-page #request_message,
.sendtemplate-page #request_subject {
    width: 450px;
}

#send textarea#request_message {
    height: 100px;
}

#send form div.uploader_container {
    border: 1px solid #CECECE;
    background: #F2F2F2;
    padding: 15px 35px;
    overflow: hidden;
    display: inline-block;
}

#send form div.uploader_container > * {
    display: inline-block;
    vertical-align: top;
}

#send form div.uploader_container .my_templates a {
    color: #808080;
    border: solid 1px #CECECE !important;
}

#send form div.action-buttons {
    position: relative;
    float: left;
    clear: both;
    text-align: right;
    margin-top: 0;
    padding: 0;
    width: 615px;
    font-size: 14px;
    text-decoration: none;
    color: #a4a4a4;
}

#send form div.action-buttons .add_cc_link {
    color: #808080;
    outline: none;
}

#send form div.action-buttons > span {
    cursor: pointer;
    position: relative;
    text-decoration: none;
}

#send form div.action-buttons span:hover {
    text-decoration:underline;
}

table.download_files tr,table.upload_files tr {
    padding: 10px 0;
    display: table-row;
}

table.upload_files .ui-progressbar .ui-progressbar-value {
    margin: 0;
}

table.download_files tr td {
    padding: 7px 20px 0px 0px;
}

table.upload_files tr td {
    padding: 25px 4px 15px 0px;
}

table.upload_files td.filename {
    padding-right: 30px;
}


td.edit_link_container {
    vertical-align: middle;
}

.loggedin table.download_files tr td.edit_link_container, .loggedin table.download_files tr td.edit_link_placeholder {
    padding-right: 230px;
    margin-top: 29px;
}

td.edit_link_container span.title, td.edit_link_placeholder span.title {
    display: block;
    float: left;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #A1A1A1;
    padding: 12px 5px 10px 30px;
    background-image: url(../../images/v2/modules/home/document_icon_@2x.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}

.uploader_tables tr td.edit_link_container, table.download_files tr td.edit_link_placeholder {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.uploader_tables .file-progress-status,
.uploader_tables .filename {
    color: #A0A0A0;
    font-size: 13px;
    display: block;
}

.uploader_tables .remove {
    cursor: pointer;
    vertical-align: middle;
    margin: 12px 4px;
}

.uploader_tables  tbody.ui-sortable tr td.edit_link_container {
    cursor: move;
}

.uploader_tables  tbody.ui-sortable.ui-sortable-disabled tr td.edit_link_container {
    cursor: default;
}

.uploader_tables .ui-progressbar,
div.loading_message div.progress_bar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    /* float: left; */
    /* clear: both; */
    width: 400px;
    height: 6px;
    font-size: 11px;
    line-height: normal;
    border-radius: 0;
    margin: 5px 0;
    border: 1px solid #D9D9D9;
}

.uploader_tables .ui-progressbar .ui-progressbar-value,
div.loading_message div.progress_bar.ui-progressbar .ui-progressbar-value {
    background: #00B3E6;
    border-radius: 0;
    border-style: none;
    margin: 0;
}

table.download_files.inline tr {
    float: left;
    display: inline;
    padding-right: 30px;
    width: 150px;
}

table.download_files.inline tr td.thumbnail_container {
    padding: 15px 0px 0px 0px;
}

table.download_files.inline tr td.edit_link_container {
    padding: 0px;
}

table.download_files.inline tr td.edit_link_container > span {
    margin-top: 0px;
}

div.uploader_tables div.prepare-hint {
    position: relative;
    width: 226px;
    height: 97px;
    top: -40px;
    left: 100px;
}
div.uploader_tables div.prepare-hint div.title {
    font-size: 20px;
    position: relative;
    left: 15px;
    top: 20px;
    float: left;
}
div.uploader_tables div.prepare-hint div.msg {
    font-size: 12px;
    width: 180px;
    position: relative;
    top: 23px;
    left: 40px;
    float: left;
}

.uploader_tables .doc_thumbnail,
.uploader_tables .spinner {
    visibility: hidden;
}

.uploader_tables .edit_link {
    padding: 7px 15px 5px 15px;
    margin: 5px 0;
    display: block;
    float: left;
    clear: both;
}

tr.format-landscape td,
tr.format-portrait td {
    padding-top: 0px !important;
}
tr.format-landscape,
tr.format-portrait {
    padding: 0 !important;
}

table.download_files tbody.ui-sortable tr td.thumbnail_container {
    cursor: move;
}

table.download_files tbody.ui-sortable.ui-sortable-disabled tr td.thumbnail_container {
    cursor: default;
}

.ui-sortable-helper td.thumbnail_container {
    position: relative;
    float: left;
}

.ui-sortable-helper td.edit_link_container {
    position: relative;
    float: left;
}

table.download_files .ui-state-highlight {
    height: 110px;
    min-width: 150px;
}

div.send_high_res_fax {
    margin: 30px 0;
}

input#send_high_res_fax {
    margin: 0;
    vertical-align: middle;
}

input#send_high_res_fax + label.send_high_res_fax_label {
    font-size: 13px;
    display: inline;
    margin: 0 5px;
    font-weight: normal;
    line-height: 100%;
    vertical-align: middle;
}

label.error,
span.error,
div.send_doc label.error,
div.send_doc label.error_custom {
    cursor: text;
    font-size: 13px;
    line-height: 14px;
    text-align: left;
    clear: left;
    margin: 20px 0;
    color: #C9252C;
    font-weight: 300;
}

div.send_doc div.row label.error
{
    margin: 5px;
}

label.success {
    color: #A2BF00;
}

#recipient_1_error {
    text-align: center;
}
label.error a {
    text-decoration: underline;
}

div.auth_complete_message {
    padding: 20px;
    width: 275px;
    text-align: center;
    border: 1px solid #cccce3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 2px 5px #CFCFCF;
    margin: 0px auto 40px;
    position: relative;
    top: 40px;
}

div.auth_complete_message p {
    font-size: 11pt;
    margin: 0px 0px 20px 0px;
}

ul#upload_more li {
    list-style-position: inside;
}

ul#upload_more li a {
    padding: 9px 10px 9px 40px;
}

.external_service_items {
    position: relative;
    clear: both;
    width: auto;
    margin: 29px 30px 10px 20px;
    display: inline-block;
}

.external_service_items a {
    height: auto;
    display: inline-block;
    text-indent: -9999px;
}

.external_service_items > div {
    position: relative;
    display: inline-block;
}

.external_service_items > div a {
    padding: 10px 0px 10px 30px;
    width: 0;
    height: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#uploader_outer_container .external_service_items > div.my_templates.pull-right {
    float: right;
    margin-top: -9px;
    margin-left: 10px;
    padding: 0px;
    padding-right: 5px;
}

#uploader_outer_container .external_service_items > div.my_templates.pull-right a {
    padding: 0px 10px;
}

#uploader_outer_container .external_service_items.send-template {
    top: -8px;
    padding-right: 152px;
}

ul#upload_more li.my_templates a {
    background: url(../images/common/ico_my_templates.png) 10px 5px no-repeat;
}

ul#upload_more li.create_template a {
    background: url(../images/common/ico_create_template.png) 11px 6px no-repeat;
}

ul#upload_more li.google a,
#uploader_outer_container div.google a {
    background-image: url(../../images/v2/modules/home/integrations/drive_icon_@2x.png);
}

ul#upload_more li.dropbox a,
#uploader_outer_container div.dropbox a {
    background-image: url(../../images/v2/modules/home/integrations/dropbox_icon_@2x.png);
}

ul#upload_more li.box a,
#uploader_outer_container div.box a {
    background-image: url(../../images/v2/modules/home/integrations/box_icon_@2x.png);
}

ul#upload_more li.evernote a,
#uploader_outer_container div.evernote a {
    background-image: url(../../images/v2/modules/home/integrations/evernote_icon_@2x.png);
}

ul#upload_more li.skydrive a,
#uploader_outer_container div.skydrive a {
    background-image: url(../../images/v2/modules/home/integrations/onedrive_icon_@2x.png);
}

#uploader_outer_container div.skydrive a {
    width: 7px;
}

#uploader_outer_container div.my_templates {
    margin-top: 4px;
    width: auto;
    display: inline-block;
}

#uploader_outer_container div.btn-replacement a {
    padding: 0px;
    font-size: 10px;
}

#uploader_outer_container div.my_templates a:hover {
    text-decoration: none;
}


div#template_area li.template {
    list-style: none;
}

h2.my_templates .ico {
    height: 21px;
    width: 19px;
    float: left;
    display: block;
    padding-right: 10px;
}

h2.my_templates {
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}


#external_auth {
    width: 350px;
    margin: 25px auto;
}

#external_auth h2 {
    font-size: 2.0em;
    font-weight: bold;
}

#external_auth.google {
    margin: 0px auto;
}

#external_auth.google p img.logo {
    float: left;
    position: relative;
}

#external_auth.google p {
    float: left;
    width: 100%;
}

#external_auth.google p span.logo_text.G {
    float: left;
    position: relative;
    top: 15px;
    left: -10px;
    font-size: 22px;
    font-weight: bold;
    display: inline;
}

#external_auth.skydrive img.logo {
    width: 220px;
}

#external_auth input[type='checkbox'] {
    float: left;
    margin-right: 10px;
    margin-top: -1px;
}


#external_auth label {
    font-weight: normal;
}

#external_auth p {
    margin: 20px auto;
}

#external_auth p.button_container {
    margin-top: 25px;
}

#external_auth .auth_text, #box_reverse_auth_area .auth_text {
    font-size: 13px;
    line-height: 20px;
}

#external_auth.skydrive .skydrive-warning-msg {
    font-size: 12px;
    width: 400px;
}

#external_auth .logo_text {
    font-size: 40px;
    font-weight: bold;
}

#external_auth_cta {
    padding: 33px 25px;
    font-size: 14px;
}

#external_auth_cta .content-area {
    padding-left: 31px;
    padding-right: 31px;
    padding-bottom: 16px;
}

#external_auth_cta h2{
    font-size: 18px;
    font-weight: bold;
}

#external_auth_cta .line {
    width: 100%;
    height: 1px;
    /*background-color: #404040;*/
    margin-bottom: 29px;
}

#external_auth_cta .logo {
    max-width: 172px;
}

#external_auth_cta .auth-text {
    margin-top: 24px;
    margin-bottom: 38px;
}

#external_file_area, #template_area {
    overflow: auto;
    height: 200px;
    margin: 25px 25px 15px 25px;
}

#external_file_area {
    padding: 10px;
}

#box_reverse_auth_area {
    padding: 10px;
    margin: 25px;
}

#box_reverse_auth_area h1 {
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 20px;
}

#box_reverse_auth_area p.button_container {
    float: right;
    margin-top: 40px;
}

#template_area {
    margin: 10px 20px;
    padding: 0;
}

#template_area img.spinner {
    float: left;
    position: absolute;
    left: 237px;
    top: 122px;
    z-index: 9999;
}

#template_area div.spinner_overlay {
    float: left;
    width: 498px;
    height: 220px;
    position: absolute;
    top: 66px;
    /*background-color: #666;*/
    opacity: 0.2;
    left: 26px;
    z-index: 9999;
}

#template_error {
    margin: 10px 0px 10px 25px;
    /* color: red;*/
    font-size: 12px;
}

#template_area li > a,
#template_area li > a:visited  {
    /* color: #3C3F5D;*/
}
#template_area li:hover > a {
    text-decoration: none;
}

#template_area .user_education {
    font-size: 16px;
}

#template_area.no-templates {
    border: none;
}

#external_file_area .spinner {
    margin: 84px auto;
    display: block;
}

#external_file_area .error {
    font-size: 12pt;
    margin-top: 60px;
    width: 100%;
    text-align: center;
}

img.external_logo {
    margin-top: 12px;
    margin-left: 25px;
}

img.external_logo.K {
    margin-top: 8px;
    position: relative;
    top: 5px;
}

img.external_logo.E {
    width: 100px;
}

img.external_logo.G {
    height: 25px;
    position: relative;
    left: -8px;
}

p.external_logo_text {
    display: none;
}

p.external_logo_text.G {
    float: left;
    position: relative;
    top: -22px;
    left: 54px;
    font-size: 18px;
    font-weight: bold;
    display: inline;
}

#external_buttons {
    text-align: right;
}

#external_file_area > div,
#template_area li {
    cursor: pointer !important;
    list-style-position: inside;
    font-size: 11pt;
    vertical-align: top;
    padding: 5px 0px;
}

#external_file_area .parent {
    cursor: pointer;
    list-style-image: url(../images/common/ico_parent.png);
    font-size: 11pt;
}

#external_file_area .folder {
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 25px;
}

#external_file_area .file {
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 25px;
}

#external_file_area .paging-link {
    float: left;
    margin: 10px 0px 5px;
    width: 100%;
    text-align: center;
    font-size: 13px;
}

#external_browser #not-supported-msg {
    margin-left: 25px;
    display: none;
}


/* Learn more about high res faxes */
#learn_more_high_res_popup {
    font-size:14px;
    margin:10px;
    text-align: left;
}

#learn_more_high_res_popup h1 {
    margin-bottom: 10px;
    margin-left: -6px;
    padding: 2px 0 11px 52px;
    min-height: 39px;
    font-size: 28px;
    border-bottom: 1px solid #cccce3;
}

#learn_more_high_res_popup h1 span {
    /* font-style: italic; */
}

#learn_more_high_res_popup .step_container {
    margin-bottom: 30px;
    width: auto;
}

#learn_more_high_res_popup .center_container {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#learn_more_high_res_popup .step_container h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: -5px;
}

#learn_more_high_res_popup .step_container h2 u {
    text-decoration: none;
    /* font-style: italic; */
}

#learn_more_high_res_popup .how-does-it-work {
    font-size: 17px;
}

#learn_more_high_res_popup p {
    margin-left: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 300;
}

#learn_more_high_res_popup ol {
    list-style-type: decimal;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 300;
}

span.learn_more_high_res_num {
    margin:0px 5px 0px 0px;
}

div.learn_more_high_res_item {
    margin: 10px 0px;
}

div.learn_more_high_res_footer {
    font-size:12px;
    /* font-style:italic; */
    margin-top:40px;
}

/* HighResolution fax access form */
.highres_access div.header {
    margin:30px 0px 20px 0px;
    font-size:14px;
}
.highres_access div.input_field {
    margin:0px 0px 10px 0px;
}
.highres_access label {
    font-size: 12px;
}
.highres_access form {
    float: left;
    margin-top: 40px;
}
.highres_access input {
    width: 253px;
    height: 20px;
    padding: 3px 5px;
    font-size: 12px;
    border: 1px solid #afafaf;
}
.highres_access span#submit_button {
    width: 263px;
    height: 63px;
    display: block;
    border: none;
    cursor: pointer;
    float:left;
}
.highres_access span#submit_loader {
    position: relative;
    top: 10px;
    left: 10px;
    display:none;
}
.highres_access div#form_err {
    display: block;
    margin: 0px 0px 10px 5px;
    font-size: 12px;
    clear: both;
    float: left;
    width: 100%;
}
.highres_access div#form_success, .highres_access div#form_already_known {
    width: 375px;
    float: left;
    font-size: 12px;
}
.highres_access div#form_success p {
    margin: 10px 0px;
}
.highres_access div.err_msg_box {
    font-size: 11px;
}

/* New feature popup */
div.new_feature_popup_container {
    margin:5px;
}
div.new_feature_popup_container a {
    font-size:12px;
}
h1.new_feature_popup_title {
    font-weight: bold;
    margin-bottom: 5px;
    /* font: 24px "Helvetica Neue Light", sans-serif; */
}
div.new_feature_popup_header {
    margin: 5px 0px 20px 0px;
    font-size: 14px;
}
div.feature_row {
    padding: 5px 10px 5px 10px;
    margin-bottom: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div.feature_row.hidden {
    display:none;
}
div.feature_name {
    font-weight:bold;
    font-size:16px;
    margin-bottom: 3px;
}
div.feature_descr {
    font-size:12px;
    max-width:600px;
    line-height: 1.34;
}
span.feature_link {
    margin-left:2px;
}
div.new_feature_popup_bottom {
    margin: 20px 0px 20px 0px;
}
div.new_feature_popup_bottom a {
    font-size: 16px;
}

/* Onboarding */
#message-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    background-color: #E6E6E6;
    text-align: center;
    margin: auto;
    padding: 4px 40px;
}

#message-bar p {
    font-size: 13px;
}

#message-bar span#onboarding-cta-button-container {
    margin-left: 20px;
}

#message-bar button.m-button.m-button--onboarding-cta {
    padding: 8px 20px;
    font-size: 12px;
}

@keyframes orangePulse {
    from { box-shadow: 0 0 9px #FC7106; }
    50% {  box-shadow: 0 0 18px #FC7106; }
    to {   box-shadow: 0 0 9px #FC7106; }
}


@-webkit-keyframes orangePulse {
    from { box-shadow: 0 0 9px #FC7106; }
    50% {  box-shadow: 0 0 18px #FC7106; }
    to {   box-shadow: 0 0 9px #FC7106; }
}

@-moz-keyframes orangePulse {
    from { box-shadow: 0 0 9px #FC7106; }
    50% {  box-shadow: 0 0 18px #FC7106; }
    to {   box-shadow: 0 0 9px #FC7106; }
}

#message-bar .left-col {
    width: 45%;
    margin-right: 4%;
    display: inline-block;
    float: left;
}

#message-bar .right-col {
    width: 48%;
    display: inline-block;
    float: right;
    position: relative;
}

/* Send Demo */
#message-bar.send-demo {
    background: #F7F8F9;
    padding: 0;
    text-align: left;
}

#message-bar.send-demo #message-bar-inner {
    width: 1180px;
    margin: 0 auto;
    padding: 20px 0;
}




#message-bar.send-demo .left-col {
    display: block;
    width: auto;
    float: none;
    margin-right: 0;
}

#message-bar.send-demo .right-col {
    display: block;
    width: auto;
    float: none;
    position: relative;
}

#message-bar.send-demo h1#head {
    font-size: 24px;
    font-weight: 300;
    color: #4E4E4E;
    margin-bottom: 5px;
}

#message-bar.send-demo p#text {
    font-size: 15px;
    font-weight: 300;
    color: #4E4E4E;
    line-height: 120%;
}

#message-bar.send-demo #navigation-buttons {
    margin-top: 10px;
}

#set-password h2 {
    font-size: 33px;
}

#set-password p {
    font-size: 14px;
    line-height: 15px;
    margin-top: 15px;
}

#set-password form {
    margin-top: 20px;
}

#set-password .submit-row {
    width: 731px;
    position: relative;
    margin: 15px 0;
    float: left;
}

#set-password .submit-row a {
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    margin: 7px 10px 0;
}

/* Invite popup */

#frmInviteFriend {
    margin: 10px auto;
}

#frmInviteFriend ul.error_list {
    width:100px;
    float:left;
}

input#invite_email_address {
    height: 20px;
    width: 270px;
    padding: 3px 5px;
    font-size: 12px;
    border: 1px solid #afafaf;
}

input#send_invite {
    width: 161px;
    height: 48px;
    margin: 8px 15px 0 0;
    float: right;
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: none;
}

div#invite_friends_popup {
    font-size: 1.3em;
}

div#invite_friends_popup div.clear {
    font-size: 1.3em;
}

div#invite_friends_popup div.half_box {
    width:300px;
    height:110px;
    /*background-color:#eee;*/
    border:1px solid #ddd;
    text-align:left;
    padding:10px;
}

div#invite_friends_popup h1{
    padding: 2px 0px 0px 0px;
    min-height: 39px;
    /* font: 2.8em/1.2 "Helvetica Neue Light", sans-serif; */
}

div#invite_friends_popup h2 {
    font-size: 24px;
    line-height: 24px;
}


/* Cover page modal styles */
div.cover_page_builder {
    text-align: left;
}

div.cover_page_builder textarea {
    margin-top: 0;
}

div.cover_page_builder textarea#cover_page_to,
div.cover_page_builder textarea#cover_page_from {
    padding: 11px 10px;
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

div.cover_page_builder #cover_page_builder_doc_title {
    margin: 5px 0px 0px 5px;
}

div.cover_page_title {
    margin-bottom:10px;
}

div.cover_page_builder {
    padding: 10px 50px;
}

div.cover_page_builder h4 {
    line-height:20px;
    font-size:17px;
}

div.cover_page_builder div.action-buttons {
    position: relative;
    float: right;
    text-align: right;
    margin: 26px 26px 0px 0px;
}

div.cover_page_builder div.action-buttons a {
    margin-left: 10px;
    cursor: pointer;
}

#cover_page_message {
    height: 100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

div.cover_page_builder #cancel_cover_page {
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

div.cover_page_builder #cancel_cover_page:hover {
    text-decoration: none;
}

div.cover_page_builder label {
    font-size: 14px;
    font-weight: 400;
}

.charge-alert-msg {
    padding: 10px;
}

.charge-alert-msg h4 {
    font-size: 27px;
}

.charge-alert-msg p {
    float: left;
}

.charge-alert-msg div.right {
    float: left;
    width: 175px;
    border-left: 1px solid #666;
    padding: 0 10px 0;
    height: 210px;
    font-size: 10px;
    line-height: 16px;
}

.charge-alert-msg div.left {
    float: left;
    width: 370px;
    padding-right: 10px;
    padding-bottom: 30px;
}

.charge-alert-msg .left p {
    font-size: 19px;
    line-height: 23px;
    padding: 5px 0;
    margin-bottom:24px;
}

.charge-alert-msg .small-font p {
    font-size: 16px;
}

.charge-alert-msg .right p {
    padding: 5px 0;
    font-size: 14px;
    line-height: 18px;
}

.charge-alert-msg .left div {
    text-align: center;
}

/* annoying selector stacks because 3.5 One Time Payment is using IDs for the charge_alert stuff */
#charge_alert div.left p.multiplier_explanation,
#charge_alert_grace div.left p.multiplier_explanation,
.charge-alert-msg div.left p.multiplier_explanation {
    font-size: 14px;
    line-height: 16px;
    /* font-style: italic; */
}

/* 3.2 Request Signature
------------------------------------------------------------------------------*/

#send .templates-available {
    position: relative;
    float: right;
    width: auto;
    margin: -60px 0px 0px 0px;
}

#send .templates-available h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 7px;
}

#send .templates-available a {
    font-size: 13px;
    margin-left: 5px;
    float: left;
    clear: both;
}

#send .token {
    height: auto;
    position: relative;
    float: left;
    clear: both;
    margin: 10px 0;
}

#send .token p {
    position: relative;
    float: left;
    width: 200px;
    margin-right: 10px;
    font-size: 12px;
    position: relative;
    word-wrap: break-word;
}

#send .token textarea {
    transition-duration: 0s !important; /* Do not change! */
    -webkit-transition-duration: 0s; /* Safari */
    position: relative;
    float: left;
    width: 231px;
    height: 30px;
    overflow: hidden;
    line-height: 16px;
    font-size: 13px;
    font-family: NimbusSansL, Helvetica, Arial, sans-serif !important; /* Do not change! */
    margin-bottom: 0;
    box-sizing: content-box;
}

#send .token label.error {
    margin-left: 210px;
}

#send .token p.warning {
    display: none;
}

#send .should_display_warning p.warning {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 5px 210px;
    height: auto;
    width: 100%;
    text-transform: none;
    color: #C9252C;
}

/* 3.3 Manage Documents and Receipts/Invoices page
------------------------------------------------------------------------------*/

/* Manage */

#manage, #invoice-list {
    position: relative;
    float: left;
    width: 650px;
    min-height: 693px;
    margin-bottom: 35px;
    z-index: 10;
}

#invoice-list {
    overflow-y: auto;
    overflow-x: hidden;
    width: 630px;
    height: 640px;
}

#manage {
    display: none; /* NOTE: We only show it once the page is fully loaded */
    background-color:white;
    z-index: 5;
}

#manage #filterArea {
    margin: 0px;
    padding: 5px 0px 0px;
    height: 44px !important;
}

#manage #filterArea .filter-remove-link{
    background-color: #F7F8F9;
    padding: 9px;
    margin: 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;

}

.filter-remove-link-label{
    margin-right: 10px;
    font-size:12px;
    font-weight: 400;
    color: #C3C3C3;
    display: inline-block;

}
.filter-remove-link-delete-icon{
    width: 20px;
    display: inline-block;
    position: relative;
    top:7px;
    cursor: pointer;
}

#manage #filterArea .filter-remove-link-image {

    width: 8px;
    height: 8px;
    margin-right:5px;
}

#manage #filterArea .filter {
    float: left;
    padding-top: 5px;
}

#manage #filterArea .filter strong {
    font-size: 14px;
}

#manage #filterArea .search {
    float: left;
    margin-top: 2px;
}

#manage #filterArea .search input {
    width: 275px;
    height: 37px;
    font-size: 13px;
    padding: 0px 0px 0px 10px;
    margin-top: 0px;
    margin: 5px;
}

#manage #filterArea .search .button {
    padding-left: 2px;
}


#manage #filterArea .search button#doSearchButton {
    height: 31px;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#manage #filterArea .search input#searchInput{
    padding:4px 4px 4px 35px;
    background:white url('../../images/v2/modules/home/search_icon_@2x.png') 10px center no-repeat;
    background-size: 16px;
    height:31px;
    margin-bottom: 15px;
    width: 350px;
}

#manage h2 {
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 11px 15px 19px;
    padding-top: 18px;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.2;
}

#manage > ul {
    display: inline-block;
    margin-bottom: 15px;
    padding-top: 18px;
    cursor: default;
}

#manage > ul li {
    display: inline-block;
    margin-right: 4px;
    position: relative;
}

#manage > ul li .btn {
    padding: 0 11px;
}

#manage > ul li .btn.l {
    padding: 0;
}

#manage > ul li .btn.l .btn.r {
    padding: 0;
}

#manage > ul li .btn.l .btn.r .btn.c {
    padding: 0 1px;
}

#manage > ul li span {
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    display: block;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    min-width: 7px;
    padding: 0 4px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -5px;
}

#transmission_container {
    min-height: 300px;
}
#transmission_container .lipstick-loader {
    width: 120px;
    height: 40px
}

#transmission_container #spinner {
    margin-top: 130px;
    margin-left: 252px;
    width: 110px;
}

#transmission_container #emptyContent {
    padding-top: 40px;
}

#transmission_container #nomatch {
    width: 100%;
    padding: 130px 100px;
    font-size: 16px;
    text-align: center;
}

#transmission_container #nomatch.error {
    /* color: #C12322;*/
}

#transmission_container > table,
#invoice_container > table {
    width: 650px;
    float: left;
    font-size: 14px;
    margin-top:20px;
}

#transmission_container > table tr,
#invoice_container > table tr {
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    height:50px;
}

#transmission_container > table tr.show,
#invoice_container > table tr.show,
#transmission_container > table tr.selected,
#transmission_container > table tr.highlight,
#invoice_container > table tr.selected {
    background-color: #F7F8F9 !important;
    border-right: 1px solid #F7F8F9;
}

#transmission_container > table tr.show,
#invoice_container > table tr.show {
    z-index: 1;
}

#transmission_container > table tr td,
#invoice_container > table tr > * {
    position: relative;
    height: 35px;
    vertical-align: middle;
    font-weight:400;
}

#invoice_container > table tr th {
    font-weight: bold;
}

#transmission_container > table tr td:first-child,
#invoice_container > table tr > *:first-child {
    width: 268px;
    padding-left: 10px;
}
#transmission_container > table tr td:first-child + td,
#invoice_container > table tr td:first-child + td {
    width: 205px;
    padding-left: 0px;
}

#transmission_container > table tr td:first-child + td + td,
#invoice_container > table tr td:first-child + td + td {
    width: 62px;
    padding-left: 25px;
}

#transmission_container > table tr td:first-child + td + td + td,
#invoice_container > table tr td:first-child + td + td + td {
    width: 26px;
}

.ff #transmission_container > table tr td:first-child,
#invoice_container > table tr td:first-child {
    background-position: 10px 49%;
width:300px;
}

#manage table td.doc-name .locked-template-icon {
    margin: -4px 7px 0 0;
    height: 20px;
    vertical-align: middle;
}

#manage table td.doc-name input.rename-input {
    width: 200px;
    height: 22px !important;
    padding: 5px 5px 5px 5px !important;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 13px;
    position: relative;
    top: 1px;
    z-index: 1;
}

#manage table td.doc-name input.rename-input:focus {
    background-color: white !important;
}

#manage table td.doc-name input.rename-but {
    position: absolute;
    left: 210px;
    top: 16px;
    z-index: 2;
}

#manage table td.doc-name img.rename-loader {
    width: 50px;
    position: absolute;
    z-index: 3;
    top: -8px;
    left: 202px;
}
#manage table td.doc-header {
    font-weight:600;
}
#manage table td.doc-spacer {
    font-weight:600;
}
#manage table td.doc-status.doc-status-header {
    font-weight:600;
}
#manage table td.doc-status {
    width: 200px !important;
    text-align: left;
}
#manage table td.doc-status .links-to-editor{
    border: 1px solid #00B3E6;
    padding:4px 8px 3px 8px;
    border-radius: 2px;
    margin-left:20px;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: uppercase;
    font-size: 10px;
    white-space: nowrap;
}
#manage table td.doc-status .links-to-editor:hover{
    border: 1px solid #000000;
}

#manage table td.doc-status { font-weight:600; text-transform: uppercase; font-size: 11px; }
#manage table td.doc-status p { display: inline; font-weight:600; text-transform: uppercase; font-size: 11px; }
#manage table td.doc-status span.out-for-signature { background-color:#F7F8F9;padding-left:10px;padding-right:10px;padding-top:7px;padding-bottom:7px;position:relative;left:-10px;border-radius: 2px;}
#manage table td.doc-status img { width:7px;height:7px;margin-right:8px; }
#manage table td.allowOverflow { overflow: visible; }
#manage table td.doc-status * { line-height: 1.34; }

#transmission_container > table tr td a {
    font-weight: 600;
    font-size: 12px;
}
#transmission_container > table tr td a:hover {
    color: #000000;
}

#manage #transmission_container table tr td.doc-timestamp {
    width: 80px;
}

li div.arrow ul, table tr td div.arrow ul {
    position: absolute;
    top: -5000px;
    left: -5000px;
}

table tr .doc-actions div.arrow {
    margin-right: 5px;
}

li div.arrow, table tr td div.arrow {
    position: relative;
    left: 0;
    width: 20px;
    height: 20px;
    opacity: 1;
    cursor: pointer;
    background: url(../../images/home/managedocs/dropdown_icon_@2x.png) no-repeat;
    background-size: 20px;
}

.notie7 table tr td div.arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.notie7 li:hover div.arrow,
.notie7 table tr:hover td div.arrow,
.notie7 li.selected div.arrow,
.notie7 table tr.selected td div.arrow,
.notie7 li.show div.arrow,
.notie7 table tr.show td div.arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

li.show div.arrow ul,
table tr.show td div.arrow ul {
    top: 36px;
    right: 116px; /* position here is for team settings drop down */
    position: relative;
    left: auto;
    z-index: 1;
    padding: 9px 0;
    cursor: default;
    border: 1px solid #bec2ca;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0;
}

li.show div.arrow ul:after, li.show div.arrow ul:before, table tr.show td div.arrow ul:after, table tr.show td div.arrow ul:before{
    bottom: 100%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

li.show div.arrow ul:after,
table tr.show td div.arrow ul:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}
li.show div.arrow ul:before,
table tr.show td div.arrow ul:before {
    border-color: rgba(190, 194, 202, 0);
    border-bottom-color: #bec2ca;
    border-width: 8px;
    margin-left: -8px;
}

li#nav-credits.show div.arrow ul{
    top: 27px;
    right: 185px;
}

table tr.show td div.arrow ul.pop-right {
    right: -159px;
    top: -14px;
}

table tr.show td div.arrow ul {
    width: 150px;
    background-color: white;
    border-radius: 0px;
}

li.show div.arrow ul {
    width: 190px;
    margin-top: -2px;
    padding: 5px 10px;
}

li div.arrow {
    float: left;
    margin-left: 3px;
    margin-top: -1px;
}

ul li span.credits-header {
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid #BEC2CA;
    width: 170px;
    padding: 4px 0px;
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
}

li.show div.arrow ul > span,
table tr.show td div.arrow ul > span,
#upload_more > span {
    position: absolute;
    top: -7px;
    right: 0;
    width: 100%;
    height: 7px;
}

table tr.show td div.arrow ul.pop-right > span {
    top: 13px;
    right: auto;
    left: -7px;
    width: 7px;
    height: 24px;
}

#transmission_container > table li.menuLink > a {
    font-weight: normal;
}


li.show div.arrow ul li a,
table tr.show td div.arrow ul li a,
table tr.show td div.arrow ul li span {
    position: relative;
    display: block;
    padding: 9px 10px 9px 15px;
    color: #383d43;
    font-size: 14px;
}

li.show div.arrow ul li a:hover,
table tr.show td div.arrow ul li a:hover {
    text-decoration: none;
}

table tr.show td div.arrow ul li a:hover {
    background-color: #F7F8F9;
}

li.show div.arrow ul li a .ico,
table tr.show td div.arrow ul li a .ico {
    position: absolute;
}

#transmission_container > table tr.show td div.arrow ul .download a .ico { top: 5px; left: 13px; width: 19px; height: 21px; background-position: 0     0 }
#transmission_container > table tr.show td div.arrow ul .preview  a .ico { top: 5px; left: 13px; width: 19px; height: 21px; background-position: 0     0 }
#transmission_container > table tr.show td div.arrow ul .reminder a .ico { top: 9px; left: 14px; width: 19px; height: 14px; background-position: 0 -21px }
#transmission_container > table tr.show td div.arrow ul .fax a .ico { top: 9px; left: 14px; width: 19px; height: 14px; background-position: 0 -21px }
#transmission_container > table tr.show td div.arrow ul .delete   a .ico { top: 7px; left: 15px; width: 14px; height: 16px; background-position: 0 -35px }
#transmission_container > table tr.show td div.arrow ul .audit    a .ico { top: 6px; left: 13px; width: 19px; height: 19px; background-position: 0 -51px }
#transmission_container > table tr.show td div.arrow ul .edit     a .ico { top: 7px; left: 14px; width: 19px; height: 19px; background-position: 0 -70px }
#transmission_container > table tr.show td div.arrow ul .use      a .ico { top: 5px; left: 14px; width: 19px; height: 19px; background-position: 0 -91px }
#transmission_container > table tr.show td div.arrow ul .forward  a .ico { top: 7px; left: 14px; width: 19px; height: 19px; background-position: 0 -70px }
#transmission_container > table tr.show td div.arrow ul .duplicate a .ico { top: 7px; left: 14px; width: 19px; height: 19px; background-position: 0 -70px }
#transmission_container > table tr.show td div.arrow ul .signable  a .ico { top: 6px; left: 14px; width: 19px; height: 19px; background-position: 0 -91px }
#transmission_container > table tr.show td div.arrow ul .permissions a .ico { top: 6px; left: 14px; width: 19px; height: 17px; background-position: 1px -111px; }
#transmission_container > table tr.show td div.arrow ul .rename a .ico { top: 7px; left: 14px; width: 19px; height: 16px; background-position: 0 -127px; }
#transmission_container > table tr.show td div.arrow ul .share a .ico { top: 7px; left: 14px; width: 19px; height: 17px; background-position: 0 -144px; }

#transmission_container > table tr.show td div.arrow ul .activate_oss a .ico {
    top: 7px;
    left: 14px;
    width: 19px;
    height: 19px;
    background-position: top left;
}

#team_list_container > table tr.show td div.arrow ul .delete a .ico { top: 7px; left: 15px; width: 14px; height: 16px; background-position: 0 -35px }
#team_list_container > table tr.show td div.arrow ul .template_access a .ico { top: 4px; left: 14px; width: 19px; height: 19px; background-position: 0 -109px; }
#team_list_container > table tr.show td div.arrow ul .promote a .ico { top: 6px; left: 14px; width: 19px; height: 15px; background-position: 0 -193px; }
#team_list_container > table tr.show td div.arrow ul .promote-developer a .ico { top: 6px; left: 14px; width: 19px; height: 15px; background-position: 0 -221px; }
#team_list_container > table tr.show td div.arrow ul .demote a .ico { top: 7px; left: 14px; width: 19px; height: 14px; background-position: 0 -180px; }
#team_list_container > table tr.show td div.arrow ul .upgrade a .ico { top: 4px; left: 12px; width: 19px; height: 19px; background-position: 0 -161px; }
#team_list_container > table tr.show td div.arrow ul .downgrade a .ico { top: 6px; left: 14px; width: 19px; height: 19px; background-position: 0 -207px; }

#team_list_container > table tr.show td div.arrow ul li a {
    font-size: 12px;
    text-align: left;
    padding-left: 15px;
}

#manage td img.spinner {
    height: 50%;
    position: relative;
    top: 0px;
    left: 0px;
}

#manage td a {
    cursor: pointer;
}

/* Info */


#info_box {
    display: none;
    float: left;
    padding: 20px;
    width: 250px;
    height: 586px;
    border: 1px solid #E6E6E6;
    background-color: #F7F8F9;
    margin: 42px 0 0 -263px;
    z-index: 5;
    overflow-y: auto;
    overflow-x: hidden;
}

#info_box .info .signed {
    border: 1px solid #A2BF00;
    background-color: #A2BF00;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 20px;
    font-weight:500;
    padding-right: 4px;
}

#info_box .info .unsigned {
    border: 1px solid #C9252C;
    background-color: #C9252C;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 10px;
    font-weight:500;
    padding-right: 4px;
}

#info_box .info .sending {
    border: 1px solid #F59600;
    background-color: #F59600;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 10px;
    font-weight:500;
}

#info_box .info .sent {
    border: 1px solid #00AEE0;
    background-color: #00AEE0;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 10px;
    font-weight:500;
}
.label.proc.red {
    border: 1px solid #C9252C;
    background-color: #C9252C;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 10px;
    font-weight:500;
}
.label.proc.orange {
    border: 1px solid #F59600;
    background-color: #F59600;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 10px;
    font-weight:500;
}
#info_box .info #openPreviewButton {
    min-width: 100px;
    padding: 5px;
    padding-top: 7px;
}

#info_box .info #openPreviewButton span {
    font-size: 12px !important;
    font-weight: 600 !important;
}

#info_box .info {
    width: 208px;
}

#info_box .info img.thumb {
    margin: 30px 16px 25px 49px;
    border: 1px solid #CCC;
    position: relative;
    float: left;
}

#info_box .info img.thumb.downloadable {
    cursor: pointer;
}

#info_box .info h3 {
    float: left;
    margin: 0 12px 5px 0;
    padding-top: 20px;
    font-weight: bold;
    font-size: 1.3em;
    width: 210px;
}

#info_box .info h3.template_info {
    padding-top: 0;
    float: left;
}

#info_box .info a.link-url {
    word-wrap: break-word;
    font-size: 12px;
}

#info_box .info h4 {
    margin: 24px 0 0;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    clear: both;
    width: 100%;
    text-align: left;
    color: #C3C3C3;
}

#info_box .info .gray-fade {
    font-size: 14px;
    color: #C3C3C3;
}

#info_box .info h4.template_info {
    float:left;
    font-size: 12px;
}

#info_box .info span {

    font-size: 14px;
    font-weight: 300;
    line-height: 1.34;
    width: 100%;
    word-wrap: break-word;
    text-align: left;
}

#info_box .info .order-info {
    margin: 3px 0;
    float: left;
}

#info_box .info table {
    width: 208px;
    margin-top: -5px;
    float: left;
    margin-bottom: 20px;
}

#info_box .info table tr td {
    padding-top: 13px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 300;
    width: 208px;
}

#info_box .info table tr td:first-child {
    line-height: 18px;
    float: left;
}
#info_box .info table tr td:first-child > span {
    float: left;
    width: 100%;
}

#info_box .info table tr td .label {
    float: left;
    margin-top: 2px;
    margin-left: 1px;
}
#info_box .info .manage-docs-preview {
    text-align: right;
}

#info_box .close {
    position: relative;
    float: right;
    margin: -21px -10px 0px 0px;
    display: inline-block;
    padding-right: 16px;
    min-height: 12px;
    font-weight: bold;
    line-height: 1.3;
    text-transform: uppercase;
    text-shadow: white 0 1px 0;
}

#info_box .info table tr td span.signer-card {
    width: auto;
    padding-right: 3px;
}

#info_box .info p.user_address,
#info_box .info p.owner_address,
#info_box .info p.doc_name,
#info_box .info p.metadata,
#info_box .info p.oss {
    font-size: 14px;
    line-height: 1.3;
}

#info_box .info p.api_info textarea,
#info_box .info p.reusable_link textarea {
    width: 191px;
    margin-top: 0px;
    height: 30px;
    font-size: 13px;
    overflow-y: hidden;
    padding: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
}

#info_box .info p.template_info {
    width: 210px;
    float: left;
    font-size: 14px;
}

#info_box .info .template-lock {
    margin-top: 20px;
    float: left;
}

#info_box .info p.doc_name span {
    padding-left: 5px;
    font-size: 1em;
    width: auto;
    float: right;
}

#info_box .info p.doc_name span[title] {
    padding-left: 0px;
    float: none;
}

.label {
    position: relative;
    display: inline-block;
    margin: 0 0 0 -2px;
    padding: 0 5px;
    height: 21px;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 19px;
    vertical-align: middle;
}

a.label:hover,
#info_box a.label:hover {
    text-decoration: none;
}

.label b {
    position: absolute;
    top: 0;
    right: -2px;
    display: inline-block;
    width: 2px;
    height: 21px;
    vertical-align: middle;
}

tr.recipient-status em.label {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 20px;
}

.label.green  { background-position: 0     0 }
.label.blue   { background-position: 0 -21px }
.label.orange { background-position: 0 -42px }
.label.red    { background-position: 0 -63px }

.label.green  b { background-position: 100%     0 }
.label.blue   b { background-position: 100% -21px }
.label.orange b { background-position: 100% -42px }
.label.red    b { background-position: 100% -63px }

/* Pagination */

.pagination {
    padding: 6px 0 0 0;
    height: 35px;
    cursor: default;
    text-align: right;
    border: 0px solid #cccce3;
    margin-top: 20px;
    clear: both;
}

.pagination a,
.pagination span {
    display: inline-block;
    margin-left: -2px;
    width: 29px;
    height: 29px;
    color: #C3C3C3;
    font-weight: normal;
    font-size: 14px;
    line-height: 29.5px;
    text-align: center;
    vertical-align: middle;
}

.pagination a:hover {
    text-decoration: none;
    background-position: 0 -29px;
    color: #4E4E4E;
}

.pagination a.cur {
    color: #4E4E4E;
    background-position: 0 -58px;
}

.pagination .paging-arrow {
    width: 10px;
    height: 22px;
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.pagination .paging-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-position: 0 6px !important;
}

.pagination .prev {
    margin-right: 5px;
    background-image: url(../../images/v2/modules/home/left_arrow@2x.png);
}

.pagination .next {
    margin-left: 5px;
    background-image: url(../../images/v2/modules/home/right_arrow@2x.png);
}

.pagination .prev.pager-disabled,
.pagination .next.pager-disabled {
    opacity: 0.2 !important;
}

.pagination-summary {
    float: left;
    line-height: 29.5px;
    font-size: 14px;
    color: #4E4E4E;
    font-weight: normal;
}

.pagination-summary a {
    line-height: inherit;
    height: auto;
    width: auto;
}

.pagination-controls {
    float: right;
}


#manage .pagination {
    border: none;
}

p.resend_confirmation_email {
    float: left;
    margin-top: 20px;
    text-align: center;
}

body.get-started-in-person-page {
    overflow: hidden;
}

body.get-started-in-person-page #container {
    max-width: 100%;
    overflow: hidden;
    min-width: 0px;
    width: 100%;
}

body.get-started-in-person-page #container #sign_header {
    max-width: 100%;
    overflow: hidden;
}

.get-started-in-person-page .bs_container {
    margin: 0 auto;
    width: auto;
    max-width: 700px;
    margin-left: 10px;
}

.get-started-in-person-page #get_started_overlay {
    width: 425px;
}

.get-started-in-person-page #iphone-install-bar {
    z-index: 99999;
    position: fixed;
    height: 20%;
    max-height: 100px;
    width: 100%;
    bottom: 0px;
    text-shadow: 0px 1px 1px #315D6D;
    border-top: 1px solid #555;
}

.get-started-in-person-page #iphone-install-bar.ipad {
    top: 0px;
    bottom: auto;
}

body.get-started-in-person-page #content div.outer-editor {
    height: auto;
}

body.get-started-in-person-page #content .outer_doc_container {
    height: auto !important;
}

#get_started_overlay h1 {
    margin-bottom: 15px;
}

#get_started_overlay div.step > p {
    margin-bottom: 5px;
}

#get_started_overlay div.step > div {
    margin-bottom: 10px;
}

#get_started_overlay div.step > .left div input[type=text] {
    margin-bottom: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 0px #f4f5fc;
    width: 366px;
}

#get_started_overlay div.step > .left div.keep-updated label {
    /* color: #949494;*/
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
}

#get_started_overlay div.step > .left div.actions {
    margin-top: 10px;
}

#get_started_overlay #step1 span.link_sep {
    margin: 0px 10px;
    font-size: 14px;
    position: relative;
    top: 2px;
}

#get_started_overlay #step1 #login_link {
    position: relative;
    top: 2px;
}

#get_started_overlay #step2 {
    display: none;
}

#get_started_overlay #step2 div.description {
    padding-top: 5px;
    padding-bottom: 45px;
    margin-bottom: 20px;
    border-bottom: solid 1px #CCC;
    font-size: 14px;
}

#get_started_overlay #step2 div.info > div {
    margin-bottom: 20px;
}

#get_started_overlay #step2 div.info > div h3 {
    font-weight: bold;
    font-size: 16px;
}

#get_started_overlay #step2 div.info > div p {
    font-size: 14px;
    margin-top: 5px;
}

#get_started_overlay #step2 #resend_email_msg {
    display: none;
    font-size: 12px;
    margin-top: 10px;
    max-width: 450px;
}

#get_started_overlay #step2 #resend_email_msg div.loader span {
    margin-left: 15px;
    position: relative;
    top: -10px;
    font-size: 14px;
}

#get_started_overlay #get_started_login_options {
    border-left: 2px solid #CCC;
    padding: 10px;
    margin-left: 14px;
    height: 100px;
}

#get_started_overlay #get_started_login_options div.google_area_small label span {
    font-weight: normal;
    cursor: pointer;
    margin-left: 5px;
    font-weight: bold;
    font-size: 14px;
}

#get_started_overlay #get_started_login_options div.google_area_small label span img {
    position: relative;
    top: 4px;
    left: -2px;
    padding-left: 5px;
}

#get_started_overlay div.errors {
    font-size: 14px;
    margin-top: 5px;
    margin-left: 10px;
    width: 220px;
    float: left;
}

#acc #verify_phone_number_popup,
#acc #recovery_code_popup {
    display: none;
    width: 450px;
    border: 10px solid #E5E7E9;
}
#acc #recovery_code_popup { width: 520px; }
#acc #verify_phone_number_popup > h1,
#acc #recovery_code_popup > h1 {
    padding-left: 55px;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 0;
}
#acc #verify_phone_number_popup .input-container {
    margin: 10px 0 20px;
}
#acc #recovery_code_popup .input-container {
    margin: 20px 0 0;
}
#acc #verify_phone_number_popup .input-container a,
#acc #recovery_code_popup .input-container a {
    padding: 0 17px;
    line-height: 37px;
    position: relative;
    top: -2px;
}
#acc #recovery_code_popup .instructions {
    margin-top: 0;
}
#acc #recovery_code_popup .recovery-code {
    font-weight: 600;
    font-size: 20px;
    margin: 15px 0;
}
#acc #verify_phone_number_popup #verificationCode {
    width: 150px;
}

#link_generated_overlay .copyable, #template_created_overlay .copyable {
    margin-bottom: 25px;
}

#link_generated_overlay .copyable, #template_created_overlay .copyable {
    width: 500px;
    font-size: 16px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#link_generated_overlay .reusable_link_guid {
    margin-top: 10px;
    margin-bottom: 20px;
}

div.guid_value {
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 300;
    width: 200px;
}

#template_created_overlay_text{
    margin: 10px 0px 20px;
}

#template_created_overlay_text p {
    margin-bottom: 3px;
}

#link_generated_overlay p span.guid,
#template_created_overlay p span.guid {
    /* color: gray;*/
}

#link_generated_overlay a, #template_created_overlay div a {
    margin-left: 10px;
}

#link_generated_overlay a:first-child, #template_created_overlay div a:first-child {
    margin-left: 0;
}


/* 3.4 My Account
------------------------------------------------------------------------------*/

.icon-lock {
    float: left;
    width:14px;
    height: 19px;
    background-repeat: no-repeat;
    padding-right: 7px;
}

#upgrade-options span.error_message {
    color: #C9252C;
    font-weight: 600;
}

.errorTeamMembership {
    display:none;
    font-size:10px;
    width:90px;
    float:left;
}

#edit_team_membership table {
    margin-bottom: 10px;
}

#edit_team_membership td {
    border: 1px solid #cccce3;
    text-align: center;
    padding: 5px 5px;
}

#edit_team_membership tr.form-row td {
    border: none;
    min-height: 50px;
}

#edit_team_membership .sub {
    margin-top: 0px;
    height: 37px;
    /* font: bold 1.7em/37px Arial, sans-serif; */
}

.payment-page td,
.account-table td {
    padding: 10px 10px;
}

.payment-page td.field_label,
.account-table td.field_label {
    width: 150px;
    padding: 22px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.34;
}

.payment-page td select,
.account-table td select {
    margin-top: 10px;
}

.payment-page label.error,
.account-table label.error {
    font-size: 1.2em;
    margin-top: 5px;
}

.payment-page .billing-table td {
    font-size: 14px;
    padding: 13px 15px 0px 15px;
}

.payment-page .billing-table td.field_label {
    font-size: 12px;
}

.payment-page .green-sub {
    float: none;
    margin-top: 22px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    float: left;
    clear: both;
    margin-left: 0px;
}

.payment-page #api_page_selector_table #payment_num_api_pages {
    width: 100px;
}

.payment-page #api_page_selector_table tr .field_label {
    width: 110px;
    font-size: 1.2em;
    line-height: 1.34;
}

.payment-page #api_page_selector_table tr .text_value {
    padding-top: 15px;
    font-size: 1.2em;
}

.payment-page #api_page_selector_table tr .text_value.price em {
    font-size: 1.5em;
    font-size: bolder;
}

.payment-page #api_page_selector_table tr .text_value.price span {
    display: none;
    position: relative;
    top: -2px;
    left: 15px;
    font-size: 13px;
}

.payment-page #api_page_selector_table tr .text_value.price.error-invalid span.invalid,
.payment-page #api_page_selector_table tr .text_value.price.error-low span.too-low {
    display: inline;
    font-size: 1.2em;
    font-weight: normal;
}

.payment-page .no_forms #cc-section > p,
.payment-page .no_forms #select-did-section > p {
    margin-left: 30px;
}

.payment-page .no_forms #payment-bottom {
    margin-left: 0px;
}

.onetimepayment-page #cc-tips {
    margin-left: 120px;
}

.onetimepayment-page #payment-left #payment-bottom {
    width: 390px;
    clear: both;
}

table.account-table-single-col {
    margin-left: 20px;
}

.account-table-single-col td.field_label {
    width: auto;
    padding: 5px 15px;
}

html.iframe #cancel_form {
    margin: 15px;
}

#payment-bottom {
    width: 400px;
    line-height: 1.34;
    margin-bottom: 20px;
}
#cancel_content {
    width: 550px;

    font-size: 14px;
}

#cancel_content label {
    padding-bottom: 10px;
}

#cancel_content > div > p {
    font-size: 13px;
    padding: 10px 0px;
}

#cancel_content #cancel-team-option p {
    width: auto;
    padding: 0;
    float: left;
    position: relative;
    top: 3px;
    left: 3px;
}

#cancel_content #payment-tos {
    text-align: left;
    float: left;
    width: 100%;
}

#cancel_content .error_list {
    padding-bottom: 5px;
}

#cancel_content textarea {
    width: 530px;
    height: 120px;
    margin: 5px 0;
}

#cancel_content .error {
    /* color: rgb(230, 41, 41);*/
}

#cancel_content .sub {
    font-size: 17px;
}
#cancel_content .sub.loading {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
}

#cancel_content .text {
    font-size: 13px;
}

#cancel_content #cancel_api_option * {
    float: left;
    font-weight: bold;
    position: relative;
}

#cancel_content #cancel_api_option p {
    display: inline-block;
    margin-left: 3px;
    margin-top: 3px;
}

#cancel_content #cancel-team-warning,
#payment-bottom #cancel-team-warning {
    /* color: rgb(230, 41, 41);*/
    font-weight: bold;
    font-size: 13px;
}

#payment-bottom #cancel-team-option {
    float: left;
    width: 100%;
    margin-top: 20px;
}

#payment-bottom #cancel-team-option p {
    float: left;
    position: relative;
    top: 1px;
    left: 5px;
    font-weight: bold;
}

.reminder-container {
    width: 450px;
}

.reminder-container,
.team-page.permissions {
    float: left;
    margin: 20px;
    width: 452px;
}

.team-page.permissions.for-account .m-sig-modal--area--close {
    float: right;
    margin: 10px;
    width: 10px;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: relative;
    top: -15px;
    left: 15px;
}

.team-page.permissions.for-account .m-sig-modal--area--close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.team-page.permissions.permission-wide {
    width: 535px;
}

.team-page.permissions.permission-wide .btn-row {
    position: relative;
    float: left;
    clear: both;
    margin-top: 20px;
}


.remind-signer label {
    font-weight: normal;
    font-size: 1em;
}

.app-details {
    float: left;
    margin: 10px 10px 20px 10px;
}
.app-details > p {
    float: left;
    width: 100%;
}
.app-details > p .hf-tooltip {
    top: -1px;
    left: 10px;
}
.app-details > p > span { float: left; }
.app-details > p > b { font-weight: bold; }
.app-details > p > b.approved {/* color: green; */}
.app-details > p > b.pending {/* color: red; */}
.app-details h2 {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0px 5px;
}
.app-details h2:first { margin-top: 5px; }
.app-details p {
    font-weight: normal;
    font-size: 13px;
    margin: 5px 0px;
}
.app-details p em {
    float: left;
    width: 65px;
    font-weight: normal;
}
.app-details p.auth_url {
    max-width: 500px;
    word-wrap: break-word;
}
.app-details ul {
    font-size: 13px;
    list-style-type: decimal;
    list-style-position: inside;
    font-weight: normal;
}

#beforeSendDialog { display: none; }

.before-send-dialog {
    background: white;
    padding: 15px 15px 0px 15px;
    width: 502px;
    height: 420px;
}
.before-send-dialog .details {
    float: left;
    margin-bottom: 15px;
}
.before-send-dialog .details > div {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.before-send-dialog .details > div > h3 {
    float: left;
    font-weight: bold;
    font-size: 14px;
    width: 85px;
}
.before-send-dialog .details > div > p {
    float: left;
    width: 405px;
    font-weight: normal;
    font-size: 12px;
}
.before-send-dialog .form input,
.before-send-dialog .form textarea {
    border: solid 1px #E6E6E6 !important;
    box-shadow: none !important;
    border-radius: 0;
    width: 460px;
}
.before-send-dialog .form input {
    line-height: 18px;
    margin-bottom: 10px;
}
.before-send-dialog .form textarea {
    height: 150px;
    display: block !important;
}
.before-send-dialog.with-ccs .form textarea {
    height: 120px;
}
.before-send-dialog .form #sendEmbeddedButton { display: inline; }
.before-send-dialog .form button {
    font-size: 14px;
    margin: 10px 10px 15px 0;
    padding: 8px 20px;
}
.before-send-dialog .form .actions { margin-top: 5px; }
.before-send-dialog .form .actions a {
    font-size: 12px;
    margin-left: 5px;
    color: #4E4E4E;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.before-send-dialog .form .actions p.error {
    float: right;
    max-width: 230px;
    margin: 10px 30px 0 0;
    font-size: 12px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
}

.before-send-dialog h1,
.remind-signer h1,
.app-details h1,
.team-page.permissions h1,
.team-page #right_expand h1 {
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    color: #4E4E4E;
}

.before-send-dialog h1 {
    margin-bottom: 10px;
}

.before-send-dialog .form #subject {
    clear: both;
}

.remind-signer input[type="checkbox"] {
    margin-top: 7px;
}

.remind-signer #signer_list_container {
    border: 1px solid #CCCCE3;
    border-radius: 2px;
    margin-top: 4px;
}

.team-page #team_list_header {
    clear: both;
    padding-top: 30px;
    padding-bottom: 20px;
    font-weight: 600;
    border-bottom: 1px solid #E6E6E6;
}

.team-page h1{
    font-size: 24px;
    font-weight: 300;
    margin-bottom:20px;
}

.team-page #team_list_header > div {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    position: relative;
    top: 2px;
}

.team-page #team_list_header #member_email {
    width: 282px;
    max-width: 282px;
    margin-left: 8px;
}

.team-page #team_list_header #role {
    width: 132px;
    max-width: 132px;
    margin-left: 8px;
}

.team-page #team_list_header #templates {
    width: 134px;
    max-width: 134px;
}

.hf #member_email {
  width: 414px !important;
  max-width: 414px !important;
}

.team-page #team_list_container,
.team-page #pending_invites_container {

    position: relative;
    float: left;
    border-radius: 2px;
    margin-top: 4px;
    width: 100%;
}
.team-page #team_list_container.not-ready {
    overflow-y: hidden;
}
.team-page #team_list_container #not-ready {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.team-page #team_list_container #not-ready b {
    float: left;
    width: 65px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 204px;
    left: 360px;
}
.team-page #team_list_container #not-ready p {
    position: relative;
    top: 240px;
    font-size: 14px;
    left: 170px;
}
.team-page #team_list_container #not-ready.hf b { left: 200px; }
.team-page #team_list_container #not-ready.hf p { left: 0; }

.remind-signer #signer_list_container {
    float: left;
    width: 100%;
    height: auto;
    border: solid 1px #E6E6E6 !important;
    border-radius: 0;
    margin-bottom: 15px;
    max-height: 145px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.remind-signer #signer_list_container table tr:last-child {
    border-bottom: none !important;
}

.remind-signer .hint {
    color: #A0A0A0;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.remind-signer #signer_reminder_container {
    width: 450px;
}

.remind-signer #signer_reminder_container .l-new-modal--content-wrap {
    padding-top: 0;
}

.remind-signer #signer_reminder_container .l-new-modal--title {
    position: relative;
    top: -7px;
    margin-bottom: 20px;
}

.team-page #edit_team_name_link {
    font-size: 12px;
    margin-left: 5px;
}

.team-page #content .team-accounts-column .no_team_message {
    font-size: 24px;
    width: 100%;
    margin: 10px;
    text-align: center;
    margin-top: 150px;
}

.team-page #content .team-accounts-column .no_team_message p {
    font-size: 16px;
    margin-bottom: 5px;
}

.team-page.permissions #saveLicensesButton,
.team-page.permissions .upgrade-btn {
    padding: 8px 20px;
    margin-top: 15px;
    font-size: 16px;
}

.team-page.permissions a.upgrade-btn {
    display: inline-block;
    height: auto;
}


.team-page.permissions .charge-info,
.team-page.permissions .license-warning,
.team-page.permissions .downgrade-warning {
    display: none;
    padding-top: 15px;
    float: left;
    font-size: 13px;
    width: 100%;
}

.team-page.permissions .upgrade .no-plans {
    padding: 10px;
    font-size: 13px;
}

.team-page.permissions .licenses,
.team-page.permissions .upgrade {
    margin-top: 15px !important;
}

.team-page.permissions .plan_list {
    width: 100%;
}

.team-page.permissions .plan_list tr {
    font-size: 14px;
}

.team-page.permissions .plan_list tr td {
    vertical-align: middle;
    padding: 5px 0px;
}
.team-page.permissions .plan_list tr td.name label {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}

.team-page.permissions .plan_list.manage-licenses .name {
    padding-left: 20px;
}

.team-page.permissions .plan_list.manage-licenses .quantity {
    text-align: right;
    padding-right: 10px;
}

.team-page.permissions .plan_list.manage-licenses .rate {
    text-align: center !important;
}

.team-page.permissions .plan_list .select {
    width: 30px;
    text-align: center;
}

.team-page.permissions .plan_list .rate {
    text-align: right;
    padding-right: 15px;
}

.team-page.permissions #team_list_container > div.no-template {
    padding: 10px;
    font-size: 13px;
}

.team-page.permissions #team_list_container {
    height: auto;
    max-height: 215px;
    overflow-y: scroll;
    min-height: 100px;
    width: 455px;
    border: solid 1px #E6E6E6;
    border-radius: 0;
}

.team-page.permissions.for-account .team_list tr {
    border-bottom: solid 1px #E6E6E6;
}

.team-page.permissions.for-account .team_list tr:last-child {
    border-bottom: none;
}

.team-page.permissions.for-account .team_list .template_col {
    padding-left: 10px;
}

.team-page.permissions div.header-msg {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 5px;
}

.team-page.permissions div.description {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.team-page.permissions div.selection {
    float: right;
    font-size: 12px;
}

.team-page.permissions div.selection span {
    cursor: pointer;
    color: #00B3E6;
    font-weight: 300;
}

.team-page.permissions div.selection span:hover {
    text-decoration: underline;
}

.team-page .has_pending_invites #team_list_container {
    height: 400px;
}

.team-page .team-accounts-column {
    width: 600px;
    position: relative;
    float: left;
}

.team-page .team-accounts-column h1{
    font-size: 24px;
}

.team-page .team-page-more-seats {
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .06em;
    padding-left: 5px;
}

.team-page .team-page-edit-title {
    margin-top: 5px;
    width: 20px;
    position: relative;
    top: 2px;
    left: -2px;
}

.team-page .team-page-lock {
    height: 20px;
    position: relative;
    top: -4px;
    left: 9px;
}

.team-page .team-accounts-column .add_team_member {
    float: left;
    margin: 9px 0 10px;
    width: 450px;
}
.team-page .team-accounts-column .csv_import {
    float: right;
    margin: 10px 0 10px;
}
.team-page .team-accounts-column .csv_import > .loader {
    float: left;
}
.team-page .team-accounts-column .csv_import > span {
    float: left;
    line-height: 32px;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
}

.team-page #add_team_members_form {
    width: 300px;
}

.team-page .team-accounts-column .add_team_member input.new_member_email_address {
    float: left;
    width: 265px;
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    height: 31px;
}

.team-page .team-accounts-column .add_team_member button#add_team_member_submit,
.team-page .team-accounts-column .add_team_member button#csv_import_submit {
    min-width: 83px;
    height: 31px;
    width: 50px;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 5px;
}

.team-page #csv-import-submit-react-holder {
    display: none;
}

.team-page #csv_import_submit {
    width: 115px !important;
    float: left;
}
.team-page #csv_import_link {
    float: right;
    display: block;
    cursor: pointer;
    padding-top: 0;
    font-size: 13px;
    color: #00B3E6
}
.team-page #csv_import_file_select {
    float: right;
    position: absolute;
    right: 0;
    width: 71px;
    height: 22px;
    top: 46px;
    cursor: pointer;
    z-index: 1100;
    opacity: 0;
    filter: alpha(opacity=0);
}
.team-page #csv_import_file_select.hf {
    top: 17px;
}

.team-page .fax-numbers .remove-fax-line,
.team-page .fax_line_select h4 span.remove-fax-line {
    background-image: url(../images/common/ui-icons_222222_256x240.png);
    background-position: -97px -128px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    float: right;
    position: relative;
    left: 0;
    top: 1px;
}
.team-page .fax_line_select .m-tooltip--text {
    margin-left: 5px;
    background: #F7F8F9;
    width: 15px;
    padding: 2px 5px 2px 7px;
    border-radius: 10px;
    font-size: 11px;
    border: solid 1px #E6E6E6;
}
.team-page .fax_line_select.status-1 .remove-fax-line {
    background-image: none;
}
.team-page .fax-numbers .remove-fax-line.loading,
.team-page .fax_line_select h4 span.remove-fax-line.loading{
    background-image: none;

}
.team-page .fax-numbers .remove-fax-line {
    display: inline;
    top: 4px;
    left: 5px;
}
.team-page .fax-numbers .remove-fax-line:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.team-page .fax_line_select .ui-multiselect.ui-state-disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}
.team-page .fax_line_select .ui-multiselect-menu.ui-state-disabled {
    display: none !important;
}

.team-page .fax_line_select h4 span.remove-fax-line:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.team-page .fax_line_select h4 span.remove-fax-line img {
    display: none;
}

.team-page .fax_line_select.status-1 h4 .remove-fax-line img,
.team-page .fax_line_select h4 .remove-fax-line.loading img {
    display: inline;
}

.team-page .fax_line_select.status-1 h4 .remove-fax-line {
    display: inline !important;
}

.team-page .fax_line_select.status-1 h4 .remove-fax-line,
.team-page .fax_line_select h4 .remove-fax-line.loading {
    background-color: white;
    position: relative;
    left: -6px;
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline;
}

.team-page .team-secondary-column .fax_line_select .ui-multiselect-menu ul {
    margin-top: 0px;
}

.team-page .team-secondary-column .fax_line_select .ui-multiselect-menu ul li {
    margin-bottom: 4px;
}

.team-page .team-secondary-column .fax_line_select .ui-multiselect-menu ul li input {
    float: left;
}

.team-page .team-secondary-column .fax_line_select .ui-widget-header {
    border-bottom: 1px solid #CCC;
    margin-bottom: 7px;
}

.team-page div#errorMsg {
    width: 300px;
    float: left;
    margin-top: 10px;
    font-size: 12px;
    display: none;
}

.team-page span.close,
.team-page span.save_permissions {
    margin: 20px 0 20px 0;
    float: right;
}

.team-page .save_permissions_image {
    display: none;
    position: relative;
    top: 20px;
    left: -10px;
}

.team-page .save_permissions_holder {
    float: left;
    width: 100%;
    padding: 0 20px;
    background: #F7F8F9;
    height: 60px;
    text-align: right;
    position: relative;
    top: 21px;
    padding-top: 12px;
}

.team-page .save_permissions_holder .m-button {
    margin: 0 !important;
}

.team-page .save_permissions_holder #errorMsg {
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #E90000;
    line-height: 24px;
}

.team-page .register_fax_line_tip {
    clear: both;
    margin-top: 15px;
    float: left;
    font-size: 12px;
    color: #A0A0A0;
}

.remind-signer a.sub img,
.team-page a.blue-sub img,
.team-page a.sub img {
    position: absolute;
    top: 3px;
    right: -35px;
    display: none;
}

.remind-signer a.sub {
    float:right;
}

.team-page a.loading img {
    display: block;
}

.remind-signer .signer_list,
.team-page .team_list {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}

.team-page.permissions-actions {
    position: absolute;
    width: 100%;
    bottom: 22px;
}

.team-page.permissions .team_list {
    width: 100%;
}

.remind-signer .signer_list tr,
.team-page .team_list tr {
    height: 45px;
    border-bottom: 1px solid #E6E6E6;
}

.team-page .team_list tr:last-child {
    border-bottom: none;
}

.remind-signer .signer_list tr td,
.team-page .team_list tr td {
    padding-top: 15px;
}

.remind-signer .signer_list tr td.action_col,
.team-page .team_list tr td.action_col {
    padding-top: 12px;
}

.team-page.permissions tr td.action_col {
    vertical-align: middle;
}

.team-page .team_list tr td.action_col {
    opacity: 1;
}

.team-page .team_list tr td.action_col.show {
    opacity: 1;
}
.team-page .team_list tr td.action_col.padded {
    padding-left: 20px;
}

.remind-signer .signer_list tr td.action_col img.spinner,
.team-page .team_list tr td.action_col img.spinner {
    position: relative;
    left: -10px;
    top: 5px;
}

div#template_area li.template {
    padding: 10px;
    border-bottom: 1px solid #E6E6E6;
    height: 40px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 300;
}

div#template_area li.template:hover {
    background-color: #F7F8F9;
}

div#template_area li.template:last-child {
    border-bottom-style: none;
}


.team-page .pending_invites_container {
    position: relative;
    float: left;
    clear: both;
    width: 450px;
    border: 1px solid #CCCCE3;
    border-radius: 2px;
    height: 170px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.team-page h3 {
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    position: relative;
    float: left;
    clear: both;
}

.team-page #fax_line_purchase_warning {
    float: left;
    width: 400px;
    padding: 5px 10px;
}
.team-page #fax_line_purchase_warning h3 {
    width: 100%;
    font-size: 28px;
    margin-bottom: 10px;
}
.team-page #fax_line_purchase_warning p {
    font-size: 14px;
}
.team-page #fax_line_purchase_warning .buttons {
    margin-top: 20px;
    margin-bottom: 10px;
    float: right;
}
.team-page #fax_line_purchase_warning .buttons a {
    font-size: 13px;
}
.team-page #fax_line_purchase_warning .buttons button {
    padding: 10px 20px;
    margin-left: 10px;
}

.team-page .pending_invites_container table {
    width: 100%;
}

.team-page .pending_invites_container table td {
    padding-left: 5px;
}

.team-page #form_links {
    float: left;
    width: 300px;
    position: relative;
    top: 11px;
    padding-top: 5px;
}

.team-page #form_links a {
    font-size: 12px;
    padding: 12px 10px;
    display: inline;
    margin-right: 20px;
    width: 130px;
    float: left;
    height: 36px;
    display:inline-block;
}

.team-page #fax_line_config {
    position: relative;
    top: 27px;
    width: 300px;
    margin-top: 0px;
    margin-bottom: 40px;
    clear: both;
}

.team-page #fax_line_config h4 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 23px;
}

.remind-signer .signer_list .email_col,
.team-page .team_list .email_col {
    width: 317px;
    max-width: 317px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 8px;
}

.remind-signer .signer_list .email_col {
    width: 380px;
}

.team-page .team_list .email_col.owner {
    font-weight: bold;
}

.team-page .team-accounts-column.hs .team_list .email_col {
    width: 290px;
    max-width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.team-page .team-accounts-column .team_list .email_col span{
    width: 90%;
    overflow: hidden;
    display: inline-block;
}

.team-page .team_list .role_col {
    width: 20%;
    padding-left: 8px;
}

.team-page .team-accounts-column.hs .team_list .role_col {
    width: 140px;
    max-width: 140px;
}

.team-page .team-accounts-column.hs .team_list .misc_col {
    width: 119px;
    max-width: 133px;
}

.team-page .team-accounts-column.hs .team_list .misc_col a {
    vertical-align: top;
}

.team-page .team-accounts-column.hs .team_list .quota_template_col {
    width: 114px;
    max-width: 114px;
}
.team-page .team-accounts-column.hs .team_list .quota_sig_col {
    width: 144px;
}

.remind-signer .signer_list .action_col {
    width: 13%;
    text-align: center;
}

.team-page .team_list .action_col {
    width: 9%;
    text-align: center;
}

.team-page .team-accounts-column.hs .team_list .action_col {
    padding-left: 2px;
    width: 6%;
}

.team-page #fax_line_config .fax_line_select h4 {
    width: 300px;
    margin-bottom: 5px;
    font-size: 14px;
}

.team-page .fax_line_select div.message {
    font-weight: normal;
    padding-left: 10px;
    font-size: 14px;
    position: absolute;
    font-size: 13px;
    width: 320px;
    padding-left: 0;
    position: relative;
}

.team-page #fax_line_config .fax_line_select {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 5px;
    min-height: 52px;
}

.team-page #fax_line_config .fax_line_select button {
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: normal;
    color: black;
}
.team-page #fax_line_config .fax_line_select button:hover {
    color:black;
}

.team-page #fax_line_config .fax_line_select button span {
    width: 100%;
    display: block;
    line-height: 18px;
}

.team-page #fax_line_config .fax_line_select button span.ui-icon-triangle-2-n-s {
    width: 16px;
}

.team-page .qmark {
    background-color: #BBB;
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 1px 5px;
    font-size: 11px;
    margin-left: 7px;
    cursor: pointer;
}
.team-page .infoBubble {
    position: fixed;
    width: 200px;
}
.team-page .infoBubble.hide {
    display: none;
}
.team-page .infoBubble .content b {
    font-weight: bold;
}

.team-page p.my_fax_line {
    font-size: 14px;
    line-height: 18px;
}

.team-page img.delete_team_member_link,
.team-page img.delete_team_invite_link {
    cursor: pointer;
    width: 20px;
    filter:alpha(opacity=60);
    position: relative;
    left: 1px;
    float: left;
}
.team-page .delete_team_member_link.disabled,
.team-page .delete_team_invite_link.disabled,
.team-page .delete_team_member_link.disabled:hover,
.team-page .delete_team_invite_link.disabled:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.team-page .new_member_email_address[disabled="disabled"],
.team-page .add_team_member_submit.disabled,
.team-page .add_team_member_submit.disabled:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.team-page img.delete_team_member_link:hover,
.team-page img.delete_team_invite_link:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}

.team-page .block {
    position: relative;
    float: left;
}

.team-page .about-teams {
    float: left;
    margin-left: 50px;
    position: relative;
    padding-top: 7px;
}

.team-page .team-secondary-column {
    /* color: #383d43;*/
    margin-top: 9px;
}

.team-page .team-secondary-column .video {
    margin-bottom: 20px;
}

.team-page .team-secondary-column a.btn-red{
    padding: 15px 20px;
    display: inline-block;
}

.team-page .about-teams.no-top-margin {
    margin-top: 0px !important;
}

.team-page h2 {
    font-size: 3.0em;
    font-weight: 300;
    font-size: 24px;
}

.team-page .team-secondary-column ul {
    margin-top: 20px;
    font-size: 14px;
    list-style-type: none;
}

.team-page .team-secondary-column ul li {
    float: left;
    margin-bottom: 20px;
}

.team-page .team-secondary-column ul li span {
    float: left;
    font-size: 12px;
    line-height: 15px;
}

.team-page .team-secondary-column ul li span.title {
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
}

.team-page .team-secondary-column a.blue-sub {
    margin-top: 20px;
    display: inline-block;
}

.team-page .team-secondary-column {
    position: relative;
    float: left;
    margin-left: 75px;
    margin-right: -20px;
    width: 239px;
}

.team-page .team-secondary-column.has_fax_lines {
    top: -22px;
    padding-bottom: 100px;
}

/* ------ TEAM TUTORIAL ------------- */

.team-page #tutorial-overlay {
    display: none;
    /*background-color: #333;*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.team-page .tutorial-step {
    display: none;
    width: 100%;
    text-align: center;
    position: fixed;
    /* color: #FFF;*/
    z-index: 10000;
    top: 0px;
    left: 0px;
}
.team-page .tutorial-step.step-1 {
    top: 220px;
    left: 0px;
}
.team-page .tutorial-step.step-2 {
    text-align: left;
    padding-left: 300px;
    top: 140px;
}
.team-page .tutorial-step strong {
    font-size: 30px;
    font-weight: normal;
}
.team-page .tutorial-step p { margin-top: 30px; }
.team-page .tutorial-step.step-2 p { width: 400px; }
.team-page .tutorial-step.step-2 p > span {
    float: left;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 200;
    line-height: 22px;
}
.team-page .tutorial-step p a {
    font-size: 13px;
    font-weight: normal;
    margin-left: 20px;
}

/* --------- CHARDINJS OVERRIDE -------------- */

.team-page .chardinjs-overlay { display: none !important; }
.team-page .chardinjs-tooltip { max-width: 300px !important; }
.team-page .chardinjs-show-element {
    z-index: 1 !important;
    opacity: 1 !important;
    filter: alpha(opacity100) !important;
}
.team-page .chardinjs-tooltiptext {
    font-size: 16px;
    font-weight: 200;
    /* color: white;*/
}
.team-page .chardinjs-tooltiptext > p {
    font-size: 13px;
    font-weight: 200;
}

/* --------- PORTING FORM -------------- */

.team-page #faxline_porting {
    float: left;
    width: 330px;
    font-size: 14px;
    padding: 5px 15px 20px;
}
.team-page #faxline_porting > p {
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
}
.team-page #faxline_porting h3 {
    font-size: 22px;
    margin: 10px 0px 10px;
}
.team-page #faxline_porting #portRequestButton { margin: 10px 0px 5px; }
.team-page #faxline_porting form .error {
    float: left;
    width: 100%;
    margin: 7px 0px 0px;
    display: none;
}
.team-page #faxline_porting form input { width: 279px; }
.team-page #faxline_porting form button,
.team-page #faxline_form a.sub {
    height: auto;
    margin-top: 20px;
    position: relative;
    float: left;
    clear: both;
}

/* --------- FAXLINE FORM -------------- */

.team-page #faxline_form {
    float: left;
    font-size: 14px;
    width: 350px;
    padding: 5px 15px 20px;
}
.team-page #faxline_form #select-did-section {
    position: relative;
    float: left;
}
.team-page #faxline_form #select-did-section h3 {
    font-size: 22px;
    margin: 10px 0 20px;
}
.team-page #faxline_form td {
    padding-right: 15px;
    font-weight: 300;
}
.team-page #faxline_form .small-hint {
    font-size: 12px;
    padding-top: 10px;
    margin-bottom: 10px;
    position: relative;
    float: left;
}

.team-page #faxline_form select {
    font-size: 14px;
    height: auto;
}

.team-page #faxline_form #register_fax_line_submit {
    margin: 0;
}

.team-page .team-secondary-column #number_selector_table {
    position: relative;
    float: left;
    clear: both;
}

.team-page .team-secondary-column #register_fax_line_area_code,
.team-page .team-secondary-column #register_fax_line_state,
.team-page .team-secondary-column #register_fax_line_country {
    position: relative;
    top: -3px;
}

.team-page .team-secondary-column .hf-team-add-fax-line-button{
    width: 100px;
    float: left;
    height:40px;
    display:inline-block;
    padding: 15px 0px;
}

.team-page label.error_message,
.team-page label.error {
    font-size: 12px;
    font-weight: normal;
    position: relative;
    float: left;
    clear: both;
    margin-top: 7px;
}

.team-page label.error {
    position: static;
    float: left;
    margin-top: 0px;
}

.fancybox-popup-page {
    padding: 20px;
}

.fancybox-popup-page .close-link {
    margin-left: 70px;
    float: left;
    margin-top: 5px;
    display: inline-block;
}

html.iframe body.fancybox-popup-page {
    width: auto;
}

html.iframe body.fancybox-popup-page .activated {
    height: 500px;
}

.team-page div.addTeamMemberFancybox h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 5px 10px 5px;
}

.team-page div.addTeamMemberFancybox {
    width: 600px;
    height: 250px;
    padding: 20px;
    /*border: 1px solid #CCCCE3;*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.team-page div.addTeamMemberFancybox .btn-box {
    margin-top: 70px;
}

.team-page div.addTeamMemberFancybox .btn-box a {
    display: inline-block;
    margin-right: 20px;
}

.team-page div.addTeamMemberFancybox p {
    margin: 0 5px 8px;
    font-size: 14px;
    line-height: 1.34;
}

.confirmteam-page #right_expand h1 {
    padding: 2px 0 11px 52px;
    min-height: 39px;
    /* font: 2.8em/1.2 "Helvetica Neue Light", sans-serif; */
}

.confirmteam-page #content p {
    font-size: 16px;
    margin-top: 10px;
    margin-left: 55px;
    line-height: 20px;
}

.team-page div.onboarding-content .about-teams {
    margin-top: 0;
    margin-left: 105px;
    width: 470px;
}

.team-page div.onboarding-content .team-accounts-column {
    height: auto;
    width: auto;
    padding-top: 7px;
}

.team-page div.onboarding-content .team-accounts-column form {
    margin-top: 0;
}

.team-page div.onboarding-content label.error {
    font-size: 11px;
}

.team-page div.onboarding-content .add_team_member div.block {
    margin-bottom: 10px;
    height: 50px;
}

.team-page div.onboarding-content .about-teams ul {
    margin-top: 0;
}

/* Notifications */
.notification_wrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-left: 0px;
    padding-left: 50%;
    text-align: center;
    z-index: 999;
    pointer-events: none;
}

.notification-info .notification {
    border: 1px solid #6b7b5c;
}

.notification-success .notification {
    border: 1px solid #6b7b5c;
}

.notification-error {
    position: absolute;
    top: 0px;
    height: 100px;
    overflow: hidden;
    margin-left: 0px;
    padding-left: 50%;
}

.notification-error * {
    color: white;
}

.notification-error .notification {
    background: #C9252C;
    color: white;
}

.notification_wrapper .notification {
    width: 450px;
    position: relative;
    text-align: left;
    padding: 5px 10px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top: none;
    margin-left: -250px;
    pointer-events: auto;
}

.notification_wrapper .notification h1 {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.notification_wrapper .notification h2 {
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

.notification_wrapper .notification p {
    font-size: 14px;
    line-height: 14px;
}

.notification_wrapper .notification .close {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
}

.notification_wrapper .notification {
    min-height: 29px;
}

.notification_wrapper .notification img {
    float: left;
    margin-right: 10px;
}

.notification_wrapper .notification .close:hover {
    text-decoration: none;
}

.notification-fancybox {
    display: none;
}

.notification-inner-fancybox {
    position: relative;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
}

.notification-inner-fancybox a.secondary {
    display: inline-block;
    top: 12px;
    position: relative;
    font-size: 12px;
    margin-left: 15px;
}

.notification-inner-fancybox img#paper {
    display: block;
    margin: 20px auto;
}

.notification-inner-fancybox.simple {
    padding: 20px;
}

.notification-inner-fancybox.no-fax-team-plan,
.notification-inner-fancybox.ga-team-setup {
    width: 400px;
    height: 188px;
}

.notification-inner-fancybox.ga-team-setup .actions-continue {
    text-align: right;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.notification-inner-fancybox.ga-team-setup h1,
.notification-inner-fancybox.ga-team-setup div {
    text-align: left;
}
.notification-inner-fancybox.ga-team-setup p {
    margin-bottom: 15px;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}
.notification-inner-fancybox.ga-team-setup a {
    font-size: 14px;
    margin-left: 10px;
}

.fancybox_close {
    display: none;
}

#fancybox-outer {
    border-style: none;
}

#csvImportNotification {
    width: 530px;
}
#csvImportNotification h1 {
    float: left;
    text-align: left;
}
#csvImportNotification p {
    padding: 0px;
    font-size: 14px;
    margin-top: 10px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.notification-inner-fancybox h1 {
    min-height: 39px;
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
}

.notification-inner-fancybox p,
.notification-inner-fancybox ul {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
}

.notification-inner-fancybox .m-button {
    float: right;
    margin-top: 15px;
    margin-right: 0;
}

.notification-inner-fancybox ul {
    margin-left: 17px;
    list-style-type: disc;
}

.notification-inner-fancybox p.fb-subhead {
    font-size: 16px;
    width: 100%;
    font-weight: bold;
}

.notification-inner-fancybox h3 {
    margin-top: 20px;
    font-weight: 600;
}

.notification-inner-fancybox h3.fb-subhead {
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px dashed #E6E6E6;
}

.notification-inner-fancybox a.blue-sub {
    margin-top: 15px;
    display: inline-block;
}
.notification-inner-fancybox .inset {
    margin-left: 7px
}
.notification-inner-fancybox .simple {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.05em;
}


.file-from-url-error {
    margin: 20px;
}

.file-from-url-error h2 {
    font-size: 12pt;
}

.file-from-url-error p {
    margin-top: 15px;
}

div.browser_warning {
    font-size: 12pt;
    line-height: 1.4;
}

div.browser_warning strong {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.notification-inner-fancybox#user_upgrade a {
    display: block;
    float: left;
}

.notification-inner-fancybox#user_upgrade div#new_user_upgrade_reasons {
    float: left;
    margin-left: 20px;
    width: 315px;
    font-size: 10px;
}

.notification-inner-fancybox#user_upgrade div#new_user_upgrade_reasons h5 {
    font-size: 12px;
    /* font-style: italic; */
    margin: 10px 0px 5px 0px;
}

.notification-inner-fancybox#user_upgrade li {
    margin-left: 20px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}
.notification-inner-fancybox#user_upgrade div#new_user_upgrade_reasons div.contact-us {
    border-top: 2px solid #f2f2f2;
    margin-top: 23px;
    padding-top: 10px;
}
.notification-inner-fancybox#user_upgrade div.contact-reasons {
    font-size: 12px;
    float: left;
    line-height: 16px;
}
.notification-inner-fancybox#user_upgrade div.contact {
    float: right;
    padding: 0px 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 2px;
}
.notification-inner-fancybox#user_upgrade div.contact h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
}

.notification-inner-fancybox.survey h1 {
    font-size: 20px;
}

.notification-inner-fancybox.survey h3 {
    font-size: 22px;
}

.notification-inner-fancybox.survey .error {
    /* color: red;*/
    visibility: hidden;
}

.notification-inner-fancybox.survey form {
    padding-left: 7px;
}

.notification-inner-fancybox.survey textarea {
    width: 97%;
    height: 72px;
    line-height: 1.3em;
}

.notification-inner-fancybox.survey input[type='submit'] {
    float: right;
    margin-top: 20px;
}

.notification-inner-fancybox.test-mode {
    height: 195px;
    text-align: left;
}

.notification-inner-fancybox.test-mode p {
    text-align: left;
}

/* 3.5 One Time Payment
------------------------------------------------------------------------------*/

#charge_alert .left p,
#charge_alert_grace .left p {
    margin-top: 9px;
    width: 100%;
}

#charge_alert .right p,
#charge_alert_grace .right p {
    margin-top: 13px;
    margin-bottom: 9px;
}

#payment-title h2 {
    min-height: 39px;
}

#payment_form h3.page-subtitle {
    position: relative;
    float: left;
    clear: both;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 20px;
}

#payment_form table.account-table {
    clear:both;
}

.payment-page .floatclear {
    position: relative;
    float: left;
    clear: both;
}

.payment-page #payment-bottom {
    width: 445px;
}

.recoverpassword-page {
    padding: 15px 20px;
}

.recoverpassword-page h1 {
    min-height: 39px;
    width: 100%;
    border-bottom: 1px solid #cccce3;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}

.recoverpassword-page form {
    float: left;
    width: 340px;
}

.recoverpassword-page input.standard {
    width: 318px;
}

.recoverpassword-page .sub {
    float: left;
    margin-top: 20px;
    font-size: 14px;
}

.recoverpassword-page label[for="recover_email_address"] {
    display: none;
}

.updatecard-page #cc-data {
    position: relative;
    float: left;
    clear: both;
}

.updatecard-page #cc-data .account-table input {
    position: relative;
    float: left;
    clear: both;
    width: 228px;
    color: #4E4E4E;
    height: 37px;
}

.updatecard-page #cc-data .account-table select {
    position: relative;
    float: left;
    width: 105px;
    margin-right: 20px;
    background-color: white;
    padding-left: 20px;
    color: #4E4E4E;
    font-size: 14px;
}

.updatecard-page #cc-data #cc-tips > img {
    width: 140px;
}

.updatecard-page #cc-data #cc-tips > p {
    font-size: 12px;
    color: #A0A0A0;
    line-height: 1.2em;
    margin-top: 5px;
}

.payment-page .actions .spinner {
    margin-top: 20px;
}

.updatecard-page .actions .spinner,
.updatecard-page #continueButton {
    margin-left: 0;
}

.updatecard-page #continueButton > button {
    margin: 0;
}

.signerror-page #content {
    text-align: center;
}

.signerror-page .note-wrapper {
    position: relative;
    margin: 0px auto 60px;
    padding-top: 60px;
    width: 60%;
}

.signerror-page .note-wrapper h1 {
    min-height: 39px;
}

.signerror-page .note-wrapper h2 {
    text-align: left;
}

.signerror-page .note-wrapper h2 a {
    text-decoration: underline;
}

.notfound-page .leftcol {
    position: relative;
    float: left;
    width: 400px;
    margin-left: 50px;
}

.notfound-page .leftcol h2 {
    margin-top: 30px;
    font-weight: bold;
}

.notfound-page .leftcol p {
    margin-top: 17px;
    line-height: 20px;
}

.notfound-page img.joke {
    position: relative;
    float: right;
    width: 300px;
    margin-right: 70px;
    margin-top: 15px;
    border: 1px solid #333;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #CFCFCF;
}

/* 3.6 API Info
------------------------------------------------------------------------------*/

#api-info p, #api-info li {
    font-size: 15px;
}

#api-info li {
    margin: 15px 10px;
}

#api-info p {
    margin: 15px 0;
}

#api-info h1 {
    padding: 2px 0 11px 52px;
    min-height: 39px;
}

#api-info h2 {
    font-size: 1.6em;
    font-weight: bold;
    position: relative;
    padding-top: 1px;
}

/* 3.7 Contact Import
--------------------------------------------------------------------------------*/

div.invite-form,
div.import-source-list {
    float: left;
    margin: 10px 20px;
}

div.import-source-list h1 {
    margin-left: 0px;
    padding-left: 0px;
}

div.div.invite-form #invite-error,
div.import-source-list #import-error {
    font-size: 12px;
    float: left;
    clear: both;
}

div.import-pending h1 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
}

div.invite-form h1,
div.import-success h1,
div.import-source-list h1 {
    font-size: 32px;
    font-weight: 400;
}

div.import-pending p {
    position: relative;
    top: 7px;
    font-size: 14px;
    margin: 10px 0px 30px 0px;
}

div.invite-form p,
div.import-success p,
div.import-source-list p {
    font-size: 14px;
    margin: 10px 0px 30px 0px;
}

div.import-source-list div.right-side,
div.import-source-list div.left-side {
    float: left;
    width: 250px;
}

div.import-success input[type=submit],
div.import-source-list input[type=submit] {
    font-size: 16px;
    margin: 20px 0px;
    float: left;
    clear: both;
}

div.import-source-list div.import-source {
    margin-bottom: 20px;
}

div.import-source-list div.import-source input[type=radio] {
    float: left;
    position: relative;
    top: 15px;
    margin-right: 15px;
}

div.import-source-list div.import-source img {
    max-width: 150px;
    cursor: pointer;
}

div.import-source-list a#importLink:hover {
    text-decoration: none;
}

.import-steps h1 {
    padding: 11px 0 1px 0px;
    min-height: 39px;
    border-bottom: 1px solid #CCCCE3;
    margin-bottom: 10px;
    margin-right: 13px;
}

.import-steps .contact-container {
    margin-top: 5px;
}

.import-steps #contact-list {
    position: relative;
    float: left;
    border: 1px solid #CCCCE3;
    border-radius: 2px;
    height: 240px;
    width: 410px;
    overflow: auto;
}

.import-steps #contact-list .contact {
    position: relative;
    float: left;
    width: 390px;
    padding-left: 5px;
    padding-top: 5px;
    font-size: 12px;
}

.import-steps #contact-list .contact input {
    position: relative;
    float: left;
    margin-right: 10px;
}

.import-steps #contact-list .contact label {
    font-weight: normal;
    position: relative;
    float: left;
    font-size: inherit;
    width: 360px;
    line-height: 17px;
    height: 17px;
    overflow: hidden;
    margin-top: 1px;
}

.import-steps #import-step-3 .green-sub {
    position: relative;
    float: right;
    margin-top: 19px;
    margin-right: 14px;
}

.import-steps #contact-message {
    position: relative;
    float: left;
}

.import-steps #contact-message textarea {
    width: 224px;
    margin: 0px 0px 0px 10px;
    height: 220px;
    font-size: 12px;
}

.import-steps div.import-step {
    position: relative;
    float: left;
    margin-left: 20px;
}

.import-steps p {
    font-size: 13px;
}

.import-steps p.description {
    margin-bottom: 13px;
    line-height: 16px;
}

.import-steps #closeWindow {
    margin-top: 40px;
}

.import-steps .contact-controls {
    position: relative;
    float: left;
    margin-top: 5px;
    font-size: 11px;
}

/* 3.8 Onboarding
--------------------------------------------------------------------------------*/

body.onboarding-layout #right_expand { margin: 0px; }
body.onboarding-layout #container { margin: 0px; }

body.onboarding-layout input.blue-sub {
    font-size: 16px;
    padding: 5px 14px;
    line-height: 21px;
}

div.onboarding-content { width: 800px; }

body.onboarding-layout .onboarding-header {
    max-width: 800px;
    border-bottom: 1px solid #E2E6F6;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 15px;
    clear: both;
}

body.onboarding-layout .onboarding-header > h1, body.onboarding-layout .onboarding-header > .hf-logo {
    float: left;
    margin-right: 20px;
}

body.onboarding-layout .onboarding-header > #title {
    padding: 8px 0 0 0;
    min-height: 39px;
    /* font: 2.8em/1.2 "Helvetica Neue Light", sans-serif; */
}

body.onboarding-layout p.legal {
    text-align: center;
    margin: 30px 0px;
}

div.invite-team-onboarding { width: 726px; }
div.set-password-onboarding { width: 390px; }

html.iframe body.set-password {
    overflow: hidden;
    height: 100%;
    position: relative;
    float: left;
    padding-left: 30px;
    padding-top: 5px;
}

div.invite-upsell { width: 675px; }

div.onboarding-content div.navLinks {
    float: left;
    width: 100%;
    text-align: right;
}

.onboarding-layout div.navLinks #skip {
    font-size: 16px;
    padding-left: 20px;
}

.onboarding-layout div.section > .blue-sub {
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
}

div.onboarding-content div.navLinks span.navLink:hover { text-decoration: underline; }
div.onboarding-content div.navLinks span.navLink {
    cursor: pointer;
    display: inline;
    margin: 7px 10px 0;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
}

#right_expand div.onboarding-content div.navLinks .blue-sub {
    margin-top: 0;
    font-size: 16px;
}

div.onboarding-content div.left_upsell {
    float:left;
    padding-top:7px;
    /* font:1.5em/1 Arial,sans-serif; */
}

div.onboarding-content div.left_upsell p {
    width: 540px;
}

div.onboarding-content div.left_upsell .evernote h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 7px;
}

div.onboarding-content div.left_upsell .evernote p { max-width: 300px; }
div.onboarding-content div.right_upsell {
    float:left;
    font-size:14px;
}

div.onboarding-content div.right_upsell li {
    padding: 8px 0;
    line-height: 18px;
}

div.onboarding-content div.right_upsell li img { padding-bottom: 3px; }
div.onboarding-content .section {
    margin-bottom: 25px;
    font-size: 14px;
}

div.onboarding-content .section .title { font-weight: bold; }
div.onboarding-content .section .content { font-weight: 200; }
div.onboarding-content .section#set-personal label { font-weight: 200; }
div.onboarding-content .section#set-personal input[type="password"],
div.onboarding-content .section#set-personal input[type="text"]{
    width: 293px;
    font-size: 14px;
}
div.onboarding-content .section#set-personal form > div { margin-bottom: 15px; }

div.onboarding-content .headline {
    padding: 0 0 14px 0;
    /* font: 27px "Helvetica Neue Light", sans-serif; */
    min-height: 39px;
}

div.onboarding-content .custom_logo_file_name {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    position: relative;
    left: -122px;
    width: 1px;
    height: 11px;
}

div.onboarding-content .uploader_link { float: left; }
div.onboarding-content p { margin-top: 15px; }

.onboarding-layout h4 {
    font-size: 1.3em;
    font-weight: 200;
    margin-bottom: 10px;
}

div.onboarding-content h1 {
    padding: 0 0 14px 0;
    min-height: 39px;
}

.getting-started-page .steps {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 5px;
}

.getting-started-page .steps h1 {
    font-size: 32px;
    border-bottom: 1px solid #CCCCE3;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: -6px;
    padding: 2px 0 11px 52px;
    min-height: 39px;
}

.getting-started-page .steps p.welcome {
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 46px;
}

.getting-started-page .steps .step {
    position: relative;
    display: block;
    padding: 15px 20px 15px 0;
    margin-bottom: 0px;
    height: 40px;
}

.getting-started-page .steps .step .step_container {
    margin-bottom: 0px;
    margin-top: 0px;
}

.getting-started-page .steps .step.extra {
    border-top: 1px solid #CCC;
    padding-right: 0;
    margin-top: 10px;
}


.getting-started-page .steps .step .step-info {
    position: relative;
    float: left;
    width: auto;
    top: -9px; /*sigh*/
}

.getting-started-page .steps .step .step-info h5 {
    font-size: 20px;
    padding-left: 48px;
}

.getting-started-page .steps .step .step-info p {
    font-size: 13px;
    margin-top: 5px;
    padding-left: 48px;
}

.getting-started-page .steps .step .step-cta {
    position: relative;
    float: right;
}

.getting-started-page .steps .step iframe {
    margin-top: 8px;
}

.getting-started-page .row .completed .step-cta {
    display: none;
}

.getting-started-page .row .check {
    display: none;
}

.getting-started-page .row .completed .check {
    display: block;
    margin-left: 26px;
}

.getting-started-page .steps .step .error {
    position: relative;
    float: right;
    clear: both;
}

.getting-started-page .steps .green-sub {
    border-top: 1px solid #b6ca85;
    padding: 9px 19px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    font-size: 17px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border-style: none;
    float: left;
}

.getting-started-page .steps b {
    font-weight: bold;
    text-transform: capitalize;
}

.getting-started-page #tweet-row iframe {
    margin-right: -21px;
}

.upload-signature-page #signature-app-wrapper {
    position: relative;
    float: left;
}

.upload-signature-page.iframe #signature-app-wrapper {
    margin: 5px;
    max-height: 360px;
}

.upload-signature-page #signature-area-tag,
.upload-signature-page #signature-area-close {
    display: none;
}

.upload-signature-page #signature-area {
    margin: 0 auto !important;
}

.upload-signature-page #canvas_holder {
    margin-top: 40px;
}

/* 3.9 Box Promo Flow
--------------------------------------------------------------------------------*/

.box-promo h1 {
    margin-bottom: 15px;
    width: 133px !important;
}

.box-promo h4.subhead {
    font-size: 20px;
    position: relative;
    float: left;
    clear: both;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}

.box-promo p {
    font-size: 14px;
    margin-bottom: 20px;
}

img.promo_logo {
    float: right;
    margin-right: 35px;
}

.box-promo-content, .box-promo-large-content {
    clear: both;
}

.box-promo-content strong {
    font-size: 13pt;
    margin-bottom: 10px;
    display: block;
}

.box-promo-content p {
    margin-bottom: 40px;
}

.box-promo-video-content .box-promo-content p {
    margin-bottom: 20px;
}

.box-promo-large-content strong {
    font-size: 20pt;
    margin-bottom: 15px;
    padding-top: 30px;
    display: block;
}

.box-promo-large-content p {
    margin-bottom: 40px;
    font-size: 16pt;
}

#box-promo-side-logos {
    float: left;
    width: 150px;
    text-align: center;
}

#box-promo-side-logos img{
    display: block;
    margin: 45px auto 40px auto;
    padding-right: 50px;
}

#box-promo-video-prefix {
    width: 500px;
    margin: auto;
}

#box-promo-side-text {
    float: right;
    width: 300px;
}

#box-promo-side-text strong {
    display: block;
    font-size: 24pt;
    margin-top: 10px;
    margin-bottom: 7px;
}
#box-promo-side-text p {
    font-size: 12pt;
    margin-bottom: 20px;
}


/* 3.10a. Incoming File
--------------------------------------------------------------------------------
==============================================================================*/

.incoming_file_container {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

.incoming_file_container.new {
    margin-top: 115px;
    position: relative;
    top: -75px;
}

.modal #main-content .incoming_file_container h1 {
    margin-top: 40px;
    background-size: 180px;
}



.incoming_file_container h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.incoming_file_container h3 {
    font-size: 30px;
    margin-bottom: 50px;
}

.incoming_file_container.new h3 {
    margin-bottom: 100px;
}

.incoming_file_container .file-icon {
    text-align: center;
    display: inline-block;
    margin: 15px 5px;
    margin-bottom: 40px;
    width: 150px;
    vertical-align: top;
}

.incoming_file_container .name_container {
    margin-bottom: 40px;
    font-size: 14pt;
}

.incoming_file_container .announcement {
    float: left;
    margin-right: 20px;
    font-size: 10pt;
    width: 100%;
}

.incoming_file_container .announcement img {
    position: relative;
    float: left;
}

.incoming_file_container .announcement p {
    position: relative;
    float: left;
    width: 200px;
    margin-left: 29px;
    font-size: 19px;
    margin-top: 5px;
}

.incoming_file_container .announcement p.standalone {
    margin-left: 0px;
    width: inherit;
}

.incoming_file_container p.standalone.redirect_heading {
    margin-bottom: 50px;
}

.incoming_file_container img.redirect {
    display: block;
    margin: auto;
}

.incoming_file_container p.redirect {
    font-size: 10pt;
    text-align: center;
    margin-top: 5px;
}

.incoming_file_container p.file-name {
    width: auto;
    font-size: 11px;
    padding: 3px 10px;
    display: inline-block;
    margin-top: 0;
    color: #808080;
    line-height: 120%;
}

.incoming_file_container .hero {
    margin: 10px auto;
    width: 640px;
    padding: 20px 0px;
}

.incoming_file_container .hero.no-bg {
    width: 800px;
}

.incoming_file_container .hero .primary-button {
    font-size: 18px;
    font-weight: bold;
    padding: 18px 25px;
}

.incoming_file_container .hero .request .primary-button {
    padding: 18px 8px;
}

.incoming_file_container .action_wrapper {
    margin-top: 20px;
    clear: both;
    position: relative;
    float: left;
}

.incoming_file_container .action_container {
    position: relative;
    float: left;
    padding: 0px 66px;
    width: 187px;
}

.incoming_file_container #sign_chooser {
    float: none;
    width: auto;
}

.incoming_file_container #fax_chooser {
    float: none;
    width: auto;
    display: inline-block;
}

.incoming_file_container #sign_chooser a {
    float: none;
}

.incoming_file_container .action_container a {
    margin: 0px;
    position: relative;
    float: left;
    clear: both;
}

.incoming_file_container .action_container p.action_info {
    position: relative;
    float: left;
    clear: both;
    margin-top: 15px;
    font-size: 14px;
    width: 180px;
}

/* HelloFax incoming page from Google Drive */
.incoming_file_container #fax_chooser.action_container p.action_info {
    float: none;
    width: auto;
    font-size: 12px;
    margin-top: 35px;
}


/* 3.10b. Google Incoming File
--------------------------------------------------------------------------------
==============================================================================*/

.google.error_container {
    margin-top: 15px;
}

.google.error_container .announcement p {
    position: relative;
    float: left;
    font-size: 19px;
    margin-top: 5px;
    text-align: center;
    width: 340px;
}

.google.error_container .action_container a {
    font-size: 16px;
    margin: 55px 0px 0px 80px;
}

.google.incoming_file_container .take_tour .tour_btn {
    height: 35px;
    width: 178px;
    margin: auto auto 10px auto;
    cursor: pointer;
    font-size: 16px;
    padding-top: 14px;
}

p.standard-text,
.google.incoming_file_container .take_tour p {
    font-size: 14px;
}

body.modal #container #main-content .google.incoming_file_container .action_wrapper .action_container {
    position: relative;
    float: left;
    clear: both;
    width: 323px;
    margin-bottom: 25px;
}

body.modal #container #main-content .google.incoming_file_container .action_wrapper .action_container h5 {
    font-weight: bold;
    font-size: 13px;
    position: relative;
    float: left;
    margin-top: 3px;
}

body.modal #container #main-content .google.incoming_file_container .action_wrapper .action_container p {
    font-size:12px;
    line-height: 14px;
    position: relative;
    float: left;
    clear: both;
}

body.modal #container #main-content .google.incoming_file_container .action_wrapper .action_container a {
    margin-top: 0px;
    float: left;
    position: relative;
    margin-right: 10px;
    width: 62px;
    text-align: center;
    padding: 8px 16px;
}

body.modal #container #main-content .google.incoming_file_container .action_wrapper .action_container a.bigger {
    width: 100px;
}

body.modal #container #main-content .google.incoming_file_container .action_wrapper .action_container .action_info {
    position: relative;
    float: left;
    width: 219px;
}

body.white-centered #main-content .google.incoming_file_container p.caption {
    font-size: 15px;
    margin: 15px 0px;
}

body.white-centered #main-content .google.incoming_file_container div.spinner {
    float: left;
    margin-top: 10px;
    width: 100%;
}

body.white-centered #main-content .google.incoming_file_container {
    margin-top: 0px;
}

body.white-centered #main-content .google.incoming_file_container .logo.sign img {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* 3.10c. Outlook Incoming File
--------------------------------------------------------------------------------
==============================================================================*/

.outlook.incoming_file_container {
    margin-top: 150px;
}

.outlook.incoming_file_container .hero {
    display: none;
}

.outlook.incoming_file_container .file-icon {
    margin-bottom: 0px;
}


/* 3.11 Google Signup
--------------------------------------------------------------------------------
==============================================================================*/

.wizard #header {
    padding-top: 30px;
}

.wizard .logo {
    position: relative;
    left: 30px;
    width: 140px;
    float: left;
    z-index: 2;
}

.drive-signup-page,
.drive-share-page {
    text-align: center;
}

.drive-signup-page .sign-in-with-google {
    background: url(../images/drivepromo/sign-in-with-google.png) no-repeat;
    height: 117px;
    width: 397px;
    display: inline-block;
    text-indent: -9999px;
    margin-top: 40px;
}

.drive-signup-page #header,
.drive-share-page #header {
    height: 0px;
    margin: 0px;
}

.drive-signup-page #main-content,
.drive-share-page #main-content {
    margin-top: -20px;
}

.drive-contest {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.drive-contest .box {
    width: 800px;
    margin: 0 auto;
}

.drive-contest h1 {
    margin: 15px auto 0px auto;
    padding: 30px 0px 28px 0px;
    border-bottom: 1px solid #BFC0DC;
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    /* color: #24253D;*/
    text-shadow: 0px 1px 1px #FFF;
}

.drive-contest div.whiteline {
    border-top: 1px solid #FFF;
    padding: 0px;
}

.drive-contest p {
    padding-top: 30px;
    font-size: 22px;
    font-weight: normal;
}

.drive-contest .keep-updated input,
.drive-contest .keep-updated label {
    float: none;
    display: inline-block;
}

.drive-contest .drive-step {
    font-size: 16px;
    /* color: #8686A3;*/
    text-shadow: 0px 1px 2px #FFF;
    margin-top: 17px;
    margin-bottom: -10px;
}

.drive-contest b {
    font-weight: normal;
}

.skydrive-share,
.evernote-share,
.drive-share {
    border: 1px solid #878787;
    border-radius: 4px;
    width: 550px;
    padding: 19px;
    margin: 0px auto 0px auto;
    /* background: #f2f2f2;*/
    /* background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f2f2f2));*/
    /* background: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2);*/
    /* background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2);*/
    /* background: -ms-linear-gradient(top, #fcfcfc, #f2f2f2);*/
    /* background: -o-linear-gradient(top, #fcfcfc, #f2f2f2);*/
    position: relative;
}

.skydrive-share textarea,
.evernote-share textarea,
.drive-share textarea {
    position: relative;
    float: left;
    margin-top: 0px;
    /* background: #FFF;*/
    border: 1px solid #878787;
    border-radius: 4px;
    width: 524px;
    /* color: #444;*/
    line-height: 20px;
    font-size: 14px;
    box-shadow: none;
    height: 40px;
    /* font-family: "Helvetica Neue Light";*/
}

.skydrive-share .primary-button,
.evernote-share .primary-button,
.drive-share .primary-button {
    margin-top: 16px;
    margin-bottom: 3px;
    margin-left: 14px;
    font-size: 16px;
    line-height: 26px;
}

.skydrive-share .primary-button img,
.evernote-share .primary-button img,
.drive-share .primary-button img {
    position: relative;
    float: left;
    margin: -2px 14px -2px -6px;
}

.skydrive-share .primary-button:first-child,
.evernote-share .primary-button:first-child,
.drive-share .primary-button:first-child {
    margin-left: 0px;
}

.skydrive-next,
.evernote-next,
.drive-next {
    width: 580px;
    margin: 13px auto;
    text-align: right;
}

.skydrive-next a,
.evernote-next a,
.drive-next a {
    /* color: #8686A3;*/
    font-size: 16px;
    text-shadow: 0px 1px 1px #FFF;
    font-weight: bold;
}

.skydrive-next a:hover,
.evernote-next a:hover,
.drive-next a:hover {
    text-decoration: none;
    /* color: #757592;*/
}

.login-page #fancybox-outer {
    /* background: none repeat scroll 0 0 #F4F5F9;*/
}

.login-page.embedded-requesting > #wrap {
    margin: 0px;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.login-page.embedded-requesting .right-nav,
.login-page.embedded-requesting > #footer { display: none; }
.login-page.embedded-requesting,
.login-page.embedded-requesting > #wrap > #container {/* background: #FFF; */}
.login-page.embedded-requesting > #wrap > #container #header a h1 { margin: 0px; }
.login-page.embedded-requesting > #wrap > #container #main-content { padding-top: 7%; }
.login-page.embedded-requesting > #wrap > #container #login .header {
    width: 495px;
    margin-left: 35px;
}
.login-page.embedded-requesting > #wrap > #container #login .input-area {
    margin-left: 0px;
    padding-left: 35px;
}
.login-page.embedded-requesting > #wrap > #container .login-form {
    width: 760px;
    margin: 0px auto;
}

.login-confusion {
    float: left;
    padding: 10px;
    /*background-color: white;*/
}
.login-confusion h3 {
    font-size: 26px;
    font-weight: bold;
    margin: 10px 0px;
    float: left;
    width: 100%;
}
.login-confusion p {
    font-size: 14px;
    margin-top: 10px;
}
.login-confusion button {
    font-size: 14px !important;
    padding: 10px 20px !important;
    margin: 20px 0px;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.chrome-webstore-button-container {
    width: 400px;
    margin: 20px auto;
}

.chrome-webstore-button-container a {
    background: url(../images/drivepromo/webstore_btn.png) no-repeat;
    text-indent: -9999px;
    font-size: 22px;
    text-shadow:  0px -1px 1px #000;
    position: relative;
    float: left;
    width: 474px;
    height: 112px;
}

.chrome-webstore-button-container a:hover {
    text-decoration: none;
    text-shadow:  0px -2px 1px #000;
}

.drive-share-page .drive-contest p,
.drive-congrats-page .drive-contest p {
    padding-top: 23px;
    padding-bottom: 25px;
}

body.oauth-only-login-page {
    overflow-x: hidden;
}

body.oauth-only-login-page .drive-contest .bs_container {
    text-align: left;
    margin: 0 auto;
    font-size: 14px;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

body.oauth-only-login-page .drive-contest .bs_container .center {
    text-align: center;
}

body.oauth-only-login-page .drive-contest .bs_container p {
    padding-top: 10px;
    font-size: inherit;
    line-height: 23px;
}

body.oauth-only-login-page .drive-contest .bs_container ol {
    margin-bottom: 10px;
    font-weight: normal;
}

/* 3.12 RESPONSIVE TIPS
--------------------------------------------------------------------------------
==============================================================================*/
.responsive-tips {
    position: absolute;
    right: 50px;
    top: 30px;
    width: 290px;
    opacity: .7;
}

.responsive-tips h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
}

.responsive-tips h5 {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}

.responsive-tips h6 {
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
}

.responsive-tips p {
    font-size: 13px;
    line-height: 18px;
}

.responsive-tips .voffset1 { margin-top: 2px; }
.responsive-tips .voffset2 { margin-top: 5px; }
.responsive-tips .voffset3 { margin-top: 10px; }
.responsive-tips .voffset4 { margin-top: 20px; }


/* 3.13 LEGAL PAGE
--------------------------------------------------------------------------------
==============================================================================*/

.legal-page {
    margin-bottom: 100px;
}

/* 3.14 GMAIL LANDING PAGE
--------------------------------------------------------------------------------
==============================================================================*/


.gmail-landing-page #header {
    margin-bottom: 0px;
}

body.gmail-landing-page > #wrap {
    /* background: #f9f9f9;*/
}

body.gmail-landing-page > #wrap > #container {
    margin-right: 0px !important;
    margin-left: 0px !important;
    width: 1000px;
    padding-right: 0px;
    padding-bottom: 86px;
}

body.gmail-landing-page #main-content {
    margin: 0px;
    padding: 0px !important;
    width: 100%;
}

.gmail-landing-page .top-content {
    padding: 40px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 2px 1px #AAA;
    z-index: 5;
    position: relative;
}



.gmail-landing-page div.gmail-bottom-content {
    padding: 40px;
    /* background: #f9f9f9;*/
    z-index: 4;
}

.gmail-landing-page .gmail-bottom-content p,
.gmail-landing-page .gmail-bottom-content h5 {
    font-size: 14px;
    line-height: 23px;
    /* color: #222;*/
}


.gmail-landing-page div.bottom-divider {
    padding-bottom: 60px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 60px;
}

.gmail-landing-page #main-content h1 {
    font-size: 32px;
    font-weight: bold;
    /* color: #222;*/
    text-shadow: 0px 1px 0px #FFF;
}

.gmail-landing-page #main-content h1 img {
    display: inline-block;
    margin-bottom: -16px;
}

.gmail-landing-page .blue-sub {
    display: inline-block;
}

.gmail-landing-page h3.subtitle {
    font-size: 28px;
    /* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif;*/
    font-weight: lighter;
    line-height: 40px;
    /* color: #222;*/
}

.gmail-landing-page h3.subtitle strong {
    /* color: #111;*/
    font-weight: normal;
    /* font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;*/
}

.gmail-landing-page h2.blue {
    /* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif;*/
    /* color: #2aa3d3;*/
    font-size: 48px;
    line-height: 60px;
    font-weight: lighter;
    text-align: center;
}

.gmail-landing-page h4.attribution {
    /* color: #222;*/
    /* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif;*/
    font-size: 24px;
    text-align: center;
    /* font-style: italic; */
    margin-top: 20px;
    text-shadow: 0px 0px 1px #FFF;
    opacity: .8;
    float: none;
}

.gmail-landing-page h4.as-seen-in {
    /* color: #222;*/
    /* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif;*/
    font-size: 24px;
    /* font-style: italic; */
    font-weight: normal;
    opacity: .8;
}

.gmail-landing-page #try-it-out-link {
    display: inline-block;
}

.add-country-link {
    margin: 0% 5%;
    font-size: 1.5em;
}

/* 4. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

    body {
        /* font: normal normal 12pt/1.5em "Times New Roman", Times, serif; */
    }

    a[href]:after {
        content: " (" attr(href) ") ";
        font-size: 90%;
    }

    a[href^="/"]:after {
        content: " (http://domain.com" attr(href) ") ";
    }

    ol#accessibility-nav,
    .hide {
        display: none !important;
    }

}

/* 5. Bootstrap subset
--------------------------------------------------------------------------------
==============================================================================*/
.bs_container {
    width: 940px;
    font-size: 13px;
}

.bs_container_centered_post {
    margin: 0 auto;
    width: 700px;
}

.bs_container_fluid {
    width: 100%;
}

.bs_container p {
    margin: 0 0 9px;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 13px;
    line-height: 18px;
}

.bs_bigger_fonts p,
.bs_container_centered_post p {
    font-size: 16px;
    line-height: 24px;
}

.bs_container b {
    font-weight: bold;
}

.bs_container h1,
.bs_container h2,
.bs_container h3,
.bs_container h4,
.bs_container h5,
.bs_container h6 {
    margin: 0;
    /* font-family: inherit;*/
    font-weight: bold;
    /* color: inherit;*/
    text-rendering: optimizelegibility;
}
.bs_container h1.light,
.bs_container h2.light,
.bs_container h3.light,
.bs_container h4.light,
.bs_container h5.light,
.bs_container h6.light {
    /* font-family: "Helvetica Neue Light", sans-serif;*/
    font-weight: normal;
}


.bs_container h1 {
    font-size: 30px;
    line-height: 36px;
}
.bs_container h2 {
    font-size: 24px;
    line-height: 36px;
}
.bs_container h2 small {
    font-size: 18px;
}
.bs_container h3 {
    line-height: 27px;
    font-size: 18px;
}
.bs_container h3 small {
    font-size: 14px;
}
.bs_container h4, .bs_container h5, .bs_container h6 {
    line-height: 18px;
}
.bs_container h4 {   font-size: 14px; }
.bs_container h4 small {
    font-size: 12px;
}
.bs_container h5 {  font-size: 12px; }
.bs_container h6 {
    font-size: 11px;
    /* color: #999999;*/
    text-transform: uppercase;
}
.bs_container .row {
    margin-left: -20px;
    *zoom: 1;
}
.bs_container .row:before,
.bs_container .row:after {
    display: table;
    content: "";
}
.bs_container .row:after {
    clear: both;
}
.bs_container [class*="span"] {
    float: left;
    margin-left: 20px;
}
.bs_container .span12 { width: 940px; }
.bs_container .span11 { width: 860px; }
.bs_container .span10 { width: 780px; }
.bs_container .span9 {  width: 700px; }
.bs_container .span8 {  width: 620px; }
.bs_container .span7 {  width: 540px; }
.bs_container .span6 {  width: 460px; }
.bs_container .span5 {  width: 380px; }
.bs_container .span4 {  width: 300px; }
.bs_container .span3 {  width: 220px; }
.bs_container .span2 {  width: 140px; }
.bs_container .span1 {  width: 60px;  }
.bs_container .offset3 {  margin-left: 220px; }
.bs_container .offset2 {  margin-left: 140px; }
.bs_container .offset1 {  margin-left: 60px;  }
.bs_container .voffset1 { margin-top: 5px; }
.bs_container .voffset2 { margin-top: 10px; }
.bs_container .voffset3 { margin-top: 15px; }
.bs_container .voffset4 { margin-top: 20px; }
.bs_container .voffset5 { margin-top: 30px; }
.bs_container .voffset6 { margin-top: 40px; }
.bs_container .voffset7 { margin-top: 40px; }

.bs_container ol {
    margin: 20px 10px;
    font-size: inherit;
}

.bs_container ol li {
    list-style: decimal inside none;
    font-size: inherit;
}

.bs_container table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    /*background-color: transparent;*/
}
.bs_container .table {
    width: 100%;
    margin: 0px;
    margin-bottom: 18px;
    font-size: inherit;
}
.bs_container .table th,
.bs_container .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border: none;
    border-top: 1px solid #dddddd;
    font-size: inherit;
}
.bs_container .table th {
    font-weight: bold;
}
.bs_container .table thead th {
    vertical-align: bottom;
}
.bs_container .table colgroup + thead tr:first-child th,
.bs_container .table colgroup + thead tr:first-child td,
.bs_container .table thead:first-child tr:first-child th,
.bs_container .table thead:first-child tr:first-child td {
    border-top: 0;
}
.bs_container .table tbody + tbody {
    border-top: 2px solid #dddddd;
}
.bs_container .table-bordered {
    border: 1px solid #dddddd;
    border-left: 0;
    border-collapse: separate;
    *border-collapse: collapsed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.bs_container .table-bordered th,
.bs_container .table-bordered td {
    border-left: 1px solid #dddddd;
}
.bs_container .table-bordered thead:first-child tr:first-child th,
.bs_container .table-bordered tbody:first-child tr:first-child th,
.bs_container .table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}
.bs_container .table-bordered thead:first-child tr:first-child th:first-child,
.bs_container .table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}
.bs_container .table-bordered thead:first-child tr:first-child th:last-child,
.bs_container .table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}
.bs_container .table-bordered thead:last-child tr:last-child th:first-child,
.bs_container .table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}
.bs_container .table-bordered thead:last-child tr:last-child th:last-child,
.bs_container .table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}
.bs_container .table-striped tbody tr:nth-child(odd) td,
.bs_container .table-striped tbody tr:nth-child(odd) th {
    /*background-color: #f9f9f9;*/
}
.bs_container .table tbody tr:hover td,
.bs_container .table tbody tr:hover th {
    /*background-color: #f5f5f5;*/
}

.bs_container .pull-right, .pull-right {
    float: right;
}

.btn-medium,
a.btn-medium,
.bs_container a.btn-medium,
.btn-medium:focus,
a.btn-medium:focus,
.bs_container a.btn-medium:focus {
    padding: 11px 17px;
    font-size: 16px;
    display: inline-block;
}

.bs_container hr {
    width: 100%;
    height: 0px;
    border: none;
    border-bottom: 1px solid #CCC;
    display: inline-block;
    font-size: 1px;
    overflow: hidden;
    /* background: #FFF;*/
}

.bs_container span.help {
    /* color: #888;*/
    font-size: 12px;
    line-height: 14px;
}

/* ------------- EVERNOTE FLOW ---------------------- */

body.evernote-page .evernote {
    text-align: center;
}

body.evernote-page .evernote h1 {
    font-size: 34px;
    font-weight: bold;
}

body.evernote-page .evernote .whiteline {
    width: 100%;
    height: 0px;
    border-bottom: solid 1px white;
    border-top: solid 1px #CCCEE2;
    margin-bottom: 20px;
    margin-top: 20px;
}

body.evernote-page .evernote .subhead {
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 40px;
}

body.evernote-page .evernote #email {
    margin-top: 0px;
}

body.evernote-page .evernote .actions {
    height: 38px;
}

body.evernote-page .evernote #frmSignup #error {
    display: block;
    position: relative;
    left: -165px;
    /* color: red;*/
    font-weight: bold;
}

body.evernote-page .evernote .actions #getStartedButton {
    height: 38px;
    position: relative;
    top: -4px;
    font-size: 16px;
}

body.evernote-page .evernote .login {
    font-size: 16px;
    margin-top: 0px;
    width: 200px;
    float: right;
    right: 181px;
    position: relative;
}

body.evernote-page .evernote .login span {
    margin: 0px 10px;
}

body.evernote-page .evernote .evernote-share {
    width: 555px;
}

body.evernote-page .evernote .evernote-share textarea {
    /* font-family: 'Helvetica Neue', 'Helvetica Neue Light', Arial, sans-serif;*/
}


/* ------------- SKYDRIVE FLOW ---------------------- */

body.skydrive-page .skydrive {
    text-align: center;
}

body.skydrive-page .skydrive h1 {
    font-size: 34px;
    font-weight: bold;
}

body.skydrive-page .skydrive .whiteline {
    width: 100%;
    height: 0px;
    border-bottom: solid 1px white;
    border-top: solid 1px #CCCEE2;
    margin-bottom: 20px;
    margin-top: 20px;
}

body.skydrive-page .skydrive .subhead {
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 40px;
}

body.skydrive-page .skydrive #email {
    margin-top: 0px;
}

body.skydrive-page .skydrive .actions {
    height: 38px;
}

body.skydrive-page .skydrive #frmSignup #error {
    display: block;
    position: relative;
    left: -165px;
    /* color: red;*/
    font-weight: bold;
}

body.skydrive-page .skydrive .actions #getStartedButton {
    height: 38px;
    position: relative;
    top: -4px;
    font-size: 16px;
}

body.skydrive-page .skydrive .login {
    font-size: 16px;
    margin-top: 0px;
    width: 200px;
    float: right;
    right: 181px;
    position: relative;
}

body.skydrive-page .skydrive .login span {
    margin: 0px 10px;
}

body.skydrive-page .skydrive .skydrive-share {
    width: 555px;
}

body.skydrive-page .skydrive .skydrive-share textarea {
    /* font-family: 'Helvetica Neue', 'Helvetica Neue Light', Arial, sans-serif;*/
}


/* ------------- TOP BAR ---------------------- */

#topbar {
    border-bottom: solid 1px #666;
    /*background-color: black;*/
    padding: 0px;
    opacity: 0.8;
    /* color: white;*/
    text-align: left;
    font-size: 14px;
    height: 29px;
}

#topbar .link:first-child {
    margin-left: 288px;
}

#topbar .link {
    float: left;
    font-weight: bold;
    padding: 7px 0px 5px;
    margin-right: 50px;
}

#topbar .link a {
    font-weight: 200;
    /* color: white;*/
}

#topbarMessage {
    padding: 20px;
}

#topbarMessage > h2 {
    font-size: 28px;
    margin-bottom: 25px;
}

#topbarMessage.moved > h2 {
    margin-bottom: 15px;
}

#topbarMessage > h2 span {
    width: 50px;
    float: left;
    height: 45px;
    background-repeat: no-repeat;
    position: relative;
    top: -7px;
}

#topbarMessage .content {
    font-size: 14px;
    padding-top: 20px;
}

#topbarMessage .content > h3 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 3px;
}

#topbarMessage .content > p {
    padding-bottom: 20px;
}

#topbarMessage .button {
    margin-top: 20px;
}


/* ------------- SIGN DOCUMENTS/UPGRADE INFO PAGE ---------------------- */

#sign_info h1, #upgrade-info h1 {
    margin-left: -6px;
    margin-bottom: 25px;
    padding: 2px 0 11px 52px;
    min-height: 39px;
    border-bottom: 1px solid #CCCCE3;
    width: 636px;
    text-transform: capitalize;
}

#sign_info .message, #upgrade-info .message {
    width: 700px;
}

#sign_info .message strong, #upgrade-info .message strong{
    font-size: 14px;
    margin: 15px 0px 3px;
    float: left;
    width: 100%;
}

#sign_info .message p, #upgrade-info .message p {
    font-size: 14px;
}

#sign_info #checkoutHSButton, #upgrade-info #btn-cta {
    margin-top: 40px;
    display: inline-block;
}


/* ------------- REALTOR PAGE ---------------------- */

html.hf .info.realtor #header {
    width: 940px !important;
}

html.hf .info.realtor #header h1 a {
    left: 50px !important;
}

html.hf .inner .pitch p {
    padding-bottom: 15px;
}

html.hf .info.realtor .section.integrations {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

html.hf .info.realtor .section.offer {
    margin-top: 35px;
}

html.hf .info.realtor .section.offer h1 {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 10px;
}

html.hf .info.realtor .section.offer p {
    font-size: 18px;
}

/* ------------- PROMO PAGE ---------------------- */

.promo-page #content {
    /* background: none;*/
    border: none;
}

.promo-page .group_logo {
    float: right;
    position: relative;
    top: -79px;
    margin-bottom: -75px;
    margin-right: 10px;
}

.promo-page .bs_container,
.promo-page .bs_container p {
    font-size: 15px;
}

.promo-page .bs_container h1 {
    padding: 30px 40px;
    /* color: #FFF;*/
    /* font-style: italic; */
    display: block;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.5em;
    /* font-family: Georgia, times, serif;*/
    box-shadow: 0px 1px 1px #999;
    border: 2px solid #FFF;
    /* background: #000;*/
    /* background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#555));*/
    /* background: -webkit-linear-gradient(top, #444, #555);*/
    /* background: -moz-linear-gradient(top, #444, #555);*/
    /* background: -ms-linear-gradient(top, #444, #555);*/
    /* background: -o-linear-gradient(top, #444, #555);*/
    text-shadow: 0px -2px 1px #000;
    border-radius: 2px;
    text-align: center;
}

.promo-page .bs_container .quote {
    /* font-family: Georgia, times, serif;*/
    font-size: 20px;
    /* font-style: italic; */
    padding: 20px;
    /* background: #DDD;*/
    /* background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#E0E0E0));*/
    /* background: -webkit-linear-gradient(top, #EEE, #E0E0E0);*/
    /* background: -moz-linear-gradient(top, #EEE, #E0E0E0);*/
    /* background: -ms-linear-gradient(top, #EEE, #E0E0E0);*/
    /* background: -o-linear-gradient(top, #EEE, #E0E0E0);*/
    border: 2px solid #FFF;
    box-shadow: 0px 1px 1px #999;
    text-shadow: 0px 1px 0px #FFF;
    border-radius: 2px;
}

.promo-page .bs_container form .blue-sub {
    /* background: #fd9d15;*/
    /* background: -webkit-gradient(linear, left top, left bottom, from(#fd9d15), to(#ed6d05));*/
    /* background: -webkit-linear-gradient(top, #fd9d15, #ed6d05);*/
    /* background: -moz-linear-gradient(top, #fd9d15, #ed6d05);*/
    /* background: -ms-linear-gradient(top, #fd9d15, #ed6d05);*/
    /* background: -o-linear-gradient(top, #fd9d15, #ed6d05);*/
    border-top: 1px solid #fc913b;
}

.promo-page .bs_container form .blue-sub:hover {
    /* background: #fF8d05;*/
    /* background: -webkit-gradient(linear, left top, left bottom, from(#fF8d05), to(#ed6d05));*/
    /* background: -webkit-linear-gradient(top, #fF8d05, #ed6d05);*/
    /* background: -moz-linear-gradient(top, #fF8d05, #ed6d05);*/
    /* background: -ms-linear-gradient(top, #fF8d05, #ed6d05);*/
    /* background: -o-linear-gradient(top, #fF8d05, #ed6d05);*/
    border-top: 1px solid #fc913b;
}

.promo-page .bs_container .attribution > * {
    position: relative;
    float: left;
    margin-left: 10px;
}

.promo-page .bs_container .attribution > img  {
    border: 2px solid #FFF;
    box-shadow: 0px 1px 1px #999;
}

.promo-page .bs_container .why-signup {
    /* background: #2da3d3;*/
    /* background: -webkit-gradient(linear, left top, left bottom, from(#2da3d3), to(#1d93c3));*/
    /* background: -webkit-linear-gradient(top, #2da3d3, #1d93c3);*/
    /* background: -moz-linear-gradient(top, #2da3d3, #1d93c3);*/
    /* background: -ms-linear-gradient(top, #2da3d3, #1d93c3);*/
    /* background: -o-linear-gradient(top, #2da3d3, #1d93c3);*/
    /* color: #FFF;*/
    padding: 15px 15px 10px 15px;
    margin: 2px;
    box-shadow: 0px 1px 1px #666;
    line-height: 1.1em;
}

.promo-page .bs_container .why-signup h4 {
    font-size: 18px;
    text-shadow: 0px -1px 0px #777;
}

.promo-page .bs_container .why-signup p {
    /* color: #def3fb;*/
}

.promo-page .bs_container .why-signup > div {
    font-size: 40px;
    line-height: 1em;
    float: right;
    /* color: #1d93c3;*/
    position: absolute;
    right: 40px;
    text-shadow: 0px 1px 1px #666;
}

.promo-page #frmSignup {
    font-size: 13px;
}

.promo-page .bs_container .signup-form {
    box-shadow: 0px 1px 1px #999;
}

.promo-page .bs_container form {
    border: 1px solid #FFF;
    padding: 15px;
}

.promo-page .bs_container .form_row {
    clear: both;
    width: 100%;
    display: block;
    position: relative;
    float: left;
    margin-bottom: 10px;
}

.promo-page .bs_container .blue-sub {
    padding: 10px 24px;
    font-size: 15px;
    border-radius: 3px;
}

.promo-page .bs_container .form_row input,
.promo-page .bs_container .form_row .checkbox-label {
    position: relative;
    float: left;
    font-size: 12px;
    margin-right: 10px;
}

.promo-page .bs_container ul li {
    padding-left: 50px;
    margin-bottom: 30px;
}

.promo-page #footer {
    margin-top: 100px;
}

/********************************************************************
 *                                                                  *
 * After HelloFax Upgrade Page                                      *
 *                                                                  *
 ********************************************************************/

.after-upgrade,
.bs-modal  {
    padding: 20px;
    font-size: 16px;
}

.after-upgrade .bs_container p,
.bs-modal .bs_container p  {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.05em;
    font-weight: 300;
}

.after-upgrade a.large  {
    display: inline-block;
    margin-top: -5px;
}

.bs-modal a.large {
    display: inline-block;
    margin-top: 0px;
}

.after-upgrade a.close,
.bs-modal a.close  {
    padding: 20px;
    font-size: 18px;
}

/********************************************************************
 *                                                                  *
 * International Fax Pricing Page                                   *
 *                                                                  *
 ********************************************************************/
#countryFaxTable th:hover {
    /*background-color: #cdf;*/
    cursor: pointer;
}


/********************************************************************
 *                                                                  *
 * Gmail Extension                                                  *
 *                                                                  *
 ********************************************************************/

.gmail-not-installed {}
.gmail-extension-require-not-installed { display: none !important; }
.gmail-not-installed .gmail-extension-require-not-installed { display: inline-block !important; }
.gmail-extension-require-installed { display: inline-block !important; }
.gmail-not-installed .gmail-extension-require-installed { display: none !important; }

.callout {
    font-weight:bold;
    /* font-family:'Helvetica Neue',helvetica, sans-serif;*/
}

#loader_container {
    text-align: center;
}

#loader_container {
    font-size: 22px;
    /* color: #777;*/
}

#loader_container .hs-cancel,
.hs-cancel {
    font-size: 16px;
    /* color: #666;*/
    position: absolute;
    top: 6px;
    right: 10px;
}

#loader_container  #loader_spinner,
#loader_container a,
#loader_container #loader_message  {
    display: inline-block;
    margin: 20px 0px;
}

#loader_container #cta span {
    font-size: 14px;
    /* color: #777;*/
    display: inline-block;
    margin-left: 20px;
}

#loader_container h3 {
    display: inline-block;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

#loader_container .loader-upsell {
    width: 608px;
    position: relative;
    margin: 0 auto;
}

#loader_container .loader-upsell p.upsell-intro {
    font-size: 18px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 5px;
    /* color: #777;*/
}

#loader_container #features {
    width: 300px;
    position: relative;
    float: left;
    margin-top: 10px;
}

#loader_container #features p {
    font-size: 20px;
    line-height: 32px;
    text-align: left;
}

#loader_container #cta {
    width: 300px;
    position: relative;
    float: left;
}

/********************************************************************
 *                                                                  *
 * Invite Friends Popup                                             *
 *                                                                  *
 ********************************************************************/

.invite-friends-popup {
    padding: 40px;
    height: 413px;
}

/********************************************************************
 *                                                                  *
 * OAuth - Authorize Page                                           *
 *                                                                  *
 ********************************************************************/

.oauth.authorize .error {
    margin-top: 30px;
}
.oauth.authorize .error h1 {
    font-size: 26px;
    font-weight: bold;
}
.oauth.authorize .error p {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}
.oauth.authorize .descr {
    font-size: 14px;
}
.oauth.authorize .descr p {
    font-size: 16px;
    margin-bottom: 10px;
    /* color: #999;*/
}
.oauth.authorize .descr ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 15px;
    margin-left: 0px;
}
.oauth.authorize .descr ul li {
    font-size: 14px;
    margin: 7px 0px;
}
.oauth.authorize .actions {
    margin-top: 25px;
}
.oauth.authorize .actions button {
    width: 130px;
    height: 35px;
    font-size: 16px;
    margin: 20px 10px 0px 0px;
}
.oauth.authorize .onboarding-header {
    margin-top: 25px;
}

.oauth.authorize #footer .inner span {
    display: none;
}

.oauth.authorize #footer .inner span.right {
    display: inline;
}


/********************************************************************
 *                                                                  *
 * OAuth - Edit / New App Form                                      *
 *                                                                  *
 ********************************************************************/
.api-details .code-render {
    width: 500px;
    font-size: 14px;
}

.oauth.edit-app form > p > em { display: none; }

.api-details #apiCallbackForm input[type="text"],
.oauth.edit-app input[type="text"] {
    font-size: 14px;
    line-height: 14px;
    height: 36px;
}

.api-details #apiCallbackForm input,
.oauth.edit-app .field-container.oauth-callback input,
.oauth.edit-app .field-container.event-callback input {
    width: 500px;
}

.api-details h1.title,
.oauth.app-form h1.title {
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #CCCCE3;
    padding-bottom: 15px;
    width: 720px;
    float: left;
}

.api-details.edit-app h1.title,
.oauth.app-form.edit-app h1.title { width: 520px; }

.oauth.app-form #newAppForm { width: 700px; }

.oauth.app-form.edit-app #newAppForm { width: 500px; }

.api-details #apiCallbackForm,
.api-details #apiCallbackForm > input,
.oauth.app-form #newAppForm > input { margin-bottom: 10px; }

.api-details #apiCallbackForm input[type=text],
.oauth.app-form #newAppForm input[type=text] {
    padding-left: 15px !important;
    width: 500px;
}

.oauth.app-form.edit-app #newAppForm input[type=text] { width: 500px; }

.oauth.app-form #newAppForm .field-container.app-name.checking #name {
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 400px;
    padding-right: 100px;
}

.oauth.app-form #newAppForm #nameCheckStatus {
    font-size: 14px;
}

.oauth.app-form #newAppForm .field-container.app-name.ok #nameCheckStatus,
.oauth.app-form #newAppForm .field-container.app-name.err #nameCheckStatus,
.oauth.app-form #newAppForm .field-container.app-name.checking #nameCheckStatus { display: inline; }

.oauth.app-form.edit-app #newAppForm .field-container.app-name.err #nameCheckStatus { left: 445px; }

.oauth.app-form #newAppForm .field-container.app-name.err #nameCheckStatus {
    left: 470px;
}

.oauth.app-form #newAppForm .list .row > label { float: left; }
.oauth.app-form #newAppForm .oauth {
    display: none;
    float: left;
    width: 500px;
    padding: 20px 10px;
    border: solid 1px #DDD;
}

.oauth.app-form #newAppForm .oauth .doc-link {
    float: right;
    font-size: 13px;
    margin-top: 5px;
}

.oauth.app-form #newAppForm .oauth input[type="text"] { width: 465px; }

.oauth.app-form.edit-app #newAppForm .oauth > div { float: none !important; }

.oauth.app-form #newAppForm .oauth > div {
    float: left;
    margin: 0px 10px 10px;
}

.oauth.app-form #newAppForm label {
    font-size: 14px;
    line-height: 18px;
}

.oauth.app-form #newAppForm .scope-row,
.oauth.app-form #newAppForm .event-row {
    float: left;
    width: 300px;
}

.oauth.app-form #newAppForm label { font-weight: normal; }

.api-details #apiCallbackForm p,
.oauth.app-form #newAppForm .oauth > div > p,
.oauth.app-form #newAppForm .sep {
    float: left;
    width: 100%;
    height: 25px;
}

.oauth.app-form.edit-app #newAppForm .sep { height: 15px; }

.api-details #apiCallbackForm .title { margin-bottom: 10px; }

.api-details #apiCallbackForm .report { margin-top: 20px; }

.api-details #apiCallbackForm .report .response p {
    float: left;
    width: 100%;
}

.api-details #apiCallbackForm .report .response .code-render {
    float: left;
    margin-top: 5px;
}

.api-details #apiCallbackForm p,
.oauth.app-form #newAppForm > p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.api-details #apiCallbackForm p { margin-bottom: 5px; }

.api-details #apiCallbackForm .api-key {
    float: left;
    margin-bottom: 20px;
}

.api-details #apiCallbackForm .callback-url {
    margin-bottom: 15px !important;
    float: left;
    width: 100%;
}

.api-details #apiCallbackForm .callback-url div {
    font-size: 14px;
}

.oauth.app-form #newAppForm .oauth > div > p {
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px;
    padding-top: 0px;
}

.oauth.app-form.edit-app #newAppForm .oauth > div > p { display: none; }

.api-details #apiCallbackForm p.error,
.oauth.app-form #newAppForm p.warning { display: none; }

.oauth.app-form #newAppForm p.warning span {
    font-size: 13px;
    font-weight: normal;
}

.api-details #apiCallbackForm p.error,
.oauth.app-form #newAppForm p.error {
    font-size: 13px;
    font-weight: normal;
    float: left;
    margin: 0px;
    padding: 10px 0px 0px;
    width: 100%;
}

.oauth.app-form #newAppForm > p.scopes,
.oauth.app-form #newAppForm > p.events { padding-bottom: 5px; }

.oauth.app-form #newAppForm > p:first { padding-top: 0px; }

.oauth.app-form.edit-app #newAppForm p.info { width: 500px; }

.oauth.app-form #newAppForm p.info {
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    width: 700px;
}

.oauth.app-form #newAppForm > .list {
    float: left;
    width: 300px;
    margin-bottom: 15px;
}

.api-details #apiCallbackForm .buttons,
.oauth.app-form.edit-app #newAppForm .buttons { margin-top: 10px; }

.oauth.app-form #newAppForm .buttons {
    float: left;
    margin: 10px 0px 0px;
    width: 530px;
}

.api-details #apiCallbackForm .buttons {
    width: 500px;
}

.api-details #apiCallbackForm .buttons button,
.oauth.app-form #newAppForm .buttons button {
    font-size: 16px;
    width: 180px;
    height: 40px;
}

.api-details #apiCallbackForm .buttons button { width:200px; }
.oauth.app-form #newAppForm .buttons .app-approval-warning {
    width: 500px;
    margin-bottom: 30px;
    font-size: 1.3em;
}

.api-details #apiCallbackForm .buttons button { width:200px; }

.oauth.app-form #newAppForm p.logoInformation {
    margin-top: 10px;
    width: 500px;
    font-size: 1.3em;
    font-weight: normal;
}

.oauth.app-form #newAppForm .buttons > a {
    font-size: 16px;
    position: relative;
    top: 4px;
    left: 15px;
}

.oauth.app-form #newAppForm #domainMatchError,
.oauth.app-form #newAppForm #scopeError {
    display: none;
    font-weight: normal;
    font-size: 12px;
}

.api-details #apiCallbackForm .field-container,
.oauth.app-form #newAppForm .field-container { margin-bottom: 10px; }

.api-details #apiCallbackForm .api-key,
.oauth.app-form #newAppForm .field-container .domain-name {
    font-size: 14px;
}

.api-details #apiCallbackForm .field-container > p,
.oauth.app-form #newAppForm .field-container > p { display: none; }

.api-details #apiCallbackForm .field-container > p.name-error,
.oauth.app-form #newAppForm .field-container.name-error > p.name-error,
.oauth.app-form #newAppForm .field-container.error > p {
    display: block;
    margin: 5px 0px 0px;
    font-size: 12px;
}

.api-details #apiCallbackForm .field-container > p.name-error,
.oauth.app-form #newAppForm .field-container.error > p.name-error { display: none; }

.oauth.app-form #newAppForm #domainChangedWarning {
    display: none;
    font-size: 13px;
    padding: 10px 0px;
    width: 500px;
    font-weight: 200;
}


/********************************************************************
 *                                                                  *
 * IE 10 Fixes                                                      *
 *                                                                  *
 * It has be like that since IE 10 does not support                 *
 * conditional statements, consequently ie.css is not loaded        *
 *                                                                  *
 ********************************************************************/

.logged-out.ie10 .email-input-form .email-input input {
    width: 450px !important;
}


/********************************************************************
 *                                                                  *
 * Google apps team setup flow                                      *
 *                                                                  *
 ********************************************************************/

.ga-onboarding.pick-fax #faxline_form {
    float: right;
    clear: none;
    width: 500px;
}
.ga-onboarding.pick-fax .fax-numbers {
    float: left;
    width: 300px;
    padding: 20px;
    /* background: beige;*/
    border-radius: 5px;
    border: solid 1px #CCC;
    /* color: #555;*/
    margin-bottom: 10px;
}
.ga-onboarding.pick-fax .fax-numbers h3 {
    width: 100%;
    border-bottom: solid 1px #AAA;
    padding-bottom: 10px;
    margin-bottom: 15px;
    /* color: #333;*/
}
.ga-onboarding.pick-fax .fax-numbers ul li {
    font-size: 14px;
    line-height: 25px;
}
.ga-onboarding.pick-fax .fax-numbers ul li .status {
    float: right;
    /* font-style: italic; */
    font-size: 12px;
    /* color: #777;*/
}
.ga-onboarding.pick-fax .fax-select {
    float: right;
    width: 500px;
}
.ga-onboarding.pick-fax #port_form {
    float: right;
    width: 500px;
}
.ga-onboarding.pick-fax #port_form button {
    font-size: 16px;
    padding: 7px 15px;
    height: 35px;
}
.ga-onboarding.pick-fax .sep {
    float: right;
    width: 500px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.ga-onboarding.pick-fax .sep span {
    border-top: dotted 1px #CCC;
    float: left;
    width: 200px;
    position: relative;
    top: 5px;
}
.ga-onboarding.pick-fax .sep b {
    float: left;
    margin: 0px 10px;
    font-size: 14px;
    /* color: #555;*/
}
.ga-onboarding.pick-fax #portRequestButton {
    height: 36px;
    position: relative;
    top: -3px;
}
.ga-onboarding.pick-fax #port_form p {
    /* color: #888;*/
    font-size: 14px;
    margin-top: 5px;
    font-weight: 200 !important;
    line-height: 18px;
    /* font-family: 'Helvetica Neue Light', sans-serif;*/
}
.ga-onboarding.pick-fax .porting-note {
    width: 350px;
    font-size: 11px;
    /* color: #555;*/
}
.ga-onboarding.pick-fax .action {
    float: left;
    width: 100%;
    margin-top: 100px;
    text-align: right;
}
.ga-onboarding.pick-fax .action button {
    font-size: 18px;
    padding: 7px 15px;
    margin-right: 49px;
}
.ga-onboarding.assign-fax #team_list_container {
    width: 500px;
}
.ga-onboarding.assign-fax #fax_line_config .fax_line_select {
    margin-bottom: 10px;
}
.ga-onboarding.assign-fax #fax_line_config .fax_line_select span.message {
    bottom: auto;
}
.ga-onboarding.assign-fax .action {
    float: left;
    width: 100%;
    text-align: right;
}
.ga-onboarding.assign-fax .action button {
    font-size: 16px;
    padding: 7px 15px;
    margin-right: 80px;
}




/* Generic Header */
.editor-view-page .view_header,
.view_header {
    /*background-color: #4d4d4d;*/
    /*height: 50px;*/
    min-width: 1011px;
}
.editor-view-page .view_header .preview-header-wrapper {
    text-align:center;
}
.editor-view-page .view_header .preview-header-wrapper .preview-header{
    width: 90%;
    display: inline-block;
    border-bottom: 2px solid #E6E6E6;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.editor-view-page .view_header .preview-subheader-wrapper {
    text-align:center;
    border-bottom: 1px solid #E6E6E6;
}
.editor-view-page .view_header .preview-subheader-wrapper .preview-subheader{
    width: 90%;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.outer_editor.preview.popup .view_header {
    min-width: 630px;
}

.editor-view-page .view_header .global-logo-hs,
.view_header .global-logo-hs,
.editor-view-page .view_header .global-logo-hf,
.view_header .global-logo-hf {
    margin: 8px;
}

.editor-view-page .view_header .pull-left,
.view_header .pull-left {
    position: relative;
    float: left;
    min-width: 680px;
    margin-top: 10px;
}
.editor-view-page .view_header .pull-left .m-preview--logo{
    float:left;
    width: 20px;
    margin-top: 3px;
}

.editor-view-page .view_header .pull-left a,
.view_header .pull-left a {
    position: relative;
    float: left;
}

.editor-view-page .view_header .pull-left h5,
.view_header .pull-left h5 {
    float: left;
    margin-left: 8px;
    color: #E6E6E6;
    font-size: 12px;
    font-weight: 400;
}

.editor-view-page .view_header .pull-left .doc-name,
.view_header .pull-left .doc-name {
    position: relative;
    float: left;
    /* color: #fff;*/
    font-size: 16px;
    margin-top: 12px;

}

.editor-view-page .view_header .pull-right,
.view_header .pull-right {
    position: relative;
    float: right;
    min-width: 300px;
    padding-right: 8px;
    padding-top: 5px;
}

.editor-view-page .view_header .pull-right a,
.view_header .pull-right a {
    margin-top: 2px;
    margin-left: 8px;
    position: relative;
    float: right;
    padding: 13px 20px 10px;
}

.editor-view-page .view_header .pull-right #downloadButton,
.view_header .pull-right #shareButton {
    background-image: url('../../images/v2/modules/editor/download_icon_@2x.png');
    height: 30px;
    width: 30px;
    margin: 10px;
    margin-top: 8px;
    background-size: 22px 22px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
}

.editor-view-page .view_header .pull-right #shareButton,
.view_header .pull-right #downloadButton {
    background-image: url('../../images/v2/modules/editor/share_icon_@2x.png');
    height: 30px;
    width: 30px;
    margin: 10px;
    margin-top: 8px;
    background-size: 22px 22px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
}

.editor-view-page .view_header .pull-right #shareButtonDisabled {
    background-image: url('../../images/v2/modules/editor/share_icon_@2x.png');
    height: 30px;
    width: 30px;
    margin: 10px;
    margin-top: 8px;
    background-size: 22px 22px;
    float: left;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.editor-view-page .view_header .pull-left .doc-name,
.view_header .pull-left .doc-name {
    position: relative;
    float: left;
    /* color: #FFF;*/
    font-size: 15px;
    margin-top: .2rem;
    margin-bottom: .5rem;
    margin-left: 10px;
    border-left: 1px solid #FFF;
    padding-left: 20px;
}

.editor-view-page .m-app-topbar .m-app-topbar--signdocs .m-app-topbar--signdocs--icon--img{
    top: 0px;
}

/* Embedded Login Form */
.login-embedded-page .login_form .keep-updated {
    margin: 10px 5px -27px 5px;
    width: 450px;
    position: relative;
    float: left;
    clear: both;
}

.login-embedded-page .login_form .keep-updated input {
    position: relative;
    float: left;
}

.login-embedded-page .login_form .keep-updated label {
    font-weight: normal;
    font-size: 12px;
    position: relative;
    float: left;
}

.login-embedded-page .signup-buttons {
    float: right;
    margin-right: 11px;
}
.login-embedded-page .signup-buttons #tryfreeButton {
    text-indent: -9999px;
}

div.texttags-screenshot {
    display: inline-block;
    border: 2px solid grey;
}

div.texttags-screenshot img {
    width:400px;
}



/********************************************************************
 *																	*
 * Tag override														*
 *																	*
 ********************************************************************/

body {
    font-weight: 200;
    display: block;
    line-height: 1.34;
    margin: 0px;
    padding: 0px;
}

html, body {
    height: 100%;
    min-width: 1000px;
}

html.iframe {
    min-width: 0;
}

html.iframe body {
    height: 100%;
    min-width: 0;
}

div input[type="password"],
div input[type="text"],
div input[type="email"]  {
    margin: 0px;
    border: 1px solid #DDD;
    height: 45px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
}


/********************************************************************
 *																	*
 * Generic style definitions										*
 *																	*
 ********************************************************************/

.btn {
    cursor: pointer;
    text-transform: none;
    padding: 0px 0px 2px 0px;
    text-shadow: none;
    line-height: 21px;
    text-decoration: none !important;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sub,
.sub.alt,
.blue-sub,
.btn-blue {
    border: none;
    border-top: solid 1px #95cfe7;
    -webkit-box-shadow: 0px 1px 1px #557280;
    -moz-box-shadow: 0px 1px 1px #557280;
    box-shadow: 0px 1px 1px #557280;
    text-shadow: 0px 1px 1px #315D6D;
}

.btn-red {
    background: #e53832;
    background: -moz-linear-gradient(top, #e53832 0%, #ff4444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e53832), color-stop(100%,#ff4444));
    background: -webkit-linear-gradient(top, #e53832 0%,#ff4444 100%);
    background: -o-linear-gradient(top, #e53832 0%,#ff4444 100%);
    background: -ms-linear-gradient(top, #e53832 0%,#ff4444 100%);
    background: linear-gradient(to bottom, #e53832 0%,#ff4444 100%);
    padding: 15px 42px;
    border-radius: 3px;
    color: white;
    box-shadow: 0px 1px 1px #a02421;
    text-shadow: 0px 1px 1px #a02421;
}

.btn-orange {
    background: #ebaa1c;
    background: -moz-linear-gradient(top, #ebaa1c 0%, #e88f01 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebaa1c), color-stop(100%,#e88f01));
    background: -webkit-linear-gradient(top, #ebaa1c 0%,#e88f01 100%);
    background: -o-linear-gradient(top, #ebaa1c 0%,#e88f01 100%);
    background: -ms-linear-gradient(top, #ebaa1c 0%,#e88f01 100%);
    background: linear-gradient(to bottom, #ebaa1c 0%,#e88f01 100%);
    padding: 15px 42px;
    border-radius: 3px;
    box-shadow: 0px 1px 1px #a57d40;
    text-shadow: 0px 1px 1px #a57d40;
}

.btn-red:hover, .btn-red:visited, .btn-orange:hover, .btn-orange:visited {
    cursor: pointer;
    text-decoration:none;
}

.no-box-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.headline {
    margin-bottom: 20px;
}

.thick-border {
    border: solid 2px #DADBDA;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/********************************************************************
 *																	*
 * Layout   													    *
 *																	*
 ********************************************************************/

/***** Default ******************************************************/

body > #wrap > #container {
    width: 100%;
    position: relative;
    text-align: left;
    background-position: top center;
    background-repeat: no-repeat;
}

#wrap {
    min-height: 100%;
    text-align: center;
    width: 1000px;
    position: relative;
    margin: 0 auto;
    box-shadow: 0px 0px 160px #000;
}


html.iframe #wrap {
    width: auto;
}

html.iframe body.no-iframe #wrap {
    width: 912px;
}

body > #main-content {
    margin-left: 25px;
    margin-right: 25px;
}


/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}

body > #footer,
body #footer {
    clear:both;
    border-top: none;
}

/***** Layout *******************************************************/

.multi-line-popup {
    padding: 20px;
}

.multi-line-popup p {
    margin-bottom: 16px;
}

#global_notification a {
    text-decoration: underline;
}

.multi-line-popup ul {
    list-style: inherit;
    padding-left: 17px;
}

#global_notification,
.upgrade-warning {
    width: 100%;
    position: absolute;
    top: 29px;
    height: auto;
    text-align: center;
    z-index: 98;
}
#global_notification .inner,
.upgrade-warning .inner {
    margin: 0 auto;
    width: 405px;
    padding: 7px 15px 7px;
    letter-spacing: .6px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.editor-page #hs_upgrade_warning {
    position: relative;
    top: -15px;
}

.editor-page #hs_upgrade_warning .inner {
    width: auto;
}

.upgrade-warning .inner {
    width: 500px;
}

#hs_upgrade_warning .inner a,
.upgrade-warning .inner a {
    text-decoration: underline;
}

/* ------------------------------- */
/* Generic Banner Notice Classes   */
/* ------------------------------- */

.banner-notice {
    width: 100%;
    position: absolute;
    top: 29px;
    height: auto;
    text-align: center;
    z-index: 98;
}

.banner-notice .inner {
    margin: 0 auto;
    width: 400px;
    padding: 7px 15px 7px;
    letter-spacing: .6px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.banner-notice .inner a {
    text-decoration: underline;
}

.banner-notice a.close-btn {
    float: right;
    text-decoration: none;
}

/***** Onboarding ***************************************************/

body.onboarding-layout {
    border-top: none;
}

body#hf.onboarding-layout #wrap {
    width: 1010px;
}

body.onboarding-layout.upload-signature-page.iframe {
    height: 383px;
}

.onboarding-layout #header {
    background-position: top center !important;
    height: 75px;
    width: 1000px;
    position: relative;
    left: 0px;
}

body#hf.onboarding-layout #header {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 75px;
    width: 100%;
    position: relative;
    left: 0px;
    display: none;
}

body#hf.onboarding-layout.oauth #header {
    display: block !important;
}

.onboarding-layout #header span {
    position: relative;
    left: 0px;
}

body.onboarding-layout #container {
    width: 1010px !important;
    min-width: 1010px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
    padding-bottom: 15px;
}

/***** Wizard *******************************************************/

.wizard #footer {
    height: 40px;
    border-top: 1px solid #E2E6F6;
    margin-top: -70px !important;
    bottom: -55px;
}

.wizard #footer .inner {
    border-top: none;
    background-image: none;
    padding-bottom: 0px !important;
    padding-top: 12px !important;
}

.wizard #footer .inner span {
    float: left;
    padding-right: 0px;
    margin-right: 30px;
}

.wizard #footer .inner span.right {
    float: right;
    padding-left: 0px;
    margin-left: 10px;
}

/***** iFrame *******************************************************/

html.iframe {
    min-width: 400px;
    width: 100%;
}

html.iframe.iframe-nooverflow {
    overflow: hidden;
}

html.iframe body {
    text-align: left;
    min-width: 400px;
    width: 100%;
    height: auto;
}

html.iframe body.embedded-requesting{
    height: 80%;
}


html.iframe body.lipstick-iframe {
    height: 100%;
}

html.iframe  #saveButton .ico {
    width: 12px;
    background-position: -67px -148px;
}


/***** Modal ********************************************************/

.modal #container {
    width: auto;
}

.modal #footer {
    margin-top: -70px !important;
    bottom: -45px;
    height: 40px;
}

.modal #footer .inner {
    padding-bottom: 0px !important;
    background-image: none;
    border-top: none;
}

.modal.signup-page #main-content {
    float: none;
    margin-left: auto;
}


/***** Logged in ****************************************************/

body.loggedin {
    border-top: none;
}

.loggedin #container {
    width: 100%;
    min-width: 1302px;
    min-height: initial !important;
    height: initial !important;
    padding: 0px;
    margin: 0px;
}

#hs.team-page #container {
    min-width: 1375px;
}

p.bucket-usage {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

.l-app--content .empty-team-cta-button{
    margin-left: 0px;
    margin-top:20px;
}

.loggedin #left_bar {
    margin-left: 10px;
    text-align: left;
    position: relative;
}

.loggedin #left_bar .subitem .progress-bar-container {
    width: 140px;
    margin-left: 17px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.loggedin #left_bar .subitem .progress-bar-container h4 {
    text-shadow: none;
}

.loggedin #left_bar #upgrade {
    padding-bottom: 20px;
}

.loggedin #left_bar #upgrade #upgrade_btn {
    padding: 15px 44px;
    line-height: 56px;
}

.loggedin #left_bar #upgrade h5 {
    margin-bottom: 5px;
    margin-top: 9px;
}

.loggedin #left_bar .left-content-section {
    margin-top: 25px;
    margin-left: 1px;
    border: none;
    box-shadow: none;
    border-radius: 10px;
}

.loggedin #sitenav .hr {
    border-bottom: 1px solid #999;
    border-top: 1px solid black;
}

.loggedin #sitenav ul li a {
    background-image: none !important;
    box-shadow: none;
    text-shadow: none;
}

.loggedin #sitenav ul li .icon {
    background-repeat: no-repeat;
    padding-right: 4px;
    float: left;
    width: 40px;
    height: 47px;
    top: 1px;
}

.loggedin #sitenav ul li.cur a {
    z-index: -1;
}

.loggedin #sitenav ul li.nav_send .icon { background-position: 9px 9px; }
.loggedin #sitenav ul li.nav_upgrade .icon { background-position: 9px -285px; }
.loggedin #sitenav ul li.nav_request .icon { background-position: 9px -29px; }
.loggedin #sitenav ul li.nav_manage .icon { background-position: 9px -69px; }
.loggedin #sitenav ul li.nav_office.team-nav-item .icon { background-position: 9px -109px; }
.loggedin #sitenav ul li.nav_create_template .icon { background-position: 9px -150px; }
.loggedin #sitenav ul li.nav_getting_started .icon { background-position: 9px -195px; }
.loggedin #sitenav ul li.nav_account .icon { background-position: 9px -240px; }

.loggedin #sitenav ul li.cur.nav_send .icon { background-position: -30px 9px; }
.loggedin #sitenav ul li.cur.nav_upgrade .icon { background-position: -30px -285px; }
.loggedin #sitenav ul li.cur.nav_request .icon { background-position: -30px -29px; }
.loggedin #sitenav ul li.cur.nav_manage .icon { background-position: -30px -69px; }
.loggedin #sitenav ul li.cur.nav_office.team-nav-item .icon { background-position: -30px -109px; }
.loggedin #sitenav ul li.cur.nav_create_template .icon { background-position: -30px -150px; }
.loggedin #sitenav ul li.cur.nav_getting_started .icon { background-position: -30px -195px; }
.loggedin #sitenav ul li.cur.nav_account .icon { background-position: -30px -240px; }

.loggedin #sitenav ul li.cur.nav_upgrade + li.nav_request .icon { background-position: 9px -25px; }
.loggedin #sitenav ul li.cur.nav_send + li.nav_create_template .icon { background-position: 9px -144px; }
.loggedin #sitenav ul li.cur.nav_send + li.nav_request .icon { background-position: 9px -25px; }
.loggedin #sitenav ul li.cur.nav_send + li.nav_upgrade  .icon { background-position: 9px -281px; }
.loggedin #sitenav ul li.cur.nav_manage + li.team-nav-item .icon { background-position: 9px -104px; }
.loggedin #sitenav ul li.cur.nav_create_template + li.nav_getting_started .icon { background-position: 9px -191px; }

.loggedin #right_expand {
    min-width: 1060px;
    margin-right: 20px;
    text-align: left;
}
.loggedin.manage-docs #right_expand #content { padding-bottom: 50px; }
.loggedin.manage-docs #right_expand {
    padding-left: 235px;
    overflow: visible;
}

.loggedin #content {
    min-width: 1060px;
}

.myaccount-page.loggedin #content {
    min-width: 1079px;
}

div.signing-options {
    float: left;
    margin-bottom: 20px;
}

div.signing-option:nth-child(2) {
    margin-left: 20px;
}

div.signing-options .signing-option {
    display: block;
    width: 200px;
    height: 200px;
    border: 1px solid #E6E6E6;
    background: white;
    color: #4E4E4E;
    text-transform: uppercase;
    cursor: pointer;
    padding: 20px;
    margin-right: 90px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

div.signing-options .signing-option:hover {
    background-color: #F7F8F9;
    text-decoration: none;
}

div.signing-options .use-existing-link {
    padding: 5px 0;
    font-weight: 400;
    font-size: 12px;
    width: 230px;
    text-align: center;
    display: block;
}

#template .signing-option,
#link .signing-option {
    width: 230px;
}

.grey-blue-hoverable {
    cursor: pointer;
    cursor: hand;
    float: left;
    margin: 10px;
    border-bottom: 10px lightblue solid;
    display:inline-block;
}

.grey-blue-hoverable .text {
    padding: 10px 0;
    text-align: center;
}

.grey-blue-hoverable:hover {
    text-decoration: none;
    border-bottom: 10px #1ea2d5 solid;
}

.grey-blue-hoverable .icon {
    background-position:center;
    background-repeat: no-repeat;
}

div.signing-options .icon {
    height: 80px;
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 20px 10px 15px 10px;
}

#signing-just-me > div.icon {
    background-image: url(../../images/v2/modules/home/justme_icon_@2x.png);
}

#signing-me-others > div.icon {
    background-image: url(../../images/v2/modules/home/me_others_icon_@2x.png);
}

#signing-just-others > div.icon {
    background-image: url(../../images/v2/modules/home/justothers_icon_@2x.png);
}

#template > .signing-option > div.icon {
    background-image: url(../../images/v2/modules/home/templates_createtemplate_@2x.png);
}

#link > .signing-option > div.icon {
    background-image: url(../../images/v2/modules/home/templates_createlink_@2x.png);
}

#template .use-template-button,
#link .use-template-button {
    width: 230px;
    margin: 0;
}

#choose_upgrade_cta {
    text-align: center;
}

ul.template-features {
    font-size: 13px;
    margin: 30px 0 10px;
    list-style-type: none;
    width: 230px;
}

ul.template-features li {
    margin-bottom: 10px;
    padding-left: 15px;
    background-image: url(../../images/v2/common/bullet-cerulean.svg);
    background-repeat: no-repeat;
    background-position: 0 8px;
    font-weight: 300;
    line-height: 1.5em;
}

.loggedin #template_chooser .benefits div {
    width: 330px;
    padding: 8px 27px;
}

.loggedin #template_chooser #template_upgrade {
    width: 732px;
    border-top: 1px solid #cccccc;
    margin-top: 40px;
    padding-top: 21px;
}

#hs.team-page #content {
    min-width: 1038px;
}

.loggedin #footer {
    margin-top: -10px;
    border-top: solid 2px #939393;
}

html.layout .loggedin #footer {
    background-image: none;
    border: none;
    height: 20px;
    margin-top: -43px;
    margin-bottom: 30px;
}

.loggedin #footer .footer_container {
    width: 100% !important;
    min-width: 0px;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

.loggedin #footer .footer_container .footer-nav {
    width: 100%;
}

.loggedin #footer li.right {
    float: right;
    position: relative;
    left: -20px;
}

.loggedin #footer li.left {
    float: left;
    position: relative;
    left: 255px;
}


/****  Logged out  ****************************************/

.logged-out #google.dropdown-menu ul {
    z-index: 6;
    display: none;
    position: absolute;
    top: 40px;
    padding: 10px 15px;
    border-bottom: solid 1px #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0px 1px #686868;
    -moz-box-shadow: 1px 0px 1px #686868;
    -ms-box-shadow: 1px 0px 1px #686868;
    -o-box-shadow: 1px 0px 1px #686868;
    box-shadow: 1px 0px 1px #686868;
    text-shadow: none;
    text-align: left;
}
#hs.logged-out #google.dropdown-menu ul {
    left: 35px;
}
#hf.logged-out #google.dropdown-menu ul {
    left: 62px;
}
.logged-out #google.dropdown-menu ul li {
    float: left;
    margin-right: 20px;
}
.logged-out #google.dropdown-menu ul li:last-child { margin-right: 0px; }
.logged-out #google.dropdown-menu ul .arrow {
    position: absolute;
    top: -7px;
    right: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(250, 250, 250, 0.95);
    line-height: 0;
}
.logged-out #google.dropdown-menu ul a {
    line-height: 25px;
}
.logged-out #header .right-nav a { text-shadow: none; }


/********************************************************************
 *																	*
 * Page header														*
 *																	*
 ********************************************************************/

#header {
    width: 100%;
}

#left_bar #header {
    text-align: left;
    padding-left: 10px;
}

#header .icon {
    position: relative;
    top: 11px;
    margin-right: 35px;
    cursor: pointer;
    float: left;
}

#header .icon:hover {
    text-decoration: underline;
}

#header #user-email {
    float: right;
    top: 30px;
}

#header #logo {
    float: left;
    width: 123px;
    height: 32px;
    margin: 0px 0px 0px 30px;
    background-repeat: no-repeat;
    cursor: pointer;
}

#header #logo.hf {
    float: left;
    width: 123px;
    height: 32px;
    margin: 0px 0px 0px 30px;
    background-repeat: no-repeat;
    cursor: pointer;
}

#header #logo.large {
    width: 300px;
}

.onboarding-layout #header #logo {
    margin-top: 20px;
}

#header #pricing,
#header #tour,
#header #about {
    height: 21px;
}

#header #gmail a {
    /* color: white;*/
}

#header #api {
    height: 21px;
    background-repeat: no-repeat;
    padding-left: 28px;
}

#header #signinButton {
    float: left;
    position: relative;
    top: 6px;
}

#header .right-nav {
    position: relative;
    float: right;
    padding-right: 48px;
    text-shadow: 0px 1px 0px #999;
}

#header .right-nav span.icon:last-child {
    margin-right: 5px;
}


/********************************************************************
 *																	*
 * Page footer														*
 *																	*
 ********************************************************************/

.onboarding-layout #footer,
.logged-out #footer {
    padding-top: 0px;
    height: 119px;
    margin-bottom: -119px;
    border-top: solid 2px #939393;
}

#footer .footer_container {
    width: 100%;
}

#footer .footer_container .inner {
    padding: 20px 8px 50px 8px;
    width: 1000px;
    height: 26px;
    margin: 0 auto;
}

#footer .footer_container .col.left {
    float: left;
    margin-right: 60px;
}

#footer .footer_container span {
    float: none;
    margin: 0px;
    display: block;
    position: static;
    cursor: pointer;
    text-decoration: none;
}

#footer #footer_links {
    text-align: justify;
}

#footer #footer_links:after {
    content: '';
    width: 100%;
    display: inline-block;
}

#footer .footer_container span:hover {
    text-decoration: underline;
}

#footer .footer_container span.right {
    float: right;
    margin-left: 20px;
    margin-right: 20px;
}

#footer .footer_container span.right.copyright {
    position: relative;
    top: 35px;
    right: -40px;
}


/********************************************************************
 *																	*
 * Editor															*
 * url: /editor/*		 											*
 *																	*
 ********************************************************************/

#inner_doc_container .component .component_menu_container .name-box input {
    border: solid 1px #DADBDA !important;
    height: 29px !important;
    padding: 0px 5px 0px !important;
}


/********************************************************************
 *																	*
 * Logged in tab pages												*
 * url: /home/{request, manage, team, createReusableDocs}			*
 *																	*
 ********************************************************************/

.loggedin #resendFaxPopup h2 {
    margin: 20px 0px 10px;
}

.loggedin #resendFaxPopup p {
    margin-bottom: 20px;
}

.loggedin #manage .pagination,
.loggedin #manage {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.loggedin.myaccount-page input[type="text"],
.loggedin.myaccount-page input[type="password"] { margin-top: 0 !important; }
.loggedin.myaccount-page .api-callback-url input {
    float: left;
    margin-top: 20px !important;
    width: 450px;
}
.loggedin.myaccount-page .api-callback-url p {
    float: right;
    width: 200px;
    margin-top: 20px !important;
}
.loggedin.myaccount-page .api-callback-url p a {
    margin: 0px !important;
    float: none !important;
}

.loggedin.myaccount-page .api-callback-url span {
    float: right;
    width: 50px;
    margin-top: 11px;
    padding-right: 20px;
}

.loggedin.embedded-requesting input#subject {
    padding-left: 10px !important;
    width: 460px !important;
}

.loggedin input[type="text"],
.loggedin input[type="email"],
.loggedin input[type="password"] {
    border: 1px solid #D9D9D9;
    height: 36px;
    padding-bottom: 0px;
}

.loggedin textarea {
    box-shadow: none;
    border: solid 1px #DDD;
}

.loggedin .btn.c {
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 23px;
    position: relative;
}

.loggedin #edit_team_name_form #edit_team_name_text {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

.loggedin #send input[type="submit"] {
    padding: 10px 20px;
}

.loggedin .send_doc #request_subject {
    width: 438px;
    padding-top: 2px !important;
}

.loggedin .send_doc #request_message {
    padding-left: 20px;
    width: 428px;
    padding-top: 20px;
}

.loggedin .send_doc .step_container .recipient_container.has_recipient_label .warningBubble.info {
    left: 462px;
}

.loggedin .send_doc .step_container .recipient_container .recipient_label {
    top: -13px;
}

.loggedin .send_doc .step_container .has_field_type.top_offset {
    top: 0px;
}

.loggedin .send_doc .step_container .recipient-name.top_offset {
    top: 0px !important;
}

.loggedin .send_doc .step_container h2.recipients {
    margin-bottom: 5px;
    width: 462px;
    height: 18px;
}

.loggedin #tsm_group_send_submit {
    margin-top: 0px;
}

.loggedin #self_save {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.loggedin #tsm_group_send_template .step_container h2.recipients {
    margin-bottom: 10px;
}

.loggedin #tsm_group_send_recipient1_container span.destination {
    top: 13px;
}

.loggedin #tsm_group_send_template .recipient_label {
    width: 111px;
    padding-right: 10px;
    word-wrap: break-word;
    top: -9px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.loggedin #tsm_group_send_template .recipient_container .recipient-name {
    margin-right: 3px !important;
}

.loggedin #tsm_group_send .step_container .has_recipient_label .deleteIcon {
    top: 11px !important;
    left: -69px;
}

.loggedin #tsm_group_create_template .step_container .has_recipient_label .deleteIcon {
    top: 11px !important;
    left: -67px;
}

.loggedin #tsm_group_create_template .step_container.ordered .has_recipient_label .deleteIcon {
    top: 11px !important;
    left: -46px;
}

.loggedin #tsm_group_create_template .step_container .has_recipient_label input {
    width: 315px;
}

.loggedin #tsm_group_create_template .step_container.ordered .has_recipient_label input.cc {
    width: 336px;
}

.loggedin  div.signer-access-code {
    float: right;
    top: -10px;
    left: -35px;
}

.loggedin #tsm_group_request .step_container .has_recipient_label .deleteIcon {
    top: 11px !important;
    left: -62px;
}

.loggedin #tsm_group_request input.recipient.top_offset[has_self_req_info_bubble] ~ span.deleteIcon {
    top: -27px !important;
    left: 166px;
}

.loggedin #content .send_doc .step_container .recipient_container .deleteIcon,
.loggedin #tsm_group_request .step_container .recipient_container .deleteIcon {
    top: 11px;
}

.deleteIcon.safariOffset {
    top: 11px !important;
}

.loggedin #content #manage li .btn.c {
    position: relative;
}

.loggedin #content #info_box .info p.api_info textarea,
.loggedin #content #info_box .info p.reusable_link textarea {
    border: none !important;
}

.loggedin #fancybox-inner {
    text-align: left;
    overflow: hidden !important;
    overflow-y: auto !important;
}

.loggedin #fancybox-inner #template_error {
    margin-top: 5px;
    margin-bottom: 5px;
}

.loggedin #fancybox-inner h2.my_templates .ico {
    position: relative;
    top: 5px;
}

.loggedin #external_browser {
    text-align: left;
}

.loggedin.team-page #new_member_email_address {
    float: left;
    width: 221px;
}

.loggedin.team-page #add_team_member_submit {
    margin-left: 5px;
    display: inline-block;
    vertical-align: baseline;
}
#add-team-member-submit-react-holder {
    display: inline-block;
}

.loggedin #link_generated_overlay div.copyable textarea, .loggedin #template_created_overlay div.copyable textarea {
    border: none;
}

/****  Manage page  *************************************************/
.loggedin #manage {
    margin-bottom: 50px;
}

.loggedin #manage #filterArea {
    margin: 6px 10px 2px;
}

.loggedin #manage #filterArea .filter {
    float: left;
    padding-top: 7px;
}

.loggedin #manage #filterArea .search {
    float: left;
    top: 0px;
}

.loggedin #manage #filterArea .search input {
    width: 260px;
    height: 24px !important;
    padding: 3px 0px 3px 10px !important;
}

.loggedin #manage #filterArea .search button {
    height: 31px;
    margin-top: 0px;
    top: 0px;
}

@-moz-document url-prefix() {
    #manage #filterArea .filter { padding-top: 9px !important; }
}


/********************************************************************
 *																	*
 * Getting started pages											*
 * url: /onboarding/*												*
 *																	*
 ********************************************************************/

.getting-started-page div.step_container h2 span {
    top: 7px;
}

.getting-started-page .steps .step {
    margin-bottom: 0px;
    height: 40px;
}

.getting-started-page .steps .step .step_container {
    margin-bottom: 0px;
    margin-top: 0px;
}

.getting-started-page .steps .step a {
    padding: 10px 20px;
}

.getting-started-page .steps .step .step-info {
    padding-top: 10px;
}

body.getting-started-page #tweet-row iframe {
    margin-right: -1px;
}

body.getting-started-page .steps .step iframe {
    margin-top: 5px;
}


/***** Upload Signature *********************************************/

.onboarding-layout.upload-signature-page #main-content {
    height: 525px;
    margin-left: 0px;
    width: 1000px;
    position: relative;
    left: -34px;

}

.onboarding-layout.upload-signature-page #signature-app-container {
    position: initial;
    overflow: hidden;
}

.onboarding-layout.upload-signature-page #signature-app-wrapper {
    width: 100%;
    text-align: center;
    margin-left: 0px;
}

/***** Set password *************************************************/

.onboarding-layout.set-password #main-content #set-pass .submit-row input {
    padding: 10px 20px;
}

.onboarding-layout.set-password #main-content #set-pass .submit-row a {
    position: relative;
    top: 4px;
}


/********************************************************************
 *																	*
 * Onboarding pages													*
 * url: /onboarding/*												*
 *																	*
 ********************************************************************/

.onboarding-layout #main-content {
    margin-bottom: 90px;
    margin-left: 50px;
    margin-right:50px;
}

.onboarding-layout .message {
    margin: 60px 0px 40px;
}

.onboarding-layout .message .headline {
    margin-bottom: 0px;
}

.onboarding-layout div.onboarding-content {
    width: auto;
}

.onboarding-layout h2 {
    padding: 8px 0 0 0;
    margin-bottom: 15px;
}

.onboarding-layout .inline > div {
    display: inline-block;
}

.onboarding-layout #team_form {
    width: 585px;
    display: inline-block;
}

.onboarding-layout #team_form input[type="text"] {
    width: 268px;
}

.onboarding-layout #add_more {
    text-align: right;
}

.onboarding-layout #team_reason {
    max-width: 272px;
}

.onboarding-layout #team_reason ul{
    list-style: disc;
    padding-top: 10px;
}

.onboarding-layout #team_reason ul li{
    margin-left:18px;
    padding-bottom: 10px;
}



/***** Share *******************************************************/

.onboarding-layout.share .share {
    padding-bottom: 50px;
}

.onboarding-layout.share .share .input {
    padding: 10px 10px 20px 15px;
    /* background: white;*/
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 630px;
}

.onboarding-layout.share .share .input textarea {
    width: 595px;
    line-height: 18px;
    padding: 15px 15px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.onboarding-layout.share .share .buttons {
    width: 660px;
    padding: 15px 0 15px 35px;
    position: relative;
    left: -20px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 0px 3px #D8D8D8;
    -moz-box-shadow: 1px 0px 3px #D8D8D8;
    box-shadow: 1px 0px 3px #D8D8D8;
}

.onboarding-layout.share .share .buttons .button {
    padding: 10px 25px;
}

.onboarding-layout.share .share .buttons .button.padded {
    margin-right: 15px;
    margin-left: 1px;
}

.onboarding-layout.share .share .buttons .button .icon {
    width: 30px;
    height: 30px;
    float: left;
    background-repeat: no-repeat;
    background-size: 80%;
}

.onboarding-layout.share .share .buttons .button .text {
    padding-left: 5px;
}

.onboarding-layout.share .share .buttons a:hover {
    text-decoration: none;
}

.onboarding-layout.share .share-link {
    margin: 40px 0px 40px;
}

.onboarding-layout.share .share-link div {
    width: 500px;
}

.onboarding-layout.share .share-link input {
    width: 478px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/***** Invite ******************************************************/

.onboarding-layout .section {
    margin-bottom: 25px;
}

.onboarding-layout.invite .section {
    width: 300px;
}

.onboarding-layout.invite table {
    margin: 10px 0px 40px;
}

.onboarding-layout.invite table td {
    padding-right: 65px;
}

.onboarding-layout .section#set-personal input[type="text"]{
    width: 293px;
}

.onboarding-layout .section#set-personal form > div {
    margin-bottom: 15px;
}


.onboarding-layout.invite table .invite-form {
    margin-top: 0px;
    margin-left: 40px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 1px #D8D8D8;
    -moz-box-shadow: 0px 2px 1px #D8D8D8;
    box-shadow: 0px 2px 1px #D8D8D8;
}

.onboarding-layout.invite table .invite-form .error {
    padding: 5px 23px;
}

.onboarding-layout.invite table .invite-form .title {
    padding: 10px 20px;
}

.onboarding-layout.invite table .invite-form .fields {
    padding-top: 10px;
    -webkit-box-shadow: 0px -1px 0px #EFEFEF;
    -moz-box-shadow: 0px -1px 0px #EFEFEF;
    box-shadow: 0px -1px 0px #EFEFEF;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.onboarding-layout.invite table .invite-form .fields .field {
    padding: 5px 20px;
}

.onboarding-layout.invite table .invite-form .fields input {
    padding: 0px 20px !important;
    width: 305px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.onboarding-layout.invite table .invite-form #sendInviteButton {
    margin: 10px 20px 15px 20px;
    height: 40px;
    width: 347px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/********************************************************************
 *																	*
 * Footer pages														*
 * url: /{about, pricing, jobs, team, privacy, legal}				*
 *																	*
 ********************************************************************/

#hs.info #header {
    background-position: top center;
    height: 60px;
    width: 100%;
    position: relative;
}

#hf.info #header {
    background-position: top center;
    height: 60px;
    width: 100%;
    position: relative;
}

.logged-out.info #main-content {
    float: left;
    padding: 15px 37px 50px 37px;
}


/***** About Us ********************************************************/

.info.about .headline {
    margin-bottom: 8px;
}

.info.about .bio-heading {
    padding-bottom: 20px;
}

#hs.info.about .bio-heading {
    margin-top: 40px;
}

.info.about .bio-column {
    float: left;
    width: 410px;
}

.info.about .bio-column.left {
    margin-right: 40px;
}

.info.about .bio {
    margin-right: 20px;
    margin-bottom: 20px;
}


.info.about .feature-section {
    clear: both;
}

.info.about div.links {
    margin-bottom: 40px;
    margin-top: 20px;
}

.info.about div.sub-content {
    margin-top: 20px;
}

/***** Legal ********************************************************/

.info.legal h1 {
    margin-bottom: 0px;
}

.info.legal h3 {
    margin-top: 25px;
}

.info.legal p.voffset2 {
    width: 900px;
    margin-bottom: 50px;
}

.info.legal ol {
    list-style-type: disc;
    list-style-position: inside;
    margin: 10px 20px 30px;
}


/***** TOS **********************************************************/

.info.tos #main-content h2 {
    margin-bottom: 0px;
}

.info.tos #main-content .legalese i.last-updated {
    margin-bottom: 20px;
}

.info.tos #main-content ol,
.info.tos #main-content ul
{
    padding-left: 25px;

}

.info.tos #main-content ol {
    list-style-type: lower-latin;
}

.info.tos #main-content ul {
    list-style-type: circle;
}

.info.tos #main-content > p {
    margin-bottom: 50px;
}

/***** Survey********************************************************/

.info.survey h2 {
    margin-bottom: 20px;
}

.info.survey textarea {
    width: 440px;
}

.info.survey ul.indented {
    list-style: disc;
    padding-left: 18px;
}

/***** Top Forms ****************************************************/

.info.top-forms #main-content {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.info.top-forms h1 {
    margin-bottom: 10px;
}

.info.top-forms h3 {
    margin-bottom: 10px;
}

.info.top-forms h2 {
    margin-bottom: 15px;
}

.info.top-forms .break {
    margin-bottom: 20px;
}

.info.top-forms .col {
    display: inline-block;
    float: left;
    max-width: 700px;
}

.info.top-forms .col.left {
    margin-right: 25px;
}

.info.top-forms .col.right {
    float: right;
}

.info.top-forms .col.narrow {
    max-width: 558px;
}

.info.top-forms .col.form-description p {
    margin-bottom: 15px;
}

.info.top-forms img.thumbnail {
    width: 145px;
    border: 1px solid #191919;
}

.info.top-forms .section {
    margin-bottom: 40px;
}

.info.top-forms .col .blue-sub {
    position: relative;
    top: 20px;
}


.info.top-forms .site-description p {
    max-width: 468px;
}

.info.top-forms .workflow {
    margin: 50px 0px;
    text-align: center;
}

/***** Privacy Policy ***********************************************/

.info.privacy #main-content {
    padding: 15px 37px 50px;
}

.info.privacy #main-content > div {
    margin-bottom: 50px;
}

.info.privacy h2 {
    margin-bottom: 30px;
}

.info.privacy h3 {
    margin: 20px 0px 0px 0px;
}

/***** Pricing ******************************************************/

.info.pricing #main-content {
    margin-left: 95px;
    padding: 25px 37px 50px 10px !important;
}

.info.pricing #top-pricing h3.page-subtitle,
.info.pricing #top-pricing h2 {
    float: left;
    text-align: left;
    margin-left: 35px;
}

.info.pricing #top-pricing h3.page-subtitle {
    margin-bottom: 50px;
}

.info.pricing #top-pricing.has-buttons h3.page-subtitle {
    margin-bottom: 35px;
}

.info.pricing #top-pricing .row {
    width: 100%;
    display: inline-block;
    text-align: left;
    height: 50px;
    margin-left: 35px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.info.pricing #top-pricing .coupon-row {
    padding-bottom: 40px;
}

.info.pricing #top-pricing .row.credit {
    margin-bottom: 10px;
    height: auto;
}

.info.pricing #top-pricing .coupon-row.credit {
    padding-bottom: 0px;
}

.info.pricing #top-pricing .coupon-row.credit h5 {
    padding: 2px 4px;
}

.info.pricing #top-pricing .coupon-row h4 {
    margin-bottom: 20px;
}


/* Remove after "Pricing - Red Button" Optimizely test - BEGIN */
.info.pricing .gold-button.red-button,
.info.pricing .gold-button.red-button:focus {
    border-radius: 3px;
    box-shadow: 0px 1px 1px #a02421;
    text-shadow: 0px 1px 1px #a02421;
}

.info.pricing .gold-button.red-button:hover {
    border-top-color: #fff;
}
/* Remove after "Pricing - Red Button" Optimizely test - END */

.info.pricing .ribbon {
    float: left;
    width: 90px;
    height: 21px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-left: 20px;
    overflow: visible;
    position: relative;
    top: -14px;
    left: 3px;

}

.info.pricing .ribbon img {
    position: absolute;
    height: 25px;
    top: 0px;
    left: -8px;
}

.info.pricing .ribbon h3 {
    text-transform: uppercase;
    text-shadow: rgba(147, 98, 20, .8) 0 1px 0;
    position: relative;
    left: -11px;
    top: 4px;
    height: 25px;
    width: 90px;
    text-align: left;
}

.info.pricing .pricing-table {
    width: 100%;
    margin: 0px 35px 0px 0px;
    text-align: center;
}

.info.pricing table {
    margin-left: 35px;
    float: left;
    min-width: 905px;
}

.info.pricing table tr.header {
    border-top: solid 1px #DDD;
}

.info.pricing table tr.header td.enterprise .inner > p {
    float: left;
    margin-bottom: 13px;
    margin-top: 2px;
    width: 100%;
}

.info.pricing table td.blank {
    float: left;
    width: 200px;
}

.info.pricing table td .inner {
    float: left;
    padding: 20px 0px 0px 0px;
    width: 143px;
    text-align: center;
}

.info.pricing .pricing-table-hs table td .inner {
    width: 144px;
    padding-bottom: 30px;
}

.info.pricing table td .title {
    float: left;
    padding-bottom: 10px;
    padding-top: 21px;
    clear: both;
}

.info.pricing#hf table td .title {
    width: 100%;
}

.info.pricing table td.most-popular .title {
    padding-top: 0px;
}

.info.pricing table td p {
    float: left;
    display: block;
    text-align: center;
    width: 100%;
}


.info.pricing table td .price {
    float: left;
    clear: both;
    text-align: center;
    width: 100%;
}

.info.pricing table td .price .per-month {
    line-height: 15px;
}

.info.pricing table td .price em.default-rate {
    line-height: 1.1em;
    width: 100%;
    display: inline-block;
}

.info.pricing .strike-through-spacer {
    display: inline-block;
    width: 100%;
    position: relative;
    float: left;
    clear: both;
    height: 32px;
}

.info.pricing table td .price-unit {
    float: left;
    clear: both;
    padding-bottom: 10px;
}

.info.pricing table td button {
    height: 40px;
    float: left;
    clear: both;
}

.info.pricing table td .trial-notice {
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.info.pricing table td .trial-notice.hidden {
    visibility: hidden;
}

.info.pricing table td .phone-number {
    padding-top: 5px !important;
}

.info.pricing table tr.transition td.features,
.info.pricing .transition-benefits {
    height: 25px;
    float: left;
}

.info.pricing .transition-benefits {
    width: 100%;
    display: inline-block;
    text-align: left;
}

.info.pricing table tr.feature-row {
    height: 25px;
    border-bottom: solid 1px #DDD;
}

.info.pricing table tr.feature-row td.name {
    float: left;
    padding: 12px 0px;
}

.info.pricing table td .with-icons .title {
    display: block;
    padding-left: 0px;
    padding-top: 27px;
    background-position: center top;
    width: 100%;
}

.info.pricing table td .with-icons .per-month,
.info.pricing table td .with-icons .per-month {
    clear: both;
    display: inline-block;
}

.info.pricing table td.enterprise {
    border-left: solid 1px #DDD;
}

.info.pricing .pricing-table table table {
    width: 615px;
    min-width: 0px;
    margin-left: 0px;
    margin-right: 0px;
}


.info.pricing .pricing-table-hs tr.header td button.gold-button {
    min-width: 0px;
}
.info.pricing .pricing-table-hs > table {
    border-top: 1px solid #DDD;
    min-width: auto;
    width: 900px;
}

.info.pricing .pricing-table-hs tr.header {
    border-top: none;
}

.info.pricing .pricing-table-hs tr.header td {
    margin: 0px 15px;
    text-align: center;
}

.info.pricing .pricing-table-hs tr.header td button,
.info.pricing .pricing-table-hs button,
.info.pricing .pricing-table-hs div.blue-sub {
    float: none;
    padding: 12px 20px;
    height: auto;
    min-width: 145px;
    border-radius: 4px;
    display: ineline-block;
}

.info.pricing .pricing-table-hs #hs-see-plans {
    margin-top: 0px;
    margin-bottom: 33px;
}

.info.pricing .grey-radio-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 11px 20px 11px 12px;
    text-decoration: none;
    margin-right: 15px;
}

.info.pricing .grey-radio-button b {
    width: 14px;
    height: 14px;
    border-radius: 50px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -4px;
    border: 4px solid #FFF;
}

.info.pricing .grey-radio-button.radio-button-active {
    border: none;
    border-top: 1px solid #b8bec0;
    -webkit-box-shadow: rgba(102,110,113,1) 0 1px 0;
    -moz-box-shadow: rgba(102,110,113,1) 0 1px 0;
    box-shadow: rgba(102,110,113,1) 0 1px 0;
    text-shadow: rgba(102,110,113,.8) 0 1px 0;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

.info.pricing span.grey-radio-button.radio-button-active {
    cursor: default;
}

.info.pricing .grey-radio-button.radio-button-active b {
    box-shadow: 0px 1px 0px rgba(34, 34, 34, 0.8);
}

.info.pricing .pricing-table-hs table td .price {
    line-height: 60px;
    min-height: 70px;
    margin: 5px 0px;
}

.info.pricing .pricing-table-hs table tr.pricing-outer-table > td {
    padding-top: 10px;
    padding-right: 16px;
}

.info.pricing .pricing-table-hs table tr.pricing-outer-table > td.enterprise-cell {
    height: 100%;
}

.info.pricing .pricing-table-hs table tr.pricing-outer-table > td.enterprise-cell .with-icons p {
    padding: 43.5px 0px;
}

.info.pricing .pricing-table-hs table tr.pricing-outer-table > td.enterprise-cell .with-icons p.extra-space {
    padding: 73.5px 0px;
}

.info.pricing .pricing-table-hs table tr.feature-row {
    height: 57px;
}

.info.pricing .pricing-table-hs table tr.feature-row td {
    padding: 18px 0px;
}

.info.pricing .pricing-table-hs button {
    margin-bottom: 5px;
}

.info.pricing .pricing-table-hs table td .price sup {
    line-height: 40px;
    vertical-align: top;
}

.info.pricing span.title-help {
    margin-top: -12px;
    margin-bottom: -5px;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    float: left;
}

.info.pricing .pricing-table-hs table td .price .per-month {
    display: block;
    text-align: center;
}

.info.pricing .pricing-table-hs table td .price .disclaimer {
    display: block;
    text-align: center;
    line-height: normal;
}

.info.pricing .pricing-table-hs td.enterprise-cell {
    border-left: 1px solid #DDD;
    width: 320px;
    padding: 0px 0px 0px 32px;
    text-align: center;
}

.info.pricing .pricing-table-hs td.blank {
    width: auto;
}

.info.pricing table td.business .with-icons .title.multi,
.info.pricing table td.enterprise-cell .title {
    text-align: center;
}

.info.pricing table td.enterprise-cell  p.title-description {
    line-height: 22px;
    padding: 20px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 1px;
    text-align: center;
}

.info.pricing .each {
    margin-left: -10px;
}

.plus-li,
.info.pricing table td.enterprise-cell  .enterprise-feature {
    position: relative;
    float: left;
    clear: both;
    width: 300px;
    padding: 16px 0px;
    padding-left: 28px;
}

.info.pricing table td.enterprise-cell  .enterprise-feature:last-child {
    border-bottom: none;
}

.team-page .details,
.hf-tooltip {
    background-repeat: no-repeat;
    height: 18px;
    width: 19px;
    float: right;
    position: relative;
    left: 10px;
    top: 0px;
    cursor: pointer;
    z-index: 1;
}

.info.pricing table tr.feature-row td.name .details {
    background-repeat: no-repeat;
    height: 18px;
    width: 19px;
    display: inline-block;
    position: relative;
    left: 10px;
    top: 3px;
    cursor: pointer;
    z-index: 1;
}

.hf-tooltip {
    display: inline-block;
    left: 5px;
    float: none;
}

.team-page .details {
    float: none;
    top: -2px;
    display: inline-block;
}

.team-page .upgrade-details {
    top: -9px;
}

.info.pricing table tr.feature-row td.checked,
.info.pricing table .feature-row.checked {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.info.pricing table tr.feature-row td.decimal {
    vertical-align: middle;
    text-align: center;
}

.info.pricing #coupon-pricing {
    padding-top: 20px;
    margin-bottom: 0px !important;
}

.info.pricing .big-quote .text {
    padding-top: 20px;
}

.info.pricing .pricing-table-team table td.business .with-icons .title,
.info.pricing .pricing-table-team table td.pro .with-icons .title {
    background-repeat: no-repeat;
}

.info.pricing .pricing-table-team table td.free .with-icons .title {
    background-repeat: no-repeat;
}

.info.pricing table td.team-cell .title {
    background-repeat: no-repeat;
}

.info.pricing .pricing-table-hs table tr > td.team-cell {
    padding: 30px 0px 0px 16px;
}

.info.pricing .pricing-table-hs .team-cell .feature-row:first-child {
    margin-top: 87px;
}

.info.pricing .pricing-table-hs .team-cell .features.extra-space .feature-row:first-child {
    margin-top: 87px;
}

.info.pricing .pricing-table-hs .team-cell .feature-row {
    height: 57px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.info.pricing .pricing-table-hs .team-cell .feature-row p{
    padding-top: 17px;
    text-align: center;
}

.info.pricing .pricing-table-hs .team-cell a.blue-sub {
    width: auto;
    margin-bottom: 5px;
}

.info.pricing .pricing-table-hs .team-cell .button-support {
    opacity: .95;
    line-height: 22px;
    text-align: center;
    margin-top: 6px;
}

.info.pricing .pricing-table-hs .team-cell .button-support a {
    border-bottom: 1px solid #4a4a4a;
}

.info.pricing .pricing-table-hs .team-cell .button-support a:hover {
    text-decoration: none;
    border-bottom: 1px solid #000;
}


.info.pricing .pricing-table-team table tr td .with-icons .title {
    padding-left: 0px;
    padding-top: 40px;
    background-position: center top;
    width: 100%;
}

.info.pricing .pricing-table-team table tr td .team-plus {
    margin-top: 25px;
}

.info.pricing .white-button {
    border-radius: 4px;
    border: 1px solid #DDD;
    padding: 10px 15px;
}

.info.pricing .pricing-table-team .white-button {
    margin-top: 15px;
    display: inline-block;
    margin-left: -15px;
}

.info.pricing .pricing-table-team .white-button:hover {
    text-decoration: none;
}

.info.pricing .slide-view {
    width: 970px;
    overflow: hidden;
}

@-moz-document url-prefix() {
    .info.pricing .pricing-table-hs tr.header td button,
    .info.pricing .pricing-table-hs button {
        height: 40px !important;
    }
    .info.pricing .pricing-table-hs #hs-see-plans {
        padding: 5px 14px !important;
    }
    .info.pricing .pricing-table-hs .team-cell button {
        height: 54px !important;
        width: 190px;
        padding: 10px 14px !important;
    }
    .info.pricing .popup .actions #continueButton {
        height: 45px;
    }
}

.info.pricing .slide-view .slide-content {
    width: 2200px;
}

.info.pricing .slide-view .slide-content .pricing-table {
    width: 970px;
    position: relative;
    float: left;
}

.info.pricing .slide-view .slide-content .pricing-table.pricing-table-team {
    margin-bottom: 30px;
}

#infoBubble, .infoBubble {
    display: none;
    float: left;
    position: absolute;
    width: 150px;
    line-height: 15px;
    padding: 0px 15px;
    text-align: left;
    border: solid 1px #B7C2C7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 12px -4px #333;
    -moz-box-shadow: 0px 0px 12px -4px #333;
    box-shadow: 0px 0px 12px -4px #333;
    z-index: 2;
}

#infoBubble .content, .infoBubble .content {
    float: left;
    height: 100%;
    padding: 10px 0px;
}

#infoBubble .arrow, .infoBubble .arrow {
    background-size: 80%;
    background-repeat: no-repeat;
    width: 14px;
    height: 27px;
    position: absolute;
    left: -11px;
    top: 15px;
}

#infoBubble.large .arrow, .infoBubble.large .arrow {
    top: 24px;
}

.info.pricing #fancybox-frame {
    overflow: hidden !important;
}

.info.pricing #fancybox-outer {
    border: 1px solid white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.info.pricing .popup {
    overflow: hidden;
    padding: 20px 0 20px 20px;
}

.info.pricing .popup h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

.info.pricing .popup h3 {
    font-size: 14px;
    margin-top: 0;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.info.pricing #upgradePopup form,
.info.pricing #upgradePopup #payment-notification {
    font-size: 14px;
}

.info.pricing #upgradePopup .small-hint {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px;
    float: left;
}

.info.pricing #upgradePopup .cc-row .field input,
.info.pricing #upgradePopup .field.cvc input,
.info.pricing #upgradePopup .field.zip input {
    font-size: 14px !important;
    height: 25px !important;
    line-height: 25px !important;
    padding-left: 15px !important;
    width: 305px !important;
    background-color: #F9F9F9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.info.pricing #upgradePopup .field.cvc input {
    width: 75px !important;
}

.info.pricing #upgradePopup .field.zip input {
    width: 135px !important;
}

.info.pricing .popup .form .field {
    float: left;
    width: 400px;
    margin-bottom: 10px;
    border: solid 1px #C0C0C0;
    -webkit-box-shadow: 0 0 0 2px #E3E3E3;
    -moz-box-shadow: 0 0 0 2px #E3E3E3;
    box-shadow: 0 0 0 2px #E3E3E3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.info.pricing #upgradePopup .form .field {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.info.pricing .popup .form .comments .field-name {
    padding-left: 5px;
}

.info.pricing .popup .form .comments textarea {
    height: 75px;
    width: 435px;
}

.info.pricing .popup .form .field .field-name {
    text-align: center;
    height: 45px;
    width: 90px;
    float: left;
    padding: 8px 10px 2px;
    border: none;
    border-right: solid 1px #CCC;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    line-height: 30px;
    font-weight: 400;
}
.info.pricing .popup .form .field input[type=text],
.info.pricing .popup .form .field input[type=password] {
    width: 308px;
    border: none;
    padding: 5px 0 5px 20px;
}

.info.pricing .popup .actions {
    float: left;
    width: 100%;
    margin-top: 15px;
    text-align: left;
}

.info.pricing .popup .actions #continueButton {
    width: 99%;
    padding: 18px 0;
    transition: none !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
    outline: none;
}

.info.pricing .popup .actions #continueButton:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
    background: #e5aa3a;
    border-top-color: #e5aa3a;
}

.info.pricing .form .form-errors {
    padding-bottom: 0;
    height: 20px;
}

.info.pricing .form .form-errors p {
    margin: 0 !important;
    padding: 0 !important;
}

.info.pricing p.error,
form .form-errors .error_list li,
form .form-errors .error {
    line-height: 15px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
    color: red;
}

.info.pricing .form .form-warning {
    line-height: 20px;
    padding-bottom: 10px;
    height: 20px;
}

.info.pricing #signupOrLoginPopup .rm,
.info.pricing #signupOrLoginPopup .marketing {
    float: left;
    width: 100%;
}

.info.pricing #signupOrLoginPopup .pwd-recovery-link {
    float: right;
    margin-right: 20px;
}

.info.pricing #signupOrLoginPopup .rm input,
.info.pricing #signupOrLoginPopup .marketing input {
    float: left;
    margin-bottom: 0;
    position: relative;
    top: 5px;
}
.info.pricing #upgradePopup #payment-bottom label,
.info.pricing #signupOrLoginPopup .rm label,
.info.pricing #signupOrLoginPopup .marketing label {
    float: left;
    position: relative;
    top: 1px;
    font-size: 14px;
}

.info.pricing #signupOrLoginPopup .external_auth {
    float: left;
    clear: both;
    padding-top: 20px;
    width: 405px;
    display: inline;
    font-size: 14px;
    font-weight: 300;
}

.info.pricing #signupOrLoginPopup .external_auth > span {
    float: left;
    margin-right: 5px;
}

.info.pricing #signupOrLoginPopup .wl_area_small {
    float: left;
}

.info.pricing #signupOrLoginPopup .google_area_small {
    float: left;
    display: inline;
}

.info.pricing #signupOrLoginPopup .wl_area_small > span,
.info.pricing #signupOrLoginPopup .google_area_small > span {
    cursor: pointer;
}

.info.pricing #signupOrLoginPopup .wl_area_small > span {
    padding-left: 15px;
}

.info.pricing #signupOrLoginPopup .wl_area_small > span:hover,
.info.pricing #signupOrLoginPopup .google_area_small > span:hover {
    text-decoration: underline;
}

.info.pricing #signupOrLoginPopup .google_area_small > span img,
.info.pricing #signupOrLoginPopup .wl_area_small > span img {
    position: relative;
    top: 2px;
    left: -2px;
    padding-right: 3px;
    padding-left: 2px;
}

.info.pricing #signupOrLoginPopup .wl_area_small > span img {
    top: 2px;
}

.info.pricing {
    background: #FFF;
}

.info.pricing #contactSalesPopup {
    padding: 30px 0 20px 25px;
}

.info.pricing #contactSalesPopup p {
    margin: 45px 20px 0 20px;
}

.info.pricing #contactSalesPopup .field .field-name {
    height: 45px;
    width: 110px;
    line-height: 30px;
    font-weight: 600;
    border-right: solid 1px #CCC;
    text-align: left;
    padding-left: 15px;
}

.info.pricing #contactSalesPopup .field {
    width: 417px;
}

.info.pricing #contactSalesPopup .field input {
    width: 305px;
    background: white;
}

.info.pricing #contactSalesPopup .field input:focus {
    background: #F7F8F9;
}

.info.pricing #contactSalesPopup .comments textarea {
    max-height: 100px;
    background: white;
}

.info.pricing #contactSalesPopup .comments textarea:focus {
    background: #F7F8F9;
}

.info.pricing #contactSalesPopup .form-errors p {
    font-size: 14px;
    margin-bottom: 10px !important;
}

.info.pricing #contactSalesPopup .actions button {
    transition: none !important;
    width: 417px !important;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    outline: none;
}

.info.pricing #contactSalesPopup .field input#recaptcha_response_field {
    width: 385px;
}

.info.pricing table#recaptcha_table {
    min-width: inherit;
}

.info.pricing .popup .form .comments textarea.full-height {
    height: 205px;
}

.info.pricing #upgradePopup h4 {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative;
}

.info.pricing #upgradePopup h2.updown {
    display: inline-block;
}

.info.pricing #upgradePopup span#goto_team {
    display: inline-block;
}

.info.pricing #upgradePopup .custom-settings {
    margin-bottom: 10px;
}

.info.pricing #upgradePopup .license-rate {
    margin-bottom: 20px;
}

.info.pricing #upgradePopup .form .field.name input {
    width: 160px;
}

.info.pricing #upgradePopup .form .field.name #lastname {
    border-left: solid 1px #C0C0C0;
}

.info.pricing #upgradePopup .form .cc-row {
    float: left;
    width: 100%;
}

.info.pricing #upgradePopup .form .field.cc {
    float: left;
    width: 320px;
}

.info.pricing #upgradePopup .form .field.cc input {
    width: 300px;
}

.info.pricing #upgradePopup .form .accepted_ccs {
    float: left;
    width: 74px;
    height: 47px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 10px;
}

.info.pricing #upgradePopup .form .field.cvc {
    width: 90px;
    float: left;
}

.info.pricing #upgradePopup .form .field.cvc input {
    width: 70px;
}

.info.pricing #upgradePopup .form .field.zip {
    width: 150px;
    float: left;
    margin-left: 15px;
}

.info.pricing #upgradePopup .form .field.zip input {
    width: 130px;
}

.info.pricing #upgradePopup .form .cc-exp {
    float: left;
    margin-left: 20px;
    margin-top: 0;
}

.info.pricing #upgradePopup .form .cc-exp #cc_exp_month {
    width: 64px;
}

.info.pricing #upgradePopup .form .cc-exp #cc_exp_year {
    width: 58px;
}

.info.pricing #upgradePopup #payment-bottom {
    float: left;
    width: 405px;
    margin-top: 20px;
    margin-left: 0px;
}

.info.pricing #upgradePopup #payment-bottom #payment-tos {
    margin-top: 5px;
}

.info.pricing #upgradePopup #payment-bottom #api_agree {
    float: left;
}

.info.pricing #upgradePopup #number_selector_table {
    clear: both;
    margin-left: 0px;
    margin-bottom: 15px;
    float: left;
}

.info.pricing #upgradePopup #number_selector_table tr td select {
    margin-top: 5px;
}

.info.pricing #upgradePopup #number_selector_table .length-setter {
    width: 105px;
    padding-top: 4px;
    line-height: 20px;
}

.info.pricing #upgradePopup #select-did-section {
    float: left;
    margin-bottom: 10px;
}

.info.pricing #upgradePopup #select-did-section .warning-unchanged {
    margin-bottom: 15px;
}

.info.pricing #upgradePopup .billing-table {
    float: left;
    clear: both;
    margin-left: 5px;
}

.info.pricing #upgradePopup .billing-table td.length-setter {
    width: 75px;
}

.report .spinner,
.payment-page .actions .spinner,
.updatecard-page .actions .spinner,
.info.pricing #upgradePopup .actions .spinner {
    display: none;
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px 0px;
    padding-left: 50px;
    padding-top: 7px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #000000;
    height: 40px;
}

.payment-page .actions .spinner,
.updatecard-page .actions.pending,
.info.pricing #upgradePopup .actions.pending {
    margin-top: 40px;
}


.payment-page .actions.pending .spinner {
    display: block;
}

.updatecard-page .actions.pending .spinner,
.info.pricing #upgradePopup .actions.pending .spinner {
    display: inline;
}

.payment-page .actions.pending #continueButton,
.updatecard-page .actions.pending #continueButton,
.info.pricing #upgradePopup .actions.pending button {
    display: none;
}


.info.pricing .common-questions {
    position: relative;
    float: left;
    clear: both;
    width: 965px;
    text-align: left;
    margin: 10px 0px 90px 35px;
}

.info.pricing.annual .common-questions {
    margin-top: 40px;
}

.info.pricing .common-questions h6 {
    margin-bottom: 25px;
}

.info.pricing .common-questions .question {
    position: relative;
    float: left;
    width: 420px;
    min-height: 160px;
    margin-right: 50px;
}
.info.pricing .common-questions .question.wide {
    width: 900px;
}

.info.pricing .common-questions strong {
    position: relative;
    float: left;
    margin-bottom: 5px;
}

.info.pricing .common-questions p {
    position: relative;
    float: left;
    margin-bottom: 25px;
    line-height: 1.4;
}

.info.pricing .faq-col {
    width: 46%;
    float: left;
}

.info.pricing .secondary.page-titles {
    width: 590px;
}

.info.pricing .secondary {
    display: none;
    float: left;
}

/********************************************************************
 *																	*
 * Home page														*
 * url: / or home/index												*
 *																	*
 ********************************************************************/

.login-page #main-content {
    min-height: 538px;
}

#hs.login-page #main-content {
    min-height: 689px;
}

.home-page .signup-area {
    margin-top: 25px;
    min-height: 369px;
    text-align: right;
    padding-top: 30px;
}

.home-page .signup-area * {
    text-align: left;
}

.home-page .signup-area-centered {
    margin-left: 189px;
    margin-top: 48px;
    margin-bottom: 63px;
    text-align: left;
}

#hf.home-page .signup-area.promo { margin-top: 0px; }
#hf.home-page .signup-area {
    margin-top: 35px;
    padding-bottom: 105px;
    min-width: 640px;
}

.home-page .signup-area .white-form {
    display: inline-block;
    margin-right:48px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0px 1px #686868;
    -moz-box-shadow: 1px 0px 1px #686868;
    box-shadow: 1px 0px 1px #686868;

}

.home-page .signup-area .white-form .top {
    padding-bottom: 20px;
    filter: alpha(opacity=90);
    border-bottom: solid 1px #CCC;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.home-page .signup-area .white-form .top .google-docs-banner {
    padding: 7px 0px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}
.home-page .signup-area .white-form .top .google-docs-banner > img {
    float: left;
    margin: 0px 10px 0px 50px;
    position: relative;
    top: 3px;
}
.home-page .signup-area .white-form .top .google-docs-banner > p {
    float: left;
    margin-right: 30px;
    line-height: 26px;
}
.home-page .signup-area .white-form .top .google-docs-banner > a {
    position: relative;
    top: 1px;
}

.home-page .signup-area .white-form .top .headline {
    margin-bottom: 0px;
    padding: 20px 40px 0px;
}

.home-page .signup-area .white-form .top .subtext {
    padding: 0px 40px;
}

.home-page .signup-area .white-form .form, .home-page .signup-area .white-form .bottom {
    padding: 30px 20px 40px 45px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.home-page .signup-area .promo.white-form {
    margin-bottom: 20px;
}

.home-page .signup-area .promo.white-form .top img {
    max-height: 49px;
    vertical-align: bottom;
}

.home-page .signup-area .promo.white-form .bottom {
    padding: 20px;
}

.home-page .signup-area .white-form .form .email-input {
    box-shadow: -1px 2px 8px #999;
}

.home-page .signup-area .box-offer {
    float: left;
}

.home-page .signup-area .box-offer {
    float: left;
    width: 256px;
    height: 215px;
    padding-top: 56px;
    background-size: 80%;
    background-position: 1px 32px;
    background-repeat: no-repeat;
}

.home-page .signup-area .box-offer .logo {
    height: 39px;
    position: relative;
    left: 57px;
    background-repeat: no-repeat;
}

.home-page .signup-area .box-offer .text {
    position: relative;
    left: 25px;
    text-shadow: 0px 1px 0px #3B3B3B;
    padding: 5px 0px 7px;
}

.home-page .signup-area .box-offer .text em {
    position: relative;
    top: 4px;
}

.home-page .signup-area .box-offer .smalltext {
    position: relative;
    left: 15px;
    width: 162px;
    line-height: 1.5;
}

#hf.home-page .signup-buttons {
    right: -632px;
}

.home-page .signup-buttons {
    clear: both;
    position: relative;
    top: -23px;
    right: -366px;
    width: 191px;
}

.home-page .signup-buttons #tryfreeButton {
    background-size: 191px;
    background-repeat: no-repeat;
    width: 189px;
    background-image: none;
    padding-top: 11px;
    height: 38px;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;

}

.home-page .signup-buttons #wlSignup,
.home-page .signup-buttons #googleSignup {
    width: 190px;
    height: 27px;
    background-size: 190px;
    background-repeat: no-repeat;
    background-position: 0px -2px;
    position: relative;
    top: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.tryfreeButton:hover,
.googleSignup:hover,
.home-page .signup-buttons #googleSignup:hover {
    opacity: .9;
}

.home-page .asterisk {
    position: absolute;
    top: 635px;
    right: -45px;
}

.home-page #copy {
    padding: 36px 66px 40px 66px;
}

.home-page p {
    line-height: 1.65em;
}

.home-page .section {
    padding: 40px 20px;
}

.home-page .section:first-child {
    padding-top: 0;
}

.home-page #press > div {
    display: inline-block;
}

.home-page #press #articles {
    position: relative;
}

.home-page #press #articles .tooltip {
    position: absolute;
    display: none;
}

.home-page #press #articles .tooltip
{
    width: 190px;
    padding: 15px;
    border-radius: 5px;
    border: none;
    line-height: 1.45em;
}

.home-page #press #articles .tooltip::after {
    content: "\25B4";
    display: block;
    height: 0;
    line-height: 0;
    position: absolute;
    top: 2px;
    left: 1px;
    text-align: center;
    width: 100%;
    -o-transform: rotate(231deg);
    -moz-transform: rotate(231deg);
    -khtml-transform: rotate(231deg);
    -webkit-transform: rotate(231deg);
    transform: rotate(231deg);

}

body#hf.home-page #press #articles #lifehacker_tt {
    left: 190px;
    top: 83px;
}

body#hf.home-page #press #articles #inc_tt {
    left: 67px;
    top: 83px;
}

body#hf.home-page #press #articles #forbes_tt {
    left: -64px;
    top: 83px;
}

body#hs.home-page #press #articles #mashable_tt {
    left: 220px;
    top: 83px;
}

body#hs.home-page #press #articles #lifehacker_tt {
    left: 60px;
    top: 83px;
}


body#hs.home-page #press #articles #forbes_tt {
    left: -64px;
    top: 83px;
}

body#hf.home-page #press img {
    display: inline-block;
    margin-right:32px;
    margin-top: 10px;
}

body#hs.home-page #press img {
    display: inline-block;
    margin-right:23px;
    margin-top: 10px;
}

.home-page #press > #articles > img:last-child, .home-page #press > #customers > img:last-child {
    margin-right: 0;
}

.home-page #press #articles {
    margin-right: 80px;
}

#hf.home-page #press #articles {
    margin-right: 100px;
}

.home-page .intro-icon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
}

.home-page #main_copy {
    display: inline-block;
    max-width: 739px;
}

.home-page table.feature {
    width: 400px;
    display: inline-block;
    margin-top: 40px;
    min-height: 115px;
}

.home-page table.feature:nth-child(even) {
    margin-right: 20px;
}

.home-page table.feature .icon {
    vertical-align: middle;
}


.home-page table.feature .text {
    padding-left: 20px;
}

/********************************************************************
 *																	*
 * Login page														*
 * url: /account/logIn 												*
 *																	*
 ********************************************************************/

.login-page #header #logo {
    margin-top: 12px;
}

.login-page .login-form {
    padding: 120px 0px 0px 35px;
    width: 725px;
}

.msapp.login-page .login-form {
    margin: 10px;
}

.login-page .login-form .header {
    padding: 20px 55px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.login-page .login-form .input-area {
    float: left;
    width: 615px;
    height: 135px;
    padding: 25px 55px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.login-page .login-form .input-area.has-errors {
    height: 155px;
}

.short-form .signup-form .input-area .errors,
.login-page .login-form .input-area .errors {
    position: relative;
    top: -10px;
}

.login-page .login-form .input-area .fields {
    float: left;
    width:600px;
    clear: both;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.login-page .login-form .input-area .fields .field {
    float: left;
    clear: both;
    width: 100%;
}

.login-page .login-form .input-area .fields .field.email {
    border-bottom: solid 1px #CCC;
}

.login-page .login-form .input-area .fields .field input {
    width: 460px;
    border: none !important;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0px !important;
    -khtml-border-top-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -khtml-border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.login-page .login-form .input-area .fields .field span {
    height: 15px;
    padding: 11px 20px 19px;
    width: 80px;
    float: left;
}

.login-page .login-form .input-area .fields .field.email span {
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.login-page .login-form .input-area .fields .field.pwd span {
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.login-page .login-form .input-area .actions {
    float: left;
    clear: both;
    width: 604px;
    padding: 15px 0px 10px;
}

.short-form .signup-form .input-area .actions .buttons,
.login-page .login-form .input-area .actions .buttons {
    float: right;
}

.login-page .login-form .input-area .actions #signInButton {
    float: right;
    position: relative;
    top: -2px;
    height: 43px;
    width: 151px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;

}

.login-page .login-form .input-area .actions #googleOpenIDLink {
    width: 151px;
    height: 24px;
    position: relative;
    top: 41px;
    background-repeat: no-repeat;
    background-size: 152px;
    cursor: pointer;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.login-page .login-form .input-area .actions #googleOpenIDLink:hover {
    opacity: .9;
}

.login-page .login-form .input-area .actions #forgotPasswordLink {
    position: relative;
    top: 7px;
}

.login-page .login-form .input-area .actions #signupLink {
    margin-left: 40px;
    position: relative;
    top: 7px;
}

.login-page #footer .inner {
    left: -25px;
}

.login-embedded-page .login-form {
    padding: 0px;
}

.login-embedded-page .login-form .header {
    display: none;
}

.login-embedded-page .login-form .input-area {
    height: auto;
    padding: 20px 0px;
}

/********************************************************************
 *																	*
 * Mobile page														*
 * url: /mobile 													*
 *																	*
 ********************************************************************/

.info.mobile > #wrap > #container {
    height: 1100px !important;
}

.info.mobile #main-content {
    margin-left: 25px;
    margin-top: 0;
}

.info.mobile #header {
    background-image: none !important;
}

.info.mobile .top {
    margin-top: 0;
}

.info.mobile .top .mobile-devices {
    width: 393px;
    height: 440px;
    background-size: 88%;
    background-position: 13px 0px;
    background-repeat: no-repeat;
}

.info.mobile .top .title {
    width: 455px;
    height: 125px;
    text-shadow: 0px 1px 0px rgba(255,255,255,.3);
}

.info.mobile .top a.appstore {
    margin-top: 40px;
    width: 205px;
    height: 70px;
    margin-right: 40px;
    background-repeat: no-repeat;
    float: left;
}

.info.mobile .top a.playstore {
    width: 205px;
    height: 70px;
    margin-top: 40px;
    background-repeat: no-repeat;
    float: left;
}

.info.mobile .top .download-link {
    padding: 20px 0px 0px 35px;
}

.info.mobile .top .download-link .text {
    padding-bottom: 5px;
}

.info.mobile .top .download-link .input-form {
    float: left;
    width: 435px;
    box-shadow: 0px 0px 112px rgba(0,0,0,.6);
}

.info.mobile .top .download-link .input-form input {
    float: left;
    width: 260px;
    height: 35px !important;
    padding-left: 15px !important;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 0px !important;
    -khtml-border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom-right-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -khtml-border-top-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-right-radius: 0px !important;
}

.download-link .input-form #sendDownloadLinkButton {
    height: 37px;
    width: 158px;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px 13px 1px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.gmail-landing-page .download-link .input-form input {
    display: inline-block;
    margin-right: -4px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;

}

.gmail-landing-page .download-link .input-form #sendDownloadLinkButton {
    height: 48px;
    width: 228px;
    display: inline-block;
    top: 0px;
    margin-bottom: -1px;
}

.info.mobile .bottom {
    margin: 60px 0px 40px 15px;
    width: 100%;
}

table.bottom-mobile {
    margin: 0px;
    width: 95%;
}

.info.mobile .bottom .padding {
    width: 160px;
}

table.bottom-mobile .padding {
    width: 100px;
}

.info.mobile .bottom .section .title,
table.bottom-mobile .section .title {
    padding-bottom: 5px;
}

.info.mobile .bottom .section ,
table.bottom-mobile .section  {
    background-repeat: no-repeat;
    background-size: 30px;
    max-width: 250px !important;
    padding: 0px 0px 30px 45px;
}

.info.mobile .bottom .scan,
table.bottom-mobile .scan {
    background-size: 25px;
    background-position: 6px 3px;
}

.info.mobile .bottom .sign,
table.bottom-mobile .sign {
    background-size: 35px;
}

.info.mobile .bottom .edit,
table.bottom-mobile .edit {
    background-position: 6px 0px;
}

.info.mobile .bottom .ipsum,
table.bottom-mobile .ipsum {
    background-size: 33px;
    background-position: 1px 0px;
}

.info.mobile #footer .inner {
    left: -25px;
}

.info.mobile .android-tout {
    padding: 40px 0px;
    text-align: center;
    width: 100%;
    position: relative;
}


/********************************************************************
 *																	*
 * API page															*
 * url: /api														*
 *																	*
 ********************************************************************/

.info.api > #wrap > #container {
    background-size: 100% 460px;
}

.info.api #header {
    background-image: none !important;
    height: auto;
}

.info.api #main-content {
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

.info.api #main-content > .top .ref-preview {
    background-size: 475px;
    background-position: -8px 0px;
    background-repeat: no-repeat;
    float: left;
    width: 461px;
    height: 495px;
    position: relative;
    top: -20px;
    left: 4px;
}

@-moz-document url-prefix() {
    .info.api #main-content > .top .read-doc {
        padding-top: 45px !important;
    }
}

.info.api #main-content > .top .headline {
    position: relative;
    top: 8px;
    height: 160px;
    padding-left: 22px;
}

.info.api #main-content > .top .headline p,
.info.api #main-content > .top .headline strong {
    width: 470px;
    float: left;
}

.info.api #main-content > .top {
    float: left;
}

.info.api #main-content > .top .quote {
    background-repeat: no-repeat;
    background-position: 5px 28px;
    background-size: 62px;
    padding-left: 67px;
    width: 340px;
    height: 90px;
}

.info.api #main-content > .top .quote .content {
    padding: 30px 0px 0px 25px;
    max-width: 250px;
}

.info.api #main-content > .top .quote .ref {
    padding: 2px 0px 0px 25px;
}

.info.api #main-content > .top .read-doc {
    padding-top: 32px;
    text-align: left;
    position: relative;
    top: 10px;
    float: left;
}

.info.api #main-content > .top .read-doc .btn {
    height: 23px;
    padding: 10px 25px;
}

.info.api #main-content > .bottom {
    margin: 0px 25px 40px 50px;
    height: 250px;
    position: relative;
    top: -20px;
}

.info.api #main-content > .bottom .padding {
    width: 60px;
}

.info.api #main-content > .bottom .content {
    max-width: 300px;
}

.info.api #main-content > .bottom td {
    padding: 0px 0px 30px 60px;
    background-repeat: no-repeat;
}

.info.api #main-content > .bottom .title {
    padding-bottom: 5px;
}

/********************************************************************
 *																	*
 * API documentation page											*
 * url: /apiDocumentation 											*
 *																	*
 ********************************************************************/

.api.documentation > #wrap > #container {
    width: 100%;
    padding: 0px;
    overflow-y: hidden;
}

.api.documentation #header {
    left: 0px;
    height: 55px;
    width: 100%;
    padding-top: 0px;
}

.api.documentation #header #signinButton {
    float: right;
    margin: 6px 20px 0px 0px;
}

.api.documentation #header #logo {
    padding-top: 10px;
    margin: 10px 30px 0px 30px;
}

.api.documentation #header #langSelection,
.api.documentation #header a.nav {
    height: 23px;
    padding: 17px 20px 15px 20px;
    float: left;
    cursor: pointer;
    text-decoration: none;
}

.api.documentation #header a.selected {
    cursor: auto;
}

.api.documentation #header #langSelection {
    float: right;
}

.api.documentation #header #langSelection .icon {
    background-repeat: no-repeat;
    width: 8px;
    height: 4px;
    float: right;
    margin-left: 7px;
    position: relative;
    top: 10px;
    cursor: pointer;
}

.api.documentation #main-content {
    margin: 20px;
}

.api.documentation #main-content .headline {
    margin: 30px 0px;
    position: initial;
    float: none;
}

.api.documentation .libraries p {
    padding-bottom: 10px;
}

.api.documentation .libraries .languages {
    padding:20px;
}

.api.documentation .libraries .languages a {
    margin-bottom: 10px;
    display: inline-block;
}

.api.documentation .module {
    width: 100%;
    height: 28px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.api.documentation .module .name {
    padding: 5px 10px;
    position: relative;
    top: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.api.documentation .module .description {
    padding: 6px 10px 5px;
    position: relative;
    top: 5px;
}

.api.documentation .top-icon {
    float: right;
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: relative;
}

.api.documentation .section {
    margin-bottom: 50px;
}

.api.documentation .section.intro {
    margin: 20px 0px;
}

.api.documentation .section .header {
    border-bottom: 1px solid #DFDFDF;
}

.api.documentation .section .header .col1 {
    padding-left: 10px;
    position: relative;
    width: 415px;
    float: left;
}

.api.documentation .section .header .col2 {
    position: static;
    display: inline-block;
    width: 505px;
}

.api.documentation .section .header .labels {
    margin: 20px 0px 5px;
}

.api.documentation .section .header .values {
    border: solid 1px #CECECE;
    border-bottom: 0px;
    padding: 8px 10px 8px 0px;
    cursor: pointer;
}

.api.documentation .section .info-panel {
    padding: 20px 30px;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}

.api.documentation .section .info-panel h3 {
    margin-bottom: 10px;
}

.api.documentation .section .info-panel .http {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.api.documentation .section .info-panel h4 {
    margin: 10px 0 5px;
    white-space: nowrap;
}

.api.documentation .section .info-panel .call-example p {
    padding-left: 20px;
}

.api.documentation .section .info-panel .call-example strong {
    padding-bottom: 2px;
    display: inline-block;
}

.api.documentation .section .info-panel > div {
    margin-bottom: 30px;
    margin-top: 10px;
    width: 880px;
}

.api.documentation .section .parameters h3 {
    border-bottom: solid 1px #CECECE;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.api.documentation .section .parameters .row {
    border-bottom: solid 1px #CECECE;
    padding: 8px 5px;
}

.api.documentation .section .parameters .row .name {
    width: 340px;
    position: relative;
    float: left;
}

.api.documentation .section .parameters .row .name > span {
    margin: 0px 3px;
}

.api.documentation .section .parameters .row .name i.opt {
    padding-left: 5px;
}

.api.documentation .section .parameters .row .description {
    position: static;
    left: 350px;
    width: 550px;
}

.api.documentation .section .parameters .row div.description {
    float: left;
    width: 500px;
}

.api.documentation .section .info-panel .code-render,
.code-render {
    width: 850px;
    border-radius: 3px;
    border: 1px solid #bfc0c1;
    padding: 8px;
    box-shadow: inset 0px 0px 2px #FFF;
    overflow: auto;
}
.api.documentation .section .info-panel .description .code-render {
    width: 517px;
}
.code-render {
    width: auto;
}
.code-render.alone {
    border: 1px solid #DDD;
    border-radius: 0px;
    padding: 7px 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.api.documentation .section .info-panel .call-example {
    border-left: solid 3px #686868;
    padding: 5px 10px 20px 10px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px #999;
    overflow: auto;
}

.api.documentation .section .object {
    position: relative;
    float: left;
    width: 890px;
    margin: 0px 0px 20px 30px;
}

.api.documentation .section .object .parameters .header-row {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #CECECE;
    margin-bottom: 8px;
    margin-top: 0px;
}

.api.documentation .section .object .parameters .header-row h3 {
    position: relative;
    float: left;
    width: 38%;
    border-bottom: 0px;
    padding-bottom: 8px;
}

.api.documentation .section .object .parameters .header-row span {
    position: relative;
    float: left;
}

.api.documentation .section .object .parameters .row {
    border-bottom: solid 1px #DFDFDF;
}

.api.documentation .section .object .parameters .row .description {
    position: static;
    left: 350px;
    display: inline-block;
    width: 61%;
    padding-right: 1%;
}

.api.documentation .section .object .parameters .row .description {
    width: 60%;
}

.api.documentation .section .object .parameters .name {
    width: 35%;
    padding-left: 3%;
}

.api.documentation .section .parameters .sub-property {
    border: 1px solid #DFDFDF;
    border-left: 5px solid #DFDFDF;
    margin-top: -1px;
    margin-left: 40px;
    width: 835px;
}

.api.documentation .section .parameters .sub-sub-property {
    margin-left: 70px;
    width: 805px;
}

.api.documentation .section .parameters .row.has-sub-properties {
    border-bottom: 0px;
    margin-bottom: 10px;
}

.api.documentation .section .parameters .sub-property.last {
    margin-bottom: 30px;
}

.api.documentation .section .parameters .sub-property .name {
    width: 31.5%;
    padding-left: 3%;
}

.api.documentation .section .parameters .row.after-sub-properties {
    border-top: 1px solid #DFDFDF;
}

.api.documentation .events-reference {
    margin-bottom: 50px;
}

.api.documentation .events-reference table.table {
    margin-top: 10px;
    margin-bottom: 0px;
}

.api.documentation .toc {
    border: 3px solid rgba(150, 150, 150, .3);
    margin-bottom: 40px;
    border-radius: 0px 3px 3px 0px;
    display: inline-block;
    padding: 15px;
}

.api.documentation .toc-fixed {
    box-shadow: inset 1px 0px 2px rgba(50, 50, 50, .2), 10px 0px 80px rgba(0, 0, 0, .6);
    position: fixed;
    margin-left: 500px;
    z-index: 0;
    margin-top: 131px;
    text-align: left;
    border-left: none;
}

.api.documentation .toc h4 {
    border-bottom: 1px solid #BBB;
    margin-bottom: 10px;
}

.api.documentation .toc a {
    margin-bottom: 3px;
    display: inline-block;

}

/********************************************************************
 *																	*
 * API embedded documentation										*
 * url: /api/embedded		 										*
 *																	*
 ********************************************************************/

.api .embeddedSigning {
    line-height: 20px;
    margin-left: 10px;
}
.api .embeddedSigning .code-render {
    border: 1px solid #DDD;
    border-radius: 0px;
    padding: 7px 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.api .embeddedSigning .intro { font-size: 15px; }
.api .embeddedSigning .row h2 { margin-bottom: 10px; }
.api .embeddedSigning .row p { font-size: 15px; }
.api .embeddedSigning .row ul {
    list-style: none;
    margin: 0px;
    padding: 10px 15px;
    border: solid 1px #DDD;
}
.api .embeddedSigning .row ul li {
    margin: 0px;
    padding: 7px 0px;
}
.api .embeddedSigning .row ul li em {
    position: relative;
    left: 15px;
}
.api .embeddedSigning .row section { padding: 10px 0px; }


/********************************************************************
 *																	*
 * API getting started page											*
 * url: /api/gettingStarted 										*
 *																	*
 ********************************************************************/

.api .gettingStarted {
    line-height: 20px;
    margin-left: 10px;
}

.api .gettingStarted .step_image {
    width: 100%;
    text-align: center;
    padding: 5px;
}

.api .gettingStarted .step_image img {
    border: 2px solid #979797;
    border-radius: 2px;
    box-shadow: 0px 1px 2px #B9ABAB;
}

.api .gettingStarted pre {
    margin: 15px 0px;
    display: block;
    border: 1px solid #DDD;
    border-radius: 0px;
    padding: 7px 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.api .gettingStarted .table {
    margin: 0px 0px 15px;
    width: auto;
}

.api .gettingStarted .table th {
    padding: 15px;
}

.api .gettingStarted .table td {
    padding: 15px;
}

.api .gettingStarted .table img {
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0px 1px 2px #DDD;
}

.api .gettingStarted ol {
    margin-top: 5px;
}


/********************************************************************
 *																	*
 * API pricing page													*
 * url: /api/pricing												*
 *																	*
 ********************************************************************/

.api.documentation.pricing > #wrap #header #signinButton {
    float: right;
    margin: 6px 20px 0px 0px;
}
.api.documentation.pricing > #wrap > #container { box-shadow: 0px 0px 160px #000; }
.api.documentation.pricing > #wrap > #container {
    height: 1600px !important;
    overflow-x: hidden;
}
.api.documentation.pricing h2 { margin-left: 10px;/* color: #191919; */}
.api.documentation.pricing .pricing-table table table { width: 700px !important; }
.api.documentation.pricing .pricing-table-hs > table {
    margin-left: 10px;
    width: 940px;
}
.api.documentation.pricing .enterprise-cell { padding: 55px 0px 0px 0px !important; }
.api.documentation.pricing .pricing-table-hs table tr > td.team-cell { padding-left: 15px !important; }
.api.documentation.pricing table td.team-cell .title {
    margin-left: -5px;
    padding-top: 0px;
    background-image: none;
}
.api.documentation.pricing table td.enterprise-cell .features { display: none; }
.api.documentation.pricing table td.enterprise-cell button {
    margin-left: 30px;
    margin-top: -5px;
}
.api.documentation.pricing .with-coupon table td.enterprise-cell button,
.api.documentation.pricing .annual table td.enterprise-cell button { margin-top: 55px; }
.api.documentation.pricing #top-pricing .row { margin-left: 10px; }
.api.documentation.pricing #top-pricing  h3 { text-align: left; margin-left: 10px; }
.api.documentation.pricing .common-questions { margin-top: 80px; }
.api.documentation.pricing .common-questions .question p { font-size: 15px; }
.api.documentation.pricing .common-questions .question.full { width: 880px; }
.api.documentation.pricing .pricing-table-hs table tr.feature-row:last-child { border-bottom: none; }


/********************************************************************
 *																	*
 * Contact us page													*
 * url: /contact													*
 *																	*
 ********************************************************************/

.contact #contact_form {
    margin-right: 0px;
    margin-bottom: 0px;
}

.contact .headline {
    margin-bottom: 0px;
}

.contact .subtext {
    margin-bottom: 50px;
}

.contact .contact-form {
    width: 393px;
    padding: 25px 25px 20px 25px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 2px 0px #EEE;
    -moz-box-shadow: 1px 2px 0px #EEE;
    box-shadow: 1px 2px 0px #EEE;
}

.contact .contact-form.sub-content {
    width: 880px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.contact .contact-form input {
    border: solid 1px #CCC !important;
    width: 365px !important;
}

.contact .contact-form textarea {
    width: 345px;
    border: solid 1px #CCC !important;
    height: 190px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 15px 20px !important;
}

.contact .contact-form .actions input#sendButton {
    width: 387px !important;
    height: 45px;
    padding-top: 2px;
    margin-top: 10px;
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.contact .contact-form .actions div#sendButton {
    width: 387px;
    height: 45px;
    padding-top: 5px;
    margin-top: 10px;
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.contact .contact-form .actions div#sendButton.clicked {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.contact .contact-form .actions div#sendButton .name {
    padding-top: 2px;
}

.contact .contact-form .actions div#sendButton .details {
    margin-top: -5px;
}

.contact .postal-address {
    position: relative;
    left: 1px;
}

.contact .postal-address .wrapper {
    padding: 60px 60px 0px 60px;
    height: 150px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 1px 1px 1px #EEE;
}

.contact .contact-form .captcha {
    margin-top: 10px;
    margin-bottom: 20px;
}

.recaptcha_image_and_options {
    margin-bottom: 20px;
}

#recaptcha_image {
    display: inline;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.recaptcha_options {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 77px;
}

.recaptcha_only_if_image {
    display: inline;
}
.recaptcha_only_if_audio {
    display: inline;
}

/********************************************************************
 *																	*
 * Realtor page														*
 * url: /realtor													*
 *																	*
 ********************************************************************/

.realtor #main-content {
    margin: 0;
    padding: 0 37px;
}

.realtor #main-content #panel {
    width: 930px;
}

.realtor #main-content #panel > div {
    padding: 25px 40px;
}

.realtor #main-content #panel .top {
    border-bottom: solid 1px #CCC;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.realtor #main-content #panel .top .headline {
    margin-bottom: 0px;
}

.realtor #main-content #panel .inner {
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 1px 2px 1px #BBB;
    -moz-box-shadow: 1px 2px 1px #BBB;
    box-shadow: 1px 2px 1px #BBB;
}

.realtor #main-content #panel .inner .pitch ul {
    list-style-type: disc;
    list-style-position: inside;
    float: left;
    width: 425px;
}

.realtor #main-content #panel .inner .pitch ul li {
    margin-bottom: 10px;
}

.realtor #main-content #panel .inner .section {
    border-bottom: solid 1px #E4E4E4;
    padding-bottom: 40px;
    margin-bottom: 30px;
}

.realtor #main-content #panel .tryfree {
    margin-top: 75px;
}

.realtor #main-content #panel .tryfree .btn {
    width: 183px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    padding: 15px 10px;
    box-shadow: none;
    text-align: center;
}

.realtor #main-content #panel .inner .mobile {
    border-bottom: none;
}

.realtor #main-content #panel .inner .mobile .headline {
    margin-bottom: 0px;
}

.realtor #main-content #panel .inner .mobile .subtext {
    margin-bottom: 20px;
}

.realtor #main-content #panel .inner .mobile .top-row {
    height: 205px;
}

.realtor #main-content #panel .inner .mobile .image {
    background-repeat: no-repeat;
    padding-right: 20px;
    width: 250px;
    height: 337px;
}

.realtor #main-content #panel .inner .mobile .description {
    padding-top: 15px;
}

.realtor #main-content #panel .inner .mobile .description p {
    margin: 5px 0px;
}

#main-content #panel .inner .mobile .description .extra {
    margin-top: 30px !important;
    width: 235px;
}

.realtor #main-content #panel .inner .mobile a.appstore  {
    background-position: right 0px;
    background-repeat: no-repeat;
    float: left;
    height: 78px;
    width: 235px;
    margin-left: 50px;
    margin-top: 22px;
}

.realtor #main-content #panel .inner .mobile .phone-input {
    margin-top: 30px;
}

.realtor #main-content #panel .inner .mobile #email {
    width: 315px;
    -webkit-border-top-right-radius: 0px !important;
    -khtml-border-top-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -khtml-border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.realtor #main-content #panel .inner .mobile #sendDownloadLinkButton {
    text-align: center;
    padding: 0 18px 0;
    position: relative;
    top: -2px;
    left: -4px;
    cursor: pointer;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.realtor #main-content #panel .inner .recommend.top {
    margin-top: 30px;
}

.realtor #main-content #panel .inner .recommend h1 {
    width: 640px;
    padding-bottom: 10px;
}

.realtor #main-content #panel .inner .recommend h1 .brand {
    float: right;
    width: 180px;
    height: 44px;
    position: relative;
    top: 5px;
}

.realtor #main-content #panel .inner .recommend .info {
    margin-top: 10px;
    padding: 10px;
}

.realtor #main-content #panel .inner .integrations .headline {
    margin-bottom: 20px;
}

.realtor #main-content #panel .inner .integrations table {
    margin-bottom: 10px;
}

.realtor #main-content #panel .inner .integrations table td {
    padding-right: 40px;
}

.realtor #main-content #panel .inner .integrations table p {
    max-width: 225px;
    margin-top: 30px;
}

.realtor #main-content #panel .inner .integrations .logo {
    background-repeat: no-repeat;
    width: 250px;
    height: 90px;
}

.realtor #main-content #panel .inner .integrations .drive .logo {
    background-position: 0px 0px;
    background-size: 38%;
    position: relative;
    left: -22px;
}

.realtor #main-content #panel .inner .integrations .drive .logo span {
    position: relative;
    left: 100px;
    top: 30px;
}

.realtor #main-content #panel .inner .integrations .dropbox .logo {
    background-position: 0px 12px;
}


.realtor #main-content #panel .inner .compare {
    border-bottom: none;
}

.realtor #main-content #panel .inner .compare table {
    margin-top: 30px;
}

.realtor #main-content #panel .inner .compare table tr {
    padding: 0px 40px;
    height: 40px;
}

.realtor #main-content #panel .inner .compare table tr.headers td  {
    text-align: center;
    padding-bottom: 20px;
}

.realtor #main-content #panel .inner .compare table tr td.feature-name {
    width: 350px;
}

.realtor #main-content #panel .inner .compare table tr td.hellosign {
    width: 200px;
}

.realtor #main-content #panel .inner .compare table tr td.competitor {
    width: 250px;
}

.realtor #main-content #panel .inner .compare table tr.feature-row td.hellosign {
    text-align: center;
}

.realtor #main-content #panel .inner .compare table tr.feature-row td.competitor {
    text-align: center;
}

.realtor #main-content #panel .bottom {
    margin: 30px 0px 50px;
}

/********************************************************************
 *																	*
 * Recover password													*
 * url: /account/recoverPassword									*
 *																	*
 ********************************************************************/

body.recoverpassword-page {
    width: 400px;
    height: 210px;
    text-align: left;
    overflow-x: hidden;
}

.recoverpassword-page h1,
.recoverpassword-page p {
    width: 400px;
}

.recoverpassword-page form#frmRecoverPwd {
    width: 400px;
}


/********************************************************************
 *																	*
 * Alert messages													*
 *																	*
 ********************************************************************/

.notification_wrapper {
    top: -1px !important;
}

.notification_wrapper .notification {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.notification_wrapper .notification h1 {
    padding-top: 3px;
}


/********************************************************************
 *																	*
 * Top bar															*
 *																	*
 ********************************************************************/

body #topbar {
    width: 100%;
}

body #topbar .link {
    padding-top: 5px;
}

body #topbar .link .sep {
    margin: 0px 8px;
}


/********************************************************************
 *																	*
 * Email input form components										*
 *																	*
 ********************************************************************/

.email-input-form .email-input {
    overflow: hidden !important;
    width: 550px;
    height: 45px;
}

.email-input-form .email-input span {
    padding: 10px 13px 0px;
    float: left;
    height: 35px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.email-input-form .email-input input {
    width: 452px;
    border: none !important;
}

@-moz-document url-prefix() {
    .email-input-form .email-input input { width: 448px; }
}

.keep-updated {
    margin-top: 10px;
}

.gmail-landing-page .keep-updated {
    width: 100%;
}

.email-input-form .keep-updated {
    margin: 10px 0px 0px 98px;
}

.keep-updated input {
    float: left;
    margin-right: 7px;
}

.keep-updated label {
    position: relative;
    top: 1px;
}

.signup-buttons {
    padding-left: 44px;
}

.tryfreeButton,
.signup-buttons #tryfreeButton {
    width: 204px;
    height: 51px;
    cursor: pointer;
}

.googleSignup,
.signup-buttons #googleSignup {
    width: 204px;
    height: 34px;
    cursor: pointer;
}

.signup-buttons #wlSignup {
    cursor: pointer;
    padding: 4px 10px 5px;
    width: 169px !important;
    height: 17px !important;
    text-align: center;
}


/********************************************************************
 *																	*
 * Embedded Signing Demo											*
 * url: /info/demoEmbeddedSigning									*
 *																	*
 ********************************************************************/

.info.demo-embedded-signing p {
    margin: 20px 0px;
}
.info.demo-embedded-signing button {
    padding: 10px 20px;
    height: 40px;
}

.api.embedded-signing-example .warning,
.info.demo-embedded-signing .warning {
    padding: 10px;
    border: solid 1px #DDD;
    display: block;
    width: 500px;
    margin-top: 10px;
}
.info.demo-embedded-signing #message {
    display: none;
    margin-bottom: 15px;
}


/********************************************************************
 *																	*
 * Gmail plugin														*
 *																	*
 ********************************************************************/

#gmailPluginLoader {
    width: 100%;
    height: 100%;
    background: #F5F5F5;
    position: absolute;
    top: 0;
    bottom: 0;
    font-family: proxima-nova, sans-serif;
    font-weight: normal;
    font-size: 14px;
}
#gmailPluginLoader > .banner > .inner,
#gmailPluginLoader > .inner {
    width: 700px;
    margin: 0 auto;
}
#gmailPluginLoader > .inner .top {
    padding: 40px 0 20px;
    margin: 0 0 30px 0;
    text-align: center;
    border-bottom: solid 1px #E7E7E7;
}
#gmailPluginLoader > .inner .top p {
    color: #A2A2A2;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    padding-top: 20px;
}
#gmailPluginLoader > .inner .screenshot { text-align: center; }
#gmailPluginLoader > .banner {
    width: 100%;
    height: 55px;
    padding: 10px 0;
    background: #F59600;
    position: relative;
    top: -10px;
    color: #FFF;
}
#gmailPluginLoader > .banner p {
    float: left;
    line-height: 35px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: white;
}
#gmailPluginLoader > .banner .button-area {
    float: right;
    height: 35px;
}
#gmailPluginLoader > .banner .button-area a {
    float: left;
    height: 35px;
    padding-top: 2px;
}
#gmailPluginLoader > .banner .button-area .arrow {
    float: left;
    width: 50px;
    background-image: url(../../images/google_docs/gmail/arrow.png);
    margin: 10px;
}
#gmailPluginLoader > .banner .button-area .tip {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.05em;
    width: 70px;
    float: left;
    position: relative;
    top: 5px;
    text-align: center;
}
#gmailPluginLoader .floatfix { float: none; }

#gmailGoogleDocAd {
    margin-top: 50px;
    margin: 50px 8px 0px;
    text-align: center;
    width: 100%;
}
#gmailGoogleDocAd > p {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    width: 80%;
    margin: 0px 10% 10px;
}
#gmailGoogleDocAd > a > img {
    width: 80%;
    max-width: 118px;
}
#gmailGoogleDocAd > span {
    color: #A2A2A2;
    font-size: 11px;
    text-align: center;
    float: left;
    width: 80%;
    margin: 5px 10% 0px;
}
.first-page-portrait #gmailGoogleDocAd {
    position: absolute;
    right: 20px;
    width: 200px;
}
.first-page-portrait #gmailGoogleDocAd > p {
    width: 92%;
    font-size: 14px;
    margin: 0px 4% 10px;
}
.rotate-1 #gmailGoogleDocAd,
.rotate-3 #gmailGoogleDocAd {
    width: 115px;
}

/********************************************************************
 *																	*
 * Third-party cookie warning / instructions						*
 *																	*
 ********************************************************************/

body.third-party-cookie-warning {
    height: 100% !important;
}

#cookie_warning {
    width: 100%;
    margin: 0px !important;
}
#cookie_warning .cookie_warning_container { padding: 50px; }
#cookie_warning .cookie_warning_image { float: right; }
#cookie_warning .cookie_warning_image img {
    width: 400px;
    padding-left: 30px;
}
#cookie_warning p {
    margin-top: 0px;
    padding-top: 0px;
    line-height: 20px;
}
#cookie_warning p b {
    line-height: 35px;
}
#cookie_warning h1 {
    margin-bottom: 50px;
}
#cookie_warning .try-again {
    text-align: left;
    margin-top: 40px;
}
#cookie_warning .auto-solve button,
#cookie_warning .try-again button {
    margin-top: 30px;
    padding: 10px 30px;
}
#cookie_warning .auto-solve { text-align: center; }
#cookie_warning .auto-solve .separator {
    margin: 40px 0px;
    float: left;
    width: 100%;
}
#cookie_warning .auto-solve .separator .right,
#cookie_warning .auto-solve .separator .left {
    float: left;
    width: 45%;
    height: 12px;
    border-bottom: solid 1px #EEE;
}
#cookie_warning .auto-solve .separator .middle {
    float: left;
    width: 10%;
    text-align: center;
}


/* JQuery Overrides */

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #F7F8F9 !important;
}

.ui-widget {
    font-family: inherit !important;
    font-size: 14px !important;
}

.recipient_margin_controls {
    width: 100px;
    position: absolute;
    left: -100px;
    top: 0;
    padding-right: 8px;
}

.recipient_margin_controls > * {
    margin: 0 2px;
}

/* SASS Overrides */

input.m-button {
    border-style: none;
}

.m-button[disabled] {
    border: 1px solid #C3C3C3 !important;
    background: #C3C3C3;
    color: #FFF;
    cursor: default;
}

/* Other Lipstick */

.file_upload_progress,
.file_upload_cancel {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
}

.incoming_file_container h4 {
    font-size: 24px !important;
}

.incoming_file_container div.signing-options {
    margin: 0;
}

.incoming_file_container div.signing-options .signing-option {
    margin: 10px;
}

.enable-oss-close {
    position: absolute;
    width: 10px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.enable-oss-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#send .sign_save_download_column {
    position: absolute;
    right: 0;
    width: 380px;
    padding-left: 72px;
    height: 380px;
    background-image: url(../../images/v2/modules/home/or_@2x.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 22px;
    padding-top: 160px;
    z-index: 998;
}

/* Send page tooltips */

#self_req_info_bubble,
#self_save_info_bubble {
    position: absolute;
    width: 250px;
    top: -20px;
}

#hs_feature_info_bubble,
#hf_paid_acct_only_info_bubble {
    position: absolute;
    width: 250px;
    margin-top: 15px;
}


/* HF signup from pricing page */

.info.pricing #signupOrLoginPopup .field {
    width: 390px !important;
}

.info.pricing #signupOrLoginPopup .field input {
    width: 279px;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.info.pricing #signupOrLoginPopup #frmLogin h3 {
    font-size: 14px;
    font-weight: 400;
}

.info.pricing #signupOrLoginPopup #frmLogin h3 a {
    color: #45BCDE;
}

.info.pricing #signupOrLoginPopup .form-login .field input {
    height: 35px;
    font-size: 14px;
    width: 279px;
}

.info.pricing #signupOrLoginPopup .form-login .form-errors .error {
    font-size: 14px;
    margin-bottom: 10px !important;
}

.info.pricing #signupOrLoginPopup .form-login .rm input {
    top: 1px !important;
}

.info.pricing #signupOrLoginPopup .form-login .rm label {
    font-size: 14px;
    font-weight: 400;
}

.info.pricing #signupOrLoginPopup .form-login .rm .pwd-recovery-link a {
    font-size: 12px;
    color: #45BCDE;
    line-height: 24px;
}

.info.pricing #signupOrLoginPopup .field .field-name {
    line-height: 47px;
    padding: 0;
    font-weight: 400;
}

.info.pricing #signupOrLoginPopup .marketing input {
    margin-bottom: 0;
    position: relative;
    top: 4px;
}

.info.pricing #signupOrLoginPopup .marketing label {
    font-weight: 300 !important;
    font-size: 13px;
}

.info.pricing #signupOrLoginPopup .external_auth {
    font-size: 14px;
}

.info.pricing #signupOrLoginPopup .external_auth > span {
    margin-right: 10px;
}

.info.pricing #signupOrLoginPopup .external_auth .google_area_small,
.info.pricing #signupOrLoginPopup .external_auth .wl_area_small {
    top: 0 !important;
}

.info.pricing #signupOrLoginPopup .external_auth .google_area_small img {
    top: 1px !important;
}

.info.pricing #signupOrLoginPopup .external_auth .wl_area_small img {
    top: 2px !important;
}

.info.pricing #signupOrLoginPopup .gold-button {
    transition: none !important;
}

.set-name-inputs input[type=text] {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 10px;
}

.add-switch-template-buttons {
    clear: both;
    padding-top: 25px;
}

.add-switch-template-buttons > .my_templates {
    display: inline-block;
    margin-right: 10px;
}

#edit_account_company {
    margin-bottom: 10px;
}

.ga-onboarding.upgrade > h1,
.ga-onboarding.invite > h1 {
    font-size: 22px;
    font-weight: 600;
}

.ga-onboarding.invite .actions a {
    font-size: 14px;
    margin-left: 20px;
}

#leave-team-options #back-btn {
    font-size: 14px;
    font-weight: 400;
    color: #4E4E4E;
    margin-left: 20px;
}


/* HubSpot Integration Modal */

.hubspot-prompt-inner {
    padding: 10px 60px;
}

.hubspot-prompt-left {
    float: left;
    width: 280px;
}

.hubspot-prompt-left p {
    width: 280px;
    margin-bottom: 10px;
    line-height: 130%;
    font-weight: 400
}

.hubspot-prompt-left .note {
    width: 250px;
    position: relative;
}

.hubspot-prompt-left .note span {
    font-size: 90%;
    color: #666;
    font-weight: 300;
}

.hubspot-prompt-left .note img {
    position: absolute;
    left: 250px;
    top: -20px;
    width: 50px
}

#hubspot-hub-id {
    width: 250px;
    margin-bottom: 5px;
}

#hubspot-prompt-error {
    font-size: 12px;
    font-weight: 600;
    height: 15px;
    margin-bottom: 30px;
    color: #C9252C;
}

.hubspot-screenshot {
    float: right;
    width: 200px;
    height: 200px;
}

/**
 * OPTIONAL SIGNERS
 */

.recipient_container--grid .recipient-name,
.recipient_container--grid .recipient,
.recipient_container.cc input.cc {
    max-width: 100%;
}

.recipients-header {
    font-size: 13px;
}

.recipients-header--copy {
    margin-bottom: 17px;
}

.columns--clipped {
    padding-right: 0;
}

.ccs-container--empty .recipients-header {
    display: none;
}

/**
 * Recipient check mark for optional signers.  It's wrapped in a column, but we
 * want it to be extra small so we set an explicit width.  It will need to line
 * up with the icon we use.
 */
.recipient-role__icon-column,
.recipient-cc__icon-column {
    width: 20px;
}

.recipient-role__icon {
    visibility: hidden;
    width: 15px;
    background-image: url('../../images/check_@2x.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    left: 15px;
}

.recipient-cc__icon {
    width: 15px;
    background-image: url('../../images/cc_icon.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    left: 15px;
}

.required .recipient-role__icon {
    visibility: visible;
}


.recipient-role__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*
 * NOTE: A bit of a hack here to vertically align to the inputs in the other
 * columns
 */
.recipient-role__text,
.recipient-role__icon,
.recipient-cc__icon {
    line-height: 14px;
    margin-top: 1px;
    margin-bottom: 1px !important;
    padding-top: 9px;
    padding-bottom: 9px;
}

.tag-list {
    margin-bottom: 40px;
}

.tag-list .tag {
    margin-right: 10px;
    margin-bottom: 10px;
}

.tag-list--collapsed .tag-list--hidden-tag {
    display: none;
}

.tag-list__header {
    display: none;
    margin-bottom: 10px;
}

.tag-list--visible .tag-list__header {
    display: block;
}

.tag-list-expander {
    font-size: 12px;
    color: #808080;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase;
    text-align: right;
    cursor: pointer;
    display: none;
}

.tag {
    display: inline-block;
    background: #4E4E4E;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    padding: 5px 10px;
}

.tag__text,
.tag__remove {
    display: inline-block;
    vertical-align: middle;
}

.tag .tag__text {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tag__remove {
    cursor: pointer;
    margin-left: 5px;
}