/**
 * Comcast Buyflow Overlay Styles
 *
 * For all Overlay Styles on the Comcast Buyflow
 *
 *
 * 
 * - All overlays
 * - overlay body styles
 * - yellow header
 * - green header
 * - gray header
 * - overlay icons
 * - Security PIN
 * - Save Alert Preferences
 * - Contract and Terms
 * - Account Activity Item
 * - Voice PIN
 * - Users and Settings
 * - Text Commands
 * - Forms Template
 *
 *
 *
 * NOTE : overlay width should be smaller than 820px
 *        .overlay-viewport max-height is 330 px
 *
 */





 




 /* ------------------------------ All overlays ----------------------------- */

#overlay-background {
	background: url("/~/media/customer_comcast_com/Images/overlay-background.png") repeat left top;
	
	height: 100%;
	width: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	
	z-index: 100;
}

.overlay-yellow,
.overlay-green,
.overlay-gray,
.overlay-white {
	width: 400px;
	max-height: 530px;
	position: relative;
	display: none;
	outline: none!important;
}

.overlay-yellow:after,
.overlay-green:after,
.overlay-gray:after,
.overlay-white:after,
.overlay-content-bottom:after,
#overlay-text-commands dl:after,
#overlay-text-commands-no-mobile dl:after {
	content: "";
	display:block;
	clear: both;
	float: none;
	
}
 
.overlay-top,
.overlay-close-btn,
.overlay-corner-right,
.overlay-footer,
.shadow-left,
.shadow-right,
.overlay-footer,
.overlay-footer-corner {
	background-image: url(/~/media/customer_comcast_com/Images/overlay.png);
	background-repeat: no-repeat;
	background-color: transparent;
}  
.overlay-top,
.overlay-body,
.overlay-footer,
.overlay-footer-corner {
	float: left;
	width: 100%;
} 
.overlay-top,
.overlay-close-btn,
.overlay-close-btn-blue,
.overlay-corner-right,
.overlay-footer,
.overlay-footer-corner {
	height: 56px;
	position: relative;
}

.overlay-close-btn,
.overlay-corner-right,
.overlay-footer-corner {
	width: 67px;
	right: -67px;
	position: absolute;
}

.overlay-close-btn-blue{
    width: 62px;
	right: -20px;
	position: absolute;
}


.overlay-body {
	position: relative;
	background-color: #fff;
}


.shadow-left,
.shadow-right {
	width: 27px;
	height: 100%;
	position:absolute;
	background-repeat: repeat-y;
}

.shadow-left 	{ background-position: -13px -5px; left: -27px;}
.shadow-right 	{ background-position: -60px -5px; right: -27px;}

.overlay-close-btn,
.overlay-close-btn-blue {
	cursor: pointer;
}

.overlay-content label {
	display: block;
}

.overlay-content .form-row .text + span {
	font-size: 10px;
	color: #666;
	float: left;
	margin: 13px 0 0 8px;
	font-weight: normal;
}

.overlay-content .form-row .checkbox + label {
	font-weight: normal;
	display: inline;
}

.overlay-forms label.validation-error {
	padding-bottom: 0;
}

.overlay-forms .form-row .text + .validation-error,
.overlay-forms .validation-error + .validation-error,
.overlay-forms .form-row span + .validation-error {
	position: static;
}


/*--------------------------overlay body styles-------------------------*/

.overlay-content h2{
	line-height: 20px;
    margin-top:0;
}

.overlay-viewport, .overlay-content .tos-viewport {
	max-height: 330px;
	overflow: hidden;
	position: relative;
	margin:30px 25px 20px;
}

.view {
	position: absolute;
	display: block;
	line-height: 15px;
}


.overlay-viewport h3{
	font-size: 15px;
	
}

.overlay-viewport:after{
	content: "";
	float: none;
	clear:both;
	display: block;
}

.overlay-viewport .col-left,
.overlay-viewport .col-left-border {
	float: left;
	width: 298px;
	margin-bottom: 30px;
	line-height: 20px;
}

.overlay-viewport .col-right,
.overlay-viewport .col-right-border
{
	float: right;
	text-align: left;
} 



.col-left-border,
.col-right-border {
	border: solid 1px #bbb;
	padding: 15px;
	width: 240px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.overlay-viewport span {
	font-weight: bold;
	padding-bottom: 20px;
	color: #3b3b3b;
}

.overlay-viewport .single {
	display: block;
	margin: 20px 0px!important;
}


.overlay-content-bottom {
	float: none;
	clear: both;
	background-color: #f2f2f2;
	padding-top: 15px;
    padding-bottom: 3px;
	margin-top: 40px;
	text-align: center;
	border-top:solid 1px #d5d5d5;
}

.overlay-content-bottom-cpni {
	float: none;
	clear: both;
	background-color: #f2f2f2;
	padding-top: 4px;
	margin-top: 20px;
	text-align: center;
	border-top:solid 1px #d5d5d5;
}
.overlay-footer-corner { 
	background-position: right -170px; 
	width: 67px;
	position: absolute;
	right: -67px;	
}


.overlay-footer,
.overlay-footer-corner

 {
	height: 40px;
}


.overlay-footer				{ background-position:-114px -240px; margin-left: -27px;}
.overlay-footer-corner 		{ background-position:right -240px;  }

.gray-bottom .overlay-footer		{ background-position:-114px -294px; margin-left: -27px;}
.gray-bottom .overlay-footer-corner { background-position:right -294px;  }


.overlay-viewport .scrollbar,
#scrollbar-overlay-viewport {
	position: absolute;
	height: 330px;
	width: 3px;
	right: 2px;
	top:0px;	
	background-color: #d5d5d5;
	overflow: visible;
	
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

.overlay-viewport .scrollbar .scrubber,
#scrollbar-overlay-viewport .scrubber {
	position: absolute;
	left: -1px;
	background-color: #3b3b3b;
	width: 5px;
	height: 60px;
	
	
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;

	cursor: pointer;
}




/*----------------------yellow header--------------------*/
.overlay-yellow h2 {
	background-color: #ffeca9;
	padding:0px 20px 20px 20px;
	border-bottom: 1px solid #ffc600;
}

.overlay-yellow .overlay-top 		{ background-position:-114px -170px; margin-left: -27px;}
.overlay-yellow .overlay-close-btn  { background-position: right -170px;}

/*----------------------green header--------------------*/
.overlay-green h2 {
	background-color: #dae8a1;
	padding:0px 20px 20px 20px;
	border-bottom: 1px solid #a2c513;
}

.overlay-green .overlay-top 		{ background-position:-114px -91px; margin-left: -27px;}
.overlay-green .overlay-close-btn  	{ background-position: right -91px; }

/*----------------------gray header--------------------*/
.overlay-gray h2 {
	background-color: #f2f2f2;
	padding:0px 20px 20px 20px;
	border-bottom: 1px solid #b5b5b5;
}

.overlay-gray .overlay-top 		{ background-position:-114px -10px; margin-left: -27px;}
.overlay-gray .overlay-close-btn{ background-position: right -10px; }


/*----------------------white header--------------------*/
.overlay-white h2 {
	background-color: #fff;
	padding:0px 20px 20px 20px;
	border-bottom: 1px solid #b5b5b5;
}

.overlay-white .overlay-top 			{ background-position:-114px -350px; margin-left: -27px;}
.overlay-white .overlay-corner-right	{ background-position: right -350px; }
.overlay-white .overlay-close-btn 		{ background-position: right -422px; }
.overlay-white .overlay-close-btn-blue 		{ background-position: right -0px; }




/*---------------------------------overlay icons--------------------------------*/
.overlay-content .icon-approved,
.overlay-content .icon-error,
.overlay-content .icon-lock {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-xfinity-icons.png);
	background-repeat: no-repeat;
	padding: 4px 0 8px 48px!important;
	display: block;
	float: left;
	height: 20px;
}

.overlay-content .icon-terms {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-header-icons.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	padding: 4px 0 8px 48px !important;
}

.overlay-content .icon-activity {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-header-icons.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	padding: 4px 0 8px 48px !important;
}

#overlay-set-permissions .icon-lock,
#overlay-voice-pin .icon-lock {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-xfinity-icons.png);
	background-position: 0 -472px;

}
/*---------------------------------Security PIN---------------------------------*/
#overlay-pin {
	width: 570px;
}

#overlay-pin h2 {
	border-bottom: 0 none;
	padding: 10px 30px 20px;
}

#overlay-pin .overlay-viewport {
	background-color: #f2f2f2;
	border-bottom: 1px solid #b5b5b5;
	margin: 0 0 10px;
	padding: 0 30px 38px;
}

#overlay-pin .overlay-viewport p {
	color: #3b3b3b;
	padding: 0 0 30px;
}

.overlay-voice .overlay-viewport input,
#overlay-pin .overlay-viewport input {
	width: 56px;
	/*padding-left: 22px;*/
}

#overlay-error-voice-pin .overlay-viewport a,
#overlay-voice-pin .overlay-viewport a,
#overlay-pin .overlay-viewport a {
	padding: 0 12px;
  
	font-size: 11px;
	line-height: 42px;
}

.overlay-forms .btn-gray,
.overlay-voice .cancel,
#overlay-pin .cancel {
	float: left;
	margin: 0 30px;
  
	font-weight: bold;
	line-height: 42px;
}



.overlay-forms .btn-yellow,
.overlay-voice .btn,
#overlay-pin .btn,
.overlay-text .email {
	float: right;
	margin: 0 20px
}





.overlay-voice .submit,
#overlay-pin .submit {
	padding: 0 75px 0 70px;
}

.overlay-content .icon-error,
.overlay-content .icon-approved,
.overlay-content .icon-lock {
	background-position: left 8px;
	display: block;
	float: left;
	height: 28px;
	margin: -12px 0 0 -5px;
}



.overlay-voice .icon-error {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-xfinity-icons.png);
	background-position: 0 -593px;
	height: 35px;
	margin-right: 10px;
}

.overlay-confirmation .icon-approved,
.overlay-voice .icon-approved {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-xfinity-icons.png);
	background-position: 0 -713px;
	height: 35px;
	margin-right: 10px;
}

.uhoh-error .global-wrapper {
	margin: 45px auto;	
	min-height: 400px;
}
.uhoh-error {
	background: #FFF url('/~/media/customer_comcast_com/Images/corfirmation_background.jpg') no-repeat scroll center top;
	padding-top:20px;
	padding-bottom:1px;
	text-align: center;
}
.uhoh-error h1 {
	margin: 0 0 12px 0;	
	font-size: 25px;
	line-height: 28px;
}
.uhoh-error .icon {
	background:transparent url('/~/media/customer_comcast_com/Images/sprite-xfinity-page-header-icons.png') no-repeat scroll 0 0;
	padding-top: 63px;
}

.uhoh-error .icon-shield 		{ background-position: center -2186px; }

.uhoh-error p {
	margin: 0 auto 20px;
	width: 435px;	
	font-size: 15px;
}

/*---------------------------------Save Alert Preferences---------------------------------*/
#overlay-save-preferences,
#overlay-disable-parental,
.user-choice {
	width: 570px;
	
	text-align: center;
}

#overlay-save-preferences .overlay-viewport,
#overlay-disable-parental .overlay-viewport {
	min-height: 42px;
}
.user-choice .overlay-content {
	padding: 20px 20px 5px;
}
.user-choice .overlay-viewport {
	margin: 20px 20px 5px;
	font-size: 17px;
}

#overlay-save-preferences p,
#overlay-disable-parental p {
	color: #3b3b3b;
	font-size: 17px;
	font-weight: bold;
}
.user-choice p {
	color: #3b3b3b;
	font-size: 17px;
	font-weight: bold;
}
.user-choice p {
	line-height: 1.4em;
}
#overlay-disable-parental .btn span,
.user-choice .btn span {
	width: 162px;
}
.user-choice .overlay-content p span,
#overlay-permission-notice .overlay-content span {
	font-weight: normal;
}
.userinfospan
{
    display:inline !important;
}
.userinfoerrorspan P
{
    font-weight: normal;
    font-size: 13px;   
    text-align:left;
    padding-left:5px;
}
/* autopay cancel */
#overlay-cancel-auto {
	width: 570px;
	
	text-align: center;
}
#overlay-cancel-auto .overlay-viewport {
	margin: 5px 25px;
}
#overlay-cancel-auto .overlay-content-bottom {
	margin-top: 30px;
}
#overlay-cancel-auto p {
	font-size: 17px;
	font-weight: bold;
	line-height: 44px;
	
	padding: 0 0 0 12px;
	
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-page-header-icons.png') no-repeat 0 -1680px;
}

/* autopay changepaymentinfoProcessing */

#overlay-processing p, .overlay-processing p {
    padding-bottom: 25px;
    padding-top: 25px;
}
#overlay-processing .Para, .overlay-processing .Para {
    background: url("/~/media/customer_comcast_com/Images/sprite-xfinity-page-header-icons.png") no-repeat scroll 0 -1680px transparent;
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
    padding: 4px 1px 0 0;
}


#overlay-processing, .overlay-processing {
    text-align: center;
    width: 510px;
}

/*-----------------------------------Contract and Terms--------------------------------*/
#overlay-contract .icon-contract,
.overlay-terms .icon-terms {
	margin-top: -10px;
}
.overlay-terms .icon-terms {
	background-position: left -720px;
}
#overlay-contract, .overlay-terms, .xfinity-wifi {
	width: 665px;
}

#overlay-contract .overlay-viewport, 
.overlay-terms .overlay-viewport {
	width: 620px;
	height: 330px;
}
#overlay-contract .view, 
.overlay-terms .view {
	width: 600px;
}

#overlay-contract .icon-contract,
.overlay-terms .icon-terms {
	padding: 9px 0 13px 48px!important;	
}

#overlay-contract h2 a,
.overlay-terms h2 a {
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin-left: 20px;
}

h2 .link{
	position:absolute; 
	right:20px; 
	top:0px;
}
.overlay-terms h5,
.overlay-terms p {
	margin: 0 0 10px;
}

.overlay-content .tos-view li, .overlay-content .tos-view p {
	font-size: 100%;
	color: #3B3B3B;
}

/*.overlay-content .tos-view .tos-descriptions li, .tos-view h2{*/
.overlay-content .tos-view .tos-descriptions li, .overlay-content .tos-view h2 {
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	/*margin: 0;*/
	margin: 0 0 0 -10px;
	background-color: #FFFFFF;
    border-bottom: none;
}

.overlay-terms .overlay-content .checkbox {
	margin: 0 0 0 25px;
}
.tos-close-overlay span
{
    text-align: center;
    width: 140px;
}

/*-----------------------------------Account Activity Item--------------------------------*/
.overlay-content .icon-activity {
    background-position: left -1551px;
    margin-top: -12px;   
}

#overlay-account-activity {
    width: 570px;
}

#overlay-account-activity .overlay-viewport {
    height: 200px;
    width: 525px;
}

#overlay-account-activity .view {
    width: 510px;
}

#overlay-account-activity .overlay-viewport .scrollbar,
#overlay-account-activity #scrollbar-overlay-viewport {
    height: 200px
}

#overlay-account-activity .btn span {
    padding-left: 60px;
    padding-right: 65px;
}

#overlay-account-activity p {
    color: #777;
    font-size: 11px;
    line-height: 14px;
    padding: 0 0 10px;
}

#overlay-account-activity .date {
    padding: 10px 0 18px;
}


/* ------------------------------ Voice PIN ----------------------------- */

.overlay-voice {
	width: 575px;
}
.overlay-voice .form-row {
	margin: 5px auto 0 auto;
	width: 226px;
}

.overlay-voice .overlay-viewport {
	height: 70px;
	width: 520px;
	text-align: center;
}

.overlay-voice .overlay-content-bottom {
	text-align: left;
}


#overlay-forgot-voice-pin .overlay-viewport{
	height: 125px;
}

#overlay-forgot-voice-pin .overlay-viewport p:first-child {
	margin-bottom: 10px;
}

#overlay-forgot-voice-pin .form-row {
	width: 96px;
}


/* ------------------------------ Users and Settings ----------------------------- */

.overlay-text {
	width: 575px;
}


.overlay-forms h2 span,
#overlay-text-commands h2 span,
#overlay-text-commands-no-mobile h2 span {
	font-size: 13px;
	color: #777;
	font-weight: normal;
}

#overlay-text-commands dl,
#overlay-text-commands-no-mobile dl {
	width: 350px;
	margin: 20px 0 0 0;
}

#overlay-text-commands dt,
#overlay-text-commands-no-mobile dt {
	width: 85px;
	float: left;
	font-weight: bold;
	font-size: 11px;
}
#overlay-text-commands dd,
#overlay-text-commands-no-mobile dd {
	float: left;
	font-size: 11px;
	color: #777;
	margin-bottom: 15px;
	width: 235px;
}


/* ------------------------------  Text Commands ----------------------------- */

.overlay-text .print,
.overlay-text .email,
 .overlay-text .emails {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-xfinity-global.png);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 22px;
	padding-left: 30px;
	line-height: 22px;
}

.overlay-text .print {
	float: left;
		margin-left: 20px;
	background-position: -15px -628px;
}
.overlay-text-print 
{
	background-image: url(/~/media/customer_comcast_com/Images/sprite-xfinity-global.png);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 22px;
	padding-left: 30px;
	line-height: 22px;
	float: left;
	margin-left: 20px;
	background-position: -15px -628px;
}


.overlay-text .email
 {
	float: right;
	background-position: -152px -575px;
 }
.overlay-text .emails
 {
	float: right;
	background-position: -152px -575px;
	padding-right: 20px;
}



/* ------------------------------  User Permissions Setting ----------------------------- */

#overlay-set-permissions {
	width: 580px;
}





.overlay-forms .btn span,
#overlay-set-permissions .btn span{
	width: 170px;
}

#overlay-set-permissions .btn button {
	width: 215px;
}

#overlay-set-permissions .overlay-viewport label {
	font-size: 13px;
	margin: 0 0 4px 0;
}

#overlay-set-permissions .overlay-viewport .checkbox + label {
	display: block;
}	

#overlay-set-permissions .overlay-viewport .checkbox {
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
}

.account-phone-numbers {
	padding: 0 0 0 30px;
	width: 200px;
}

.account-phone-numbers label {
	font-size: 13px;
	color: #777;
	font-weight: normal;
	margin: 0 0 5px 0;
}





#overlay-set-permissions .option-details {
	font-size: 11px;
	color: #777;
	padding: 0 0 0 30px;
	line-height: 17px;
}

#overlay-set-permissions .form-row,
#overlay-set-permissions .form-row li{
	width: 350px;
}


/* ------------------------------  Forms Template ----------------------------- */

#overlay-form-control-template {
	max-height: none;
}
#overlay-form-control-template .overlay-content-bottom {
	margin-top: 0;
}
#overlay-form-control-template .overlay-footer {
	position: static;
	float: left;
	width: 570px;
}
#overlay-form-control-template .dropdown li {
	margin: 0;
}
#overlay-form-control-template .overlay-footer-corner {
	top: auto;
	right: auto;
	position: static;
	float: left;
	margin-right: -40px;
}
.overlay-forms {
	width: 570px;
}

.overlay-forms .overlay-viewport {
	max-height: 500px;
}
.checkbox-group-name {
	float: left;
}

.checkbox-group-name+label {
	padding-right: 10px;
}

.overlay-forms .dropdown {
	width: 330px;
}
.overlay-forms label {
    display: block;
    padding-bottom: 5px;
}





/*-----------------------------Forms TOS Template -----------------------------*/

#overlay-terms-template {
	max-height: none;
}
#overlay-terms-template .overlay-content-bottom {
	text-align: left;
	padding: 15px 20px 0;
}
#overlay-terms-template .btn span {
	width: 170px;
}
#overlay-terms-template .btn {
	float: right;
}
.overlay-terms-checkbox-container {
	float: left;
	height: 18px;
	padding: 14px 0;
}
.overlay-terms-checkbox-container .checkbox {
	float: left;
	margin: 0 5px 0 0;
}
.overlay-terms-checkbox-container label {
	font-size: 13px;
}






/*---------------------------------Parental Control---------------------------------*/

#overlay-parental-control {
	width: 570px;
}

.overlay-viewport ol {
	margin: 20px 0 0 15px;
	
}

.overlay-viewport li {
	margin-bottom: 5px;
}

.coppaview ul li
{
	font : 13px "Helvetica Neue","Helvetica","Arial",sans-serif !important;	
}

#view-coppa-overlay .overlay-viewport span
{
    font-weight:normal !important;
}


.OptInoutTerms span {
    padding-bottom: 0;
}

/*---------------------------------Overlay Tooltips---------------------------------*/

.overlay-viewport .tooltip-container {
	background: transparent url("/~/media/customer_comcast_com/Images/sprite-xfinity-global.png") -377px -72px no-repeat;
	cursor: pointer;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 0 0 5px;
	position: relative;
}


.overlay-viewport .tooltip-container .tooltip {
	top: -20px;
	left: 15px;
}

.overlay-content .form-row .radio + label {
	font-weight: normal;
	display: inline;
}

/*---------------------------------Overlay Loading ---------------------------------*/
.overlay-loading {
	width: 570px;
	text-align: center;
}

.overlay-loading .overlay-viewport {
	padding: 65px 0;
	color: #777;
	text-align: center;
}
.overlay-loading .overlay-viewport span {
	background-image: url('/~/media/customer_comcast_com/Images/loading.gif');
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	margin: 5px auto;
	padding: 0;
	width: 20px;
}

.overlay-loading.error .overlay-viewport span {
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll 0px -1236px;
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll 0px -1238px;
	display: block;
	height: 24px;
	margin-top: 1px;
}

.overlay-loading .overlay-message { display: block; }
.overlay-loading .overlay-message.error { display: none; }
.overlay-loading.error .overlay-message { display: none; }
.overlay-loading.error .overlay-message.error { display: block; }

.overlay-white.overlay-loading .overlay-corner-right	{ display: block; }
.overlay-white.overlay-loading .overlay-close-btn	{ display: none; }
.overlay-white.overlay-loading.error .overlay-corner-right 		{ display: none; }
.overlay-white.overlay-loading.error .overlay-close-btn 		{ display: block; }



.overlay-text #validation-errors h3 {
    background-position: 18px -1231px;
    line-height: 18px;
    margin: 14px 0;
    padding: 0 55px;
}

#overlay-text-commands-no-mobile .overlay-viewport #validation-errors
{
    margin-top:10px;
}

.videodowngrade-email-field{
	float: left;
    width: 520px;

}
.videodowngrade-email-field-inputText
{
    width:230px!important;
}
.videodowngrade-email-button
{
    margin-right: 228px!important;
}
/****************************************************/
/*****************Alternative Email*******/


.alternative-email-field{
	float: left;
    width: 520px;

}
.lapttop-icon{
	float:right;
	
}
 
#overlay-viewport-add-email{
	height:260px;
	background:url(/~/media/customer_comcast_com/Images/AltEmail_Laptop.png);
	background-position:88px 53px;
	background-repeat:no-repeat;
	margin:17px 50px -38px;
}
 
#overlay-viewport-save-email1{
	height:275px;
	background:url(/~/media/customer_comcast_com/Images/AltEmail_Laptop.png);
	background-position:95px 73px;
	background-repeat:no-repeat;
	margin:17px 50px -35px;
}


.overlay-viewporttext{
	text-align:left;
	text-weight:bold;
}
.alternative-email-field-inputText
{
    width:230px!important;
}
.overlay-content-bottom-email
{
    margin-right: 118px!important;
}
.overlay-content-bottom-thanks
{
    margin-right: -22px!important;
    
}
.overlay-content-bottom-save
{
    margin-right: 220px!important;
}
.overlay-content-bottom-cancel
{
    margin-right: -20px!important;
}
.overlay-content-bottom-submit
{
    margin-right: 230px!important;
}

p.validation-error {
	clear: both;
	font-size: 11px;
	color: #FF3030;
	padding-left:0px;
	padding-top:2px;
    width : 200px;
    text-align:left;
    line-height:14px;
}
.validationErrorContainer
{
    text-align:left;
}

.overlay-content-bottom-margin
{
    margin-top:0px;
}

.interceptoverlayhide
{
    display:none !important;
}
 
 .interceptoverlayshow
{
    display:block;
}



/*****************Redesign Ecobill-confirmation*******/
#overlay-viewport{
	height:140px;
}
#overlay-viewport-tos{
	height:330px;
}
#overlay-viewport-tos p{
	text-align:left;
}
.overlay-viewporttext, .clearfix{
	text-align:left;
}
.overlay-content-bottom .icon-print{
	float: left;
    font-weight: bold;
    height: 20px;
    line-height: 15px;
    margin: 10px 2px 3px 10px;
    padding-right: 310px;
    width: auto;
}
/*****************************ecobill enroll overlay**********/
#overlay-enroll-ecobill{
	width: 595px;
	
	text-align: center;
}
#overlay-viewport-ecobill-enroll{
	height:280px;	
	width:595px;
}
.ecobill-overlay_header{
	float:left;
	margin:0;
	padding:0;
}

.ecobill-overlay_header h1
{
	float:left;
	margin:3px 5px 0 30px;
	padding:0;
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#333333;
}
img.ecobill-header_imag
{
	float:left;
	margin:0;
	padding:0;
}
.ecobill-overlay-maincontent
{
	height:390px;
	float:left;
	clear:left;
	margin:25px 0 0 0;
	padding:0;
}
	img.content_imag
{
	float:left;
	margin:0 0 0 150px;
	padding:0;
}
/*span
{
	float:left;
	padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}*/
.ecobill-overlay-maincontent .line1
{
	margin:5px 0 0 120px;
	color:#bdbec0 !important;
}
.ecobill-overlay-maincontent .line2
{
	margin:5px 0 0 90px;
	color:#1ab7ea;
}
.ecobill-overlay-maincontent .line3
{
	margin:10px 5px 0 20px;
	color:#3b3b3b;
}

.ecobill-overlay-maincontent .line4
{
text-align:left;
padding:5px;
margin:15px 22px 0 22px;
border:1px solid #dddddd;
color:#3b3b3b;
background:#f4f4f4;
border-left:none;
border-right:none;
width:92%;
}
.rbtutton
{
float:left;
clear:left;
margin:15px 0 0 25px;
padding:0;
}
.ecobill-overlay-maincontent .line5
{
margin:18px 0 0 10px;
}
.checkbox1
{
float:left;
clear:left;
margin:2px 5px 0 0;

}
.ecobill-overlay-maincontent .line6
{
clear:left;
margin:20px 0 0 26px;
padding:10px 0;
border-top:1px solid #dddddd;
width:92%;
text-align:left;
}
input.radio {
	visibility:hidden;
	position:absolute;
	z-index:8
}
.radio-on, .radio-off {
	padding-left:20px;
	background:url(/~/media/customer_comcast_com/Images/radio.png) no-repeat 0 0;
	padding-bottom:6px;
}
.radio-on {
	background-position:0 -23px;
}
.enroll-ecobil-radio{
float:left;
margin:15px 0 0 15px;
padding:0;
}
.ecobill-checkbox{
	float: left;
	width: 80%;
	  margin: -7px 0 0 18px;
}
/***********************Ecobill overlay terms*************************/
#overlay-contract .view, .overlay-terms .view{
	width: 580px!important;
	padding: 0 0 0 20px!important;

	}
.overlay-content-bottom{
	padding-left: 20px!important;
	}

#print{
 	 background: url("/~/media/customer_comcast_com/Images/sprite-xfinity-icons.png") no-repeat scroll -5px -150px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
	margin-top:6px;
}

.ecobill-cancle-btn span{
	width:140px; 
	margin-right: 100px;
}
/******************Ecobill overlay tooltip*********************************/

.line5 .tooltip-container{
	display:block;
    left: 118px;
    position: absolute;
    top: 2px;
}
.line5 .tooltip-container {
	display:block;
    background: url("/~/media/customer_comcast_com/Images/sprite-xfinity-global.png") no-repeat scroll -377px -72px transparent;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    left: 1px;
    position: relative;
    top: 3px;
    width: 20px;
}
#ecobil-tooltip-wide1{
	display:none;
	top:-115px;
	left:-140px;
}
#ecobil-tooltip2-wide1{
	display:none;
	top:-130px; 
	left:-140px;
} 
#ecobill-tooltip .tooltip
{
	left : -142px !important;
	top : -91px !important;
	right : auto !important;
	bottom : auto !important;
	
}
.line3, .line4
{
	float : left;
}
.line5
{
position : relative;

}

.ecobill-btn
{
margin-left : 40px;
}
.radi-eco
{
	margin-left : 10px !important;
}

.radi-eco1
{
	margin-left : 10px;
	float : left;
}
.ecobill-radio-paper
{
	margin-top : 12px;
	position : relative;
}
.ecobill-check-box
{
	top : 410px;
	position : absolute;
	padding-top : 5px;
	border-top : 1px solid #DDDDDD;
	text-align : left;
	width : 530px;
	margin-top : 10px;
}
.ecobill-check-box-input
{
	margin-left : 0px;
}
#ecobill-print
{
margin-top : 10px;
}
.enroll-ecobil-radio label
{
	width : 447px !important;
}
#overlay-ecobill .tos-view
{
	width: 572px;
}

#overlay-ecobill .tos-viewport
{
	margin-right : 0px;
}

#overlay-ecobill .tos-content

{
	margin-right : 20px;
	margin-LEFT: 20px;
}

#overlay-ecobill .tos-view p
{
	padding-bottom : 1px;
}
#overlay-ecobill .acceptTerms
{
	margin-left : 228px !important;
}
#overlay-ecobill .eco-terms-error
{
	margin-left : 50px; 
	margin-right : 50px; 
	margin-top : 20px;
}
.ecobill-check-box span
{
	margin-left : 0px;
	bottom : -2px;
	position : relative;
}
.ecobill-overlay-maincontent
{
	width : 530px;
    text-align: left;
}
.ecobill-email-confirmation-list
{
    margin-top : -75px;
    padding-left : 25px;
    line-height: 20px;
}
.overlay-content-bottom .overlay-print{
	float: left;
    font-weight: bold;
    height: 20px;
    line-height: 15px;
    margin: 10px 2px 3px 10px;
    padding-right: 310px;
    width: auto;
}
#print-icon {
    background: url("/~/media/customer_comcast_com/Images/sprite-xfinity-icons.png") no-repeat scroll -5px -150px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin-top: 6px;
    width: 20px;
}

/******************Alternate Email Error Message*********************************/
.errAltEmailMessage{
    width : 500px;
    margin-left:50px;
}

/*******************VideoDowngrade Email***************/

.videodowngrade-email-field{
	float: left;
    width: 520px;

}
.videodowngrade-email-field-inputText
{
    width:230px!important;
}
.videodowngrade-email-button
{
    margin-right: 228px!important;
}
 
/************** Business Class Overlay **************************************/
.BusinessLogo {
    left: 47px;
    position: absolute;
    top: 388px;
}

.getStartedLogo {
    border: 0 none;
    left: 450px;
    position: absolute;
    top: 388px;
}

.BusinessBackground {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/~/media/customer_comcast_com/Images/BCP_Interstitial.ashx);
    background-position: 0 0;
    background-repeat: no-repeat no-repeat;
    height: 466px;
    width: 655px;
}

/*Merge - ecobill overlay and terms in 13.09 release*/
.merge-ecobill .xfinity-ecobill-section-container {
	display : none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 6px 6px 6px 6px;
    margin: 12px 28px 0 0;
}

.merge-ecobill .arrow-tip-top {
    background: url("/~/media/customer_comcast_com/Images/sprite-xfinity-global.png") no-repeat scroll -452px -72px transparent;
    display: inline-block;
    height: 11px;
    left: 57%;
    position: relative;
    top: -11px;
    width: 21px;
}

#overlay-ecobill .merge-ecobill .tos-content {
	border-bottom : none;
	text-align : left;
}

.ecobill-terms-show .checkbox {
	display : none;
}
#overlay-ecobill {
	width : 600px;
}

#overlay-ecobill .merge-ecobill .tos-content {
	margin-left : 0px;
	margin-right : 12px;
	padding-bottom : 0;
}

#overlay-ecobill .merge-ecobill .tos-view {
	width: 450px;
}
#overlay-ecobill .merge-ecobill .tos-view p {
	font-weight : normal;
}
#overlay-ecobill .merge-ecobill .tos-viewport {
	margin-top : 8px;
	height : 180px;
	max-height : 200px;
	margin-left : 10px;
}

#overlay-ecobill .merge-ecobill .validation-errors {
	text-align : left;
	margin-right : 28px;
}
#overlay-ecobill .merge-ecobill .ecobill-email-confirmation-list {
	margin-left : 25px;
	margin-bottom : 25px;
    margin-top : auto;
	padding-left : 0px;
}


#overlay-ecobill .merge-ecobill .overlay-content-bottom {
	margin-top : 6px;
	padding-left : 0;
}

#overlay-ecobill .merge-ecobill .overlay-viewport {
	height : 77px;
        width: auto;
}
.merge-ecobill .tos-viewport .scrollbar {
	height : 180px;
}

.ecobill-overlay-go {
	background: transparent url("/~/Media/customer_comcast_com/Images/EcoBill_Image2.jpg") right bottom no-repeat;
}
.ecobill-header-text {
    font: 23px Arial,Helvetica,sans-serif; 
    margin: -24px 160px 15px 0; 
    text-align: left;
}


.ecobillinform {
	text-align: left; 
	line-height : 18px; 
	font-weight: bold; 
	font-size: 12px; 
	margin-top: 92px; 
	position: static;
        width: 240px;               /*US137491 	Merge Eco-Bill interstitial screens - Changed for Accessability audit of Ecobill */ 
}
.ecobill-img {
	position : static;
	margin-left: 15px; 
	
}
.ecobill-img2{
	position : static;
	margin-left: 15px; 	
}
.ecobillinform-new li {
	position: relative;
	padding-left: 14px;	
}
.ecobillinform-new li:before {
	content: "✔";
	position: absolute;
	left: 0;
    color:#008000; 
	}
.ecobillinform-new {
	text-align: left; 
	line-height : 15px; 
	font-weight: bold; 
	font-size: 12px; 
	position: static;
    width: 240px;               /*US137491 	Merge Eco-Bill interstitial screens - Changed for Accessability audit of Ecobill */ 
}


/*US137491 	Merge Eco-Bill interstitial screens - Changed for Accessability audit of Ecobill */  

#overlay-ecobill p {
     font-size: 12px;
     margin-bottom:2ex;
}
#overlay-ecobill .overlay-viewport p {
     font-size: 13.5px;
}
.user-choice p.ecobillterms {
    text-align: left;
    font-weight: normal;
}
/*Changed for Accessability audit of Ecobill*/ 
.ecobillterms {
	text-align: left;
}
#overlay-ecobill .merge-ecobill .overlay-content-bottom .ecobill-btn {
	margin-left : 10px;
}
#overlay-ecobill .merge-ecobill .overlay-content-bottom .btn-merge {
	margin-left : 85px;
}
#overlay-ecobill .merge-ecobill .overlay-content-bottom .eco-merge-span {
	padding : 0px;
}
#overlay-ecobill .merge-ecobill .merge-content-enrollview {
	margin-left : 10px;
	margin-top : 10px;
	padding-right : 0px;
}
#overlay-ecobill .merge-ecobill .eco-show-span {
	margin-left : 10px;
}
#overlay-ecobill .merge-ecobill .merge-content-bottom {
	text-align : left;
}
#overlay-ecobill .merge-ecobill .ecobill-confirm-done {
	margin-right : 35px;
	padding-left : 55px;
	padding-right : 55px;
}

.ecobill-overlay-go .ecobill-header-text { 
    line-height: 26px; 
}
.ecobillinform-new li {
    margin: 0 7px 16px 0;
}


/*Merge Ecobill Overlay end*/



/****************************************************/
/**
 * Global styles for xfinity tooltips
 *
 * @author Aaron Chu
 * 
 *	1. Tooltip general styles
 *  2. Error Tooltips
 *  3. Problem Tooltip
 *  4. Wide1 Tooltip (width: 282px)
 *  5. Wide2 Tooltip (width: 347px)
 *  6. Wide3 Tooltip (width: 417px)
 *
 */
 

 /*----------------- Tooltip general styles ----------------------------*/
/*
.tooltip-container {
	position: relative;
}
*/
.tooltip,
.tooltipMedium,
.tooltipLarge,
.tooltip-top,
.tooltip-arrow,
.tooltip-arrow-tip-left,
.tooltip-arrow-tip-top,
.tooltip-arrow-tip-bottom,
.tooltip-close-btn,
.tooltip-wide3 h1,
.check-image,
.visa-card-image,
.amex-card-image {
	background-image: url('/~/media/customer_comcast_com/Images/sprite-tooltip.png');
	background-repeat: no-repeat;
	
}

.tooltip {
	
	/*
       note - 'visually-hidden' class will be assigned instead from tooltipInit: function (context){...}
       display: none; 
    */
	
	/*position: absolute;
	top: 0;
	left: 0;
	
	z-index: 3; */
    
    left: -180px;
    position: absolute;
    top: -60px;
    z-index: 3;
}
.tooltipMedium {
	/*
       note - 'visually-hidden' class will be assigned instead from tooltipInit: function (context){...}
       display: none; 
    */	
	position: absolute;
	top: 54px;
	left: -150px;	
	z-index: 3;
}
.tooltipLarge {
	/*
       note - 'visually-hidden' class will be assigned instead from tooltipInit: function (context){...}
       display: none; 
    */
	position: absolute;
	top: 54px;
	left: -150px;	
	z-index: 3;
}
.tooltip span {
	display: block;
}

.tooltip-top {
	height: 11px;
	position: absolute;
}

.tooltip-arrow,
.tooltip-arrow-tip-left,
.tooltip-arrow-tip-top,
.tooltip-arrow-tip-bottom {
	position: absolute;
}

.tooltip-arrow-tip-left {
	left: 0;
	top: 50%;
	margin-top: -23px;	
	width: 11px;
	height: 15px;
	background-position: -66px 0;
}
.tooltip-arrow-tip-leftSA {
	left: 0;
	top: 50%;
	margin-top: -45px;
	width: 11px;
	height: 15px;
	background-position: -66px 0;
}
.tooltip-arrow-tip-top {
	left: 50%;
	top: -23px;
	width: 16px;
	height: 11px;
	background-position: -523px -11px;
}

.tooltip-arrow-tip-bottom {
	left: 50%;
	bottom: 0;
	width: 16px;
	height: 11px;
	background-position: -523px -24px;
}

.check-image{
	display: block;
	width: 296px;
	height: 137px;
	background-position: -1069px -2px;
}

.address-section:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

/*----------------- Error Tooltips ----------------------------*/


.tooltip-error {
	background-position: 0 bottom;
	width: 197px;
	text-align: center;
}

.tooltip-error .tooltip-top {
	width: 100%;
	background-position: 0 -151px;
	top: -10px;
	left: 0;
}

.tooltip-error .tooltip-arrow {
	width: 18px;
	height: 15px;
	margin: 0 0 0 -9px;
	
	background-position: 0 0;
	
	bottom: -7px;
	left: 50%;
}

.tooltip-error .tooltip-content {
	padding: 10px 17px 20px 17px;
	font-size: 10px;
	color:#3b3b3b;
	/* font-weight: bold; */
}




/*----------------- Problem Tooltips ----------------------------*/


.tooltip-problem {
	width: 200px;
	background-position: -215px bottom;	
}

.tooltip-problem a {
	color: #1471da;
}

.tooltip-problem a:hover {
	text-decoration: underline;
}

.tooltip-problem .tooltip-top {
	width: 100%;
	height: 10px;
	background-position: -215px -151px;
	top: -10px;
	left: 0;
}

.tooltip-problem .tooltip-arrow {
	background-position: -35px 0;
	width: 19px;
	height: 13px;
	top: -21px;
	right: 17px;
}

.tooltip-problem .tooltip-content {
	font-size: 13px;
	color: #3b3b3b;
	padding: 0px 20px 15px 20px;
	text-align: left;
}
.tooltip-problem p {
	line-height: 15px;
	font-size: 11px;
}


/*----------------- CCV Tooltips (width: 262px) ----------------------------*/

.tooltip-ccv {
	width: 262px;
	background-position: -1525px bottom;
}

.tooltip-ccv li{
	font-size: 11px;
	/* font-weight: bold; */
}


.tooltip-ccv .tooltip-top {
	width: 100%;
	background-position: -1525px -142px;
	top: -10px;
	left: 0;
}

#cardholder-field .tooltip-ccv .visa-card-image,
.tooltip-ccv .visa-card-image {
	width: 212px;
	height: 135px;
	display: block;
	background-position: -834px -4px;
	margin-top: 10px;
}

#cardholder-field .tooltip-ccv .amex-card-image,
.tooltip-ccv .amex-card-image {
	width: 212px;
	height: 135px;
	display: block;
	background-position: -602px -4px;
	margin-top: 10px;
}

.tooltip-ccv .tooltip-arrow-tip-left {
	top: 14%;
}

.tooltip-ccv .tooltip-content {
	font-size: 13px;
	color: #3b3b3b;
	margin-left: 11px;
	padding: 12px 20px 35px 20px;
}


/*----------------- Wide1 Tooltips (width: 282px) ----------------------------*/


.tooltip-wide1 {
	width: 282px;
	background-position: -435px bottom;
}

.tooltip-wide1 .tooltip-arrow-tip-left {
	margin-top: 0;
	top: 20%; /* Unless this tooltip is used elsewhere, this is default position of arrow */
}

.tooltip-wide1 .tooltip-top {
	width: 100%;
	background-position: -435px -151px;
	top: -10px;
	left: 0;
}

.tooltip-wide1 .tooltip-content {
	font-size: 13px;
	color: #3b3b3b;
	margin-left: 11px;
	padding: 10px 20px 25px 20px;
}


/*----------------- Wide2 Tooltips (width: 347px) ----------------------------*/

.tooltip-wide2 {
	width: 347px;
	background-position: -735px bottom; 
}


.tooltip-wide2 .tooltip-top {
	width: 100%;
	height:15px;
	background-position: -735px -146px;
	top: -15px;
	left: 0;
}



.tooltip-wide2 .tooltip-content {
	font-size: 13px;
	color: #3b3b3b;
	padding: 5px 21px 25px 16px;
	/* font-weight: bold; */
	margin-left: 11px;
}

.tooltip-wide2 p {
	line-height: 17px;
	margin-bottom: 20px;
}



/*----------------- Wide3 Tooltips (width: 417px) ----------------------------*/


.tooltip-wide3 {
	width: 417px;
	background-position: -1094px bottom;
}

.tooltip-wide3 .tooltip-top {
	width: 100%;
	height: 20px;
	background-position: -1094px -141px;
	top: -20px;
	left: 0;
}

.tooltip-wide3 .tooltip-content{
	margin-left: 11px;
	padding: 0 30px 28px 20px;
}


.tooltip-wide3 h1 {
	font-size: 13px;
	color: #3b3b3b;
	padding-left: 50px;
	line-height: 17px;
	margin-bottom: 15px;
	background-position: -146px 0;
}

.tooltip-wide3 p {
	font-size: 11px;
	color: #3b3b3b;
	padding-left: 50px;
	line-height: 15px;
}


/*----------------- Manage Alerts Tooltips (width: 205px) ----------------------------*/


.tooltip-add-mobile {
	width: 205px;
	padding: 10px 15px;
	background-position: -1820px -495px;
}
.tooltip-add-mobile .tooltip-top {
	width: 100%;
	height: 20px;
	background-position: -1820px -132px;
	top: -20px;
	left: 0;
}
.tooltip-pending-mobile {
	width: 375px;
	padding: 10px 15px;
	background-position: -2099px -495px;
}
.tooltip-pending-mobile .tooltip-top {
	width: 100%;
	height: 20px;
	background-position: -2099px -132px;
	top: -20px;
	left: 0;
}
.tooltip-alertpreferences-mobile {
	width: 375px;
	padding: 15px 15px;
	background-position: -2099px -495px;
}
.tooltip-alertpreferences-mobile .tooltip-top {
	width: 100%;
	height: 20px;
	background-position: -2099px -132px;
	top: -20px;
	left: 0;
}

/*----------------- Parental Control Slider Tooltips (width: 205px) ----------------------------*/


.tooltip-parental-slider {
	width: 88px;
	background-position: -2514px bottom;
	padding: 10px 20px 35px 20px;
	top: auto;
	left: -32px;
	bottom: 37px;
}
.tooltip-parental-slider.tooltip {
	z-index: 999;
	top: auto;
}
.tooltip-parental-slider .tooltip-top {
	width: 100%;
	height: 20px;
	background-position: -2514px -132px;
	top: -20px;
	left: 0;
}
.tooltip-parental-slider .tooltip-content {
	text-align: left;
	color: #3b3b3b;
}
.tooltip-parental-slider .tooltip-content span {
	display: block;
}
.tooltip-MyService {
       display: none;
       position: relative;
       top: 35px;
       right:25px;   
       z-index: 3;
       left:-160px;
}
.form-row .tooltip-container.no-email {
	background: transparent url("/~/media/customer_comcast_com/Images/sprite-xfinity-global.png") no-repeat scroll -378px -71px;
	cursor: pointer;
	display: inline-block;
	height: 15px;
	margin: 0;
	width: 20px !important;
	float: none;
	position: relative;
	top: 5px;
	*top: -9px;
}
/* --------------------------------- Footer --------------------------------- */

#footer,
.lnkFooterFacebook,
.lnkFooterTwitter,
.lnkFooterForums,
.lnkFooterContact {
	background: url('/~/media/customer_comcast_com/Images/sprites.ashx') no-repeat top left;
}

#footer {
	background-position: left -695px;
	background-color: #f9f8f8;
	background-repeat: repeat-x;
	padding: 20px 0 0;
	width: auto;
	font-size: 10px;
	text-align: left;
}
#footer img {
    float: left;
    margin: 0 20px 0 0;
}
#footerSocial div,
#siteLinks,
#footerBottomLinks {
	width: 982px;
	margin: 0 auto;
}

#footerSocial {
	margin: 0 auto;
    padding: 0px 0 16px;
	border-bottom: 1px #d6d6d6 solid;
}
#footerHome #footerSocial {
	margin: 0;
}
#footerSocial a {
	color: #404040;
	line-height: 20px;
}
.lnkFooterFacebook,
.lnkFooterTwitter,
.lnkFooterForums,
.lnkFooterContact {
	padding: 5px 0 5px 32px;
	font-size: 13px;
	font-weight: bold;
}
.lnkFooterFacebook {
	background-position: left -203px;
	margin: 10px 80px 0 0;
}
.lnkFooterTwitter {
	background-position: left -244px;
	margin: 10px 80px 0 0;
}
.lnkFooterForums {
	background-position: left -328px;
	margin: 10px 90px 0 0;
	padding: 5px 0 5px 35px;
}
.lnkFooterContact {
	background-position: left -286px;
	margin: 10px 0 0;
    padding: 5px 0 5px 35px;
}

#siteLinks ul {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}
#siteLinks ul ul {
	margin: 8px 0 0;
}
#siteLinks li {
	float: left;
	border-right: 1px #dfdfdf solid;
	margin: 0 10px 5px 0;
	padding: 15px 46px 0 0;
}
#siteLinks li.last {
	border: none;
	padding: 15px 0 0;
	margin: 0 0 5px 0;
}
#siteLinks li li {
	float: none;
	height: auto;
	border-right: none;
	padding: 0;
}
#siteLinks h5 {
	text-transform: uppercase;
	font-size: 10px;
	color: #404040;
	font-weight: bold;
	margin: 0 0 5px;
}
#siteLinks a,
#footerBottomLinks a{
	text-transform: uppercase;
	font-size: 9px;
	line-height: 14px;
}
#footerBottomLinks {
	font-size: 9px;
	padding: 0 0 10px 0;
}
#footerBottomLinks a {
	line-height: 20px;
}




/* ---------------------------- Footer Search ------------------------------- */

#footerSearch {
	padding: 30px 0 30px;
	width: 986px;
	margin: 0 auto;
	display: block;
}
#footerSearch #helpSearch {
	background: none;
}
#footer.showSearch #footerSearch {
	display: block;
}
#footerSearch #footerSocial {
	background: #f9f8f8;
	border-bottom: 1px #d6d6d6 solid;
	margin: 20px 0 0;
}
#footerSearch #footerSocial a {
	color: #404040;
}
/**
 * Comcast Buyflow Global Stylesheet
 *
 * For global elements on the Comcast Buyflow. Headers, footers, etc.
 *
 *
 * - Global Reset
 * - Common Layout
 * - Global Nav Steps
 * - Buttons
 * - Global Form Field
 * - Global Input Field
 * - Custom Radio
 * - Custom Checkbox
 * - Custom Dropdown
 * - Global Select Button Styles
 * - Global Input Button Styles
 * - Page Header Information
 * - Validations
 * - No Equipment, loading, error background (Right Rail)
 * - Yellow Notification Box
 * - Terms of Service
 * - Radio Toggle
 * - Segmented Help Articles
 *
 */



/* ------------------------------ Global Reset ----------------------------- */

body {
	font: normal 13px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #3b3b3b;
	
	height: 100%;
}

.global-wrapper:after,
#nav-steps:after,.nav-steps:after,
.clearfix:after,
.h_clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
}
h2 {
	font-size: 17px;
	color: #3b3b3b;
}
h3 {
	color: #3b3b3b;
}
a {
	color: #1471da;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	line-height: 20px;
}
strong {
	font-weight: bold;
}
sup {
	font-size: 0.5em;
	vertical-align: super;
}

h3 sup.registermark
{
    font-size: 1em;
}

em {
	font-style: italic;
}

input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
  outline-offset: -2px;
}
[role="main"] input:focus,
[role="main"] textarea:focus,
[role="main"] isindex:focus,
[role="main"] keygen:focus,
[role="main"] select:focus,
[role="main"] a:focus,
[role="main"] button:focus,
[role="main"] [tabindex="0"]:focus {
  outline: #6D6D6D solid 1px;
}


/* General Helpers
-------------------------------------------------- */
.center-text {
	text-align: center;
	}
.float-left {
	float: left;
	}
.float-right {
	float: right;
	}
.clear {
	clear: both;
	}
.bold {
	font-weight: bold;
	}
.normal {
	font-weight: normal;
	}
.wrap {
	overflow: hidden;
	}
.block {
	display: block;
	}


/* ----------------------------- Common Layout ----------------------------- */

body {
	background: transparent url('/~/media/customer_comcast_com/Images/bg.png') repeat scroll 0 0;
}
body.flow-page {
	background: #fff;
}
.global-wrapper {
	width: 980px;
	margin: 30px auto 50px;
}
.global-wrapper.error {
	width: 680px;
}
.question {
	width: 18px;
	height: 18px;
	display: inline-block;
}

#radio-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.xfinity-section-container {
	display: none; /* global? */
	margin: 20px 0 0;
	padding: 34px 24px;

	border: 1px solid #cacaca;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
	
	background: #FFF;
	position: relative;
}



.xfinity-section-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
} 

.xfinity_sprite
{
    background-image: url(/~/media/customer_comcast_com/Images/xfinity_sprite.png);
    display: block;
}

/*
 * This is in place to ensure the first h2 and h3 in xfinity-section-container do not have margin-top.
 */

.xfinity-section-container h2:first-child,
.xfinity-section-container h3:first-child,
#notification-content h2:first-child, .notification-content h2:first-child {
	margin-top: 0;
}

.xfinity-section-container .arrow-tip-top {
	display: block;
	width: 21px;
	height: 11px;
	
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-global.png') no-repeat -452px -72px;
	
	position: absolute;
	top: -11px;
}



.global-wrapper.error .xfinity-section-container {
	display: block;
	padding: 20px 30px;
	
	color: #3b3b3b;
	line-height: 20px;
}

.callout .xfinity-section-container {
	display: block;
	padding: 20px 30px;
	margin-bottom: 20px;
	
	color: #3b3b3b;
	line-height: 20px;
}


.error-container-wrapper
{       
    clear:both;
    margin : 0 auto;
}

.error-container
{
    clear:both;
    margin : 0 auto;
    width: 980px;    
}


.divider {
	background-color: #E7E7E7;
    
    display: block;
	width: 980px;
    height: 4px;
    margin: 20px auto 30px;

	border-left: none;
    border-right: none;
	border-bottom: none;
    border-top: 1px solid #C5C5C5;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    	box-sizing: border-box;
}



.credit-plus-sign {
	position: relative;
	top: 7px;
	left: -10px;
	font-size: 24px;
}	

/* ---------------------------- Global Nav Steps --------------------------- */

#nav-steps, .nav-steps {
	background: #f7f7f7;
	padding: 9px 24px 5px;
	
	border-top: 1px solid #d5d5d5;
	-webkit-border-radius: 0 0 6px 6px;
	   -moz-border-radius: 0 0 6px 6px;
			border-radius: 0 0 6px 6px;
}
#nav-steps .tooltip-container, .nav-steps .tooltip-container {
	float: right;
}

#nav-steps .print, .nav-steps .print,
#nav-steps .print-section, .nav-steps .print-section,
#nav-steps .back, .nav-steps .back,
#nav-steps .cancel, .nav-steps .cancel {
	float: left;
	
	font-size: 13px;
	font-weight: bold;
	line-height: 42px;
}

#nav-steps-tos .btn.skipit, .nav-steps-tos .btn.skipit,
#nav-steps-tos .btn.cancel, .nav-steps-tos .btn.cancel {
	float: left;
}

#nav-steps .print, .nav-steps .print,
#nav-steps .print-section, .nav-steps .print-section {
	padding-left: 34px;
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-xfinity-global.png') -15px -617px no-repeat;
}


#nav-steps .btn, .nav-steps .btn {
	float: right;
	margin: 0 0 0 5px;
}
#nav-steps .submit, .nav-steps .submit {
	width: 215px;
}
#nav-steps .btn span, .nav-steps .btn span {
	min-width: 170px;
}
#nav-steps.separate, .nav-steps.separate {
	margin: 20px 0 0;
	
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}

#nav-steps + .cui-fine-print,
.nav-steps + .cui-fine-print {
    margin: 40px 0 -40px 0;
    font-size: 11px;
    line-height: 1.1em;
    color: #666;
}

#user-greetings-info {
    width: 140px;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* nav steps float overrides -- special cases */
#nav-steps.separate .float-right a, .nav-steps.separate .float-right a {
	float: none;
}
/* ---- Comcast User Interface Component: Flow Steps ---- */
.cui-flow-steps {
                display: table;
              
                padding: 10px 25px;
                width: 100%;
                background: #f7f7f7;
                border-color: #d5d5d5;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                }
.cui-flow-steps > * {
                display: table-cell;
                vertical-align: middle;
                }
.cui-flow-steps .primary-actions {
                text-align: right;
                }
.cui-flow-steps .centered-actions {
                text-align: center;
                }
.cui-flow-steps .btn {
                  float: none;
                }
/* -------------------------------- Buttons -------------------------------- */

.btn {
	display: inline-block;
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-global.png') no-repeat 0 -172px;
	padding-left: 5px;
	
	color: #1b1b1b;
	text-decoration: none;

	cursor: pointer;
}
div.btn,
.btn .submit {
	cursor: pointer;
}
.btn span,
.btn .submit {
	display: inline-block;
	margin: 0px;
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-global.png') no-repeat right -172px;
	
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.btn span {
	padding: 0 20px 4px 20px;
	
	line-height: 42px;
}
.btn .submit {
	border: none;
	height: 46px;
	padding: 0 25px 5px 20px;
	
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.btn:hover {
	text-decoration: none;
}

.btn-yellow		 { background-position: left -172px; }
.btn-yellow:hover   { background-position: left -218px; }
.btn-yellow:active  { background-position: left -264px; }

.btn-yellow-parental { background-position: right -172px; }
.btn-yellow-parental:hover   { background-position: right -218px; }
.btn-yellow-parental:active  { background-position: right -264px; }

.btn-yellow span,
.btn-yellow .submit   		{ background-position: right -172px; }
.btn-yellow:hover span,
.btn-yellow:hover .submit   { background-position: right -218px; }
.btn-yellow:active span,
.btn-yellow:active .submit  { background-position: right -264px; }


.btn-yellow-small span {	
	line-height: 32px;
}
.btn-yellow-small .submit {
	height: 36px;
}

.btn-yellow-small 			{ background-position: left -671px; }
.btn-yellow-small:hover 	{ background-position: left -707px; }
.btn-yellow-small:active 	{ background-position: left -743px; }

.btn-yellow-small span,
.btn-yellow-small .submit   		{ background-position: right -671px; }
.btn-yellow-small:hover span,
.btn-yellow-small:hover .submit   { background-position: right -707px; }
.btn-yellow-small:active span,
.btn-yellow-small:active .submit  { background-position: right -743px; }




.btn-gray   		{ background-position: left -310px; }
.btn-gray:hover 	{ background-position: left -356px; }
.btn-gray:active	{ background-position: left -402px; }

.btn-gray span,
.btn-gray .submit   		{ background-position: right -310px; }
.btn-gray:hover span,
.btn-gray:hover .submit	 { background-position: right -356px; }
.btn-gray:active span,
.btn-gray:active .submit	{ background-position: right -402px; }

.btn-disabled {
	position: relative;
	pointer-events: none
}
.btn-disabled .tooltip {
	top: -60px;
	left: 50%;
	
	margin: 0 0 0 -98px;
}

.btn.btn-disabled,
.btn-disabled .submit {
	color: #bbb;
	cursor: auto;
}

.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active			{ background-position: left -124px; }

.btn-disabled span,
.btn-disabled .submit,
.btn-disabled:hover span,
.btn-disabled:hover .submit,
.btn-disabled:active span,
.btn-disabled:active .submit	{ background-position: right -124px; }

.lnk-disabled {
    color: #777;
    cursor: text;
}

.lnk-disabled,
.lnk-disabled:hover,
.lnk-disabled:active			{ text-decoration: none; }

.saving,
.saving-content {
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-global.png') no-repeat;
}
.saving {
	float: right;
	height: 42px;
	margin: 2px 0;
	padding-left: 5px;
	
	background-position: left -448px;
	
	color: #999;
	font-weight: bold;
}
.saving-content {
	display: block;
	width: 170px;
	
	padding: 9px 25px 9px 20px;
	
	background-position: right -448px;

	text-shadow: 0px 1px 0px #ffffff;
	line-height: 24px;
}

.saving-content img {
	float: left;
	margin: 0 6px 0 47px;
}

/* -------------------------- Global Form Fields --------------------------- */

.xfinity-section-container form {
	/* firefox fix for margin collapse */
	border-top: 1px solid transparent; 
}
.form-row {
	margin: 20px 0 0;
	/*position: relative;*/
	/* To prevent IE7 stacking order bug, if needed, create a element inside form-row that is position: relative */
}
.arrow-tip-top + .form-row,
.form-row:first-child {
	margin: 0;
}
.form-row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.form-field {
	float: left;
	padding: 0 0 0 10px;
	position: relative;
}
.form-field:first-child {
	padding: 0;
}

.form-field .dropdown {
	margin-top: 2px;
}

.icon, .icon-before:before {
	background: url(/~/media/customer_comcast_com/Images/sprite-xfinity-icons.png) no-repeat 0 0;
	display: block;
}


.add-row {
	background-position: -8px -131px;
	height: 16px;
	margin: 20px 0 0;
	padding: 0 0 0 20px;
	width: auto;
}

#ecobill-small-form .remove,
#ecobill-option .remove {
  float: right;
  font-size: 11px;
  line-height: 1.5;
}

.page-header .header-links {
	position: absolute;
	right: 0;
	bottom: 0;
}
.page-header .icon-print,
.page-header .tos-print,
.page-header .print-section {
	
	height: 20px;
	margin: 0;
	padding: 0 0 0 23px;
	width: auto;
	
	background-position: -8px -153px;
	
	
	
	line-height: 15px;
}




/* -------------------------- Global Input Field --------------------------- */

.text {
	padding: 12px;
	float: left;
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-global.png') no-repeat 0 -845px #fff;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	
	font-size: 13px;
	line-height: 1em;
}
.text:focus {
	border: 3px solid #a2c513;
	padding: 10px;
	outline-width: 0;
}
.text.validation-error,
.text.error {
	border: 1px solid #ffc600;
	padding: 12px;
	margin: 0;
}
.form-row .text + .validation-error,
.validation-error + .validation-error,
.form-row span + .validation-error {
	font-size: 10px;
	font-style: italic;
	color: #ff3030;
	
	display: block;
	margin: 0;
	
	position: absolute;
	bottom: -13px;
	
	clear: both;
}
.validation-error + .validation-error {
	left: 85px;
}
.form-row label.validation-error {
	left: 0;
}

.input-1		{ width: 305px; }
.input-2		{ width: 232px; }
.input-3		{ width: 210px; }
.input-4		{ width: 205px; }
.input-5		{ width: 59px; }
.input-6		{ width: 37px; }

.input-2digit   { width: 27px; }
.input-3digit   { width: 37px; }
.input-4digit   { width: 49px; }
.input-phone	{ width: 120px; }
.input-account	{ width: 166px; }






/* ----------------------------- Custom Radio ------------------------------ */

span.radio {
	float: left;
	width: 18px;
	height: 19px;
	background: url('/~/media/customer_comcast_com/Images/sprite-ui.png') no-repeat -76px 0;
	
	cursor: pointer;
}
span.radio.selected {
	background-position: -94px 0;
}


span.radio.disabled {
	background-position: -94px 0;
	cursor: default !important;
}

.radio + .disabled {
	color: #ccc;
}



/* ---------------------------- Custom Checkbox ---------------------------- */

.custom-bare .checkbox {
	margin: 0 6px 3px 0;
}
span.checkbox {
	display: inline-block;
	width: 18px;
	height: 17px;  
	background: url('/~/media/customer_comcast_com/Images/sprite-ui.png') no-repeat -40px 0;
	
	cursor: pointer;
    margin-right:48px;
}
span.checkbox.selected {
	background-position: -58px 0;
    margin-right:48px;
}

span.checkbox.disabled {
	background-position: -41px -32px;
	cursor: default;
}

.checkbox + label {
	display: inline-block;
	
	font-size: 11px;
	line-height: 18px;
}

.checkbox + .disabled {
	color: #ccc;
}




/* ---------------------------- Custom Dropdown ---------------------------- */

.dropdown {
	position: relative;
	z-index: 9;
}

.dropdownAddUser > li > a
{
    width : 100% !important;
}

.dropdown > li > a {
	color: #3B3B3B;
	line-height: 1em;
	text-decoration: none;
	
	height: 40px;
	width: 300px;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.dropdown a > span {
	display: block;
	margin: 0;
	padding: 12px 40px 12px 12px;
	background: url('/~/media/customer_comcast_com/Images/sprite-ui.png') no-repeat right -24px;
	
	font-size: 13px;
	color: #3B3B3B;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown a {
	display: block;
	
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown ul {
	display: none;
	border: 1px solid #d5d5d5;
	margin: 1px 0 0;
	background: #FFF;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	width: 100%; /* parent width - 2px for border */
	
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 99;
}
.dropdown ul a {
	color: #1471da;
	text-decoration: none;
	
	background: #FFF;
	padding: 12px;
}
.dropdown ul a.overdue {
	color: #c8001d;
}
.dropdown ul a:hover,
.dropdown ul a.selected {
	background: #1471da;
	
	color: #FFF;
}
.dropdown ul a:hover.overdue,
.dropdown ul a.selected.overdue {
	background: #c8001d;	
	color: #FFF;
}
.overdue_attention
{
    background-position: -625px -294px;
    width: 24px;
    height: 24px;
    margin-top: 0px;
}

.alert .dropdown{
	border: 2px solid #c8001d;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
.alert-tooltip {
	background: url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat -1px -1515px;
	display: block;
	position: relative;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.alert-tooltip .tooltip {
	top: 32px;
	left: -166px;
}
.trialert-tooltip {
	 
	display: block;
	position: relative;
	width: 39px;
	height: 20px;
	cursor: pointer;
}
.account-alert-option {
	color: #C8001D !important;
}
a.account-alert-option.selected, 
a.account-alert-option:hover {
	color: #FFF !important;
	background-color: #C8001D !important;
}


/* ---------------------- Global Select Button Styles ---------------------- */

.form-select {
	float: left;
	width: 222px;
	height: 198px;
	background: url('/~/media/customer_comcast_com/Images/sprite-ui.png') no-repeat;
	
	position: relative;
	cursor: pointer;
	
	color: #3B3B3B;
}
.form-select,
 .form-select.disabled:hover	{ background-position: 0 -73px; }
.form-select:hover			  { background-position: 0 -271px; }
.form-select:active,
.form-select.active-state	   { background-position: 0 -469px; }
.form-select.selected		   { background-position: 0 -667px; }

.form-select.disabled,
.form-select.disabled label {
	cursor: default;
}
.form-select.disabled .input-section {
	width: 178px;
	padding: 0 20px;
}
.form-select .text {
	width: 154px;
}
.form-select label {
	cursor: pointer;
	
	line-height: 1.3em;
}
.input-section {
	display: table;
	
	/*background: #000;*/
	
	padding: 0 20px 0 49px;
	height: 52px;
	
	position: relative;
	
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	text-align: left;
}
.input-section span {
	position: absolute;
	top: 50%;
	left: 17px;
	
	margin: -9px 0 0;
}
.input-section label {
	display: table-cell;
	vertical-align: middle;
}
.label-section {
	background: url('/~/media/customer_comcast_com/Images/sprite-ui.png') no-repeat -220px -1070px;

	height: 129px;
	width: 176px;
	margin: 0 2px;
	padding: 5px 21px;
	
	text-align: center;
}
.label-section p {
	line-height: 18px;
}
.selected .label-section {
	margin: 0 6px;
	padding: 5px 17px;
}

.add-more {
	background: url('/~/media/customer_comcast_com/Images/sprite-ui.png') no-repeat;
	background-position: -221px -71px;
	
	font-size: 11px;
	text-align: center;
}

.add-more:hover	{ background-position: -221px -269px }
.add-more.selected { background-position: -221px -666px }

.add-more .label-section {
	margin-top: 100px;
	background: none;
}
.add-more h3 {
	font-size: 15px;
	padding: 10px 0px; 
}

/* ------ Global Select (Wide and Short Version) ------- */

.form-select-wide-short {
	float: left;
	width: 340px;
	height: 198px;
	background: url('/~/media/customer_comcast_com/Images/sprite-ui.png') no-repeat;
	
	position: relative;
	cursor: pointer;
	
	color: #3B3B3B;
}
.form-select-wide-short,
.form-select-wide-short.disabled:hover		{ background-position: -1005px -73px; }
.form-select-wide-short:hover				{ background-position: -1005px -271px; }
.form-select-wide-short:active,                                    
.form-select-wide-short.active-state		{ background-position: -1005px -469px; }
.form-select-wide-short.selected			{ background-position: -1005px -667px; }
.form-select-wide-short .label-section {
	width: 295px;
}




/* ----------------------------- Page Header Information -------------------------------- */

.page-header {
	min-width: 980px;
	background: #FFF url('/~/media/customer_comcast_com/Images/page-header-bg.png') repeat-x scroll 0 0;
	padding: 30px 0;
	border-bottom: 5px solid #d5d5d5;
}
.page-header-inner {
	margin: 0 auto;
	width: 980px;

	position: relative;
}
.page-header-inner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.page-header-inner .header-info {
	float: left;
}
.page-header-inner h1 {
	line-height: 1em;
	font-size: 25px;
}
.page-header-inner .error h2 { 
	font-size: 25px;
	margin-top: 15px;
}
.page-header-inner .account {
	margin: 6px 0 0;
}
#my-services .account > li:first-child {
	padding: 0;
}
#tos .header-icon {
  height: auto !important;
}
.header-icon {
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-page-header-icons.png') no-repeat 0 0;
	float: left;
	padding-left: 70px;
	/* This is a superfluous made up height & the reason for !important in #preference-flow .header-icon */
	/*height: 70px;*/
}

.eco-icon		  	{ background-position: 0 0;			padding: 0 0 0 57px; }
.eco-terms-icon 	{ background-position: 0 -960px;	padding: 0 0 0 60px; }
.auto-icon		  	{ background-position: 0 -120px; 	padding: 0 0 0 63px; }
.billing-icon		{ background-position: 0 -240px; 	padding: 0 0 23px 62px; }
.services-icon		{ background-position: 0 -360px; 	padding: 0 0 13px 72px; }
.link-icon		  	{ background-position: 0 -480px; 	padding: 0 0 0 71px; }
.settings-icon		{ background-position: 0 -600px; 	padding: 0 0 24px 74px; }
.confirm-icon		{ background-position: 0 -1200px; 	padding: 0 0 0 52px; }
.big-confirm-icon	{ background-position: 0 -1080px; 	padding: 0 0 0 65px; }
.error-icon			{ background-position: 0 -1320px; 	padding: 0 0 0 58px; }
.paper-icon  		{ background-position: 0 -720px; 	padding: 0 0 0 56px; }
.cc-icon  			{ background-position: 0 -840px; 	padding: 0 0 0 69px; }
.bank-icon 			{ background-position: 0 -1440px; 	padding: 0 0 0 60px; }
.billing-txt-icon	{ background-position: 0 -1560px;	padding: 0 0 0 52px; }
.link-accounts-icon { background-position: 0 -480px; 	padding: 0 0 0 72px; }
.past-due-icon		{ background-position: 0 -2360px; 	padding: 0 0 10px 62px; }
.identity-icon		{ background-position: 0 -2463px; 	padding: 7px 0 10px 62px; }
.security-icon		{ background-position: 0 -2558px; 	padding: 7px 0 10px 62px; }
.reschedule			{ background: url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat 0 -596px; }
.terms-icon			{ background-position: 0 -2671px;	padding: 7px 0 10px 62px; }


.header-icon p {
	margin: 5px 0 0;
}
#preference-flow .header-icon
{
	height : auto !important;
}
.header-info p {
	margin-left: 63px;
	clear: both;
	
	color: #777;
	font-size: 15px;
}
.no-icon {
	background: none;
	min-height: auto;
	padding-left: 0;
}
.past-due-amount {
	color: #c8001d;
}

h1.services-icon 	{ line-height: 38px; }
h1.auto-icon 		{ line-height: 49px; }
h1.confirm-icon 	{ line-height: 32px; }
h1.cc-icon		 	{ line-height: 34px; }
h1.bank-icon 		{ line-height: 38px; }
h1.error-icon 		{ line-height: 38px; }
h1.billing-txt-icon { line-height: 39px; }

.account > li {
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-my-services.png') no-repeat scroll 4px -25px;  
	color: #777;
	font-size: 13px;
	display: inline-block;
	padding-left: 13px;
	vertical-align: middle;
}
.account > li:first-child {
	background: none;
	padding-left:0;
}
.account > .dropdown-present {
	background: none;
	padding-left: 5px;
}
.account > .dropdown-present-overdue {
	background: none;
	padding-left: 5px;
}
.page-header-inner .rename-link {
	display: inline-block;
	font-size: 11px;
	margin-top: 2px;
}

.customer-info {
	float: right;
	text-align: right;
}
.customer-info p {
	font-size: 13px;
	line-height: 16px;
}
.Session-Message-Head
{
    font-size: 24px;
    color: #999999;
    font-weight:normal;
    padding: 22px 0 0px 12px;
}
.topMessageDiv
{
    margin: 0px auto;
    width: 1000px;
}
.Session-Message-Content
{
    color: #000000;
    font-weight: bold;
    line-height:30px;
    
}
.Hello-Message
{
     padding: 22px 0 0px 12px;
}

/* ----------------------------- Validation -------------------------------- */

.validation-errors ,
#validation-errors {
	background: #ffeca9;
	
	margin: 0 0 20px;
	border: 1px solid #ffc600;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}

.validation-errors h3,
#validation-errors h3 {
    position: relative;
	font-size: 13px;
	line-height: 24px;
	
	padding: 16px 55px;
}
.validation-errors h3:before,
#validation-errors h3:before {
    content: "";
    display: block;
    position: absolute;
    left: 18px;
    width: 21px;
    height: 24px;
	background: url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat 0 -1238px;
}
.validation-errors div,
.validation-errors ul ,
#validation-errors ul {
	padding: 26px 68px;
	
	border-top: 1px solid #ffc600;
	-webkit-border-radius: 0 0 6px 6px;
	   -moz-border-radius: 0 0 6px 6px;
			border-radius: 0 0 6px 6px;
	
	background: #fcf9e6;
}

.validation-errors div,
.validation-errors li ,
#validation-errors li {
	list-style: disc;
	
	margin: 12px 0 0;
}

.validation-errors li:first-child ,
#validation-errors li:first-child {
	margin: 0;
}
.error-field {
	position: relative;
}
.error-field .error-message {
	position: absolute;
	bottom: -13px;
	left: 0;
	
	margin: 0;
	
	font-size: 10px;
	font-style: italic;
	color: #ff3030;
}


/* ----------------------------- warning -------------------------------- */

.warningerror
{
    background-color: #FCF9E6;
    background-image: url("/~/media/customer_comcast_com/Images/sprite-xfinity-billing.png");
    background-position: 12px -548px;
    background-repeat: no-repeat;
    border: 1px solid #FF0000;
    font-size: 15px;
    margin: 40px;
    padding: 20px 30px 30px 88px;
    font-style: normal;
    font-weight: bold;
    color: #990000;
}

.warning {
	background-image: url(/~/media/customer_comcast_com/Images/sprite-xfinity-billing.png);
	background-repeat: no-repeat;
	background-position: 20px -617px;
	background-color: #fcf9e6;
	border: 1px solid #ffba00;
	padding: 20px 20px 20px 80px;
	margin-top: 20px;
	
	font-size: 11px;
	
	
}

.warning h3 {
	font-size: 15px;
}


/* --------------------- No Equipment, loading, error background (Right Rail) -------------------------- */
.no-equipment-message,
.no-equipment-message-col2,
.loading-error-col2,
.loading-col2 {
  background: transparent url('/~/media/customer_comcast_com/Images/right-rail-bg.png') repeat-y scroll 0 0;
  padding: 0px 5px;
}


/* --- No Equipment --- */
.no-equipment-message {
  padding: 20px;
  text-align: center;
}
.no-equipment-message-col2 {
	padding: 30px 20px 30px;
	text-align: center;
}

/* --- Loading Status--- */

.loading-col2,
.flow-page .loading {
  min-height: 80px;
  padding: 80px 20px;

  color: #777;
  font-weight: bold;
	font-size: 13px;
  text-align: center;
}

.flow-page .loading {
  min-height: 80px;
  min-width: 80px;
}

.loading-col2 span,
.flow-page .loading span {
  background-image: url('/~/media/customer_comcast_com/Images/loading.gif');
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  margin: 5px auto;
  width: 20px;
}

.small-loading {
    min-height:0px;
    padding:0px;
    background:none;
}

/* --- Loading Error --- */
.loading-error-col2 {
  min-height: 80px;
  padding: 80px 20px;

	font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.loading-error-col2 span {
  background: transparent url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll 0px -1235px;
  display: block;
  height: 30px;
  margin: 5px auto;
  width: 30px;
}
.loading-error-col2 a {
  display: inline !important;
}

/* ------------------------ Yellow Notification Box  ------------------------ */

#notification-yellow, .notification-yellow {
	padding-top: 20px;
	margin-top: 26px;
	float: left;
	width: 100%
	
}   

#notification-content, .notification-content {
	background-color: #fcf9e6;
	
	border: 1px solid #ffc600;    
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    	border-radius: 6px;
	
	padding: 20px;
	
}

#notification-content h2, .notification-content h2 ,#notification-content .notification-alert {
	font-size: 14px;
	line-height: 26px;
	padding-left: 45px;
	height: 38px;
	background: #fcf9e6 url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') 0 -50px no-repeat;
}
#notification-yellow .alert, .notification-yellow .alert {
	line-height: 34px;
	/*height: auto;*/
}

#notification-yellow .confirmation-pay-alert
{
 line-height : 39px;
}

#notification-yellow h2:first-child, .notification-yellow h2:first-child {
	margin-top: 0;
}

#notification-content p, .notification-content p {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	padding-left: 45px;
	color: #3b3b3b;
	position: relative;
	top: -10px;
}

/* ------------------------ Green (Success) Notification Box  -------------------- */

.success-message-box,
.notice-message-box {
	border: 1px solid #a2c513;
	margin: -10px 0 20px;
	padding: 32px 15px;
	background-color: #dae8a1;
	position: relative;
	
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    	border-radius: 6px;
}
.notice-message-box {
	background: #fcf9e6;
	border: 1px solid #ffc600;
}
.notice-message-box strong {
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll;
	padding: 6px 0 6px 45px;
}
.notice-message-box strong {
	background-position: 9px -1236px;
}
.success-message-box strong,
.success-message-close {
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll;
}
.success-message-box strong {
	background-position: 9px -1617px;
	padding: 6px 0 6px 45px;
	position:absolute;
}
.success-message-close {
	background-position: -6px -1678px;
	display: block;
	width: 17px;
	height: 17px;
	cursor: pointer;
	position: absolute;
	top: 4px;
	*top: 10px;
	right: 4px;
	text-indent: -9999em;
    overflow:hidden;
}
.notice-message-close {
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll;
	
	display: block;
	width: 17px;
	height: 17px;
	cursor: pointer;
	
	position: absolute;
	top: 4px;
	*top: 10px;
	right: 4px;
	
	text-indent: -9999em;
}
.notice-message-close {
	background-position: -6px -1711px;
}
.success-message-box 
{
    padding-bottom:66px;
}
/*--------------------------------- Terms of Service --------------------------------*/

#tos .global-wrapper, .tos-wrapper.global-wrapper {
	width: 690px;
}
#tos .xfinity-section-container, .tos-wrapper .xfinity-section-container {
	display: block;
}
.toc-section-container{
display: block;
margin: 20px 0 0;
padding: 34px 24px;
border: 1px solid #CACACA;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: white;
position: relative;
}

.tos-content {
	border-bottom: 1px solid #d5d5d5;
	margin: 0 0 20px;
	padding: 0 0 20px;
}

.tos-viewport {
	max-height: 330px;
	height: 330px;
	overflow: hidden;
	position: relative;
}
.tos-view {
	display: block;
	width: 610px;
	
	line-height: 15px;
	
	position: absolute;
}
.tos-view h5 {
	font-size: 13px;
	
	padding: 0 0 15px;
}
.tos-view p:last-child {
	padding: 0;
}
.tos-view ul li,
.tos-view ol li {
	margin: 0 0 0 20px;
}

.tos-view ul li {
	list-style: disc;	
}
.tos-view ol  li {
	list-style: decimal;
}

.tos-view li,
.tos-view p {
	padding: 0 0 15px;
	
	color: #666;
	font-size: 11px;
}

.tos-viewport:after{
	content: "";
	float: none;
	clear: both;
	display: block;
}

.tos-viewport .scrollbar,
#scrollbar-tos-viewport {
	position: absolute;
	height: 330px;
	width: 3px;
	right: 2px;
	top:0px;	
	background-color: #d5d5d5;
	overflow: visible;
	
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.tos-viewport .scrollbar .scrubber,
#scrollbar-tos-viewport .scrubber {
	position: absolute;
	left: -1px;
	background-color: #3b3b3b;
	width: 5px;
	height: 20px;
	
	
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;

	cursor: pointer;
}

span.tos {
	float: left;
	margin: 0 6px 0 0;
}
label.tos {
	font-size: 13px;
}





#AutoPayContainer,
#ecobill,
#one-time-payment,
#payment-review, .payment-review,
#autopay,
#tos,
#autopay-payment,
#billing-txt-alerts,
#walled-garden,
#change-settings,
#identify-account,
#link-accounts,
#reschedule-appointment,
#preference-flow,
#ewallet,
#one-time-payment-walled-garden {
	background: url("/~/media/customer_comcast_com/Images/page-header-bg.png") repeat-x scroll 0 0 #FFFFFF;
}

#ecobill,
#link-accounts,
#preference-flow {
    padding-bottom: 10px;
}

#setupormanageautopay .page-header,
#alreadysignedupforautopay .page-header,
#cancelsuccess .page-header,
#custommessage .page-header,
#reviewnewcc .page-header,
#reviewnewbank .page-header,
#confirmnewcc .page-header,
#confirmnewbank .page-header,
#autopaytnc .page-header,
#autopayshield .page-header,
#change-settings .page-header,
#walled-garden .page-header,
#ecobill .page-header,
#one-time-payment .page-header,
#payment-review .page-header, .payment-review .page-header,
#autopay .page-header,
#tos .page-header,
#autopay-payment .page-header,
#billing-txt-alerts .page-header,
#link-accounts .page-header,
#identify-account .page-header,
#preference-flow .page-header,
#ewallet .page-header,
#reschedule-appointment .page-header,
#one-time-payment-walled-garden .page-header ,
#manage-wifi-devices .page-header{
	border-bottom: none;
	padding: 30px 0 0;
	background: none;
}
#user-settings .page-header,
#parental-controls .page-header {
	padding-bottom: 0;
}


/*--------------------------------- Old style overlay --------------------------------*/
.overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	z-index: 900;
	opacity: .70;
	filter: alpha(opacity=70);
	}
	
.loadingMessage {
    position: absolute; 
    top: 0; 
    left: 0; 
    color:black; 
    background:white; 
    margin: 45px 5px 0 5px; 
    padding: 20px; 
    border: 4px solid black; 
    opacity: 1; 
    filter: alpha(opacity=100);
    text-align: center;
    z-index: 999;
}

.popupBackground {

    background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	z-index: 900;
	opacity: .90;
	filter: alpha(opacity=90);
}

.popupLoadingMessage {
    font: bold 14px arial,verdana,sans-serif;
    color: #EAEAEA;
    text-align: center;
    z-index: 999;
    opacity: 1; 
    filter: alpha(opacity=100);
    margin: 45px 5px 0 5px; 
    width: 100%;
    position: absolute; 
    top: 0; 
    left: 0; 
}

.popupContent {

    overflow: auto;
}

.popup {
	background: #FFFFFF;
	width: 610px;
	border: 1px solid #EAEAEA;
	margin: 0;
	padding: 0;
	
	height: auto;
	z-index: 901;
	position: absolute;
	text-align:left;
}

.popupWrapper {
	background: #FFFFFF;
	margin: 0;
	padding: 12px 15px 12px 15px;
	height: auto;
	text-align:left;
}

* html .popupWrapper {
    padding: 12px 15px 12px 18px;
}

	
.popup .loading 
{
	padding: 0 25%; margin-left:9px;
	text-align: center;
}

		.popup .topbar {
			height: 22px;
			background: #3391DA;
			text-align: right;
			}
		
		.popup .topbar a {
			color: #FFF;
			font: normal 0.833em/2.2em arial,verdana,sans-serif;
			text-decoration: none;
			background: transparent url(/~/media/customer_comcast_com/Images/btn-close.gif) no-repeat right 1px;
			padding-right:15px;
			margin-right: 5px;
			}

		.popup .wrapper {
			padding: 12px;
			padding-bottom:0px;
			}

/*--------------------------------- Auto-complete drop --------------------------------*/
.ui-autocomplete {
    background-color: #FFF;
    padding: 2px;
    border: 1px solid #EAEAEA;
}

.ui-autocomplete a {
    color: #000;
    cursor: default;
}

.ui-autocomplete .autocomplete-closer {
    display: block;
    width: 100%;
    font-size: smaller;
    text-align: right;
    cursor: pointer;
    text-decoration: underline;
    padding: 0 3px 0 0;
    color:Blue;
}

.ui-autocomplete .suggestions-banner {
    display: none;
}

#ecobill,
#one-time-payment,
#link-accounts,
{
  padding:1px;
    background-color:#FFFFFF;  
}
#notification-content ul li {
	list-style: disc outside !important;
	margin: 0 0 0 15px !important;
	padding: 2px 0 0 !important;
}
#notification-content ul {
	margin: 0 0 0 45px;
}
#notification-content-yellow h2
{
	font-size : 13px !important;
}
	
.basic-Settings-Access{
	display: inline-block;
	font-size: 11px;
	line-height: 18px;
}

/*--------------------------------- Preload --------------------------------*/
#preloadTrigger {
	background-image: url('/~/media/customer_comcast_com/Images/Comcast_Waiting.gif');
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	margin: 5px auto;
	padding: 0;
	width: 80px;
}

#preload-content {
	text-align: center;
	width: 50%;
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0px auto;
}

#preload-overlay-background {
	background: url("/~/media/customer_comcast_com/Images/overlay-background.png") repeat left top;	
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#account-information .my-services-sprite {
	background: transparent url('/~/media/customer_comcast_com/Images/my-services-sprite.png') no-repeat scroll -280px -5px !important;
	padding-right: 20px;
    display :inline-block;
    padding : 0 0 12px 17px;
}

.page-header-inner .my-services-sprite {
	background: transparent url('/~/media/customer_comcast_com/Images/my-services-sprite.png') no-repeat scroll -280px -5px !important;
    padding-right: 20px;
    display :inline-block;
    padding : 0 0 12px 17px;
}

.notice-message-cpni span
{
	position : relative;
	left : 70px;
	line-height: 18px;
}
.bcimg
{
	position : absolute;
	height : 29px;
	width : 49px;
	background: transparent url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll;
	background-position: 20px -1239px;
}
.notice-message-cpni
{
	
margin-top : 20px;
border: 1px solid #a2c513;
position: relative;
padding-top : 15px;
padding-bottom : 15px;
padding-right : 70px;
position: relative;
overflow: hidden;
margin-right : 0px;
margin-bottom : 20px;
	
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    	border-radius: 6px;
	    	border: 1px solid #ffc600;
	
	
	
	background-color : #FCF9E6;
}
.showCPNIComplianceMessage
{
	display : block;
}
.success-message-box.succesmargin {
    margin: 16px 0 22px !important;
}

/* -------------------------- Pipe Separated links ------------------------- */

.pipe-seperated-links a {
    margin:0 2px;
    padding:0 0px 0 5px;
    border-left:1px solid #777;
}
.pipe-seperated-links a:first-child {
    margin:auto;
    border:none;
    padding:0 2px 0 0px;
}

/*********************voice-setting-feautures-message-box********/

.voice-setting-limitted-message-box{
	height:222px;
	width:200px;
	text-align: center;
	padding-top:90px;
}
.voice-setting-limitted-message-box strong{
	text-align:center;
}
#voice-limitted-message{
	float:left; 
	margin-left: auto; 
	margin-top: -55px; 
	padding-top: 13px;
	padding-right:35px;
	font-weight:bold;
	padding-left : 25px;
}
.boldd{
	font-weight: bold;
	font-size: 11px;
}
#message-img{
	background: url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') no-repeat scroll 9px -1236px transparent;
    float: left;
    height: 27px;
    margin-bottom: 14px;
    margin-left: -16px;
    margin-top: -15px;
    width: 30px;
    
}
#lockimg{
	background: url('/~/media/customer_comcast_com/Images/sprite-xfinity-billing.png') no-repeat scroll 1px -558px transparent;
    height: 38px;
    width:40px;
    margin-left: 80px;
    margin-top: -13px;
}
.account .dropdown ul a 
{
    padding-right:0px;
    padding-left:0px;
}

/* -------------------------- Segmented Help Articles -------------------------- */

.segmented-help-articles li {
	background:transparent url('/~/media/customer_comcast_com/Images/sprite-xfinity-homepage-helpsection.png') no-repeat scroll -10px -59px;
	display: inline-block;
	width: 300px;
	padding: 2px 0 2px 30px;
	margin-bottom: 15px;
	vertical-align: top;
}
.segmented-help-articles a {
	font-size: 15px;
	font-weight: bold;
}
/* ---------------- ACCESSIBILITY --------------- */
.visually-hidden,
#main-wrapper .visually-hidden,
#main-wrapper .visuallyhidden,
[class|="overlay"] .visually-hidden {
  position: absolute;
  display: block;
  visibility: visible; 
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  outline: none;
}


input:focus + span.radio, input:focus + span.checkbox {
  outline: #6D6D6D solid 1px;
}

.channel-lineup a
{
    font-weight: bold;
}
/* Manage Alerts Styling */

.myacct-manage-alerts {
	overflow: hidden;
}
.myacct-manage-alerts-heading {
    position: relative;
    background: #f1f1f1;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px;
    padding-right: 44%;
    font-size: 15px;
    font-weight: bold;
    color: #3b3b3b;
    }

.myacct-manage-alerts-heading:before,
.myacct-manage-alerts-heading:after {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1ex;
    width: 31%;
    font-size: .85em;
    text-align: center;
    }
.myacct-manage-alerts-heading:before {
    content: "Text";
    color: #a7a7a7;
    font-size: 11px;
    font-weight: bold;
    }
.myacct-manage-alerts-heading:after {
    content: "Email";
    color: #a7a7a7;
    font-size: 11px;
    font-weight: bold;
    right: 18%;
    }


.myacct-manage-alerts-form-row {
	margin: 0;
	border-top: 0px solid gray;
    padding: 0 0 25px;
	vertical-align: top;
	font-size: 11px;
	text-align: left;
	}
.myacct-manage-alerts-form-row:first-child {
	border-top: none;
    margin-bottom: 4px;
	font-size: 13px;
    
}
.myacct-manage-alerts > h4 + fieldset {
    padding-top: 20px;
}

#manage-alerts-container fieldset:first-child legend
{
    padding-top: 25px;
}
.myacct-manage-alerts-legend,
.myacct-manage-alerts-grid-box {
	float: left;
	display: block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
.myacct-manage-alerts-legend {
	width: 64%;
	padding:6px 16px 6px 18px;
	}
.myacct-manage-alerts-legend .tooltip {
                top: auto;
                bottom: 12px;
                left: -175px;
}

.myacct-manage-alerts-legend-title {
	/*display: block;*/
	font-weight: bold;
    margin-bottom: 4px;
	font-size: 13px;
}
.myacct-manage-alerts-grid-box {
	position: relative;
	width: 22%;
	padding: 1ex 1rem;
	text-align: center;
	}
.myacct-manage-alerts-grid-box:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0px;
	height: 200px;
	background-color: gray;
	}
.accessibly-hidden {
  position: absolute;
  display: block;
  visibility: visible; 
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
}
.myacct-manage-alerts-grid-box span.checkbox {
	position: relative;
	left: auto;
	top: auto;
	margin: 0 auto;
    
	}
.myacct-manage-alerts-form-row .checkbox,
.myacct-manage-alerts-form-row .checkbox.selected {
    background-position: -40px 5px;
    height: 22px;    
}
.myacct-manage-alerts-form-row .checkbox.selected {
    background-position: -58px 5px;
}

/*.myacct-manage-alert-requisite + span.checkbox,
.myacct-manage-alert-unavailable + span.checkbox {
	background: none;
    margin-right: 38px;
    margin-left: -31px;
	}
.myacct-manage-alert-requisite + span.checkbox {
	 
    width:58px;

	}
.myacct-manage-alert-requisite + .checkbox:after {
	content: "Required";
	font-size: 11px;
    font-style: italic;
    margin-left:23px;
	}
.myacct-manage-alert-requisite:focus + span.checkbox {
       outline: none;
       }

.myacct-manage-alert-requisite:focus + .checkbox:after {
       outline: #6D6D6D dotted 1px;
       }

.myacct-manage-alert-unavailable:focus + span.checkbox {
       outline: #6D6D6D dotted 1px;
       }*/
       span.myacct-manage-alert-requisite {
                display: inline-block;
                margin: 8px 0 0 -11px;
                font-size: 11px;
                font-style: italic;
                width: 79px;
                float: left;
                }


.is-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }	
    
.overlay-content .checkbox +label {
    display: inline-block;
}	

/*alignment issue on terms and checkbox*/

.checkbox.ContractTermsAccepted{
margin-right:0px;
}

.checkbox.ContractTermsAccepted.selected{
margin-right:0px;
}

.tos-descriptions li {
font-weight: normal;
}

/*IE.css*/
/*
 *
 * IE Fixes/Hacks
 *
 *
 * Use the Following hacks to target different IE versions
 *
 * IE 8 only: \0/ (add this to end of css.. ex... color:#000\0/;)
 * IE 8 and below: \9 (add this to the end of css.. ex... color: #000\9;)
 * IE 7 and below: * (add this to front of css declaration.. ex.. *color: #000;)
 * IE 7 only: *+html
 * IE 6 and below: _
 * IE 6 only: * html
 *
 *
*/



/* Enable Display Inline-block in IE7 and 6 */
.btn,  
.btn .submit,
span.checkbox,
span.radio,
#account-information .service-address a,
#account-information .auto-payment a,
.pdf,
.call-details,
.bottom p,
#billing-module.alert .status-message .warning-message,
.account > li,
#equipment .footer.view-more a,
.address-type,
.segmented-help-articles li,
#features-dock li,
#email-safe-list .edit-mode .add-another,
.account-details li span,
#submenu li,
#add-user-form .tooltip-container:hover .tooltip,
#user-info-list .permissions-list > span,
#user-settings .edit-links a,
.slider_container_outer,
.controls-icon,
#parental-controls .change-pin {
	zoom: 1;
	*display: inline !important;
}

.tooltip-container
{
	zoom: 1;
}

.btn span 
{
    zoom: 1;
}

/* Clearfix */

#nav-steps,
.nav-steps,
#bill-summary .content,
.clearfix,
.form-row,
.form-rows,
.expandable-header,
#radio-container,
.headline,
.charges-expandable .charge-details,
#past-bills li,
.total,
.global-wrapper,
.xfinity-section-container,
.confirmation-promo-section,
.overlay-content-bottom,
.address-section,
.user-settings-tabs,
.add-user-form-container,
#user-preferences-window,
.main-content,
.permissions-list,
.permissions,
.user-section-container,
.account-details li,
.setting-options,
.setting-options .toggle-section,
.save-section {
	zoom: 1;
}


/* IE 6&7 input submit width bug */
.btn .submit {
	*overflow: visible;
}

/* IE 6&7 tooltip z-index fix. */
.tooltip-container,
.question,
.question-alt {
	*z-index: 1;
}
.tooltip-container:hover,
.question:hover,
.question-alt:hover {
	*display: inline;
	*z-index: 2;
}
/* IE 6&7 header dropdown list. */
.page-header-inner {
	*z-index: 1;
}


/* IE 7 table-cell/vertical-align alternative */
.form-select .input-section {
	*display: block;
}
.label-section {
	*float: left;
	*display: inline;
}

/* One time payment amount radios */
#one-time-payment .input-section,
#flow-template .input-section {
	*height: 36px;
	*padding: 16px 20px 0 49px;
}
#pay-none-input .input-section,
#pay-credit-input .input-section {
	*padding: 16px 20px 0;
}

/* One time payment type radios */
#input-pay-credit .input-section,
#input-pay-bank .input-section {
	*height: 48px;
	*padding: 14px 20px 0 49px;
}



/* Ecobill radios */
#ecobill .input-section {
	*height: 40px;
	*padding: 22px 20px 0 49px;
}



/* IE7 Billing Module */
#billing-module .status-message .thank-you,
#billing-module.alert .status-message .warning{
	*display:inline;
	*zoom:1;
}
.imag_arrow1_ie
{
		*margin-top : 0px !important;
		*margin-bottom : -4px !important;
		*position : relative !important;
}
.imag_arrow3_ie
{
	*position : relative !important;
	*margin-bottom : -13px !important;
}
.span2_ie
{
	*margin-top : -6px !important;
	*border-top :  #a7c820 3px solid !important;
}
.span4_ie
{
	*margin-top : -8px !important;
}

/* IE7 Billing Page */
#billing-landing .content li {
	*display: inline;
	*zoom: 1;
}
#past-bills li {
	*height: 20px;
}

.credit-plus-sign {
	top: 14px;
	left: -5px;
	font-size: 30px;
	*top: 8px;
}

.positive + span {
	*margin-top: 10px;
}

/* IE7 My Services */
#packages li,
#equipment .helper-links a,
#equipment .helper-links li{
	*display: inline;
	*zoom: 1;
}
#equipment .helper-links li:first-child {
	*padding-right: 3px;	
}
#packages .content p {
	*line-height: 19px;	
}
.account > li {
	*background:transparent url('/~/media/customer_comcast_com/Images/sprite-my-services.png') no-repeat scroll 5px -26px;  
	*padding-left: 15px;
	*vertical-align: middle;
}
#my-services .dropdown > li > a,
#billing-landing .dropdown > li > a {
	*width: 300px;
}
#homepage-help .text {
	line-height: 30px;
}

.page-footer .text {
	line-height: 30px;
}


/* Linked Accounts */
#link-accounts .last {
	margin-right: 0;
}


/*Defect #8119 */
#setupormanageautopay .form-field #card-type
{
 *display : inline-block;
}



/* User Setting Email */

.account-details li span {
	*height: 3px;
}

.xfinity-webpage-access .on {
	*clear: none;
}	

.xfinity-webpage-access {
	*width: 180px;
}

#xfinity-web h2 {
	*height: 20px;
}

.edit-save-email-list .validation-error {
	*top: 28px;
}

.validation-error {
	*left: 0;
}

/* Email Section */
.email .edit-links {
	*width: 100px;
}

#pin a,
#pin-create a {
	*zoom: 1;
	*display: inline;
	*padding-top: 12px;
	*vertical-align: top;
}
#channel-info {
	*padding-bottom: 35px;
}

.overlay-forms .form-field {
	*position: static;
}
.slider-control-container {
	*margin-bottom: 20px;
}
/* IE font size */
#transfer-username + #notification-yellow h2 {
	font-size: 13px;
}
#textalertsonmobile .validation-error 
{
	left : auto !important;
}
#preferredtooltip .tooltip-container
{
	*left: auto !important;
	*top: auto !important;
	*position: absolute !important;
}


/* Idenfity Account */
#identify-account .form-select-wide-short {
 margin-left: 3px;
}
#identify-account label {
 *padding-top: 17px;
}
/* One time 

payment type radios in walled garden */
#one-time-payment-walled-garden .input-section {
 *height: 43px;
 *padding: 25px 20px 0 49px;
}

#account-information .my-services-sprite {
	background: transparent url('/~/media/customer_comcast_com/Images/my-services-sprite.png') no-repeat scroll -280px -5px !important;
	padding-right: 5px;
    display :inline-block;
    *padding : 0 0 0 17px !important;
}

.page-header-inner .my-services-sprite {
	background: transparent url('/~/media/customer_comcast_com/Images/my-services-sprite.png') no-repeat scroll -280px -5px !important;
    padding-right: 20px;
    display :inline-block;
    *padding : 0 0 0 17px !important;
}

.ie #container
{
   position: absolute;
}

#my-bill .bill-details-footer
{
	*position : static;
}
#lockimg
{
   padding-left : 90px;
}
.success-message-box strong
{
	*padding-right : 20px;
}

/* Ecobill overlay */
#ecobill-tooltip
{
	*left : auto !important;
	*top : auto !important;
	*position : absolute !important;
	
}
.ecobill-check-box
{
	*width : 520px;
	*margin-top : 40px !important;
	*margin-left : -380px;
	*text-align : left !important;
	*position : absolute;
}
.ecobill-check-box span
{
	*margin-left : auto;
}

#overlay-ecobill .overlay-content-bottom
{
	*margin-top : 10px;
}

/* fix the double outline in firefox */
::-moz-focus-inner {
  border: 0;
}

.xfinity-wifi-overlay-viewport p {
    font-weight: bold;
    font-size :13px;
}

.xfinity-wifi .overlay-top, 
.xfinity-wifi .overlay-body, 
.xfinity-wifi .overlay-footer 
{
    float: left;
    width: 100%;
}

.xfinity-wifi .form-field {
    float: none;
    margin: 0px 0px 13px -10px;    
}

.xfinity-wifi-viewport span {
    color: #3B3B3B;
    font-weight: bold;
    margin: 0 10px -25px 0;
    padding-bottom: 20px;
}


.xfinity-wifi-hotspot .xfinity-wifi-hotspot-overlay-viewport .manage-xfinity-wifi{
     height:240px;    
     width:545px;
}

.xfinity-wifi-hotspot .xfinity-wifi-hotspot-overlay-viewport .market-xfinity-wifi{
     height:190px;    
     width:545px;
}

.xfinity-wifi-hotspot-overlay-viewport ul {
    margin-bottom: 15px;
}

.xfinity-wifi-hotspot-overlay-viewport li {
    list-style: disc inside none;
    margin: 0 0 5px 15px;    
}

.xfinity-wifi-err
{
    height:25px;
    padding:25px 25px 25px 25px; 
    font-size: 100%;
    font: inherit;
}

.hotspot-btn span {
    text-align: center;
    width: 122px;
}

.xfinity-wifi h1 {
    background-color: #F2F2F2;
    border-bottom: 1px solid #B5B5B5;
    padding: 0 20px 20px;
    font-size: 17px;
    color: #3B3B3B;
}
.overlay-content h1 {
    line-height: 20px;
}

.xfinity-wifi .xfinity-wifi-viewport h2 {
    background-color: #FFFFFF;
    border-bottom: medium none;
    padding: 0;
    color:#3B3B3B;
    font-size:13px;
    margin-bottom:14px;
}

.xfinity-wifi-overlay-content-bottom
{
    margin-top:-15px;
}

.xfinity-wifi-home span {
    display: block;
}

.xfinity-wifi-viewport .xfinity-wifi-home {
    margin-bottom: 14px;
}

.xfinity-wifi-processing {
    height: 110px;
    text-align: center;
}

.xfinity-wifi .xfinity-wifi-viewport h3
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 14px;
    padding: 0;
}

.xfinity-wifi-hotspot-overlay-viewport p
{    
    font-size: 13px;    
}

.hotspot-cancle-btn span, 
.hotspot-save-btn span {
    width: 122px;
}

.checkbox.alertType, .checkbox.alertType.selected
{
    margin-right: 20px;
}

#preference-flow-setup-preferences {
padding: 34px 60px;
}

#preference-flow-setup-preferences .form-field:first-child {
    padding: 0 0 0 20px;
}




#install-month-table .available .visually-hidden {
    position: absolute;
}


/*Ecobill confirm overlay*/


.OverlaySize
{
    width: 570px;
}

.Overlay-btn-align
{
    float: right;
    padding-right: 20px;
}

.Overlay-btn-align span
{
        width: 162px;
}

.EcobillConfirmCont 
{
margin: 0px 9px 15px 0px;
}

.EcobillConfirmbottom 
{
margin: 10px 95px 0px 25px;
}

.tnc-overlay-close{
    width:125px;
}

#eco-bill-flow-tnc .OverlayTermsLinkView label,
#bank-account-form .OverlayTermsLinkView label,
#credit-card-form  .OverlayTermsLinkView label,
#eco-bill-flow-tnc .OverlayTermsLinkView span,
#bank-account-form .OverlayTermsLinkView span,
#credit-card-form  .OverlayTermsLinkView span,
#eco-bill-flow-tnc .OverlayTermsLinkView a,
#bank-account-form .OverlayTermsLinkView a,
#credit-card-form  .OverlayTermsLinkView a
{
	display:inline-block;
	vertical-align:middle;
}

#eco-bill-flow-tnc .OverlayTermsLinkView label,
#bank-account-form .OverlayTermsLinkView label,
#credit-card-form  .OverlayTermsLinkView label
{	
	margin-bottom:0px;
}

#personal-message .cui-text-indent {
    clear: both;
    padding-left: 45px;
}

.cima #personal-message .cui-text-indent .btn {
    margin: 20px 0 0 0;
}

/*to do remove this once fed provide restuctured markup*/
.usage-meter-header-container .cui-pipe-list{
padding-left:60px;
}

.usage-meter-overlay-error{
	padding:50px 30px 50px 30px;
	font: inherit;
}

/* Flow page promotion - repeat from cui for legacy flow pages */
.cui-promo-lead {
    overflow: hidden;
    padding-top: 30px;
	}
.cui-promo-lead .cui-promo-image {
    float: left;
   	min-width: 45%;
   	/* Repeating background for legacy pages */
   	background: transparent url() top center no-repeat;
	}
.cui-promo-lead .cui-promo-head {
	font-size: 29px;
	/* Omitting rem for legacy pages */
	}
.cui-promo-lead .cui-cta {
	padding-top: 2ex;
	font-weight: bold;
	}

.cui-legacy-alert #notification-content .notification-alert {
    position: relative;
    display: block;
    padding-left: 45px;
    padding-bottom: 0;
    height: auto;
    font-weight: bold;
    line-height: 21px;
    background-image: none;
}

.cui-legacy-alert #notification-content .notification-alert:before {
    content: "";
    position: absolute;
    left: 0;
    margin-right: 10px;
    width: 31px;
    height: 38px;
    background: url('/~/media/customer_comcast_com/Images/sprite-header-icons.png') 0 -48px;
}

.cui-legacy-alert-indented {
    margin-left: 30px;
}

.form-row + .cui-legacy-alert {
    margin-top: 15px;
}

.xfinity-section-container + .cui-legacy-alert {
    margin-top: 20px;
}
.cui-skip-link {
    margin-bottom: 1px;
}
/* Accessibility Helpers */
.acc-hidden {
	position: absolute;
	left: -9999px;
}
.acc-helper {
	display: block;
	background: #000;
	color: #fff;
    text-align:left;
}
.acc-helper:focus {
	position: relative;
	left: 0;
}
a,
.cui-trigger {
	color: #005bbb; 
	text-decoration: none;
	cursor: pointer;
	}
a:hover,
.cui-trigger:hover {
	text-decoration: underline;
	}