/*** Body
*********************************************************/
body {
    font-family: Segoe UI, Tahoma, sans-serif;
    background-color: #E7EBF2;
    min-width: 990px;
}

.hd {cursor: hand; cursor: pointer;}

h1,
h2,
h3,
h4 {
    margin: 0 0 1em 0;
    font-weight: normal;
}

h1 {
    font-size: 2.2em;
}

h2 {
    font-size: 1.7em;
    margin-bottom: 7px;
}

h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

h4 {
    font-size: 1em;
    margin-bottom: 5px;
}

p {
    font-size: 1em;
    margin-bottom: 1.5em;
}

a {
    color: #1553B1;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

input[type=text] {
    background-color: white;
}

textarea {
    background-color: white;
}

.cursor_pointer {
    cursor: pointer;
}

/*** Header
*********************************************************/
#header {
    padding: 0px;
    margin: 0px;
    /*background-image: url('../images/header.gif');
    background-repeat: repeat-x;*/
    background-color: #e6eaf2;
    height: 87px;
    width: 100%;
    overflow: hidden;
}

#logo {
    float: left;
    width: 38%;
    max-width: 465px;
    height: 64px;
    background: transparent url('../images/logo.png') scroll left center no-repeat;
    margin-left: 45px;
    margin-top: 10px;
}

#logo h1 {
    with: auto;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
}

#logo h1 a {
    color: #000;
    text-decoration: none;
}

#logo p a {
    color: #8a8a8a;
}

#logo div.robo {
    width: 75px;
    height: 64px;
    float: left;
}

#logo a:hover {
    text-decoration: none;
}

#logo p {
    padding-left: 2px;
    color: #8a8a8a;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}

#main_nav {
    display: block;
    float: left;
    width: 55%;
    white-space: nowrap;
    margin-top: 27px;
}

#main_nav ul {
    float: left;
}

#main_nav li {
    display: block;
    float: left;
    margin-right: 30px;
    font-size: 18px;
}

#main_nav li:last-child {margin-right:0;width:44px;}

#main_nav li a {
    color: #245EB4;
    text-decoration: none;
}

#main_nav li .register {
    font-size: 12px;
    color: #8a8a8a;
    display: block;
    margin-top: 3px;
}

#main_nav li a:hover {
    text-decoration: underline;
}

#auth_header {
    padding: 0px;
    margin: 0px;
    background-color: #f2f3f6;
    height: 30px;
    background-image: url('../images/auth_header.gif');
    background-repeat: repeat-x;
}

div.user_company {
    width: 15%;
    height: 20px;
    float: left;
    line-height: 30px;
    font-size: 13px;
    margin-top: 7px;
    font-weight: bold;
    overflow: hidden;
    padding-left: 35px;
}

div.user_company span {
    /*padding-left: 35px;*/
}

div.user_company a {
    color: black;
    text-decoration: none;
    white-space: nowrap;
}

div.user_company div.company_fadeout {
    position: relative;
    width: 25px;
    height: 30px;
    top: -20px;
    float: right;
    background: transparent url('../images/gradient_company.png') repeat-y;
}

div.user_nav {
    width: 30%;
    height: 26px;
    float: left;
    font-size: 13px;
    margin-top: 4px;
    overflow: hidden;
}

div.tab {
    display: inline;
}

div.user_nav li {
    background-color: #F3F5F8;
    background-image: url('../images/user_nav_tab_inactive_bk.gif');
    background-repeat: repeat-x;
    height: 26px;
    line-height: 25px;
    margin-left: 4px;
    float: left;
    display: inline;
    height: 26px;
}

div.user_nav li.active, div.user_nav li.inactive {
    background-color: white;
    background-image: url('../images/user_nav_tab_active.gif');
    border: 0px;
    background-color: #ffffff;
}

div.user_nav a.active:hover {
    text-decoration: none;
}

div.user_nav li span {
    background: url('../images/user_nav_tab_inactive_left.gif') no-repeat scroll left top;
    display: block;
    height: 25px;
    width: 3px;
    float: left;
}

div.user_nav li span.right {
    background: url('../images/user_nav_tab_inactive_right.gif') no-repeat scroll right top;
}

div.user_nav li.active span, div.user_nav li.inactive span {
    background: url('../images/user_nav_tab_active_left.gif') no-repeat scroll left top;
}

div.user_nav li.active span.right, div.user_nav li.inactive span.right {
    background: url('../images/user_nav_tab_active_right.gif') no-repeat scroll right top;
}

div.user_nav li a {
    text-decoration: none;
    color: #0547ac;
    padding: 0px 10px 0px 10px;
    line-height: 25px;
    display: block;
    float: left;
}

div.user_nav li a:hover {
    text-decoration: underline;
}

div.user_nav li.active a {
    font-weight: bold;
    color: black;
}

div.user_nav li.inactive a {
    font-weight: bold;
}

div.user_tab_inactive_left {
    background-image: url('../images/user_nav_tab_inactive_left.gif');
    display: inline;
    height: 25px;
}

div.user_tab_inactive_right {
    height: 25px;
    width: 4px;
    background-image: url('../images/user_nav_tab_inactive_right.gif');
    display: inline;
}

div.service_nav {
    margin-top: 7px;
    width: 50%;
    height: 20px;
    float: right;
    text-align: right;
}

/* to be removed */
table.auth_header {
    width: 100%;
    height: 100%;
}

#user_nav {
    display: block;
}

#user_nav li {
    display: block;
    float: left;
    margin: 0 35px 5px 0;
    font-size: 1.25em;
    line-height: 1.25em;
}

#service_nav {
    display: block;
    font-size: 12px;
}

#service_nav li {
    display: inline;
    margin: 0 20px 5px 0;
}

#service_nav li a {
    text-decoration: none;
    color: #245EB4;
}

#service_nav li a:hover {
    text-decoration: underline;
}

div.user {
    margin-bottom: 5px;
    font-size: 0.7em;
}


/*** Footer
*********************************************************/
#footer {
    font-size: 11px;
    font-family: Segoe UI;
    color: #999;
    background-color: #E7EBF2;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
    position: relative;
}

#footer a {

}


/*** Content
*********************************************************/
#content {
    padding: 20px 0px 0px 0px;
    background-color: white;
}

div.example_item {
    float: left;
    margin: 0 20px 20px 0;
    width: 215px;
}

div.example_item p {
    font-size: 0.84em;
}

div.example_preview {
    width: 215px;
    height: 260px;
    margin-bottom: 20px;
    background-color: #999;
}

table.invoice {
    width: 100%;
    border: 0px;
}

table.invoice thead tr {
    background: #f6f1eb url('../images/invoice_thead_tr.gif') repeat-x;
    height: 22px;
}

table.invoice thead td {
    font-size: 14px;
    border: 0px;
    vertical-align: middle;
}

table.invoice tbody td {
    vertical-align: top;
    padding: 0px 10px 0px 0px;
    font-size: 0.84em;
    border: 0px;
    white-space: nowrap;
}

table.invoice tbody.auth_invoice td {
    padding: 0px 10px 0px 0px;
}

table.invoice tbody.auth_invoice td.quantity {
    width: 10%;
}

table.invoice tbody.auth_invoice td.price {
    width: 10%;
}

table.invoice tbody.auth_invoice td.sum {
    width: 10%;
}

table.invoice tbody #add_invoice {
    padding-bottom: 6px;
    padding-top: 8px;
}

/*table.invoice tbody td.amount div.amount{
    float: right;
    font-size: 1.5em;
}*/

td.amount a.function {
    float: left;
    margin-top: 3px;
    display: block;
}

td.amount div.invoice_amount {
    float: right;
}

td.amount div.invoice_amount span {
    height: 27px;
    line-height: 27px;
}

table.invoice td.number, table.invoice td.number_auth {
    text-align: right;
    white-space: nowrap;
    padding-left: 20px;
    width: 9%;
    padding-right: 2%;
}

table.invoice td.number_auth {
    padding-right: 0px;
    padding: 0px !omportant;
}

table.invoice td.number_auth div.service_icon {
    float: right;
}

table.invoice td.item {
    width: 55%;
}

table.invoice td.quantity {
    width: 11%;
}

table.invoice td.quantity input {
    width: 44px;
}

table.invoice td.price {
    width: 12%;
}

table.invoice td.price input {
    width: 90px;
}

table.invoice td.sum {
    width: 13%;
}

table.invoice td.sum input {
    width: 90px;
}

table.invoice thead td.number {
    text-align: left;
    padding-left: 48px;
}

table.invoice div.input {
    padding-right: 4px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 4px;
}

table.invoice tbody td.amount, table.invoice tbody.auth_invoice td.amount {
    vertical-align: middle;
    padding: 0px;
    padding-right: 2%;
    text-align: right;
    background: #f6f1eb url('../images/invoice_amount_tr.gif') repeat-x;
    height: 27px;
    border: 0px;
    font-size: 108%;
}

table.invoice textarea {
    width: 90%;
    height: 3em;
    margin: 0;
    border: 1px solid #abadb3;
}

table.invoice input {
    margin: 0;
    border: 1px solid #abadb3;
    height: 20px;
    background: transparent;
}

table.invoice input.number {
    text-align: right;
    width: 90%;
}

a.function {
    text-decoration: none;
    color: #245EB4;
    cursor: pointer;
    font-size: 90%;
    margin-left: 2px;
}

div.btn_38_left, div.btn_38_right, div.btn_21_left, div.btn_21_right, .btn_32_left, .btn_32_right {
    display: block;
    width: 3px !important;
    height: 38px !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    background: transparent url('../images/btn_38_left.gif') no-repeat !important;
    float: left !important;
}

div.btn_38_right {
    background: transparent url('../images/btn_38_right.gif') no-repeat !important;
}

input.btn_38, .btn_21, .btn_45_yellow, .btn_32 {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0px 3px !important;
    margin: 0px !important;
    background: gray url('../images/btn_38_bk.gif') repeat-x !important;
    border: 0px !important;
    float: left !important;
}

.btn_32 {
    background: gray url('../images/btn_32_bk.gif') repeat-x !important;
}

.btn_32, .btn_32_left, .btn_32_right {
    height: 32px !important;
    line-height: 32px !important;
    font-size: 14px;
}

.btn_32_left {
    background: transparent url('../images/btn_32_left.gif') no-repeat !important;
}

.btn_32_right {
    background: transparent url('../images/btn_32_right.gif') no-repeat !important;
}

.btn_45_yellow_left, .btn_45_yellow_right, .btn_45_yellow {
    height: 45px !important;
    background: transparent url('../images/btn_45_yellow_bk.gif') repeat-x !important;
    font-size: 12px;
}

.btn_45_yellow_left, .btn_45_yellow_right {
    width: 5px !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    background: transparent url('../images/btn_45_yellow_left.gif') no-repeat !important;
    float: left !important;
}

.btn_45_yellow_right {
    background: transparent url('../images/btn_45_yellow_right.gif') no-repeat !important;
}



div.btn_21_left, div.btn_21_right, .btn_21 {
    height: 21px !important;
}

.btn_21 {
    background: gray url('../images/btn_21_bk.gif') repeat-x !important;
    font-size: 10px !important;
    padding: 0px 10px !important;
    line-height: 21px !important;
}

div.btn_21_left {
    background: transparent url('../images/btn_21_left.gif') no-repeat !important;
}

div.btn_21_right {
    background: transparent url('../images/btn_21_right.gif') no-repeat !important;
}

table.data {
    width: 100%;
    background-color: white;
}

table.data input[@type="checkbox"] {
    margin: 0px;
    padding: 0px;
}

/*table.data tbody input[type="checkbox"] {
    margin-top: 6px;
}*/

table.data tr.action {
    height: 30px;
}

table.data tr.action:hover {
    background-color: transparent;
    cursor: default;
}

div.action {
    height: 20px;
    font-size: 12px;
    padding-top: 4px;
}

div.action span {
    padding-top: 2px;
}

div.action span img {
    margin-left: 15px;
    margin-right: 6px;
    padding-top: 4px;
    vertical-align: text-top;
}

table.data img.arrow_down {
    margin-top: 11px;
}

table.data img.arrow_up {
    margin-top: -5px;
}

table.data tr.action td {
    line-height: 36px;
}

table.data tr.action td.down {
    border-bottom: 1px solid #B9C3D1;
    font-size: 12px;
    font-family: Segoe UI;
}

table.data tr.action td.up {
    border-top: 1px solid #B9C3D1;
    font-size: 12px;
}

table.data tr.action a {
    color: #0447AC;
}

table.data tr.action a:hover {
    text-decoration: underline;
}

table.data thead td {
    border-top: 1px solid #E8E6DD;
    background-color: #F8F5F0;
    padding: 0px 10px 0px 5px;
    padding: 0px;
    vertical-align: middle;
    font-size: 12px;
    color: #245EB4;
    height: 26px;
    line-height: 26px;
}


table.data tbody td {
    vertical-align: middle;
    /*padding: 0px 10px 0px 5px;*/
    padding: 0px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
}

table.data td.input_row {
    text-align: center;
    width: 35px;
}

table.data td.invoice_number_row {
    width: 8%;
}

table.data td.invoice_name_row {
    width: 29%;
}

.fadeout1 {
    color: #9A9A9A;
}

.fadeout2 {
    color: #D9D9D9;
}

table.data td.space {
    width: 7%;
}

table.data td.sum_row {
    width: 11%;
    text-align: right;
}

table.data td.status_row {
    padding-left: 2%;
}

table.data tbody td input[type="submit"] {
    color: #245EB4;
    border: 0px;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    vertical-align: middle;
}

/*table.data tbody td input {
    line-height: 25px;
}*/

table.data td a {
    text-decoration: none;
    color: #0447AC;
}

table.data td a:hover {
    text-decoration: underline;
}

table.data tbody tr:hover {
//  background-color: #F1F6FF;
    cursor: pointer;
}

table.data tbody tr.first td {
    padding-top: 4px;
}

table.data tbody tr.last td {
    padding-bottom: 6px;
}

span.number {
    color: #999999;
}

div.empty {
    height: 10px;
    clear: both;
}

.company {
    color: #999;
    width: 25%;
    overflow: hidden;
}

.company .company_type {
    width: 50px;
    overflow: hidden;
    float: left;
    overflow: hidden;
}

.company_type {
    line-height: 24px;
}

.company .company {
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    width: 70%;
}

table.data td {
    white-space: nowrap;
}

table.data tbody td.number {
    text-align: right;
}

table.data tbody td.date {
    width: 11%;
    text-align: right;
}

table.data thead td.date {
    text-align: left;
    width: 3%;
}

.date_spacer {
    width: 64%;
    float: left;
}

.date .date {
    width: 36%;
    float: left;
}

table.data tbody td.number .fraction {
    color: #999;
    text-align: right;
}

table.data tbody div.limit {
    overflow: hidden;
    width: 100%;
    height: 1.25em;
    line-height: 1.25em;
    position: relative;
}

table.data tbody div.edge {
    width: 3em;
    height: 1.25em;
    line-height: 1.25em;
    background-color: #fff;
    right: 0;
    position: absolute;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

table.data tbody .status_payed {
    color: green;
    padding-left: 2%;
}

table.data tbody .status_not_payed {
    color: red;
    padding-left: 2%;
}


table.list td {
    vertical-align: top;
    padding-bottom: 10px;
}

table.list td.label {
    padding-right: 20px;
    font-size: 0.84em;
}

table.list td.value {
    font-size: 0.84em;
}

div.service_icon {
    float: left;
    padding-top: 2px;
    cursor: pointer;
}

div.service_icon img {
    width: 12px;
    height: 12px;
}

div.confirmation, div.confirmation_error {
    width: auto;
    background-color: #CFF7D5;
    height: 28px;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
    font-size: 90%;
    padding-left: 35px;
    clear: both;
}

div.confirmation_error {
    background-color: #FFE7E7;
    color: #D62E2E;
}

div.invoice_message_bar, div.invoice_message_bar_error {
    padding-left: 35px;
    background-color: #CFF7D5;
    height: 18px;
    padding-top: 2px;
}

div.invoice_message_bar_error {
    background-color: #FFE7E7;
    color: #D62E2E;
}

div.invoices_paginator_top {
    background: transparent url(/f/images/border_bottom.gif) repeat-x scroll 0 0;
    width: 100%;
    clear: both;
    height: 12px;
    font-size: 1%;
    position: relative;
    top: -10px;
}

div.invoices_paginator_wrapper {
    background: #e7ebf2;
}

div.invoices_paginator {
    width: 100%;
    height: 80px;
    text-align: center;
    font-size: 75%;
    padding-top: 15px;
    position: relative;
    top: -10px;
    background-color: #e7ebf2;
}

div.invoices_paginator a {
    text-decoration: none;
    color: #0447AC;
}

div.invoices_paginator a:hover {
    text-decoration: underline;
}

/*** Forms
*********************************************************/
fieldset {
    border: 1px solid #000;
}

.dashed_bottom {
    color: black;
    border-bottom: 1px dashed black;
    cursor: pointer;
}

fieldset div.fieldset {
    padding: 10px;
}

fieldset legend {
    color: #000;
}

table.form {
    margin-left: 48px;
    margin-top: 15px;
}

table.form input[type="text"]
, table.form input[type="password"]
, input.standart {
    border: 1px solid #abadb3;
    height: 20px;
    display: inline;
    font-size: 14px;
}

table.form select {
    height: 22px;
    width: 92px;
}

table.form input.invoice_number {
    width: 92px;
    border: 1px solid #abadb3;
}

table.form input.invoice_date {
    width: 180px;
    border: 1px solid #abadb3;
    background-color: transparent;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
}

table.form input.company_name {
    width: 363px;
}

table.form tr.invoice_company td {
    padding-bottom: 12px;
}

table.form td.nds_radio {
    padding-top: 0px;
}

button.calendar_btn {
    border: 0px;
    width: 30px;
    height: 24px;
    background: gray url('../images/calendar_btn.gif') no-repeat;
}

table.form td {
    vertical-align: middle;
    height: 30px;
}

table.form td.label {
    vertical-align: top;
    padding: 3px 20px 10px 0;
    font-size: 0.84em;
    float: left;
}

table.form td.input div.input {
    position: relative;
}

table.form span.required {
    display: block;
    color: #f00;
    left: -10px;
    top: 4px;
    position: absolute;
}

table.form td.input {
    vertical-align: top;
    padding-bottom: 10px;
    position: relative;
}

table.form tr.invoice_number {
    /*font-size: 130%;*/
}

table.form tr.invoice_data_helper td {
    font-size: 70%;
    color: #999999;
    height: 15px;
    padding-top: 2px;
    padding-bottom: 13px;
}

table.form td.invoice_type {
    width: 47%;
    text-align: right;
}

div.set_requisites_btn {
    width: 231px;
    height: 56px;
    background: transparent url('../images/shadow.png') no-repeat;
    position: relative;
    left: 10px;
}

input.submit {
    font-size: 0.84em;
}

table.form span.description {
    clear: both;
    display: block;
    font-size: 0.84em;
    margin-top: 5px;
}

table.form div.description {
    font-size: 0.84em;
}

table.form td.submit {
    padding: 10px 0 30px 0;
}

.error {
    background-color: #ffe7e7 !important;
}

table.invoice_date td.invoice_error_message {
    color: #d62e2e;
    padding: 0px 5px;
    display: none;
    font-size: 70%;
    line-height: 28px;
}

textarea.default,
input.default {
    color: #999;
    font-style: italic;
}

input.number,
input.int {
    width: 100px;
}

input.date {
    width: 150px;
}

input.string {
    width: 250px;
}

input.login,
input.password,
input.phone,
input.email {
    width: 200px;
}

select,
input.login,
input.password,
input.phone,
input.email,
input.string,
input.date,
input.number,
input.int {
    margin-bottom: 2px;
    //margin-bottom: 0;
    display: block;
    font-size: 0.84em;
}

.form_calendar input {
    float: left;
    width: 130px;
}

.form_calendar button {
    float: left;
    margin-left: 5px;
    //height: 22px;
}

input.calendar {
    font-size: 0.84em;
}

table.chooser_ele td {
    vertical-align: top;
    font-size: 80%;
    width: auto;
}

table.chooser_ele td.chooser_label {
    vertical-align: top;
/*  padding: 0.3em 0 0 0.3em;*/
    padding-left: 0.3em;
    text-align: left;
}

/*
textarea.error,
input.error {
    border: 1px solid #c00;
    padding: 1px;
}
*/

textarea {
    font-size: 1.15em;
}

div.form_error {
    clear: both;
    color: #c00;
    text-align: left;
    white-space: normal;
    line-height: 1em;
    margin-top: 5px;
    font-size: 0.84em;
    display: none;
}

td.input div.form_error {
    font-size: 0.7em;
}


/*** Tabs
*********************************************************/
table.tabs {
    width: 100%;
}

table.tabs th {
    padding: 5px 20px;
    vertical-align: bottom;
    border: 1px solid #878787;
    background-color: #efefef;
    white-space: nowrap;
    cursor: pointer;
    font-size: 0.84em;
    font-weight: normal;
    text-align: left;
}

table.tabs th a {
    color: #000;
    text-decoration: none;
}

table.tabs th.selected {
    border-bottom-color: #efefef;
}

table.tabs td {
    border-bottom: 1px solid #878787;
}

table.tabs td div {
    width: 5px;
}

div.tab_content {
    background-color: #efefef;
    border: 1px solid #878787;
    border-top: none;
    padding: 20px;
}


/*** Invoices
*********************************************************/
.invoice_preview {
    width: 715px;
    border: 1px solid #000;
    padding: 45px;
    margin-left: 45px;
    font-size: 14px;
    margin-bottom: 85px;
    position: relative;
    top: -25px;
}

.invoice_preview p {
    font-size: 0.84em;
    line-height: 18px;
}

.invoice_preview span.label {
    color: #c0c0c0;
}

table.invoice_preview_account {
    width: 100%;
    margin-bottom: 45px;
}

table.invoice_preview_account caption {
    font-size: 0.84em;
    text-align: left;
    padding: 0 0 3px 3px;
}

table.invoice_preview_account td {
    font-size: 0.84em;
    border: 1px solid #c0c0c0;
    padding: 2px 3px;
    vertical-align: bottom;
}



table.invoice_preview_items {
    width: 100%;
    margin-bottom: 40px;
}

table.invoice_preview_items td {
    font-size: 0.84em;
    vertical-align: top;
}

table.invoice_preview_items td {
    font-size: 0.84em;
    border: 1px solid #c0c0c0;
    padding: 10px 3px;
}

table.invoice_preview_items tbody td {
    padding: 12px 3px;
}

table.invoice_preview_items thead td {
    background-color: #e7f1ff;
    border-color: #5e823f;
    border-bottom: none;
    border: 1px solid #c0c0c0;
}

table.invoice_preview_items tr.amount td {
    padding: 3px;
}

table.invoice_preview_items tr.amount td.label {
    border: none;
    text-align: right;
}

table.invoice_preview_items td.number {
    text-align: right;
    white-space: nowrap;
}

table.invoice_preview_items tr.amount td.number {
    padding-left: 10px;
}

table.invoice_preview_items tr.amount td.amount {
    font-weight: bold;
}

table.signature {
    width: 350px;
    margin-bottom: 30px;
}

table.signature td {
    border-bottom: 1px solid #000;
    width: 99%;
    font-size: 0.84em;
    text-align: right;
}

table.signature td.label {
    border: none;
    width: 1%;
    white-space: nowrap;
    text-align: left;
}

div.invoices_header {
    margin: 2px 0 0;
    width: 100%;
    height: 30px;
    clear: both;
    font-size: 80%;
    line-height: 30px;
    overflow: hidden;
}

div.invoices_header h3 {
    font-weight: bold;
    float: left;
    width: auto;
    font-size: 160%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0px;
    margin-right: 10px;
}

div.invoices_header .new_invoice {
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
}
div.invoices_header .show_invoices,
div.invoices_header .search_invoices {
    float: left;
    width: 36%;
    line-height: 26px;
    height: 26px;
    vertical-align: middle;
    margin-top: 2px;
    font-family: Segoe UI, Tahoma, sans-serif;
}

div.invoices_header .search_invoices {
    width: 24%;
}

div.invoices_header select {
    border: 1px solid #ABADB3;
    margin: 0px;
    width: 150px;
    display: inline;
    height: 22px;
    font-size: 12px;
    font-family: Segoe UI, Tahoma, sans-serif;
}

td.new_invoice_text {
    padding-top: 2px;
    font-size: 13px;
}

div.invoices_header input.search {
    border: 1px solid #ABADB3;
    width: 150px;
    height: 18px;
    margin: 0px;
    font-size: 12px;
}

div.invoices_header input.submitSearch {
    border: 0px;
    margin: 0px;
    background-color: transparent;
    background-image: url('../images/search_btn.gif');
    width: 61px;
    height: 22px;
    font-family: Segoe UI, Tahoma, sans-serif;
    font-size: 12px;
}

.new_invoice_btn {
    border: 0px;
    width: 138px;
    height: 28px;
    background-image: url('../images/new_invoice_btn.gif');
    cursor: pointer;
}

/*** Authorization
*********************************************************/
#email_form {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    background-color: #fff;
    display: none;
    background-color: lightgreen;
    padding: 20px;
    border: 1px solid #CCCCCC;
    height: 139px;
}

#email_form {
    background-color: #ddd;
}

#email_form .close_email_form {
    font-size: 70%;
    color: #0447AC;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
}

#email_form .close_email_form:hover {
    text-decoration: underline;
}

#email_form input.submit {
    width: 112px;
    height: 28px;
    background-image: url('../images/send_email_btn.gif');
    border: 0px;
    background-color: #C2C2C2;
}

#email_form .close {
    float: right;
    cursor: pointer;
    margin: -17px -14px 0 0;
}

.error_message,
.success_message {
    color: #c00;
    font-size: 0.84em;
    margin: 10px 5px 0 5px;
}

.success_message {
    color: green;
}


/*** Loading bar
*********************************************************/
#loading {
    display: none;
    position: fixed;
    width: 220px;
    height: 30px;
    z-index: 999;
    opacity: 0.85;
    background: url('/f/images/loading.gif') no-repeat;
    left: 0;
    top: 0;
    //filter: alpha(opacity=85);
    _position: absolute;
    _top: expression(document.body.scrollTop + "px");
}

body.wait {
    cursor: wait !important;
/*  background-attachment: fixed;*/
}

/* ----------------------------- buttons -------------------------------- */
.btn_left, .btn_right {
    width: 3px !important;
    height: 28px !important;
    margin: 0px !important;
    padding: 0px !important;
    background-color: transparent;
    background-image: url('../images/btn_left.gif') !important;
    border: 0px !important;
    display: block !important;
    float: left !important;
}

.btn_right {
    background-image: url('../images/btn_right.gif') !important;
}

.btn_bk {
    border: 0px !important;
    background-color: #9C9C9C;
    height: 28px !important;
    line-height: 28px !important;
    background-image: url('../images/btn_bk.gif');
    display: inline;
    float: left;
    font-size: 12px !important;
    margin: 0px;
    padding: 0 13px !important;
    width: auto;
    font-family: Segoe UI;
}

/************* send invoice by email *******************/
div.send_by_email_form {
    width: 220px;
    height: auto;
    background-color: #eff8ff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    border: 1px solid #C3CCD4;
    z-index: 10;
}

div.send_by_email_form div.header {
    width: auto;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    font-family: Segoe UI;
    background: transparent url('../images/send_email_icon.gif') no-repeat scroll 25px center;
    margin: 0px auto;
    text-align: left;
    border: 0px;
    padding-left: 47px;
}

div.send_by_email_form div.header table.header, #recommend_form_ table.header {
    width: auto;
    margin: 0px auto;
    /*margin-top: 6px;*/
}

div.send_by_email_form div.send_monthly {
    font-size: 70%;
    line-height: 14px;
    height: 14px;
    width: 196px;
    margin: 0px auto;
    padding-top: 0px;
    clear: both;
}

div.send_by_email_form div.container, div.send_by_email_form div.container_error {
    width: 200px;
    margin: 0px auto 0px;
    padding-top: 6px;
}

div.send_by_email_form div.container_error {
    background-color: #FFE7E7;
}

div.send_by_email_form input.email_address {
    width: 200px;
    height: 15px;
    padding-top: 2px;
    padding-bottom: 3px;
    border: 1px solid #CCCCCC;
    margin: 0px auto;
    font-size: 70%;
    display: block;
    background-color: white;
    clear: both;
}

div.send_by_email_form div.container_error input.email_address {
    background-color: transparent;
}

div.send_by_email_form div.error_text {
    margin: 0px auto;
    margin-left: 6px;
    clear: both;
    font-size: 70%;
    color: #D62E2E;
    line-height: 20px;
}

div.send_by_email_form table.email_controls {
    width: 202px;
}

div.send_by_email_form .close_email_form {
    font-size: 70%;
    color: #0447AC;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    float: left;
    margin-left: 15px;
}

div.email_controls {
    margin: 17px 0px 0px 10px;
    width: auto;
}

p.send_monthly {
    font-size: 80%;
    margin-top: 36px;
}

table.email_controls {
    width: 100%;
    margin: 5px auto 0px;
    width: 198px;
}

#left_side {
    width: 76%;
    float: left;
    border-collapse: collapse;
    border: 0px;
    overflow: hidden;
    background-color: #f4f5f9;
}

#right_sidebar {
    width: 24%;
    float: left;
    border-collapse: collapse;
    border: 0px;
    overflow: hidden;
    background-color: #f4f5f9;
}

#right_sidebar div.item {
    width: 100%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    height: 26px;
    line-height: 26px;
    margin-left: 5px;
}

#right_sidebar div.item div.item_img {
    float: left;
    width: 30px;
}

#right_sidebar div.item div.item_img img {
    margin-left: 7px;
}

#right_sidebar div.item div.item_link {
    float: left;
}

#right_sidebar div.renew_regular_invoice {
    background: transparent url('/f/images/renew_icon.png') no-repeat scroll 6px 0px;
}

#right_sidebar div.item a {
    color: #0547ac;
    text-decoration: none;
}

#right_sidebar div.item a:hover {
    text-decoration: underline;
}

td.right_sidebar div.send_by_email_form div.header {
    width: 171px;
    padding-left: 29px;
    text-align: left;
    background: transparent url(../images/send_email_icon.gif) no-repeat scroll 6px center;
    font-size: 75%;
}

td.right_sidebar div.send_by_email_form input.email_address, td.right_sidebar div.send_by_email_form div.error_text {
    width: 185px;
}

td.right_sidebar div.send_by_email_form div.container, td.right_sidebar div.send_by_email_form div.container_error {
    margin-top: 12px;
    margin-bottom: 0px;
    width: 193px;
}


#right_sidebar div.send_by_email_form {
    width: 210px;
    background-color: #eff8ff;
    position: relative;
    top: -7px;
    left: -5px;
    margin-bottom: 8px;
    height: auto;
    border: 1px solid #c2cbd4;
}

#right_sidebar div.send_by_email_form div.header {
    width: 171px;
    padding-left: 29px;
    text-align: left;
    background: transparent url(../images/send_email_icon.gif) no-repeat scroll 6px 8px;
    line-height: normal;
    height: 20px;
    padding-top: 6px;
}

#right_sidebar div.send_by_email_form input.email_address {
    width: 184px;
    font-size: 12px;
}

#right_sidebar div.send_by_email_form div.container, #right_sidebar div.send_by_email_form div.container_error {
    margin-top: 12px;
    margin-bottom: 0px;
}

#right_sidebar div.send_by_email_form div.error_text {
    font-size: 10px;
    white-space: normal;
}

div.invoice_info {
    border: 1px solid #dfdfe1;
    margin-left: 35px;
    margin-top: 20px;
    margin-right: 11px;
    margin-bottom: 35px;
    background-color: white;
    padding: 30px;
}

#right_sidebar table.email_controls {
    width: 196px;
}

div.invoice_info div.invoice_icon {
    padding-left: 58px;
    background: url('/f/images/pocket.png') no-repeat;
}

div.invoice_info div.act_icon {
    padding-left: 58px;
    background: url('/f/images/flag.png') no-repeat;
}

h3.invoice_name {
    font-size: 125%;
}

table.invoice_details {
    border-collapse: collapse;
    border-bottom: 0px;
    width: 100%;
    font-size: 12px;
    margin-top: 15px;
    border-top: 1px solid #d9d9d9;
}

table.invoice_details thead tr {
    background-color: #f7f3ea;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    border-top: 1px solid #d9d9d9;
}

table.invoice_details tr.last td {
    padding-bottom: 15px;
}

table.invoice_details tbody td {
    border-collapse: collapse;
    border: 0px;
    padding-top: 14px;
    vertical-align: top;
}

table.invoice_details td.number {
    width: 3%;
    text-align: center;
    border-left: 1px solid #d9d9d9;
}

table.invoice_details td.item {
    width: 24%;
    text-align: left;
}

table.invoice_details td.quantity {
    width: 10%;
    text-align: right;
}

table.invoice_details td.cost {
    width: 10%;
    text-align: right;
}

table.invoice_details td.price {
    width: 6%;
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid #d9d9d9;
}

table.invoice_details td.item_en {
    width: 24%;
    text-align: left;
}

table.invoice_details td.description_en {
    width: 32%;
}

table.invoice_details td.quantity_en {
    width: 10%;
    text-align: right;
}

table.invoice_details td.cost_en {
    width: 11%;
    text-align: right;
}

table.invoice_details td.price_en {
    width: 12%;
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid #d9d9d9;
}

table.invoice_details td.tax_en {
    width: 11%;
    text-align: right;
}

table.invoice_details td.item_de {
    width: 24%;
    text-align: left;
}

table.invoice_details td.description_de {
    width: 32%;
}

table.invoice_details td.quantity_de {
    width: 10%;
}

table.invoice_details td.cost_de {
    width: 11%;
    text-align: right;
    border-right: 1px solid #d9d9d9;
    padding-right: 10px;
}

table.invoice_details td.tax_de {
    width: 11%;
    text-align: right;
}

table.invoice_details td.empty_cell {
    border-top: 1px solid #d9d9d9;
    border-left: 0px;
    border-right: 1px solid #d9d9d9;
    padding: 0px;
}

table.invoice_details tr.amount {
    height: 40px;
    line-height: 40px;
    padding: 0px;
}

table.invoice_details td.amount {
    text-align: right;
    font-weight: bold;
    border: 1px solid #d9d9d9;
    padding: 0px;
    padding-right: 10px;
    background-color: #f7f3ea;
}

table.invoice_details div.amount {
    float: right;
    background-color: #f7f3ea;
    text-align: right;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #d9d9d9;
    border-right: 0px;
    border-bottom: 1px solid #d9d9d9;
}

table.invoice_details div.close_by_act {
    float: left;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
}

#comments {
    width: 100%;
    border-top: 1px solid #d4dae5;
    background-color: #E7EBF2;
}


/** end view invoice page **/

/** first invoice creation page **/

div.first_invoice_header {
    width: 100%;
    background-color: #f3f9ff;
    height: 65px;
    border-bottom: 1px solid #e9eef2;
}

div.first_invoice_header h3 {
    margin: 0px;
    margin-left: 48px;
    margin-bottom: 3px;
    padding-top: 11px;
}

div.first_invoice_header p {
    font-size: 14px;
    white-space: nowrap;
    margin-left: 48px;
}

/** end first invoice creation page **/

/** search invoices page **/

div.search_invoices_container {
    padding: 0px;
    background-color: #a5e5a5;
    width: auto;
    height: auto;
    border-left: 2px solid #a5e5a5;
    border-right: 2px solid #a5e5a5;
}

div.search_invoices_header {
    height: 27px;
    line-height: 27px;
    width: 100%;
    font-size: 80%;
}

div.search_invoices_header span {
    margin-left: 33px;
    height: 27px;
    line-height: 25px;
}

div.no_invoices_found {
    width: 100%;
    height: 111px;
    background-color: white;
}

div.no_invoices_found div.description {

    background: transparent url('../images/not_found.gif') scroll left center no-repeat;
    width: 450px;
    margin: 0px auto;
    height: 111px;
    line-height: 111px;
    text-align: center;
    font-size: 80%;
    overflow: hidden;
}

div.search_invoices_container table.data thead td {
    border: 0px;
    background-color: #daffd8;
}

table.search_navigation {
    width: 100%;
    height: 100%;
}

table.search_navigation td {
    width: 50%;
    padding: 0px 10px;
}

/** end search invoices page **/

/** edit invoice page **/

td.date_example {
    padding: 0px;
    padding-bottom: 5px;
    padding-left: 2px;
}

div.invoice_options {
    clear: both;
    margin-top: 23px;
    font-size: 12px;
    font-family:Segoe UI;
}

div.invoice_options div.option {
    clear: both;
    height: 30px;
}

div.invoice_options div.option div.description_helper {
    color: #999999;
    font-size: 11px;
    display: none;
    margin-top: 1px;
}

div.invoice_options div.option div.label {
    float: left;
    padding-top: 4px;
    width: 180px;
}

div.invoice_options div.option div.period {
    float: left;
    padding-top: 1px;
}

div.invoice_options div.option div.checker {
    float: left;
    padding-top: 4px;
    width: 20px;
}

div.invoice_options div.option div.cell {
    float: left;
    padding: 0px 2px;
}

div.invoice_options div.option div.cell_4 {
    float: left;
    padding-top: 4px;
}

div.invoice_options div.option div.cell_4_checker {
    float: left;
    width: 20px;
    margin-left: 7px;
    padding-top: 4px;
}

div.invoice_options div.option div.checker input {
    padding: 0px;
    margin: 0px;
}

select.regulary_copy {
    height: 22px;
    width: 120px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #abadb3;
    font-size: 100%;
    margin-left: 2px;
}

input.email_address {
    width: 250px;
    border: 1px solid #abadb3;
    height: 17px;
    padding-top: 3px;
}

/** end edit invoice page **/

/** personal settings page */

div.tabs_settings {
    width: 169px;
    height: auto;
    margin-left: 0px;
    z-index: 1;
    position: relative;
    top: 25px;
    left: 0px;
}

div.tabs_settings li {
    margin: 0 0 3px;
    padding: 0px;
    font-size: 85%;
    height: 29px;
    line-height: 29px;
    margin-left: 26px;
    padding-left: 9px;
    width: 136px;
    z-index: -1;
}

div.tabs_settings li a {
    line-height: 29px;
}


div.tabs_settings li.active {
    background: transparent url('../images/settings_li_active.gif') no-repeat;
}

div.tabs_settings li span {
    display: block;
    height: 29px;
    line-height: 29px;
    float: left;
}

div.tabs_settings li span.left {
    width: 8px;
}

div.tabs_settings li.active span.left {
    background: transparent url('../images/settings_li_left.gif') no-repeat;
}

div.tabs_settings li.active span.right {
    background-color: #eff8ff;
    border-top: 1px solid #e1e9f0;
    border-bottom: 1px solid #e1e9f0;
    height: 27px;
}

div.settings_container {
    width: 800px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -156px;
    left: 170px;
    font-size: 90%;
}

div.settings_container table.form input[type=text] {
    height: 17px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    width: 191px;
}

div.settings_container table.form input.choose {
    border: 0px;
    margin: 0px;
    padding: 0px;
    margin-top: 1px;
}

div.settings_container table.form input#password {
    width: 108px;
}

div.personal_settings_top {
    background: transparent url('../images/settings_top.gif') no-repeat;
    height: 6px;
    width: 795px;
    font-size: 10%;
}

div.personal_settings_top_right {
    background: transparent url('../images/settings_top_right.gif') no-repeat;
    height: 6px;
    width: 795px;
    font-size: 10%;
}

div.personal_settings {
    width: 783px;
    height: auto;
    background-color: #eff8ff;
    border-left: 1px solid #e1e9f0;
    border-right: 1px solid #e1e9f0;
    padding: 0px;
    padding-top: 8px;
    margin: 0px;
}

div.personal_settings_bottom {
    background: transparent url('../images/settings_bottom.gif') no-repeat;
    height: 7px;
    width: 785px;
    font-size: 10%;
}

h2.settings_header {
    font-size: 130%;
    margin-left: 35px;
    margin-top: 10px;
}

div.personal_settings table.form td {
    height: 25px;
}

div.personal_settings table.form td.label, div.personal_settings table.form td.label {
    padding: 0px;
    padding-top: 2px;
    width: 86px;
    height: 27px;
}

div.personal_settings .label1 {
    height: 25px !important;
}

div.personal_settings table.form td.label label {
    padding-top: 2px;
    white-space: nowrap;
}

div.personal_settings table.form td.input {
    padding: 0px;
}

div.personal_settings table.form div.form_error {
    margin-bottom: 7px !important;
}

td.brace, td.brace_small {
    background: transparent url('../images/brace.gif') no-repeat scroll 9px top;
    width: auto;
    vertical-align: top !important;
}

td.brace_small {
    background: transparent url('../images/brace_small.gif') no-repeat scroll 9px top;
}

td.brace p, td.brace_small p {
    margin: 41px 0 0 48px;
    height: 34px;
    font-size: 80%;
}

td.brace_small p {
    margin-top: 18px;
}

div.width {
    width: 210px;
}

/** end personal settings page */



div.fadeout1, div.fadeout2, div.fadeout3 {
    height: 24px;
    line-height:24px;
    width: 10px;
    white-space: nowrap;
    background: white;
    float: right;
    position: relative;
    top: -24px;
    background: white;
    margin: 0px;
    padding: 0px;
    opacity: 0.95;
    -moz-opacity: 0.95;
    -webkit-opacity: 0.95;
    filter: alpha(opacity = 95);
}

div.fadeout2 {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    filter: alpha(opacity = 70);
}

div.fadeout3 {
    opacity: 0.4;
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
    filter: alpha(opacity = 40);
}

div.company, div.div1 {
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
}

div.company span {
    line-height: 24px;
}

table.form td.option_name {
    font-weight: bold;
    width: 105px;
    vertical-align: top;
    padding-right: 15px;
}

div.pseudfile {
    width:380px;
    z-index: 1;
}


div.hidden_file {
    opacity: 0.5;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=50);
    height: 21px;
    position: relative;
    float: left;
}

input.hidden_file {
    height: 21px !important;
    top: -22px;
    float: right;
    position: relative;
    z-index: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    clear: both;
}

.fake_btn {
    display: block;
    font-size: 12px;
    z-index: -1;
    float: left;
    height: 22px;
}

td.helper {
    font-size: 10px;
    color: #666666;
    vertical-align: top !important;
}

/** страница 1ого счета **/

h3.yourInvoice {
    margin: 0 0 0 48px;
    font-size: 130%;
}

p.yourInvoice {
    margin: 3px 0 0 48px;
    font-size: 14px;
}

div.recomendation {
    background: white url('../images/recommend.gif') no-repeat;
    width: 251px;
    height: 70px;
    padding: 24px 0 0 25px;
}

div.recomendation_header {
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 52px;
}



/** end страница 1ого счета **/

table.payers {
    font-size: 12px;
    margin-bottom: 15px;
}

table.payers td {
    line-height: 16px;
}

div.actions {
    position: relative;
    top: -28px;
    width: 830px;
    height: 100px;
    margin-left: 48px;
}

div.actions div.print {
    width: 135px;
    margin-right: 30px;
    float: left;
    margin-top: 40px;
}

div.email_sended {
    width: 190px;
    background-color: #cef7d5;
    float: left;
    font-size: 12px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    display: none;
}

div.recommend {
    float: right;
    background: white url('../images/recommend.gif') no-repeat;
    width: 251px;
    height: 90px;
}

div.recommend div.header {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
    height: 20px;
}

div.email_sended button.email_sended {
    width: 190px;
    background-color: green;
}

div.blocker {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    filter: alpha(opacity=50);
    display: none;
    z-index: 10000;
    width: 100%;
    height: 600px;
}

div.real_requisites {
    width: 100%;
    background-color: #eff8ff;
    border: 0px;
    border-collapse: collapse;
    border-top: 1px solid #dae7f1;
    border-bottom: 1px solid #dae7f1;
    clear: both;
    padding-top: 20px;
    padding-bottom: 10px;
}

div.real_requisites table.form input {
    height:17px;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
}

table.real_requisites {
    width: 100%;
    font-size: 12px;
}

div.requisites_header_container {
    float: right;
    margin-right: 48px;
    margin-top: 44px;
}

div.real_requisites_header {
    width: 200px;
    border-top: 1px solid #dae7f1;
    border-left: 1px solid #dae7f1;
    border-right: 1px solid #dae7f1;
    height: 46px;
    line-height: 43px;
    background-color: #eff8ff;
    padding: 0px 3px !important;
    margin: 0px !important;
    float: left !important;
    font-size: 12px;
    text-align: center;
    top: 1px;
    position: relative;
    z-index: 10;
}

div.main_left {
    float: left;
    background-color: #abb1bc;
    height: 309px;
    width: 500px;
    overflow: visible;
}

div.main_right {
    float: left;
    background-color: #abb1bc;
    height: 309px;
    width: auto;
    padding-top: 37px;
}

div.main_right h2 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
    padding-left: 10px;
}

div.main_right p {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
    padding: 0 0 0 10px;
}

div.main_page_img {
    position: absolute;
    top: 70px;
    left: 45px;
    z-index: 20;
    background: transparent url('../images/main.png') no-repeat;
    width: 390px;
    height: 343px;
}

div.main_examples {
    clear: both;
    background-color: #eeeff3;
    overflow: hidden;
}

table.main_examples {
    background-color: #eeeff3;
    height: 133px;
    overflow: hidden;
    width: 90%;
    margin: 0px auto;
    margin-bottom: 25px;
}

table.main_examples td {
    width: 25%;
    height: 103px;
    font-size: 10px;
    padding-top: 22px;
    padding-bottom: 0px;
    vertical-align: top;
}

table.main_examples td p {
    margin: 0px;
    padding: 0px;
    line-height: 15px;
    font-size: 12px;
    font-family: Segoe UI, Tahoma, sans-serif;
}

table.main_examples td div {
    margin: 0px auto;
    width: 211px;
}

table.main_examples td div.example {
    cursor: pointer;
    width: 211px;
    height: 110px;
}

table.main_examples td div.example a img {
    width: 210px;
    height: 110px;
}

table.main_examples td div.example_header {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 2px;
    font-family: Segoe UI, Tahoma, sans-serif;
}

div.example {
    background-color: white;
    height: 110px;
}

.auth_form {
    width: 251px;
    background-color: white;
    display: none;
    position: absolute;
    font-size: 12px;
    z-index: 30;
    border: 1px solid #ccc;
}

#recommend_form_ div.header{
    width: 100%;
    height: 24px;
    background-color: #f4f5f9;
    padding-top: 10px;
}

#recommend_form_ div.recommend_form_features {
    border-bottom: 1px  solid #edf1f4;
    border-top: 1px  solid #edf1f4;
    font-size: 10px;
    background-color: #f3f9ff;
    padding: 8px 20px 0;
    height: 52px;
}

#recommend_form_ div.recommend_form_features ul {
    margin: 0px;
    padding: 0px;
}

#recommend_form_ div.recommend_form_features ul li {
    margin: 4px 0 0 15px;
    padding: 0px;
    list-style-type: disc;
}

#recommend_form_ fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.remind_form_header {
    height: 25px;
    line-height: 25px;
    width: 100%;
    text-align: center;
}

.auth_form .auth_form_header {
    height: 53px;
    margin: 0px;
    font-size: 18px;
    background-color: #f4f5f9;
    clear: both;
    width: 100%;
}

.auth_form .auth_form_footer {
    background-color: #f4f5f9;
    clear: both;
    height: 53px;
    padding-left: 25px;
}

.auth_form .auth_label {
    display: block;
    margin-bottom: 2px;
}

.auth_form .auth_form_header div.label {
    background: transparent url('../images/enter.gif') no-repeat scroll left 21px;
    margin-left: 30px;
    padding-top: 18px;
    padding-left: 18px;
    float: left;
}

.auth_form .auth_form_header a.close_auth {
    display: block;
    float: right;
    padding-left: 15px;
    background: transparent url('../images/close.png') no-repeat scroll 0 1px;
    font-size: 10px;
    margin-top: 22px;
    margin-right: 30px;
}

.auth_form .auth_form_input {
    border: 0px solid;
    width: 195px;
    padding: 10px;
    padding-bottom: 0px;
    margin: 8px auto 0;
    clear: both;
}

.auth_form label {
    display: block;
    clear: both;
}

.auth_form a.function:hover {
    text-decoration: underline;
}

.auth_form .auth_form_input input.text, #remind_form input.text {
    border: 1px solid #abadb3;
    background: white;
    width: 189px;
    font-size: 12px;
    height: 16px;
    margin-bottom: 10px;
    padding: 2px;
}

input.pay_amount {
    border: 1px solid #abadb3;
    background: white;
    width: 70px;
    font-size: 14px;
    font-family: Segoe UI, Tahoma, sans-serif;
    float: left;
    margin-right: 7px;
}

.auth_form .auth_form_actions {
    display: block;
    clear: both;
    padding-top: 12px;
}

.auth_form .auth_form_input input.text:focus {
    border: 1px solid black;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

a.invoice_examples {
    color: white;
}

p.decorated {
    font-style: italic;
    padding: 0px !important;
    margin-top: 25px !important;
    margin-bottom: 3px !important;
}

p.decorated span {
    padding-left: 10px;
    background: transparent url('../images/shape1.gif') no-repeat scroll left 2px;
    margin-bottom: 3px;
}


.btn_img1 {
    position: relative;
    width: auto;
    background-repeat: no-repeat;
    font-size: 12px;
    font-family: Segoe UI;
    padding-left: 20px;
    display: table;
    margin: 0px auto;
}

table.btn_img {
    position: relative;
    top: -26px;
    width: auto;
    margin: 0px auto;
    font-size: 12px;
    font-family: Segoe UI;
    cursor: default;
}

table.btn_img td.img {
    width: 20px;
}

a.close_form_link {
    font-size: 11px;
}

table.close_form_link {
    float: left;
    margin-left: 15px;
    height: 25px;
}

table.close_form_link td {
    vertical-align: center;
}

/** popups shadow **/
.popup_top, .popup_top_left, .popup_top_right, .popup_bottom, .popup_bottom_left, .popup_bottom_right {
    background: transparent url('../images/popup_shadow.png');
    position: absolute;
    left: 0px;
    top: -9px;
    right: 0px;
    height: 10px;
    width: 0px;
    z-index: 30;
}

.popup_top_left, .popup_top_right, .popup_bottom_left, .popup_bottom_right {
    width: 25px;
    height: 20px;
}

.popup_top_left {
    background-position: -2px -9px;
}

.popup_top_right {
    background-position: -30px -9px;
}

.popup_left, .popup_right {
    position: absolute;
    left: 0px;
    background: transparent url('../images/popup_shadow_lr.png');
    width: 12px;
    height: 0px;
    z-index: 30;
}

.popup_left {
    background-position: 26px 0px;
}

.popup_right {
    background-position: 13px 0px;
}

.popup_bottom {
    height: 17px;
    background-position: 0px 19px;
}

.popup_bottom_left {
    height: 26px;
    background-position: -2px -34px;
}

.popup_bottom_right {
    height: 26px;
    background-position: -26px -34px;
}

form.register_form {
    font-size: 14px;
    margin-left: 45px;
    margin-top: 54px;
}

form.register_form table td {
    vertical-align: top;
    height: 36px;
    white-space: nowrap;
    width: auto;
}

form.register_form table td input.text {
    border: 1px solid #abadb3;
    height: 23px;
    width: 212px;
    padding: 5px 5px 0px 5px;
}

form.register_form table td.label {
    width: 95px;
}

form.register_form table td.input {
    width: 222px;
}

form.register_form table td.label label {
    display: block;
    padding-top: 6px;
    float: left;
}

form.register_form table td .required {
    display: block;
    float: right;
    color: #ff0000;
    padding-top: 3px;
    margin-right: 5px;
}

form.register_form table td span.error_text {
    font-size: 12px;
    white-space: nowrap;
    color: #CC0000;
    display: block;
    padding-top: 6px;
    margin-left: 10px;
}

form.register_form button.register_btn {
    width: 222px;
    height: 30px;
}

a.skip_registration {
    font-size: 12px;
    margin-left: 30px;
}

div.registration_bottom {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #d4dae5;
}

/** examples page **/
div.examples_page_header {
    margin-top: 9px;
    font-size: 14px;
}

div.examples_page_header h3 {
    font-size: 22px;
    margin: 0 0 4px;
}

table.examples_page_content {
    width: 100%;
}

table.examples_page_content td {
    vertical-align: top;
    width: 218px;
    font-size: 10px;
}

table.examples_page_content tr.first_row td {
    padding-bottom: 35px;
}

table.examples_page_content td p {
    margin: 0px;
    padding: 0px;
}

table.examples_page_content div.example {
    width: 218px;
    height: 300px;
    cursor: pointer;
}

table.examples_page_content div.example_header {
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    width: 213px;
    margin-top: 15px;
    font-family: Segoe UI, Tahoma, sans-serif;
}

table.examples_page_content div.example_header p {
    line-height: 16px;
    font-family: Segoe UI, Tahoma, sans-serif;
}

table.examples_page_content div.example_text {
    padding-left: 5px;
    width: 210px;
    margin-top: 2px;
    font-size: 12px;
    font-family: Segoe UI, Tahoma, sans-serif;
}

table.examples_page_content div.example_text p {
    line-height: 14px;
}

div.bottom_line {
    width: 100%;
    clear: both;
    border-bottom: 1px solid #D4DAE5;
    font-size: 0px;
}

.make_first_invoice_btn {
    width: 210px;
    /*padding: 0.6em;*/
    height: 37px;
    line-height: 30px;
    font-size: 14px;
}

/** prices page **/
div.prices_page_header {
    margin-top: 9px;
    font-size: 14px;
}

div.prices_page_header h3 {
    font-size: 22px;
    margin: 0 0 10px;
}

div.prices_page_header p {
    line-height: 17px;
    margin: 0px;
    padding: 0px;
}

div.prices {
    overflow: hidden;
    padding-left: 1px;
    padding-top: 1px;
    margin-top: 35px;
    margin-bottom: 35px;
}

div.prices div.row {
    clear: both;
    height: 59px;
    font-size: 18px;
}

div.prices div.invisible_row {
    clear: both;
    width: 100%;
}

div.prices div.invisible_row div.cell {
    float: left;
}

div.prices div.invisible_row div.popular_price_text {
    color: #00a1f5;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 0 502px;
    floar: left;
    width: 200px;
    text-align: center;
}

div.prices div.row div.cell {
    border: 1px solid #dedede;
    height: 40px;
    float: left;
    text-align: center;
    padding-top: 19px;
}

div.prices .first_row div.cell {
    margin-top: 1px;
    border-bottom: 0px !important;
    background-color: #f8f4ef;
    font-weight: bold;
}

div.prices .middle_row div.cell {
    border-bottom: 0px !important;
}

div.prices div.row .head {
    text-align: left !important;
}

div.prices div.row .no_right_border {
    border-right: 0px !important;
}

div.prices div.row .no_left_border {
    border-left: 0px !important;
}

div.prices div.row .price_top {
    margin-top: 0px !important;
    border-top: 2px solid #55c0f8 !important;
    border-left: 2px solid #55c0f8 !important;
    border-right: 2px solid #55c0f8 !important;
}

div.prices div.row .price_middle {
    border-left: 2px solid #55c0f8 !important;
    border-right: 2px solid #55c0f8 !important;
}

div.prices div.row .price_bottom {
    border-left: 2px solid #55c0f8 !important;
    border-right: 2px solid #55c0f8 !important;
    border-bottom: 2px solid #55c0f8 !important;
}

span.price_value {
    font-weight: bold;
    font-size: 22px;
}

div.payment_types {
    font-size: 14px;
    position: relative;
    top: -31px;
}

div.payment_types ul {
    margin: 0px;
}

div.payment_types ul li {
    margin: 2px 0 0 16px;
    list-style-type: disc;
}

/** 404 page **/
div.not_found_content {
    background: white url('../images/404.png') no-repeat scroll left 50px;
    height: 416px;
    font-size: 12px;
    padding-left: 347px;
    padding-top: 54px;
    padding-right: 30px;
}

div.not_found_content h2 {
    margin-bottom: 20px;
}

div.not_found_content p {
    line-height: 16px;
}

div.not_found_content a {
    text-decoration: underline;
    color: #0033cc;
}

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

/** about page **/
h1.about_us, h1.operation_policy {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 0px;
}

h1.operation_policy {
    margin-bottom: 25px;
}

p.about_us {
    width: 590px;
    font-size: 14px;
    line-height: 19px;
}

div.statement {
    width: 590px;
    margin-bottom: 25px;
}

div.statement div.avatar {
    width: 50px;
    height: 50px;
    float: left;
}

div.statement div.clearer, div.clearer {
    width: 100%;
    clear: both;
    font-size: 0px;
    height: 0px;
}

div.statement div.comment {
    width: 524px;
    background: #f7f7f7 url('../images/about/comment_bk.gif') no-repeat scroll left bottom;
    float: right;
    border: 1px solid #e3e3e3;
}

div.statement div.comment div.top_left {
    width: 20px;
    height: 39px;
    background: transparent url('../images/about/comment_top_left.gif') no-repeat;
    float: left;
    position: relative;
    left: -11px;
    top: -1px;
}

div.statement div.comment div.top_right {
    width: 9px;
    height: 38px;
    background: transparent url('../images/about/comment_top_right.gif') no-repeat scroll top right;
    float: right;
    position: relative;
    top: -1px;
    left: 1px;
}

div.statement div.comment div.bottom {
    width: 526px;
    height: 9px;
    position: relative;
    top: 1px;
    left: -1px;
    clear: both;
    background: transparent url('../images/about/comment_bottom.gif') no-repeat scroll left bottom;
    font-size: 0px;
}

div.statement div.comment p {
    font-size: 14px;
    line-height: 19px;
    font-style: italic;
    margin: 0px;
    padding-top: 13px;
    padding-bottom: 5px;
    z-index: 0;
    float: left;
    width: 480px;
}

ul.about_us {
    font-size: 14px;
    margin-left: 30px;
    width: 560px;
}

ul.about_us li {
    list-style: decimal;
    margin-bottom: 2px;
}

div.no_invoices {
    width: 100%;
    text-align: center;
    height: 80px;
    padding-top: 60px;
    font-size: 14px;
}

div.email_sent {
    background-color: #cef7d5;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    display: none;
}

/** regular **/
.recurring_img {
    display: block;
    float: left;
    width: 10px;
    height: 12px;
    background: transparent url('../images/recurring.png') no-repeat;
    margin-top: 6px;
    margin-left: 10px;
    cursor: pointer;
}

table.data td.sent_invoice_number {
    width: 10%;
    padding-left: 35px;
}

table.data td.sent_invoice_date {
    width: 10%;
    text-align: right;
}

table.data td.sent_invoice_amount {
    width: 14%;
    text-align: right;
}

table.data td.sent_invoice_status {
    width: 15%;
    text-align: right;
    padding-left: 10%;
}

table.data td.invisible {
    display: none;
}

.invoice_info_payed {
    background: white url('/f/images/icon_payed.gif') no-repeat scroll 95% 20px;
}

table.data td.is_active {
    width: 10%;
    text-align: right;
}
/** end regular **/

/** autocomplete **/
.ac_results {
    padding: 0px;
    border: 1px solid #ABADB3;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

/*.ac_loading {
    background: white url('../images/indicator.gif') right center no-repeat;
}*/

.ac_odd {
    background-color: #white;
}

.ac_over {
    background-color: #e7ebf2;
}
/** end autocomplete **/

table.choose_tariff_table {
    width: 700px;
    margin-left: 42px;
    margin-top: 30px;
    margin-bottom: 5px;
    background-color: white;
    font-size: 14px;
}

table.choose_tariff_table td {
    height: 60px;
    border: 1px solid #d4d4d4;
    text-align: center;
}

table.choose_tariff_table thead td {
    background-color: #f8f4ef;
}

table.choose_tariff_table td.tariff_name {
    text-align: left;
    padding-left: 20px;
}

table.choose_tariff_table span.current_tariff {
    color: #55c0f8;
}

table.choose_tariff_table span.tariff_digit {
    font-size: 18px;
    font-weight: bold;
}

table.choose_tariff_table td.current_tariff_left {
    border-left: 2px solid #55c0f8;
    border-bottom: 2px solid #55c0f8;
    border-top: 2px solid #55c0f8;
}

table.choose_tariff_table td.current_tariff_center {
    border-bottom: 2px solid #55c0f8;
    border-top: 2px solid #55c0f8;
}

table.choose_tariff_table td.current_tariff_right {
    border-bottom: 2px solid #55c0f8;
    border-top: 2px solid #55c0f8;
    border-right: 2px solid #55c0f8;
}

p.payment {
    margin: 0px;
    padding: 0px;
    margin-left: 40px;
    margin-right: 42px;
    margin-bottom: 20px;
    font-size: 14px;
}

table.payed_till {
    margin-left: 40px;
    margin-bottom: 12px;
}

table.payed_till td {
    vertical-align: bottom;
    text-align: left;
    padding: 0px;
}

table.payed_till td.payment_head {
    font-size: 24px;
    padding-right: 20px;
}

table.payed_till td.payed_till {
    padding-bottom: 3px;
}

table.payment {
    width: 700px;
    margin: 0 0 35px 40px;
    font-size: 14px;
    clear: both;
}

table.payment p {
    margin: 0px;
    padding: 0px;
}

ul.paycard_type {
    margin: 4px 0 7px 0px;
    font-size: 14px;
}

ul.paycard_type li {
    margin: 0;
    padding-left: 12px;
    list-style-type: none;
    clear: both;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    display: block;
    background: transparent url('../images/dot.gif') no-repeat scroll left center;
}

ul.paycard_type li div {
    float: left;
    height: 24px;
    line-height: 24px;
}

table.payment div.paycard_icon {
    height: 19px;
    width: 31px;
    float: left;
    margin-left: 5px;
}

table.payment td {
    vertical-align: top;
}

table.payment td.left_side {
    width: 430px;
}

table.payment td.right_side {
    padding-left: 10px;
}

table.pay_amount td {
    height: 30px;
}

div.payments_history {
    margin-left: 40px;
    font-size: 14px;
    padding-bottom: 30px;
}

div.payments_history h2{
    margin-bottom: 0px;
}

div.payments_history table {
    margin-top: 6px;
    width: 350px;
}

div.payments_history table td {
    height: 24px;
}

div.payments_history table thead td {
    color: #737475;
    font-weight: bold;
}

div.payments_history table tr.white {
    background-color: #ffffff;
}

div.new_invoice_disabled {
    background-color: #f3f9ff;
    width: 146px !important;
    border-right: 1px solid #edf1f4;
    border-left: 1px solid #edf1f4;
    border-top: 1px solid #edf1f4;
    position: relative !important;
    height: 39px !important;
    top: -10px;
    padding-left: 7px;
    padding-top: 8px;
    z-index: 1;
}

div.billing_notification {
    width: 100%;
    border-top: 1px solid #edf1f4;
    border-bottom: 1px solid #edf1f4;
    height: 60px;
    clear: both;
    background-color: #f3f9ff;
    position: relative;
    top: -11px;
    z-index: 0;
    margin-bottom: -4px;
    display: none;
}

div.billing_notification h3 {
    margin: 10px 0 0 35px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
}

div.billing_notification p {
    margin: 0 0 0 35px;
    padding: 0px;
    font-size: 14px;
}

div.billing_action {
    padding-top: 0px !important;
}

div.remove_invoice {
    width: 35px;
    height: 20px;
    float: left;
}

div.not_auth {
    width: 48px !important;
}

div.first_invoice_email_form_input {
    margin: 0px auto;
    padding: 6px 0 8px;
    width: 210px;
}

button.send_first_invoice_btn {
    width: 100px;
    font-size: 12px;
    display: block;
    float: left;
    height: 26px;
}

button.save_with_password_btn {
    width: 108px;
    display: block;
    float: left;
    height: 30px;
    line-height: 23px;
}

p.company span.company {
    white-space: normal;
}

div.hide_green_line {
    width: 100%;
    height: 15px;
    position: relative;
    top: -5px;
    background-color: white;
}

a.checked_icon {
    width: 16px;
    height: 16px;
    background: transparent url('../images/checked_icon.png') no-repeat;
    border: 0px;
    display: block;
    margin-left: 7px;
    cursor: hand;
}

.underline {
    text-decoration: underline !important;
}

div.about_us_left {
    width: 642px;
    float: left;
}

div.about_us_right {
    width: 250px;
    float: left;
    padding-top: 90px;
}

div.about_us_right p {
    font-size: 12px;
    line-height: 17px;
    width: 250px;
}

a.visualpharm_icon {
    margin-bottom: 20px;
    height: 30px;
    display: block;
}

.payment_input {
    font-size: 14px;
    font-family: Segoe UI, Tahoma, sans-serif;
    height: 25px;
}

div.visa_icon {
    width: 20px;
    background: transparent url('../images/visa_icon.gif') no-repeat scroll 0 5px;
    margin-left: 20px;
}

div.mastercard_icon {
    width: 19px;
    background: transparent url('../images/mastercard_icon.gif') no-repeat scroll 0 5px;
    margin-left: 3px;
}

div.amex_icon {
    width: 20px;
    background: transparent url('../images/amex_icon.gif') no-repeat scroll 0 5px;
    margin-left: 3px;
}

div.yandex_money_icon {
    width: 51px;
    background: transparent url('../images/yandex_money_icon.gif') no-repeat scroll 0 5px;
    margin-left: 20px;
}

div.webmoney_icon {
    width: 68px;
    background: transparent url('../images/webmoney_icon.gif') no-repeat scroll 0 3px;
    margin-left: 9px;
    margin-right: 10px;
}

table.signature_table {
    margin-left: 37px;
    margin-top: 12px;
    width: 730px;
}

table.signature_table td.sig_description {
    padding-bottom: 20px;
}

table.signature_table td.head {
    font-weight: bold;
    width: 120px;
    vertical-align: top;
    padding-top: 5px;
}

table.signature_table td.sig_label {
    vertical-align: top;
    padding-top: 11px;
}

table.signature_table td.signature {
    width: 120px;
    vertical-align: top;
}

table.signature_table td.signature img {
    width: 100px;
}

table.signature_table select.ceo_type {
    width: 194px;
    margin-top: 1px;
}

table.signature_table td.signature_input {
    padding: 0px;
    margin: 0px;
    height: 75px;
    vertical-align: top;
}

table.signature_table table.load_signature {
    margin-top: 8px;
}

table.signature_table label.ceo_is_accountant {
    font-size: 80%;
}

.vertical_align_top {
    vertical-align: top;
}

hr.stamp {
    height: 1px;
    align: center;
    width: 710px;
    border: 0px;
    border-top: 1px solid #e1e9f0;
    margin-top: 9px;
}

table.stamp {
    width: 100%;
}

table.stamp td {
    vertical-align: top;
}

table.stamp td.stamp_img {
    padding-top: 10px;
    width: 100px;
}

table.stamp td.stamp_loader {
    padding-top: 40px;
    padding-left: 20px;
}

div.nds_popup_trigger {
    float: right;
    margin-right: 20px;
}

div.nds_popup_trigger a {
    height: 27px;
    line-height: 27px;
    color: #a79772;
    font-size: 11px;
    cursor: pointer;
}

div.nds_settings_popup {
    width: 246px;
    border: 1px solid #b6bdc2;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #eff8ff;
    display: none;
}

div.nds_settings_popup div.nds_header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #edf1f4;
    width: 100%;
    height: 26px;
    font-size: 12px;
}

div.nds_settings_popup div.nds_header span {
    height: 25px;
    line-height: 25px;
    float: right;
    margin-right: 15px;
}

div.nds_settings_popup div.nds_content {
    background-color: #eff8ff;
    font-size: 14px;
    padding: 5px 0 10px 10px;
}

div.nds_settings_popup div.nds_content table {
    width: 100%;
}

div.nds_settings_popup div.nds_content table td {
    height: 24px;
}

div.nds_settings_popup div.nds_content table td input.radio {
    padding-left: 0px;
    margin-left: 0px;
}

div.nds_settings_popup div.nds_content button.save_nds_btn {
    width: 97px;
    height: 25px;
    line-height: 17px;
}

div.nds_settings_popup div.nds_content table.nds_submit {
    margin-top: 10px;
}

div.nds_settings_popup div.nds_content table.nds_submit a {
    font-size: 10px;
}

div.nds_settings_popup div.nds_notification {
    font-size: 12px;
    height: 37px;
    border-bottom: 1px solid #edf1f4;
    padding: 7px 14px 2px;
}

div.nds_settings_popup div.nds_notification p {
    padding: 0px;
    margin: 0px;
}

div.invoices_list_empty_wrap  {
    margin: 0px auto;
    width: 340px;
    padding-left: 115px;
    background: url('/f/images/shyrobo88x87.png') no-repeat 0px 0px;
}

div.invoices_list_empty_wrap  h1 {
    font-size: 24px;
    margin-bottom: 5px;
}

div.invoices_list_empty_wrap  p {
    font-size: 14px;
    width: 304px;
}

div.invoices_list_empty_wrap  table td {
    font-size: 24px;
}

button.create_your_new_invoice {
    width: 304px;
    height: 43px;
    display: block;
}

div.invoices_list_empty {
    width: 100%;
    overflow: hidden;
    padding-top: 24px;
    height: 475px;
}

td.empty_invoice_list_btn {
    background: transparent url('/f/images/add_24.png') no-repeat 0px 11px;
}

td.empty_invoice_list_btn_disabled {
    background: transparent url('/f/images/add_24_disabled.png') no-repeat 0px 11px;
}

div.nds_row {
    height: 24px;
}

div.nds_row div {
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
}

div.nds_row div.nds_left {
    width: 25px;
}

div.nds_row div.nds_right div.nds_left {
    width: 20px;
}

div.nds_row input.radio {
    margin: 3px 0 0;
    padding: 0;
}

div.nds_row div.radio {
    width: 25px;
}

div.nds_row div.nds_label {
    padding-top: 1px;
}

.rouble {
    text-decoration: line-through;
}

select.invoice_type_selector {
    height: 22px;
    /*line-height: 22px;*/
    margin-top: 7px;
    display: inline;
    font-size: 13px;
    border: 1px solid black;
}

/** английский счет **/
div.foreign_invoice_form {
    padding: 0 45px;
    margin-top: 16px;
}

div.foreign_invoice_form div.wrap_field {
    width: 100%;
    height: auto;
    height: 43px;
    clear: both;
}

div.foreign_invoice_form div.wrap_field div.field_name {
    float: left;
    width: 140px;
    font-size: 16px;
    padding-top: 2px;
}

div.foreign_invoice_form div.wrap_field div.field_input {
    float: left;
}

div.foreign_invoice_form div.wrap_field div.field_name div.field_name_orig {
    font-size: 22px;
}

div.foreign_invoice_form div.wrap_field div.field_name div.field_name_helper {
    font-size: 10px;
    color: #999999;
}

div.foreign_invoice_form div.wrap_field div.invoice_type {
    float:right;
    font-size: 13px;
}

div.foreign_invoice_form div.wrap_field div.field_spacer {
    width: 100%;
    height: 51px;
    font-size: 0px;
}

div.foreign_invoice_form div.wrap_field_helper {
    color: #999999;
    width: 100%;
    font-size: 12px;
    height: 20px;
    clear: both;
}

div.foreign_invoice_form div.wrap_field_helper div {
    float: left;
}

div.foreign_invoice_form div.wrap_field_helper div.date_helper {
    width: 180px;
}

/*div.foreign_invoice_form div.wrap_field div.field_name div.address_name {
    font-size: 20px;
    height: 28px;
}*/

div.foreign_invoice_form div.wrap_field div.field_name div.address_helper {
    font-size: 12px;
    color: #999999;
}

div.foreign_invoice_form textarea {
    border: 1px solid #abadb3;
    height: 106px;
    width: 298px;
    display: inline;
    font-size: 14px;
    padding: 3px;
}

div.wrap_table_invoice_foreign {
    padding: 0 45px;
}

/*
div.foreign_invoice_form {
    padding: 0 45px;
    margin-top: 16px;
}

div.foreign_invoice_form div.wrap_field {
    width: 100%;
    height: auto;
    height: 28px;
    clear: both;
}

div.foreign_invoice_form div.wrap_field div.field_name {
    float: left;
    width: 180px;
    font-size: 16px;
}

div.foreign_invoice_form div.wrap_field div.field_input {
    float: left;
}

div.foreign_invoice_form div.wrap_field div.field_name div.field_name_orig {
    font-size: 22px;
}

div.foreign_invoice_form div.wrap_field div.field_name div.field_name_helper {
    font-size: 10px;
    color: #999999;
}

div.foreign_invoice_form div.wrap_field div.invoice_type {
    float:right;
}

div.foreign_invoice_form div.wrap_field div.field_spacer {
    width: 100%;
    height: 51px;
    font-size: 0px;
}

div.foreign_invoice_form div.wrap_field_helper {
    color: #999999;
    width: 100%;
    font-size: 12px;
    height: 20px;
    clear: both;
}

div.foreign_invoice_form div.wrap_field_helper div {
    float: left;
}

div.foreign_invoice_form div.wrap_field_helper div.date_helper {
    width: 180px;
}

div.foreign_invoice_form div.wrap_field div.field_name div.address_name {
    font-size: 20px;
    height: 28px;
}

div.foreign_invoice_form div.wrap_field div.field_name div.address_helper {
    font-size: 12px;
    color: #999999;
}

div.foreign_invoice_form textarea {
    border: 1px solid #abadb3;
    height: 133px;
    width: 304px;
    display: inline;
}

div.wrap_table_invoice_foreign {
    padding: 0 45px;
}
*/

table.invoice_foreign {
    width: 100%;
}

table.invoice_foreign thead td {
    background-color: #f8f4ef;
    border: 1px solid #dedede;
    vertical-align: middle;
    font-size: 14px;
    height: 40px;
    padding: 0 7px;
}

table.invoice_foreign td span.helper {
    color: #999999;
    font-size: 12px;
}

table.invoice_foreign tbody td {
    border: 1px solid #dedede;
    height: 29px;
    padding: 0;
    font-size: 14px;
    padding: 0 7px;
}

table.invoice_foreign td.item_en {
    width: 24%
}

table.invoice_foreign td.description_en {
    width: 36%;
}

table.invoice_foreign td.price_en {
    width: 11%;
    text-align: right;
}

table.invoice_foreign td.price_en input
, table.invoice_foreign td.amount_en input
, table.invoice_foreign td.quantity_ru input
, table.invoice_foreign td.price_ru input
, table.invoice_foreign td.amount_ru input
, table.invoice_foreign td.quantity_de input
, table.invoice_foreign td.quantity_en input {
    text-align: right;
}

table.invoice_foreign td.quantity_en {
    width: 12%;
    text-align: right;
}

table.invoice_foreign td.tax_en {
    width: 11%;
}

table.invoice_foreign td.amount_en {
    width: 12%;
    text-align: right;
}

table.invoice_foreign td.add_one_more {
    border: 0px;
    height: 45px;
    padding-left: 0px;
}

table.invoice_foreign td.add_one_more a {
    display: block;
    float: left;
    height: 45px;
    line-height: 45px;
}

table.invoice_foreign td.item_de {
    width: 27%;
}

table.invoice_foreign td.quantity_de {
    width: 10%;
    text-align: right;
}

table.invoice_foreign td.description_de {
    width: 40%;
}

table.invoice_foreign td.tax_de {
    width: 11%;
}

table.invoice_foreign td.tax_de select {
    width: 100%;
}

table.invoice_foreign td.price_de {
    width: 12%;
    text-align: right;
}

table.invoice_foreign td.price_de input {
    text-align: right;
}

table.invoice_foreign td.item_ru {
    width: 66%;
}

table.invoice_foreign td.quantity_ru {
    width: 10%;
    text-align: right;
}

table.invoice_foreign td.price_ru, table.invoice_foreign td.amount_ru {
    width: 12%;
    text-align: right;
}

table.invoice_foreign td input {
    font-size: 14px;
    border: 0px;
    width: 100%;
    height: 29px;
    line-height: 29px;
}

table.invoice_foreign td.invoice_amount {
    text-align: right;
    border-left: 0px;
    padding: 0 7px 0;
    background: #fbfbfb;
}

table.invoice_foreign td.invoice_amount_title {
    padding: 0 7px 0;
    border-right: 0px;
    background: #fbfbfb;
}

div#delete_invoice_row {
    display:none;
    height:24px;
    left:0;
    padding:10px 0 0 16px;
    position:absolute;
    top:0;
    width:29px;
    z-index:1000;
}

/** английский счет **/

/** валюта счета **/
div.currency_popup {
    width: 258px;
    border: 1px solid #b6bdc2;
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #eff8ff;
    display: none;
}

div.currency_popup div.header {
    padding: 3px 16px 0;
    height: 23px;
    line-height: 23px;
    text-align: right;
    font-size: 11px;
}

div.currency_popup div.header span {
    height: 26px;
    line-height: 26px;
    float: left;
}

div.currency_popup div.content {
    padding: 13px 16px;
}

div.currency_popup div.content select {
    width: 100%;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
}

div.currency_popup div.content div.wrap_controls {
    margin-top: 20px;
}

div.currency_popup div.content div.wrap_controls button {
    font-size: 12px;
    height: 24px;
    line-height: 18px;
}

div.currency_popup div.content div.wrap_controls button.close {
    border: 0px;
    background: transparent;
    color: #1553B1;
}

textarea.invoice_description {
    border: 1px solid #abadb3;
    width: 400px;
    height: 100px;
    clear: both;
    display: block;
    margin: 5px 0 0;
}

div.view-invoice-en-left {
    float: left;
    width: 60%;
    font-size: 14px;
    margin-bottom: 20px;
}

div.view-invoice-en-left p {
    margin: 0px;
}

td.invoice_amount_de {
    border: 0px !important;
    padding: 0px !important;
    border-right: 1px solid #DEDEDE !important;
}

div.view-invoice-en-right {
    float: right;
    width: 39%;
    font-size: 14px;
}

div.invoice_amount_de_left, div.invoice_amount_de_right {
    float: right;
    border-bottom: 1px solid #DEDEDE;
    height: 40px;
    background: #FBFBFB;
    padding-top: 7px;
}

div.invoice_amount_en_left, div.invoice_amount_en_right {
    float: right;
}

div.invoice_amount_en_left {
    float: left;
    text-align: left;
    padding-right: 10px;
}

div.invoice_amount_de_left {
    padding-left: 20px;
    padding-right: 8px;
}

div.invoice_amount_de_right {
    border-left: 1px solid #DEDEDE;
    padding-left: 8px;
    padding-right: 5%;
}

div.nds_preferences_row {
    clear: both;
    font-size: 14px;
    height: 20px;
}

div.nds_preferences_row div {
    float: left;
}

div.nds_preferences_row div.nds_checkbox {
    width: 20px;
}

div.nds_preferences_row div.nds_checkbox input {
    margin: 0px;
    padding: 0px;
}

div.wrap_en_amount, div.wrap_en_amount_no_vat {
    width: 100%;
    clear: both;
    height: 35px;
    margin: 5px 0;
}

div.wrap_en_amount_no_vat {
    display: inline;
}

div.vat_us_popup {
    width: 223px;
    border: 1px solid #b6bdc2;
    background: #eff8ff;
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

div.vat_us_popup_header {
    background: #f7f7f7;
    height: 27px;
    border-bottom: 1px solid #edf1f4;
    font-size: 14px;
}

div.vat_us_popup_header div.vat_us_popup_pointer {
    float: right;
    line-height: 27px;
    margin-right: 16px;
}

div.vat_us_popup_content {
    padding: 7px 16px 16px;
}

button.btn {
    height: 23px;
    width: 97px;
    line-height: 16px;
}

ul.policy {
    margin-left: 15px;
}

ul.policy li {
    margin-bottom: 0px;
    font-size: 14px;
    line-ghtight: 19px;
    list-style-type: disc;
}

table.payment_type_en td {
    height: 25px;
}

div.like_btns {
    margin: 0px auto;
    display: block;
    margin-top: 15px;
    white-space: nowrap;
    width: 360px;
}

hr.footer_line {
    width: 100%;
    color: #eeeff3;
    background-color: #eeeff3;
    size: 1px;
    border: 0px;
    margin-bottom: 0px;
}

div.requisites_wrapper {
    font-size: 14px;
    margin: 10px 0 0 25px;
}

div.requisites_wrapper div.header {
    margin: 0 0 22px;
}
div.requisites_wrapper div.switcher {
    height: 50px;
}

div.requisites_wrapper div.switcher select {
    display: block;
    float: left;
    width: 18%;
    margin-right: 20px;
    font-size: 14px;
}

div.requisites_wrapper div.switcher hr.requisites_line {
    display: block;
    float: left;
    width: 75%;
    margin: 12px 0 0;
    background: #E1E9F0;
    color: #E1E9F0;
    height: 1px;
    border: 0;
}

div.requisites_wrapper div.container_wrapper div.container div.item {
    height: 27px;
}

div.requisites_wrapper div.item label {
    display: inline-block;
    width: 150px;
}

div.requisites_wrapper div.item span.required {
    width: 10px;
    color: red;
    display: inline-block;
    line-height: 10px;
}

div.requisites_wrapper div.item input {
    display: inline;
    height: 18px;
}

div.requisites_wrapper div.item select {
    display: inline-block;
    font-size: 14px;
    margin-right: 6px;
}

div.requisites_wrapper div.item textarea {
    display: block;
    float: left;
    border: 1px solid #ABADB3;
    height: 92px;
    width: 277px;
    resize: none;
    font-size: 14px;
    padding: 0px;
}

div.requisites_wrapper div.submit {
    clear: both;
    height: 45px;
    margin-top: 30px;
}

h1.payer {
    margin: 0 0 5px;
    padding: 0px;
    font-size: 22px;
}

.edit-act-description {
    width: 100%;
}

.edit-act-description textarea {
    width: 100%;
    font-size: 13px;
    font-face: Segoe UI,Tahoma,sans-serif;
    height: 40px;
    border: 1px solid #abadb3;
    resize: vertical;
    min-height: 40px;
    padding: 2px 2px;
}

.px12 {
    font-size: 12px !important;
}

.px14 {
    font-size: 14px !important;
}

div.edit_act_header {
    background: url('/f/images/flag.png') no-repeat;
    height: 80px;
    padding: 0 0 0 60px;
    font-size: 22px;
    margin: 30px 0 0;
}

div.edit_act_date {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.fl {
    float: left;
}

.noresize {
    resize: none;
}

.wa {
    width: auto !important;
}

.no_lp {
    padding-left: 0px;
}

.no_pm {
    padding: 0px;
    margin: 0px;
}

#user_tariff_message {
    margin-top: -11px;
    background-color: #f2d2ae;
    padding: 20px 35px;
    position: relative;
    min-height: 178px;
}

#user_tariff_message .illu {
    top: 20px;
    right: 20px;
    position: absolute;
    display: block;
    width: 188px;
    height: 178px
}

#user_tariff_message h3 {
    margin-right: 228px;
}

#user_tariff_message p {
    font-size: 0.84em;
    margin-right: 228px;
}

#user_tariff_message button {
    padding: 0 15px;
    height: 28px;
    margin-right: 20px;
}

/**
 * Информация о использовании Cookie
 */
.b-policy-info {
    position: relative;
    display: none;
    left: 0;
    bottom: -9999px;
    right: 0;
    z-index: 99;
    padding: 12px 0;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.16);
}

.b-policy-info__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 996px;
    margin: 0 auto;
    padding: 0 12px;
}

.b-policy-info__accept-button {
    /* padding: 0 1rem; */
    width: 10em;
}

.b-policy-info__text {
    padding-right: 12px;
    font-size: 13px;
}

.b-policy-info_status_visible {
    bottom: 0;
}