clients-table-account-state * {margin: 0; padding: 0;}
input[type=submit]::-moz-focus-inner {padding: 0; border: 0;}
input[type=text], select {padding: 0;}
a, img {border: 0; outline: 0;}
body {padding: 20px;}
html, body, table, textarea {font-family: Tahoma, Verdana, sans-serif; font-size: 10pt; line-height: 12pt;}
table {border: none; border-collapse: collapse;}
a {color: #0072bc;}
p {margin: 6pt 0;}
h1 {font-size: 20pt; font-weight: normal; line-height: 22pt; margin-bottom: 20px;}
h2 {font-size: 16pt; font-weight: normal; line-height: 18pt; margin-bottom: 15px; margin-top: 30px;}
ul, ol {margin-left: 11px; padding: 0;}
li {margin-left: 6px; padding: 0;}

/*******************************************************************************
 * Standart interface parts
 ******************************************************************************/
#content-wrapper {max-width: 1240px; min-width: 700px; overflow: hidden; margin: 0 auto;}
#content-header {border-bottom: solid 1px #ddd; padding-bottom: 20px; margin-bottom: 40px; overflow: hidden;}
#user-info {float: left;}
#primary-links {float: right;}
#primary-links ul {margin: 0; list-style-type: 0;}
#primary-links li {margin: 0; display: inline-block; margin-left: 4px;}
#primary-links li a {padding: 4px 6px; text-decoration: none; border: solid 1px #fff; display: block;}
#primary-links li.active a {background-color: #FCFCFC; border-color: #DFDFDF; color: #0072BC;}
#primary-links a:hover {border-color: #efefef;}
a.edit-image-link {display: inline-block; width: 16px; height: 16px; background: url(../images/edit_icon.gif) top left no-repeat;}
a.view-image-link {display: inline-block; width: 16px; height: 16px; background: url(../images/view_icon.gif) top left no-repeat;}
a.delete-image-link {display: inline-block; width: 16px; height: 16px; background: url(../images/delete_icon.gif) top left no-repeat;}
a.print-image-link {display: inline-block; width: 16px; height: 16px; background: url(../images/print_icon.png) top left no-repeat;}
a.print-icon-with-label {padding-left: 22px; background: url(../images/print_icon.png) top left no-repeat;}
#footer {margin-top: 100px;}
.site-version {color: #aaa;}
.nowrap {white-space: nowrap;}

/*******************************************************************************
 * System messages
 ******************************************************************************/
.messages {margin-bottom: 30px; padding: 0 10px; border: solid 1px #eaf1f9; background: #f8f9fa;}
.messages-error {border-color: #cf9d9f; background: #faeff0; color: #7e181c;}
.messages-success {border-color: #b2d9c0; background: #edfaf2; color: #1b7f40;}

/*******************************************************************************
 * Common styles
 ******************************************************************************/
.pagination {margin-top: 40px; text-align: center;}
.pagination span {margin: 1px; display: inline-block;}
.pagination a {display: inline-block; min-width: 13px; border: 1px solid #efefef; padding: 2px 4px; text-decoration: none;}
.pagination a:hover {border: 1px solid #efefef; background-color: #F5F5F5;}
.pagination span.current a {background-color: #F5F5F5; border-color: #DFDFDF; font-weight: bold;}
.sort-direction-icon {display: inline-block; width: 12px; height: 12px; vertical-align: center; margin-left: 3px;}
.sort-direction-icon-asc {background: url(../images/direction_icons.png) -12px 0 no-repeat;}
.sort-direction-icon-desc {background: url(../images/direction_icons.png) 0 -12px no-repeat;}

/*******************************************************************************
 * Standart table
 ******************************************************************************/
.standart-table {border: solid 1px #ddd;}
.standart-table td {padding: 3px 5px; border: solid 1px #ddd;}
.standart-table thead td {background-color: #f5f5f5; padding: 10px 5px; text-align: center;}
.standart-table tfoot td {background-color: #f5f5f5; font-weight: bold;}
table.table-row-highlight tbody tr.table-row-highlighted {background-color: #f8f8f8;}
.table-row-updated {background-color: #faf8e4;}
.standart-table thead td.sortable a {text-decoration: none; border-bottom: dotted 1px #0072bc;}
.td-view {width: 20px; text-align: center;}

/*******************************************************************************
 * Standart form elements
 ******************************************************************************/
input[type=submit], .input-submit {padding: 0 10px; min-height: 22px;}
.standart-form-wrapper .field-description {color: gray; font-size: 80%;}
.standart-form-wrapper .field-block {margin-bottom: 10px;}
.standart-form-wrapper .field-description {color: gray; font-size: 8pt; line-height: 10pt;}
.standart-form-wrapper .field-block label {display: block;}
.standart-form-wrapper .field-label, .standart-form-wrapper .label {display: block; margin-bottom: 1px;}
.standart-form-wrapper .input-text, .standart-form-wrapper .input-select {width: 350px;}
.standart-form-wrapper .input-submit {margin-top: 15px; margin-right: 5px;}
.standart-form-wrapper .label {display: block; margin-bottom: 1px;}
.standart-form-wrapper input[type=text], .standart-form-wrapper select, .standart-form-wrapper textarea {width: 350px;}
.standart-form-wrapper textarea {height: 70px;}
.standart-form-wrapper input[type=submit] {margin-top: 15px; margin-right: 5px;}
.standart-buttons-line {margin-top: 15px;}
.standart-buttons-line input[type=submit] {margin-left: 0; margin-right: 5px;}
.field-notes {color: gray; font-size: 8pt;}
.buttons {margin-top: 30px;}

/*******************************************************************************
 * Login screen
 ******************************************************************************/
.mod-login-wrapper {position: absolute; left: 40%; top:20%;}
.mod-login-wrapper form {margin: 5px 0 0 30px;}
.mod-login-wrapper #footer {margin-left: 30px;}
.mod-login-wrapper .field-block {margin-bottom: 5px;}
.mod-login-wrapper .field-block label {display: block;}
.mod-login-wrapper .field-description {color: gray; font-size: 80%;}
.mod-login-wrapper .input-text {width: 200px;}
.mod-login-wrapper .input-submit {margin-top: 10px;}

/*******************************************************************************
 * Jourists screen
 ******************************************************************************/
#jourist_new_record_form {border: 1px solid #EEEEEE; padding: 20px 10px 10px; background: #fefefe; position: relative; margin-bottom: 50px;}
#jourist_new_record_form .form-label {position: absolute; top: -8px; left: 4px; background: #fff; color: silver; padding: 0 6px;}
#jourist_new_record_form table {padding-bottom: 50px;}
#jourist_new_record_form table {width: 100%;}
#jourist_new_record_form input[type=text] {width: 98%;}
#jourist_new_record_form select {width: 100%;}
#jourist_new_record_form .field {padding-right: 3px;}
#jourist_new_record_form .field-date {width: 80px;}
#jourist_new_record_form .field-time {width: 90px;}
#jourist_new_record_form .field-comment_action, #jourist_new_record_form .field-comment_description {width: 200px;}
#jourist_new_record_form .labels {color: gray;}
#jourist_new_record_form .field-client {width: 200px;}
#jourist_new_record_form .field-contract {width: 100px;}
#jourist_new_record_form .labels td {padding-bottom: 3px;}
#jourist_new_record_form .buttons {margin-top: 20px;}
#jourist_new_record_form input[name=nr_date],
#jourist_new_record_form input[name=nr_time_act],
#jourist_new_record_form input[name=nr_time_norm] {text-align: right;}
.records-table {width: 100%;}
.records-table-time_act, .records-table-time_norm {text-align: right;}
.records-table-edit-link {padding-left: 0 !important; padding-right: 0 !important; width: 26px; text-align: center;}
#jourist-filters-form {border: 1px solid #EEEEEE; padding: 20px 10px 10px; background: #fefefe; position: relative; margin-bottom: 30px;}
#jourist-filters-form table {width: 100%;}
#jourist-filters-form table input[type=text] {width: 98%;}
#jourist-filters-form table select {width: 99%;}
#jourist-filters-form .form-label {position: absolute; top: -8px; left: 4px; background: #fff; color: silver; padding: 0 6px;}
#jourist-filters-form .labels {color: gray;}
.filters-form-submit-cell, .filters-form-clear-cell {width: 30px;}
.filters-form-field-date {width: 120px;}
.filters-form-field-client {width: 30%;}
.filters-form-field-status {width: 17%;}
.filters-form-field-user {width: 17%;}
#edit_record_form input[name=nr_date],
#edit_record_form input[name=nr_time_act],
#edit_record_form input[name=nr_time_norm] {width: 120px;}

/*******************************************************************************
 * Reports page
 ******************************************************************************/
#act_form, #bill_form {margin-top: 30px;}
.act-form-wrapper select {width: 270px;}
.act-form-wrapper input[name=act_date] {width: 200px;}
.act-form-wrapper .period input[type=text]{width: 100px;}

/*******************************************************************************
 * Edit screen
 ******************************************************************************/
#edit_record_form .field-block {margin-bottom: 10px;}
#edit_record_form .field-block label {display: block;}
#edit_record_form .field-description {color: gray; font-size: 80%;}
#edit_record_form .input-submit {margin-top: 15px; margin-right: 5px;}
#edit_record_form #date {width: 100px;}
#edit_record_form #client_id, #edit_record_form #contract_id {width: 300px;}
#edit_record_form #time_act, #edit_record_form #time_norm {width: 100px;}
#edit_record_form #comment_action, #edit_record_form #comment_description, #edit_record_form #comment_notes {width: 400px;}

/*******************************************************************************
 * Clients screen
 ******************************************************************************/
.mod-clients-wrapper .clients-table-name a {color: inherit; text-decoration: none;}
.mod-clients-wrapper .clients-table-name a:hover {text-decoration: underline; color: #0072bc;}
.mod-clients-wrapper .clients-table-name {min-width: 200px; max-width: 400px;}
td.clients-table-created {color: gray;}
td.clients-table-contracts-count,
td.clients-table-account-state,
td.clients-table-subaccounts {text-align: center;}
.clients-edit-form-wrapper select {width: 150px;}

/*******************************************************************************
 * Contracts screen
 ******************************************************************************/
.mod-contracts-wrapper .field-block {margin-bottom: 10px;}
.mod-contracts-wrapper .field-block label {display: block;}
.mod-contracts-wrapper .field-description {color: gray; font-size: 80%;}
.mod-contracts-wrapper .contracts-table-number a {color: inherit; text-decoration: none;}
.mod-contracts-wrapper .contracts-table-number a:hover {text-decoration: underline; color: #0072bc;}
.mod-contracts-wrapper .input-text, .mod-contracts-wrapper .input-select {width: 350px;}
.mod-contracts-wrapper .input-submit {margin-top: 15px; margin-right: 5px;}
.mod-contracts-wrapper .contracts-table-number {min-width: 150px;}
.mod-contracts-wrapper .contracts-table-client_name {min-width: 200px; max-width: 400px;}
.mod-contracts-wrapper .contracts-table-type_name, .mod-contracts-wrapper .contracts-table-status_name {min-width: 100px;}
.mod-contracts-wrapper td.contracts-table-created {color: gray;}

/*******************************************************************************
 * Users screen
 ******************************************************************************/
.mod-users-wrapper .field-block {margin-bottom: 10px;}
.mod-users-wrapper .field-block label {display: block;}
.mod-users-wrapper .field-description {color: gray; font-size: 80%;}
.mod-users-wrapper .users-table-login a {color: inherit; text-decoration: none;}
.mod-users-wrapper .users-table-login  a:hover {text-decoration: underline; color: #0072bc;}
.mod-users-wrapper input[type=text] {width: 350px;}
.mod-users-wrapper select {width: 200px;}
.mod-users-wrapper input[type=submit] {margin-top: 15px; margin-right: 5px;}
.mod-users-wrapper .users-table-login {min-width: 100px;}
.mod-users-wrapper .users-table-name {min-width: 200px;}
.mod-users-wrapper .users-table-group_name {min-width: 150px;}
.mod-users-wrapper td.users-table-created {color: gray;}

/******************************************************************************/
.edit-inline-gray-link {font-size: 8pt; color: silver; text-decoration: none;}
.edit-inline-gray-link:hover {text-decoration: underline;}

/******************************************************************************/
.ui-datepicker {font-size: 9pt !important;}
.ui-datepicker td {line-height: 11pt !important;}

/*******************************************************************************
 * Permissions screen
 ******************************************************************************/
.permissions-table {margin-bottom: 20px;}
.permissions-table td {vertical-align: top; padding: 5px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.permissions-table input[type=checkbox] {margin-right: 5px;}
.permissions-table .permission-title {padding-right: 20px;}
.permissions-table .checkboxes {white-space: nowrap;}

/*******************************************************************************
 * Tasks screen
 ******************************************************************************/
#tasks-table {width: 100%;}
#tasks-table tr.deleted {background: #f8f0f1; color: #a59192;}
#tasks-table .td-view {width: 20px; text-align: center;}
#task-details-table td {vertical-align: top; padding-bottom: 10px;}
#task-details-table .label {font-weight: bold; white-space: nowrap; padding-right: 15px;}

/*******************************************************************************
 * Bills screen
 ******************************************************************************/
#bills-table .td-sum {text-align: right;}
#add-bill-form select[name=period],
#add-bill-form select[name=status] {width: 206px;}
#add-bill-form input[name=date],
#add-bill-form input[name=act_number] {width: 200px;}
#add-bill-form textarea {width: 500px; height: 100px;}

/******************************************************************************/
.debug-queries-table {border-collapse: collapse; width: 100%;}
.debug-queries-table td {vertical-align: top; border: solid 1px silver; padding: 3px 6px;}
#password-strength-indicator {color: gray; padding-left: 10px;}
#password-strength-indicator .strength-value {font-weight: bold;}
#password-strength-indicator .strength-low {color: red;}
#password-strength-indicator .strength-medium {color: blue;}
#password-strength-indicator .strength-high {color: green;}

/******************************************************************************/
#increase_bill_number, #decrease_bill_number, #reset_bill_number {display: inline-block; margin-right: 5px; border: solid 1px #ddd; background: #f9f9f9; padding: 2px 5px; cursor: pointer; color: gray;}

/*******************************************************************************
 * Acts module
 ******************************************************************************/
.acts_main_menu, .acts_main_menu li {
    list-style: none;
    margin: 0;
}
.acts_main_menu a {
    background: #FDFDFD;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px 15px;
    text-decoration: none;
    width: 250px;
}
.acts_main_menu a:hover {
    border-color: #bbb;
    background: #f8f8f8;
}

#act-primary-form-1 tr td:first-child { width: 100px; }
#act-primary-form-1 tr td { padding-bottom: 10px; }
#act-primary-form-1 select[name=client_id], #act-primary-form-1 select[name=contract_id] { width: 230px; }
#act-primary-form-1 input.datepicker { width: 100px; }
#act-primary-form-1 input[name=act_number] { width: 225px; }

.acts_act_info { margin-bottom: 20px; }
.acts_act_info tr td:first-child { width: 90px; }
.acts_act_info td { padding-bottom: 5px; }