/** for IE browsers so they will use elastic fonts (em) properly **/
html {
  font-size: 16px;
}
#subscribeBody {
  background: #f0f0f0;
  /* Set base fonts and sizes. All other sections use elastic (em) values to grow/shrink their sizes based on these. */
  font-family: Arial, Helvetica, sans-serif;
  line-height: 16px;
  color: #000;
  /******** Manage Your Subscriptions Container Section ********/
  /* Responsive
-------------------------------------------------- */
  /* reset the padding to body*/
  /* Tablet to desktop */
  /* Tablet */
  /* Landscape phones */
  /******** Header Section *******/
}
#subscribeBody label {
  font-weight: normal;
}
@media (max-width: 767px) {
  #subscribeBody body {
    padding: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #subscribeBody {
    /* Remove any padding from the body */
  }
  #subscribeBody body {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  #subscribeBody {
    /* Remove any padding from the body */
  }
  #subscribeBody body {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  #subscribeBody {
    /* Remove padding above jumbotron */
  }
  #subscribeBody body {
    padding-top: 0;
  }
}
#subscribeBody #headerSection {
  width: 100%;
  overflow: hidden;
}
#subscribeBody #headerSection img {
  padding-top: 1em;
  max-width: 100%;
}
#subscribeBody .container-wrapper {
  padding: 0 3%;
  width: 870px;
  background-color: #fff;
  border-radius: 10px;
  margin: 20px auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #subscribeBody .container-wrapper {
    width: 100%;
  }
}
#subscribeBody #divSubscribeForm h1 {
  font-size: 32px;
  font-weight: bold;
}
#subscribeBody #divSubscribeForm label {
  font-weight: 100;
}
#subscribeBody #unsubscribeWrapper {
  font-size: 14px;
  /******** Email Banner Section *******/
  /******** Error and Status Messages *******/
  /******** Manage Subscriber *******/
  /** this is the main block for managing subscribers. It contains both the subscriptions section and profile section below **/
  /******** Manage Your Subscriptions Section *******/
  /** outer wrapper for manage your lists section **/
  /** style for each choice radio button **/
  /** style for subscriptions list table **/
  /******** Manage Your Profile Section *******/
  /******** Submit "Update" Button *******/
  /******** Footer Section *******/
}
#subscribeBody #unsubscribeWrapper #pageTitleSection {
  /* font size uses em which is relative to font-size defined in body tag above. */
  font-size: 27.5px;
  font-weight: bold;
  color: #999;
  padding: 1em 0 0.714em 0;
  line-height: 1.00em;
}
#subscribeBody #unsubscribeWrapper #emailBannerSection {
  background: #e8f1f7;
  border: none;
  border-radius: 5px;
  width: 65.38%;
  padding: 0.571em 5.813953%;
  margin: 1.4285em auto;
  clear: both;
  color: #666;
  text-align: center;
  /* style for email addresses shown in email banner */
  /* style for paragraph section in email banner */
}
#subscribeBody #unsubscribeWrapper #emailBannerSection h2 {
  margin-bottom: 0;
  /* font size and line height use em which is relative to sizes defined in body tag above.
			 */
  font-weight: normal;
  font-size: 23px;
  line-height: 1.35em;
}
#subscribeBody #unsubscribeWrapper #emailBannerSection span {
  color: #337098;
  word-break: break-all;
  word-wrap: break-word;
}
#subscribeBody #unsubscribeWrapper #emailBannerSection p {
  margin: 0.428em 0 1.1428em 0;
  padding: 0;
}
#subscribeBody #unsubscribeWrapper .headline {
  font-weight: bold;
}
#subscribeBody #unsubscribeWrapper #manageSubscriberSection .socialLinks {
  margin-left: 3.5714%;
}
#subscribeBody #unsubscribeWrapper .yourSubscriptions {
  border: 0;
  margin: 0.1428em 0 0;
  padding-bottom: 0;
}
#subscribeBody #unsubscribeWrapper .yourSubscriptions .updateInstruction {
  color: #337098;
  font-size: 20px;
  padding: 0.714em 0;
  font-weight: bold;
  border-bottom-width: 0px;
}
#subscribeBody #unsubscribeWrapper .yourSubscriptions .subscriptionUpdate {
  display: inline;
  font-size: 20px;
}
#subscribeBody #unsubscribeWrapper .choice {
  padding: 1.4285em 0;
  border-top: 1px dotted #ccc;
}
#subscribeBody #unsubscribeWrapper .choice label {
  font-size: 19px;
}
#subscribeBody #unsubscribeWrapper .choice:last-of-type {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 0.7142em;
  padding: 1.4285em 0;
}
#subscribeBody #unsubscribeWrapper .listsTable {
  border: 0;
  padding: 0 0.357% 0.357em 0.357%;
  margin-left: 2%;
}
#subscribeBody #unsubscribeWrapper .listsTable label {
  font-size: 16px;
  display: block;
  margin-left: 2.857%;
}
#subscribeBody #unsubscribeWrapper .listsTable table {
  padding: 0;
  margin: 0.7142em 0 0 1.4285%;
}
#subscribeBody #unsubscribeWrapper .listsTable td {
  border-bottom: 1px dotted #eee;
  max-width: 57.69%;
  padding: 0.42857em 0.42857%;
}
#subscribeBody #unsubscribeWrapper .listsTable input label {
  margin-left: 3.5714%;
}
#subscribeBody #unsubscribeWrapper .listsTable .listStatus {
  width: 100px;
  padding-left: 1.4285%;
}
#subscribeBody #unsubscribeWrapper .listStatus {
  color: #888;
  font-size: 14px;
  padding-left: 0.5714%;
}
#subscribeBody #unsubscribeWrapper .unsubscribeMsg {
  margin: 0.0714em 0 -0.3571em 2.3333%;
  padding: 0.2857em 0 0 0;
  color: #888;
}
#subscribeBody #unsubscribeWrapper #dncConfirmMsgBox {
  margin: 0 0 10px 35px;
  padding: 0.2857em 0 0 0;
  color: #222;
}
#subscribeBody #unsubscribeWrapper #dncConfirmMsgBox p {
  margin: 0;
  padding: 0 0 10px 0;
  color: #000;
  font-size: 16px;
  line-height: 1.5em;
}
#subscribeBody #unsubscribeWrapper .iframeSeparator iframe {
  border: none;
  overflow: hidden;
  width: 59.8404%;
  height: 1.7857em;
}
#subscribeBody #unsubscribeWrapper label.confirmCheckbox {
  font-size: 16px;
  color: #990000;
  margin-top: 0.71428em;
}
#subscribeBody #unsubscribeWrapper .profileSectionTitle {
  /* font size uses em which is relative to font-size defined in body tag above */
  font-size: 27.5px;
  font-weight: normal;
  color: #999;
  padding: 1em 0 1em 0;
}
#subscribeBody #unsubscribeWrapper #profileContainer {
  margin-top: -0.9285em;
  margin-bottom: 1.42857em;
}
#subscribeBody #unsubscribeWrapper #profileContainer label {
  display: block;
  font-size: 16px;
}
#subscribeBody #unsubscribeWrapper #yourProfile {
  border: 0;
  margin-left: 1.02564%;
  padding: 0;
  width: 100%;
}
#subscribeBody #unsubscribeWrapper #yourProfile .editProfile {
  color: #337098;
  float: right;
  margin-bottom: -1.214em;
  padding: 0;
  font-size: 16px;
  width: 184px;
}
#subscribeBody #unsubscribeWrapper #yourProfile .editProfile span {
  color: #666;
  font-size: 14.5px;
  font-weight: normal;
}
#subscribeBody #unsubscribeWrapper #yourProfile .editProfile a {
  color: #337098;
}
#subscribeBody #unsubscribeWrapper #yourProfile div {
  border: none;
  float: left;
}
#subscribeBody #unsubscribeWrapper .email,
#subscribeBody #unsubscribeWrapper .address1,
#subscribeBody #unsubscribeWrapper .address2,
#subscribeBody #unsubscribeWrapper .business,
#subscribeBody #unsubscribeWrapper .city,
#subscribeBody #unsubscribeWrapper .custom,
#subscribeBody #unsubscribeWrapper .phone .custom.checkbox {
  clear: left;
}
#subscribeBody #unsubscribeWrapper .fname .country {
  clear: both;
}
#subscribeBody #unsubscribeWrapper .custom.checkbox {
  margin: 0 0.7142% 0.7142em 0;
  width: auto;
}
#subscribeBody #unsubscribeWrapper .email input,
#subscribeBody #unsubscribeWrapper .fname input,
#subscribeBody #unsubscribeWrapper .lname input,
#subscribeBody #unsubscribeWrapper .address1 input,
#subscribeBody #unsubscribeWrapper .address2 input,
#subscribeBody #unsubscribeWrapper .city input,
#subscribeBody #unsubscribeWrapper .state input,
#subscribeBody #unsubscribeWrapper .zip input,
#subscribeBody #unsubscribeWrapper .business input,
#subscribeBody #unsubscribeWrapper .phone input,
#subscribeBody #unsubscribeWrapper .fax input,
#subscribeBody #unsubscribeWrapper .custom.text input,
#subscribeBody #unsubscribeWrapper .state select,
#subscribeBody #unsubscribeWrapper .country select {
  padding: 0.2857em 1.3333%;
  margin: 0.2857em 20px 0.7142em 0;
}
#subscribeBody #unsubscribeWrapper .lname {
  clear: both;
}
#subscribeBody #unsubscribeWrapper .custom.checkbox input {
  display: inline;
  margin-right: 0.7142%;
}
#subscribeBody #unsubscribeWrapper .custom.checkbox label {
  display: inline;
  margin-left: 0;
}
#subscribeBody #unsubscribeWrapper input[type="submit"] {
  border-radius: 4px;
  border: none;
  background-image: linear-gradient(to top, #e0e0e0 100%, #cccccc 53%);
  cursor: pointer;
  margin: 0 0 0.7142em 1.28205%;
  padding: 0.5714em 2.3076923%;
  color: #666;
}
#subscribeBody #unsubscribeWrapper input[type="submit"].activatedBtn,
#subscribeBody #unsubscribeWrapper input[type="submit"].activatedBtnHover {
  background-color: #226699;
  background-image: linear-gradient(to top, #006699 22%, #3988b0 53%);
  color: #fff;
}
#subscribeBody #unsubscribeWrapper input[type="submit"].activatedBtnHover {
  color: #003366;
}
#subscribeBody #unsubscribeWrapper .todRSS24 {
  background: url("//cdn.techopedia.com/resource/images/social/24x24/social_sprite24.png") 0px -96px;
  float: right;
  margin: 0 1.2820512%;
}