/* ADC colors */
/* Mobile Colors */
/* ADC units */
/* Devices */
/* usage: @media only screen and (max-device-width : 767px) {...} */
/* ADC gradients */
/* ADC corners */
/* ADC text */
/* ADC buttons */
/* ADC forms */
/* new ADC colors */
/* ADC units */
/* ADC gradients */
/* ADC text */
/* button color mixins */
/* button size mixins */
/* ADC forms */
/* export util - popups */
.popup {
  display: block;
  position: absolute;
  padding: 10px;
  margin: 0;
  max-width: 90%;
  max-height: 90%;
  border-radius: 2px;
  background-color: #FFFFFF;
  z-index: 6;
  border: 4px solid #BABCBE;
}

.popupScreen {
  display: block;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #000000;
  opacity: 0.6;
  filter: Alpha(Opacity=60);
}

.popup button.iconOnly.closeButton,
.popup a.button.iconOnly.closeButton {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 6;
}

.popup button.iconOnly.closeButton:before,
.popup a.button.iconOnly.closeButton:before {
  background-image: url("/root/img/icon/close_x_26.png");
}

.popup .popupFormWrapper {
  width: 480px;
  overflow-y: auto;
}

.popup .popupFormWrapper form .formLeftCol {
  float: left;
  width: 230px;
  margin-right: 20px;
}

.popup .popupFormWrapper form .formRightCol {
  float: right;
  width: 230px;
}

.popup .popupFormWrapper form select {
  max-width: 220px;
}

.popup .popupFormWrapper div.buttonRow {
  margin-bottom: 0;
}

.popup .popupFormWrapper form div.formSubItems {
  padding-left: 20px;
}

.popup .popupFormWrapper form div.formSubItems .formLeftCol,
.popup .popupFormWrapper form div.formSubItems .formRightCol {
  width: 210px;
}

.popup form div.buttonRow,
.popup form div.buttonRow a.button {
  margin-bottom: 0;
}

.popup .popupDocumentFormWrapper {
  width: 600px;
}

.popup .popupDocumentFormWrapper p.preInstructions {
  margin-top: 0;
  padding-right: 30px;
}

.popup .popupDocumentFormWrapper form .docFormLeftCol {
  float: left;
  width: 290px;
}

.popup .popupDocumentFormWrapper form .docFormRightCol {
  float: right;
  width: 290px;
}

.popup .popupDocumentFormWrapper div.documentFormScroll {
  clear: both;
  max-height: 280px;
  margin: 0 0 10px;
  overflow-y: auto;
}

.popup .popupDocumentFormWrapper div.buttonRow {
  margin-bottom: 0;
}

.popup .popupDocumentFormWrapper div.footnote {
  position: absolute;
  line-height: 14px;
  bottom: 6px;
  left: 10px;
  max-width: 300px;
}

.popup .popupTextContent {
  max-width: 480px;
}

div.popup div.tableSection table th,
div.popup div.tableSection table td.checkbox {
  white-space: nowrap;
  padding-right: 10px;
}

/* confirmation dialog popups */
.dialogContent .dialogTitle,
.popup .popupTitle,
.popupTitle {
  height: 28px;
  color: #545556;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
  border-bottom: 1px solid #BABCBE;
  padding: 0 30px 8px 0;
  margin-bottom: 10px;
}

.dialogContent p.dialogText {
  margin: 0 auto 6px;
  padding: 12px 0;
  max-width: 350px;
}

.dialogContent div.dialogFormattedContent {
  margin: 0 auto 6px;
  padding: 4px 0 8px;
  max-width: 450px;
}

.dialogContent .buttonRow {
  margin-bottom: 0;
}

.dialogContent .buttonRow a.button.primary {
  display: block;
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

.dialogContent .buttonRow a.button.secondary {
  display: block;
  float: right;
  margin-right: 0;
}

.dialogContent .buttonRow a.button.cancel {
  display: block;
  float: left;
  margin-right: 36px;
}

/* Transient Messages */
div#transientContainer {
  display: none;
  height: 60px;
  position: fixed;
  top: -60px;
  text-align: center;
  width: 100%;
  z-index: 5;
}

div#transientContent {
  background-color: rgba(84, 85, 86, 0.85);
  border-radius: 0 0 10px 10px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 20px;
  margin: 0 auto;
  min-width: 200px;
  padding: 10px 20px;
  position: relative;
  text-align: left;
  top: 0;
  *display: inline;
  zoom: 1;
}

div#transientContent span {
  display: block;
  white-space: nowrap;
}

div#transientContent span#transientTitle {
  font-weight: bold;
}

/* scrollable table styles (TODO: please revisit) */
div.tableSection table {
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
}

div.tableSection table th {
  border-bottom: 1px solid #DCDDDE;
  background-color: #DFE7EC;
  color: #545556;
  padding: 4px 3px;
  vertical-align: middle;
  text-align: left;
}

div.tableSection table td {
  color: #545556;
  border-bottom: none;
  padding: 4px 3px;
  vertical-align: middle;
}

div.tableSection table th.tiny,
div.tableSection table td.tiny {
  width: 20px;
  text-align: center;
}

div.tableSection table th.tiny.priority,
div.tableSection table td.tiny.priority {
  width: 30px;
  padding-right: 8px;
}

div.tableSection table th.tiny input,
div.tableSection table td.tiny input {
  margin: 0;
}

div.tableSection table tr:nth-child(odd) td,
div.tableSection table tr.odd td {
  background-color: #F1F1F2;
}

div.tableSection table input[type="checkbox"],
div.tableSection table input[type="checkbox"] {
  float: none;
  margin: 0;
  clear: none;
}

div.tableSection div.tableContainer {
  border: 1px solid #DCDDDE;
  max-height: 400px;
  margin-bottom: 10px;
  overflow-y: auto;
  clear: both;
}

.popup div.tableSection div.tableContainer {
  max-height: 400px;
  overflow-y: auto;
}

div.tableSection div.searchFilters input[type="text"] {
  width: 120px;
}

div.tableSection div.subheader {
  margin-top: 0;
  float: left;
}

div.tableSection ul.pagination {
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}

div.tableSection table td select {
  margin: 0;
}

div.tableSection select.perPageCount {
  float: right;
  margin-top: 7px;
  margin-bottom: 0;
}

div.tableSection ul.pagination li.last,
div.tableSection ul.pagination li:last-child {
  margin-right: 0;
}

div.tableSection table th.tableActions,
div.tableSection table td.tableActions {
  text-align: center;
}

div.tableSection table td.tableActions ul {
  display: block;
  height: 18px;
  white-space: nowrap;
}

div.tableSection table td.tableActions ul li {
  border-right: 1px solid #BABCBE;
  display: inline-block;
  height: 15px;
  line-height: 14px;
  margin-top: 2px;
  overflow: visible;
  padding: 0 6px;
  white-space: nowrap;
}

div.tableSection table td.tableActions ul li.last,
div.tableSection table td.tableActions ul li:last-child {
  border-right: none;
}

div.tableSection div.buttonRow {
  margin-bottom: 0;
}

div.tableSection div.buttonRow a.button.small {
  margin-top: 0;
}

.popup div.tableSection {
  max-width: 600px;
  min-width: 300px;
}

.platinumPopup div.tableSection {
  max-width: none;
}

.popup div.popupSimpleForm {
  clear: both;
  width: 189px;
  margin: 0 auto;
}

/* specifics for platinum popups */
div#popupPlatinumDDAssets div.buttonRow div#dvdPropertyCounter {
  float: left;
  height: 28px;
  line-height: 28px;
}

div.popup div.tableSection table th,
div.popup div.tableSection table td.checkbox {
  white-space: nowrap;
  padding-right: 10px;
}

/* a1 styles for buttons and text; affects popups */
div.popup {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #545556;
  font-weight: normal;
}

div.popup .title {
  font-size: 32px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #545556;
  font-weight: 300;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDDDE;
  padding-bottom: 10px;
}

div.popup .header {
  font-size: 24px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #545556;
  font-weight: 300;
  line-height: 1.3em;
  margin-bottom: 10px;
  margin-top: 0;
}

div.popup .subheader {
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #545556;
  font-weight: 300;
  margin-top: 30px;
  line-height: 1.3em;
  margin-bottom: 10px;
}

div.popup .subheader.first {
  margin-top: 0;
}

div.popup .sectionheader {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #545556;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 10px;
}

div.popup .footnote {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #BABCBE;
  font-weight: normal;
}

div.popup .tip-text {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #BABCBE;
  font-weight: normal;
  text-decoration: italic;
}

div.popup .error {
  color: #BB0000;
}

div.popup a {
  color: #0088CC;
  cursor: pointer;
  text-decoration: none;
}

div.popup a:hover, a:active {
  color: #0088CC;
  text-decoration: underline;
}

div.popup input[type="text"],
div.popup input[type="password"] {
  display: block;
  height: 15px;
  width: 175px;
  color: #545556;
  border-width: 1px;
  border-style: solid;
  border-color: #BABCBE;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 6px 4px;
  margin: 1px 0 2px;
}

div.popup select,
div.popup input[type="checkbox"],
div.popup input[type="radio"] {
  box-shadow: none;
}

div.popup input[type='checkbox'],
div.popup input[type='radio'] {
  float: left;
  clear: both;
  margin: 3px 8px 8px 0;
}

div.popup label.checkbox,
div.popup label.radio {
  padding-left: 21px;
  line-height: 19px;
  margin-bottom: 5px;
  font-weight: normal;
}

div.popup .cbSet {
  padding-left: 15px;
  clear: both;
}

div.popup textarea.error,
div.popup input[type="text"].error,
div.popup input[type="password"].error,
div.popup textarea.error:focus,
div.popup input[type="text"].error:focus,
div.popup input[type="password"].error:focus {
  border-color: #BB0000;
  color: #BB0000;
  box-shadow: 0 1px 2px rgba(188, 0, 0, 0.25) inset;
}

div.popup select.error {
  box-shadow: 0 0 3px 1px rgba(188, 0, 0, 0.45);
  border-color: #BB0000;
}

div.popup input[type="checkbox"].error {
  box-shadow: 0 0 3px 1px rgba(188, 0, 0, 0.75);
}

div.popup label {
  display: block;
  font-family: Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 0;
}

div.popup a.button {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #545556;
  text-transform: none;
  border: 1px solid #DCDDDE;
  border-radius: 2px;
  background-color: #F1F1F2;
  background-image: linear-gradient(to bottom, #FFFFFF, #F1F1F2 10%, #DCDDDE);
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F1F1F2 10%, #DCDDDE);
  cursor: pointer;
  *display: inline;
  zoom: 1;
}

div.popup a.button:hover,
div.popup a.button:active {
  text-decoration: none;
}

div.popup a.button:active,
div.popup a.button.selected {
  background-color: #DCDDDE;
  background-image: linear-gradient(to bottom, #F1F1F2, #DCDDDE 10%, #F1F1F2 90%, #DCDDDE);
  background-image: -webkit-linear-gradient(top, #F1F1F2, #DCDDDE 10%, #F1F1F2 90%, #DCDDDE);
}

div.popup a.button.blue {
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: none;
  text-shadow: 0 -1px 1px rgba(56, 81, 97, 0.8);
  border: 1px solid #5D87A1;
  border-radius: 2px;
  background-color: #5D87A1;
  background-image: linear-gradient(to bottom, #a4c5da, #1481b8, #006699 51%, #005580);
  background-image: -webkit-linear-gradient(top, #a4c5da, #1481b8, #006699 51%, #005580);
}

div.popup a.button.blue:active,
div.popup a.button.blue.selected {
  background-color: #385161;
  background-image: linear-gradient(to bottom, #1481b8, #005580 10%, #1481b8 90%, #006699);
  background-image: -webkit-linear-gradient(top, #1481b8, #005580 10%, #1481b8 90%, #006699);
}

div.popup a.button.disabled,
div.popup a.button.disabled:active {
  background-color: #F1F1F2;
  background-image: linear-gradient(to bottom, #e9e9eb, #d4d5d7 10%, #e9e9eb 90%, #d4d5d7);
  background-image: -webkit-linear-gradient(top, #e9e9eb, #d4d5d7 10%, #e9e9eb 90%, #d4d5d7);
  color: #adafb2;
  border-color: #BABCBE;
  text-shadow: none;
  cursor: default;
}

div.popup a.button.disabled.blue {
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
}

button.disabled.small,
a.button.disabled.small,
button.disabled.blue.small,
a.button.disabled.blue.small,
button.disabled.primary.small,
a.button.disabled.primary.small {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 11px;
}

div.popup a.button.transparent {
  padding: 0 10px;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #878889;
  text-transform: none;
}

div.popup a.button.small {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 11px;
}

div.popup a.button.iconOnly {
  padding: 0;
  width: 32px;
}

div.popup a.button.iconOnly.small {
  padding: 0;
  width: 26px;
}

div.popup a.button.iconOnly:before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  background-position: center center;
}

div.popup a.button.iconOnly.small:before {
  height: 26px;
  width: 26px;
}

div.popup a.button.closeButton:before {
  background-image: url("/root/img/icon/close_x_26.png");
}

div.popup a.button.iconLeft.loading {
  padding-left: 22px;
  padding-right: 22px;
}

div.popup a.button.iconLeft.disabled.loading {
  padding-left: 4px;
  padding-right: 8px;
}

div.popup a.button.iconLeft.loading:before {
  display: none;
}

div.popup a.button.iconLeft.disabled.loading:before {
  display: block;
  background-image: url("/root/img/a1/spinner-grey.gif");
}

div.popup p.loading {
  background-image: url("/root/img/a1/spinner-white.gif");
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 26px;
  padding-left: 30px;
}

div.popup div.buttonRow {
  display: block;
  float: none;
  margin-top: 12px;
  margin-bottom: 10px;
  height: 34px;
  line-height: 34px;
}

div.popup .buttonRow a.button.small {
  margin-top: 6px;
}

div.popup .buttonRow a.button {
  display: block;
  float: left;
  margin-right: 10px;
}

div.popup .buttonRow.right a.button {
  display: block;
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

div.popup div.buttonRow.left a.button {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.popup div.buttonRow a.button.back {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}