﻿@charset "utf-8";
/* Verizon Apex Font Face Declarations */
@font-face {
	font-family: 'ApexBook';
	src: url('fonts/VerizonApex-Book.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/VerizonApex-Book.woff') format('woff'), 
		 url('fonts/VerizonApex-Book.ttf')  format('truetype'),
		 url('fonts/VerizonApex-Book.svg#svgFontName') format('svg');
	font-weight: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'ApexMediumItalic';
	src: url('fonts/VerizonApex-MediumItalic.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/VerizonApex-MediumItalic.woff') format('woff'), 
		 url('fonts/VerizonApex-MediumItalic.ttf')  format('truetype'),
		 url('fonts/VerizonApex-MediumItalic.svg#svgFontName') format('svg');
	font-weight: normal;
	font-weight: normal;
}


@font-face {
	font-family: 'ApexBold';
	src: url('fonts/VerizonApex-Bold.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/VerizonApex-Bold.woff') format('woff'), 
		 url('fonts/VerizonApex-Bold.ttf')  format('truetype'),
		 url('fonts/VerizonApex-Bold.svg#svgFontName') format('svg');
	font-weight: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'ApexMedium';
	src: url('fonts/VerizonApex-Medium.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/VerizonApex-Medium.woff') format('woff'), 
		 url('fonts/VerizonApex-Medium.ttf')  format('truetype'),
		 url('fonts/VerizonApex-Medium.svg#svgFontName') format('svg');
	font-weight: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Helvetica-Regular';
	src: url('fonts/Helvetica.ttf');
	font-weight: normal;
	font-weight: normal;
}

body {  
  padding: 0;
  margin: 0;    
}

#navContainer a,
#navContainer a:hover,
#navContainer a:active {
	text-decoration: none !important;
	outline:none;
}

#headerContainer a,
#headerContainer a:hover,
#headerContainer a:active {
	text-decoration: none !important;
	outline:none;
}
/* Layout */
#container-outer,
#container {
	width: 100%;
	overflow: hidden;
	display: block;
}
#container-inner {
	display: block;	
}
/* Mobile Menu */
.mobile-header {
	width: 100%;
	display: block;
	position: relative;
	z-index: 30;
	background: #ffffff;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.mobile-header ul {
	margin: 0px;
	padding: 0px;
	z-index: 30;
	list-style: none;
}
.mobile-header ul li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 30;
	width: 25%;
}
.mobile-header ul li a {
	margin: 0px;
	padding: 20px 0px;
	width: auto;
	display: block;
	background: none;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	color: #888888;
	cursor: pointer;
	border-right: 1px solid #eeeeee;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.mobile-header ul li.m-menu a {
	font-weight: 700;
}
.mobile-header ul li a:hover,
.mobile-header ul li.active,
.mobile-header ul li.active a {
	color: #ffffff;
	background: #77c043;
}
.mobile-header ul li a:hover,
.mobile-header ul li.active a {
	border-right: 1px solid #63A832;
}
.mobile-header ul li a span.menu-open,
.mobile-header ul li.active a span.menu-close {
	display: inline;
}
.mobile-header ul li.active a span.menu-open,
.mobile-header ul li a span.menu-close {
	display: none;
}
/* Mobile Menu */
.mobile-menu a{
font-family: 'ApexBook', Helvetica, sans-serif;
border-bottom: 1px solid #454545;
height: 55px;
line-height: 55px;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: white;
font-size: 17px;
font-weight: 300;
display:block;
}
.mobile-menu-rht {
	/* background: #222222; */
	margin: 0px;
	padding: 0px;
	width: 260px;
	text-transform: none;
	font-size: 12px;
	position: absolute;
	top: 42px;
	right:0px;
	z-index: 998;
	overflow: hidden;
	color: #ffffff;
	visibility:hidden;
	font-family:"Helvetica", sans-serif;
}
.mobile-menu-rht.active {visibility:visible}
.mobile-menu-rht a{
	border-bottom: 1px solid #454545;
	height: 55px;
	line-height: 55px;
	padding-left: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: white;
	font-size: 17px;
	font-weight: 300;
	display:block;
}
.mobile-menu {
	/* background: #222222; */
	margin: 0px;
	padding: 0px;
	width: 260px;
	text-transform: none;
	font-size: 12px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: -260px; /* Hides Brief Menu Popup As JavaScript Loads */
	z-index: 998;
	display: block;
	height: 100%;
	overflow: hidden;
	color: #ffffff;
}
.mobile-menu.active,mobile-menu-rht.active {
	height: auto;
	overflow: visible;
}
.mobile-menu-bg {
	background: #222222;
	margin: 0px;
	position: fixed;
	width: 260px;
	top: 0px;
	bottom: 0px;
	left: -260px; /* Hides Brief Menu Popup As JavaScript Loads */
	z-index: 997;
	display: block;
	height: 100%;
	-webkit-box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, 1);
}
.mobile-menu.active,
.mobile-menu-bg.active {
	display: block;
}
/* Floats */
.clearfloat:after {
	content: ""; 
	display: table;
	clear: both;
}
.scroll-y{overflow-y:auto; overflow-x:hidden; height:100%}
.div-menu{width:inherit; background:#333333}
#mvzHeader{float:left;/*color:#FFF;*/ margin:0px; width:100%; font-size:18px;font-family:'Helvetica'; position:absolute; font-weight:normal; padding-top:18px;text-align: center;/*padding-left: 130px;*/width:34.125% !important;text-overflow:ellipsis; overflow:hidden; display:inline-block; white-space:nowrap; margin-left:37% !important;}
.mvzHeaderLogo{background: url(../images/phoenix/vzLogo.png) no-repeat 40px 0px;/*background-position:56px 0px;*/position:absolute;/*float:left;*/left:0px;width:80px;height:18px;/*background-size: 53px 29px;*/top: 18px;padding-left:120px;}
/*.header{margin: 0;	background:#ED1C24;height:42px; line-height:42px; border-bottom:#931100 solid 1px;*/ 
/*-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);*/
position: relative;
}
.header span{width:34.125% !important;text-overflow:ellipsis; overflow:hidden; display:inline-block; white-space:nowrap; margin-left:37% !important;}
#RC {overflow: hidden;position: relative;width: inherit;z-index: 1000;display: block;}
.navicon {
background: url(../images/nav.png) no-repeat center;
width: 50px;
/*border-right: #960C0F solid 1px;*/
cursor: pointer;
outline: none;
position: absolute;
left: 0px;
top : 0px;
}
/*.navicon.active {
background: url(../images/nav.png) no-repeat center #C0171D !important;
width: 50px;
border-right: #960C0F solid 1px;
cursor: pointer;
outline: none;
position: absolute;
left: 0px;
}*/
.menuicon {
background: url(../images/menu.png) no-repeat center;
width: 50px;
cursor: pointer;
outline: none;
position: absolute;
right: 0px;
}
.menuicon.active  {background-color: #C0171D !important;}
/*a.menu-icons{ background:url(../images/icons.png) no-repeat;}
a.menu-icons.active{ background:url(../images/icons-wht.png) no-repeat;}
a.ic-home,a.ic-home.active{ background-position:right 6px}
a.ic-acc,a.ic-acc.active{ background-position:right -45px}
a.ic-comm,a.ic-comm.active{ background-position:right -100px}
a.ic-ente,a.ic-ente.active{ background-position:right -157px}
a.ic-supp,a.ic-supp.active{ background-position:right -214px}
a.ic-shop,a.ic-shop.active{ background-position:right -268px}
a.ic-vz,a.ic-vz.active{ background-position:right -321px}*/
a.ic-none,a.ic-none{background:none;}
a.title{background:none;text-transform:uppercase; font-size:12px;border:0px; color:#A6A8AB; background-color:rgba(67,67,67,1); line-height:33px; height:33px;}
.noBdrBtm{border-bottom:0px !important;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);}
.sub-menu{float:left; width:204px; /*background: #414141; -webkit-box-shadow: 5px 19px 39px rgba(0,0,0,0.6)*/;height:100%;overflow-y:auto; overflow-x:hidden;font-family: 'ApexBook', Helvetica, sans-serif;}
.icon-main{float:left; clear:both;height:100%; overflow-y:auto; overflow-x:hidden; background-color:#414141}
/*.menu-vertical .icon-main div{ background:url(../images/icons.png) no-repeat; cursor:pointer}
.menu-vertical .icon-main div.ic-home,.menu-vertical .icon-main div.ic-home.active{ background-position:0 6px; width:56px; height:55px; border-bottom:#595A5D 1px solid}
.menu-vertical .icon-main div.ic-acc,.menu-vertical .icon-main div.ic-acc.active{ background-position:0 -45px; width:56px; height:55px; border-bottom:#595A5D 1px solid}
.menu-vertical .icon-main div.ic-comm,.menu-vertical .icon-main div.ic-comm.active{ background-position:0 -100px; width:56px; height:55px; border-bottom:#595A5D 1px solid}
.menu-vertical .icon-main div.ic-empty,.menu-vertical .icon-main div.ic-empty.active{ background:none; width:56px; height:55px; border-bottom:#595A5D 0px solid}
.menu-vertical .icon-main div.ic-ente,.menu-vertical .icon-main div.ic-ente.active{ background-position:0 -157px; width:56px; height:55px; border-bottom:#595A5D 1px solid}
.menu-vertical .icon-main div.ic-supp,.menu-vertical .icon-main div.ic-supp.active{ background-position:0 -214px; width:56px; height:55px; border-bottom:#595A5D 1px solid}
.menu-vertical .icon-main div.ic-shop,.menu-vertical .icon-main div.ic-shop.active{ background-position:0 -268px; width:56px; height:55px; border-bottom:#595A5D 1px solid}
.menu-vertical .icon-main div.ic-vz,.menu-vertical .icon-main div.ic-vz.active{ background-position:0 -321px; width:56px; height:55px; border-bottom:#595A5D 1px solid}
.menu-vertical .icon-main div.active{ background:url(../images/icons-wht.png) no-repeat;background-color:#ED1C24; cursor:default}*/
.span-noti-num{font-size: 24px;position: absolute;right: 15px;}
.menu-vertical a {
border-bottom: 1px solid #454545;
height: 55px;
line-height: 55px;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.menu a {
display: block;
color: white;
font-size: 17px;
font-weight: 300;
}
.menu-vertical a.bill {
height: 111px;
}
.menu a.active {
/*background-color: #ED1C24 !important;
color: white;*/
}
/*.menu-vertical .icon-main div.ic-home, .menu-vertical .icon-main div.ic-home.active {
background-position: 0 6px;
width: 56px;
height: 55px;
border-bottom: #3B3B3D 1px solid;
}*/
.menu-vertical {
width: 260px;
height: 100%;
top: 0;
z-index: 1000;
}
.menu {
background: #333333;
overflow: hidden;
position: absolute;
}
#spmenu-s2,#spmenu-s3,#spmenu-s4,#spmenu-s5,#spmenu-s6,#menu-s2{display:none}
a.active {
/*background-color: #ED1C24 !important;
color: white;*/
}
.flMenuHdr{height:42px; width:261px; background:#ED1C24; position:absolute; top:0px;border-bottom: #931100 solid 1px; z-index:10;}
.div-back-arr {
width: 300px;
height: 42px;
background-color: #ED1C24;
position: relative;
}
.div-back-arr div:first-child {
/*width: 56px;*/
float: left;
/*background-color:#C0171D;*/
}
component.css:222
.div-back-arr div {
height: 42px;
border-bottom: #960C0F solid 2px;
border-left: #960C0F solid 1px;
}
.fl {
float: left;
}
.div-back-arr div {
height: 42px;
border-bottom: #960C0F solid 1px;
border-left: #960C0F solid 0px;
}
a.backicon, a:hover.backicon {
background: url(../images/phoenix/back.png) no-repeat 10px 0px #FFF;
width: 30px;
/*border-bottom: #960C0F solid 0px;*/
outline: none;
height: 20px;
position:absolute;
/*top:0px;*/
}
#ContHdr{font-size:18px;}

.fntWC{font-size:20px; margin-left:7px; }
.fntNme{font-size:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left:7px; margin-bottom:15px}
.blockMsg{
	height:78px ; line-height:78px; margin:0px 0px 15px 0px; clear:both;
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 15px 15px 5px -10px #DADADA;
       -moz-box-shadow: 15px 15px 5px -10px #DADADA;
            box-shadow: 15px 15px 5px -10px #DADADA;

}
.blockMsg div:first-child{background:url(../images/dashboardIcons.png) no-repeat; width:70px; /*width:25%;*/ height:inherit;}
.blockMsg div:first-child.icon-msg{background-position:center -3px}
.blockMsg div:first-child.icon-myrewards{background-position:center -829px}
.blockMsg div:first-child.icon-tvlist{background-position:center -515px}
.blockMsg div:first-child.icon-remote{background-position:center -601px}
.blockMsg div:first-child.icon-support{background-position:center -688px}
.blockMsg div{float:left; font-size:19px;color:#656565;}
.blockMsg .fntNum{font-size:58px; font-family:"Helvetica"; margin-right:5px; padding:0px; height:85px; line-height:85px}

.blockCont{
	margin:0px 0px 15px 0px; min-height:161px;
	padding:5px 0px;
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 15px 15px 5px -10px #DADADA;
	-moz-box-shadow: 15px 15px 5px -10px #DADADA;
	box-shadow: 15px 15px 5px -10px #DADADA;
}
.blockCLft{float:left; /*width:36%;*/ width:115px;}
.blockCRht{/*float:left; width:64%;*/ }
.blockCLft div{margin-left:20px;}
.blockCRhtRow{padding:10px 20px 10px 8px; height:32px;font-family:"Helvetica";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.blockCRhtRowBdr{padding:10px 20px 10px 8px; height:30px;font-family:"Helvetica"; border:#e2e2e2 solid 1px; border-left:0px; border-right:0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.blockCRhtTitle{font-size:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 20px; line-height:17px;}
.blockCRhttxt div{width:50%; font-size:13px;color:#797979; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 22px;}
.blockCRhttxt div:last-child{color:#666666; text-align:right;}
.blockCRhttxtO{font-size:13px;color:#666666; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align:right;}
.fntNum {font-family: "Helvetica"; font-size: 48px; height: 48px; padding-bottom: 8px; padding-top: 12px;}
.fntNumSubtxt{font-size:13px;  color:#888888; margin-bottom:5px;}
.dash-icon{background:url(../images/dashboardIcons.png) no-repeat}
.dash-icon.email{background-position:-12px -102px;height:47px; }
.dash-icon.vmail{background-position:-12px -198px;height: 48px;}
.dash-icon.calls{background-position:-16px -274px;height:49px; }
.dash-icon.dvr{background-position:-20px -364px;height:44px; }
.dash-icon.bill{background-position:-11px -444px;height:52px; }
.dash-icon.wifi{background-position:-8px -757px;height:61px; }
.dash-icontxt{font-size:14px; margin-top:5px}
.noM{margin:0px;}
.blockCRht a,.blockCRht a:hover{color:#4C4C4C; text-decoration:none; font-size:14px; margin-right:20px;}
.txtRht{text-align:right}
.txtBill{font-size: 16px;padding: 19px 20px 22px;text-align: right;}
.txtAmt{font-size:34px; color:#ED1F24; text-align:right; padding-right:20px; padding-bottom:3px;}
.MtBill{margin-top:10px;}
.MtWi{margin-top:-5px;}
.Mstock{padding:0px 0px 15px 0px; min-height:181px ;width:100%; }
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.MtBilltxt{margin-top:73px;}
.posRelative{position:relative}

.loading{ text-align:right;vertical-align:bottom;}

.loading_msg{margin:65px 0px 0px 50%;}
.loading_msg img {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.loading_msg_icon img {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.loading_msg_icon{margin:65px auto; width:360px}
.spinner-icon{ text-align:center}

@media screen and (min-width:320px) and (orientation : portrait) 
{
    .loading_msg_icon{width:283px; }
}
@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); }}
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); }}


.loadImgSz
{
    height:30px;
    width:30px;
}
.fl { float: left; }
.fr { float: right; }
.inl-block{display:inline-block}

a.ic-trending,a.ic-trending.active{
    background-position: right -375px;
}
/*.menu-vertical .icon-main div.ic-trending, .menu-vertical .icon-main div.ic-trending.active {
    background-position: right -374px;
    width:55px;
    height:55px;
    border-bottom: 1px solid #595A5D;
}*/
