body
{
   background-color: #f5f5f5;
}

.container
{
   margin: 40px auto 40px auto;
   background-color: #ffffff;
   padding: 0;
   max-width: 760px;
}

h1, h2, h3, h4, h5, h6
{
   font-weight: bold;
   font-family: Rockwell, 'Crete Round', Glypha, Boton, Soho, Memphis, serif;
}

h1
{
   font-size: 3.3em;
   font-weight: 600;
}

/* BEGIN: Page header with logo */
.header {
   height: 75px;
   width: 100%;
   padding: 0;
   overflow: hidden;
   background-color: #006699;
}

   .header .site_logo_centered {
      margin: 25px auto 0 auto;    
      width: 280px;
      height: 55px;
      background: url('../Images/logo_sm.png') no-repeat;
   }

      .header .site_logo_centered a
      {
         display: block;
         width: 100%;
         height: 100%;
      }

/* END: Page header with logo */

/* BEGIN: Step headers in .container */
.step_header
{
   background-color: #cdcdcd;
   text-align: center;
   margin: 0 auto 0 auto;
   overflow: hidden;
   font-family: Rockwell, 'Crete Round', Glypha, Boton, Soho, Memphis, serif;
}

.step_number
{
   width: 60px;
   padding: .5em;
   font-size: 1.5em;
   float: left;
   background: #cdcdcd;
}

.step_name
{
   padding: .5em;
   font-size: 1.5em;
   background: #ececec;
   width: 100%;
}

.active_step .step_number {
   background: #4587a1;
   color: #fff;
}

.active_step .step_name {
   background: #a6cad9;
   color: #fff;
}
/* END: Step headers in .container */

/* BEGIN: Rounded corners */
.rounded_corners
{
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   -khtml-border-radius: 8px;
   border-radius: 8px;
}

.rounded_top
{
   -moz-border-top-left-radius: 8px;
   -moz-border-top-right-radius: 8px;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -khtml-border-top-left-radius: 8px;
   -khtml-border-top-right-radius: 8px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}
/* END: Rounded corners */

/* BEGIN: Content panel below the tabs */
.content_panel
{
   clear: both;
   width: 100%;
   overflow: hidden;
   font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
   color: #4f565c;
}

.congratulations h1
{
   margin: 40px auto 40px auto;
}

.congratulations .message
{
   max-width: 420px;
   font-size: 1.2em;
   line-height: 1.7;
   margin: 0 auto 80px auto;
}

.congratulations .continue_button
{
   max-width: 425px;
   margin-bottom: 60px;
   cursor: pointer;
}

/* END: Content panel below the tabs */

/* BEGIN: Form wrapper and elements */
.registration_form_wrapper
{
   margin: 25px auto 40px auto;
   max-width: 520px;
}

.tips_row
{
   margin: 40px 0 25px 0;
}

.tips_opt_out_message
{
   font-style: italic;
   font-size: 8pt;
   color: #777777;
   margin-bottom: 50px;
   line-height: 1.7;
}

/* END: Form wrapper and elements */

/* BEGIN: Media queries */
@media (max-width: 480px)
{
   .congratulations h1
   {
      margin: 12px auto 12px auto;
      font-size: 2.5em;
   }

   .congratulations .message
   {
      margin-bottom: 30px;
      font-size: 1em;
      max-width: 380px;
   }

   .congratulations .continue_button
   {
      margin-bottom: 40px;
      max-width: 240px;
      line-height: 1.1;
   }
}

@media (max-width: 535px)
{
   .field_wrapper
   {
      float: none; /* Force fields on right to stack below fields on left. */
   }
}

@media (max-width: 768px)
{
   /* Bootstrap xs */
   .container
   {
      margin-top: 12px;
   }

   .inactive_step .step_number
   {
      text-align: center;
      width: 100%;
   }
}
/* END: Media queries */