.sortHeader_sortdesc-img, .sortHeader_sortdescon-img, .sortHeader_sortbi-img, .sortHeader_sortbiup-img, .sortHeader_sortbidown-img {
  background-repeat: no-repeat;
  border-style: none;
  margin: 0 0 0 3px;
  position: absolute;
  right: 0px;
  width: 12px; }

.sortHeader_sortasc-img {
  background-image: url(../images/jsf/sort/JSF_sort_asc.gif);
  height: 5px;
  top: 3px; }

.sortHeader_sortascon-img {
  background-image: url(../images/jsf/sort/JSF_sort_ascon.gif);
  height: 5px;
  top: 3px; }

.sortHeader_sortdesc-img {
  background-image: url(../images/jsf/sort/JSF_sort_desc.gif);
  height: 5px;
  top: 8px; }

.sortHeader_sortdescon-img {
  background-image: url(../images/jsf/sort/JSF_sort_descon.gif);
  height: 5px;
  top: 8px; }

.sortHeader_sortbi-img {
  background-image: url(../images/jsf/sort/JSF_sort_bi.gif);
  height: 12px;
  top: 3px; }

.sortHeader_sortbiup-img {
  background-image: url(../images/jsf/sort/JSF_sort_biup.gif);
  height: 12px;
  top: 3px; }

.sortHeader_sortbidown-img {
  background-image: url(../images/jsf/sort/JSF_sort_bidown.gif);
  height: 12px;
  top: 3px; }


a.sortHeader_sortasc, a.sortHeader_sortascon, a.sortHeader_sortdesc, a.sortHeader_sortdescon, a.sortHeader_sortbi, a.sortHeader_sortbiup, a.sortHeader_sortbidown {
  border: none;
  display: block;
  position: relative;
  text-decoration: none; }

a.sortHeader_sortasc span, a.sortHeader_sortascon span, a.sortHeader_sortdesc span, a.sortHeader_sortdescon span, a.sortHeader_sortbi span, a.sortHeader_sortbiup span, a.sortHeader_sortbidown span {
  display: block;
  position: relative; }

a.sortHeader_sortbi:link, a.sortHeader_sortbiup:link, a.sortHeader_sortbidown:link, a.sortHeader_sortbi:hover, a.sortHeader_sortbiup:hover, a.sortHeader_sortbidown:hover, a.sortHeader_sortbi:active, a.sortHeader_sortbiup:active, a.sortHeader_sortbidown:active, a.sortHeader_sortbi:visited, a.sortHeader_sortbiup:visited, a.sortHeader_sortbidown:visited {
  text-decoration: none; }

/* ==================== */
/* = Expandable Table = */
/* ==================== */
tr.expandable .icon {
  padding: 0 0 0 16px;
  position: relative; }

.table-expandable-icon {
  margin: 0 0 0 -16px;
  position: absolute; }

.table-expandable-icon.expanded {
  margin: 3px 0 0 -20px; }

/* ======================== */
/* = Paging in Data Table = */
/* ======================== */
.panelbox {
  margin-bottom: 0;
  width: auto; }

table tr {
  border: none; }

table, .key-value-table table {
  border: none !important; }

table table, table table th, table table td {
  border: none; }


.pagergoto {
  font-size: 12px; }

input.pagergoto {
  cursor: pointer;
  float: right;
  margin: 1px 0 0;
  padding: 2px 6px 3px; }

.ie7 input.pagergoto {
  margin: -24px 0 0 -10px !important;
  padding: 1px 3px 0; }

span.pagergoto {
  float: left;
  width: 75px; }

.pagergoto input {
  font-size: 12px;
  margin: 4px 2px 2px;
  text-align: center; }

.pagergoto_inputtext {
  width: 24px; }

.pagerweb {
  color: #44687D;
  width: 200px; }

.pagerweb, .outputstatistics {
  margin-left: 10px; }

.pagerweb a {
  padding: 0 2px; }


.pagerdeluxe {
  background-color: ThreeDFace;
  border-color: ThreeDFace;
  border-width: 1px;
  border-style: solid; }

.pagerdeluxeactive {
  background-color: transparent;
  border-color: ThreeDShadow;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  padding: 0; }

.pagerdeluxehidden {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  margin: 0;
  padding: 0; }

.pagerdeluxeactive_button {
  background-color: ThreeDFace;
  border-color: Window;
  border-style: solid;
  border-width: 1px;
  font-size: 13px;
  height: 19px;
  margin: 0;
  padding: 0;
  width: 22px; }

.pagerdeluxehidden_button {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  height: 19px;
  margin: 0;
  padding: 0;
  width: 22px; }

.pagerdeluxe_text {
  background-color: ThreeDFace;
  border-color: ThreeDFace;
  border-style: solid;
  border-width: 0;
  color: windowtext;
  font-size: 13px;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding: 0;
  text-align: center;
  vertical-align: middle; }

.pagerdeluxe_button_twistie {
  border-color: windowtext;
  color: windowtext;
  list-style-type: none; }

.pagerdeluxeactive_button_twistie {
  border-color: windowtext;
  color: windowtext;
  list-style-type: none; }

/*** Dialog boxes */
/* this chunk of CSS is deprecated by modal-background */
.dol-dialog_titlebar {
  background-color: #EFEFEF;
  border-radius: 3px 3px 0 0;
  color: #3D6683;
  font-size: 14px !important;
  text-align: center;
  font-family: sans-serif;
  font-weight: 700;
  font-size: 11px;
  padding: 2px 20px; }

.dol-dialog_titlebar-closebutton {
  background-repeat: no-repeat;
  background: url(../images/icons/cancel-window.png);
  border-style: none;
  border-width: 0;
  cursor: default;
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 16px; }

.dol-dialog_titlebar-closebutton-img {
  display: none; }

.dol-dialog_contentarea {
  background: #FFF;
  border-radius: 0 0 3px 3px;
  padding: 10px; }

.dol-dialog_footer {
  display: block;
  font-size: 12px;
  padding-bottom: 2px;
  padding-right: 2px;
  padding-top: 2px;
  text-align: right; }

/* =============== */
/* = Date Picker = */
/* =============== */
.inputtext_datepicker {
  background-color: #FFF;
  border-color: ButtonShadow;
  border-style: solid;
  border: 1px;
  color: WindowText;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: 400;
  margin: 0;
  padding: 2px;
  text-decoration: none; }


.inputtext_datepicker-header {
  border-bottom-width: 1px;
  border-color: ButtonShadow;
  border-style: solid;
  border-width: 0; }

.inputtext_datepicker-body {
  background-color: window;
  border-style: none;
  border-width: 0; }

.inputtext_datepicker-headerline1 {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: 700;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-headerline2 {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: 700;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-headerweekday {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: 700;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-headeryear {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: 700;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-headermonth {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: 700;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-headerline1 {
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  width: 12px; }

.inputtext_datepicker-headeryear {
  color: WindowText;
  padding-bottom: 1px;
  padding-top: 2px; }

.inputtext_datepicker-headerline2 {
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
  width: 12px; }

.inputtext_datepicker-headermonth {
  color: WindowText;
  padding-bottom: 3px; }

.inputtext_datepicker-button {
  border: 0;
  height: 12px;
  width: 12px; }

.inputtext_datepicker-headerweekday {
  background-color: #EFEFEF;
  color: WindowText;
  padding-bottom: 2px;
  padding-top: 1px; }

.inputtext_datepicker-othermonth {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-currentmonth {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-invalidday {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-currentday {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-currentotherday {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-today {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-currenttoday {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-hover {
  border-style: none;
  border-width: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

.inputtext_datepicker-hover {
  background-color: InactiveCaptionText; }

.inputtext_datepicker-othermonth {
  border-color: Window;
  color: GrayText; }

.inputtext_datepicker-currentmonth {
  border-color: Window;
  color: WindowText; }

.inputtext_datepicker-today {
  background-color: ThreeDDarkShadow;
  border-color: Window;
  color: Window;
  font-weight: 700; }

.inputtext_datepicker-today a {
  background-color: ThreeDDarkShadow;
  border-color: Window;
  color: Window;
  font-weight: 700; }

.inputtext_datepicker-currentday {
  background-color: Highlight;
  color: HighlightText; }

.inputtext_datepicker-currenttoday {
  background-color: Highlight;
  color: HighlightText; }

.inputtext_datepicker-currenttoday {
  font-weight: 700; }

.inputtext_datepicker-currentotherday {
  background-color: Highlight;
  color: HighlightText; }

.inputtext_datepicker-invalidday {
  background-color: buttonface;
  border-color: buttonface;
  color: GrayText; }

/** CSS for the translation component **/
#ux-translate-container {
  width: 200px;
  text-align: right;
  margin-top: -8px; }

.ux-translate-select {
  float: none !important;
  display: inline-block !important;
  margin: 0 10px !important; }

.ux-translate-button {
  float: none !important;
  display: inline-block !important;
  margin-right: 0 !important; }

/*
=======================================================================================================
JSF Form checkbox/radio button lists
=======================================================================================================
*/
.ux-form fieldset.jsf-radio-check-list table, .ux-form fieldset.jsf-radio-check-list td, .ux-form fieldset.jsf-radio-check-list th {
  background: none;
  border: none;
  width: inherit; }

.ux-form fieldset.jsf-radio-check-list table {
  margin-bottom: 1px; }

.ie7 .ux-form fieldset.jsf-radio-check-list table {
  margin-bottom: 7px;
  margin-left: -3px;
  margin-top: -4px;
  width: auto; }

.ux-form fieldset.jsf-radio-check-list td, .ux-form fieldset.jsf-radio-check-list th {
  padding: 0; }

.ie7 .ux-form fieldset.jsf-radio-check-list td, .ie7 .ux-form fieldset.jsf-radio-check-list th {
  margin-left: -5px; }

.ux-form fieldset.jsf-radio-check-list td label, .ux-form fieldset.jsf-radio-check-list th label {
  float: left;
  margin-right: 10px; }

.ux-form fieldset.jsf-radio-check-list.option-label-wrap td label, .ux-form fieldset.jsf-radio-check-list.option-label-wrap th label {
  display: block;
  float: left;
  margin: -2px 0 3px;
  width: 90%; }

.ie7 .ux-form fieldset.jsf-radio-check-list td label, .ie7 .ux-form fieldset.jsf-radio-check-list th label, .ie8 .ux-form fieldset.jsf-radio-check-list td label, .ie8 .ux-form fieldset.jsf-radio-check-list th label {
  margin-top: 3px; }

.ux-form fieldset.jsf-radio-check-list td input, .ux-form fieldset.jsf-radio-check-list th input {
  float: left;
  margin-left: 1px; }

.ie7 .ux-form fieldset.jsf-radio-check-list legend {
  margin-left: -8px; }

.ie7 .ux-form fieldset.jsf-radio-check-list legend span {
  display: inline-block; }

.ie7 .ux-form fieldset.jsf-radio-check-list td, .ie7 .ux-form fieldset.jsf-radio-check-list th {
  padding: 0 15px 0 0; }

/*
=========================================
 Long Label Support
=========================================
*/
.ie8 .ux-form fieldset.jsf-radio-check-list.option-label-wrap label {
  margin-top: 3px; }