/*===============================================
=            Legacy Button Overrides            =
===============================================*/
.a-IRR-container button.a-Button span,
.a-DevToolbar button span,
.a-IRR-dialogTable button span,
button.a-Button > span {
  padding: 0;
}

span.lov img {
  vertical-align: top;
}

.a-Button.a-Button--calendar {
  margin-left: 0;
  padding: 2px 4px;
  vertical-align: top;
}

.a-DevToolbar button span {
  display: inline-block;
}

.a-Button.a-Button--devToolbar {
  background-color: #404040 !important;
  color: #EEE !important;
}
.a-Button.a-Button--devToolbar:hover {
  background-color: #606060 !important;
  color: #FFF !important;
}
.a-Button.a-Button--devToolbar.is-active, .a-Button.a-Button--devToolbar:active, .a-Button.a-Button--devToolbar:focus {
  color: #FFF !important;
  background-color: #202020 !important;
}

/*-----  End of Legacy Button Overrides  ------*/

/*==========  APEX 5.0 Core Overrides  ==========*/
.a-IRR-dialogTable th, .a-IRR-dialogTable td {
  white-space: nowrap;
}

.a-IRR-container button.a-Button span {
  display: inline-block;
}

/*==========  APEX 5.0 IRR Core Overrides  ==========*/
.a-IRR-fullView,
.a-IRR-reportView {
  float: left;
}

.a-IRR-toolbar--singleRow + .a-IRR-content {
  background-color: #FFF;
  border: 1px solid #D0D0D0;
  -moz-border-radius: 2px;
       border-radius: 2px;
  margin-bottom: 8px;
}

.a-IRR-buttons,
.a-IRR-controls {
  display: block;
  float: left;
}

.a-IRR-buttons {
  margin-left: 8px;
  line-height: 32px;
  vertical-align: middle;
}

.a-IRR-controls {
  max-width: none;
}

.a-IRR {
  border-width: 0;
}

.a-IRR-table {
  width: auto;
  border: 1px solid #D0D0D0;
}

.a-IRR-toolbar {
  display: block;
  float: left;
  width: auto;
  margin-bottom: 8px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  border-collapse: separate;
  border: 1px solid #C0C0C0;
  background-image: -webkit-linear-gradient(#F4F4F4, #E4E4E4);
  background-image: -moz-linear-gradient(#F4F4F4, #E4E4E4);
  background-image: linear-gradient(#F4F4F4, #E4E4E4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.a-IRR {
  border: none;
}

.a-IRR-paginationWrap--bottom {
  border-top-width: 0;
}

.a-IRR-table td,
.a-IRR-singleRow-name, .a-IRR-singleRow-value {
  padding: 4px 8px;
}

.a-IRR-headerLink, .a-IRR-headerLabel {
  padding: 8px;
  white-space: nowrap;
}

.a-IRR-table tr:nth-child(even) td {
  background-color: #F8F8F8;
}

.a-IRR-table tr:hover td,
.a-IRR-table tr:nth-child(even):hover td {
  background-color: #F0F0F0;
}

img {
  border: 0;
}

table {
  empty-cells: show;
}

.pbutton, .pb {
  cursor: pointer;
}

/* ANCHOR TAGS */
a.noline:link, a.noline:visited {
  text-decoration: none;
}

a.itemLabel:visited, a.itemLabel:link, a.itemLabel {
  color: black;
  font-size: 10pt;
  text-decoration: none;
}

a.itemLabel:hover {
  text-decoration: underline;
}

a.list, a.list:link, a.list:visited {
  color: black;
  font-size: 10pt;
  text-decoration: none;
}

a.list:hover {
  text-decoration: underline;
}

a.nolink:link, a.nolink:visited, a.nolink:hover {
  color: black;
  text-decoration: none;
}

/* FONTS */
/* RELATIVE SIZES */
.black80 {
  font-size: 80%;
  color: black;
}

.black85 {
  font-size: 85%;
  color: black;
}

.black90 {
  font-size: 90%;
  color: black;
}

.black95 {
  font-size: 95%;
  color: black;
}

.black100 {
  font-size: 100%;
  color: black;
}

.black110 {
  font-size: 110%;
  color: black;
}

.black120 {
  font-size: 120%;
  color: black;
}

.black130 {
  font-size: 130%;
  color: black;
}

.black140 {
  font-size: 140%;
  color: black;
}

.black150 {
  font-size: 150%;
  color: black;
}

.white80 {
  font-size: 80%;
  color: white;
}

.white85 {
  font-size: 85%;
  color: white;
}

.white90 {
  font-size: 90%;
  color: white;
}

.white95 {
  font-size: 95%;
  color: white;
}

.white100 {
  font-size: 100%;
  color: white;
}

.white110 {
  font-size: 110%;
  color: white;
}

.white120 {
  font-size: 120%;
  color: white;
}

.white130 {
  font-size: 130%;
  color: white;
}

.white140 {
  font-size: 140%;
  color: white;
}

.white150 {
  font-size: 150%;
  color: white;
}

/* ABSOLUTE SIZES - we need to change these to relative sizes eventually. */
.fielddata {
  font-size: 10pt;
  color: #000000;
}

.fielddatabold {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

.fielddatasmall {
  font-size: 8pt;
  color: #000000;
}

table.tiny td {
  padding: 2px;
}

.tiny {
  font-size: 7.5pt;
}

.code {
  font-size: 10pt;
  font-family: "courier new",monospaced;
}

/* CLASSES USED BY THE REPORTING ENGINE, MAY BE COLOR SPECIFIC */
.tableheader {
  font-size: 10pt;
  font-weight: bold;
  background: #cccc99;
  color: #336699;
}

.tabledata {
  font-size: 10pt;
  background: #f7f7e7;
  color: #000000;
}

.tabledata-alt {
  font-size: 10pt;
  background: #ffffff;
  color: #000000;
}

.tabledatabold {
  font-size: 10pt;
  font-weight: bold;
  background: #f7f7e7;
  color: #000000;
}

table.standardLook th {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
  padding: 2px 3px 2px 3px;
  white-space: nowrap;
  vertical-align: bottom;
}

table.standardLook td {
  font-size: 10pt;
  color: #000000;
  padding: 2px 3px 2px 3px;
}

table.default1 th {
  font-size: 10pt;
  font-weight: bold;
  background: #cccc99;
  color: #336699;
  padding: 2px;
  white-space: nowrap;
  vertical-align: bottom;
}

table.default1 td {
  font-size: 10pt;
  background: #f7f7e7;
  color: #000000;
  padding: 2px;
}

table.default1 td.alt {
  font-size: 10pt;
  background: #ffffff;
  color: #000000;
}

table.default2 {
  border-left: 1px #cccc99 solid;
  border-top: 1px #cccc99 solid;
  background: #f7f7e7;
  font-size: 10pt;
  margin-top: 1px;
}

table.default2 th {
  font-weight: bold;
  background: #cccc99;
  color: #336699;
  padding: 2px;
  border-bottom: 1px #f7f7e7 solid;
  border-right: 1px #f7f7e7 solid;
  font-size: 10pt;
  white-space: nowrap;
  vertical-align: bottom;
}

table.default2 td {
  padding: 2px;
  border-bottom: 1px #cccc99 solid;
  border-right: 1px #cccc99 solid;
  font-size: 10pt;
}

table.default3 th {
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

table.default3 td {
  font-size: 8pt;
  color: #000000;
}

table.default4 {
  margin: 5px auto 0.5em auto;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-color: #efefef;
}

table.default4 td {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

table.default4 th {
  font-weight: bold;
  font-size: 10pt;
  color: #ffffff;
  background-color: #bbbbbb;
  border-left: 1px solid #e0e7f7;
  border-top: 1px solid #e0e7f7;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
  vertical-align: bottom;
}

table.default4 td.even {
  background-color: #fefefe;
  font-size: 10pt;
  white-space: nowrap;
}

table.default4 td.odd {
  background-color: #efefef;
  font-size: 10pt;
  white-space: nowrap;
}

table.vertical1 td {
  font-size: 10pt;
  color: #000000;
  padding: 2px 5px 2px 5px;
}

table.vertical1 td.L {
  text-align: right;
  padding-right: 6px;
}

table.vertical1 td.R {
  text-align: left;
  font-weight: bold;
  padding-left: 3px;
}

table.vertical1 td.vertical1Border {
  font-size: 0;
  height: 1px;
}

table.vertical2 {
  border: 1px #bbbbbb solid;
  border-collapse: collapse;
  background: #ffffff;
  font-size: 10pt;
  margin-top: 1px;
}

table.vertical2 td.L {
  font-weight: bold;
  padding: 2px;
  white-space: nowrap;
  vertical-align: bottom;
  width: 30%;
  text-align: right;
  border: 1px #bbbbbb solid;
  background: #999999;
  color: #ffffff;
}

table.vertical2 td {
  padding: 2px;
  border: 1px #bbbbbb solid;
  text-align: left;
}

/* USED FOR INLINE EDIT IMAGES */
img.eLink, a.eLink {
  border: none;
  display: none !important;
}

img.eLinkOn, a.eLinkOn {
  border: none;
  display: inline !important;
}

ul.noIndent {
  margin: 0;
  padding-left: 1.2em;
}

ul.noIndent li {
  padding-left: 0;
}

div.popupHead {
  background-color: #cccccc;
  padding: 4px;
  border-bottom: 1px #999999 solid;
}

/* Class(es) to hide html elements that only apply to Section 508 rules */
.hideMe508 {
  display: none;
}

/* Class to hide html elements from being displayed on screen, but that will still be audible with a screen reader */
.hideMeButHearMe {
  position: absolute;
  top: -999px;
}

/* Other */
span.errTxt {
  color: #ff0000;
  font-size: 7.5pt;
}

div.htmldbDebug {
  padding-left: 3px;
  font-size: 10 !important;
}

div.htmldbHtmlEditor {
  font-size: 12px;
}

div.htmldbHtmlEditor p {
  font-size: inherit;
}

div.htmldbHtmlEditor em {
  font-style: italic;
  font-size: 12px;
}

div.htmldbHtmlEditor h1 {
  font-size: 120%;
}

div.htmldbHtmlEditor h2 {
  font-size: 140%;
}

div.htmldbHtmlEditor h3 {
  font-size: 160%;
}

div.htmldbHtmlEditor h4 {
  font-size: 180%;
}

div.htmldbHtmlEditor h5 {
  font-size: 200%;
}

div.htmldbHtmlEditor h6 {
  font-size: 220%;
}

div.htmldbHtmlEditor ol, div.htmldbHtmlEditor ol li {
  list-style-type: decimal;
  font-size: inherit;
}

div.htmldbHtmlEditor ul, div.htmldbHtmlEditor ul li {
  list-style-type: disc;
  font-size: inherit;
}

img.apexDatePickerIcon[class] {
  vertical-align: middle;
}

ol {
  margin: 0 0 0 20px;
  padding: 0;
}

ul {
  margin: 0 0 0 20px;
  padding: 0;
}

/* built in for shuttle */
.shuttleSort1 img, .shuttleSort2 img, .shuttleControl img {
  display: block;
  cursor: pointer;
  margin: 3px;
}

.shuttleSelect1 select, .shuttleSelect2 select {
  min-width: 120px;
}

/* built in for color picker */
body.colorpicker {
  background: #fff;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  margin: 0;
  padding: 1px;
}

#color_pallet_tab {
  margin: 0 auto;
}

#color_pallet_tab .color {
  display: block;
  float: left;
  width: 18px;
  height: 12px;
  margin: 1px 1px 0 0;
  cursor: pointer;
}

#color_pallet_tab .color br {
  display: block;
  width: 1px;
  height: 1px;
  font-size: 1px;
}

#current_color {
  height: 20;
  margin: 2 auto;
  clear: both;
}

.colorpreview {
  margin: 0 0 0 5px;
  width: 16px;
  height: 16px;
  border: 1px #000000 solid;
}

/*
* complex default layout
**/
.calculator, .colorpicker, .lov, .datepicker {
  white-space: nowrap;
  vertical-align: top;
}

.checkbox_group, .radio_group {
  vertical-align: top;
  margin: auto 0;
  display: inline-block;
}

.ajax_shuttle select {
  height: 150;
  width: 300;
}

.ui-datepicker-trigger {
  margin: 0 0 0 2px;
  vertical-align: text-bottom;
}

/*worksheet specific*/
.worksheet_detail {
  font-size: 12px;
}

.worksheet_detail th, .worksheet_detail td {
  font-size: 1em;
  padding: 2px 8px;
}

.worksheet_detail th {
  text-align: right;
  background: none;
  background-image: none;
}

.worksheet .worksheet_detail th.group, .worksheet_detail th.group {
  text-align: left;
  padding: 6px;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  background: #efefef;
}

.worksheet_detail th.group img {
  margin-right: 5px;
  cursor: pointer;
}

.worksheet .worksheet_detail th.group, .worksheet .worksheet_detail th {
  background: none;
  border: none;
  background-image: none;
  color: #000;
}

.calculator td.w20 {
  width: 20;
  height: 20;
  text-align: center;
  font-size: 12px;
  color: #000000;
  padding: 4px;
  border: 1px solid #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
  cursor: pointer;
}

.calculator td.w40 {
  width: 40;
  height: 20;
  text-align: center;
  font-size: 12px;
  color: #000000;
  padding: 4px;
  border: 1px solid #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
  cursor: pointer;
}

.calculator td.w120 {
  width: 100%;
  height: 20;
  font-size: 12px;
  color: #000000;
  padding: 4px;
  border: 1px solid #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
  cursor: pointer;
  text-align: left;
}

th.current {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #efefef;
  color: #000;
  background-image: none;
}

#webpage {
  font-size: 12px !important;
  empty-cells: show;
  height: 100%;
}

#webpage * {
  font-size: 12px !important;
}

#webpage td.column {
  height: 100%;
  border: 1px solid #efefef;
  empty-cells: show;
  padding: 15px 5px;
}

table.wb_region {
  border: 1px solid #999;
  width: 300;
  font-size: 12px !important;
  margin: 2px;
}

table.wb_region th {
  border-bottom: 1px solid #999;
  background: #efefef;
}

#columnbuilder {
  border: 1px solid #aaaaaa;
  background: #efefef;
}

#columnbuilder td {
  white-space: nowrap;
  font-size: 9px;
  border-bottom: 1px solid #fff;
  vertical-align: middle !important;
  height: 1em;
  line-height: 1em;
}

#columnbuilder td span {
  vertical-align: middle !important;
  height: 1em;
  line-height: 1em;
}

#columnbuilder td input {
  border: 1px solid #999 !important;
}

table.TopBarUIFix {
  margin: 0 0 6px 0;
  empty-cells: show;
}

td.TopBarUIFixL {
  white-space: nowrap;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #eeeeee;
}

td.TopBarUIFixC {
  white-space: nowrap;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #eeeeee;
}

td.TopBarUIFixC a {
  display: block;
  height: 100%;
  width: 25px;
  text-decoration: none;
  cursor: help;
}

td.TopBarUIFixR {
  border: none;
  white-space: nowrap;
}

td.TopBarUIFixL *, td.TopBarUIFixR *, td.TopBarUIFixC * {
  vertical-align: middle;
}

.dhtmlSubMenu {
  background: #f6f6f6;
  font-size: 11px;
  width: 200;
  border: 2px solid #b7b7b7;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.dhtmlSubMenu li {
  margin: 0;
  padding: 0;
}

.dhtmlMenuSep {
  text-align: center;
}

img.dhtmlMenuSep {
  display: block;
  margin: auto;
  width: 80%;
  border: 1px solid #f6f6f6;
  height: 1px;
  background: #ccc;
}

.dhtmlSubMenu img.dhtmlSep {
  width: 180;
  height: 1px;
}

.dhtmlSubMenu .htmldbMIMG, .dhtmlSubMenuS .htmldbMIMG {
  vertical-align: middle;
  float: right;
  width: 5px;
  height: 9px;
}

.dhtmlSubMenu .dhtmlSubMenuP {
  text-align: center;
  color: #808080;
  padding: 3px 8px;
  border-bottom: #ccc 1px solid;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  margin: 1px;
}

.dhtmlSubMenu a.dhtmlSubMenuS, .dhtmlSubMenu a.dhtmlSubMenuN {
  border: 1px solid #f6f6f6;
  color: #808080;
  display: block;
  font-weight: normal;
  padding: 3px 8px;
  text-decoration: none;
  white-space: nowrap;
  margin: 1px;
  height: 1%;
  overflow: hidden;
}

/* Shows current number of rows selected */
li.dhtmlSubMenuSelected a.dhtmlSubMenuN {
  background-color: #CCC;
}

.dhtmlSubMenu a.dhtmlSubMenuS:hover,
.dhtmlSubMenu a.dhtmlSubMenuN:hover,
.dhtmlSubMenu a.dhtmlSubMenuS:focus,
.dhtmlSubMenu a.dhtmlSubMenuN:focus,
.dhtmlSubMenu a.dhtmlSubMenuS:active,
.dhtmlSubMenu a.dhtmlSubMenuN:active {
  background: #FFC06F;
  border: 1px solid #000;
  color: #000;
}

a.dhtmlSubMenuS, a.dhtmlSubMenuN {
  font-size: 1em;
  display: block;
  vertical-align: middle;
  line-height: 1.2em;
  outline: none;
}

a.dhtmlSubMenuS *, a.dhtmlSubMenuN * {
  vertical-align: middle;
}

a.dhtmlSubMenuS span {
  display: block;
  font-size: 1em;
  float: left;
}

a.dhtmlSubMenuS img {
  display: block;
  float: right;
  width: 5px;
  height: 9px;
}

.dhtmlSubMenu a.dhtmlSubMenuS, .dhtmlSubMenu a.dhtmlSubMenuN {
  color: #000;
}

div.dhtmlMenuLG {
  list-style-type: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  white-space: nowrap;
}

div.dhtmlMenuLG div.dhtmlMenuItem {
  text-align: center;
  float: left;
  margin: 0 8px 0 0;
}

div.dhtmlMenuLG a.dhtmlBottom {
  text-decoration: none;
  display: block;
  font-size: 12px;
  margin: 0 5px;
  font-weight: bold;
}

div.dhtmlMenuLGButton {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 4px;
  vertical-align: middle;
  white-space: nowrap;
}

div.dhtmlMenuLGButton div.dhtmlMenuItem {
  text-align: center;
  float: left;
  margin: 0 8px 0 0;
}

div.dhtmlMenuLGButton a.dhtmlBottom {
  text-decoration: none;
  display: block;
  font-size: 12px;
  margin: 0 5px;
  font-weight: bold;
}

.apex-tabular-form-error {
  border: 1px solid #990000;
  background-color: #fccfcc;
  padding: 2px;
}

.apex-tabular-form-error-highlight {
  border: 2px solid #990000;
  background-color: #fccfcc;
  padding: 2px;
}

.apex-tabular-highlight {
  border: 1px solid #cc9900;
  background-color: #ffffcc;
  padding: 2px;
}

.apex-tabular-form-error-box {
  -moz-border-radius: 10;
  -webkit-border-radius: 10;
  background: #ffffcc;
  border: 1px solid #ffcc66;
  margin: 10;
  width: 600;
}

.apex-tabular-form-error-box .msg {
  padding: 10;
  text-align: center;
}

/**
 * Default Month Calendar - Below Calendar Data Display CSS
 */
.DefMonthCalendar .DefDay {
  text-align: left;
  vertical-align: top;
  height: 50;
  padding: 0;
  color: #465769;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #999999;
  margin: 0;
  padding: 4px;
  background-color: #E5E5E5;
}

.DefMonthCalendar .DefHour {
  width: 30;
  font: bold 12px/16px Arial, sans-serif;
  color: #465769;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 35px 10;
  border-width: 0 0 0 0;
  white-space: nowrap;
  background-color: #E5E5E5;
}

/**
* Default Week Calendar CSS
*/
.DefWeekCalendarHolder {
  width: 600;
}

.DefWeekCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FF0000;
}

.DefWeekCalendar {
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  width: 100%;
}

.DefWeekCalendar .DefDayOfWeek {
  color: #000000;
  padding: 3px;
  background-color: #999999;
  border-right: 1px solid #666666;
}

.DefWeekCalendar td {
  width: 75px;
  height: 30;
  width: 14%;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}

.DefWeekCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #666666;
  border-right: none;
  border-top: none;
}

.DefWeekCalendar .DefDay {
  vertical-align: top;
}

.DefWeekCalendar .DefNonDay {
  background-color: #EEEEEE;
}

.DefWeekCalendar .DefToday {
  vertical-align: top;
  border-top: #999999 1px solid;
  background-color: #DDDDDD;
}

.DefWeekCalendar .DefToday .DefDayTitle {
  background-color: #FFFFFF;
}

.DefWeekCalendar .DefHour {
  width: 40;
  height: 30;
  width: 5%;
  border-top: 1px solid #666666;
  background-color: #999999;
}

.DefWeekCalendar .DefHourTitle {
  width: 40;
  background-color: #999999;
}

/**
 * Default Daily Calendar CSS
 */
.DefDayCalendarHolder {
  width: 600;
}

.DefDayCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FF0000;
}

.DefDayCalendar {
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  width: 100%;
}

.DefDayCalendar .DefDayOfWeek {
  color: #000000;
  padding: 3px;
  background-color: #999999;
  border-right: 1px solid #666666;
}

.DefDayCalendar td {
  width: 560;
  height: 30;
  border-right: 1px solid #666666;
  border-top: 1px solid #666666;
}

.DefDayCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #666666;
  border-right: none;
  border-top: none;
}

.DefDayCalendar .DefDay {
  vertical-align: top;
}

.DefDayCalendar .DefToday {
  vertical-align: top;
  border-right: #999999 1px solid;
  border-top: #999999 1px solid;
  background-color: #DDDDDD;
}

.DefDayCalendar .DefToday .DefDayTitle {
  background-color: #FFFFFF;
}

.DefDayCalendar .DefHour {
  width: 40;
  height: 30;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  background-color: #999999;
}

.DefDayCalendar .DefHourTitle {
  width: 40;
  background-color: #999999;
}

/**
* Default Custom Calendar styles
**/
.DefcstCalendarHolder {
  width: 600;
}

.DefcstCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FF0000;
}

.DefcstCalendar {
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  width: 100%;
}

.DefcstCalendar .DefDayOfWeek {
  color: #000000;
  padding: 3px;
  background-color: #999999;
  border-right: 1px solid #666666;
}

.DefcstCalendar td {
  width: 75px;
  height: 75px;
  width: 14%;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}

.DefcstCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #666666;
  border-right: none;
  border-top: none;
}

.DefcstCalendar .DefDay {
  vertical-align: top;
}

.DefcstCalendar .DefNonDayTitle {
  text-align: right;
  color: #CCCCCC;
}

.DefcstCalendar .DefNonDay {
  background-color: #EEEEEE;
}

.DefcstCalendar .DefWeekendDayTitle {
  padding: 2px;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 2px solid #666666;
  border-right: none;
  border-top: none;
  text-align: right;
  color: #CCCCCC;
}

.DefcstCalendar .DefToday {
  vertical-align: top;
  border-top: #999999 1px solid;
  background-color: #DDDDDD;
}

.DefcstCalendar .DefToday .DefDayTitle {
  background-color: #FFFFFF;
}

.DefCstWeekCalendarHolder {
  width: 600;
}

.DefCstWeekCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FF0000;
}

.DefCstWeekCalendar {
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  width: 100%;
}

.DefCstWeekCalendar .DefDayOfWeek {
  color: #000000;
  padding: 3px;
  background-color: #999999;
  border-right: 1px solid #666666;
}

.DefCstWeekCalendar td {
  width: 75px;
  height: 30;
  width: 14%;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}

.DefCstWeekCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #666666;
  border-right: none;
  border-top: none;
}

.DefCstWeekCalendar .DefDay {
  vertical-align: top;
}

.DefCstWeekCalendar .DefNonDay {
  background-color: #EEEEEE;
}

.DefCstWeekCalendar .DefToday {
  vertical-align: top;
  border-top: #999999 1px solid;
  background-color: #DDDDDD;
}

.DefCstWeekCalendar .DefToday .DefDayTitle {
  background-color: #FFFFFF;
}

.DefCstWeekCalendar .DefHour {
  width: 40;
  height: 30;
  width: 5%;
  border-top: 1px solid #666666;
  background-color: #999999;
}

.DefCstWeekCalendar .DefHourTitle {
  width: 40;
  background-color: #999999;
}

.DefAgendaCalendar {
  width: 100%;
  padding: 0 0 0 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

.DefAgendaCalendar .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FF0000;
}

.DefAgendaCalendar .DefDayTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #ffffff;
  border-width: 1px 0 0 0;
  background-color: #999999;
  border-left: 0 solid #666666;
  border-right: 0 solid #666666;
  border-top: 0 solid #999999;
  border-bottom: 0 solid #999999;
  margin: 0;
}

.DefAgendaCalendar .DefDay {
  text-align: left;
  vertical-align: top;
  height: 50;
  padding: 0;
  color: #465769;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #999999;
  margin: 0;
  padding: 4px;
  background-color: #E5E5E5;
}

.DefAgendaCalendar .DefHourTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #ffffff;
  background-color: #999999;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #999999;
  margin: 0;
}

.DefAgendaCalendar .DefHour {
  width: 30;
  font: bold 12px/16px Arial, sans-serif;
  color: #465769;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 35px 10;
  border-width: 0 0 0 0;
  white-space: nowrap;
  background-color: #E5E5E5;
  vertical-align: center;
}

.DefAgendaCalendar .DefToDayTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #999999;
  border-width: 1px 0 0 0;
  background-color: #DDDDDD;
  border-left: 0 solid #666666;
  border-right: 0 solid #666666;
  border-top: 0 solid #999999;
  border-bottom: 0 solid #999999;
  margin: 0;
}

.DefAgendaCalendar .DefToday {
  text-align: left;
  vertical-align: top;
  height: 50;
  padding: 0;
  color: #465769;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #999999;
  margin: 0;
  padding: 4px;
  background-color: #F5F6F5;
}

.DefAgendaCalendar .DefTodayHourTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #999999;
  background-color: #DDDDDD;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #DDDDDD;
  margin: 0;
}

.DefAgendaCalendar .DefTodayHour {
  width: 30;
  font: bold 12px/16px Arial, sans-serif;
  color: #465769;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 35px 10;
  border-width: 0 0 0 0;
  white-space: nowrap;
  background-color: #F5F6F5;
  vertical-align: center;
}

/**
*This is Calendar Drag & Drop related Classes
* */
.calDragDrop {
  width: 98%;
}

.apex_cal_data_grid_src {
  width: 100%;
  margin-top: 2px;
}

/**
 *This is the standard apex finderbar
 * */
table.apex_finderbar {
  margin: 5px 0;
  empty-cells: show;
}

td.apex_finderbar_middle {
  white-space: nowrap;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #eeeeee;
}

td.apex_finderbar_middle a {
  display: block;
  height: 100%;
  text-decoration: none;
}

td.apex_finderbar_left {
  white-space: nowrap;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #eeeeee;
}

.apex_finderbar_left_middle {
  background-image: url(../htmldb/builder/builder_find_bg.png);
}

.apex_finderbar_left_top {
  background-image: url(../htmldb/builder/builder_find_bg.png);
}

.apex_finderbar_left_top img.spacer {
  display: block;
  background-image: url(../htmldb/builder/builder_find_top.png);
}

.apex_finderbar_left_bottom {
  background-image: url(../htmldb/builder/builder_find_bg.png);
}

.apex_finderbar_left_bottom img.spacer {
  display: block;
  background-image: url(../htmldb/builder/builder_find_bottom.png);
}

.apex_finderbar_buttons {
  padding-left: 10;
  white-space: nowrap;
}

.apex_close {
  margin-right: 10;
}

#loader {
  position: absolute;
  top: 0;
  left: 45%;
}

td.apex_finderbar_middle label {
  display: block;
}

span.ws_link {
  text-decoration: underline;
  cursor: pointer;
}

.error {
  border: 1px solid red;
}

.error_text {
  color: red;
}

table.accessible-report {
  border: 1px #aaa solid;
  margin: 4px;
}

table.accessible-report tfoot tr td, table.accessible-report tfoot, table.accessible-report tfoot tr {
  background: #f4f4f4;
  border: 0;
}

table.accessible-report > tbody > tr > th {
  background: #aaaaaa;
  font-weight: bold;
  border-bottom: 1px #aaa solid;
  font-size: 11px;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 4px 9px;
  color: #ffffff;
  font-size: 12px;
  background-repeat: repeat-x;
}

table.accessible-report > tbody > tr > td {
  background: #f4f4f4;
  border-top: 1px #fff solid;
  border-bottom: 1px #ccc solid;
  font-size: 12px;
  padding: 2px 9px;
  empty-cells: show;
}

table.accessible-report > tbody > tr > th a {
  color: #ffffff;
  font-size: 12px;
}

table.standard-report {
  border: 1px #aaa solid;
}

table.standard-report tfoot tr td, table.standard-report tfoot, table.standard-report tfoot tr {
  background: #f4f4f4;
  border: 0;
}

table.standard-report > tbody > tr > th {
  background: #879cbd;
  font-weight: bold;
  border-bottom: 1px #aaa solid;
  font-size: 11px;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 4px 9px;
  color: #ffffff;
  font-size: 12px;
  background-image: url(../apex/reg_top_bg.png);
  background-repeat: repeat-x;
}

table.standard-report > tbody > tr > td {
  background: #f4f4f4;
  border-top: 1px #fff solid;
  border-bottom: 1px #ccc solid;
  font-size: 12px;
  padding: 2px 9px;
  empty-cells: show;
}

table.standard-report > tbody > tr > th a {
  color: #ffffff;
  font-size: 12px;
}

table.column_mapping {
  border-top: 1px #aaa solid;
  width: 100%;
}

table.column_mapping tfoot tr td, table.column_mapping tfoot, table.column_mapping tfoot tr {
  border: 0;
}

table.column_mapping > tbody > tr > th {
  font-weight: bold;
  border-bottom: 1px #ccc solid;
  font-size: 11px;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 4px 9px;
  color: #000000;
  font-size: 12px;
  background-repeat: repeat-x;
}

table.column_mapping > tbody > tr > td {
  border-bottom: 1px #ccc solid;
  font-size: 12px;
  padding: 2px 9px;
  empty-cells: show;
}

table.column_mapping > tbody > tr > th a {
  color: #efefef;
  font-size: 12px;
}

/**
 *AJAX Based data adding to Calendar
 */
#apex_cal_DATA_PANEL_DROP {
  background: #efefef;
  border: 1px solid #999999;
  z-index: 1;
  padding: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  clear: both;
  float: left;
}

#apex_cal_DATA_PANEL_DROP label {
  font-size: 12px !important;
}

#apex_cal_DATA_PANEL_DROP td {
  white-space: nowrap !important;
}

/**
 *apex_
 *everthing we automatically output will should be prepended with apex_
 */
table tr td.apex_report_break {
  border-left: none !important;
  border-right: none !important;
  padding: 5px;
}

.apex_wait_popup {
  display: block;
  padding: 5px;
  font-size: 16px;
  width: 300;
  text-align: center;
  left: 40%;
  top: 30%;
  position: absolute;
  border: 2px solid #666;
  background-color: #FFF;
  z-index: 1002;
}

.apex_wait_overlay {
  display: block;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.5;
  opacity: .5;
  filter: alpha(opacity=50);
}

.apex-loading-indicator {
  background-image: url(../../apex_ui/img/legacy/loading16x16.gif);
  padding: 1px 8px 1px 8px;
}

/*.apex_disabled {
  background-color: #ccc;
}
*/
.apex_disabled_multi {
  color: #ccc;
}

/* topbar */
.topbar {
  padding: 0 0 4px 0;
  float: left;
  clear: right;
  overflow: hidden;
}

.topbar .topbar-items {
  float: left;
}

.topbar .topbar-buttons {
  float: left;
  padding: 16px 0;
}

.topbar .topbar-top {
  width: 100%;
  float: left;
  background: url(../apex/builder/bg-topbox.gif) no-repeat 0 0;
}

.topbar .topbar-top .topbar-top-r {
  height: 3px;
  color: #ffffff;
  font-size: 1px;
  font-weight: bold;
  background: url(../apex/builder/bg-topbox-r.gif) no-repeat 100% 0;
}

.topbar .topbar-body {
  float: left;
  width: 100%;
  background: url(../apex/builder/bg-region-frame-l.gif) repeat-y scroll 0 0;
}

.topbar .topbar-body .topbar-body-r {
  color: #000000;
  font-size: 14px;
  padding: 0 12px 0 2px;
  background: url(../apex/builder/bg-region-frame-r.gif) repeat-y scroll 100% 0;
}

.topbar .topbar-body .topbar-content {
  padding: 6px;
  clear: right;
  background: #f8f8f8 url(../apex/builder/bg-announcements.gif) repeat-x scroll 0 100%;
  height: 1%;
  overflow: hidden;
}

.topbar .topbar-body .topbar-content .formlayout .body {
  padding: 2px 0 0 0;
}

.topbar .topbar-bottom {
  width: 100%;
  float: left;
  height: 10;
  overflow: hidden;
  background: url(../apex/builder/bg-region-bottom-l.gif) no-repeat scroll 0 0;
}

.topbar .topbar-bottom .topbar-bottom-r {
  color: #000000;
  height: 5px;
  overflow: hidden;
  background: url(../apex/builder/bg-region-bottom-r.gif) no-repeat scroll 100% 0;
}

/* Two Col Report */
div.two-col-report-portlet div.report-row {
  clear: both;
  border-bottom: 1px dotted #CCC;
}

div.two-col-report-portlet div.report-row div.report-col-hdr {
  float: left;
  font: normal 12px/20px Arial, sans-serif;
}

div.two-col-report-portlet div.report-row div.report-col-val {
  float: right;
  font: bold 12px/20px Arial, sans-serif;
}

/* show pre- and post-text on the same line as the item type */
fieldset.checkbox_group {
  vertical-align: baseline;
}

fieldset.datepicker, fieldset.lov, fieldset.radio_group, fieldset.textarea, fieldset.shuttle, fieldset.colorpicker, fieldset.html_editor, fieldset.listmanager {
  vertical-align: middle;
}

.fixed-header-report table {
  empty-cells: show;
  border: 1px solid #cccccc;
}

.fixed-header-report table tbody {
  display: block;
  height: 200;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
}

.fixed-header-report table thead tr {
  background-color: #cccccc;
  background-image: url(../images/report_bg.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #cccccc;
  display: block;
}

.fixed-header-report table th.header {
  color: #ffffff;
  padding: 4px 10;
  font-size: 12px;
}

.fixed-header-report table th.header a {
  color: #ffffff;
  text-decoration: underline;
  font-size: 12px;
}

.fixed-header-report table td.data {
  background-color: #f0f0f0;
  padding: 4px 10;
  border-bottom: 1px solid #cccccc;
}

.fixed-header-report table td.data-alt {
  background-color: #ffffff;
  padding: 4px 10;
  border-bottom: 1px solid #cccccc;
}

.fixed-header-report table p {
  overflow: hidden;
  margin: 0;
}

.apex-rds {
  overflow-x: visible !important;
}

/* DEVELOPER TOOLBAR (for theme 14) */
span.a-DevToolbar-buttonLabel {
  color: #eee !important;
}

/* ==========================================================================
   Style Fixes for APEX 18.1
   ========================================================================== */
/* Fix jQuery UI Close Button bug
   ========================================================================== */
.ui-dialog .ui-dialog-titlebar-close {
  font-size: 0;
  /* color: transparent; */
  padding: 0;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar-close span {
  padding: 0;
}

/* Unset styles added to the ui-widget-shadow class for legacy themes
   ========================================================================== */
.ui-tooltip.ui-widget-shadow {
  margin: 0 !important;
  padding: 8px !important;
  background: inherit !important;
  opacity: 1 !important;
  -moz-border-radius: inherit !important;
       border-radius: inherit !important;
}

.a-Menu-item .a-Menu-subMenuCol {
  padding: 4px 4px 4px 0;
  height: 24px;
}

.a-Menu button.a-Menu-label {
  line-height: 24px;
}

.a-Menu-content .a-Menu-statusCol {
  padding: 4px 8px;
}

.a-Menu .a-Menu-item {
  line-height: 24px;
}

.a-Menu-content {
  padding: 4px 0;
}