body {
  margin:0;
  padding:0;
}
#kg_menu_bar {
  z-index:1;
}
#resizablepanel {
  z-index:2;
}
#resizablepanel .bd {
  overflow:auto;
  background-color:#fff;
  padding:10px;
}

#resizablepanel .ft {
  height:15px;
  padding:0;
  clear:both;
}

#resizablepanel .yui-resize-handle-br {
  right:0;
  bottom:0;
  height: 8px;
  width: 8px;
  position:absolute;
}

/*
  The following CSS is added to prevent scrollbar bleedthrough on
  Gecko browsers (e.g. Firefox) on MacOS.
*/

/*
  PLEASE NOTE: It is necessary to toggle the "overflow" property
  of the body element between "hidden" and "auto" in order to
  prevent the scrollbars from remaining visible after the the
  Resizable Panel is hidden.  For more information on this issue,
  read the comments in the "container-core.css" file.

  We use the #reziablepanel_c id based specifier, so that the rule
  is specific enough to over-ride the .bd overflow rule above.
*/

#resizablepanel_c.hide-scrollbars .yui-resize .bd {
  overflow: hidden;
}

#resizablepanel_c.show-scrollbars .yui-resize .bd {
  overflow: auto;
}

/*
  PLEASE NOTE: It is necessary to set the "overflow" property of
  the underlay element to "visible" in order for the
  scrollbars on the body of a Resizable Panel instance to be
  visible.  By default the "overflow" property of the underlay
  element is set to "auto" when a Panel is made visible on
  Gecko for Mac OS X to prevent scrollbars from poking through
  it on that browser + platform combintation.  For more
  information on this issue, read the comments in the
  "container-core.css" file.
*/

#resizablepanel_c.show-scrollbars .underlay {
  overflow: visible;
}
.table_list_table {
  width:80%;
  margin-left:10%;
}
.table_list_table th {
  font-weight:bold;
  text-align:center;
}
.table_list_table tr.even_row td {
}
.table_list_table tr.odd_row td {
  background-color:#cccccc;
}
.form_field {
  text-align:left;
  padding-bottom:.3em;
}
.form_field label {
  width:45%;
}
#table_editor_form label, #table_editor_form a {
  display:inline-block;
  margin-bottom:.5em;
}
#search_box.open {
  border:1px #000000 solid;
  padding:.5em;
  margin:.5em;
}
#search_box.closed #search_box_content {
  display:none;
}
#search_box.closed #search_button {
  margin-bottom:.5em;
  margin-left:1em;
}
#search_box.closed {
  border:0px;
}

#search_box label em {
  display:inline-block;
  width:50%;
}
#search_box label {
  display:inline-block;
  margin-bottom:.5em;
  width:50%;
}
.calendar_popup {
  display:none;
  position:absolute;
  z-index:2;
}
TD {
  vertical-align:top;
}
#table_editor_form label em {
  display:inline-block;
  width:15em;
}
#payment_page_editor___Frame {
  float:left;
}
.calendar_prev_month, .calendar_month, .calendar_next_month {
  text-align:center;
  font-size:110%;
}
.calendar_row th {
  text-align:center;
}
#popup_message {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #000000;
  cursor:pointer;
  display:none;
  overflow:auto;
  padding:1em;
  position:absolute;
  text-align:left;
  z-index:2;
}
.table_editor_column {
  float:left;
  margin-left:10px;
}
.critical_note_link {
  cursor:pointer;
}
.critical_note_link:hover {
  background-color:#AAF;
}
#critical_notes_box {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:50em;
}
#critical_notes_links_box {
  text-align:left;
  border-top:1px #000 solid;
  border-bottom:1px #000 solid;
  width:10em;
  float:left;
  border-right:2px #999 groove;
  border-left:1px #000 solid;
  height:10em;
  overflow-y:scroll;
}
.selected_box {
  background:#009;
  color:#fff;
  cursor:default;
}
.selected_box:hover {
  background:#009;
  color:#fff;
  cursor:default;
}
#critical_note_bodies_box {
  /*
  border-top:1px #000 solid;
  border-bottom:1px #000 solid;
  border-right:1px #000 solid;
  */
  width:37em;
  float:left;
  /*height:10em;
  overflow-y:scroll;*/
  text-align:left;
}
.critical_note_body {
  margin-bottom:2em;
  border-bottom:1px #000 solid;
}
.critical_note_body span {
  display:block;
}
#admin_agent_link_instructions b {
  display:inline-block;
  width:125px;
}
#admin_agent_link_instructions {
  margin:15px 0;
}
#add_button {
  margin-bottom:10px;
}
#icc_left_pane {
  height:100%;
  width:275px;
  overflow:hidden;
  float:left;
  padding-right:5px;
}
#icc_right_pane {
  height:100%;
  overflow-y:scroll;
  overflow-x:hidden;
  float:left;
  padding-left:10px;
}
#icc_panes {
  /*height:100%;
  clear:both;
  */
}
.icc_nav_list li {
  vertical-align:center;
}
.icc_nav_list li.header, .icc_header_link {
  font-weight:bold;
  background: url(../yui/build/assets/skins/sam/sprite2.png) 0 -1635px;
}
.icc_nav_list a, .icc_nav_list li.header, .icc_header_link {
  color:#000;
  text-decoration:none;
  display:inline-block;
  width:82%;
  padding:5px 5px;
  overflow:hidden;
}
.icc_nav_list li.header {
  width:98%;
}
.icc_header_link {
  width:100%;
}
.icc_nav_list li:hover {
  background: url(../yui/build/assets/skins/sam/sprite2.png) 0 -1635px;
}
.icc_nav_list a.selected {
  background: url(../yui/build/assets/skins/sam/sprite2.png) 0 -1700px;
}
.customer_balance {
  float:right;
  width:25px;
  margin-right:15px;
}
.icc_nav_list li.header .customer_balance {
  margin-right:40px;
}
#left_navigation_nav {
  margin:auto;
  display:block;
  text-align: center;
}
#left_navigation_nav a, .sub_nav_select {
  display:inline-block;
  font-size:10px;
  padding:1px 1px;
  border:1px #009 solid;
  margin:3px 3px;
  text-align:center;
  color:#000;
  text-decoration:none;
}
#left_navigation_nav a:hover {
  background:#aaf;
}
#left_navigation_nav a.selected {
  background:#00a;
  color:#fff;
}
.sub_nav_select {
  width:auto;
  text-align:left;
}
.invoice_header_table {
  width:95%;
  margin-left:auto;
  margin-right:auto;
}
.invoice_header_table th {
  width:100px;
}
.invoice_header_table td {
}
.invoice_table {
  width:95%;
  margin-left:auto;
  margin-right:auto;
}
.invoice_table th {
  font-weight:bold;
}
.invoice_table .dollar_cell {
  text-align:right;
}
.icon_button {
  cursor:pointer;
}
.note_box_even {
  background-color:#eeeeee;
  border:2px #cccccc outset;
  margin:1em;
}
.note_box_odd {
  background-color:#cccccc;
  border:2px #aaaaaa outset;
  margin:1em;
}
.note_date_box {
  font-weight:bold;
  display:inline-block;
  width:25%;
}
.email_reminder_box, .critical_box {
  display:inline-block;
  width:45%;
  margin-left:5%;
}
.selected_status_box, .hide_from_agents_box {
  display:inline-block;
  width:45%;
}
.note_body_box {
  position:relative;
  font-family:Segoe UI, Arial, monospace;
  width:90%;
  left:5%;
  background-color:#ffffff;
  padding:.5em;
  border:2px #eeeeee inset;
  margin-bottom:1em;
}
.note_author_box {
  font-family:Segoe UI, Arial;
  font-weight:bold;
  display:inline-block;
  width:75%;
  margin-left:5%;
}
.make_selection_prompt {
  display:block;
  margin-top:7em;
  text-align:center;
  font-weight:bold;
  font-size:18px;
}
.invoice_column {
  float:left;
  width:25%;
}
.date_column {
  float:left;
  width:25%;
}
.status_column {
  float:left;
  width:25%;
}
.balance_column {
  float:left;
  width:25%;
  text-align:right;
}
.header .invoice_column {
  float:left;
  width:23%;
}
.header .date_column {
  float:left;
  width:23%;
}
.header .status_column {
  float:left;
  width:23%;
}
.header .balance_column {
  float:left;
  width:23%;
  text-align:right;
}
#icc_right_pane .note_body_box {
  left:0;
  margin-left:2.5%;
  position:static;
}
#icc_right_pane .email_reminder_box, #icc_right_pane .critical_box {
  display:inline;
  width:auto;
}
#icc_right_pane .selected_status_box, #icc_right_pane .hide_from_agents_box {
  display:inline;
  padding-left:300px;
  width:auto;
}
#email_option_list h1 {
  font-weight:bold;
  text-align:center;
}
#email_option_list .selectable_list li {
  float:none;
}
#email_option_list li, .selectable_list {
  float:left;
}
#email_option_list {
  width:100%;
}
.fixed_width {
  display:inline-block;
  width:3.5em;
  text-align:right;
  padding-right:.5em;
}
.email_recipient_list {
  width:35%;
  height:10em;
}
#original_invoice_input {
  position:absolute;
  top:3px;
}
.exception_report_row td {
  font-weight:bold;
}
.exception_report_row_top td {
  border-top:2px #900 outset;
}
.exception_report_row_bottom td {
  border-bottom:2px #900 outset;
}
#history_dialog {
  background:#fff;
  border:2px groove #009;
  display:inline-block;
  position:relative;
  top:10px;
  left:10px;
}
#history_options, #history_log {
  padding:3px 1em;
}
#history_options div {
  display:inline-block;
  cursor:pointer;
  padding:0 5px;
}
#history_options div:hover {
  text-decoration:underline;
}
#history_title {
  clear:both;
  display:block;
  background:#006;
  color:#fff;
  font-size:93%;
  font-weight:bold;
  line-height:2;
  padding:0 10px;
}
#history_log {
}
.popular_history_hide {
  display:inline-block;
  margin-right:3px;
  cursor:pointer;
}
.merge_field_selection {
  width:200px;
  text-align:right;
}
#left_hand_additional_html .sidebar_box {
  float:none;
  clear:none;
}
#sysco_icare_division {
  display:none;
  border:1px #009 solid;
  margin:1em;
  width:auto;
}
#icare_lead_link {
  color:#00f;
  text-decoration:underline;
  cursor:pointer;
  text-align:center;
  padding:1em 0;
}
#icare_lead_link:hover {
  text-decoration:none;
}
#exception_report tr.odd_row td {
  border-top:1px #000 solid;
  border-bottom:1px #000 solid;
}
.client_list {
  vertical-align:top;
  display:inline-block;
  width:200px;
  border:1px #000 solid;
  margin:1em 0;
  height:80%;
  overflow-y:auto;
}
.active_exceptions {
  vertical-align:top;
  display:inline-block;
  min-width:70%;
  margin:1em 0;
  padding-right:1em;
  border:1px #000 solid;
  border-left:0;
  height:80%;
  overflow-y:auto;
}
.client_list ul {
  list-style-type:none;
  margin-left:1em;
}
.selected_client {
  font-weight:bold;
  background:#bbb;
}
.client_list > ul > li > a {
  text-decoration:none;
  color:#000;
  display:block;
}
.client_list > ul > li > a:hover {
  background:#eee;
}
.client_list h3 {
  text-align:center;
  font-weight:bold;
  font-size:120%;
}
.exception_table {
  margin-bottom:1em;
}
.exception_table tr td {
  width:30%;
}
.exception_table tr th {
  font-weight:bold;
  width:20%;
}
.exception_table.odd_row tr td, .exception_table.odd_row tr th, #pay_agent_table tr.odd_row td, #pay_agent_table tr.odd_row th, #icc_nav_view li.odd_row {
  background-color:#ccc;
}