﻿            html { -webkit-text-size-adjust:none; }
            .ReadMsgBody { width: 100%; }
            .ExternalClass{ width: 100%; }
			.ExternalClass * {line-height: 100%}

      /* XFINITY Standard Light */
      @font-face {
        font-family: 'XfinityStandard';
        src: url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Light.woff2") format("woff2"),
             url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Light.woff") format("woff"),
             url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Light.ttf") format("truetype");
        font-weight: 300;
        font-style: normal;
      }

      /* XFINITY Standard Medium */
      @font-face {
        font-family: 'XfinityStandard';
        src: url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.woff2") format("woff2"),
             url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.woff") format("woff"),
             url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.ttf") format("truetype");
        font-weight: 500;
        font-style: normal;
      }

      html * {
        text-rendering: optimizeLegibility;
      }

			body {
				padding:0;
				margin:0;
				width:100%;
				margin:0 auto;
        font-family: "XfinityStandard", Arial, sans-serif; font-weight: 300;
      }

      .button {
        padding: 12px 30px;
        display: inline-block;
        text-align: center;
        border-radius: 100px;
        font-size: 14px;
        cursor: pointer;
        transition: .25s;
        font-family: "XfinityStandard", Arial, sans-serif; font-weight: 300;
      }
      .button.primary {
        border: 1px solid #278dd5;
        color: #fff;
        background: #278dd5;
      }

      .button.primary:hover {
        background: #fff;
        color: #278dd5 !important;
      }

      form ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      form li {
        position: relative;
        padding: 2px 0;
      }

      form li label {
        padding: 0 0 0 25px;
        position: relative;
        z-index: 3;
        cursor: pointer;
        display: block;
      }

      form li input[type=radio] {
        position: absolute;
        visibility: hidden;
      }

      form li .check {
        display: block;
        position: absolute;
        z-index: 2;
        border: 1px solid #ccc;
        background: #f6f6f6;
        border-radius: 100%;
        height: 15px;
        width: 15px;
        top: 5px;
        left: 0;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
        cursor: pointer;
      }
      form li:hover {
        color: #278dd5;
      }
      form ul li .check::before {
        display: block;
        position: absolute;
      	content: '';
        border-radius: 100%;
        height: 7px;
        width: 7px;
        top: 4px;
      	left: 4px;
        margin: auto;
      	transition: background 0.25s linear;
      	-webkit-transition: background 0.25s linear;
      }

      form input[type=radio]:checked ~ .check {
        border: 1px solid #278dd5;
        background: #278dd5;
      }

      form input[type=radio]:checked ~ .check::before{
        background: #fff;
      }

      /*form input[type=radio]:checked ~ label{
        color: #278dd5;
      }*/

.main {
  width: 100%;
}
@media (min-width:600px) {
  .main {
    width: 580px;
  }
}
