body {
      background-color: #fff;
      color: #000;
      font-family: arial, helvetica, sans-serif;
      font-size: 76%;
      height: 100%;
      margin: 0px;
      }

      body * {
      font-family: arial, helvetica, sans-serif;
      font-size: 1.0em;
      }


      h1 {
      font-size: 1.4em;
      margin: 0px;
      }

      h2 {
      font-size: 1.2em;
      font-weight: bold; /** color: #5A6264; **/
      margin: 10px 0px 10px 0px;
      }

      h3,h4 {
      font-size: 1.0em;
      margin-top: 12px;
      }

      form {
      display: inline;
      }

      td img {
      vertical-align: bottom; /* fix one-pixel gap below images */
      }

      a {
      color: blue;
      cursor: pointer;
      text-decoration: none;
      }

      a:visited {
      color: blue;
      outline: none;
      }

      a:hover {
      color: blue;
      text-decoration: underline;
      }

      a:active {
      color: blue;
      outline: none;
      }

      a.icon {
      display:block;
      float:center;
      height:18px;
      width:18px;
      border: 2px outset #5792CE;
      }
      a.sameline {
      float:left;
      }
      a.edit_button {
      background: url(/local/images/global/buttons/edit.gif) #5792CE no-repeat;
      }
      a.edit_button:hover {
      background: url(/local/images/global/buttons/edit_r.gif) #5792CE no-repeat;
      }
      a.view_button {
      background: url(/local/images/global/buttons/view.gif) #5792CE no-repeat;
      }
      a.view_button:hover {
      background: url(/local/images/global/buttons/view_r.gif) #5792CE no-repeat;
      }
      a.checkmark_button {
      background: url(/local/images/global/buttons/checkmark.gif) #5792CE no-repeat;
      }
      a.checkmark_button:hover {
      background: url(/local/images/global/buttons/checkmark_r.gif) #5792CE no-repeat;
      }
      a.notes_button {
      background: url(/local/images/global/buttons/notes.gif) #5792CE no-repeat;
      }
      a.notes_button:hover {
      background: url(/local/images/global/buttons/notes_r.gif) #5792CE no-repeat;
      }
      a.asterisk_button {
      background: url(/local/images/global/buttons/asterisk.gif) #5792CE no-repeat;
      }
      a.asterisk_button:hover {
      background: url(/local/images/global/buttons/asterisk_r.gif) #5792CE no-repeat;
      }
      a.history_button {
      background: url(/local/images/global/buttons/history.gif) #5792CE no-repeat;
      }
      a.history_button:hover {
      background: url(/local/images/global/buttons/history_r.gif) #5792CE no-repeat;
      }
      a.linkedin_button {
      background: url(/local/images/global/buttons/icon--linked-in.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.instagram_button {
      background: url(/local/images/global/buttons/icon--instagram.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.dribble_button {
      background: url(/local/images/global/buttons/icon--dribbble.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.youtube_button {
      background: url(/local/images/global/buttons/icon--youtube.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.facebook_button {
      background: url(/local/images/global/buttons/icon--facebook.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.imdb_button {
      background: url(/local/images/global/buttons/icon--imdb.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.twitter_button {
      background: url(/local/images/global/buttons/icon--twitter.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.pintarest_button {
      background: url(/local/images/global/buttons/icon--pinterest.png) #5792CE no-repeat;
      background-size: 100% auto;
      }
      a.behance_button {
      background: url(/local/images/global/buttons/icon--behance.png) #5792CE no-repeat;
      background-size: 100% auto;
      }



      img.icon {
      height:18px;
      width:18px;
      margin: 2px 0px;
      }


      a.button,input.button{
      background: #0E53BB;
      border: 2px outset #BCBBBB;
      color: #fff;
      cursor: pointer;
      /*display: block;*/
      font-size: 0.9em;
      font-weight: bold;
      padding: 1px 5px 1px 5px;
      text-align: center;
      }

      a.button:hover {
      text-decoration: none;
      }

      a.button:visited {
      color: #fff;
      }

      a.button_green{
      background: #0E8F1B;
      border: 2px outset #0E8F1B;
      color: #fff;
      cursor: pointer;
      /*display: block;*/
      font-size: 0.9em;
      font-weight: bold;
      padding: 1px 5px 1px 5px;
      text-align: center;
      }

      a.button_green:hover {
      text-decoration: none;
      }

      a.button_red{
      background: #8F100E;
      border: 2px outset #BCBBBB;
      color: #fff;
      cursor: pointer;
      /*display: block;*/
      font-size: 0.9em;
      font-weight: bold;
      padding: 1px 5px 1px 5px;
      text-align: center;
      }
      a.button_red:hover {
      text-decoration: none;
      }

      div.button-holder {
      margin-top: 10px;
      }

      div.button-holder a.button_orange_left {margin-left: 5px;}

      div.button-holder div.button-group {margin-left: 14px; display: inline}
      div.button-holder div.button-group:first-child {margin-left: 0;}

      div.button-group a.button_orange_left {float: none; display: inline; margin-left: 0}

      a.button_orange, input.button_orange {
      display:block;
      float:right;
      background: #0E53BB;
      border-color: #0E53BB;
      cursor: pointer;
      }

      a.disabled, input.disabled {
      background: #B3B2B2;
      color: #ddd;
      cursor: default;
      /*border-color: #BCBBBB;*/
      border-color: #B3B2B2;
      }

      a.button_orange_left, input.button_orange_left {
      display:block;
      float:left;
      background: #0E53BB;
      border-color: #0E53BB;
      cursor: pointer;
      }
      a.fixed {
      width: 5.5em;
      padding: 1px 2px 1px 2px;
      }

      a.included {
      margin-top: -20px;
      }

      div.clear {clear: both;}

      div.buttonspacer_right {
      float:right;
      width:10px;
      }

      div.buttonspacer_left {
      float:left;
      width:15px;
      }

      div.buttonspacer_left_small {
      float:left;
      width:5px;
      }


      a.arrow_left {
      background-position: center left;
      background-repeat: no-repeat;
      padding-left: 10px;
      }

      a.arrow_right {
      background-position: center right;
      background-repeat: no-repeat;
      padding-right: 10px;
      }

      a.button_edit {
      margin-top: -10px;
      }

      * html a.button_edit {
      margin: 0px;
      }

      div.add_entry {
      position: relative;
      }

      div.add_entry a {
      position: absolute;
      right: 20px;
      }

      * html div.add_entry a {
      right: 30px;
      }
      .micro {
      font-size: 0.01em;
      }
      img.calendar {
      border: 0;
      cursor: pointer;
      }

      /********************************
      *  layout
      *********************************/
      table.layout_header {
      background: url(/local/images/global/header_cropped.gif) repeat-x;
      }

      tr.layout_header {
      background: url(/local/images/global/header_cropped.gif);
      height: 60px;
      }

      table.layout_header tr.layout_header td {
      background: none;
      }

      div.layout_header {
      padding-top: 5px;
      padding-left: 5px;
      /*	left: 31px;
      position: absolute;
      top: 21px;
      */
      }

      div.layout_header span {
      color:white;
      font-size: 1.1em;
      font-variant: small-caps;
      font-weight: bold;
      left: 22px;
      letter-spacing:0.08em;
      position: relative;
      top: -6px;

      }

      * html div.layout_header span {
      top: 8px;
      }

      td.layout_header_nav {
      padding-right: 10px;
      text-align: right;
      }

      td.layout_header_nav div {
      margin-top: -17px;
      position: relative;
      }

      td.layout_header_nav div,
      td.layout_header_nav a {
      color: #fff;
      font-size: 0.94em;
      }

      td.layout_header_nav a:hover,
      td.layout_header_nav a:visited{
      color: #fff;
      }

      td.layout_header_nav b.section_name{
      color: #fff;
      font-size: 1.05em;
      font-variant: small-caps;
      letter-spacing:0.08em;
      padding-left: 8px;
      }

      table.layout_header_timer {
      position: relative;
      top: -8px;
      }

      table.layout_header_timer td {
      padding-right: 5px;
      }

      table.layout_header_timer td.label {
      color: #fff;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      }

      table.layout_header_timer div.timer {
      background-color: #5BA5F1;
      border: 1px inset #808080;
      color: white;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      padding: 2px;
      text-align: center;
      }

      td.layout_header_users {
      text-align: left;
      }

      td.layout_header_users  div {
      margin-left: 15px;
      }

      td.layout_header_users  div strong {
      background: url(/local/images/global/icon_user.gif) no-repeat;
      padding-left: 20px;
      }

      td.layout_header_separator {
      height: 1px;
      }

      td.layout_underheader {
      background: #F6EDD8;
      border: 2px outset #F6EDD8;
      padding: 6px;
      }

      div.resizebar {
      background: url(/local/images/global/resizebar.gif) center center #F1F0F0 no-repeat;
      height: 80%;
      margin-top: 1px;
      position: absolute;
      width: 7px;
      min-height: 100px;
      }
      td.resized_right_pane {
      padding:0px 0px 0px 7px;
      }

      * html div.resizebar {
      height: 100%;
      }


      #list_content_div {
      /*overflow-y: auto;
      overflow-x: hidden; */
      width: 100%;
      overflow: auto;
      }
      #list_table_div {
      width: 100%;
      overflow: auto;
      min-height: 100px;
      }
      #right_content {
      border:2px groove #F1F0F0;
      padding: 3px;
      width:99%;
      height: 100%;
      min-height: 200px;
      }

      td.logincontent {
      padding:10px;
      }

      td.content {
      padding:3px;
      height:100%;
      background:#F1F0F0;
      border:2px outset #F1F0F0;
      }

      /********************************
      *  login screen
      *********************************/
      div.login {
      padding-top: 50px;
      text-align: left;
      width: 350px;
      }

      div.login h1 {
      color: #363636;
      font-size: 1.2em;
      }

      div.login div.highlight {
      color: #363636;
      }

      div.login table {
      font-size: 11px;
      }

      div.login table input {
      font-size: inherit;
      }

      td.colright {
      background: url(/local/images/global/background_column.gif);
      width: 250px;
      padding: 40px 5px 5px 13px;
      }

      td.colright p {
      font-size: 0.94em;
      }

      /******

      *****/

      #left-content: {padding: 0}


      /********************************
      *  forms
      *********************************/

      .validate-highlight {
      border: 1px solid red;
      }

      .validate-summary {
      color: red;
      font-size: 0.9em;
      }

      .validate-error {
      color: red;
      }


      label {
      font-weight: bold;
      white-space: nowrap;
      width: 13em;
      padding-right: 0.5em;
      }
      form label {
      display: block;
      float: left;
      font-weight: bold;
      margin: 0.25em 0em 0.5em 0em;
      white-space: nowrap;
      width: 13em;
      color: #444;
      }
      form label label {
      font-weight: normal;
      }

      /* keep labels on the same line, for checkbox and radio */
      label.sameline {
      display: inline;
      float: none;
      width: auto;
      }

      /* these labels are inline with multiple input choices (inputs on left) */
      /* (label.sameline is sometimes used for other types) */
      label.sameline_input {
      font-weight: normal;
      margin-right: 10px;
      }

      /* to override */
      form#some_form label {
      width: 16em;
      }

      form#clearance_form label {
      padding-left: 5px;
      }

      .clearance_form_div {
      border: 1px solid #5792CE;
      margin-bottom: 3px;
      padding: 3px 5px 3px 3px;
      background: #EBF5FF;
      height: 90px;
      }

      div.clearance_view_field {
      padding-top: 3px;
      }

      /*  company search form */
      form#company_search_form fieldset {
      padding: 3px;
      }

      form#company_search_form fieldset.contact_info div.column {float: left; width: 33%;}

      form#company_search_form fieldset.hiring div.column {float: left; width: 50%;}

      form#company_search_form fieldset.contact_info label, form#company_search_form fieldset.hiring label {
      float: left;
      clear: left;
      }

      form#company_search_form fieldset.contact_info label {
      width: 70px;
      }


      form#company_search_form fieldset.contact_info label span, form#company_search_form fieldset.hiring label span{
      float: left;
      display: block;
      height: 16px;
      padding-top: 4px;
      }

      form#company_search_form fieldset.contact_info label span{
      width: 7em;
      }

      form#company_search_form fieldset.hiring label span {
      width: 10.5em;
      }

      form#company_search_form fieldset.contact_info input {
      width: 15em;
      margin: 0;
      }

      form#company_search_form fieldset.hiring input {
      width: 30px;
      margin: 0;
      }

      form#company_search_form fieldset.contact_info select, form#company_search_form fieldset.hiring select {
      width: 15em;
      margin: 0;
      }

      form#company_search_form fieldset.clearance select {
      width: 15em;
      }

      form#company_search_form fieldset.grouping select {
      width: 25em;
      margin:0px
      }

      /* JRD says: making float the default for label was SUCH a bad idea.
      (It's useful when you want a fixed width, but otherwise not.)
      Can't undo it without insane amount of work, but can declare zones of sanity */

      fieldset.sensible label {display: inline; float: none; width: auto; font-weight: normal;}

      /* Company Search: Clearance and Display Status */

      /* three column layout.  */
      fieldset.clearance div.column {float: left; width: 33%;}
      fieldset.clearance div.column label span {display:block; font-weight: bold; margin-bottom: .5em;}

      fieldset.clearance label {padding: 0px; margin: 0px;}
      fieldset.clearance label span {font-weight: bold;}
      fieldset.clearance label.fixedwidth {float: left; }
      fieldset.clearance label.fixedwidth span {float: left; display: block; width: 85px;}

      fieldset.clearance select {width: 100px;}

      fieldset.clearance input[type='text'] {width: 6em; margin-bottom: 0px; padding: 0;}

      fieldset.clearance input.date {width: 8em;}
      span.date_range_sep {padding-left: .5em; padding-right: .5em;}

      fieldset.clearance div.newline {clear: both; float: left; margin-top: 6px; }

      /* a div that appears on the same line as something to the left */
      fieldset.clearance div.sameline {float: left; margin-left: 1em; margin-top: 6px;}


      /* free text search inputs */
      fieldset.clearance input.note {width: 275px;}

      fieldset.clearance div.taskstatus {clear: both;  margin-top: 2px;}

      /* Company Search: Other */

      fieldset.other dl {margin-top: 0px;}
      fieldset.other dl dt {font-weight: bold; color: #444;}
      fieldset.other dl dt {clear: left; float: left; width: 13em; 	margin: 0.25em 0em 0.5em 0em;}
      fieldset.other dl dd {float:left; margin-left: 0px;}

      fieldset.other dl dd.nodt {clear:left;}

      fieldset.other label {margin-right: 10px;}

      fieldset.other label input {margin-right: .5em}


      /* end company search form */

      /*  company setup form */
      form#company_setup_form label {
      width: 7em;
      }

      form#company_setup_form input[type='text'], input[type="password"], input[type="file"]{
      width: 15em;
      }
      form#company_setup_form select {
      width: 15em;
      }
      /*  end company setup form */

      form#brand_search_form input[type="text"], input[type="password"], input[type="file"]{
      width: 20em;
      }
      form#brand_search_form select {
      width: 20em;
      }
      form#brand_search_form label {
      width: 10em;
      }
      /*  end brand search form */

      /*  company hiring form */
      form#hiring_form label {
      width: 5em;
      display:inline;
      float:none;
      }

      form#hiring_form input[type="text"], input[type="password"], input[type="file"]{
      width: 30em;
      display:inline;
      float:none;
      }
      form#hiring_form select {
      width: 8em;
      }
      /*  end brand search form */


      /* NEW */
      /* contact_edit_form */
      form#contact_edit_form label {
      width: 75px;
      }

      form#contact_edit_form input {
      font-size: 1.3em;
      }
      form#contact_edit_form select {
      font-size: 1.3em;
      }


      /*  contact search form */
      form#contact_search_form input[type="text"], input[type="password"], input[type="file"]{
      width: 20em;
      }
      form#contact_search_form select {
      width: 20em;
      }
      form#contact_search_form label {
      width: 10em;
      }
      /*  end contact search form */

      form#winner_form label {
      width: 9em;
      }

      form#basic_info_form label {
      width: 7.0em;
      }



      form input.two_column_input {
      float: left;
      }

      form input {
      margin: 0em 0em 0.25em 0em;
      }

      form input[type='text'], input[type="password"], input[type="file"]{
      margin: 0em 0.5em 0.25em 0em;
      width: 30em;
      }

      form input[type="radio"]{
      margin-right: 0.5em;
      vertical-align: top;
      }

      label input[type="radio"]{
      margin-right: 2px;
      }

      form input[type='checkbox']{
      display: inline;
      }

      /* Use DL, DT, and DD in form to get nice tabular layout.  The DT is the label, the DD the contents */

      dl.form {}
      dl.form dt {float: left; clear: left; width: 7em; font-weight: bold; margin-top: 1em;}
      dl.form dd {float: left; margin-left: 0px; margin-top: 1em;}

      /* moving inputs down depending on type */
      input {
      position: expression(this.type == "radio" || this.type == "checkbox" ? "relative" : '');
      top: expression(this.type == "radio" || this.type == "checkbox" ? "4px" : '');
      }

      input[type='radio'], input[type='radio'] {
      position: inline;
      top: 4px;
      }

      input[type='checkboxsubtitle_header'] {
      position: relative;
      top: 2px;
      }

      form select{
      border-style: single;
      height: expression(this.multiple == "true"  ? "5em" : '');
      margin: 0.5em 0em 0.25em 0em; /* ie only */
      margin-left: 0px;
      padding-left: 0px;
      width: 15em;
      }

      /* ff only */
      form select[multiple='true'] {
      padding: 0em 0.5em 0.25em 0em;
      height: 5em;
      }

      form br {
      clear: left;
      }

      /********************************
      * Clearance
      *********************************/
      fieldset {
      background: #EBF5FF;
      padding: 10px 10px 10px 10px;
      margin-bottom:5px;
      }

      fieldset.needsUpdate {
      background: pink;
      }

      div.needsUpdate {
      background: pink;
      }

      legend {
      color: #363636;
      font-size: 1.2em;
      font-weight: bold; /** color: #5A6264; **/
      }

      div.clearance_tab_content {
      height: 100px;
      overflow: auto;
      min-height: 200px;
      /* border: 1px solid blue; */
      }

      table.company_clearance{
      width:100%;
      margin-top: 4px;
      }

      table.company_clearance td{
      vertical-align:baseline;
      }

      table.company_clearance label{
      width:7em;
      }

      table.company_clearance input{
      width: 9.5em;
      padding-right: 0px;
      margin-right: 4px;
      padding-right: 4px;
      }

      table.company_clearance td {
      vertical-align: top;
      white-space: nowrap;
      }

      td.clearance select,
      td.clearance input {
      width: 10em;
      }

      td.clearance label {
      width: 8em;
      }
      td.middle label {
      width: 5em;
      }
      td.middle input {
      width: 5em;
      }
      td.middle select {
      width: 12em;
      }
      div.clearance_header {
      background-color:#5792CE;
      color:white;
      font-size: 1.1em;
      padding: 3px 6px 3px 6px;
      white-space: nowrap;
      }
      div.clearance_header table {
      color:white;
      white-space: nowrap;
      }

      td.clearance_form_source {
      padding-left: 10px;
      padding-top: 2px;
      }

      /********************************
      * Basic Info
      *********************************/

      table.company_basic_info {
      /*width: 100%;*/
      }

      table.company_basic_info label {
      width: 100px;
      }

      table.company_basic_info span {
      font-size: 1.3em;
      }

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

      td.basic_info select,
      td.basic_info input {
      width: 10em;
      }
      td.basic_info label {
      width: 8em;
      }

      /* company address edit form */

      form .company_basic_info_edit > div {width: 50%; float: left;}

      form .company_basic_info_edit label {
      display: block;
      width: auto !important;
      float: none;
      margin: 0px;
      padding: 0px;
      }

      /* make block display so we can have fixed width.  This then requires float */
      form .company_basic_info_edit label span {
      min-width: 80px;
      display: block;
      float: left;
      }

      form .company_basic_info_edit label input, form .company_basic_info_edit label select {
      display: inline;
      margin-right: 0px;
      margin-top: 0px;
      }

      form .company_basic_info_edit label input[type='text'], form .company_basic_info_edit label select {
      width: 210px !important;
      font-size: 1.3em;
      }


      form .company_basic_info_edit div.address_detail {clear: left;}

      form .company_basic_info_edit div.address_format_0 {}
      form .company_basic_info_edit div.address_format_1 {}

      /* USA and Canada among others */
      form .company_basic_info_edit div.address_format_2 {}
      form .company_basic_info_edit div.address_format_3 {}

      form .company_basic_info_edit div.address_format_2 label.zip {float: left; width: 180px important;}
      form .company_basic_info_edit div.address_detail label.zip input[type='text'] {width: 6.0em !important}

      form .company_basic_info_edit div.address_format_2 label.state {}
      form .company_basic_info_edit div.address_format_2 label.state span {min-width: 0px; margin-left: 6px; margin-right: 4px;}
      form .company_basic_info_edit div.address_format_2 label.state select {width: 80px !important}

      /********************************
      * Clearance Nav
      *********************************/
      div.clearance_nav {
      height: 150px;
      width: 100%;
      }

      div.clearance_nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      padding: 0px;
      }

      div.clearance_nav li {
      background: #dddddd;
      border: 1px solid black;
      border-bottom: 0px;
      float: left;
      height: 15px;
      margin: 0;
      padding: 0;
      padding: 5px;
      text-align: center;
      }

      div.clearance_nav li.active {
      background: #fff;
      border-bottom: 0px;
      position: relative;
      top: 1px;
      }

      div.clearance_nav div.content {
      border: 1px solid black;
      float: right;
      width: 100%;
      }

      div.clearance_nav .minimizer {
      background: #dddddd;
      color: #fff;
      font-weight: bold;
      vertical-align: middle;
      width: 10px;
      }

      /*clearance*/
      div.clearance {
      /* border: 1px solid green; */
      }
      /*********************************
      TABS
      *********************************/

      div.tab_content {
      display:none;
      }

      div.tab_content_selected {
      display:block;
      }

      div.tabset_scrolling_content {
      /* border: 1px solid red; */
      /*min-height: 200px;*/
      overflow:auto;
      }

      ul.tabs {
      display: block;
      list-style: none;
      margin: 0px 0px 0px 30px;
      padding: 0px;
      }

      ul.tabs li {
      float: left;
      height: 24px;
      margin-right: 1px;
      margin-bottom: 7px;
      width: 95px;
      }

      * html  ul.tabs li {
      margin-bottom: 5px;
      }

      ul.tabs li a {
      color: #000000;
      display: block;
      font-weight: bold;
      padding: 5px 0px;
      text-align: center;
      width: 100%;
      }

      ul.tabs li a:visited {
      color: #000000;
      }

      ul.tabs li.tabError a {
      color: red;
      }

      ul.tabs li.checkbox {
      background: none;
      margin-left: 20px;
      margin-top: 5px;
      }

      * html div. ul.tabs li.checkbox {
      margin-top: 0px;
      }

      br {
      clear:both;
      }

      ul.maintabs li {
      background: url(/local/images/global/tab_right.gif) no-repeat right top #ffffff;

      }

      ul.maintabs a {
      background: url(/local/images/global/tab_left.gif) no-repeat left top;
      }

      ul.maintabs li.selected {
      background: url(/local/images/global/tab_right_selected.gif) no-repeat right top;
      }

      ul.maintabs li.selected a {
      background: url(/local/images/global/tab_left_selected.gif) no-repeat left top;
      }

      ul.maintabs li.update {
      background: url(/local/images/global/tab_right_update.gif) no-repeat right top;
      }

      ul.maintabs li.update a {
      background: url(/local/images/global/tab_left_update.gif) no-repeat left top;
      }

      /* when a tab marked update is also selected, we don't want the special colour */
      ul.maintabs li.update[class='update selected'] {
      background: url(/local/images/global/tab_right_selected.gif) no-repeat right top;
      }

      ul.maintabs li.update[class='update selected'] a {
      background: url(/local/images/global/tab_left_selected.gif) no-repeat left top;
      }


      ul.subtabs {
      height: 21px;
      margin-bottom: 0px;
      }

      ul.subtabs li {
      float:right;
      background: url(/local/images/global/subtab_right.gif) no-repeat right top transparent;
      margin-bottom: 0px;
      width: 131px;

      }
      ul.subtabs a {
      background: url(/local/images/global/subtab_left.gif) no-repeat left top ;

      }

      ul.subtabs li.selected {
      background: url(/local/images/global/subtab_right_selected.gif) no-repeat right top;
      }

      ul.subtabs li.selected a {
      background: url(/local/images/global/subtab_left_selected.gif) no-repeat left top;
      }



      /************************************
      Rounded Corner Box
      ************************************/

      table.box {
      background: #E0E0E0;
      border-collapse: collapse;
      border-left-width: 1;
      /*border: 1px solid #d7dcde;*/
      margin-top: -8px;
      width: 100%;
      }

      * html  div.box {
      width: 99%;
      }

      table.box td.top {
      background: #E0E0E0;
      border-top: 1px solid #b3b2b2;
      }

      table.box td.bottom {
      background: #E0E0E0;
      border-bottom: 1px solid #b3b2b2;
      }

      table.box td.left {
      background: #E0E0E0;
      border-left: 1px solid #b3b2b2;
      }

      table.box td.right {
      background: #E0E0E0;
      border-right: 1px solid #b3b2b2;
      }

      table.box td.top_left {
      background: url(/local/images/global/box_top_left.gif) bottom right #F1F0F0 no-repeat ;
      height: 11px;
      width: 11px;
      }

      table.box td.top_right {
      background: url(/local/images/global/box_top_right.gif) bottom left #F1F0F0 no-repeat;
      height: 11px;
      width: 11px;
      }

      table.box td.bottom_left {
      background: url(/local/images/global/box_bottom_left.gif) top right	#F1F0F0 no-repeat;
      height: 11px;
      width: 11px;
      }

      table.box td.bottom_right {
      background: url(/local/images/global/box_bottom_right.gif) top left  #F1F0F0 no-repeat;
      height: 11px;
      width: 11px;
      }


      /********************************
      * Notes Div
      *********************************/
      div.notesdiv {
      width: 100px;
      border: 2px outset #cdcccc;
      height:400px;
      background:#F1F0F0;
      position:absolute;
      top: 65px;
      left:0px;
      z-index: 10;
      }

      div.notesdiv div.notescontent {
      border-right: 20px #4395E9 solid;
      height: 390px;
      padding-top: 10px;
      padding-left: 10px;
      }

      div.notesdiv textarea {
      width: 95%;
      height: 95%;
      }


      div.contacts_notes_div {
      z-index: 11;
      }

      div.contacts_notes_div td.rightbar {
      width: 20px;
      background: #C2E0FF;
      border: 2px outset #C2E0FF;
      }



      /********************************
      * List Nav
      *********************************/
      div.list_nav {
      padding-top: 5px;
      text-align: center;
      font-size: 90%;
      }

      * html div.list_nav {
      position: relative;
      top: -3px;
      }

      div.list_nav span.indicator {

      }

      div.list_nav span.indicator_current {
      font-size: 1.1em;
      font-weight: bold;
      }

      #select_current_page option {}

      div.list_nav a.arrow_left {float: left; padding-left: 4px;}
      div.list_nav a.arrow_right {float: right; padding-right: 4px;}

      /****
      * Pagebar
      *****/

      div.pagebar {
      padding-top: 0px;
      font-size: 90%;
      text-align: center;
      }

      div.pagebar select {
      width: 60px;
      margin-top: 0px;
      }

      div.pagebar a.arrow_left {float: left; padding-left: 4px;}
      div.pagebar a.arrow_right {float: right; padding-right: 4px;}



      /****************************************
      DESIGN STYLES
      ****************************************/
      table.clearanceList {
      border-style: solid;
      border-color: #cdcccc;
      border-collapse: collapse;
      border-top-width: 0;
      border-right-width: 0;
      border-bottom-width: 0;
      border-left-width: 1 !imporant;
      }

      table.clearanceList th {
      background: url(/local/images/global/comanylist_h_bg.gif) repeat-x left top;
      border: 1px solid #cdcccc;
      padding: 2px 8px;
      text-align: left;
      }

      table.clearanceList td {
      border: 1px solid #cdcccc;
      padding: 2px 8px;
      text-align: left;
      }

      table.clearanceList tr.odd,
      table.clearanceList tr.row_odd
      {
      background: #ffffff;
      }
      table.clearanceList tr.even,
      table.clearanceList tr.row_even
      {
      background: #F7F7F7;
      }

      table.clearanceList tr.selected
      {
      z-index: 2;
      background: #5792ce;
      color: #ffffff;
      }

      .needsUpdate {
      background-color: #FFCCD1 !important;
      }

      /*
      tr[type="needsUpdate"] td {
      background-color: #FFCCD1 !important;
      }
      */
      tr[type="deleted"] td, tr[type="deleted"] A {
      color: red !important;
      }

      td.emailed_very_recently {
      background-color: #cadecf !important;
      }

      td.emailed_recently {
      background-color: #f9dea9 !important;
      }

      td.has_current_source {
      background-color: #cadecf !important;
      }

      /***************************************
      unit tests
      *****************************************/
      #log {
      border-bottom: 2px solid #000;
      margin-bottom: 2em;
      padding-bottom: 1em;
      }

      #logsummary {
      border: 1px solid #000;
      font-weight: bold;
      margin-bottom: 1em;
      padding: 1ex;
      }

      #logtable {
      border: 1px dotted #666;
      border-collapse: collapse;
      border-left-width: 1;
      width: 100%;
      }

      #logtable td, #logtable th {
      border: 1px dotted #666;
      padding: 3px 8px;
      text-align: left;
      }

      #logtable .passed {
      background-color: #cfc;
      }

      #logtable .failed, #logtable .error {
      background-color: #fcc;
      }

      /****************************************
      END DESIGN STYLES
      ****************************************/



      /****************************************
      footer nav/view
      ****************************************/
      td.footer {
      background: url(/local/images/global/background_footer.gif) repeat-x;
      height: 24px;
      }

      td.footer div {
      border: 1px inset #808080;
      float: right;
      margin-right: 10px;
      padding: 0px 20px 0px 20px;
      }

      td.footer div,
      td.footer div a {
      color: #808080;
      font-size: 0.91em;
      }

      /****************************************
      info pane
      ****************************************/
      div.columnar_list {
      white-space: nowrap;
      float: left;
      clear: left;
      }
      ul.columnar_list {
      margin: 0px;
      padding: 0px 0px 0px 12px;
      }

      ul.columnar_list li {
      white-space: nowrap;
      width: 16.5em;
      float: left
      }
      span.action_tag {
      font-size: 0.9em;
      color: #97a8b6;

      }
      /****************************************
      home
      ****************************************/
      ul.employee_home li {
      list-style: none;
      padding: 10px;
      }

      table.employee_home tr td img {
      border: none;
      }
      table.employee_home tr td a,
      table.employee_home tr td a:hover,
      table.employee_home tr td a:visited {
      color: #859CB0;
      font-size: 2em;
      }

      /****************************************
      table styling
      ****************************************/

      /* add a class called styled to your table, and make sure it is in div.content */

      /* FF bug: http://www.charlesgarwood.com/blog/?p=13 */
      table.styled {
      border-spacing: 0;
      border-width: 0
      table-layout:fixed;
      width: 100%;
      }

      table.styled.grid {
      border-top: 1px solid #B3B2B2;
      }

      table.styled tr th {
      background: #c2e0ff;
      border: 1px solid #B3B2B2;
      padding: 3px;
      overflow:hidden;
      }

      table.styled tr.odd td,
      table.styled tr.row_odd td {
      background: #f0f7fe;
      border: 1px solid #B3B2B2;
      padding: 3px;
      overflow:hidden;
      }

      table.styled tr.even td,
      table.styled tr.row_even td {
      background: #ffffff;
      border: 1px solid #B3B2B2;
      padding: 3px;
      overflow:hidden;
      }

      table.styled tr td a {
      color:black;
      text-decoration: underline;
      }
      table.styled tr.red td,
      table.styled tr.red td a {
      color:red;
      }
      table.styled tr.green td,
      table.styled tr.green td a {
      color:green;
      }
      table.styled tr.grey td,
      table.styled tr.grey td a {
      color:#B3B2B2;
      }



      /* fix for clipped letters inside grids: put a div inside td */
      table.styled tr td > div, table.styled tr th > div {
      padding: 0px 1px;
      }

      .sortArrow {
      font-size:0.75em;
      }
      .checkboxwrapper {
      height:10px;
      }

      /****************************************
      users
      ****************************************/
      div.box_user,
      div.box_user * {
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 0.96em;
      }

      div.box_user {
      background: #F6EDD8;
      border: 1px outset #F6EDD8;
      padding: 5px;
      }

      div.box_user h1 {
      background: url(/local/images/global/icon_user.gif) no-repeat;
      margin-left: 20px;
      padding: 2px 0px 5px 20px;
      }

      div.box_user div {
      margin-left: 20px;
      padding-top: 5px;
      }

      div.box_user div.separator {
      border-top: 1px inset #F6EDD8;
      height: 1px;
      margin: 0px;
      overflow: hidden;
      padding: 0px;
      width: 100%;
      }

      div.box_user div.user_footer,
      div.box_user div.user_footer a {
      color: #748FAA;
      font-size: 0.94em;
      }

      /******************************************************
      AUTOCOMPLETER
      *******************************************************/

      div.autocomplete {
      width: 350px;
      background: #fff;
      DISPLAY: none;
      Z-INDEX: 100;
      }

      div.auto_complete ul {
      border:1px solid #888;
      margin:0;
      padding:0;
      width:99.6%;
      list-style-type:none;
      font-family:arial;
      border-left: 0 solid #888;;
      }

      div.auto_complete ul li {
      margin:0;
      padding:3px;
      cursor:pointer;
      font-weight:normal;
      border-left: 1px solid #888;;
      background-color: #fff;
      }

      div.auto_complete ul li.selected {
      background-color: #B4DAFF;
      font-weight:normal;
      border-left: 1px solid #888;;

      }

      div.auto_complete ul strong.highlight {
      color: #800;
      margin:0;
      padding:0;
      }

      div.monospace ul{
      border:1px solid #888;
      margin:0;
      padding:0;
      width:99.6%;
      list-style-type:none;
      border-left: 0 solid #888;;
      }

      div.monospace li{
      font-family:monospace;
      font-size:1.1em;
      }


      /******************************************************
      TOOLTIP
      *******************************************************/
      .navtext {
      width:235px;
      font-size:.9em;
      font-family:verdana;
      border-width:2px;
      border-style:outset;
      border-color:#006BAE;
      layer-background-color:#B4DAFF;
      background-color:#B4DAFF;
      color:#333;
      }


      /********************************
      EMAIL EDIT
      *********************************/
      table.email_edit {
      /*width: 100%;*/
      }

      table.email_edit label {
      width: 100px;
      }

      table.email_edit span {
      font-size: 1.3em;
      }

      table.email_edit input {
      font-size: 1.3em;
      }

      table.email_edit textarea {
      font-size: 1.3em;
      }

      table.email_edit a {
      font-size: 1.3em;
      }

      table.email_edit select {
      font-size: 1.3em;
      }

      #titles_table_div table td.c1 {width: 30px; text-align: center;}
      #titles_table_div table td.c2 {text-indent: 5px;}
      #titles_table_div table td.c3 {width:60px;text-indent: 5px}
      #titles_table_div table td.c4 {width: 50px; text-align: center;}
      #titles_table_div table td.c5 {width:50px;}

      #titles_table_content td.hidden_title {color: #AAA;}


      /********************************
      HIRING FUNCTIONS EDIT
      *********************************/

      table.styled tr.line TD {
      border-top-width: 2px;
      }

      div.grid-holder {overflow: auto;}

      /*******************************
      EXT
      *********************************/
      .x-messagebox-confirm-fix INPUT {display:none;}
      .x-window-bc .x-window-footer {
      padding-bottom: 0px;
      }
      .ext-mb-content {float:left;}