@charset "UTF-8";
/*
 * This file contains many legacy styles that were being included
 * globally in workstation. As we implement the redesign please check
 * this file for things that can be removed or re-organized into their
 * own app specific files and hopefully we can rm -rf this thing for good.
 *
 * TODO(larron): Remove this scss from our main build file.
 */
.font-small {
  font-size: 0.9em;
}

/***** Lists *****/
ol, ul {
  list-style: none;
}

/***** Forms *****/
form {
  display: inline;
}

/***** Tabels *****/
/* tables still need 'cellspacing="0"' in the markup */
table {
  /*border-collapse: collapse;*/
  border-spacing: 0;
}

/*  p bottom margin */
p {
  margin: 0 0 10px 0;
}

/***** Global Classes *****/
.clear {
  clear: both;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix {
  display: block;
}

.center {
  margin: 0 auto;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.italic {
  font-style: italic;
}

.underline {
  border-bottom: 1px solid;
}

.highlight {
  background: #ffc;
}

.wrap {
  width: 960px;
  margin: 0 auto;
}

.img-left {
  float: left;
  margin: 4px 10px 4px 0;
}

.img-right {
  float: right;
  margin: 4px 0 4px 10px;
}

.nopadding {
  padding: 0;
}

.noindent {
  margin-left: 0;
  padding-left: 0;
}

.nobullet {
  list-style: none;
  list-style-image: none;
}

.statusimage {
  vertical-align: middle;
}

.statusimagetext {
  vertical-align: middle;
  padding-top: 2px;
}

/* ------------------ css reset ---------------------------*/
.clear {
  clear: both;
}

p {
  margin: 0 0 15px 0;
}

.floatRight {
  float: right;
}

/* ---------------------- end ----------------------------*/
/* ----- NEW CUSTOM VENDOR HEADER LOGO ----- */
#custom-logo-link {
  float: left;
  max-height: 50px;
}

#custom-logo-link,
#custom-logo-link > a,
#custom-logo-link > span {
  display: inline-block;
}

#custom-logo-link > a {
  max-height: 50px;
}

#custom-logo-link:before,
#custom-logo-link:after {
  content: "";
  display: table;
  line-height: 0;
}

#custom-logo-link > a,
#custom-logo-link > span {
  float: left;
  position: relative;
}

#custom-logo-link > a {
  z-index: 2;
}

#custom-logo-link a img {
  max-height: 50px;
  max-width: 340px;
}

#custom-logo-link span img {
  height: 60px;
}

/* ------------------------------------------------------------

Main Page

------------------------------------------------------------ */
@media (min-width: 960px) {
  img {
    max-width: inherit;
  }
}
/* ------------------------------------------------------------

Layouts

------------------------------------------------------------ */
.subContent {
  margin: 15px;
}

.bottomMargin {
  margin-bottom: 5px;
}

/*Content*/
.odd {
  background-color: #ebebeb;
}

.thickBorder {
  border: 4px solid #E4E2E2;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.clearborder {
  clear: both;
  border-bottom: 1px solid #E4E2E2;
}

.dottedborder {
  clear: both;
  border-bottom: 2px dotted #ccc;
  margin: 20px 0;
}

.dottedborderWhite {
  clear: both;
  border-bottom: 2px dotted #fff;
  margin: 30px 0 20px 0;
}

.marginTop {
  margin-top: 20px;
}

/* ------------------------------------------------------------

Text

------------------------------------------------------------ */
.textBold {
  font-size: 1.8em;
}

.textLarge {
  font-size: 1.5em;
}

.textMedium {
  font-size: 1.3em;
}

.textReset {
  color: #4A4A4A;
}

a.smallLinkArrow, .smallLinkArrow {
  background: transparent url(/alw/images/icons/smallArrow.png) no-repeat left 4px;
  font-size: 10px;
  padding-left: 15px;
  color: #007BE3;
}

a.subtextlink:hover, a.helpLink:hover {
  text-decoration: underline;
}

a.artistName {
  font-size: 0.9em;
}

li.artistNotes {
  font-weight: bold;
  color: #FF8686;
}

/*light blue*/
.subtext {
  color: #b7e2ff;
}

/*grey*/
.subtextlink2, .subtextlink2 a, a.subtextlink2, .releaseDate, .subheading {
  color: #646d76;
}

/*grey small*/
.artistPhotoImage .smalltext {
  margin-top: 2px;
  overflow: hidden;
  text-align: center;
  width: 150px;
}

/*green*/
.helpLink, a.helpLink, a.helpLinkNav {
  color: #5f851d;
  text-decoration: none;
}

.releaseBuilderVideo {
  color: #5f851d;
  font-size: 1.2em;
  padding-bottom: 10px;
}

a.helpLinkNav {
  background: url(/images/icons/help.png) no-repeat left 10px;
  padding: 15px 0 10px 33px;
  float: right;
  margin-top: 6px;
  cursor: pointer;
}

/*red*/
.required, .filterErrorMessage {
  color: red;
}

/****ERROR MESSAGES*****/
.warningBox, .errorBox {
  background-color: #ffdfdf;
  border: 1px solid red;
  font-size: 0.8em;
  padding: 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.videoBox {
  border: 2px solid #1d5b8a;
  color: #1d5b8a;
  font-size: 11px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 80px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

a .warningBox {
  text-decoration: none;
}

.errorBox {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 0.9em;
  color: red;
  font-weight: bold;
}

.errorBox a {
  color: red;
  font-weight: normal;
}

/*blue*/
.active, .encoding_audio, .userName {
  color: #007BE3;
}

.active {
  cursor: default;
}

/*icons*/
.yes {
  background: url("/images/icons/statusCheck-lg.png") no-repeat scroll left -2px transparent;
  padding: 3px 0 3px 23px;
  color: #5f851d;
}

.no {
  background: url("/images/icons/statusX-lg.png") no-repeat scroll left -2px transparent;
  padding: 3px 0 3px 23px;
  color: #646d76;
}

.errored {
  background: url("/images/icons/errored.png") no-repeat scroll left -2px transparent;
  padding: 3px 0 3px 23px;
  color: red;
}

a.trash {
  background: url("/images/icons/trash.png") no-repeat scroll left 1px transparent;
  padding: 3px 20px 3px 23px;
  color: #646d76;
}

.trackName {
  background: url("/images/musicicon.gif") no-repeat scroll left -9px transparent;
  display: inline-block;
}

a.editUser {
  background: url("/images/icons/edit.png") no-repeat scroll left 2px transparent;
  padding: 3px 0 3px 27px;
  color: #ff5a00;
  cursor: pointer;
}

a.deleteUser {
  background: url("/images/icons/statusX-homepage.png") no-repeat scroll left -14px transparent;
  padding: 3px 15px 3px 38px;
  color: #646d76;
  margin: 10px;
  cursor: pointer;
}

a.activateUser {
  background: url("/images/icons/statusCheck-homepage.png") no-repeat scroll left -14px transparent;
  padding: 3px 15px 3px 40px;
  color: #5f851d;
  margin: 10px;
  cursor: pointer;
}

a.smallLinkArrow, .smallLinkArrow {
  background: transparent url(/alw/images/icons/smallArrow.png) no-repeat left 4px;
  font-size: 10px;
  padding-left: 15px;
  color: #007BE3;
}

.actionCompleteLarge {
  background: transparent url(/images/icons/complete.png) no-repeat left 4px;
  padding-left: 27px;
  text-align: left;
  color: #5f851d;
  font-size: 1.5em;
}

.actionNotCompleteLarge {
  background: transparent url(/images/icons/notcomplete.png) no-repeat left 4px;
  padding-left: 27px;
  text-align: left;
  color: red;
  font-size: 1.5em;
}

/**** MISSING - MODAL ****/
.missingTerritory {
  padding-left: 17px;
  color: red;
}

.missing, .missing2 {
  background: transparent url(/images/icons/missing.png) no-repeat left 0;
  color: red;
  line-height: 18px;
  padding: 2px 22px;
}

/**** Form for Validate ****/
input.missingForm, select.missingForm {
  background: none;
  color: #4A4A4A;
}

/**** Numbered Events ****/
.numbered1 {
  background: url(/images/icons/1.png) no-repeat left top;
}

.numbered2 {
  background: url(/images/icons/2.png) no-repeat left top;
}

.numbered3 {
  background: url(/images/icons/3.png) no-repeat left top;
}

.numbered4 {
  background: url(/images/icons/4.png) no-repeat left top;
}

.numbered1, .numbered2, .numbered3, .numbered4 {
  padding: 0 32px 10px;
  font-size: 1.5em;
}

/* ------------------------------------------------------------

Rounded Corner Buttons and Buttons

------------------------------------------------------------ */
/*Rounded Blue Buttons*/
a.rounded {
  display: block;
  float: left;
  font-size: 1em;
  color: #FFF;
  text-decoration: none;
  background: url(/images/btns/buttnbg-1.png) no-repeat left top;
  height: 35px;
  margin: 0 0 10px 5px;
}

a.rounded span {
  display: block;
  float: left;
  background: url(/images/btns/buttnbg-1.png) no-repeat right top;
  height: 27px;
  padding-left: 10px;
  padding-top: 8px;
  padding-right: 25px;
  margin-left: 15px;
  cursor: pointer;
}

a.rounded:hover {
  background-position: 0 bottom;
}

a.rounded:hover span {
  background-position: right -35px;
}

.roundedButtonsWrap {
  height: 35px;
  padding: 10px 0;
}

a.contentBtn {
  margin: 15px 0;
  float: right;
}

/*Rounded Orange Buttons*/
a.btn2 {
  background: url(/images/btns/buttnbg-3.png) no-repeat left top;
  color: #fff;
}

a.btn2 span {
  background: url(/images/btns/buttnbg-3.png) no-repeat right top;
}

a.btn3 {
  background: url(/images/btns/buttnbg-3.png) no-repeat left top;
  color: #fff;
}

a.btn3 span {
  background: url(/images/btns/buttnbg-3.png) no-repeat right -70px;
}

a.btn3:hover span {
  background-position: right -105px;
}

/*Rounded Gray Buttons*/
a.submitOff, a.prevnext {
  background: transparent url(/images/btns/buttnbg-2.png) no-repeat left top;
}

a.submitOff span, a.prevnext span {
  background: transparent url(/images/btns/buttnbg-2.png) no-repeat right top;
}

/*Rounded Blue Buttons Small*/
a.smallrounded {
  font-size: 0.8em;
  color: #FFF;
  text-decoration: none;
  background: #0b4a88 url(/images/bgs/bg_gradient.gif);
  padding: 5px 10px;
  margin-left: 5px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}

a.smallrounded:hover {
  cursor: pointer;
  background: #0b4a88;
}

.topButtons {
  float: right;
  position: relative;
}

/*Homepage div*/
.modKey .grayBg p {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 10px;
}

#create-dash #bulk_upload_link {
  display: inline-block;
  margin-top: 8px;
}

.noNewReleases table {
  margin: 0 auto;
}

/*Modal Window Button Positions*/
a.modalSubmitTracks {
  float: right;
  margin: 0 50px 20px 5px;
}

a.prevnext {
  float: right;
  margin: 0 5px;
}

a.modalSubmitBasics {
  float: right;
  margin: 0 20px 20px 20px;
}

a.floatRight {
  float: right;
}

.paragraph {
  margin: 10px 0;
}

/*Art and Audio Specs*/
.artworkFileSize {
  color: #646d76;
  font-size: 12px;
  margin: 20px;
}

.audioFileSize {
  margin: 0 auto;
}

/*Small Rounded Buttons*/
span.smallbtn,
a.smallroundedbtn,
a.smallroundedbtnOn,
.smallroundedbtnOn {
  color: #fff;
  padding: 5px 12px;
  font-size: 0.7em;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-left: 5px;
}

span.smallbtn {
  background-color: #646D76;
}

/*orange*/
.smallroundedbtnOn {
  background-color: #ff5a00;
  float: right;
  color: #fff;
}

/*blue*/
.activeDeletedOn {
  background-color: #007BE3;
  float: right;
  color: #fff;
  margin-bottom: 10px;
}

a.activeDeletedOff {
  margin-bottom: 10px;
}

/*orange*/
a.smallroundedbtn:hover {
  background-color: #ff5a00;
  color: #fff;
}

/*blue*/
a.activeDeletedOff:hover {
  background-color: #b7e2ff;
}

/*Modal Window Buttons*/
.modalSubmitBtns {
  float: right;
  margin-bottom: 15px;
}

.modalSubmitBtns a[class*=_btn] {
  margin-left: 5px;
}

/* ------------------------------------------------------------

Forms

------------------------------------------------------------ */
.textAreaEditor {
  width: 100%;
  height: 125px;
}

/* ------------------------------------------------------------

Tool Tip

------------------------------------------------------------ */
.helpToolTip {
  background-color: #d9e694;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 15px;
  margin-left: 20px;
  float: left;
}

.helpToolTip img {
  position: relative;
  left: -28px;
  top: -5px;
  float: left;
}

/**** Right Tool Tip Modal Window ****/
.editTooltip {
  background: #d9e694;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  float: right;
  margin-left: 14px;
  width: 160px;
  padding-bottom: 20px;
  position: absolute;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  z-index: 100;
}

.editTooltip:after {
  content: url(../images/help-icon.png);
  left: -14px;
  position: absolute;
  top: 7px;
}

.editTooltip p {
  padding: 15px 15px 0 18px;
  font-size: 11px;
  text-align: center;
}

.editTooltip2 {
  background: rgba(67, 67, 67, 0.9);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 10px 12px;
  position: absolute;
  width: 173px;
  z-index: 999;
}

.editTooltip2:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(67, 67, 67, 0.9);
  content: "";
  left: 30px;
  position: absolute;
  top: 100%;
}

/**** Bottom Tool Tip Modal Window ****/
.toolTipFooter {
  background: #d9e694 url(/alw/images/helpfooter.png) no-repeat top left;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 410px;
}

.toolTipFooterBottom {
  background: url(/alw/images/helpfooter_bottom.png) no-repeat bottom left;
  float: left;
  height: 12px;
  position: relative;
  top: -10px;
  width: 410px;
}

.toolTip p, .toolTipFooter p {
  padding: 15px 15px 0 28px;
  text-align: center;
}

.modalToolTip {
  display: none;
}

/*** TOOL TIP FOR HOVERS ON RELEASES ***/
.page_tooltips {
  font-size: 11pt;
}

.tooltip_title {
  padding: 10px 0 0;
  font-size: 14px;
  font-weight: bold;
}

.tooltip_contents_image {
  padding: 5px;
  font-weight: bold;
}

.tooltip_image {
  border: 0;
}

.more_classical_tooltip {
  color: #AFAFAF;
}

/* ------------------------------------------------------------

Modal Windows

------------------------------------------------------------ */
.modal-background {
  background-color: #fff;
  border: 1px solid #acacac;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  display: none;
}

.modal-background .read_btn {
  margin-bottom: 0;
  margin-right: 0;
}

#edit_artist_form .pageForm {
  text-align: left;
}

#modal_overlaysubmitReleaseModal .content > .pull-left,
#modal_overlayconfirmReleaseModal .content > .pull-left {
  float: left;
  width: 56.5%;
}

#modal_overlaysubmitReleaseModal .content > .pull-right,
#modal_overlayconfirmReleaseModal .content > .pull-right {
  float: right;
  width: 34%;
}

#modal_overlaysubmitFilmReleaseModal #modalWindow {
  width: 990px;
}

#modal_overlaysubmitFilmReleaseModal .modalValidateForm {
  font-size: 12px;
  margin-top: 0;
}

#modal_overlaysubmitFilmReleaseModal .modalValidateForm li {
  margin-bottom: 6px;
  padding-left: 24px;
}

#modal_overlaysubmitFilmReleaseModal .error {
  background: url("/images/icons/missing.png") no-repeat scroll left 3px transparent;
  color: inherit;
  line-height: 23px;
  margin-right: 6px;
  padding-left: 24px;
}

#modal_overlaysubmitFilmReleaseModal .error + a {
  font-size: 12px;
}

#modal_overlaysubmitFilmReleaseModal #modalWindow .content {
  width: 860px;
}

#poster_validate.validate_thumbnail {
  width: 182px;
}

#cover_validate.validate_thumbnail {
  width: 152px;
}

#modal_overlaysubmitFilmReleaseModal #modalBoundingBoxArt .validate_thumbnail {
  display: table-cell;
  height: 270px;
  padding-right: 18px;
  min-height: 270px;
  text-align: center;
  vertical-align: bottom;
}

.modalValidateForm {
  margin-top: 10px;
}

.modalHighlightBox {
  background-color: #fff;
  padding: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.modalHighlightBox .releaseInfo {
  padding-left: 10px;
  float: left;
}

#modalWindow #content:before,
#modalWindow #content:after,
#modalWindow .content:before,
#modalWindow .content:after {
  content: "";
  display: table;
}

#modalWindow #content:after,
#modalWindow .content:after {
  clear: both;
}

#modalWindow center > p {
  width: 70%;
}

#modalWindow center > p.textBold {
  font-size: 18px;
}

ul.modalForm li,
.release_form li {
  padding-bottom: 20px;
  position: relative;
}

.release_form li {
  padding-left: 14px;
}

.col1 .release_form li {
  padding: 0 5px 18px 10px;
}

.col2 .release_form li {
  padding: 0 10px 18px 5px;
}

ul.modalForm li input[type=radio] {
  border: 0 none;
}

ul.modalForm li ul.token-input-list {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul.modalForm li ul.token-input-list li input {
  border: 0;
}

ul.modalForm li label {
  display: block;
  float: left;
  padding: 0 0 8px;
  width: 120px;
}

.film-creation ul.modalForm li label {
  padding: 0;
}

ul.editTracks {
  width: 454px;
}

ul.editTracks li label a.applyall {
  display: block;
}

#modal_overlayeditTrackModal .loading {
  pointer-events: none;
}

#splitErrorPrimaryArtist {
  margin-top: 2px;
}

a#splitNo,
a#splitNo:link,
a#splitNo:active,
a#splitNo:visited {
  background: #999;
  color: #fff;
  font-size: 0.8em;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}

#splitBtnDiv {
  margin: 2px 0 0 -22px;
}

#splitBtnDiv a {
  display: inline-block;
  text-align: center;
  width: 50px;
}

.modal-background .close {
  padding: 0 9px 3px 10px;
  position: absolute;
  right: 15px;
  top: 13px;
  transition: all 0.2s ease;
  -webkit-transtion: all 0.2s ease;
}

.modal-background .close:after {
  color: #666;
  content: "×";
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}

.modal-background .close:hover:after {
  color: #1d8bd5;
}

.modal-background .close:active {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-footer {
  background: #f9f9f9;
  border-top: 1px solid #a1a1a1;
  border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  padding: 15px;
  text-align: right;
}

/**** Modal Window for Track Details ****/
#modalTrackDetails .roundedSubHeader {
  margin-bottom: 20px;
}

.edittrackmodal {
  width: auto;
}

.trackArtistInput {
  width: 175px;
}

/**** Modal Window for Track Details - Track list on the left side ****/
ul.trackNumberList {
  float: left;
  position: absolute;
  text-align: center;
}

ul.trackNumberList li.saved {
  background-color: #4A4A4A;
  color: #fff;
}

/***** Radio Buttons Modal Form ****/
ul.modalForm li .releaseArtistName {
  font-weight: bold;
  font-size: 1.2em;
}

ul.modalForm li p.addTrackLevel {
  color: #5f851d;
  font-size: 0.8em;
  text-transform: uppercase;
}

ul.modalForm li label.smalltext {
  font-size: 10px;
  color: #646d76;
  width: 190px;
  padding-bottom: 10px;
}

ul.modalForm li label.smalltext img {
  padding-left: 7px;
}

ul.modalForm li p.indent {
  margin-bottom: 2px;
}

ul.modalForm li label.radioBtn {
  width: 100px;
  font-size: 0.9em;
}

ul.modalForm li label.radio {
  width: 220px;
  font-size: 0.9em;
  line-height: 1.4;
  padding: 0 0 5px 0;
}

/**** Add New Tracks to Your Release ****/
.addTracks label {
  font-size: 1.7em;
  padding: 15px 0;
  display: block;
}

.addTracks input {
  font-size: 2em;
  padding: 5px;
  border: 1px solid #717A83;
  text-align: center;
  color: #ff5a00;
}

ul.modalForm li div.form-input {
  width: 250px;
  float: right;
}

ul.modalForm li div.form-input input {
  width: 100%;
}

.formTextInput {
  width: 380px;
}

.formFilmTitleTextInput {
  width: 300px;
}

.formImprintSelect, .formArtistSiteInput {
  width: 220px;
  float: left;
}

.formTextBioInput {
  height: 150px;
  width: 290px;
}

.carousel {
  float: left;
}

ul.modalValidateForm li {
  margin-bottom: 10px;
}

ul.modalValidateForm li ul li:not(:first-of-type) {
  color: #ff0000;
  text-transform: lowercase;
}

#modalBoundingBoxArt .content {
  text-align: center;
  width: 210px;
}

#modalBoundingBoxArt .content p {
  padding-bottom: 10px;
}

#modalBoundingBoxTracks {
  margin-top: 20px;
}

.validationTitle {
  font-size: 14px;
}

#modalBoundingBoxTracks .validationTitle img {
  margin-right: 6px;
  vertical-align: middle;
}

.validateVideo {
  color: #FF0000;
  padding-left: 5px;
  text-decoration: underline;
}

.validateTrack:last-of-type {
  border-bottom: none;
}

ul li.validateTrack:before,
ul li.validateTrack:after {
  content: "";
  display: table;
}

ul li.validateTrack:after {
  clear: both;
}

ul li.validateTrack ul {
  float: left;
  padding-left: 24px;
  position: relative;
  width: 75%;
}

ul li.validateTrack ul:before {
  content: url(/alw/images/icons/missing.png);
  left: 0;
  position: absolute;
}

ul li.validateTrack ul li {
  float: left;
  margin-bottom: 0;
}

ul li.validateTrack ~ a.btn {
  clear: both;
}

.non-required {
  background: transparent url(/images/icons/non-required-missing.png) no-repeat left 2px;
  padding-left: 17px;
  color: #646d76;
}

.missing-image,
.validate_thumbnail > img {
  background: #fff;
  border: 6px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0.18), inset 0 0 50px rgba(0, 0, 0, 0.15);
  display: inline-block;
  height: 211px;
  position: relative;
  text-align: center;
  width: 100%;
}

.missing-image:after {
  content: url(/alw/images/missing-image.png);
  height: 90px;
  left: 50%;
  margin-left: -45px;
  margin-top: -45px;
  position: absolute;
  top: 50%;
  width: 90px;
}

.validate_thumbnail.validated {
  position: relative;
}

.validate_thumbnail.validated:after {
  bottom: -10px;
  content: url(/alw/images/fancycheck.png);
  left: -10px;
  position: absolute;
}

.additionalInfoClassical {
  display: none;
}

/**** Modal Window for Browser Detection ****/
.browserUpgrade {
  width: 220px;
  margin: 0 auto;
}

ul.otherBrowsers {
  display: block;
}

ul.otherBrowsers li {
  display: inline;
  margin: 0 10px;
}

ul.otherBrowsers li a {
  padding: 60px 15px 0;
}

ul.otherBrowsers li a.chrome {
  background: url(/images/icons/chrome.gif) no-repeat center top;
}

ul.otherBrowsers li a.safari {
  background: url(/images/icons/safari.gif) no-repeat center top;
}

ul.otherBrowsers li a.firefox {
  background: url(/images/icons/firefox.gif) no-repeat center top;
}

p.useOtherBrowser {
  margin: 50px 0;
  border-top: 1px solid #666;
  padding: 10px 0;
}

/* ------------------------------------------------------------

Modules

------------------------------------------------------------ */
div.modLargeBot {
  padding: 20px;
}

div.modLargeBot .modKey input {
  margin-bottom: 12px;
}

div.modKey ul {
  float: left;
}

div.modKey ul li {
  display: block;
  float: left;
}

div.modKey ul li.stepComplete {
  background: url(/alw/images/icons/statusCheck-homepage.png) no-repeat left -16px;
  height: 20px;
  padding-left: 40px;
}

div.modKey ul li.stepNotComplete {
  background: url(/alw/images/icons/statusX-homepage.png) no-repeat left -16px;
  height: 20px;
  padding-left: 40px;
}

/*right side modules NEW FINAL*/
.smallMod {
  border: 1px solid #E4E2E2;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.smallMod h3 {
  background: transparent url(/images/bgs/smallModTop.gif) repeat-x scroll 0 100%;
  height: 36px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  font-size: 1.1em;
  line-height: 36px;
  padding: 0 10px;
  border-bottom: 1px solid #E4E2E2;
}

/*right side modules*/
.smallMod {
  border: 1px solid #E4E2E2;
  margin-bottom: 20px;
  padding-bottom: 4px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.smallMod h3 {
  background: transparent url(/images/bgs/smallModTop.gif) repeat-x scroll 0 100%;
  height: 36px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  font-size: 1.1em;
  line-height: 36px;
  padding: 0 10px;
  border-bottom: 1px solid #E4E2E2;
}

/*left side modules*/
.largeMod {
  border: 1px solid #E4E2E2;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.largeMod h3 {
  background: transparent url(/images/bgs/modTop.gif) repeat-x scroll 0 100%;
  height: 36px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  font-size: 1.3em;
  line-height: 36px;
  padding: 0 10px;
  border-bottom: 1px solid #000;
  color: #fff;
}

div.modSmallBack {
  background: transparent url(/alw/images/module_small_back.gif) repeat-y scroll 0 0;
}

div.modSmallTop {
  margin-top: 20px;
  position: relative;
}

#modSmallTop5 {
  margin-top: 0;
}

#modSmallTop5 div.modActStatement ul, #modSmallTop5 .stripeMe {
  width: 100%;
}

div.message {
  background: #75a109 url(/alw/img/message_left.gif) 0 0 no-repeat;
  border: 2px solid white;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  color: #fff;
  font-size: 10px;
  position: absolute;
  right: 14px;
  top: -46px;
  min-width: 84px;
}

div.message div {
  background: transparent url(/alw/img/message_right.gif) 100% 0 no-repeat;
  padding: 0 6px;
  line-height: 15px !important;
}

div.modActStatement ul {
  background: #256daa;
  background: -moz-linear-gradient(center top, rgb(90, 157, 212) 30%, rgb(37, 109, 171) 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(90, 157, 212)), color-stop(100%, rgb(37, 109, 171)));
  background: -webkit-linear-gradient(top, rgb(90, 157, 212) 30%, rgb(37, 109, 171) 100%);
  background: -o-linear-gradient(top, rgb(90, 157, 212) 30%, rgb(37, 109, 171) 100%);
  background: -ms-linear-gradient(top, rgb(90, 157, 212) 30%, rgb(37, 109, 171) 100%);
  background: linear, top, #5a9dd4 30%, #256daa 100%;
  border: 1px solid rgb(37, 109, 171);
  border-radius: 7px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  width: 268px;
  margin: 5px auto;
  height: 40px;
  color: #fff;
}

div.modActStatement ul li {
  float: left;
  position: relative;
  text-align: center;
  top: 12px;
}

div.modActStatement ul li.quarter {
  width: 80px;
}

div.modActStatement ul li.revenue, div.modActStatement ul li.revenue a {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}

div.modActStatement ul li.revenue {
  background: rgb(164, 193, 42);
  background: -moz-linear-gradient(center top, rgb(164, 193, 42) 30%, rgb(96, 147, 24) 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(164, 193, 42)), color-stop(100%, rgb(96, 147, 24)));
  background: -webkit-linear-gradient(top, rgb(164, 193, 42) 30%, rgb(96, 147, 24) 100%);
  background: -o-linear-gradient(top, rgb(164, 193, 42) 30%, rgb(96, 147, 24) 100%);
  background: -ms-linear-gradient(top, rgb(164, 193, 42) 30%, rgb(96, 147, 24) 100%);
  border: 1px solid #609318;
  border-radius: 7px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  padding: 3px 9px;
  top: 7px;
}

div.modActStatement ul li.nextStatement {
  text-align: left;
  padding-left: 12px;
  width: 94px;
  font-size: 10px;
  color: #bed8ed;
  margin-top: -5px;
}

div.modActStatement ul li.nextStatement div {
  color: #fff;
  margin-top: -5px;
  line-height: 20px;
}

table.stripeMe {
  width: 100%;
}

table.stripeMe td, table.stripeMe th {
  padding: 4px 15px;
  text-align: left;
}

div.modSmallBot table.stripeMe {
  width: 287px;
}

table.stripeMe th {
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
}

th#colQuarter, td.actTotal {
  width: 20%;
}

div#top10Toggles.gradientMenuBar_light a {
  width: 85px;
}

div#top10Toggles-FilmTV.gradientMenuBar_light a {
  width: 85px;
}

div.artTopTen, div.numberCount, div.artistInfo {
  float: left;
}

div.artTopTen {
  display: inline;
  height: 50px;
  width: 50px;
  margin: 0 0 15px 15px;
}

div.numberCount {
  width: 30px;
  padding: 0 5px;
}

div.artistInfo {
  width: 179px;
}

div.topHolder {
  padding: 4px 0;
}

#artWrap {
  padding-top: 44px;
}

/*end right side modules*/ /*right side modules Faq page*/
div.mod2Back {
  background: transparent url(/images/mod2-middle.png) repeat-y scroll 0 0;
}

div.mod2Top {
  position: relative;
  padding-top: 20px;
  background: transparent url(/alw/images/mod2-top.png) no-repeat scroll 0 0;
  margin-bottom: 20px;
}

div.mod2Top p {
  padding: 5px 20px;
}

div.mod2Top p.title {
  font-size: 1.3em;
  font-weight: bold;
}

div.mod2Bot {
  background: transparent url(/alw/images/mod2-bot.png) no-repeat scroll 0 100%;
  padding: 0 10px 12px 10px;
}

/* ------------------------------------------------------------

Tabs

------------------------------------------------------------ */
/* root element for tabs  */
.tabs {
  list-style: none;
  margin: 0 0 0 20px !important;
  padding: 0;
  height: 40px;
}

/* single tab */
.tabs li {
  float: left;
  text-indent: 0;
  padding: 0;
  margin: 0 !important;
  list-style-image: none !important;
}

/* link inside the tab. uses a background image */
.tabs a {
  font-size: 14px;
  display: block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  color: #000;
  padding: 0 20px;
  margin: 0px 3px 0 0;
  position: relative;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border: 4px solid #E4E2E2;
  border-bottom: none;
  background-color: #EFEFEF;
}

.tabs li a.uploadMetadataErrorsTab {
  border: 4px solid red;
  background-color: #ffdfdf;
  border-bottom: none;
}

.tabs a:active {
  outline: none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
  color: #000;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
  height: 40px;
  cursor: default !important;
  color: #000 !important;
}

.tabs li a.current {
  background-color: #fff;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
.tabs .w1 {
  background-position: -519px 0;
  width: 134px;
}

.tabs .w1:hover {
  background-position: -519px -31px;
}

.tabs .w1.current {
  background-position: -519px -62px;
}

/* width 2 */
.tabs .w2 {
  background-position: -366px 0px;
  width: 154px;
}

.tabs .w2:hover {
  background-position: -366px -31px;
}

.tabs .w2.current {
  background-position: -366px -62px;
}

/* width 3 */
.tabs .w3 {
  background-position: -193px 0px;
  width: 174px;
}

.tabs .w3:hover {
  background-position: -193px -31px;
}

.tabs .w3.current {
  background-position: -193px -62px;
}

/* width 4 */
.tabs .w4 {
  background-position: 0px 0px;
  width: 194px;
}

.tabs .w4:hover {
  background-position: 0px -31px;
}

.tabs .w4.current {
  background-position: 0px -62px;
}

/* initially all panes are hidden */
.panes .pane {
  display: none;
}

.panes {
  margin-bottom: 30px;
}

/* ------------------------------------------------------------

Tables

------------------------------------------------------------ */
/**** All Tables ****/
.contentTable {
  width: 100%;
}

.contentTable tr th {
  background-color: #646d76;
  color: #fff;
  text-align: left;
  padding: 5px 10px;
}

.contentTable tr th a {
  color: #fff;
}

.contentTable tr td {
  padding: 10px;
  font-size: 0.9em;
  background-color: #EFEFEF;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.contentTable td.editdelete {
  text-align: right;
  font-size: 0.9em;
  width: 100px;
}

/**** Homepage Table ****/
.homepageTable {
  width: 100%;
}

.homepageTable tr td.artistlist a.artistlistImage {
  display: table-cell;
  height: 110px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 110px;
}

.homepageTable tr th.ri, .trackListTable tr td.ri {
  padding-left: 10px;
}

.homepageTable tr td.ri {
  width: 45%;
}

.homepageTable tr th.bi, .trackListTable tr td.bi {
  width: 60px;
  line-height: 1;
  padding: 5px 0;
}

.homepageTable tr th.art, .trackListTable tr td.art {
  width: 60px;
  padding: 5px 0;
}

.homepageTable tr th.tr, .trackListTable tr td.tr {
  width: 60px;
  padding: 5px 0;
}

.homepageTable tr th.link, .trackListTable tr td.link {
  width: 30px;
}

.homepageTable tr td.status {
  padding: 0;
}

.homepageTable tr th.chk, .homepageTable tr td.chk {
  width: 62px;
  text-align: center;
}

.homepageTable tr td.chk {
  border-left: 2px solid #fff;
}

.modBodyReleases .homepageTable div.releaseInfo {
  width: 330px;
  word-wrap: break-word;
}

/**** Artist Roster ****/
.homepageTable tr th.artistPC {
  width: 140px;
}

.homepageTable tr th.artistNC {
  width: 180px;
}

.homepageTable tr th.artistNR {
  width: 90px;
}

.homepageTable tr th.delete {
  width: 25px;
}

.homepageTable tr th.TDT {
  width: 40px;
}

/**** Table Extras ****/
.browseTable tr:hover {
  background-color: #DEF0FE;
  cursor: pointer;
}

/**** Release Builder: Tracks ****/
.trackListTable tr {
  height: 60px;
}

.trackListTable #trackloading .modalLoading.loading-box {
  background: #fff;
  border: 1px solid #808080;
  display: inline-block;
  height: auto;
  margin-bottom: 40px;
  padding: 10px;
  width: auto;
}

.trackListTable tr.topBar {
  padding: 5px 0;
  height: 20px;
}

.trackListTable tr th.ro, .trackListTable tr td.ro {
  width: 20px;
}

.trackListTable tr th.num, .trackListTable tr td.num {
  width: 50px;
  cursor: move;
}

.trackListTable tr th.sp, .trackListTable tr td.sp {
  width: 4px;
  cursor: pointer;
}

.trackListTable tr th.tn, .trackListTable tr td.tn {
  width: 210px;
  padding-left: 10px;
  cursor: pointer;
}

.trackListTable tr th.an, .trackListTable tr td.an {
  width: 120px;
  cursor: pointer;
}

.trackListTable tr th.expl, .trackListTable tr td.expl {
  width: 40px;
  cursor: pointer;
}

.trackListTable tr th.isrc, .trackListTable tr td.isrc, .trackListTable tr th.of, .trackListTable tr td.of {
  width: 100px;
  cursor: pointer;
}

.trackListTable tr th.aud, .trackListTable tr td.aud {
  width: 210px;
}

.trackListTable tr th.ed, .trackListTable tr td.ed {
  width: 25px;
  padding-left: 5px;
  font-size: 10px;
}

.trackListTable tr td.ro img:hover {
  cursor: move;
}

.trackListTable tr th.ed, .trackListTable tr td.ed img a {
  text-decoration: none;
}

/**** Tracks rounded corners ****/
tr.view_all_releases td {
  padding: 0;
  background: #fff;
  height: 20px;
  text-align: right;
}

td.cb {
  width: 20px;
}

/**** Manage Users Table ****/
.manageUserTable {
  width: 860px;
  margin: 15px;
}

/* ------------------------------------------------------------

Extras

------------------------------------------------------------ */
.placeholder {
  width: 100%;
  height: 3.5em;
}

.travelex {
  font-size: 10px;
  width: 264px;
  background: transparent url(/images/travelex.png) no-repeat left top;
  padding: 15px;
  margin-top: 16px;
}

.travelex a {
  font-size: 12px;
}

.panel.wubs.pull-right {
  width: 312px;
}

a.travelexlogin {
  margin-left: 6px;
}

.float-left a.travelexlogin {
  margin-left: 2px;
}

/* ------------------------------------------------------------

Release Builder

------------------------------------------------------------ */
/**** ERROR CORRECTION - YELLOW ****/
/* --- Art --- */
#artBubble.yellow img#uploadalbumartthumb,
#artthumbfade.yellow img#uploadalbumartthumb {
  background: #faf395;
  margin: 0 0 0 0 !important;
  padding: 9px;
}

/**** ERROR CORRECTION - RED ****/
/* --- Art --- */
#artBubble.red img#uploadalbumartthumb {
  background: #fda7a7;
  margin: 0 0 0 0 !important;
  padding: 9px;
}

.editableGrayBorder {
  border: 2px solid #d1d1d1;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* --- Release Basics Modal - Yellow --- */
ul.modalForm li.yellow label {
  width: 121px;
}

#createReleaseSubgenre_li.yellow .indent {
  margin-left: 121px;
}

/* --- Release Basics Modal - Red --- */
ul.modalForm li.red label {
  width: 121px;
}

#createReleaseSubgenre_li.red .indent {
  margin-left: 121px;
}

/* --- Edit Track Modal - Yellow --- */
ul.trackNumberList li.yellow {
  background: #faf395 !important;
}

ul.modalForm li#editTrackExplicit_li.yellow label.radio, ul.modalForm li#editTrackDeductPublishing_li.yellow label.radio {
  width: 220px;
}

ul.modalForm li#editTrackExplicit_li.yellow #explicitContainer {
  background: #faf395;
  padding: 0 9px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

#edittrackmodal_trackartists_container {
  margin-left: 0px;
}

.yellow .modal_autocomplete_container.indent {
  margin-left: 0px !important;
}

/* --- Edit Track Modal - Red --- */
ul.trackNumberList li.red {
  background: #fda7a7 !important;
}

ul.modalForm li.red label {
  width: 121px;
}

ul.modalForm #editTrackAudio_li .modal_mediacontainer.indent.red {
  background: #fda7a7;
  margin-left: 121px;
  padding: 9px;
  width: 250px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul.modalForm li#editTrackExplicit_li.red label.radio, ul.modalForm li#editTrackDeductPublishing_li.red label.radio {
  width: 220px;
}

ul.modalForm li#editTrackExplicit_li.red #explicitContainer {
  background: #fda7a7;
  padding: 0 9px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul.modalForm li#editTrackDeductPublishing_li.red #deductPublishingContainer {
  background: #fda7a7;
  padding: 0 9px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.releaseUneditable {
  background: #e4e2e2;
}

/**** Error Correction Bar ****/
.panel.release-rejection {
  position: relative;
}

.error-correction table tr td {
  background: #fbf5a2;
}

.release-rejection table tr td {
  background: #fda7a7;
}

.error-correction table tr td:first-child,
.release-rejection table tr td:first-child {
  border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
}

.error-correction table tr td:last-child,
.release-rejection table tr td:last-child {
  border-radius: 0 0 6px;
  -webkit-border-radius: 0 0 6px;
  border-right: none;
}

.error-correction table tr td,
.release-rejection table tr td {
  border-right: 1px solid rgba(27, 50, 73, 0.5);
  font-size: 12px;
  padding: 12px 10px;
  vertical-align: top;
}

.error-correction table tr td > div,
.release-rejection table tr td > div {
  margin-left: 10px;
  width: 80%;
}

.error-correction table tr td > div > span {
  display: inline-block;
  margin-bottom: 6px;
}

#reasonExpand {
  margin-left: 0 !important;
  margin-top: 14px;
  text-align: right;
  width: 100% !important;
}

#rejectionsBtn {
  background-image: url(/images/btns/plus_minus.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  padding-left: 22px;
}

#rejectionReason {
  background: #fff;
  border: 1px solid #acacac;
  border-top: none;
  border-radius: 0 0 7px 7px;
  display: none;
  left: -1px;
  position: absolute;
  top: calc(100% - 7px);
  width: 100%;
  z-index: 2;
}

#rejectionReason h2 {
  background-color: #fda7a7;
  border-bottom: 1px solid #acacac;
  border-top: 1px solid rgba(27, 50, 73, 0.5);
  font-size: 14px;
  padding: 7px 10px;
}

#rejectionReason ul {
  padding-bottom: 10px;
}

#rejectionReason ul li {
  border-bottom: 1px solid #acacac;
  padding: 7px 20px;
}

#rejectionReason ul li:last-child {
  border-bottom: none;
}

.rejectionTitle,
.rejectionSummary {
  display: table-cell;
  vertical-align: middle;
}

.rejectionSummary {
  display: inline-block;
  width: 79%;
  word-wrap: break-word;
}

/**** Status Bar ****/
.statusViewPage {
  float: left;
}

.statusViewPage > span {
  float: left;
  line-height: 31px;
  margin-right: 6px;
}

.statusViewPage a,
.statusViewPage a:link,
.statusViewPage a:active,
.statusViewPage a:hover,
.statusViewPage a:visited {
  display: inline-block;
  height: 31px;
  margin-right: 6px;
  width: 32px;
}

.viewReleaseButtons {
  float: right;
}

.viewReleaseButtons > a {
  margin-bottom: 0 !important;
}

/**** Inactive Edit Tooltip ****/
#editReleaseText {
  background-color: #e9e8e8;
  border: 1px solid #d2d0d1;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  color: #000;
  opacity: 1;
  border-radius: 8px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

#editReleaseText span {
  background: none;
  display: block;
  float: none;
  font-size: 14px;
  height: auto;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 110px;
}

#editReleaseText img {
  bottom: -11px;
  left: 52px;
  position: absolute;
}

/**** Upload Artwork ****/
.uploadArtwork {
  width: 280px;
  float: right;
  margin: 20px 0 0;
}

.uploadArtwork table #upload_tif_container a.create_btn {
  margin-right: 0;
}

#artthumbfade {
  padding: 0;
  text-align: center;
}

#videoThumbnail_upload {
  margin-top: 18px;
  padding: 0 14px 36px;
}

.upload_tif_container a.create_btn {
  margin: 0;
}

#uploadposterartqueue,
#uploadcoverartqueue {
  left: 50%;
  margin-left: -62px;
  top: -32px !important;
  width: 124px !important;
}

#videoThumbnail_upload .float-left {
  text-align: center;
}

#videoThumbnail_upload .float-left:first-child {
  margin-right: 18px;
}

#posterartthumbfade,
#coverartthumbfade {
  display: table-cell;
  height: 360px;
  text-align: center;
  vertical-align: bottom;
  width: 240px;
}

.art_placeholder {
  background: #f9f9f9;
  box-shadow: inset 0 0 0 1px #acacac;
  -moz-box-shadow: inset 0 0 0 1px #acacac;
  -webkit-box-shadow: inset 0 0 0 1px #acacac;
  color: #afafaf !important;
  font-size: 13px !important;
  margin: 0 auto;
}

#posterartthumbfade .art_placeholder {
  height: 330px;
  line-height: 330px;
  width: 240px;
}

#coverartthumbfade .art_placeholder {
  height: 205px;
  line-height: 205px;
  width: 150px;
}

#videoThumbnail_upload .smalltext {
  font-weight: bold;
  margin: 6px 0 8px;
}

.confirmReleaseStep {
  background-color: #E4E2E2;
  margin-bottom: 22px;
  padding: 22px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.release_validate_important {
  margin-bottom: 8px;
}

.confirmFilmRelease .confirmReleaseStep h3 {
  font-weight: 800;
}

.confirmReleaseStep.thumbnail {
  width: 500px;
}

#modalBoundingBox.thumbnail {
  width: 779px !important;
}

#verifyThumbnailWrap {
  background: #e4e2e2;
  display: block;
  float: right;
  margin-bottom: 22px;
  min-height: 356px;
  width: 213px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

#modalWindow.thumbnail {
  width: 850px !important;
}

#errorMessage.error {
  color: #666 !important;
  float: left;
  font-size: 11px;
  margin-top: 6px;
  text-align: center;
  width: 417px;
}

#videoThumbnailLoader {
  text-align: center;
}

#generatingWaitMessage {
  display: block;
  text-align: center;
}

#verifyThumbnailArea {
  background: #e4e2e2;
  font-size: 11px;
  padding: 14px 22px;
  text-align: center;
  width: 169px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

a.modalSubmit.yellow {
  background: #faf395;
  background: -moz-linear-gradient(center top, #faf395 1%, #ecdf5f 90%) repeat scroll 0 0 #faf395;
  background: #faf395 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#faf395), color-stop(0.9, #ecdf5f));
  border: 1px solid #4A4A4A;
  border-radius: 12px;
  -webkit-border-radius: 12px;
}

a.rounded.yellow span {
  background: none;
  color: #4A4A4A;
}

.confirmReleaseStep.yellow {
  background: #faf395;
}

.confirmReleaseStep span.addTracksNum1Ok,
.confirmReleaseStep span.addTracksNum2Ok,
.confirmReleaseStep span.addTracksNum3Ok {
  color: #4A4A4A;
  font-size: 20px;
}

/**** Upload Artwork - In Content - Editable ****/
#artBubble {
  margin: 0 auto 14px auto;
  max-width: 238px;
  padding: 10px 0px;
}

#artBubble .editableArrow {
  background: url(/images/editableArrow.png) center center no-repeat;
  bottom: -20px;
  display: block;
  height: 20px;
  left: 109px;
  position: absolute;
  width: 21px;
}

/**** Upload Artwork ****/
/**** Enter Release Basics ****/
.releaseBasics {
  width: 575px;
  float: left;
  margin: 20px 0 0;
}

.releaseBasics ~ .releaseBasics {
  margin-top: 0;
}

.releaseBasics button {
  float: right;
}

.releaseBasics .buttons_container {
  display: inline-block;
  float: right;
}

.releaseBasics h3 .buttons_container {
  padding-top: 0;
}

.releaseBasics a.read_btn {
  margin-bottom: 10px;
}

h3 #upload_tif_container a.create_btn {
  margin-bottom: 0;
}

.releaseBasics a#edit_territories_btn {
  background: url(/images/icons/territory_icon.png) left center no-repeat;
  clear: both;
  float: left;
  font-style: italic;
  height: 29px;
  line-height: 29px;
  padding-left: 37px;
  text-decoration: none;
  cursor: pointer;
}

.releaseBasics a#edit_territories_btn small span {
  display: block;
  text-decoration: underline;
}

.releaseBasicsReadOnly {
  border: 1px solid #D9D2D0;
  padding: 20px;
}

.releaseBasicsReadOnly .left_side p, .releaseBasicsReadOnly .right_side p {
  padding: 2px 0;
  margin: 0;
}

.releaseBasicsReadOnly .artistName {
  font-size: 20px;
  line-height: 1;
  padding: 0 0 20px;
}

.releaseBasicsReadOnly .brandName {
  font-size: 16px;
  display: inline-block;
  color: #666666;
  margin: -4px 0 10px;
}

/**** Enter Release Basics - In Content - Editable ****/
.releaseBasicsReadOnly.editableGrayBorder {
  padding: 10px 17px;
  width: 337px;
}

.releaseBasicsReadOnly .editableArrow {
  background: url(/images/editableArrowRight.png) center center no-repeat;
  display: block;
  height: 20px;
  position: absolute;
  right: -19px;
  top: 7px;
  width: 21px;
}

/**** Track Details ****/
.tracksTopBar {
  margin-bottom: 10px;
}

ul.linksTopBar {
  margin: 10px 0;
}

ul.linksTopBar li {
  display: block;
  float: right;
  margin-left: 40px;
}

ul.linksTopBar li.subtextlink2 {
  padding-left: 35px;
  height: 35px;
  font-size: 10px;
}

ul.linksTopBar li.multipleVolumes {
  background: url(/images/icons/volcircle.png) no-repeat 0 2px;
}

ul.linksTopBar li.createCompilation {
  background: url(/images/icons/notecircle.png) no-repeat 0 2px;
}

div#multi_upload_container {
  position: relative;
  display: inline-block;
}

div#multi_upload_placeholder {
  cursor: pointer;
  height: 30px;
  left: 0;
  top: 4px;
  width: 116px;
  position: absolute;
}

.noTracksAdded tr td {
  background-color: #fff;
}

.noTracks {
  margin: 40px auto;
  padding: 40px;
  border: 1px solid #C4C7CA;
  width: 400px;
  background-color: #E4E2E2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
}

#trash_can-on {
  background: url(/alw/images/trash-bg-on.png) no-repeat top left;
  text-align: left;
  width: 450px;
  margin: 10px;
  padding-left: 50px;
  line-height: 55px;
}

.audioFileSize {
  text-align: center;
}

#bottomContent, .boxseparator {
  padding-top: 20px;
  border-top: 1px solid #e4e2e2;
}

#bottomContent a[class*=_btn],
.boxseparator a[class*=_btn],
#bottomContent a[class*=btn-] {
  margin-left: 10px;
  margin-right: 0;
}

.no_track_name {
  color: #9F9F9F;
}

.trackFont {
  font-size: 12.8px;
}

/**** Track Details - In Content - Editable ****/
#video_section_display tr.mixedReleaseNoDrag td.aud {
  background-image: none;
  border-top: 2px solid red;
}

ul#releasebuilder_tracks {
  border: 1px solid #c2c2c2;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  margin: 14px 0;
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* IE10+ */
  background: linear, top, #fefefe 0%, #f5f5f5 100%; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

#video_assets ul#releasebuilder_tracks li {
  margin-bottom: 0;
}

ul#releasebuilder_tracks .num {
  margin-right: 11px;
  width: 65px;
  border-right: 1px solid #c2c2c2;
}

ul#releasebuilder_tracks .tn,
ul#releasebuilder_tracks .aud {
  font-size: 14px;
  font-weight: 800;
  line-height: 46px;
}

ul#releasebuilder_tracks .aud {
  padding-right: 14px;
}

/**** VIDEO RELEASES ****/
#videoThumbnail h3 {
  text-align: left;
}

#videoThumbContainer {
  margin: 20px 0;
}

#videoThumbShot {
  height: 146px;
  margin: 20px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 260px;
}

#videoThumbShot img {
  vertical-align: middle;
}

#videoDummyThumb {
  background: #f6f6f6;
  border: 1px solid #adadad;
  display: block;
  height: 168px;
  width: 258px;
}

#film-synopses {
  margin-top: 20px;
}

#createChapters {
  margin-top: 18px;
}

#createReleaseISRC_li br,
#createReleaseExplicit_li br,
#createReleaseUPC_li br,
#previewable_container br,
#ClosedCaption_container br {
  display: none;
}

ul.modalForm li .DigitalDate_container label {
  float: none;
  width: auto;
}

.DigitalDate_container br {
  line-height: 6px;
}

.DigitalDate_container input[type=radio] {
  margin-right: 4px;
}

#subtitle {
  float: left;
}

ul.modalForm li #ISRC_container label,
ul.modalForm li #Explicit_container label,
ul.modalForm li #DigitalDate_container label,
ul.modalForm li #subtitle label,
ul.modalForm li #UPC_container label,
ul.modalForm li #ClosedCaption_container label,
ul.modalForm li #previewable_container label {
  float: none;
  width: 295px;
}

#videoCredits,
#videoUploadVideoInstructions {
  margin: 20px 0 0 0;
}

#video_assets {
  margin: 20px;
}

#video_assets a {
  color: inherit;
  margin-bottom: 0;
  margin-right: 10px;
}

#video_assets .grayBg {
  margin: 0px 0 20px;
  padding: 10px;
}

#video_assets .float-left h3 {
  margin-bottom: 4px;
  font-weight: bold;
}

#shipAssets div.grayBg div.float-left ul {
  margin-bottom: 18px;
}

#shipAssets div.grayBg div.float-left ul:last-child {
  margin-bottom: 0;
}

#video_assets ul li {
  margin-bottom: 4px;
}

#creditsFields {
  margin-top: 18px;
}

#creditsFields ul li {
  display: inline-block;
  height: 46px;
  margin: 0;
  width: 100%;
}

#creditsFields ul li img {
  cursor: pointer;
  float: right;
}

#creditsFields .missing,
#creditsFields .missing2 {
  background: none;
  display: inline-block;
  font-size: 10px;
  margin-top: 2px;
  padding-left: 0;
}

#creditsFields input {
  border: 1px solid #898a8c;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

#creditsFields input.firstName,
#creditsFields input.lastName {
  margin-right: 26px;
  width: 198px;
}

#creditsFields input.roleDesc {
  width: 248px;
}

#creditsFields input.roleDesc.disabled {
  background: #d6d6d6;
  cursor: default;
}

#creditsFields .role {
  margin-right: 26px;
}

#videoUploadVideoInstructions h3 {
  color: #767f84;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 14px;
}

#videoUploadVideoInstructions h4 {
  color: #1a455b;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 8px;
}

#videoUploadVideoInstructions p {
  color: #757575;
}

td#mail div,
td#mail ul li {
  color: #838489;
}

td#mail div {
  line-height: 12px;
  margin: 18px 0;
}

form#videoChooseMenu select {
  float: left;
  margin: 0 8px 0 0;
}

#submitVideo {
  float: left;
  margin-left: 14px;
  margin: 1px 0 0 0;
}

#submitVideo .read_btn {
  margin-bottom: 0;
}

#videoInstructionsText ul.detail {
  margin-top: 8px;
}

#videoInstructionsText ul.detail li {
  display: block;
  margin: 0 0 0 62px;
}

#videoInstructionsText ul li {
  display: block;
  margin: 24px 0;
}

.instrNumber, .instrText {
  float: left;
}

.instrNumber {
  background-color: #c4c7ca;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  width: 52px;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
}

.instrText {
  background: #e4e2e2;
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  width: 825px;
}

.videoListTable tr th.num,
.videoListTable tr td.num {
  width: 50px;
}

.videoListTable tr th.fn,
.videoListTable tr td.fn {
  padding-left: 10px;
  width: 400px;
}

.videoListTable tr th.dd,
.videoListTable tr td.dd {
  width: 100px;
}

.videoListTable tr th.st,
.videoListTable tr td.st {
  width: 200px;
}

.videoListTable tr th.ca,
.videoListTable tr td.ca {
  font-size: 10px;
  width: 20px;
  border-top: 5px solid #fff;
}

#thumbnailValidation #thumbnailLeftCol,
#thumbnailValidation #thumbnailRightCol {
  float: left;
}

#thumbnailValidation #thumbnailLeftCol {
  text-align: center;
  width: 548px;
}

#thumbnailContainer {
  background: #e4e2e2;
  height: 365px;
  width: 548px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

/**** ReleaseBuilder user message ****/
#user_message {
  color: #5F851D;
  margin-left: 25px;
}

#user_track_message {
  float: right;
  color: #F3FFAF;
  margin-right: 20px;
  text-transform: lowercase;
}

.audioMissingBox {
  background-color: #CFE382;
  border: 1px solid #88AE47;
  font-size: 0.8em;
  padding: 10px 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.audioMissingBox span.missing2 {
  font-weight: bold;
}

.audioMissingBox span.missing {
  color: black;
  font-weight: bold;
  font-size: 1.2em;
}

/**** uploaded/uploading file information ****/
.original_file_name_uploading {
  padding-top: 0;
}

/*** Encoding Audio Display ***/
.encoding_audio_filename {
  color: #000;
}

#upload_tif_container a.read_btn {
  margin-bottom: 0;
  margin-right: 0;
}

.upload_tif_container a.read_btn {
  margin-bottom: 0;
  margin-right: 0;
}

#uploadalbumartqueue .progressBarBG {
  float: none;
  margin-left: 16px;
}

a.uploadErrorLink {
  color: #000;
  text-decoration: none;
}

.wraptext {
  word-wrap: break-word;
}

/* Create Release information container */
.release_info_container {
  width: 100%;
}

.release_info_container .left_side,
.release_info_container .right_side,
.release_info_container #film-synopses {
  color: #646d76;
}

.release_info_container .right_side {
  vertical-align: top;
  float: left;
  width: 50%;
}

.release_info_container .left_side {
  vertical-align: top;
  margin: 0;
  float: left;
  width: 50%;
}

.noNewReleases {
  display: block;
  margin: -7px 0 22px 0;
  text-align: center;
}

.noNewReleases img {
  margin: 62px 0 6px 0;
}

.photos .dottedborder {
  margin-top: 10px;
}

.press {
  margin-bottom: 110px;
}

.photos p.textBold, .press p.textBold {
  margin: 0px 0 -9px 0;
}

img.videoIcon {
  margin: 0 16px 55px 16px;
}

img.whiteSpinner {
  margin: 0 0 0 0;
}

.selectedReleasesBtns {
  float: right;
}

.selectedReleasesBtns a.trash {
  margin-top: 8px;
  padding-top: 2px;
}

.selectedReleasesBtns a.read_btn {
  margin-right: 0;
}

#view-ex-a + .selectedReleasesBtns a {
  float: left;
  margin: 0 10px 10px 0;
}

/* ------------------------------------------------------------

FAQ page

------------------------------------------------------------ */
#rbFaqheader {
  text-align: center;
  margin-top: 20px;
}

#rbFaqheader p {
  text-align: left;
  margin: 30px 30px 10px 30px;
  font-size: 1.1em;
}

.releaseStep {
  margin: 20px;
}

.releaseStep p, .releaseStep ul {
  margin: 0 32px;
}

.addTracksFaq1 {
  background: url(/images/icons/1.png) no-repeat left top;
  padding: 0 32px 10px;
}

.addTracksFaq2 {
  background: url(/images/icons/2.png) no-repeat left top;
  padding: 0 32px 10px;
}

.addTracksFaq3 {
  background: url(/images/icons/3.png) no-repeat left top;
  padding: 0 32px 10px;
}

.addTracksFaq4 {
  background: url(/images/icons/4.png) no-repeat left top;
  padding: 0 32px 10px;
}

.addTracksFaq1, .addTracksFaq2, .addTracksFaq3, .addTracksFaq4, .videoHeading, .faqTitle {
  font-size: 1.5em;
}

p.faqVideo, div.mod2Top p.faqVideo {
  background: url(/images/icons/faqVideo.png) no-repeat left center;
  padding: 20px 30px;
}

.releaseStep ul li {
  list-style: disc;
  padding: 5px 0;
  margin: 10px 20px;
}

div.mod2Top p.faqVideo {
  margin-left: 15px;
}

.RBthumb {
  float: right;
  padding: 0 0 20px 20px;
}

.faqLink a {
  font-weight: normal;
}

.question {
  font-size: 1.5em;
  padding: 30px 0 5px 0;
}

.modBodyReleases {
  margin-top: 20px;
}

.modBodyReleases div.modKey input {
  margin-bottom: 18px;
}

.modBodyReleases div.modKey .newReleaseButtons a.rounded {
  margin: 0 5px 0 0;
}

.modBodyReleases div.modKey .activeDeletedOff, .modBodyReleases div.modKey .activeDeletedOn {
  margin-top: 12px;
}

a.player {
  margin-bottom: 20px;
}

.videoTutorial {
  float: left;
  margin: 20px;
  width: 400px;
}

ul.whatsNewList {
  margin-top: 20px;
}

ul.whatsNewList li {
  padding: 40px 0;
  clear: both;
}

ul.whatsNewList li p {
  padding-bottom: 10px;
}

ul.whatsNewList li img {
  float: left;
  padding: 0 10px 10px 0;
}

.userMgmtTutorial {
  float: right;
}

/* ------------------------------------------------------------

Forms

------------------------------------------------------------ */
ul.pageForm {
  margin: 20px;
}

ul.pageForm li {
  padding: 5px 5px 5px 15px;
  float: left;
  margin: 5px 0;
  width: 100%;
}

ul.pageForm li label {
  display: block;
  padding-right: 10px;
}

ul.pageForm li input, textarea {
  border: 1px solid #717a83;
  color: #0e3454;
  font-size: 12px;
  padding: 7px;
  margin-top: 3px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 288px;
}

ul.pageForm li div.radioButtons {
  float: left;
  display: inline;
}

ul.pageForm h3 {
  padding: 20px 0;
  clear: both;
}

ul.pageForm li span {
  float: left;
}

a.pageFormBtn {
  float: right;
  margin-right: 0;
}

/* ------------------------------------------------------------

Payment Info

------------------------------------------------------------ */
.amountDueTable {
  margin: 20px;
}

.amountDueTable p {
  margin-bottom: 10px;
}

div.nocreditcard input, div.nocreditcard label {
  position: relative;
  top: 10px;
  right: 5px;
}

p.myProfileYourContact {
  margin-bottom: 10px;
  text-align: right;
  font-size: 0.9em;
}

.submitMessage {
  float: right;
  padding: 10px;
  color: #5f851d;
}

/*ACCOUNT SETTINGS*/
ul.accountSettingsCountry li {
  background-color: #EFEFEF;
  padding: 15px;
  margin: 0 0 4px;
}

ul.accountSettingsCountry li label {
  width: 100px;
  float: left;
  padding-right: 15px;
}

ul.accountSettingsCountry li span {
  float: none;
}

#labelEmailNotificationsOptionList p {
  margin-bottom: 10px;
}

/* ------------------------------------------------------------

Multiple Releases

------------------------------------------------------------ */
/*Video - Aspera File Upload*/
.uploadAsperaPlugin p {
  display: inline-block;
  float: left;
  margin-left: 15px;
  width: 450px;
}

/*Metadata and Asset Upload*/
.uploadMetadata {
  margin-bottom: 32px;
}

.uploadMetadataSpreadsheet {
  width: 67.5%;
}

.bulk_beforeYouBegin {
  width: 61.8%;
}

.spread_beforeYouBegin {
  width: 30.35%;
}

.uploadMetadataSpreadsheetBtn {
  width: 31.75%;
}

.uploadMetadataSpreadsheet .lead {
  width: 92%;
}

.newSpreadsheet a[class*=_btn] {
  margin-bottom: 11px;
}

.newSpreadsheet a.create_btn.cta,
.uploadMetadataSpreadsheetBtn a.create_btn.cta {
  display: block;
  margin-right: 0;
  padding: 12px 0;
}

.newSpreadsheet a.read_btn.secondary {
  display: block;
  margin-right: 0;
}

.spreadsheetGrab,
.folderGrab {
  width: 47.25%;
}

.spreadsheetGrab p,
.folderGrab p {
  margin-bottom: 8px;
}

.spreadsheetGrab img,
.folderGrab img {
  max-width: 100%;
}

.newSpreadsheet a.downloadSpreadsheet {
  font-size: 1.1em;
  font-weight: bold;
}

.uploadMetadataSpreadsheet img, .uploadAudioArtFiles img {
  float: left;
}

.uploadArtAudioBulkBtn {
  padding-top: 10px;
  height: 35px;
}

.uploadArtAudioBulkBtn p {
  padding-bottom: 20px;
}

.uploadMetadataErrors {
  border: 4px solid red;
  background-color: #ffdfdf;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 100px 0 40px 0;
}

.uploadMetadataResults,
.uploadArtAudioBulkResults {
  border-top: 2px dotted #ccc;
  padding: 20px 10px;
}

.uploadArtAudioBulk {
  margin: 20px 0;
}

.uploadArtAudioBulk .resultsTable {
  background-color: #fff;
  border: 4px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 10px 0;
  max-height: 300px;
  overflow: auto;
  padding: 10px;
}

.uploadArtAudioBulk .uploadMetadataErrorsTables {
  border: 4px solid red;
  padding: 10px 20px;
}

.uploadMetadataResultsTables .resultsTable table,
.uploadMetadataErrorsTables .resultsTable table,
.uploadArtAudioBulk .resultsTable table {
  width: 100%;
}

.uploadMetadataResultsTables .resultsTable table td,
.uploadArtAudioBulk .resultsTable table td {
  background-color: #fff;
  border-bottom: 4px solid #fff;
  padding: 5px;
}

.uploadArtAudioBulk .resultsTable .selected td {
  background-color: #efefef;
}

.progressBarContainerClassBG, .progressBarContainerClassBGTrack {
  background: url("/images/loading2.gif") repeat-x scroll left top transparent;
  border-right: 1px solid #999999;
  height: 13px;
  margin: 0 10px;
  width: 820px;
}

.progressBarContainerClass {
  background: url("/images/bgs/artistprogressbar.gif") repeat-x scroll 0 0 transparent;
  height: 13px;
  width: 1px;
}

.uploadProgressPercentDone {
  margin: 10px;
}

.uploadMetadataResults .resultsTable {
  background-color: #FFFFFF;
  border: 1px solid #E4E2E2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 10px 0;
  max-height: 160px;
  overflow: auto;
  padding: 10px;
}

.uploadMetadataErrorsTables .resultsTable {
  background-color: #FFFFFF;
  border: 1px solid red;
}

.resultsTableWrap {
  margin: 10px 0 20px 0;
}

.rbFaqLink {
  float: right;
  font-size: 0.9em;
  margin-bottom: 10px;
  padding-right: 38px;
}

.uploadArtAudioBulk .resultsTable td.state {
  width: 100px;
}

.uploadArtAudioBulk .resultsTable td {
  cursor: pointer;
}

#confirm_submit_multiple_releases {
  margin-top: -40px;
}

#viewexareleases_selectall_link {
  cursor: pointer;
}

/*Asset Upload Progress Bar*/
.progressBarContainerClassBGTrack {
  width: 100px;
}

/* ------------------------------------------------------------

Delete Releases Modal / Copy Release Modal

------------------------------------------------------------ */
.delete_releases_confirmTable th {
  text-align: left;
}

ul.browseForm {
  float: left;
  width: 50%;
  margin: 0;
}

ul.browseForm li input, ul.accountForm li select, ul.accountSettingsCountry li select {
  width: 220px;
}

ul.browseForm li span {
  float: none;
}

ul.browseForm li span.subtextlink2 {
  padding-right: 10px;
}

.enterNewVersionName p {
  margin: 20px 0 10px 0;
}

.enterNewVersionName p.missing {
  margin-top: 0;
}

.enterNewVersionName p.newVersionTooltip {
  margin: 0;
}

.enterNewVersionName .helpToolTip {
  width: 270px;
}

.enterNewVersionName .helpToolTip p {
  margin: 0;
}

.enterNewVendorReleaseIdentifier p.newVendorReleaseIdentifierTooltip {
  margin: 0;
}

.enterNewVendorReleaseIdentifier .helpToolTip {
  width: 270px;
}

.enterNewVendorReleaseIdentifier .helpToolTip p {
  margin: 0;
}

.copyReleaseUPC_li > label {
  float: left;
}

.copyReleaseUPC_li .helpToolTip {
  width: 217px;
  margin-top: 38px;
}

/* ------------------------------------------------------------

Artist Builder

------------------------------------------------------------ */
.topSearchContainer {
  margin-top: 30px;
}

.topButtons {
  margin: 5px 0 0 0;
}

.topButtons + .topButtons {
  margin-right: 3px;
}

th.artistImageTH {
  width: 100px;
}

/* ARTIST PROFILE MODULE */
.artistProfileSnapshot {
  margin: 10px;
}

.artistProfileSnapshotLeft {
  float: left;
}

.artistProfileSnapshotImage {
  display: table-cell;
  height: 70px;
  margin: 0 13px 10px 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 70px;
}

.artistProfileSnapshot img {
  line-height: 70px;
}

.artistProfileSnapshot p {
  padding: 5px 0;
  margin-left: 80px;
}

#artistBuilderWrap .artistProfileWrap {
  background: url("/images/bgs/artistprofile_bg.png") no-repeat top left;
  padding: 20px;
  width: 294px;
  display: inline-block;
}

#artistBuilderWrap .artistProfileWrap .left {
  float: left;
}

#artistBuilderWrap .artistProfileWrap .artistFormProfileImage {
  display: table-cell;
  height: 80px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 80px;
}

#artistBuilderWrap .artistProfileWrap .artistProfileSnapshotMain {
  float: left;
  padding: 10px;
  width: 160px;
}

#artistBuilderWrap .artistProfileWrap .artistProfileSnapshotMain p span {
  font-size: 2em;
}

/* ARTIST PROFILE Right */
#artistFormWrap ul.abForm li input.twitter {
  background: url("/images/bgs/twitterlink.gif") no-repeat scroll left 6px transparent;
  padding-left: 133px;
  width: 109px;
}

#artistFormWrap ul.abForm li input.myspace {
  background: url("/images/bgs/myspacelink.gif") no-repeat scroll left 6px transparent;
  padding-left: 145px;
  width: 97px;
}

#artistFormWrap ul.abForm li input.facebook {
  background: url("/images/bgs/facebooklink.gif") no-repeat scroll left 6px transparent;
  padding-left: 147px;
  width: 95px;
}

#artistFormWrap ul.abForm li input.youtube {
  background: url("/images/bgs/youtubelink.gif") no-repeat scroll left 6px transparent;
  padding-left: 141px;
  width: 101px;
}

#artistFormWrap ul.abForm li input.lastfm {
  width: 101px;
}

ul.abForm li.full input, ul.abForm li.half input, ul.abForm li.half select {
  width: 100%;
}

ul.abForm li.half {
  width: 40%;
  float: left;
  clear: none;
  width: 46%;
}

ul.abForm li p {
  padding: 3px 5px;
}

#news_form ul.abForm li textarea#blurb + span {
  float: none;
}

#news_form ul.abForm li textarea#blurb + span > table {
  width: 100% !important;
}

/*Added w.r.t. MARKETING-106*/
div.videoImageContainer {
  position: relative;
}

div.videoImageContainer img {
  float: left !important;
  padding-left: 18px !important;
}

div.videoImageContainer .play_video_hover {
  height: 66px;
  left: 165px;
  position: absolute;
  top: 77px;
  width: 66px;
  z-index: 99;
}

/*********************/
#please_wait_video_button a {
  margin-left: 0;
}

.watermarkBox {
  color: #e4e2e2;
}

.regularBox {
  color: #4A4A4A;
}

#imgServError .stopSign {
  height: 20px;
}

/* ARTIST UPLOAD IMAGE PLUGIN STYLES */
.qq-uploader {
  position: relative;
}

.qq-upload-button {
  display: inline-block; /* or inline-block */
  float: right;
  padding: 0;
  color: #fff;
  width: 100%;
}

div.photos a.create_btn {
  cursor: hand;
  cursor: pointer;
  float: right;
  margin-bottom: 0;
  margin-right: 5px;
  margin-top: 5px;
}

div.photos .qq-upload-drop-area a.create_btn {
  margin: 4px 4px 0 0;
}

div#noArtistPhotos.photos a.create_btn {
  float: none;
  margin-right: 0;
}

#please_wait_button {
  float: right;
  margin: 7px 0;
}

.qq-upload-drop-area {
  border: 1px solid #bbb;
  border-top: 1px solid #999;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 42px;
  z-index: 2;
  background: #fff;
  text-align: center;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px;
}

.qq-upload-drop-area-active {
  background: #88ae47;
}

.qq-upload-list {
  margin: 0px;
  padding: 0;
  list-style: none;
}

.qq-upload-list li {
  margin: 0;
  padding: 0;
  line-height: 15px;
  font-size: 12px;
  list-style: none;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
  margin-right: 7px;
}

.qq-upload-file {
  padding-left: 10px;
  color: #6F6F6F;
}

.qq-upload-spinner {
  display: inline-block;
  background: url("/images/uploads/loading.gif");
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}

.qq-upload-size, .qq-upload-cancel {
  font-size: 11px;
}

.qq-upload-failed-text {
  display: none;
}

.qq-upload-fail .qq-upload-failed-text {
  display: inline;
}

.qq-upload-progress-area {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  width: 75%;
}

.alignRight {
  text-align: right;
}

/* ARTIST SOCIAL */
.socialSiteName {
  display: inline-block;
  float: left;
  font-size: 20px;
  font-weight: bold;
  height: 55px;
  margin-right: 12px;
}

.facebook {
  background: url("/images/icons/socialFacebookIcon.png") top left no-repeat;
  color: #5876b7;
  float: left;
}

.twitter {
  background: url("/images/icons/socialTwitterIcon.png") top left no-repeat;
  color: #00b0ed;
  float: left;
}

.myspace {
  background: url("/images/icons/socialMySpaceIcon.png") top left no-repeat;
  color: #000;
  float: left;
}

.youtube {
  background: url("/images/icons/socialYoutubeIcon.png") top left no-repeat;
  color: #d64238;
  float: left;
}

.on_off input.twConnected {
  color: #00b0ed;
  background: url("/images/icons/twConnected.png") top left no-repeat;
}

.on_off input.twNotConnected {
  color: #acacac;
  background: url("/images/icons/fbTwNotConnected.png") center right no-repeat;
}

.on_off input.msConnected {
  color: #000;
  background: url("/images/icons/msConnected.png") center right no-repeat;
}

.on_off input.msNotConnected {
  color: #acacac;
  background: url("/images/icons/fbTwNotConnected.png") center right no-repeat;
}

.on_off input.ytConnected {
  color: #d64238;
  background: url("/images/icons/ytConnected.png") center right no-repeat;
}

.on_off input.ytNotConnected {
  color: #acacac;
  background: url("/images/icons/fbTwNotConnected.png") center right no-repeat;
}

div.facebookConnectBtn,
div.facebookDisconnectBtn,
div.twitterConnectBtn,
div.twitterDisconnectBtn,
div.myspaceConnectBtn,
div.myspaceDisconnectBtn,
div.youtubeConnectBtn,
div.youtubeDisconnectBtn {
  display: inline-block;
  margin: 0;
}

.btnFacebook {
  background-color: #5876b7;
  background: -moz-linear-gradient(top, #97aedd 1%, #4c73c4 3%, #3b5998 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #97aedd), color-stop(0.03, #4c73c4), color-stop(0.9, #3b5998));
  border-bottom: 1px solid #2d4474;
  border-left: 1px solid #395794;
  border-right: 1px solid #395794;
  border-top: 1px solid #3d5c9d;
  box-shadow: 1px 1px 2px #505050;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 18px;
  padding: 3px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #000;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 2px #505050;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px #505050;
}

.btnMySpace {
  background-color: #000;
  background: -moz-linear-gradient(top, #979797 1%, #4c4c4c 3%, #000 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #979797), color-stop(0.03, #4c4c4c), color-stop(0.9, #000));
  border-bottom: 1px solid #000;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  border-top: 1px solid #000;
  box-shadow: 0px 1px 2px #505050;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 18px;
  padding: 3px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #000;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 2px #505050;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px #505050;
}

.btnYouTube {
  background-color: #d64238;
  background: -moz-linear-gradient(top, #d99092 1%, #d64238 3%, #942d32 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #d99092), color-stop(0.03, #d64238), color-stop(0.9, #942d32));
  border-bottom: 1px solid #712326;
  border-left: 1px solid #892b30;
  border-right: 1px solid #892b30;
  border-top: 1px solid #993136;
  box-shadow: 0px 1px 2px #505050;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 18px;
  padding: 3px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #000;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 2px #505050;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px #505050;
}

#twitterHandle {
  display: inline-block;
}

#twitterHandleInfo {
  display: inline-block;
  width: 290px;
}

#twitterHandle img {
  display: none;
  margin-right: 10px;
}

#twitterUserName {
  display: inline-block;
  float: left;
  width: 232px;
}

input#twAcctHandle {
  background: none;
  border: 1px solid #b6b9ba;
  color: #19324a;
  float: none;
  font-size: 18px;
  padding: 2px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 200px;
}

.socialSyncInfo .trackSearchBox {
  background: none;
  float: right;
  height: 35px;
  line-height: 35px;
  margin-top: 12px;
  padding: 0 10px;
  width: 380px;
}

.customTourDate .trackSearchBox {
  float: left;
  font-size: 12px;
  font-weight: normal;
  height: 25px;
  line-height: 25px;
  margin-top: 6px;
}

.preference {
  height: 28px;
  margin-right: 9px;
  width: 29px;
}

.preference .checked {
  background: url("/images/socialChecked.png") top left no-repeat;
}

.preference .unchecked {
  background: url("/images/socialUnchecked.png") top left no-repeat;
}

a.connectedSocial {
  font-weight: bold;
}

a.disconnectedSocial {
  font-weight: normal;
}

.socialSyncInfo div.inputDesc {
  display: inline-block;
  float: left;
  margin-bottom: 22px;
  width: 450px;
}

.inputDesc .grayTxt {
  color: #646d76;
}

.willTrack div {
  margin: 6px 0 2px 0;
}

.willTrack div span {
  display: inline-block;
  margin: 0 0 4px 0;
}

a.expandContract {
  bottom: -20px;
  display: inline-block;
  height: 40px;
  left: 252px;
  position: absolute;
  text-indent: -9999px;
  width: 40px;
}

a.expandContract.twitterToggle {
  background: url("/images/icons/openedTwitter.png") top left no-repeat;
}

a.expandContract.twitterToggle.close {
  background: url("/images/icons/closedTwitter.png") top left no-repeat;
}

a.expandContract.myspaceToggle {
  background: url("/images/icons/openedMySpace.png") top left no-repeat;
}

a.expandContract.myspaceToggle.close {
  background: url("/images/icons/closedMySpace.png") top left no-repeat;
}

a.expandContract.youtubeToggle {
  background: url("/images/icons/openedYoutube.png") top left no-repeat;
}

a.expandContract.youtubeToggle.close {
  background: url("/images/icons/closedYoutube.png") top left no-repeat;
}

/* Toggler */
.iPhoneCheckContainer {
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden;
}

.iPhoneCheckContainer input {
  position: absolute;
  top: 5px;
  left: 30px;
  opacity: 0;
}

.iPhoneCheckContainer label {
  white-space: nowrap;
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  height: 27px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top: 5px;
  overflow: hidden;
}

.iPhoneCheckContainer, .iPhoneCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.iPhoneCheckDisabled {
  opacity: 0.5;
}

label.iPhoneCheckLabelOn {
  color: white;
  background: blue;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 5px;
}

label.iPhoneCheckLabelOn span {
  padding-left: 8px;
}

label.iPhoneCheckLabelOff {
  color: #8b8b8b;
  background: gray;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0;
}

label.iPhoneCheckLabelOff span {
  padding-right: 8px;
}

.iPhoneCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: gray;
  padding-left: 3px;
}

.iPhoneCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: gray;
}

.iPhoneCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: gray;
}

/* ARTIST PHOTOS EDIT CAPTION TOOLTIP */
.artistPhotoControls .tooltip .pull-right {
  margin-right: 5px;
}

input.tooltipBtn {
  background-color: #0268a5;
  background: -moz-linear-gradient(100% 100% 90deg, #0268a5, #0976b7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0976b7), to(#0268a5));
  border: none;
  color: #fff;
  float: right;
  height: 23px;
  margin-left: 8px;
  width: 57px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}

/* PHOTO UPLOAD FORM MODAL */
div#progressWrap {
  padding: 20px 0;
}

h3#status {
  font-weight: normal;
  margin-bottom: 28px;
  text-align: center;
}

.imageUploadProgressContainer {
  display: block;
  margin-top: 6px;
}

span#errorCount {
  visibility: hidden;
}

span#displayError {
  display: block;
  margin-top: 6px;
  visibility: hidden;
}

#photoUploadError img {
  margin-right: 6px;
}

#imgServError {
  background: #ffdfdf;
  border: 1px solid red;
  color: red;
  display: block;
  font-size: 13px;
  margin-top: -12px;
  padding: 16px 8px;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* SOCIAL WEBSITE INPUT BOX */
#artist_social_websites_list li.half {
  width: 500px;
}

#youtube-social-connect div.socialInputBox {
  width: 394px;
}

#youtube-social-connect a.update_btn {
  margin-bottom: 0;
  margin-top: 3px;
}

ul.abForm li.full input.blankInput, ul.abForm li.half input.blankInput {
  width: 300px;
}

ul.pageForm li .socialInputBox input.blankInput {
  height: 28px;
}

.installerName {
  background-color: #F4F4F4;
  font-size: 13px;
  padding: 10px 5px;
  font-weight: bold;
}

/*-------------------------------------- Image gallery -------------------------*/
.modalWindowGallery {
  padding: 23px 46px;
  width: 618px;
}

#image_wrap div {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

#image_wrap img {
  vertical-align: middle;
}

.modalTnWrap img.active {
  box-shdow: 0px 0px 3px #505050;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #88ae47;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
  background: #fff;
  display: block;
  width: 18px;
  height: 29px;
  float: left;
  margin: 0;
  cursor: pointer;
  font-size: 1px;
}

/* up and down */
a.up, a.down {
  background: url(/alw/img/scrollable/arrow/vert_large.png) no-repeat;
  float: none;
  margin: 10px 50px;
}

/* up */
a.up:hover {
  background-position: -30px 0;
}

a.up:active {
  background-position: -60px 0;
}

/* down */
a.down {
  background-position: 0 -30px;
}

a.down:hover {
  background-position: -30px -30px;
}

a.down:active {
  background-position: -60px -30px;
}

div.onoffswitch {
  background-image: url(/images/btns/onoffswitch.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 30px;
  width: 110px;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
}

div.onoffswitch.disconnect {
  background-image: url(/images/btns/onoffswitch.jpg);
  background-repeat: no-repeat;
  background-position: -85px 0px;
  height: 30px;
  width: 105px;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
}

span.modalTnWrap img {
  vertical-align: middle;
}

.profile_facebook_save_button {
  margin-bottom: 12px;
}

.profile_facebook_save_button.disconnected {
  display: none;
}

#profile_twitter .pleaseConnect {
  color: #00b0ed;
  font-size: 24px;
  font-weight: bold;
  line-height: 46px;
}

#profile_myspace .pleaseConnect {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: 46px;
}

#profile_youtube .pleaseConnect {
  color: #d64238;
  font-size: 24px;
  font-weight: bold;
  line-height: 46px;
}

.profile_myspace_page_name {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  float: left;
  line-height: 22px;
  width: 400px;
}

.profile_youtube_page_name {
  color: #d64238;
  font-size: 24px;
  font-weight: bold;
  float: left;
  line-height: 22px;
  width: 400px;
}

.profile_twitter_profile_pic {
  float: left;
  margin-right: 12px;
}

.profile_myspace_profile_pic {
  float: left;
  margin-right: 12px;
}

.profile_youtube_profile_pic {
  float: left;
  margin-right: 12px;
}

.profile_twitter_profile_pic img {
  background: #fff;
  padding: 3px;
}

.profile_myspace_profile_pic img {
  background: #fff;
  padding: 3px;
}

.profile_twitter_page_name {
  color: #00b0ed;
  font-size: 24px;
  font-weight: bold;
  float: left;
  line-height: 22px;
  width: 400px;
}

.facebookCreateAlbumTable td {
  padding-left: 5px;
}

.profile_myspace_save_button {
  margin-bottom: 12px;
}

.profile_myspace_save_button.disconnected {
  display: none;
}

#profile_twitter_save_button_message {
  color: #88ae47;
  display: none;
  float: right;
  font-weight: bold;
  line-height: 34px;
}

#profile_myspace_save_button_message {
  color: #88ae47;
  display: none;
  float: right;
  font-weight: bold;
  line-height: 34px;
}

.roundedTen {
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

/**** ARTIST BUILDER FAQ ****/
#steps {
  margin-bottom: 30px;
}

.stepsSection {
  border-bottom: 1px solid #e4e2e2;
  padding: 40px;
}

.stepsSection h2 {
  color: #1e415c;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
  padding-left: 36px;
}

h2#one {
  background: url(/images/ABFaqOne.png) top left no-repeat;
}

h2#two {
  background: url(/images/ABFaqTwo.png) top left no-repeat;
}

h2#three {
  background: url(/images/ABFaqThree.png) top left no-repeat;
}

h2#four {
  background: url(/images/ABFaqFour.png) top left no-repeat;
}

h2#five {
  background: url(/images/ABFaqFive.png) top left no-repeat;
}

h2#six {
  background: url(/images/ABFaqSix.png) top left no-repeat;
}

.stepsSection img.scrnShot {
  margin: 0 0 12px 40px;
}

.stepsSection img.logo {
  margin-right: 20px;
}

.stepsSection p {
  margin-bottom: 12px;
}

#grayBox {
  background: #e4e2e2;
  height: 294px;
  width: 294px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

a.btnGray,
a.btnGray:link {
  background-color: #646d76;
  background: -moz-linear-gradient(top, #9b9b9b 1%, #9b9b9b 6%, #c1c1c1 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #9b9b9b), color-stop(0.06, #9b9b9b), color-stop(0.8, #c1c1c1));
  border: 1px solid #6a6a6a;
  box-shadow: 0px 0px 5px #646464 inset;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px #646464 inset;
  -webkit-box-shadow: 0px 0px 5px #646464 inset;
}

a.btnGray:hover {
  background: -moz-linear-gradient(top, #c1c1c1 1%, #c1c1c1 6%, #9b9b9b 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #c1c1c1), color-stop(0.06, #c1c1c1), color-stop(0.8, #9b9b9b));
}

a.btnGray:active {
  box-shadow: 0px 0px 10px #646464 inset;
  -moz-box-shadow: 0px 0px 10px #646464 inset;
  -webkit-box-shadow: 0px 0px 10px #646464 inset;
}

a.btnGreen,
a.btnGreen:link {
  background-color: #88ae47;
  background: -moz-linear-gradient(top, #cadb83 1%, #a4c12a 3%, #609318 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(227, 237, 185)), color-stop(0.03, #a4c12a), color-stop(0.9, #609318));
  border-bottom: 1px solid #3a590f;
  border-left: 1px solid #738c1e;
  border-right: 1px solid #71901d;
  border-top: 1px solid #839a22;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  color: #eee;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

a.btnGreen:hover {
  background: -moz-linear-gradient(top, #609318 1%, #a4c12a 75%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(227, 237, 185)), color-stop(0.03, #a4c12a), color-stop(0.9, #609318));
}

a.btnGreen:active {
  background: -moz-linear-gradient(top, #cadb83 1%, #a4c12a 3%, #609318 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(227, 237, 185)), color-stop(0.03, #a4c12a), color-stop(0.9, #609318));
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
}

a.btnOrange {
  background: #ff5500 url(/images/btns/btnOrange.jpg) top left repeat-x;
  background: -moz-linear-gradient(top, #fdc2a4 1%, #ff9220 3%, #ff5500 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(253, 194, 164, 0.8)), color-stop(0.03, #ff9220), color-stop(0.9, #ff5500));
  background-color: #ff5500;
  border-bottom: 1px solid #965230;
  border-left: 1px solid #c85500;
  border-right: 1px solid #da7744;
  border-top: 1px solid #d46d00;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #eee;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

a.btnOrange:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f50), color-stop(98%, #ff9220));
  background: -moz-linear-gradient(top, #ff5500 1%, #ff9220 98%, #fdc2a4 99%);
}

.tooltips-gray {
  background: #444444;
  color: #FFFFFF;
  text-align: center;
  padding-top: 4px;
}

.tooltips-gray div {
  background: url(img/tips_gray.png) left bottom no-repeat;
  padding-top: 4px;
  height: 18px;
}

.rejectionComment {
  color: red;
  font-size: small;
  padding-left: 130px;
  width: 250px;
}

.new_tooltip {
  display: none;
  background: #726E6D;
  font-size: 12px;
  height: 10px;
  width: auto;
  text-align: center;
  padding: 10px;
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*** TOOL TIP FOR HOVERS ON RELEASE ERROR CORRECTION ***/
.ec_tooltip {
  position: absolute;
  display: none;
  z-index: 3000;
  font-size: 0.8em;
  padding: 1px;
  opacity: 0.95;
  border: solid 3px;
  border-color: #C4C7CA;
  background-color: #EFEFEF;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  max-width: 200px;
  word-wrap: break-word;
}

.ec_tooltip div {
  width: -moz-max-content;
  padding: 10px;
}

.ec_page_tooltips {
  font-size: 11pt;
}

.ec_tooltip_title {
  padding: 10px 0 0;
  font-size: 14px;
  font-weight: bold;
}

.ec_tooltip_contents {
  padding: 10px;
  font-size: 10px;
}

.ec_tooltip_contents_image {
  padding: 5px;
  font-weight: bold;
}

.ec_tooltip_image {
  border: 0;
}

.ec_tooltip_image_container_text {
  /** image has invisible fat transparent border, using v-align super */
  vertical-align: super;
  font-weight: bold;
}

.ec_more_classical_tooltip {
  color: #AFAFAF;
}

.ec_container {
  background-color: #FF8080;
  border: 1px solid black;
}

/**** ERROR CORRECTION - EDIT TRACKS - TOOLTIP ****/
ul.editTracks .tooltip {
  background: red;
  height: auto;
  min-height: 1px;
  padding: 3px;
  width: auto;
  min-width: 1px;
}

.trackListTable tr.mixedReleaseNoDrag th.num,
.trackListTable tr.mixedReleaseNoDrag td.num,
.trackListTable tr.mixedReleaseNoDrag th.sp,
.trackListTable tr.mixedReleaseNoDrag td.sp,
.trackListTable tr.mixedReleaseNoDrag th.tn,
.trackListTable tr.mixedReleaseNoDrag td.tn,
.trackListTable tr.mixedReleaseNoDrag th.an,
.trackListTable tr.mixedReleaseNoDrag td.an,
.trackListTable tr.mixedReleaseNoDrag th.expl,
.trackListTable tr.mixedReleaseNoDrag td.expl,
.trackListTable tr.mixedReleaseNoDrag th.isrc,
.trackListTable tr.mixedReleaseNoDrag td.isrc,
.trackListTable tr.mixedReleaseNoDrag th.of,
.trackListTable tr.mixedReleaseNoDrag td.of,
.trackListTable tr.mixedReleaseNoDrag a.uploadErrorLink {
  cursor: default !important;
}

div.modErrorCorrectionInfo {
  background: #fbf5a2;
  margin-top: 10px;
  padding: 5px 5px 5px 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

#modalWindow div.modErrorCorrectionInfo {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.modErrorCorrectionInfo div#mainInfoBlock {
  padding: 10px 0 10px 10px;
}

.modErrorCorrectionInfo div#mainInfoBlock .errorStatusHeader {
  background: url(/images/icons/icon-info.png) top left no-repeat;
  display: inline-block;
  padding-left: 38px;
}

#termsandconditions {
  border-bottom: 1px solid #ccc;
  margin-bottom: 22px;
  padding: 0 47px 18px;
}

#termsandconditions p {
  color: #748087;
  margin-bottom: 18px;
}

#acceptterms {
  margin-right: 47px;
}

#acceptterms #installbuttons {
  margin-top: 22px;
}

.chkboxspan {
  padding: 1px 21px 0px 21px;
}

.chkheightwidth {
  height: 10px;
  width: 10px;
}

/**** RELEASE BUILDER - VIDEO PLAYER ****/
#mainVideoThumbnailContainer {
  background: #f5f5f5;
  border: 1px solid #c3c3c3;
  margin-top: -1px;
  padding: 14px 0 46px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.no_preview {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

#mainVideoThumbnailContainer .no_preview {
  margin-top: 32px;
}

#vidPlayerControlsWrap,
#pickerContainer {
  background: #000;
  margin: 9px auto 0;
  width: 837px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}

#pickerContainer {
  position: relative;
}

#playerPreviewImageWrap {
  display: table-cell;
  height: 98%;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 96.5%;
  background: #000;
  margin-left: 16px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}

#playerPreviewImageWrap img {
  vertical-align: middle;
}

#pickerContainer a#player {
  background-color: #f5f5f5;
  display: block;
  height: 480px;
  margin: 0 auto;
  text-decoration: none;
  width: 640px;
  z-index: 1;
}

#pickerContainer a#player > div {
  color: #676767;
  display: table-cell;
  height: 480px;
  text-align: center;
  vertical-align: middle;
  width: 640px;
}

#pickerContainer a#player > div > img {
  margin-bottom: 6px;
}

#vidPlayerControlsWrap {
  padding: 8px;
  width: 821px;
}

#vidPlayerControls {
  background: #323232;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  height: 57px;
  padding: 0 12px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

#vidPlayerControls button {
  background-color: #3e60a1;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 1%, #6289bf 3%, #3e60a1 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgba(255, 255, 255, 0.2)), color-stop(0.03, #6289bf), color-stop(0.9, #3e60a1));
  border-bottom: 1px solid #244072;
  border-left: 1px solid #26365b;
  border-right: 1px solid #26365b;
  border-top: 1px solid #2b4064;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  height: 20px;
  vertical-align: middle;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}

#vidPlayPause {
  float: left;
  height: 30px;
  margin-top: 13px;
  text-align: center;
  width: 86px;
}

#vidPlayerControls button#stepBackButton {
  background: url(/images/audio/videoPrev.png) center center no-repeat;
  border: none;
  height: 17px;
  text-indent: -9999;
  width: 21px;
}

#vidPlayerControls button#stepForwardButton {
  background: url(/images/audio/videoNext.png) center center no-repeat;
  border: none;
  height: 17px;
  text-indent: -9999;
  width: 21px;
}

#vidPlayerControls button#chooseButton {
  margin-top: 18px;
  font-weight: bold;
}

#vidPlayerControls button#selectInPoint {
  margin-top: 8px;
  font-weight: bold;
}

#vidPlayerControls button#testInPoint {
  margin-top: 8px;
  font-weight: bold;
  width: 54px !important;
}

#muteButton {
  display: inline;
  cursor: pointer;
  height: 22px;
  text-indent: -9999px;
  width: 22px;
  left: 35px;
  margin-top: 15px;
  margin-left: 10px;
  border-width: 0px !important;
  float: left;
}

#pickerControls {
  display: block;
  float: left;
  margin: 23px 0 0 33px;
  width: 400px;
}

#videoTime {
  color: #fff;
  float: left;
  font-size: 14px;
  height: 57px;
  line-height: 57px;
  margin-right: 6px;
  width: 88px;
}

#pickerControls #slider.ui-widget-content {
  background: #000;
  border: none;
  width: 400px;
}

#slider .ui-state-default,
#slider .ui-widget-content .ui-state-default,
#slider .ui-widget-header .ui-state-default {
  background: blue;
  background: url(/images/videoRelease/playhead.png) center center no-repeat;
  border: 1px solid #000;
}

.release_territories .ui-widget-header {
  font-weight: normal;
}

#btnsRight {
  color: #fff;
  float: right;
  text-align: center;
  width: 120px;
}

#btnsRight p {
  font-size: 11px;
  font-weight: bold;
  margin-top: 7px;
}

#videoTabs {
  margin: 30px 0 0 172px;
}

#vidThumb {
  margin-right: 30px;
}

.vTab.active {
  background: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  cursor: default;
}

.vTab {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 70%, #ececec 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #fff), color-stop(0.99, #ececec));
  border: 1px solid #c3c3c3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 255px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

.vTab span {
  color: #4A4A4A;
  font-size: 16px;
  padding: 0 28px 0 0;
}

#vidThumb span {
  background: url(/images/icons/statusX-lg.png) center right no-repeat;
}

#vidThumb.complete span {
  background: url(/images/videoRelease/icons/pass.png) center right no-repeat;
}

#vidPIP span {
  background: url(/images/icons/statusX-lg.png) center right no-repeat;
}

#vidPIP.complete span {
  background: url(/images/videoRelease/icons/pass.png) center right no-repeat;
}

.msgBox {
  color: #444;
  font-size: 11px;
  margin-top: 40px;
  text-align: center;
  width: 794px;
}

#volSliderWrap {
  float: left;
  background: #000;
  margin: -110px 15px 0;
  width: 30px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}

#volSliderWrapInner {
  background: #3f3f3f;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  height: 150px;
  padding: 2px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid black;
  position: relative;
}

#volSlider.ui-slider {
  width: 3px;
  margin-top: 15px;
  margin-left: 9px;
  background: #323232 !important;
  border: 1px solid #323232 !important;
}

#volSlider .ui-slider-range {
  background: #cccccc !important;
}

#volSlider .ui-slider-handle {
  width: 16px;
  margin-left: -3px;
  border: 0px !important;
  background: url(/images/audio/volume-handle.png) no-repeat top left !important;
}

#volButtonOn, #volButtonOff {
  display: inline;
  cursor: pointer;
  height: 17px;
  text-indent: -9999px;
  width: 24px;
  left: 35px;
  margin-top: 20px;
  margin-left: 0px !important;
  border-width: 0px !important;
  background: url(/images/audio/audio_on.png) no-repeat top left !important;
}

#volButtonOff {
  margin-left: 18px !important;
  background: url(/images/audio/audio_off.png) no-repeat top left !important;
}

#volButtonOn {
  margin-top: 10px;
}

#volSlider {
  float: left;
}

.viewReleasesPhoto {
  height: 40px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

a.viewReleasesPhoto img {
  vertical-align: middle;
}

.modKey .grayBg {
  display: block;
  margin-bottom: 20px;
  padding: 16px 10px;
  width: 518px;
}

.noReleases .grayBg {
  margin: 0 auto 20px;
}

.modKey .textBold.center {
  margin-top: 0;
}

.grayBg .newReleaseButtons a span {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 25px;
  line-height: 25px;
  padding: 0 14px;
}

#newAudioRelease #dropdown {
  border: 1px solid #d4d4d4;
  border-top: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #4A4A4A;
  display: none;
  font-weight: normal;
  left: -1px;
  padding-top: 2px;
  position: absolute;
  top: 30px;
  width: 100%;
}

#newAudioRelease:hover #dropdown {
  display: block;
}

#newAudioRelease #dropdown li {
  background: #f6f6f6;
  border-top: 1px solid #d4d4d4;
  box-shadow: inset 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 1px #fff;
  display: block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-shadow: none;
  width: 100%;
}

#newAudioRelease #dropdown li:first-child {
  border-top: none;
}

#newAudioRelease #dropdown li:hover {
  background: #ebebeb;
}

#newAudioRelease span {
  border-right: 1px solid rgba(220, 34, 19, 0.5);
  float: left;
  padding-right: 12px;
}

#newAudioRelease img {
  float: right;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

/*--------------------------------------------
CUSTOM REUSABLE CLASSES
--------------------------------------------*/
.grayBg {
  background: #e4e2e2;
  border: 1px solid #c7c7c7;
  box-shadow: 0 1px 1px rgba(80, 80, 80, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 1px rgba(80, 80, 80, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(80, 80, 80, 0.1);
}

.clear {
  clear: both;
  display: block;
  width: 100%;
}

.appsInstalledHeader {
  background: #788289;
  color: #fff;
  font-weight: bold;
  height: 20px;
  line-height: 18px;
  margin: 0 0 16px;
  padding: 0 10px;
}

.appsInstalledHeader span {
  display: inline-block;
  font-size: 11px;
  text-align: center;
  width: 71px;
}

/***************************************************
REUSABLE BUTTONS
 ***************************************************/
a.btnBlue {
  background: -moz-linear-gradient(top, #74bfff 1%, #007be3 3%, #004681 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #74bfff), color-stop(0.03, #007be3), color-stop(0.9, #004681));
  border: 1px solid #003f74;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #eee;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #1d3a52;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

a.btnGray {
  background: -moz-linear-gradient(center top, #C8C8C8 1%, #B5B5B5 3%, #8C8C8C 90%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #C8C8C8), color-stop(0.3, #B5B5B5), color-stop(0.9, #8C8C8C));
  border: 1px solid #6a6a6a;
  box-shadow: inset 0 0 5px #646464;
  color: #eee;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

/***************************************************************************
MARKETPLACE - FAQ PAGE
 ***************************************************************************/
.faq_header {
  color: #6a6761;
  font-size: 24px;
  font-style: italic;
  margin-bottom: 40px;
  text-align: center;
}

.faq_header span {
  clear: both;
  color: #839a42;
  display: block;
  font-size: 45px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 45px;
  text-transform: uppercase;
}

.timeline {
  background: url(/alw/images/marketplace/timeline_bg.jpg) top center repeat;
  border: 1px solid #decfb9;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0 auto 38px;
  min-height: 88px;
  width: 534px;
}

.timeline ul li {
  float: left;
  font-size: 12px;
  text-align: center;
  width: 178px;
}

.timeline h3 {
  height: 27px;
  margin: 12px 0 4px;
}

.timeline b {
  color: #295273;
  display: block;
  margin: 0 auto;
  text-shadow: 0 1px 0 #fff;
  width: 145px;
}

.timeline #one h3 {
  background: url(/alw/images/marketplace/timeline_db_end.jpg) center right no-repeat;
}

.timeline #two h3 {
  background: url(/alw/images/marketplace/timeline_db_center.png) center center no-repeat;
}

.timeline #three h3 {
  background: url(/alw/images/marketplace/timeline_db_end.jpg) center left no-repeat;
}

#tabs ul {
  margin: 0 0 0 30px;
  position: relative;
  z-index: 101;
}

#tabs ul li {
  background-color: #fff;
  background: -moz-linear-gradient(top, #fff 40%, #ebf1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #fff), color-stop(1, #ebf1f1));
  border: 1px solid #ccc;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-bottom: none;
  color: #ccc;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 42px;
  padding: 0 19px;
}

#tabs ul li#tab_one {
  margin-left: 11px;
}

#tabs_content {
  margin-top: -1px;
  position: relative;
}

#tabs_content a,
#tabs_content a:link,
#tabs_content a:hover,
#tabs_content a:active,
#tabs_content a:visited {
  color: #007be3;
}

#tabs_content #tabs_content_one,
#tabs_content #tabs_content_two {
  position: relative;
}

#tabs ul li.active_tab {
  background: #fefbf0;
  border: 1px solid #decfb9;
  border-bottom: 1px solid #fefbf0;
  color: inherit;
  cursor: default;
}

#tabs_content .tabs_content_header {
  background: #fefbf0;
  border: 1px solid #decfb9;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  color: #3f340c;
  font-size: 15px;
  line-height: 24px;
  padding: 30px 50px 18px;
}

#tabs_content .tabs_content_header p {
  margin-bottom: 12px;
}

#tabs_content .tabs_content_copy {
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  padding: 20px 0 30px;
}

#tabs_content .tabs_content_copy h2 {
  background: #dee9ef;
  background: -moz-linear-gradient(bottom, #DEE9EF 0%, #F2F6F8 50%);
  background: -webkit-linear-gradient(bottom, #DEE9EF 0%, #F2F6F8 50%);
  border-bottom: 1px solid #95acc4;
  border-top: 1px solid #95acc4;
  box-shadow: 0 1px 4px #777, inset 0 0 1px #f2f6f8;
  -moz-box-shadow: 0 1px 4px #777, inset 0 0 1px #f2f6f8;
  -webkit-box-shadow: 0 1px 4px #777, inset 0 0 1px #f2f6f8;
  margin: 30px 0 20px;
  padding: 12px 50px;
}

#tabs_content .tabs_content_copy h2:first-child {
  margin-top: 0;
}

#tabs_content .tabs_content_copy h2 b {
  display: block;
  width: 100%;
}

#tabs_content .tabs_content_copy h2 span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  width: 590px;
}

#tabs_content ul.tabs_content_table {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 15px 30px 0;
  overflow: hidden;
}

#tabs_content ul.tabs_content_table li {
  height: 60px;
  line-height: 60px;
  padding: 0 19px;
}

#tabs_content ul.tabs_content_table li:nth-child(odd) {
  border-bottom: 1px solid #95acc4;
  border-top: 1px solid #95acc4;
}

#tabs_content ul.tabs_content_table li:first-child {
  border-top: none;
  box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.1);
  -mox-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.1);
}

#tabs_content ul.tabs_content_table li:last-child {
  border-bottom: none;
}

.tabs_subcontent {
  font-size: 14px;
  padding: 0 139px 0 50px;
}

#tabs_content .border_bottom {
  border-bottom: 1px solid #95acc4;
  display: block;
  height: 1px;
  margin: 20px 0;
}

.tabs_subcontent ul {
  font-size: 12px;
  margin: 10px 0 12px 20px;
}

.tabs_content_copy #disclaimer {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  line-height: 18px;
  margin: 40px 20px 10px;
  text-align: center;
}

/****************************************************
RELEASE BUILDER - TERRITORIES MODAL
 ****************************************************/
.release_territories #col-1,
.release_territories #col-2,
.release_territories #buttons {
  float: left;
}

.release_territories #buttons {
  margin: 0 5px;
  padding-top: 172px;
  text-align: center;
  width: 60px;
}

.release_territories .ui-corner-all {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.release_territories .ui-widget-header {
  background: #4A4A4A;
  border: 1px solid #bbd1e3;
  padding: 12px 0;
  position: relative;
}

.release_territories .ui-multiselect-header {
  margin: 0;
  padding-bottom: 0;
}

.release_territories .ui-multiselect-filter {
  margin: 4px 10px 0;
}

.release_territories .ui-multiselect-filter input {
  border: 1px solid #4A4A4A;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  color: #1b3249;
  display: block;
  height: 26px;
  line-height: 26px;
  margin: 0 auto;
  padding: 0 9px;
  width: 100%;
}

.release_territories .ui-multiselect-checkboxes {
  background: #fff;
  border: 1px solid #a1a1a1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 330px;
}

.release_territories .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  background: #dee9ef;
  background: -moz-linear-gradient(bottom, #DEE9EF 0%, #F2F6F8 50%);
  background: -webkit-linear-gradient(bottom, #DEE9EF 0%, #F2F6F8 50%);
  border-bottom: 1px solid #95acc4;
  border-top: 1px solid #95acc4;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 1px #f2f6f8;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 1px #f2f6f8;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 1px #f2f6f8;
  height: 19px;
  line-height: 19px;
  text-align: left;
}

.release_territories .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label:first-child {
  border-top: none;
}

.release_territories .ui-multiselect-checkboxes li {
  font-size: 12px;
  -moz-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
}

.release_territories .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a,
.release_territories .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label div {
  margin: 0;
  padding: 0 19px;
}

.release_territories .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a span,
.release_territories .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label div span {
  color: #007be3;
  float: right;
  font-weight: normal;
  text-decoration: underline;
}

.release_territories .ui-state-hover,
.release_territories .ui-widget-content .ui-state-hover,
.release_territories .ui-state-focus,
.release_territories .ui-widget-content .ui-state-focus {
  background: #4C9ecc;
  border: none;
  color: #fff;
}

.release_territories .ui-widget-header .ui-icon {
  background-image: none;
  display: none;
}

.release_territories .ui-widget-header .ui-helper-reset {
  font-size: 11px;
  margin-bottom: 3px;
  padding: 2px 0 0 10px;
}

.release_territories .ui-multiselect-header a {
  font-size: 11px;
  text-decoration: underline;
}

.release_territories .missingTerritory {
  padding: 0;
}

.release_territories .missingTerritory span {
  display: inline-block;
  padding-bottom: 12px;
}

.release_territories .nocleardata,
.release_territories .nouncleardata,
.release_territories .countcleardata,
.release_territories .countuncleardata {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 19px;
  position: relative;
  width: 100%;
  z-index: 1001;
}

.release_territories .selectedcount {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 19px;
  position: absolute;
  width: 100%;
  z-index: 1001;
}

/********************************************************
COMMON CLASSES FOR UNIVERSAL STYLING
 ********************************************************/
.rounded_all {
  border-radius: 7px;
  -webkit-border-radius: 7px;
}

.message_yellow {
  background: #ffdc7c;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6);
  color: #463500;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

.container_tabs {
  margin-top: 52px;
  position: relative;
}

.container_tabs ul {
  left: 10px;
  position: absolute;
  top: -33px;
}

.container_tabs ul li {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 30%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #fff), color-stop(1, #e8e8e8));
  border: 1px solid #acacac;
  border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  cursor: pointer;
  float: left;
  height: 32px;
  line-height: 32px;
  margin: 0 10px;
  padding: 0 18px;
}

.container_tabs ul li.activeTab {
  background: #f9f9f9;
  border: 1px solid #acacac;
  border-bottom: 1px solid #f9f9f9;
  font-weight: bold;
}

/***** SELECT BAR *****/
.gradientMenuBar_light {
  background-color: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e8e8e8));
  border: 1px solid #a1a1a1;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0 0 2px #fff, inset 0 0 1px #fff;
  -moz-box-shadow: 0 0 2px #fff, inset 0 0 1px #fff;
  -webkit-box-shadow: 0 0 2px #fff, inset 0 0 1px #fff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0px;
}

.gradientMenuBar_light a,
.gradientMenuBar_light a:link,
.gradientMenuBar_light a:visited,
.gradientMenuBar_light a:hover {
  border-left: 1px solid #fff;
  border-right: 1px solid #c7c7c7;
  color: #002646;
  display: inline-block;
  float: left;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
}

.gradientMenuBar_light a.current,
.gradientMenuBar_light a.current:hover,
.gradientMenuBar_light a.rollover,
.gradientMenuBar_light a.rollover:hover {
  background-color: #2a85c9;
  background: -moz-linear-gradient(top, #0c67a9 1%, #2a85c9 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #0c67a9), color-stop(0.8, #2a85c9));
  border-bottom: none;
  color: #fff;
  font-weight: bold;
  height: 26px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.gradientMenuBar_light a:hover {
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #eaeaea 1%, #fafafa 40%, #fff 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #eaeaea), color-stop(0.4, #fafafa), color-stop(0.8, #fff));
  text-shadow: 1px 1px 0 #fff;
}

.gradientMenuBar_light a:first-child {
  border-left: none;
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
}

.gradientMenuBar_light a:last-child,
.gradientMenuBar_light a.last {
  border-right: none;
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
}

.dropdown_small {
  background: -moz-linear-gradient(center top, #fff 0%, #f0f0f0 100%) repeat scroll 0 0 #f0f0f0 !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f0f0f0)) !important;
  border: 1px solid #a1a1a1 !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  box-shadow: inset 0 0 1px #fff !important;
  -moz-box-shadow: inset 0 0 1px #fff !important;
  -webkit-box-shadow: inset 0 0 1px #fff !important;
  height: 26px !important;
  padding-left: 11px !important;
  position: relative !important;
}

.dropdown_small > input {
  max-width: 160px !important;
}

.dropdown_small span {
  background-image: none !important;
}

.dropdown_small .ui-icon {
  background: url(/images/icons/arrows_small.png) top right no-repeat !important;
  border-left: 1px solid #fff;
  box-shadow: inset 1px 0 0 #d1d1d1;
  float: left;
  height: 26px;
  width: 26px;
  -moz-box-shadow: inset 1px 0 0 #d1d1d1;
  -webkit-box-shadow: inset 1px 0 0 #d1d1d1;
}

.dropdown_small + div {
  background: #f0f0f0;
  background: -moz-linear-gradient(center top, rgb(241, 241, 241) 0%, #fff 100%) repeat scroll 0 0 #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(241, 241, 241)), color-stop(1, #fff));
  border: 1px solid #a1a1a1;
  border-right: none;
  border-top: none;
  border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px;
  margin-top: -3px;
}

.center_text {
  text-align: center;
}

.fluid {
  max-width: 100%;
}

.flex {
  margin: 0 auto;
  max-width: 960px;
  position: relative;
  width: 90%;
}

.logicbox {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.group:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/*----------------------------------------------------------
COLORS

Key:
MB = Medium Blue
LB = Light Blue
----------------------------------------------------------*/
.gradient_mb {
  background: #1a87b5 !important;
  background: -moz-linear-gradient(top, #21a1d8 0%, #1a87b5 90%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21a1d8), color-stop(90%, #1a87b5)) !important;
  background: -webkit-linear-gradient(top, #21a1d8 0%, #1a87b5 90%) !important;
  background: -o-linear-gradient(top, #21a1d8 0%, #1a87b5 90%) !important;
  background: -ms-linear-gradient(top, #21a1d8 0%, #1a87b5 90%) !important;
  background: linear, top, #21a1d8 0%, #1a87b5 90% !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21a1d8',endColorstr='#1a87b5',GradientType=0 ) !important;
}

.mb {
  background: #1a87b5;
}

.lb {
  background: #ebf2f5;
}

/*----------------------------------------------------------
ZEBRA-STRIPED TABLES
----------------------------------------------------------*/
ul.zebra_stripe,
table.zebra_stripe {
  background: #fff;
  margin: 0 0 18px;
}

table.zebra_stripe {
  border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
}

ul.zebra_stripe li,
table.zebra_stripe tbody tr td {
  border-bottom: 1px solid #d1d0d0 !important;
  border-top: 1px solid #fff !important;
}

table.zebra_stripe.separators tbody tr td {
  border-left: 1px solid #d1d0d0;
  border-right: 1px solid #fff;
}

table.zebra_stripe.separators tbody tr td:last-child {
  border-right: none;
}

table.zebra_stripe.separators tbody tr td:first-child {
  border-left: none;
}

table.zebra_stripe tbody tr:last-child td {
  border-bottom: none;
}

ul.zebra_stripe li:nth-child(even),
table.zebra_stripe tbody tr:nth-of-type(even) td {
  background-color: #ebf2f5;
}

ul.zebra_stripe li:hover {
  border-bottom: 1px solid #0a4b65;
  border-top: 1px solid #97d6ec;
}

ul.zebra_stripe_with_subs li {
  background: #fff;
  border-bottom: 1px solid #d1d0d0;
  border-top: 1px solid #fff;
}

ul.zebra_stripe_with_subs li:before,
ul.zebra_stripe_with_subs li:after {
  content: "";
  display: table;
}

ul.zebra_stripe_with_subs li:after {
  clear: both;
}

ul.zebra_stripe_with_subs li:nth-child(4n+1) {
  background: #ebf2f5;
}

table.zebra_stripe thead.table_header tr th {
  background-color: #e8e8eF;
  border-bottom: 1px solid #acacac;
  box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  padding: 6px 10px;
}

table .table_header th a {
  background: url("/../images/down-arrow.png") no-repeat right 0 top 50%;
  padding-right: 18px;
  text-decoration: none;
}

table .table_header th a.no_sort {
  background: transparent;
  padding: 0;
}

#chapter_container td {
  padding: 8px 10px;
}

#chapter_container tbody tr:last-child td:first-child {
  border-radius: 0 0 0 7px;
  -webkit-border-radius: 0 0 0 7px;
}

#chapter_container tbody tr:last-child td:last-child {
  border-radius: 0 0 7px 0;
  -webkit-border-radius: 0 0 7px 0;
}

/*----------------------------------------------------------
NEW BUTTON STYLES
----------------------------------------------------------*/
/* NORMAL BUTTON STYLES */
a.create_btn,
.create_btn,
a.destroy_btn,
.destroy_btn,
a.read_btn,
.read_btn,
a.update_btn,
.update_btn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  padding: 0.6em 0.6em 0.2em;
  line-height: 1em;
  height: 1.315em;
  margin-right: 0.6em;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  transition: background-color, color, box-shadow;
  -moz-transition: background-color, color, -moz-box-shadow; /* FF3.7+ */
  -o-transition: background-color, color, -o-box-shadow; /* Opera 10.5 */
  -webkit-transition: background-color, color, -webkit-box-shadow; /* Saf3.2+, Chrome */
  transition-duration: 90ms;
  -moz-transition-duration: 90ms;
  -o-transition-duration: 90ms;
  -webkit-transition-duration: 90ms;
  transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  font-weight: bold;
}

a.create_btn.submitOff,
.create_btn.submitOff,
a.destroy_btn.submitOff,
.destroy_btn.submitOff,
a.read_btn.submitOff,
.read_btn.submitOff,
a.update_btn.submitOff,
.update_btn.submitOff {
  cursor: default;
}

input[type=button].update_btn,
input[type=button].create_btn,
input[type=button].read_btn,
input[type=button].destroy_btn,
input[type=submit].update_btn,
input[type=submit].create_btn,
input[type=submit].read_btn,
input[type=submit].destroy_btn {
  height: 30px;
  line-height: 28px;
  padding-top: 0px;
}

a.read_btn,
.read_btn {
  background: -moz-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42, 184, 237, 0.6)), color-stop(100%, rgba(5, 64, 145, 0.6)));
  background: -webkit-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background: linear, top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992ab8ed', endColorstr='#99054091',GradientType=0 );
  background-color: #1074be;
  border: 1px solid #2e4b7a;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #EFEFEF !important;
}

a.read_btn:hover,
.read_btn:hover {
  background-color: #1e95ed;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  color: white !important;
}

a.read_btn:active,
.read_btn:active {
  background-color: #1074be;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

a.read_btn.submitOff,
.read_btn.submitOff {
  background: rgb(153, 199, 229);
  background: -moz-linear-gradient(top, rgb(153, 199, 229) 0%, rgb(137, 172, 202) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(153, 199, 229)), color-stop(100%, rgb(137, 172, 202)));
  background: -webkit-linear-gradient(top, rgb(153, 199, 229) 0%, rgb(137, 172, 202) 100%);
  background: -o-linear-gradient(top, rgb(153, 199, 229) 0%, rgb(137, 172, 202) 100%);
  background: -ms-linear-gradient(top, rgb(153, 199, 229) 0%, rgb(137, 172, 202) 100%);
  background: linear, top, rgb(153, 199, 229) 0%, rgb(137, 172, 202) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c7e5', endColorstr='#89acca',GradientType=0 );
  border: 1px solid #0067ba;
  color: #dbe8f2 !important;
  cursor: default;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.01);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.create_btn,
.create_btn {
  background-image: -moz-linear-gradient(top, rgba(249, 179, 29, 0.6) 0%, rgba(255, 102, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 179, 29, 0.6)), color-stop(100%, rgba(255, 102, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(249, 179, 29, 0.6) 0%, rgba(255, 102, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(249, 179, 29, 0.6) 0%, rgba(255, 102, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(249, 179, 29, 0.6) 0%, rgba(255, 102, 0, 0.6) 100%);
  background: linear, top, rgba(249, 179, 29, 0.6) 0%, rgba(255, 102, 0, 0.6) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99f9b31d', endColorstr='#99ff6600',GradientType=0 );
  background-color: #fc860d;
  border: 1px solid #cf4500;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #efefef !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

a.create_btn:hover,
.create_btn:hover {
  color: white !important;
  background-color: #fcb60d;
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
}

a.create_btn:active,
.create_btn:active {
  background-color: #fc860d;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

a.create_btn.submitOff,
.create_btn.submitOff {
  background: rgb(239, 190, 137);
  background: -moz-linear-gradient(top, rgb(239, 190, 137) 0%, rgb(239, 171, 137) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(239, 190, 137)), color-stop(100%, rgb(239, 171, 137)));
  background: -webkit-linear-gradient(top, rgb(239, 190, 137) 0%, rgb(239, 171, 137) 100%);
  background: -o-linear-gradient(top, rgb(239, 190, 137) 0%, rgb(239, 171, 137) 100%);
  background: -ms-linear-gradient(top, rgb(239, 190, 137) 0%, rgb(239, 171, 137) 100%);
  background: linear, top, rgb(239, 190, 137) 0%, rgb(239, 171, 137) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efbe89', endColorstr='#efab89',GradientType=0 );
  border: 1px solid #e95d09;
  color: #fae6d8 !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.update_btn,
.update_btn {
  background: -moz-linear-gradient(top, rgba(179, 221, 0, 0.6) 0%, rgba(75, 125, 22, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(179, 221, 0, 0.6)), color-stop(100%, rgba(75, 125, 22, 0.6)));
  background: -webkit-linear-gradient(top, rgba(179, 221, 0, 0.6) 0%, rgba(75, 125, 22, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(179, 221, 0, 0.6) 0%, rgba(75, 125, 22, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(179, 221, 0, 0.6) 0%, rgba(75, 125, 22, 0.6) 100%);
  background: linear, top, rgba(179, 221, 0, 0.6) 0%, rgba(75, 125, 22, 0.6) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b3dd00', endColorstr='#994b7d16',GradientType=0 );
  background-color: #88AE47;
  border: 1px solid #557D00;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #EFEFEF !important;
}

a.update_btn:hover,
.update_btn:hover {
  color: white !important;
  background-color: #97C433;
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
}

a.update_btn:active,
.update_btn:active {
  background-color: #88AE47;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

a.update_btn.submitOff,
.update_btn.submitOff {
  background: rgb(203, 215, 154);
  background: -moz-linear-gradient(top, rgb(203, 215, 154) 0%, rgb(176, 196, 147) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(203, 215, 154)), color-stop(100%, rgb(176, 196, 147)));
  background: -webkit-linear-gradient(top, rgb(203, 215, 154) 0%, rgb(176, 196, 147) 100%);
  background: -o-linear-gradient(top, rgb(203, 215, 154) 0%, rgb(176, 196, 147) 100%);
  background: -ms-linear-gradient(top, rgb(203, 215, 154) 0%, rgb(176, 196, 147) 100%);
  background: linear, top, rgb(203, 215, 154) 0%, rgb(176, 196, 147) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd79a', endColorstr='#b0c493',GradientType=0 );
  border: 1px solid #619E00;
  color: #E9EFDD !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.destroy_btn,
input.destroy_btn {
  background: -moz-linear-gradient(top, rgba(255, 110, 81, 0.6) 0%, rgba(188, 35, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 110, 81, 0.6)), color-stop(100%, rgba(188, 35, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(255, 110, 81, 0.6) 0%, rgba(188, 35, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(255, 110, 81, 0.6) 0%, rgba(188, 35, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(255, 110, 81, 0.6) 0%, rgba(188, 35, 0, 0.6) 100%);
  background: linear, top, rgba(255, 110, 81, 0.6) 0%, rgba(188, 35, 0, 0.6) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff6e51', endColorstr='#99bc2300',GradientType=0 );
  background-color: #e42600;
  border: 1px solid #ad1414;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #EFEFEF;
}

a.destroy_btn:hover,
.destroy_btn:hover {
  color: white;
  background-color: #ff5230;
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.2);
}

a.destroy_btn:active,
.destroy_btn:active {
  background-color: #e42600;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

a.destroy_btn.submitOff {
  background: rgb(230, 143, 126); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(230, 143, 126) 0%, rgb(204, 117, 100) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(230, 143, 126)), color-stop(100%, rgb(204, 117, 100))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(230, 143, 126) 0%, rgb(204, 117, 100) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(230, 143, 126) 0%, rgb(204, 117, 100) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(230, 143, 126) 0%, rgb(204, 117, 100) 100%); /* IE10+ */
  background: linear, top, rgb(230, 143, 126) 0%, rgb(204, 117, 100) 100%; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68f7e', endColorstr='#cc7564',GradientType=0 ); /* IE6-9 */
  border: 1px solid #ca1010;
  color: #f0d3cd;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.secondary,
.secondary {
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear, top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  background-color: #eeeeee;
  border: 1px solid #a1a1a1;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: inset 0 0 2px rgb(255, 255, 255), inset 0 -1px 0 rgb(255, 255, 255);
  -moz-box-shadow: inset 0 0 2px rgb(255, 255, 255), inset 0 -1px 0 rgb(255, 255, 255);
  box-shadow: inset 0 0 2px rgb(255, 255, 255), inset 0 -1px 0 rgb(255, 255, 255);
  color: #535c62 !important;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

a.secondary:hover,
.secondary:hover {
  color: #1d8bd5 !important;
  background-color: #e6e6e6;
  -webkit-box-shadow: inset 0 0 2px rgb(255, 255, 255), inset 0 -1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: inset 0 0 2px rgb(255, 255, 255), inset 0 -1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.13);
  box-shadow: inset 0 0 2px rgb(255, 255, 255), inset 0 -1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.13);
}

a.secondary:active,
.secondary:active {
  background-color: #eeeeee;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  color: #005298 !important;
}

a.update_btn.secondary:hover,
.update_btn.secondary:hover {
  color: #78a425 !important;
}

a.update_btn.secondary:active,
.update_btn.secondary:active {
  color: #607d2a !important;
}

a.destroy_btn.secondary:hover,
.destroy_btn.secondary:hover {
  color: #ec2a1b !important;
}

a.destroy_btn.secondary:active,
.destroy_btn.secondary:active {
  color: #9c1a10 !important;
}

a.create_btn.secondary:hover,
.create_btn.secondary:hover {
  color: #fc9110 !important;
}

a.create_btn.secondary:active,
.create_btn.secondary:active {
  color: #b36511 !important;
}

a.secondary.disabled,
.secondary.disabled {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(235, 235, 235) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(245, 245, 245)), color-stop(100%, rgb(235, 235, 235)));
  background: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(235, 235, 235) 100%);
  background: -o-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(235, 235, 235) 100%);
  background: -ms-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(235, 235, 235) 100%);
  background: linear, top, rgb(245, 245, 245) 0%, rgb(235, 235, 235) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ebebeb',GradientType=0 );
  border: 1px solid #bbb;
  color: #b0b0b0 !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  cursor: default;
}

/* CALL-TO-ACTION BUTTONS */
a.create_btn.cta,
a.update_btn.cta,
a.destroy_btn.cta,
a.read_btn.cta,
input.btn.cta {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 18px;
  line-height: 21px;
  padding: 12px 18px;
}

/* DROPDOWN BUTTONS */
a.read_btn.with-arrow,
.read_btn.with-arrow,
a.create_btn.with-arrow,
.create_btn.with-arrow {
  padding-right: 30px;
  position: relative;
}

a.read_btn.mini.with-arrow,
.read_btn.mini.with-arrow,
a.create_btn.mini.with-arrow,
.create_btn.mini.with-arrow {
  padding-right: 21px;
}

a.read_btn.with-arrow:after,
.read_btn.with-arrow:after,
a.create_btn.with-arrow:after,
.create_btn.with-arrow:after {
  content: url(/images/icons/newReleaseBtnArrow.png);
  position: absolute;
  right: 0;
  top: 2.5px;
}

a.read_btn.mini.with-arrow:after,
.read_btn.mini.with-arrow:after {
  content: url(/images/icons/mini-arrow.png);
  right: 6px;
  top: 9px;
}

/* INLINE BUTTONS */
a.mini,
input.mini {
  font-size: 11px;
  padding: 3px 14px;
  line-height: 17px;
  margin-bottom: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

#newImprintButton {
  margin-bottom: 6px;
}

.center {
  margin: 12px 0;
  text-align: center;
}

.gray_italic {
  color: #999999;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}

/* MESSAGE CENTER */
#messageCenterIndex ul li {
  margin: 10px 0 40px;
}

#messageCenterIndex ul li img {
  border: 2px solid #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  float: left;
  margin-right: 10px;
}

.messagedesc {
  margin-left: 76px;
}

.messageDetailBody {
  background: #fff;
  border-top: 1px solid #acacac;
  border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  padding: 10px;
}

.message_container {
  display: inline-block;
}

/* PLUS-SIGN BUTTONS */
a.create_btn.with_plus,
.create_btn.with_plus {
  padding-right: 30px;
}

a.create_btn.with_plus:after,
.create_btn.with_plus:after {
  content: "+";
  font-size: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}

.formTextareaInput {
  width: 300px;
}

.subtitled_language {
  display: none;
}

/* ========================================================
FILM RELEASES
======================================================== */
#createReleaseControls .col1,
#createReleaseControls .col2 {
  float: left;
  width: 50%;
}

.release_form.two_column li {
  float: left;
  width: 50%;
}

ul.modalForm li:after,
.release_form.two_column:after,
.release_form li:after,
.release_form.two_column .inputs:after,
.release_form li > .inputs:before {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.release_form li > label {
  float: left;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
}

.release_form #subtitle label {
  margin-right: 18px;
}

.col1 .release_form li > label,
.col2 .release_form li > label {
  font-weight: bold;
}

p.indent .smalltext {
  color: inherit;
  font-size: 11px;
}

.inputs.stacked {
  min-height: 48px;
}

.inputs.stacked > label {
  display: block;
  min-height: 22px;
}

.release_form .help_tip {
  margin: 3px 4px 0 0;
}

div[id*=container] + .data-sources {
  margin: 0 0 20px 8px;
}

.inputs a.mini {
  margin-right: 0;
}

.datepick_field {
  width: 80px;
}

.release_form .missing,
.release_form .missing2 {
  clear: both;
  line-height: 12px;
  margin: 4px 0;
}

#invalid_top_talent,
#missing_production_crew,
#invalid_production_crew {
  clear: none;
  float: left;
  margin-top: 9px;
}

.release_form.two_column .missing,
.release_form.two_column .missing2 {
  bottom: -10px;
  left: 33.5%;
}

.formTextareaInput {
  width: 300px;
}

.subtitled_language {
  display: none;
}

#top_talent_firstName, #top_talent_lastName, #top_talent_character,
#production_crew_firstName, #production_crew_lastName,
#production_crew_character {
  font-size: 15px;
  color: #4A4A4A;
  width: 245px;
}

#trash_cans {
  background: url("/images/icons/trash.png") center center no-repeat;
  cursor: pointer;
  height: 19px;
  width: 25px;
}

.trash_cans {
  width: 25px;
}

textarea.filmrelease_inputs {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #4A4A4A;
  font-size: 12.8px;
  max-width: 100%;
  width: 100%;
}

.char_count {
  float: right;
}

/* FILM - CHAPTERS */
#film_chapters {
  /* margin:20px 0 */
}

/* FILM - DELETE CHAPTER MODAL */
#modal_overlayReorderFilmChapterReleaseModal #modalWindow .content,
#modal_overlaydeleteFilmChapterModal #modalWindow .content {
  font-size: 14px;
  font-weight: bold;
  min-height: 1px;
  text-align: center;
}

#modal_overlaydeleteFilmChapterModal #modalWindow .content > div {
  height: 50px;
  line-height: 50px;
}

#chapter_container {
  border-bottom: none;
}

#chapter_container thead tr {
  height: 20px;
}

#chapter_container tbody tr {
  height: 42px;
}

.filmroundedCornerBG {
  font-size: 12px;
  font-weight: bold;
  line-height: 46px;
  text-align: center;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
}

.missing_errors {
  font-weight: bold;
  color: red;
  height: 17px;
  line-height: 10px;
  padding-left: 17px;
}

.divFilmAssetLink a.create_btn {
  margin-bottom: 0;
}

.divFilmAssetLink a {
  color: inherit;
}

a#edit_territories {
  margin-right: 10px;
  cursor: pointer;
}

.divFilmAssetLink a:not([class*=btn]),
a#edit_territories:not([class*=btn]) {
  line-height: 28px;
}

.ui-widget-content {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

#modal_overlayeditFilmReleaseModal #createReleaseDisplayedas_li label {
  width: auto;
}

#modal_overlayeditFilmReleaseModal ul.modalForm li,
#modal_overlayeditFilmReleaseModal .release_form li {
  padding-bottom: 15px;
}

.ImageFrames {
  background: #f9f9f9;
  box-shadow: inset 0 0 0 1px #acacac;
  -moz-box-shadow: inset 0 0 0 1px #acacac;
  -webkit-box-shadow: inset 0 0 0 1px #acacac;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 2px;
  -webkit-box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  -ms-box-sizing: padding-box;
  -o-box-sizing: padding-box;
  box-sizing: padding-box;
  margin: 0 auto;
}

.ImageFrames .noImageTextDiv h4 {
  text-align: center;
}

.ImageFrames.editFilmArtwork {
  height: 360px;
  width: 240px;
}

.ImageFrames.editFilmArtwork .ImageTextDiv {
  height: 356px;
  width: 236px;
}

.ImageFrames.editFilmArtwork img {
  height: 360px;
  width: 240px;
}

.noImageTextDiv {
  color: #afafaf;
  display: table-cell;
  vertical-align: middle;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}

.ImageTextDiv {
  overflow: hidden;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}

/*-----------------------------------------------
NEW RELEASE BUILDER INDEX DESIGNS
-----------------------------------------------*/
.releaseInfo a.albumName {
  display: block;
}

#search_release_inputbox.searchboxLarge {
  width: 180px;
}

.releaseInfo {
  word-wrap: break-word;
}

.release-list-release-date {
  font-size: 13px;
  font-weight: bold;
}

.release-status a {
  display: inline-block;
  height: 31px;
  width: 32px;
}

td.status a {
  display: inline-block;
}

td.status a img {
  display: block;
  margin: 0 auto;
}

.status-label.submitted {
  background: #0090e9;
  color: #fff;
}

.status-label.in-correction {
  background: #faf395;
  color: #273549;
}

.status-label.rejected {
  background: #fda7a7;
  color: #273549;
}

.status-label.delivered {
  background: #61a319;
  color: #fff;
}

/* 5 august 2012  */
#content .modContainerReleases .modBodyReleases #create-dash {
  width: 548px;
}

#view_exarelease_listing table.zebra_stripe {
  margin-bottom: 10px;
  border-bottom: none;
}

.status_icon_inline span {
  display: block;
  font-size: 11px;
  color: #666665;
}

a.text-link-off {
  cursor: default;
  opacity: 0.5;
}

#view_exarelease_listing .releaseInfo {
  width: 200px;
}

/* 24 sep 2012 */
.uploadArtwork.container {
  margin-bottom: 30px;
  clear: both;
}

ul.modalForm li #previewable_container label {
  width: auto;
  float: left;
  padding: 0 6px 0 2px;
}

ul.modalForm li #previewable_container label.optional {
  width: 295px;
  float: none;
  padding-bottom: 8px;
}

ul.modalForm li #previewable_container input[type=radio] {
  margin-left: 2px;
}

.dropdownInlineList span.smalltext {
  display: block;
}

.dropdownInlineList #edittrackmodal_AmazonPricingTierId {
  margin-left: 0;
}

/* 10 oct 2012 */
#content .btn-big {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 10px;
  padding: 12px 74px;
}

.lead-mini {
  font-size: 14px;
  font-weight: 200;
  line-height: 22px;
  margin-bottom: 20px;
}

.ulList {
  margin: 0 0 0 20px;
}

.ulList li {
  list-style: disc;
  margin: 0 0 10px 0;
}

.truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.releasesDelivery .truncate {
  color: #007be3;
  font-size: 11px;
  font-weight: bold;
  width: 300px;
}

.displayOff {
  display: none;
}

.fixed-table {
  table-layout: fixed;
  word-wrap: break-word;
}

.fileinput {
  height: 35px;
  overflow: hidden;
  position: relative;
}

.fileFakeInput {
  overflow: hidden;
  position: relative;
}

.fileFakeInput .create_btn {
  margin-right: 0;
}

#label-commission label.missingForm {
  margin-bottom: 12px;
}

li.yellow select, select.yellow, li.red select, select.red {
  max-height: 42px;
}

.filmassets-rightsection {
  margin: 0 0 0 36px;
}

.filmassets-rightsection ul li {
  word-wrap: break-word;
}

.switch-tabs:before,
.switch-tabs:after {
  content: "";
  display: table;
  line-height: 0;
}

.switch-tabs:after {
  clear: both;
}

.switch-tabs {
  margin-bottom: -1px;
  padding-left: 8px;
  position: relative;
  z-index: 6;
}

.switch-tabs li {
  float: left;
  line-height: 33px;
  margin-left: 10px;
}

.switch-tabs li a,
.switch-tabs li a:link,
.switch-tabs li a:active,
.switch-tabs li a:visited {
  background: #f9f9f9;
  border: 1px solid #acacac;
  border-bottom: 1px solid #f9f9f9;
  border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  color: inherit;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 0 7px;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
}

.switch-tabs li a.inactive {
  border-bottom: none;
  font-weight: normal;
}

.switch-tabs + .panel {
  padding: 18px;
  position: relative;
  z-index: 5;
}

#alw-login input[type=text],
#alw-login input[type=password] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #4A4A4A;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  width: 100%;
}

#alw-login input[type=submit] {
  margin-right: 0;
}

#alw-login label {
  font-weight: bold;
}

#alw-login .missing {
  margin-bottom: 16px;
}

#alw-login em {
  display: block;
  margin-bottom: 6px;
}

.container-fluid {
  margin: 0 auto;
  max-width: 970px;
  padding-left: 0;
  padding-right: 0;
}

/* Landscape phones and down */
@media (max-width: 480px) {
  h1#logoLink {
    display: block !important;
  }
  h1#logoLink a {
    margin: 0 auto;
  }
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  div#page {
    padding: 0 10px;
  }
  #alw-login {
    margin: 20px auto 40px;
  }
}
#createReleaseControls textarea {
  height: auto;
}

#createReleaseControls :not(.token-input-input-token) > input[type=text]:focus,
#createReleaseControls textarea:focus,
#top_talent_container input[type=text]:focus,
#production_crew_container input[type=text]:focus,
ratings_container input[type=text]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}

#createReleaseControls ul.modalForm {
  width: 500px;
}

#createReleaseControls ul.modalForm .locale-add {
  margin-right: 27%;
}

#createReleaseControls ul.modalForm #createReleaseReleaseName_li .locale-add {
  margin-right: 32%;
}

.zebra_stripe.no-panel-head {
  border-radius: 7px;
  -webkit-border-radius: 7px;
}

.zebra_stripe.no-panel-head thead tr th:first-child {
  border-radius: 7px 0 0;
  -webkit-border-radius: 7px 0 0;
}

.zebra_stripe.no-panel-head thead tr th:last-child {
  border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
}

.zebra_stripe tbody tr td [class*=_btn] {
  margin: 0;
}

[class*=_btn] > img {
  margin: -1px 2px 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  [class*=_btn] > img {
    margin: -1px 1px 0 0;
  }
}
#modalTrackDetails > .carousel {
  text-align: center;
}

#modalTrackDetails div[class*=Page]:last-child:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  top: 7px;
}

#modalWindow .carousel + #content {
  padding-top: 0;
}

#modalWindow .scrollable:before,
#modalWindow .scrollable:after {
  content: "";
  display: table;
}

#modalWindow .scrollable:after {
  clear: both;
}

#modal_overlayeditTrackModal .modal-footer {
  height: 52px;
}

#modal_overlaygetUninstallWindow .modal-footer {
  height: 52px;
}

#modal_overlayuploadArtistImagesModal #modalWindow .modal-footer {
  height: 51px;
}

#modal_overlayalertLinkedAsset #modalBoundingBox .modal-footer {
  height: 70px;
}

#modal_overlayeditTrackModal .submitButtonsModal,
#modal_overlaygetInstallAppWindow #acceptAppTerms,
#modal_overlaygetUninstallWindow #installbuttons,
#modal_overlaygetDeleteEventWindow .content [class*=btn],
#modal_overlaysaveEventWindow .content [class*=btn],
#modal_overlayalertLinkedAsset #modalBoundingBox [class*=btn],
#modal_overlayuploadArtistImagesModal #modalBoundingBox [class*=btn] {
  position: absolute;
  bottom: -46px;
  right: 15px;
}

#modal_overlayalertLinkedAsset #modalBoundingBox [class*=btn] {
  bottom: 15px;
}

#modal_overlaygetDeleteEventWindow .content a#acceptAppTerms.btn:first-of-type {
  right: 105px !important;
}

#modal_overlayalertLinkedAsset #yes_button {
  right: 90px !important;
}

#modalTrackDetails .modErrorCorrectionInfo {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
  padding: 5px 20px;
}

span.red {
  color: #ff0000;
}

#DeleteUser_button {
  margin-bottom: 0;
  margin-right: 0;
}

.statementshistory .modal {
  position: absolute;
}

.step-by-step .current-step h4,
.step-by-step .current-step h4 + a {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

.step-by-step h4 + a {
  display: block;
  margin-bottom: 3px;
  text-decoration: none;
}

.step-by-step img {
  margin: 0 auto;
}

.step-by-step tr td h4,
.step-by-step tr td img {
  display: block;
}

.step-by-step tr td [class*=btn] {
  margin-bottom: 3px;
}

div[id*=editTrackReUpload] {
  display: inline-block;
  position: relative;
}

div[id*=editTrackReUpload] > input[type=file] {
  -moz-box-sizing: border-box;
  -webkit-border-box: border-box;
  cursor: pointer;
  width: 100%;
}

#modal_overlayeditTrackModal .editTooltip {
  margin-top: 40px;
}

.align-middle {
  vertical-align: middle;
}

.no-wrap {
  white-space: nowrap;
}

#video-steps h4 {
  margin-bottom: 18px;
}

#video-steps #video-delivery h4,
#video-steps #video-upload h4 {
  margin-bottom: 0;
}

#videoChooseMenu:before,
#videoChooseMenu:after {
  content: "";
  display: table;
}

#videoChooseMenu:after {
  clear: both;
}

#videoList {
  width: 60%;
}

#video-steps hr {
  border: none;
  border-top: 1px solid #d1d0d0;
}

address {
  font-style: normal;
}

.release-validated > div {
  margin-bottom: 24px;
}

.release-validated > div > ul {
  margin-bottom: 10px;
}

.release-validated > div ul:last-of-type {
  margin-left: 28px;
}

.release-validated ul li > img {
  margin-right: 4px;
  vertical-align: top;
}

.analyticsChannelTableHeader.table_header:before,
.analyticsChannelTableHeader.table_header:after {
  content: "";
  display: table;
  line-height: 1;
}

.analyticsChannelTableHeader.table_header:after {
  clear: both;
}

.analyticsChannelTableHeader #tableUnits,
.analyticsChannelTableHeader #tablePercent {
  line-height: 29px;
}

.analyticsChannelTableHeader.table_header {
  padding: 0;
}

#view-releases-filters {
  width: 94%;
}

#view-releases-filters + div {
  width: 6%;
}

#view_exarelease_form #view-releases-filters {
  width: 89%;
}

#view_exarelease_form #view-releases-filters > div {
  float: left;
  margin-right: 14px;
}

#view_exarelease_form #view-releases-filters + div {
  width: 11%;
}

#apply_filters {
  margin: 15px 0 0 0;
}

#view_exarelease_form #view-releases-filters + div #apply_filters {
  margin-top: 19px;
}

#filter-status,
#filter-product {
  min-width: 157px;
}

#view_exarelease_form #filter-term input#search_release_inputbox {
  height: auto;
  margin-top: 3px;
  padding: 7px 14px;
}

#filter-status {
  margin-right: 14px;
}

#view_exarelease_form #filter-term {
  margin-right: 14px;
}

#filterBox {
  position: relative;
  z-index: 5;
}

#view_exarelease_form #view-releases-filters > div .filter-dropdown button:after {
  background: #fff url("../alw/images/downarrow@2x.png") no-repeat scroll calc(100% - 10px) center/14px 9px;
}

.filter-dropdown button {
  margin-top: 3px;
  padding-right: 28px;
  position: relative;
  z-index: 5;
  text-align: left;
}

.btn-mini {
  font-size: 11px;
  line-height: 17px;
}

.filter-dropdown .btn {
  font-weight: 400;
}

#search-releases:before,
#search-releases:after {
  content: "";
  display: table;
}

#search-releases:after {
  clear: both;
}

/* To-do: Start to mirror Twitter Bootstrap input styles here until full switch-over */
.form-control:focus {
  border-color: #007be3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #007be3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #007be3;
}

input:focus::-webkit-input-placeholder {
  color: #fff;
}

input:focus::-moz-placeholder {
  color: #fff;
}

input:focus:-moz-placeholder { /* Older versions of Firefox */
  color: #fff;
}

input:focus:-ms-input-placeholder {
  color: #fff;
}

.contained-image {
  width: 100%;
  max-width: 100%;
}

.top-ten-loader {
  text-align: center;
  padding-bottom: 20px;
}

.top-ten-fallback p {
  font-size: 12px;
  padding: 0 10px;
}

.pt10 {
  padding-top: 10px;
}

.modal_mediacontainer .warningBox {
  width: 240px;
}

/** CSS classes for FRNT-1125 */
.locale-container .token-input-list {
  clear: both;
}

.localeTooltip {
  z-index: 9999;
}

#labelTable a {
  text-decoration: none;
}

.padded-box {
  padding: 15px;
}

.gowatchit-widget header {
  border-bottom: 1px solid #ACACAC;
  padding: 5px 15px;
}

.gowatchit-widget header h2 {
  font-size: 18px;
  margin-bottom: 0;
}

.gowatchit-widget header a {
  font-size: 12px;
}

.gowatchit-widget .film-suggest {
  display: none;
  padding: 5px 0;
  text-align: right;
}

.gowatchit-widget .read_btn {
  margin-bottom: 10px;
}

.gowatchit-widget .loader {
  display: none;
  padding: 50px 0;
  text-align: center;
}

.gowatchit-widget .twitter-typeahead {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  width: 100%;
}

.gowatchit-widget .twitter-typeahead input[type=text] {
  border-color: transparent;
  border-radius: 3px;
  font-size: 13px;
  padding: 7px;
}

.gowatchit-widget .twitter-typeahead .tt-dropdown-menu {
  width: 100%;
  text-align: left;
}

.gowatchit-widget .twitter-typeahead .tt-dropdown-menu.no-results {
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  margin-top: -2px;
  padding: 6px 8px;
  width: 100%;
}

.gowatchit-widget .twitter-typeahead .tt-suggestions {
  background-color: #fff;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  margin-top: -2px;
  width: 100%;
}

.gowatchit-widget .twitter-typeahead .tt-suggestions .tt-suggestion {
  padding: 8px 6px 1px;
}

.gowatchit-widget .twitter-typeahead .tt-suggestions .tt-suggestion:hover {
  background-color: #299fff;
  color: #fff;
  cursor: pointer;
}

.gowatchit-widget .twitter-typeahead .tt-suggestions .tt-suggestion:last-of-type {
  border-radius: 0 0 2px 2px;
}

.modal-body-scroll {
  height: 400px;
  overflow-y: auto;
}

/*MODALS*/
#modal_overlaydeleteusermodal .modalSubmitBtns a[class*=btn] {
  margin-bottom: 0;
  margin-left: 8px;
  margin-right: 0;
}

/*MY PROFILE*/
#user-profile ul li {
  line-height: 28px;
}

#user-profile ul li:last-child {
  line-height: 34px;
}

#vendor-logo ul li {
  line-height: 14px;
  margin-bottom: 6px;
}

#user-profile [class*=span] {
  float: left;
  margin-left: 2.5641%;
  min-height: 1px;
}

#user-profile .row-fluid [class*=span]:first-child {
  margin-left: 0;
}

#user-profile .row-fluid .span9 {
  width: 66.359%;
}

#user-profile .row-fluid .span3 {
  width: 24.0769%;
}

.panel.padded {
  padding: 14px;
}

.panel-content {
  padding: 10px;
}

.panel-content:after {
  clear: both;
}

.panel-content:before,
.panel-content:after {
  content: "";
  display: table;
  line-height: 0;
}

.panel .table.zebra_stripe {
  margin-bottom: 0;
}

.panel .table.zebra_stripe tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
}

.panel .table.zebra_stripe tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
}

#vendor_logo_div img {
  height: auto;
  margin: 0 0 14px;
  width: 100%;
}

.appendedInputButton {
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #555;
  font-size: 13px;
  margin: 0 6px;
  min-width: 175px;
  padding: 7px;
}

.accountForm,
.accountArt {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
}

.accountForm {
  width: 74.959%;
}

#credit_card_form .accountForm {
  width: 50%;
}

.accountForm li {
  line-height: 24px;
}

#credit_card_form .accountForm li {
  margin-bottom: 6px;
}

.accountArt {
  margin-left: 2.5641%;
  width: 22.4769%;
}

.accountArt #vendor_logo_div img {
  margin-bottom: 9px;
}

.italic {
  color: #7c7c7c;
  font-size: 11px;
}

table.zebra_stripe tbody tr td {
  padding: 8px 10px;
}

#editlabel_form ul,
#editlabelcontact_form ul {
  float: left;
  margin: 0;
  width: 50%;
}

#editlabel_form ul li:after,
#editlabelcontact_form ul li:after {
  clear: both;
}

#editlabel_form ul li:before,
#editlabel_form ul li:after,
#editlabelcontact_form ul li:before,
#editlabelcontact_form ul li:after {
  content: "";
  display: table;
  line-height: 0;
}

#editlabelcontact_form ul li span {
  float: none;
}

#editlabelcontact_form .panel:first-child .panel-content select {
  border: 1px solid #717a83;
  color: #0e3454;
  font-size: 12px;
  padding: 7px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  margin-top: 3px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 305px;
  max-width: 305px;
}

.panel-content .grayBg {
  padding: 10px;
}

.panel-content h6 {
  color: #aeb0b2;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 9px;
  text-transform: uppercase;
}

.panel-content .grayBg hr:last-child {
  display: none;
}

ul.accountForm li input {
  width: 220px;
}

ul.accountForm li select, ul.accountSettingsCountry li select {
  width: 236px;
  display: inline;
}

ul.accountForm li span.labelName {
  font-size: 1.2em;
}

p.myProfileYourContact {
  margin-bottom: 10px;
  text-align: right;
  font-size: 0.9em;
}

.submitMessage {
  float: right;
  padding: 10px;
  color: #5f851d;
}

ul.accountForm .element_container label {
  float: left;
  padding: 5px 10px 0 0;
  width: 114px;
}

ul.accountForm .element_container span.required {
  float: right;
}

ul.accountForm .validation_message {
  float: left;
  padding: 0 0 0 10px;
}

ul.accountForm .validation_message .missingForm {
  background-position: left 12px;
}

/*ACCOUNT SETTINGS*/
ul.accountSettingsCountry li {
  background-color: #ffffff;
  padding: 5px 5px 5px 15px;
  margin: 0;
}

ul.accountSettingsCountry li label {
  width: 110px;
  float: left;
  padding-right: 15px;
  padding-top: 4px;
}

ul.accountSettingsCountry li span {
  float: none;
}

ul.accountForm li select.month {
  width: 60px;
  margin-right: 10px;
}

ul.accountForm li select.year {
  width: 120px;
}

ul.accountForm li input.securityCode {
  width: 50px;
}

#labelEmailNotificationsOptionList p {
  margin-bottom: 10px;
}

.noCreditCard {
  padding: 50px;
  text-align: center;
}

/*MANAGE USERS*/
.manageUserTable {
  width: 860px;
  margin: 15px;
}

.manageUserTable td, .manageUserTable th {
  padding: 10px;
  font-size: 0.9em;
}

.manageUserTable tr th {
  text-align: left;
  padding: 5px 10px;
}

.manageUserTable td.editdelete {
  text-align: right;
  font-size: 0.9em;
  width: 100px;
}

p.userRolePermissions {
  padding: 10px 15px;
  font-size: 0.9em;
}

p.accountSettingsNote {
  padding-bottom: 15px;
}

/*FAQ INFO MODAL*/
.FAQInfoModal {
  text-align: left;
}

.FAQInfoModal h3 {
  margin: 10px;
  font-weight: bold;
}

.FAQInfoModal table {
  background-color: #FFF;
}

.FAQInfoModal table th {
  border-bottom: 1px solid #ddd;
  background-color: #f9f9f9;
  padding: 10px;
  color: #ff5a00;
}

.FAQInfoModal table td {
  padding: 10px;
}

.FAQInfoModal table td {
  font-size: 0.9em;
  border-bottom: 1px solid #ddd;
}

/*TERMS AND CONDITIONS*/
div.termsandconditions {
  padding: 20px;
}

div.termsandconditions textarea {
  padding: 10px;
}

div.termsandconditions textarea, div.termsandconditions p {
  margin: 10px 0;
}

ul.privacyPolicy {
  list-style-type: decimal;
  margin: 0 50px;
}

ul.privacyPolicy li {
  padding: 10px 0;
}

/*Release Payment Header*/
#modalWindow .paymentModal {
  min-height: 100px;
}

#displayNoProceedContainer p {
  padding: 20px 100px;
}

ul.creditCardROForm {
  margin: 0;
}

ul.creditCardROForm li span {
  float: none;
}

ul.creditCardEditForm {
  margin: 0;
  float: left;
  width: 45%;
}

.creditCardEditForm input[type=text], .creditCardEditForm #cc_type {
  -webkit-box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  -ms-box-sizing: padding-box;
  -o-box-sizing: padding-box;
  box-sizing: padding-box;
  width: 100%;
}

.nocreditcardContinue {
  margin: 20px 0;
}

.nocreditcardContinue label, .nocreditcardContinue input {
  position: relative;
  top: 10px;
  right: 20px;
}

.releaseHeader {
  width: 425px;
  float: left;
}

.releaseHeader p.releaseName {
  font-size: 1.3em;
}

.releaseHeader img {
  float: left;
  margin-right: 10px;
}

.thankYou {
  margin: 40px 100px;
}

.thankYouButtons {
  margin: 40px 0 40px 180px;
}

#vendor-logo .thumbnail {
  margin: 0 0 10px 0;
}

#admin-users .gradientMenuBar_light > a,
#admin-subaccounts .gradientMenuBar_light > a {
  padding: 0 12px;
}

.table-footer {
  padding: 10px 14px;
}

.table-footer:before,
.table-footer:after {
  content: "";
  display: table;
}

.table-footer:after {
  clear: both;
}

tr[id*=vendor_contact_row_] > .editdelete,
tr[id*=label_row_] .editdelete {
  min-width: 134px;
}

/**** Upload Audio Progress and Play ****/
span.filesize {
  color: #007be3;
  float: left;
}

div.audioUploadStatus {
  font-size: 10px;
  font-weight: bold;
  position: relative;
  margin: 0 auto;
  width: 130px;
}

div.progressBarBG {
  background: url(/alw/images/audio/progressbar-bg.png) no-repeat top left;
  float: right;
  height: 15px;
  margin: 2px;
  width: 64px;
  color: #007be3;
}

span.progressBar {
  background-color: #ff8400;
  float: left;
  margin: 1px;
  z-index: 1000;
  width: 1px;
  height: 6px;
}

button.cancel {
  background: url(/alw/images/btns/x.png) no-repeat top left;
  border: none;
  cursor: pointer;
  float: right;
  height: 12px;
  width: 12px;
}

.controlsClass {
  width: 120px;
  font-size: 10px;
  font-weight: bold;
  position: relative;
}

a.play, a.pause, a.audio {
  background: url(/alw/images/audio/play.png) no-repeat top left;
  cursor: pointer;
  height: 22px;
  position: absolute;
  text-indent: -9999px;
  width: 41px;
  left: 35px;
  top: 0;
}

a.pause {
  background-position: center -22px;
}

.track {
  background: url(/alw/images/audio/play-progressbar-bg.png) no-repeat top left;
  height: 22px;
  position: absolute;
  width: 39px;
  left: 76px;
  top: 0;
}

.playhead {
  position: absolute;
  cursor: pointer;
  background-color: #ff8400;
  opacity: 0.3;
  filter: alpha(opacity=30);
  top: 6px;
  width: 1px;
  height: 6px;
  border-right: 1px solid #ff8400;
}

.progress {
  background-color: #ff8400;
  height: 6px;
  margin: 6px 6px 0 0;
  max-width: 38px;
  position: absolute;
  width: 0;
  z-index: 1000;
  left: 0px;
}

.time, .percentage {
  color: #007be3;
  position: absolute;
  top: 2px;
  font-size: 1.2em;
}

.mute {
  display: none;
}

.percentage {
  color: #007be3;
}

div#headerWrap {
  background: rgb(205, 237, 252);
  background: -moz-linear-gradient(top, rgb(205, 237, 252) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(205, 237, 252)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(205, 237, 252) 0%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(205, 237, 252) 0%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(205, 237, 252) 0%, rgb(255, 255, 255) 100%);
  background: linear, top, rgb(205, 237, 252) 0%, rgb(255, 255, 255) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdedfc', endColorstr='#ffffff',GradientType=0 );
}

div#header {
  height: 80px;
  padding: 0 39px;
}

div#welcome {
  border-top: none;
  border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  display: inline-block;
  float: right;
  font-size: 11px;
  padding: 10px 15px;
}

#welcome a {
  color: #ff6d00;
  text-decoration: none;
}

#welcome .userName {
  font-weight: bold;
}

#welcome .userName,
#welcome .subtextlink2 {
  color: #4A4A4A;
}

/* ------------------------------------------------------------

Navigation

------------------------------------------------------------ */
div#navigation {
  position: relative;
  padding: 0 39px 10px;
  z-index: 100;
  clear: both;
}

ul#nav {
  display: inline-block;
  padding: 0;
  list-style: none;
  margin: 1em 0;
}

ul#nav li {
  float: left;
  position: relative;
  margin-left: 5px;
  display: block;
}

ul#nav > li:first-child {
  margin-left: 0;
}

ul#nav li#tFaqs, ul#nav li#tMessageCenter {
  float: right;
}

ul#nav li a.topLevel {
  color: #fff;
  font-size: 10px;
  height: 36px;
  display: block;
  line-height: 36px;
  padding-left: 12px;
  text-decoration: none;
  text-transform: uppercase;
  width: 111px;
}

ul#nav li ul {
  position: absolute;
  background: #fe983f;
  width: 123px;
  left: -9999em;
  padding-bottom: 5px !important;
  z-index: 150;
  display: block;
  top: 30px;
}

ul#nav li ul li {
  padding: 3px 3px 3px 7px;
}

ul#nav li:hover ul, ul#nav li.over ul {
  display: block;
  left: auto;
}

ul#nav li:hover ul li a, ul#nav li.over ul li a {
  display: block !important;
  background: transparent !important;
  background-image: none !important;
  text-indent: 0 !important;
  font-size: 0.85em;
  color: #fff;
  text-decoration: none;
}

ul#nav li:hover ul li a:hover, ul#nav li.over ul li a:hover {
  text-decoration: underline;
}

li#tLabelInfo,
li#tCatalogInfo,
li#tMarketing,
li#tAnalytics,
li#tAccounting {
  width: 123px;
  height: 36px;
}

li#tLabelInfo a,
li#tCatalogInfo a,
li#tMarketing a,
li#tAnalytics a,
li#tAccounting a {
  width: 123px;
}

li#tLabelInfo {
  background: #fff url(/alw/images/nav/nav_selection_buttons_grey.png) no-repeat left top;
}

li#tCatalogInfo {
  background: #fff url(/alw/images/nav/nav_selection_buttons_grey.png) no-repeat left top;
}

li#tMarketing {
  background: #fff url(/alw/images/nav/nav_selection_buttons_grey.png) no-repeat left top;
}

li#tAnalytics {
  background: #fff url(/alw/images/nav/nav_selection_buttons_grey.png) no-repeat left top;
}

li#tAccounting {
  background: #fff url(/alw/images/nav/nav_selection_buttons_grey.png) no-repeat left top;
}

li#tMessageCenter {
  margin: 0 20px;
  background: #fff url(/alw/images/nav/navMessage.png) no-repeat left top;
  width: 114px;
  height: 26px;
  margin-top: 5px;
}

li#tFaqs {
  margin: 0 20px;
  background: #fff url(/alw/images/nav/navFaqs.png) no-repeat left top;
  width: 60px;
  height: 26px;
  margin-top: 5px;
}

li#tLabelInfo:hover,
li#tLabelInfo a:hover,
li#tLabelInfo.over,
li#tLabelInfo.over a {
  background: #fff url(/alw/images/nav/nav_selection_buttons_orange.png) no-repeat left top;
}

li#tCatalogInfo:hover,
li#tCatalogInfo a:hover,
li#tCatalogInfo.over,
li#tCatalogInfo.over a {
  background: #fff url(/alw/images/nav/nav_selection_buttons_orange.png) no-repeat left top;
}

li#tMarketing:hover,
li#tMarketing a:hover,
li#tMarketing.over,
li#tMarketing.over a {
  background: #fff url(/alw/images/nav/nav_selection_buttons_orange.png) no-repeat left top;
}

li#tAnalytics:hover,
li#tAnalytics a:hover,
li#tAnalytics.over,
li#tAnalytics.over a {
  background: #fff url(/alw/images/nav/nav_selection_buttons_orange.png) no-repeat left top;
}

li#tAccounting:hover,
li#tAccounting a:hover,
li#tAccounting.over,
li#tAccounting.over a {
  background: #fff url(/alw/images/nav/nav_selection_buttons_orange.png) no-repeat left top;
}

#nav,
#nav > li,
#nav > li > a + ul,
#nav > li > a + ul > li,
#nav > li > a + ul > li > a {
  font-size: 12.8px;
  line-height: 17.9167px;
}

#nav > li > a {
  font-size: 10px;
  line-height: 36px;
}

.analyticsArtistHeaderWrap {
  margin-bottom: 14px;
}

.analyticsArtistHeader {
  padding: 22px 0 0;
}

.analyticsArtistRelease {
  width: 175px;
  float: left;
}

.analyticsArtistHeaderWrap .analyticsArtistHeader .analyticsArtistRelease {
  width: 887px;
}

#viewbydatabar {
  display: inline-block;
  margin: 0 0 20px 18px;
}

#viewbydatabar h4,
#breakdown h4,
.analyticsArtistTopHelp h4 {
  color: #002646;
  float: left;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  margin: 0 12px 0 0;
}

#breakdown h4 {
  margin-left: 18px;
}

#viewbydatabar .presetRangeArtist {
  margin: 0;
  width: auto;
}

.presetRangeArtist,
.presetRangeSocialMedia {
  float: left;
  margin: 18px 12px 0;
  width: 445px;
}

#breakdown .presetRangeSocialMedia a.month,
#breakdown .presetRangeSocialMedia a.month:link,
#breakdown .presetRangeArtist a.month,
#breakdown .presetRangeArtist a.month:link,
#viewbydatabar .presetRangeArtist a.month,
#viewbydatabar .presetRangeArtist a.month:link {
  padding: 0 12px;
  width: auto;
}

.presetRangeSocialMedia a,
.presetRangeSocialMedia a:link,
.presetRangeSocialMedia a:active,
.presetRangeSocialMedia a:visited,
.presetRangeArtist a,
.presetRangeArtist a:link,
.presetRangeArtist a:active,
.presetRangeArtist a:visited {
  width: 72px;
}

.presetRangeArtist a.month,
.presetRangeArtist a.month:link {
  width: 76px;
}

.presetRangeArtist a.last,
.presetRangeArtist a.last:link,
.presetRangeArtist a.last:hover,
.presetRangeArtist a.last:active,
.presetRangeArtist a.last:visited {
  width: 62px;
}

#topFilters {
  margin: 0 15px;
  width: 856px;
}

#subaccountsDropdownDiv,
#imprintsDropdownDiv,
#genresDropdownDiv,
#artistsDropdownDiv,
#releasesDropdownDiv,
#tracksDropdownDiv,
#catalogsDropdownDiv,
#isrcsDropdownDiv {
  background: #fff;
  border: none;
  border-top-left-radius: 0;
  box-shadow: 0 3px 3px #b8b8b8;
  padding: 0;
  -moz-border-radius-topleft: 0;
  -moz-box-shadow: 0 3px 3px #b8b8b8;
  -webkit-border-top-left-radius: 0;
  -webkit-box-shadow: 0 3px 3px #b8b8b8;
}

#topFilters #subaccountsDropdownDiv,
#topFilters #imprintsDropdownDiv,
#topFilters #genresDropdownDiv,
#topFilters #artistsDropdownDiv,
#topFilters #releasesDropdownDiv,
#topFilters #tracksDropdownDiv,
#topFilters #catalogsDropdownDiv,
#topFilters #isrcsDropdownDiv {
  margin-left: -10px;
}

#imprintsDropdownDiv ul li input#imprintsDropdownAutocompleteInput,
#subaccountsDropdownDiv ul li input#subaccountsDropdownAutocompleteInput,
#genresDropdownDiv ul li input#genresDropdownAutocompleteInput,
#artistsDropdownDiv ul li input#artistsDropdownAutocompleteInput,
#releasesDropdownDiv ul li input#releasesDropdownAutocompleteInput,
#catalogsDropdownDiv ul li input#catalogsDropdownAutocompleteInput,
#tracksDropdownDiv ul li input#tracksDropdownAutocompleteInput,
#isrcsDropdownDiv ul li input#isrcsDropdownAutocompleteInput {
  background-image: url(/alw/images/icons/analyticsMagGlassSmall.png) !important;
  background-position: 251px 3px !important;
  border-bottom: 1px solid #dbdbdb !important;
  border-left: 2px solid #dbdbdb !important;
  border-right: 1px solid #dbdbdb !important;
  border-top: 2px solid #dbdbdb !important;
  border-radius: 7px;
  float: none !important;
  font-size: 14px;
  height: 31px !important;
  margin: 12px 0 18px 10px;
  padding: 0 32px 0 8px !important;
  width: 238px !important;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.autocompleteDropdown {
  background: -moz-linear-gradient(top, #fff 90%, #e8e8e8 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.9, #fff), color-stop(0.99, #e8e8e8));
  background: -ms-linear-gradient(top, #fff 90%, #e8e8e8 99%);
  background: linear, top, #fff 90%, #e8e8e8 99%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='lightgrey',GradientType=0 );
  height: 175px;
  float: left;
  width: 300px;
  height: 200px;
  overflow: auto;
}

ul#imprintsDropdownDropdownList.autocompleteDropdown li {
  text-transform: capitalize !important;
}

.autocompleteDropdown li {
  padding: 5px;
  text-align: left;
}

.autocompleteDropdown li:hover {
  background-color: #408dc5;
  cursor: pointer;
  color: white;
}

#genresDropdownDiv .autocompleteDropdown li.more,
#artistsDropdownDiv .autocompleteDropdown li.more,
#releasesDropdownDiv .autocompleteDropdown li.more,
#tracksDropdownDiv .autocompleteDropdown li.more {
  border-bottom-left-radius: 7px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
}

#genresDropdownDiv .autocompleteDropdown li.more a,
#artistsDropdownDiv .autocompleteDropdown li.more a,
#releasesDropdownDiv .autocompleteDropdown li.more a,
#tracksDropdownDiv .autocompleteDropdown li.more a {
  color: #002646;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 2px #fff;
}

.bubbles {
  background: #004770 url(/alw/images/bgs/bubblesBg.png) top left repeat-x;
  border-radius: 7px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 4px 0 22px;
  padding: 13px 0px;
  -moz-border-radius: 7px;
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.bubbleFull,
.bubbleEmpty {
  border-radius: 7px;
  float: left;
  height: 73px;
  margin-left: 9px;
  width: 158px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.bubbleFull {
  background: #fff;
  border: 1px solid #fff;
  cursor: default;
}

.bubbleFull h4 {
  color: #002646;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 32px;
  line-height: 16px;
  margin: 6px 0 2px 9px;
  overflow: hidden;
  width: 116px;
}

div[id*=bubbleimprint].bubbleFull h4 {
  text-transform: capitalize;
}

.bubbleFull p {
  color: #999;
  display: inline-block;
  float: left;
  font-size: 11px;
  font-style: italic;
  height: 26px;
  line-height: 13px;
  margin-left: 9px;
  overflow: hidden;
}

.bubbleEmpty {
  background: rgba(255, 255, 255, 0.05);
  border: 1px dashed #717171;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  color: #808080;
  font-size: 16px;
  line-height: 73px;
  position: relative;
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.bubbleEmpty p {
  display: inline-block;
  margin-left: 8px;
}

#emptyBubble0:hover {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 50%, #d7d7d7 98%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), color-stop(0.98, #d7d7d7));
  border: 1px solid #fff;
  cursor: pointer;
}

.bubbleEmpty .plus {
  background: url("/alw/images/btns/plus_minus.png");
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: 8px;
  top: 26px;
  width: 18px;
}

#emptyBubble0.withDropdown,
#emptyBubble0.withDropdown:hover {
  background: #fff !important;
  border: 1px solid #fff;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: none;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-box-shadow: none;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-box-shadow: none;
  cursor: default;
}

.bubbleEmpty.withDropdown .plus {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.bubbleFull .plus {
  background: url("/alw/images/btns/plus_minus.png");
  cursor: pointer;
  height: 23px;
  float: right;
  margin: 26px 10px 0 0;
  width: 23px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#bottomFilters {
  padding: 0 9px;
  float: left;
}

#bottomFilters p {
  color: #aeb0b2;
  float: left;
  font-size: 11px;
  line-height: 28px;
  margin: 0 14px 19px 0;
}

.analyticsArtistHeader p#select_artists_p,
.analyticsArtistHeader p#select_releases_p,
.analyticsArtistHeader p#select_tracks_p,
.analyticsArtistHeader p#select_stores_p,
.analyticsArtistHeader p#select_countries_p,
.analyticsArtistHeader p#select_genres_p,
.analyticsArtistHeader p#select_transactionTypeIds_p,
.analyticsArtistHeader p#select_socialIds_p {
  float: left;
  margin: 0 19px 19px 0;
}

.analyticsArtistHeader p#select_stores_p {
  margin-right: 11px;
}

.analyticsArtistHeader p#select_artists_p a,
.analyticsArtistHeader p#select_releases_p a,
.analyticsArtistHeader p#select_tracks_p a,
.analyticsArtistHeader p#select_stores_p a,
.analyticsArtistHeader p#select_countries_p a,
.analyticsArtistHeader p#select_genres_p a,
.analyticsArtistHeader p#select_transactionTypeIds_p a,
.analyticsArtistHeader p#select_socialIds_p a {
  width: auto !important;
}

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px;
}

.analyticsArtistHeader .ui-helper-reset .ui-multiselect-none {
  color: #4c9ecc !important;
  font-weight: normal;
  text-decoration: underline;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: scroll;
}

.analyticsArtistHeader p .ui-multiselect-checkboxes li {
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  white-space: nowrap;
}

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
}

.analyticsArtistHeader p .ui-widget-content .ui-state-hover {
  background: #4c9ecc;
  border: none;
  border-radius: 0;
  color: #fff;
}

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}

#btnApply {
  float: right;
}

#btnApply:active {
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

.event_tooltip {
  background: #efefef;
  border: 1px solid #808080;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: none;
  padding: 8px;
  position: absolute;
  z-index: 99 !important;
}

.event_tooltip:before,
.event_tooltip:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 100%;
}

.event_tooltip.center:before,
.event_tooltip.center:after {
  left: 50%;
  margin-left: -10px;
}

.event_tooltip.right:before,
.event_tooltip.right:after {
  right: 8px;
}

.event_tooltip:before {
  border-bottom: 10px solid #404;
  top: -11px;
}

.event_tooltip:after {
  border-bottom: 10px solid #efefef;
  top: -10px;
  z-index: 1;
}

.event_tooltip input[type=text] {
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #999;
  font-style: italic;
  height: 25px;
  margin-top: 10px;
  padding: 0 6px;
  width: 100%;
}

.event_tooltip input:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: 0 0 0 1px #a1a1a1;
  -moz-box-shadow: 0 0 0 1px #a1a1a1;
  -webkit-box-shadow: 0 0 0 1px #a1a1a1;
}

.event_tooltip select {
  border: 1px solid #bbb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 11px;
  margin: 10px 0 0;
  padding: 3px;
  width: 100%;
}

.event_tooltip #event_category,
.event_tooltip #event_category option {
  color: #7f7f7f;
  font-style: italic;
}

.event_tooltip #event_category option {
  color: #4A4A4A;
  font-style: normal;
  font-weight: 400;
}

.event_tooltip select:-moz-placeholder,
.event_tooltip input[type=text]:-moz-placeholder,
.hasPlaceholder {
  color: #7f7f7f;
  font-style: italic;
}

.event_tooltip input#event_date {
  color: #999;
  float: left;
  margin-top: 0;
  width: 138px;
}

.event_tooltip .event_datepicker {
  background: url(/images/icoCalendar.gif) center center no-repeat, #fff;
  background: url(/images/icoCalendar.gif) center center no-repeat, -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: url(/images/icoCalendar.gif) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e8e8e8));
  border: 1px solid #a1a1a1;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  display: block;
  float: right;
  height: 19px;
  padding: 2px;
  width: 20px;
}

.event_tooltip .update_btn {
  margin-right: 0;
}

.event_tooltip .update_btn,
.event_tooltip .read_btn {
  margin-top: 10px;
}

.date_range .event_tooltip {
  left: -2px;
  top: 46px;
  width: 192px;
}

.small_error {
  color: red;
  font-size: 10px;
}

.date_range {
  margin: 18px 0 8px 18px;
  position: relative;
}

.date_range #artistDropdownListDiv {
  margin-top: -5px;
  position: absolute;
}

.date_range .autocompleteDropdown {
  border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
  box-shadow: 1px 1px 0 #a1a1a1, -1px 0 0 #a1a1a1;
  -moz-box-shadow: 1px 1px 0 #a1a1a1, -1px 0 0 #a1a1a1;
  -webkit-box-shadow: 1px 1px 0 #a1a1a1, -1px 0 0 #a1a1a1;
  float: none;
  min-width: 300px !important;
}

.date_range .autocompleteDropdown li {
  font-size: 11px;
}

.analyticsArtistTopHelp {
  display: inline-block;
  float: right;
  margin: 0 16px 6px 0;
}

.analyticsArtistTopHelp .smalltext {
  color: #aeb0b2;
  font-size: 11px;
  font-weight: 800;
  line-height: 8px;
  margin-bottom: 9px;
  text-transform: uppercase;
}

#heatMap .analyticsArtistTopHelp {
  float: none;
  width: 100%;
}

.date_range .create_btn {
  float: left;
  margin: 15px 0 0;
  position: relative;
}

.analyticsArtistTopHelp h4 {
  width: 126px;
}

.topDatesStart, .topDatesEnd {
  position: relative;
}

.topDatesStart {
  float: left;
}

.analyticsArtistTopHelp .topDatesStart, .analyticsArtistTopHelp .topDatesEnd {
  font-size: 11px;
  height: 27px;
  line-height: 27px;
  margin-right: 0;
  padding: 0 7px;
  text-transform: uppercase;
}

.hasDatepicker {
  border: 1px solid #ccc;
  padding: 3px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.topDatesStart img,
.topDatesEnd img {
  float: left;
  margin: 4px 0 0 9px;
  position: static;
}

.topDatesEnd {
  float: left;
}

.analyticsArtistTopHelp .topDatesEnd {
  margin-right: 1px;
}

/***** OVERVIEW GRAPHS *****/
.graphOverview {
  padding: 16px;
}

.graphOverview.ui-sortable-helper {
  background: #f9f9f9;
  border: 1px solid #c8c8c8;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.channelInfo {
  width: 175px;
  height: 115px;
  background-color: #E4E2E2;
  float: left;
  margin: 5px 0;
  position: relative;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.analyticsDataWrap .channelInfo, .socialDataWrap .channelInfo {
  background: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 7px 0 0 7px;
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.18);
  height: 135px;
  margin: 0 0 0 0;
  padding: 0 7px;
  width: 146px;
  -moz-border-radius: 7px 0 0 7px;
  -moz-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 7px 0 0 7px;
  -webkit-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.18);
}

.analyticsDataWrap p.channelNumber, .socialDataWrap p.channelNumber {
  padding: 0;
  border-bottom: none;
  border-radius: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  margin: 7px 0 6px 3px;
  text-align: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

/* GRAPH TOTAL ON MOUSE HOVER */
.graph_point {
  margin-top: 2px;
  overflow: hidden;
}

.graph_point_date {
  color: #788790;
  font-size: 9px;
  font-weight: bold;
  line-height: 8px;
  text-transform: uppercase;
}

.graph_point table {
  margin-top: 3px;
}

.graph_point_sales {
  font-size: 14px;
  text-align: right;
  min-width: 15px;
}

.graph_point_name {
  font-size: 11px;
  white-space: nowrap;
}

.breakdownMenu {
  display: inline-block;
}

.breakdownMenu a {
  margin-right: 0;
}

.analyticsDataWrap .channelInfo .detailsLink, .socialDataWrap .channelInfo .detailsLink {
  margin-left: 3px;
}

.channelGraph {
  width: 660px;
  height: 126px;
  padding: 0px;
  float: left;
  top: 16px;
  /*margin-right: 20px*/
}

.analyticsDataWrap .channelGraph, .socialDataWrap .channelGraph {
  border: 1px solid #b9b9b9;
  border-left: none;
  border-right: 2px solid #b9b9b9;
  border-top: none;
  float: left;
  /*height:122px;*/
  margin-left: 29px;
  top: 10px;
  box-shadow: inset 0 0 3px #bbb;
  -moz-box-shadow: inset 0 0 3px #bbb;
  -webkit-box-shadow: inset 0 0 3px #bbb;
}

.channelGraph canvas,
.lineGraph canvas {
  left: 2px !important;
  top: 2px !important;
}

.analyticsDataWrap .channelGraph .tickLabels, .socialDataWrap .channelGraph .tickLabels {
  z-index: 1;
  background: #e4e4e4;
  border-bottom: 1px solid #b9b9b9;
  border-right: 1px solid #b9b9b9;
  border-top: none;
  color: #777b7f !important;
  height: 122px;
  position: absolute;
  left: -29px;
  top: 4px;
  width: 32px !important;
}

.analyticsDataWrap .channelGraph .tickLabels .tickLabel,
.socialDataWrap .channelGraph .tickLabels .tickLabel {
  border-top: 1px solid #fff;
  font-weight: bold;
  left: 0 !important;
  margin-top: -2px;
  overflow: hidden;
  padding: 0px 0 8px 4px;
  right: 0 !important;
  width: 27px !important;
}

.analyticsDataWrap .channelGraph .tickLabels .tickLabel:last-child,
.socialDataWrap .channelGraph .tickLabels .tickLabel:last-child {
  border-top: none;
}

.analyticsDataWrap .monthTickLabels, .socialDataWrap .monthTickLabels {
  z-index: 0;
  background: #e4e4e4;
  border: 1px solid #b9b9b9;
  border-bottom: none;
  border-left: none;
  border-top-right-radius: 7px;
  box-shadow: inset -1px 0 2px rgba(187, 187, 187, 0.9);
  color: #a9a9a9;
  height: 13px;
  left: -29px;
  position: absolute;
  top: -10px;
  width: 690px;
  -moz-border-radius-topright: 7px;
  -moz-box-shadow: inset -1px 0 2px rgba(187, 187, 187, 0.9);
  -webkit-border-top-right-radius: 7px;
  -webkit-box-shadow: inset -1px 0 2px rgba(187, 187, 187, 0.9);
}

.analyticsDataWrap .monthTickLabels div:nth-child(1),
.socialDataWrap .monthTickLabels div:nth-child(1) {
  margin-left: 28px;
}

.emptySocialMediaDiv,
.emptyAnalyticsDiv {
  background: #fff;
  border: 3px solid #fb8b8e;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  padding: 0 8px;
  text-align: center;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  width: 80%;
}

.emptySocialMediaDiv {
  display: none;
}

.noInfo {
  font-weight: bold;
  text-align: center;
  padding: 50px;
  display: none;
}

.analyticsDisclaimer {
  margin: 0 20px 30px;
  font-size: 11px;
}

.analyticsDisclaimer hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 30px 0;
}

.analyticsDisclaimer p {
  border-top: 1px solid #ccc;
  margin: 18px 0 30px;
  padding-top: 14px;
}

/***** ANALYTICS DATEPICKER *****/
#ui-datepicker-div {
  display: none;
}

/***** ANALYTICS GRAPH TOOLTIP *****/
.graphTooltip {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 7px 0 7px 7px;
  -moz-border-radius: 7px 0 7px 7px;
  -webkit-border-radius: 7px 0 7px 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 4px;
  font-size: 0.8em;
  overflow: visible;
  position: absolute;
  display: none;
  z-index: 9999;
}

.graphTooltip .pin_holder {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-left: none;
  border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  -webkit-border-radius: 0 7px 7px 0;
  height: 16px;
  width: 16px;
  position: absolute;
  right: -11px;
  top: -1px;
  width: 10px;
}

.graphTooltip .pin_holder a {
  display: block;
  left: 1px;
  position: absolute;
  top: -6px;
}

.graphTooltip .pin_holder.in a .pin,
.graphTooltip .pin_holder.out a .pin {
  display: block;
  height: 18px;
  width: 14px;
}

.graphTooltip .pin_holder.in a .pin {
  background: url(/alw/images/analytics/pin_in.png);
}

.graphTooltip .pin_holder.out a .pin {
  background: url(/alw/images/analytics/pin_out.png);
}

.graphTooltip table {
  font-size: 11px;
}

.graphTooltip table b {
  font-size: 12px;
  margin-top: 4px;
}

.graphTooltip table .event {
  line-height: 16px;
}

a.event_close {
  background: #f0f0f0;
  border: 1px solid #979797;
  border-radius: 140px;
  -moz-border-radius: 140px;
  -webkit-border-radius: 140px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #747474;
  display: block;
  font-weight: bold;
  height: 13px;
  line-height: 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 13px;
}

a.event_close:after {
  content: "×";
  font-size: 11px;
  left: 2.25px;
  position: absolute;
  top: 0.5px;
}

#event_artist_select {
  position: relative;
}

.event_tooltip #icon_clear {
  position: absolute;
  right: 6px;
  top: 17px;
}

.tooltipNewSales {
  font-size: 16px;
  font-weight: bold;
}

.graphTooltip .tooltipArtistName {
  color: #002646;
  font: 11px helvetica, arial, sans-serif normal;
}

.graphTooltip .tooltipArtistName > div {
  height: 3px !important;
  width: 128px !important;
}

/***** ANALYTICS DETAIL PAGE *****/
#breakdown {
  position: relative;
}

#breakdown #loading_image,
#breakdown #loading_image2 {
  border: 1px solid #dedede;
  margin: 18px auto;
  padding: 10px;
  text-align: center;
  width: 220px;
}

#breakdown .presetRangeArtist,
#breakdown .presetRangeSocialMedia {
  margin: 0;
  width: auto;
}

/***** CHANNEL CHARTS AND GRAPHS *****/
.analyticsChannelTable {
  margin: 0 auto;
}

.analyticsCheckbox {
  float: left;
  height: 38px;
  width: 57px;
}

.table_header .analyticsCheckbox {
  height: 29px;
}

.analyticsChannelTableHeader .analyticsCheckbox {
  width: 60px;
}

#tableNumber,
.rowNumber,
#tableTracks,
.rowTracks,
#tableUnits,
.rowUnits,
#tablePercent,
.rowPercent,
#tableISRC,
.rowISRC,
#tableStoreCountry,
.rowStoreCountry {
  display: inline-block;
  float: left;
}

#tableStoreCountry,
.rowStoreCountry {
  padding: 0 16px;
}

.channelCharts #tableStoreCountry,
.channelCharts .rowStoreCountry {
  line-height: 38px;
  overflow: hidden;
  white-space: nowrap;
  width: 252px;
}

.channelCharts .table_header #tableStoreCountry {
  line-height: 29px;
}

.channelCharts #tableStoreCountry {
  width: 254px;
}

#tableUnits {
  padding: 0 18px;
  width: 387px;
}

#tablePercent {
  padding-left: 13px;
  width: 42px;
}

.analyticsChannelTable ul {
  border: 1px solid #fff;
  border-bottom: none;
  border-radius: 7px;
  border-top: none;
  padding-bottom: 8px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

li.analyticsTableRow.even.allData {
  background: #fff;
}

#artistBreakdown li.analyticsTableRow:before,
#artistBreakdown li.analyticsTableRow:after {
  content: "";
  display: table;
}

#artistBreakdown li.analyticsTableRow:after {
  clear: both;
}

.analyticsTableRow .analyticsCheckbox {
  border-right: 1px solid #fff;
}

.analyticsCheckbox input {
  height: 18px;
  margin: 10px 0 0 17px;
  width: 18px;
}

#networkBreakdown .rowStoreCountry,
#catalogBreakdown .rowStoreCountry,
.additionalTableRow .rowTracks,
#artistBreakdown .rowStoreCountry,
#releaseBreakdown .rowStoreCountry,
#genreBreakdown .rowStoreCountry,
#storeBreakdown .rowStoreCountry,
#countryBreakdown .rowStoreCountry,
#playsBreakdown .rowStoreCountry {
  line-height: 38px;
}

.analyticsTableRow .rowUnits,
.analyticsTableRow .rowStoreCountry {
  border-left: 1px solid #dedede;
  border-right: 1px solid #fff;
}

#imprintBreakdown .analyticsTableRow .rowStoreCountry {
  text-transform: capitalize;
}

.rowUnits {
  line-height: 38px;
  padding: 0 18px;
  vertical-align: top;
  width: 385px;
}

.allData .rowUnits {
  font-weight: normal;
  text-align: left;
}

.rowPercent {
  line-height: 38px;
  padding-left: 13px;
  vertical-align: top;
  width: 50px;
}

.analyticsTableRow .rowPercent,
.analyticsTableRow .rowPercent {
  border-left: 1px solid #dedede;
}

.unitsNumber {
  float: left;
  width: 58px;
}

.unitsBar {
  background: #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  float: left;
  height: 20px;
  margin: 8px 0 0 0;
  width: 1px;
}

div.expandRow {
  background-image: url(/alw/images/btns/plus_minus.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 23px;
  margin: 7px 18px 0 0;
  width: 23px;
}

li.additionalTableRow {
  background: #fff;
  font-weight: bold;
}

li.additionalTableRow .rowTracks {
  padding-left: 92px;
  width: 250px;
}

li.additionalTableRow .rowTracks,
li.additionalTableRow .rowUnits,
li.additionalTableRow .rowPercent {
  border-bottom: 1px solid #ebebeb;
}

.additionalTableRow .rowTrackName,
.additionalTableRow .rowReleaseName {
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}

.analyticsChannelTable.expandable .rowUnits {
  width: 345px;
}

.analyticsChannelTable.expandable .additionalTableRow .rowUnits {
  /*width:305px*/
  width: 345px;
}

li.additionalTableRow .rowNumber,
li.additionalTableRow .rowUnits,
li.additionalTableRow .rowPercent {
  color: #6b6b6b;
}

li.additionalTableRow .rowPercent {
  width: 105px;
}

#breakdownNext {
  margin: 10px 10px 0 0;
}

#breakdownPrev {
  margin: 10px 0 0 10px;
}

/*********************************************************************
HEATMAP
 *********************************************************************/
.heatmapFilter {
  float: left;
  margin-left: 18px;
}

.analyticsArtistHeader .heatmapFilter:nth-child(1) {
  width: 400px;
}

.heatmapFilter h2 {
  font-size: 22px;
  line-height: 20px;
  margin-bottom: 12px;
}

.heatmapFilter p {
  color: #AEB0B2;
  font-size: 11px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.analyticsArtistHeader .heatmapFilter:nth-child(2),
.analyticsArtistHeader .heatmapFilter:nth-child(3) {
  padding-top: 12px;
}

.heatmapFilter #releasesDropdown,
.heatmapFilter #catalogsDropdown {
  background: -moz-linear-gradient(center top, #fff 1%, #e0e0e0 90%) repeat scroll 0 0 #e0e0e0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fff), color-stop(0.9, #e0e0e0));
  border: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
  border-top: 1px solid #d3d3d3;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  padding-left: 11px;
  width: 300px;
}

.heatmapFilter .plus span {
  border-right: 1px solid #fff;
  display: inline-block;
  float: left;
  height: 26px;
  line-height: 26px;
  margin-top: 5px;
  text-align: center;
  width: 267px;
}

.heatmapFilter .plus img {
  border-left: 1px solid #e4e2e2;
  margin: 5px 5px 0 0;
}

.heatmapFilter #releaseArt {
  background: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-right: 15px;
  padding: 3px;
}

.heatmapFilter .albumName {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-shadow: 1px 1px 1px #fff;
  width: 203px;
}

.heatmapFilter .albumName .artistItalic {
  color: #aeb0b2;
  font-style: italic;
}

.heatmapFilter .albumName span {
  font-size: 12px;
  font-weight: normal;
}

.salesTotal {
  font-size: 1.5em;
  padding: 0 10px 5px 10px;
  float: left;
}

#totalSalesFigure {
  font-weight: bold;
  line-height: 18px;
}

a.salesMapLink {
  background: #E9E9E9 url(/alw/images/bgs/button_bg_gradient01.gif) repeat top left;
  padding: 5px 10px 5px 5px;
  border: 4px solid #E4E2E2;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-bottom: 30px;
}

a.salesMapLink:hover {
  background: url(/alw/images/bgs/button_bg_gradient01.gif) repeat left 67px;
  border: 4px solid #b7e2ff;
}

a.salesMapLink img {
  position: relative;
  top: 9px;
}

#breakdown #loading_image,
#breakdown #loading_image2 {
  border: 1px solid #dedede;
  margin: 18px auto;
  padding: 10px;
  text-align: center;
  width: 220px;
}

/**** HEATMAP FILTERS ****/
#heatMap .analyticsArtistTopHelp {
  padding: 20px 0 0;
}

.analyticsArtistHeader .analyticsArtistTopHelp {
  margin-top: 0;
}

.analyticsArtistTopHelp .topDatesStart,
.analyticsArtistTopHelp .topDatesEnd {
  position: relative;
}

#heatMap .analyticsArtistTopHelp div.topDatesStart {
  margin-left: 0;
}

#heatMap .analyticsArtistTopHelp .topDatesStart p,
#heatMap .analyticsArtistTopHelp .topDatesEnd p {
  color: #aeb0b2;
  font-size: 11px;
  position: absolute;
  text-transform: uppercase;
  top: -20px;
}

#heatMap .presetRangeArtist,
#heatMap .presetRangeSocialMedia {
  margin: 17px 12px 0;
}

#heatMap #btnApply {
  float: right;
  margin: 14px 18px 0 0;
  padding: 0 14px 4px;
}

.heatMapSWF {
  margin-left: 15px;
  padding: 25px 0;
}

.heatMap h3 {
  font-weight: normal;
  padding-bottom: 10px;
}

.heatMap .presetRange {
  margin: 0;
  float: right;
}

#heatmapArea {
  position: relative;
  float: left;
  width: 850px;
  height: 800px;
  border: 1px dashed black;
}

.heatmapLoading {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  z-index: 9998;
  display: none;
}

.heatmapLoading div.percentage {
  background-color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  padding: 20px;
  border: 1px solid gray;
  color: black;
  position: absolute;
  margin-left: 350px;
  margin-top: 250px;
}

/**** IPHONE TOGGLES FOR ANALYTICS ****/
.toggle .on_off {
  border-radius: 7px;
  float: left;
  margin: 0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.toggle .iPhoneCheckContainer {
  border: 1px solid rgba(82, 83, 83, 0.8);
  border-radius: 7px;
  cursor: pointer;
  height: 22px;
  overflow: hidden;
  position: relative;
  width: 107px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.toggle .iPhoneCheckContainer input {
  opacity: 0;
  position: absolute;
  top: 5px;
  left: 30px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.toggle .iPhoneCheckContainer label {
  cursor: pointer;
  display: block;
  height: 22px;
  line-height: 17px;
  font-size: 17px;
  font-weight: bold;
  overflow: hidden;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  white-space: nowrap;
  width: auto;
}

.toggle .iPhoneCheckContainer, .iPhoneCheckContainer label {
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
}

.toggle .iPhoneCheckDisabled {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.toggle label.iPhoneCheckLabelOn {
  background-color: #609318;
  background: -moz-linear-gradient(top, #cadb83 1%, #a4c12a 3%, #609318 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(227, 237, 185)), color-stop(0.03, #a4c12a), color-stop(0.9, #609318));
  color: #fff;
  border-radius: 7px 0 0 7px;
  left: 0;
  padding-top: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 7px 0 0 7px;
  -webkit-border-radius: 7px 0 0 7px;
}

.toggle label.iPhoneCheckLabelOn span {
  border-radius: 7px 0 0 7px;
  display: block;
  height: 22px;
  line-height: 24px;
  padding: 0px;
  text-align: center;
  width: 52px;
  -moz-border-radius: 7px 0 0 7px;
  -webkit-border-radius: 7px 0 0 7px;
}

.toggle label.iPhoneCheckLabelOff {
  color: #fff;
  background: -moz-linear-gradient(top, #9b9b9b 1%, #9b9b9b 6%, #c1c1c1 80%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #9b9b9b), color-stop(0.06, #9b9b9b), color-stop(0.8, #c1c1c1)) !important;
  background-color: #9b9b9b;
  border-radius: 0 7px 7px 0;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  padding-top: 0;
  right: 0;
  text-align: right;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 0 7px 7px 0;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
}

.toggle label.iPhoneCheckLabelOff span {
  display: block;
  float: right;
  height: 22px;
  line-height: 24px;
  padding-right: 0px;
  text-align: center;
  width: 52px;
}

.toggle .iPhoneCheckHandle {
  background: url("/alw/images/slider_left.png") no-repeat;
  cursor: pointer;
  display: block;
  height: 22px;
  left: 0;
  padding-left: 4px;
  position: absolute;
  top: 0;
  width: 0;
}

.toggle .iPhoneCheckHandleRight {
  background: url("/alw/images/slider_right.png") no-repeat right 0;
  height: 100%;
  padding-right: 3px;
  width: 100%;
}

.toggle .iPhoneCheckHandleCenter {
  background: url("/alw/images/slider_center.png");
  height: 100%;
  width: 100%;
}

#analyticsArtistDropdown {
  border-radius: 0 7px 7px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
  height: auto;
  margin: -5px 0 0 0;
  padding: 0 0 12px 0;
  width: 248px;
  -moz-border-radius: 0 7px 7px;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 0 7px 7px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

#inputOrangeWrap {
  background: #ff5500;
  border-left: 1px solid #c85500;
  border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
  padding: 9px;
}

#inputOrangeWrap #inputBg {
  background: #fff url(/alw/images/icons/analyticsMagGlass.png) 198px 2px no-repeat;
  border-radius: 7px;
  padding: 8px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#analyticsArtistDropdown input {
  border: none;
  font-size: 14px;
  width: 185px;
}

#artistListLoading {
  display: block;
  text-align: center;
}

#analyticsArtistDropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#analyticsArtistDropdown ul li {
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin: 0;
  padding: 0;
}

#analyticsArtistDropdown ul li:hover,
#analyticsArtistDropdown ul li:active {
  background: #3b9fcd !important;
  font-weight: normal;
}

#analyticsArtistDropdown ul li a,
#analyticsArtistDropdown ul li a:link,
#analyticsArtistDropdown ul li a:active,
#analyticsArtistDropdown ul li a:visited {
  color: #000;
  display: block;
  padding: 0 14px;
  text-decoration: none;
}

#analyticsArtistDropdown ul li a:hover,
#analyticsArtistDropdown ul li a:active {
  background: #3b9fcd !important;
  color: #fff;
  font-weight: normal;
}

#marketableEventsWrap {
  background: #fff;
  box-shadow: 0 0 6px #c4c4c4;
  border-radius: 7px;
  display: inline-block;
  padding: 0 12px 0 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0 6px #c4c4c4;
}

#marketableEventsWrap ul {
  font-size: 12px;
  margin: 0;
  list-style-type: none;
  padding: 5;
}

#marketableEventsWrap ul li {
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}

#marketableEventsWrap ul li span {
  display: inline-block;
  float: left;
}

#marketableEventsWrap ul li span input {
  height: 18px;
  margin: 0 12px 0 0;
  vertical-align: top;
  width: 18px;
}

.colorPicker {
  background: yellow;
  border: 1px solid #dedede;
  height: 16px;
  margin: 0 12px;
  width: 16px;
}

a.eventDelete,
a.eventDelete:link,
a.eventDelete:active,
a.eventDelete:hover,
a.eventDelete:visited {
  color: #000;
  font-weight: normal;
}

.bubbles span {
  padding: 5px;
  background-color: #444444;
  color: #ffffff;
  margin: 2px;
}

.graphTooltip .toolTipTotal {
  display: block;
  margin: 6px 12px 0;
}

#gen:hover {
  background-color: gray;
  color: black;
}

#colorLegend {
  float: left;
  display: none;
  position: absolute;
  z-index: 9999;
  width: 200px;
  height: 210px;
  padding: 2px;
  background-color: white;
  color: black;
  font-weight: bold;
}

.legendColorBoxes {
  padding: 5px;
  float: left;
  width: 30%;
  height: 10px;
}

.legendText {
  padding: 3px;
  float: left;
  width: 40%;
  height: 15px;
  font-size: 10px;
}

.analyticsSearchArtistBox {
  border: 1px solid #b6b9ba;
  border-radius: 7px;
  float: right;
  margin-top: 75px;
  padding: 4px 4px 4px 0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.analyticsSearchArtistBox input#search_artist_inputbox {
  border: none;
  color: #646d76;
  float: left;
  font-size: 1.5em;
  height: 28px;
  margin-top: 2px;
  padding: 0 10px;
  width: 284px;
}

.analyticsSearchArtistBox a#analyticsSearchBtn {
  background: url("/alw/images/icons/analyticsMagGlass.png") no-repeat scroll center center #fff;
  display: block;
  float: right;
  height: 31px;
  width: 29px;
}

.analyticsArtistList {
  width: 890px;
}

.analyticsArtistList table {
  width: 100%;
}

.analyticsArtistList .analyticsArtistPer {
  float: left;
  height: 188px;
  margin: 0 25px 43px 0;
  padding: 0;
}

.analyticsArtistList .analyticsArtistPer:nth-child(5n+5) {
  margin-right: 0;
}

.analyticsArtistList .analyticsArtistPer a.analyticsArtistName,
.analyticsArtistList .analyticsArtistPer a.analyticsArtistName:link,
.analyticsArtistList .analyticsArtistPer a.analyticsArtistName:active,
.analyticsArtistList .analyticsArtistPer a.analyticsArtistName:hover,
.analyticsArtistList .analyticsArtistPer a.analyticsArtistName:visited {
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin-left: 8px;
  text-decoration: none;
  width: 150px;
}

.analyticsArtistList .analyticsArtistPer a.analyticsArtistImg,
.analyticsArtistList .analyticsArtistPer a.analyticsArtistImg:link,
.analyticsArtistList .analyticsArtistPer a.analyticsArtistImg:hover,
.analyticsArtistList .analyticsArtistPer a.analyticsArtistImg:visited {
  display: block;
  height: 136px;
  margin-bottom: 11px;
  text-decoration: none;
  width: 156px;
}

.analyticsArtistList .analyticsArtistPer a.analyticsArtistImg:active img {
  box-shadow: 0 0 2px #c2c2c2;
  -webkit-box-shadow: 0 0 2px #c2c2c2;
}

.analyticsArtistList .analyticsArtistPer .analyticsArtistCountry {
  display: inline-block;
  margin-left: 8px;
}

.analyticsArtistList .analyticsArtistPer img {
  border-radius: 7px;
  box-shadow: 0 0 12px #c2c2c2;
  margin-bottom: 11px;
  padding: 8px;
  -moz-border-radius: 7px;
  -moz-box-shadow: 0 0 12px #c2c2c2;
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0 12px #c2c2c2;
}

/**** Header ****/
a#analyticsByArtist,
a#analyticsByArtist:link,
a#analyticsByArtist:active,
a#analyticsByArtist:hover,
a#analyticsByArtist:visited {
  background: #ff5500;
  background: -moz-linear-gradient(center top, #FDC2A4 1%, #FF9220 3%, #FF5500 90%) repeat scroll 0 0 #FF5500;
  background: #F50 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(253, 194, 164, 0.796875)), color-stop(0.03, #FF9220), color-stop(0.9, #F50));
  border-bottom: 1px solid #965230;
  border-left: 1px solid #c85500;
  border-right: 1px solid #da7744;
  border-top: 1px solid #d46d00;
  border-radius: 7px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  color: #eee;
  display: inline-block;
  float: right;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 0 10px 0 0;
  text-align: left;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  -moz-border-radius: 7px;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

a#analyticsByArtist h4 {
  float: left;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  max-width: 150px;
  overflow: hidden;
  padding: 0 21px;
  text-align: center;
}

#artistNameTitle {
  color: #002646;
  font-size: 18px;
  font-weight: bold;
}

#analyticsArtistName {
  color: #002646;
  font-size: 18px;
}

#analyticsOptions {
  margin-bottom: 29px;
}

.analyticsHeaderWrap {
  background: #000033 url(/alw/images/bgs/bg_gradient.gif);
  padding: 10px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.analyticsArtistHeaderWrap h3 {
  background: url("/alw/images/bgs/modTop.gif") repeat-x scroll 0 100% transparent;
  border-bottom: 1px solid #000000;
  border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  color: #FFFFFF;
  font-size: 1.3em;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}

.analyticsHeader {
  background-color: #fff;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding: 15px;
}

.analyticsArtistHeader a.btnGreen {
  border-radius: 5px;
  float: right;
  font-weight: normal;
  margin-right: 16px;
  padding: 6px 20px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.analyticsRelease {
  float: left;
  width: 425px;
}

#heatmapStoresAlert {
  background: #fff;
  border: 3px solid #fb8b8e;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  left: 28px;
  padding: 0 8px;
  position: absolute;
  top: -25px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.emptyAnalyticsDiv {
  margin: 150px auto 300px;
  padding: 30px 0;
}

#heatmapStoresAlert img {
  left: 120px;
  position: absolute;
  top: -18px;
}

#closeHeatmapStoresAlert {
  background: url(/alw/images/close_white.png) top left no-repeat;
  cursor: pointer;
  float: right;
  height: 23px;
  margin: 4px 0 0 6px;
  width: 23px;
}

#heatmapStoresAlert p {
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 32px;
}

#artistsDropdown {
  margin-left: 18px;
}

#analyticsToggleBtn {
  background-image: url(/alw/images/btns/analyticsOptionsToggle.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border-radius: 7px;
  cursor: pointer;
  float: right;
  height: 31px;
  margin-right: 18px;
  width: 31px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#analyticsToggleBtn:hover {
  background-position: 0 -32px;
}

#analyticsToggleBtn:active {
  background-position: 0 -64px;
}

#analyticsToggleTooltip {
  background: #fff;
  border: none;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding: 18px 2px;
  -moz-border-radius: 7px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  position: absolute;
  display: none;
  z-index: 9999;
}

#analyticsToggleTooltip img {
  position: absolute;
  right: -20px;
  top: 26px;
}

#filtersExpand {
  position: relative;
}

#filtersExpand div#expandFiltersBtn {
  background-image: url(/alw/images/btns/plus_minus.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 23px;
  left: 8px;
  margin: 0;
  position: absolute;
  top: -5px;
  width: 23px;
}

#bubbleDropdown {
  background: #fff;
  border: 1px solid #b8b8b8;
  border-top: none;
  border-radius: 0 7px 7px;
  display: inline-block;
  padding: 12px;
  width: 306px;
  -moz-border-radius: 0 7px 7px;
  -webkit-border-radius: 0 7px 7px;
}

.analyticsArtistRelease .filtersLabel {
  color: #adb0b1;
  display: block;
  font-size: 11px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

#filtersExpand .filtersLabel {
  padding-left: 36px;
}

#btnReset {
  background-color: #646d76;
  background: -moz-linear-gradient(top, #9b9b9b 1%, #9b9b9b 6%, #c1c1c1 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #9b9b9b), color-stop(0.06, #9b9b9b), color-stop(0.8, #c1c1c1));
  border: 1px solid #6a6a6a;
  border-radius: 7px;
  box-shadow: 0px 0px 5px #646464 inset;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 4px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 7px;
  -moz-box-shadow: 0px 0px 5px #646464 inset;
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0px 0px 5px #646464 inset;
}

.analyticsRelease p.releaseName {
  font-size: 1.3em;
}

.analyticsRelease img {
  float: left;
  margin-right: 10px;
}

#analyticsToggles .toggle {
  float: left;
  padding: 0 16px;
  width: auto;
}

#analyticsToggles .toggle.borderRight {
  border-right: 1px solid #fff;
}

#analyticsToggles .toggle.borderLeftRight {
  border-left: 1px solid #e4e2e2;
  border-right: 1px solid #fff;
}

#analyticsToggles .toggle.borderLeft {
  border-left: 1px solid #e4e2e2;
  padding-left: 16px;
}

#analyticsToggles .toggle h3 {
  color: #3b4146;
  font-size: 14px;
  margin-bottom: 8px;
  text-shadow: 1px 1px 0 #fff;
}

#analyticsCheckboxes {
  float: left;
  margin: 6px 0 0 10px;
}

#analyticsCheckboxes p {
  float: left;
  margin: 6px 18px 0 0;
}

#analyticsCheckboxes.disabled {
  color: #acacac;
}

#analyticsCheckboxes input {
  height: 15px;
  margin: 0 7px 0 0;
  padding: 0;
  width: 15px;
}

/**** Marketable Events Tooltip ****/
#marketableEventTooltipDiv {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px #505050;
  display: none;
  padding: 24px 0 12px 0;
  position: absolute;
  z-index: 9999;
  -moz-border-radius: 7px;
  -moz-box-shadow: 0 0px 10px #505050;
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0px 10px #505050;
}

#marketableEventTooltipDiv ul {
  border-bottom: 1px solid #e4e2e2;
  margin: 0 12px 12px 12px;
  width: 292px;
}

#marketableEventTooltipDiv ul li {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin-bottom: 18px;
}

#marketableEventTooltipDiv ul li span {
  float: left;
}

#marketableEventTooltipDiv ul li span a {
  font-weight: normal;
}

#marketableEventTooltipDiv ul li span.eventDateName {
  width: 180px;
  cursor: pointer;
}

#marketableEventTooltipDiv ul li span input {
  height: 18px;
  margin: 0 12px 0 0;
  padding: 0;
  width: 18px;
}

#marketableEventTooltipDiv img#customEventArrow {
  position: absolute;
  right: 33px;
  top: -10px;
}

#edit_event_form tr {
  float: left;
  margin: 0 0 14px 12px;
  width: 139px;
}

#edit_event_form tr input {
  background: none;
  border: 1px solid #b6b9ba;
  border-radius: 7px;
  padding: 4px 0;
  width: 137px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

td.full {
  position: relative;
}

td.full div {
  display: block;
  position: relative;
}

#edit_event_form .full.date div {
  background: url(/images/icoCalendar.gif) 116px 3px no-repeat;
}

#edit_event_form .full.date div:hover {
  background: url(/images/icoCalendarBlue.png) 117px 3px no-repeat;
}

#edit_event_form .full .missingForm {
  background-position: left 5px;
  font-size: 10px;
  margin-top: 2px;
}

#edit_event_form .full div .ui-datepicker-trigger {
  filter: alpha(opacity=0);
  float: right;
  height: 20px;
  margin: -26px 4px 0 0;
  opacity: 0;
  width: 137px;
  -webkit-transform: translatey(-2px);
}

#marketableEventTooltipDiv a.btnGreen, #marketableEventTooltipDiv a.btnGray {
  border-radius: 7px;
  float: right;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 21px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#marketableEventTooltipDiv a.btnGreen {
  margin: 0 12px 0 10px;
}

/**** Overview ****/
#metalBg {
  background: url(/alw/images/bgs/analyticsToolbarBg.png);
  padding-top: 6px;
}

.analyticsListBoxes {
  width: 50%;
  float: right;
}

.analyticsListBoxes ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.analyticsListBoxes ul li {
  border: 1px solid gray;
  margin: 5px;
  float: right;
  font-weight: bold;
}

.analyticsListBoxes ul a:hover, .analyticsListBoxes ul a:active, .analyticsListBoxes ul a:focus, .analyticsListBoxes ul a.current { /*this changes the background and text color for both mouse and keyboard navigators */
  color: #FFF;
  font-weight: bold;
}

.analyticsTopHelpArtist {
  margin-left: 175px;
}

/**** Filters ****/
.analyticsFilters {
  float: right;
  width: 375px;
}

.analyticsFilters p {
  float: right;
  padding: 4px 0;
  clear: right;
}

.analyticsFilters span {
  font-size: 0.9em;
}

.analyticsFilters select {
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  min-width: 240px;
}

span.multiselectLabel {
  position: relative;
  top: -7px;
  font-size: 0.9em;
}

/**** Graphs ****/
.analyticsContainer {
  font-size: 0.9em;
  margin-top: 20px;
}

.graphDetailsHelp {
  width: 160px;
  border: 4px solid #E4E2E2;
  padding: 5px;
  display: block;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.graphDetailsHelp img {
  position: relative;
  float: left;
  top: -20px;
}

img.arrowDown {
  margin-left: 20px;
}

.dateStart, .dateEnd {
  border: 4px solid #E4E2E2;
  background-color: #E9E9e9;
  padding: 5px 10px;
  display: block;
}

.dateStart {
  border-radius: 7px 7px 7px 0;
  -moz-border-radius: 7px 7px 7px 0;
  -webkit-border-radius: 7px 7px 7px 0;
}

.dateEnd {
  border-radius: 7px 7px 0;
  -moz-border-radius: 7px 7px 0;
  -webkit-border-radius: 7px 7px 0;
}

.analyticsArtistTopHelp .topDatesStart:hover,
.analyticsArtistTopHelp .topDatesEnd:hover {
  background-color: #fff;
  background: -moz-linear-gradient(top, #eaeaea 1%, #fafafa 40%, #fff 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #eaeaea), color-stop(0.4, #fafafa), color-stop(0.8, #fff));
}

.analyticsDatepicker {
  background: url(/alw/images/icons/analyticsDatepicker.png) center center no-repeat;
  display: block;
  float: right;
  height: 20px;
  margin-top: 4px;
  width: 20px;
}

.analyticsArtistTopHelp a.topDatesStart,
.analyticsArtistTopHelp a.topDatesStart:link,
.analyticsArtistTopHelp a.topDatesEnd,
.analyticsArtistTopHelp a.topDatesEnd:link {
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #000;
  display: block;
  float: left;
  font-size: 13px;
  height: 40px;
  line-height: 28px;
  padding-left: 10px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  width: 81px;
}

.analyticsArtistTopHelp a.topDatesStart:hover,
.analyticsArtistTopHelp a.topDatesEnd:hover {
  background-position: 0 -41px;
}

.analyticsArtistTopHelp a.topDatesStart:active,
.analyticsArtistTopHelp a.topDatesEnd:active {
  background-position: 0 -78px;
}

.presetRange {
  margin-left: 155px;
  float: left;
  border: 4px solid #E4E2E2;
  padding: 5px 10px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.presetRange a {
  padding: 0 5px;
  text-decoration: none;
}

.presetRange a:hover {
  text-decoration: underline;
  cursor: pointer;
}

#analyticsTabs {
  background-color: #000;
  background-image: -moz-linear-gradient(center top, #676767 0pt, #676767 50%, #525252 50%, #525252 100%);
  background-image: -webkit-linear-gradient(top, #676767 0, #676767 50%, #525252 50%, #525252 100%);
  border-radius: 7px 7px 0 0;
  height: 35px;
  margin-top: 63px;
  padding: 0 15px;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
}

#analyticsTabs ul {
  height: 35px;
}

#analyticsTabs ul li {
  border: 1px solid rgba(104, 104, 104, 0);
  border-radius: 7px;
  display: inline-block;
  float: left;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
  margin: 6px 12px 0;
  padding: 0 11px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#analyticsTabs ul li#tabsHeader {
  color: #b0b0b0;
  font-size: 11px;
  height: 33px;
  line-height: 35px;
  margin: 0 8px 0 0;
  padding: 0;
  text-transform: uppercase;
}

#analyticsTabs ul li#tabsHeader:hover {
  border: 1px solid rgba(104, 104, 104, 0);
  box-shadow: none;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

#analyticsTabs ul li:hover {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(80, 80, 80, 0.8);
  -moz-box-shadow: inset 0 1px 2px rgba(80, 80, 80, 0.8);
  -webkit-box-shadow: inset 0 1px 2px rgba(80, 80, 80, 0.8);
  box-shadow: inset 0 1px 2px rgba(80, 80, 80, 0.8);
}

#analyticsTabs ul li#tabsHeader:hover {
  background: none;
}

#analyticsTabs ul li a {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}

#analyticsTabs ul li a:active {
  font-weight: normal;
}

#placeholderFans.noData {
  background: url(/alw/images/bgs/analyticsNoDataBG.png) top left repeat;
}

#placeholderComments.noData {
  background: url(/alw/images/bgs/analyticsNoDataBG.png) top left repeat;
}

#placeholderViews.noData {
  background: url(/alw/images/bgs/analyticsNoDataBG.png) top left repeat;
}

#placeholderPlays.noData {
  background: url(/alw/images/bgs/analyticsNoDataBG.png) top left repeat;
}

#analyticsDetailsLink {
  color: #007be3;
  cursor: pointer;
  font-size: 11px;
  margin-left: 10px;
  text-decoration: underline;
}

.graphHolder {
  width: 690px;
  height: 138px;
  padding: 0px;
  float: left;
  /*margin-right: 20px*/
}

.channelDetail .analyticsDataWrap .channelGraph .tickLabels {
  height: 122px;
  top: 4px;
}

.analyticsDataWrap .channelTotal div .triangleTooltip, .socialDataWrap .channelTotal div .triangleTooltip {
  display: inline-block;
  float: right;
  height: 16px;
  width: 26px;
}

.analyticsDataWrap .channelTotal div .triangleTooltip img, .socialDataWrap .channelTotal div .triangleTooltip img {
  margin: 0 0 0 5px;
}

.analyticsDataWrap .channelTotal div .tooltip, .socialDataWrap .channelTotal div .tooltip {
  background: #fff;
  border: 1px solid #898989;
  border-radius: 7px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  height: auto;
  padding: 12px;
  width: 223px;
  -moz-border-radius: 7px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.analyticsDataWrap .channelTotal div .tooltip img, .socialDataWrap .channelTotal div .tooltip img {
  bottom: -11px;
  left: 116px;
  position: absolute;
}

.heatmapLink {
  cursor: pointer;
  display: inline-block;
  margin: 12px 0 0 3px;
}

.heatmapLink a {
  font-size: 11px;
}

#charttooltip {
  background-color: #fff;
  border-width: 0px !important;
  border: none !important;
  box-shadow: 0 0 6px #bfbfbf;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding: 5px;
  border: 2px solid #3399ff;
  font-size: 0.8em;
  position: absolute;
  display: none;
  -moz-box-shadow: 0 0 6px #bfbfbf;
  -webkit-box-shadow: 0 0 6px #bfbfbf;
}

a#displayedMarketableEvents,
a#displayedMarketableEvents:link {
  font-weight: bold;
  text-decoration: none;
}

.toolTipTotal {
  font-weight: bold;
  font-size: 1.2em;
}

.headerCell {
  white-space: nowrap;
}

.analyticsBackBtn {
  float: right;
  margin: 0 0 30px 0;
  font-size: 0.9em;
  height: 30px;
}

a.salesOverviewLink {
  background: transparent url(/alw/images/icons/graphoverview.png) no-repeat scroll right -4px;
  padding: 10px 55px 10px 0;
}

/*MARKETABLE EVENTS MODAL*/
.modal-background.marketableEventsModal {
  background: #fff;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.marketableEvents {
  width: 100%;
}

.marketableEvents td {
  padding: 5px;
  text-align: center;
}

div.color_picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url(/alw/img/arrow.gif) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}

div#color_selector {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}

div#color_custom {
  width: 100%;
  float: left;
}

div#color_custom label {
  font-size: 95%;
  color: #2F2F2F;
  margin: 5px 2px;
  width: 25%;
}

div#color_custom input {
  margin: 5px 2px;
  padding: 0;
  font-size: 95%;
  border: 1px solid #000;
  width: 65%;
}

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

#releaseBreakdown #tableTracks {
  width: 280px;
}

#releaseBreakdown .rowTracks {
  border-right: 1px solid #fff;
  width: 270px;
}

#releaseBreakdown .rowISRC {
  border-left: 1px solid #dedede;
  height: 38px;
  line-height: 38px;
}

#releaseBreakdown .rowTracks {
  color: #6b6b6b;
  height: 35px;
  text-align: left;
}

.analyticsTableRow .rowTrackName,
.analyticsTableRow .rowReleaseName {
  overflow: hidden;
  white-space: nowrap;
  width: 230px;
}

#releaseBreakdown .rowReleaseName {
  color: #8f99a0;
  font-size: 10px;
  line-height: 10px;
}

#storeBreakdown #tableStoreCountry,
#countryBreakdown #tableStoreCountry,
#playsBreakdown #tableStoreCountry {
  line-height: 29px;
}

/**** END - ARTIST ANALYTICS - CHANNEL DATA TABLES ****/
.channelCharts .google-visualization-table-table {
  color: #000;
  font-weight: bold;
}

#trackBarChart table.google-visualization-table-table tr:first-child td:first-child,
#storeBarChart table.google-visualization-table-table tr:first-child td:first-child,
#countryBarChart table.google-visualization-table-table tr:first-child td:first-child {
  border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
}

#trackBarChart table.google-visualization-table-table tr:first-child td:last-child,
#storeBarChart table.google-visualization-table-table tr:first-child td:last-child,
#countryBarChart table.google-visualization-table-table tr:first-child td:last-child {
  border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

#trackBarChart table.google-visualization-table-table td:last-child,
#storeBarChart table.google-visualization-table-table td:last-child,
#countryBarChart table.google-visualization-table-table td:last-child {
  text-align: left;
}

#trackBarChart,
#storeBarChart,
#countryBarChart {
  margin-right: 0;
  width: 520px;
}

#trackBarChart .google-visualization-table-td-number {
  text-align: left;
}

tr.barChartHeaderRow {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 33px;
}

tr.barChartHeaderRow td {
  background-image: url(/alw/images/bgs/tabledata_header_grad.png);
  background-repeat: repeat-x;
}

#trackBarChart tr.google-visualization-table-tr-odd-nonstrict {
  background: #fff;
  padding: 0 6px;
}

#trackBarChart tr.google-visualization-table-tr-even-nonstrict {
  background: #f5f5f5;
}

#trackBarChart table.google-visualization-table-table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.tracksNumber {
  text-align: center;
  width: 48px;
}

.tracksHeader {
  width: 245px;
}

.google-visualization-table-table .analyticsTableReleaseName {
  color: #8f99a0;
  font-size: 10px;
  padding: 0 2px;
  text-transform: uppercase;
}

.channelCharts #trackBarChart .google-visualization-table-table .chartBarFront {
  margin-left: -17px;
}

#trackBarChart tr td:nth-child(1),
#storeBarChart tr td:nth-child(1),
#countryBarChart tr td:nth-child(1) {
  border-right: 1px solid #fff;
  padding: 2px 0px !important;
  text-align: center;
}

#storeBarChart tr td:nth-child(1),
#countryBarChart tr td:nth-child(1) {
  text-align: left;
}

#storeBarChart tr td:nth-child(1) div,
#countryBarChart tr td:nth-child(1) div {
  margin: 6px 0 6px 4px;
  width: 352px;
}

#storeBarChart tr td.headerCell:nth-child(1),
#countryBarChart tr td.headerCell:nth-child(1) {
  text-align: center;
  width: 352px;
}

#trackBarChart tr td.headerCell:nth-child(1),
#storeBarChart tr td.headerCell:nth-child(1),
#countryBarChart tr td.headerCell:nth-child(1) {
  border: none;
}

#trackBarChart tr td:nth-child(2) {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #fff;
}

#trackBarChart tr td.headerCell:nth-child(2) {
  border: none;
}

#trackBarChart tr td:nth-child(2) div {
  margin-left: 2px;
}

#trackBarChart tr td.headerCell:nth-child(2) {
  border: none;
}

#trackBarChart tr td:nth-child(3),
#storeBarChart tr td:nth-child(2),
#countryBarChart tr td:nth-child(2) {
  border-left: 1px solid #e0e0e0;
}

#storeBarChart tr td:nth-child(2) div,
#countryBarChart tr td:nth-child(2) div {
  width: 30px !important;
}

#trackBarChart tr td.headerCell:nth-child(3),
#storeBarChart tr td.headerCell:nth-child(2),
#countryBarChart tr td.headerCell:nth-child(2) {
  border: none;
}

#storeBarChart tr td:nth-child(2),
#countryBarChart tr td:nth-child(2) {
  width: 40px;
}

#trackBarChart tr td:nth-child(3) div {
  margin-left: 6px;
}

#trackBarChart tr td:nth-child(4),
#storeBarChart tr td:nth-child(3),
#countryBarChart tr td:nth-child(3) {
  border-right: 1px solid #fff;
}

#trackBarChart tr td.headerCell:nth-child(4),
#storeBarChart tr td.headerCell:nth-child(3),
#countryBarChart tr td.headerCell:nth-child(3) {
  border: none;
}

#trackBarChart tr td:nth-child(5),
#storeBarChart tr td:nth-child(4),
#countryBarChart tr td:nth-child(4) {
  border-left: 1px solid #e0e0e0;
}

#trackBarChart tr td.headerCell:nth-child(5),
#storeBarChart tr td.headerCell:nth-child(4),
#countryBarChart tr td.headerCell:nth-child(4) {
  border: none;
  text-align: left;
}

#trackBarChart tr td:nth-child(5) div {
  margin: 0 4px;
}

.selectedTableRow {
  background-color: #c8d9aa;
}

.hoverTableRow {
  background-color: #c8d9aa;
}

.google-visualization-table-table .tableCell {
  font-size: 0.9em;
  text-transform: capitalize;
}

.releaseAnalyticsLandingLeft {
  margin: 0;
}

ul.analyzeRecentRelease {
  margin-top: 20px;
}

ul.analyzeRecentRelease li {
  float: left;
  margin: 0 10px 10px 0;
}

.releaseAnalyticsLandingRight p {
  padding: 20px 0;
}

.releaseAnalyticsLandingRight .clearborder {
  margin-top: 20px;
}

table.analyzeRecentRelease td {
  padding: 10px;
}

/*FEED INFO PAGE*/
#sales_feed_info tr th {
  white-space: nowrap;
}

table#analyticsFeedInfo tr td:first-child img {
  max-width: 170px;
  height: auto;
}

#viewbydatabar .presetRangeArtist a,
#viewbydatabar .presetRangeArtist a:link,
#viewbydatabar .presetRangeArtist a:active,
#viewbydatabar .presetRangeArtist a:visited {
  width: 62px;
}

#analyticsToggles {
  float: left;
}

.artistDateStart, .artistDateEnd {
  float: left;
}

#breakdown .presetRangeSocialMedia a.month,
#breakdown .presetRangeSocialMedia a.month:link,
#breakdown .presetRangeArtist a.month,
#breakdown .presetRangeArtist a.month:link,
#viewbydatabar .presetRangeArtist a.month,
#viewbydatabar .presetRangeArtist a.month:link {
  padding: 0 12px;
  width: auto;
}

.analyticsDataWrap .channelTotal, .socialDataWrap .channelTotal {
  margin: 0;
}

.channelTotal .channel_type {
  border-bottom: 1px solid #dedede;
  color: #002646;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 2px;
  max-height: 40px;
  overflow: hidden;
  text-align: left;
}

.channelNumber {
  padding: 5px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin: 5px 15px;
}

.pieChartDiv {
  width: 170px;
  height: 170px;
  float: left;
  padding: 50px 0 0 50px;
}

.barChartDiv {
  border-radius: 7px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  float: right;
  margin: 30px 0 0 0;
  /*min-height:270px;*/
  padding: 0 1px 4px 1px;
  width: 500px;
  -moz-border-radius: 7px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

ul li.additionalTableRow.odd {
  background: #f2f2f2;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}

/** TRACK BREAKDOWN **/
#trackBreakdown #tableNumber {
  text-align: center;
  width: 52px;
}

#trackBreakdown .rowNumber {
  border-right: 1px solid #fff;
  line-height: 38px;
  text-align: center;
  vertical-align: top;
  width: 50px;
}

#trackBreakdown #tableTracks {
  width: 230px;
}

#trackBreakdown .rowTracks,
#trackBreakdown .rowUnits,
#releaseBreakdown .rowUnits,
#releaseBreakdown .rowPercent {
  border-left: 1px solid #dedede;
  border-right: 1px solid #fff;
}

#trackBreakdown #tableISRC {
  padding-left: 28px;
  width: 137px;
}

#trackBreakdown .rowISRC {
  border-left: 1px solid #dedede;
  line-height: 38px;
  padding-left: 24px;
  vertical-align: top;
  width: 100px;
  text-align: left;
}

a.drag-handle {
  background: url(/images/grabhandle.png);
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  display: block;
  height: 12px;
  left: -15px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 12px;
}

a.drag-handle {
  cursor: url(https://mail.google.com/mail/images/2/openhand.cur) 8 8, move;
}

.ui-sortable-helper a.drag-handle {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.ui-sortable-helper a.drag-handle {
  cursor: url(https://mail.google.com/mail/images/2/closedhand.cur) 8 8, move;
}

#resetchannel {
  background: #fefefe;
  border: 1px solid #e1e1e1;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  color: #002646;
  font-size: 12px;
  padding: 13px 12px;
  width: 352px;
}

#hiddenChannels li {
  border-bottom: 1px dotted #002646;
  color: #002646;
  float: left;
  line-height: 1;
  margin-top: 6px;
  position: relative;
  width: 100%;
}

#hiddenChannels li em {
  background: #fefefe;
  font-style: normal;
  padding-bottom: 1px;
  position: relative;
  top: 0.2em;
}

#hiddenChannels li a {
  background: #fefefe;
  color: #002646;
  float: right;
  padding: 0 0 1px 6px;
  position: relative;
  top: 0.2em;
}

#resetchannel input[type=button] {
  margin-bottom: 0;
  margin-top: 12px;
}

.relative {
  min-height: 1px;
  position: relative;
  width: 100%;
}

.relative a.salesMapLink {
  bottom: 0;
  height: 13px;
  margin-bottom: 0;
  position: absolute;
}

.relative a.salesMapLink img {
  position: absolute;
  top: -9px;
}

.relative a.salesMapLink span {
  display: inline-block;
  margin-left: 39px;
}

.hide_channel {
  bottom: 4px;
  position: absolute;
}

#breakDownSelection {
  background: #fff;
  border: 1px solid #00559a;
  border-radius: 0px 4px 4px 4px;
  -moz-border-radius: 0px 4px 4px 4px;
  -webkit-border-radius: 0px 4px 4px 4px;
  display: none;
  margin: -4px 0 0 3px;
  position: absolute;
  width: auto;
  z-index: 100;
}

#breakDownSelection ul li {
  margin: 0;
  padding: 0 7px;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}

#breakDownSelection ul li:last-child {
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
}

#breakDownSelection ul li:hover {
  background: #4c9ecc;
}

#breakDownSelection ul li:hover a {
  color: #fff;
}

#breakDownSelection ul li a,
#lnkNoBreakdown {
  color: #002646;
  font-size: 11px;
  font-weight: bold;
  line-height: 22px;
  text-decoration: none;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}

#breakDownSelection ul li a:active,
#breakDownSelection ul li a:visited {
  background: transparent;
}

#breakDownSelection ul li#lnkNoBreakdown {
  line-height: 14px;
  padding: 6px 7px;
  font: 11px arial;
  font-style: italic;
  color: #808080;
}

#breakDownSelection ul li#lnkNoBreakdown:hover {
  background: #fff;
}

#shareUrlDiv {
  float: right;
  margin-right: 18px;
  position: relative;
}

#shareUrlButton {
  margin-right: 0;
}

#shareUrlMessage {
  display: none;
  left: -203px;
  top: 40px;
  width: 250px;
}

#shareUrlMessage .smalltext {
  color: inherit;
  margin: 6px;
}

#shareurl {
  margin-top: 0;
  width: 100%;
}

#top-artists-chart .table > li [class*=span] > b,
.table > li [class*=span] > span {
  line-height: 38px;
}

.table > li [class*=span]:nth-of-type(2) {
  margin-top: 5px;
}

#top-artists-chart .table > li [class*=span]:nth-of-type(2) {
  margin-top: 0;
}

.albumUnits span {
  line-height: 37px;
  margin-right: 6px;
}

.albumImage > img {
  max-height: 30px;
  max-width: 30px;
}

/*Custom Css Code for Accounting page*/
.ul-horizontal li {
  display: inline-block;
}

.ul-horizontal.padded li {
  margin-left: 2px;
}

.ul-horizontal.padded li:first-child {
  margin-left: 0px;
}

#period_button {
  position: absolute;
  right: 0;
  bottom: 1px;
}

.accounting-filter.filter-dropdown button + div {
  top: 27px;
}

.filter-dropdown > div > ul {
  height: 275px;
  overflow-y: scroll;
}

.filter-dropdown > div > ul li a {
  margin: 0 1px;
}

.filter-dropdown button.btn.dropdown-open {
  background: #fff;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  box-shadow: inset 0 0 2px #fff, 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 0 2px #fff, 0 1px 0 #fff;
}

.filter-dropdown > div > input[type=text] {
  margin: 0 6px 6px;
}

/*---------- MODAL WINDOW STYLES ----------*/
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.5;
}

.modal {
  border: 1px solid #bababa;
}

.modal-header {
  background: #fefefe; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* IE10+ */
  background: linear, to bottom, #fefefe 0%, #f5f5f5 100%; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
  border-bottom: 1px solid #cacaca;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
}

button.close {
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* IE10+ */
  background: linear, to bottom, #ffffff 0%, #fcfcfc 100%; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
  border: 1px solid #cacaca;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 3px #fff;
  -webkit-box-shadow: 0 0 3px #fff;
  color: #9b9b9b;
  font-weight: 400;
  height: 27px;
  opacity: 1;
  padding: 0 1px 4px;
  text-align: center;
  width: 27px;
}

.close:hover {
  color: #1d8bd5;
  opacity: 1;
}

.close:active {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body {
  max-height: 9999px;
  overflow: visible;
  padding: 24px 15px;
}

.modal-body > .scroller {
  max-height: 400px;
  overflow-y: auto;
}

.modal-footer {
  background-color: #fff;
  border-top: 1px solid #cacaca;
}

.modal ul li {
  margin-bottom: 8px;
}

.modal-error {
  height: 15px;
  margin-bottom: -15px;
  line-height: 10px;
}

/*---------- LABELS ----------*/
label {
  font-size: 12px;
}

/*---------- WELLS ----------*/
.well {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.1);
}

.well-small {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 12px;
}

.well-small h4 {
  margin-bottom: 7px;
}

/*---------- DISABLE AN ELEMENT WITH AN ABSOLUTE DIV ----------*/
.lockable {
  position: relative;
}

.lockable .lock {
  background-color: #fff;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

.lockable .lock .message {
  display: block;
  width: 100%;
  font-size: 200%;
  text-align: center;
  color: #333;
  padding: 200px 0 0 0;
}

/*DROPDOWN BUTTON STYLES*/
.caret {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #818081;
}

.leftCaret, .rightCaret {
  position: relative;
  text-indent: -9999px;
}

.leftCaret:after {
  border-color: transparent transparent transparent #818081;
  border-style: solid;
  border-width: 7px;
  content: " ";
  left: 50%;
  margin: -7px 0 0 -3px;
  position: absolute;
  top: 50%;
}

.rightCaret:after {
  content: " ";
  left: 50%;
  margin: -7px 0 0 -11px;
  position: absolute;
  top: 50%;
  border-color: transparent #818081 transparent transparent;
  border-style: solid;
  border-width: 7px;
}

.btn-read .caret,
.btn-create .caret,
.btn-update .caret {
  border-top-color: #efefef;
  border-bottom-color: #efefef;
}

.btn.up-down .caret {
  border: none;
  height: 12px;
  margin-left: 10px;
  position: relative;
  right: 0px;
  top: -9px;
  width: 10px;
}

.btn.btn-small.up-down .caret {
  top: -7px;
}

.btn.up-down .caret:before,
.btn.up-down .caret:after {
  content: "";
  position: absolute;
}

.btn.up-down .caret:before {
  border-bottom: 5px solid #818081;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  left: 0;
  top: 0;
}

.btn.up-down .caret:after {
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #818081;
  left: 0px;
  top: 13px;
}

/*---------- SELECT WITH DROPDOWN STYLES ----------*/
select.btn {
  width: auto;
  height: 28px;
}

/*---------- DROPDOWN WITH FILTERS ----------*/
.filter-dropdown {
  min-height: 28px;
  position: relative;
}

.filter-dropdown button + div {
  background: #fff;
  border: 1px solid #a4a4a4;
  border-left: none;
  border-radius: 0 5px 5px;
  -webkit-border-radius: 0 5px 5px;
  box-shadow: inset 1px 0 0 #a4a4a4;
  display: none;
  left: 0;
  padding: 6px 0 0;
  position: absolute;
  top: 24px;
  min-width: 232px;
  z-index: 5;
}

.accounting-filter.filter-dropdown button + div {
  top: 27px;
}

.filter-dropdown > div > ul {
  height: 275px;
  overflow-y: scroll;
}

.filter-dropdown > div > ul li a {
  margin: 0 1px;
}

.filter-dropdown button.btn.dropdown-open {
  background: #fff;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  box-shadow: inset 0 0 2px #fff, 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 0 2px #fff, 0 1px 0 #fff;
}

.filter-dropdown > div > input[type=text] {
  margin: 0 6px 6px;
}

.filter-more {
  background: #fefefe; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%); /* IE10+ */
  background: linear, to bottom, #fefefe 0%, #ececec 100%; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-left: 1px solid #A4A4A4;
}

/*---------- LOADING BAR ----------*/
img.loading-bar {
  display: block;
  margin: 20px auto;
  width: 220px;
}

.table tr.center-align th,
.table td.align-center,
.table thead th.align-center {
  text-align: center;
}

.table td.align-right {
  text-align: right;
}

.table-footer {
  padding: 10px 14px;
}

.table-footer:after {
  clear: both;
}

.table-footer:before,
.table-footer:after {
  content: "";
  display: table;
  line-height: 0;
}

.table-footer .pagination {
  margin-bottom: 0;
  margin-top: 0;
}

.table-footer #go_to_form {
  display: inline-block;
}

.table-footer .pagination input::-webkit-outer-spin-button,
.table-footer .pagination input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*Table with total*/
.table tr.table-total,
.table.table-striped tr.table-total {
  background-color: #1074be;
  background-image: -moz-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42, 184, 237, 0.6)), color-stop(100%, rgba(5, 64, 145, 0.6)));
  background-image: -webkit-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background-image: -o-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background-image: -ms-linear-gradient(top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%);
  background-image: linear, top, rgba(42, 184, 237, 0.6) 0%, rgba(5, 64, 145, 0.6) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992ab8ed', endColorstr='#99054091',GradientType=0 );
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.table.table-striped tr.table-total td {
  background-color: transparent;
  border-top: 0px solid;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  line-height: 38px;
  padding: 0 8px;
}

.table-bordered tfoot:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  border-radius: 0;
}

.table-bordered tbody:last-child tr.table-total:last-child td:first-child,
.table-bordered tbody:last-child tr.table-total:last-child td:last-child {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.table.table-striped tr.table-total td:first-child {
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  padding-left: 8px;
  text-transform: capitalize;
}

/*Table with vertical borders*/
.table-bordered {
  border: none;
}

.table-bordered th {
  border: none;
}

.table-bordered td {
  border-left: 1px solid #d1d0d0;
  border-right: 1px solid #fff;
}

.table-bordered tr td:first-child {
  border-left: none;
}

.table-bordered tr td:last-child {
  border-right: none;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-radius: 6px 0 0 0;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  border-radius: 0 6px 0 0;
}

.accounting-index .popover {
  max-width: none;
  width: auto;
}

.accounting-index .popover-content {
  min-height: 70px;
  max-height: 400px;
  overflow-y: auto;
  padding: 7px;
  width: 400px;
}

.accounting-index .popover-header {
  border-bottom: 1px solid #e5e5e5;
}

.accounting-index .popover-total {
  border-top: 1px solid #e5e5e5;
}

.accounting-index .popover-header th,
.accounting-index .popover-total td:nth-of-type(2) {
  color: #74787c;
  font-weight: 700;
  padding: 8px 0 6px;
  text-transform: uppercase;
}

.accounting-index .popover .popover-title {
  background-color: transparent;
  border: none;
  padding: 0;
}

.accounting-index .popover-content tbody tr:nth-of-type(2) td {
  padding-top: 4px;
}

.accounting-index .popover-content tbody tr td {
  font-size: 11px;
  max-width: 68%;
}

.accounting-index .popover-content tbody tr td:first-child,
.accounting-index .popover-content dl dt {
  font-size: 16px;
  font-weight: 800;
  min-width: 1%;
  text-align: right;
  white-space: nowrap;
}

.accounting-index .popover-content dl dt {
  clear: left;
  float: left;
  height: 27px;
  line-height: 27px;
  width: 29%;
  margin: 0 8px;
  vertical-align: middle;
}

.accounting-index .popover-content dl dd {
  float: left;
  min-height: 27px;
  line-height: 27px;
  margin: 0 8px;
  width: 60%;
  vertical-align: middle;
}

/* @todo: clean up on teardown of MR-92 and MR-92 */
.accounting-index .popover-content dl.new-popover dt {
  clear: none;
  float: right;
}

/* @todo: remove on teardown of MR-92 and MR-92 */
.accounting-index .popover-content dl dd.divider {
  clear: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  min-height: 1px;
  margin: 7px 0 5px 0;
}

/* @todo: remove on teardown of MR-92 and MR-92 */
.accounting-index .popover-content dl.new-popover dd.divider {
  display: none;
}

.accounting-index .popover-content dl dd span {
  line-height: 14px;
  vertical-align: text-top;
  display: inline-block;
  font-size: 11px;
}

/* @todo: remove "New" and ".new-popover" on teardown of MR-92 and MR-95 */
.statementTblNew dd:not(.subitem):last-child,
.accounting-index .popover-content dl.new-popover dt:not(.subitem):last-child {
  border-bottom: 3px double #4A4A4A;
  border-top: 1px solid #4A4A4A;
  padding: 4px 0px;
  margin-top: 4px;
  margin-right: 8px;
}

/* ACCOUNTING - FILTER DROPDOWN */
#breakdown .table tbody tr.table-total td:last-child span {
  padding-right: 0px;
}

#breakdown .table tbody tr.table-total td:last-child span.breakdown-total {
  padding-right: 2px;
}

#digiSalesDetail .modal-body ul {
  float: left;
  width: 50%;
}

#digiSalesDetail input[type=radio], input[type=checkbox] {
  margin: 0 6px 0 0;
}

#statement-overview ul.ul-horizontal {
  margin-bottom: 10px;
}

#remove_all_filters {
  float: left;
  margin: 0 0 0 7px;
}

a.reset_all_filters {
  font-style: italic;
}

li.loading-text {
  font-size: 12px;
  margin: 6px 0;
  text-align: center;
}

.accounting-filter > div[id*=wrapperget] ul[id*=ulget] > li a, a.filterByListButton {
  color: #133551;
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 2px 6px;
  text-decoration: none;
  margin: 4px 0 0 0;
}

.accounting-filter > div[id*=wrapperget] ul[id*=ulget] > li.filter-more a {
  color: #007BE3;
  text-decoration: underline;
  text-align: center;
  text-transform: lowercase;
}

.accounting-filter > div[id*=wrapperget] ul[id*=ulget] > li a:first-child {
  margin: 0 0 0 0;
}

.accounting-filter > div[id*=wrapperget] ul[id*=ulget] > li a:hover, a:hover.filterByListButton {
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  background: #4c9ecc;
}

.accounting-filter > div[id*=wrapperget] ul[id*=ulget] > li.filter-more a:hover {
  background: none;
  color: #007be3;
}

#payment-terms .panel table.table tbody tr td {
  white-space: nowrap;
}

#statement-overview #statement {
  margin-bottom: 10px;
  min-height: 148px;
}

a[id*=dropdown_] > .smalltext {
  pointer-events: none;
}

#statement-overview .well {
  min-height: 48px;
}

#breakdown table.table tr td:first-child,
#breakdown table.table tr td:nth-of-type(2) {
  max-width: 220px;
}

#dropdown_li_No_results {
  font-size: 12px;
  padding: 4px 0;
  text-align: center;
}

.offline_report {
  min-width: 119px;
  padding-left: 0;
  padding-right: 0;
}

.offline_report.downloadable {
  min-width: 103px;
}

.check-all-box {
  margin-bottom: 7px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 6px;
  margin: 6px 0 5px;
  overflow: hidden;
}

.progress-bar {
  float: left;
  min-width: 80px;
  width: 100%;
  height: 6px;
  color: #ffffff;
  text-align: center;
  background-color: #999;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear, 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent;
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}

.progress-bar[aria-valuenow="0"] {
  color: #777777;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

.viewByTxt {
  margin-right: 10px;
  padding-top: 5px;
}

.fw400 {
  font-weight: 400;
}

#chooseAccountingFilter {
  min-width: 125px;
}

.btn-small {
  padding: 3px 10px;
}

.relative {
  position: relative;
}

.btn.btn-mini[disabled=disabled]:hover {
  box-shadow: none;
  color: #002646 !important;
}

#marketing_carousel + #carousel_nav .nr {
  float: right;
  width: auto;
}

#marketing_carousel .scrollable {
  padding-top: 0;
}

.app_icon_large .icon_glare,
.app_artist_link .icon_glare,
.app_image_link .icon_glare {
  left: 0;
  position: absolute;
  top: 0;
}

.app_icon_large .icon_glare {
  background: url(/alw/images/marketplace/shiny-135-optim.png) top left no-repeat;
  height: 135px;
  width: 135px;
}

.app_artist_link .icon_glare,
.app_image_link .icon_glare {
  background: url(/alw/images/marketplace/shiny-77-optim.png) top left no-repeat;
  height: 77px;
  width: 77px;
}

.app_icon_large {
  border: 3px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  display: block;
  float: left;
  height: 135px;
  margin-right: 14px;
  position: relative;
  width: 135px;
}

.apps_container_large {
  padding: 15px;
}

.apps_container_large .app_icon_large {
  height: auto;
  width: auto;
}

#featured .content,
#installList .content,
#latest .content,
#popular .content,
#launchArtistsList .content {
  float: left;
}

.app_icon_large .freeTag {
  background: url(/images/icons/freeTag.png) top left no-repeat;
  height: 57px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 60px;
  z-index: 100;
}

.app_icon_large .discountTag {
  background: url(/images/icons/discountTag.png) top left no-repeat;
  height: 56px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 59px;
  z-index: 100;
}

#latest ul li,
#featured ul li {
  padding-bottom: 50px;
}

#latest ul li:last-child,
#featured ul li:last-child {
  padding-bottom: 0;
}

#latest h4 a:hover,
#featured h4 a:hover,
#single_app h4 a:hover {
  color: #007be3;
}

#latest .content,
#featured .content {
  width: calc(100% - 156px);
}

#latest .appProductCat,
#latest .starRatingContainer,
#featured .appProductCat,
#featured .starRatingContainer,
#single_app .appProductCat,
#single_app .starRatingContainer,
#comments .starRatingContainer {
  margin-bottom: 6px;
}

#latest .content form,
#featured .content form {
  float: left;
}

#latest b,
#featured b {
  font-size: 12px;
}

.app_description {
  word-wrap: break-word;
}

.appWrap {
  border-bottom: 1px solid #cfcfcf;
  color: #4A4A4A !important;
  margin: 0 15px 0;
  padding: 15px 0 15px 0;
}

#launchArtistsList div:last-child .appWrap:last-child {
  border: none;
}

.app_image_link {
  border: 2px solid #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  display: block;
  float: left;
  height: 77px;
  margin-right: 7px;
  position: relative;
  width: 77px;
}

.app_artist_link {
  float: left;
  height: 77px;
  margin-right: 11px;
  position: relative;
  text-align: center;
  width: 77px;
}

.app_artist_link img {
  box-shadow: 0px 1px 2px #979899;
  -moz-box-shadow: 0px 1px 2px #979899;
  -webkit-box-shadow: 0px 1px 2px #979899;
}

.appWrap .content {
  width: calc(100% - 90px);
}

.panel .vscrollNavBottom,
.panel .vscrollNavTop {
  background: #f6f6f6;
  text-align: center;
}

.panel .vscrollNavTop {
  border-bottom: 1px solid #e4e2e2;
}

.panel .next,
.panel .prev {
  cursor: pointer;
  display: inline-block;
  height: 36px;
  width: 100%;
}

.panel .prev.disabled img {
  visibility: hidden;
}

.panel .vscrollNavBottom {
  border-top: 1px solid #e4e2e2;
  border--radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}

.panel .scrollloading,
.panel .lscrollloading {
  display: inline-block;
  height: 36px;
}

.panel .scrollloading img,
.panel .lscrollloading img {
  margin-top: 10px;
}

.panel .vitem {
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
}

#installed h6 a {
  color: #4A4A4A;
  display: inline-block;
  font-size: 12px;
}

#installed h6 a:hover {
  color: #007be3;
}

#launchAppsArtists .appWrap .list-installer-button {
  display: inline-block;
}

#launchAppsArtists a#btnLaunchApp {
  max-width: 120px;
}

.installed_apps_artists .installed_apps_artist_th {
  float: left;
  margin-right: 6px;
}

.installed_apps_artists .installed_apps_artist_th:nth-child(5) {
  margin-right: 0;
}

.installed_apps_artists a {
  display: table-cell;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}

#popular .appWrap:nth-child(6) {
  border-bottom: none;
}

#popular h6 a,
#popular h6 a:link,
#popular h6 a:visited {
  color: #4A4A4A;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  word-wrap: break-word;
}

#popular h6 a:hover {
  color: #007be3;
}

#popular .freeTag {
  background: url(/images/icons/freeTagSmall.png) top left no-repeat;
  height: 36px;
  left: -3px;
  position: absolute;
  top: -3px;
  width: 36px;
  z-index: 100;
}

#popular .starRatingContainer {
  margin-bottom: 8px;
}

#popular .starRatingContainer form {
  float: left;
}

#single_app .content {
  width: 425px;
}

#single_app .content span {
  word-wrap: break-word;
}

#single_app .content form {
  float: left;
}

#reviewScroll {
  cursor: pointer;
  display: inline-block;
  line-height: 16px;
  text-decoration: underline;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

#reviewScroll:hover {
  color: #007be3;
}

#single_app .app_description {
  margin-top: 16px;
  width: 100%;
}

.readMoreToggler {
  color: #007be3;
  cursor: pointer;
  display: inline-block;
  margin: 6px 0 18px;
  text-decoration: underline;
}

.app_description p {
  margin-bottom: 12px;
}

.slideLeft,
.slideRight {
  float: left;
  padding: 120px 0px;
}

.slideLeft {
  margin: 0 8px 0 13px;
}

.slideRight {
  margin-left: 8px;
}

.slideLeft img,
.slideRight img {
  cursor: pointer;
}

#largescreen .disabled {
  visibility: hidden;
}

#largescreen .scrollable {
  float: left;
  margin: 14px 0;
  height: 295px;
  overflow-y: hidden;
  padding: 0 0 14px 0;
  width: 490px;
}

#largescreen .items div {
  display: table-cell;
  height: auto;
  padding: 0;
  text-align: center;
  width: 490px;
}

#largescreen .items div a.player,
#largescreen .items div a.player img,
#largescreen .items div a.player object {
  display: inline-block;
  height: 285px;
  margin: 0 auto;
  width: 490px;
}

#largescreen .items div a.player object {
  background-color: none;
  border: none;
  border-radius: 0;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#largescreen .scrollable p {
  font-weight: bold;
  line-height: 285px;
  text-align: center;
}

#largescreen .scrollable img {
  background: none;
  border: none;
  border-radius: none;
  display: block;
  float: none;
  margin: 0 auto;
  padding: 0;
  -moz-border-radius: none;
  -webkit-border-radius: none;
}

#largescreen .artistVideo {
  background-color: transparent;
}

#largescreen .artistVideoImage {
  border-bottom: none;
}

#largescreen div.videoImageContainer img {
  float: none !important;
  padding-left: 0 !important;
}

#largescreen div.artistVideoControls {
  display: none;
}

#largescreen div.videoImageContainer .play_video_hover {
  left: 212px;
  cursor: pointer;
}

#largescreen .scrollable object {
  background: transparent;
  border: none;
  margin: 0 0 0 40px;
  padding: 0;
}

#largescreen .items div.videoPreviewContainer {
  padding: 14px 0;
}

#comments #container ul {
  padding: 0 10px;
}

#comments h3 span {
  float: right;
  font-size: 14px;
}

#comments b {
  display: block;
  margin: 20px 12px 0;
}

#comments b.center_text {
  padding: 40px 0;
}

#comments #panel {
  margin: 20px 16px 30px 12px;
}

#comments #errorMessage,
#comments #ratingerrorMessage {
  color: #FF0000;
  font-size: 10px;
  margin-top: 6px;
  text-align: left;
}

#errorMessage img,
#ratingerrorMessage img {
  float: left;
  margin-right: 6px;
}

#comments input.read_btn {
  float: right;
  margin: 0 !important;
}

#comments ul li {
  border-top: 1px solid #ccc;
  color: #4A4A4A;
  padding: 20px 0;
}

#comments ul li:nth-child(1) {
  border-top: none;
  padding-top: 0;
}

#comments ul li b {
  font-size: 14px;
  margin: 10px 0 0;
  padding: 0;
  word-wrap: break-word;
}

#comments ul li p {
  margin-bottom: 12px;
  word-wrap: break-word;
}

a#editComment,
a#editComment:link,
a#editComment:active,
a#editComment:visited,
a#deleteComment,
a#deleteComment:link,
a#deleteComment:active,
a#deleteComment:visited {
  display: inline-block;
}

p.commentLink {
  margin-top: 5px;
}

a#installByArtist {
  margin: 20px 0 20px 0;
  display: block;
}

#launchAppsArtists {
  padding-bottom: 0;
}

#launchAppsArtists .launch-items {
  width: 100%;
}

#launchAppsArtists .launch-scrollable {
  height: 539px;
}

.uninstall_app {
  display: inline-block;
  float: right;
  margin: 9px 0 0 0;
}

#modal_overlaypickArtistWindow input.trackSearchBox {
  background-position: 10px center;
  background-size: 5% auto;
  float: none;
  font-size: 14px;
  height: 29px;
  line-height: 32px;
  margin-bottom: 15px;
  width: 214px;
}

#modal_overlaypickArtistWindow #artistsWithoutAppsHeader {
  background: #788289;
  color: #fff;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
}

#modal_overlaypickArtistWindow #artistsWithoutAppsHeader > span {
  display: inline-block;
  width: 49%;
}

#modal_overlaypickArtistWindow #artistsWithoutAppsHeader > span:last-of-type {
  text-align: right;
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp:after {
  clear: both;
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div {
  height: 100%;
  width: 85%;
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div:first-of-type {
  width: 15%;
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div > h3,
#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div > a,
#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div .launchInstalledApp {
  margin: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div > h3 {
  width: 55%;
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div .launchInstalledApp h3 {
  line-height: 28px;
  margin: 0 3px 0 0;
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp:last-child {
  border-bottom: none;
}

#modal_overlaypickArtistWindow .launchInstalledApp .list-installer-button {
  width: auto;
}

#modal_overlaygetInstallAppWindow .modal-footer {
  height: 53px;
}

#modal_overlaygetInstallAppWindow .grayBg {
  background: #e4e2e2;
  border: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  font-weight: bold;
  margin-top: 26px;
  padding: 20px;
}

#modal_overlaygetInstallAppWindow .grayBg ul {
  list-style: disc inside;
}

#modal_overlaygetInstallAppWindow #divTextbox {
  background: #fff;
  font-weight: normal;
  height: 200px;
  margin: 10px 0;
  overflow-y: scroll;
  padding: 12px;
}

#modal_overlaygetInstallAppWindow a.read_btn,
#modal_overlaygetDeleteReviewWindow a.read_btn {
  float: right;
}

.allowaccessmodalWrap p {
  margin: 10px;
}

.allowaccessmodalWrap ul {
  margin: 20px 40px 40px;
}

.allowaccessmodalWrap ul li {
  margin: 10px 0;
  list-style: disc;
}

.allowaccessmodalWrap textarea {
  padding: 10px;
}

#modal_overlaygetDeleteReviewWindow #modalBoundingBox .content {
  line-height: 150px;
  text-align: center;
}

.modal-background h3 {
  background: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 1.2em;
  font-weight: bold;
  height: auto;
  line-height: inherit;
  padding: 0;
}

#installbuttons {
  display: block;
  margin: 0 auto;
  width: 660px;
}

.starRatingContainer {
  font-size: 11px;
}

a#btnLaunchApp,
a#btnLaunchApp:link,
a#btnLaunchApp:visited,
a#btnLaunchApp:hover,
form#comment_form input.read_btn {
  margin-top: 6px;
}

.loading img {
  padding: 10px;
}

#orderDetailsWrap h3 {
  margin-bottom: 20px;
}

.paymentConfirmationButtons {
  margin: 20px 0;
  float: right;
}

.ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spread_beforeYouBegin .btn-primary, .spread_beforeYouBegin .btn-default {
  margin-bottom: 10px;
}

#html5UploadAssets #assetUploadBtn {
  margin-bottom: 10px;
}

dl.statementTbl dt {
  clear: both;
  float: left;
  min-height: 26px;
  line-height: 26px;
  padding: 0 8px;
  vertical-align: middle;
}

dl.statementTbl dt.subitem {
  padding-left: 24px;
  min-height: 17px;
  line-height: 17px;
  max-width: 270px;
  font-size: 12px;
  font-weight: 200;
  font-style: italic;
  text-transform: none;
}

dl.statementTbl dt.subitem + dd {
  font-size: 12px;
  font-weight: 200;
  min-height: 17px;
  line-height: 17px;
}

table.table td.field-value {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}

#accountingPieChart {
  height: 300px;
  width: 500px;
  overflow: hidden;
  margin: 10px 0;
}

.accounting-index .popover-content tbody tr td:first-child,
.accounting-index .popover-content dl dt {
  font-size: 15px;
  font-weight: 600;
  min-width: 1%;
  text-align: right;
  white-space: nowrap;
}

a.view_adjustment_details, a.view_perf_royalties_details, a.view_sync_licensing_details, a.view_compilations_details {
  font-style: italic;
  font-weight: 200;
  text-transform: none;
}

#viewMoreCommentsButton {
  margin: 10px;
}

.createrealesdrop {
  float: right;
  padding-top: 18px;
}

/*
 * This imports the component-based scss files for the redesign project.
 * Any new style imports should only occur here to ensure consistency
 * with our styleguide.
 *
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

:focus {
  outline: 0;
}

html,
body {
  height: 100%;
  font-family: "Rubik", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: #4A4A4A;
  background-color: #F2F2F2;
  line-height: 1.4;
}

.main-content {
  background-color: #fff;
  margin: 0 auto;
  padding: 0 25px 25px;
  text-align: left;
  width: 100% !important;
  max-width: 1225px;
  min-height: 750px;
}
.main-content #content.no-bg-layout #contentLeft {
  width: calc(100% - 395px);
}
.main-content #content.no-bg-layout #contentRight {
  margin: 0 0 0 20px;
  width: 375px;
}

.no-bg-layout {
  background: #F2F2F2;
  margin: 0 -25px -25px;
  min-height: 608px;
  padding-bottom: 40px;
}

/*Content*/
div#contentLeft {
  width: 66%;
  float: left;
  margin-top: 20px;
}

div#contentRight {
  width: 31%;
  float: left;
  margin: 18px 0 0 3%;
}

@media only screen and (max-width: 991px) {
  .main-content {
    width: 991px;
  }
  .project-manager .main-content {
    padding: 0 25px !important;
  }
  .fix-width-grid {
    width: 991px;
  }
}
.header-main {
  background-color: #4A4A4A;
  text-align: center;
}
.header-main .auth0-dropdown-menu {
  margin-top: 20px;
}
.header-main .auth0-dropdown-menu .subaccount-dropdown-item {
  display: flex;
  flex-direction: column;
  line-height: 24px;
}
.header-main .auth0-dropdown-menu .subaccount-parent-name {
  color: #A8A0A0;
  font-size: 11px;
  font-weight: 500;
}
.header-main .container {
  padding: 0 15px;
  min-width: auto;
  max-width: none;
}
.header-main .checkmark-success {
  border-bottom: 3px solid #78A22F;
  border-right: 3px solid #78A22F;
  height: 12px;
  margin-bottom: 7px;
  margin-left: 10px;
  transform: rotate(45deg);
  width: 8px;
}
.header-main .current-vendor {
  align-items: center;
  display: flex;
}
.header-main .linked-vendor-dropown-item {
  border-bottom: 1px solid #F2F2F2;
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 1024px) {
  .header-main .container {
    padding: 0;
  }
}
.header-main a {
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  background: rgba(40, 40, 40, 0);
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 0 20px;
  text-decoration: none;
  line-height: 54px;
}
.header-main a.active:not(.logo), .header-main a:hover:not(.logo) {
  background: rgb(40, 40, 40);
  cursor: pointer;
}
.header-main b {
  font-weight: 500;
}
.header-main .dropdown-menu a:hover {
  background: #e8e8e8;
}
.header-main .dropdown-toggle {
  padding-top: 10px;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 10px;
}
.header-main .dropdown-toggle:hover {
  background: rgb(40, 40, 40);
}
.header-main .dropdown.open button {
  background: rgb(40, 40, 40);
}
.header-main .right-arrow {
  margin-top: 20px;
  margin-right: 75px;
}
.header-main .right-space {
  padding-right: 20px;
}
.header-main .help {
  margin-left: 10px;
}
.header-main a.logo {
  float: left;
  line-height: 1;
  margin: 10px 36px 0 0;
  padding: 0;
}
.header-main .icon {
  width: 35px;
  height: 35px;
}
.header-main nav {
  float: left;
  font-size: 0px;
}
.header-main .account {
  float: right;
}
.header-main button {
  background: transparent;
  border: 0;
  color: #fff;
}

.block-icon {
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  width: 30px;
}

#logoLink {
  display: inline-block;
  margin: 0;
}
#logoLink a:link,
#logoLink a:visited,
#logoLink a:hover,
#logoLink a:active {
  background: url(/images/orchardlogo-optim.png) 0 no-repeat;
  display: block;
  height: 50px;
  padding-top: 20px;
  width: 134px;
}

#subaccount_impersonation_banner {
  background-color: #026ead;
  color: white;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  padding-top: 12px;
}
#subaccount_impersonation_banner a {
  color: white;
  text-decoration: underline;
}

.Header-insights-external-link {
  fill: #fff;
  height: 16px;
  position: relative;
  top: 4px;
  width: 16px;
}
.Header-insights-beta {
  bottom: 0.5rem;
  color: #d9d2d0;
  font-size: 1rem;
  position: relative;
}

.footer-main {
  background: #4a4a4a;
  color: #fff;
  padding: 30px 0 28px;
  text-align: center;
}
.footer-main img {
  height: auto;
  margin-bottom: 30px;
  max-width: 160px;
}
.footer-main a {
  color: #fff;
  margin: 0 4px;
  text-decoration: underline;
}
.footer-main p {
  margin-bottom: 15px;
}

.btn {
  -webkit-transition: color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  -moz-transition: color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  transition: color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 8px 15px 7px;
  text-transform: uppercase;
  line-height: normal;
}
.btn:not(.btn-link) {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
}
.btn:not(.disabled):hover {
  box-shadow: 1px 5px 10px #ccc;
}
.btn.btn-link:hover {
  box-shadow: none;
}
.btn[class*=btn-]:focus, .btn[class*=btn-]:active, .btn[class*=btn-].active, .btn[disabled]:hover, .btn.disabled:hover {
  box-shadow: none;
  outline: none;
}
.btn span.caret {
  background: url(/images/redesign/btn-caret.svg) no-repeat center center;
  background-size: 100%;
  transform: rotate(180deg);
  border: none;
  width: 12px;
  height: 12px;
  margin: -2px 0 0 4px;
}
.btn span.caret.back {
  margin: -2px 4px 0 0;
  transform: rotate(-90deg);
}
.btn.btn-primary {
  background-color: #FF893E;
  border-color: #FF893E;
  box-shadow: none;
}
.btn.btn-primary:hover {
  background-color: #FF893E;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: #FF893E;
  border-color: #d27b44;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 1px 0 rgba(0, 0, 0, 0.4);
}
.btn.btn-primary.disabled, .btn.btn-primary[disabled], .btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary[disabled]:focus {
  border-color: #FF893E;
  box-shadow: none;
  pointer-events: none;
  opacity: 0.5;
}
.btn.btn-default {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), #F2F2F2), -webkit-linear-gradient(#fff, #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #F2F2F2), linear-gradient( #fff, #fff);
  box-shadow: none;
  border: 1px solid #D9D2D0;
  color: #6D6565;
}
.btn.btn-default:hover {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), #e0e0e0), -webkit-linear-gradient(#fff, #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #e0e0e0), linear-gradient( #fff, #fff);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  border-color: #A8A0A0;
  color: #4A4A4A;
}
.btn.btn-default:active, .btn.btn-default.active {
  background: #F2F2F2;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-color: #A8A0A0;
  color: #4A4A4A;
}
.btn.btn-default.disabled, .btn.btn-default[disabled], .btn.btn-default.disabled:hover, .btn.btn-default[disabled]:hover, .btn.btn-default.disabled:focus, .btn.btn-default[disabled]:focus {
  background: #F2F2F2;
  box-shadow: none;
  border-color: #e0e0e0;
  color: #A8A0A0;
}
.btn.btn-danger {
  background-color: #f9f9f9;
  border-color: #bab7b7;
  color: #d9534f;
}
.btn.btn-danger:focus {
  background-color: #f9f9f9;
  border-color: #bab7b7;
  color: #d9534f;
}
.btn.btn-danger:hover, .btn.btn-danger:focus:hover, .btn.btn-danger:active, .btn.btn-danger.active {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:active {
  background-color: #f9f9f9;
  border-color: #bab7b7;
  color: #d9534f;
  pointer-events: none;
}
.btn.btn-link {
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
  color: #337ab7;
}
.btn.btn-link:hover, .btn.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
}
.btn.btn .glyphicon {
  font-size: 10px;
}
.btn.btn-sm .glyphicon {
  font-size: 9px;
}
.btn.btn-sm {
  font-size: 10px;
  padding: 4px 10px;
}
.btn.btn-sm span.caret {
  background-size: 90%;
}
.btn.btn-lg .glyphicon {
  font-size: 11px;
}
.btn.btn-lg {
  padding: 13px 20px 11px;
  font-size: 12px;
}

.btn-group-lg > .btn,
.btn-group-lg .btn-lg {
  border-radius: 3px;
}

/*** Animated Loading Buttons ****/
.loadingbtn {
  flex: 0 0 200px;
  position: relative;
}
.loadingbtn .loadingbtn-outer {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 100%;
}
.loadingbtn .loadingbtn-outer .loadingbtn-dots {
  display: flex;
  flex-wrap: wrap;
  height: 16px;
  justify-content: center;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 12px;
  visibility: hidden;
  width: 100%;
}
.loadingbtn .loadingbtn-outer .loadingbtn-dots .loadingbtn-loader-dot {
  -webkit-animation: loadingbutton-scale-dot 1.2s ease-out infinite;
  animation: loadingbutton-scale-dot 1.2s ease-out infinite;
  border-radius: 50%;
  height: 16px;
  margin: 0 4px;
  opacity: 0.75;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  visibility: inherit;
  width: 16px;
}
.loadingbtn .loadingbtn-outer .loadingbtn-dots .loadingbtn-loader-dot:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loadingbtn .loadingbtn-outer .loadingbtn-dots .loadingbtn-loader-dot:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loadingbtn .loadingbtn-outer .loadingbtn-dots .loadingbtn-loader-dot:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loadingbtn .loadingbtn-outer .loadingbtn-dots .loadingbtn-loader-dot:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.loadingbtn.btn-default.loader-active, .loadingbtn.btn-primary.loader-active, .loadingbtn.btn-danger.loader-active {
  box-shadow: none;
  opacity: 0.65;
  cursor: not-allowed;
}
.loadingbtn.btn-default.loader-active, .loadingbtn.btn-default.loader-active:focus, .loadingbtn.btn-default.loader-active:hover {
  background-color: #f9f9f9;
  border-color: #bab7b7;
}
.loadingbtn.btn-default.loader-active .loadingbtn-loader-dot, .loadingbtn.btn-default.loader-active:focus .loadingbtn-loader-dot, .loadingbtn.btn-default.loader-active:hover .loadingbtn-loader-dot {
  background: #1b3249;
}
.loadingbtn.btn-primary.loader-active, .loadingbtn.btn-primary.loader-active:focus, .loadingbtn.btn-primary.loader-active:hover {
  background-color: #faa635;
  border-color: #faac35;
}
.loadingbtn.btn-primary.loader-active .loadingbtn-loader-dot, .loadingbtn.btn-primary.loader-active:focus .loadingbtn-loader-dot, .loadingbtn.btn-primary.loader-active:hover .loadingbtn-loader-dot {
  background: #fff;
}
.loadingbtn.btn-danger.loader-active, .loadingbtn.btn-danger.loader-active:focus, .loadingbtn.btn-danger.loader-active:hover {
  background-color: #c9302c;
  border-color: #ac2925;
}
.loadingbtn.btn-danger.loader-active .loadingbtn-loader-dot, .loadingbtn.btn-danger.loader-active:focus .loadingbtn-loader-dot, .loadingbtn.btn-danger.loader-active:hover .loadingbtn-loader-dot {
  background: #fff;
}
.loadingbtn.loader-active .loadingbtn-dots,
.loadingbtn .loadingbtn-txt {
  visibility: visible;
}
.loadingbtn.loader-active .loadingbtn-txt,
.loadingbtn .loadingbtn-dots {
  visibility: hidden;
}

@keyframes loadingbutton-scale-dot {
  0% {
    transform: scale(0.5);
  }
  25% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(0.5);
  }
}
.open > .dropdown-toggle.btn-primary {
  background-color: #df860e;
  border-color: #df860e;
}
.open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:active, .open > .dropdown-toggle.btn-primary.active {
  background-color: #df860e;
  border-color: #df860e;
}

.dropdown-toggle > img {
  margin-left: 14px;
}

.dropdown-menu {
  top: 36px;
}
.dropdown-menu > li > a {
  line-height: 40px;
}

.filter-dropdown > .button-arrow::after {
  background: url("../images/icons/arrows_small.png") no-repeat scroll 0 0 transparent;
  content: "";
  height: 26px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 26px;
}

label,
.form-label {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #a2a2a2;
  margin-bottom: 5px;
}
label.small-text,
.form-label.small-text {
  text-transform: capitalize;
  font-weight: normal;
  font-size: 10px;
}

.form-control::-webkit-input-placeholder {
  color: #bab7b6;
}
.form-control::-moz-placeholder {
  color: #bab7b6;
}
.form-control:-moz-placeholder {
  color: #bab7b6;
}
.form-control:-ms-input-placeholder {
  color: #bab7b6;
}
.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0 10px;
  height: 30px;
  color: #404040;
  border: 1px solid #bab7b7;
  border-radius: 3px;
  width: 100%;
}
.form-control:focus {
  border-color: #0071CE;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 113, 207, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 113, 207, 0.6);
}

textarea.form-control {
  height: auto;
  max-width: 100%;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #fff url(https://cdn.theorchard.io/shared/images/downarrow@2x.png) no-repeat right 8px center;
  background-size: 14px 9px;
  padding-right: 28px;
  /*IE Fix for hiding the select dropdown default arrow*/
}
select.form-control::-ms-expand {
  display: none;
}
select.multiple-form {
  background: #fff;
  padding-right: 10px;
}
select.multiple-form option {
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 0;
}

.ui-datepicker-trigger {
  right: 5px;
  position: relative;
  top: -24px;
  cursor: pointer;
  float: right;
}

/*
 * Disabled Fields
 */
.disabled > .form-group {
  margin-bottom: 15px;
}
.disabled > .form-group > label {
  cursor: default;
}
.disabled > .form-group .form-control[disabled],
.disabled > .form-group .form-control[readonly],
.disabled > .form-group .form-control {
  background-color: #eee;
  opacity: 0.5;
}
.disabled > .checkbox input[type=checkbox] {
  margin-left: -20px;
  position: absolute;
}

select:disabled {
  background-color: #e4e4e4;
  opacity: 0.5;
}

/*
 * Disabled hover - Style
 */
.btn.btn-danger.disabled:hover, .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled:active {
  background-color: #f9f9f9;
  border-color: #bab7b7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
  color: #d9534f;
}

disabled,
button[disabled] {
  cursor: not-allowed;
}

/*
 * Disabled link button - Style
 */
.btn.btn-link[disabled], .btn.btn-link.disabled {
  color: #666;
}
.btn.btn-link[disabled]:hover, .btn.btn-link[disabled]:focus, .btn.btn-link[disabled]:active, .btn.btn-link.disabled:hover, .btn.btn-link.disabled:focus, .btn.btn-link.disabled:active {
  color: #666;
  text-decoration: none;
}

/*
 * Checkbox & Radio Button - Label Styling
 */
.checkbox > [type=checkbox] + label, .checkbox > [type=radio] + label, .radio > [type=checkbox] + label, .radio > [type=radio] + label {
  color: #4A4A4A;
  text-transform: initial;
  font-size: 14px;
}

/*
 * Checkbox  - Styling
 */
.checkbox > [type=checkbox]:not(:checked),
.checkbox > [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.checkbox > [type=checkbox]:not(:checked) + label,
.checkbox > [type=checkbox]:checked + label {
  position: relative;
  padding-left: 25px;
}
.checkbox > [type=checkbox]:not(:checked) + label:before, .checkbox > [type=checkbox]:not(:checked) + label:after,
.checkbox > [type=checkbox]:checked + label:before,
.checkbox > [type=checkbox]:checked + label:after {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  transition: all 0.1s linear;
}
.checkbox > [type=checkbox]:not(:checked) + label:before,
.checkbox > [type=checkbox]:checked + label:before {
  content: "";
  border: 1px solid #A8A0A0;
  background: #fff;
}
.checkbox > [type=checkbox]:not(:checked) + label:after,
.checkbox > [type=checkbox]:checked + label:after {
  content: "\e013";
  color: #026EAD;
  font-family: "Glyphicons Halflings";
  font-weight: normal;
  font-size: 10px;
  padding: 1px 3px;
  line-height: 14px;
}
.checkbox > [type=checkbox]:not(:checked) + label:hover:before,
.checkbox > [type=checkbox]:checked + label:hover:before {
  border: 1px solid #6D6565;
}
.checkbox > [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.checkbox > [type=checkbox]:checked + label:before,
.checkbox > [type=checkbox]:checked + label:hover:before {
  border: 1px solid #026EAD;
}
.checkbox > [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.checkbox > [type=checkbox]:not(:checked):disabled + label,
.checkbox > [type=checkbox]:checked:disabled + label {
  cursor: not-allowed;
}
.checkbox > [type=checkbox]:not(:checked):disabled + label:before,
.checkbox > [type=checkbox]:checked:disabled + label:before {
  background-color: #F2F2F2;
  border: 1px solid #D9D2D0;
  color: #D9D2D0;
  cursor: not-allowed;
  opacity: 1;
}
.checkbox > [type=checkbox]:not(:checked):disabled + label:after,
.checkbox > [type=checkbox]:checked:disabled + label:after {
  color: #D9D2D0;
}
.checkbox > [type=checkbox][data-indeterminate] + label:after {
  content: "−";
  left: 2px;
  opacity: 1;
  transform: scale(1);
}

/*
 * Radio Button  - Styling
 */
.radio input[type=radio] {
  margin-top: 2px;
}
.radio > [type=radio]:not(:checked),
.radio > [type=radio]:checked {
  position: absolute;
  left: -9999px;
}
.radio > [type=radio]:not(:checked) + label,
.radio > [type=radio]:checked + label {
  position: relative;
  padding-left: 25px;
}
.radio > [type=radio]:not(:checked) + label:before, .radio > [type=radio]:not(:checked) + label:after,
.radio > [type=radio]:checked + label:before,
.radio > [type=radio]:checked + label:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  transition: all 0.1s linear;
}
.radio > [type=radio]:not(:checked) + label:before,
.radio > [type=radio]:checked + label:before {
  left: 1px;
  top: 50%;
  margin-top: -9px;
  width: 16px;
  height: 16px;
  border: 1px solid #A8A0A0;
  background: #fff;
}
.radio > [type=radio]:not(:checked) + label:after,
.radio > [type=radio]:checked + label:after {
  top: 50%;
  margin-top: -4px;
  left: 6px;
  background: #026EAD;
  width: 6px;
  height: 6px;
  line-height: 13px;
}
.radio > [type=radio]:not(:checked) + label:hover:before,
.radio > [type=radio]:checked + label:hover:before {
  border: 1px solid #6D6565;
}
.radio > [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.radio > [type=radio]:checked + label:before,
.radio > [type=radio]:checked + label:hover:before {
  border: 1px solid #026EAD;
}
.radio > [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.radio > [type=radio]:not(:checked):disabled + label,
.radio > [type=radio]:checked:disabled + label {
  cursor: not-allowed;
}
.radio > [type=radio]:not(:checked):disabled + label:before,
.radio > [type=radio]:checked:disabled + label:before {
  background-color: #F2F2F2;
  border: 1px solid #D9D2D0;
  color: #D9D2D0;
  cursor: not-allowed;
  opacity: 1;
}
.radio > [type=radio]:not(:checked):disabled + label:after,
.radio > [type=radio]:checked:disabled + label:after {
  background-color: #D9D2D0;
}
.radio > [type=radio][data-indeterminate] + label:after {
  content: "−";
  left: 2px;
  opacity: 1;
  transform: scale(1);
}
.radio.inline {
  display: inline-block;
  margin-right: 10px;
}

/*validation error class*/
.invalid-input .input-group-addon,
.invalid-input .blankInput {
  border-color: #e42600;
}
.invalid-input .form-control {
  border: 1px solid #e42600;
}
.invalid-input label,
.invalid-input .input-group-addon {
  color: #e42600;
}

/*Radio Buttons with Button Group Styles*/
.radio-btn-group input[type=radio] {
  display: none;
}
.radio-btn-group .btn > label {
  margin-bottom: 0;
}

.flex-form {
  display: flex;
}

/*FOR PAGINATION LIMIT*/
.pagination-panel ul.pagination {
  height: auto;
  margin: 0;
}
.pagination-panel ul.pagination li {
  display: none;
  float: left;
}
.pagination-panel ul.pagination li.active, .pagination-panel ul.pagination li.show, .pagination-panel ul.pagination li.next-arrow, .pagination-panel ul.pagination li.prev-arrow, .pagination-panel ul.pagination li.first, .pagination-panel ul.pagination li.last, .pagination-panel ul.pagination li.ellipses {
  display: block;
}

/***Pagination Link Styling****/
ul.pagination li.disabled > a,
ul.pagination li.disabled > span,
ul.pagination li.disabled > a:hover,
ul.pagination li.disabled > span:hover,
ul.pagination li.disabled > a:focus,
ul.pagination li.disabled > span:focus, ul.pagination li > a:focus,
ul.pagination li > span:focus, ul.pagination li > a,
ul.pagination li > span {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), #F2F2F2), -webkit-linear-gradient(#fff, #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #F2F2F2), linear-gradient( #fff, #fff);
  box-shadow: none;
  border: 1px solid #D9D2D0;
  color: #6D6565;
}

ul.pagination {
  list-style: none;
}
ul.pagination li > a,
ul.pagination li > span {
  border-radius: 3px;
  font-size: 11px;
  font-weight: 500;
  display: list-item;
  margin-left: 10px;
  padding: 9px 15px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: pre-wrap;
}
ul.pagination li > a:hover,
ul.pagination li > span:hover {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), #e0e0e0), -webkit-linear-gradient(#fff, #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #e0e0e0), linear-gradient( #fff, #fff);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  border-color: #A8A0A0;
  color: #4A4A4A;
}
ul.pagination li.prev-arrow > a:before,
ul.pagination li.prev-arrow > span:before, ul.pagination li.next-arrow > a:before,
ul.pagination li.next-arrow > span:before {
  content: " ";
  display: inline;
}
ul.pagination li.active > a,
ul.pagination li.active > span,
ul.pagination li.active > a:hover,
ul.pagination li.active > span:hover,
ul.pagination li.active > a:focus,
ul.pagination li.active > span:focus {
  background: #F2F2F2;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-color: #A8A0A0;
  color: #4A4A4A;
}
.panel-secondary, .panel-default {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.panel-secondary .panel-heading, .panel-default .panel-heading {
  background-color: #fff;
  padding: 6px 0;
  border-bottom: 0px solid #bab7b7;
}
.panel-secondary .panel-heading .panel-title, .panel-default .panel-heading .panel-title {
  color: #4A4A4A;
  font-size: 18px;
}
.panel-secondary .panel-body, .panel-default .panel-body {
  padding: 20px 0;
}
.panel-secondary .panel-footer, .panel-default .panel-footer {
  background: none;
  border: 0px solid #8b8b8b;
}

.panel-default {
  border-bottom: 1px solid #D9D2D0;
}

.panel-gray {
  background-color: #F2F2F2;
  padding: 10px;
}

.table {
  margin-top: 5px;
}
.table tr {
  height: 25px;
}
.table thead tr th {
  border: none;
  border-top: 1px solid #D9D2D0;
  border-bottom: 1px solid #D9D2D0;
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background: #fff;
  vertical-align: middle;
  cursor: default;
  padding: 4px 8px;
}
.table thead tr th a {
  color: #a1a1a1;
}
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
  border-top: 1px solid #D9D2D0;
}
.table tbody tr td {
  border-bottom: 1px solid #F2F2F2;
  border-top: none;
  font-size: 13px;
}

.table-bordered {
  border: 1px solid #e0e0e0;
}
.table-bordered thead tr th, .table-bordered thead tr td, .table-bordered tbody tr th, .table-bordered tbody tr td, .table-bordered tfoot tr th, .table-bordered tfoot tr td {
  border: 1px solid #e0e0e0;
}
.table-bordered thead tr th, .table-bordered thead tr td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(even) {
  background-color: transparent;
}
.table-striped tbody tr:nth-child(even) th, .table-striped tbody tr:nth-child(even) td {
  background-color: #efefef;
}
.table-striped tbody tr td {
  border: none;
}

.table-hover tbody tr:hover {
  background-color: #f1f5f9;
  cursor: pointer;
}

.table-sorter thead tr th.headerSortUp, .table-sorter thead tr th.headerSortDown,
.table-sorter thead tr th.tablesorter-headerDesc, .table-sorter thead tr th.tablesorter-headerAsc {
  cursor: pointer;
  padding-right: 18px;
  position: relative;
}
.table-sorter thead tr th.headerSortUp:after, .table-sorter thead tr th.headerSortDown:after,
.table-sorter thead tr th.tablesorter-headerDesc:after, .table-sorter thead tr th.tablesorter-headerAsc:after {
  content: "";
  background: #a2a2a2;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
}
.table-sorter thead tr th.headerSortUp,
.table-sorter thead tr th.tablesorter-headerDesc {
  background: url("/../images/redesign/up-arrow.svg") no-repeat #fff right 5px top 50%;
}
.table-sorter thead tr th.headerSortDown,
.table-sorter thead tr th.tablesorter-headerAsc {
  background: url("/../images/redesign/down-arrow.svg") no-repeat #fff right 5px top 50%;
}

.table.tall tbody tr td,
.table.table-striped.tall tbody tr td {
  height: 110px;
}

.table-input-select {
  margin-top: 0;
}
.table-input-select .no-data-found {
  color: #6D6565;
  font-weight: 500;
  padding-top: 30px;
}
.table-input-select .checkbox {
  margin: 0px;
}
.table-input-select .table-row-bg {
  background: #ebf2f5;
}
.table-input-select .th-head-space {
  padding: 0px 12px;
}

.table-button-section {
  border: 1px solid #D9D2D0;
  border-top: 0;
  margin-top: 0px;
  padding: 15px 0;
}

.expand-collapse-table-panel > tr {
  display: none;
}
.expand-collapse-table-panel.expanded tr,
.expand-collapse-table-panel tr.display-row,
.expand-collapse-table-panel tr.toggle-row-panel,
.expand-collapse-table-panel tr.exclude-row {
  display: table-row;
}
.expand-collapse-table-panel .toggle-row-panel .expand-collapse-btn:before {
  content: "+";
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  font-family: "Glyphicons Halflings";
  margin-right: 10px;
  position: relative;
}
.expand-collapse-table-panel.expanded .toggle-row-panel .expand-collapse-btn:before {
  content: "−";
}

.data td,
.data th {
  border: 1px solid #D9D2D0;
}

/* 
This is common css class only for cursor hand pointer
*/
.handPointer {
  cursor: pointer;
}

/* 
This is common css class only for display none.
We have intentionally defined this class as the bootstrap's .hide class comes with !important.
*/
.notDisplay {
  display: none;
}

/* 
This is common css class only for display block.
We have intentionally defined this class as the bootstrap's .show class comes with !important.
*/
.visible-block {
  display: block;
}

/* 
This is common css class only for 100% width.
*/
.full-width {
  width: 100%;
}

/* 
This is common css class only for overflow hide
*/
.hide-overflow {
  overflow-y: hidden;
}

/* 
This is common css class only for input-group-btn class.
We have intentionally defined this class as the bootstrap's .input-group-btn class makes the button stick to input/select tag when used with input-group.
*/
.input-group-btn.space-left {
  padding-left: 10px;
}

.input-group-btn.space-right {
  padding-right: 10px;
}

/* 
This is common css class only for input button left space.
*/
.input-btn-left-space {
  margin-left: 5px;
}

/* 
This is common css class only for right space.
*/
.right-space {
  margin-right: 5px;
}

/* 
This is common css class only for left space.
*/
.left-space {
  margin-left: 5px;
}

/* 
This is common css class only for bottom space.
*/
.bottom-space {
  margin-bottom: 5px;
}

/* 
This is common css class only for zero margin bottom.
*/
.zero-margin-bottom {
  margin-bottom: 0;
}

/* 
This is common css class only for z index 0.
*/
.zero-index {
  z-index: 0;
}

/*
This is a common css class for missing form value message
*/
.missingForm {
  background: url(/images/icons/missing.png) no-repeat scroll 0 center;
  padding-left: 22px;
  color: red;
  margin-top: 4px;
  line-height: 18px;
}

/*
This is a common css class to set font size.
*/
.lead {
  font-size: 16px;
}

/*
This is a common css class to show trash icon on danger buttons & delete links wherever required.
*/
.trash-icon {
  background: url("/images/redesign/red-trash.svg") no-repeat center center;
  text-indent: -10000px;
  direction: ltr;
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.trash-icon.btn-danger {
  height: auto;
}
.trash-icon.btn-danger:hover {
  background: url("/images/redesign/white-trash.svg") #c9302c no-repeat center center;
}

.modular-section {
  background-color: #fff;
  padding: 20px;
  border-radius: 3px !important;
  border: 1px solid #D9D2D0 !important;
  margin: 20px 0 0;
}
.modular-section.react-app-module .module-title {
  display: none;
}

/*
This is a common css class with @mixin to style help text under form fields.
*/
.helptext {
  font-size: 11px;
  color: #4a4a4a;
}

/* 
This is common css class only for font weight normal bold.
*/
.font-weight {
  font-weight: 500;
}

/* 
This is common css class only for border bottom none.
*/
.border-bottom-none {
  border-bottom: none;
}

.strike-through {
  text-decoration: line-through;
}

.bold {
  font-weight: 500;
}

/*
This is common css class only for top space.
*/
.top-space {
  margin-top: 5px;
}

/*
This is common css class only for top margin.
*/
.top-margin-space {
  margin-top: 20px;
}

/*
This is common css class to input field example text.
*/
.example-text {
  color: #a2a2a2;
  font-size: 12px;
}

/*
This is common css class to show text color red.
*/
.error {
  color: #e42600;
}

/*
This is common css class only for required field asterisk sign.
*/
.required {
  color: #a2a2a2;
}

/*
This is a common css class to set margin zero.
*/
.no-margin {
  margin: 0;
}

/*
This is a common css class to set padding zero.
*/
.no-padding {
  padding: 0;
}

/*
This class will be used for message spacing.
*/
.message-space {
  margin: 40px 15px;
}

#bread {
  display: inline-block;
  padding: 10px 0 5px;
}

#bread a {
  color: #4A4A4A;
  font-weight: 500;
  font-size: 12px;
  text-transform: capitalize;
}
#bread a:before {
  content: "← ";
  font-size: 14px;
}
#bread a:focus {
  outline: none;
}

.main-subnav {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 20px;
  padding-top: 30px;
}
.main-subnav a {
  border-bottom: 2px solid transparent;
  color: #A8A0A0;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-right: 30px;
  margin-bottom: -1px;
  padding-bottom: 10px;
  text-decoration: none;
}
.main-subnav a:hover {
  border-bottom: 2px solid #A8A0A0;
  cursor: pointer;
}
.main-subnav a.active {
  border-bottom: 2px solid #4A4A4A;
  color: #4A4A4A;
  cursor: pointer;
}
.main-subnav .badge {
  background-color: #FF893E;
  border-radius: 3px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-left: -25px;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.2rem;
}

h1, h2, h3, h4, h5, h6 {
  color: #4a4a4a;
  font-weight: normal;
  margin-bottom: 0;
}

h1 {
  font-size: 32px;
  line-height: 38px;
  margin-top: 9px;
}

h2 {
  font-size: 24px;
  line-height: 32px;
  margin-top: 11px;
}

h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 14px;
}

h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 17px;
}

h5 {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 24px;
}

h6 {
  font-size: 11px;
  line-height: 1.75;
  margin-top: 28px;
}

a {
  color: #026EAD;
  text-decoration: none;
}

p {
  line-height: 1.5;
}

b,
strong {
  font-weight: 500;
}

.alert {
  background-color: #f7f7f7;
  border: 2px solid #bab7b7;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 0px;
}
.alert > p, .alert > ul {
  margin-bottom: 0;
}
.alert:empty {
  display: none;
}
.alert.alert-success {
  background-color: #dfebf5;
  border-color: #026ead;
  color: #026ead;
}
.alert.alert-success.alert-img {
  background-image: url("../oa/images/alert-success-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px 7px;
  padding-left: 40px;
}
.alert.alert-danger {
  background-color: #fcd7d4;
  border-color: #d46258;
  color: #d46258;
}
.alert.alert-danger.alert-img {
  background-image: url("../oa/images/alert-danger-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px 7px;
  padding-left: 40px;
}
.alert.alert-warning {
  background-color: #fffbc4;
  border-color: #e18752;
  color: #e18752;
}
.alert.alert-warning.alert-img {
  background-image: url("../oa/images/alert-warning-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px 7px;
  padding-left: 40px;
}
.alert.alert-warning-gentle {
  background-color: #fefbea;
  border-color: #fdf0a7;
  color: #6D6565;
}
.alert.alert-warning-gentle.alert-img {
  background-image: url("../oa/images/alert-warning-gentle-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px 7px;
  padding-left: 40px;
}
.alert.alert-warning {
  background-color: #fffbc4;
  border-color: #e18752;
  color: #e18752;
}
.alert.alert-warning.alert-img {
  background-image: url("../oa/images/alert-warning-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px 7px;
  padding-left: 40px;
}
.alert.alert-warning-orange {
  background-color: #fff3ea;
  border-color: #fff3ea;
  color: #ff893e;
}
.alert.alert-warning-orange.alert-img {
  background-image: url("../oa/images/alert-warning-orange-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px 15px;
  padding-left: 50px;
}

.tooltip::before {
  background: transparent none repeat scroll 0 0;
  border: 8px solid transparent;
}

.tooltip {
  font-family: "Rubik", sans-serif;
}

.tooltip {
  max-width: 200px;
  padding: 8px;
  color: #fff;
  opacity: 1;
  background-color: #4a4a4a;
  border-radius: 3px;
  letter-spacing: 1px;
}
.tooltip.tooltip-sm-width {
  max-width: 140px;
  font-size: 11px;
  word-wrap: break-word;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top, .tooltip.bottom {
  background: none;
}
.tooltip.top .tooltip-arrow, .tooltip.bottom .tooltip-arrow {
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.tooltip.top .tooltip-arrow {
  border-top: 8px solid #4a4a4a;
}
.tooltip.top .tooltip-inner {
  margin-bottom: 3px;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom: 8px solid #4a4a4a;
}
.tooltip.bottom .tooltip-inner {
  margin-top: 3px;
}
.tooltip.left, .tooltip.right {
  background: none;
}
.tooltip.left .tooltip-arrow, .tooltip.right .tooltip-arrow {
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.tooltip.left .tooltip-arrow {
  border-left: 8px solid #4a4a4a;
}
.tooltip.left .tooltip-inner {
  margin-right: 3px;
}
.tooltip.right .tooltip-arrow {
  border-right: 8px solid #4a4a4a;
}
.tooltip.right .tooltip-inner {
  margin-left: 3px;
}
.tooltip .tooltip-inner {
  background-color: #4a4a4a;
  font-size: 12px;
  text-align: left;
}
.tooltip.right-arrow::before {
  border-right-color: hsla(0, 0%, 20%, 0.9);
  content: "";
  left: -16px;
  top: 15px;
  position: absolute;
}
.tooltip.top-arrow::before {
  border-top-color: hsla(0, 0%, 20%, 0.9);
  content: "";
  left: 30px;
  bottom: -16px;
  position: absolute;
}
.tooltip.top-arrow-sm::before {
  border-top-color: hsla(0, 0%, 20%, 0.9);
  content: "";
  left: 50%;
  bottom: -16px;
  position: absolute;
  margin-left: -8px;
}
.tooltip.bottom-arrow::before {
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
  content: "";
  left: 90px;
  top: -16px;
  position: absolute;
}

.helptip {
  box-sizing: border-box;
  height: 14px;
  margin-left: 20px;
  position: relative;
}
.helptip:before {
  color: #1b3249;
  background: #fff;
  border: 2px solid #1b3249;
  content: "?";
  font-size: 8px;
  font-weight: 800;
  height: 14px;
  left: -20px;
  line-height: 10px;
  position: absolute;
  text-align: center;
  width: 14px;
  border-radius: 50%;
}

.modal {
  overflow: visible;
  border: 0;
}
.modal .modal-content {
  background: white;
  border: 1px solid #BAB7B7;
  box-shadow: 0px 15px 12px 0px rgba(0, 0, 0, 0.22), 0px 19px 38px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  position: relative;
}
.modal .modal-content .modal-header {
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #C8C6C5;
  background: none;
}
.modal .modal-content .modal-header h3 {
  margin: 0 15px;
}
.modal .modal-content .modal-header button.close {
  color: #ccc;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  border: 0;
  margin: 5px;
  box-shadow: none;
  outline: 0;
  position: absolute;
  right: 0px;
  top: 0px;
}
.modal .modal-content .modal-header button.close:hover {
  color: #4a4a4a;
}
.modal .modal-content .modal-body {
  padding: 20px;
}
.modal .modal-content .modal-body h4 {
  margin: 0 0 15px 0;
}
.modal .modal-content .modal-footer {
  border: none;
}

.modalLoading {
  width: 100%;
  height: 750px;
  text-align: center;
  margin-top: 40px;
}

.loader-overlay {
  background: #4A4A4A;
  display: none;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
}
.loader-overlay .LoadingIndicator {
  top: 50%;
}
.loader-overlay .LoadingIndicator-loader-dot {
  background: #fff;
}
.loader-overlay.loading-lg .LoadingIndicator-loader-dot {
  height: 36px;
  width: 36px;
}

.LoadingIndicator.module-loader .LoadingIndicator-outer {
  position: relative;
}

/* Relative position outer button to allow positioning inside */
.LoadingIndicator {
  position: relative;
}

/* Dots container implements only showing whole dots */
.LoadingIndicator-dots {
  box-sizing: content-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 12px 0 12px 0;
  overflow: hidden;
  padding-left: 6px;
  padding-right: 6px;
  width: 100%;
}

/* Outer container helps with vertical alignment of dots */
.LoadingIndicator-outer {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 100%;
}

/* Pulsating dots! */
.LoadingIndicator-loader-dot {
  animation: LoadingIndicator-scale-dot 1.2s ease-out infinite;
  background: #9b9b9b;
  border-radius: 50%;
  height: 18px;
  margin: 0 4px;
  opacity: 0.75;
  transform: scale(0.5);
  visibility: inherit;
  width: 18px;
}
.LoadingIndicator-loader-dot:nth-of-type(2) {
  animation-delay: 0.2s;
}
.LoadingIndicator-loader-dot:nth-of-type(3) {
  animation-delay: 0.3s;
}
.LoadingIndicator-loader-dot:nth-of-type(4) {
  animation-delay: 0.4s;
}
.LoadingIndicator-loader-dot:nth-of-type(5) {
  animation-delay: 0.5s;
}

/* Animation frames for pulsating dots */
@keyframes LoadingIndicator-scale-dot {
  0% {
    transform: scale(0.5);
  }
  25% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(0.5);
  }
}
.top-banner-grid {
  background: -webkit-linear-gradient(left, #026EAD 0%, #23527C 100%);
  background: linear-gradient(to right, #026EAD 0%, #23527C 100%);
  animation: bannerFadeIn 700ms ease-in;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 90% center;
  color: #fff;
  font-size: 15px;
  max-height: 800px;
  overflow: hidden;
}
.top-banner-grid.bannerslideup {
  animation: bannerFadeOut 700ms ease-in;
  max-height: 0;
}
.top-banner-grid .banner-content {
  float: left;
  padding: 20px 28px;
  width: calc(100% - 38px);
}
.top-banner-grid .banner-content .survey-link {
  color: #FF893E;
  text-decoration: underline;
}
.top-banner-grid .dismiss-banner-btn {
  background: url("/images/redesign/cross-icon.svg") no-repeat center center;
  background-size: contain;
  color: #fff;
  cursor: pointer;
  float: left;
  height: 20px;
  line-height: 20px;
  margin: 20px 0;
  width: 10px;
}

.finetunes,
.email-notification {
  border: none;
  background: none;
  margin-bottom: 0;
  padding: 0;
}
.finetunes a,
.email-notification a {
  text-decoration: underline;
}
.finetunes .dismiss-banner-btn,
.email-notification .dismiss-banner-btn {
  background: none;
}
.finetunes .dismiss-banner-btn:before,
.email-notification .dismiss-banner-btn:before {
  content: "\e014";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  position: relative;
}

.finetunes .dismiss-banner-btn:before {
  color: #026EAD;
}

.email-notification.alert {
  margin-top: 0;
}
.email-notification b {
  font-weight: 500;
}
.email-notification .banner-content {
  background-image: url("../oa/images/alert-warning-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px 26px;
  padding-left: 55px;
}
.email-notification .dismiss-banner-btn:before {
  color: #e18752;
}

@keyframes bannerFadeIn {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    max-height: 200px;
    opacity: 1;
  }
}
@keyframes bannerFadeOut {
  from {
    max-height: 200px;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
  }
}
/*
 *  This is a common file to include common stylings throughout all Pages in Workstation
 */
/** NO FLASH PAGE **/
.instruction-section {
  text-align: center;
}
.instruction-section .message-title {
  padding: 60px 0;
}
.instruction-section .message-title h4 {
  color: #A8A0A0;
}
.instruction-section .message-body {
  width: 90%;
  margin: 0 auto 70px;
  font-size: 0;
}
.instruction-section .message-body .section {
  float: none;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: top;
  font-size: 12px;
  padding: 0 40px;
}
.instruction-section .message-body p {
  color: #4A4A4A;
  font-size: 14px;
  margin: 5px 0;
}
.instruction-section .message-footer {
  border-top: 1px solid #D9D2D0;
  width: 70%;
  margin: 0 auto;
  padding-top: 20px;
}
.instruction-section .message-footer p {
  color: #A8A0A0;
  font-size: 14px;
}

/*
 *  This style is to be used for Legacy Pages of Workstation i.e. Privacy Policy and Terms and Conditions.
 */
.legal-title {
  margin: 0 0 20px 0;
  padding-top: 50px;
  text-align: center;
}
.legal .section-title {
  padding-bottom: 10px;
  text-transform: uppercase;
}
.legal .sub-heading {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: medium;
}
.legal .address {
  margin: 10px 0px 10px 30px;
}
.legal ol {
  list-style: decimal;
  margin-left: 30px;
  padding: 15px 0;
}
.legal ol li {
  line-height: 18px;
  margin-bottom: 9px;
  padding-left: 5px;
}
.legal ul {
  list-style: disc;
  margin-left: 30px;
  padding-top: 15px;
}
.legal ul li {
  margin-bottom: 9px;
  padding-left: 5px;
}
.legal ul ul {
  padding: 0;
  list-style: circle;
}
.legal .terms-conditions-topic {
  padding: 10px 0 20px 0;
}
.legal .terms-conditions-topic h4,
.legal .terms-conditions-topic p {
  margin-top: 0;
  padding-top: 15px;
}