/*
AMA App New Styles
========================
Updated 6/13/2016

*/
/*
Colors
======

Primary Colors
--------------

Key colors utilized throughout the AMA Corporate website and apps.

###Variables and common usage
*/
/*
<code>$primary-color-1</code> - #000000 - Black
+   Body text
+   Headers

<code>$primary-color-2</code> - #EDEDED - Gray
+   Footer & Super Hero backdrop

<code>$primary-color-3</code> - #46166B - Purple
+   Logo
+   Environment Nav Section flag and title

<code>$primary-color-4</code> - #FFFFFF - White
+   Primary background color
+   Knockout text

<code>$primary-color-5</code> - #C8102E - Red
+   Pull quotes
+   Alert backgrounds
+   Headline text
+   Block rule
+   Element backgrounds

<code>$primary-color-6</code> - #ED8B00 - Orange
+   Element backgrounds
+   Alert backgrounds

Secondary Colors
----------------
*/
/*

<code>$secondary-color-1</code> - #02AAEC - Blue
+   CTA elements
+   text links
+   search boxes
+   icon hover states

<code>$secondary-color-2</code> - #737373 - 55% Black
+   secondary text elements (timestamps, dates, captions, attribution, etc.)

<code>$secondary-color-3</code> - #A1A1A4 - 20% Black
+   hover state - selector menus
+   horizontal rules

<code>$secondary-color-4</code> - #CCCCCC - 7% Black
+   disabled text
+   inactive menu selections

<code>$secondary-color-5</code> - #F7F7F7 - 3% Black
+   disabled text

<code>$secondary-color-6</code> -  #009946 -  Green
+   element backgrounds
+   alert backgrounds

Hover Colors
------------
Hover states for paired colors.
*/
/*
<code>$hover-color-1</code> - #320E52 - Dark Purple

<code>$hover-color-2</code> - #B70A1F - Dark Red
<code>$hover-color-3</code> - #E67200 - Dark Orange

<code>$hover-color-4</code> - #E6E6E6 - 10% Black


*/
/*

Fonts
=====

###Font Stacks
*/
/*
<code>$fs-kepler</code> - Page, Section and Sub-section headlines, Element headlines

<code>$fs-kepler: "kepler-std", "Georgia", serif;</code>

<code>$fs-myriad</code> - Body text, subtext, links, categories, breadcrumbs, navigation, search

<code>$fs-myriad: "myriad-pro", "Helvetica", "Arial", sans-serif;</code>

Font Sizes
==========

Font variable naming based on VSA visual style guide and are not tag specific. I.E. H1 could be applied to any size;

####Base Font Size
11.25pt
*/
/*
###Mobile Font sizes
*/
/*<code>
$fs-h1</code>:<code> 2.26em;<br>
$fs-h2</code>:<code> 1.86em;<br>
$fs-h3</code>:<code> 1.46em;<br>
$fs-h4</code>:<code> 1.33em;<br>
$fs-h5</code>:<code> 1.2em;<br>
$fs-h6</code>:<code> 1.06em;<br>
$fs-h7</code>:<code> .93em;<br>
$fs-b1</code>:<code> 1.86em;<br>
$fs-b2</code>:<code> 1.4em;<br>
$fs-b3</code>:<code> 1.2em;<br>
$fs-b4</code>:<code> 1.06em;<br>
$fs-b5</code>:<code> .93em;<br>
$fs-b6</code>:<code> 1.53em;<br>
</code>
*/
/*
###Tablet font sizes
Size multiplier based on mobile size.
*/
/*<code>
$fs-h1-t</code>:<code>$fs-h1 </code> x <code> 1.41;<br>
$fs-h2-t</code>:<code>$fs-h2 </code> x <code> 1.35;<br>
$fs-h3-t</code>:<code>$fs-h3 </code> x <code> 1.54;<br>
$fs-h4-t</code>:<code>$fs-h4 </code> x <code> 1.5;<br>
$fs-h5-t</code>:<code>$fs-h5 </code> x <code> 1.33;<br>
$fs-h6-t</code>:<code>$fs-h6 </code> x <code> 1.125;<br>
$fs-h7-t</code>:<code>$fs-h7 </code> x <code> 1.07;<br>
$fs-b1-t</code>:<code>$fs-b1 </code> x <code> 1.28;<br>
$fs-b2-t</code>:<code>$fs-b2 </code> x <code> 1.14;<br>
$fs-b3-t</code>:<code>$fs-b3 </code> x <code> 1.11;<br>
$fs-b4-t</code>:<code>$fs-b4 </code> x <code> 1.125;<br>
$fs-b5-t</code>:<code>$fs-b5 </code> x <code> 1;<br>
$fs-b6-t</code>:<code>$fs-b6 </code> x <code> 1.21;<br>
</code>
*/
/*
###Desktop font sizes
Size multiplier based on mobile size.
*/
/*<code>
$fs-h1-d</code>:<code> $fs-h1 </code> x <code> 1.58;<br>
$fs-h2-d</code>:<code> $fs-h2 </code> x <code> 1.64;<br>
$fs-h3-d</code>:<code> $fs-h3 </code> x <code> 1.54;<br>
$fs-h4-d</code>:<code> $fs-h4 </code> x <code> 1.5;<br>
$fs-h5-d</code>:<code> $fs-h5 </code> x <code> 1.33;<br>
$fs-h6-d</code>:<code> $fs-h6 </code> x <code> 1.125;<br>
$fs-h7-d</code>:<code> $fs-h7 </code> x <code> 1.07;<br>
$fs-b1-d</code>:<code> $fs-b1 </code> x <code> 1.5;<br>
$fs-b2-d</code>:<code> $fs-b2 </code> x <code> 1.14;<br>
$fs-b3-d</code>:<code> $fs-b3 </code> x <code> 1.11;<br>
$fs-b4-d</code>:<code> $fs-b4 </code> x <code> 1.125;<br>
$fs-b5-d</code>:<code> $fs-b5 </code> x <code> 1;<br>
$fs-b6-d</code>:<code> $fs-b6 </code> x <code> 1.21;<br>
</code>
*/
/*
Breakpoint Mixin
*/
/*

Global Styles
=============
<code>body</code>
+   base font size of 15pt
*/
body {
  font-size: 11.25pt; }

h1, h2, h3, h4, h5, .section-header, h6, .footer-right a {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%; }

h1 {
  text-align: center; }

header, aside, section, footer, article, details, figcaption, figure, main, mark, nav {
  float: left; }

header, footer {
  width: 100%; }

header {
  padding: 60px 0px 50px 0px;
  border-bottom: 1px solid #737373; }

section {
  padding: 40px 0px 50px 0px;
  border-bottom: 1px solid #737373; }

#encap {
  max-width: 960px;
  margin: 0px auto; }

/*
Headline Font Sizes
===================

Font sizes as defined via VSA style guide. All headline elements have
adapative sizes at mobile, tablet and desktop breakpoints.

Line height is determined as the font-size plus a fixed value in em. All fonts based on a 15pt base font size.

*/
h1 {
  color: #000000;
  font-size: 2.26em;
  font-family: "kepler-std", "Georgia", serif;
  line-height: 1.1875em;
  font-weight: 500;
  margin: 0px 0px 15px 0px; }
  @media (min-width: 50em) {
    h1 {
      color: #000000;
      font-size: 3.1866em;
      line-height: 1.1875em; } }
  @media (min-width: 70em) {
    h1 {
      color: #000000;
      font-size: 3.5708em;
      line-height: 1.1875em; } }

h2 {
  color: #000000;
  font-size: 1.86em;
  font-family: "kepler-std", "Georgia", serif;
  line-height: 1.1875em;
  font-weight: 500; }
  @media (min-width: 50em) {
    h2 {
      color: #000000;
      font-size: 2.511em;
      line-height: 1.1875em; } }
  @media (min-width: 70em) {
    h2 {
      color: #000000;
      font-size: 3.0504em;
      line-height: 1.1875em; } }

h3 {
  color: #000000;
  font-size: 1.46em;
  font-family: "kepler-std", "Georgia", serif;
  line-height: 1.1875em;
  font-weight: 500; }
  @media (min-width: 50em) {
    h3 {
      color: #000000;
      font-size: 2.2484em;
      line-height: 1.1875em; } }
  @media (min-width: 70em) {
    h3 {
      color: #000000;
      font-size: 2.2484em;
      line-height: 1.1875em; } }

h4 {
  color: #000000;
  font-size: 1.33em;
  font-family: "kepler-std", "Georgia", serif;
  line-height: 1.1875em;
  font-weight: 500; }
  @media (min-width: 50em) {
    h4 {
      color: #000000;
      font-size: 1.995em;
      line-height: 1.1875em; } }
  @media (min-width: 70em) {
    h4 {
      color: #000000;
      font-size: 1.995em;
      line-height: 1.1875em; } }

h5, .section-header {
  color: #000000;
  font-size: 1.2em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.1875em;
  font-weight: 600; }
  @media (min-width: 50em) {
    h5, .section-header {
      color: #000000;
      font-size: 1.596em;
      line-height: 1.1875em; } }
  @media (min-width: 70em) {
    h5, .section-header {
      color: #000000;
      font-size: 1.596em;
      line-height: 1.1875em; } }

h6, .footer-right a {
  color: #000000;
  font-size: 1.06em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.35em;
  font-weight: 600; }
  @media (min-width: 50em) {
    h6, .footer-right a {
      color: #000000;
      font-size: 1.1925em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    h6, .footer-right a {
      color: #000000;
      font-size: 1.1925em;
      line-height: 1.35em; } }

/*

Body Content Font Sizes
=======================

Font sizes as defined via VSA style guide. All body content elements have
adapative sizes at mobile, tablet and desktop breakpoints.

Line height is determined as the font-size plus a fixed value in ems. All fonts based on a 15pt base font size.


*/
.h7 {
  color: #000000;
  font-size: 0.93em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.35em; }
  @media (min-width: 50em) {
    .h7 {
      color: #000000;
      font-size: 0.9951em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    .h7 {
      color: #000000;
      font-size: 0.9951em;
      line-height: 1.35em; } }

.b1, .big-search {
  color: #000000;
  font-size: 1.86em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.35em;
  font-weight: 400; }
  @media (min-width: 50em) {
    .b1, .big-search {
      color: #000000;
      font-size: 2.3808em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    .b1, .big-search {
      color: #000000;
      font-size: 2.79em;
      line-height: 1.35em; } }

.b2 {
  color: #000000;
  font-size: 1.4em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.35em;
  font-weight: 400; }
  @media (min-width: 50em) {
    .b2 {
      color: #000000;
      font-size: 1.596em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    .b2 {
      color: #000000;
      font-size: 1.596em;
      line-height: 1.35em; } }

.b3, .form-frame {
  color: #000000;
  font-size: 1.2em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.35em;
  font-weight: 400; }
  @media (min-width: 50em) {
    .b3, .form-frame {
      color: #000000;
      font-size: 1.332em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    .b3, .form-frame {
      color: #000000;
      font-size: 1.332em;
      line-height: 1.35em; } }

.b4, .footer-left {
  color: #000000;
  font-size: 1.06em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.35em;
  font-weight: 400; }
  @media (min-width: 50em) {
    .b4, .footer-left {
      color: #000000;
      font-size: 1.1925em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    .b4, .footer-left {
      color: #000000;
      font-size: 1.1925em;
      line-height: 1.35em; } }

.b5, .breadcrumb, form input[type="text"], form input[type="select"], form input[type="submit"], form input[type="button"], input[type="password"], .tooltip {
  color: #000000;
  font-size: 0.93em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.35em;
  font-weight: 400; }
  @media (min-width: 50em) {
    .b5, .breadcrumb, form input[type="text"], form input[type="select"], form input[type="submit"], form input[type="button"], input[type="password"], .tooltip {
      color: #000000;
      font-size: 0.93em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    .b5, .breadcrumb, form input[type="text"], form input[type="select"], form input[type="submit"], form input[type="button"], input[type="password"], .tooltip {
      color: #000000;
      font-size: 0.93em;
      line-height: 1.35em; } }

.b6 {
  color: #000000;
  font-size: 1.53em;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  line-height: 1.35em;
  font-weight: 400; }
  @media (min-width: 50em) {
    .b6 {
      color: #000000;
      font-size: 1.8513em;
      line-height: 1.35em; } }
  @media (min-width: 70em) {
    .b6 {
      color: #000000;
      font-size: 1.8513em;
      line-height: 1.35em; } }

/*
Link Colors
===========

#### Inline links within paragraph copy
Default link color is <code>$fc-blue</code>. Hover triggers underline.
*/
p a {
  color: #02AAEC;
  text-decoration: none;
  font-family: "myriad-pro", "Helvetica", "Arial", sans-serif;
  font-weight: 600; }

p a:hover {
  text-decoration: underline; }

/*
####Header elements and text within link elements
Headline and body text elements that exist inside of and <code> a </code> tag, such as in the case of a news story, where the click area encapsulates multiple elements.

+   All text elements are black. Headline elements underline upon entering <code> a </code> tag click area.
*/
h2 a, h3 a, h4 a, h5 a, .section-header a, h6 a, .footer-right a a, .h7 a {
  text-decoration: none;
  color: #02AAEC;
  font-weight: 400; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .section-header a:hover, h6 a:hover, .footer-right a a:hover {
  text-decoration: underline; }

/*
####Footer section links

<code>.footer-left a</code> - #####Copyright, T&C, Privacy
+   Extended from class b4
+   Default color of <code>$fc-black55</code>
+   Hover color of <code>$fc-blue</code>
*/
.footer-left a {
  color: #737373; }
.footer-left a:hover {
  color: #02AAEC; }

/*

<code>.footer-right a</code> - Social Block - AMA Network and key links
+   Extended from class b6
+   Default color of <code>$fc-black</code>
+   Hover color of <code>$fc-blue</code>

*/
.footer-right a {
  color: #000000; }
.footer-right a:hover {
  color: #02AAEC; }

/*
#### Breadcrumb links

<code>.breadcrumb a</code> - Page Breadcrumb links
+   Extended from class b5
+   Default color of <code>$fc-black</code>
+   Hover color of <code>$fc-blue</code>

*/
.breadcrumb a {
  color: #000000; }
.breadcrumb a:hover {
  color: #02AAEC; }

/*
####Section Header

<code>.section-header a</code> - Link elements that double as the header for sections on the homepage and for related links
+   Extended from class h5
+   Default color of <code>$primary-color-3</code>
+   Hover color of <code>$fc-blue</code>

*/
.section-header a {
  color: #46166B; }
.section-header a:hover {
  color: #02AAEC; }

/*
####Big Homepage Search
<code>.bigsearch</code> - Styles the main search bar on the homepage
+   Extended from class b1
+   Default color of <code>$fc-blue</code>


*/
.big-search {
  color: #02AAEC;
  display: block;
  width: 95%;
  padding: 0 2%;
  border: 2px solid #02AAEC;
  margin: 0px auto; }

.form-frame {
  max-width: 85%;
  margin: 0px auto;
  background: #EDEDED;
  padding: 2em 1em 2em 1em; }
  @media (min-width: 50em) {
    .form-frame {
      padding: 2em 4em 2em 4em;
      max-width: 66.66%; } }
  @media (min-width: 70em) {
    .form-frame {
      padding: 2em 4em 2em 4em;
      max-width: 66.66%; } }

.sso-panel {
  width: 100%;
  border: none;
  padding: 0px 0px 50px 0px; }

form input[type="text"], form input[type="select"] {
  height: 3.1em;
  border: 1px solid #46166B;
  padding: 1px 0.2% 1px 3%;
  width: 96.5%;
  margin-bottom: 2.75em; }
  form input[type="text"]:focus, form input[type="select"]:focus {
    width: 96.5%;
    border: 2px solid #46166B;
    margin-left: -1px;
    padding: 0px 0.2% 0px 3%; }

form input[type="submit"] {
  height: 4em;
  border: 1px solid #46166B;
  padding: 1px 0.2% 1px 3%;
  width: 99.9%;
  margin-bottom: 2.75em;
  color: #FFFFFF; }
  form input[type="submit"]:focus {
    width: 99.9%;
    border: 2px solid #46166B;
    margin-left: -1px;
    padding: 0px 0.2% 0px 3%; }

form input[type="button"] {
  height: 4em;
  border: 1px solid #46166B;
  padding: 1px 0.2% 1px 3%;
  width: 99.9%;
  margin-bottom: 2.75em;
  color: #FFFFFF; }
  form input[type="button"]:focus {
    width: 99.9%;
    border: 2px solid #46166B;
    margin-left: -1px;
    padding: 0px 0.2% 0px 3%; }

/*
.form-frame select

.form-frame textarea
*/
.primary-btn {
  background: #46166B;
  border: 1px solid #46166B;
  color: #FFFFFF; }
  .primary-btn:hover {
    background: #320E52;
    width: 99.9%; }

.secondary-btn {
  background: #E6E6E6;
  display: block;
  text-align: center;
  width: 99.9%;
  border: 1px solid #46166B;
  color: #46166B; }
  .secondary-btn:hover {
    background: #E6E6E6;
    width: 99.9%; }

input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  width: 20px;
  height: 20px;
  margin: 4px 10px 0px 0px;
  display: block;
  background: url(../images/check-up.svg);
  cursor: pointer;
  float: left; }
  input[type="checkbox"] + label:focus {
    background: url(../images/check-hover.svg); }
  input[type="checkbox"] + label:hover {
    background: url(../images/check-hover.svg); }

input[type="checkbox"]:checked + label {
  background: url(../images/check-down.svg) no-repeat; }

label + label {
  margin-bottom: 0;
  float: left;
  width: 70%;
  margin-top: 0.1em; }
  @media (min-width: 50em) {
    label + label {
      margin-top: 0.05em; } }
  @media (min-width: 70em) {
    label + label {
      margin-top: 0em;
      margin-bottom: 1.5em; } }

label + label small {
  color: #A1A1A4;
  margin: 0px 0px 2em 0em;
  width: 100%;
  float: left; }
  @media (min-width: 50em) {
    label + label small {
      width: 100%;
      float: left; } }
  @media (min-width: 70em) {
    label + label small {
      float: none;
      width: 50%; } }

.field-subtext {
  margin-top: -1em; }

input[type="password"] {
  height: 3.1em;
  border: 1px solid #46166B;
  padding: 1px 0.2% 1px 3%;
  width: 80%;
  margin-bottom: 2.75em; }
  input[type="password"]:focus {
    border: 2px solid #46166B;
    margin-left: -1px;
    padding: 0px 0.2% 0px 3%; }
  @media (min-width: 50em) {
    input[type="password"] {
      width: 96.5%; } }
  @media (min-width: 70em) {
    input[type="password"] {
      width: 96.5%; } }

.error-box {
  background: red;
  color: #ffffff;
  font-family: "myriad-pro", arial, sans-serif;
  padding: 10px 5%;
  display: block;
  width: 90%;
  position: relative;
  left: 0px;
  margin-bottom: 20px;
  font-weight: 600; }

.error-box a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: underline; }

input:focus:-webkit-input-placeholder {
  color: transparent; }

/* line 230, C:/xampp2/htdocs/globalassets/trunk/web/apps/common/sass/sass/components/forms/_buttons.scss */
input:focus::-moz-placeholder {
  color: transparent; }

icon {
  width: 30px;
  height: 30px;
  display: block; }

.field-info {
  background: url(../images/info-icon.svg) no-repeat;
  float: right;
  margin: 0.7em 0em 0em 0em;
  position: relative;
  right: 0em; }
  .field-info:hover {
    background: url("../images/info-icon-hover.svg") no-repeat;
    fill: #569e26; }
  @media (min-width: 50em) {
    .field-info {
      margin: -5em 0em 0em 0em;
      right: -2.2em; } }
  @media (min-width: 70em) {
    .field-info {
      margin: -5em 0em 0em 0em;
      right: -2.2em; } }

.tooltip {
  width: 8em;
  height: 5em;
  display: block;
  border: 1px solid #A1A1A4;
  position: relative;
  z-index: 1000;
  background: #FFFFFF;
  top: 1.4em;
  right: 8em;
  display: none;
  padding: 1.33em; }
  @media (min-width: 50em) {
    .tooltip {
      top: 1.4em;
      right: 8em; } }
  @media (min-width: 70em) {
    .tooltip {
      top: 1.12em;
      right: 4.5em; } }

.tooltip-top {
  height: 1em;
  background: url("../images/tooltip-arrow.svg") 25% 25% no-repeat;
  position: relative;
  z-index: 1001;
  top: 1.6em;
  right: .2em;
  width: 2em;
  display: none; }
  @media (min-width: 50em) {
    .tooltip-top {
      top: 1.6em;
      right: .25em; } }
  @media (min-width: 70em) {
    .tooltip-top {
      top: 1.35em;
      right: .25em; } }

icon:hover div {
  display: block; }

.ama-logo {
  float: left; }

.cobrand-logo {
  float: left;
  text-align: left;
  width: 100%; }
  @media (min-width: 50em) {
    .cobrand-logo {
      float: right; } }
  @media (min-width: 70em) {
    .cobrand-logo {
      float: right;
      width: 400px;
      text-align: right; } }

.intro-p {
  margin-top: -2em; }

icon:hover div {
  display: block; }

.brand-box {
  width: 90%;
  padding: 0px 5%;
  margin-bottom: 50px;
  float: left;
  display: block; }
  .brand-box a img {
    height: 2.5em; }
    @media (min-width: 50em) {
      .brand-box a img {
        height: 4em; } }
    @media (min-width: 70em) {
      .brand-box a img {
        height: 4em; } }

header {
  margin: 60px 0px 10px 0px; }

.panel-header {
  text-align: center;
  border: 0px;
  padding: 0; }

.panel-header h1 {
  margin: 60px 0px 5px;
}

#wwctrl_password .secure {
	width:2em;
	height:2em;
	display:block;
	float:right;
	margin:-84px 5% 0 0;
	position:relative;
	z-index:500;
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMzAgMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHdpZHRoPSIzMCIgaGVpZ2h0PSIxOCIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCTwvY2xpcFBhdGg+DQoJPHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0iI0ExQTFBNCIgZD0iTTE1LDBDNi43MTYsMCwwLDksMCw5czYuNzE2LDksMTUsOXMxNS05LDE1LTlTMjMuMjg0LDAsMTUsMCBNMTUsMTUNCgkJYy0zLjMxNCwwLTYtMi42ODYtNi02YzAtMy4zMTQsMi42ODYtNiw2LTZjMy4zMTQsMCw2LDIuNjg2LDYsNkMyMSwxMi4zMTQsMTguMzE0LDE1LDE1LDE1Ii8+DQoJPHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0iI0ExQTFBNCIgZD0iTTE1LDZjLTEuNjU3LDAtMywxLjM0My0zLDNzMS4zNDMsMywzLDNzMy0xLjM0MywzLTNTMTYuNjU3LDYsMTUsNiIvPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat;
}

#wwctrl_password:focus-within .secure  {
	background: transparent  url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMzAgMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHdpZHRoPSIzMCIgaGVpZ2h0PSIxOCIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCTwvY2xpcFBhdGg+DQoJPHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZD0iTTE1LDBDNi43MTYsMCwwLDksMCw5czYuNzE2LDksMTUsOXMxNS05LDE1LTlTMjMuMjg0LDAsMTUsMCBNMTUsMTVjLTMuMzE0LDAtNi0yLjY4Ni02LTYNCgkJYzAtMy4zMTQsMi42ODYtNiw2LTZjMy4zMTQsMCw2LDIuNjg2LDYsNkMyMSwxMi4zMTQsMTguMzE0LDE1LDE1LDE1Ii8+DQoJPHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZD0iTTE1LDZjLTEuNjU3LDAtMywxLjM0My0zLDNzMS4zNDMsMywzLDNzMy0xLjM0MywzLTNTMTYuNjU3LDYsMTUsNiIvPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat;
}

.password {
  margin-top: -57px;
  margin-bottom: 4em; }

.validinput:focus {
  border: 2px solid #009946 !important; }

.invalidinput:focus {
  border: 2px solid #C8102E !important; }

.passlabel {
  margin-bottom: 10px;
  height: 20px;
  display: block; }

.overtext {
  color: #737373;
  opacity: 0; }

icon {
  float: right;
  margin: -4.4em 0em 0em 0em;
  position: relative;
  right: -2.2em; }

.password + icon {
  margin-top: -3.9em !important; }

.wwerr {
  margin-top: -50px;
  height: 20px;
  font-size: 1.06em;
  color: #C8102E;
  margin-bottom: 20px; }

.selector {
  display: table;
  table-layout: fixed;
  width: 102%;
  margin-left: -1%;
  margin-bottom: 30px; }
  .selector p {
    margin-left: 4%;
    min-width: 300px; }
  .selector ul {
    display: table-row; }
    .selector ul li {
      display: table-cell; }
      .selector ul li div {
        width: 90%;
        margin: 0px auto;
        text-align: center;
        font-size: 1.06em; }
        .selector ul li div:hover {
          border: 2px solid #46166B;
          padding: 9px 0px;
          background: #FFFFFF;
          color: #46166B;
          font-weight: 600; }

.sel-active {
  border: 2px solid #46166B;
  padding: 9px 0px;
  background: #FFFFFF;
  color: #46166B;
  font-weight: 600; }

.sel-inactive {
  border: 1px solid #A1A1A4;
  padding: 10px 1px;
  background: #FFFFFF;
  color: #A1A1A4; }

.primary-btn:disabled {
  background: #A1A1A4;
  color: #FFFFFF;
  border: 1px solid #E6E6E6 !important; }

#wwctrl_physicanquestion {
  display: none; }

.ifnotphys {
  float: left;
  width: 100%;
  display: block; }

form select {
  height: 3.1em;
  border: 1px solid #46166B;
  padding: 1px 0.2% 1px 3%;
  width: 100%;
  margin-bottom: 2.75em; }

#ifphys {
  display: none; }

.ifphys, .notphys {
  text-align: center;
  height: 1.5em;
  margin-left: -3.1%;
  padding: 1em 0.2% 1em 3%;
  width: 100% !important;
  margin-bottom: 2.75em;
  display: block;
  float: left; }

#second-block {
  display: none; }

.helpText, .clearer, .wwico, .wwlbl, .wwgrp br {
  display: none; }

#wwgrp_signupGo_isPhysician {
  display: none; }

/* Hide Unnecissary components */
/*.leftColumn{display:none !important;}*/
#rmnheader {
  display: none !important; }

#sso-footer {
  max-width: 960px;
  margin: 0px auto;
  display: block;
  padding: 10px 0px; }

@media (max-width: 49em) {
  icon {
    display: none; }

  .secure {
    margin: -76px 5% 0 0; }

  input[type="password"] {
    width: 96.5%; }

  .form-panel p {
    display: block; } }
#haGo .helpText, #haGo .clearer, #haGo .wwico, #haGo .wwlbl, #haGo .wwgrp br {
  display: inline-block; }

#haGo input[type=text] {
  margin-bottom: 0px; }

#haGo input[type=radio] {
  margin-right: 10px; }

#haGo .wwlbl {
  margin-bottom: 8px; }

input[type="button"] {
  font-size: 0.93em;
  line-height: 1.35em; }

/* CSJ - 1/19/2017 - implements some elements using static/compiled CSS from Living Style Guide
 * https://americanmedicalassociation.github.io/AMA-style-guide
 */
.rule_horizontal {
  border-top: 1px #a1a1a4 solid; }
  .rule_horizontal.rule_horizontal-top {
    border-color: #cccccc;
    clear: both;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; }
  .rule_horizontal.rule_horizontal-form {
    margin: 50px 0; }

.primary-btn.button-submit_form {
  margin-bottom: 0;
  height: 60px; }

@media (min-width: 70em) {
  .form-frame {
    padding: 50px 4em 60px 4em; } }

.alert-error .error-box {
  background-color: #c8102e; }

.alert .error-box {
  padding: 15px 0;
  color: #ffffff; }

.alert-fullwidth .error-box {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }

/*# sourceMappingURL=ama-style.css.map */