/* Site color Prefs */
.inactiveButtonColour {
  background-color: #000000;
}
.actionButtonColour {
  background-color: #3A96B0;
}
.removeButtonColour {
  background-color: #DB3E3F;
}
.tutorialButtonColour {
  background-color: #1a94fc;
}
.firstButtonColour {
  background-color: #90A639;
}
.secondButtonColour {
  background-color: #EF8C14;
}
.thirdButtonColour {
  background-color: #BD3A5C;
}
.fourthButtonColour {
  background-color: #3B5899;
}
.fifthButtonColour {
  background-color: #975A9D;
}
.sixthButtonColour {
  background-color: #3A96B0;
}
.seventhButtonColour {
  background-color: #4FA991;
}
.eigthButtonColour {
  background-color: #BAB32C;
}
.skipButtonColour {
  background-color: #8da13e;
}
.editButtonColour {
  background-color: #3A96B0;
}
.topBarFirstColour {
  background-color: #333333;
}
.topBarBackgroundColour {
  background-color: #333333;
}
.topBarHighlightColour {
  background-color: #232323;
}
.topBarSecondColour {
  background-color: #C1C1C1;
}
.sideBarFontColour {
  color: #333333;
}
.primaryFontColour {
  background-color: #333333;
}
.boldFontColour {
  background-color: #000000;
}
.perimeterColour {
  background-color: #d3d3d3;
}
.inactiveFieldColour {
  background-color: #C1C1C1;
}
.containerBackgroundColour {
  background-color: #ECECEC;
}
.mainBackgroundColor {
  background-color: white;
}
.sidebarBackgroundColour {
  background-color: #333333;
}
.inactiveFontColour {
  background-color: #666666;
}
.inactiveBackgroundColour {
  background-color: #AAAAAA;
}
.emailColour,
.email_betaColour {
  background-color: var(--email-color);
}
.emailClassicColour {
  background-color: var(--email_beta-color);
}
.accountManagerEmailColour {
  background-color: #B34849;
}
.formbuilderColour {
  background-color: var(--vueForm-color);
}
.formClassicColour {
  background-color: var(--form-color);
}
.facebookColour {
  background-color: var(--facebook-color);
}
.surveyColour {
  background-color: var(--survey-color);
}
.trackingColour {
  background-color: var(--tracking-color);
}
.linktrackingColour {
  background-color: var(--tracking-color);
}
.webtrackingColour {
  background-color: var(--tracking-color);
}
.pressreleaseColour {
  background-color: #F6941E;
}
.smsColour {
  background-color: var(--sms-color);
}
.faxColour {
  background-color: var(--fax-color);
}
.voiceColour {
  background-color: var(--voice-color);
}
.listmanagementColour {
  background-color: var(--listmanager-color);
}
.crmColour {
  background-color: var(--listmanager-color);
}
.twitterColour {
  background-color: var(--twitter-color);
}
.autoresponderColour {
  background-color: var(--autoresponder-color);
}
.eventColour {
  background-color: var(--event-color);
}
.monitorColour {
  background-color: var(--monitor-color);
}
.landingpagesColour {
  background-color: var(--lp-color);
}
.simplycast360Colour {
  background-color: var(--crossmarketer-color);
}
.agencyColour {
  background-color: #FF8500;
}
.chatColour {
  background-color: #4B2C64;
}
.affiliateColour {
  background-color: #717C34;
}
.portalColour {
  background-color: #F16124;
}
.integrationColour {
  background-color: var(--integration-color);
}
.calendarColour {
  background-color: var(--calendar-color);
}
.alertsColour {
  background-color: var(--alerts-color);
}
.teleconferenceColour {
  background-color: var(--teleconference-color);
}
.onCallColour {
  background-color: var(--onCall-color);
}
.recallColour {
  background-color: var(--recall-color);
}
.fileManagementColour {
  background-color: var(--fileManagement-color);
}
.commonAlertingColour {
  background-color: var(--commonAlerting-color);
}
.commandHubColour {
  background-color: var(--commandHub-color);
}
.liveSurveyColour {
  background-color: var(--liveSurvey-color);
}
.mappingColour {
  background-color: var(--mapping-color);
}
.templateColour {
  background-color: var(--template-color);
}
.customDataColour {
  background-color: var(--customData-color);
}
.downloaderColour {
  background-color: var(--downloader-color);
}
.ivrColour {
  background-color: var(--InteractiveVoiceResponse-color);
}
.unsubscribeColour {
  background-color: var(--unsubscribes-color);
}
.mainDashboardColour {
  background-color: #329ae0;
}
.formColour {
  background-color: var(--vueForm-color);
}
.listmanagerColour {
  background-color: var(--listmanager-color);
}
.lpColour {
  background-color: var(--lp-color);
}
.crossmarketerColour {
  background-color: var(--crossmarketer-color);
}
.linkcastColour {
  background-color: var(--tracking-color);
}
.conversionColour {
  background-color: var(--crossmarketer-color);
}
.roundChannelIcon {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
.contestColour {
  background-color: #660198;
}
.emailTabColour {
  background-color: #bdb4b4;
}
.formbuilderTabColour {
  background-color: #bab6af;
}
.facebookTabColour {
  background-color: #a4abba;
}
.surveyTabColour {
  background-color: #acacac;
}
.linktrackingTabColour {
  background-color: #6eafc0;
}
.webtrackingTabColour {
  background-color: #b2c4c8;
}
.pressreleaseTabColour {
  background-color: #b0b0b0;
}
.smsTabColour {
  background-color: #c6c6c6;
}
.faxTabColour {
  background-color: #bcc0aa;
}
.voiceTabColour {
  background-color: #9fa8a5;
}
.listmanagementTabColour {
  background-color: #8c8c8c;
}
.crmTabColour {
  background-color: #8c8c8c;
}
.twitterTabColour {
  background-color: #a5b0b5;
}
.autoresponderTabColour {
  background-color: #cbc55d;
}
.eventTabColour {
  background-color: #e5d6b6;
}
.monitorTabColour {
  background-color: #ffffff;
}
.landingpagesTabColour {
  background-color: #c0bbc1;
}
.simplycast360TabColour {
  background-color: #c1c1c1;
}
.contestTabColour {
  background-color: #a641d8;
}
.integrationTabColour {
  background-color: #8c8c8c;
}
/* Site color Prefs */
.inactiveButtonColour {
  background-color: #000000;
}
.actionButtonColour {
  background-color: #3A96B0;
}
.removeButtonColour {
  background-color: #DB3E3F;
}
.tutorialButtonColour {
  background-color: #1a94fc;
}
.firstButtonColour {
  background-color: #90A639;
}
.secondButtonColour {
  background-color: #EF8C14;
}
.thirdButtonColour {
  background-color: #BD3A5C;
}
.fourthButtonColour {
  background-color: #3B5899;
}
.fifthButtonColour {
  background-color: #975A9D;
}
.sixthButtonColour {
  background-color: #3A96B0;
}
.seventhButtonColour {
  background-color: #4FA991;
}
.eigthButtonColour {
  background-color: #BAB32C;
}
.skipButtonColour {
  background-color: #8da13e;
}
.editButtonColour {
  background-color: #3A96B0;
}
.topBarFirstColour {
  background-color: #333333;
}
.topBarBackgroundColour {
  background-color: #333333;
}
.topBarHighlightColour {
  background-color: #232323;
}
.topBarSecondColour {
  background-color: #C1C1C1;
}
.sideBarFontColour {
  color: #333333;
}
.primaryFontColour {
  background-color: #333333;
}
.boldFontColour {
  background-color: #000000;
}
.perimeterColour {
  background-color: #d3d3d3;
}
.inactiveFieldColour {
  background-color: #C1C1C1;
}
.containerBackgroundColour {
  background-color: #ECECEC;
}
.mainBackgroundColor {
  background-color: white;
}
.sidebarBackgroundColour {
  background-color: #333333;
}
.inactiveFontColour {
  background-color: #666666;
}
.inactiveBackgroundColour {
  background-color: #AAAAAA;
}
.emailColour,
.email_betaColour {
  background-color: var(--email-color);
}
.emailClassicColour {
  background-color: var(--email_beta-color);
}
.accountManagerEmailColour {
  background-color: #B34849;
}
.formbuilderColour {
  background-color: var(--vueForm-color);
}
.formClassicColour {
  background-color: var(--form-color);
}
.facebookColour {
  background-color: var(--facebook-color);
}
.surveyColour {
  background-color: var(--survey-color);
}
.trackingColour {
  background-color: var(--tracking-color);
}
.linktrackingColour {
  background-color: var(--tracking-color);
}
.webtrackingColour {
  background-color: var(--tracking-color);
}
.pressreleaseColour {
  background-color: #F6941E;
}
.smsColour {
  background-color: var(--sms-color);
}
.faxColour {
  background-color: var(--fax-color);
}
.voiceColour {
  background-color: var(--voice-color);
}
.listmanagementColour {
  background-color: var(--listmanager-color);
}
.crmColour {
  background-color: var(--listmanager-color);
}
.twitterColour {
  background-color: var(--twitter-color);
}
.autoresponderColour {
  background-color: var(--autoresponder-color);
}
.eventColour {
  background-color: var(--event-color);
}
.monitorColour {
  background-color: var(--monitor-color);
}
.landingpagesColour {
  background-color: var(--lp-color);
}
.simplycast360Colour {
  background-color: var(--crossmarketer-color);
}
.agencyColour {
  background-color: #FF8500;
}
.chatColour {
  background-color: #4B2C64;
}
.affiliateColour {
  background-color: #717C34;
}
.portalColour {
  background-color: #F16124;
}
.integrationColour {
  background-color: var(--integration-color);
}
.calendarColour {
  background-color: var(--calendar-color);
}
.alertsColour {
  background-color: var(--alerts-color);
}
.teleconferenceColour {
  background-color: var(--teleconference-color);
}
.onCallColour {
  background-color: var(--onCall-color);
}
.recallColour {
  background-color: var(--recall-color);
}
.fileManagementColour {
  background-color: var(--fileManagement-color);
}
.commonAlertingColour {
  background-color: var(--commonAlerting-color);
}
.commandHubColour {
  background-color: var(--commandHub-color);
}
.liveSurveyColour {
  background-color: var(--liveSurvey-color);
}
.mappingColour {
  background-color: var(--mapping-color);
}
.templateColour {
  background-color: var(--template-color);
}
.customDataColour {
  background-color: var(--customData-color);
}
.downloaderColour {
  background-color: var(--downloader-color);
}
.ivrColour {
  background-color: var(--InteractiveVoiceResponse-color);
}
.unsubscribeColour {
  background-color: var(--unsubscribes-color);
}
.mainDashboardColour {
  background-color: #329ae0;
}
.formColour {
  background-color: var(--vueForm-color);
}
.listmanagerColour {
  background-color: var(--listmanager-color);
}
.lpColour {
  background-color: var(--lp-color);
}
.crossmarketerColour {
  background-color: var(--crossmarketer-color);
}
.linkcastColour {
  background-color: var(--tracking-color);
}
.conversionColour {
  background-color: var(--crossmarketer-color);
}
.roundChannelIcon {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
.contestColour {
  background-color: #660198;
}
.emailTabColour {
  background-color: #bdb4b4;
}
.formbuilderTabColour {
  background-color: #bab6af;
}
.facebookTabColour {
  background-color: #a4abba;
}
.surveyTabColour {
  background-color: #acacac;
}
.linktrackingTabColour {
  background-color: #6eafc0;
}
.webtrackingTabColour {
  background-color: #b2c4c8;
}
.pressreleaseTabColour {
  background-color: #b0b0b0;
}
.smsTabColour {
  background-color: #c6c6c6;
}
.faxTabColour {
  background-color: #bcc0aa;
}
.voiceTabColour {
  background-color: #9fa8a5;
}
.listmanagementTabColour {
  background-color: #8c8c8c;
}
.crmTabColour {
  background-color: #8c8c8c;
}
.twitterTabColour {
  background-color: #a5b0b5;
}
.autoresponderTabColour {
  background-color: #cbc55d;
}
.eventTabColour {
  background-color: #e5d6b6;
}
.monitorTabColour {
  background-color: #ffffff;
}
.landingpagesTabColour {
  background-color: #c0bbc1;
}
.simplycast360TabColour {
  background-color: #c1c1c1;
}
.contestTabColour {
  background-color: #a641d8;
}
.integrationTabColour {
  background-color: #8c8c8c;
}
/* stylesheet/stylesheet.less */
/* Imports */
/* Basic Browser Style Removal */
/*html, body { height:100%;}*/
body {
  margin: 0 auto;
  font: normal 12px Open Sans, Arial, sans-serif;
  padding: 0;
  color: #333333;
  background: none repeat scroll 0 0 #ECECEC;
  background-size: 100% 100%;
}
div,
p,
img,
form,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}
h1 {
  font-size: 22px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 14px;
}
.body {
  min-width: 1000px;
}
.inlineBlock {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.hiddenButton {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.hiddenButton a {
  cursor: default;
}
.right {
  float: right;
}
.left {
  float: left;
}
/* General Functions */
.linkColor-white a {
  color: white;
  text-decoration: none;
}
.linkColor-white a:hover {
  color: white;
  text-decoration: underline;
}
.linkColor-blue a {
  color: var(--tracking-color);
  text-decoration: none;
}
.linkColor-blue a:hover {
  color: #3A96B0;
  text-decoration: underline;
}
.linkColor-grey a {
  color: #333333;
  text-decoration: underline;
}
.linkColor-grey a:hover {
  color: #333333;
  text-decoration: none;
}
.spacer {
  clear: both;
}
.center {
  text-align: center;
}
.fullWidthBox {
  width: 98%;
  margin: 0 auto;
  padding: 0;
}
.outerBlock {
  height: 100vh;
}
.outerBlock .headerBlock {
  position: fixed;
  top: 0;
  height: 40px;
  width: 100%;
  z-index: 9999;
}
.outerBlock > .spacer.topGap {
  height: 45px;
}
.outerBlock .navigationPositioning {
  position: relative;
}
/* Header Section Layout */
/* Body Section Layout */
#bodyContainer {
  width: 100%;
  margin: auto;
  padding: 0;
}
/* Left Body */
.leftbd {
  z-index: 1;
  width: 25%;
  float: left;
  min-height: 460px;
  position: relative;
  /*Orange Campaign Box */
}
.leftbd .campaign {
  z-index: 100000;
  width: 90%;
  background: url(http://app.emailos.com/images/create_campaign_bg.gif) repeat-x top;
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 10px;
  height: 90px;
}
.leftbd .campaign h2 {
  cursor: pointer;
  font: normal 1.2em Open Sans, Arial, sans-serif;
  color: white;
  padding: 30px 0 0 0;
}
.leftbd .campaign .campmid {
  z-index: 1000;
  max-width: 243px;
  margin: 6px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}
.leftbd .campaign .helpicon {
  position: relative;
  width: 12px;
  height: 12px;
  float: right;
  margin: 4px 4px 0 0;
}
.leftbd .campaign .h_icon2 {
  position: relative;
  width: 12px;
  height: 12px;
  float: right;
  margin: 4px 4px 0 0;
}
.leftbd .campaign .dropdown {
  list-style: none;
  position: absolute;
  /*--Important - Keeps subnav from affecting main navigation flow--*/
  left: 0;
  top: 35px;
  background: white;
  display: none;
  float: left;
  border: 1px solid #d3d3d3;
  border-top: 0px solid white;
  z-index: 50;
}
.leftbd .campaign .dropdown ul {
  list-style: none;
  width: 100%;
}
.leftbd .campaign .dropdown ul li {
  margin: 0;
  padding-left: 0px;
  font: 14px arial;
  border-top: 1px solid #d3d3d3;
  /*--Create bevel effect--*/
  clear: both;
}
.leftbd .campaign .dropdown ul li a {
  color: var(--tracking-color);
  text-decoration: none;
}
.leftbd .campaign .dropdown ul li a:hover {
  color: #3A96B0;
  text-decoration: underline;
}
.leftbd .campaign .dropdown ul li a {
  padding-left: 10px;
}
.leftbd .campaign .dropdown ul li a:hover {
  display: block;
  text-decoration: none;
}
.leftbd .campaign img {
  vertical-align: middle;
}
/* Footer Section Layout */
.footerBlock {
  width: 98%;
  margin: 0 auto;
  padding: 0;
  background: #ECECEC;
  border: 1px solid #d3d3d3;
  margin: 10px auto;
  text-align: center;
}
.footerBlock .lowerContainer {
  text-align: justify;
  padding: 10px;
}
.footerBlock .lowerContainer .footerbottom {
  height: 45px;
  background: white;
  border: 1px #d3d3d3;
}
.footerBlock .lowerContainer .footerbottom .footerlftB {
  width: 48%;
  float: left;
}
.footerBlock .lowerContainer .footerbottom .footerlftB p {
  padding: 4px 4px;
  font: normal 11px Open Sans, Arial, sans-serif;
  color: #333333;
  line-height: 18px;
  text-align: left;
}
.footerBlock .lowerContainer .footerbottom .footerrtB {
  float: right;
}
.footerBlock .lowerContainer .footerbottom .footerrtB .ftclintlogo {
  height: 33px;
  padding: 5px 2px 0px 0px;
}
.boxContainer {
  background: white;
  border: 1px solid #d3d3d3;
  display: -moz-inline-stack;
  display: inline-block;
  height: 290px;
  margin-bottom: 10px;
  vertical-align: top;
  width: 32.3%;
  zoom: 1;
  *display: inline;
  *margin-right: 0.8%;
}
.boxContainer .helpbox {
  width: 15px;
  height: 15px;
  float: right;
  margin: 4px 4px;
}
.boxContainer .newIcon {
  width: 29px;
  height: 34px;
  float: left;
  margin: 8px 8px;
}
.boxContainer h4 {
  font: bold 17px Open Sans, Arial, sans-serif;
  color: #3A96B0;
  text-transform: uppercase;
  text-align: left;
  padding: 4px 0 0  35px;
  margin: 10px 0 20px 5px;
}
.boxContainer h4 a {
  font: bold 17px Open Sans, Arial, sans-serif;
  color: #3A96B0;
  text-transform: uppercase;
  text-decoration: none;
}
.boxContainer p {
  width: 90%;
  font: bold 12px Open Sans, Arial, sans-serif;
  color: #333333;
  padding: 6px 0px 6px 10px;
  margin: 0 auto;
}
.boxContainer p a {
  color: #333333;
  text-decoration: none;
}
.boxContainer p a:hover {
  color: #333333;
  text-decoration: underline;
}
.boxContainer .bggrey {
  background: #ECECEC;
  margin: 0 auto;
  border-bottom: 3px white solid;
}
.boxContainer .feedbackContainer {
  width: 93%;
  margin: 0 auto;
  background: white;
  padding: 15px 0 10px 0;
  height: 190px;
  margin-top: 25px;
  text-align: center;
}
.helpbox {
  width: 15px;
  height: 15px;
  float: right !important;
  margin: 4px 4px;
}
.d_right1 {
  float: right;
  width: 50px;
  margin: 4px 4px 0 0;
  text-align: right;
}
/*the equivalent to a spacer div*/
.boxEnd {
  display: inline-block;
  width: 100%;
  font-height: 1px;
  height: 1px;
  margin-bottom: -1px;
}
/* Modal Box Styling */
.modalBox {
  width: 500px;
  height: 400px;
  background-color: white;
}
a.modalCloseImg {
  background: url(http://app.emailos.com/images/closebutton.png) no-repeat;
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 320000;
  position: absolute;
  top: -2px !important;
  right: -8px !important;
  cursor: pointer;
}
.alertBlock,
.informationBlock {
  padding: 10px;
}
.tabIcon {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 4px;
  margin-left: -5px;
  vertical-align: text-bottom;
}
.listBlockFormat {
  font-size: 14px;
  color: #333333;
}
.listBlockFormat h3 {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}
.listBlockFormat h3 img {
  margin-right: 5px;
  vertical-align: middle;
}
.listBlockFormat table {
  border-spacing: 0;
  width: 100%;
  *border-collapse: collapse;
}
.listBlockFormat th {
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.listBlockFormat td {
  padding: 5px;
  padding-bottom: 10px;
}
.listBlockFormat a:link,
.listBlockFormat a:visited,
.listBlockFormat a:active {
  color: #333333;
  text-decoration: none;
}
.listBlockFormat a:hover {
  color: var(--tracking-color);
  text-decoration: underline;
}
.listBlockFormat .listBlockLogo {
  padding-top: 2px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px #d3d3d3 solid;
  text-align: center;
}
.dashboardAlert {
  margin-bottom: 5px;
  display: block;
  border: 1px solid grey;
  padding: 0px;
  overflow: hidden;
  height: 32px;
  font-size: 16px;
  border: 1px solid #d3d3d3;
}
.dashboardAlert .iconBlock {
  float: left;
  background: #ECECEC;
  padding: 0px;
}
.dashboardAlert .iconBlock .icon {
  margin: 0px;
  margin-right: 5px;
}
.dashboardAlert .iconBlock .channelName {
  margin: 6px;
  display: block;
  float: left;
  padding-right: 10px;
}
.dashboardAlert .rightContentBlock {
  padding: 0px;
}
.dashboardAlert .rightContentBlock .leftMostRight {
  margin: 6px;
  display: block;
  float: left;
}
.dashboardAlert .rightContentBlock .rightMostRight {
  float: right;
  margin: 6px;
}
fieldset {
  border: 1px solid #d3d3d3;
  padding: 10px;
}
fieldset legend {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.UIRating {
  float: left;
  padding-left: 22px;
  text-align: center;
}
.invoicePage .offsetRow {
  background-color: #ECECEC;
}
.invoicePage .offsetRow td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.invoicePage .mainRow {
  background-color: white;
}
.invoicePage .mainRow td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.invoicePage .alertRow {
  color: #3A96B0;
}
.fancyText {
  font-family: 'Pacifico';
}
.fancyContainer {
  background: url("http://app.emailos.com/images/stripes/login_grey_stripes.png") repeat scroll 0% 0% transparent;
  border-radius: 6px 6px 6px 6px;
}
.pageAddress {
  display: none;
}
.alertText {
  color: #3A96B0;
}
@font-face {
  font-family: "Pacifico";
  font-style: normal;
  font-weight: normal;
  src: local("Pacifico Regular"), local("Pacifico-Regular"), url("http://app.emailos.com/stylesheet/thirdparty/public/fonts/Pacifico.woff") format("woff");
}
.createHeader {
  background-color: #d5d5d5;
  border-radius: 8px;
  margin-top: 10px;
  display: inline-block;
  padding: 3px 0 3px 0;
}
.createTitle {
  color: #525252;
  font-size: 24px;
  width: 250px;
  padding-left: 24px;
  margin-right: 15px;
}
.projectInputBox {
  padding: 0 5px 0 5px;
  margin-right: 28px;
  font-size: 24px;
  border-radius: 5px;
}
.simply-grid {
  font-size: 0.9em;
}
.pageTitle {
  width: 100%;
  padding: 0.2em 0;
  color: white;
  border-top-right-radius: 6px;
  font-size: 18px;
}
.pageTitle span {
  padding-left: 0.5em;
  -webkit-transition: all 0.5s ease-in-out;
}
.appPerceivedTimeLink {
  color: #d3d3d3;
}
.ui.icon.right {
  float: none;
}
a.ui.button,
div.ui.button,
span.ui.button,
button.ui.button {
  text-transform: none;
}
a.ui.button .icon.ricon,
div.ui.button .icon.ricon,
span.ui.button .icon.ricon,
button.ui.button .icon.ricon {
  margin-right: 0;
  margin-left: 0.65em;
}
a.ui.button.teal,
div.ui.button.teal,
span.ui.button.teal,
button.ui.button.teal {
  background-color: #3A96B0;
}
a.ui.button.teal:hover,
div.ui.button.teal:hover,
span.ui.button.teal:hover,
button.ui.button.teal:hover {
  background-color: #2d758a;
}
a.ui.button.green:hover,
div.ui.button.green:hover,
span.ui.button.green:hover,
button.ui.button.green:hover {
  background-color: #39b757;
}
a.ui.button.red:hover,
div.ui.button.red:hover,
span.ui.button.red:hover,
button.ui.button.red:hover {
  background-color: #cf3333;
}
body .ui-widget {
  font: normal 12px Open Sans, Arial, sans-serif;
}
li.vTab a {
  display: none;
  padding-left: 8px;
}
li.vTab a:only-child {
  display: block;
}
li.vTab a + a {
  display: block;
}
button.ui.button {
  text-transform: none;
}
body.rightToLeft div.accountDrawerSubscription.popup.ui {
  margin-left: 250px;
  margin-bottom: -42px;
}
body.rightToLeft div.accountDrawerSubscription.popup.ui:before {
  top: 50%;
  left: -0.35em;
  bottom: auto;
  right: auto;
  margin-top: -0.4em;
  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}
.bottomBar {
  position: fixed;
  bottom: 0;
}
/* stylesheet/topmenuTemplate.less */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
}
.mainMain {
  margin: auto;
  width: 1000px;
}
.mainMain .tabspacing {
  float: left;
  width: 175px;
  height: 20px;
}
@media screen and (max-width: 1024px) {
  .mainMain .tabspacing {
    width: 120px;
  }
}
.mainMain .dashboardTabs div {
  margin-top: 11px;
  position: relative;
  z-index: 103;
  float: left;
  height: 16px;
  padding: 5px 15px;
  background-color: white;
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 20px 20px 0 0;
  border: 0;
  font-weight: bold;
}
.mainMain .dashboardTabs div .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('http://app.emailos.com/images/ui/list.png');
  background-repeat: no-repeat;
}
.mainMain .dashboardTabs div .title {
  vertical-align: top;
  line-height: 16px;
  margin-left: 5px;
  font-size: 14px;
}
@media all and (min-width: 1040px) {
  .mainMain {
    width: auto;
  }
}
.workflowNav {
  width: auto;
}
.workflowNav .leftMenu {
  float: left;
  width: 176px;
  text-align: left;
  height: 26px;
}
.workflowNav .leftMenu .dropWorkflowMenu {
  font-size: 15px;
  text-align: center;
  margin-top: 0px;
  color: white;
  width: 100%;
  height: 100%;
  background-color: #272727;
  padding-right: 20px;
  padding-top: 3px;
  border-radius: 10px 10px 0 0;
}
.workflowNav .rightMenu {
  float: left;
  position: relative;
  z-index: 101;
}
.workflowNav .rightMenu .workflowTab {
  margin-top: 9px;
  width: auto;
  float: left;
  height: 16px;
  padding: 5px 5px 5px 30px;
  border-radius: 5px 27px 0 0;
  margin-left: -25px;
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3);
  border: 0;
  position: relative;
  font-weight: bold;
  color: white;
  background-color: #AAA;
}
.workflowNav .rightMenu .workflowTab div {
  float: left;
}
.workflowNav .rightMenu .workflowTab .workflowNumber {
  background-color: white;
  color: #333333;
  padding: 3px 0px 3px 6px;
  width: 14px;
  margin-top: -2px;
  border-radius: 16px;
  height: 14px;
  font-size: 12px;
  font-weight: bold;
}
.workflowNav .rightMenu .workflowTab .workflowNumber.disabled {
  background-color: #666666;
  color: #AAAAAA;
}
.workflowNav .rightMenu .workflowTab .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(http://app.emailos.com/images/ui/list-inverted.png);
  background-repeat: no-repeat;
}
.workflowNav .rightMenu .workflowTab .icon.active {
  background: none;
  background-image: url(http://app.emailos.com/images/ui/list.png);
  background-repeat: no-repeat;
}
.workflowNav .rightMenu .workflowTab .active {
  background-color: #333333;
  color: white;
}
.workflowNav .rightMenu .workflowTab .tabLabel {
  margin: 0 15px 0 10px;
}
.workflowNav .rightMenu .workflowTab .tabLabel.disabled {
  color: #666666;
}
.workflowNav .rightMenu .first {
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: 0px;
}
.workflowNav .rightMenu .active {
  background-color: white;
  color: #333333;
}
.workflowNav .widgets {
  float: right;
  margin-bottom: 6px;
}
.workflowNav .workflowMenuOthers {
  display: none;
}
.workflowNav .workflowMenuOthers li {
  list-style: none;
}
.rightToLeft .bodyContainer .mainBodyOuter .mainBody {
  text-align: right;
}
.bodyContainer {
  width: 100%;
  vertical-align: top;
  float: left;
}
.bodyContainer tr {
  vertical-align: top;
}
.bodyContainer tr td {
  padding: 0;
  margin: 0;
}
.bodyContainer .ui.button.hover {
  text-transform: none;
}
.bodyContainer .ui.button.hover.teal {
  background-color: #3A96B0;
}
.bodyContainer .ui.button.hover.teal:hover {
  background-color: #2d758a;
}
.bodyContainer .ui.button.hover.red {
  background-color: #DB2828;
}
.bodyContainer .ui.button.hover.red:hover {
  background-color: #b21e1e;
}
.bodyContainer .leftArea {
  width: 175px;
  vertical-align: top;
  background: none;
  border: 0;
}
.bodyContainer .leftArea .leftBar {
  position: relative;
  min-height: 200px;
  padding: 10px;
  vertical-align: top;
  background-color: #333333;
  border-radius: 5px 0 0 5px;
  margin: 0px 0px 0px 0px;
  color: white;
  text-align: left;
  border: 0;
  z-index: 101;
}
.bodyContainer .leftArea .leftBar h5 {
  font-size: 10px;
  color: white;
}
.bodyContainer .leftArea .leftBar label {
  font-size: 14px;
  font-weight: normal;
}
.bodyContainer .leftArea .leftBar input[type='text'],
.bodyContainer .leftArea .leftBar input[type='password'] {
  width: 150px;
  border-radius: 6px;
  outline: none;
  border: 0;
  padding-left: 4px;
  color: #333333;
  font-size: 11px;
}
.bodyContainer .leftArea .leftBar .propertyTabsList {
  margin: -13px -10px 0px -11px;
  border-radius: 0;
  background: #3F3F3F;
  padding-top: 0;
  border-bottom: 0;
}
.bodyContainer .leftArea .leftBar .propertyTabsList.ui-corner-all li {
  background: grey;
  border: 0;
  top: 0;
  padding: 0 10px 1px 10px;
  margin-bottom: 0;
  border-radius: 10px 10px 0 0 ;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.5);
}
.bodyContainer .leftArea .leftBar .propertyTabsList.ui-corner-all li.firstTab {
  border-radius: 0 10px 0 0;
}
.bodyContainer .leftArea .leftBar .propertyTabsList li.ui-tabs-active.ui-state-active {
  background: #333;
}
.bodyContainer .leftArea .leftBar .propertyTabsList li a {
  color: white;
}
.bodyContainer .mainBodyOuter {
  border-collapse: separate;
}
.bodyContainer .mainBodyOuter .mainBody {
  background-color: white;
  position: relative;
  z-index: 100;
  border-radius: 0 10px 10px 10px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  text-align: left;
  min-height: 300px;
  padding: 1.5em;
  margin-left: 0px;
  margin-bottom: 50px;
}
.bodyContainer .mainBodyOuter .mainBody .ui-tabs {
  background: inherit;
}
.bodyContainer .mainBodyOuter .mainBody .ui-tabs .ui-tabs-panel {
  background: inherit;
}
.bodyContainer .mainBodyOuter .mainBody .createBody {
  padding-left: 10px;
}
.bodyContainer .mainBodyOuter .mainBody html {
  height: 600px;
}
/* stylesheet/contentFormatting.less */
.paddingHeavy {
  padding: 30px;
}
.paddingMedium {
  padding: 20px;
}
.paddingLight {
  padding: 10px;
}
.inlineBlock {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.notificationBox {
  width: 95%;
  height: 95%;
  padding: 1px;
  background-color: white;
}
.notificationHeader {
  background-color: #ECECEC;
  height: 25px;
}
.pageContent {
  /*------ Table ------ */
  /* ----------------Tabs --------------- */
  /* Form API */
}
.pageContent .helpIcon {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 15px;
  width: 15px;
}
.pageContent .top {
  width: 98%;
  margin: 0 auto;
}
.pageContent .top .boxleft {
  width: 60%;
  float: left;
}
.pageContent .top .boxleft .iconBlock {
  width: 32px;
  height: 32px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
.pageContent .top .boxleft .heading {
  width: 80%;
  float: left;
  margin: 4px 5px 12px 0px;
}
.pageContent .top .boxleft .heading h1 {
  font: normal 23px Open Sans, Arial, sans-serif;
  color: #333333;
  text-transform: uppercase;
}
.pageContent .top .boxright {
  width: 40%;
  float: left;
}
.pageContent .top .boxright .video_tutorial {
  width: 190px;
  height: 33px;
  float: left;
  margin: 3px 5px 12px 25px;
}
.pageContent .top .boxright .nextIcon {
  width: 16px;
  height: 16px;
  float: right;
  margin: 3px 10px12px 15px;
}
.pageContent .bottom {
  width: 100%;
}
.pageContent .uppercaseText {
  text-transform: uppercase;
}
.pageContent .tabArea {
  width: 94%;
  margin: 0 auto;
  position: relative;
  min-height: 65px;
}
.pageContent .tabArea p {
  padding: 5px;
}
.pageContent .tabcontent .textbox {
  width: 224px;
  padding: 10px 5px 5px 5px;
  float: left;
  background: url(http://app.emailos.com/images/textbox1.gif) no-repeat;
  margin: 5px 5px 5px 15px;
  height: 35px;
}
.pageContent .tabcontent .getstart {
  width: 224px;
  padding: 0px;
  float: left;
  margin: 5px 5px 5px 5px;
  height: 35px;
}
.pageContent .tabcontent .radiobox {
  margin: 0 auto;
  font: normal 12px Open Sans, Arial, sans-serif;
  color: #333333;
  padding: 10px 25px;
}
.pageContent .tabcontent .previousBut {
  width: 172px;
  height: 34px;
  margin: 10px 5px 25px 25px;
  float: left;
}
.pageContent .tabcontent .nextBut {
  width: 149px;
  height: 34px;
  margin: 10px 25px 25px 5px;
  float: left;
}
.pageContent .innerContent {
  background-color: white;
  margin: 0 auto;
}
.pageContent .innerContent .leftbox,
.pageContent .innerContent .leftFormColumn {
  width: 25%;
  float: left;
  padding: 5px;
  padding-top: 11px;
  margin-left: 15px;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #333333;
}
.pageContent .innerContent .rightbox,
.pageContent .innerContent .rightFormColumn {
  width: 50%;
  float: left;
  padding: 5px;
  margin-left: 15px;
}
.pageContent .innerContent p {
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #333333;
  padding: 5px 20px 15px 20px;
}
.pageContent .innerContent p a {
  color: var(--tracking-color);
  text-decoration: underline;
}
.pageContent .innerContent p a:hover {
  color: #3A96B0;
}
.pageContent .innerContent .s1 {
  width: 91%;
  font: italic 11px Open Sans, Arial, sans-serif;
  padding: 5px 10px 5px 20px;
  color: #333333;
}
.pageContent .textFontStack {
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .largerText {
  font-size: 16px;
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .largeText {
  font-size: 14px;
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .mediumText {
  font-size: 12px;
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .smallText {
  font-size: 11px;
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .tinyText {
  font-size: 8px;
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .subHeaderText {
  font-size: 16px;
  font-family: Open Sans, Arial, sans-serif;
  font-weight: bold;
}
.pageContent .headerText {
  font-size: 16px;
  font-family: Open Sans, Arial, sans-serif;
  font-weight: bold;
}
.pageContent .labelNormal {
  width: 150px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.pageContent .labelWide {
  width: 200px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.pageContent .optionText {
  color: #333333;
  font-size: 14px;
  font-family: Open Sans, Arial, sans-serif;
  font-weight: bold;
}
.pageContent .optionTaglineText {
  color: #333333;
  font-size: 12px;
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .inputBoxNormal {
  width: 165px;
}
.pageContent .inputBoxWide {
  width: 330px;
}
.pageContent .listMenuNormal {
  width: 185px;
}
.pageContent .listMenuWide {
  width: 350px;
}
.pageContent .textSquare {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.pageContent .sectionTitle {
  color: #333333;
  font-size: 14px;
  font-family: Open Sans, Arial, sans-serif;
  font-weight: bold;
}
.pageContent .sectionDescription {
  color: #333333;
  font-size: 12px;
  font-family: Open Sans, Arial, sans-serif;
}
.pageContent .leftColumn {
  float: left;
  width: 49.5%;
}
.pageContent .leftbox,
.pageContent .leftFormColumn {
  width: 25%;
  float: left;
  padding: 5px;
  padding-top: 11px;
  margin-left: 15px;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #333333;
}
.pageContent .rightbox,
.pageContent .rightFormColumn {
  width: 60%;
  float: left;
  padding: 5px;
  padding-right: 0;
  margin-left: 5px;
}
.pageContent .rightColumn {
  float: right;
  width: 49.5%;
}
.pageContent .greenBg {
  width: 100%;
  height: 38px;
  margin: 0 auto;
  border: 1px solid #4FA991;
  background: url("http://app.emailos.com/images/bgGreen.gif") repeat-x;
  margin-bottom: 5px;
}
.pageContent .greenBg .pnameBlock {
  color: white;
  float: left;
  font: bold 16px Open Sans, Arial, sans-serif;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
}
.pageContent .greenBg .iconBlock {
  float: right;
  margin: 0 0 0 20px;
}
.pageContent .sortableTable .greyBgT {
  height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid #d3d3d3;
  background: #ECECEC;
  margin-bottom: 5px;
}
.pageContent .sortableTable .greyBgT .iconBlock {
  float: right;
  margin: 0 0 0 20px;
  text-align: center;
  padding: 5px 0 0 0;
}
.pageContent .sortableTable .greyBgT .pnameBlock {
  float: left;
  overflow: hidden;
  height: 32px;
  text-align: center;
  padding: 5px 0 0 0;
  color: #333333;
}
.pageContent .sortableTable h4 .grey {
  font: bold 14px Open Sans, Arial, sans-serif;
  color: #333333;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
}
.pageContent .mtabArea {
  height: 48px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.pageContent .mtabContent {
  margin: 0 auto;
  padding: 0;
  border: 1px solid #d3d3d3;
}
.pageContent .tabBar {
  position: relative;
  height: 28px;
  width: 100%;
  padding-top: 5px;
  display: inline-block;
  width: auto;
  padding-left: 0px;
}
.pageContent .tabBar a {
  text-decoration: none;
  float: left;
}
.pageContent .tabBar div {
  display: block;
  float: left;
  height: 44px;
  width: auto;
  text-align: center;
}
.pageContent .tabBar .tab {
  font-family: Open Sans, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  margin: 0px;
  color: #333333;
  padding: 0px;
  margin-left: 0;
}
.pageContent .tabBar .baseTab .mid {
  margin: 0;
  padding: 0;
  background-color: #ECECEC;
  height: 29px;
  padding-top: 13px;
  border: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 3px;
}
.pageContent .tabBar .baseTabHover .mid {
  margin: 0;
  padding: 0;
  background-color: #ECECEC;
  height: 29px;
  padding-top: 13px;
  border: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 3px;
}
.pageContent .tabBar .baseTabHover .mid {
  height: 30px;
  border-bottom: 0px solid #d3d3d3;
  color: #333333;
  font-weight: bold;
  background-color: white;
}
.pageContent div.leftFormColumn {
  text-align: right;
}
.pageContent .formapi div.description {
  display: inline;
}
.pageContent .rightFormColumn {
  text-align: left;
}
.pageContent .rightFormColumn input {
  height: 24px;
}
.pageContent .rightFormColumn input[type="text"],
.pageContent .rightFormColumn input[type="password"] {
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}
.pageContent .rightFormColumn input,
.pageContent .rightFormColumn textarea {
  width: 84%;
  border: 1px solid #d3d3d3;
  padding: 0px 4px;
}
.pageContent .rightFormColumn submit {
  padding: 0px;
}
.pageContent .rightFormColumn select {
  width: 88%;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 3px;
  margin-bottom: 5px;
  border: 1px solid #d3d3d3;
}
.pageContent .rightFormColumn input.button {
  width: auto;
  border: 0 solid #333333;
  height: auto;
}
.pageContent .rightFormColumn input[type='checkbox'],
.pageContent .rightFormColumn input.checkbox {
  height: 24px;
  width: auto;
  border: 0 solid #d3d3d3;
}
.pageContent .rightFormColumn input[type="radio"] {
  height: 18px;
  width: 18px;
  border: 0;
}
.pageContent .blueBg {
  width: 94%;
  min-height: 27px;
  margin: 0 auto;
  border: 1px solid #c5eced;
  background: #e7f7fa;
  margin-bottom: 5px;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #2f5a78;
  padding: 5px 0;
}
.pageContent .blueBg .w_left {
  width: 65%;
  float: left;
  margin-left: 15px;
}
.pageContent .blueBg .w_right {
  width: 30%;
  float: left;
}
.pageContent .whiteBg {
  width: 94%;
  min-height: 27px;
  margin: 0 auto;
  border: 1px solid #c5eced;
  background: #e7f7fa;
  margin-bottom: 5px;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #2f5a78;
  padding: 5px 0;
  background: #ffffff;
}
.pageContent .whiteBg .w_left {
  width: 65%;
  float: left;
  margin-left: 15px;
}
.pageContent .whiteBg .w_right {
  width: 30%;
  float: left;
}
.pageContent .greyBg {
  width: 94%;
  min-height: 27px;
  margin: 0 auto;
  border: 1px solid #c5eced;
  background: #e7f7fa;
  margin-bottom: 5px;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #2f5a78;
  padding: 5px 0;
  background: #f3f6f6;
}
.pageContent .greyBg .w_left {
  width: 65%;
  float: left;
  margin-left: 15px;
}
.pageContent .greyBg .w_right {
  width: 30%;
  float: left;
}
.pageContent .redBg {
  width: 94%;
  min-height: 27px;
  margin: 0 auto;
  border: 1px solid #c5eced;
  background: #e7f7fa;
  margin-bottom: 5px;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #2f5a78;
  padding: 5px 0;
  background: #F00;
}
.pageContent .redBg .w_left {
  width: 65%;
  float: left;
  margin-left: 15px;
}
.pageContent .redBg .w_right {
  width: 30%;
  float: left;
}
.pageContent .tabcontent .tabHeader {
  width: 55%;
  padding: 10px 0px 10px 25px;
  font: bold 16px Open Sans, Arial, sans-serif;
  color: #333333;
  text-transform: uppercase;
}
.pageContent .tabcontent .sblock {
  width: 130px;
  float: right;
  padding: 10px 0;
  font: bold 12px Open Sans, Arial, sans-serif;
  color: #333333;
  text-transform: uppercase;
}
.pageContent .tabcontent .sblock a {
  color: var(--tracking-color);
  text-decoration: none;
}
.pageContent .tabcontent .sblock a:hover {
  color: #333333;
  text-decoration: none;
}
.pageContent .tabcontent .greenBlock {
  width: 94%;
  margin: 0 auto;
  border: 1px solid #dee98f;
  padding: 12px;
  background: #eefdbc;
  margin-bottom: 13px;
}
.pageContent .tabcontent .greenBlock .iconblock {
  width: 40px;
  height: 32px;
  float: left;
  margin: 0;
}
.pageContent .tabcontent .greenBlock .textBlock {
  width: 68%;
  float: left;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #000000;
  text-align: left;
}
.pageContent .tabcontent .greenBlock .butBlock {
  width: 80px;
  height: 31px;
  float: right;
  margin: 0;
}
.pageContent .tabcontent .redBlock {
  width: 94%;
  margin: 0 auto;
  border: 1px solid #f8c8c8;
  padding: 12px;
  background: #ffe3e2;
  margin-bottom: 13px;
}
.pageContent .tabcontent .redBlock .iconblock {
  width: 40px;
  height: 32px;
  float: left;
  margin: 0;
}
.pageContent .tabcontent .redBlock .textBlock {
  width: 68%;
  float: left;
  font: bold 13px Open Sans, Arial, sans-serif;
  color: #000000;
  text-align: left;
}
.pageContent .tabcontent .redBlock .butBlock {
  width: 80px;
  height: 31px;
  float: right;
  margin: 0;
}
.pageContent .tabTopContainer {
  width: 91%;
  background: #ECECEC;
  margin: 0 auto;
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
}
.pageContent .tabBottomContainer {
  width: 91%;
  background: white;
  margin: 0 auto;
  border: 1px solid #d3d3d3;
  margin-bottom: 15px;
  padding: 15px;
}
.pageContent a {
  color: var(--tracking-color);
}
.pageContent a:hover {
  color: #333333;
}
.pageContent #channelDashboardTabs,
.pageContent #account_tabs {
  min-height: 400px;
  margin-bottom: -10px;
}
.pageContent span.groupToggle {
  cursor: pointer;
  text-decoration: underline;
}
/* stylesheet/ajaxLoading.less */
.ajaxFullscreenLoadingOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #333333;
  z-index: 10000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ajaxFullscreenLoadingIcon {
  position: fixed;
  width: 30px;
  height: 30px;
  top: 0px;
  left: 0px;
  z-index: 10000001;
}
.ajaxLoadingOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #333333;
  z-index: 3000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ajaxLoadingIcon {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* channels/common/js_libs/ire_modal/modal.less */
div.ire_overlay {
  background-color: black;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0.45;
  filter: alpha(opacity=45);
  z-index: 10000;
}
div.ire_overlay p {
  margin: 0;
}
div.ire_overlay_window {
  background-color: white;
  z-index: 100000;
  position: fixed;
  border: 3px solid #333333;
}
div.ire_overlay_window p {
  margin: 0;
}
div.ire_overlay_window_header {
  background-color: #333333;
  border-radius: 6px 6px 6px 6px;
  color: white;
  font-size: 25px;
  height: 35px;
  letter-spacing: 0;
  margin: 8px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-top: 9px;
  box-sizing: content-box;
}
img.ire_overlay_window_close {
  margin-right: 15px;
  margin-top: 5px;
  width: 20px;
}
img.ire_overlay_window_close:hover {
  cursor: pointer;
}
div.ire_overlay_window_data {
  padding: 20px;
  overflow: auto;
  font: Arial 12px black;
}
div.ire_overlay_window_data h3 {
  color: #333333;
  font-weight: bold;
  font-size: 20px;
}
div.ire_overlay_window_data h4 {
  color: #333333;
  font-size: 17px;
}
/* stylesheet/dialog.less */
#modal_overlay_background {
  display: none;
  background-color: black;
  opacity: 0.5;
  z-index: 9000000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  filter: alpha(opacity=50);
}
#modal_dialog {
  display: none;
  position: fixed;
  z-index: 9000001;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -200px;
  width: 400px;
  height: 200px;
  background-color: #fff;
  vertical-align: middle;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}
#modal_dialog #modal_title {
  height: 20px;
  border-radius: 3px 3px 0px 0px;
  background-color: #fff;
  text-align: left;
  box-sizing: content-box;
  color: #333;
  font-size: 19px;
  font-weight: bold;
  padding: 25px 40px 25px 20px;
}
#modal_dialog #modal_title .modal_close {
  position: absolute;
  top: 20px;
  right: 8px;
  line-height: normal;
  border-radius: 16px;
  color: #333;
  transition: 0.4s;
  cursor: pointer;
}
#modal_dialog #modal_title .modal_close:hover {
  color: #B11515;
}
#modal_dialog #modal_content {
  padding: 20px 40px;
  text-align: left;
  background-color: #f4f4f4;
  position: relative;
  overflow: auto;
  height: calc(100% - 130px);
}
#modal_dialog #modal_buttons {
  background: #fff;
  text-align: right;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  border-radius: 0 0 3px 3px;
}
#modal_dialog #modal_buttons .ui.dialog.buttons {
  margin-left: auto;
}
#modal_dialog #modal_buttons .ui.dialog.buttons .ui.button.disabled {
  pointer-events: none;
}
.modalFrame .modalFrameTitle {
  height: 20px;
  border-radius: 5px 5px 0px 0px;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  margin-top: -10px;
  width: 100%;
  margin-left: -10px;
}
.modalFrame .modalFrameContent {
  padding: 15px;
}
/**
 * No IE Dialog
 */
.noIE {
  background-color: #FFF;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  z-index: 100000000000000000000;
}
.ieModal {
  background-color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  font-family: Arial;
  width: 400px;
  margin-left: -200px;
  margin-top: -150px;
  opacity: 1;
  border-radius: 3px;
  border: 1px solid #ccc;
  z-index: 1000000000000000000000;
  text-align: left;
}
.ieModal .header {
  padding: 14px;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  text-align: left;
}
.ieModal .content {
  padding: 14px;
}
/* channels/email/style/unsub_light.less */
body {
  background-color: #f4f4f4;
  color: #000000;
}
h1 {
  font-size: 60px;
  color: #000000;
  font-weight: bold;
  font-family: sans-serif;
  letter-spacing: -3px;
}
h3 {
  color: #000000;
  font-size: 20px;
}
.text_12 {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.text_12_social {
  color: #000000;
}
.text_14 {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.unsubBlock {
  width: 415px;
  border: 1px solid black;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: inset 0 0 3px #000000;
  background-image: url(http://app.simplycast.com/images/noise1.png);
}
.innerPadding {
  padding: 5px 5px 5px 10px;
}
.clientLogo {
  max-width: 400px;
  max-height: 300px;
}
input#nocontact {
  width: 96%;
  margin-right: 2px;
}
/* stylesheet/formapi.less */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
}
.center {
  margin: auto;
}
.formapi .leftArea .leftBar .elementBlock .combo select {
  width: 100%;
}
.bottomSpacer {
  height: 120px;
}
.elementBlock {
  margin-bottom: 10px;
  display: inline-block;
}
.elementBlock.radioBlock .elementBlock {
  margin-top: 5px;
  margin-bottom: 0px;
}
.elementBlock.buttonBlock {
  vertical-align: bottom;
}
.elementBlock .error {
  color: red;
  font-style: italic;
  font-size: 0.8em;
  margin-left: 10px;
  display: inline-block;
}
.elementBlock input[type='text'].elementError,
.elementBlock input[type='password'].elementError,
.elementBlock textarea.elementError,
.elementBlock .checkbox span.elementError,
.elementBlock .combo.elementError {
  border-color: #FF0000;
}
.elementBlock .required {
  color: red;
}
.elementBlock input {
  margin: 0px;
  padding: 0px;
}
.elementBlock input[type='text'],
.elementBlock input[type='password'] {
  background-color: #ECECEC;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  height: 22px;
  width: 300px;
  text-indent: 5px;
}
.elementBlock input[type='text'][readonly],
.elementBlock input[type='password'][readonly],
.elementBlock input[type='text'][disabled],
.elementBlock input[type='password'][disabled] {
  background-color: #C1C1C1;
}
.elementBlock input[type='text'].inputCounter {
  margin-top: 5px;
  margin-right: 3px;
  width: 35px;
  text-indent: 3px;
  background-color: #333333;
  color: white;
}
.elementBlock .formapi_timezone input[readonly],
.elementBlock .formapi_timezone input[disabled] {
  background-color: #ECECEC;
  cursor: pointer;
}
.elementBlock .bold {
  font-weight: bold;
}
.elementBlock textarea {
  margin: 0px;
  background-color: #ECECEC;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  resize: none;
  padding: 2px 5px;
}
.elementBlock textarea[readonly],
.elementBlock textarea[disabled] {
  background-color: #C1C1C1;
}
.elementBlock .htmlEditor {
  background-color: #ECECEC;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  padding: 5px;
  width: 300px;
  height: 50px;
  overflow-y: scroll;
}
.elementBlock .htmlEditor[readonly],
.elementBlock .htmlEditor[disabled] {
  background-color: #C1C1C1;
}
.elementBlock .checkbox input {
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0;
}
.elementBlock .checkbox input:checked + span {
  background-image: url('http://app.emailos.com/images/ui/checkbox_clicked.png');
  background-repeat: no-repeat;
  background-position: 5px 4.5px;
}
.elementBlock .checkbox input:focus + span {
  background-color: #a8a8a8;
}
.elementBlock .checkbox input[readonly] + span,
.elementBlock .checkbox input[disabled] + span {
  background-color: #C1C1C1;
}
.elementBlock .checkbox span {
  width: 18px;
  height: 18px;
  display: block;
  background-color: #ECECEC;
  border: 1px solid #b9b9b9;
  border-radius: 6px;
}
.elementBlock .checkbox .checkboxIE {
  visibility: visible;
}
.elementBlock .checkbox + .beside {
  vertical-align: top;
  margin-top: 2px;
}
.elementBlock .multi_select .multi_select_list {
  background-color: #ececec;
  width: 300px;
  height: 200px;
  float: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
}
.elementBlock .multi_select .multi_select_list.first {
  margin-left: 10px;
}
.elementBlock .multi_select .multi_select_list.multi_disabled {
  background-color: #c1c1c1;
}
.elementBlock .multi_select .list_title {
  width: 300px;
  float: left;
  font-size: 14px;
  margin: 5px 0 5px 89px;
}
.elementBlock .multi_select .list_title.first {
  margin-left: 10px;
}
.elementBlock .multi_select .multi_select_arrow {
  float: left;
  margin-top: 45px;
}
.elementBlock .multi_select ul {
  width: 94%;
  list-style: none;
  padding: 4px;
  margin: 0;
  min-height: 190px;
}
.elementBlock .multi_select li {
  font-size: 14px;
  padding: 5px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
  margin: 5px 0;
  list-style: none;
  cursor: move;
  background-color: rgba(255, 255, 255, 0.5);
  word-wrap: break-word;
}
.elementBlock input[type='radio'] {
  vertical-align: middle;
}
.elementBlock .radio label {
  vertical-align: middle;
}
.elementBlock .radio input {
  display: none;
}
.elementBlock .radio input:checked + span {
  background-image: url('http://app.emailos.com/images/ui/radio.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
.elementBlock .radio input[disabled] + span {
  background-color: #AAAAAA;
}
.elementBlock .radio span {
  background-color: #ECECEC;
  border: 1px solid #b9b9b9;
  border-radius: 9px;
  width: 15px;
  height: 15px;
  display: block;
}
.elementBlock label {
  font-weight: bold;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.elementBlock .comboIE {
  display: inline;
  text-align: left;
}
.elementBlock .comboIE select {
  padding-right: 0;
}
.elementBlock .combo {
  width: 200px;
  height: 22px;
  border: 1px solid #b9b9b9;
  background: url('http://app.emailos.com/images/ui/dropdown.png') scroll 100% 50%;
  background-repeat: no-repeat;
  background-color: #ECECEC;
  border-radius: 5px;
  overflow: hidden;
}
.elementBlock .combo select {
  background: transparent;
  border: 0;
  width: 110%;
  height: 22px;
  line-height: 22px;
  text-indent: 5px;
  -webkit-appearance: none;
  outline: none;
  margin-top: 3px;
  -webkit-margin-before: -1px;
}
.elementBlock .combo select optgroup[label] {
  font-weight: normal;
}
.elementBlock .combo select option {
  background-color: #ECECEC;
}
.elementBlock .combo[readonly],
.elementBlock .combo[disabled] {
  background: url();
  background-color: #C1C1C1;
}
.elementBlock .combo_tripleIE {
  border: 0;
  text-align: center;
}
.elementBlock .combo_tripleIE select {
  background-repeat: no-repeat;
  line-height: 22px;
  text-indent: 5px;
  -webkit-appearance: none;
  outline: none;
  margin-top: 3px;
  margin-right: 5px;
  -webkit-margin-before: 0px;
  overflow: hidden;
}
.elementBlock .combo_triple {
  width: 302px;
  border: 0;
}
.elementBlock .combo_triple select {
  width: 120%;
  background-repeat: no-repeat;
  line-height: 22px;
  text-indent: 5px;
  -webkit-appearance: none;
  outline: none;
  margin-top: 3px;
  -webkit-margin-before: 0px;
  overflow: hidden;
}
.elementBlock .slider span.slider_element,
.elementBlock .range span.slider_element,
.elementBlock .slider span.range_element,
.elementBlock .range span.range_element {
  margin: 6px 6px 6px 0px;
  display: inline-block;
  width: 108px;
}
.elementBlock .slider span.slider_element.ui-slider,
.elementBlock .range span.slider_element.ui-slider,
.elementBlock .slider span.range_element.ui-slider,
.elementBlock .range span.range_element.ui-slider {
  display: inline-block;
  background-color: #ECECEC;
  height: 18px;
}
.elementBlock .slider span.slider_element.ui-slider .ui-slider-range,
.elementBlock .range span.slider_element.ui-slider .ui-slider-range,
.elementBlock .slider span.range_element.ui-slider .ui-slider-range,
.elementBlock .range span.range_element.ui-slider .ui-slider-range {
  background-color: #b5c9ce;
}
.elementBlock .slider span.slider_element.ui-slider .ui-slider-handle,
.elementBlock .range span.slider_element.ui-slider .ui-slider-handle,
.elementBlock .slider span.range_element.ui-slider .ui-slider-handle,
.elementBlock .range span.range_element.ui-slider .ui-slider-handle {
  background: none;
  background-color: #3A96B0;
  border: 0;
  top: -0.1em;
  margin-left: -9px;
  width: 20px;
  height: 20px;
}
.elementBlock .slider .slider_number,
.elementBlock .range .slider_number {
  height: 14px;
  vertical-align: top;
}
.elementBlock .slider .slider_number .slider_input[type="text"],
.elementBlock .range .slider_number .slider_input[type="text"] {
  width: 50px;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
.elementBlock .slider .range_number,
.elementBlock .range .range_number {
  height: 14px;
  padding: 2px;
  display: inline-block;
  color: #333333;
  background-color: #ECECEC;
  border: 1px solid #b9b9b9;
  vertical-align: top;
  margin: 6px 6px 6px -2px;
  border-radius: 6px;
}
.elementBlock .switch {
  margin-top: 5px;
}
.elementBlock .switch .ui-toggle-switch {
  display: inline-block;
}
.elementBlock .switch .ui-toggle-switch label {
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  margin: 0px 13px;
  color: #AAAAAA;
  line-height: 22px;
  vertical-align: top;
}
.elementBlock .switch .ui-toggle-switch label:first-child {
  margin-left: 0px;
}
.elementBlock .switch .ui-toggle-switch label:last-child {
  margin-right: 0px;
}
.elementBlock .switch .ui-toggle-switch label.ui-state-active {
  border: 0;
  color: #3A96B0;
  background: none;
}
.elementBlock .switch .ui-toggle-switch .ui-slider {
  display: inline-block;
  background-color: #ECECEC;
  height: 18px;
}
.elementBlock .switch .ui-toggle-switch .ui-slider .ui-slider-range {
  background-color: #ECECEC;
}
.elementBlock .switch .ui-toggle-switch .ui-slider .ui-slider-handle {
  background: none;
  background-color: #3A96B0;
  border: 0;
  top: -1px;
  margin-left: -9px;
  width: 20px;
  height: 20px;
}
.elementBlock .selectOverlayImage {
  background-image: url('http://app.emailos.com/images/ui/dropdown.png');
  background-repeat: no-repeat;
  float: left;
  width: 200px;
  height: 26px;
  line-height: 26px;
  text-indent: 10px;
  cursor: default;
  z-index: 1;
}
.dataTables_wrapper .elementBlock {
  margin: 0;
}
.dataTables_wrapper .formapi .elementBlock {
  margin-bottom: 10px;
}
.dataTables_wrapper table.dataTable input {
  margin: 0;
}
.dataTables_wrapper table.dataTable select {
  margin: 0;
  border: 0;
}
.dataTables_wrapper table.dataTable tbody tr.odd input,
.dataTables_wrapper table.dataTable tbody tr.even input {
  width: 100%;
  outline: none;
  border: 0;
}
.dataTables_wrapper table.dataTable tbody tr.odd input.select-box,
.dataTables_wrapper table.dataTable tbody tr.even input.select-box {
  width: auto;
  margin-right: 6px;
}
.dataTables_wrapper table.dataTable tbody tr.odd td[data-editable]:hover,
.dataTables_wrapper table.dataTable tbody tr.even td[data-editable]:hover {
  background-color: white;
  outline: 1px solid #aaa;
  cursor: text;
}
.rollerWindow {
  height: 500px;
  overflow: hidden;
  position: relative;
}
.rollerBoard {
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  margin-top: 10px;
}
.chunkOfSpace {
  height: 660px;
  opacity: 0;
  width: 1px;
  display: block;
  clear: both;
}
.littleChunkOfSpace {
  height: 200px;
  opacity: 0;
  width: 1px;
  display: block;
  clear: both;
}
.largeChunkOfSpace {
  height: 800px;
  opacity: 0;
  width: 1px;
  display: block;
  clear: both;
}
.fullWidth {
  width: 100%;
}
.rollerMenu ul {
  list-style: none;
  margin-left: -10px;
}
.rollerMenu ul li {
  background-color: #292929;
  padding: 10px 0px 10px 10px;
  border-top: 1px solid grey;
  position: relative;
  overflow: hidden;
  height: 16px;
  cursor: pointer;
}
.rollerMenu ul li.last {
  border-bottom: 1px solid grey;
}
.rollerMenu ul li span {
  z-index: 2;
  position: absolute;
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
.rollerMenu ul li span.selected {
  color: black;
}
.rollerMenu ul li div {
  position: absolute;
  width: 176px;
  height: 36px;
  background-color: #FFF;
  border-left: 1px solid black;
  display: block;
  top: 0;
  left: 350px;
  z-index: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.rollerMenu ul li div.selected {
  left: 0px;
}
.product_select_item:hover img {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}
.product_select_item {
  display: block;
  float: left;
  overflow: auto;
  border: 1px solid #ddd;
  margin: 5px 5px 5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  margin-left: 30px;
}
.product_select_item img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.product_select_item .submit_div {
  width: auto;
  padding-top: 10px;
}
.product_select_item .firstButtonColour {
  background-color: transparent;
}
.product_select_item .actionButtonColour {
  background-color: transparent;
}
.product_select_item .description {
  padding: 3px;
}
.product_select_item .type_title {
  font-size: 25px;
  color: #535353;
  font-family: Arial;
  font-weight: 600;
}
.product_select_item .description {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 190px;
}
.product_select_item img {
  padding: 10px;
}
.formapi-mergeSelect {
  display: inline-block;
}
.formapi-mergeButton {
  display: inline-block;
  vertical-align: top;
}
.formapi-mergeButton .ui.button {
  margin-top: -2px;
}
.simpleTooltip.elementBlock.marginLeft {
  margin-left: 20px;
  vertical-align: top;
}
/* Buttons */
body .ui.button.hover.tiny {
  text-transform: none;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 8px 20px;
}
body .ui.button.hover.tiny.teal {
  background-color: #3A96B0;
}
body .ui.button.hover.tiny.teal:hover,
body .ui.button.hover.tiny.teal:focus {
  background-color: #2d758a;
}
body .ui.button.hover.tiny.red {
  background-color: #DB2828;
}
body .ui.button.hover.tiny.red:hover,
body .ui.button.hover.tiny.red:focus {
  background-color: #b21e1e;
}
body .ui.button.hover.small {
  text-transform: none;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 8px 20px;
}
body .ui.button.hover.small.teal {
  background-color: #3A96B0;
}
body .ui.button.hover.small.teal:hover,
body .ui.button.hover.small.teal:focus {
  background-color: #2d758a;
}
body .ui.button.hover.small.red {
  background-color: #DB2828;
}
body .ui.button.hover.small.red:hover,
body .ui.button.hover.small.red:focus {
  background-color: #b21e1e;
}
.bottomNav button.small {
  text-transform: none;
  float: left;
  margin: 0 5px;
  font-size: 14px;
}
.bottomNav button.small.teal {
  background-color: #3A96B0;
}
.bottomNav button.small.teal:hover,
.bottomNav button.small.teal:focus {
  background-color: #2d758a;
}
.bottomNav button.small.red {
  background-color: #DB2828;
}
.bottomNav button.small.red:hover,
.bottomNav button.small.red:focus {
  background-color: #b21e1e;
}
body .dataTable .ui.button.hover.tiny {
  padding: 0.6em 0.8em;
  font-size: 1em;
}
/*rage*/
body .ui.button.hover.tiny.icon {
  padding: 0.6em;
  margin: 0;
}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
  z-index: 10000000;
}
.or {
  font-size: 15px;
}
body .ui.buttons .or:before {
  line-height: 1.7em;
}
