/* clear browser styling */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pr, form, fieldset, legend, input, p, blockquote, address, th, td {
  margin: 0;
  padding: 0;
}

h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ol, ul {
  /* list-style-type: none; */
}

/* block display */
td { 
  vertical-align: top;
}

caption, th {
  text-align: left;
}

fieldset, img {
  border: 0;
}

dt, address, caption, cite, code, dfn, em, legend, i, strong, b, th, var {
  font-style: normal;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

/* base styling setup */
@font-face{font-family:"Roboto";src:url(/fonts/Roboto-Regular.eot?1495465681);src:url(/fonts/Roboto-Regular.eot?&1495465681#iefix) format('embedded-opentype'),url(/fonts/Roboto-Regular.woff?1495465681) format('woff'),url(/fonts/Roboto-Regular.otf?1495465681) format('opentype'),url(/fonts/Roboto-Regular.ttf?1495465681) format('truetype'),url(/fonts/Roboto-Regular.svg?1495465681) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:"Roboto";src:url(/fonts/Roboto-Italic.eot?1495465681);src:url(/fonts/Roboto-Italic.eot?&1495465681#iefix) format('embedded-opentype'),url(/fonts/Roboto-Italic.woff?1495465681) format('woff'),url(/fonts/Roboto-Italic.otf?1495465681) format('opentype'),url(/fonts/Roboto-Italic.ttf?1495465681) format('truetype'),url(/fonts/Roboto-Italic.svg?1495465681) format('svg');font-weight:400;font-style:italic}
@font-face{font-family:"Roboto";src:url(/fonts/Roboto-Bold.eot?1495465681);src:url(/fonts/Roboto-Bold.eot?&1495465681#iefix) format('embedded-opentype'),url(/fonts/Roboto-Bold.woff?1495465681) format('woff'),url(/fonts/Roboto-Bold.otf?1495465681) format('opentype'),url(/fonts/Roboto-Bold.ttf?1495465681) format('truetype'),url(/fonts/Roboto-Bold.svg?1495465681) format('svg');font-weight:700;font-style:normal}
@font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat-Light.otf') format('opentype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat-LightItalic.otf') format('opentype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat-Bold.otf') format('opentype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat-BoldItalic.otf') format('opentype'); font-weight: 600; font-style: italic; }


h2, h3, h4, h5, p, ul {
  /* margin: 0 20px; */
  padding: 0.5em 0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

li {
  list-style-position: inside;
}

input[type="checkbox"], input[type="radio"] {
  padding-right: 0.1em;
}


/* layout */

html {
  background: #666 ;
  background: #999 linear-gradient(#666,#999) no-repeat;
}


body {
  position: relative;
  width: 910px;
  margin: 10px auto 0 auto;
  color: #222;
  background: #FFF;
  font: 88%/1.5  "Roboto",Arial,sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: "Montserrat",Arial;
}

legend {
  color: #222;
}

a, a:hover, a:active, a:focus {
       color: rgb(0,83,155);
}


#header {
  padding: 0;
  margin: 0;
  border-bottom: 2px solid #00539b;
}


#header img {
  padding: 20px 0 0 20px;
}

img #livechat {
  height: 45px;
  padding-left: 40px;
}

#content, #content_sub {
  float: left;
  padding: 20px;
  padding-bottom: 1em;
}

#content_sub:after {
  content: "";
  clear: both;
  display: table;
}

#content {
  min-height: 40em;
  width: 680px;
  background: #FFF;
}

#aasUsername {
	font-size: 1.2em;
}

#content_sub {
  width: 150px;
  max-height: 100%;
  background: #CCC;
}

#content_sub li {
  list-style-position: outside;
}

#content_sub ul a {
    text-decoration: none;
}

#nav, #navAlternate {
  margin-top: 20px;
}

#nav a, #navAlternate a {
  border-radius: 4px;
  margin-right: 4em;
  padding: 0.5em 0.7em 0.5em 0.7em;
  font-size: 100%;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  background-color: #84898C;
  margin-right: 1.4em;
}


#nav a:active, #nav a:hover, #nav a:focus, #navAlternate a:active, #navAlternate a:hover, #navAlternate a:focus {
  background-color: #00539B;
}

#nav a[href*=back]::before {
        content: '\00ab\00a0'; /* « */
        color: #FFF;
}

h1 {
  font-size:155%;
  padding: 0;
}

h2 {
  font-size:130%;
  padding:0.5em 0 0 0;
}

h3 {
  font-size:110%;
  font-weight: bold;
  padding:1em 0 0 0;
}

h4 {
  font-weight: bold;
  padding:1em 0 0 0;
}

.acct_password {
	width: 15em;
}

.acct_activation_code {
	width: 15em;
}

input[type=submit], input[type=button], #nav a.btn, #nav a.btn:hover, #button {
  padding: 0.6em 0.7em 0.55em 0.7em;
  border-radius: 4px;
  font-size: 100%;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #84898C;
  border: none;
  outline: none;
}

input[type=submit]:active, input[type=submit]:hover, input[type=submit]:focus, input[type=button]:active, input[type=button]:hover, input[type=button]:focus, #button:active, #button:focus, #button:hover {
  background-color: #00539B;
}

input[type=submit]:hover,input[type=button]:hover {
        cursor: pointer;
}

/* stuff from existing styles */
#progressBar {
  height: 100%;
  color: #222222;
  background: #eff1f1;
  padding: 0em 0.2em 0.2em 0.8em ;
}

#progressStep {
  display: inline;
  font-weight: bold;
}

#progressBar ol, #progressBar ul {
  display: inline;
  list-style-type: decimal;
  border: none;
}

#progressBar ol li, #progressBar ul li {
  font-size: 90% ;
  word-spacing: -0.1em;
  margin-left: 0;
  padding-left: 0.4em;
  border: none;
  display: inline;
}

#progressBar ol li strong, #progressBar ul li strong {
  font-size: 115%;
  font-weight: bold;
}

#content_sub h4 {
  margin-top: 20em;
}

#content_sub ul {
  list-style-position: outside;
  padding-left: 20px;
  font-size: 85%;
}

#customer_support_chat {
  margin-top: 1em;
  text-decoration: none;
  color: #FFF;
  font-size: 1.25em;
  font-family: Montserrat, Arial;
}

@font-face {
  font-family: 'IDENTRUST';
  src: url('../fonts/IDENTRUST.eot');
  src: url('../fonts/IDENTRUST.eot?#iefix') format('embedded-opentype'),
  url('../fonts/IDENTRUST.woff') format('woff'),
  url('../fonts/IDENTRUST.ttf') format('truetype'),
  url('../fonts/IDENTRUST.svg#IDENTRUST') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-icones-06 {
  color: #FFF;
  margin-right: 0.5em;
}

.icon-icones-06::before {
  content: '\0046';
}

[class*="icon-"]::before {
  display: inline-block;
  font-family: 'IDENTRUST', 'Glyphicons Halflings';
  line-height:1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#copyright {
  clear: both;
  width: 100%;
  /* border-top: 5px solid #F60; */
  border-top: 2px solid #666;
  padding: 5px 0 5px 0;
  text-align: center;
  font-size: 80%;
}

.text-halt {
  color: #d31245;
}

.text-warn {
  color: #f8971d;
}

.text-proceed {
  color: #008000;
}

.warning {
  padding-left: 3rem;
  background: url('/images/warning.gif') no-repeat left center;
}

.placeholder {
  color: #999;
}

label.error, .errorAgree {
  color: firebrick;
  font-weight: bold;
  padding-left: 0.5em;
}

label.error {
  font-size: 90%;
  padding-top: .2em;
  padding-bottom: .3em;
  margin-left: .1em;
}

label.error::before, .errorAgree::before {
  content: "\f071";
  display: inline-block;
  padding-right: 0.5em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input.error, select.error {
  background-color: #faf0e6;
  border:2px solid #d00;
  border-radius: .3em;
}

/* existing styles that need to be preserved */

/* #body {
  width: 690px;
  margin: 20px;
} */


.InstructionStepItem {
  padding: 0 0 0 0;
  padding-left: 53px;
  text-indent: -52px;
}

.verySmallCompact {
  font: 75% Roboto,Arial,sans-serif;
  word-spacing: 0.1em;
}

/*!  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-mobile:before { content: "\f10b"; }

/* for now support this old style, which may be in configured text block */
.BoldItem {
  font-weight: bold;
}

.SmallUniform {
  white-space: nowrap;
  vertical-align: top;
}

.uniform {
  font-size: 150%;
  font-family: monospace;
}

.padRight {
  padding-right: 1em;
}

.padLeft {
  padding-left: 15px
}

.security_question {
  width: 30em;
}

table.CaaDetails {
  border-collapse: collapse;
  border: 1px solid black;
}
table.CaaDetails td {
  border: 1px solid black;
  vertical-align: center;
  padding: .3em;
}

/* (?) more_info button styling */
button.more_info:hover {
  cursor: pointer;
}

button.more_info:active, button.more_info:focus, button.more_info:hover {
  color: rgb(0,83,155);
}

button.more_info {
        padding: 0;
        margin: 0;
  width: 20px;
  height: 25px;
  border: 0;
  font-size: 150%;
  color: #b0cbea;
        background: none;
}

button.more_info::before {
  content: "\f059";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* end (?) more_info button */

@media print {
    #content_sub {
         display: none;
    }
}