/******************************************************************************
File Name:    apex_ui.scss
Purpose:      contains all css related changes for the apex builder for 4.2+
              this file only contains import statements to other scss files

Change History:

Rem   shrahman    05/02/2012    Created file
Rem   shrahman    05/15/2012    adding additional modules + apex overrides
Rem   shrahman    05/16/2012    adding module for forms
Rem   shrahman    05/17/2012    adding module for reports / css bar charts
Rem   shrahman    05/22/2012    adding module for interactive reports / lists
Rem   shrahman    05/30/2012    adding module for icons
Rem   shrahman    06/05/2012    adding module for forms
Rem   shrahman    06/05/2012    adding module for login
Rem   shrahman    06/11/2012    adding module for tag cloud and calendar
Rem   shrahman    07/19/2012    adding module for notifications
Rem   shrahman    08/20/2012    adding retina support

******************************************************************************/
/******************************************************************************
File Name:    header.scss
Purpose:      Top header and navigation of APEX 4.2

Change History:

Rem   shrahman    05/02/2012    Created file
Rem   shrahman    05/15/2012    Adjusting colors for breadcrumb bar
Rem   shrahman    05/22/2012    tweaking styles after removing legacy css
Rem   shrahman    05/30/2012    updating page edit / run bar styles, apex-help
Rem   shrahman    05/31/2012    fixing z-index issue with top nav, footer changes
Rem   shrahman    06/05/2012    fixing search input field to work with  new form styles
Rem   shrahman    06/08/2012    removing focus pulse on search input field
Rem   shrahman    06/12/2012    removing hover text display for run/edit icon links
Rem   shrahman    06/18/2012    removing styles for transitions
Rem   shrahman    07/10/2012    fixing SR issue with the builder tabs drop down arrows
Rem   shrahman    08/10/2012    #14484431 fixed hidden schema select list in sql workshop
Rem   shrahman    09/04/2012    fixing IE7 layout issue for .aRunEditBar

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 30, ../scss/modules/header.scss */
#page-header {
  height: auto;
  margin: 0;
  position: relative;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  /* Tabs */
}
/* line 35, ../scss/modules/header.scss */
#page-header > div:first-child {
  zoom: 1;
  background-color: black;
}
/* line 3, ../scss/config/_mixins.scss */
#page-header > div:first-child:before, #page-header > div:first-child:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
#page-header > div:first-child:after {
  clear: both;
}
/* line 39, ../scss/modules/header.scss */
#page-header #apex-logo {
  position: static;
  padding: 8px;
  width: 282px;
}
/* line 43, ../scss/modules/header.scss */
#page-header #apex-logo h1 {
  line-height: 0;
}
/* line 47, ../scss/modules/header.scss */
#page-header .nav-bar {
  padding: 0;
  top: 8px;
  right: 8px;
}
/* line 51, ../scss/modules/header.scss */
#page-header .nav-bar a.htmldbNavLink {
  margin: 0 0 0 8px;
  padding: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 20px;
}
/* line 57, ../scss/modules/header.scss */
#page-header .nav-bar a.htmldbNavLink span {
  font-size: 12px;
  line-height: 20px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none !important;
}
/* line 66, ../scss/modules/header.scss */
#page-header .apex-top-bar-end {
  background: none transparent;
  margin: 0;
  width: auto;
}
/* line 71, ../scss/modules/header.scss */
#page-header .apex-top-bar {
  background: none;
  background: url(../apex_ui/apex_ui.png) 0 -98px repeat-x #b9d6fc;
  height: auto;
  width: auto;
  zoom: 1;
  padding: 0;
}
/* line 3, ../scss/config/_mixins.scss */
#page-header .apex-top-bar:before, #page-header .apex-top-bar:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
#page-header .apex-top-bar:after {
  clear: both;
}
/* line 79, ../scss/modules/header.scss */
#page-header #apex-breadcrumb-region-end {
  margin: 0;
  background: none transparent;
}
/* line 83, ../scss/modules/header.scss */
#page-header #apex-breadcrumb-region {
  position: relative;
  margin: 0;
  background: none;
  /*		@include background-gradient(#FAFAFA,#F0F0F0);*/
  background: none #F0F4FA;
  width: auto;
  height: 32px;
  zoom: 1;
  /*		border-top: 1px solid #FFF;*/
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  border-bottom: 1px solid #B0BDCC;
}
/* line 3, ../scss/config/_mixins.scss */
#page-header #apex-breadcrumb-region:before, #page-header #apex-breadcrumb-region:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
#page-header #apex-breadcrumb-region:after {
  clear: both;
}
/* line 98, ../scss/modules/header.scss */
#page-header #tabs {
  /* Both */
  /* Non Current */
  /* Current */
}
/* line 99, ../scss/modules/header.scss */
#page-header #tabs img.dhtmlMenu {
  padding: 10px 16px 14px 0;
}
/* line 103, ../scss/modules/header.scss */
#page-header #tabs .non-current-first,
#page-header #tabs .current-first {
  border-left: none !important;
}
/* line 112, ../scss/modules/header.scss */
#page-header #tabs .current-first,
#page-header #tabs .current,
#page-header #tabs .current-last,
#page-header #tabs .non-current-first,
#page-header #tabs .non-current,
#page-header #tabs .non-current-last {
  border-radius: 0;
  margin: 0 0 0 0;
  height: auto;
  border: none;
  border-left: 1px solid #E1EAF6;
  border-right: 1px solid #B7C2D0;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
/* line 121, ../scss/modules/header.scss */
#page-header #tabs .current-first a,
#page-header #tabs .current a,
#page-header #tabs .current-last a,
#page-header #tabs .non-current-first a,
#page-header #tabs .non-current a,
#page-header #tabs .non-current-last a {
  text-decoration: none;
  font: normal 13px/36px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  height: auto;
}
/* line 127, ../scss/modules/header.scss */
#page-header #tabs .current-first a.nosub,
#page-header #tabs .current a.nosub,
#page-header #tabs .current-last a.nosub,
#page-header #tabs .non-current-first a.nosub,
#page-header #tabs .non-current a.nosub,
#page-header #tabs .non-current-last a.nosub {
  padding: 0 8px;
}
/* line 130, ../scss/modules/header.scss */
#page-header #tabs .current-first a.link_text,
#page-header #tabs .current a.link_text,
#page-header #tabs .current-last a.link_text,
#page-header #tabs .non-current-first a.link_text,
#page-header #tabs .non-current a.link_text,
#page-header #tabs .non-current-last a.link_text {
  padding: 0 5px 0 8px;
}
/* line 135, ../scss/modules/header.scss */
#page-header #tabs .current-first a.link_icon, #page-header #tabs .current-first a.dhtmlMenu, #page-header #tabs .current-first a.dhtmlMenuOn,
#page-header #tabs .current a.link_icon,
#page-header #tabs .current a.dhtmlMenu,
#page-header #tabs .current a.dhtmlMenuOn,
#page-header #tabs .current-last a.link_icon,
#page-header #tabs .current-last a.dhtmlMenu,
#page-header #tabs .current-last a.dhtmlMenuOn,
#page-header #tabs .non-current-first a.link_icon,
#page-header #tabs .non-current-first a.dhtmlMenu,
#page-header #tabs .non-current-first a.dhtmlMenuOn,
#page-header #tabs .non-current a.link_icon,
#page-header #tabs .non-current a.dhtmlMenu,
#page-header #tabs .non-current a.dhtmlMenuOn,
#page-header #tabs .non-current-last a.link_icon,
#page-header #tabs .non-current-last a.dhtmlMenu,
#page-header #tabs .non-current-last a.dhtmlMenuOn {
  width: 22px;
  height: 36px;
  margin: 0;
  background: url(../apex_ui/apex_ui.png) -30px 0 no-repeat transparent;
}
/* line 140, ../scss/modules/header.scss */
#page-header #tabs .current-first a.link_icon img, #page-header #tabs .current-first a.dhtmlMenu img, #page-header #tabs .current-first a.dhtmlMenuOn img,
#page-header #tabs .current a.link_icon img,
#page-header #tabs .current a.dhtmlMenu img,
#page-header #tabs .current a.dhtmlMenuOn img,
#page-header #tabs .current-last a.link_icon img,
#page-header #tabs .current-last a.dhtmlMenu img,
#page-header #tabs .current-last a.dhtmlMenuOn img,
#page-header #tabs .non-current-first a.link_icon img,
#page-header #tabs .non-current-first a.dhtmlMenu img,
#page-header #tabs .non-current-first a.dhtmlMenuOn img,
#page-header #tabs .non-current a.link_icon img,
#page-header #tabs .non-current a.dhtmlMenu img,
#page-header #tabs .non-current a.dhtmlMenuOn img,
#page-header #tabs .non-current-last a.link_icon img,
#page-header #tabs .non-current-last a.dhtmlMenu img,
#page-header #tabs .non-current-last a.dhtmlMenuOn img {
  visibility: hidden;
  margin: 0;
  height: 0;
  width: 0;
  text-indent: -9999px;
}
/* line 149, ../scss/modules/header.scss */
#page-header #tabs .current-first a.link_icon img,
#page-header #tabs .current a.link_icon img,
#page-header #tabs .current-last a.link_icon img,
#page-header #tabs .non-current-first a.link_icon img,
#page-header #tabs .non-current a.link_icon img,
#page-header #tabs .non-current-last a.link_icon img {
  visibility: visible;
}
/* line 158, ../scss/modules/header.scss */
#page-header #tabs .non-current-first:hover,
#page-header #tabs .non-current:hover,
#page-header #tabs .non-current-last:hover {
  border-left: 1px solid #4C6E9D;
  border-right: 1px solid #4C6E9D;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  background: url(../apex_ui/apex_ui.png) 0 -144px repeat-x #416aa1;
}
/* line 164, ../scss/modules/header.scss */
#page-header #tabs .non-current-first:hover a,
#page-header #tabs .non-current:hover a,
#page-header #tabs .non-current-last:hover a {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}
/* line 169, ../scss/modules/header.scss */
#page-header #tabs .non-current-first:hover a.link_icon, #page-header #tabs .non-current-first:hover a.dhtmlMenu, #page-header #tabs .non-current-first:hover a.dhtmlMenuOn,
#page-header #tabs .non-current:hover a.link_icon,
#page-header #tabs .non-current:hover a.dhtmlMenu,
#page-header #tabs .non-current:hover a.dhtmlMenuOn,
#page-header #tabs .non-current-last:hover a.link_icon,
#page-header #tabs .non-current-last:hover a.dhtmlMenu,
#page-header #tabs .non-current-last:hover a.dhtmlMenuOn {
  background: url(../apex_ui/apex_ui.png) 0 0 no-repeat transparent;
}
/* line 178, ../scss/modules/header.scss */
#page-header #tabs .current-first,
#page-header #tabs .current,
#page-header #tabs .current-last {
  border-left: 1px solid #1D477D;
  border-right: 1px solid #1D477D;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  background: none;
  background: url(../apex_ui/apex_ui.png) 0 -190px repeat-x #164787;
}
/* line 185, ../scss/modules/header.scss */
#page-header #tabs .current-first a,
#page-header #tabs .current a,
#page-header #tabs .current-last a {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}
/* line 190, ../scss/modules/header.scss */
#page-header #tabs .current-first a.link_icon, #page-header #tabs .current-first a.dhtmlMenu, #page-header #tabs .current-first a.dhtmlMenuOn,
#page-header #tabs .current a.link_icon,
#page-header #tabs .current a.dhtmlMenu,
#page-header #tabs .current a.dhtmlMenuOn,
#page-header #tabs .current-last a.link_icon,
#page-header #tabs .current-last a.dhtmlMenu,
#page-header #tabs .current-last a.dhtmlMenuOn {
  background: url(../apex_ui/apex_ui.png) 0 0 no-repeat transparent;
}
/* line 196, ../scss/modules/header.scss */
#page-header #apex-search {
  margin: 6px 8px;
  width: auto;
}
/* line 200, ../scss/modules/header.scss */
#page-header #apex-search table.formlayout {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 203, ../scss/modules/header.scss */
#page-header #apex-search table.formlayout tbody > tr > td {
  padding: 0;
}
/* line 207, ../scss/modules/header.scss */
#page-header #apex-search div.searchbox-plugin {
  border: 1px solid #B0B0B0;
  border-bottom: 1px solid #A0A0A0;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
  padding: 4px 6px 4px 20px;
  height: 22px;
  background: url(../apex_ui/apex_ui.png) -4px -40px white no-repeat;
  width: 150px;
}
/* line 217, ../scss/modules/header.scss */
#page-header #apex-search div.searchbox-plugin span.left,
#page-header #apex-search div.searchbox-plugin span.right {
  display: none;
}
/* line 220, ../scss/modules/header.scss */
#page-header #apex-search div.searchbox-plugin input {
  position: absolute;
  top: 4px;
  left: 20px;
  font-size: 12px;
  line-height: 12px;
  padding: 0;
  color: #707070;
  background: none #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 231, ../scss/modules/header.scss */
#page-header #apex-search div.searchbox-plugin input:focus, #page-header #apex-search div.searchbox-plugin input:active {
  color: #404040;
  box-shadow: none;
  -webkit-animation: none;
  -moz-animation: none;
}
/* line 239, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  zoom: 1;
}
/* line 3, ../scss/config/_mixins.scss */
#page-header #apex-breadcrumbs:before, #page-header #apex-breadcrumbs:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
#page-header #apex-breadcrumbs:after {
  clear: both;
}
/* line 246, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs a.htmldbBreadcrumb:first-child {
  width: 28px;
  height: 32px;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  background: url(../apex_ui/apex_ui.png) -30px -66px transparent;
}
/* line 253, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs a.htmldbBreadcrumb:first-child:hover {
  background: url(../apex_ui/apex_ui.png) -60px -66px transparent;
}
/* line 258, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs a.htmldbBreadcrumb,
#page-header #apex-breadcrumbs span.htmldbBreadcrumb {
  padding: 8px 4px 8px 8px;
  line-height: 16px;
  font-size: 12px;
}
/* line 263, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs a.htmldbBreadcrumb {
  color: #6E6E6E;
  display: block;
  float: left;
  text-decoration: none;
}
/* line 269, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs a.htmldbBreadcrumb:hover {
  color: #404040;
  text-decoration: underline;
}
/* line 273, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs span.htmldbBreadcrumb {
  display: block;
  float: left;
  font-weight: bold;
  color: #404040;
}
/* line 280, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs span.htmldbBreadcrumbSep,
#page-header #apex-breadcrumbs span.brdCrmSep {
  display: block;
  float: left;
  padding: 0;
  height: 32px;
  width: 14px;
  background: url(../apex_ui/apex_ui.png) 0 -66px transparent;
}
/* line 287, ../scss/modules/header.scss */
#page-header #apex-breadcrumbs span.htmldbBreadcrumbSep img,
#page-header #apex-breadcrumbs span.brdCrmSep img {
  display: none;
}
/* line 293, ../scss/modules/header.scss */
#page-header #apex-controls {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  height: auto;
  margin: 0;
}
/* line 301, ../scss/modules/header.scss */
#page-header #apex-controls #apex-control-icons,
#page-header #apex-controls #apex-sqlws-icons {
  margin: 0;
  padding: 0;
  background: none transparent;
}
/* line 306, ../scss/modules/header.scss */
#page-header #apex-controls #sql-schema-select {
  float: left;
  margin-right: 32px;
  padding-right: 2px;
}
/* line 310, ../scss/modules/header.scss */
#page-header #apex-controls #sql-schema-select table.formlayout td {
  padding-top: 4px;
}
/* line 314, ../scss/modules/header.scss */
#page-header #apex-controls table.formlayout {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 317, ../scss/modules/header.scss */
#page-header #apex-controls table.formlayout td {
  padding: 9px 0 0 0;
}
/* line 319, ../scss/modules/header.scss */
#page-header #apex-controls table.formlayout td label a {
  font-size: 11px;
  color: #707070;
  padding-right: 4px;
}
/* line 326, ../scss/modules/header.scss */
#page-header #apex-controls #htmldbRunEdit {
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 331, ../scss/modules/header.scss */
#page-header #apex-controls .htmldbRunEdit {
  font-size: 11px;
  color: #707070;
  padding: 8px;
  line-height: 16px;
  display: block;
}
/* line 338, ../scss/modules/header.scss */
#page-header #apex-controls a.runediticons {
  margin: 0;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  padding: 6px;
  border-left: 1px solid #C8D3E6;
}
/* line 346, ../scss/modules/header.scss */
#page-header #apex-controls a.runediticons:hover {
  background-color: #E1ECFA;
}

/* APEX HELP Link (now icon)*/
/* line 354, ../scss/modules/header.scss */
#apex-help {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  z-index: 30;
  border-left: 1px solid #C8D3E6;
}
/* line 362, ../scss/modules/header.scss */
#apex-help a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  cursor: help;
}
/* line 370, ../scss/modules/header.scss */
#apex-help a:hover {
  color: #404040;
  text-decoration: none;
  background-color: #E1ECFA;
}
/* line 378, ../scss/modules/header.scss */
#apex-help a img {
  display: block;
  margin: 6px;
}

/* Popup Menu Styles */
/* line 386, ../scss/modules/header.scss */
.pulldown-tabs {
  border: 1px solid #9BA4B3;
  border-bottom: 1px solid #9BA4B3;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 100;
}
/* line 394, ../scss/modules/header.scss */
.pulldown-tabs li a.dhtmlSubMenuS,
.pulldown-tabs li a.dhtmlSubMenuN {
  border: none !important;
  margin: 2px;
  font: 12px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 8px;
}
/* line 401, ../scss/modules/header.scss */
.pulldown-tabs li a.dhtmlSubMenuS:hover, .pulldown-tabs li a.dhtmlSubMenuS:focus, .pulldown-tabs li a.dhtmlSubMenuS:active,
.pulldown-tabs li a.dhtmlSubMenuN:hover,
.pulldown-tabs li a.dhtmlSubMenuN:focus,
.pulldown-tabs li a.dhtmlSubMenuN:active {
  background-color: #e5effb;
  color: #404040;
  padding: 0 8px;
  border: none;
}

/* Arrow Top */
/* line 412, ../scss/modules/header.scss */
.pulldown-tabs {
  position: relative;
  background: #FFF;
  margin-top: -1px;
  margin-left: -1px;
}
/* line 418, ../scss/modules/header.scss */
.pulldown-tabs:after, .pulldown-tabs:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 427, ../scss/modules/header.scss */
.pulldown-tabs:after {
  border-bottom-color: #FFF;
  border-width: 8px;
  left: 24px;
  margin-left: -8px;
}
/* line 433, ../scss/modules/header.scss */
.pulldown-tabs:before {
  border-bottom-color: #9BA4B3;
  border-width: 9px;
  left: 24px;
  margin-left: -9px;
}

/* Footer */
/* line 442, ../scss/modules/header.scss */
#apex-footer-info {
  zoom: 1;
  font-size: 11px;
  line-height: 20px;
  color: #707070;
  padding: 0;
  margin: 8px;
}
/* line 3, ../scss/config/_mixins.scss */
#apex-footer-info:before, #apex-footer-info:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
#apex-footer-info:after {
  clear: both;
}

/* line 450, ../scss/modules/header.scss */
#apex-footer {
  zoom: 1;
  border: none;
  background: none transparent;
  margin: 0 8px 8px 8px;
  padding: 0;
  color: #707070;
  font-size: 11px;
  line-height: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 3, ../scss/config/_mixins.scss */
#apex-footer:before, #apex-footer:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
#apex-footer:after {
  clear: both;
}
/* line 460, ../scss/modules/header.scss */
#apex-footer div.content {
  padding: 0;
  margin: 0;
}
/* line 464, ../scss/modules/header.scss */
#apex-footer div {
  padding: 0;
}

/******************************************************************************
Run / Edit Page Bar
******************************************************************************/
/* Support IE 7 */
/* line 476, ../scss/modules/header.scss */
.ie7 ul.aRunEditBar {
  float: right;
}

/* line 480, ../scss/modules/header.scss */
ul.aRunEditBar {
  zoom: 1;
  position: relative;
  top: 0;
  right: 33px;
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
/* line 3, ../scss/config/_mixins.scss */
ul.aRunEditBar:before, ul.aRunEditBar:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
ul.aRunEditBar:after {
  clear: both;
}
/* line 489, ../scss/modules/header.scss */
ul.aRunEditBar li {
  display: block;
  float: left;
  position: relative;
  border-left: 1px solid #C8D3E6;
}
/* line 494, ../scss/modules/header.scss */
ul.aRunEditBar li:first-child {
  border-left: none;
}
/* line 497, ../scss/modules/header.scss */
ul.aRunEditBar li a {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  background-color: #F0F4FA;
  display: block;
  float: left;
  min-width: 32px;
  max-width: 32px;
  height: 31px;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
}
/* line 510, ../scss/modules/header.scss */
ul.aRunEditBar li a:hover, ul.aRunEditBar li a:focus {
  background-color: #E1ECFA;
}
/* line 514, ../scss/modules/header.scss */
ul.aRunEditBar li span.currentPage {
  display: block;
  font-size: 11px;
  line-height: 32px;
  height: 31px;
  color: #6E6E6E;
  padding: 0 8px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  background-color: #F0F4FA;
}
/* line 525, ../scss/modules/header.scss */
ul.aRunEditBar li span.linkLabel {
  display: none;
  font-size: 12px;
  line-height: 32px;
  color: #404040;
  padding: 0 6px 0 32px;
  -webkit-transition: padding 0.25s ease-in;
  -webkit-transition-delay: 1s;
  -moz-transition: padding 0.25s ease-in 1s;
  transition: padding 0.25s ease-in 1s;
}
/* line 533, ../scss/modules/header.scss */
ul.aRunEditBar li img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 6px;
}

/******************************************************************************
File Name:    wizard.scss
Purpose:      Wizard Progress bar and region for APEX 4.2

Change History:

Rem   shrahman    05/14/2012    Created file
Rem   shrahman    05/15/2012    adding animations to hide/show, fixing padding
Rem   msewtz      05/18/2012    updated table style for confirmation region
Rem   shrahman    05/25/2012    tweaking padding on confirmation region 
Rem   shrahman    05/30/2012    adding overflow auto to main wizard region
Rem   shrahman    05/31/2012    width of progress list now from 100 to 160
Rem   shrahman    06/05/2012    adding properly styled error / success notifications
Rem   shrahman    06/07/2012    adding wizard error styles with warning icon
Rem   shrahman    06/08/2012    minor tweak to success/error notifications

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Wizard Body
******************************************************************************/
/******************************************************************************
Wizard Shell
******************************************************************************/
/* line 37, ../scss/modules/wizard.scss */
div.wizardOuterContainer {
  min-height: 400px;
  padding-top: 24px;
}

/* line 42, ../scss/modules/wizard.scss */
div.wizardContainer {
  border-radius: 3px;
  width: 960px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  border: 1px solid #A0A0A0;
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin: 0 auto 20px auto;
}

/* line 52, ../scss/modules/wizard.scss */
div.wizardHeader {
  position: relative;
}
/* line 54, ../scss/modules/wizard.scss */
div.wizardHeader h1 {
  font-size: 14px;
  line-height: 14px;
  padding: 12px 0 0 0;
  margin: 0;
  text-align: center;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* line 65, ../scss/modules/wizard.scss */
div.wizardButtonsContainer {
  border-radius: 3px 3px 0 0;
  /*	background-color: #F0F0F0;*/
  background-color: #eaeaea;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
  background-image: -moz-linear-gradient(#fafafa, #eaeaea);
  background-image: linear-gradient(#fafafa, #eaeaea);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  position: relative;
  border-bottom: 1px solid #D0D0D0;
  padding: 12px;
  height: 62px;
}
/* line 75, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .leftButtons,
div.wizardButtonsContainer .rightButtons {
  position: absolute;
  top: 0;
  margin: 0 12px;
}
/* line 80, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .leftButtons {
  left: 0;
}
/* line 82, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .leftButtons .aButton, div.wizardButtonsContainer .leftButtons body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.wizardButtonsContainer .leftButtons .dhtmlMenu {
  margin: 12px 4px 12px 0;
}
/* line 86, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .rightButtons {
  right: 0;
  text-align: right;
}
/* line 89, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .rightButtons .aButton, div.wizardButtonsContainer .rightButtons body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.wizardButtonsContainer .rightButtons .dhtmlMenu {
  margin: 12px 0 12px 4px;
}
/* line 93, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .aButton, div.wizardButtonsContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.wizardButtonsContainer .dhtmlMenu {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
/* line 95, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .aButton span, div.wizardButtonsContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.wizardButtonsContainer .dhtmlMenu span {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 14px;
  line-height: 36px;
}
/* line 101, ../scss/modules/wizard.scss */
div.wizardButtonsContainer .aButton.hotButton, div.wizardButtonsContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c div.wizardButtonsContainer .dhtmlMenu, div.wizardButtonsContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .hotButton.dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.wizardButtonsContainer .hotButton.dhtmlMenu {
  font-weight: bold;
}

/******************************************************************************
Wizard Body
******************************************************************************/
/* line 111, ../scss/modules/wizard.scss */
div.wizardBody {
  padding: 0;
  background-color: #FFF;
  border-radius: 0 0 3px 3px;
}

/* line 119, ../scss/modules/wizard.scss */
.no-css3 section.aWizardRegion h1 a.hideShowLink img.hideShow.expanded, .no-css3 section.aWizardRegion h1 a.hideShowLink:hover img.hideShow {
  background-position: -60px 0;
}
/* line 122, ../scss/modules/wizard.scss */
.no-css3 section.aWizardRegion h1 a.hideShowLink:hover img.hideShow.expanded {
  background-position: -72px 0;
}

/* line 127, ../scss/modules/wizard.scss */
section.aWizardRegion {
  padding: 12px;
  font-size: 12px;
  line-height: 20px;
  color: #404040;
  overflow: auto;
}
/* line 133, ../scss/modules/wizard.scss */
section.aWizardRegion.dividerTop {
  border-top: 1px solid #F0F0F0;
}
/* line 136, ../scss/modules/wizard.scss */
section.aWizardRegion h1 {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin: 00;
}
/* line 141, ../scss/modules/wizard.scss */
section.aWizardRegion h1 a {
  color: #404040;
  text-decoration: none;
}
/* line 144, ../scss/modules/wizard.scss */
section.aWizardRegion h1 a:hover {
  color: #3275C7;
}
/* line 149, ../scss/modules/wizard.scss */
section.aWizardRegion h1 a.hideShowLink:hover img.hideShow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 151, ../scss/modules/wizard.scss */
section.aWizardRegion h1 a.hideShowLink:hover img.hideShow.hideShow.expanded {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 156, ../scss/modules/wizard.scss */
section.aWizardRegion h1 img.hideShow {
  width: 12px;
  height: 20px;
  vertical-align: bottom;
  margin-right: 8px;
  background: url(../apex_ui/apex_ui.png) -72px 0 no-repeat transparent;
  -webkit-transition: -webkit-transform .25s .5s;
  -moz-transition: -moz-transform .25s .5s;
}
/* line 164, ../scss/modules/wizard.scss */
section.aWizardRegion h1 img.hideShow.expanded {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  /*				background-position: -60px 0;*/
}
/* line 170, ../scss/modules/wizard.scss */
section.aWizardRegion div.hideShowRegion {
  margin-top: 12px;
  display: none;
}
/* line 174, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardRegionHeading {
  position: relative;
}
/* line 176, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardRegionHeading div.buttonContainer {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 180, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardRegionHeading div.buttonContainer .aButton span, section.aWizardRegion div.wizardRegionHeading div.buttonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton section.aWizardRegion div.wizardRegionHeading div.buttonContainer .dhtmlMenu span {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
/* line 187, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardSuccessBody {
  text-align: center;
  margin: 40px auto;
  width: 720px;
}
/* line 191, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardSuccessBody h1 {
  margin: 20px;
  font-size: 16px;
  line-height: 20px;
}
/* line 196, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardSuccessBody img.greenCheck {
  width: 72px;
  height: 72px;
  background: url(../apex_ui/apex_ui.png) 0 -656px no-repeat;
}
/* line 201, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardSuccessBody img.warning {
  width: 72px;
  height: 72px;
  background: url(../apex_ui/apex_ui.png) -72px -656px no-repeat;
}
/* line 207, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardErrorBody {
  text-align: center;
  margin: 40px auto;
  width: 720px;
}
/* line 211, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardErrorBody h1 {
  margin: 20px;
  font-size: 16px;
  line-height: 20px;
}
/* line 216, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardErrorBody p {
  font-size: 14px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  margin: 0 20px;
}
/* line 223, ../scss/modules/wizard.scss */
section.aWizardRegion div.wizardErrorBody img.warning {
  width: 72px;
  height: 72px;
  background: url(../apex_ui/apex_ui.png) -72px -656px no-repeat;
}
/* line 229, ../scss/modules/wizard.scss */
section.aWizardRegion p {
  font-size: 12px;
  line-height: 18px;
  color: #707070;
  margin: 0 0 8px 0;
}
/* line 234, ../scss/modules/wizard.scss */
section.aWizardRegion p b {
  color: #404040;
}
/* line 239, ../scss/modules/wizard.scss */
section.aWizardRegion fieldset.radio_group table.radio_group td {
  padding: 8px 16px;
  -webkit-transition: background-color 0.1s, box-shadow 0.1s, border 0.1s;
  -moz-transition: background-color 0.1s, box-shadow 0.1s, border 0.1s;
  transition: background-color 0.1s, box-shadow 0.1s, border 0.1s;
  border: 1px solid transparent;
  border-radius: 4px;
}
/* line 244, ../scss/modules/wizard.scss */
section.aWizardRegion fieldset.radio_group table.radio_group td:hover {
  background-color: #E5EFFB;
  border: 1px solid #B1BBCB;
  -webkit-box-shadow: 0 0 10px rgba(50, 117, 199, 0.25);
  -moz-box-shadow: 0 0 10px rgba(50, 117, 199, 0.25);
  box-shadow: 0 0 10px rgba(50, 117, 199, 0.25);
}
/* line 250, ../scss/modules/wizard.scss */
section.aWizardRegion fieldset.radio_group label {
  padding-left: 4px;
}
/* line 253, ../scss/modules/wizard.scss */
section.aWizardRegion fieldset.radio_group img.htmldbGreenIcons {
  padding-top: 4px;
}
/* line 257, ../scss/modules/wizard.scss */
section.aWizardRegion table.htmldbStandard3 {
  border: none;
  margin: 6px 0;
}
/* line 261, ../scss/modules/wizard.scss */
section.aWizardRegion table.htmldbStandard3 td {
  background: none;
  border: none;
  padding: 4px 8px 4px 0;
}
/* line 265, ../scss/modules/wizard.scss */
section.aWizardRegion table.htmldbStandard3 td.htmldbFDB {
  color: #404040;
}

/******************************************************************************
Wizard Progress List
******************************************************************************/
/* line 276, ../scss/modules/wizard.scss */
div.wizardProgress {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 0 12px 0;
  margin-top: -12px;
}
/* line 282, ../scss/modules/wizard.scss */
div.wizardProgress ul {
  margin: 0;
  padding: 0;
  clear: left;
  float: left;
  position: relative;
  left: 50%;
}
/* line 289, ../scss/modules/wizard.scss */
div.wizardProgress ul li {
  float: left;
  display: block;
  position: relative;
  right: 50%;
  background: url(../apex_ui/apex_ui.png) 50% -300px no-repeat;
}
/* line 295, ../scss/modules/wizard.scss */
div.wizardProgress ul li span {
  display: block;
  float: left;
  padding: 36px 4px 0 4px;
  font-size: 12px;
  line-height: 14px;
  color: #404040;
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
  min-width: 100px;
  max-width: 160px;
}
/* line 311, ../scss/modules/wizard.scss */
div.wizardProgress ul li.current span, div.wizardProgress ul li.first-current span, div.wizardProgress ul li.last-current span {
  color: #333;
  font-weight: bold;
  background-position: 50% -556px;
}
/* line 318, ../scss/modules/wizard.scss */
div.wizardProgress ul li.non-current span, div.wizardProgress ul li.first-non-current span, div.wizardProgress ul li.last-non-current span {
  background-position: 50% -428px;
}
/* line 323, ../scss/modules/wizard.scss */
div.wizardProgress ul li.non-current span.pastCurrent, div.wizardProgress ul li.first-non-current span.pastCurrent, div.wizardProgress ul li.last-non-current span.pastCurrent {
  background-position: 50% -492px;
}
/* line 327, ../scss/modules/wizard.scss */
div.wizardProgress ul li.last-non-current, div.wizardProgress ul li.last-current {
  background: url(../apex_ui/apex_ui.png) 50% -364px no-repeat;
}
/* line 331, ../scss/modules/wizard.scss */
div.wizardProgress ul li.first-non-current, div.wizardProgress ul li.first-current {
  background: url(../apex_ui/apex_ui.png) 50% -236px no-repeat;
}

/******************************************************************************
Wizard Errors / Success Notifications
******************************************************************************/
/* line 341, ../scss/modules/wizard.scss */
div.aWizardMessage {
  position: relative;
  border-bottom: 1px solid #D0D0D0;
  background-color: #F8F8F8;
  padding: 16px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #202020;
}
/* line 350, ../scss/modules/wizard.scss */
div.aWizardMessage.errorMessage {
  border-bottom: 1px solid #EEDC94;
  background-color: #FDF5D9;
  color: #D00;
}
/* line 355, ../scss/modules/wizard.scss */
div.aWizardMessage.successMessage {
  border-bottom: 1px solid #A3C9A3;
  background-color: #E6F9E6;
  color: #090;
}
/* line 360, ../scss/modules/wizard.scss */
div.aWizardMessage ul {
  margin: 8px 0 0 0;
  padding: 0 0 0 16px;
}
/* line 363, ../scss/modules/wizard.scss */
div.aWizardMessage ul li {
  color: #404040;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
/* line 370, ../scss/modules/wizard.scss */
div.aWizardMessage a.aCloseNotification {
  width: 20px;
  height: 20px;
  margin: 16px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../apex_ui/apex_ui.png) -80px -728px no-repeat;
}

/******************************************************************************
File Name:    buttons.scss
Purpose:      Buttons for APEX

Change History:

Rem   shrahman    05/14/2012    Created file
Rem   shrahman    05/18/2012    Adding icon button classes from region css
Rem   shrahman    05/24/2012    Adding styles for page edit bar buttons
Rem   shrahman    05/25/2012    updating icons, adding new copy icon
Rem   shrahman    05/29/2012    adding disabled styles
Rem   shrahman    05/31/2012    button styles for sql workshop buttons
Rem   shrahman    06/12/2012    adding dhtmlmenu button styles for sqlworkshop
Rem   shrahman    06/22/2012    adding altButton styles, making aButton class generic
Rem   shrahman    07/06/2012    fixing next / previous button padding issue
Rem   shrahman    03/11/2013    adding fix for IE8 disabled buttons

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Generic Button Mixin
******************************************************************************/
/******************************************************************************
Button Fix for Firefox
  removes extra padding
******************************************************************************/
/* line 114, ../scss/modules/buttons.scss */
button::-moz-focus-inner {
  padding: 0px;
  border: 0;
}

/******************************************************************************
Button Classes
******************************************************************************/
/* line 119, ../scss/modules/buttons.scss */
.aButton, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu {
  margin: 0;
  padding: 0;
  cursor: default;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #999;
  border-bottom: 1px solid #777;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: none #888;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 43, ../scss/modules/buttons.scss */
.aButton span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span {
  -webkit-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  -moz-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  padding: 0 8px;
  background-color: #d0d0d0;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f0f0f0', endColorstr='#d0d0d0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d0d0d0));
  background-image: -webkit-linear-gradient(#f0f0f0, #d0d0d0);
  background-image: -moz-linear-gradient(#f0f0f0, #d0d0d0);
  background-image: linear-gradient(#f0f0f0, #d0d0d0);
  -webkit-box-shadow: 0 1px 0 white inset;
  -moz-box-shadow: 0 1px 0 white inset;
  box-shadow: 0 1px 0 white inset;
}
/* line 54, ../scss/modules/buttons.scss */
.aButton:focus, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu:focus {
  outline: thin dotted;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 59, ../scss/modules/buttons.scss */
.aButton:hover, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu:hover, .aButton:active, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu:active {
  outline: 0;
}
/* line 62, ../scss/modules/buttons.scss */
.aButton:hover span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 65, ../scss/modules/buttons.scss */
.aButton:active span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #C0C0C0;
}
/* line 69, ../scss/modules/buttons.scss */
.aButton.hotButton, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .hotButton.dhtmlMenu {
  border: 1px solid #144485;
  border-bottom: 1px solid #0b274d;
  background: #144485;
}
/* line 73, ../scss/modules/buttons.scss */
.aButton.hotButton span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .hotButton.dhtmlMenu span {
  background-color: #144485;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#3768a8', endColorstr='#144485');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3768a8', endColorstr='#144485')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NjhhOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0NDQ4NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3768a8), color-stop(100%, #144485));
  background-image: -webkit-linear-gradient(#3768a8, #144485);
  background-image: -moz-linear-gradient(#3768a8, #144485);
  background-image: linear-gradient(#3768a8, #144485);
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}
/* line 80, ../scss/modules/buttons.scss */
.aButton.hotButton:hover span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .dhtmlMenu:hover span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .hotButton.dhtmlMenu:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 84, ../scss/modules/buttons.scss */
.aButton.hotButton:active span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .dhtmlMenu:active span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .hotButton.dhtmlMenu:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #144485;
}
/* line 89, ../scss/modules/buttons.scss */
.aButton.altButton, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .altButton.dhtmlMenu {
  border: 1px solid #cca42e;
  border-bottom: 1px solid #cc7f12;
  background: #cca42e;
}
/* line 93, ../scss/modules/buttons.scss */
.aButton.altButton span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .altButton.dhtmlMenu span {
  background-color: #ffd566;
  background-color: #ffd566;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ffed97', endColorstr='#ffd566');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed97', endColorstr='#ffd566')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWQ5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDU2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffed97), color-stop(100%, #ffd566));
  background-image: -webkit-linear-gradient(#ffed97, #ffd566);
  background-image: -moz-linear-gradient(#ffed97, #ffd566);
  background-image: linear-gradient(#ffed97, #ffd566);
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
/* line 100, ../scss/modules/buttons.scss */
.aButton.altButton:hover span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .altButton.dhtmlMenu:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 103, ../scss/modules/buttons.scss */
.aButton.altButton:active span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .altButton.dhtmlMenu:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #FECA5E;
}
/* line 121, ../scss/modules/buttons.scss */
.aButton span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span {
  /*		font-size: 12px;
  		line-height: 22px;*/
  font-size: 13px;
  line-height: 32px;
  padding: 0 12px;
}
/* line 128, ../scss/modules/buttons.scss */
.aButton.nextButton span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .nextButton.dhtmlMenu span {
  padding-right: 0 !important;
}
/* line 131, ../scss/modules/buttons.scss */
.aButton.prevButton span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .prevButton.dhtmlMenu span {
  padding: 0 !important;
}
/* line 134, ../scss/modules/buttons.scss */
.aButton img, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img {
  background: url(../apex_ui/apex_ui.png) no-repeat transparent;
  width: 12px;
  height: 36px;
  margin: 0 12px;
  vertical-align: top;
}
/* line 140, ../scss/modules/buttons.scss */
.aButton img.nextBlack, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.nextBlack {
  background-position: -12px -620px;
  margin-left: 6px;
}
/* line 144, ../scss/modules/buttons.scss */
.aButton img.nextWhite, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.nextWhite {
  background-position: -48px -620px;
  margin-left: 6px;
}
/* line 148, ../scss/modules/buttons.scss */
.aButton img.prevBlack, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.prevBlack {
  background-position: -84px -620px;
}
/* line 151, ../scss/modules/buttons.scss */
.aButton img.prevWhite, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.prevWhite {
  background-position: -120px -620px;
}
/* line 155, ../scss/modules/buttons.scss */
.aButton.leftPill, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .leftPill.dhtmlMenu {
  margin-right: 0 !important;
  border-radius: 3px 0 0 3px;
  border-right: none;
}
/* line 159, ../scss/modules/buttons.scss */
.aButton.leftPill span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .leftPill.dhtmlMenu span {
  border-radius: 2px 0 0 2px;
}
/* line 163, ../scss/modules/buttons.scss */
.aButton.rightPill, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .rightPill.dhtmlMenu {
  margin-left: 0 !important;
  border-radius: 0 3px 3px 0;
}
/* line 166, ../scss/modules/buttons.scss */
.aButton.rightPill span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .rightPill.dhtmlMenu span {
  padding: 0;
  border-radius: 0 2px 2px 0;
}
/* line 171, ../scss/modules/buttons.scss */
.aButton.rightPill img.nextWhite, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .rightPill.dhtmlMenu img.nextWhite,
.aButton.rightPill img.nextBlack,
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .rightPill.dhtmlMenu img.nextBlack {
  margin-left: 12px;
}

/******************************************************************************
Buttons in Interactive Reports
******************************************************************************/
/* line 181, ../scss/modules/buttons.scss */
#apexir_DATA_PANEL > table .apexir_WORKSHEET_DATA td a.aButton, #apexir_DATA_PANEL > table .apexir_WORKSHEET_DATA td body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton a.dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton #apexir_DATA_PANEL > table .apexir_WORKSHEET_DATA td a.dhtmlMenu,
#apexir_GROUP_BY > table .apexir_WORKSHEET_DATA td a.aButton,
#apexir_GROUP_BY > table .apexir_WORKSHEET_DATA td body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton a.dhtmlMenu,
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton #apexir_GROUP_BY > table .apexir_WORKSHEET_DATA td a.dhtmlMenu {
  text-decoration: none;
}

/******************************************************************************
Icon Buttons used in Region Headers
******************************************************************************/
/* line 189, ../scss/modules/buttons.scss */
.aIconButton {
  text-decoration: none;
  display: inline-block;
  border-left: 1px solid #E0E0E0;
}
/* line 193, ../scss/modules/buttons.scss */
.aIconButton:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
/* line 195, ../scss/modules/buttons.scss */
.aIconButton:hover img.addIcon {
  background-position: 0 -748px;
}
/* line 198, ../scss/modules/buttons.scss */
.aIconButton:hover img.gotoIcon {
  background-position: -20px -748px;
}
/* line 201, ../scss/modules/buttons.scss */
.aIconButton:hover img.downIcon {
  background-position: -40px -748px;
}
/* line 204, ../scss/modules/buttons.scss */
.aIconButton:hover img.upIcon {
  background-position: -60px -748px;
}
/* line 207, ../scss/modules/buttons.scss */
.aIconButton:hover img.closeIcon {
  background-position: -80px -748px;
}
/* line 210, ../scss/modules/buttons.scss */
.aIconButton:hover img.editIcon {
  background-position: -100px -748px;
}
/* line 213, ../scss/modules/buttons.scss */
.aIconButton:hover img.settingsIcon {
  background-position: -120px -748px;
}
/* line 216, ../scss/modules/buttons.scss */
.aIconButton:hover img.copyIcon {
  background-position: -160px -748px;
}
/* line 219, ../scss/modules/buttons.scss */
.aIconButton:hover span {
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* line 224, ../scss/modules/buttons.scss */
.aIconButton:active {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #C0C0C0;
}
/* line 228, ../scss/modules/buttons.scss */
.aIconButton span {
  padding: 0;
  display: inline-block;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #404040;
  text-decoration: none;
  vertical-align: middle;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
/* line 237, ../scss/modules/buttons.scss */
.aIconButton img {
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
/* line 247, ../scss/modules/buttons.scss */
.aIconButton img.addIcon {
  background-position: 0 -728px;
}
/* line 250, ../scss/modules/buttons.scss */
.aIconButton img.gotoIcon {
  background-position: -20px -728px;
}
/* line 253, ../scss/modules/buttons.scss */
.aIconButton img.downIcon {
  background-position: -40px -728px;
}
/* line 256, ../scss/modules/buttons.scss */
.aIconButton img.upIcon {
  background-position: -60px -728px;
}
/* line 259, ../scss/modules/buttons.scss */
.aIconButton img.closeIcon {
  background-position: -80px -728px;
}
/* line 262, ../scss/modules/buttons.scss */
.aIconButton img.editIcon {
  background-position: -100px -728px;
}
/* line 265, ../scss/modules/buttons.scss */
.aIconButton img.settingsIcon {
  background-position: -120px -728px;
}
/* line 268, ../scss/modules/buttons.scss */
.aIconButton img.copyIcon {
  background-position: -160px -728px;
}

/******************************************************************************
Interactive Report Buttons
******************************************************************************/
/* line 277, ../scss/modules/buttons.scss */
button.apexir-button {
  margin: 0;
  padding: 0;
  cursor: default;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #999;
  border-bottom: 1px solid #777;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: none #888;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 43, ../scss/modules/buttons.scss */
button.apexir-button span {
  -webkit-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  -moz-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  padding: 0 8px;
  background-color: #d0d0d0;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f0f0f0', endColorstr='#d0d0d0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d0d0d0));
  background-image: -webkit-linear-gradient(#f0f0f0, #d0d0d0);
  background-image: -moz-linear-gradient(#f0f0f0, #d0d0d0);
  background-image: linear-gradient(#f0f0f0, #d0d0d0);
  -webkit-box-shadow: 0 1px 0 white inset;
  -moz-box-shadow: 0 1px 0 white inset;
  box-shadow: 0 1px 0 white inset;
}
/* line 54, ../scss/modules/buttons.scss */
button.apexir-button:focus {
  outline: thin dotted;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 59, ../scss/modules/buttons.scss */
button.apexir-button:hover, button.apexir-button:active {
  outline: 0;
}
/* line 62, ../scss/modules/buttons.scss */
button.apexir-button:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 65, ../scss/modules/buttons.scss */
button.apexir-button:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #C0C0C0;
}
/* line 69, ../scss/modules/buttons.scss */
button.apexir-button.hotButton {
  border: 1px solid #144485;
  border-bottom: 1px solid #0b274d;
  background: #144485;
}
/* line 73, ../scss/modules/buttons.scss */
button.apexir-button.hotButton span {
  background-color: #144485;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#3768a8', endColorstr='#144485');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3768a8', endColorstr='#144485')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NjhhOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0NDQ4NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3768a8), color-stop(100%, #144485));
  background-image: -webkit-linear-gradient(#3768a8, #144485);
  background-image: -moz-linear-gradient(#3768a8, #144485);
  background-image: linear-gradient(#3768a8, #144485);
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}
/* line 80, ../scss/modules/buttons.scss */
button.apexir-button.hotButton:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 84, ../scss/modules/buttons.scss */
button.apexir-button.hotButton:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #144485;
}
/* line 89, ../scss/modules/buttons.scss */
button.apexir-button.altButton {
  border: 1px solid #cca42e;
  border-bottom: 1px solid #cc7f12;
  background: #cca42e;
}
/* line 93, ../scss/modules/buttons.scss */
button.apexir-button.altButton span {
  background-color: #ffd566;
  background-color: #ffd566;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ffed97', endColorstr='#ffd566');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed97', endColorstr='#ffd566')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWQ5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDU2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffed97), color-stop(100%, #ffd566));
  background-image: -webkit-linear-gradient(#ffed97, #ffd566);
  background-image: -moz-linear-gradient(#ffed97, #ffd566);
  background-image: linear-gradient(#ffed97, #ffd566);
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
/* line 100, ../scss/modules/buttons.scss */
button.apexir-button.altButton:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 103, ../scss/modules/buttons.scss */
button.apexir-button.altButton:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #FECA5E;
}
/* line 279, ../scss/modules/buttons.scss */
button.apexir-button span {
  font-size: 13px;
  line-height: 32px;
}
/* line 283, ../scss/modules/buttons.scss */
button.apexir-button#apexir_btn_APPLY {
  border: 1px solid #144485;
  border-bottom: 1px solid #0b274d;
  background: #144485;
}
/* line 287, ../scss/modules/buttons.scss */
button.apexir-button#apexir_btn_APPLY span {
  background-color: #144485;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#3768a8', endColorstr='#144485');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3768a8', endColorstr='#144485')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NjhhOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0NDQ4NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3768a8), color-stop(100%, #144485));
  background-image: -webkit-linear-gradient(#3768a8, #144485);
  background-image: -moz-linear-gradient(#3768a8, #144485);
  background-image: linear-gradient(#3768a8, #144485);
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}
/* line 294, ../scss/modules/buttons.scss */
button.apexir-button#apexir_btn_APPLY:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 297, ../scss/modules/buttons.scss */
button.apexir-button#apexir_btn_APPLY:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #144485;
}

/******************************************************************************
Disabled Button Class
******************************************************************************/
/* line 309, ../scss/modules/buttons.scss */
.apex_disabled,
.aButton[disabled],
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton [disabled].dhtmlMenu,
button[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
/* line 313, ../scss/modules/buttons.scss */
.apex_disabled:hover,
.aButton[disabled]:hover,
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton [disabled].dhtmlMenu:hover,
button[disabled]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 318, ../scss/modules/buttons.scss */
.ie8 .apex_disabled.aButton span, .ie8 body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .apex_disabled.dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .ie8 .apex_disabled.dhtmlMenu span {
  filter: none !important;
  background-image: none !important;
  background-color: #D0D0D0 !important;
}

/******************************************************************************
Buttons for SQL Developer Object Browser
******************************************************************************/
/* line 330, ../scss/modules/buttons.scss */
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c,
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-nc {
  float: left;
  margin-right: 8px;
}
/* line 334, ../scss/modules/buttons.scss */
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c {
  /* Current Button / Hot Button */
}
/* line 343, ../scss/modules/buttons.scss */
body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span {
  height: auto;
}

/* line 352, ../scss/modules/buttons.scss */
#obTable .dhtmlMenu,
#obTable .dhtmlMenuOn,
.pageEditBar .dhtmlMenu,
.pageEditBar .dhtmlMenuOn {
  margin: 0;
  padding: 0;
  cursor: default;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #999;
  border-bottom: 1px solid #777;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  background: none #888;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 363, ../scss/modules/buttons.scss */
#obTable .dhtmlMenu span,
#obTable .dhtmlMenuOn span,
.pageEditBar .dhtmlMenu span,
.pageEditBar .dhtmlMenuOn span {
  font-size: 13px;
  line-height: 32px;
  -webkit-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  -moz-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  padding: 0 4px 0 12px;
  background-color: #d0d0d0;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f0f0f0', endColorstr='#d0d0d0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0')";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d0d0d0));
  background-image: -webkit-linear-gradient(#f0f0f0, #d0d0d0);
  background-image: -moz-linear-gradient(#f0f0f0, #d0d0d0);
  background-image: linear-gradient(#f0f0f0, #d0d0d0);
  -webkit-box-shadow: 0 1px 0 white inset;
  -moz-box-shadow: 0 1px 0 white inset;
  box-shadow: 0 1px 0 white inset;
}
/* line 375, ../scss/modules/buttons.scss */
#obTable .dhtmlMenu span img,
#obTable .dhtmlMenuOn span img,
.pageEditBar .dhtmlMenu span img,
.pageEditBar .dhtmlMenuOn span img {
  vertical-align: bottom;
  width: 12px;
  height: 20px;
  background: url(../apex_ui/apex_ui.png) -60px 0 no-repeat;
  margin: 6px 8px 6px 4px;
}
/* line 383, ../scss/modules/buttons.scss */
#obTable .dhtmlMenu:focus,
#obTable .dhtmlMenuOn:focus,
.pageEditBar .dhtmlMenu:focus,
.pageEditBar .dhtmlMenuOn:focus {
  outline: thin dotted;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 388, ../scss/modules/buttons.scss */
#obTable .dhtmlMenu:hover, #obTable .dhtmlMenu:active,
#obTable .dhtmlMenuOn:hover,
#obTable .dhtmlMenuOn:active,
.pageEditBar .dhtmlMenu:hover,
.pageEditBar .dhtmlMenu:active,
.pageEditBar .dhtmlMenuOn:hover,
.pageEditBar .dhtmlMenuOn:active {
  outline: 0;
}
/* line 391, ../scss/modules/buttons.scss */
#obTable .dhtmlMenu:hover span,
#obTable .dhtmlMenuOn:hover span,
.pageEditBar .dhtmlMenu:hover span,
.pageEditBar .dhtmlMenuOn:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 394, ../scss/modules/buttons.scss */
#obTable .dhtmlMenu:active span,
#obTable .dhtmlMenuOn:active span,
.pageEditBar .dhtmlMenu:active span,
.pageEditBar .dhtmlMenuOn:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #C0C0C0;
}
/* line 401, ../scss/modules/buttons.scss */
#obTable .dhtmlMenuOn span, #obTable .dhtmlMenuOn:hover span,
.pageEditBar .dhtmlMenuOn span,
.pageEditBar .dhtmlMenuOn:hover span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #C0C0C0;
}

/******************************************************************************
File Name:    body.scss
Purpose:      Page body of APEX 4.2

Change History:

Rem   msewtz    05/11/2012    Created file
Rem   shrahman  06/11/2012    making html5 elements display as block for ff 3.6 compatibility
Rem   shrahman  08/27/2012    adding styles for popup page

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Firefox 3.6 Needs to initialize HTML5 elements
******************************************************************************/
/* line 25, ../scss/modules/body.scss */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video {
  display: block;
}

/* line 28, ../scss/modules/body.scss */
body.aPopupPage {
  min-width: 0;
  margin: 12px;
}

/******************************************************************************
File Name:    regions.scss
Purpose:      contains all apex 4.2 region template styles

Change History:

Rem   shrahman    05/14/2012    Created file
Rem   shrahman    05/18/2012    Adding region displya selectors, height classes
Rem   shrahman    05/24/2012    Adding new page edit bar styles
Rem   shrahman    05/25/2012    Adding new styles for page edit screen
Rem   shrahman    05/27/2012    Minor tweaks for edit page (transitions, padding)
Rem   shrahman    05/29/2012    page number input field width change on focus
Rem   shrahman    05/31/2012    fixing issue where next/prev buttons were taller than other buttons
Rem   shrahman    06/01/2012    removing width transition on page number input on focus, adding addl icons for page edit screen
Rem   shrahman    06/05/2012    4150 page edit region styles updated with icon headers
Rem   shrahman    06/05/2012    fixing page anchor styles 
Rem   shrahman    06/07/2012    adding borderless region
Rem   shrahman    06/08/2012    adding col grid attributes apply to anything with .aGrid
Rem   shrahman    06/12/2012    removing dhtmlmenu button classes and moving to lists css
Rem   shrahman    06/15/2012    adding edit region styles for edit screens
Rem   shrahman    07/19/2012    adding wider class for action box region
Rem   shrahman    08/03/2012    fixing padding issue in buttonRegion when it has items
Rem   shrahman    08/17/2012    fixing actionregion in popup
Rem   shrahman    08/20/2012    removing unncessary hide/show region classes
Rem   shrahman    08/22/2012    calendar icon for comp view, fixing double border issue for tabs region in comp view
Rem   shrahman    08/24/2012    adding left-right margins to paragraphs when in noPadding region
Rem   shrahman    09/04/2012    fixing IE7 layout issue for .pageTeamDevBar

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Basic Region Struture
******************************************************************************/
/* line 42, ../scss/modules/regions.scss */
.aRegion {
  overflow: hidden;
  box-sizing: border-box;
  clear: both;
  border-radius: 0;
  border: 1px solid #E0E0E0;
  background-color: #FFF;
  color: #404040;
  margin: 0 0 12px 0;
}
/* line 52, ../scss/modules/regions.scss */
.aRegion p {
  margin: 0 0 12px 0;
}
/* line 55, ../scss/modules/regions.scss */
.aRegion > .aRegionHeading {
  overflow: hidden;
  width: 100%;
  position: relative;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: #F8F8F8;
  border-bottom: 1px solid #E0E0E0;
}
/* line 63, ../scss/modules/regions.scss */
.aRegion > .aRegionHeading h1 {
  float: left;
  vertical-align: middle;
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  padding: 6px 0 6px 12px;
  color: #404040;
}
/* line 73, ../scss/modules/regions.scss */
.aRegion > .aRegionHeading span.aButtonContainer {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 77, ../scss/modules/regions.scss */
.aRegion > .aRegionHeading span.aButtonContainer .aButton, .aRegion > .aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .aRegion > .aRegionHeading span.aButtonContainer .dhtmlMenu {
  margin: 8px 8px 8px 0;
}
/* line 79, ../scss/modules/regions.scss */
.aRegion > .aRegionHeading span.aButtonContainer .aButton span, .aRegion > .aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .aRegion > .aRegionHeading span.aButtonContainer .dhtmlMenu span {
  font-size: 12px;
  line-height: 24px;
}
/* line 85, ../scss/modules/regions.scss */
.aRegion > .aRegionHeading span.aButtonContainer .aIconButton {
  padding: 11px 12px;
}
/* line 90, ../scss/modules/regions.scss */
.aRegion > .aRegionContent {
  font-size: 12px;
  line-height: 20px;
  padding: 8px;
  overflow: hidden;
  /* Exceptions to Margin */
}
/* line 97, ../scss/modules/regions.scss */
.aRegion > .aRegionContent > ul.aChartList {
  margin: 0;
}
/* line 100, ../scss/modules/regions.scss */
.aRegion > .aRegionContent span.nodatafound {
  display: block;
  color: #767676;
  font: normal 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
}

/******************************************************************************
Alternative Region Styles
******************************************************************************/
/* line 113, ../scss/modules/regions.scss */
.smallRegion {
  height: 220px;
}

/* line 119, ../scss/modules/regions.scss */
.smallHeading > div.aRegionHeading h1, .aRegion.sideRegion > div.aRegionHeading h1 {
  font-size: 12px;
  line-height: 22px;
  padding: 4px 0 4px 8px;
}
/* line 124, ../scss/modules/regions.scss */
.smallHeading > div.aRegionHeading span.aButtonContainer .aButton, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .aButton, .smallHeading > div.aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .smallHeading > div.aRegionHeading span.aButtonContainer .dhtmlMenu, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .dhtmlMenu {
  margin: 4px;
}
/* line 126, ../scss/modules/regions.scss */
.smallHeading > div.aRegionHeading span.aButtonContainer .aButton span, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .aButton span, .smallHeading > div.aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .smallHeading > div.aRegionHeading span.aButtonContainer .dhtmlMenu span, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .dhtmlMenu span {
  font-size: 11px;
  line-height: 20px;
}
/* line 131, ../scss/modules/regions.scss */
.smallHeading > div.aRegionHeading span.aButtonContainer .aIconButton.aIconButton--fontIcon, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .aIconButton.aIconButton--fontIcon {
  padding: 7px;
}
/* line 134, ../scss/modules/regions.scss */
.smallHeading > div.aRegionHeading span.aButtonContainer .aIconButton, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .aIconButton {
  padding: 5px;
}
/* line 136, ../scss/modules/regions.scss */
.smallHeading > div.aRegionHeading span.aButtonContainer .aIconButton span, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .aIconButton span {
  padding: 0 8px;
  font-size: 11px;
}
/* line 139, ../scss/modules/regions.scss */
.smallHeading > div.aRegionHeading span.aButtonContainer .aIconButton span.a-Icon, .aRegion.sideRegion > div.aRegionHeading span.aButtonContainer .aIconButton span.a-Icon {
  padding: 0;
  vertical-align: top;
}

/* line 148, ../scss/modules/regions.scss */
.aRegion > div.aRegionContent.overflowY {
  overflow-y: auto;
}

/* line 152, ../scss/modules/regions.scss */
.noteRegion {
  border: 1px solid #D4C483;
  border-bottom: 1px solid #BAAC73;
}
/* line 155, ../scss/modules/regions.scss */
.noteRegion div.aRegionContent {
  background-color: #FDF5D9;
}

/* line 161, ../scss/modules/regions.scss */
.noPadding div.aRegionContent {
  padding: 0;
}
/* line 163, ../scss/modules/regions.scss */
.noPadding div.aRegionContent p {
  margin-left: 8px;
  margin-right: 8px;
}

/* line 171, ../scss/modules/regions.scss */
.noHeading div.aRegionContent {
  border-radius: 3px;
}

/* line 176, ../scss/modules/regions.scss */
.aRegion.sideRegion {
  width: 200px;
}

/* line 181, ../scss/modules/regions.scss */
.aRegion.sideNavRegion div.aRegionContent {
  padding: 0;
}

/******************************************************************************
Button Region
******************************************************************************/
/* line 189, ../scss/modules/regions.scss */
.buttonRegion {
  background-color: #e8e8e8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(#f8f8f8, #e8e8e8);
  background-image: -moz-linear-gradient(#f8f8f8, #e8e8e8);
  background-image: linear-gradient(#f8f8f8, #e8e8e8);
}
/* line 191, ../scss/modules/regions.scss */
.buttonRegion div.aRegionHeading {
  padding: 12px 0;
  min-height: 60px;
  border-radius: 3px;
  border: none;
}
/* line 196, ../scss/modules/regions.scss */
.buttonRegion div.aRegionHeading h1 {
  padding: 12px;
  line-height: 36px;
}
/* line 200, ../scss/modules/regions.scss */
.buttonRegion div.aRegionHeading span.aButtonContainer {
  right: 8px;
}
/* line 202, ../scss/modules/regions.scss */
.buttonRegion div.aRegionHeading span.aButtonContainer .aButton, .buttonRegion div.aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .buttonRegion div.aRegionHeading span.aButtonContainer .dhtmlMenu {
  margin: 12px 4px 12px 0;
}
/* line 204, ../scss/modules/regions.scss */
.buttonRegion div.aRegionHeading span.aButtonContainer .aButton span, .buttonRegion div.aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .buttonRegion div.aRegionHeading span.aButtonContainer .dhtmlMenu span {
  font-size: 14px;
  line-height: 34px;
}
/* line 208, ../scss/modules/regions.scss */
.buttonRegion div.aRegionHeading span.aButtonContainer .aButton img, .buttonRegion div.aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .buttonRegion div.aRegionHeading span.aButtonContainer .dhtmlMenu img {
  height: 34px;
}
/* line 215, ../scss/modules/regions.scss */
.buttonRegion table.formlayout > tbody > tr > td {
  padding: 0 4px 0 12px;
}
/* line 218, ../scss/modules/regions.scss */
.buttonRegion table.formlayout > tbody > tr > td button.aButton span, .buttonRegion table.formlayout > tbody > tr > td body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton button.dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .buttonRegion table.formlayout > tbody > tr > td button.dhtmlMenu span {
  font-size: 12px;
  line-height: 22px;
}
/* line 225, ../scss/modules/regions.scss */
.buttonRegion h1 table.formlayout > tbody > tr > td {
  padding: 0 4px 0 0;
}

/******************************************************************************
Borderless Region
******************************************************************************/
/* line 233, ../scss/modules/regions.scss */
.borderlessRegion {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

/******************************************************************************
Region Grid
******************************************************************************/
/* line 248, ../scss/modules/regions.scss */
.aRegion.col_1, .aRegion.col_2, .aRegion.col_3, .aRegion.col_2_3, .aRegion.col_4,
.aGrid.col_1,
.aGrid.col_2,
.aGrid.col_3,
.aGrid.col_2_3,
.aGrid.col_4 {
  float: left;
  clear: none;
  margin: 0 0 12px 1%;
  min-height: 80px;
}

/* line 259, ../scss/modules/regions.scss */
.aRegion.col_1,
.aGrid.col_1 {
  width: 99%;
}
/* line 260, ../scss/modules/regions.scss */
.aRegion.col_1.col_start,
.aGrid.col_1.col_start {
  width: 100%;
}
/* line 263, ../scss/modules/regions.scss */
.aRegion.col_2,
.aGrid.col_2 {
  width: 49%;
}
/* line 264, ../scss/modules/regions.scss */
.aRegion.col_2.col_start,
.aGrid.col_2.col_start {
  width: 50%;
}
/* line 267, ../scss/modules/regions.scss */
.aRegion.col_3,
.aGrid.col_3 {
  width: 32.33%;
}
/* line 268, ../scss/modules/regions.scss */
.aRegion.col_3.col_start,
.aGrid.col_3.col_start {
  width: 33.33%;
}
/* line 271, ../scss/modules/regions.scss */
.aRegion.col_2_3,
.aGrid.col_2_3 {
  width: 65.66%;
}
/* line 272, ../scss/modules/regions.scss */
.aRegion.col_2_3.col_start,
.aGrid.col_2_3.col_start {
  width: 66.66%;
}
/* line 275, ../scss/modules/regions.scss */
.aRegion.col_4,
.aGrid.col_4 {
  width: 24%;
}
/* line 276, ../scss/modules/regions.scss */
.aRegion.col_4.col_start,
.aGrid.col_4.col_start {
  width: 25%;
}

/* Smaller widths for IE */
/* line 282, ../scss/modules/regions.scss */
.ie7 .aRegion.col_1 {
  width: 98.5%;
}
/* line 285, ../scss/modules/regions.scss */
.ie7 .aRegion.col_2 {
  width: 48.5%;
}
/* line 288, ../scss/modules/regions.scss */
.ie7 .aRegion.col_3 {
  width: 31.73%;
}
/* line 291, ../scss/modules/regions.scss */
.ie7 .aRegion.col_2_3 {
  width: 65.66%;
}
/* line 294, ../scss/modules/regions.scss */
.ie7 .aRegion.col_4 {
  width: 23.5%;
}

/* line 300, ../scss/modules/regions.scss */
.aRegion.col_start,
.aGrid.col_start {
  clear: both;
  margin-left: 0;
}

/******************************************************************************
Region Height Classes
******************************************************************************/
/* line 310, ../scss/modules/regions.scss */
.aRegion.m160 {
  min-height: 160px;
}
/* line 311, ../scss/modules/regions.scss */
.aRegion.m170 {
  min-height: 170px;
}
/* line 312, ../scss/modules/regions.scss */
.aRegion.m180 {
  min-height: 180px;
}
/* line 313, ../scss/modules/regions.scss */
.aRegion.m190 {
  min-height: 190px;
}
/* line 314, ../scss/modules/regions.scss */
.aRegion.m200 {
  min-height: 200px;
}
/* line 315, ../scss/modules/regions.scss */
.aRegion.m210 {
  min-height: 210px;
}
/* line 316, ../scss/modules/regions.scss */
.aRegion.m220 {
  min-height: 220px;
}
/* line 317, ../scss/modules/regions.scss */
.aRegion.m230 {
  min-height: 230px;
}
/* line 318, ../scss/modules/regions.scss */
.aRegion.m240 {
  min-height: 240px;
}
/* line 319, ../scss/modules/regions.scss */
.aRegion.m250 {
  min-height: 250px;
}
/* line 320, ../scss/modules/regions.scss */
.aRegion.m260 {
  min-height: 260px;
}
/* line 321, ../scss/modules/regions.scss */
.aRegion.m270 {
  min-height: 270px;
}
/* line 322, ../scss/modules/regions.scss */
.aRegion.m280 {
  min-height: 280px;
}
/* line 323, ../scss/modules/regions.scss */
.aRegion.m290 {
  min-height: 290px;
}
/* line 324, ../scss/modules/regions.scss */
.aRegion.m300 {
  min-height: 300px;
}
/* line 325, ../scss/modules/regions.scss */
.aRegion.m310 {
  min-height: 310px;
}
/* line 326, ../scss/modules/regions.scss */
.aRegion.m320 {
  min-height: 320px;
}
/* line 327, ../scss/modules/regions.scss */
.aRegion.m330 {
  min-height: 330px;
}
/* line 328, ../scss/modules/regions.scss */
.aRegion.m330 {
  min-height: 330px;
}
/* line 329, ../scss/modules/regions.scss */
.aRegion.m340 {
  min-height: 340px;
}
/* line 330, ../scss/modules/regions.scss */
.aRegion.m350 {
  min-height: 350px;
}
/* line 331, ../scss/modules/regions.scss */
.aRegion.m360 {
  min-height: 360px;
}
/* line 332, ../scss/modules/regions.scss */
.aRegion.m370 {
  min-height: 370px;
}
/* line 333, ../scss/modules/regions.scss */
.aRegion.m380 {
  min-height: 380px;
}
/* line 334, ../scss/modules/regions.scss */
.aRegion.m390 {
  min-height: 390px;
}
/* line 335, ../scss/modules/regions.scss */
.aRegion.m400 {
  min-height: 400px;
}
/* line 336, ../scss/modules/regions.scss */
.aRegion.m410 {
  min-height: 410px;
}
/* line 337, ../scss/modules/regions.scss */
.aRegion.m420 {
  min-height: 420px;
}
/* line 338, ../scss/modules/regions.scss */
.aRegion.m430 {
  min-height: 430px;
}
/* line 339, ../scss/modules/regions.scss */
.aRegion.m440 {
  min-height: 440px;
}
/* line 340, ../scss/modules/regions.scss */
.aRegion.m450 {
  min-height: 450px;
}
/* line 341, ../scss/modules/regions.scss */
.aRegion.m460 {
  min-height: 460px;
}
/* line 342, ../scss/modules/regions.scss */
.aRegion.m470 {
  min-height: 470px;
}
/* line 343, ../scss/modules/regions.scss */
.aRegion.m480 {
  min-height: 480px;
}
/* line 344, ../scss/modules/regions.scss */
.aRegion.m490 {
  min-height: 490px;
}
/* line 345, ../scss/modules/regions.scss */
.aRegion.m500 {
  min-height: 500px;
}
/* line 347, ../scss/modules/regions.scss */
.aRegion.f160 {
  height: 160px;
}
/* line 348, ../scss/modules/regions.scss */
.aRegion.f170 {
  height: 170px;
}
/* line 349, ../scss/modules/regions.scss */
.aRegion.f180 {
  height: 180px;
}
/* line 350, ../scss/modules/regions.scss */
.aRegion.f190 {
  height: 190px;
}
/* line 351, ../scss/modules/regions.scss */
.aRegion.f200 {
  height: 200px;
}
/* line 352, ../scss/modules/regions.scss */
.aRegion.f210 {
  height: 210px;
}
/* line 353, ../scss/modules/regions.scss */
.aRegion.f220 {
  height: 220px;
}
/* line 354, ../scss/modules/regions.scss */
.aRegion.f230 {
  height: 230px;
}
/* line 355, ../scss/modules/regions.scss */
.aRegion.f240 {
  height: 240px;
}
/* line 356, ../scss/modules/regions.scss */
.aRegion.f250 {
  height: 250px;
}
/* line 357, ../scss/modules/regions.scss */
.aRegion.f260 {
  height: 260px;
}
/* line 358, ../scss/modules/regions.scss */
.aRegion.f270 {
  height: 270px;
}
/* line 359, ../scss/modules/regions.scss */
.aRegion.f280 {
  height: 280px;
}
/* line 360, ../scss/modules/regions.scss */
.aRegion.f290 {
  height: 290px;
}
/* line 361, ../scss/modules/regions.scss */
.aRegion.f300 {
  height: 300px;
}
/* line 362, ../scss/modules/regions.scss */
.aRegion.f310 {
  height: 310px;
}
/* line 363, ../scss/modules/regions.scss */
.aRegion.f320 {
  height: 320px;
}
/* line 364, ../scss/modules/regions.scss */
.aRegion.f330 {
  height: 330px;
}
/* line 365, ../scss/modules/regions.scss */
.aRegion.f330 {
  height: 330px;
}
/* line 366, ../scss/modules/regions.scss */
.aRegion.f340 {
  height: 340px;
}
/* line 367, ../scss/modules/regions.scss */
.aRegion.f350 {
  height: 350px;
}
/* line 368, ../scss/modules/regions.scss */
.aRegion.f360 {
  height: 360px;
}
/* line 369, ../scss/modules/regions.scss */
.aRegion.f370 {
  height: 370px;
}
/* line 370, ../scss/modules/regions.scss */
.aRegion.f380 {
  height: 380px;
}
/* line 371, ../scss/modules/regions.scss */
.aRegion.f390 {
  height: 390px;
}
/* line 372, ../scss/modules/regions.scss */
.aRegion.f400 {
  height: 400px;
}
/* line 373, ../scss/modules/regions.scss */
.aRegion.f410 {
  height: 410px;
}
/* line 374, ../scss/modules/regions.scss */
.aRegion.f420 {
  height: 420px;
}
/* line 375, ../scss/modules/regions.scss */
.aRegion.f430 {
  height: 430px;
}
/* line 376, ../scss/modules/regions.scss */
.aRegion.f440 {
  height: 440px;
}
/* line 377, ../scss/modules/regions.scss */
.aRegion.f450 {
  height: 450px;
}
/* line 378, ../scss/modules/regions.scss */
.aRegion.f460 {
  height: 460px;
}
/* line 379, ../scss/modules/regions.scss */
.aRegion.f470 {
  height: 470px;
}
/* line 380, ../scss/modules/regions.scss */
.aRegion.f480 {
  height: 480px;
}
/* line 381, ../scss/modules/regions.scss */
.aRegion.f490 {
  height: 490px;
}
/* line 382, ../scss/modules/regions.scss */
.aRegion.f500 {
  height: 500px;
}

/******************************************************************************
Region Display Selectors
******************************************************************************/
/* anchor list styles (when using tables) */
/******************************************************************************
Page Edit Bar
******************************************************************************/
/* IE 7 Fixes */
/* line 485, ../scss/modules/regions.scss */
.ie7 .pageTeamDevBar {
  width: 136px;
}
/* line 487, ../scss/modules/regions.scss */
.ie7 .pageTeamDevBar ul {
  float: right;
}
/* line 489, ../scss/modules/regions.scss */
.ie7 .pageTeamDevBar ul li {
  float: left;
  width: 1%;
}

/* line 497, ../scss/modules/regions.scss */
.pageEditBar {
  padding: 0;
  margin: 0;
  border-width: 0 0 1px 0;
  background-color: #F8F8F8;
  position: relative;
}
/* line 505, ../scss/modules/regions.scss */
.pageEditBar .aButton, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .dhtmlMenu {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}
/* line 507, ../scss/modules/regions.scss */
.pageEditBar .aButton img, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .dhtmlMenu img {
  margin: 8px 12px;
  width: 10px;
  height: 16px;
}
/* line 512, ../scss/modules/regions.scss */
.pageEditBar .aButton img.nextWhite, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.nextWhite, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .dhtmlMenu img.nextWhite {
  background-position: -166px -620px;
}
/* line 515, ../scss/modules/regions.scss */
.pageEditBar .aButton img.nextBlack, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.nextBlack, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .dhtmlMenu img.nextBlack {
  background-position: -176px -620px;
}
/* line 518, ../scss/modules/regions.scss */
.pageEditBar .aButton img.prevWhite, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.prevWhite, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .dhtmlMenu img.prevWhite {
  background-position: -156px -620px;
}
/* line 521, ../scss/modules/regions.scss */
.pageEditBar .aButton img.prevBlack, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img.prevBlack, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .dhtmlMenu img.prevBlack {
  background-position: -146px -620px;
}
/* line 525, ../scss/modules/regions.scss */
.pageEditBar div.gotoPage {
  margin: 8px 0 8px 8px;
  display: block;
  float: left;
  background-color: #FFF;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #D9D9D9 inset;
}
/* line 535, ../scss/modules/regions.scss */
.pageEditBar div.gotoPage span.pageIcon {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../apex_ui/apex_ui.png) -140px -728px no-repeat;
  margin: 6px 0 6px 4px;
}
/* line 546, ../scss/modules/regions.scss */
.pageEditBar div.gotoPage input[type=text] {
  display: block;
  float: left;
  font-size: 16px;
  line-height: 16px;
  height: 32px;
  padding: 8px 4px;
  margin: 0;
  border: none;
  background: transparent;
  color: #404040;
  width: 56px;
}
/* line 559, ../scss/modules/regions.scss */
.pageEditBar div.gotoPage a.pageSelect {
  display: block;
  float: left;
}
/* line 562, ../scss/modules/regions.scss */
.pageEditBar div.gotoPage a.pageSelect img {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../apex_ui/apex_ui.png) -60px -728px no-repeat;
  border: 1px solid #939EAB;
  background-color: #DEECFB;
  border-radius: 3px;
  margin: 5px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
}
/* line 574, ../scss/modules/regions.scss */
.pageEditBar div.gotoPage .aButton, .pageEditBar div.gotoPage body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar div.gotoPage .dhtmlMenu {
  border: none;
  border-left: 1px solid #AAA;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 579, ../scss/modules/regions.scss */
.pageEditBar div.gotoPage .aButton span, .pageEditBar div.gotoPage body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar div.gotoPage .dhtmlMenu span {
  border-radius: 0 3px 3px 0;
}
/* line 584, ../scss/modules/regions.scss */
.pageEditBar span.lButtonContainer {
  display: block;
  float: left;
  margin: 8px;
}
/* line 589, ../scss/modules/regions.scss */
.pageEditBar div.pageEditRight {
  float: right;
}
/* line 592, ../scss/modules/regions.scss */
.pageEditBar .rButtonContainer {
  display: block;
  float: left;
  margin: 8px;
  padding: 0;
}
/* line 598, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar {
  float: left;
}
/* line 603, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul {
  margin: 0 4px 0 0;
  padding: 0;
  list-style: none;
}
/* line 607, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li {
  display: block;
  float: left;
}
/* line 610, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a {
  padding: 4px;
  margin: 4px 0 4px 4px;
  display: block;
  text-decoration: none;
  border-radius: 3px;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
/* line 617, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a:hover {
  background: #FFF;
}
/* line 619, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a:hover img.commentsIcon {
  background-position: -80px -968px;
}
/* line 620, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a:hover img.bugsIcon {
  background-position: -100px -968px;
}
/* line 621, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a:hover img.feedbackIcon {
  background-position: -120px -968px;
}
/* line 622, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a:hover img.todoIcon {
  background-position: -140px -968px;
}
/* line 624, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a img {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0 auto;
}
/* line 633, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a img.commentsIcon {
  background-position: 0 -968px;
}
/* line 634, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a img.bugsIcon {
  background-position: -20px -968px;
}
/* line 635, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a img.feedbackIcon {
  background-position: -40px -968px;
}
/* line 636, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a img.todoIcon {
  background-position: -60px -968px;
}
/* line 638, ../scss/modules/regions.scss */
.pageEditBar .pageTeamDevBar ul li a span {
  display: block;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  color: #606060;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}
/* line 651, ../scss/modules/regions.scss */
.pageEditBar div.pageUserBar {
  float: left;
  padding: 9px 8px;
  border-left: 1px solid #E0E0E0;
}
/* line 659, ../scss/modules/regions.scss */
.pageEditBar div.pageUserBar span.user,
.pageEditBar div.pageUserBar span.date {
  display: block;
  font-size: 11px;
  line-height: 16px;
}
/* line 667, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode.leftPill, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.leftPill.dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.leftPill.dhtmlMenu {
  margin-left: 4px;
}
/* line 670, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode span, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.dhtmlMenu span {
  padding: 0;
}
/* line 672, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode span img, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.dhtmlMenu span img, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.dhtmlMenu span img {
  margin: 6px 8px;
  width: 20px;
  height: 20px;
}
/* line 677, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode span img.componentView, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.dhtmlMenu span img.componentView, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.dhtmlMenu span img.componentView {
  background: url(../apex_ui/apex_ui.png) -146px -656px no-repeat;
}
/* line 680, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode span img.treeView, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.dhtmlMenu span img.treeView, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.dhtmlMenu span img.treeView {
  background: url(../apex_ui/apex_ui.png) -166px -656px no-repeat;
}
/* line 686, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode.hotButton span, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .viewMode.dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .pageEditBar .viewMode.dhtmlMenu span, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.hotButton.dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.hotButton.dhtmlMenu span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
}
/* line 688, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode.hotButton span img.componentView, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .viewMode.dhtmlMenu span img.componentView, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .pageEditBar .viewMode.dhtmlMenu span img.componentView, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.hotButton.dhtmlMenu span img.componentView, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.hotButton.dhtmlMenu span img.componentView {
  background: url(../apex_ui/apex_ui.png) -146px -678px no-repeat;
}
/* line 691, ../scss/modules/regions.scss */
.pageEditBar .aButton.viewMode.hotButton span img.treeView, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .viewMode.dhtmlMenu span img.treeView, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.list-button-c .pageEditBar .viewMode.dhtmlMenu span img.treeView, .pageEditBar body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .viewMode.hotButton.dhtmlMenu span img.treeView, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .pageEditBar .viewMode.hotButton.dhtmlMenu span img.treeView {
  background: url(../apex_ui/apex_ui.png) -166px -678px no-repeat;
}

/******************************************************************************
Action Region
******************************************************************************/
/* line 701, ../scss/modules/regions.scss */
.popupContent .aActionRegion {
  width: auto;
}
/* line 703, ../scss/modules/regions.scss */
.popupContent .aActionRegion .aActionRegionIcon {
  margin-bottom: 0;
}

/* line 707, ../scss/modules/regions.scss */
.aActionRegion {
  width: 720px;
  margin: 0 auto 12px auto;
  background-color: #FFF;
}
/* line 711, ../scss/modules/regions.scss */
.aActionRegion.widerContent {
  width: 960px;
}
/* line 714, ../scss/modules/regions.scss */
.aActionRegion .aActionRegionIcon {
  text-align: center;
  margin: 0 0 12px 0;
  padding: 12px;
  border-bottom: 1px solid #F0F0F0;
}
/* line 719, ../scss/modules/regions.scss */
.aActionRegion .aActionRegionIcon img {
  width: 72px;
  height: 72px;
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
/* line 729, ../scss/modules/regions.scss */
.aActionRegion.confirmRegion .aActionRegionIcon img, .aActionRegion.warningRegion .aActionRegionIcon img {
  background-position: -72px -656px;
}
/* line 734, ../scss/modules/regions.scss */
.aActionRegion.failRegion .aActionRegionIcon img {
  background-position: 0 -896px;
}
/* line 739, ../scss/modules/regions.scss */
.aActionRegion.successRegion .aActionRegionIcon img {
  background-position: 0 -656px;
}
/* line 743, ../scss/modules/regions.scss */
.aActionRegion > .aRegionHeading {
  /*		border-bottom: 1px solid #f8d600;*/
  /*		@include background-gradient(#fff9d1,#fdf3b3);*/
}
/* line 747, ../scss/modules/regions.scss */
.aActionRegion > .aRegionContent {
  padding: 8px 12px;
}
/* line 750, ../scss/modules/regions.scss */
.aActionRegion > .aButtonContainer {
  padding: 12px;
  display: block;
  text-align: right;
}
/* line 754, ../scss/modules/regions.scss */
.aActionRegion > .aButtonContainer .aButton, .aActionRegion > .aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .aActionRegion > .aButtonContainer .dhtmlMenu {
  margin-left: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}
/* line 757, ../scss/modules/regions.scss */
.aActionRegion > .aButtonContainer .aButton span, .aActionRegion > .aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .aActionRegion > .aButtonContainer .dhtmlMenu span {
  font-size: 14px;
  line-height: 36px;
  padding: 0 16px;
}

/******************************************************************************
Page Edit Screen (Component View)
******************************************************************************/
/* line 769, ../scss/modules/regions.scss */
.componentRegion {
  border-width: 1px 0 1px 0;
  margin-bottom: -1px;
  border-radius: 0;
}
/* line 771, ../scss/modules/regions.scss */
.componentRegion:empty {
  display: none !important;
}
/* line 776, ../scss/modules/regions.scss */
.componentRegion div.aRegionHeading {
  border-bottom: none;
}
/* line 779, ../scss/modules/regions.scss */
.componentRegion div.aRegionContent {
  border-top: 1px solid #E0E0E0;
  padding: 0 0 8px 0;
}

/* line 787, ../scss/modules/regions.scss */
.componentRegion div.aRegionContent.paddedDetails {
  padding: 4px 0 12px 0;
}

/* line 790, ../scss/modules/regions.scss */
.componentRegion h2 {
  font-size: 11px;
  line-height: 20px;
  border-bottom: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  background-color: #FCFCFC;
  padding: 0;
  margin: 0;
  font-weight: normal;
  position: relative;
  border-radius: 0;
}
/* line 802, ../scss/modules/regions.scss */
.componentRegion h2 span.componentType {
  display: inline-block;
  color: #707070;
  padding: 0 0 0 8px;
}
/* line 807, ../scss/modules/regions.scss */
.componentRegion h2 strong {
  color: #404040;
  padding: 0 8px;
}
/* line 811, ../scss/modules/regions.scss */
.componentRegion h2 span.buttonContainer {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 815, ../scss/modules/regions.scss */
.componentRegion h2 span.buttonContainer a.iconButton {
  display: block;
  float: left;
  border-left: 1px solid #DDD;
}
/* line 819, ../scss/modules/regions.scss */
.componentRegion h2 span.buttonContainer a.iconButton img {
  display: block;
  width: 24px;
  height: 12px;
  margin: 4px 3px;
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
/* line 827, ../scss/modules/regions.scss */
.componentRegion h2 span.buttonContainer a.iconButton img.reorderIcon {
  background-position: -48px -988px;
}

/* line 838, ../scss/modules/regions.scss */
#Page_Rendering div.componentRegion:last-child,
#Page_Processing div.componentRegion:last-child,
#Shared_Components div.componentRegion:last-child {
  border-radius: 0 0 3px 3px;
}
/* line 840, ../scss/modules/regions.scss */
#Page_Rendering div.componentRegion:last-child div.contentRegion,
#Page_Processing div.componentRegion:last-child div.contentRegion,
#Shared_Components div.componentRegion:last-child div.contentRegion {
  padding-bottom: 4px;
}

/* line 846, ../scss/modules/regions.scss */
.componentRegion table.componentDetails {
  width: 100%;
  border-spacing: 0 0;
  border-collapse: collapse;
}
/* line 850, ../scss/modules/regions.scss */
.componentRegion table.componentDetails tr:first-child td h2 {
  border-top: none;
}
/* line 853, ../scss/modules/regions.scss */
.componentRegion table.componentDetails tr:hover td {
  background-color: #F0F4FA;
}
/* line 856, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td {
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  font-size: 10px;
  line-height: 12px;
  padding: 4px;
  color: #707070;
}
/* line 862, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img {
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
/* line 869, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.indent {
  background: none;
  width: 6px;
}
/* line 870, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.gear {
  background-position: 0 -988px;
}
/* line 871, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.html {
  background-position: -12px -988px;
}
/* line 872, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.report {
  background-position: -24px -988px;
}
/* line 873, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.list {
  background-position: -36px -988px;
}
/* line 874, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.breadcrumb {
  background-position: -48px -988px;
}
/* line 875, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.plugin {
  background-position: -60px -988px;
}
/* line 876, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.chart {
  background-position: -72px -988px;
}
/* line 877, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td img.calendar {
  background-position: -84px -988px;
}
/* line 880, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td.subHeading {
  padding: 0;
}
/* line 883, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td.cSequence {
  width: 24px;
  text-align: right;
  padding: 0 4px 0;
}
/* line 888, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td.cIcon {
  width: 1%;
  white-space: nowrap;
}
/* line 892, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td.footerDetail {
  color: #707070;
  border-top: 1px solid #D0D0D0;
  border-radius: 0 0 2px 2px;
  text-align: center;
}
/* line 897, ../scss/modules/regions.scss */
.componentRegion table.componentDetails td.footerDetail:hover {
  background: none;
}

/* line 903, ../scss/modules/regions.scss */
.componentViewHeader {
  background-color: #F0F0F0;
  padding: 12px;
  border-width: 0;
  margin: 0;
}
/* line 908, ../scss/modules/regions.scss */
.componentViewHeader h1 {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #404040;
}

/* line 919, ../scss/modules/regions.scss */
table.iconlist {
  white-space: nowrap;
}

/* line 923, ../scss/modules/regions.scss */
table.iconlist a {
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: transparent;
  -webkit-transition: border 0.1s, background-color 0.1s, box-shadow 0.1s;
  -moz-transition: border 0.1s, background-color 0.1s, box-shadow 0.1s;
  transition: border 0.1s, background-color 0.1s, box-shadow 0.1s;
}

/* line 933, ../scss/modules/regions.scss */
table.iconlist a:hover {
  border: 1px solid #909090;
  border-bottom-color: #707070;
  background-color: #F0F0F0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

/* line 940, ../scss/modules/regions.scss */
table.iconlist a img {
  display: block;
  margin: 6px;
}

/* line 945, ../scss/modules/regions.scss */
table.iconlist a.current {
  border: 1px solid #909090;
  border-bottom-color: #707070;
  background-color: #C0C0C0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}

/******************************************************************************
Edit Regions
******************************************************************************/
/* line 955, ../scss/modules/regions.scss */
.editRegion {
  margin: -1px 0 0 0;
  border-radius: 0;
}
/* line 958, ../scss/modules/regions.scss */
.editRegion > .aRegionHeading {
  border-radius: 0;
}
/* line 960, ../scss/modules/regions.scss */
.editRegion > .aRegionHeading h1 {
  line-height: 20px;
}
/* line 963, ../scss/modules/regions.scss */
.editRegion > .aRegionHeading span.aButtonContainer .aIconButton {
  padding: 6px 8px;
}
/* line 966, ../scss/modules/regions.scss */
.editRegion > .aRegionHeading span.aButtonContainer .aButton, .editRegion > .aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .editRegion > .aRegionHeading span.aButtonContainer .dhtmlMenu {
  margin: 5px 4px;
}
/* line 968, ../scss/modules/regions.scss */
.editRegion > .aRegionHeading span.aButtonContainer .aButton span, .editRegion > .aRegionHeading span.aButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .editRegion > .aRegionHeading span.aButtonContainer .dhtmlMenu span {
  line-height: 20px;
}
/* line 973, ../scss/modules/regions.scss */
.editRegion + .noteRegion {
  margin-top: -1px;
  border-radius: 0 0 3px 3px;
}

/* line 980, ../scss/modules/regions.scss */
#apex-edit-screen section.buttonRegion {
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
}
/* line 984, ../scss/modules/regions.scss */
#apex-edit-screen section.buttonRegion + .editRegion {
  margin-top: 0;
}
/* line 988, ../scss/modules/regions.scss */
#apex-edit-screen div.apex-page-anchors {
  padding: 0 8px 8px 8px;
  background-color: #e8e8e8;
  border: 1px solid #AAA;
  border-top: none;
}

/******************************************************************************
Top Bar / Button Bar Styles
******************************************************************************/
/******************************************************************************
File Name:    lists.scss
Purpose:      contains all list template styles

Change History:

Rem   shrahman    05/22/2012    Created file
Rem   shrahman    05/24/2012    Renaming htmldb list to sidelist
Rem   shrahman    05/25/2012    tweaking margins on tabs list
Rem   shrahman    06/08/2012    adding chart list for showing data visually
Rem   shrahman    06/11/2012    adding classes to make chart full width
Rem   shrahman    06/12/2012    adding extra paddig for full width chart, copying largeicon styles
Rem   shrahman    07/06/2012    adding .hideIconImages to hide large icons and replace with links
Rem   shrahman    09/04/2012    fixing IE7 layout issue for .aSubTabs
******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Side Navigation Region
******************************************************************************/
/* line 29, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList {
  margin: 0;
  padding: 0;
}
/* line 32, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li {
  display: block;
}
/* line 34, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li span {
  display: block;
  display: block;
  font-size: 12px;
  line-height: 24px;
  border-top: 1px solid #DDD;
  padding: 4px 8px;
}
/* line 41, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li span a {
  border-top: none;
  margin: -4px -8px;
}
/* line 46, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li a {
  display: block;
  font-size: 12px;
  line-height: 24px;
  border-top: 1px solid #DDD;
  padding: 4px 8px;
}
/* line 53, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li a {
  color: #4D6485;
  text-decoration: none;
}
/* line 57, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li a:hover {
  text-decoration: underline;
  background-color: #F0F4FA;
}
/* line 61, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li:first-child a {
  border-top: none;
}
/* line 64, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li:first-child span {
  border-top: none;
}
/* line 66, ../scss/modules/lists.scss */
.aRegion.sideNavRegion ul.aSideList li:first-child span a {
  border-top: none;
}

/******************************************************************************
Sub Tabs
******************************************************************************/
/* IE 7 Fix */
/* line 79, ../scss/modules/lists.scss */
.ie7 .aSubTabs ul li {
  float: left;
}

/* line 84, ../scss/modules/lists.scss */
.aSubTabs ul {
  margin: 0 3px;
  padding: 0;
  zoom: 1;
}
/* line 3, ../scss/config/_mixins.scss */
.aSubTabs ul:before, .aSubTabs ul:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
.aSubTabs ul:after {
  clear: both;
}
/* line 88, ../scss/modules/lists.scss */
.aSubTabs ul li {
  display: inline-block;
  margin-left: -1px;
}
/* line 91, ../scss/modules/lists.scss */
.aSubTabs ul li:first-child {
  margin-left: 0;
}
/* line 94, ../scss/modules/lists.scss */
.aSubTabs ul li a {
  border-radius: 3px 3px 0 0;
  display: block;
  border: 1px solid #999;
  border-bottom: none;
  background-color: #999;
  text-decoration: none;
}
/* line 101, ../scss/modules/lists.scss */
.aSubTabs ul li a span {
  color: #404040;
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 12px;
  background-color: #d8d8d8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #d8d8d8));
  background-image: -webkit-linear-gradient(#e8e8e8, #d8d8d8);
  background-image: -moz-linear-gradient(#e8e8e8, #d8d8d8);
  background-image: linear-gradient(#e8e8e8, #d8d8d8);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  border-radius: 2px 2px 0 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  -webkit-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  -moz-transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
  transition: border-color 0.2s, box-shadow 0.1s, background-color 0.2s;
}
/* line 113, ../scss/modules/lists.scss */
.aSubTabs ul li a:hover span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 0 6px 3px rgba(56, 127, 214, 0.5);
}
/* line 116, ../scss/modules/lists.scss */
.aSubTabs ul li a:active span {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  background: none #C0C0C0;
}
/* line 122, ../scss/modules/lists.scss */
.aSubTabs ul li.active a {
  border: 1px solid #95A0AD;
  border-bottom: none;
}
/* line 125, ../scss/modules/lists.scss */
.aSubTabs ul li.active a span {
  font-weight: bold;
  background-color: #cfdef0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZWNmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmZGVmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfecfb), color-stop(100%, #cfdef0));
  background-image: -webkit-linear-gradient(#dfecfb, #cfdef0);
  background-image: -moz-linear-gradient(#dfecfb, #cfdef0);
  background-image: linear-gradient(#dfecfb, #cfdef0);
}

/******************************************************************************
Chart List
******************************************************************************/
/* line 139, ../scss/modules/lists.scss */
.fullChart ul.aChartList {
  margin-top: -1px !important;
}
/* line 141, ../scss/modules/lists.scss */
.fullChart ul.aChartList li {
  margin: 0;
}
/* line 143, ../scss/modules/lists.scss */
.fullChart ul.aChartList li.col_2 {
  width: 50%;
}
/* line 147, ../scss/modules/lists.scss */
.fullChart ul.aChartList big.aValue {
  border-top: 1px solid #B0BDCC;
  border-radius: 0;
}
/* line 151, ../scss/modules/lists.scss */
.fullChart ul.aChartList small.aLabel {
  padding: 16px 0;
}
/* line 154, ../scss/modules/lists.scss */
.fullChart ul.aChartList a {
  border: none;
  background-color: #FFF;
}
/* line 157, ../scss/modules/lists.scss */
.fullChart ul.aChartList a:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 163, ../scss/modules/lists.scss */
ul.aChartList {
  margin: 0;
  list-style: none;
  padding: 0;
  zoom: 1;
}
/* line 3, ../scss/config/_mixins.scss */
ul.aChartList:before, ul.aChartList:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
ul.aChartList:after {
  clear: both;
}
/* line 168, ../scss/modules/lists.scss */
ul.aChartList li {
  display: block;
  margin: 16px;
}
/* line 171, ../scss/modules/lists.scss */
ul.aChartList li big.aValue {
  display: block;
  text-align: center;
  padding: 16px 0;
  color: #404040;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #B0BDCC;
  border-radius: 2px 2px 0 0;
  background-color: #e6eefa;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjRmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZWVmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f4fa), color-stop(100%, #e6eefa));
  background-image: -webkit-linear-gradient(#f0f4fa, #e6eefa);
  background-image: -moz-linear-gradient(#f0f4fa, #e6eefa);
  background-image: linear-gradient(#f0f4fa, #e6eefa);
  position: relative;
}
/* line 181, ../scss/modules/lists.scss */
ul.aChartList li big.aValue:after, ul.aChartList li big.aValue:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 190, ../scss/modules/lists.scss */
ul.aChartList li big.aValue:after {
  border-top-color: #E6EEFA;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
/* line 196, ../scss/modules/lists.scss */
ul.aChartList li big.aValue:before {
  border-top-color: #B0BDCC;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
/* line 203, ../scss/modules/lists.scss */
ul.aChartList li a {
  border: 1px solid #B0BDCC;
  border-bottom-color: #8896A9;
  background-color: #F0F4FA;
  border-radius: 3px;
  padding: 0;
  display: block;
  text-decoration: none;
  -webkit-transition: box-shadow 0.1s;
  -moz-transition: box-shadow 0.1s;
  transition: box-shadow 0.1s;
}
/* line 212, ../scss/modules/lists.scss */
ul.aChartList li a:hover {
  -webkit-box-shadow: 0 0 5px 2px rgba(56, 127, 214, 0.2);
  -moz-box-shadow: 0 0 5px 2px rgba(56, 127, 214, 0.2);
  box-shadow: 0 0 5px 2px rgba(56, 127, 214, 0.2);
}
/* line 214, ../scss/modules/lists.scss */
ul.aChartList li a:hover big, ul.aChartList li a:hover small {
  color: #3566A6;
}
/* line 219, ../scss/modules/lists.scss */
ul.aChartList li small.aLabel {
  display: block;
  border-top: 1px solid #F0F0F0;
  border-top-color: rgba(255, 255, 255, 0.65);
  padding: 8px 0;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  font-weight: bold;
}
/* line 231, ../scss/modules/lists.scss */
ul.aChartList li.aNumber big {
  font-size: 32px;
  line-height: 32px;
}
/* line 235, ../scss/modules/lists.scss */
ul.aChartList li.aNumber big, ul.aChartList li.aNumber small {
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
  transition: color 0.1s;
}
/* line 240, ../scss/modules/lists.scss */
ul.aChartList li.aBarChart big.aValue {
  padding: 8px;
}
/* line 243, ../scss/modules/lists.scss */
ul.aChartList li.aBarChart span {
  display: block;
  border-radius: 3px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  display: block;
  height: 48px;
  position: relative;
}
/* line 251, ../scss/modules/lists.scss */
ul.aChartList li.aBarChart span small {
  display: block;
  position: absolute;
  width: 100%;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #404040;
  font-weight: normal;
  font-style: normal;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.95);
}
/* line 263, ../scss/modules/lists.scss */
ul.aChartList li.aBarChart span big {
  border-radius: 3px;
  display: block;
  height: 48px;
  background-color: #9cbdf1;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxZDhmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzljYmRmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c1d8f7), color-stop(100%, #9cbdf1));
  background-image: -webkit-linear-gradient(#c1d8f7, #9cbdf1);
  background-image: -moz-linear-gradient(#c1d8f7, #9cbdf1);
  background-image: linear-gradient(#c1d8f7, #9cbdf1);
  -webkit-box-shadow: 0 0 0 1px #8896a9 inset, 0 2px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 0 0 1px #8896a9 inset, 0 2px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 0 0 1px #8896a9 inset, 0 2px 0 rgba(255, 255, 255, 0.65) inset;
}

/******************************************************************************
Large Icons List
******************************************************************************/
/* line 279, ../scss/modules/lists.scss */
table.ebaLargeIcons {
  padding-bottom: 4px;
}

/* line 283, ../scss/modules/lists.scss */
table.ebaLargeIcons td {
  vertical-align: middle;
  text-align: center;
}

/* line 288, ../scss/modules/lists.scss */
table.ebaLargeIcons td a {
  display: block;
  -moz-transition: background-color 0.1s linear, border 0.1s linear;
  -webkit-transition: background-color 0.1s linear, border 0.1s linear;
  transition: background-color 0.1s linear, border 0.1s linear;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
  text-decoration: none;
  border: 1px solid transparent;
  /*	img {
  		@include transition(width .1s, height .1s);
  		width: 96px;
  		height: 96px;
  		vertical-align: middle;
  	}*/
}

/* line 308, ../scss/modules/lists.scss */
table.ebaLargeIcons td a:hover {
  background-color: #e5effb;
  border: 1px solid #b1bbcb;
  -moz-box-shadow: 0 0 10px rgba(50, 117, 199, 0.25);
  box-shadow: 0 0 10px rgba(50, 117, 199, 0.25);
  color: #333;
  /*	img {
  		width: 128px;
  		height: 128px;
  	}*/
}

/* line 320, ../scss/modules/lists.scss */
table.ebaLargeIcons td a:hover span.iconLabel {
  color: #333;
}

/* line 324, ../scss/modules/lists.scss */
table.ebaLargeIcons td a span.largeIcon {
  display: block;
  margin: 0 auto;
  /*	min-height: 130px;
  	line-height: 128px;*/
}

/* line 331, ../scss/modules/lists.scss */
table.ebaLargeIcons td a span.largeIcon img {
  border: none;
}

/* line 335, ../scss/modules/lists.scss */
table.ebaLargeIcons td a span.iconLabel {
  display: block;
  margin: 0 auto 10px auto;
  font: normal 13px/13px Arial, sans-sreif;
  text-decoration: none;
  color: #666;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.75);
}

/* Hide Icons for Smaller View */
/* line 346, ../scss/modules/lists.scss */
.hideIconImages {
  height: auto;
}
/* line 348, ../scss/modules/lists.scss */
.hideIconImages > .aRegionContent {
  padding: 0 4px;
}
/* line 351, ../scss/modules/lists.scss */
.hideIconImages table.ebaLargeIcons {
  padding-bottom: 0;
}
/* line 354, ../scss/modules/lists.scss */
.hideIconImages table.ebaLargeIcons td a {
  margin: 8px 4px;
  background-color: #e5effb;
  border: 1px solid #b1bbcb;
}
/* line 358, ../scss/modules/lists.scss */
.hideIconImages table.ebaLargeIcons td a img {
  display: none;
}
/* line 361, ../scss/modules/lists.scss */
.hideIconImages table.ebaLargeIcons td a span.iconLabel {
  margin: 10px auto;
}

/******************************************************************************
File Name:    forms.scss
Purpose:      styles forms and table with class formlayout

Change History:

Rem   shrahman    05/16/2012    Created file
Rem   shrahman    06/05/2012    Adding to main apex_ui, cleaning up styles
Rem   shrahman    06/08/2012    adding slight pulse to all input fields on focus
Rem   shrahman    06/15/2012    minor tweaks for fieldset + textarea
Rem   shrahman    08/03/2012    adding focus pulse for select lists
Rem   shrahman    08/09/2012    fixing IE7/8 bug where textarea width was too small
Rem   shrahman    08/13/2012    #14405670 removing focus pulse for select lists for chrome

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Format formlayout table
******************************************************************************/
/* line 54, ../scss/modules/forms.scss */
table.formlayout {
  border-spacing: 0 0;
  border-collapse: collapse;
}
/* line 57, ../scss/modules/forms.scss */
table.formlayout td:empty {
  padding: 0;
}
/* line 65, ../scss/modules/forms.scss */
table.formlayout td input.text_field,
table.formlayout td input.password,
table.formlayout td input[type="text"],
table.formlayout td input[type="password"],
table.formlayout td textarea {
  margin: 0;
  border: 1px solid #C0C0C0;
  border-bottom: 1px solid #B0B0B0;
  padding: 4px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  background-color: #FFF;
  color: #404040;
  -webkit-transition: border 0.1s, box-shadow 0.1s;
  -moz-transition: border 0.1s, box-shadow 0.1s;
  transition: border 0.1s, box-shadow 0.1s;
}
/* line 78, ../scss/modules/forms.scss */
table.formlayout td textarea {
  font-size: 11px;
  line-height: 16px;
  font-family: 'Monaco','Consolas',monospace;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 84, ../scss/modules/forms.scss */
table.formlayout td fieldset.textarea {
  display: block;
}
/* line 100, ../scss/modules/forms.scss */
table.formlayout td input.apex_disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 103, ../scss/modules/forms.scss */
table.formlayout td input.error, table.formlayout td input.error:focus {
  border: 1px solid red !important;
}
/* line 106, ../scss/modules/forms.scss */
table.formlayout td input[type=hidden] {
  display: none;
}
/* line 109, ../scss/modules/forms.scss */
table.formlayout td textarea.codeTextarea {
  font: normal 11px/14px monospace;
}
/* line 112, ../scss/modules/forms.scss */
table.formlayout td select.selectlist {
  /* Add extra margin to get cell height same as single text field*/
  /* margin: 6px 0 7px 0; */
}
/* line 118, ../scss/modules/forms.scss */
table.formlayout td .display_only,
table.formlayout td .display_bold,
table.formlayout td .fielddatabold {
  font-size: 12px;
  line-height: 18px;
  color: #404040;
}
/* line 124, ../scss/modules/forms.scss */
table.formlayout td .display_bold,
table.formlayout td .fielddatabold {
  font-weight: bold;
}
/* line 127, ../scss/modules/forms.scss */
table.formlayout td fieldset label {
  display: inline;
}
/* line 130, ../scss/modules/forms.scss */
table.formlayout td label {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  color: #404040;
}
/* line 135, ../scss/modules/forms.scss */
table.formlayout td label.aLabel a {
  color: #404040;
  text-decoration: none;
  border-bottom: 1px dotted #B0B0B0;
  cursor: help;
}
/* line 142, ../scss/modules/forms.scss */
table.formlayout td em {
  display: inline-block;
  color: #EE0000;
  font-size: 20px;
  line-height: 10px;
  margin-right: 4px;
}
/* line 150, ../scss/modules/forms.scss */
table.formlayout td fieldset.checkbox_group label {
  font-size: 12px;
  margin-left: 4px;
}
/* line 155, ../scss/modules/forms.scss */
table.formlayout td small.aError {
  display: block;
  font: normal 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #EA0000;
  margin-top: 4px;
}
/* line 161, ../scss/modules/forms.scss */
table.formlayout td span.uNoLabel {
  display: none;
}
/* line 166, ../scss/modules/forms.scss */
table.formlayout table.lov a {
  margin: 0;
}
/* line 170, ../scss/modules/forms.scss */
table.formlayout td.lov input.popup_lov {
  margin-right: 2px;
}
/* line 174, ../scss/modules/forms.scss */
table.formlayout table.shuttle td {
  vertical-align: top;
}

/* line 184, ../scss/modules/forms.scss */
#saveDialog .formlayout textarea {
  width: 160px;
}

/******************************************************************************
File Name:    reports.scss
Purpose:      all report templates + styles for apex builder

Change History:

Rem   shrahman    05/17/2012    Created file
Rem   shrahman    05/25/2012    Adding standard report
Rem   shrahman    06/11/2012    adding vertical padding for valuepairs list
Rem   shrahman    06/13/2012    increasing padding for vap list to match css bar charts
Rem   shrahman    06/22/2012    added simple report template
Rem   shrahman    07/18/2012    adding full width report styles

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Value Attribute Pairs Report
******************************************************************************/
/* line 28, ../scss/modules/reports.scss */
.noPadding ul.aValuePairs li {
  padding: 8px;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
/* line 31, ../scss/modules/reports.scss */
.noPadding ul.aValuePairs li:hover {
  background-color: #F0F4FA;
}
/* line 34, ../scss/modules/reports.scss */
.noPadding ul.aValuePairs li span.aValue {
  right: 8px;
  top: 8px;
}

/* line 40, ../scss/modules/reports.scss */
ul.aValuePairs {
  margin: 0 !important;
  list-style: none;
}
/* line 43, ../scss/modules/reports.scss */
ul.aValuePairs li {
  display: block;
  position: relative;
  border-top: 1px solid #EEE;
}
/* line 47, ../scss/modules/reports.scss */
ul.aValuePairs li:first-child {
  border-top: none;
}
/* line 50, ../scss/modules/reports.scss */
ul.aValuePairs li span {
  display: block;
  font: normal 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 4px 0;
  color: #404040;
}
/* line 55, ../scss/modules/reports.scss */
ul.aValuePairs li span.aValueHeading {
  width: 70%;
}
/* line 58, ../scss/modules/reports.scss */
ul.aValuePairs li span.aValue {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}

/******************************************************************************
Standard Report
******************************************************************************/
/* line 71, ../scss/modules/reports.scss */
table.aReport {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 0 12px 0;
}
/* line 79, ../scss/modules/reports.scss */
table.aReport thead th {
  font-size: 13px;
  line-height: 16px;
  border-top: none;
  -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  -moz-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  background-color: #e8e8e8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(#f8f8f8, #e8e8e8);
  background-image: -moz-linear-gradient(#f8f8f8, #e8e8e8);
  background-image: linear-gradient(#f8f8f8, #e8e8e8);
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  text-align: left;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  padding: 8px 12px;
  color: #404040;
}
/* line 93, ../scss/modules/reports.scss */
table.aReport > tbody tr:hover td {
  background-color: #F0F4FA;
}
/* line 96, ../scss/modules/reports.scss */
table.aReport > tbody td {
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-top: none;
  background: none #FFF;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #404040;
  -webkit-transition: background-color, 0.2s;
  -moz-transition: background-color, 0.2s;
  transition: background-color, 0.2s;
}
/* line 106, ../scss/modules/reports.scss */
table.aReport > tbody td a {
  text-decoration: underline;
}
/* line 109, ../scss/modules/reports.scss */
table.aReport > tbody td p {
  margin: 0;
}
/* line 114, ../scss/modules/reports.scss */
table.aReport > tfoot > tr > td {
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  background-color: #FAFAFA;
  padding: 8px;
}
/* line 120, ../scss/modules/reports.scss */
table.aReport > tfoot table {
  border-spacing: 0;
  border-collapse: collapse;
}
/* line 123, ../scss/modules/reports.scss */
table.aReport > tfoot table td {
  font-size: 11px;
  color: #707070;
}

/* line 130, ../scss/modules/reports.scss */
div.aReportDownloadLinks {
  margin: -4px 0 12px 0;
}
/* line 132, ../scss/modules/reports.scss */
div.aReportDownloadLinks a {
  font-size: 12px;
}

/* line 138, ../scss/modules/reports.scss */
table.aSimpleReport {
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
}
/* line 141, ../scss/modules/reports.scss */
table.aSimpleReport th, table.aSimpleReport td {
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
/* line 148, ../scss/modules/reports.scss */
table.aSimpleReport th {
  font-size: 13px;
  font-weight: bold;
  border-top: none;
  -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  -moz-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  background-color: #e8e8e8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(#f8f8f8, #e8e8e8);
  background-image: -moz-linear-gradient(#f8f8f8, #e8e8e8);
  background-image: linear-gradient(#f8f8f8, #e8e8e8);
  text-align: left;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  padding: 8px 12px;
  color: #404040;
}

/******************************************************************************
Full Width Report
  -- used for regions
******************************************************************************/
/* line 166, ../scss/modules/reports.scss */
.fullReport table.aReport {
  width: 100%;
  border: 0;
  margin: 0;
}
/* line 171, ../scss/modules/reports.scss */
.fullReport table.aReport tr > td:last-child,
.fullReport table.aReport tr > th:last-child {
  border-right: none;
}

/******************************************************************************
File Name:    irr.scss
Purpose:      interactive report template

Change History:

Rem   shrahman    05/21/2012    Created file
Rem   shrahman    05/22/2012    tweaked button styles
Rem   shrahman    05/25/2012    fixing mouseover on keyb nav
Rem   shrahman    05/29/2012    expanding search input when focused
Rem   shrahman    05/31/2012    ie fix for background image showing on pills
Rem   shrahman    06/01/2012    removing width change on focus
Rem   shrahman    06/22/2012    adding hover styles for page icons
Rem   shrahman    07/18/2012    increasing width of irr search field as screen res increases
Rem   shrahman    08/07/2012    adding outline on focus for ff for go, view type, and action buttons
Rem   shrahman    09/05/2014    commenting out entire file, to be replaced by apex_ui proper css for apex 5

******************************************************************************/
/******************************************************************************
File Name:    plugin.css_bar_charts.scss
Purpose:      css bar charts used in team development and dashboard builder pages

Change History:

Rem   shrahman    05/17/2012    Created file
Rem   shrahman    08/09/2012    Bug #14474461 - Remove TH styles, apply to TD class
******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
CSS Bar Chart Basic CSS
******************************************************************************/
/* line 23, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table {
  width: 100%;
}
/* line 26, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table th,
div.cbc table td.label {
  padding: 0;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}
/* line 31, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table th span.cbc_label,
div.cbc table td.label span.cbc_label {
  margin: 6px 0;
  display: block;
  max-width: 120px;
  color: #404040;
}
/* line 36, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table th span.cbc_label a,
div.cbc table td.label span.cbc_label a {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #4B66A7;
  font: normal 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-decoration: none;
}
/* line 44, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table th span.cbc_label a:hover,
div.cbc table td.label span.cbc_label a:hover {
  text-decoration: underline;
}
/* line 50, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td.label {
  width: auto;
}
/* line 52, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td.label a {
  color: #4D6485;
}
/* line 55, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td.label span.cbc_label {
  max-width: 100%;
}
/* line 59, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td {
  padding: 0;
  width: 80%;
}
/* line 62, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td span.cbc_bar {
  background-image: url(../apex_ui/apex_ui.png);
  background-position: 0 -768px;
  background-repeat: repeat-x;
  background-color: #C2D7F2;
  display: block;
  height: 28px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 2px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 2px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 2px 0 rgba(255, 255, 255, 0.5) inset;
}
/* line 72, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td span.cbc_bar_background {
  display: block;
  width: 100%;
  font: bold 12px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fafafa;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(100%, #fafafa));
  background-image: -webkit-linear-gradient(#eaeaea, #fafafa);
  background-image: -moz-linear-gradient(#eaeaea, #fafafa);
  background-image: linear-gradient(#eaeaea, #fafafa);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
/* line 81, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td span.cbc_value {
  color: #404040;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.45), 0 -2px 2px rgba(255, 255, 255, 0.45), 2px 0 2px rgba(255, 255, 255, 0.45), -2px 0 2px rgba(255, 255, 255, 0.45);
  position: absolute;
  width: 100%;
  display: block;
  text-align: center;
}
/* line 89, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td span.cbc_value a {
  display: block;
  text-decoration: none;
  color: #404040;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.45), 0 -2px 2px rgba(255, 255, 255, 0.45), 2px 0 2px rgba(255, 255, 255, 0.45), -2px 0 2px rgba(255, 255, 255, 0.45);
}
/* line 94, ../scss/modules/plugin.css_bar_charts.scss */
div.cbc table td span.cbc_value a:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 105, ../scss/modules/plugin.css_bar_charts.scss */
.noPadding div.cbc table th,
.noPadding div.cbc table td.label {
  padding: 6px 12px 6px 8px;
  border-bottom: 1px solid #F0F0F0;
}
/* line 108, ../scss/modules/plugin.css_bar_charts.scss */
.noPadding div.cbc table th span.cbc_label,
.noPadding div.cbc table td.label span.cbc_label {
  margin: 0;
}
/* line 112, ../scss/modules/plugin.css_bar_charts.scss */
.noPadding div.cbc table td {
  padding: 6px 8px 6px 0;
  border-bottom: 1px solid #F0F0F0;
}
/* line 115, ../scss/modules/plugin.css_bar_charts.scss */
.noPadding div.cbc table td span.cbc_bar {
  height: 28px;
}
/* line 118, ../scss/modules/plugin.css_bar_charts.scss */
.noPadding div.cbc table td span.cbc_bar_background {
  line-height: 28px;
}

/* line 128, ../scss/modules/plugin.css_bar_charts.scss */
.longLabels div.cbc table th span.cbc_label {
  max-width: 180px;
}

/******************************************************************************
File Name:    icons.scss
Purpose:      all icon sprite classes

Change History:

Rem   shrahman    05/30/2012    Created file
Rem   shrahman    05/31/2012    Adding additional icons
Rem   shrahman    06/18/2012    Adding page icons for 4000:1
Rem   shrahman    07/18/2012    Adding iconMini and iconMedium icons
Rem   shrahman    08/20/2012    Adding retina display support
Rem   shrahman    08/21/2012    Moving retina support to retina.scss

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Generic Icon Sprite
******************************************************************************/
/* line 30, ../scss/modules/icons.scss */
img.iconSmall,
img.iconPage,
img.iconMini,
img.iconMedium {
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

/******************************************************************************
Small Icon (20x20)
******************************************************************************/
/* line 39, ../scss/modules/icons.scss */
img.iconSmall {
  width: 20px;
  height: 20px;
}
/* line 43, ../scss/modules/icons.scss */
img.iconSmall.runPage, img.iconSmall.run {
  background-position: 0     -1000px;
}
/* line 44, ../scss/modules/icons.scss */
img.iconSmall.locked {
  background-position: -20px -1000px;
}
/* line 45, ../scss/modules/icons.scss */
img.iconSmall.unlocked {
  background-position: -40px -1000px;
}
/* line 47, ../scss/modules/icons.scss */
img.iconSmall.editPage, img.iconSmall.edit {
  background-position: -60px  -1000px;
}
/* line 48, ../scss/modules/icons.scss */
img.iconSmall.sharedComponents {
  background-position: -80px  -1000px;
}
/* line 49, ../scss/modules/icons.scss */
img.iconSmall.teamDev {
  background-position: -100px -1000px;
}
/* line 50, ../scss/modules/icons.scss */
img.iconSmall.export {
  background-position: -120px -1000px;
}
/* line 51, ../scss/modules/icons.scss */
img.iconSmall.findItem {
  background-position: -140px -1000px;
}
/* line 52, ../scss/modules/icons.scss */
img.iconSmall.help {
  background-position: -160px -1000px;
}
/* line 53, ../scss/modules/icons.scss */
img.iconSmall.utilities {
  background-position: -180px -1000px;
}
/* line 54, ../scss/modules/icons.scss */
img.iconSmall.features {
  background-position: 0      -1020px;
}
/* line 55, ../scss/modules/icons.scss */
img.iconSmall.milestones {
  background-position: -20px  -1020px;
}
/* line 56, ../scss/modules/icons.scss */
img.iconSmall.browser {
  background-position: -40px  -1020px;
}
/* line 57, ../scss/modules/icons.scss */
img.iconSmall.commandLine {
  background-position: -60px  -1020px;
}
/* line 58, ../scss/modules/icons.scss */
img.iconSmall.file {
  background-position: -80px  -1020px;
}
/* line 59, ../scss/modules/icons.scss */
img.iconSmall.queryBuilder {
  background-position: -100px -1020px;
}
/* line 60, ../scss/modules/icons.scss */
img.iconSmall.restfulServices {
  background-position: -120px -1020px;
}
/* line 62, ../scss/modules/icons.scss */
img.iconSmall.bugs {
  background-position: -20px   -968px;
}
/* line 63, ../scss/modules/icons.scss */
img.iconSmall.feedback {
  background-position: -40px   -968px;
}
/* line 64, ../scss/modules/icons.scss */
img.iconSmall.todos {
  background-position: -60px   -968px;
}
/* line 66, ../scss/modules/icons.scss */
img.iconSmall.add {
  background-position: 0       -748px;
}
/* line 67, ../scss/modules/icons.scss */
img.iconSmall.rightarrow {
  background-position: -20px   -748px;
}
/* line 68, ../scss/modules/icons.scss */
img.iconSmall.downarrow {
  background-position: -40px   -748px;
}
/* line 69, ../scss/modules/icons.scss */
img.iconSmall.uparrow {
  background-position: -60px   -748px;
}
/* line 70, ../scss/modules/icons.scss */
img.iconSmall.close {
  background-position: -80px   -748px;
}
/* line 71, ../scss/modules/icons.scss */
img.iconSmall.copy {
  background-position: -160px  -748px;
}

/* line 75, ../scss/modules/icons.scss */
img.iconPage {
  width: 64px;
  height: 64px;
  background-position: 0 -1060px;
}
/* line 79, ../scss/modules/icons.scss */
img.iconPage.blank {
  background-position: 0      -1060px;
}
/* line 80, ../scss/modules/icons.scss */
img.iconPage.chart {
  background-position: -64px  -1060px;
}
/* line 81, ../scss/modules/icons.scss */
img.iconPage.report {
  background-position: -128px -1060px;
}
/* line 82, ../scss/modules/icons.scss */
img.iconPage.calendar {
  background-position: 0      -1124px;
}
/* line 83, ../scss/modules/icons.scss */
img.iconPage.form {
  background-position: -64px  -1124px;
}
/* line 84, ../scss/modules/icons.scss */
img.iconPage.tabularform {
  background-position: -128px -1124px;
}
/* line 85, ../scss/modules/icons.scss */
img.iconPage.dynhtml {
  background-position: 0      -1188px;
}
/* line 86, ../scss/modules/icons.scss */
img.iconPage.dynform {
  background-position: -64px  -1188px;
}
/* line 87, ../scss/modules/icons.scss */
img.iconPage.login {
  background-position: -128px -1188px;
}
/* line 88, ../scss/modules/icons.scss */
img.iconPage.zero {
  background-position: 0      -1252px;
}
/* line 89, ../scss/modules/icons.scss */
img.iconPage.irreport {
  background-position: -64px  -1252px;
}
/* line 90, ../scss/modules/icons.scss */
img.iconPage.home {
  background-position: -128px -1252px;
}
/* line 91, ../scss/modules/icons.scss */
img.iconPage.globe {
  background-position: 0      -1316px;
}
/* line 92, ../scss/modules/icons.scss */
img.iconPage.wizard {
  background-position: -64px  -1316px;
}
/* line 93, ../scss/modules/icons.scss */
img.iconPage.tree {
  background-position: -128px -1316px;
}

/* line 96, ../scss/modules/icons.scss */
img.iconMini {
  height: 16px;
  width: 16px;
}
/* line 100, ../scss/modules/icons.scss */
img.iconMini.generic {
  background-position: 0       -1380px;
}
/* line 101, ../scss/modules/icons.scss */
img.iconMini.spreadsheet {
  background-position: -16px   -1380px;
}
/* line 102, ../scss/modules/icons.scss */
img.iconMini.pdf {
  background-position: -32px   -1380px;
}
/* line 103, ../scss/modules/icons.scss */
img.iconMini.presentation {
  background-position: -48px   -1380px;
}
/* line 104, ../scss/modules/icons.scss */
img.iconMini.document {
  background-position: -64px   -1380px;
}
/* line 105, ../scss/modules/icons.scss */
img.iconMini.image {
  background-position: -80px   -1380px;
}

/* line 108, ../scss/modules/icons.scss */
img.iconMedium {
  width: 32px;
  height: 32px;
}
/* line 111, ../scss/modules/icons.scss */
img.iconMedium.success {
  background-position: -84px   0;
}
/* line 112, ../scss/modules/icons.scss */
img.iconMedium.warning {
  background-position: -116px  0;
}

/******************************************************************************
File Name:    login.scss
Purpose:      login page styles

Change History:

Rem   shrahman    06/05/2012    Created file
Rem   shrahman    06/08/2012    adding new login page styles
Rem   shrahman    06/15/2012    fixed bug that caused notifications to show behind black bar
Rem   shrahman    07/06/2012    reduced size of heading font
Rem   shrahman    07/19/2012    adding social networking icons
Rem   shrahman    08/03/2012    making error notification bullet text gray

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Login Page Body
******************************************************************************/
/* line 27, ../scss/modules/login.scss */
html.aLogin {
  width: 100%;
  height: 100%;
}

/* line 31, ../scss/modules/login.scss */
body.aLogin {
  min-width: 760px;
  height: 100%;
  min-height: 100%;
  background-repeat: no-repeat;
  background-atthachment: scroll;
  background: #c2dbf8;
  background: -moz-radial-gradient(center, ellipse cover, #c2dbf8 0%, #f0f4fa 64%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #c2dbf8), color-stop(64%, #f0f4fa));
  background: -webkit-radial-gradient(center, ellipse cover, #c2dbf8 0%, #f0f4fa 64%);
  background: -o-radial-gradient(center, ellipse cover, #c2dbf8 0%, #f0f4fa 64%);
  background: -ms-radial-gradient(center, ellipse cover, #c2dbf8 0%, #f0f4fa 64%);
  background: radial-gradient(center, ellipse cover, #c2dbf8 0%, #f0f4fa 64%);
}
/* line 44, ../scss/modules/login.scss */
body.aLogin #wwvFlowForm {
  height: 100%;
}
/* line 47, ../scss/modules/login.scss */
body.aLogin div.aHeader {
  height: 36px;
  width: 100%;
  background: #000;
  position: fixed;
  z-index: 1000;
}
/* line 53, ../scss/modules/login.scss */
body.aLogin div.aHeader a {
  padding: 8px;
  display: block;
  width: 282px;
}

/* line 61, ../scss/modules/login.scss */
.aLoginOuter {
  display: table;
  width: 100%;
  height: 100%;
}
/* line 65, ../scss/modules/login.scss */
.aLoginOuter .aLoginInner {
  display: table-cell;
  vertical-align: middle;
}

/* line 71, ../scss/modules/login.scss */
.aLoginContainer {
  margin: 36px auto 0 auto;
  width: 720px;
}

/* line 76, ../scss/modules/login.scss */
div.aLogin {
  margin-bottom: 36px;
  background: #FFF;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border: none;
}
/* line 82, ../scss/modules/login.scss */
div.aLogin .aLoginHeader h1 {
  margin: 0;
  padding: 32px;
  color: #202020;
  font-size: 32px;
  line-height: 32px;
  font-weight: 200;
  text-align: center;
}
/* line 92, ../scss/modules/login.scss */
div.aLogin .aLoginBody {
  padding: 0 16px;
  zoom: 1;
}
/* line 3, ../scss/config/_mixins.scss */
div.aLogin .aLoginBody:before, div.aLogin .aLoginBody:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
div.aLogin .aLoginBody:after {
  clear: both;
}
/* line 96, ../scss/modules/login.scss */
div.aLogin .aLoginIcon {
  float: left;
  width: 240px;
  margin: 0 16px;
}
/* line 100, ../scss/modules/login.scss */
div.aLogin .aLoginIcon img {
  height: 200px;
  width: 240px;
  display: block;
}
/* line 105, ../scss/modules/login.scss */
div.aLogin .aLoginIcon img.warningIcon {
  width: 72px;
  height: 72px;
  margin: 24px auto;
  background: url(../apex_ui/apex_ui.png) -72px -656px no-repeat transparent;
}
/* line 111, ../scss/modules/login.scss */
div.aLogin .aLoginIcon p {
  display: none;
}
/* line 120, ../scss/modules/login.scss */
div.aLogin .aLoginForm {
  float: left;
  width: 382px;
  margin: 0 16px;
}
/* line 124, ../scss/modules/login.scss */
div.aLogin .aLoginForm h2.unAuthed {
  font-size: 20px;
  line-height: 48px;
  font-weight: bold;
  color: #404040;
  text-align: center;
}
/* line 131, ../scss/modules/login.scss */
div.aLogin .aLoginForm table.formlayout > tbody > tr > td {
  padding: 8px 0;
}
/* line 134, ../scss/modules/login.scss */
div.aLogin .aLoginForm label.aLabel {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #707070;
  display: inline-block;
}
/* line 140, ../scss/modules/login.scss */
div.aLogin .aLoginForm label.aLabel a {
  color: #404040;
  text-decoration: none;
}
/* line 143, ../scss/modules/login.scss */
div.aLogin .aLoginForm label.aLabel a:hover {
  color: #256FFB;
}
/* line 149, ../scss/modules/login.scss */
div.aLogin .aLoginForm input[type="text"],
div.aLogin .aLoginForm input[type="password"] {
  font-size: 18px;
  line-height: 18px;
  padding: 12px 8px;
  width: 364px;
  background-color: #FAFAFA;
}
/* line 155, ../scss/modules/login.scss */
div.aLogin .aLoginForm input[type="text"]:focus,
div.aLogin .aLoginForm input[type="password"]:focus {
  background-color: #FFF;
}
/* line 159, ../scss/modules/login.scss */
div.aLogin .aLoginForm td small {
  display: block;
  font-size: 12px;
  margin: 4px 0;
  color: #606060;
}
/* line 164, ../scss/modules/login.scss */
div.aLogin .aLoginForm td small.aError {
  font-size: 11px;
  color: #ea0000;
  margin: 0 0 8px 0;
}
/* line 169, ../scss/modules/login.scss */
div.aLogin .aLoginForm td small + br {
  display: none;
}
/* line 173, ../scss/modules/login.scss */
div.aLogin .aLoginForm .aLoginButtonContainer {
  margin-top: 16px;
}
/* line 175, ../scss/modules/login.scss */
div.aLogin .aLoginForm .aLoginButtonContainer .aButton, div.aLogin .aLoginForm .aLoginButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.aLogin .aLoginForm .aLoginButtonContainer .dhtmlMenu {
  display: block;
  width: 382px;
  margin-bottom: 16px;
}
/* line 179, ../scss/modules/login.scss */
div.aLogin .aLoginForm .aLoginButtonContainer .aButton span, div.aLogin .aLoginForm .aLoginButtonContainer body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton div.aLogin .aLoginForm .aLoginButtonContainer .dhtmlMenu span {
  font-size: 16px;
  line-height: 48px;
}
/* line 186, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody {
  zoom: 1;
  padding: 16px;
  margin: 0 16px;
}
/* line 3, ../scss/config/_mixins.scss */
div.aLogin .aLoginSubBody:before, div.aLogin .aLoginSubBody:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
div.aLogin .aLoginSubBody:after {
  clear: both;
}
/* line 192, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody.notice {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFFCD3;
  border-radius: 2px;
  font-size: 14px;
  line-height: 20px;
}
/* line 199, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody.notice h2 {
  font-size: 14px;
  margin-bottom: 0;
}
/* line 205, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody h2 {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  margin-bottom: 4px;
}
/* line 213, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody p.languageList {
  margin: 0;
}
/* line 217, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody.loginLinks .aRegion {
  margin-bottom: 16px;
}
/* line 221, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody.lastLoginRegion {
  margin-bottom: 16px;
}
/* line 224, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody .aRegion {
  margin-bottom: 0;
}
/* line 226, ../scss/modules/login.scss */
div.aLogin .aLoginSubBody .aRegion p {
  font-size: 12px;
  line-height: 20px;
  color: #404040;
}

/* ================ */
/* = Form Pulsing = */
/* ================ */
/*@-webkit-keyframes pulse {
	0% {
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px 2px rgba(56, 127, 214,.20);
	}
	50% {
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 7px 2px rgba(56, 127, 214,.40);
	}
	100% {
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px 2px rgba(56, 127, 214,.20);
	}
}
.aLoginForm input[type="text"]:focus,
.aLoginForm input[type="password"]:focus {
		-webkit-animation: pulse 2.0s infinite ease-in-out;
}
*/
/* ========= */
/* = Alert = */
/* ========= */
/* line 267, ../scss/modules/login.scss */
.aLoginMessage {
  position: relative;
  background: #FDF5D9;
  border: 1px solid #D4C483;
  border-radius: 4px;
  margin-bottom: 32px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset, 0 0 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset, 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset, 0 0 4px rgba(0, 0, 0, 0.15);
  padding: 16px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  min-height: 20px;
}
/* line 280, ../scss/modules/login.scss */
.aLoginMessage.errorMessage {
  color: #D00;
}
/* line 282, ../scss/modules/login.scss */
.aLoginMessage.errorMessage ul li {
  color: #404040;
  font-weight: normal;
}
/* line 287, ../scss/modules/login.scss */
.aLoginMessage.successMessage {
  border: 1px solid #A3C9A3;
  background-color: #E6F9E6;
  color: #090;
}
/* line 292, ../scss/modules/login.scss */
.aLoginMessage a.closeLink {
  position: absolute;
  margin: 16px;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../apex_ui/apex_ui.png) -80px -728px no-repeat;
}
/* line 301, ../scss/modules/login.scss */
.aLoginMessage #apex_login_throttle_div {
  font-size: 12px;
  font-weight: normal;
  color: #404040;
}

/* line 307, ../scss/modules/login.scss */
.aLoginMessage:after, .aLoginMessage:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

/* line 317, ../scss/modules/login.scss */
.aLoginMessage.errorMessage:after {
  border-top-color: #FDF5D9;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}

/* line 323, ../scss/modules/login.scss */
.aLoginMessage.errorMessage:before {
  border-top-color: #D4C483;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}

/* line 330, ../scss/modules/login.scss */
.aLoginMessage.successMessage:after {
  border-top-color: #E6F9E6;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}

/* line 336, ../scss/modules/login.scss */
.aLoginMessage.successMessage:before {
  border-top-color: #A3C9A3;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}

/******************************************************************************
Social Networking
******************************************************************************/
/* line 346, ../scss/modules/login.scss */
.socialNetworking ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 350, ../scss/modules/login.scss */
.socialNetworking ul li {
  float: left;
  width: 138px;
  margin-left: 32px;
  height: 16px;
  text-align: center;
}
/* line 351, ../scss/modules/login.scss */
.socialNetworking ul li:first-child {
  width: 140px;
  margin-left: 0;
}
/* line 360, ../scss/modules/login.scss */
.socialNetworking ul li a {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #404040;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
}
/* line 368, ../scss/modules/login.scss */
.socialNetworking ul li a:hover {
  text-decoration: underline;
}
/* line 371, ../scss/modules/login.scss */
.socialNetworking ul li a img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: text-top;
  background-image: url(../apex_ui/apex_ui.png);
  background-repeat: no-repeat;
}
/* line 379, ../scss/modules/login.scss */
.socialNetworking ul li a img.googleplus {
  background-position: -96px -1380px;
}
/* line 380, ../scss/modules/login.scss */
.socialNetworking ul li a img.facebook {
  background-position: -112px -1380px;
}
/* line 381, ../scss/modules/login.scss */
.socialNetworking ul li a img.twitter {
  background-position: -128px -1380px;
}
/* line 382, ../scss/modules/login.scss */
.socialNetworking ul li a img.linkedin {
  background-position: -144px -1380px;
}

/******************************************************************************
File Name:    tag_cloud.scss
Purpose:      tag cloud plugin styles

Change History:

Rem   shrahman    06/11/2012    Created file

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Tag Cloud Plugin Style Overrides
******************************************************************************/
/* line 25, ../scss/modules/tag_cloud.scss */
.tagCloud ul li {
  display: inline-block;
}
/* line 27, ../scss/modules/tag_cloud.scss */
.tagCloud ul li a {
  border: 1px solid #B0BDCC;
  border-bottom-color: #8896A9;
  border-radius: 3px;
  color: #404040;
  display: inline-block;
  font: normal 12px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 8px 8px 0;
  padding: 0 0 0 8px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: lowercase;
  white-space: nowrap;
  -webkit-transition: box-shadow 1s, background-image 1s;
  -moz-transition: box-shadow 1s, background-image 1s;
  transition: box-shadow 1s, background-image 1s;
  background-color: #dbe7f8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjBmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZTdmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8f0fb), color-stop(100%, #dbe7f8));
  background-image: -webkit-linear-gradient(#e8f0fb, #dbe7f8);
  background-image: -moz-linear-gradient(#e8f0fb, #dbe7f8);
  background-image: linear-gradient(#e8f0fb, #dbe7f8);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
}
/* line 28, ../scss/modules/tag_cloud.scss */
.tagCloud ul li a:hover {
  -webkit-box-shadow: 0 0 3px 1px rgba(56, 127, 214, 0.2);
  -moz-box-shadow: 0 0 3px 1px rgba(56, 127, 214, 0.2);
  box-shadow: 0 0 3px 1px rgba(56, 127, 214, 0.2);
  border: 1px solid #B0BDCC;
  border-bottom-color: #8896A9;
  background-color: white;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#f8f8f8, #ffffff);
  background-image: -moz-linear-gradient(#f8f8f8, #ffffff);
  background-image: linear-gradient(#f8f8f8, #ffffff);
}
/* line 49, ../scss/modules/tag_cloud.scss */
.tagCloud ul li a span {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  position: relative;
  background: #F0F4FA;
  border-left: 1px solid #8896A9;
  color: #404040;
  display: inline-block;
  margin-left: 10px;
  padding: 0;
  font-weight: bold;
  padding: 0 8px;
  border-radius: 0 2px 2px 0;
}
/* line 61, ../scss/modules/tag_cloud.scss */
.tagCloud ul li a span:after, .tagCloud ul li a span:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 70, ../scss/modules/tag_cloud.scss */
.tagCloud ul li a span:after {
  border-right-color: #F0F4FA;
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}
/* line 76, ../scss/modules/tag_cloud.scss */
.tagCloud ul li a span:before {
  border-right-color: #8896A9;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
/* line 83, ../scss/modules/tag_cloud.scss */
.tagCloud ul li a.size1, .tagCloud ul li a.size2, .tagCloud ul li a.size3, .tagCloud ul li a.size4, .tagCloud ul li a.size5, .tagCloud ul li a.size6 {
  font-size: 12px;
  line-height: 28px;
}

/* line 91, ../scss/modules/tag_cloud.scss */
.ie7 .tagCloud ul li {
  display: inline;
}

/******************************************************************************
File Name:    calendar.scss
Purpose:      calendar styles used for team development

Change History:

Rem   shrahman    06/11/2012    Created file
Rem   shrahman    06/13/2012    Adding background color for today cell
Rem   shrahman    07/10/2012    Updating calendar month header styles with new background image
Rem   shrahman    06/18/2012    Updating calendar heading with gradient rather than image background

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Calendar Default Template
******************************************************************************/
/* line 27, ../scss/modules/calendar.scss */
div.aCal h1.aMonth {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjYmQ3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2NiZDdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjOWZhN2IzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNkZGU5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2VmZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(90deg, #cbd7e7 0%, #cbd7e7 12.99%, #9fa7b3 15.99%, #dde9f9 16%, #e7effb 100%);
  background-image: -o-linear-gradient(90deg, #cbd7e7 0%, #cbd7e7 12.99%, #9fa7b3 15.99%, #dde9f9 16%, #e7effb 100%);
  background-image: -webkit-linear-gradient(90deg, #cbd7e7 0%, #cbd7e7 12.99%, #9fa7b3 15.99%, #dde9f9 16%, #e7effb 100%);
  background-image: linear-gradient(90deg, #cbd7e7 0%, #cbd7e7 12.99%, #9fa7b3 15.99%, #dde9f9 16%, #e7effb 100%);
  /*		@include background-gradient(#E8F0FB,#DBE7F8);*/
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  border-radius: 3px 3px 0 0;
  border: 1px solid #8896A9;
  border-bottom-color: #B0BDCC;
  font-size: 24px;
  line-height: 64px;
  height: 64px;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  text-align: center;
  text-shadow: 0 2px rgba(255, 255, 255, 0.65);
}
/* line 46, ../scss/modules/calendar.scss */
div.aCal h1.aMonth span {
  color: #404040;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
}
/* line 52, ../scss/modules/calendar.scss */
div.aCal table.aCal {
  border-right: 1px solid #8896A9;
  border-bottom: 1px solid #B0BDCC;
  width: 100%;
  background-color: #FFF;
}
/* line 58, ../scss/modules/calendar.scss */
div.aCal table.aCal tbody tr td:first-child,
div.aCal table.aCal tbody tr th:first-child {
  border-left: 1px solid #8896A9;
}
/* line 61, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay {
  padding: 0;
  height: 76px;
  border-left: 1px solid #F0F0F0;
  border-bottom: 1px solid #D0D0D0;
  width: 14.25%;
  vertical-align: top;
}
/* line 68, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay span.aDayTitle {
  padding: 4px;
  display: block;
  text-align: right;
  font-size: 12px;
  color: #707070;
}
/* line 74, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay span.aDayTitle.nonday {
  color: #a0a0a0;
}
/* line 78, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay.nonday {
  background-color: #F9FAFC;
}
/* line 81, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay.today {
  background-color: #F0F4FA;
}
/* line 84, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay > a {
  color: #3C5073;
  display: block;
  font-size: 11px;
  line-height: 16px;
  border: 1px solid #CFD6E0;
  border-radius: 3px;
  background-color: #F2F4F9;
  margin: 4px;
  padding: 4px;
  text-decoration: none;
  -webkit-transition: background-color 0.1s, border-color 0.1s, box-shadow 0.1s;
  -moz-transition: background-color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
/* line 96, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay > a:hover {
  background-color: #E8F0FB;
  border-color: #B0BDCC;
  -webkit-box-shadow: 0 0 3px 1px rgba(56, 127, 214, 0.2);
  -moz-box-shadow: 0 0 3px 1px rgba(56, 127, 214, 0.2);
  box-shadow: 0 0 3px 1px rgba(56, 127, 214, 0.2);
}
/* line 101, ../scss/modules/calendar.scss */
div.aCal table.aCal td.aDay > a span {
  display: block;
  font-weight: bold;
}
/* line 107, ../scss/modules/calendar.scss */
div.aCal table.aCal th {
  background-color: #e6eefa;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjRmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZWVmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f4fa), color-stop(100%, #e6eefa));
  background-image: -webkit-linear-gradient(#f0f4fa, #e6eefa);
  background-image: -moz-linear-gradient(#f0f4fa, #e6eefa);
  background-image: linear-gradient(#f0f4fa, #e6eefa);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  border-left: 1px solid #B0BDCC;
  border-bottom: 1px solid #B0BDCC;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
}

/******************************************************************************
File Name:    notifications.scss
Purpose:      Success / Failure notifications

Change History:

Rem   shrahman    07/18/2012    Created file
Rem   shrahman    07/23/2012    fixed issue with nested lists in warning notification
Rem   shrahman    08/13/2012    fixing notification position issue in SQL workshop
Rem   shrahman    08/21/2012    fixing notification styling issue when msg contains <p>

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Success Notification
******************************************************************************/
/* line 25, ../scss/modules/notifications.scss */
.aNotification {
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border-top: none;
  border-radius: 0 0 4px 4px;
  width: 480px;
  margin: 0 auto;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #AAA;
  border-top: none;
  min-height: 48px;
}
/* line 36, ../scss/modules/notifications.scss */
.aNotification.success {
  border-color: #55a955;
  background-color: #e6f0e6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZmFlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZjBlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6fae6), color-stop(100%, #e6f0e6));
  background-image: -webkit-linear-gradient(#e6fae6, #e6f0e6);
  background-image: -moz-linear-gradient(#e6fae6, #e6f0e6);
  background-image: linear-gradient(#e6fae6, #e6f0e6);
}
/* line 39, ../scss/modules/notifications.scss */
.aNotification.success p {
  color: #2E5C2E;
}
/* line 43, ../scss/modules/notifications.scss */
.aNotification.warning {
  border-color: #C29B00;
  background-color: #f6e6b7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjJjZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZTZiNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff2cf), color-stop(100%, #f6e6b7));
  background-image: -webkit-linear-gradient(#fff2cf, #f6e6b7);
  background-image: -moz-linear-gradient(#fff2cf, #f6e6b7);
  background-image: linear-gradient(#fff2cf, #f6e6b7);
}
/* line 46, ../scss/modules/notifications.scss */
.aNotification.warning p {
  color: #B31212;
}
/* line 49, ../scss/modules/notifications.scss */
.aNotification.warning .aNotificationText {
  padding-bottom: 0;
}
/* line 52, ../scss/modules/notifications.scss */
.aNotification.warning .warningMessage {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #B31212;
  margin: 0 48px;
}
/* line 58, ../scss/modules/notifications.scss */
.aNotification.warning .warningMessage ul {
  margin-top: 14px;
  margin-left: -48px;
  margin-right: -48px;
  border-top: 1px solid #DBD0A4;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  color: #303030;
  padding: 8px 0 6px 0;
}
/* line 68, ../scss/modules/notifications.scss */
.aNotification.warning .warningMessage ul li {
  margin: 0 0 0 24px;
  padding: 0;
}
/* line 71, ../scss/modules/notifications.scss */
.aNotification.warning .warningMessage ul li ul {
  margin: 8px 0 8px -10px;
  border-top: none;
  list-style-type: disc;
  padding: 0;
}
/* line 77, ../scss/modules/notifications.scss */
.aNotification.warning .warningMessage ul li a {
  color: #303030;
}
/* line 80, ../scss/modules/notifications.scss */
.aNotification.warning .warningMessage ul li p {
  font-size: 11px;
  line-height: 16px;
  color: #303030;
  margin: 0;
  font-weight: normal;
}
/* line 91, ../scss/modules/notifications.scss */
.aNotification .aNotificationText {
  padding: 14px 0;
  position: relative;
}
/* line 94, ../scss/modules/notifications.scss */
.aNotification .aNotificationText a.closeMessage {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 14px;
}
/* line 103, ../scss/modules/notifications.scss */
.aNotification .aNotificationText img.iconMedium {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 8px;
}
/* line 110, ../scss/modules/notifications.scss */
.aNotification .aNotificationText p {
  font-size: 14px;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  margin: 0 48px;
  font-weight: bold;
}

/******************************************************************************
Notification Container
******************************************************************************/
/* line 123, ../scss/modules/notifications.scss */
#htmldbMessageHolder {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 482px;
  left: 50%;
  margin-left: -241px;
}

/* SQL Workshop Error */
/* line 133, ../scss/modules/notifications.scss */
#SqlAndResults #htmldbMessageHolder {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
}

/******************************************************************************
File Name:    retina.scss
Purpose:      Retina Support for APEX Builder UI

Change History:

Rem   msewtz    08/20/2012    Created file

******************************************************************************/
/******************************************************************************
Import SCSS Settings / Mixins
******************************************************************************/
/* line 28, ../scss/config/_mixins.scss */
.visuallyhidden, #apex-help a span, .pageEditBar div.gotoPage span.pageIcon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 29, ../scss/config/_mixins.scss */
.visuallyhidden.focusable:active, #apex-help a span.focusable:active, .pageEditBar div.gotoPage span.pageIcon label.focusable:active, .visuallyhidden.focusable:focus, #apex-help a span.focusable:focus, .pageEditBar div.gotoPage span.pageIcon label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/******************************************************************************
Find all properties that use background image
******************************************************************************/
@media (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5) {
  /* line 72, ../scss/modules/retina.scss */
  .aButton img, body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu img,
  .aIconButton img,
  #obTable span img,
  .pageEditBar span img,
  #page-header .apex-top-bar,
  #page-header #tabs a.link_icon,
  #page-header #tabs a.dhtmlMenu,
  #page-header #tabs a.dhtmlMenuOn,
  #page-header #tabs .current,
  #page-header #tabs .current-first,
  #page-header #tabs .current-last,
  #page-header #apex-search div.searchbox-plugin,
  #page-header #apex-breadcrumbs a.htmldbBreadcrumb:first-child,
  #page-header #apex-breadcrumbs span.htmldbBreadcrumbSep,
  #page-header #apex-breadcrumbs span.brdCrmSep,
  #page-header .apex-top-bar,
  #apexir_SEARCHDROPROOT.apexir_SEARCHICON,
  #apexir_SEARCH_BAR_OPTIONS .irr-pill span,
  #apexir_ROWS_PER_PAGE_MENU.dhtmlSubMenu a.dhtmlSubMenuS,
  #apexir_FORMAT_MENU.dhtmlSubMenu a.dhtmlSubMenuS,
  #apexir_ACTIONSMENU.dhtmlSubMenu a.dhtmlSubMenuS,
  .apexir_ACTION_MENU button#apexir_ACTIONSMENUROOT span,
  div.aLogin .aLoginIcon img.warningIcon,
  .aLoginMessage a.closeLink,
  .socialNetworking ul a img,
  div.cbc table td span.cbc_bar,
  .pageEditBar div.gotoPage span.pageIcon,
  .pageEditBar a.pageSelect img,
  .pageTeamDevBar ul li a img,
  .aButton span img.componentView,
  body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span img.componentView,
  .aButton span img.treeView,
  body.apex-iframe .htmldbBodyMargin .dhtmlMenuLGButton .dhtmlMenu span img.treeView,
  .aActionRegion .aActionRegionIcon img,
  .componentRegion h2 span.buttonContainer a.iconButton img,
  .componentRegion table.componentDetails td img,
  section.aWizardRegion h1 img.hideShow,
  div.wizardBody div.wizardSuccessBody img.greenCheck,
  div.wizardBody div.wizardSuccessBody img.warning,
  div.wizardBody div.wizardErrorBody img.warning,
  div.wizardProgress ul li,
  div.wizardProgress ul li span,
  div.wizardProgress ul li.last-non-current,
  div.wizardProgress ul li.last-current,
  div.wizardProgress ul li.first-non-current,
  div.wizardProgress ul li.first-current,
  div.aWizardMessage a.aCloseNotification,
  img.iconSmall,
  img.iconPage,
  img.iconMini,
  img.iconMedium {
    background-image: url(../apex_ui/apex_ui_2x.png) !important;
    background-size: 200px 1480px !important;
  }

  /* line 76, ../scss/modules/retina.scss */
  a#apex-logo h1 {
    background: url(../apex_ui/apexlogo_2x.png) 0 0 no-repeat;
    background-size: 282px 20px;
    width: 282px;
    height: 20px;
  }
  /* line 81, ../scss/modules/retina.scss */
  a#apex-logo h1 img {
    visibility: hidden;
  }
}
/******************************************************************************
APEX overrides
******************************************************************************/
/* line 43, ../scss/apex_ui.scss */
body {
  -webkit-font-smoothing: antialiased;
}

/* line 46, ../scss/apex_ui.scss */
div.htmldbBodyMargin {
  zoom: 1;
  margin-top: 12px;
}
/* line 3, ../scss/config/_mixins.scss */
div.htmldbBodyMargin:before, div.htmldbBodyMargin:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 9, ../scss/config/_mixins.scss */
div.htmldbBodyMargin:after {
  clear: both;
}

/* line 51, ../scss/apex_ui.scss */
.tree-context li a,
.tree li a, .tree li span {
  font-size: 12px;
}