/********************************************************************************
	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%;
    font: inherit;
    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;
}

i {
    font-style: italic;
}

b.b {
    font-weight: bold;
}

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;
    font-size: 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
------------------------------------------------------------------------------*/

html {
    background: #f1f4fa;
}

html.iframe, html.iframe body{
    background: #FFF;
}

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 {
    font: 62.5%/1 Arial, Helvetica, sans-serif;
    color: #3c3f5d;
    background: #f4f5f9;
}

body.layout, body.sign-page, body.layout.loggedin.onboarding-layout  {
    border-top: 4px solid #45bcdd;
}

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

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

hr {
    display: none;
}

a, a:visited {
    color: #28b1ca;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    color: #28b1ca;
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

em {
    font-style: normal;
}

del {
    text-decoration: line-through;
}

th, td {
    vertical-align: top;
}

th {
    font-weight: normal;
    text-align: left;
}

address, cite, dfn {
    font-style: normal;
}

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

.rsaquo {
    font-size: 1.4em;
}

@font-face {
    font-style: normal;
    font-weight: normal;
    font-family: "Helvetica Neue Light";
    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 .btn {
    color: rgba(82, 85, 99, 0.67);
}

#content li.cur .btn {
    color: white;
    line-height: 19px;
    cursor: default;
    background-image: url(./images/common/sprite_cur_btn.png) !important;
}

.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;
}

.btn-replacement,
.btn-replacement:visited {
    color: #777;
    color: rgba(82, 85, 99, 0.67);
    display: inline-block;
    padding: 0 12px;
    height: 20px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none !important;
    text-transform: uppercase;
    text-shadow: white 0 1px 0;
    cursor: pointer;
    border: 1px solid #b8b8d0;
    border-radius: 10px;
    font-size: 10px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeff8));
    background: -webkit-linear-gradient(top, #ffffff, #eaeff8);
    background: -moz-linear-gradient(top, #ffffff, #eaeff8);
    background: -ms-linear-gradient(top, #ffffff, #eaeff8);
    background: -o-linear-gradient(top, #ffffff, #eaeff8);
    box-shadow: 0px 1px 0px #efecec;
}

.btn-replacement.btn-replacement-inactive, .btn-replacement.btn-replacement-inactive:hover {
    color: #e9e9e9;
    color: rgba(184, 192, 216, 0.67);
    cursor: default;
    border: 1px solid #d8d8f0;
    border-radius: 10px;
    font-size: 10px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeff8));
    background: -webkit-linear-gradient(top, #ffffff, #eaeff8);
    background: -moz-linear-gradient(top, #ffffff, #eaeff8);
    background: -ms-linear-gradient(top, #ffffff, #eaeff8);
    background: -o-linear-gradient(top, #ffffff, #eaeff8);
    box-shadow: 0px 1px 0px #efecec;
}

.btn-replacement:hover,
.btn-replacement.orngLink-hover {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f7fa));
    background: -webkit-linear-gradient(top, #ffffff, #f6f7fa);
    background: -moz-linear-gradient(top, #ffffff, #f6f7fa);
    background: -ms-linear-gradient(top, #ffffff, #f6f7fa);
    background: -o-linear-gradient(top, #ffffff, #f6f7fa);
    color: #777;
    color: rgba(82, 85, 99, 0.67);
}

.btn-replacement:active,
.cur .btn-replacement {
    color: #FFF;
    background: #44bad0;
    text-shadow: none;
    border: 1px solid #44bad0;
}

.btn-replacement.blue,
.btn-replacement.blue:visited {
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
    border: 1px solid #469fc2;
    background: #7abff0;
    background: -webkit-gradient(linear, left top, left bottom, from(#7abff0), to(#7abff0));
    background: -webkit-linear-gradient(top, #7abff0, #7abff0);
    background: -moz-linear-gradient(top, #7abff0, #7abff0);
    background: -ms-linear-gradient(top, #7abff0, #7abff0);
    background: -o-linear-gradient(top, #7abff0, #7abff0);
    box-shadow: none;
}

.sub {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    height: 43px;
    overflow: visible;
    color: white !important;
    font: bold 1.7em/43px Arial, sans-serif;
    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;
    background: #e74b48 url(./images/common/sprite_sub.png) repeat-x 0 -5000px;
}

.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;
    font: bold 1.3em/29px Arial, sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #e74b48 url(./images/common/sprite_alt.png) repeat-x 0 -5000px;
}

.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;
    background: url(./images/common/ico_alt_ico.png) no-repeat;
}

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

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

.hero {
    display: block;
    padding: 40px 50px;
    width: auto;
    text-align: left;
    border: 3px solid #45bcde;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 4px 15px #999;
    -webkit-box-shadow: 0px 4px 15px #999;
    box-shadow: 0px 4px 15px #999;
    background: #FFF;
}

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

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

table.table thead th {
    font-weight: bold;
}

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

.disabled-sub,
.disabled-sub:visited {
    border-top: 1px solid #b5b5b6;
    background: #6d6d6f;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8f), to(#6d6d6f));
    background: -webkit-linear-gradient(top, #8e8e90, #6d6d6f);
    background: -moz-linear-gradient(top, #8e8e90, #6d6d6f);
    background: -ms-linear-gradient(top, #8e8e90, #6d6d6f);
    background: -o-linear-gradient(top, #8e8e90, #6d6d6f);
    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;
    color: #aaaaaa;
    font-size: 18px;
    line-height: 19px;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    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;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    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;
    font-size: 20px;
    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;
}

.delinquent-disabled-button {
    border: none;
    float: none;
    background: #C3C3C3;
    padding: 5px 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 200 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 15px;
}

.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;
    border: 10px solid #e5e7e9;
    border-radius: 2px;
    box-shadow: 0px 0px 2px #666;
    background: #FFF;
    padding: 20px 30px;
    font-size: 16px;
    text-align: left;
}

.form-overlay h1.headline,
.loggedin .form-overlay h1.headline {
    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;
}

.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;
}

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 input {
    width: 429px;
}

#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;
    border: 1px solid #CCCCE3;
    font-style: normal;
}

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

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

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

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

.tooltip, .fixed-width-tooltip {
    background-color: #FFF;
    z-index: 100;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #28B1CA;
    font-size: 1.1em;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 0px 3px 6px #999;
}

.tooltip:after, .fixed-width-tooltip:after {
    content: "\25B8";
    display: block;
    font-size: 30px;
    height: 0;
    line-height: 0;
    position: absolute;
    color: #28B1CA;
    bottom: -4px;
    left: 1px;
    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: 350px;
}

.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;
}

div input[type="text"],
div input[type="email"],
div input[type="password"],
textarea {
    outline: none;
    font: 1.4em/1 Arial, sans-serif;
    margin-top: 9px;
    color: #383d43;
    padding: 11px 10px;
    width: 366px;
    background: #f4f5fc;
    -moz-box-shadow: inset 0px 1px 1px #AAA;
    -webkit-box-shadow: inset 0px 1px 1px #AAA;
    box-shadow: inset 0px 1px 3px #BBB;
    border-radius: 2px;
    border: none;
}

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;
    background: url(./images/common/logo_white.png) no-repeat;
    text-indent: -5000px;
    display: inline-block;
}

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

.hf-logo {
    background: url(./images/common/bg_header_a.png) no-repeat;
}

#header a.logo.sign,
.global-logo-hs {
    background: url(./hs/images/common/product_logo_128x32_@2x.png) no-repeat;
    padding-right: 5px;
    height: 32px;
    background-size: 100%;
}

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

#greet {
    position: relative;
    padding: 17px 0 10px 34px;
    color: #383d43;
    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;
    background: #FFF;
}

#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;
}

.plural .plural { display: inline; }
.plural .singular { display: none; }
.singular .singular { display: inline; }
.singular .plural { display: none; }

.myaccount-page #greet ul.greet-nav li.nav-myaccount a {
    color: #3C3F5F;
}

.team-page #edit_team_name {
    background-color: white;
}

.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-image: url(/images/ok.png);
    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;
    color: #383D43;
}

.blue {
    color: #28B1CA;
}

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

.cws-install-bar {
    background: #fae69a;
    background: -webkit-gradient(linear, left top, left bottom, from(#fef0b9), to(#FDEFB4));
    background: -webkit-linear-gradient(top, #fef0b9, #FDEFB4);
    background: -moz-linear-gradient(top, #fef0b9, #FDEFB4);
    background: -ms-linear-gradient(top, #fef0b9, #FDEFB4);
    background: -o-linear-gradient(top, #fef0b9, #FDEFB4);
    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;
    background: url(./images/common/plugin.png) 5px 3px no-repeat;
    color: #222;
}

.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;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    background: #DDD;
    background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D6D6D6));
    background: -webkit-linear-gradient(top, #F3F3F3, #D6D6D6);
    background: -moz-linear-gradient(top, #F3F3F3, #D6D6D6);
    background: -ms-linear-gradient(top, #F3F3F3, #D6D6D6);
    background: -o-linear-gradient(top, #F3F3F3, #D6D6D6);
    text-shadow: 0px 1px 0px #FDFDFD;
}

.cws-install-bar .install-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#B0B0B0));
    background: -webkit-linear-gradient(top, #CCC, #B0B0B0);
    background: -moz-linear-gradient(top, #CCC, #B0B0B0);
    background: -ms-linear-gradient(top, #CCC, #B0B0B0);
    background: -o-linear-gradient(top, #CCC, #B0B0B0);
}

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

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

.cws-install-bar .cws-close:hover {
    color: #AAA;
    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;
    color: #525563;
    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;
    color: #7a7b99;
    font-weight: bold;
    font-size: 1.4em;
    text-shadow: white 0 1px 0;
    background: url(./images/common/sprite_sitenav_a.png) no-repeat;
}

#sitenav ul li.nav_getting_started     	a { background: url(./images/common/getting-started.png) 12px 12px no-repeat; }
#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.nav_office 				a { background: url(./images/common/paperless-office-guy.png) 13px 12px no-repeat; }
#sitenav ul li.nav_create_template		a { background: url(./images/common/create-template-ico.png) 14px 12px no-repeat; }

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

#sitenav ul li a:hover {
    color: #3c3f5f;
    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;
    background-color: white;
    box-shadow: white 0 1px 0;
    color: #3c3f5f;
}

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

#sitenav ul li.cur .r {
    position: absolute;
    right: 0;
    width: 11px;
    height: 11px;
    background: url(./images/common/sprite_sitenav_r.png) no-repeat;
}

#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;
    background: white;
    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;
    background: #fcfdfe;
}


#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;
    color: #525563;
    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 .sidebar-item .btn, #info_box .btn {
    color: #525563;
}

#acc .single_button btn {
    color: #525563 !important;
}

#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;
    background-color: #eff2f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFE), to(#DCE2EA));
    background: -webkit-linear-gradient(top, #FCFCFE, #DCE2EA);
    background: -moz-linear-gradient(top, #FCFCFE, #DCE2EA);
    background: -ms-linear-gradient(top, #FCFCFE, #DCE2EA);
    background: -o-linear-gradient(top, #FCFCFE, #DCE2EA);
    overflow: hidden;
    color: #444;
    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%;
    background: #28B1CA;
    background: -webkit-gradient(linear, left top, left bottom, from(#4AD3EC), to(#28B1CA));
    background: -webkit-linear-gradient(top, #4AD3EC, #28B1CA);
    background: -moz-linear-gradient(top, #4AD3EC, #28B1CA);
    background: -ms-linear-gradient(top, #4AD3EC, #28B1CA);
    background: -o-linear-gradient(top, #4AD3EC, #28B1CA);
}

.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;
    color: #696C78;

}

.loggedin #footer .legal {
    color: #CCC;
}

/* 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: -3px;
}
#overlay_spinner p {
    font-size: 18px;
    color: #333;
}
#overlay_spinner .error {
    display: none;
    position: relative;
    top: -7px;
}
#overlay_spinner .error p {
    font-size: 16px;
}
#overlay_spinner.error .error { display: block; }
#overlay_spinner.error .pending { display: none; }

#send {
    padding-left: 5px;
}

#send h1, h1.headline {
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    padding: 2px 0px 5px 0px;
    border-bottom: solid 1px #CCCCE3;
    margin: 0px 0px 25px 0px;
    width: 100%;
}

.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; }
.embedded-requesting #send #uploader_outer_container { display: none; }
.embedded-requesting #send > .form_container { margin: 0px auto; }
.embedded-requesting #send > .step_container {
    margin: 20px auto;
    width: 636px;
}
.embedded-requesting #header {
    float: left;
    position: absolute;
    top: 0px;
    text-align: left;
    padding: 30px 40px;
    width: 200px;
    height: 33px;
}
.embedded-requesting #header a,
.embedded-requesting #header a h1 {
    background-image: url(./hs/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;
    font-size: 30px;
    color: #333;
}
.embedded-requesting .controls #backLink {
    float: left;
    position: absolute;
    top: 70px;
    left: 20px;
    z-index: 999;
    font-size: 14px;
}

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

#backLink {
    text-align: left;
}

#backLink b {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url(/css/images/common/ui-icons_222222_256x240.png);
    background-position: 0px -64px;
}

#send > .form_container { width: 636px; }
#send form { width: 456px; }
#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 .drag {
    color: #454A50;
    display: inline-block;
    font-size: 1.5em;
    height: 36px;
    line-height: 36px;
    padding: 0 11px;
    width: 328px;
    position: relative;
    float: left;
    padding-right: 0px;
    border: 1px dashed #DDD;
    border-radius: 4px;
}


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

.file_upload_large div.uploader_container .drag {
    width: 326px;
    height: 150px;
    line-height: 150px;
    font-size: 20px;
    background-color: #45bcde;
    background-image: none;
    border: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    color: #FFF;
    margin-bottom: 10px;
    opacity: .5;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
}

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

div.uploader_container .drag-border-fix {
    background: url("./images/request/bg_drag.png") right top no-repeat;
    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;
}

.file_upload_highlight {
    background: #FFF;
}

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


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

div.uploader_container .upload_files_button {
    margin-right: 15px;
    float: left;
    position: relative;
    padding: 5px 0;
}


div.uploader_tables {
    margin: 0px;
}

table.download_files tr:first-child td, table.upload_files tr:first-child td {
    padding-top: 25px !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 {
    color: #3C3F5D;
    background: url(./images/manage/sprite_manage_arrow.png) right top no-repeat;
    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;
    color: #3C3F5D;
    background-color: white;
    padding: 10px 0px;
}

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

.more-options ul li a {
    color: #3C3F5D;
    font-size: 12px;
}

.more-options ul li:hover a {
    text-decoration: none;
    background-color: #45bcdd;
    color: #fff;
}

.more-options ul li:hover {
    background-color: #45bcdd;
}


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



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

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

div.step_container h2 {
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    padding-top: 1px;
}

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

.action-buttons #assignOrderArea {
    visibility: hidden;
    text-align: left;
    position: relative;
    float: left;
}

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

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

#tsm_group_create_template .step_container.ordered ~ .action-buttons > span {
    left: 21px !important;
}

.action-buttons #assignOrderCheckbox {
    float: left;
    margin: 0 5px 0 0;
}

.action-buttons #assignOrderLabel {
    font-size:12px;
    font-weight: normal;
    float: left;
    position:relative;
    color:#888;
}

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 {
    margin-bottom: 0px;
    width: 434px;
}

div.send_doc div.step_container input.has_field_type {
    width: 228px;
}

div.send_doc div.step_container input.cc.has_field_type {
    width: 434px;
}

#tsm_group_request div.step_container.ordered input.cc.has_field_type {
    margin-left: 23px;
    width: 411px;
}

div.send_doc div.step_container input.has_field_type.top_offset {
    position: relative;
    top: 1px;
}

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;
}

div.send_doc div.step_container div.recipient_container.recipient input.recipient-name {
    width: 181px;
    margin-right: 3px;
    display: inline;
    position: relative;
    top: 0px;
}

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: 0px;
}

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

div.send_doc div.step_container div.recipient_container span.field_type {
    float: left;
    color: #525563;
    height: 36px;
    margin-right: 3px;
    margin-top: 9px;
    font-size: 14px;
    background: #FFF;
    display: none;
}

div.send_doc div.step_container div.recipient_container span.field_type.recipient {
    margin-top: 10px;
    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%;
    float: left;
    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: left;
    height: 36px;
    width: 20px;
    border: solid 1px #DDDDE5;
    margin-right: -1px;
    margin-top: 10px;
    background: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F4F4F4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F4F4F4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFF,  #F4F4F4); /* for firefox 3.6+ */
    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.ordered div.recipient_container input.recipient-name {
    width: 136px;
}

div.send_doc div.step_container div.recipient_container span.field_arrows span {
    float: left;
    width: 20px;
    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;
}

#signer_code_input_panel .signer-access-code {
    float: left;
    width: 110px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}

div.signer-access-code {
    cursor:pointer;
    background: url(./images/request/lock_blue_unlocked.png);
    background-repeat: no-repeat;
    display:inline;
    position: absolute;
    margin-top:22px;
    margin-left:10px;
    width: 10px;
    height: 13px;
}
div.signer-access-code.locked {
    background: url(./images/request/lock_blue.png);
}

div.signer-lock {
    background: url(./images/request/lock.png);
    background-repeat: no-repeat;
    position: relative;
    top: 18px;
    left: 80px;
    width: 15px;
    height: 19px;
}

#signer_code_input_panel form {
    float: left;
}

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

#signer_code_input_panel #signer_code_submit {
    padding: 10px 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#signer_code_input_panel #signer_code_cancel {
    margin-left: 10px
}

div.send_doc div.step_container div.recipient_container span.field_arrows span.up {
    background: url(./images/request/arrow_up.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    border-bottom: solid 1px #DDDDE5;
}

div.send_doc div.step_container div.recipient_container span.field_arrows span.down {
    background: url(./images/request/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

div.send_doc div.step_container div.recipient_container span.deleteIcon {
    background: url(./images/delete-light.png);
    width:16px;
    height:16px;
    float: right;
    position: relative;
    top: -27px;
    left: -25px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#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: url(./images/delete-dark.png);
    background-repeat: no-repeat;
}

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

div.send_doc div.step_container span.warningBubble {
    background: url(./images/arrow-box-empty.png);
    float: right;
    position: absolute;
    width: 226px;
    height: 97px;
    display: none;
    z-index: 999;
    margin-left: 5px;
}

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 {
    margin: 20px 0px 10px 0px;
    font-size: 12px;
    display: inline-block;
    background: #F6F6FF;
    padding: 5px;
    border: 1px solid #CCCCE3;
    border-radius: 4px;
    text-shadow: 0px 1px 1px white;
}
p.async_error {
    margin: 20px 0px 10px 0px;
    color: red;
    font-size: 12px;
    display: inline-block;
    background: #F6F6FF;
    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;
    color: #666;
}
div.step_container span.warningBubble span.close:hover {
    color: black;
}

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;
    color: #444;
    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;
    color: #28B1CA;
}

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

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

div.has_delete_icon span.destination {
    right: 45px;
}

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

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

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

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

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;
    color: #28B1CA;
    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.destination_with_room_for_delete {
    right: 49px;
}

#tsm_group_send_recipient1_container span.destination.destination_with_room_for_delete {
    right: 95px;
}

#tsm_group_send_recipient1_container span.destination {
    right: 75px;
}

div.recipient_container span.multiple_destinations {
    color: #FC7106;
    background: url(./images/common/orange-down-arrow.png) right 5px no-repeat;
    padding-right: 10px;
    cursor: pointer;
}

div.destination_option a:link, div.destination_option a:visited, div.destination_option a:hover, div.destination_option a:active {
    color: black;
}

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

div.recipient_container span.showing_destination_picker .destination_option {
    background-color: #FFF;
    color: #333;
    cursor: pointer;
    display: block;
    padding: 6px;
    border: 1px solid #AAA;
    font-weight: normal;
    margin-bottom: -1px;
    box-shadow: 0px 0px 2px #AAA;
}

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

div.recipient_container span.showing_destination_picker .destination_option:nth-child(2) {
    border-radius: 5px 5px 0px 0px;
}

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

div.recipient_container span.showing_destination_picker .destination_option:last-child {
    border-radius: 0px 0px 5px 5px;
}

div.recipient_container span.showing_destination_picker .selected {
    font-weight: bold;
}

div.recipient_container span.showing_destination_picker div {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    text-align: right;

}

div.send_doc div.step_container div.has_recipient_label input.recipient {
    width: 266px;
    position: relative;
}

div.send_doc div.step_container div.has_recipient_label {
    width: 518px;
}

#tsm_group_send_template div.step_container div.has_recipient_label {
    width: 537px;
}

#tsm_group_send_template div.step_container input.recipient-name {
    float: left;
    margin-right: 3px;
    width: 141px;
}

#tsm_group_send_template div.step_container input.recipient {
    width: 151px;
}

#tsm_group_send_template div.step_container input.cc {
    width: 315px;
}

div.send_doc div.step_container div.has_recipient_label input.cc,
div.send_doc div.step_container div.has_recipient_label input.recipient {
    width: 230px;
}

#tsm_group_send div.step_container div.has_recipient_label input.recipient {
    width: 434px;
}

div.send_doc div.step_container div.has_recipient_label input.has_field_type {
    width: 312px;
}

#tsm_group_request div.step_container div.has_recipient_label input.has_field_type {
    width: 228px;
}

div.send_doc div.step_container.ordered div.has_recipient_label input.recipient.has_field_type {
    width: 291px;
}

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;
    color: #888;
    position: initial;
    font-size: 12px;
    font-style: normal;
}

.prepare_docs_container {
    padding-top: 13px;
    padding-bottom: 18px;
}

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

#tsm_group_send_template_frmUploader {
    display: none;
}

#tsm_group_send_submit {
    margin-top: 20px;
}

#request_message, #request_subject {
    font: 1.4em/1 Arial,sans-serif;
    width: 435px;
}

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

#request_message:-moz-placeholder, #request_subject:-moz-placeholder  {
    color: #888;
}

#request_message::-webkit-input-placeholder, #request_subject::-webkit-input-placeholder {
    color: #888;
}

#request_message {
    height: 114px;
}

#send form div.uploader_container {
    margin: 0;
}

#send form div.action-buttons {
    position: relative;
    float: left;
    clear:both;
    text-align: right;
    margin-top: 0;
    padding: 0;
    width: 456px;
    font-size: 1.3em;
    color: #28B1CA;
    font-weight: bold;
    min-height: 25px;
    text-decoration: none;
}

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

#send #tsm_group_create_template .step_container.ordered .action-buttons > .add_role_template_link {
    left: 21px;
}

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

#send form div.action-buttons span.add_cover_page_link {
    margin-right: 20px;
}

#send form div.action-buttons span.add_cc_template_link,
#send form div.action-buttons span.add_cc_link {
    margin-left: 10px;
}

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: 2px 4px 2px 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;
    margin-bottom: 3px;
}

table.download_files tr td.edit_link_container, table.download_files tr td.edit_link_placeholder {
    position: relative;
    float: left;
    height: 80px;
    width: 100%;
}

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

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

table.download_files span.progressbar {
    position: relative;
    display: block;
    /* float: left; */
    /* clear: both; */
    width: 150px;
    height: 15px;
    /* font-size: 11px; */
    line-height: normal;
}

table.upload_files .file_upload_progress .ui-progressbar .ui-progressbar-value {
    margin: 0;
    background: #95cfe7; /* Old browsers */
    background: -moz-linear-gradient(top,  #95cfe7 0%, #00b3e6 52%, #00b3e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95cfe7), color-stop(52%,#00b3e6), color-stop(100%,#00b3e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cfe7', endColorstr='#00b3e6',GradientType=0 ); /* IE6-9 */
}

span.progressbar .ui-progressbar {
    border: 1px solid #D9D9D9;
}

span.progressbar .ui-progressbar-value {
    background: #95cfe7; /* Old browsers */
    background: -moz-linear-gradient(top,  #95cfe7 0%, #00b3e6 52%, #00b3e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95cfe7), color-stop(52%,#00b3e6), color-stop(100%,#00b3e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #95cfe7 0%,#00b3e6 52%,#00b3e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cfe7', endColorstr='#00b3e6',GradientType=0 ); /* IE6-9 */
}

table.download_files tr td.edit_link_container a {
    position: relative;
    float: left;
    clear: both;
}

td.edit_link_container a {
    font-size: 16px;
}

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 {
    background: url(./images/arrow-box-empty.png);
    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;
}

td.thumbnail_container {
    padding-right: 25px;
    width: 72px;
    height: 93px;
}

tr.format-landscape td,
tr.format-portrait td {
    padding-top: 0px !important;
}
tr.format-landscape {
    height: 75px !important;
    padding: 0px !important;
}
tr.format-portrait {
    height: 105px !important;
    padding: 0px !important;
}
tr.format-portrait td.edit_link_container {
    padding-top: 5px;
}
tr.format-landscape td.edit_link_container {
    height: 60px !important;
}
tr.format-landscape td.edit_link_container > span.title {
    /* margin-top: 24px !important; */
}
tr.format-landscape td.thumbnail_container {
    vertical-align: middle;
    height: 70px;
}
tr.format-portrait td.thumbnail_container {
    vertical-align: middle;
    height: 80px;
}
tr.format-landscape td.thumbnail_container img.remove {
    right: -13px;
}
tr.format-landscape td.thumbnail_container img.doc_thumbnail {
    width: 75px;
    height: 58px;
}

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;
}

td.thumbnail_container div {
    position: relative;
    width: 72px;
}

td.thumbnail_container img.doc_thumbnail {
    width: 68px;
    height: 88px;
    border: 1px solid #888;
}

td.thumbnail_container img.spinner {
    position: absolute;
    top: 25px;
    left: 19px;
    z-index: 100;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

td.thumbnail_container img.remove {
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 100;
}

td.thumbnail_container img.remove:hover {
    cursor: pointer;
}

.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;
    background-color: #CCC;
    min-width: 150px;
}

div.send_high_res_fax {
    margin:20px 0px 10px 0px;
}

label.send_high_res_fax_label {
    font-size:12px;
    display:inline;
    margin:0px 0px 5px 5px;
    font-weight: normal;
    color: #747697;
}

a#learn_more_high_res_link {
    color: #28B1CA;
}

label.error,
span.error,
div.send_doc label.error,
div.send_doc label.error_custom {
    color: red;
    font-size: 10px;
    line-height: 14px;
    padding-top: 1px;
    text-align: left;
    clear: left;
}
label.error a {
    color: #F00;
    text-decoration: underline;
}

label.status {
    color: #191919;
}

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;
    background: #fcfdfe;
    box-shadow: 0px 2px 5px #CFCFCF;
    background: rgba(252,253,254, .7);
    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;
    float: right;
    clear: both;
    width: auto;
    top: -7px;
    padding-right: 160px;
}

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

.external_service_items > div {
    position: relative;
    float: left;
    width: 29px;
}

#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;
}

.external_service_items > div a {
    padding: 9px 0px 9px 34px;
    width: 0px;
    margin-right: -5px;
}

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.dropbox a,
#uploader_outer_container div.dropbox a {
    background: url(./images/common/external_logo_sm_D.png) 10px 7px no-repeat;
}

ul#upload_more li.evernote a,
#uploader_outer_container div.evernote a {
    background-image: url(./images/common/external_logo_sm_E.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
}

ul#upload_more li.skydrive a,
#uploader_outer_container div.skydrive a {
    background-image: url(./images/common/external_logo_sm_K.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
}

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

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

#uploader_outer_container div.my_templates a {
    text-indent: 0px;
    width: auto;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
}

#uploader_outer_container div.btn-replacement a {
    color: #777;
    color: rgba(82, 85, 99, 0.67);
    padding: 0px;
    font-size: 10px;
}

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

ul#upload_more li.box a,
#uploader_outer_container div.box a {
    background: url(./images/common/external_logo_sm_B.png) 14px 6px no-repeat;
}

ul#upload_more li.google a,
#uploader_outer_container div.google a {
    background: url(./images/common/external_logo_sm_G.png) 9px 6px no-repeat;
}

div#template_area li.template {
    list-style-image: url(./images/manage/ico_manage_td.png);
}

h2.my_templates .ico {
    background: url("./images/common/ico_my_templates.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 19px;
    float: left;
    display: block;
    padding-right: 10px;
}

h2.my_templates {
    margin-left: 25px;
    margin-top: 12px;
    font-size: 21px;
}


#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;
    border:1px solid #44bad0;
    padding: 10px;
    margin: 25px 25px 15px 25px;
}

#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: 5px 25px 25px;
}

#template_area li.template span {
    position: relative;
    top: -3px;
}

#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 {
    color: #C12322;
    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-image: url(./images/common/ico_folder.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 25px;
}

#external_file_area .file {
    background-image: url(./images/manage/ico_manage_td.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 25px;
}

#external_file_area .file.not-supported {
    color: #888;
}

#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;
    color: #C12322;
    display: none;
}


/* Learn more about high res faxes */
#learn_more_high_res_popup {
    font-size:14px;
    color:black;
    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-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 28px;
    background: url(./images/send/ico_send_h1.png) no-repeat;
    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;
    color: #383D43;
    margin-bottom: -5px;
}

#learn_more_high_res_popup .step_container h2 span {
    color: #444;
}

#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;
}

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

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

div.learn_more_high_res_footer {
    color: #777;
    font-size:12px;
    font-style:italic;
    margin-top:40px;
}

/* HighResolution fax access form */
.highres_access {
    font-family: 'Lucida Grande', 'Lucida Grande Unicode', Helvetica, Verdana, sans-serif;
}
.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;
    color: #333;
}
.highres_access form {
    float: left;
    margin-top: 40px;
}
.highres_access input {
    width: 253px;
    height: 20px;
    padding: 3px 5px;
    color: #999;
    font-size: 12px;
    border: 1px solid #afafaf;
}
.highres_access span#submit_button {
    background: url(./images/continue.png) no-repeat;
    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 {
    color: red;
    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;
    color: #333;
}
.highres_access div#form_success p {
    margin: 10px 0px;
}
.highres_access div#submit_button:hover {
    background: url(./images/continue-hover.png) no-repeat;
}
.highres_access div.err_msg_box {
    color:red;
    font-size: 11px;
}

/* New feature popup */
div.new_feature_popup_container {
    margin:5px;
    font-family:Verdana,Arial,sans-serif;
}
div.new_feature_popup_container a {
    font-size:12px;
}
h1.new_feature_popup_title {
    font-weight: bold;
    color: #3C3F5D;
    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 {
    background: #E3EFF7;
    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: 999;
}

#message-bar .mask {
    width: 100%;
    height: 10000px;
    background-color: #000;
    opacity: 0.7;
}

#message-bar-outer {
    width: 100%;
    background-color: #FFFFFF;
    border-bottom: 1px solid #333;
}


#message-bar-inner {
    margin: auto;
    width: 830px;
    padding: 10px 40px;
    background-color: #fff;
}

#message-bar-inner form * {
    text-align: left;
}

#message-bar-inner form {
    position: relative;
}

#message-bar-inner .close {
    position: absolute;
    right: -50px;
    top: -5px;
}

#message-bar-inner form input[type="text"] {
    width: 134px;
    margin-right: 4px;
    margin-bottom: 6px;
}

#message-bar-inner form input.blue-sub {
    padding: 11px 14px;
    position: relative;
    top: -2px;
}

#message-bar-inner p {
    font: 1.6em/1.2 "Helvetica Neue Light", sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
}


#message-bar #navigation-buttons {
    border-top: 1px solid #CCC;
    padding-top: 15px;
    padding-bottom: 8px;
}
#message-bar-inner h1 {
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#message-bar-inner h2 {
    font: 1.8em/1.2 "Helvetica Neue Light", sans-serif;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#message-bar-inner .button1 {
    margin-right: 30px;
}

#message-bar #navigation-buttons{
    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;
}

#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 {
    color: #28B1CA;
    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;
    background: url(./images/send-invite.png) 0 0 no-repeat;
    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 h1 {
    margin-left: -6px;
    padding: 2px 0 11px 52px;
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/send/ico_send_h1.png) no-repeat;
    border-bottom: 1px solid #cccce3;
}

div.cover_page_builder textarea {
    margin-top: 9px;
    border: solid 1px #DDD !important;
}

div.cover_page_builder textarea#cover_page_to,
div.cover_page_builder textarea#cover_page_from {
    padding: 11px 10px;
    width: 366px;
    height: 16px;
    color: #383d43;
    font: italic 1.4em/1 Arial, sans-serif;
    border: solid 1px #DDD;
}

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:13px 20px 20px;
}

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

div.cover_page_builder p {
    color:#444;
}

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_to, #cover_page_from {
    height:66px;
}

#cover_page_message {
    height:100px;
    color: #000;
}

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

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

.charge-alert-msg {
    padding: 10px;
    font-family: Helvetica, Arial, sans-serif;
}

.charge-alert-msg h4 {
    font-size: 27px;
    color: #1a1a1a;
}

.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;
    color: #333;
    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;
    color: #333;
    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-bottom: 5px;
}

#send .token p {
    position: relative;
    float: left;
    width: 150px;
    margin-top: 20px;
    font-size: 12px;
}

#send .token .token_checkbox_container {
    margin-left: 0px;
    margin-top: 18px;
}

#send .token textarea {
    position: relative;
    float: left;
    width: 231px;
    height: 30px;
    overflow: hidden;
    line-height: 16px;
    font-size: 13px;
    font-family: "Times New Roman",Georgia,Serif;
}

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

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

#send .should_display_warning p.warning {
    display: block;
    color: #E74B48;
    font-size: 13px;
    position: relative;
    float: left;
    clear: both;
    margin: 5px 0px 5px 196px;
    height: auto;
    width: 330px;
    text-transform: none;
}

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

/* Manage */

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

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

h1.receipts {
    font: 2.8em/1.2 'Helvetica Neue Light',sans-serif; padding-bottom: 10pt;
}

#manage {
    background: #FFF url(./images/manage/bg_manage.png) repeat-x;
}

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

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

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

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

#manage #filterArea .search input {
    width: 275px;
    height: 28px;
    font-size: 13px;
    background-color: white;
    padding: 0px 0px 0px 10px;
    margin-top: 0px;
}

#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;
}

@-moz-document url-prefix() {
    #manage #filterArea .search .button #doSearchButton {
        padding: 2px 10px 5px;
    }
}

#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;
    background: none repeat scroll 0 0 #45bcdd;
    color: #F6F4F5;
    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: 595px;
}

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

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

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

#transmission_container > table,
#invoice_container > table {
    width: 700px;
    background: white;
}

#transmission_container > table tr,
#invoice_container > table tr {
    position: relative;
}

#transmission_container > table tr:only-child,
#invoice_container > table tr:only-child {
    background-color: #fff;
}

#transmission_container table tr.even,
#invoice_container table tr.even {
    background-color: #edf0f8;
}

#transmission_container > table tr:nth-child(even):last-child,
#invoice_container > table tr:nth-child(even):last-child {
    background-color: #edf0f8;
}

#transmission_container > table tr.highlight,
#invoice_container > table tr.highlight,
#transmission_container > table tr:hover,
#invoice_container > table tr:hover {
    background-color: #FFF9E6 !important;
}

#transmission_container > table tr.show,
#invoice_container > table tr.show,
#transmission_container > table tr.selected,
#invoice_container > table tr.selected {
    background-color: #FFF4D6 !important;
}

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

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

#transmission_container > table tr td:first-child,
#invoice_container > table tr td:first-child {
    width: 268px;
    padding-left: 34px;
    font-size: 1.3em;
    background: url(./images/manage/ico_manage_td.png) no-repeat 10px 50%;
}
#transmission_container > table tr td:first-child + td,
#invoice_container > table tr td:first-child + td {
    width: 235px;
    padding-left: 10px;
    font-size: 1.2em;
    padding-top: 1px;
    height: 34px
}

#transmission_container > table tr td:first-child + td + td,
#invoice_container > table tr td:first-child + td + td {
    width: 62px;
    padding-left: 9px;
    font-size: 1.3em;
}

#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%
}

#manage table td.doc-name input.rename-input {
    width: 200px;
    height: 16px !important;
    padding: 5px 40px 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-but {
    position: absolute;
    left: 241px;
    top: 7px;
    z-index: 2;
}

#manage table td.doc-name img.rename-loader {
    width: 50px;
    position: absolute;
    z-index: 3;
    top: -13px;
    left: 241px;
}

#manage table td.doc-status {
    position: relative;
    float: left;
    width: 270px !important;
    line-height: 34px;
}

#manage table td.doc-status p { display: inline; }
#manage table td.allowOverflow { overflow: visible; }
#manage table td.doc-status * { line-height: 1.34; }

#transmission_container > table tr td a { font-weight: bold; }

#manage #transmission_container table tr td.doc-timestamp {
    width: 80px;
    font-size: 11px;
    color: #718FA0;
    text-align: center;
}

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: 18px;
    height: 19px;
    opacity: 0;
    cursor: pointer;
    background: url(./images/manage/sprite_manage_arrow.png) no-repeat;
}

#team_list_container table tr td div.arrow {
    top: 3px;
    opacity: 1;
}

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

li:hover div.arrow, table tr:hover td div.arrow,
li.selected div.arrow, table tr.selected td div.arrow,
li.show div.arrow, table tr.show td div.arrow {
    opacity: 1;
}

.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,
table tr.show td div.arrow {
    background-position: 0 -19px;
}

li.show div.arrow ul,
table tr.show td div.arrow ul {
    top: 24px;
    right: 124px; /* 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;
    background: #f7f8fc;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0;
}

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;
}

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

ul li.credit-row strong,
li.show div.arrow ul li strong {
    color: #28B1CA;
}

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;
    background: url(./images/manage/bg_manage_ul_span.png) no-repeat top right;
}

table tr.show td div.arrow ul.pop-right > span {
    background: url(./images/manage/bg_manage_ul_span_right.png) no-repeat top left;
    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 38px;
    color: #383d43;
    font-size: 1.2em;
    background: #f7f8fc;
}

li.show div.arrow ul li a:hover,
table tr.show td div.arrow ul li a:hover {
    color: white;
    text-decoration: none;
    background: #45bcdd;
}

li.show div.arrow ul li a .ico,
table tr.show td div.arrow ul li a .ico {
    position: absolute;
    background: url(./images/manage/sprite_manage_ul_ico.png) no-repeat;
}

#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: url(./images/account/member-icon.png) no-repeat;
    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: 40px;
}

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

#manage td a {
    cursor: pointer;
}

/* Info */


#info_box {
    float: left;
    padding: 28px 20px 30px 32px;
    width: 210px;
    min-height: 586px;
    border: 1px solid #cccce3;
    border-left: none;
    background: url(./images/manage/bg_info.png) repeat-x;
    margin: 42px 0px 0px -263px;
    z-index: 5;
    color: #3c3f5b
}

#info_box .info {
    position: absolute;
    width: 225px;
    height: 616px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 5px;
}

#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: 0px 12px 5px 0px;
    padding-top: 20px;
    font-weight: bold;
    font-size: 1.3em;
    width: 210px;
}

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

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

#info_box .info h4 {
    margin: 24px 0 7px;
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
    clear: both;
    float: left;
    width: 200px;
}

#info_box .info h4.template_info {
    float:left;
}

#info_box .info span {
    float: left;
    font-size: 12px;
    line-height: 1.34;
    width: 200px;
    word-wrap: break-word;
}

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

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

#info_box .info table tr td {
    padding-top: 9px;
    vertical-align: middle;
}

#info_box .info table tr td:first-child {
    padding-right: 12px;
    line-height: 21px;
    width: 128px;
    float: left;
}
#info_box .info table tr td:first-child > span {
    width: auto;
}

#info_box .info table tr td .label {
    font-size: 1em;
    float: right;
    margin-right: 9px;
}

#info_box .close {
    position: relative;
    float: right;
    margin: -21px -10px 0px 0px;
    display: inline-block;
    padding-right: 16px;
    min-height: 12px;
    color: #888993;
    font-weight: bold;
    line-height: 1.3;
    text-transform: uppercase;
    text-shadow: white 0 1px 0;
    background: url(./images/manage/ico_info_cls.png) no-repeat 100% 2px;
}

#info_box .info table tr td span.signer-card {
    color: #888;
    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: 1.2em;
    line-height: 1.3;
    width: 200px;
    float: left;
}

#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;
    background: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
}

#info_box .info p.template_info {
    width: 220px;
    float: left;
}

#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;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 19px;
    vertical-align: middle;
    background: url(./images/request/sprite_person_label.png) no-repeat;
}

#info_box a.label {
    color: #FFF;
}

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

.label.proc {
    padding-right: 4px;
}


.label b {
    position: absolute;
    top: 0;
    right: -2px;
    display: inline-block;
    width: 2px;
    height: 21px;
    vertical-align: middle;
    background: url(./images/request/sprite_person_label.png) no-repeat;
}

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 17px 0 0;
    height: 35px;
    cursor: default;
    text-align: right;
    border: 1px solid #cccce3;
    background: url(./images/manage/bg_pagination.png) repeat-x;
}

.pagination a,
.pagination span {
    display: inline-block;
    margin-left: -2px;
    width: 29px;
    height: 29px;
    color: #45bcdd;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 29.5px;
    text-align: center;
    vertical-align: middle;
    background: url(./images/manage/sprite_pagination_a.png) no-repeat;
}

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

.pagination a.cur {
    color: white;
    background-position: 0 -58px;
}

.pagination .prev,
.pagination .next {
    overflow: hidden;
    text-indent: -5000px;
}

.pagination .prev.pager-disabled, .pagination .next.pager-disabled {
    color: #ccc;
    opacity: 0.2;
}

.pagination .prev { background-position: 0  -87px; margin-right: 17px; }
.pagination .next { background-position: 0 -116px; margin-left: 17px; }

.pagination .prev:hover { background-position: 0 -145px }
.pagination .next:hover { background-position: 0 -174px }

#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: 386px;
}

.get-started-in-person-page #iphone-install-bar {
    z-index: 99999;
    position: fixed;
    height: 20%;
    max-height: 100px;
    width: 100%;
    bottom: 0px;
    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);
    color: #FFF;
    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;
    color: #888;
    font-size: 16px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 0px #f4f5fc;
    width: 366px;
    background: #f4f5fc;
}

#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 div.step > .left div input.on_focus {
    color: black;
}

#get_started_overlay div.step > .left p span.step_number {
    color: #888;
}

#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;
    color: #333;
}

#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;
    color: #333;
}

#get_started_overlay #step2 #resend_email_msg {
    display: none;
    color: #4AA02C;
    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;
    color: #999;
}

#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;
    color: #28B1CA;
    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 {
    color: red;
    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;
}
#acc #verify_phone_number_popup .error {
    color: #E74B48;
}

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

#link_generated_overlay .copyable, #template_created_overlay .copyable {
    width: 500px;
    background: #EEE;
    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;
    color: #AAA;
    font-size: 13px;
}

#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;
}

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

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


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

#acc {
    color: #383d43;
}

#acc h1 {
    padding: 2px 0 19px 52px;
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/account/ico_acc_h1.png) no-repeat;
}

#acc h1 .tagline {
    color: #787b80;
    font-weight: normal;
}

#acc .form-table {
    position: relative;
    float: left;
    width: 940px;
    clear: both;
    color: #555;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#acc .form-table.apps-granted > div > div,
#acc .form-table.apps-created > div > div {
    width: 770px;
    margin: 0px;
}

#acc .form-table.apps-granted .btn-replacement,
#acc .form-table.apps-created .btn-replacement {
    float: right;
    position: relative;
    top: 20px;
    margin-left: 15px;
}

#acc h2.form-table-header {
    font-size: 20px;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-bottom: 0px;
}

#acc .form-table-header-subtext {
    position: relative;
    float: left;
    clear: both;
    width: 800px;
    padding: 5px;
    font-size: 12px;
    color: #666;
    margin-top: -10px;
    margin-bottom: 10px;
    line-height: 16px;
}

#acc .form-table > div {
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #CCC;
    width: 100%;
}
#acc .form-table > div.last, /* IE */
#acc .form-table > div:last-child {
    border-bottom: none;
}

#acc .tab-nav .tab {
    padding: 10px 9px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    cursor: hand; cursor: pointer;
    min-width: 106px;
    margin-right:15px;
    border-radius: 10px 10px 0 0;
    color: #888;
}

#acc .tab-nav {
    float: left;
    margin-bottom: 30px;
    margin-top: 20px;
}

#acc .tab-nav .tab.active,
#acc .tab-nav .tab:hover {
    color: #2aa3d3;
    background-color: #e9f6fb;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#acc .tab-content .hidden {
    display: none;
}

.icon-lock {
    float: left;
    width:14px;
    height: 19px;
    background-image: url(./images/common/lock_icon.png);
    background-repeat: no-repeat;
    padding-right: 7px;
}

#acc .form-table > div h2 {
    height: 100%;
    position: relative;
    float: left;
    font-weight: bold;
    margin-right: 25px;
    background-color: #EFEFEF;
}

#acc .form-table .row-locked .main {
    opacity: 0.6;
    filter:alpha(opacity=60);
}

#acc .form-table .row-locked .uploader_link:hover {
    cursor: default;
}

#acc .form-table div + div {
    background-position: 0 -1px;
}

#acc .delete-row {
    height: 65px;
}
#acc .delete-row #delete_account {
    font-size: 1.3em;
    padding: 10px 20px 10px 0px;
    position: relative;
    float: left;
    top: 14px;
}
#acc .delete-row p {
    float: left;
    clear: none;
    color: #888;
    position: relative;
    top: 14px;
    margin-left: 20px;
}
#deleteAccountPopup { padding: 10px; }
#deleteAccountPopup h1 {
    padding: 2px 0 19px 52px;
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/account/ico_acc_h1.png) no-repeat;
}
#deleteAccountPopup p {
    font-size: 14px;
    max-width: 650px;
}
#deleteAccountPopup p.warning { margin-bottom: 15px; }
#deleteAccountPopup input {
    width: 250px;
    display: block;
}
#deleteAccountPopup #deleteAccountButton {
    float: left;
    font-size: 16px;
    padding: 7px 20px;
    margin: 15px 0px;
}
#deleteAccountPopup .error {
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
}

#acc .email_signature {
    margin-top: 7px;
    height: 42px;
}

#acc .submit-row {
    width: 731px;
    position: relative;
    float: left;
    clear: both;
    margin-top: 20px;
}

#acc .submit-row input {
    margin-left: 0px;
}

#acc form div h2 {
    float: left;
    padding: 22px 15px 23px;
    width: 98px;
    font-size: 1.2em;
    line-height: 1.34;
}

#acc form div h2 + em {
    float: left;
    padding: 23px 0px 20px 0px;
    width: 150px;
    font-weight: normal;
    font-size: 1.5em;
    text-align: left;
}

#acc form div.pages-row em + span {
    padding-top: 27px;
}

#acc form div > div.main,
#acc form div.subscription-row > div.main {
    margin-top: 15px;
    margin-bottom: 15px;
}

#acc form div.subscription-row > div.main .overage {
    color: red;
}

#acc form div.license-row > div.main {
    padding-top: 5px;
}

#acc form div.pages-row li,
#acc form div.subscription-row li {
    margin-right: 40px;
}

#acc form div.subscription-row #license_tools .blue-sub{
    display: inline-block;
    margin-bottom: 5px;

}

#acc form div.pages-row em span strong, #acc form div.requests-row em span strong {
    padding-right: 5px;
}

#acc form div.requests-row em {
    padding-top: 38px;
}

#acc form div.contacts-row em {
    width: auto;
    padding-left: 15px;
    text-indent: 0px;
    font-size: 1.3em;
}

#acc form div.contacts-row em .contact_plural {
    display: none;
}

#acc form div.contacts-row em.plural .contact_plural {
    display: inline;
}

#acc form div.contacts-row > span {
    padding-left: 25px;
    padding-top: 20px;
    font-size: 1.3em;
    float: left;
}

#acc form div.contacts-row > span span {
    padding-left: 5px;
    position: relative;
    top: -2px;
}

#acc form div.contacts-row a {
    padding-left: 25px;
    padding-top: 23px;
    float: left;
    font-size: 1.3em;
}

#acc form div.timezone-row em {
    width: auto;
}

#acc form div.timezone-row select {
    max-width: 270px;
}

#acc form div.timezone-row a {
    font-size: 1.3em;
    position: relative;
    float: left;
    margin-left: 20px;
    top: 27px;
    display: none;
}

#acc form div.reminder-row div.single-checkbox {
    position: relative;
    top: 3px;
}

#acc form div.logo-row.row-locked input[type="file"],
#acc form div.logo-row.row-locked a#uploader_link{ display: none; }

#acc form div.logo-row .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;
    cursor: pointer;
}

.ie9 #acc form div.logo-row  .custom_logo_file_name {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    position: relative;
    left: auto;
    width: auto;
    height: auto;
}

.ie9 #acc form div.logo-row a.uploader_link,
.ie9 #acc form div.logo-row .logo-selected{
    display: none;
}

#acc form div.logo-row.has_logo, #acc form div.logo-row.has_logo h2 {
    min-height: 140px;
}

#acc form div.logo-row div.logo-holder {
    min-height: 75px;
}

#acc form div.logo-row a.uploader_link {
    float: left;
    cursor: pointer;
    margin-bottom: 10px;
}

#acc form div.logo-row .logo-selected {
    float: left;
    padding-top: 5px;
    padding-left: 15px;
    font-size: 12px;
}

#acc form div.logo-row > div.main {
    width: 420px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}


#acc form div.logo-row.has_logo > div.main {
    top: 14px;
}

#acc form div.logo-row.has_logo > div div.sub-text {
    width: 350px;
    margin-left: 0;
    font-style: normal;
    clear: none;
}

#acc form div.logo-row img.spinner,
#acc form div.logo-row .remove-logo {
    font-size: 1.3em;
    left: 0px;
    top: 15px;
    clear: both;
    float: none;
    display: block;
}


#acc form div.sub-text {
    clear: both;
    margin: 5px 0px 15px 0px;
    font-size: 11px;
    line-height: 120%;
}

#acc form .row-locked div.sub-text {
    max-width: 100%;
}

#acc form div.sub-text:last-child {
    margin-bottom: 0;
}

#acc form div em + span,
#acc form div span.note {
    display: block;
    text-align: center;
    padding-top: 25px;
    font-size: 1.2em;
    color: #7a7b97;
    background: none;
    text-indent: 0px;
    width: auto;
}

#acc form div span.note {
    width: 460px;
    float: right;
}

#acc form div em + span a {
    font-weight: bold;
}

#acc form div div {
    float: left;
    margin: 0 23px 0 0;
}

#acc form div div label {
    margin-top: 23px;
    margin-bottom: 5px;
    font-size: 1.2em;
}

#acc form div div label + span.email {
    display: inline-block;
    margin-top: 9px;
    width: 213px;
    font-size: 10pt;
    overflow: hidden;
    padding-bottom: 2px;
}

#acc form div div label + span.password {
    display: inline-block;
    margin-top: 9px;
    width: 142px;
    height: 38px;
    overflow: hidden;
    text-indent: -5000px;
    background: url(./images/account/ico_acc_span.png) no-repeat 4px 50%;
}

#acc form div div input[type="password"] {
    margin-bottom: 22px;
    width: 162px;
}

#acc form div.email-row > div {
    margin-left: 30px;
}

#acc form div div input.email {
    width: 220px;
}

#acc form div div .c {
    margin-bottom: 22px;
}

#acc form div div .c .l .r input[type="password"] {
    margin: 0;
}

#acc form div ul li {
    float: left;
    cursor: default;
}

#acc form div ul li input[type="checkbox"] {
    float: left;
    margin: 1px 11px 1px 1px;
}

#acc form div ul li label {
    float: left;
    margin: 0;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.231;
}

#acc form div#team_tab_content div.main,
#acc form div div.main {
    margin: 23px 0 20px;
}
#acc form div#team_tab_content div.main.timezone,
#acc form div#team_tab_content div.main.date-format,
#acc form div#team_tab_content div.main.industry {
    margin-top: 20px;
}

#acc form div#team_tab_content .single-checkbox {
    max-width: 500px;
}

#acc form div.lock {
    float: right;
    margin-top: 15px;
}

#acc form div.lock label{
    margin-top: 2px;
    float: left;
}

#acc form ul.multi-line-text li {
    font-size: 13px;
    line-height: 19.5px;
    max-width: 724px;
}

#acc form ul.multi-line-text li.single-line {
    margin-top: 36px;
}

#acc form div ul li:first-child           label { width: 120px }

#acc form div li.inset-list strong {
    float: left;
    font-size: 13px;
}

#acc form div li.inset-list ul {
    float: left;
}

#acc form div li.inset-list ul li {
    clear: both;
    margin: 0 0 0 15px;
}

#acc form div.pdf-prefs-row li.inset-list ul li {
    margin: 0 0 10px 15px;
}

#acc form div li.inset-list ul li label {
    width: 100px;
    font-size: 11px;
}

#acc form div div input[type="checkbox"] {
    float: left;
    margin: 1px 11px 1px 1px;
}

#acc form .main label input[type="checkbox"] {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

#acc form div div.single-checkbox input {
    margin-top: 22px;
}

#acc form div div.single_button {
    width: 640px;
}

#acc #api_tab_content .single_button,
#acc #integrations_tab_content .single_button {
    width: 770px;
    margin: 0px;
}

#acc form div div.single_button a {
    margin-top: 19px;
    float: right;
}

#acc form div div.single_button img.spinner {
    display: block;
    margin-top: 14px;
    margin-left: 42px;
    margin-right: 42px;
    float: left;
}

#acc form #coupon_disclaimer {
    padding-top: 5px;
}

#acc form div.email-prefs-row ul li:first-child {
    margin: 31px 25px 0 0px;
}

#acc form div.email-prefs-row ul li:first-child label { width: 170px }

#acc form div.notification-prefs-row ul {
    display: inline-block;
    width: 700px;
    margin-bottom: 10px;
}

#acc form li > div.sub-text,
#acc form div.single-checkbox > div.sub-text {
    margin-left: 23px;
}

#acc form div.notification-prefs-row ul li{
    margin-top: 14px;
    position: relative;
    float: left;
    clear: both;
    padding-bottom: 5px;
}

#acc form div.notification-prefs-row ul li label {
    width: 500px;
}

#acc form div.notification-prefs-row ul li input{
    margin-left: 0px;
}

#acc form div.ext-serv div.single_button img.spinner {
    float: right;
    position: relative;
    top: 8px;
    left: 12px;
}

#acc form div div.single-checkbox label, #acc form div div.single_button label {
    float: left;
    margin: 21px 0 0 0;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.231;
}

#acc form div#api_tab_content div.single_button label {
    float: none;
}

#acc form div div.single_button label {
    margin: 14px 0 0 0;
}

#acc form div div.single-checkbox label {
    max-width: 600px;
}

#acc form div div.single_button label {
    padding-left: 12px;
    max-width: 500px;
}

#acc form div.team-row div.main {
    margin-top:10px;
}

#acc form div.team-invitation-row div.single-checkbox label, #acc form div.team-invitation-row div.single_button label {
    margin-top: 15px;
    font-size: 14px;
}

#acc form div.single-checkbox p.sub-note, #acc form div.single-checkbox a.sub-action, #acc form div.single_button a.sub-action {
    position: relative;
    float: left;
    clear: both;
    margin-top: 10px;
    font-size: 1.1em;
}

#acc form div .sub {
    margin-top: 29px;
    font: bold 1.7em/43px Arial, sans-serif;
    padding-left: 38px;
    background: url(./images/account/ico_acc_form_ico.png) no-repeat 20px 15px #E74B48;
}

#acc form div .sub .ico {
    position: relative;
    top: -2px;
    margin-right: 5px;
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    background: url(./images/account/ico_acc_form_ico.png) no-repeat;
}

#acc form h3 {
    font-weight: bold;
    font-size: 13px;
    max-width: 630px;
}

#acc form strong {
    font-weight: bold;
}

#acc .password-row label.error {
    position: absolute;
    top: 62px;
    font-size: 11px;
    color: #E74B48;
}

#acc .password-row .confirm_password {
    margin-left: 10px;
}

#acc .personal-row .name input {
    width: 200px;
}

#acc .personal-row .industry select {
    width: 422px;
    margin-bottom: 15px;
}

#acc #admin_controls_upgrade {
    display: inline-block;
    padding: 10px 10px;
    margin-top: 3px;
}

#acc .timezone-row h2 + div, #acc .contacts-row h2 + div {
    margin-top: 22px;
    font-size: 13px;
}

#acc form div .team-invite-response {
    background-image: none;
    margin-top: 0px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 16px;
    height: auto;
    margin-left: 10px;
}

#acc .form-table textarea  {
    font-size: 13px;
    padding: 10px;
    width: 365px;
    height: 40px;
    margin-top: 0;
}

#acc p {
    margin: 10px 0px;
    font-size: 13px;
    clear: both;
}

#acc .fax-lines {
    position: relative;
    float: left;
    width: 400px;
}

#acc .fax-line {
    position: relative;
    float: left;
    width: 50%;
    margin: 5px 0px;
}

#acc .fax-line p {
    position: relative;
    float: left;
    width: 110px;
}

#acc .fax-line div.actions {
    position: relative;
    float: left;
    padding-top: 7px;
}
#acc .add-fax-line {
    position: relative;
    float: right;
    margin: 15px 15px;
}

#acc .fax-line .delete-fax-line {
    text-indent: -9999px;
    width: 14px;
    height: 16px;
    background: url(./images/manage/sprite_manage_ul_ico.png) no-repeat;
    background-position: 0 -35px;
    display: inline-block;
}

#acc form div#premium_features_tab_content div.restrict-signing-row > div.main label {
    font-size: 13px;
}

#acc form div#premium_features_tab_content div.restrict-signing-row > div.main br {
    line-height: 22.5px;
}

#acc form div#premium_features_tab_content div.in-person-signing-row > div.main { margin: 23px 15px 17px 0; }
#acc form div#premium_features_tab_content div.restrict-signing-row > div.main { margin: 23px 15px 28px 0; height: 50px; }
#acc form div#premium_features_tab_content div.password-protect-row > div.main { margin: 23px 15px 32px 0; }
#acc form div#premium_features_tab_content div.distinct-pdfs-row > div.main { margin: 23px 15px 32px 0; }
#acc form div#premium_features_tab_content div.remove-document-id-row > div.main { margin: 23px 15px 32px 0; }
#acc form div#premium_features_tab_content div.custom-signing-redirect-row > div.main,
#acc form div#team_tab_content div.custom-signing-redirect-row > div.main { margin: 23px 15px 22px 0; }
#acc form div.two-fa-row > div.main  {
    margin: 23px 15px 22px 0;
    width: 600px;
}

#acc form div.two-fa-row > div.main #disable2faLink {
    margin-left: 20px;
    font-size: 13px;
}

#acc form div.two-fa-row .active,
#acc form div.two-fa-row #verify2faBtn { display: none }
#acc form div.two-fa-row.is-active .active { display: inline-block; }
#acc form div.two-fa-row.is-active .inactive,
#acc form div.two-fa-row.is-active #verify2faBtn { display: none !important; }

#acc form div.in-person-signing-row > div label, #acc .form-table .password-protect-row > div label,
#acc form div.custom-signing-redirect-row > div label, #acc .form-table .distinct-pdfs-row > div label,
#acc form div.in-person-signing-row > div label, #acc .form-table .remove-document-id-row > div label {
    float: left;
    margin-top: 0;
}

#acc form div.in-person-signing-row > div div,
#acc form div.in-person-signing-row > div label,
#acc .form-table .distinct-pdfs-row > div div,
#acc .form-table .password-protect-row > div div,
#acc .form-table .remove-document-id-row > div div {
    clear: both;
    margin-top: 5px;
}

#acc form div.api-info,
#acc form div.team-info {
    padding: 12px 15px;
    font-size: 13px;
    background-color: #e9f6fb;
}

#upgrade-options span.error_message {
    color: #CC2222;
    padding-top: 20px;
    display: inline-block;
}

.errorTeamMembership {
    display:none;
    color:#ff0000;
    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.thead td {
    background-color: #f3f5fa;
}

#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;
}

.account-form h3 {
    padding: 2px 0 19px 52px;
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/account/ico_acc_h1.png) no-repeat;

}

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

.payment-page td.field_label,
.account-table td.field_label {
    width: 110px;
    padding: 22px 0px;
    font-size: 1.2em;
    line-height: 1.34;
}

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

.payment-page label.error,
.account-table label.error {
    color: #E74B48;
    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;
    color: #E74B48;
    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;
    font-size: 1.2em;
    line-height: 1.34;
}

#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: 10px;
    width: 452px;
}

.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;
    color: #999;
}
.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: 500px;
}
.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;
    color: #333;
    font-size: 14px;
    width: 85px;
}
.before-send-dialog .details > div > p {
    float: left;
    width: 405px;
    font-weight: normal;
    color: #666;
    font-size: 12px;
}
.before-send-dialog .form input {
    width: 450px;
    line-height: 18px;
}
.before-send-dialog .form textarea {
    width: 450px;
    height: 150px;
    display: block !important;
}
.before-send-dialog .form button {
    font-size: 15px;
    margin: 10px 10px 15px 0px;
    padding: 8px 20px;
}
.before-send-dialog .form .actions { margin-top: 5px; }
.before-send-dialog .form .actions a {
    font-weight: bold;
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}
.before-send-dialog .form .actions p.error {
    float: right;
    max-width: 230px;
    margin: 10px 30px 0px 0px;
    font-size: 13px;
    font-weight: normal;
    color: #DD1E1E;
    height: 35px;
    line-height: 35px;
}

.before-send-dialog h1,
.remind-signer h1,
.app-details h1,
.team-page.permissions h1,
.team-page #right_expand h1 {
    padding: 2px 0 11px 52px;
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/account/ico_acc_h1.png) no-repeat;
}

.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: 10px;
}

.team-page #team_list_header > div {
    display: inline-block;
    color: #8A8A8A;
    font-size: 12px;
    vertical-align: top;
    position: relative;
    top: 2px;
}

.team-page #team_list_header #member_email {
    margin-left: 9px;
}

.team-page #team_list_header #role {
    margin-left: 172px;
}

.team-page #team_list_header #templates {
    margin-left: 111px;
}

.team-page #team_list_container,
.team-page #pending_invites_container {
    height: 572px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    float: left;
    border: 1px solid #CCCCE3;
    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;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.team-page #team_list_container #not-ready b {
    background-image: url(/images/ajax-loader-square.gif);
    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;
    color: #FFF;
    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: 0px; }

.remind-signer #signer_list_container {
    height: auto;
}
.remind-signer #signer_reminder_container {
    width: 450px;
}

.team-page .new_member_email_address.no_focus {
    color: #888 !important;
}

.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 #downgrade-warning {
    color: red;
}

.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:nth-child(even) {
    background: #EDF0F8;
}

.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 .usage.warning {
    color: red;
}

.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 .plan_list .rate .discount {
    color: #888;
}

.team-page.permissions #team_list_container > div.no-template {
    padding: 10px;
    font-size: 13px;
}

.team-page.permissions #team_list_container {
    height: auto;
    max-height: 335px;
}

.team-page.permissions div.header-msg {
    font-size: 13px;
    margin-bottom: 5px;
}

.team-page.permissions div.description {
    font-size: 12px;
}

.team-page.permissions div.selection {
    float: right;
    font-size: 12px;
    color: #28B1CA;
}

.team-page.permissions div.selection span {
    cursor: pointer;
}

.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;
    min-height: 685px;
}

.team-page .team-accounts-column .add_team_member {
    float: left;
    margin: 10px 0px 10px;
}
.team-page .team-accounts-column .csv_import {
    float: right;
    margin: 10px 0px 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;
    color: #999;
}

.team-page #add_team_members_form {
    width: 300px;
}

.team-page .team-accounts-column .add_team_member input.new_member_email_address {
    width: 265px;
    position: relative;
    display: inline-block;
    margin-top: 0px;
    margin-right: 5px;
}

.team-page .team-accounts-column .add_team_member input.new_member_email_address.focus {
    color: #383D43 !important;
}

.team-page .team-accounts-column .add_team_member a.add_team_member_submit {
    font-size: 16px;
    line-height: 16px;
    height: 20px;
    padding: 10px 16px 7px 16px;
    position: relative;
    box-shadow: none;
}

.team-page #csv_import_submit {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 16px;
    font-size: 16px;
    float: left;
}
.team-page #csv_import_link {
    float: right;
    display: block;
    cursor: pointer;
    padding-top: 13px;
    color: #28b1ca;
    font-size: 13px;
}
.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-numbers .remove-fax-line {
    display: inline;
    top: 4px;
    left: 5px;
}
.team-page .fax-numbers .remove-fax-line.hide {
    background: none;
}
.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: 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;
    color: red;
    font-size: 12px;
    display: none;
}

.team-page span.close,
.team-page span.save_permissions {
    margin: 20px 0 20px 0;
    float: right;
}

.team-page span.save_permissions img {
    display: none;
    position: absolute;
    top: 5px;
    right: 85px;
}

.team-page .register_fax_line_tip {
    clear: both;
    margin-top: 7px;
    float: left;
    font-size: 12px;
    color: #888;
    font-family: 'Helvetica Neue Light', sans-serif;
}

.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: 12px;
}

.team-page.permissions .team_list {
    width: 100%;
}

.remind-signer .signer_list tr,
.team-page .team_list tr {
    height: 35px;
}

.remind-signer .signer_list tr td,
.team-page .team_list tr td {
    padding-top: 11px;
}

.remind-signer .signer_list tr td.action_col,
.team-page .team_list tr td.action_col {
    padding-top: 5px;
}

.team-page.permissions tr td.action_col {
    vertical-align: middle;
}

.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;
}

.remind-signer .signer_list tr:nth-child(even),
.team-page .team_list tr:nth-child(even) {
    background: #EDF0F8;
}

.remind-signer .signer_list tr:hover,
.team-page .team_list tr:hover {
    background-color: #FFF9E6 !important;
}

div#template_area li.template {
    padding: 5px;
}

div#template_area li.template:nth-child(even) {
    background: #EDF0F8;
    padding: 5px;
}

div#template_area li.template:hover {
    background-color: #FFF9E6 !important;
}

.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;
    font-family: Arial, Helvetica, sans-serif;
}

.team-page #fax_line_purchase_warning {
    float: left;
    width: 400px;
    padding: 5px 10px;
    background-color: white;
}
.team-page #fax_line_purchase_warning h3 {
    width: 100%;
    font-size: 28px;
    margin-bottom: 10px;
    color: rgb(25, 25, 25);
}
.team-page #fax_line_purchase_warning p {
    font-size: 14px;
    color: #525563;
}
.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 {
    font-size: 16px;
    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: 14px;
    padding: 5px 15px;
    display: inline;
    margin-right: 20px;
}

.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;
    font-family: "Helvetica Neue Light", sans-serif;
}

.remind-signer .signer_list .email_col,
.team-page .team_list .email_col {
    width: 317px;
    max-width: 317px;
    overflow: hidden;
    padding-left: 8px;

    padding-left: 32px;
    background: url(./images/account/member-icon.png) 8px 9px no-repeat;
}

.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: 230px;
    max-width: 230px;
    overflow: hidden;
}

.team-page .team-accounts-column .team_list .email_col span{
    width: 95%;
    overflow: hidden;
    display: inline-block;
}

.team-page .team_list .role_col {
    width: 20%;
}

.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;
}

.team-page .quota-warning {
    color: red;
}

.team-page .docs-per-month {
    color: #8a8a8a;
}

.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 h4 {

}

.team-page #fax_line_config .fax_line_select h4 {
    width: 300px;
    margin-bottom: 5px;
    font-size: 14px;
}

.team-page .fax_line_select div.message {
    color: #a74848;
    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_select div.success {
    color: #4AA02C;
}

.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;
    color: #3C3F5D;
    font-weight: normal;
}

.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 .fax_line_select.status-1 h4 .text, .team-page .fax_line_select.status-D h4 .text {
    color: rgb(221, 92, 92);
}
.team-page .fax_line_select.status-2 h4 .text,
.team-page .fax_line_select.status-4 h4 .text  {
    color: #E99804;
}
.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 .qmark:hover { background-color: #AAA; }
.team-page .infoBubble {
    position: fixed;
    width: 200px;
}
.team-page .infoBubble.hide {
    display: none;
}
.team-page .infoBubble .content {
    color: #191919;
    font-family: Arial, Helvetica, sans-serif;
}
.team-page .infoBubble .content b {
    font-weight: bold;
    color: #333;
}

.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: 16px;
    margin-top: 6px;
    opacity: .6;
    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: bold;
    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: bold;
    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: 35px;
    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-family: Helvetica Neue, sans-serif;
    font-weight: 200;
    line-height: 22px;
    color: #DDD;
}
.team-page .tutorial-step p a {
    font-size: 13px;
    color: white;
    font-weight: normal;
    font-family: Helvetica, sans-serif;
    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;
    font-family: Helvetica Neue, sans-serif;
    color: #999;
}

/* --------- PORTING FORM -------------- */

.team-page #faxline_porting {
    float: left;
    width: 330px;
    font-size: 14px;
    font-family: "Helvetica Neue Light", sans-serif;
    background-color: white;
    padding: 5px 15px 20px;
}
.team-page #faxline_porting > p {
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
    color: #999;
}
.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 {
    font-size: 15px;
    height: auto;
    line-height: 34px;
    margin-top: 20px;
    position: relative;
    float: left;
    clear: both;
}

/* --------- FAXLINE FORM -------------- */

.team-page #faxline_form {
    float: left;
    font-size: 14px;
    font-family: "Helvetica Neue Light", sans-serif;
    width: 330px;
    padding: 5px 15px 20px;
    background-color: white;
}
.team-page #faxline_form #select-did-section {
    position: relative;
    float: left;
}
.team-page #faxline_form #select-did-section h3 {
    font-size: 22px;
    margin: 10px 0px 20px;
}
.team-page #faxline_form td { padding-right: 15px; }
.team-page #faxline_form .small-hint {
    font-size: 12px;
    padding-top: 10px;
    position: relative;
    float: left;
    font-style: italic;
}

.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 label.error_message,
.team-page label.error {
    font-size: 12px;
    font-weight: normal;
    color: #E74B48;
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    float: left;
    clear: both;
    margin-top: 7px;
}

.team-page label.error {
    position: static;
    float: left;
    margin-top: 0px;
}

#fancybox-outer.with-border,
.manage-docs #fancybox-outer,
.team-page #fancybox-outer {
    background: none repeat scroll 0 0 #F4F5F9;
}

.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 {
    background: none repeat scroll 0 0 rgba(252, 253, 254, 0.698);
    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;
    color: #525563;
    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;
    background: url(./images/account/ico_acc_h1.png) no-repeat;
}

.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;
    margin-left: 0px;
    padding-left: 50%;
    text-align: center;
    z-index: 999;
    pointer-events: none;
}

.notification-info .notification {
    background-color: #f4fee7;
    color: #444263;
    border: 1px solid #6b7b5c;
}

.notification-info .notification h1 {
    color: #444263;
}

.notification-success .notification {
    background-color: #f4fee7;
    color: #444263;
    border: 1px solid #6b7b5c;
}

.notification-success .notification h1 {
    color: #444263;
}

.notification-error {
    position: absolute;
    top: 0px;
    height: 100px;
    overflow: hidden;
    margin-left: 0px;
    padding-left: 50%;
}

.notification-error .notification {
    background-color: #f9dddd;
    color: #a74848;
    border: 1px solid #e49c9c;
}

.notification-error .notification h1 {
    color: #a74848;
}

.notification_wrapper .notification {
    width: 450px;
    position: relative;
    text-align: left;
    padding: 5px 10px;
    box-shadow: 0px 2px 3px #CCC;
    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;
    font-family: "Helvetica Neue Light", sans-serif;
}

.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;
    color: #6b7b5c;
}

.notification_wrapper .notification {
    min-height: 29px;
}

.notification_wrapper .notification img {
    float: left;
    margin-right: 10px;
}

.notification_wrapper .notification .close:hover {
    text-decoration: none;
    color: #000;
}

.notification-fancybox {
    display: none;
}

.notification-inner-fancybox {
    position: relative;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.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;
    border: 1px solid #CCCCE3;
    color: #525563;
    background: #FFFFFF;
}

.notification-inner-fancybox.no-fax-team-plan,
.notification-inner-fancybox.ga-team-setup {
    width: 400px;
    height: 188px;
    background-color: white;
}

.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 button {
    font-size: 16px;
    padding: 7px 15px;
}
.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;
}

#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;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    width: 100%;
    text-align: center;
}
.notification-inner-fancybox p, .notification-inner-fancybox ul {
    margin-top: 10px;
    font-size: 14px;
    padding-left: 7px;
    line-height: 1.4;
}
.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: 1.5em/1.2 "Helvetica Neue Light", sans-serif;
    font-weight: bold;
    padding-left: 7px;
}
.notification-inner-fancybox h3.fb-subhead {
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px dashed #CCCCE3;
}
.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: 20px;
}


.file-from-url-error {
    color: #C12322;
    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;
    color: #7E80A2;
}

div.browser_warning strong {
    color: black;
    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;
    color: #CCC;
}

.notification-inner-fancybox#user_upgrade div#new_user_upgrade_reasons h5 {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin: 10px 0px 5px 0px;
}

.notification-inner-fancybox#user_upgrade li {
    margin-left: 20px;
    line-height: 18px;
    font-size: 12px;
    color: #636363;
    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;
    color: #777;
    float: left;
    line-height: 16px;
}
.notification-inner-fancybox#user_upgrade div.contact {
    float: right;
    background-color: #f1f1f1;
    padding: 0px 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 2px;
}
.notification-inner-fancybox#user_upgrade div.contact h4 {
    color: #555;
    font-size: 14px;
    font-family: Helvetica, Arial, sans;
    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;
}


/* 3.5 One Time Payment
------------------------------------------------------------------------------*/

#charge_alert h4,
#charge_alert_grace h4 {
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
}

#charge_alert .left p,
#charge_alert_grace .left p {
    font: 2em/1.2 "Helvetica Neue Light", sans-serif;
    margin-top: 9px;
    width: 100%;
}

#charge_alert .right p,
#charge_alert_grace .right p {
    font: 13px;
    margin-top: 13px;
    margin-bottom: 9px;
}

#payment-title h2 {
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
}

#payment_form h3.page-subtitle {
    color: #4b4e7b;
    position: relative;
    float: left;
    clear: both;
    font-family: "Helvetica Neue Light", "Helvetica Neue";
    font-size: 18px;
    width: 100%;
}

#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;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    width: 100%;
    border-bottom: 1px solid #cccce3;
    margin-bottom: 30px;
}

.recoverpassword-page form {
    float: left;
    width: 340px;
}

.recoverpassword-page input.standard {
    width: 318px;
}

.recoverpassword-page .sub {
    float: left;
    margin-top: 20px;
}

.recoverpassword-page p {
    font: 1.4em/1.2 "Helvetica Neue Light", sans-serif;
}

.updatecard-page input[type="text"],
.loggedin.payment-page input[type="text"] {
    color: #555;
}

.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;
}

.updatecard-page #cc-data .account-table select {
    position: relative;
    float: left;
}

.payment-page .actions .spinner {
    margin-top: 20px;
}

.updatecard-page .actions .spinner,
.updatecard-page #continueButton {
    margin-left: 121px;
}

.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;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
}

.signerror-page .note-wrapper h2 {
    font: 2em/1.2 "Helvetica Neue Light", sans-serif;
    text-align: left;
}

.signerror-page .note-wrapper h2 a {
    color: inherit;
    text-decoration: underline;
}

.signerror-page .note-wrapper h2 a:hover {
    color: #000;
}

.notfound-page .leftcol {
    position: relative;
    float: left;
    width: 400px;
    margin-left: 50px;
}

.notfound-page .leftcol h2 {
    margin-top: 30px;
    font: 2.2em/1.2 "Helvetica Neue Light", sans-serif;
    font-weight: bold;
}

.notfound-page .leftcol p {
    margin-top: 17px;
    font: 1.5em/1.2 "Helvetica Neue Light", sans-serif;
    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;
    color: #747697;
    font-family: "Helvetica Neue Light", "Helvetica Neue";
}

#api-info li {
    margin: 15px 10px;
}

#api-info p {
    margin: 15px 0;
}

#api-info h1 {
    padding: 2px 0 11px 52px;
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/send/ico_send_h1.png) no-repeat;
}

#api-info h2 {
    font-size: 1.6em;
    font-weight: bold;
    position: relative;
    padding-top: 1px;
}

.api-info-notice {
    color: red;
}

/* 3.7 Contact Import
--------------------------------------------------------------------------------*/

div.invite-form,
div.import-source-list {
    float: left;
    margin: 10px 20px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
}

div.import-pending,
div.import-success {
    margin: 10px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
}

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;
    color: red;
    float: left;
    clear: both;
}

div.import-pending h1 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

div.invite-form h1,
div.import-success h1,
div.import-source-list h1 {
    font-size: 32px;
    font-weight: bold;
}

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;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    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;
    color: #999;
}

/* 3.8 Onboarding
--------------------------------------------------------------------------------*/

body.onboarding-layout #right_expand { margin: 0px; }
body.onboarding-layout #container { margin: 0px; }
body.onboarding-layout #container #content { background: transparent; }

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;
    background: none;
    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;
    color: #28B1CA;
    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 {
    margin-bottom: 50px;
    width: 540px;
    margin-right: 60px;
}

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 {
    margin-left:80px;
    float:left;
    color:#383D43;
    font-size:14px;
    width:180px;
}

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;
    background: none;
    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;
    background: none;
    font: 27px "Helvetica Neue Light", sans-serif;
    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;
    width: 636px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: -6px;
    padding: 2px 0 11px 52px;
    min-height: 39px;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/common/getting_started_ico.png) no-repeat;
}

.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;
    width: 682px;
    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;
    width: 682px;
    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;
    color: #E17014;
}

.getting-started-page .steps .step .step-cta {
    position: relative;
    float: right;
}

.getting-started-page .steps .step iframe {
    margin-top: 8px;
}

.getting-started-page .completed {
    background: url(./images/common/checkmark.png) 624px center no-repeat;
}

.getting-started-page .steps .completed .step-cta {
    display: none;
}

.getting-started-page .steps .step .error {
    color: #C22;
    position: relative;
    float: right;
    clear: both;
}

.getting-started-page .steps .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 Neue Light", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-family: Helvetica, Arial, san-serif;
}

.getting-started-page .steps .green-sub:hover {
    background: #6b9c2c;
    background: -webkit-gradient(linear, left top, left bottom, from(#97b940), to(#7dae3e));
    background: -webkit-linear-gradient(top, #97b940, #7dae3e);
    background: -moz-linear-gradient(top, #97b940, #7dae3e);
    background: -ms-linear-gradient(top, #97b940, #7dae3e);
    background: -o-linear-gradient(top, #97b940, #7dae3e);
}

.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 {
    color: #41435C;
    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 {
    color: #41435C;
    font-size: 20pt;
    margin-bottom: 15px;
    padding-top: 30px;
    display: block;
}

.box-promo-large-content p {
    margin-bottom: 40px;
    font-size: 16pt;
    color: #676a91;

}

#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;
    color: #676a91;
}


/* 3.10a. Incoming File
--------------------------------------------------------------------------------
==============================================================================*/

.incoming_file_container {
    position: relative;
    float: left;
    margin-top: -30px;
    width: 100%;
    text-align: center;
}

.incoming_file_container.new {
    margin-top: 115px;
    position: relative;
    top: -75px;
}

.incoming_file_container h1 {
    margin-top: 40px;
}

.incoming_file_container h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.incoming_file_container h3 {
    font-size: 30px;
    font-family: "Helvetica Neue Light";
    margin-bottom: 50px;
}

.incoming_file_container.new h3 {
    margin-bottom: 100px;
}

.incoming_file_container .file-icon {
    text-align: center;
    display: inline-block;
    margin: 0px 5px;
    margin-bottom: 50px;
}

.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;
    color: #3C3F5D;
    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;
    color: #888;
    text-align: center;
    margin-top: 5px;
}

.incoming_file_container p.file-name {
    width: auto;
    font-size: 11px;
    background: #FFF;
    border: 1px solid #999;
    border-radius: 10px;
    padding: 3px 10px;
    display: inline-block;
    margin-top: 10px;
}

.incoming_file_container .hero {
    margin: 40px auto 50px auto;
    background: url(./images/drivepromo/or.png) center center no-repeat #FFF;
    width: 640px;
    padding: 40px 0px;
}

.incoming_file_container .hero.no-bg {
    background: #FFFFFF;
    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: 40px;
    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 #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;
}


/* 3.10b. Google Incoming File
--------------------------------------------------------------------------------
==============================================================================*/

.google.error_container {
    margin-top: 15px;
}

.google.error_container .announcement p {
    position: relative;
    float: left;
    color: #3C3F5D;
    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 {
    background-image: url(./images/drivepromo/tour_btn.png);
    height: 35px;
    width: 178px;
    margin: auto auto 10px auto;
    cursor: pointer;
    color: white;
    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;
    clear: both;
    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 {
    background: url(./images/drivepromo/bg.jpg) top center repeat-x;
    background-color: white;
    border-top: 3px solid #45bcdd;
}

.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;
    font-family: "Helvetica Neue Light";
}

.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;
    font-family: "Helvetica Neue Light";
    margin-top: 17px;
    margin-bottom: -10px;
}

.drive-contest b {
    font-weight: normal;
    font-family: "Helvetica Neue";
}

.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;
    background: url(./images/common/white_noise_tile.png) repeat;
    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;
    background-image: url(./images/account/ico_acc_h1.png);
    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;
    font: 2.8em/1.2 "Helvetica Neue Light", sans-serif;
    background: url(./images/send/ico_send_h1.png) no-repeat;
    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;
    background: url(./images/promo/green_arrow.png) left 7px no-repeat;
    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: 16px;
    line-height: 22px;
}

.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;
}

#upgrade-options #edit_account_first_name,
#upgrade-options #edit_account_last_name {
    width: 170px;
}



/********************************************************************
 *                                                                  *
 * 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: 20px;
    font-size: 16px;
}

.invite-friends-popup .bs_container p {
    font-size: 16px;
    line-height: 22px;
}

.invite-friends-popup textarea {
    width: 540px;
    font-size: 14px;
    line-height: 18px;
}

.invite-friends-popup .bs_container p.disclaimer {
    font-size: 12px;
    line-height: 1.2em;
    padding-top: 10px;
    color: red;
}

/********************************************************************
 *                                                                  *
 * 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;
}

.api-details.edit-app,
.oauth.edit-app {
    width: 500px;
    margin: 5px 15px;
}
.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-family: font-family: 'Helvetica Neue Light', sans-serif !important;
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #CCCCE3;
    padding-bottom: 15px;
    width: 720px;
    float: left;
    color: #191919;
}
.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;
    color: #999;
    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 {
    display: none;
    position: absolute;
    font-size: 14px;
    color: #FFA500;
    top: 112px;
    left: 490px;
}
.oauth.app-form.edit-app #newAppForm #nameCheckStatus {
    top: 129px;
    left: 465px;
}
.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 #newAppForm .field-container.app-name.ok #nameCheckStatus { color: #44C044; }
.oauth.app-form.edit-app #newAppForm .field-container.app-name.err #nameCheckStatus { left: 445px; }
.oauth.app-form #newAppForm .field-container.app-name.err #nameCheckStatus {
    color: red;
    left: 470px;
}
.oauth.app-form #newAppForm input[type=checkbox] {
    float: left;
    margin-right: 10px;
}
.oauth.app-form #newAppForm .list .row > label { float: left; }
.oauth.app-form #newAppForm .oauth {
    display: none;
    float: left;
    width: 500px;
    padding: 20px 10px;
    background: #EEE;
    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 .event-row.disabled { color: gray; }
.oauth.app-form #newAppForm label { font-weight: normal; }
.api-details .message { color: #999 }
.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;
    color: #999;
}
.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 strong { color: red; }
.oauth.app-form #newAppForm p.warning span {
    font-size: 13px;
    font-weight: normal;
}
.api-details #apiCallbackForm p.error,
.oauth.app-form #newAppForm p.error {
    color: red;
    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 #newAppForm > p em { color: #BBB; }
.oauth.app-form #newAppForm p.info strong { color: #333; }
.oauth.app-form.edit-app #newAppForm p.info { width: 500px; }
.oauth.app-form #newAppForm p.info {
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    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 {
    color: #191919;
    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;
    color: red;
}
.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;
    color: #999;
}
.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;
    color: red;
    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;
    color: #F00;
}


/********************************************************************
 *                                                                  *
 * 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;
}

.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;
}

.editor-view-page .view_header .pull-left a,
.view_header .pull-left a {
    position: relative;
    float: left;
}



.editor-view-page .view_header .pull-left .doc-name,
.view_header .pull-left .doc-name {
    position: relative;
    float: left;
    color: #fff;
    font-size: 18px;
    margin-top: 12px;
}

.editor-view-page .view_header .pull-right,
.view_header .pull-right {
    position: relative;
    float: right;
    min-width: 300px;
    padding-right: 8px;
}

.editor-view-page .view_header .pull-right a,
.view_header .pull-right a {
    margin-top: 8px;
    margin-left: 8px;
    position: relative;
    float: right;
    padding: 7px 20px;
}

.editor-view-page .view_header .pull-left .doc-name,
.view_header .pull-left .doc-name {
    position: relative;
    float: left;
    color: #FFF;
    font-size: 21px;
    margin-top: 10px;
    margin-left: 10px;
    border-left: 1px solid #FFF;
    padding-left: 20px;
}

/* 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;
}