/*
 * Copyright 2005-2015 ---
 * All Rights Reserved
 */

/* espacio arriba */
.module-outer-box {
  padding: 8px 0;
}

.dashboard-columns {
  border-spacing: 0;
  padding: 6px 0 0;
}

/* color fondo titulo modulos */
.module-header-container .border-bevel-outer,
.module-header-container .border-bevel-inner,
.module-header-container .border-bevel-bottom-flat,
.module-header-container .module-header {
  background-color: #fff;
}

.dashboard-column-left {
  width: 14%;
  float: left;
}

.dashboard-column-left {
  padding-right: 8px;
}

.dashboard-column-right {
  width: 84%;
  float: left;
}

.dashboard-column-right {
  padding-left: 8px;
}

.module-being-dragged .modbox,
.module-being-dragged .module-minimized .visible-when-module-minimized,
.module-being-dragged .hidden-when-module-minimized {
  visibility: hidden;
}

/* ======================================= */

.top-aligned {
  vertical-align: top;
}

#feedback-link {
  margin-top: 1em;
  float: right;
  padding-right: 20px;
}

.bottom-module-drag-target {
  padding: 6px 0;
}

.top-modules .module-outer-box {
  position: relative;
  padding: 0;
}

.module-being-dragged {
  border: 2px dashed blue;
  margin: 6px 0;
  padding: 0;
}

.module-drag-source {
  cursor: move;
  /* zoom: 1; /* Triggers the IE hasLayout property so cursor:move takes effect. */
}

.module-drag-drag {
  opacity: 0.90;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* filter: alpha(opacity=90); */
  padding: 0;
}
/*
.module-drag-drag .module-contents-iframe {
  visibility: hidden;
}
*/
#title-with-right-link {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

#title-right-link {
  font-weight: bold;
  font-size: 75%;
  text-align: right;
  vertical-align: bottom;
  padding-right: 15px;
}

#opt-out {
  width: 98%;
  border: solid 1px #ccc;
  padding: 3px 0 3px 0;
  margin-top: 1em;
}

#opt-out * {
  padding: 0 3px 0 2em;
  display: block;
}

.module-name { float: left; font-weight: bold;
  font-size: 100%; white-space: nowrap; color: #045FA4;
}

.module-name a {
  color: #000000;
}

.module-header-link {
  float: right;
}

#ALERTS .right-side,
#STATUS .right-side {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  color: #000000;
  font-size: 100%;
  text-align: right;
}

#ALERTS .primary-link,
#STATUS .primary-link {
  display: block;
}

#ALERTS .msg-time,
#STATUS .msg-time {
  font-size: 80%;
}

.customize-header-img {
  float: right;
  margin: 6px 5px 0 0;
  border: 0;
  cursor: pointer;
}

.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 1000;
  opacity: 0.6;
  /* opacity for older mozilla browsers: */
  /* -moz-opacity: 0.6; */
  /* opacity for IE > 5.x: */
  /* filter:alpha(opacity=60); */
}

.wait-icon {
  display: none;
  position: absolute;
  z-index: 1001;
}

#RED_ALERTS, #LEGACY_ALERTS {
  border: 0;
  margin-bottom: 0;
}

#RED_ALERTS .module-content,
#LEGACY_ALERTS .module-content,
#campaign-summary .module-content,
#awfe-alerts .module-content {
  border: none;
  background-color: transparent;
}

.red-alerts-table {
  margin-top: 1em;
}

.module-header,
.border-bevel-outer,
.border-bevel-inner,
.border-bevel-bottom-flat,
.module-content {
  border-color: #b0b0b0;
  border-style: solid;
}

.module-header {
  direction: ltr; /* Avoids firefox RTL overflow:hidden problem */
  padding: 6px 10px;
  border-width: 0 1px;
}

.border-bevel-inner {
  padding: 1px 0 0;
  margin: 0 1px;
  border-width: 0 1px;
  background-color: #fff;
}

.border-bevel-outer {
  margin: 0 2px;
  border-width: 1px 0 0;
}

.border-bevel-bottom-flat {
  padding: 1px 0 0;
  border-width: 0 1px 1px;
}

.display-when-module-minimized,
.module-minimized .nodisplay-when-module-minimized {
  display: none;
}

.module-minimized .display-when-module-minimized,
.nodisplay-when-module-minimized {
  display: block;
}

.visible-when-module-minimized,
.module-minimized .hidden-when-module-minimized {
  visibility: hidden;
}

.module-minimized .visible-when-module-minimized,
.hidden-when-module-minimized {
  visibility: visible;
}

.module-header-content {
  overflow: hidden;
  padding-left: 1em;
  text-align: right;
  /* text-overflow: ellipsis; */
  white-space: nowrap;
}

.module-header-end {
  clear: left;
}

.module-content {
  border-width: 0 1px;
}

.module-contents-iframe {
  width: 100%;
  height: 40px;
  border: 0;
  overflow: hidden;
}

#CAMPAIGNS .module-content, #ACTIVE_CAMPAIGNS .module-content {
  padding: 5px 10px 5px 10px;
}

#PERFORMANCE .module-content {
  padding: 10px;
}

#PERFORMANCE {
  /* Prevents firefox from resizing the module smaller than its contents.
     Should be equal to the chart width plus the module padding. */
  min-width: 470px;
}

.module-content,
.module-content-container .border-bevel-inner,
.module-content-container .border-bevel-outer {
  background-color: #fff;
}

#ALERTS table, #STATUS table, table.announcements-module {
  width: 100%;
}

.alerts-module-bottom-tools {
  border-top: 1px solid #C1CCC3;
  padding: 3px 4px 5px;
  text-align: right;
}

#ALERTS td, #STATUS td, .announcements-module td {
  vertical-align: top;
}

.dismiss-link {
  white-space: nowrap;
  padding-top: 0.5em;
  font-size: smaller !important;
}

#ALERTS .dismiss-link, #STATUS .dismiss-link {
  color: #00c;
  text-decoration: underline;
  text-align: right;
  cursor: pointer;
}

.announcements-module .dismiss-link {
  padding-left: 0.5em;
}

#yellow-alert-teaser .teaser-table {
  border: solid 1px #3f7c5f;
  width: 85%;
}

#yellow-alert-teaser .teaser-td {
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  margin: 1em auto 1em auto;
  padding: 0.25em;
}

#awfe-alerts .yellowAlertTable {
  border: solid 1px #3f7c5f;
  width: 85%;
}

#awfe-alerts .yellowAlertTd {
  vertical-align: top;
}

.announcements-module .announcementMessage {
  text-align: left;
}

.empty {
  padding: 8px 0 8px 40px;
  font-style: italic;
  color: #999999;
}

.module hr {
  height: 0;
  border: 0;
  border-top: solid 1px #b0b0b0;
  margin: 0;
}

.alert-or-message-display {
  width: auto;
}

.dismiss-link-cell {
  text-align: right;
}

#HELP .module-content {
  padding: 10px;
}

/* Phone alerts options page */
.phoneAlertsActionBox {
  margin: 12px 0 12px 0;
  padding: 12px;
  border: 1px solid #a4d0bb;
}

.phoneAlertsStepNum{
  font-size: x-large;
  color: #3F7C5F;
  font-weight: bold;
  vertical-align: middle;
  padding: 0 12px 0 0;
}

.phoneAlertsStepText {
  font-weight: bold;
  vertical-align: middle;
  padding: 0 12px 0 0;
}

.phoneAlertsInputNumber {
  padding-top: 0.8em;
}

.phoneImageText {
  font-size: 13px;
  display: inline;
}

.phoneAlertsLinkText {
  font-size: smaller !important;
}
/* END phone alerts options page */

/* Notification preferences page */
.subhead {
  background-color: #e0e0e0;
  border: 1px solid #cccccc;
  padding: 7px 5px 7px 5px;
  font-weight: bold;
  margin: 1em 0 1em 0;
  white-space: nowrap;
}

TABLE.prefsTable TH, TABLE.prefsTable TD {
  padding: 7px 10px 7px 5px;
}

.dash {
  color: #999999;
  font-weight: bold;
}

.cantOptOut {
  color: #666666;
  margin-top: 4px;
  font-size: 80%;
}
/* END Notification preferences page */

/* CSR Notification preferences page */
.leftTitleColumn {
  width: 20%;
  border: 1px solid #cccccc;
  border-right: 0;
  text-align: left;
}

.middleTitleColumn {
  width: 40%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: left;
}

.rightTitleColumn {
  width: 40%;
  border: 1px solid #cccccc;
  border-left: 0;
  text-align: left;
}
/* END CSR Notification preferences page */

/* Account preferences page */
TABLE.notificationsPrefs TR:hover {
  background-color: #FFFFCC;
}

TABLE.notificationsPrefs TH.colHead {
  font-weight: bold;
  margin: 0;
}

TABLE.notificationsPrefs TD, TABLE.notificationsPrefs TH {
  width: auto;
  padding: 3px 3px 5px 3px;
  border-bottom: 1px solid #c0c0c0;
}

#bottomRow TD, #bottomRow TH {
  border-bottom: 0px;
}

#notificationDetails {
  padding: 3px 3px 3px 12px;
  width: 334px;
}

#notificationPrefTable {
  margin: 4px 0 4px 0px;
  padding: 0 4px 0 4px;
  border: 1px solid #d0d0d0;
  width: 328px;
}
/* END Account preferences page */

#homepage-selection { clear: both; padding: 2px 2px; }

/* Advanced Performance Display Elements */
/* Campaign Selector */

#campaign-picker-label {
  float: left;
  font-size: 123%;
  font-weight: bold;
}

.awd-performance-picker-label {
  cursor: pointer;
  border: solid #eee;
  border-width: 1px 0;
  margin: 0 1px;
}

.awd-performance-picker-single .awd-performance-picker-label {
  border: none;
  cursor: auto;
}

.awd-performance-picker-single .awd-performance-picker-inner-label {
  padding: 2px;
  background: none;
  border: none;
}

.awd-performance-picker-inner-label {
  padding: 2px 16px 2px 6px;
  background-position: center right;
  background-repeat: no-repeat;
  border: solid #eee;
  border-width: 0 1px;
  margin: 0 -1px;
}

.awd-performance-picker-inner-label div {
  white-space: nowrap;
  overflow: hidden;
}

.campaign-details-link {
  float: left;
  white-space: nowrap;
  padding: 4px 2px 2px 20px;

  /* Set font size of div to match #campaign-picker-label so the height is the
   * same -- that way the details link is vertically aligned with the campaign
   * picker */
  font-size: 123%;
}

.campaign-details-link a {
  /* We want to match the size of #add-second-graph-link and
   * #remove-second-graph-link (93%). Since this <a> is inside the
   * .campaign-details-link <div> (123%), we need x where 93% = 123% * x. */
  font-size: 76%;
}

.awd-performance-picker-label .campaign-status {
  margin-left: 10px;
}

.awd-performance-picker-label.awd-menu-visible,
div:hover.awd-performance-picker-label,
.awd-performance-picker-label.awd-menu-visible div,
div:hover.awd-performance-picker-label div {
  border-color: #aaa;
}

.awd-performance-picker-container .goog-menu {
  position: absolute;
  overflow: auto;
  background-color: white;
 /* z-index here must be greater than the z-index in
  * .iframe-hack-for-ie
  */
  z-index: 1000;
  border: 1px solid #aaa;
  max-height: 20em;
}

.inactive-campaign {
  font-style: italic;
}

.awd-performance-picker-container .goog-menuitem {
  white-space: nowrap;
  padding: 2px 5px;
}

.awd-performance-picker .goog-menuitem-disabled {
  color: #666;
}

.awd-performance-picker-container .goog-menuitem-highlight {
  background-color: #cdf;
}

.awd-performance-picker-container .goog-menuseparator {
  border-top: 1px solid #666;
  margin: 3px 0;
}

.awd-performance-picker-label .campaign-type-icon {
  padding-bottom: 2px;
}

/* Chart metric pickers */
.chart-metric-picker {
  position: relative;
  right: 10px;
}

/* Fix for IE7 overlap of dropdown from picker 1 and combox box from picker 2 */
#chart-metric-picker-1 {
  z-index: 100;
}

.chart-metric-picker-has-data {
  top: 5px;
}

.chart-metric-picker-label {
  float: right;
  z-index: 100;
  border-bottom: none;
}

.chart-metric-picker .goog-menu {
  text-align: right;
}

.chart-metric-picker .goog-menuitem {
  text-align: right;
}

/* date picker */
#date-picker-table {
  border-spacing: 0;
  border-collapse: collapse;
  clear: both;
  margin-top: 4px;
}

#date-picker-table td {
  padding: 0;
}

#PERFORMANCE select, #start-date-1DateField, #start-date-2DateField,
    #end-date-1DateField, #end-date-2DateField {
  font-size: 93%;
}

.date-picker-range {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 4px 4px 0 0;
  float: left;
}

.date-picker-dash {
  padding: 2px !important;
}

.date-picker-range-truncation-warning {
  font-size: 80%;
  font-weight: bold;
  color: rgb(153,0,0);
}

#apply-range-button {
  margin-top: 4px;
  font-size: 80%;
}

#date-picker-type-selector {
  margin-right: 8px;
  margin-top: 4px;
}

#date-picker-quick-selector {
  padding-top: 4px !important;
}

.date-picker-key-container {
  vertical-align: top;
  width: 13px;
}

.date-picker-key-container div {
  margin-top: 12px;
}

.date-picker-row {
  /* Prevents the [date-field]-[date-field] from expanding when a
  long message is directly beneath it */
  float: left;
}

.date-range-key {
  width: 9px;
  height: 9px;
  /* Font set to 0 to prevent IE6 from overriding height with line height */
  font-size: 0;
}

.date-range-key-hovercard-position {
  vertical-align: top;
  padding: 3px;
}

.first-date-range-key {
  background-color: #0379CD;
}

.second-date-range-key {
  background-color: #339900;
}

/* Stats Table */
.performance-stats-table {
  font-size: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  white-space: nowrap;
}

.stats-title {
  font-size: 80%;
  vertical-align: bottom;
  padding-bottom: 3px;
}

.stats-key-container {
  vertical-align: middle;
  padding-left: 11px;
  padding-right: 4px;
  /* Should match the date-range-key width */
  width: 9px;
}

.performance-stats-table tbody td {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 3px;
  padding-bottom: 2px;
}

.stats-label-column {
  font-size: 92%;
  text-align: right;
  width: 35%;
}

.stats-data {
  font-size: 100%;
  font-weight: bold;
}

.stats-comparison-column {
  text-align: right;
}

.negative-comparison {
  color: #f00;
}

.positive-comparison {
  color: #090;
}

.zero-comparison {
  color: #666;
}

/* charting */
.performance-graph {
  margin: 8px 0 15px 0;
}

.performance-fixed-width {
  width: 450px; /* Should match the graph size */
  border: none;
}

.dashboard-chart-card-content {
  z-index: 100;
  background-color: #fff;
  border-color: #b0b0b0;
  border-width: 0 1px;
  border-style: solid;
}

/* Needed for Safari */
.dashboard-chart-card-content tbody {
  border-style: none;
}

/*
 * marks the position in the performance-chart for which data is being displayed
 * by the hovercard.
 */
.focus-marker-base {
  width: 1px;
  font-size: 0;
  background-color: #000;
  position: absolute;
  height: 96px;
}

.focus-marker-double-plot {
  height: 76px;
}

.perf-chart-content {
  font-size: 80%;
}

#second-graph {
  margin-top: 5px;
}

#add-second-graph-link, #remove-second-graph-link {
  text-align: right;
  font-size: 93%;
}

/* Report-LITE Center graphs */
.graphlite {
  padding: 0;
  margin: 5px 0 0 0;
  border: none;
  clear: both;
}

.graphlite img {
  height: 120px;
}

.missing-chart-data {
  font-size: 150%;
  background: #eeeeee;
  border: 1px solid #808080;
  height: 20px;
  padding: 48px 0 48px 0;
  margin: 6px 0 6px 0;
  width: 438px;
  text-align: center;
}

/* Account Snapshot Preferences Page */
.preferences-body {
  margin: 10px 15px 10px 10px;
}

.preferences-header {
  font-weight: bold;
  padding: 4px 5px 4px 5px;
  margin: 10px 0 10px 0;
  background-color: #dbe6de;
  border: thin solid #b0b0b0;
}

.preferences-homepage-title {
  font-weight: bold;
}

.preferences-homepage-radio {
  padding-left: 15px;
}

.preferences-thumbnail {
  position: relative;
  text-align: center;
  float: left;
  margin: 7px 10px 5px 5px;
}

.preferences-thumbnail-title {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}

.preferences-thumbnail button {
  font-size: 90%;
}

.preferences-thumbnail-preview {
  position: relative;
  text-align: left;
  border: solid thin #000000;
  overflow: hidden;
  margin-bottom: 5px;
  width: 120px;
  height: 90px;
}

.preferences-thumbnail-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  height: 90px;
}

.preferences-thumbnail-module {
  width: 300px;
}

#preferences-reset-form {
  text-align: center;
}

/* End Account Snapshot Preferences Page */

/* Module minimizing */

.module-minmax {
  margin: 2px 0 2px 8px;
  float: right;
  width: 13px;
  height: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.module-minmax.goog-zippy-collapsed {
  background-position: -13px 0;
}

div:hover.module-minmax.goog-zippy-collapsed {
  background-position: -39px 0;
}

.module-minmax.goog-zippy-expanded {
  background-position: 0 0;
}

div:hover.module-minmax.goog-zippy-expanded {
  background-position: -26px 0;
}

.dashboardbody,
.dashboard-column-left,
.dashboard-column-right {
  background-color: #e7ebef;
}

.dashboardbody {
  padding: 0 10px 16px;
}