/******************************/
/* Help Icon styling **********/
/******************************/
.infoHelper,
.clickableIcon {
  -khtml-opacity: 0.3 !important;
  -moz-opacity: 0.3 !important;
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: .3 !important;
  cursor: pointer;
  transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
  -o-transition: opacity 0.1s; }

.infoHelper:hover,
.clickableIcon {
  opacity: 1;
  filter: alpha(opacity=100); }

/* clear floating content in #modalData to avoid unnecessary scroll bar */
div#modalData div:last-child {
  clear: both; }

div#modalData div.error {
  font-size: 12px;
  text-align: center;
  padding: 15px;
  font-style: italic;
  font-family: helvetica, arial, sans-serif;
  border: 0;
  margin: 0;
  width: auto; }

#email-config-settings table {
  table-layout: fixed; }

#email-config-settings table td:first-child {
  width: 300px; }

#email-config-settings table td:last-child {
  width: 470px; }

/* Action Icon Styles */
a.modalLauncher,
a.copy_link,
a.remove_link,
a.test_link {
  text-decoration: none; }

/* IE8 Opacity Bug Fixes, things have to be block to be opaque */
td.menu_bar_links i#siteInfo {
  display: inline-block; }

/* Site Info at top menu bar */
body div.reportsHeader > span i.infoHelper {
  display: block !important;
  float: left;
  margin: 0 2px 0 2px; }

/* Reports page info icon */
body div.reportsHeader > span,
body div.reportsHeader > a {
  display: block;
  float: left; }

body div.reportsHeader > span.delimiter {
  margin: 0 5px; }

/***********************************************************/
/*** Reports / Scheduled Reports Page Navigation ***********/
/***********************************************************/
/* Adjusting vertical position on Hub Reports header*/
div#page div.report-main {
  margin-top: -15px; }

/* Adjusting vertical position on Menu Reports header*/
div.menu-main div.report-main {
  margin-top: 10px; }

/* Setting stable sizing on header items */
div.reportsHeader {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  height: 0; }

/* Targeting header navigation items */
body div.reportsHeader a {
  color: #008FA6;
  font-weight: bold;
  font-size: 16px !important;
  text-decoration: none;
  display: block;
  float: left; }

/****************************************/
/*** Create Reports Button / Filters ****/
/****************************************/
/* Report Buttons Container */
div.reportActions {
  float: right;
  margin-bottom: 15px;
  font-size: 16px; }

/* Create / Schedule Report Button */
div.reportActions a.newReport {
  margin: 0 10px 0px 0;
  font-size: 14px;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  border: 1px solid #dcdcdc;
  padding: 5px; }

/* Scheduler MOTD Alert */
div.explanationText {
  display: block;
  width: 500px;
  padding: 2px;
  margin: 20px auto 20px;
  text-align: center;
  background: #eee;
  border: 1px dashed #dcdcdc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  clear: both;
  float: none;
  word-break: break-word;}

div.explanationText.explanationTextGood {
  background: #F5F8F5 !important;
  border: 1px dashed #2B6D1F !important; }

div.explanationText.explanationTextBad {
  background: #FDD7D7 !important;
  border: 1px dashed #B41A1A !important; }

/* < Back Next > # Saved Reports links */
div.reportTable span.note {
  display: block;
  clear: both;
  margin: 20px 0 5px 5px;
  font-size: 12px; }

/************************************************/
/*** List of Reports Templates to choose from ***/
/************************************************/
div#modalData table#reportTemplateList {
  width: 700px;
  margin-top: 15px; }

div#modalData table#reportTemplateList tr.table_group td {
  font-weight: bold;
  font-size: 14px;
  background: #CCCC99;
  padding: 10px 5px 5px 5px; }

div#modalData table#reportTemplateList tr.item_row {
  font-size: 12px;
  margin-left: 5px; }

div#modalData table#reportTemplateList tr.item_row td {
  padding: 3px;
  border: 1px dotted #dcdcdc; }

div#modalData table#reportTemplateList tr.item_row td.report_type {
  width: 210px;
  padding-left: 10px; }

div#modalData table#reportTemplateList tr.item_row td.report_type a {
  text-decoration: none !important;
  padding-left: 2px; }

div#modalData table#reportTemplateList tr.item_row td.report_description {
  color: gray;
  padding: 4px; }

/* customizing for hub version */
body#subnav_enabled div#modalData table#reportTemplateList,
div#modalContentBody div#modalData table#reportTemplateList {
  width: 100%;
  margin: 0; }

body#subnav_enabled div#modalData table#reportTemplateList tr.table_group td {
  background: #007698;
  color: #FFF; }

/********************************************************/
/*** Reports / Scheduled Reports Initial Table Styles ***/
/********************************************************/
/** Moved to global css for use as .action-table **/
/***********************************/
/*** Modal Overlay Boxes ***********/
/***********************************/
#modalContentWrapper {
  position: fixed;
  overflow: hidden;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  box-shadow: 0px 0px 9px 0px #111;
  z-index: 1000;
  min-width: 500px; }

/* Placing khaki golden colors when in menu */
div.inMenu #modalContentHeader,
div.inMenu #modalContentFooter {
  cursor: move;
  padding: 9px 5px 4px 9px;
  margin: 0 !important;
  width: 100%;
  overflow: hidden;
  text-align: left;
  background: #b2b2b2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #b2b2b2 0%, #c9c9c9 30%, #c9c9c9 92%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(30%, #c9c9c9), color-stop(92%, #c9c9c9), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #b2b2b2 0%, #c9c9c9 30%, #c9c9c9 92%, #ededed 100%);
  background: -o-linear-gradient(top, #b2b2b2 0%, #c9c9c9 30%, #c9c9c9 92%, #ededed 100%);
  background: -ms-linear-gradient(top, #b2b2b2 0%, #c9c9c9 30%, #c9c9c9 92%, #ededed 100%);
  background: linear-gradient(to bottom, #b2b2b2 0%, #c9c9c9 30%, #c9c9c9 92%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#ededed',GradientType=0 ); }

div.inMenu #modalContentFooter {
  background: #ededed;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYzljOWM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjYzljOWM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #ededed 0%, #c9c9c9 8%, #c9c9c9 70%, #b2b2b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(8%, #c9c9c9), color-stop(70%, #c9c9c9), color-stop(100%, #b2b2b2));
  background: -webkit-linear-gradient(top, #ededed 0%, #c9c9c9 8%, #c9c9c9 70%, #b2b2b2 100%);
  background: -o-linear-gradient(top, #ededed 0%, #c9c9c9 8%, #c9c9c9 70%, #b2b2b2 100%);
  background: -ms-linear-gradient(top, #ededed 0%, #c9c9c9 8%, #c9c9c9 70%, #b2b2b2 100%);
  background: linear-gradient(to bottom, #ededed 0%, #c9c9c9 8%, #c9c9c9 70%, #b2b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#b2b2b2',GradientType=0 );
  text-align: right; }

div.inMenu #modalContentFooter input[type="button"] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 3px 1px #ccc;
  box-shadow: 0 0 3px 1px #ccc;
  margin-right: 13px; }

div.inMenu #modalContentHeader {
  box-shadow: 0px 0px 5px -1px #555;
  position: relative;
  z-index: 8888888 !important; }

div.inMenu #modalContentFooter {
  box-shadow: 0 0 5px -2px #555555;
  position: relative;
  z-index: 99999999999 !important; }

div.inMenu #modalContentHeader span {
  color: #222;
  text-shadow: 1px 1px 0px #eee;
  font-size: 14px;
  font-weight: normal; }

div.inMenu span#modalClose {
  background: none repeat scroll 0 0 #EC4A4A;
  border: 1px solid #444;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0 -1px 3px 0px #ffd8d8 inset;
  display: block;
  float: left;
  height: 11px;
  margin: 5px 6px 0 0;
  width: 11px;
  z-index: 88888889 !important;
  position: absolute;
  top: 0.15em;
  right: 0.15em;
  cursor: pointer;
  display: none; }

div.inMenu span#modalClose:hover {
  background: #DB2626;
  border: 1px solid #444;
  box-shadow: 0 -1px 3px 0 #d1d1d1 inset;
  box-shadow: 0px 1px 3px 0 #FFf inset; }

div.inMenu span#modalClose:active {
  box-shadow: 0 0px 3px 0 #777 inset; }

/* Placing hub colors when in hub */
div.inHub #modalContentHeader,
div.inHub #modalContentFooter {
  padding: 10px 10px;
  margin: 0;
  width: 100%;
  overflow: hidden;
  background: #007698;
  color: #fff;
  text-align: left; }

div.inHub .menu-form-table th {
  background-color: #007698 !important;
  color: #fff !important; }

/* Adding border around Report Generation Confirmation box */
div#modalBodyBanner {
  border: 1px solid #000; }

/* Adding padding around Delete Confirmation box & Prompts (i.e. delete confirm) */
div[data-modal-context="prompt"],
div[data-modal-context="defaultLauncher"],
div[data-modal-context="simpleStatus"] {
  padding: 15px;
  font-size: 16px;
  font-weight: lighter;
  margin-top: 15px;
  text-align: center; }

/* Modal Container General Styles */
#modalContentHeader span {
  font-size: 16px;
  font-weight: bold; }

#modalContentHeader {
  font-weight: bold;
  border-bottom: 1px solid #888; }

#modalContentFooter {
  box-sizing: border-box;
  text-align: left;
  border-top: 1px solid #888; }

#modalContentFooter input {
  margin: 0 5px 0 5px; }

#modalContentBody {
  min-height: 300px;
  padding: 0;
  margin: 0 auto;
  min-width: 100%;
  overflow: auto;
  background: #ffffff;
  position: relative; }

#modalOverlay {
  background: #222;
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: pointer;
  left: 0;
  top: 0;
  z-index: 999;
  -khtml-opacity: 0.5 !important;
  -moz-opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
  opacity: .5 !important; }

#modalFill {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #ffffff;
  visibility: hidden; }

#modalThrobber {
  margin-bottom: 0;
  text-align: center;
  margin-top: 0px; }

#modalThrobber p {
  font-size: 16px;
  font-weight: lighter;
  margin-top: 0px;
  padding-bottom: 10px; }

#modalThrobber img {
  display: block;
  margin: 0 auto; }

#modalBodyBanner {
  left: 20%;
  right: 20%;
  top: 40%;
  padding: 20px;
  box-shadow: 0 2px 8px #a5a5a5;
  background: #ffffff;
  position: absolute;
  display: none;
  margin-top: -55px;
  z-index: 2147483647 !important; }

.report-main {
  float: none; }

/* success/failure messages in modal status boxes */
div#modalContentWrapper .modalFailMessage {
  color: red;
  font-weight: bold; }

div#modalContentWrapper .modalSuccessMessage {
  color: green;
  font-weight: bold; }

/***********************************/
/*** Modal Overlay Form Elements ***/
/***********************************/
/*** Form Element Sizing***/
/* Handling buttons in between select columns */
.report-form td.input input[type="button"] {
  margin: 2px 0;
  text-align: center;
  padding: 3px;
  font-size: 12px;
  line-height: 16px;
  width: 100px; }

.hasDatepicker {
  margin-bottom: 5px; }

/* Positioning date-picker */
div#from_date_quicklinks a {
  margin: 2px 10px;
  font-size: 10px; }

/* Positioning date-picker */
/* leftovers from menu.css */
#modalContentWrapper,
#modalContentWrapper #modalContentHeader,
#modalContentWrapper #modalContentBody,
#modalContentWrapper #modalContentFooter,
#modalContentWrapper #modalBodyBanner,
#modalOverlay {
  z-index: 9000; }

#modalContentWrapper, #modalOverlay {
  display: none; }

#tooltipOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1000;
  /* IE allows you to point/click through transparent layers, so assigning explicit bg color and giving the elem opacity of 0 */
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0); }

#toolTipArrow, #toolTipArrowWrapper {
  position: absolute;
  /* width/height of 0 necessary for IE7 */
  width: 0;
  height: 0; }

.arrowUpLeftW {
  left: 15px;
  top: -14px;
  border-top: 14px solid transparent;
  border-left: 14px solid black; }

.arrowDownLeftW {
  left: 15px;
  bottom: -14px;
  border-bottom: 14px solid transparent;
  border-left: 14px solid black; }

.arrowUpRightW {
  right: 15px;
  top: -14px;
  border-top: 14px solid transparent;
  border-right: 14px solid black; }

.arrowDownRightW {
  right: 15px;
  bottom: -14px;
  border-bottom: 14px solid transparent;
  border-right: 14px solid black; }

.arrowUpLeft {
  left: 16px;
  top: -12px;
  border-top: 12px solid transparent;
  border-left: 12px solid white; }

.arrowDownLeft {
  left: 16px;
  bottom: -12px;
  border-bottom: 12px solid transparent;
  border-left: 12px solid white; }

.arrowUpRight {
  right: 16px;
  top: -12px;
  border-top: 12px solid transparent;
  border-right: 12px solid white; }

.arrowDownRight {
  right: 16px;
  bottom: -12px;
  border-bottom: 12px solid transparent;
  border-right: 12px solid white; }

/* Centered symmetrical arrows for tooltips */
.arrowCenterUpW, .arrowCenterDownW {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }

.arrowCenterUpW {
  border-bottom: 10px solid black; }

.arrowCenterDownW {
  border-top: 10px solid black; }

.arrowCenterUp, .arrowCenterDown {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; }

.arrowCenterUp {
  border-bottom: 8px solid white; }

.arrowCenterDown {
  border-top: 8px solid white; }

#availableSitesList li {
  text-align: left;
  list-style: none; }

#availableSitesList li a {
  display: inline;
  text-decoration: none; }