html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

body {
  text-align: left;
  min-width: 1000px;
  background: white;
  /* temp bootstrap */
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
  color: black;
}

li {
  list-style: disc;
}
li li {
  list-style: square;
}

a {
  color: black;
  /* reset bootstrap */
  text-decoration: underline;
}
a img {
  border: 0;
}
a:hover {
  /*        color: $c_impactblue; */
  color: black;
  cursor: pointer;
  text-decoration: none;
}

strong {
  /* restore YUI reset style */
  font-weight: bold;
}

table {
  /* reset user agent */
  whitespace: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-variant: inherit;
  font-style: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
}
table th, table td {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
}

ul, ol {
  /* restore YUI reset style */
  list-style: disc;
  padding: 0 2em;
}

form {
  margin-bottom: 0;
}

textarea {
  /* restore YUI reset style */
  width: inherit;
}

label {
  /* temp restore boostrap */
  font-weight: normal;
  display: inline;
  /* bootstrap inline-block; causes formatting issues for now... */
  margin-bottom: 0;
  /* bootstrap = 5px -- could be ok, but not yet... */
}

img {
  /* temp restore boostrap */
  vertical-align: inherit;
}

hr {
  /* temp restore boostrap */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-top-style: inset;
  border-top-width: 1px;
  border-bottom-style: inset;
  border-bottom-width: 1px;
}

/*
** General Layout
*/
.layout-dependent {
  /* see Impact.Layout() */
  display: none;
}

#page-container {
  position: relative;
}

#content {
  height: 100%;
  min-width: 1000px;
  background: white;
}

#header {
  height: 61px;
  width: 100%;
  background-color: #005b96;
  overflow: none;
  border-bottom: 1px solid #a3a3a3;
  z-index: 2;
}
#header img.logo {
  /* pull image on top of #status */
  position: absolute;
  z-index: 3;
}

#main {
  /* fix to top of page */
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 61px;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}

#panel {
  position: relative;
  height: 100%;
  /* see Impact.Layout (jumptxt.js) */
  margin-left: 160px;
  border-left: 1px solid #a3a3a3;
}

#panel-title {
  background-color: #6699cc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6699cc), color-stop(100%, #9ebedf));
  background-image: -webkit-linear-gradient(top, #6699cc, #9ebedf);
  background-image: -moz-linear-gradient(top, #6699cc, #9ebedf);
  background-image: -o-linear-gradient(top, #6699cc, #9ebedf);
  background-image: linear-gradient(top, #6699cc, #9ebedf);
  border-bottom: 1px solid #a3a3a3;
  color: #ffffff;
  padding: 5px;
  position: relative;
}
#panel-title h1 {
  display: inline;
  margin: 0;
  font-size: 123.1%;
  font-weight: bold;
  text-shadow: 0 1px 1px #354458;
}
#panel-title h1 a {
  text-decoration: none;
  color: #ffffca;
}
#panel-title h1 a:hover {
  text-decoration: none;
  /*                color: #ffffff; */
  color: inherit;
}

#layout-type-report #panel-title {
  background-color: #888888;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aaaaaa), color-stop(100%, #666666));
  background-image: -webkit-linear-gradient(top, #aaaaaa, #666666);
  background-image: -moz-linear-gradient(top, #aaaaaa, #666666);
  background-image: -o-linear-gradient(top, #aaaaaa, #666666);
  background-image: linear-gradient(top, #aaaaaa, #666666);
}

#panel-title-toolbar {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  padding: 5px 10px;
}
#panel-title-toolbar a,
#panel-title-toolbar a:hover {
  color: #ffffff;
  padding-bottom: 2px;
}
#panel-title-toolbar form {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
}
#panel-title-toolbar img {
  margin-left: 5px;
  margin-right: 5px;
}

.clickable,
.tool {
  cursor: pointer;
}

.inline-delete {
  vertical-align: text-bottom;
  margin-left: 5px;
}

.im-toggle-ctrl {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  padding-left: 20px;
  background-image: url(../icons/toggle_down.png.xhtml?ln=images);
  background-repeat: no-repeat;
  background-position: left 2px;
  /* replaces .tool */
  cursor: pointer;
}

.im-section-toggle-ctrl {
  background-image: url(../icons/toggle_closed.png.xhtml?ln=images);
  background-position: left 14px;
  width: 100%;
  /* shift padding to h1 so underline goes under icon toggle */
  padding-left: 0;
}
.im-section-toggle-ctrl h1 {
  /* shift padding to h1 so underline goes under icon toggle */
  padding-left: 20px !important;
}

.im-toggle-ctrl-right {
  padding-left: 0;
  padding-right: 20px;
  background-position: right 2px;
}

.im-toggle-ctrl-open {
  padding-bottom: 4px;
  background-image: url(../icons/toggle_up.png.xhtml?ln=images);
}

.im-section-toggle-ctrl.im-toggle-ctrl-open {
  padding-bottom: 4px;
  background-image: url(../icons/toggle_down.png.xhtml?ln=images);
}

#panel-details {
  padding: 0 5px 0.75em 0;
  border-bottom: 1px solid #a3a3a3;
  background-color: #ebeef7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeef7), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ebeef7, #ffffff);
  background-image: -moz-linear-gradient(top, #ebeef7, #ffffff);
  background-image: -o-linear-gradient(top, #ebeef7, #ffffff);
  background-image: linear-gradient(top, #ebeef7, #ffffff);
}

#panel-control {
  padding: 0 5px 0.75em 0;
  border-bottom: 1px solid #a3a3a3;
  background-color: #e8e8e8;
}

#panel-tabs {
  background-color: #cbcbcb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cbcbcb), color-stop(100%, #aaaaaa));
  background-image: -webkit-linear-gradient(top, #cbcbcb, #aaaaaa);
  background-image: -moz-linear-gradient(top, #cbcbcb, #aaaaaa);
  background-image: -o-linear-gradient(top, #cbcbcb, #aaaaaa);
  background-image: linear-gradient(top, #cbcbcb, #aaaaaa);
  height: auto;
}

.tab {
  margin: 0;
  padding: 0;
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  font-weight: bold;
  min-width: 75px;
  padding: 5px 30px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
  text-decoration: none;
  text-align: center;
  border-right: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
}
.tab a {
  text-decoration: none;
  color: inherit;
}

.filler-tab {
  width: 100%;
}

#panel-tabs .inactive-tab,
#panel-tabs .filler-tab {
  background-color: #cbcbcb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cbcbcb), color-stop(100%, #aaaaaa));
  background-image: -webkit-linear-gradient(top, #cbcbcb, #aaaaaa);
  background-image: -moz-linear-gradient(top, #cbcbcb, #aaaaaa);
  background-image: -o-linear-gradient(top, #cbcbcb, #aaaaaa);
  background-image: linear-gradient(top, #cbcbcb, #aaaaaa);
  color: #5d5d5d;
  text-shadow: 0 1px 1px #f3f5f8;
}

#panel-tabs .inactive-tab:hover {
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: -moz-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: -o-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: linear-gradient(top, #f4f4f4, #e0e0e0);
}

#panel-tabs .active-tab {
  background-color: #dbdbdb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #dcdcdc));
  background-image: -webkit-linear-gradient(top, #e0e0e0, #dcdcdc);
  background-image: -moz-linear-gradient(top, #e0e0e0, #dcdcdc);
  background-image: -o-linear-gradient(top, #e0e0e0, #dcdcdc);
  background-image: linear-gradient(top, #e0e0e0, #dcdcdc);
  /* same as background */
  border-bottom: 1px solid #dbdbdb;
  /* same as last gradient */
  border-bottom: -webkit-gradient(linear, left, right, from(#dbdbdb), to(#dbdbdb));
  color: black;
  text-shadow: 0 1px 1px #f3f5f8;
}

#panel-toolbar {
  /* same as active-tab background */
  background-color: #dbdbdb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #bbbbbb));
  background-image: -webkit-linear-gradient(top, #dadada, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dadada, #bbbbbb);
  background-image: -o-linear-gradient(top, #dadada, #bbbbbb);
  background-image: linear-gradient(top, #dadada, #bbbbbb);
  border-bottom: 1px solid #a3a3a3;
  color: #111111;
  padding: 5px;
}
#panel-toolbar img {
  vertical-align: middle;
  margin-right: 5px;
}
#panel-toolbar .tool {
  margin-right: 15px;
}
#panel-toolbar a {
  text-decoration: none;
}
#panel-toolbar a + a, #panel-toolbar a + span > a {
  margin-left: 8px;
}

.separator {
  margin-right: 8px;
  padding-left: 5px;
  border-right: 1px dotted black;
}

#panel-title-toolbar .separator {
  border-right: 1px dotted white;
}

#listFilter,
#panel-filter {
  background-color: #f4f4f4;
}

#listFilter_opened {
  /* apply bottom rule when opened; closed rule will only apply if active_filters > 0 */
  border-bottom: 1px solid #a3a3a3;
}

#panel-content,
#overflow {
  height: auto;
  overflow: auto;
  overflow-y: auto;
}

#panel-content {
  /* ie7 floating amchart bug:  MEDIA-3938 */
  position: relative;
}

#panel-footer {
  position: absolute;
  bottom: 61px;
  width: 100%;
  border-top: 1px solid #a3a3a3;
  background-color: #e8e8e8;
  color: #3a3a3a;
  padding: 5px;
}
#panel-footer img {
  margin-right: 5px;
}

#legal {
  color: #807D74;
  margin-top: 1em;
}

#copyright {
  color: #807D74;
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#status {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  color: white;
  /* pull #status above #main */
  z-index: 2;
  padding-top: 7px;
}
#status ul.header-items {
  padding: 4px 3px 4px 0;
  margin: 0;
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  border: none;
}
#status ul.header-items > li {
  margin-left: 0;
  padding: 0 8px 0 10px;
  border-left: 1px dotted #d1d7e2;
  display: inline;
  list-style: none;
  color: white;
}
#status ul.header-items > li:first-child {
  border-left: none;
}
#status ul.header-items > li > a {
  color: #d1d7e2;
  font-weight: normal;
  text-decoration: none;
}
#status ul.header-items > li > a:hover {
  color: inherit;
}
#status img {
  vertical-align: middle;
  margin-right: 4px;
}

.view-meta-data {
  margin: 5px;
  color: #807D74;
}

/*
** Sidebar Layout
*/
/* Corresponds to RichFaces togglePanel id */
#sidebar {
  position: relative;
  float: left;
  height: 100%;
  background-color: #d1d7e2;
}
#sidebar .title {
  padding: 5px;
}
#sidebar img.bottom {
  margin: 6px 3px;
  position: absolute;
  bottom: 0;
}
#sidebar input {
  width: 130px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}
#sidebar .rf-ac-itm-hdr,
#sidebar .rf-ac-itm-cnt {
  border: none;
  background: none;
}
#sidebar .rf-ac-itm-hdr {
  padding: 4px 6px;
  color: #5d5d5d;
  text-shadow: 0 1px 1px #f3f5f8;
  font-weight: bold;
  cursor: pointer;
}
#sidebar .rf-ac-itm-hdr a {
  color: inherit;
  text-decoration: none;
}
#sidebar .rf-ac-itm-hdr-act {
  color: white;
  text-shadow: 0 1px 1px #354458;
  background-color: #566b82;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8192a5), color-stop(100%, #435a73));
  background-image: -webkit-linear-gradient(top, #8192a5, #435a73);
  background-image: -moz-linear-gradient(top, #8192a5, #435a73);
  background-image: -o-linear-gradient(top, #8192a5, #435a73);
  background-image: linear-gradient(top, #8192a5, #435a73);
}
#sidebar .rf-ac-itm-cnt {
  margin-left: 4px;
  padding: 10px;
  padding-bottom: 20px;
  overflow: hidden !important;
  height: inherit !important;
  /* fix richfaces bug: explict height being set on content that causes content to be hidden */
}
#sidebar .rf-ac-itm-cnt a {
  text-decoration: none;
}
#sidebar .rf-ac-itm-cnt form > a,
#sidebar .rf-ac-itm-cnt > a {
  display: block;
  margin-bottom: 3px;
  white-space: nowrap;
}
#sidebar .im-ac-itm-cnt-hidden {
  display: none !important;
}

/* Corresponds to RichFaces togglePanel + facet name */
#sidebar_wide {
  /* see Impact.Layout (jumptxt.js) */
  width: 160px;
  max-width: 160px;
  overflow: hidden;
  overflow-x: hidden;
}

/* Corresponds to RichFaces togglePanel + facet name */
#sidebar_narrow {
  /* see Impact.Layout (jumptxt.js) */
  width: 50px;
  max-width: 50px;
  overflow: hidden;
  overflow-x: hidden;
}

ul.favorites {
  margin: 0;
  padding: 0;
  width: 140px;
  overflow: hidden;
}
ul.favorites > li {
  list-style: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  margin-top: 2px;
}
ul.favorites > li a {
  vertical-align: middle;
}
ul.favorites > li img {
  vertical-align: middle;
  margin-right: 3px;
}

/*
** Alignment Styles
*/
.inline {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
}

.quarter {
  width: 25% !important;
}

.third {
  width: 33% !important;
}

.half {
  width: 50% !important;
}

.twothird {
  width: 66% !important;
}

.threequarter {
  width: 75% !important;
}

.full {
  width: 100% !important;
}

.float-right,
div.dr {
  float: right;
}

.float-left,
div.dl {
  float: left;
}

/* FIXME: .align-left */
.left {
  text-align: left !important;
}

/* FIXME: .align-right */
.right {
  text-align: right !important;
}

/* FIXME: .align-center */
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
}

.middle {
  vertical-align: middle !important;
}

.mc {
  margin-left: auto;
  margin-right: auto;
}

.padding {
  padding: 1em;
}

.mt {
  padding-top: 3px;
}

.ml {
  margin-left: 10px;
}

.mr {
  margin-right: 10px;
}

.spl {
  padding-left: 10px;
}

.spr {
  padding-right: 10px;
}

.wrap {
  word-wrap: break-word;
}

.nowrap,
table.nowrap td {
  white-space: nowrap !important;
}

.nowidth {
  width: auto !important;
}

.nopadding {
  padding: 0 !important;
}

.noverticalalign {
  vertical-align: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

/*
** Decorators
*/
.rule {
  border-bottom: 1px solid #a3a3a3;
}

/*
** Message elements
*/
.notices {
  padding: 0.75em 5px 0.75em 52px;
  border-bottom: 1px solid #a3a3a3;
  background-color: #ebeef7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeef7), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ebeef7, #ffffff);
  background-image: -moz-linear-gradient(top, #ebeef7, #ffffff);
  background-image: -o-linear-gradient(top, #ebeef7, #ffffff);
  background-image: linear-gradient(top, #ebeef7, #ffffff);
  position: relative;
  /* same as icon height */
  min-height: 32px;
}
.notices .icon {
  /* position absolutely, relative to notices */
  position: absolute;
  left: 10px;
}
.notices .close {
  position: absolute;
  right: 10px;
}
.notices label {
  cursor: pointer;
  /* undo Bootstrap */
  margin-bottom: 0px;
}
.notices span {
  font-weight: bold;
}
.notices ul {
  margin: 0;
  padding: 0;
}
.notices ul li {
  margin-right: 5px;
  list-style: none;
  padding-left: 15px;
  background-image: url(../arrow.gif.xhtml?ln=images);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}

.errors {
  background-color: #ffcbcb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e14b4b), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #e14b4b, #ffffff);
  background-image: -moz-linear-gradient(top, #e14b4b, #ffffff);
  background-image: -o-linear-gradient(top, #e14b4b, #ffffff);
  background-image: linear-gradient(top, #e14b4b, #ffffff);
}

.warnings {
  background-color: #ffffe3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffe5), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffe5, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffe5, #ffffff);
  background-image: -o-linear-gradient(top, #ffffe5, #ffffff);
  background-image: linear-gradient(top, #ffffe5, #ffffff);
}

.messages {
  background-color: #ebeef7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeef7), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ebeef7, #ffffff);
  background-image: -moz-linear-gradient(top, #ebeef7, #ffffff);
  background-image: -o-linear-gradient(top, #ebeef7, #ffffff);
  background-image: linear-gradient(top, #ebeef7, #ffffff);
}

/*
** Box & Form elements
*/
.box,
.form {
  padding: 1em;
  /* based on: ff > label (170+15) + fv (620) + ? (15px) */
  width: 870px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.form .box {
  width: 100%;
  margin-left: 50px;
}

.box {
  border: 1px solid #a3a3a3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px #b8c5bc;
  -moz-box-shadow: 2px 2px 4px #b8c5bc;
  box-shadow: 2px 2px 4px #b8c5bc;
  margin: 25px auto;
}

.greybg {
  background-color: #f0f0f0;
}

.im-form-section-header, .form h1 {
  color: #605D54;
  font-size: 123.1%;
  border-bottom: 1px solid #a3a3a3;
  margin-top: 0.75em;
  padding-left: 0.5em;
  margin-bottom: 0.75em;
  padding-bottom: 0.25em;
}

.box h1 {
  margin: 0;
}

.confirm-box {
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-top: 1px solid #a3a3a3;
  background-color: #e8e8e8;
  color: #3a3a3a;
}

.ff {
  padding-top: 0.75em;
}

.ff > label,
.ff .fv {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.ff > label {
  padding-right: 15px;
  text-align: right;
  width: 170px;
  max-width: 170px;
  color: #605d54;
  padding-top: 4px;
  vertical-align: top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}
.ff > label .field-error-icon {
  display: none;
}
.ff > label.has-field-error {
  color: red;
}
.ff > label.has-field-error .field-error-icon {
  display: inline-block;
}

.compact-form .ff,
.ff .ff {
  /* for embedded child fields */
  /* add breathing space below field */
  padding-bottom: 0.75em;
}

.compact-form .ff > label,
.ff .ff > label {
  /* for embedded child fields */
  max-width: none;
  width: inherit;
}

.fv .ff > label {
  width: 140px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.im-label-text {
  color: #605d54;
}

.i_tRadio > label,
.i_tCheckbox > label {
  padding-top: 1px;
}

.i_tSelect > label {
  padding-top: 3px;
}

.i_tSelectMany > label {
  padding-top: 8px;
}

.checkbox-single {
  margin-top: 1px;
  float: left;
}

.checkbox-single-label {
  display: inline-block;
  margin-left: 5px;
}

.disabled {
  color: grey;
}

.readonly > label {
  /* remove padding on read-only items */
  padding-top: 0 !important;
}

.fv {
  width: 670px;
  max-width: 670px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.compact-form .fv,
.fv .fv {
  /* for embedded child fields */
  width: inherit;
  max-width: none;
}

#panel-details .ff,
#panel-control .ff {
  white-space: nowrap;
}

#panel-details .fv,
#panel-control .fv {
  width: auto;
  max-width: auto;
  white-space: normal;
  min-width: 100px;
}

.buttonGroup {
  margin-top: 20px;
  text-align: right;
}

.inline-text {
  margin: 2px 0 0 190px;
  display: block;
  padding: 5px 5px 5px 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.inline-text-embedded {
  margin: 2px 0 0 0;
  display: block;
  padding: 5px 5px 5px 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.inline-instructions {
  margin: 2px 0 0 0;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
}

.inline-icon-text {
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
}

.icon-running {
  color: #000000;
}

.icon-completed {
  color: #AAAAAA;
}

.icon-paused {
  color: #AAAAAA;
  margin: 5px;
  font-size: 0.75em;
}

#panel-details .inline-text .inline-text-embedded .inline-instructions {
  margin-left: 20px;
}

.inline-status, .inline-warning, .inline-instructions, .inline-info {
  font-size: 11px;
  color: #605d54;
}

.inline-help {
  color: #bab5ab;
  background-image: url(../icons/help.png.xhtml?ln=images);
}

.inline-info {
  background-image: url(../icons/info.png.xhtml?ln=images);
}

.inline-warning {
  background-image: url(../icons/severity_warning.gif.xhtml?ln=images);
}

.inline-error {
  background-image: url(../icons/severity_critical.gif.xhtml?ln=images);
  color: #ff0000;
}

.inline-note {
  color: #605d54;
  background-image: url(../icons/note.png.xhtml?ln=images);
}

input,
select,
textarea {
  padding: 1px 3px;
  margin: 1px 0;
  color: black;
  background-color: white;
}

/* style added by jquery-placeholder.js for older browsers */
.placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #aaa;
}

.required acronym {
  color: #ff0000;
  /* override YUI styling */
  border: none;
  cursor: default;
  text-decoration: none;
}

input.required,
select.required,
textarea.required {
  background-color: #ebeef7;
}

input:focus,
select:focus,
textarea:focus {
  background-color: #FFFFC6;
}

#filterForm select.required {
  background-color: white;
}

input[disabled=disabled],
input:disabled,
select[disabled=disabled],
select:disabled,
textarea[disabled=disabled],
textarea:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

input[readonly=readonly],
select[readonly=readonly],
textarea[readonly=readonly] {
  color: grey;
  background-color: white;
}

input.has-field-error,
select.has-field-error,
textarea.has-field-error,
input.ui-inputfield.ui-state-error {
  border-color: #ff4942;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.fieldInfo {
  margin-left: 4px;
  vertical-align: middle;
}

.deleted {
  text-decoration: line-through;
}

input[type=radio],
input[type=checkbox] {
  margin: 0 5px 0 0;
}

input[type=checkbox] {
  background: transparent;
  border: 0;
}

input[type=file] {
  background: transparent;
}

input[type=radio][disabled=disabled] + label {
  color: grey;
}

.checkbox-label-indent-text {
  margin-left: 23px !important;
}

.checkbox-label-indent-ul {
  margin-left: 15px !important;
}

br + select {
  margin: 4px 0 0 0;
}

textarea {
  overflow: auto;
}

.count {
  text-align: right;
  /* 12px */
  font-size: 93%;
  color: #605d54 !important;
  font-style: italic;
  padding-left: 5px;
  margin-top: 2px;
  background: transparent;
}

input.count {
  border: none;
  background: transparent;
}

.indent {
  margin-left: 25px;
}

.help {
  right: -10px;
  top: 4px;
  position: absolute;
}

table.radioList {
  width: 100%;
}

table.radioListCompact {
  width: auto;
}

.radioList td,
.checkboxList td,
.checkboxGrid td {
  padding: 1px;
}

.radioGrid > tbody > tr > td {
  white-space: nowrap;
  padding: 3px 2em 3px 0;
  text-align: left;
  border: none;
  vertical-align: top;
}

.checkboxGrid td,
.radioListCompact td {
  padding-right: 20px;
}

/*
** Width Styles
*/
.szl {
  width: 420px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szml {
  width: 250px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szm {
  width: 200px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szmd {
  width: 150px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szsm {
  width: 85px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szs {
  width: 75px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szt {
  width: 60px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szc {
  width: 35px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szd {
  width: 3em !important;
  text-align: right;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.szds {
  width: 75px !important;
  text-align: right;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.sza {
  width: 100% !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.cell {
  padding-left: 3px;
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
}

/*
** Text Styles
*/
.italics {
  font-style: italic;
}

.smaller-85 {
  font-size: 85% !important;
}

/*
** Filter Menus
*/
.quickFilter {
  margin-right: 5px;
  /* +3px from ul */
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
}
.quickFilter ul {
  padding: 0 3px 0 0;
  margin: 0;
  display: inline;
  border: none;
}
.quickFilter ul li {
  margin-left: 0;
  padding: 0 8px 0 8px;
  border-right: 1px dotted black;
  display: inline;
  list-style: none;
  color: black;
  font-weight: bold;
}
.quickFilter ul li a {
  color: black;
  font-weight: normal;
  text-decoration: none;
}

.currentFilter {
  padding: 5px;
}
.currentFilter ul {
  padding: 3px 3px 3px 0;
  margin-left: 0;
  display: inline;
  border: none;
}
.currentFilter ul li {
  margin-left: 0;
  display: inline;
  color: #807D74;
  list-style: none;
}
.currentFilter ul li span {
  color: #005b96;
  border-bottom: 1px dotted #005b96;
}
.currentFilter > span {
  margin: 0 4px 0 0;
}

.currentFilter ul li:after {
  content: ',';
}

.currentFilter ul li:last-child:after {
  content: '';
}

/*
** Rich Faces Autocomplete
*/
.rf-au,
.rf-au-inp {
  font-size: inherit;
  background: inherit;
  border: inherit;
  margin: inherit;
  padding: inherit;
  vertical-align: inherit;
}

/*
** Rich Faces Calendar
*/
.rf-cal-btn {
  margin-left: 5px;
}

.rf-cal-inp {
  width: auto;
}

input.rf-cal-inp.required {
  /* override any readonly applied earlier */
  background-color: #ebeef7;
}

/* richfaces uses disabled=true for calendar? */
input.rf-cal-inp[disabled=true],
input.rf-cal-inp[disabled=disabled] {
  /* override any readonly applied earlier */
  background-color: #cccccc;
}

/*
** Rich Faces Pick List
*/
.rf-pick-lst-dcrtn {
  border: 1px solid #a3a3a3;
}

.rf-pick-lst-scrl {
  /* restore horizonal scrolling */
  overflow-x: auto;
}

.rf-pick-btn {
  margin-left: 20px !important;
  /* add space to left/right, override button */
  margin-right: 20px !important;
  width: 80px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

.rf-pick-add-all,
.rf-ord-up-tp {
  /* verical control for buttons, since there is no wrapping div */
  margin-top: 75px;
}

.rf-pick-c {
  padding: 2px;
}

.rf-pick-tgt-cptn,
.rf-pick-src-cptn {
  font-weight: bold;
  padding: 3px;
}

.rf-pick-sel {
  font-weight: bold;
  background-color: #ffffca;
}

.rf-pick-add-all:after, .rf-pick-add:after, .rf-pick-rem-all:before, .rf-pick-rem:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  border: none;
}

.rf-pick-add-all:after {
  content: "\f101";
  padding-left: 4px;
}

.rf-pick-add:after {
  content: "\f105";
  padding-left: 4px;
}

.rf-pick-rem-all:before {
  content: "\f100";
  padding-right: 4px;
}

.rf-pick-rem:before {
  content: "\f104";
  padding-right: 4px;
}

/*
** Rich Faces Tables
*/
.rf-dt,
.im-table,
.im-pf-report-table {
  width: 100%;
  border: none;
  border-spacing: 0;
}

.rf-dt-c,
.rf-dt-hdr-c,
.rf-dt-shdr-c,
.rf-dt-sftr-c,
.rf-dt-ftr-c,
.im-table td,
.im-pf-report-table td,
.im-table th,
.im-pf-report-table th {
  padding: 4px 6px;
  text-align: left;
  border: none;
  white-space: normal;
  /* temp bootstrap */
  box-spacing: content-box;
}

.im-table td .multiSelectCheckbox, .im-pf-report-table td .multiSelectCheckbox {
  width: 15px;
}

.im-col-hidden {
  /* boostrap requires !important as it overides col-* with display: table-cell */
  display: none !important;
}

.rf-dt-hdr-c,
.rf-dt-shdr-c,
.im-table th,
.im-pf-report-table th {
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: -moz-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: -o-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: linear-gradient(top, #f4f4f4, #e0e0e0);
  vertical-align: bottom;
  color: #3a3a3a;
  border-bottom: 1px solid #a3a3a3;
  border-right: 1px solid #a3a3a3;
  vertical-align: middle;
}

.im-table-form th,
.im-table-form thead {
  background: none;
  border-bottom: none;
  border-right: none;
  color: #605D54;
}

.readonly > .im-table-form th {
  padding-top: 0 !important;
}

.rf-dt-hdr-c img,
.rf-dt-shdr-c img,
.im-table th img,
.im-pf-report-table th img {
  vertical-align: middle;
}

.rf-dt-sftr-c {
  font-weight: bold;
}

tr.rich-subtable-footer {
  font-weight: bold;
}

/* Right align all columns after the first one in the RichFaces subtable footer.*/
td.rich-subtable-footercell + td.rich-subtable-footercell {
  text-align: right;
}

.rf-dt thead a,
.im-table thead a,
.im-pf-report-table thead a,
.entityTable thead a {
  vertical-align: middle;
  color: #3a3a3a;
  text-decoration: none;
}

.rf-dt thead .column-sorted,
.im-table thead .column-sorted,
.im-pf-report-table thead .column-sorted,
.entityTable thead .column-sorted {
  background-color: #e0e0e0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cacaca), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #cacaca, #e0e0e0);
  background-image: -moz-linear-gradient(top, #cacaca, #e0e0e0);
  background-image: -o-linear-gradient(top, #cacaca, #e0e0e0);
  background-image: linear-gradient(top, #cacaca, #e0e0e0);
}

.rf-dt .column img,
.im-table .column img,
.im-pf-report-table .column img,
.entityTable .column img {
  vertical-align: middle;
}

.entityTable tbody > tr:hover,
.im-table tbody > tr:hover,
.im-pf-report-table tbody > tr:hover {
  background-color: #ffffca;
}

.im-table-form tbody > tr:hover {
  background-color: #ffffff;
}

.rf-dt tr.odd,
.im-table tr.odd,
.im-pf-report-table tr.odd {
  background-color: #ffffff;
}

.rf-dt tr.highlight.even,
.im-table tr.highlight.even,
.im-pf-report-table tr.highlight.even,
.rf-dt td.highlight,
.im-table td.highlight,
.im-pf-report-table td.highlight {
  font-weight: bold;
}

.rf-dt tr.highlight.odd,
.im-table tr.highlight.odd,
.im-pf-report-table tr.highlight.odd {
  font-weight: bold;
}

.rf-dt tr.even,
.im-table tr.even,
.im-pf-report-table tr.even {
  background-color: #f5f6f8;
}

.entityTable .rf-dt-footer,
.im-table .rf-dt-footer,
.im-pf-report-table .rf-dt-footer {
  background-color: #ffffff;
  border: none;
}

.rf-dt .tool,
.im-table .tool,
.im-pf-report-table .tool {
  margin-right: 5px;
}

.rf-dt .disabled-tool {
  margin-right: 5px;
}

.im-table-footer-nodata {
  background-color: white;
  font-weight: normal;
  font-style: italic;
}

.im-table-caption {
  color: #605d54;
  padding-bottom: 1em;
}

.im-table-status {
  width: 100%;
}
.im-table-status th {
  color: #605d54;
  font-weight: normal;
}
.im-table-status th, .im-table-status td {
  padding-right: 1em;
  padding-bottom: 1em;
}

/*
** Prime Faces Tables
*/
.ui-datatable table {
  table-layout: auto;
}

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
  padding: 4px 6px;
  border: none;
  text-align: left;
}

.im-tabled-lined .ui-datatable-odd {
  background: inherit;
}

.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.ui-widget-content {
  border: none;
  background: inherit;
  color: inherit;
}

.im-table-lined tr {
  border-bottom: 1px solid #a3a3a3;
}
.im-table-lined tr:last-child {
  border-bottom: none;
}
.im-table-lined tbody td {
  padding: 6px 6px;
}

.ui-datatable thead th {
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: -moz-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: -o-linear-gradient(top, #f4f4f4, #e0e0e0);
  background-image: linear-gradient(top, #f4f4f4, #e0e0e0);
  font-weight: bold;
  border-bottom: 1px solid #a3a3a3;
  border-right: 1px solid #a3a3a3;
  color: #3a3a3a;
  vertical-align: middle;
  text-shadow: none;
}

.ui-datatable .ui-datatable-data tr.ui-state-highlight {
  background: #ffffca;
  text-shadow: none;
  color: inherit;
  font-weight: bold;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
  background: #ffffca;
  border: inherit;
  border-bottom: 1px solid #d3d3d3;
}

.ui-panelgrid {
  width: 100%;
}

/*
** Rich Faces Selection Box
*/
.rich-sb-int-sel {
  font-weight: bold;
  background: #ffffca;
}

/*
** Rich Faces Tab Panel
*/
.im-float-tab {
  margin-top: 10px;
}

.im-float-tab .rf-tab-cnt {
  border: none;
  padding-top: 10px;
}

/*
** Guides
*/
.guide {
  margin: 3em 1em 1em 3em;
}
.guide h1 {
  font-size: 216%;
  padding-left: 0.25em;
  margin-bottom: 0.25em;
  color: #D1D7E2;
}
.guide h2 {
  font-size: 116%;
  padding-left: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.25em;
  color: #b0b0b0;
  color: #fc8d59;
}
.guide .tool {
  margin-right: 5px;
}

.guideGroup ul {
  margin: 0 0 0 1em;
}
.guideGroup li {
  padding: 3px 6px;
  margin: 0;
  width: 450px;
  max-width: 450px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
  /*
  &:hover {
      background-color: #ffffca;
  }
  */
}
.guideGroup a {
  text-decoration: none;
  color: black;
}
.guideGroup a .external {
  text-decoration: underline;
}
.guideGroup a:hover {
  /*            color: $c_impactblue; */
  color: inherit;
}

/*
** Dashboard
*/
.dashboard {
  margin: 3em 1em 1em 3em;
}
.dashboard h1 {
  font-size: 216%;
  padding-left: 0.25em;
  margin-bottom: 0.25em;
  color: #D1D7E2;
}
.dashboard h2 {
  font-size: 116%;
  padding-left: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.25em;
  color: #b0b0b0;
  color: #fc8d59;
}
.dashboard .tool {
  margin-right: 5px;
}
.dashboard td {
  margin: 4px 6px;
  text-align: left;
  border: none;
  white-space: normal;
  width: 50%;
}

.dashboard3 td {
  width: 33%;
}

.dashboardGroup {
  padding-bottom: 1em;
}
.dashboardGroup ul {
  margin: 0 0 0 1em;
}
.dashboardGroup li {
  padding: 3px 6px;
  margin: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  /*
  &:hover {
      background-color: #ffffca;
  }*/
}
.dashboardGroup a {
  text-decoration: none;
  color: black;
}
.dashboardGroup a:hover {
  /*
  color: $c_impactblue;
  */
  color: inherit;
}

/*
** Tags
*/
.tag {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  background-color: #E0EAF1;
  border: 1px solid #a3a3a3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: black;
  font-size: 93%;
  padding: 2px 24px 2px 24px;
  margin: 3px 3px 3px 0;
  text-decoration: none;
  white-space: nowrap;
  font-style: italic;
  /* so img is absolute to relative positioned object */
  position: relative;
}
.tag img {
  vertical-align: text-bottom;
  margin-left: 5px;
  opacity: 0;
  position: absolute;
  top: 2px;
}

.tag:hover img {
  opacity: 1.0;
}

/*
** Reports
*/
.outline {
  border: 1px solid #cbcbcb;
}

.im-lozenge-all {
  color: white;
  background-color: #8AB1D8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 93%;
  padding: 2px 5px;
  margin: 3px;
  white-space: nowrap;
}

.im-report {
  padding-bottom: 2em;
}
.im-report h1 {
  color: #a3a3a3;
  font-size: 123.1%;
  border-top: 2px solid #eae8e3;
  padding: 7px 10px;
  width: 85%;
  margin: 2em auto 1.25em auto;
}
.im-report a {
  text-decoration: underline;
}

.im-report-value-na {
  font-style: italic;
  color: #605d54;
}

.im-report-note {
  margin-left: 2em;
  font-style: italic;
  color: #605d54;
  /* 11px */
  font-size: 85%;
}
.im-report-note sup {
  margin-right: 5px;
}

.im-report-table, .im-pf-report-table {
  margin-top: 3em;
  margin-bottom: 0.75em;
  margin-left: auto;
  margin-right: auto;
}

h1 + .im-report-table, h1 + .im-pf-report-table {
  /* pull the first table closer to the header in a section */
  margin-top: 1.5em;
}

.im-report-table + h1, .im-pf-report-table + h1,
.im-report-notes + h1 {
  /* push the next header away from the last table in a section */
  margin-top: 2.5em;
}

.im-chart + .im-report-table, .im-chart + .im-pf-report-table {
  /* pull the next table closer to it's chart */
  margin-top: 1.75em;
}

.im-chart li {
  list-style: none;
}

.im-report-notes + .im-chart,
.im-report-notes + script + .im-chart,
.im-report-table + .im-chart,
.im-pf-report-table + .im-chart,
.im-report-table + script + .im-chart,
.im-pf-report-table + script + .im-chart {
  /* push the next chart away from the previous table */
  /* (even if there is a script in the way...)
  /* FIXME: This really should be done by grouping chart + table in a div report "block", and separating the divs... */
  margin-top: 3em;
}

.im-report-metadata {
  width: 100%;
  border: none;
  border-spacing: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 85% !important;
  margin-top: 0em;
  margin-bottom: 0.75em;
}
.im-report-metadata td {
  color: #807d74;
  text-align: left;
  border: none;
  white-space: normal;
}

.im-report-metadata + .im-chart,
.im-report-metadata + script + .im-chart {
  margin-top: 0;
}

.im-report-table tr td, .im-pf-report-table tr td {
  border-bottom: 1px solid #dad8d3 !important;
}

.im-report-table tr, .im-pf-report-table tr,
.im-report-table th,
.im-pf-report-table th {
  border-right: none;
}

.im-report-table th, .im-pf-report-table th {
  font-weight: bold;
}

.im-report-table .rf-dt-footer, .im-pf-report-table .rf-dt-footer {
  background-color: #f1f1f1;
}

.im-report-table table tr td, .im-pf-report-table table tr td {
  /* remove styling for embedded tables from OpenFaces */
  border: none !important;
}

.im-report-table table th, .im-pf-report-table table th,
.im-report-table table td,
.im-pf-report-table table td {
  /* remove styling for embedded tables from OpenFaces */
  padding: 0;
}

.im-report-table-description {
  white-space: nowrap !important;
  overflow: hidden;
}

dl.im-report-dashboard {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  padding: 9px 25px;
  margin: 1em 0 3em 0;
  white-space: nowrap;
  background: #FCFCFC;
}
dl.im-report-dashboard dt {
  color: #a3a3a3;
  /* 15px */
  font-size: 116%;
  /* temp bootstrap */
  font-weight: inherit;
}
dl.im-report-dashboard dd {
  /* 22px */
  font-size: 167%;
  color: #5d5d5d;
  margin-left: 0;
  text-align: left;
  /* account for empty content */
  min-height: 28px;
}

.im-report-dashboard-spacer {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  width: 2em;
}

.im-column-min150 {
  min-width: 150px;
}

td.im-column-icon {
  text-align: center;
  width: 1.5em;
  padding-right: 0;
  xxpadding: 4px 0 4px 6px;
}

td.im-column-name {
  text-align: right;
  padding-right: 25px;
}

td.im-column-name-catchall {
  font-style: italic;
}

/* fix Open Faces embedded table oddity... */
table.im-column-name td {
  text-align: right;
}

/* fix Open Faces embedded table oddity... */
table.category_name td {
  text-align: left;
  padding-right: inherit;
}

td.im-column-number,
th.im-column-number {
  text-align: right;
  min-width: 3.5em;
}

tbody td.im-column-percent {
  color: #807d74;
}

td.im-column-percent,
th.im-column-percent {
  text-align: left;
  min-width: 4.5em;
  max-width: 4.5em;
}

td.im-column-percent-sup,
th.im-column-percent-sup {
  white-space: nowrap;
  min-width: 5.0em;
  max-width: 5.0em;
}

td.im-column-paragraph,
th.im-column-paragraph {
  min-width: 225px;
  max-width: 225px;
}

/* OpenFaces adds even/odd classes to tr's in firefox,  but not chrome / ie !! */
.im-report-table tr.even > td, .im-pf-report-table tr.even > td, .im-report-table td.even, .im-pf-report-table td.even {
  background-color: #e9edf2;
}

.im-report-table tr.odd > td, .im-pf-report-table tr.odd > td, .im-report-table td.odd, .im-pf-report-table td.odd {
  background-color: #ffffff;
}

/* td has precedence over tr, so handle hovers due to OpenFaces patches...*/
.im-report-table tr.odd:hover > td, .im-pf-report-table tr.odd:hover > td, .im-report-table tr:hover td.odd, .im-pf-report-table tr:hover td.odd,
.im-report-table tr.even:hover > td,
.im-pf-report-table tr.even:hover > td, .im-report-table tr:hover td.even, .im-pf-report-table tr:hover td.even {
  background-color: #ffffca;
}

.im-table-row-totals td {
  font-weight: bold;
}

.im-table-row-subsection td {
  padding-left: 10px;
}

.im-table-row-subsection td {
  color: #807d74;
}

.im-table-row-subsection td.im-column-name {
  font-style: italic;
  padding-right: 40px;
}

.im-table-row-subsection td-im-column-name:before {
  content: "\2014";
}

.im-table-row-subsection a {
  color: #807d74;
  margin-left: 5px;
}

.im-chart-controls {
  font-size: 93%;
}
.im-chart-controls a {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  margin-left: 0.50em;
  padding-left: 0.50em;
  padding-right: 0.50em;
}
.im-chart-controls a + a {
  margin-left: 0;
}

.im-chart-option {
  padding-bottom: 3px;
  padding-top: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.im-chart-option a:hover {
  color: black;
  font-weight: bold;
}

.im-chart-option-selected {
  background-color: #cbcbcb;
  color: black;
  font-weight: bold;
}

.im-chart-legend {
  padding-top: 1em;
  padding-bottom: 1em;
}
.im-chart-legend td {
  padding: 2px 3px;
}

/*
** Misc
*/
#print-instructions {
  color: white;
  background-color: #333333;
  display: none;
  padding: 10px;
  text-align: right;
}
#print-instructions img {
  position: relative;
  top: 2px;
}
#print-instructions a,
#print-instructions a:hover {
  color: white;
}

@media print {
  #print-instructions {
    display: none !important;
  }
}
.color-swatch {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
  border: 1px solid #a3a3a3;
}

.color-block {
  position: relative;
}

.color-block-shadow {
  z-index: 0;
  position: absolute;
  height: 1px;
  display: block;
}

.absolute {
  position: absolute;
}

.absolute-to-parent {
  position: absolute;
  top: 0;
  left: 0;
}

.relative {
  position: relative;
}

/*
** Rich Faces File Upload
*/
.rich-fileupload-button,
.rich-fileupload-button-dis,
.rich-fileupload-button-border,
.rich-fileupload-button-light,
.rich-fileupload-button-press {
  margin: 0;
  padding: 0;
  color: inherit;
  background: none;
  border: none;
}

.rich-fileupload-font {
  font: inherit;
}

.rich-fileupload-table-td {
  border-bottom: none;
}

.rich-fileupload-name {
  height: inherit;
}

/*
** Buttons
*/
.im-button, .rf-fu-btn-add, .rf-fu-btn-upl, .rf-fu-btn-clr,
button,
.rf-pick-btn {
  text-decoration: none;
  border-color: #888;
  border-color: rgba(0, 0, 0, 0.56);
  cursor: pointer;
  outline: none;
  color: #111;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  position: relative;
  font-size: 11px;
  text-align: center;
  background-color: #ccc;
  background-image: url(gradient.png);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.67);
  line-height: 1.8;
  margin: 0.25em 0.5em 0.25em 0.5em;
  padding: 0.15em 1.45em;
  -webkit-box-shadow: 1px 10x 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 1px 10x 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 10x 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 0 rgba(255, 255, 255, 0.5) inset;
  /** Make the text unselectable **/
  -moz-user-select: none;
  -webkit-user-select: none;
  /* fill gradient */
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.33) 50%, transparent 50%, transparent 100%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.75)), color-stop(0.5, rgba(255, 255, 255, 0.33)), color-stop(0.5, transparent), to(transparent));
  background-repeat: repeat-x;
  white-space: nowrap !important;
}

button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* temp Bootstrap */
}

button,
.im-button,
.rf-fu-btn-add,
.rf-fu-btn-upl,
.rf-fu-btn-clr,
button:after,
.im-button:after,
.rf-fu-btn-add:after,
.rf-fu-btn-upl:after,
.rf-fu-btn-clr:after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
}

button:after
.im-button:after, button:after
.rf-fu-btn-add:after, button:after
.rf-fu-btn-upl:after, button:after
.rf-fu-btn-clr:after {
  display: block;
  position: absolute;
  content: ' ';
  width: 100%;
  height: 100%;
  border-color: transparent transparent #ccc;
  border-color: transparent transparent rgba(255, 255, 255, 0.67);
  bottom: -2px;
  left: -1px;
}

button:hover:not(button[disabled=disabled]),
button:focus:not(button[disabled=disabled]),
.im-button:hover:not(.im-button-disabled),
.rf-fu-btn-add:hover:not(.im-button-disabled),
.rf-fu-btn-upl:hover:not(.im-button-disabled),
.rf-fu-btn-clr:hover:not(.im-button-disabled),
.im-button:focus:not(.im-button-disabled),
.rf-fu-btn-add:focus:not(.im-button-disabled),
.rf-fu-btn-upl:focus:not(.im-button-disabled),
.rf-fu-btn-clr:focus:not(.im-button-disabled),
.rich-fileupload-button-light .im-button,
.rich-fileupload-button-light .rf-fu-btn-add,
.rich-fileupload-button-light .rf-fu-btn-upl,
.rich-fileupload-button-light .rf-fu-btn-clr {
  color: #111;
  background-color: #88a0ab;
}

button:active:not(button[disabled=disabled]),
.im-button:active:not(.im-button-disabled),
.rf-fu-btn-add:active:not(.im-button-disabled),
.rf-fu-btn-upl:active:not(.im-button-disabled),
.rf-fu-btn-clr:active:not(.im-button-disabled),
.rich-fileupload-button-press .im-button,
.rich-fileupload-button-press .rf-fu-btn-add,
.rich-fileupload-button-press .rf-fu-btn-upl,
.rich-fileupload-button-press .rf-fu-btn-clr {
  -webkit-box-shadow: 0 0.33em 1em rgba(0, 0, 0, 0.67) inset, 1px 1px 0 rgba(255, 255, 255, 0.25) inset, -1px -1px 0 rgba(255, 255, 255, 0.25) inset;
  -moz-box-shadow: 0 0.33em 1em rgba(0, 0, 0, 0.67) inset, 1px 1px 0 rgba(255, 255, 255, 0.25) inset, -1px -1px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 0.33em 1em rgba(0, 0, 0, 0.67) inset, 1px 1px 0 rgba(255, 255, 255, 0.25) inset, -1px -1px 0 rgba(255, 255, 255, 0.25) inset;
}

.im-button.bg, .bg.rf-fu-btn-add, .bg.rf-fu-btn-upl, .bg.rf-fu-btn-clr,
.im-button.bg:hover,
.bg.rf-fu-btn-add:hover,
.bg.rf-fu-btn-upl:hover,
.bg.rf-fu-btn-clr:hover,
.im-button.bg:focus,
.bg.rf-fu-btn-add:focus,
.bg.rf-fu-btn-upl:focus,
.bg.rf-fu-btn-clr:focus {
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0)));
}

.im-button-secondary, .rf-fu-btn-clr {
  background-color: white;
  font-weight: normal;
}

.im-button-disabled,
.im-button-disabled:hover,
.im-button-disabled:focus,
.rich-fileupload-button-dis,
button[disabled=disabled],
button[disabled=disabled]:hover,
button[disabled=disabled]:focus {
  border-color: #888;
  border-color: rgba(0, 0, 0, 0.56);
  color: #888;
  cursor: default;
}

.buttonGroup .im-button + .im-button, .buttonGroup .rf-fu-btn-add + .im-button, .buttonGroup .rf-fu-btn-upl + .im-button, .buttonGroup .rf-fu-btn-clr + .im-button, .buttonGroup .im-button + .rf-fu-btn-add, .buttonGroup .rf-fu-btn-add + .rf-fu-btn-add, .buttonGroup .rf-fu-btn-upl + .rf-fu-btn-add, .buttonGroup .rf-fu-btn-clr + .rf-fu-btn-add, .buttonGroup .im-button + .rf-fu-btn-upl, .buttonGroup .rf-fu-btn-add + .rf-fu-btn-upl, .buttonGroup .rf-fu-btn-upl + .rf-fu-btn-upl, .buttonGroup .rf-fu-btn-clr + .rf-fu-btn-upl, .buttonGroup .im-button + .rf-fu-btn-clr, .buttonGroup .rf-fu-btn-add + .rf-fu-btn-clr, .buttonGroup .rf-fu-btn-upl + .rf-fu-btn-clr, .buttonGroup .rf-fu-btn-clr + .rf-fu-btn-clr {
  margin-left: 1em;
}

/* fix rich faces quirk of double divs with .im-button class */
.rich-fileupload-button-dis.im-button, .rich-fileupload-button-dis.rf-fu-btn-add, .rich-fileupload-button-dis.rf-fu-btn-upl, .rich-fileupload-button-dis.rf-fu-btn-clr,
.rich-fileupload-button.im-button,
.rich-fileupload-button.rf-fu-btn-add,
.rich-fileupload-button.rf-fu-btn-upl,
.rich-fileupload-button.rf-fu-btn-clr {
  margin: 0;
  padding: 0;
  color: inherit;
  background: none;
  border: none;
}

/*
** Bootstrap
*/
.dropdown {
  /*
  .caret {
      margin-top: 5px;
  }
  */
}
.dropdown li {
  list-style: none;
}
.dropdown a {
  text-decoration: none;
}
.dropdown a:hover {
  color: inherit;
}

.dropdown-menu {
  background-color: white;
  color: black;
}

.modal-header {
  background-color: #6699CC;
  color: white;
}
.modal-header h3 {
  /* restore font size of standard h3 element inside modal-header */
  font-size: 20.5px;
  margin-bottom: 0;
  margin-top: 0;
}

.modal-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.4;
}

.im-modal-wide .modal-dialog {
  width: 950px;
}
.im-modal-wide .modal-body {
  min-height: 370px;
}

.popover {
  max-width: 660px;
}

.popover-label {
  text-align: right;
}

.popover-content label {
  padding-right: 15px;
  color: #605d54;
  padding-top: 4px;
  vertical-align: top;
}
.popover-content td {
  padding-top: 2px;
}
.popover-content .bold td {
  font-weight: bold;
  padding-bottom: 5px;
}
.popover-content .bold label {
  font-style: italic;
}

.tooltip-inner {
  white-space: pre-line;
  /* allow line breaks for messages */
  text-align: left !important;
  /* inherit, but .tooltip.right pulls .right from jumptxt-css, so fix that first... */
  /* force break for really long text... */
  word-wrap: break-word;
  max-width: 300px;
  min-width: 200px;
}

/*
** Chosen
*/
.chosen-container-single .chosen-single {
  /* height: 23px; */
  height: 21px;
  /* line-height: 24px; */
  line-height: 22px;
}
.chosen-container-single .chosen-single div {
  /* top: 0; */
  top: -1px;
}
.chosen-container-single .chosen-single abbr {
  /* top: 6px; */
  top: 5px;
}

.chosen-container .chosen-results li {
  /* padding: 5px 6px; */
  padding: 3px 6px;
  white-space: normal !important;
}

/* Font Awesome */
ul.fa-ul, ol.fa-ul {
  list-style: none;
  padding: 0;
}
ul.fa-ul > li, ol.fa-ul > li {
  list-style: none;
}

/* Color Picker */
.color-picker-canvas {
  width: 150px;
}

.pick-a-color-markup .input-group-addon {
  padding: 1px 8px;
}

.pick-a-color-markup input.form-control {
  min-height: 22px;
  /* needed for ie,  it's text boxes are much smaller and look bad against pick-a-color */
  height: auto;
  padding: 1px 3px;
  margin: 0px 0;
}

.pick-a-color-markup .input-group-btn .color-dropdown {
  padding: 1px 5px 2px 5px;
  margin: 0;
  margin-left: -1px;
}

/* richfaces calendar */
*.rf-cal {
  display: inline;
}

*.rf-cal-extr {
  border: 1px solid;
  border-color: #C4C0B9;
  border-radius: 0px;
}

*.rf-cal-popup {
  cursor: default;
}

*.rf-cal-btn {
  cursor: pointer;
}

*.rf-cal-hdr-optnl {
  border-bottom: 1px solid;
  border-bottom-color: #C4C0B9;
  background-color: #F1EEE9;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  padding: 7px;
  height: 22px;
  font-weight: bold;
}

*.rf-cal-hdr {
  border-right: 0px solid;
  border-bottom: 1px solid;
  border-bottom-color: #C4C0B9;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #F1EEE9;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-cal-hdr > table > tbody > tr > td:first-child {
  border-top-left-radius: 0px;
}

*.rf-cal-hdr > table > tbody > tr > td:last-child {
  border-top-right-radius: 0px;
}

*.rf-cal-c-cnt-overflow {
  width: 25px;
  height: 22px;
}

*.rf-cal-c-cnt {
  overflow: hidden;
}

*.rf-cal-c {
  border-bottom: 1px solid;
  border-right: 1px solid;
  padding: 0px;
  vertical-align: middle;
  text-align: center;
  border-bottom-color: #C4C0B9;
  border-right-color: #C4C0B9;
  background-color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-cal-hdr-month {
  vertical-align: middle;
  text-align: center;
  height: 22px;
  white-space: nowrap;
  background-color: #D4CFC7;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000000;
}

*.rf-cal-tl {
  vertical-align: middle;
  text-align: center;
  width: 20px;
  height: 22px;
  background-color: #D4CFC7;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000000;
}

*.rf-cal-day-lbl {
  border-bottom: 1px solid;
  border-right: 0px solid;
  vertical-align: middle;
  text-align: center;
  height: 22px;
  border-bottom-color: #C4C0B9;
  border-right-color: #C4C0B9;
  background-color: #F1EEE9;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-cal-week {
  border-bottom: 1px solid;
  border-right: 1px solid;
  vertical-align: middle;
  text-align: center;
  width: 25px;
  color: red;
  border-bottom-color: #C4C0B9;
  background-color: #F1EEE9;
  border-right-color: #C4C0B9;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-cal-right-c {
  border-right: 0px;
}

*.rf-btm-c {
  border-bottom: 0px;
}

*.rf-cal-tl-ftr {
  height: 22px;
  padding: 1px 2px 1px 1px;
  background: #F1EEE9;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  background-image: url(../richfaces/calendarSeparator.png.xhtml?ln=images);
  background-repeat: no-repeat;
  background-position: right center;
}

*.rf-cal-ftr-optnl {
  border-top: 1px solid;
  border-right: 0px solid;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 7px;
  height: 22px;
  font-weight: bold;
  border-top-color: #C4C0B9;
  border-right-color: #C4C0B9;
  background: #F1EEE9;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-cal-ftr {
  border-top: 1px solid;
  border-right: 0px solid;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  background: #F1EEE9;
  border-top-color: #C4C0B9;
  border-right-color: #C4C0B9;
}

*.rf-cal-sp-inp {
  border: 0px;
  padding: 0px 0px 0px 3px;
  background: none transparent scroll repeat 0% 0%;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  width: 18px;
}

*.rf-cal-sp-inp-cntr {
  background-position: left top;
  background-repeat: repeat-x;
  border: 1px solid;
  background-image: url(../richfaces/inputBackgroundImage.png.xhtml?ln=images);
  background-color: #ffffff;
  border-color: #C4C0B9;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff;
}

*.rf-cal-sp-btn {
  border-width: 1px;
  border-style: solid;
  background-position: left top;
  background-repeat: repeat-x;
  font-size: 0px;
  background-color: #D4CFC7;
  border-color: #D4CFC7;
  background-image: url(../richfaces/buttonBackgroundImage.png.xhtml?ln=images);
}

*.rf-cal-spec {
  background-color: #F1EEE9;
}

*.rf-cal-holiday {
  background-color: #FFEBDA;
  color: #FF7800;
}

*.rf-cal-boundary-day {
  color: #a0a0a0;
}

*.rf-cal-today {
  background-color: #FF7800;
  color: #FFEBDA;
  font-weight: bold;
}

*.rf-cal-sel {
  background-color: #D4CFC7;
  color: #000000;
  font-weight: bold;
}

*.rf-cal-hov {
  background-color: #F1EEE9;
  background-color: #F1EEE9;
}

*.rf-cal-tl-btn {
  cursor: pointer;
  padding: 2px 3px 2px 3px;
  white-space: nowrap;
}

*.rf-cal-tl-btn-dis {
  cursor: pointer;
  padding: 2px 3px 2px 3px;
}

*.rf-cal-tl-btn-hov {
  background-color: #F1EEE9;
  color: #000000;
  border: 1px solid;
  border-color: #FFFFFF;
  border-right-color: #C4C0B9;
  border-bottom-color: #C4C0B9;
  padding: 1px 2px 1px 2px;
}

*.rf-cal-btn-press {
  border-color: #C4C0B9;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

*.rf-cal-btn-close {
  padding: 2px 2px 2px 4px;
  background-image: url(../richfaces/calendarSeparator.png.xhtml?ln=images);
  background-repeat: no-repeat;
  background-position: left center;
}

*.rf-cal-btn {
  cursor: pointer;
  vertical-align: middle;
}

*.rf-cal-edtr-shdw {
  background: #FFFFFF;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

*.rf-cal-timepicker-cnt {
  background: #F1EEE9;
  border: 1px solid;
  border-color: #C4C0B9;
  position: relative;
}

*.rf-cal-monthpicker-cnt {
  background: #FFFFFF;
  border: 1px solid;
  border-color: #C4C0B9;
  position: relative;
}

*.rf-cal-timepicker-cnt, *.rf-cal-monthpicker-cnt, *.rf-cal-timepicker-cnt input {
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-cal-timepicker-inp {
  padding: 7px 7px 5px 7px;
  white-space: nowrap;
}

*.rf-cal-timepicker-cancel {
  padding: 0px 7px 7px 1px;
}

*.rf-cal-timepicker-ok {
  padding: 0px 1px 7px 7px;
}

*.rf-cal-monthpicker-cancel {
  background: #F1EEE9;
  border-top: 1px solid;
  border-top-color: #C4C0B9;
  padding: 5px 5px 5px 1px;
}

*.rf-cal-monthpicker-ok {
  background: #F1EEE9;
  border-top: 1px solid;
  border-top-color: #C4C0B9;
  padding: 5px 1px 5px 5px;
}

*.rf-cal-monthpicker-split {
  border-right: 1px solid;
  border-right-color: #C4C0B9;
}

*.rf-cal-time-btn {
  width: 45px;
  border: 1px solid;
  border-color: #FFFFFF;
  border-right-color: #C4C0B9;
  border-bottom-color: #C4C0B9;
  background: #F1EEE9;
  text-align: center;
  padding: 2px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}

*.rf-cal-time-btn-press {
  border: 1px solid;
  border-color: #C4C0B9;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
  background-color: #F1EEE9;
}

*.rf-cal-time-inp {
  width: 22px;
  margin: 0px 2px;
}

*.rf-cal-sp-up, *.rf-cal-sp-down {
  background-repeat: no-repeat;
  background-position: 50% 40%;
  height: 7px;
  width: 14px;
  margin: 0px 1px 1px 0px;
}

*.rf-cal-sp-up {
  background-image: url(../richfaces/spinnerArrowTop.png.xhtml?ln=images);
}

*.rf-cal-sp-down {
  background-image: url(../richfaces/spinnerArrowBottom.png.xhtml?ln=images);
}

*.rf-cal-sp-press {
  margin: 1px 0px 0px 1px;
}

*.rf-cal-sp-btn {
  background-color: #D4CFC7;
  border-color: #D4CFC7;
  background-image: url(../richfaces/buttonBackgroundImage.png.xhtml?ln=images);
}

*.rf-cal-edtr-layout-shdw {
  background-color: #000000;
  position: absolute;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

*.rf-cal-edtr-btn {
  width: 36px;
  padding: 2px;
  margin: 2px;
  text-align: center;
  cursor: pointer;
}

*.rf-cal-edtr-btn-over {
  padding: 1px;
  border: 1px solid;
  border-color: #C4C0B9;
  background: #F1EEE9;
}

*.rf-cal-edtr-btn-sel {
  background-color: #FF7800;
  padding: 2px;
  border: 0px;
  color: #FFEBDA;
  font-weight: bold;
  cursor: default;
}

*.rf-cal-edtr-tl-over {
  padding: 1px;
  border: 1px solid;
  background: #F1EEE9;
  border-color: #FFFFFF;
  border-right-color: #C4C0B9;
  border-bottom-color: #C4C0B9;
}

*.rf-cal-edtr-tl-press {
  padding: 1px;
  border: 1px solid;
  background: #F1EEE9;
  border-color: #C4C0B9;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

input.rf-cal-dflt-lbl {
  color: #b3b3b3;
}

*.rf-sel-inp, *.rf-sel-opt {
  color: #000000;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-sel-cntr {
  border-width: 1px;
  border-style: solid;
  border-color: #C4C0B9;
  display: inline-block;
  font-size: 1px;
  white-space: nowrap;
}

input.rf-sel-inp {
  background-color: #ffffff;
  background-image: url(../richfaces/inputBackgroundImage.png.xhtml?ln=images);
  background-position: 1px 1px;
  background-repeat: no-repeat;
  border: 0px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  width: 182px;
}

*.rf-sel {
  display: inline-block;
}

*.rf-sel-fld-err input {
  color: red;
}

*.rf-sel-btn {
  background-image: url(../richfaces/autocompleteButtonGradient.png.xhtml?ln=images);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #D4CFC7;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C4C0B9;
  display: inline-block;
  vertical-align: top;
}

*.rf-sel-btn-arrow {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../richfaces/comboDownButton.png.xhtml?ln=images);
  cursor: pointer;
  width: 15px;
  height: 16px;
  display: inline-block;
}

*.rf-sel-btn-dis *.rf-sel-btn-arrow {
  cursor: default;
  background-image: url(../richfaces/comboDisabledDownButton.png.xhtml?ln=images);
}

*.rf-sel-lst-cord {
  position: absolute;
  z-index: 10000;
  display: none;
}

*.rf-sel-lst-dcrtn {
  border-width: 1px;
  border-style: solid;
  border-color: #C4C0B9;
  padding: 0px;
  background-color: #FFFFFF;
}

*.rf-sel-lst-scrl {
  overflow: auto;
  overflow-x: hidden;
}

*.rf-sel-opt {
  padding: 2px;
  white-space: nowrap;
  cursor: default;
  list-style-type: none;
}

*.rf-sel-sel {
  padding: 1px;
  width: 100%;
  background-color: #D4CFC7;
  border-width: 1px;
  border-style: dotted;
  border-color: #000000;
}

*.rf-sel-shdw {
  border: 0px solid red;
  display: inline-block;
  position: absolute;
  float: left;
  padding: 6px 6px 6px 6px;
  top: -6px;
  left: -7px;
}

*.rf-sel-shdw-t {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: top left;
  position: absolute;
  width: 6px;
  top: 0px;
  bottom: 6px;
  left: 0px;
}

*.rf-sel-shdw-l {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: bottom left;
  position: absolute;
  height: 6px;
  bottom: 0px;
  left: 0px;
  right: 6px;
}

*.rf-sel-u-shdw-r {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: bottom right;
  position: absolute;
  width: 6px;
  top: 6px;
  bottom: 0px;
  right: 0px;
}

*.rf-sel-shdw-b {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: right top;
  position: absolute;
  height: 6px;
  top: 0px;
  left: 6px;
  right: 0px;
}

*.rf-sel-lst-ul {
  margin: 0px;
  padding: 0px;
}

input.rf-sel-dflt-lbl {
  color: #b3b3b3;
}

/*
 * RichFaces auto complete
 */
*.rf-au-fnt {
  color: #000000;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}

input.rf-au-inp {
  background-color: #ffffff;
  background-image: url(../richfaces/inputBackgroundImage.png.xhtml?ln=images);
  background-position: 1px 1px;
  background-repeat: no-repeat;
  border: 0px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  width: 182px;
}

*.rf-au {
  border-width: 1px;
  border-style: solid;
  border-color: #C4C0B9;
  display: inline-block;
  background-image: url(../richfaces/autocompleteFieldGradient.png.xhtml?ln=images);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #ffffff;
  font-size: 1px;
  padding: 0px;
}

*.rf-au-fld-btn {
  display: inline-block;
  font-size: 1px;
  white-space: nowrap;
  vertical-align: top;
}

*.rf-au-btn {
  background-image: url(../richfaces/autocompleteButtonGradient.png.xhtml?ln=images);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #D4CFC7;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C4C0B9;
  display: inline-block;
  vertical-align: top;
}

*.rf-au-btn-arrow, *.rf-au-btn-arrow-dis {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../richfaces/comboDownButton.png.xhtml?ln=images);
  cursor: pointer;
  width: 15px;
  height: 16px;
  display: inline-block;
}

*.rf-au-btn-arrow-dis {
  background-image: url(../richfaces/comboDisabledDownButton.png.xhtml?ln=images);
  cursor: default;
}

*.rf-au-lst-cord {
  position: absolute;
  z-index: 10000;
  display: none;
}

*.rf-au-lst-dcrtn {
  border-width: 1px;
  border-style: solid;
  border-color: #C4C0B9;
  padding: 0px;
  background-color: #FFFFFF;
}

*.rf-au-lst-scrl {
  overflow: auto;
  overflow-x: hidden;
  width: 200px;
  max-height: 100px;
  min-height: 20px;
}

*.rf-au-itm {
  cursor: default;
  padding: 2px;
}

*.rf-au-itm-sel {
  background-color: #D4CFC7;
  border-width: 1px;
  border-style: dotted;
  border-color: #000000;
  padding: 1px;
}

*.rf-au-opt {
  white-space: nowrap;
  list-style-type: none;
}

*.rf-au-opt-sel {
  width: 100%;
}

*.rf-au-shdw {
  border: 0px solid red;
  display: inline-block;
  position: absolute;
  float: left;
  padding: 6px 6px 6px 6px;
  top: -6px;
  left: -7px;
}

*.rf-au-shdw-t {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: top left;
  position: absolute;
  width: 6px;
  top: 0px;
  bottom: 6px;
  left: 0px;
}

*.rf-au-shdw-l {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: bottom left;
  position: absolute;
  height: 6px;
  bottom: 0px;
  left: 0px;
  right: 6px;
}

*.rf-au-shdw-r {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: bottom right;
  position: absolute;
  width: 6px;
  top: 6px;
  bottom: 0px;
  right: 0px;
}

*.rf-au-shdw-b {
  background-image: url(../richfaces/combo_list_shadow.png.xhtml?ln=images);
  background-position: right top;
  position: absolute;
  height: 6px;
  top: 0px;
  left: 6px;
  right: 0px;
}

*.rf-au-lst-ul {
  margin: 0px;
  padding: 0px;
}

*.rf-au-tbl {
  border-spacing: 0px;
}

input.rf-au-inp {
  padding: 2px;
}

/*
 * Richfaces File Upload
 */
.rf-fu {
  width: auto;
  border: 1px solid #a3a3a3;
}

.rf-fu-hdr {
  border: 0;
  border-bottom: 1px solid #a3a3a3;
}

*.rf-fu-btn-cnt-add, *.rf-fu-btn-cnt-add-dis, *.rf-fu-btn-cnt-upl, *.rf-fu-btn-cnt-clr {
  /*
   * Richfaces will programatically add inline styles with padding to these containers
   * on mouseover, mouseout and mouseup,  so ensure the padding doesn't change.
   */
  padding: 0 !important;
  background-image: none;
  cursor: pointer;
  overflow: visible;
}

.rf-fu-btn-upl, .rf-fu-btn-clr {
  display: none;
}

.rf-fu-itm {
  border: 0;
}

/*
 * Richfaces Tab Panel
 */
*.rf-tab-hdr {
  border: none;
}

*.rf-tab-hdr-act.rf-tab-hdr-top, *.rf-tab-hdr-inact.rf-tab-hdr-top {
  padding: 2px 10px;
  border: 1px solid #a3a3a3;
  vertical-align: bottom;
  border-radius: 2px 2px 0 0;
}

*.rf-tab-hdr-spcr {
  border-bottom: 1px solid #a3a3a3;
}

*.rf-tab-hdr-act.rf-tab-hdr-top {
  border-bottom: 1px solid white;
  font-weight: normal;
  background-image: url(../images/richfaces/tabGradientA.png.xhtml);
  background-position: top;
  background-repeat: repeat-x;
  cursor: default;
}

*.rf-tab-hdr-inact.rf-tab-hdr-top {
  background-image: url(../images/richfaces/tabGradientB.png.xhtml);
}

*.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
  border: 0;
}

*.rf-tab-hdr-tabs {
  border: 0;
  height: 100%;
}

*.rf-tab-hortab-tabspcr-wdh {
  padding-left: 1px;
}

*.rf-tab-lbl {
  white-space: nowrap;
  font-family: Arial, Verdana, sans-serif;
}

*.rf-tab-hdn {
  display: none;
}

*.rf-tab-hdr-brd {
  border: 0;
}

*.rf-tab-cnt {
  padding: 10px 0;
}

#javax_faces_developmentstage_messages {
  position: absolute;
  bottom: 10px;
  margin-left: 200px;
  z-index: 100;
}

.ui-state-active {
  border: 1px solid #7096ab;
  background: #85b2cb url("/showcase/javax.faces.resource/images/ui-bg_inset-hard_65_85b2cb_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;
  background: #85b2cb linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
  background: #85b2cb -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  font-weight: bold;
  color: #1C4257;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.multi-select-filter {
  display: inline-block;
  /* ie7hack display:inline-block */
  zoom: 1;
  *display: inline;
}

.im-pf-report-table thead th, .im-pf-report-table tbody td {
  /* these are needed for pdf printing*/
  border-left: 0;
  border-right: 0;
  border-width: 0 0 1px 0;
}

.im-pf-report-table tr:nth-child(odd) td {
  background: #e9edf2;
}

.im-pf-report-table tr:hover td {
  background: #ffffca;
}

.im-section > .dropdown {
  position: absolute;
  right: 7.5%;
  top: 3em;
}

.dropdown-menu {
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}

.dropdown-menu .media-left {
  padding-top: 1px;
  padding-bottom: 1px;
}

a.dropdown-toggle {
  white-space: nowrap;
}

a.dropdown-toggle img.tool {
  margin-right: 0px;
}

a.dropdown-toggle span.caret {
  margin-left: 0px;
  margin-right: 5px;
}

div#panel-title-toolbar div.dropdown,
div#panel-title-toolbar div.media-body a {
  color: black;
}

.im-input-icon, .im-input-icon-focusable {
  position: absolute;
  right: 0.7em;
  top: 0;
  z-index: 1;
  color: #999999;
}
