﻿/* RESOURCES */
/* RESOURCES */
@font-face {
    font-family: 'VerizonApexBook';
    src: url('../resources/verizonapex-book-webfont.eot');
    src: url('../resources/verizonapex-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/verizonapex-book-webfont.woff') format('woff'),
         url('../resources/verizonapex-book-webfont.ttf') format('truetype'),
         url('../resources/verizonapex-book-webfont.svg#VerizonApexBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VerizonApexMedium';
    src: url('../resources/verizonapex-medium-webfont.eot');
    src: url('../resources/verizonapex-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/verizonapex-medium-webfont.woff') format('woff'),
         url('../resources/verizonapex-medium-webfont.ttf') format('truetype'),
         url('../resources/verizonapex-medium-webfont.svg#VerizonApexMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VerizonApexBold';
    src: url('../resources/verizonapex-bold-webfont.eot');
    src: url('../resources/verizonapex-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/verizonapex-bold-webfont.woff') format('woff'),
         url('../resources/verizonapex-bold-webfont.ttf') format('truetype'),
         url('../resources/verizonapex-bold-webfont.svg#VerizonApexMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}	
	


@font-face {
    font-family: 'VerizonApexLight';
    src: url('../resources/verizonapex-light-webfont.eot');
    src: url('../resources/verizonapex-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/verizonapex-light-webfont.woff') format('woff'),
         url('../resources/verizonapex-light-webfont.ttf') format('truetype'),
         url('../resources/verizonapex-light-webfont.svg#VerizonApexMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}	
@font-face {
  font-family: 'Apex-Book-Italic';
  src: url("../resources/VerizonApex-BookItalic.eot");
  src: url("../resources/VerizonApex-BookItalic.eot?#iefix") format("embedded-opentype"),
       url("../resources/VerizonApex-BookItalic.woff") format("woff"),
       url("../resources/VerizonApex-BookItalic.ttf") format("truetype"),
       url("../resources/VerizonApex-BookItalic.svg#Apex-Book-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Apex-Medium-Italic';
  src: url("../resources/VerizonApex-MediumItalic.eot");
  src: url("../resources/VerizonApex-MediumItalic.eot?#iefix") format("embedded-opentype"),
       url("../resources/VerizonApex-MediumItalic.woff") format("woff"),
       url("../resources/VerizonApex-MediumItalic.ttf") format("truetype"),
       url("../resources/VerizonApex-MediumItalic.svg#Apex-Medium-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Apex-Bold-Italic';
  src: url("../resources/VerizonApex-BoldItalic.eot");
  src: url("../resources/VerizonApex-BoldItalic.eot?#iefix") format("embedded-opentype"),
       url("../resources/VerizonApex-BoldItalic.woff") format("woff"),
       url("../resources/VerizonApex-BoldItalic.ttf") format("truetype"),
       url("../resources/VerizonApex-BoldItalic.svg#Apex-Bold-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

.whiteCurvedBox{background:url(../Images/right_bg.png) repeat-y; width:320px;}
.whiteCurvedBox h4{margin:0px 15px; position:relative; top:-8px; border-bottom:2px solid #ff0000; padding-bottom:5px;}
.whiteCurvedBox ul{padding:0 40px; margin:0px;}
.whiteCurvedBox .bottomCurve{position:relative; top:5px;}
.whiteCurvedBox .topCurve{position:relative; top:-3px;}
.whiteCurvedBoxLarge{background:url(../Images/left_bg.png) repeat-y; width: 640px;}
.whiteCurvedBoxLarge .contents{ margin: 0px 15px;}
.whiteCurvedBoxLarge h4{margin:0px; position:relative; top:-8px; }
.whiteCurvedBoxLarge ul{padding:0 40px; margin:0px;}
.whiteCurvedBoxLarge .bottomCurve{position:relative; top:5px;}
.whiteCurvedBoxLarge .topCurve{position:relative; top:-5px;}




.greybox {padding:5px 0px; border-bottom: solid 1px #ececec;border-left: solid 1px #ececec; background:#ddd;width: 320px;}
.greybox h6{margin:15px 0px;  padding:15px;  margin-bottom: 5px; }

.greylinebox {border-bottom: solid 1px #ececec;border-left: solid 1px #ececec; background:#D2D3D4;width: 320px;}
.greylinebox h6{margin:10px 0px; padding:10px; position:relative; top:-8px; border-bottom:2px solid #ff0000; padding-bottom:5px; }


.roofline { padding-bottom: 8px; } 
.headline { padding-bottom: 30px;  } 
.greyheadline {font-family: Arial, sans-serif, Helvetica; font-size: 24px; font-weight: lighter; color: #666; }
.speedtest_guy { background-image: url(../Images/speedtest_guy.png); background-repeat:no-repeat;height: 450px; width: 1040px; background-position:right; } 
.st_content {width: 1040px; margin:0 auto;  } 
.normal { font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #333; } 
.normalHead { font-family: Arial, sans-serif, Helvetica;font-size: 18px;font-weight: lighter;color: #333;}
.normalText { font-family: Arial, sans-serif, Helvetica;font-size: 12px;font-weight: lighter;color: #333;}
.ortext { font-family: Arial, sans-serif, Helvetica;font-size: 14px;color: #333;font-weight: bold;height: 20px;vertical-align: top;}
.points { font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #333; vertical-align:middle; margin-bottom: 6px;line-height:18px;} 
.testspeed { font-family: Arial, sans-serif, Helvetica; font-size: 14pt; color: #0cc; } 
.attention { color: #f00; font-weight: bold; } 
.divheight { height:140px } 
.pane { width: 259px; height: 140px; margin: 10px; float: left; } 
.paneContent { padding: 35px 10px 10px 10px; text-align: center; } 
.paneSpeedContent { padding: 35px 10px 10px 120px; text-align: center; }
.regionRadio { margin-bottom: 7px; vertical-align: top; } 
.paragraph-color{background: #0493e5;color: #e9e9e9;font-family: "Century Gothic", arial, sans-serif;font-size: 12px;font-weight: bold;padding: 5px 5px 5px 10px;margin:0 auto;}
#hsptest { clear: both; padding-top: 20px; font-weight: bold; } 
#analysis { clear: both; padding-top: 20px; font-weight: bold; } 
#error { clear: both; border: 4px double #f00; padding: 20px; margin: 20px; width: 75%; }
#speed_analysis { clear: both; padding-top: 20px; font-weight: bold; } 
#paneDownload { background-image: url(../images/results/paneDownload.gif); background-repeat: no-repeat; } 
#paneUpload { background-image: url(../images/results/paneUpload.gif); background-repeat: no-repeat; } 
#paneInfo { background-image: url(../Images/cut_art/results_laptop.png); background-repeat: no-repeat; }
#buttonBar { clear: both; padding: 20px 0; } 
#btnRunAgain { float: left; } 
#btnHidden { float: right; } 
#statecontainer { clear: both; width: 700px; } 
#state { line-height: 21px; margin: 0px; padding: 0px; } 
#stateSelection { line-height: 21px; } 
#stateImage { float: right; }




h1 {font-family: Arial, sans-serif, Helvetica; font-size: 30px;font-weight:normal; color: #666;margin-top: 0px; margin-bottom: 8px;}
h2 {font-family: Arial, sans-serif, Helvetica; font-size: 24px;font-weight:normal; color: #f00; margin-top: 0px; margin-bottom: 30px;}
h3 {font-family: Arial, sans-serif, Helvetica; font-size: 12px; font-weight:normal; color: #333333}
h5 {font-family: Arial; font-size: 13px ; font-weight:bold; color: #0066cc;line-height:18px;margin: 0px;padding-bottom: 3px;} /* 10 */
h6 {font-family: Arial, sans-serif, Helvetica; font-size: 32px; font-weight:normal; line-height:29px;color: #333333} /* 12 */


h4 {font-family:"VerizonApexBold", Helvetica, Arial, sans-serif; font-size: 22px;font-weight:normal; color: #333;margin-top: 18px; margin-bottom: 8px;margin-left: 8px;}
sup{font-size:14px}

/*****************************************************************************************************************************/
/* Verizon eOdering Dzine 
eONT-NWG Wizard Custom Theme for Bootsrap
Authur: NirmalJeyaseelan
*/
body{	
background: #eeeeee;
background: -moz-linear-gradient(left, #cccccc 0%, #ffffff 51%, #cccccc 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(51%,#ffffff), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(left, #cccccc 0%,#ffffff 51%,#cccccc 100%);
background: -o-linear-gradient(left, #cccccc 0%,#ffffff 51%,#cccccc 100%);
background: -ms-linear-gradient(left, #cccccc 0%,#ffffff 51%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
background: linear-gradient(left, #cccccc 0%,#ffffff 51%,#cccccc 100%); 
}


.box{ background-color:#D2D3D4; Traking: -25;border:1px solid #D2D3D4; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); position:relative; width: 328px;}




.box_title {
    font-size: 26px;    
    font-family:"VerizonApexBold",Arial, sans-serif, Helvetica;
    margin-top:25px;
    margin-left:15px;
    margin-bottom: 8px; 
    color: #333;   
}

.box_header {
    font-family:"VerizonApexBold",Arial, sans-serif, Helvetica; 
    font-size: 32px;
    font-weight:normal; 
    color: #333;
    margin-top: 0px; 
    margin-bottom: 8px;   
}

.box_desc {
    font-family:"VerizonApexMedium",Arial, sans-serif, Helvetica; 
    font-size: 16px;
    font-weight:normal; 
    color: #333;
    margin-top: 0px; 
    margin-bottom: 8px;  
}
.box_top {
    font-family:"Apex-Medium-Italic",Arial, sans-serif, Helvetica; 
    font-size: 22px;
    font-weight:normal; 
    color: #333;
    margin-top: 8px; 
    margin-bottom: 14px;
}
.box_linetext {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	height: 20px;
	vertical-align: top;

}

.boxsmall1{ background-color:#ECEDEE; Traking: -25; position:relative; width: 327px;}



.boxsmall1_title {
    font-size: 26px;    
    font-family:"VerizonApexBold";
    margin-top:10px;
    margin-left:10px;    
    padding: 15px 20px 0px 5px;
}
.box1{ background-color:#ffffff; border:1px solid #d5d6d6; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}  
.box2{ background-color:#ffffff; border:5px solid #f1f1f1; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}   
.expose{ background-color:#E6E6E6; padding:1em;} 
.registration-form{}
.padt1em{ padding-top:1em;} 
.padt2em{ padding-top:2em;}
.mart1em{ margin-top:1em;}
.mart2em{ margin-top:2em;}
.mart3em{ margin-top:3em;}
.mart5{ margin-top:5px;}
.marl5{ margin-left:5px;}
.marr1em{ margin-right:1em;}
.marr3em{ margin-right:3em;}
.marr5{ margin-right:5px;}
.clear{ clear:both; height:0px; line-height:1px;}
.marcenter{ margin:0 auto;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
.padb5{ padding-bottom:5px;}
.padb10{ padding-bottom:10px;}
.pad5{padding:5px;}
.padtb10{ padding-top:10px;padding-bottom:10px;}
.padtb5{ padding-top:5px;padding-bottom:5px;}
.padt5{ padding-top:5px;}
.padlr5{ padding-left:5px; padding-right:5px;}
.padl10{ padding-left:10px;}
.padl20{ padding-left:20px;}
.padlr10{ padding-left:10px; padding-right:10px;}
.btn { border-radius: 0px;}

.whitebg{ background-color:#ffffff !important;}
.bge8{ background-color:#e8e8e8;}
.bgccc{ background-color:#cccccc;}
.bgcfcf{ background-color:#cfcfcf;}
.bgprofile{ background:url(../img/complete_bkgrd_img.png) no-repeat top right;}
.brdb{ border-bottom:#cccccc solid 1px;}
.brdr{ border-right:#cccccc solid 1px;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.text-center{ text-align:center;}
.brdt{ border-top:#cccccc solid 1px;}
.brdtwhite{ border-top:#ffffff solid 1px;}
.brdt-red5{ border-top:#ed1d24 solid 5px;}
.brdt-grey5{ border-top:#404041 solid 5px;}
.brdt-grey8{ border-top:#404041 solid 8px;}
.brdt-none{ border-top:0px !important;}
.nomar{margin:0 !important;}
.nopad{padding:0 !important;}
.mh46{min-height:246px;}
.f11{ font-size:11px; line-height:13px;}
.f12{ font-size:12px; line-height:14px;}
.f14{ font-size:14px; line-height:17px;}
.f16{ font-size:16px; line-height:18px;}
.f18{ font-size:18px; line-height:21px;}
.f20{ font-size:20px; line-height:23px;}
.f21{ font-size:21px; line-height:25px;}
.f22{ font-size:22px; line-height:27px;}
.f23{ font-size:23px; line-height:29px;}
.f24{ font-size:23px; line-height:31px;}
.f25{ font-size:23px; line-height:34px;}
.lh12{ line-height:12px !important;}
.text-green{ color:#009900;}
.equipment-thump{ min-height:65px;}
.activTos{padding-top:5px;}
.ctaBlock{ min-height:30px;}
.ctaBottom{width:92%;position:absolute;bottom:0;}
#Trd-Btn{display:none;}
.popover{ width:100%;}

.cable-tabs{ margin:0; padding:0; border-bottom: 0;}
.cable-tabs> li{ list-style:none; display:block; position:relative; width: 48.91878453038674%;    *width: 48.96559304102504%; float:left;   
  border: 1px solid #cccccc;  *border: 0;  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;  border-left-width:0px; -webkit-border-radius: 0px 4px 4px 0px;     -moz-border-radius: 0px 4px 4px 0px;          border-radius: 0px 4px 4px 0px;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1; }
 .cable-tabs> li.active{ color: #ffffff;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;  *background-color: #222222;  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));  background-image: -webkit-linear-gradient(top, #444444, #222222);  background-image: -o-linear-gradient(top, #444444, #222222);  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;  border-color: #222222 #222222 #000000;  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }		
 
  .cable-tabs> li:first-child{ border-right-width:1px; -webkit-border-radius: 4px 0px 0px 4px;     -moz-border-radius: 4px 0px 0px 4px;          border-radius: 4px 0px 0px 4px; border-left-width:1px;}
 .cable-tabs a{ display:block; font-size:16px; padding:5px; color:#989898;}		
  .cable-tabs li.active > a:hover{ background-color: #363636;  border-color: #222222 #222222 #000000;  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} 
  .cable-tabs li.active a, .cable-tabs li.active a:focus{color: #ffffff;
  
  background:url(../img/pattern-bg.png) repeat; border-color: #222222 #222222 #000000;  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
  .cable-tabs a:hover, .cable-tabs a:focus{ color: #333333;
  text-decoration: none;  background-color: #e6e6e6;
  *background-color: #d9d9d9;
} 
.cable-tabs> li:hover {
	color: #333333;
 

}
 .cable-tabs> li.active> a{ color:#ffffff;}		  
.btn-cable-edit { position:absolute; right:5%; bottom:5%; }
.nav-header {  display: block;  padding: 0px;
  font-size: 11px;  font-weight: bold;  line-height: 20px;
  color: #999999;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);  text-transform: uppercase;
  
}
.navbar .brand{ background-color:#ed1c24;  -webkit-border-radius: 0px 0px 0px 7px;  -moz-border-radius: 0px 0px 0px 7px;   border-radius:0px 0px 0px 7px; padding: 5px 9px 12px 9px; margin-bottom:5px; }
.navbar-static-top { margin-bottom:20px;}
.nav-header .navbar-inner {
  min-height: 40px;  padding-left: 20px;  padding-right: 20px;  background-color: #ffffff;  
	background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(0.5,#ffffff), to(#ffffff)); 
	background-image: -webkit-linear-gradient(left,#ffffff,#ffffff,#ffffff); 
	background-image: -moz-linear-gradient(left,#ffffff,#ffffff,#ffffff); 
	background-image: -o-linear-gradient(left,#ffffff,#ffffff,#ffffff);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);  border-bottom: 1px solid #ffffff;  border-top: 1px solid #ed1c24;  border-left: 0px; border-right: 0px;  -webkit-border-radius: 0px;  -moz-border-radius: 0px;  border-radius: 0px;  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);  *zoom: 1; position:relative; z-index:1000;
}
/* Main Progress Bar*/
.nav-progress .navbar-inner, .nav-progress .nav { padding-left:0px; padding-right:0px; margin:0px;}
.nav-progress .navbar-inner{ border-color:#ffffff;}
.nav-progress .nav{ width:100%; height:80px;}
.nav-progress .nav li{ width:20%; *width:19.989%;}

.nav-progress a{ font-size:16px; color:#333333 !important; text-align:center; padding:5px 7px !important; line-height:35px; height:70px; cursor:default; }
.nav-progress a.active{ background-image:url(../img/pattern-bg.png); background-repeat:repeat; color:#ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;}
.nav-progress .nav li:last-child a.active{   -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;}
.nav-progress .nav li:last-child .nav-active { -webkit-border-radius: 0px 0px 3px 0px;
  -moz-border-radius: 0px 0px 3px 0px;
  border-radius: 0px 0px 3px 0px;}

.overlay-divider{ background:url(../img/overlay-divider.png) no-repeat bottom center; padding-bottom:10px; margin-bottom:10px;  }
.nav-divider{ background:url(../img/divider-navbar.png) no-repeat; width:2px; height:80px; display:block; z-index:100; position:relative;}

.regist-bg{ background:url(../img/registrationbg.png); color:#ffffff;}

.sttitle{ background-color:#f4f4f4; font-size:21px; border-bottom:5px solid #ed1d24; padding:10px 9px 10px 65px; position:relative;}
.sttitle.withoutshield{ padding:10px 9px 10px 10px;} 
.nav-active { width:100%; height:32px; position:relative; z-index:1; top:-33px;
  background-color: #ed1d24;
  background-image: -moz-linear-gradient(top, #ed1d24, #ed1d24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ed1d24), to(#ed1d24));
  background-image: -webkit-linear-gradient(top, #ed1d24, #ed1d24);
  background-image: -o-linear-gradient(top, #ed1d24, #ed1d24);
  background-image: linear-gradient(to bottom, #ed1d24, #ed1d24);
  background-repeat: repeat;
 border-top:#ed1d24 solid 1px;
}
.nav-arrow{ width:190px; height:21px; position:absolute; top:32px; left:50%; margin-left:-92px; z-index:1000; *display:block;}
.nav-active p{ color:#ffffff; font-size:11px; text-align:center; position:relative; line-height:14px; padding-top:5px; z-index:100;}
.nav-header .nav > li > a { background-color:#9c0202; color:#ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;   -webkit-border-radius: 0px;  -moz-border-radius: 0px;  border-radius: 0px;}
.nav-header .nav > li > a:hover{  -webkit-box-shadow: 0 1px 4px #333333;
  -moz-box-shadow: 0 1px 4px #333333; color:#ffffff; background-color:#ae0001;
  box-shadow: 0 1px 4px #333333;  }

/*Form*/
.registration-form .form-horizontal .controls{ margin-left: 165px; padding-left:0;}
.registration-form .form-horizontal input{ *padding:0px;}

.form-horizontal h5{ padding-left:10px; font-size:18px; font-weight:normal; padding-top:10px;}
.btn_holder{ display:table-cell;vertical-align:middle;
	text-align:center; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f8f8f8)); 
	padding:5px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px;  	margin-right:6px; 
	box-shadow:inset 0px 2px 1px #cdcdcd;
-webkit-box-shadow:inset 0px 2px 1px #cdcdcd);
-moz-box-shadow:inset 0px 2px 1px #cdcdcd;
}
#tvsetup1 table.table{ margin-bottom:0px;}

.btn-inverse, .btn-danger {
  color: #ffffff; padding: 7px 12px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 background-color:#ed1d24;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ed1d24, endColorstr=#ed1d24);
 background-image: -moz-linear-gradient(top, #ed1d24 0%, #ed1d24 36%,#ed1d24 100%);
background-image:linear-gradient(top, #ed1d24 0%, #ed1d24 36%,#ed1d24 100%);
background-image:-webkit-linear-gradient(top, #ed1d24 0%, #ed1d24 36%,#ed1d24 100%);
background-image:-o-linear-gradient(top, #ed1d24 0%, #ed1d24 36%,#ed1d24 100%);
background-image:-ms-linear-gradient(top, #ed1d24 0%, #ed1d24 36%,#ed1d24 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#ed1d24), color-stop(36%,#ed1d24),color-stop(100%,#ed1d24));
  border-color: #e9272f;
  border-color: rgba(0, 0, 0, 0.1);
  *background-color: #ed1d24;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover, .btn-inverse:focus, .btn-danger:hover, .btn-danger:focus{
  color: #ffffff;
  background-color: #8b0304;
  *background-color: #8b0304;
  background-position: 0px 1px;
 }
.btn-grey {
  color: #ffffff; padding: 7px 12px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 background-color:#666666;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#5e5e5e);
 background-image:-moz-linear-gradient(top, #666666 0%, #5e5e5e 36%,#494949 100%);
background-image:linear-gradient(top, #666666 0%, #5e5e5e 36%,#494949 100%);
background-image:-webkit-linear-gradient(top, #666666 0%, #5e5e5e 36%,#494949 100%);
background-image:-o-linear-gradient(top, #666666 0%, #5e5e5e 36%,#494949 100%);
background-image:-ms-linear-gradient(top, #666666 0%, #5e5e5e 36%,#494949 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#666666), color-stop(36%,#5e5e5e),color-stop(100%,#494949));
  border-color: #494949;
  border-color: rgba(0, 0, 0, 0.1);
  *background-color: #9d0c10;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-grey:hover, .btn-grey:focus{
  color: #ffffff;
  background-color: #494949;
  *background-color: #494949;
    background-position: 0px 1px;
}
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #666666;
  background-color: #e5e5e5;
  *background-color: #e5e5e5;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #58595b;
}
.btn-danger{ padding:7px 12px;}
  /* Rounded Progress Bar*/
.loader { background-image:url(../img/loader.png);  background-repeat:no-repeat; display:block; width:110px; height:110px; margin:0 auto;}
.loader.one{ background-position:0px 0px;}
.loader.two{ background-position:-119px 0px;}
.loader.three{ background-position:-238px 0px;}
.loader.four{ background-position:-357px 0px;}
.loader.five{ background-position:-477px 0px;}
.loader.six{ background-position:-598px 0px;}
.loader.seven{ background-position:-718px 0px;}
.loader.eight{ background-position:-838px 0px;}
.loader span{ font-size:27px; font-weight:bold; display:block;  text-align:center; padding-top:47px; color:#555555; text-shadow: 0 1px 0 #ffffff;}

.btn-success[disabled] {
  color: #ffffff !important;
  background-color: #439843 !important;
  *background-color: #439843 !important;
    opacity: 1;
  filter: alpha(opacity=100); padding: 7px 12px;
}

/* Steps*/
.step-info{ color:#333333; font-size:14px; padding:30px 15px 15px 15px; text-align:center;}
.point{ color:#ed1d24; font-weight:bold;}
#slider { position:relative; }
#slider .viewport { width: 100%; min-height: 400px; overflow: hidden; position: relative; }
#slider .buttons { display: block;}
#slider .prev { float:left;   }
#slider .next { float:right;    }
#slider .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider .overview li{ float: left;}
.slider-guide{ position:absolute; top:45%; z-index:1000; width:100%; }
.innerCarousel {float:left; }
.step-no{ background:#ed1d24; color:#ffffff; height:21px; position:absolute; top:-4px; left:-5px; font-size:16px; font-weight:bold; padding:3px 12px 3px 10px; z-index:1000; -webkit-border-radius:0px 0px 12px 0px;
  -moz-border-radius: 0px 0px 12px 0px;
  border-radius: 0px 0px 12px 0px;}
.step-details{ margin:7px 35px;}
.active-steps{ position:absolute; z-index:1000; top:17px;}
.bgf1f1{ background-color:#f1f1f1;}
.bge5e5{ background-color:#e5e5e5;} 
.bgcbcb{ background-color:#cbcbcb;}
.bgf0f7{ background-color:#f0f7f2;}
.phone-setup ul, .phone-setup li{padding:0; margin:0; }
.phone-setup li{ list-style:none; display:block; float:left; width:33.333% }
.h310{ height: 320px;}
.step3-width{  width:245px;}
.pick-phone{ background:url(../img/pickUrPhone.jpg) no-repeat left bottom; background-size:100%; padding:10px; position:relative; border-bottom:#424f4e solid 5px;}
.phone-step1{ background:#ffffff; border-bottom:#ffffff solid 5px;}
.pick-phone p{ background-color:#eaedeb; padding:3px 5px; position:absolute; left:0; margin:0px 10px;}
.pick-phone .indication{ background:url(../img/phoneindication.png) no-repeat; background-size:100%;  height:40px; width:238px; position:absolute; left: 50%; margin-left:-119px; top:100.5%;}
.input-append, .input-prepend{ margin-bottom:0; display:block; text-align:center;}
.input-append .dropdown-menu, .input-prepend .dropdown-menu{ text-align:left; right:0; left:auto;}

#coaxConnection.nav{ margin-top: 7px;}
#coaxConnection.nav-tabs > li.active a{ background-color:#dddddd;}
#coaxConnection.nav-pills > li a{background-color: #eeeeee;}
#coaxConnection.nav-pills > li.active a{ background-color:#0088cc;}

.pager {
  margin: 20px 0;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
  line-height: 0;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 4px 15px;
  background-color: #b2b2b2;
  border: 1px solid #999999;
  -webkit-border-radius:0px;
  -moz-border-radius: 0px;
  border-radius: 0px; 
  color:#333333; margin:0px 4px; transform:skew(-18deg,0deg);
-ms-transform:skew(-18deg,0deg); /* IE 9 */
-webkit-transform:skew(-18deg,0deg); /* Safari and Chrome */
}
.pager li > a.active{ background-color:#ffffff; border-bottom:#ffffff solid 1px;}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #ffffff;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #fff;
  cursor: default;
}

.badge-location{ background-color: #eeeeee; color:#333333; height: 20px;
padding: 4px 6px; line-height:20px; vertical-align:bottom;
  white-space: nowrap;
  text-shadow: 0 -1px 0 #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;}

/* Modal */
.modal-header { border-bottom: 2px solid #c1c1c1;}
.modal.fade.in{ top:10%;}
.badge-important{background-color:#ed1d24; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.checkbox, .radio{ padding-left:0;}
label.radio{ font-size:12px; line-height:14px; padding-top:5px;}
.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

.prettycheckbox,
.prettyradio {
    display: inline-block;
    padding:0;
    margin:0; vertical-align:middle;
	float:left;
}
#activation .prettycheckbox, .box1 .prettycheckbox,
#activation .prettyradio, .box1 .prettyradio {
	float:none !important;
}


/* pretty radio btn specific changes*/
.cable-selection .prettyradio a { margin-top:27px; margin-left:10px;}
#feedback .prettyradio a { margin-top:0; margin-left:0; }
.cable-selected p{ margin-bottom:5px;}
.horiz-divider{ background:url(../img/horiz-divider.png) no-repeat right top; min-height: 70px; margin-right:2%; }
#help-inputUserID .arrow,#help-inputPassword .arrow, #help-inputEmail .arrow, #help-inputMob .arrow, #help-securityAnswer .arrow{ top:20px;}
#help-inputUserID, #help-inputPassword, #help-inputEmail, #help-inputMob, #help-securityAnswer{left:56.1%;}
.popover { width: 250px;}

#SiSuccessNo-sec1{ position:relative;}
#SiSuccessNo-sec1 .indication{ background:url(../img/indication-arrow-up.png) no-repeat; display:block; width:13px; height:7px; position: absolute;top: -8px;left: 125px;}
.row-fluid .span-c5{ width:20%; margin-left:0%;}
.modal-body { padding:10px 15px;}
.modal-body h3{ font-size:15px; line-height:18px;}
@media (max-width: 767px) {
  body {  padding: 0px;  }
  .row-fluid.cable-selected  [class*="span"] {
    margin-left: 0;
    *margin-left: 0;
  }
.row-fluid.cable-selected .span4 {
    width: 36.215431623931625%;
    *width: 36.1150740134569924%;
  }
.row-fluid.cable-selected [class*="span4"]:first-child {
  width: 27.573931623931625%;
    *width: 27.470740134569924%;
}
.row-fluid.cable-selected [class*="span3"]:first-child {
  width: 15.573931623931625%;
    *width: 15.470740134569924%;
}
.row-fluid.cable-selected .span3 {
    width: 28.135431623931625%;
    *width: 28.0350740134569924%;
  }
.cable-selected h2{ font-size:15px; line-height:21px;} 
.cable-selected p{ font-size:13px; line-height:16px;} 
#SiSuccessNo-sec1 label{ font-size:11px;}
}
@media (max-width: 979px) {
.activTos{width:40%;padding:0;}
#Trd-Btn{display:inline-block;}
#Dwd-Btn{display:none;}

}
@media (min-width: 979px) {
#Trd-Btn{display:none;}
#Dwd-Btn{display:inline-block;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.row-fluid.cable-selected  [class*="span"] {
    margin-left: 0;
    *margin-left: 0;
  }
.row-fluid.cable-selected .span4 {
    width: 36.215431623931625%;
    *width: 36.1150740134569924%;
  }
.row-fluid.cable-selected [class*="span4"]:first-child {
  width: 27.573931623931625%;
    *width: 27.470740134569924%;
}
.row-fluid.cable-selected [class*="span3"]:first-child {
  width: 16.573931623931625%;
    *width: 16.470740134569924%;
}
.row-fluid.cable-selected .span3 {
    width: 27.715431623931625%;
    *width: 27.6150740134569924%;
  }
.cable-selected h2{ font-size:20px; line-height:23px;} 
.form-horizontal .control-label{ width:135px;}
.form-horizontal .controls{ margin-left:145px;}
.nav-progress .nav li{ width:25%;}
.prettycheckbox,
.prettyradio {
    display: inline-block;
    padding:0;
    margin:0; vertical-align:middle;
	float:left;
}

.prettycheckbox a,
.prettyradio a{
    width: 38px;
    height: 36px;
    background: url(../img/prettyCheckable-vz.png) top left no-repeat;
    display: block;
    float: left;
    cursor: pointer;
    margin:0;
}

.prettycheckbox.vz a{ background-image: url(../img/prettyCheckable-vz.png);}

.prettycheckbox a {background-position: -3px -0px;}
.prettyradio a {background-position: -3px -157px;}

.prettycheckbox a:focus,
.prettyradio a:focus {outline: 0 none;}

.prettycheckbox a:focus{background-position: -3px -0px;}
.prettyradio a:focus{background-position: -3px -157px;}

.prettycheckbox a.checked{ background-position: -3px -80px; }
.prettyradio a.checked { background-position: -3px -233px; }

.prettycheckbox a.checked:focus{ background-position: -3px -119px; }
.prettyradio a.checked:focus { background-position: -3px -233px; }

.prettycheckbox label,
.prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer;
  line-height:12px;
}

.prettycheckbox.disabled a,
.prettyradio.disabled a,
.prettycheckbox.disabled label,
.prettyradio.disabled label{
  cursor:not-allowed;
}

.prettycheckbox.disabled a {
  background-position: -3px -310px;
}

.prettyradio.disabled a {
  background-position: -3px -347px;
}
/* pretty radio btn specific changes*/
.cable-selection .prettyradio a { margin-top:23px; margin-left:0;}
  }
@media (min-width: 600px) and  (max-width: 767px)  {	
.nav-progress .nav li{ width:25%;}
.hidden-tablet{ display: none !important;}
h4{ font-size:17px;}
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {    width: 95%;  }
  
  /* Main Progress Bar*/
.nav-progress a{ font-size:14px; text-align:center; padding:7px 3px !important; line-height:35px; height:66px; }
.nav-arrow{ width:150px; height:21px; position:absolute; top:32px; left:50%; margin-left:-74px;}
.signinbg{ background:url(../img/bg-signin2.jpg) no-repeat center bottom;}
.registration-form{ width:300px;}
.registration-form .form-horizontal .controls{ margin-left:0;}
.form-horizontal h5{ padding-left:10px; padding-top:10px;}
.form-horizontal .control-group {
  margin-bottom: 10px;  *zoom: 1;}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;  content: "";  line-height: 0;
}
.form-horizontal .control-group:after {  clear: both;}
.form-horizontal .control-label { *display: block; display: block;  margin-left: 10px;  padding-top: 5px;  text-align: left;  font-size:14px;}
.form-horizontal .controls {  *display: block;  *padding-left: 20px;  margin-left: 10px;  *margin-left: 0;}
.form-horizontal .controls:first-child {  *padding-left: 10px;}
.form-horizontal .help-block {  margin-bottom: 0;}
.form-horizontal input + .help-block,.form-horizontal select + .help-block,.form-horizontal textarea + .help-block,.form-horizontal uneditable-input + .help-block,.form-horizontal .input-prepend + .help-block,.form-horizontal .input-append + .help-block {  margin-top: 10px;}
.form-horizontal .form-actions {  padding-left: 130px;}
.registration-form { width:255px;}

.table th,
.table td {
  padding: 8px 2px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}


#help-inputUserID, #help-inputPassword, #help-inputEmail, #help-inputMob, #help-securityAnswer{left:49.5%;}

#footer h3{ font-size:18px;}
#footer p{ font-size:12px;}
@media (min-width: 980px) {.nav-progress .nav li{ width:20%; *width:19.789%;} }
@media (min-width: 1200px) {
.nav-progress .nav li{ width:20%;}
.row-fluid.cable-selected  [class*="span"] {
    margin-left: 0;
    *margin-left: 0;
  }
.row-fluid.cable-selected .span4 {
    width: 32.573931623931625%;
    *width: 32.470740134569924%;
  }
}
@media screen and (orientation:landscape) {
	.modal.fade.in { top:6.5% !important;}
	}
@media screen and (orientation:portrait) {
	.modal.fade.in { top:21% !important;}
	.bgprofile{ background:none;}
#vzTOS .span10{ width:77.853%;}
.mobileCheck{ font-size:12px;}
}
.myfont-light{ font-family:"VerizonApexLight", Helvetica, Arial, sans-serif; }
.myfont-book{ font-family:"VerizonApexBook", Helvetica, Arial, sans-serif; }	
.myfont-medium{ font-family:"VerizonApexMedium", Helvetica, Arial, sans-serif; }
.myfont-bold{ font-family:"ApexBold", Helvetica, Arial, sans-serif; }



.myfont-book-italic {font-family:Apex-Book-Italic, sans-serif !important;}
.myfont-medium-italic {font-family:Apex-Medium-Italic, sans-serif !important;}
.myfont-bold-italic {font-family:Apex-Bold-Italic, sans-serif !important;}	
	
