/* global classes */
.no_margins {
  margin: 0;
}

.no_padding {
  padding: 0;
}

.full_width {
  width: 100%;
}

.inline {
  display: inline;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.highlight {
  color: black;
  background-color: #FFFF99;
  font-weight: bold;
}

.red {
  color: #9D2900;
}

.compact_text {
  font-size: 0.9em;
}

.center_block {
  margin-left: auto;
  margin-right: auto;
}

.center_text {
  text-align: center;
}

.center_image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.center_content {
  width: 99%;
  margin-left: auto;
  margin-right: auto;
}

.column_form dl {
  /*width: 80%;*/
  margin-left: auto;
  margin-right: auto;
}
.column_form dt {
  clear: both;
  /*width: 33%;*/
  float: left;
  text-align: right;
}
.column_form dd {
  float: left;
  /*width: 66%;*/
  margin: 0 0 0.5em 0.25em;
}

.center_table {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
.center_table th {
  text-align: right;
  vertical-align: middle;
}
.center_table th.middle {
  vertical-align: middle;
}
.valign_top {
  vertical-align: top;
}
.valign_bottom {
	vertical-align: bottom;
}

.table_form th {
	text-align: right;
	vertical-align: middle;	
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.clear_both {
  clear: both;
}

.indent_text {
  text-indent: 0.8em;
}

/* To be deprecated in favor of .centered_content_column */
.inner_content {
  width: 90%;
  margin: 0 auto;
}
.centered_content_column {
  width: 85%;
  margin: 0 auto;
}

.instructions {
  font-size: 0.9em;
}

.no_list_type {
  list-style-type: none;
}

.wide_list {
  padding-left: 18px;
}

a:hover.image_link {
  background-color: transparent;
}

.button {
  font-weight: bold;
  border: 2px solid #B1B1B1;
  margin-top: 2px;
}

.bigbutton {
  font-size: 1.1em;
  font-weight: bold;
  border: 2px solid #B1B1B1;
  margin-top: 2px;
}

.urgent_button {
  font-weight: bold;
  background-image: none;
  background-color: #ffff99;
  border: 2px solid black;
}

.campaign_controls {
  font-size: 0.8em;
}

.campaign_summary {
  margin: 10px 0 0 0;
}

.percent_image {
 background: white url(/images/percent_image_bg.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 25px;
 background-position: 1px 0;
}

/* To be deprecated in favor of .centered_content_column */
.page_description {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}

.field_tip {
  font-size: 0.8em;
  margin-top: 0px;
}

.mandatory {
  color: red;
}

.click_to_edit {
  cursor: pointer;
}

.highlight_on_hover:hover {
  background-color: #FFFF99;
}

.click_to_edit_tip {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 0.8em;
  padding: 0;
  margin-bottom: -12px;
}

.edit_lwc_fieldset {
  padding: 10px;
}

.fieldset_box {
  margin: 10px 0 10px 0;
  padding: 10px;
}

.fieldset_legend {
  color: #0072bb;
  font-weight: bold;
}

.marketing_fieldset_legend {
  font: 1.3em "Trebuchet MS", Arial, Sans-Serif;
  font-weight: bold;
  color: #0072bb;
}

.disabled_field {
  background: none;
  background-color: #efebe7;
}

.box_title {
  margin-top: 1em;
  padding-top: 0.2em;

  font-size: 1.5em;
  text-align: center;
}

.box_header {
  font-size: 1.2em;
  font-weight: bold;
  color: yellow;
  background-color: #007BC9;
  
  padding: 5px;
  margin: 0;
}

.table_heading_row {
  border-bottom: 1px solid black;
}

.sortable_table {
  font-family: Verdana,Helvetica,Arial,sans-serif;
  border-collapse: collapse;
}
.sortable_table th {
  text-align: left;
  padding: 4px;
  border-bottom: 4px solid #CCCCCC;
}
.sortable_table td {
  background-color: #EEEEEE;
  padding: 4px;
  border-bottom: 1px solid #CCCCCC;
}
.sortable_table td.sort_by_column {
  background-color: #DDDDDD;
  padding: 4px;
  border-bottom: 1px solid #CCCCCC;
}

.subtitle {
  font-style: italic;
  font-size: 1.2em;
}

.current_step {
  font-size: larger;
  background-color: yellow;
}

.good_msg {
  font-size: smaller;
  font-weight: bold;
  line-height: 2.1em;
  color: green;
  background-color: #E2F9E3;

  border: 2px solid green;
  padding: 4px;
}

/* error and warning classes */
.error_msg {
  font-size: smaller;
  font-weight: bold;
  line-height: 2.1em;
  color: white;
  background-color: #CC0000;

  padding: 4px;
}

.fieldWithErrors {
  display: inline;
}

.fieldWithErrors input {
  border: 2px solid red;
}
.fieldWithErrors textarea {
  border: 2px solid red;
}

.formError {
  font-size: 0.8em;
  color: red;
  margin-bottom: 4px;
}

.existing_user_warning {
  width: 80%;
  margin: 0 auto;
  padding: 4px;
  
  font-weight: bold;
  background-color: yellow;
}
/* end error and warning classes */

/* tooltip classes (from widget plugin) */
.tooltip {
  position: absolute;
  background-image: url(/images/widgets/tooltip_arrow.gif); 
  background-repeat: no-repeat;
  z-index: 1;
}
    
.tooltip_content {
  width: 400px;
  padding: 20px;
  margin-top: 20px;
  background-color: #fdf389;
  z-index: 1;
}
/* end tooltip classes */