table.list {
   border: 1px solid #ccc;
   margin-top: 10px;
   margin-size: 10px;
   font-size: 11px;
}

table.list th {
   font-family: Arial, Helvetica, sans-serif;
   background: #EDECEB;
   color: #434A4C;
   padding: 6px;
   border: 1px solid #ccc;
   font-size: 11px;
   text-align: left;
}

table.list th.table-title {
    color: #fff;
    background-color: #888;
}

table.list tr.collapsed {
   display: none;
}

table.list th a, table.list th a:visited {
   background-color: transparent;
   color: #434A4C;
   text-decoration: none;
}

table.list th img {
   vertical-align: middle;
}

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

table.nested {
   border-bottom: 1px solid #888;
   border-spacing: 0;
   width: 100%;
}

tfoot.summary-rows {
   font-weight: bold;
}

tr.odd {
   background: #e8ecf5;
   border-top: 1px solid #C0C0C0;
}

tr.even {
   background: #ffffff;
}

td.editable {
   border: 2px solid yellow;
}

td.not-editing .input {
   display: none;
}

td.editing .label {
   display: none;
}

div.form-header {
   padding: 3px;
   background: #e8ecf5 url(../images/form_blue_edit.png) no-repeat 7px 8px;
   border: 1px solid #C0C0C0;
   margin-bottom: 10px;
   padding-left: 30px;
}

div.form-header table {
 width: 100%;
}

span.form-title {
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: bold;
 height: 40px;
 vertical-align: top;
 color: #666666;
}

div.form-header span.header-buttons {
 text-align: right;
}

div.sandbar-form div.form-footer {
 background: #e8ecf5;
 padding: 5px;
 border: 1px solid #C0C0C0;
 margin-top: 10px;
}

div.sandbar-form td {
 padding-left: 5px;
 color: #666;
}

div#idea-actions {
   color: #666666;
}

div#idea-actions a {
   color: #666666;
   font-weight: bold;
   text-decoration: none;
}

div#idea-actions a:hover {
   text-decoration: underline;
}

div.filter-and-sort-table {
   padding-top: 5px;
}

div.sandbar-confirm-delete {
   padding-left: 10px;
   font-size: 16px;
}

img {
   vertical-align: middle;
}

div.embedded-form {
   font-family: Arial, Helvetica, sans-serif;
   color: #666;
   margin: 10px;
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 12px;
}

div.embedded-form input.sandbar-textfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: 1px solid #ccc;
   padding: 3px;
   padding-top: 4px;
   margin-left: 10px; 
   color: #4d4d4d;
}

div.embedded-form select {
   margin-left: 5px;
}

div.embedded-form input {
  margin-left: 5px;
}

input.billing-textfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   border: 1px solid #ccc;
   padding: 3px;
   margin-left: 0px; 
   color: #4d4d4d;
   text-align: right;
}

table.billing-table {
}

table.billing-table td {
   padding: 5px;
}

div#new-site-action {
   margin-top: 20px;
   margin-left: 240px;
}

div#dialog-form div.sandbar-form {
   font-family: Arial, Helvetica, sans-serif;
   color: #666;
   margin: 0px;
   margin-top: 0px;
   font-size: 11px;
}

span.search-form input.textfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: 1px solid #ccc;
   padding: 4px;
   margin-left: 4px; 
   margin-right: 4px; 
   color: #4d4d4d;
}

tr.billing-totals {
   font-weight: bold;
}

.billed-service-desc {
  margin: 0 10px;
}

.adjustment-entry {
   margin-top: 20px;
}
.adjustment-entry legend {
  font-size: 16px;
  padding: 0;
  margin-bottom: 10px;
}
.amount {
   font-weight: bold;
}
.amount.negative {
   color: red;
}


.problems-list {
    min-width: 300px;
    margin-top: 0;
}

.problems-list .problem-field {
    font-weight: bold;
    margin-right: 20px;
    width: 100%;
    margin-top: 10px;
    background-color: #eee;
    padding: 5px;
    box-sizing: border-box;
    border-top: 1px solid #333;
}

.problems-list .problem-field:first-child {
    margin-top: 0;
    padding-top: 0;

    border-top: none;
}

.problems-list .problem-values {
    text-align: right;
}