@charset "UTF-8";
/* CSS Document */

/*sprite pad sprite*/
.card-visa, .card-mastercard, .card-discover, .card-amex {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 32px;
  vertical-align: text-top;
  background-image: url("../img/card-sprite.png");
  background-position: 32px 32px;
  background-repeat: no-repeat;
}
.card-visa{
  background-position: -2px -2px ;
  width: 32px;
  height: 32px;
}
.card-mastercard{
  background-position: -41px -2px ;
  width: 32px;
  height: 32px;
}
.card-discover{
  background-position: -82px -1px ;
  width: 32px;
  height: 32px;
}
.card-amex{
  background-position: -124px -3px ;
  width: 32px;
  height: 32px;
}

.phone_black, .phone_white{
  background: url("../img/phone_sprites.png") no-repeat;
}

.phone_black{
  background-position: -2px -1px ;
  width: 24px;
  height: 24px;
}

.phone_white{
  background-position: -34px -1px ;
  width: 24px;
  height: 24px;
}

.btn-signal-none {
  background-color: hsl(0, 100%, 40%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc0000", endColorstr="#cc0000");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cc0000), to(#cc0000));
  background-image: -moz-linear-gradient(top, #cc0000, #cc0000);
  background-image: -ms-linear-gradient(top, #cc0000, #cc0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0000), color-stop(100%, #cc0000));
  background-image: -webkit-linear-gradient(top, #cc0000, #cc0000);
  background-image: -o-linear-gradient(top, #cc0000, #cc0000);
  background-image: linear-gradient(#cc0000, #cc0000);
  border-color: #cc0000 #cc0000 hsl(0, 100%, 40%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}

.btn-signal-strong {
  background-color: hsl(109, 100%, 25%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#177f00", endColorstr="#177f00");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#177f00), to(#177f00));
  background-image: -moz-linear-gradient(top, #177f00, #177f00);
  background-image: -ms-linear-gradient(top, #177f00, #177f00);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #177f00), color-stop(100%, #177f00));
  background-image: -webkit-linear-gradient(top, #177f00, #177f00);
  background-image: -o-linear-gradient(top, #177f00, #177f00);
  background-image: linear-gradient(#177f00, #177f00);
  border-color: #177f00 #177f00 hsl(109, 100%, 25%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}

.btn-signal-ok {
  background-color: hsl(191, 100%, 33%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0089a8", endColorstr="#0089a8");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0089a8), to(#0089a8));
  background-image: -moz-linear-gradient(top, #0089a8, #0089a8);
  background-image: -ms-linear-gradient(top, #0089a8, #0089a8);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089a8), color-stop(100%, #0089a8));
  background-image: -webkit-linear-gradient(top, #0089a8, #0089a8);
  background-image: -o-linear-gradient(top, #0089a8, #0089a8);
  background-image: linear-gradient(#0089a8, #0089a8);
  border-color: #0089a8 #0089a8 hsl(191, 100%, 33%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}

.btn-signal-marginal {
  background-color: hsl(32, 90%, 51%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f28911", endColorstr="#f28911");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f28911), to(#f28911));
  background-image: -moz-linear-gradient(top, #f28911, #f28911);
  background-image: -ms-linear-gradient(top, #f28911, #f28911);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f28911), color-stop(100%, #f28911));
  background-image: -webkit-linear-gradient(top, #f28911, #f28911);
  background-image: -o-linear-gradient(top, #f28911, #f28911);
  background-image: linear-gradient(#f28911, #f28911);
  border-color: #f28911 #f28911 hsl(32, 90%, 51%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.00);
  -webkit-font-smoothing: antialiased;
}




/*Sticky footer styles*/
html, 
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

body .modal {
    /* new custom width */
    width: 660px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -330px;
}

/* Wrapper for page content to push down footer */
#chrome {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -50px;
}

/* Set the fixed height of the footer here */
#push {
  height: 50px;
  /* Same height as footer */ 
}



 /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 0;
      color: #000;
    background: #fff;
    }
  footer {
    width: 100%;
    height: 50px;
    background-color: #353535;
    padding: 10px 0;
  }
  .logo {
    position: absolute;
    margin: 10px 0 0 80px;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10; 
  }
  
  .midpanel {
    margin: 150px 0 0 0;
    height: auto;
    
  }
  /* background color */
  
  /*
  .blue, .blue a {
    background: #68cc36;
    color: #fff;
    text-decoration: none;
  }
  .green, .green a {
    background: #68cc36;
    color: #fff;
    text-decoration: none;
  }
  .orange, .orange a{
    background: #ef6e04;
    color: #fff;
  }
  .grey1, .grey1 a{
    background: #eee;
    text-decoration: none;
  }   
  .white, .white a{
    background: #fff;
    text-decoration: none;
  }
  */

  .blue {
    background: #68cc36;
    color: #fff;
    text-decoration: none;
  }
  .green {
    background: #68cc36;
    color: #fff;
    text-decoration: none;
  }
  .orange {
    background: #ef6e04;
    color: #fff;
  }
  .grey1 {
    background: #eee;
    text-decoration: none;
  }   
  .white {
    background: #fff;
    text-decoration: none;
  }




  /* Text Colors */
  .text-blue, .text-blue a {
    color: #0066ff;
    text-decoration: none;
  }
  .text-grey1, .text-grey1 a{
    color: #eee;
    text-decoration: none;
  }
  .text-green, .text-green a { 
    color: #68cc36;
    text-decoration: none;
  }
  .text-grey2, .text-grey2 a, .lead{
    color: #333333;
    text-decoration: none;
  }



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
     position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10; 
      margin-top: 80px;
      margin-bottom: -5px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }
  .register-wrapper {
    position:absolute;
    top: 0;
      left: 0;
      right: 0;
      z-index: 10; 
    margin: 30px 0;
  }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }
  
  .go {
    padding: 25px;
  }
  
  .muted a {
    color: #ccc;
  }

    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }
  .marketing {
    margin-top: 50px;
  }
  
  /* Welcome 
  ----------------------------------------------------*/
  .welcome {
    margin: 100px 0;
  }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 40px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }

/*--------------------------------------------------------------------------------------------------------------------------------------------

Jason custom css

--------------------------------------------------------------------------------------------------------------------------------------------*/ 

#market_nav_list, #market_nav_list a{
  background: #ef6e04;
  color: #fff;
}

#market_nav_list a:hover {
  background: #005580;
 text-decoration: none;
}

h1 {
font-size: 31.5px;
}

h2 {
font-size: 24.5px;
}

h3 {
font-size: 17.5px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 11.9px;
}

h6 {
font-size: 10px;
} 

.placeholder { 
  color: #CCC;
}

.btn-toolbar .title {
  display: block;
  float: left;
  margin-top: -4px; /* Recover part of margin set in child Header nodes */
  margin-left: 10px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}

p.loud{
  font-size: 16px;}
.modal-body {
  padding-top: 5px;
  padding-bottom: 2px;}
.alert li {
  list-style-type: none;}
a.left5, span.left5 {
  margin-left: 5px;
  margin-right: 5px;}
a.em, span.em {
  font-style: italic;
  font-weight: normal;
  font-size: 12px !important;
  background: inherit;}
a.bginherit {
  background: inherit !important;}

.table-vertical th {
  text-align: right;
}
.table-vertical tr:first-child th,
.table-vertical tr:first-child td {
  border-top: none;
}
input.required,
select.required,
textarea.required {
  border-color: #c09853;
  -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);
}
span.color-grey,
p.color-grey,
a.color-grey {
  color: #aaa;
}
legend.text-small{
  font-size: 18px;
}
legend.text-mini{
  font-size: 15px;
} 

.line_settings a {
  margin: 5px; 
  width: 200px; 
  padding: 10px;
}

.line_settings a:hover {
  border: 1px solid #ff9c00;
}

#all_devices div div .nav a:hover {
  background: #CCC;
  color: white;
} 

#all_devices div div .nav li.active a:hover {
  background: #FFF;
  color: #555555;
} 

#phone_number_options div div .nav a:hover {
  background: #CCC;
  color: white;
} 

#phone_number_options div div .nav li.active a:hover {
  background: #FFF;
  color: #555555;
} 

.lead-smaller {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 200;
  line-height: 25px;
  color: #333;
} 

#payment_option_credit_card .hero-unit {
  padding: 10px;
}

#payment_option_credit_card .hero-unit span.help-inline,
#payment_option_credit_card .hero-unit span.help-block {
  font-size: 14px;
  font-weight: normal;
}

/* .navbar-inverse */

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #e16500, #b95301);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e16500), to(#b95301));
  background-image: -webkit-linear-gradient(top, #e16500, #b95301);
  background-image: -o-linear-gradient(top, #e16500, #b95301);
  background-image: linear-gradient(to bottom, #e16500, #b95301);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover {
  color: #ff9c00;
}

.navbar-inverse .brand {
  color: #FFFFFF;
}

.navbar-inverse .navbar-text {
  color: #FFFFFF;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ff9c00;
  background-color: transparent;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ff9c00;
  background-color: #b95301;
}

.navbar-inverse .navbar-link {
  color: #FFFFFF;
}

.navbar-inverse .navbar-link:hover {
  color: #ff9c00;
}

.navbar-inverse .divider-vertical {
  border-right-color: #e16500;
  border-left-color: #b95301;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ff9c00;
  background-color: #b95301;
}

.navbar-inverse .nav li.dropdown > a:hover .caret {
  border-top-color: #ff9c00;
  border-bottom-color: #ff9c00;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ff9c00;
  border-bottom-color: #ff9c00;
}

.navbar-inverse .navbar-search .search-query {
  color: #ff9c00;
  background-color: #515151;
  border-color: #b95301;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ff9c00;
  background-color: #ff9c00;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-inverse .btn-navbar {
  color: #ff9c00;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #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='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ff9c00;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
} 

.nav.nav-tabs-muted a:hover {
  background: #CCC;
  color: white;
} 

.nav.nav-tabs-muted li.active a:hover {
  background: #FFF;
  color: #555555;
}