@charset "utf-8";

#ext-page-wrap * {
  position: relative;
 /* padding: 0;
  margin: 0;*/
  vertical-align: middle;
}

#ext-page-wrap  {
  background-color: white;
  color: #666666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

#ext-page-wrap img {
  border: 0;
  max-width: 100%;
}

#ext-page-wrap ul {
  list-style-position: inside;
  text-indent: -25px;
  padding-left: 25px
}
#ext-page-wrap ul li {
  line-height: 1.2;
  padding: 3px 0;
}
#ext-page-wrap ul.no-style,
#ext-page-wrap ol.no-style {
  list-style: none;
  text-indent: 0;
}

#ext-page-wrap sup {
  vertical-align: super;
  font-size: .6em;
}

#ext-page-wrap p {
  line-height: 1.15;
  margin: 20px 0;
}

#ext-page-wrap .container {
  margin: auto;
  max-width: 900px;
}

#ext-page-wrap .container:after,
#ext-page-wrap .clear-fix:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}

#ext-page-wrap .inner {
  padding: 10px 20px;
}

.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }

#ext-page-wrap .mobile {
  display: none;
}

#ext-page-wrap h1, #ext-page-wrap h2, #ext-page-wrap h3, #ext-page-wrap h4, #ext-page-wrap h5, #ext-page-wrap h6 {
  font-weight: 300;
  line-height: 1.1;
  color: #0a61ae;
}
#ext-page-wrap h1 { font-size: 2em }
#ext-page-wrap h2 { font-size: 1.8em }
#ext-page-wrap h3 { font-size: 1.6em }
#ext-page-wrap h4 { font-size: 1.4em }
#ext-page-wrap h5 { font-size: 1.2em }
#ext-page-wrap h6 { font-size: 1em }

.float-left { float: left }
.float-right { float: right }

.width-0per { width: 0% }
.width-5per { width: 5% }
.width-10per { width: 10% }
.width-15per { width: 15% }
.width-20per { width: 20% }
.width-25per { width: 25% }
.width-30per { width: 30% }
.width-35per { width: 35% }
.width-40per { width: 40% }
.width-45per { width: 45% }
.width-50per { width: 50% }
.width-55per { width: 55% }
.width-60per { width: 60% }
.width-65per { width: 65% }
.width-70per { width: 70% }
.width-75per { width: 75% }
.width-80per { width: 80% }
.width-85per { width: 85% }
.width-90per { width: 90% }
.width-95per { width: 95% }
.width-100per { width: 100% }

#ext-page-wrap .margin-auto { margin:  auto }

#ext-page-wrap .padding-y-0 { padding-top: 0; padding-bottom: 0; }
#ext-page-wrap .padding-y-10px { padding-top: 10px; padding-bottom: 10px; }
#ext-page-wrap .padding-y-20px { padding-top: 20px; padding-bottom: 20px; }
#ext-page-wrap .padding-y-30px { padding-top: 30px; padding-bottom: 30px; }
#ext-page-wrap .padding-y-40px { padding-top: 40px; padding-bottom: 40px; }
#ext-page-wrap .padding-y-50px { padding-top: 50px; padding-bottom: 50px; }

#ext-page-wrap .padding-x-0 { padding-left: 0; padding-right: 0; }
#ext-page-wrap .padding-x-10px { padding-left: 10px; padding-right: 10px; }
#ext-page-wrap .padding-x-20px { padding-left: 20px; padding-right: 20px; }
#ext-page-wrap .padding-x-30px { padding-left: 30px; padding-right: 30px; }
#ext-page-wrap .padding-x-40px { padding-left: 40px; padding-right: 40px; }
#ext-page-wrap .padding-x-50px { padding-left: 50px; padding-right: 50px; }

#ext-page-wrap .padding-top-0 { padding-top: 0 }
#ext-page-wrap .padding-top-10px { padding-top: 10px }
#ext-page-wrap .padding-top-20px { padding-top: 20px }
#ext-page-wrap .padding-top-30px { padding-top: 30px }
#ext-page-wrap .padding-top-40px { padding-top: 40px }
#ext-page-wrap .padding-top-50px { padding-top: 50px }

#ext-page-wrap .padding-bottom-0 { padding-bottom: 0 }
#ext-page-wrap .padding-bottom-10px { padding-bottom: 10px }
#ext-page-wrap .padding-bottom-20px { padding-bottom: 20px }
#ext-page-wrap .padding-bottom-30px { padding-bottom: 30px }
#ext-page-wrap .padding-bottom-40px { padding-bottom: 40px }
#ext-page-wrap .padding-bottom-50px { padding-bottom: 50px }

#ext-page-wrap .pos-static { position: static }
#ext-page-wrap .pos-relative { position: relative }
#ext-page-wrap .pos-absolute { position: absolute }

.alt-section {
  background-color: #F5F5F5; 
  border-top: 1px solid #CCC; 
  border-bottom: 1px solid #CCC;
}

.table { display: table; width: 100%; }

.table .float-left, .table .float-right,
.table-cell { display: table-cell; float: none;}

@media (min-width: 768px) {
  .desktop-table { display: table; width: 100%; table-layout: fixed; }

  #ext-page-wrap .desktop-table .float-left, #ext-page-wrap .desktop-table .float-right,
  #ext-page-wrap .desktop-table-cell { display: table-cell; float: none;}

  .desktop-margin-top-0 { margin-top: 0 }
  .desktop-margin-top-5px { margin-top: 5px }
  .desktop-margin-top-10px { margin-top: 10px }
  .desktop-margin-top-15px { margin-top: 15px }
  .desktop-margin-top-20px { margin-top: 20px }
  .desktop-margin-top-25px { margin-top: 25px }
  .desktop-margin-top-30px { margin-top: 30px }
  .desktop-margin-top-35px { margin-top: 35px }
  .desktop-margin-top-40px { margin-top: 40px }
  .desktop-margin-top-45px { margin-top: 45px }
  .desktop-margin-top-50px { margin-top: 50px }
  .desktop-margin-top-55px { margin-top: 55px }
  .desktop-margin-top-60px { margin-top: 60px }
  .desktop-margin-top-65px { margin-top: 65px }
  .desktop-margin-top-70px { margin-top: 70px }
  .desktop-margin-top-75px { margin-top: 75px }
  .desktop-margin-top-80px { margin-top: 80px }
  .desktop-margin-top-85px { margin-top: 85px }
  .desktop-margin-top-90px { margin-top: 90px }
  .desktop-margin-top-95px { margin-top: 95px }
  .desktop-margin-top-100px { margin-top: 100px }
}