/* to EOF to make footer go to the bottom of the browser on a short  page -- helen,
 * 2014-06-24 */

* {
   margin: 0;
}
html, body {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding-bottom: 10px;
  margin: 0 auto -212px; /* the bottom margin is the negative value of the footer's height */
}

footer {
  padding-top: 10px;
  background: #ddd;
  min-height: 212px; /* '.push' must be the same height as 'footer' */
}

.push {
  height: 212px;
}

/* EOF */

h1, h2, h3,
.h1, .h2, .h3 {
font-family: 'PT Sans Narrow', 'Helvetica Narrow', 'Helvetica Neue', sans-serif;
color: #333b45;
font-weight: 700;
text-shadow:0 0 1px transparent;
}

#ext h1 {
font-size: 52px;
line-height: .95;
}


h2 {
font-size: 32px;
}

h3 {
color: #000;
font-weight: 500;
}

p, li {
font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
color: #5a626d;
font-weight: 400;
line-height: 1.7;
}

.mini-hero p.instructions,
.instructions {
  font-size: 1.2em;
} 

.grey-icon {
  color: #ccc;
  text-align: right;
}
.plan_bar {
  padding: 10px 0;
  background: #eeeeee;
}

.navbar {
background: #1C3F7F;
color: #ffffff;
border-radius: 0;
border: 0;
border-bottom: 3px solid #072259;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, 
.navbar .nav li.dropdown.hover>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
  color: #000;
  background: #fff;
  border-radius: 0;
}

.dropdown-menu {
  border: 0;
}

.navbar-brand {
  padding: 8px 15px;
}
.navbar #logo {
margin-right: 40px;
}


#ext .navbar .nav>li>a,
#ext .btn {
font-family: 'PT Sans Narrow', 'Helvetica Narrow', 'Helvetica Neue', sans-serif; 
  text-shadow:0 0 1px transparent;
font-size: 22px; 
color: #fff; 
font-weight: 400; 
text-decoration: none; 
}
#ext .navbar .nav li.dropdown.open>.dropdown-toggle, 
#ext .navbar .nav li.dropdown.hover>.dropdown-toggle, 
#ext .navbar .nav li.dropdown.active>.dropdown-toggle, 
#ext .navbar .nav li.dropdown.open.active>.dropdown-toggle {
 color: #000;
}

.navbar-inverse .navbar-nav>li>a {
  color: #eee;
  text-rendering: optimizeLegibility;
  text-shadow:0 0 1px transparent;
}

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

.btn-success-push { 
-webkit-box-shadow: 0px 4px 0px 0px rgba(97,143,0,1);
-moz-box-shadow: 0px 4px 0px 0px rgba(97,143,0,1);
box-shadow: 0px 4px 0px 0px rgba(97,143,0,1);
border: 0;
} 

.btn-success:hover { 
 background: #81bb03; 
 color: #fff;
} 
  
.btn-success-push:active {
background: #81bb03;
-webkit-box-shadow: 0px 2px 0px 0px rgba(97,143,0,1);
-moz-box-shadow: 0px 2px 0px 0px rgba(97,143,0,1);
box-shadow: 0px 2px 0px 0px rgba(97,143,0,1);
position:relative;
top:2px
}

.btn-orange {
background: #eb9500;
-webkit-box-shadow: 0px 4px 0px 0px rgba(166,90,0,1);
-moz-box-shadow: 0px 4px 0px 0px rgba(166,90,0,1);
box-shadow: 0px 4px 0px 0px rgba(166,90,0,1);
text-transform: uppercase;
font-size: 22px;
padding: 8px 12px;
}

.btn-orange:hover {
background: #f9a615;
}

.btn-orange:active {
background: #f9a615;
-webkit-box-shadow: 0px 2px 0px 0px rgba(166,90,0,1);
-moz-box-shadow: 0px 2px 0px 0px rgba(166,90,0,1);
box-shadow: 0px 2px 0px 0px rgba(166,90,0,1);
position:relative;
top:2px;
}

.navbar-inverse .navbar-nav>li>a:hover {
  color: #eee;
  background-color: rgba(0,0,0,.34);
}

.navbar .nav>li>a {
padding-top: 20px;
}

/* make button text wrap instead of overflow -- helen, 2014-06-24 */

.btn {  
  white-space: normal;
}

#ext .btn-default,
.btn-default {
  color: #333;
}

.btn-orange {
background: #eb9500;
}

.btn-inverse {
  color: #fff;
  background-color: #051E4D;
  border-color: #072259;
}

.btn-magenta {
  color: #fff;
  background-color: #870069;
  border-color: #670050;
}

.btn-blue {
  color: #fff;
  background-color: #1C3F7F;
  border-color: #0B2A62;
}

.btn-inverse:active, .btn-inverse:hover {
  color: #fff;
  background: #0B2A64;
}


.btn-success {
background: #90d106; 
} 

.btn-orange h3 {
color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #6FB500;
  border-color: #4F8100;
}

.btn-active {
  background-color: #E0F1FF;
}

.btn-active:hover,
.btn-active:active,
.btn-active.active,
.btn-active.disabled,
.btn-active[disabled] {
  background-color: #9CD2FF;
}

#ext #feature_badges .btn {
  font-size: 14px;
  margin-right:5px;
  margin-top: -8px;
  border: 0;
}

.price {
  color: #eb0069;
}

OB.clearfix:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      }


.double-hr {
border-top: 1px solid #dee1e6;
border-bottom: 1px solid #dee1e6;
padding: .2em;

}


#footer_links {
  font-size: .9em;
}

div#hero {
margin-top: -20px;
height:400px;
background: url(/images/lock.jpg) no-repeat 30% center;
background-size: cover;
display: block;
}

div#hero-text {
height: 375px;
padding: 40px;
margin-left: 58px;
background-color: rgba(0,0,0,.47);

}

#hero-text h1 {
color: #fff;
line-height: 1.1em;
text-shadow: 0px 3px 0px rgba(0, 0, 0, .5);
margin: 0 0 .15em 0;
}

#hero-text p {
color: #fff;
text-shadow: 0px 3px 0px rgba(0, 0, 0, .5);
margin-bottom: 1.5em;
}

#hero a {
  color: #9CD2FF;
}

.mini-hero {
  padding: 20px;
  padding-top: 3px;
  margin-bottom: 20px;
background-image: -linear-gradient(bottom, rgb(238,238,238) 15%, rgb(221,221,221) 51%, rgb(238,238,238) 83%);
background-image: -o-linear-gradient(bottom, rgb(238,238,238) 15%, rgb(221,221,221) 51%, rgb(238,238,238) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 15%, rgb(221,221,221) 51%, rgb(238,238,238) 83%); 
background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 15%, rgb(221,221,221) 51%, rgb(238,238,238) 83%);
background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 15%, rgb(221,221,221) 51%, rgb(238,238,238) 83%);
background-image: -webkit-gradient(bottom, rgb(238,238,238) 15%, rgb(221,221,221) 51%, rgb(238,238,238) 83%);
  background-color: #D1E1FF;
  background-image: -moz-linear-gradient(top, #E0F1FF, #C8E6FF);
  background-image: -ms-linear-gradient(top, #E0F1FF, #C8E6FF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E0F1FF), to(#C8E6FF));
  background-image: -webkit-linear-gradient(top, #E0F1FF, #C8E6FF);
  background-image: -o-linear-gradient(top, #E0F1FF, #C8E6FF);
  background-image: linear-gradient(top, #E0F1FF, #C8E6FF);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0F1FF', endColorstr='#C8E6FF', GradientType=0)";
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

mini-hero h3 {
    padding-bottom: 10px;
}
.mini-hero p,
.mini-hero li {
  font-size: 14px;
  line-height: 20px;
  color: inherit;
}

#pricing th {
  font-family: 'PT Sans Narrow', 'Helvetica Narrow', 'Helvetica Neue', sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  color: #fff;
}

#pricing #ms {
  background-color: #333;
}

#pricing #pp {
  background-color: #666;
}
#pricing #pb {
  background-color: #999;
}

#pricing .delim {
  background-color: #eee;
  color: #666;
  font-size: 16px;
}

#pricing .price {
    font-size: 1.5em;
}
#pricing .price .btn  {
    margin-top:10px;
}

#vacation_status input[type=radio],
#signup input[type=radio],
#addalias input[type=radio]  {
  display: block;
  height: 0;
  margin-left: -9999px;
}

blockquote {
 border-left: none;
}

#signup .btn-primary.active {
  background-color: #1C3F7F;
}

.microcopy, .mini-hero .microcopy {
      color: #666;
      font-size: 11px;
      font-family: Verdana, sans-serif;
      font-weight: normal;
      margin-bottom: 0;
      display: block;
}

.microcopy a:link, .microcopy a:active,
.microcopy a:visited {
       color: #666;
      font-size: 11px;
      font-family: Verdana, sans-serif;
      font-weight: normal;
      text-decoration: underline;     
}

.left {
    text-align: left;
}


.alert {
padding: 8px 14px;
}


#service_cluster .btn {
    width: 90%;
    margin-bottom: 10px;
}

.table-row {
  border-top: 1px solid #DDDDDD;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px;
}

.table-row:hover {
  background-color: #F5F5F5;
}


.table-row .address-container {
padding-bottom: 2px;
white-space: nowrap;
}
.bluff-tooltip-target,
.jqstooltip {
  -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
      box-sizing: content-box;
}

.bluff_tooltip {
    padding: 5px;
    color: #fff;
    background-color: #333;
    background-color: rgba(51,51,51,0.75);
}

div.dataTables_length label {
    float: left;
    text-align: left;
    margin-top: 5px;
}

div.dataTables_length select {
    width: 75px;
    display: inline;
}

div.dataTables_filter label {
    float: right;
}

div.dataTables_filter input {
    display: inline;
}

div.dataTables_info {
    float: left;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

table.table {
    clear: both;
    margin-bottom: 6px !important;
}


table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
    cursor: pointer;
}
#admin table.table thead {
   border-top: 1px solid #ddd;
   background: #eee;
}

table.table thead .sorting {background: #eeeeee;}
table.table thead .sorting_disabled {background: #eeeeee;}
table.table thead .sorting_asc {background: #dddddd url(/css/images/up.png) no-repeat scroll right center;}
table.table thead .sorting_desc {background: #dddddd url(/css/images/down.png) no-repeat scroll right center;}
table.table thead .sorting_asc_disabled {background: #eeeeee url(/css/images/up.png) no-repeat scroll right center;}
table.table thead .sorting_desc_disabled {background: #eeeeee url(/css/images/down.png) no-repeat scroll right center;}

table.table thead .sorting:hover,
table.table thead .sorting_asc:hover,
table.table thead .sorting_desc:hover {background-color: #cccccc;}


.table-controls label input,
.table-controls label select {display: inline;}

.table-controls {
 padding-top: 8px;   
}

.table-controls label {
 margin-bottom: 0;
}

.paginate_button,
.paginate_active,
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  display: inline-block;
  /* IE7 inline-block hack */

  padding: 4px;
  margin: 0 10px 0 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=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);
  filter: "progid:dximagetransform.microsoft.gradient(enabled=false)";
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
        text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
        outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
        color: #666 !important;
}

#aliases_paginate {
  margin-right: 40px;
}

.paginate_active,
#admin .selected {  
      background-image: none;
      background-color: #D9EDF7;
      color: #3A87AD;
      }
#admin .admin {                                                                                                                    
      text-align: center;
      background-color: #F2DEDE;
      color: #B94A48;
      }
#admin .billContact {    
      text-align: center;                                                                                                          
      background-color: #DFF0D8;
      color: #468847;
      }

#admin .inactive {
    background-color: #E6E6E6;
    opacity: 0.65;
}

#admin .tooltip {
    display:none;
    padding:10px;
    font-size:11px;
    line-height: 1em;
    border: 1px solid #ddd;
    background-color: #fff;
    }

#spam_slider,
#warning {
    display: none;
}

#markReviewed,
#showcols {
    padding-right: 10px;
}

.r_pad_element{
    margin-right: 2px;
}

.align-top {
    vertical-align: top;
}

#search, 
#search form {
    margin: 0;
}

.style_edit input {
 width: 95%  !important;
}

.ColVis {
   margin-left: 4px;
}

#search_input {
              margin-bottom: 0;
}

.dataTables_paginate input {
    vertical-align: top;
}
.dataTables_paginate .paginate_of,
.dataTables_paginate .paginate_page {
   vertical-align: middle;
}

.dataTables_paginate .paginate_of {
    margin-right: 5px;
}

#spam-nav .nav-list > li > a {
 padding: 3px 0 3px 15px;
}

.inline {
 display: inline;
}

input[type="button"], input[type="reset"], input[type="submit"] {
                      vertical-align: top;
}


.radio input[type="radio"] {
display: block;
}

.address-container {
   overflow: auto;
}

.dataTables_processing {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}

.alert .close {
 right: -6px;
 top: -2px;
}

.wrapped-list { column-fill: auto; 
               column-width: 15em; 
               column-gap: 2em;   
               -moz-column-fill: auto;                                                                                                   
               -moz-column-width: 15em;
               -moz-column-gap: 2em;    
               -webkit-column-fill: auto;
               -webkit-column-width: 15em;
               -webkit-column-gap: 2em;
}

.side-by-side {
    float:left; 
    margin-right:20px;
}

/* for the loading.... animation on mypobox/setup -- helen, 2014-02-19 */

#fountainG{
position:relative;
width:99px;
height:12px}

.fountainG{
position:absolute;
top:0;
background-color:#fbeed5;
width:12px;
height:12px;
-moz-animation-name:bounce_fountainG;
-moz-animation-duration:1.4s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-moz-border-radius:8px;
-webkit-animation-name:bounce_fountainG;
-webkit-animation-duration:1.4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-webkit-border-radius:8px;
-ms-animation-name:bounce_fountainG;
-ms-animation-duration:1.4s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-ms-border-radius:8px;
-o-animation-name:bounce_fountainG;
-o-animation-duration:1.4s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
-o-border-radius:8px;
animation-name:bounce_fountainG;
animation-duration:1.4s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
border-radius:8px;
}

#fountainG_1{
left:0;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#fountainG_2{
left:16px;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#fountainG_3{
left:31px;
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}

#fountainG_4{
left:47px;
-moz-animation-delay:0.98s;
-webkit-animation-delay:0.98s;
-ms-animation-delay:0.98s;
-o-animation-delay:0.98s;
animation-delay:0.98s;
}

#fountainG_5{
left:62px;
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#fountainG_6{
left:78px;
-moz-animation-delay:1.26s;
-webkit-animation-delay:1.26s;
-ms-animation-delay:1.26s;
-o-animation-delay:1.26s;
animation-delay:1.26s;
}

#fountainG_7{
left:93px;
-moz-animation-delay:1.4s;
-webkit-animation-delay:1.4s;
-ms-animation-delay:1.4s;
-o-animation-delay:1.4s;
animation-delay:1.4s;
}

#fountainG_8{
left:109px;
-moz-animation-delay:1.54s;
-webkit-animation-delay:1.54s;
-ms-animation-delay:1.54s;
-o-animation-delay:1.54s;
animation-delay:1.54s;
}

@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);
background-color:#fbeed5;
}

100%{
-moz-transform:scale(.3);
background-color:#c09853;
}

}

@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);
background-color:#fbeed5;
}

100%{
-webkit-transform:scale(.3);
background-color:#c09853;
}

}

@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);
background-color:#fbeed5;
}

100%{
-ms-transform:scale(.3);
background-color:#c09853;
}

}

@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
background-color:#fbeed5;
}

100%{
-o-transform:scale(.3);
background-color:#c09853;
}

}

@keyframes bounce_fountainG{
0%{
transform:scale(1);
background-color:#fbeed5;
}

100%{
transform:scale(.3);
background-color:#c09853;
}

}

#spamPreview pre {border: none;}
.domain_block {display:inline-block; width:300px; height: 40px; padding:20px 5px;}
.small-no-link {color: #999999 !important;}
.hideoption {display:none}
.biginput { font-size:30px !important; 
            height: 50px !important; 
            line-height: 30px !important
}

.mini-spacer {
 padding: 5px 0 0 0;
}

.spacer {
  padding: 20px 0 0 0;
}

#account_type {
  padding-right: 20px;
}

.profile_warning {
  background-color: #f2dede;
  color: #b94a48;
}


h3.panel-title {
  
  font-size:22px;
}

/* media queries for special overrides at smaller sizes */

@media (max-width: 900px) {
img#logo {
  width: 162px;
  height: 38px;
}
}

@media (max-width: 767px) {
.container-fluid {
    padding-left: 5px;
    padding-right: 5px;
  }
  .navbar {
  margin: 0;
  padding: 0;
}
.navbar #logo {
margin-right: 20px;
}
div#hero {
  margin-top: 0;
}

.clicker {
  margin-bottom: 5px;
}
.signup-btn {
  text-align: center;
}
.navbar .nav>li>a,
#ext .btn {
font-size: 18px; 
}
img#logo {
  width: 152px;
  height: 35px;
}
}

@media (max-width: 480px) {

.navbar #logo {
margin-right: 10px;
}

div#hero-text {
  padding: 15px;
  margin: 0 auto 10px auto;
}

#hero-text h1 {
  text-align: center;
}


.table-mobile thead {
  display: none;
  }
.table-mobile tr {
  display: block;
  position: relative;
  }
.table-mobile td {
  display: block;
  border: none;
  }

.table-mobile .arrow {
text-align: center;
background: #eee;
border-bottom: dotted 1px #ddd;
border-top:    dotted 1px #ddd;
}
.table-mobile .start {
border-top: solid 3px #aaa;
}

.table-mobile .end {
border-bottom: solid 3px #aaa;
}
#address_map #explanation {
display:inline !important;
}
.bar_block {
border-top: 1px solid #aaaaaa;
border-left: 0;
}
}