.light_blue {
  color: #369acb;
  display: inline; }

.dark_blue {
  color: #33608f;
  display: inline; }

.light_grey {
  color: #e0e0e0; }

.bold {
  font-weight: bold; }

.mark_all {
  font-size: 10px;
  line-height: 30px; }
  .mark_all a {
    color: #33608f;
    text-decoration: underline; }

#total,
#subtotal,
#commission_total,
#timesheets_total,
#purchase_orders_total {
  display: inline; }

a {
  text-decoration: none; }

a img {
  border: none; }

.plus {
  float: left;
  padding: 5px; }

select {
  width: 150px; }

h1,
h2,
h3,
h4 {
  color: #33608f;
  float: left;
  clear: left; }
  h1 a,
  h1 a:hover,
  h1 a:visited,
  h2 a,
  h2 a:hover,
  h2 a:visited,
  h3 a,
  h3 a:hover,
  h3 a:visited,
  h4 a,
  h4 a:hover,
  h4 a:visited {
    color: #369acb; }

body {
  background-color: #969696;
  font-family: "Lucida Grande", Arial, Lucida, Verdana, sans-serif;
  width: 100%;
  font-size: 12px;
  height: 100%;
  text-align: center;
  margin: 0px;
  padding: 0px; }
  body #centeredContainer {
    width: 1150px;
    margin: 30px auto;
    padding-bottom: 10px; }
    body #centeredContainer #top {
      width: 1112px;
      margin-left: 20px;
      float: left; }
      body #centeredContainer #top h1.hblogo {
        float: left;
        margin: 0px;
        padding: 0px; }
      body #centeredContainer #top #logo {
        float: right; }
    body #centeredContainer #top.loginLogo {
      width: 300px;
      float: none;
      margin: 40px auto; }
      body #centeredContainer #top.loginLogo #logo {
        float: none; }
    body #centeredContainer #loginStatusBar {
      width: 1112px;
      margin-left: 20px;
      float: left;
      text-align: right;
      color: white;
      font-size: 12px;
      line-height: 50px; }
      body #centeredContainer #loginStatusBar a {
        color: white;
        font-weight: normal;
        text-decoration: underline; }
    body #centeredContainer #menuBar {
      width: 1112px;
      margin-left: 20px;
      float: left; }
      body #centeredContainer #menuBar ul {
        margin: 0px;
        padding: 0px; }
      body #centeredContainer #menuBar li {
        display: inline;
        float: left;
        width: 109px;
        height: 35px;
        padding: 0px;
        margin: 0px;
        margin-right: 4px; }
      body #centeredContainer #menuBar li.dk_blue {
        background-image: url(/images/dk_blue_tab.png); }
      body #centeredContainer #menuBar li.blue {
        background-image: url(/images/blue_tab.png); }
      body #centeredContainer #menuBar li.gold {
        background-image: url(/images/gold_tab.png); }
      body #centeredContainer #menuBar li.active {
        background-image: url(/images/grey_tab.png); }
      body #centeredContainer #menuBar a {
        font-weight: normal;
        font-size: 14px;
        line-height: 36px;
        color: fff; }
    body #centeredContainer #greyBar {
      width: 1150px;
      float: left;
      height: 9px;
      background-position: 0 -1px;
      background-image: url(/images/greyBar_bg.png); }
    body #centeredContainer #shadedContentPanel {
      width: 1150px;
      float: left;
      background-image: url(/images/content_bg.png); }
      body #centeredContainer #shadedContentPanel #submenu {
        width: 1091px;
        background-color: #848484;
        margin-left: 19px;
        color: white;
        text-align: left;
        margin-top: -4px;
        padding-left: 20px; }
        body #centeredContainer #shadedContentPanel #submenu #linker {
          margin-left: 208px;
          float: left;
          width: 107px;
          height: 5px;
          background-color: #626262;
          margin-top: -5px; }
        body #centeredContainer #shadedContentPanel #submenu a {
          color: white;
          font-size: 12px;
          line-height: 30px; }
      body #centeredContainer #shadedContentPanel #rightColumn {
        width: 215px;
        float: right;
        margin-right: 19px; }
        body #centeredContainer #shadedContentPanel #rightColumn #newClient {
          margin-top: 20px;
          width: 215px; }
          body #centeredContainer #shadedContentPanel #rightColumn #newClient a img {
            border: none; }
        body #centeredContainer #shadedContentPanel #rightColumn #newProject {
          margin-top: 15px;
          margin-bottom: 20px;
          width: 215px; }
          body #centeredContainer #shadedContentPanel #rightColumn #newProject a img {
            border: none; }
        body #centeredContainer #shadedContentPanel #rightColumn #activeClients {
          width: 215px;
          padding-bottom: 10px; }
          body #centeredContainer #shadedContentPanel #rightColumn #activeClients #activeClientTitle {
            width: 167px;
            margin-left: 24px;
            height: 31px;
            background-image: url(/images/active_clients_title.png); }
          body #centeredContainer #shadedContentPanel #rightColumn #activeClients #activeClientsList {
            width: 165px;
            margin-left: 24px;
            max-height: 680px;
            overflow-x: hidden;
            overflow-y: auto;
            border: 1px solid #a8a8a8;
            background-color: white; }
            body #centeredContainer #shadedContentPanel #rightColumn #activeClients #activeClientsList ul {
              margin: 5px 0px;
              padding: 0px; }
              body #centeredContainer #shadedContentPanel #rightColumn #activeClients #activeClientsList ul li {
                list-style-type: none;
                width: 140px;
                text-align: left;
                margin-left: 10px; }
            body #centeredContainer #shadedContentPanel #rightColumn #activeClients #activeClientsList a {
              color: #a8a8a8;
              font-size: 10px;
              line-height: 18px; }
      body #centeredContainer #shadedContentPanel #leftColumn {
        width: 896px;
        text-align: left;
        float: left;
        margin-left: 20px; }
        body #centeredContainer #shadedContentPanel #leftColumn h3 {
          font-size: 28px;
          font-weight: normal;
          text-align: left;
          margin-left: 20px;
          float: left;
          padding-bottom: 2px; }
          body #centeredContainer #shadedContentPanel #leftColumn h3 .pageTitle {
            float: left;
            font-size: 28px;
            color: #33608f; }
          body #centeredContainer #shadedContentPanel #leftColumn h3 .subTitle {
            clear: left;
            font-size: 14px;
            float: left;
            line-height: 24px;
            color: #369acb; }
          body #centeredContainer #shadedContentPanel #leftColumn h3 .addNew {
            height: 24px;
            clear: left; }
          body #centeredContainer #shadedContentPanel #leftColumn h3 .addNew,
          body #centeredContainer #shadedContentPanel #leftColumn h3 #show_inactives,
          body #centeredContainer #shadedContentPanel #leftColumn h3 #hide_inactives {
            margin-top: 10px;
            float: left;
            clear: left; }
        body #centeredContainer #shadedContentPanel #leftColumn #empty {
          width: 100%;
          text-align: center;
          float: left; }
          body #centeredContainer #shadedContentPanel #leftColumn #empty h3 {
            float: none;
            text-align: center;
            color: #33608f; }
        body #centeredContainer #shadedContentPanel #leftColumn table {
          text-align: center;
          width: 856px;
          margin: 20px;
          clear: left;
          border-spacing: 0;
          border-collapse: collapse;
          font-size: 12px;
          font-weight: normal;
          color: #838383;
          font-family: Arial, Lucida, Verdana, sans-serif; }
          body #centeredContainer #shadedContentPanel #leftColumn table tbody {
            max-width: 865px;
            overflow-x: scroll;}
          body #centeredContainer #shadedContentPanel #leftColumn table th {
            background-image: url(/images/th_bg.png);
            background-repeat: repeat-x;
            background-position: left bottom;
            background-color: #9d9d9d;
            height: 34px;
            line-height: 14px;
            color: white;
            border: 1px solid #696969;
            padding: 10px; }
          body #centeredContainer #shadedContentPanel #leftColumn table .solid {
            background-image: none; }
          body #centeredContainer #shadedContentPanel #leftColumn table .noBorder {
            border: none;
            padding: 6px 10px;
            width: 70px; }
          body #centeredContainer #shadedContentPanel #leftColumn table .leftAlign {
            text-align: left; }
          body #centeredContainer #shadedContentPanel #leftColumn table .highlighted td {
            background-color: #bb2222; }
          body #centeredContainer #shadedContentPanel #leftColumn table .highlighted .noBorder {
            background: none; }
          body #centeredContainer #shadedContentPanel #leftColumn table td {
            vertical-align: top;
            padding: 10px 0;
            border: 1px solid #696969;
            padding: 10px; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.active,
          body #centeredContainer #shadedContentPanel #leftColumn table td.awaiting_instruction,
          body #centeredContainer #shadedContentPanel #leftColumn table td.with_client,
          body #centeredContainer #shadedContentPanel #leftColumn table td.cancelled,
          body #centeredContainer #shadedContentPanel #leftColumn table td.on_hold,
          body #centeredContainer #shadedContentPanel #leftColumn table td.unsuccessful_pitch,
          body #centeredContainer #shadedContentPanel #leftColumn table td.invoice,
          body #centeredContainer #shadedContentPanel #leftColumn table td.completed_to_archive,
          body #centeredContainer #shadedContentPanel #leftColumn table td.at_print,
          body #centeredContainer #shadedContentPanel #leftColumn table td.sub_contract {
            padding: 10px;
            font-size: 10px;
            vertical-align: middle; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.active {
            background-color: #a1cd43; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.awaiting_instruction {
            background-color: #0060b6; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.with_client {
            background-color: #f7931d; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.cancelled {
            background-color: #444444; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.on_hold {
            background-color: #444444; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.unsuccessful_pitch {
            background-color: #444444; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.invoice {
            background-color: #f5d719; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.completed_to_archive {
            background-color: #ce0000; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.at_print {
            background-color: purple; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.sub_contract {
            background-color: purple; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.active a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.awaiting_instruction a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.with_client a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.cancelled a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.on_hold a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.unsuccessful_pitch a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.invoice a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.completed_to_archive a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.at_print a,
          body #centeredContainer #shadedContentPanel #leftColumn table td.sub_contract a {
            color: white; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.selectDate {
            width: 106px; }
            body #centeredContainer #shadedContentPanel #leftColumn table td.selectDate input {
              width: 80px;
              float: left;
              margin-right: 6px; }
            body #centeredContainer #shadedContentPanel #leftColumn table td.selectDate img {
              float: left; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.selectClient select {
            width: 140px; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.selectJob select {
            width: 150px; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.selectTime {
            padding: 5px; }
            body #centeredContainer #shadedContentPanel #leftColumn table td.selectTime .field {
              font-size: 10px;
              padding: 5px; }
              body #centeredContainer #shadedContentPanel #leftColumn table td.selectTime .field input {
                width: 40px; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.Description {
            font-size: 10px; }
            body #centeredContainer #shadedContentPanel #leftColumn table td.Description .field {
              font-size: 10px;
              padding: 5px 0px; }
            body #centeredContainer #shadedContentPanel #leftColumn table td.Description input {
              width: 220px; }
          body #centeredContainer #shadedContentPanel #leftColumn table td.newTimesheetSave input {
            background-image: url(/images/save_button.png);
            width: 51px;
            height: 24px;
            overflow: hidden;
            text-indent: 100px;
            border: none;
            cursor: pointer; }
          body #centeredContainer #shadedContentPanel #leftColumn table tr.highlighted td {
            color: white; }
            body #centeredContainer #shadedContentPanel #leftColumn table tr.highlighted td a {
              color: white;
              text-decoration: underline; }
        body #centeredContainer #shadedContentPanel #leftColumn #search_form {
          float: right;
          width: 600px;
          margin-top: 28px; }
          body #centeredContainer #shadedContentPanel #leftColumn #search_form h3 {
            margin: 0px; }
          body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchField {
            float: left;
            margin: -10px 6px 0px; }
            body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchField label {
              float: left;
              color: #999999;
              font-size: 10px;
              line-height: 20px; }
            body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchField input,
            body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchField select {
              float: left;
              clear: left;
              width: 95px; }
            body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchField img {
              float: left;
              margin-left: 5px; }
            body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchField #job_deadline, body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchField #job {
              width: 70px; }
          body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchSubmit {
            float: left;
            margin: 11px 6px 0px; }
            body #centeredContainer #shadedContentPanel #leftColumn #search_form .searchSubmit input {
              width: 30px; }
        body #centeredContainer #shadedContentPanel #leftColumn .jobSave,
        body #centeredContainer #shadedContentPanel #leftColumn .newInvoiceSave {
          float: right;
          margin-right: 20px;
          margin-top: 32px; }
          body #centeredContainer #shadedContentPanel #leftColumn .jobSave input,
          body #centeredContainer #shadedContentPanel #leftColumn .newInvoiceSave input {
            background-image: url(/images/save_button.png);
            width: 51px;
            height: 24px;
            overflow: hidden;
            text-indent: 100px;
            border: none;
            cursor: pointer; }
        body #centeredContainer #shadedContentPanel #leftColumn .smallColumn {
          float: left;
          clear: left;
          margin-left: 35px;
          width: 270px;
          overflow: hidden; }
          body #centeredContainer #shadedContentPanel #leftColumn .smallColumn .smallColumnHeading {
            float: left;
            height: 31px; }
          body #centeredContainer #shadedContentPanel #leftColumn .smallColumn .smallColumnContent {
            padding: 20px 0px 0px;
            width: 268px;
            float: left;
            border-left: 1px solid #c3c3c3;
            border-right: 1px solid #c3c3c3; }
          body #centeredContainer #shadedContentPanel #leftColumn .smallColumn .smallColumnFooter {
            float: left;
            background-image: url(/images/small_bottom.png);
            width: 270px;
            height: 12px;
            margin-bottom: 20px; }
        body #centeredContainer #shadedContentPanel #leftColumn .fullColumn {
          float: left;
          clear: left;
          margin-left: 35px;
          width: 830px;
          overflow: hidden; }
          body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnHeading {
            float: left;
            height: 31px; }
          body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent {
            padding: 20px 0px 0px;
            width: 828px;
            float: left;
            border-left: 1px solid #c3c3c3;
            border-right: 1px solid #c3c3c3; }
            body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullField {
              float: left;
              clear: left;
              width: 828px;
              margin-bottom: 10px; }
              body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullField label {
                width: 180px;
                float: left;
                font-size: 12px;
                line-height: 20px;
                font-weight: normal;
                margin-left: 10px; }
              body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullField input,
              body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullField select,
              body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullField textarea {
                width: 600px;
                margin-left: 20px;
                float: left; }
              body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullField textarea {
                height: 80px;
                font-family: Arial, Lucida, Verdana, sans-serif; }
            body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullDateField {
              float: left;
              clear: left;
              width: 828px;
              margin-bottom: 10px; }
              body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullDateField label {
                width: 180px;
                float: left;
                font-size: 12px;
                line-height: 20px;
                font-weight: normal;
                margin-left: 10px; }
              body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnContent .fullDateField input {
                width: 135px;
                margin-right: 5px;
                margin-left: 20px;
                float: left; }
          body #centeredContainer #shadedContentPanel #leftColumn .fullColumn .fullColumnFooter {
            float: left;
            background-image: url(/images/full_bottom.png);
            width: 830px;
            height: 12px;
            margin-bottom: 20px; }
        body #centeredContainer #shadedContentPanel #leftColumn .bigColumn {
          float: left;
          margin-left: 20px;
          width: 540px;
          overflow: hidden; }
          body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnHeading {
            float: left;
            height: 31px; }
          body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent {
            padding: 20px 0px 0px;
            width: 538px;
            float: left;
            border-left: 1px solid #c3c3c3;
            border-right: 1px solid #c3c3c3; }
            body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .supplier_table table,
            body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .invoice_table table {
              width: 500px;
              margin-left: 20px; }
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .supplier_table table td.head,
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .invoice_table table td.head {
                border: none;
                font-size: 10px;
                padding: 2px; }
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .supplier_table table td,
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .invoice_table table td {
                font-size: 10px; }
                body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .supplier_table table td input,
                body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .invoice_table table td input {
                  width: 80px; }
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .supplier_table table .newInvoiceSave,
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .invoice_table table .newInvoiceSave {
                margin: 0px; }
                body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .supplier_table table .newInvoiceSave input,
                body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .invoice_table table .newInvoiceSave input {
                  width: 51px; }
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .supplier_table table .editInvoice,
              body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .invoice_table table .editInvoice {
                width: 51px; }
            body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnContent .addNew {
              float: left;
              margin: 0px 20px 0px;
              height: 24px; }
          body #centeredContainer #shadedContentPanel #leftColumn .bigColumn .bigColumnFooter {
            float: left;
            background-image: url(/images/long_bottom.png);
            width: 540px;
            height: 12px;
            margin-bottom: 20px; }
        body #centeredContainer #shadedContentPanel #leftColumn .column_270 {
          width: 268px;
          float: left; }
          body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field {
            float: left;
            clear: left;
            width: 268px;
            font-size: 12px;
            line-height: 20px;
            color: #369acb;
            margin-bottom: 10px; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field a {
              color: #369acb; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field label {
              width: 65px;
              color: #333333;
              float: left;
              font-size: 12px;
              line-height: 20px;
              font-weight: normal;
              margin-left: 10px; }
              body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field label .subLabel {
                font-size: 10px;
                color: #999999; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field .checklabel {
              width: 200px; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field .checkbox input {
              width: 30px; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field .textContent {
              width: 160px;
              margin-left: 20px;
              float: left; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field input,
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field select,
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field textarea {
              width: 160px;
              margin-left: 20px;
              float: left;
              font-size: 12px; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .field textarea {
              height: 80px;
              font-family: Arial, Lucida, Verdana, sans-serif; }
          body #centeredContainer #shadedContentPanel #leftColumn .column_270 .fieldRates {
            float: left;
            clear: left;
            width: 268px;
            font-size: 12px;
            line-height: 20px;
            color: #369acb;
            margin-bottom: 10px; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .fieldRates label {
              width: 165px;
              color: #333333;
              float: left;
              font-size: 12px;
              line-height: 20px;
              font-weight: normal;
              margin-left: 10px; }
              body #centeredContainer #shadedContentPanel #leftColumn .column_270 .fieldRates label .subLabel {
                font-size: 10px;
                color: #999999; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .fieldRates input {
              width: 60px;
              margin-left: 20px;
              float: left; }
          body #centeredContainer #shadedContentPanel #leftColumn .column_270 .dateField {
            float: left;
            clear: left;
            width: 268px;
            margin-bottom: 20px; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .dateField label {
              width: 65px;
              float: left;
              font-size: 12px;
              font-weight: normal;
              margin-left: 10px; }
            body #centeredContainer #shadedContentPanel #leftColumn .column_270 .dateField input {
              width: 135px;
              margin-right: 5px;
              margin-left: 20px;
              float: left; }
        body #centeredContainer #shadedContentPanel #leftColumn .new_client,
        body #centeredContainer #shadedContentPanel #leftColumn .edit_client {
          float: left;
          width: 862px;
          margin-left: 35px;
          margin-top: -70px;
          padding-bottom: 5px; }
          body #centeredContainer #shadedContentPanel #leftColumn .new_client .jobSave,
          body #centeredContainer #shadedContentPanel #leftColumn .edit_client .jobSave {
            margin-bottom: 30px;
            margin-top: 7px; }
          body #centeredContainer #shadedContentPanel #leftColumn .new_client .fullColumn,
          body #centeredContainer #shadedContentPanel #leftColumn .edit_client .fullColumn {
            margin-left: 0px; }
          body #centeredContainer #shadedContentPanel #leftColumn .new_client .smallColumn,
          body #centeredContainer #shadedContentPanel #leftColumn .edit_client .smallColumn {
            margin-left: 0px;
            clear: none;
            margin-right: 10px;
            width: 400px; }
            body #centeredContainer #shadedContentPanel #leftColumn .new_client .smallColumn .smallColumnContent,
            body #centeredContainer #shadedContentPanel #leftColumn .edit_client .smallColumn .smallColumnContent {
              width: 398px; }
              body #centeredContainer #shadedContentPanel #leftColumn .new_client .smallColumn .smallColumnContent .column_270,
              body #centeredContainer #shadedContentPanel #leftColumn .edit_client .smallColumn .smallColumnContent .column_270 {
                width: 398px; }
                body #centeredContainer #shadedContentPanel #leftColumn .new_client .smallColumn .smallColumnContent .column_270 .field,
                body #centeredContainer #shadedContentPanel #leftColumn .edit_client .smallColumn .smallColumnContent .column_270 .field {
                  width: 398px; }
                  body #centeredContainer #shadedContentPanel #leftColumn .new_client .smallColumn .smallColumnContent .column_270 .field input,
                  body #centeredContainer #shadedContentPanel #leftColumn .edit_client .smallColumn .smallColumnContent .column_270 .field input {
                    width: 290px; }
            body #centeredContainer #shadedContentPanel #leftColumn .new_client .smallColumn .smallColumnFooter,
            body #centeredContainer #shadedContentPanel #leftColumn .edit_client .smallColumn .smallColumnFooter {
              width: 400px;
              background-image: url(/images/medium_bottom.png); }
            body #centeredContainer #shadedContentPanel #leftColumn .new_client .smallColumn a,
            body #centeredContainer #shadedContentPanel #leftColumn .edit_client .smallColumn a {
              line-height: 24px;
              font-size: 12px;
              text-decoration: underline;
              color: red;
              float: right;
              margin-right: 15px; }
          body #centeredContainer #shadedContentPanel #leftColumn .new_client .addNew,
          body #centeredContainer #shadedContentPanel #leftColumn .edit_client .addNew {
            width: 862px;
            float: left;
            text-align: left;
            margin-bottom: 20px; }
        body #centeredContainer #shadedContentPanel #leftColumn #notes {
          width: 876px;
          margin-left: 20px;
          float: left;
          padding-bottom: 10px; }
          body #centeredContainer #shadedContentPanel #leftColumn #notes .note {
            margin-bottom: 0px;
            width: 856px;
            border-bottom: 1px dotted #b6e7f3;
            padding: 20px 0px; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes .note .note_title {
              font-size: 14px;
              margin-bottom: 10px;
              float: left; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes .note .show_preferred {
              background-color: transparent;
              float: left;
              margin-left: 5px; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes .note .preferred_box {
              float: right;
              font-size: 10px;
              margin-right: 20px;
              color: red;
              text-decoration: underline;
              cursor: pointer; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes .note .note_edit {
              float: right; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes .note .note_body {
              font-size: 12px;
              width: 856px;
              line-height: 18px;
              clear: both; }
              body #centeredContainer #shadedContentPanel #leftColumn #notes .note .note_body textarea {
                width: 856px;
                font-size: 12px;
                height: 120px;
                font-family: Arial, Lucida, Verdana, sans-serif; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes .note .note_button {
              text-align: right;
              margin-top: 10px;
              margin-bottom: 30px;
              width: 856px;
              float: left; }
              body #centeredContainer #shadedContentPanel #leftColumn #notes .note .note_button input {
                background-image: url(/images/save_button.png);
                width: 51px;
                height: 24px;
                overflow: hidden;
                text-indent: 100px;
                border: none;
                cursor: pointer;
                margin-right: 10px; }
              body #centeredContainer #shadedContentPanel #leftColumn #notes .note .note_button a {
                line-height: 24px;
                font-size: 12px;
                text-decoration: underline;
                color: red; }
          body #centeredContainer #shadedContentPanel #leftColumn #notes .note.hovered {
            background-image: url(/images/hover_bg.png);
            background-repeat: repeat-y;
            background-position: top right; }
          body #centeredContainer #shadedContentPanel #leftColumn #notes #new_note .note {
            margin-bottom: 0px;
            border-bottom: 0px dotted #626365;
            padding-bottom: 0px; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes #new_note .note .note_body {
              padding-top: 20px; }
            body #centeredContainer #shadedContentPanel #leftColumn #notes #new_note .note .note_button {
              margin-bottom: 20px;
              border-bottom: 1px dotted #626365;
              padding-bottom: 20px; }
        body #centeredContainer #shadedContentPanel #leftColumn h1,
        body #centeredContainer #shadedContentPanel #leftColumn h2,
        body #centeredContainer #shadedContentPanel #leftColumn h3,
        body #centeredContainer #shadedContentPanel #leftColumn h4 {
          padding-left: 20px; }
        body #centeredContainer #shadedContentPanel #leftColumn h2 {
          margin: 0; }
        body #centeredContainer #shadedContentPanel #leftColumn .project {
          width: 80%; }
        body #centeredContainer #shadedContentPanel #leftColumn .total {
          text-align: right;
          margin: 20px;
          width: 90%; }
        body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing {
          width: 60%;
          float: left; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing label {
            width: 33%; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing input,
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing select {
            width: 65%; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing textarea {
            height: 100px;
            width: 65%;
            font-size: 12px; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing .supplier_table table {
            border-collapse: collapse;
            margin: 0px auto; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing .supplier_table td {
            border: 1px solid; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing .supplier_table td.supp_head {
            border: 0px;
            width: 14%; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing .supplier_table td.edit_button {
            border: 0px; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing .heading {
            width: 100%;
            margin: 10px auto; }
          body #centeredContainer #shadedContentPanel #leftColumn .work_and_invoicing .invoice_table td.head {
            border: 0px; }
        body #centeredContainer #shadedContentPanel #leftColumn .element_details {
          clear: left;
          float: left;
          padding: 0px 20px;
          width: 100%; }
          body #centeredContainer #shadedContentPanel #leftColumn .element_details .contact_left_col {
            width: 45%;
            float: left; }
          body #centeredContainer #shadedContentPanel #leftColumn .element_details .contact_right_col {
            width: 45%;
            float: right; }
          body #centeredContainer #shadedContentPanel #leftColumn .element_details .field {
            clear: left; }
          body #centeredContainer #shadedContentPanel #leftColumn .element_details label {
            width: 33%; }
          body #centeredContainer #shadedContentPanel #leftColumn .element_details input,
          body #centeredContainer #shadedContentPanel #leftColumn .element_details select {
            width: 65%; }
          body #centeredContainer #shadedContentPanel #leftColumn .element_details textarea {
            height: 100px;
            width: 65%;
            font-size: 12px; }
          body #centeredContainer #shadedContentPanel #leftColumn .element_details .date_select {
            width: 65%;
            float: left; }
            body #centeredContainer #shadedContentPanel #leftColumn .element_details .date_select input {
              width: 85%; }
        body #centeredContainer #shadedContentPanel #leftColumn .left_panel {
          width: 30%; }
        body #centeredContainer #shadedContentPanel #leftColumn .right_panel {
          float: left;
          width: 60%; }
        body #centeredContainer #shadedContentPanel #leftColumn .standard_form {
          clear: left;
          width: 500px;
          margin: 0 auto;
          border: 1px solid;
          border-color: #8a8a8a; }
          body #centeredContainer #shadedContentPanel #leftColumn .standard_form .standard_form_title {
            background-color: #8a8a8a; }
          body #centeredContainer #shadedContentPanel #leftColumn .standard_form .standard_form_body .field {
            clear: both; }
          body #centeredContainer #shadedContentPanel #leftColumn .standard_form .standard_form_body label {
            float: left;
            margin: 5px;
            width: 40%;
            height: 22px;
            overflow: hidden; }
          body #centeredContainer #shadedContentPanel #leftColumn .standard_form .standard_form_body input,
          body #centeredContainer #shadedContentPanel #leftColumn .standard_form .standard_form_body select {
            float: right;
            margin: 5px;
            width: 50%; }
        body #centeredContainer #shadedContentPanel #leftColumn .save {
          float: right;
          margin: 20px 0; }
    body #centeredContainer #shadedContentPanel.loginBox {
      width: 300px;
      margin: 0px auto;
      float: none;
      padding: 20px 0px;
      background-image: none;
      background-color: white; }
      body #centeredContainer #shadedContentPanel.loginBox #leftColumn {
        float: left;
        width: 282px;
        margin-left: 0px;
        padding-left: 18px;
        background-color: white; }
      body #centeredContainer #shadedContentPanel.loginBox #loginButton {
        float: right;
        margin-right: 12px;
        margin-top: 0px; }
        body #centeredContainer #shadedContentPanel.loginBox #loginButton input {
          background-image: url(/images/login_button.png);
          width: 55px;
          height: 24px;
          overflow: hidden;
          text-indent: 100px;
          border: none;
          cursor: pointer; }
    body #centeredContainer #shadedFooter {
      width: 1150px;
      float: left;
      height: 31px;
      background-image: url(/images/footer_bg.png); }

#flashContainer {
  width: 856px;
  height: auto;
  color: #666666;
  float: none;
  margin: 5px auto;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #d9b356;
  background-color: #ffffb2; }
  #flashContainer #flashText {
    margin: 2px 0px;
    padding: 2px 5px 3px 18px;
    text-align: left;
    list-style: none; }

.loginBox #flashContainer {
  width: 243px;
  margin: 5px 10px 10px; }
.loginBox .column_270 {
  margin-bottom: 20px; }
.loginBox #errorExplanation {
  width: 243px;
  margin: 5px 10px 10px;
  color: #666666;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #d9b356;
  background-color: #ffffb2; }
  .loginBox #errorExplanation h2,
  .loginBox #errorExplanation p,
  .loginBox #errorExplanation ul {
    font-size: 12px;
    margin: 2px 0px;
    padding: 2px 5px 3px 5px; }
  .loginBox #errorExplanation h2 {
    color: red; }
  .loginBox #errorExplanation ul {
    margin-left: 20px;
    color: red; }

.clear {
  clear: both; }

#lb_overlay {
  background-image: none;
  background-color: black;
  opacity: 0.35; }

#lb_box {
  background-color: transparent;
  border: none;
  width: auto; }
  #lb_box .bottom,
  #lb_box .top {
    height: 20px;
    position: relative; }
    #lb_box .bottom .left,
    #lb_box .top .left {
      height: 20px;
      left: 0;
      position: absolute;
      width: 20px; }
    #lb_box .bottom .middle,
    #lb_box .top .middle {
      height: 20px;
      left: 20px;
      position: absolute;
      right: 20px;
      background: white none repeat scroll 0 0; }
    #lb_box .bottom .right,
    #lb_box .top .right {
      height: 20px;
      left: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 20px; }
  #lb_box .bottom .left {
    background: transparent url(/images/bl.gif) no-repeat scroll left top; }
  #lb_box .bottom .right {
    background: transparent url(/images/br.gif) no-repeat scroll left top; }
  #lb_box .top .left {
    background: transparent url(/images/tl.gif) no-repeat scroll left top; }
  #lb_box .top .right {
    background: transparent url(/images/tr.gif) no-repeat scroll left top; }
  #lb_box #lb_box_contents {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    text-align: left;
    background-color: white;
    padding: 5px 0px 0px; }
    #lb_box #lb_box_contents #wide_lb_contents {
      width: 850px; }
      #lb_box #lb_box_contents #wide_lb_contents .field,
      #lb_box #lb_box_contents #wide_lb_contents .fullField,
      #lb_box #lb_box_contents #wide_lb_contents .dateField {
        width: 810px; }
        #lb_box #lb_box_contents #wide_lb_contents .field label,
        #lb_box #lb_box_contents #wide_lb_contents .fullField label,
        #lb_box #lb_box_contents #wide_lb_contents .dateField label {
          width: 350px; }
        #lb_box #lb_box_contents #wide_lb_contents .field textarea,
        #lb_box #lb_box_contents #wide_lb_contents .fullField textarea,
        #lb_box #lb_box_contents #wide_lb_contents .dateField textarea {
          width: 800px; }
      #lb_box #lb_box_contents #wide_lb_contents .lb_save {
        width: 810px; }
    #lb_box #lb_box_contents .field,
    #lb_box #lb_box_contents .dateField,
    #lb_box #lb_box_contents .fullField {
      float: left;
      clear: left;
      width: 260px;
      font-size: 12px;
      line-height: 20px;
      color: #369acb;
      margin: 0px 20px 10px; }
      #lb_box #lb_box_contents .field label,
      #lb_box #lb_box_contents .dateField label,
      #lb_box #lb_box_contents .fullField label {
        width: 66px;
        color: #333333;
        float: left;
        font-size: 12px;
        line-height: 20px;
        font-weight: normal;
        margin-left: 10px; }
      #lb_box #lb_box_contents .field .checkLabel,
      #lb_box #lb_box_contents .dateField .checkLabel,
      #lb_box #lb_box_contents .fullField .checkLabel {
        width: 210px; }
      #lb_box #lb_box_contents .field .checkbox input,
      #lb_box #lb_box_contents .dateField .checkbox input,
      #lb_box #lb_box_contents .fullField .checkbox input {
        width: 20px;
        margin-left: 0;
        float: right; }
      #lb_box #lb_box_contents .field input,
      #lb_box #lb_box_contents .field select,
      #lb_box #lb_box_contents .field textarea,
      #lb_box #lb_box_contents .dateField input,
      #lb_box #lb_box_contents .dateField select,
      #lb_box #lb_box_contents .dateField textarea,
      #lb_box #lb_box_contents .fullField input,
      #lb_box #lb_box_contents .fullField select,
      #lb_box #lb_box_contents .fullField textarea {
        width: 160px;
        margin-left: 20px;
        font-size: 12px;
        float: left; }
      #lb_box #lb_box_contents .field textarea,
      #lb_box #lb_box_contents .dateField textarea,
      #lb_box #lb_box_contents .fullField textarea {
        height: 80px;
        font-family: Arial, Lucida, Verdana, sans-serif; }
    #lb_box #lb_box_contents .dateField input {
      width: 135px;
      margin-right: 5px;
      margin-left: 20px;
      float: left; }
    #lb_box #lb_box_contents .shortfield input {
      width: 40px;
      margin-left: 20px;
      float: left; }
    #lb_box #lb_box_contents .shortfieldtwo input {
      width: 40px;
      margin-left: 5px;
      float: left; }
    #lb_box #lb_box_contents .fullField label {
      width: 260px; }
    #lb_box #lb_box_contents .fullField textarea {
      width: 245px;
      height: 200px;
      margin-left: 10px; }
    #lb_box #lb_box_contents .lb_save {
      float: left;
      clear: left;
      width: 260px;
      font-size: 12px;
      text-align: center;
      line-height: 20px;
      color: #369acb;
      margin: 0px 20px 0px; }
      #lb_box #lb_box_contents .lb_save input {
        background-image: url(/images/save_button.png);
        width: 51px;
        height: 24px;
        overflow: hidden;
        text-indent: 100px;
        border: none;
        cursor: pointer;
        margin-right: 10px; }
      #lb_box #lb_box_contents .lb_save a {
        line-height: 24px;
        font-size: 12px;
        text-decoration: underline;
        color: red; }