@import 'reset.css';

@import 'forms.css';
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
  display: table;
}
body:after {
  clear: both;
}
body {
  font-size: 15px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  background: #d0d0d0 url('../images/background.jpg') no-repeat top center;
}
.green {
  color: #7bc143;
}
.bold {
  font-weight: bold;
}

div.contentwrapper {
  width: 100%;
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header#top {
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
  width: 100%;
  text-align: center;
}

header#top h1 {
  line-height: 0px;
  text-indent: -2000px;
}
header#top img {
  float: none;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 12px;
}
header#top a {
  font-size: 1.2em;
}
header#top div.menu {
  float: right;
}
header#top div.menu a {
  font-size: .85em;
}
header#top div.menu a img {
  display: inline;
  height: 18px;
  width: 18px;
  position: relative;
  top: 5px;
  margin: 0px;
  margin-right: 8px;
}
#maincolumn {
  width: 100%;
  text-align: center;
}
div#table table {
  margin: 0 auto;
  font-size: .95em;
}
div#table table,
div#table th,
div#table td {
  border: 1px solid #dddddd;
  border-collapse: collapse;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #555;
}
div#table caption {
  font-size: 150%;
  font-weight: bold;
  margin: 5px;
}

div#table td,
div#table th {
  padding: 3px;
}
div#table thead th {
  text-align: left;
  padding-left: 7px;
  color: #000000;
  font-size: 95% !important;
  vertical-align: middle;
}
div#table tbody th {
  font-weight: bold;
}
div#table tbody tr {
  background: white;
}
div#table tbody tr:nth-child(even) {
  background: #EFEFEF;
}
div#table table a:link {
  color: #718ABE;
  text-decoration: none;
}
div#table table a:visited {
  color: #718ABE;
  text-decoration: none;
}
div#table table a:hover {
  color: #718ABE;
  text-decoration: underline !important;
}
div#table tfoot th,
div#table tfoot td {
  font-size: 85%;
}
div#table table a.delete,
div#table table a.popup_send_email {
  height: 20px;
  width: 20px;
  background-image: url('../images/company_icon_x.png');
  float: left;
}
div#table table a.popup_send_email {
  background-image: url('../images/company_icon_plus.png');
  margin-left: 3px;
}
div.chat_log {
  height: 378px;
  border-style: solid;
  border-width: 1px;
  border-color: #D4E0EE;
  margin: 3px;
  background-color: white;
}
div.chat_log ol {
  height: 378px;
  overflow-y: auto;
}
input#add_question {
  width: 300px;
}
select#private_message,
input#message_input,
input#comments {
  background-color: white;
}
input#autocomplete {
  background-color: white;
  width: 120px;
}
select#private_message {
  float: left;
}
.ui-sortable input.order_edit {
  width: 21px;
}
span.hidden {
    display:none;
    visibility:hidden;
}
span.title {
  border-bottom: 1px solid #D4E0EE;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #555;
  width: 100%;
  display: block;
  padding: 0px;
  text-align: center;
  background: #E6EDF5;
  color: #4F76A3;
  font-size: 100% !important;
  height: 24px;
  padding-top: 4px;
}

input.text[disabled='true'],
input.email[disabled='true'],
input.password[disabled='true'],
textarea.uniform[disabled='true'] {
  background: #dddddd url('images/bg-input-disabled.png') repeat-x 0px 0px;
  background: none;
  border: 0px;
}
div.btn_top,
div.btn_up,
div.btn_down,
div.btn_bottom,
div.btn_delete {
  line-height: 0px;
  text-indent: -100000px;
  cursor: pointer;
  border: 0px;
  height: 18px;
  width: 16px;
  background: url('../images/question_icon_sprite.png') transparent;
  float: left;
}
div.btn_top[disabled='true'],
div.btn_up[disabled='true'],
div.btn_down[disabled='true'],
div.btn_bottom[disabled='true'],
div.btn_delete[disabled='true'] {
  background: url('../images/question_icon_sprite_disabled.png') transparent;
  cursor: default;
}
label:after {
  content: ":";
}
div.btn_top {
  background-position: -6px 0px !important;
}
div.btn_up {
  background-position: -29px 0px !important;
}
div.btn_down {
  background-position: -53px 0px !important;
}
div.btn_bottom {
  background-position: -75px 0px !important;
}
div.btn_delete {
  background-position: -99px 0px !important;
}
div.notification {
  color: #c14343;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 20px;
}
input.text[readonly='True'] {
  background-color: red;
}
a {
  color: #323362;
}
form a.informlinks {
  margin-left: 6px;
  font-size: .85em;
}
div.centeringwrapper {
  clear: both;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}
.ui-icon {
  background-repeat: no-repeat;
  display: block;
  float: right;
  overflow: hidden;
  text-indent: -99999px;
}
div.userleftwrapper {
  width: 69%;
}
div.userleftwrapper.page {
  width: 100%;
}
div.userleftwrapper,
div.chat_window {
  float: left;
}
div.userleftwrapper div#table,
div.chat_window div#table {
  width: 100%;
  display: block;
}
div.userleftwrapper div#table table,
div.chat_window div#table table {
  width: 100%;
}
div.userleftwrapper .ui-accordion-header .ui-icon,
div.chat_window .ui-accordion-header .ui-icon {
  left: auto;
  right: .5em !important;
}
div.userleftwrapper .ui-accordion-content,
div.chat_window .ui-accordion-content {
  padding: .1em;
  background-color: #E3E3E3;
  top: 0px;
  padding: 0px;
  margin-top: 0px;
}
div.userleftwrapper .ui-accordion-content div#table,
div.chat_window .ui-accordion-content div#table {
  background-color: #E3E3E3;
  border-top: 0px;
  border-bottom: 0px;
  padding-bottom: 12px;
  display: block;
}
div.userleftwrapper .ui-accordion-header img,
div.chat_window .ui-accordion-header img {
  margin-top: 8px;
  display: block;
  margin-left: 9px;
  margin-right: 4px;
}
div.top {
  text-shadow: 0 1px 0 #ccc;
  text-align: left;
  font-weight: bold;
  display: block;
  height: 24px;
  background-color: #e6e6e6;
  border: 3px solid #E3E3E3;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #000000;
}
.iconwrapper {
  width: auto;
  position: relative;
  float: right;
  z-index: 2000;
  height: 23px;
  display: inline;
  padding: 0px;
  border: 0px;
  right: 30px;
  top: 10px;
  background: none;
}
ul.icons {
  float: right;
  margin-right: 0px;
  display: inline;
  position: relative;
  z-index: 1000;
}
ul.icons li {
  display: inline-block;
  float: left;
  height: 21px;
  width: 21px;
}
ul.icons li a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0px;
}
ul.icons li.save {
  background: url('../images/icon-save.png') transparent;
  margin-right: 4px;
}
ul.icons li.popout {
  margin-right: 4px;
  background: url('../images/icon-popout.png') transparent;
}
ul.icons li.print {
  margin-right: 4px;
  background: url('../images/icon-print.png') transparent;
}
ul.icons li.input {
  background: none;
  width: 152px;
}
ul.icons li.settings {
  margin-right: 4px;
  background: url('../images/icon-settings.png') transparent;
}
div#partsearchicon {
  background: url('../images/icon-search.png') transparent;
  display: inline-block;
  float: right;
  height: 21px;
  width: 21px;
  margin-right: 20px;
}
input#part_search {
  z-index: 100;
}
.ui-accordion-header a {
  display: inline;
}
.headericon {
  height: 21px;
  float: left;
  margin-left: 3px;
  margin-top: 3px;
}
.ui-icon-triangle-1-e {
  background-position: -95px -16px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 0px;
}
h3.qa {
  border: 1px solid #BBBBBB;
  border-bottom: 0px;
}
div.qa {
  border: 1px solid #BBBBBB;
  border-top: 0px;
}
h3.qa.ui-state-default {
  border-bottom: 1px solid #1px;
}
h3.parti {
  border: 1px solid #BBBBBB;
  border-bottom: 0px;
}
div.parti {
  border: 1px solid #BBBBBB;
  border-top: 0px;
}
h3.parti.ui-state-default {
  border-bottom: 1px solid #BBBBBB;
}

div.chat_window form {
  border: 0px;
  float: left;
  width: 282px;
  margin-bottom: 2px;
}
div.chat_window form fieldset {
  padding-top: 0px;
}
div.chat_window form input {
  margin: 0px;
}
div.chat_window input#comments {
  height: 25%;
  border-style: solid;
  border-width: 1px;
  border-color: #D4E0EE;
  margin: 3px;
}
div.chat_window div#uniform-private_message {
  float: left;
  margin-left: 9px;
}
div.menu {
  position: relative;
}
div#whos_online_div,
form.qa,
div#participant_list_length {
  height: auto;
  width: 166px;
  display: block;
  background-color: white;
  position: absolute;
  right: 99px;
  top: 28px;
  padding: 10px;
  text-align: left;
  border: 1px solid #BBBBBB;
  border-radius: 0px 3px 3px 3px;
  border-top: 0px;
  text-align: center;
  text-shadow: 0 1px 0 #FFFFFF;
  color: #333333;
  background: none repeat scroll 0 0 #d9d9d9;
}
h3.parti {
  position: relative;
}
div#participant_list_length {
  display: none;
}
form.qa,
div#participant_list_length {
  z-index: 10000;
  position: absolute;
  right: -135px;
  top: -8px;
  width: 215px;
}
form.qa label,
div#participant_list_length label {
  margin: 0px;
}
form.qa input,
div#participant_list_length input {
  width: 19px;
  margin: 0px;
  display: block;
  float: left;
  margin: 2px 0px 0px 3px;
}
div#participant_list_length form {
  border: 0px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  float: none;
  font: 100% verdana, arial, sans-serif;
  margin: 0 0 1em;
  padding: 0;
  text-align: left;
  width: auto;
  margin-bottom: 3px;
}
div#participant_list_length form input {
  margin-top: 4px;
}
a.minimalbutton {
  background: #e3e3e3;
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 8px 8px 9px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 115px;
}
a.minimalbutton:hover {
  background: #d9d9d9;
  -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
  box-shadow: inset 0 0 1px 1px #eaeaea;
  color: #222;
  cursor: pointer;
}
a.minimalbutton:active {
  background: #d0d0d0;
  -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
  box-shadow: inset 0 0 1px 1px #e3e3e3;
  color: #000;
}
.ui-accordion .ui-accordion-content {
  overflow: visible;
}
/* datatables pagination style */
/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
  /* Feeling sorry for IE */

}
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
}
.dataTables_length {
  width: 40%;
  float: left;
}
.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right;
}
.dataTables_info {
  width: 60%;
  float: left;
}
.dataTables_paginate {
  float: right;
  text-align: right;
}
/* Pagination nested */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: none;
}
.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px;
}
.paginate_disabled_previous {
  background: url('../images/back_disabled.png') no-repeat top left;
}
.paginate_enabled_previous {
  background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
  background: url('../images/back_enabled_hover.png') no-repeat top left;
}
.paginate_disabled_next {
  background: url('../images/forward_disabled.png') no-repeat top right;
}
.paginate_enabled_next {
  background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
  background: url('../images/forward_enabled_hover.png') no-repeat top right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
.sorting_asc {
  background: url('../images/sort_asc.png') no-repeat center right;
}
.sorting_desc {
  background: url('../images/sort_desc.png') no-repeat center right;
}
.sorting {
  background: url('../images/sort_both.png') no-repeat center right;
}
.sorting_asc_disabled {
  background: url('../images/sort_asc_disabled.png') no-repeat center right;
}
.sorting_desc_disabled {
  background: url('../images/sort_desc_disabled.png') no-repeat center right;
}
.example_alt_pagination div.dataTables_info {
  width: 40%;
}
.paging_full_numbers {
  width: 400px;
  height: 22px;
  line-height: 22px;
  font-size: .75em;
}
.paging_full_numbers a:active {
  outline: none;
}
.paging_full_numbers a:hover {
  text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
}
.paging_full_numbers a.paginate_button {
  background-color: #ddd;
}
.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
  background-color: #abe376;
}
table.display tr.even.row_selected td {
  background-color: #B0BED9;
}
table.display tr.odd.row_selected td {
  background-color: #9FAFD1;
}
/*
 * Row highlighting example
 */
/* .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
  background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
  background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
  background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
  background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
  background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
  background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
  background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
  background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
  background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
  background-color: #DBFF70;
} */
div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080FF;
  background-color: #E5E5FF;
}
div.bottom {
  padding-top: 8px;
  padding-right: 10px;
}

div#table table.dataTable tr:hover,
table.dataTable tr.hovertablerow {
  background-color: #c4e3ac;
}
tr.participant_highlight {
  background-color: #c4e3ac;
}
div.userleftwrapper .ui-accordion-header.ui-corner-all,
div.chat_window .ui-accordion-header.ui-corner-all,
div.userleftwrapper .ui-accordion-header.ui-corner-bottom,
div.chat_window .ui-accordion-header.ui-corner-bottom,
div.userleftwrapper .ui-accordion-header.ui-corner-right,
div.chat_window .ui-accordion-header.ui-corner-right,
div.userleftwrapper .ui-accordion-header.ui-corner-top,
div.chat_window .ui-accordion-header.ui-corner-top,
div.userleftwrapper .ui-accordion-header.ui-corner-br,
div.chat_window .ui-accordion-header.ui-corner-br {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
div.userleftwrapper .ui-accordion-content-active.ui-corner-bottom,
div.chat_window .ui-accordion-content-active.ui-corner-bottom {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
a#qaonoff {
  display: inline;
  position: relative;
  top: 2px;
  left: 20px;
  margin: 0px;
  padding: 0px;
  height: 21px;
}
a#qaonoff img {
  margin: 0px;
  display: inline;
}
.iconwrapper.participantsicons {
  width: 250px;
}
ul.iconsleft,
ul.iconsright {
  float: left;
  width: 60px;
  position: relative;
  margin-right: 0px;
  display: inline;
  z-index: 1000;
}
ul.iconsleft li,
ul.iconsright li {
  display: inline-block;
  float: left;
  height: 21px;
}
ul.iconsleft li a,
ul.iconsright li a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
ul.iconsleft li.qabutton,
ul.iconsright li.qabutton {
  background: url('../images/QA_on.png') no-repeat;
  width: 58px;
  top: 2px;
  position: relative;
  padding: 0px;
  height: 20px;
}
ul.iconsleft li.qabutton.disabled,
ul.iconsright li.qabutton.disabled {
  background: url('../images/QA_off.png') no-repeat;
  padding: 0px;
}
ul.iconsleft li.takenext,
ul.iconsright li.takenext {
  background: url('../images/take-Q_active.png') no-repeat;
  width: 90px;
  margin: 0px;
  margin-right: 6px;
  padding: 0px;
  height: 21px;
}
ul.iconsleft li.takenext.disabled,
ul.iconsright li.takenext.disabled {
  background: url('../images/take-Q_inactive.png');
}
ul.iconsleft li.stop,
ul.iconsright li.stop {
  background: url('../images/stop-Q_active.png') no-repeat;
  width: 90px;
  margin: 0px;
  margin-right: 6px;
  padding: 0px;
  height: 21px;
}
ul.iconsleft li.stop.disabled,
ul.iconsright li.stop.disabled {
  background: url('../images/stop-Q_inactive.png');
}
ul.iconsleft li.requeue,
ul.iconsright li.requeue {
  background: url('../images/requeue_active.png');
  width: 71px;
}
ul.iconsleft li.requeue.disabled,
ul.iconsright li.requeue.disabled {
  background: url('../images/requeue_inactive.png');
}
ul.iconsright {
  float: right;
  width: 171px;
}
#highlight {
    background-color:#F7BE81;
}
#participant_list tbody.participant td { max-width: 150px; overflow: hidden; text-overflow: ellipsis; }