@charset "utf-8";
/* CSS Document */



/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  -moz-box-shadow: 0 0 3px 3px #999;
  -webkit-box-shadow: 0 0 3px 3px#999;
  box-shadow: 0 0 3px 3px #999;

  border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* END RESET CSS */

/* Font Declarations */
@font-face
{
font-family: GillSans;
src: url('../fonts/GillSans.ttf'),
     url('../fonts/GillSans.ttf') format("opentype"); /* IE */
}



/* End Font Declarations */

/* For Jquery UI Only */

div.acc { padding: 0 2.5em; margin-bottom: 2em;}
div.acc h3 { margin-bottom: 3px;}

table#tblCost { background:#069; color: white; font-weight: bold; font-size: 1.2em; }

table#tbl-awe-training, table#tbl-awe-vault, table#tblCost, table.common,
table#tbl-tuition { margin: 1em auto; display: table; }

table#tbl-awe-training td, table#tbl-awe-vault td, table#tblCost td, table.common td,
table#tbl-tuition td{ display: table-cell; border: 1px solid black; line-height: 1.5em; padding: 5px}

table#tbl-tuition tr.tblhead,
table.common tr.tblhead { background: #036; color: #fff; font-weight: bold; border: 1px solid white;}

table#tbl-tuition tr.tbldivider,
table.common tr.tbldivider { background: #036; height: 20px; }

table.belcher { margin: 1em auto;  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 1.3em;}
  table.belcher td { text-align: center;}
  table.belcher td .belcher-ttlmain {display: block; color: #900; font-weight: bold;}
  table.belcher td .belcher-subttl  { display: block; color: #000; font-weight: bold; font-size: .9em;}
  table.belcher td .belcher-small { margin: 1em; border: 3px #900 dashed; padding: 1em;}
  table.belcher td .belcher-small .belcher-regprice { font-weight: bold; color: #036}
  table.belcher td .belcher-small img { display: block; border: 0; margin: .3em auto;}
  table.belcher td .belcher-small a { color: #036; font-weight: bold; text-decoration: none;}
  table.belcher td .belcher-small a:hover { color: #900; text-decoration: underline;}

/* END For Jquery UI Only */

.tuition-proof { display: block; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
  .tuition-proof blockquote { font-style: italic; font-weight: bold; color:#900; font-size: 1.3em; width: 600px; padding: 20px; margin: 0 auto; text-align: left; background:url(../img/quotes-open-gray.png) top left no-repeat }
    .tuition-proof blockquote p { line-height: .5em; background:url(../img/quotes-close-gray.png) bottom right no-repeat}
    .tuition-proof  blockquote cite {margin-left: 20px; width: 600px; text-align: left; font-weight: bold; text-transform:uppercase}



/* Belcher Button */
#belcher { width: 600px; font-size: 18pt; color:navy; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; text-align:center; margin-bottom: 1em; }
  #belcher h1 {color: #cc0000; font-weight: bold; margin-bottom: 20px;}
  #belcher h4 { font-size: 12pt;}
  #belcher .buttonbox { border: 6px dashed #cc0000; padding :1em; }
  #belcher img {display:block; margin: 0.5em 0}
  #belcher a {font-size: 1.2em; display:block; margin: 1em 0}
/* END Belcher Button */


body { width: 100%; text-align: center; background: #ddd; }
  .clearfix { clear: both; }

#wrap { width: 960px; text-align: left; margin: 20px auto; background:url(../img/awesl-mainbg.jpg) repeat-y}

#wrap header {
  background: white url(../img/sl-awe-banner.png) no-repeat;
  width: 960px;
  height: 200px;
  display: block;
  background-position: 0 bottom;
}

#wrap nav { margin:0 auto; padding-left:3em; height: 30px; line-height: 30px; display: block; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  font-size: 11pt; background: #036; color: white; border-top: 1px solid white;  border-bottom: 1px solid white;}
  #wrap nav a {display: block; float:left; color:white; margin: 0 1.5em; text-decoration:none}
  #wrap nav a:hover { color: #FF0;}

#wrap #content-area { padding: 2em; border-top: 1px solid black; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10pt;}

#wrap #content-bottom {width: 960px; height: 68px; background:url(../img/awesl-bottom.jpg) no-repeat}

#wrap #content-area .scrollContainer {}

#wrap #content-area .scrollContainer .scrollContent {}

#wrap #content-area .scrollContainer .scrollContent .panel { padding: 15px; background:white; padding: 1em; border-bottom: 1px solid #ccc; margin-bottom: 1em;}
  #wrap #content-area .scrollContainer .scrollContent .panel #sl-headline,
  #wrap #content-area .scrollContainer .scrollContent .panel .center-pic { text-align: center}
  #wrap #content-area .scrollContainer .scrollContent .panel .video { display: block; width: 640px; height: 480px; background: black; margin: 0 auto;}
  #wrap #content-area .scrollContainer .scrollContent .panel h2.panel-title { font-size: 18pt; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #036; text-shadow: 0px 2px 3px #999; margin-bottom: 1.5em;}
  #wrap #content-area .scrollContainer .scrollContent .panel h3.par-title { font-size: 15pt; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #036; text-shadow: 0px 2px 3px #999; margin-bottom: 0.5em;}
  #wrap #content-area .scrollContainer .scrollContent .panel p { padding: 0 15px 1em 15px; line-height: 1.3em; text-align: justify}
  #wrap #content-area .scrollContainer .scrollContent .panel ul { list-style:inside disc; margin: 0.5em 0 0.5em 2em; line-height: 1.3em;}
  #wrap #content-area .scrollContainer .scrollContent .panel .testi-wrap { padding: 0 2em;}
  #wrap #content-area .scrollContainer .scrollContent .panel .sl-testi { padding: 1em 1.5em; border: 1px solid black; background:#069; font-size: 10pt; margin-bottom: 1.5em; color: white}
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-testi p { font-style:italic; text-align: justify}
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-testi img.sl-testi-image { float:left; border: 1px solid #fff; margin-right: 10px; width: 100px; height: auto }
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-testi .sl-testi-person { display:block; float:right; font-style: normal; margin-top: 1.2em; font-weight: bold; }
  #wrap #content-area .scrollContainer .scrollContent .panel p.note { width: 500px; margin:1em auto; font-size:10pt; padding: 1em;  font-style: italic}
  #wrap #content-area .scrollContainer .scrollContent .panel .module-prev {}

  #wrap #content-area .scrollContainer .scrollContent .panel .module-prev,
  #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus  { border: 1px solid black; background:#FFC; padding: 1.5em; margin: 1em auto; text-align: left; }

    #wrap #content-area .scrollContainer .scrollContent .panel .module-prev .header { font-family: Arial, Helvetica, sans-serif}
    #wrap #content-area .scrollContainer .scrollContent .panel .module-prev .header h1.head-num {  margin:0; padding:0; text-align: center; width: 50px; height: 55px; line-height: 55px; color: white; background:url(../img/sl-numbox-bg.png) no-repeat; display: block; font-size: 30pt; float: left; margin-right: 15px; font-weight: bold; }
    #wrap #content-area .scrollContainer .scrollContent .panel .module-prev .header h2.head-title {  color: #036; margin:0; padding:0; text-align: left;  height: 55px; line-height: 55px; font-size: 20pt;  font-weight: bold; text-shadow: 0px 2px 3px #999;}

    #wrap #content-area .scrollContainer .scrollContent .panel .module-prev #awe-training-accordion #awe-modules-tabs h5.awe-mod-title { margin:0; padding: 0; font-size:11pt; font-weight: bold; }
    #wrap #content-area .scrollContainer .scrollContent .panel .module-prev #awe-training-accordion #awe-modules-tabs h6.awe-mod-subt { margin:0; padding: 0; font-size:10pt; font-weight: bold; margin-bottom: 1em;}

    #wrap #content-area .scrollContainer .scrollContent .panel img.left {padding: 0; float: left; border: 1px solid black; margin-right: 10px;}
    #wrap #content-area .scrollContainer .scrollContent .panel img.right {padding: 0; float: right; border: 1px solid black; margin-left: 10px;}

    #wrap #content-area .scrollContainer .scrollContent .panel img.lefty {padding: 0; float: left; margin-right: 10px;}
    #wrap #content-area .scrollContainer .scrollContent .panel img.righty {padding: 0; float: right;  margin-left: 10px;}

    #wrap #content-area .scrollContainer .scrollContent .panel img.h200 { height: 200px; width: auto }
    #wrap #content-area .scrollContainer .scrollContent .panel img.h175 { height: 175px; width: auto }
    #wrap #content-area .scrollContainer .scrollContent .panel img.h150 { height: 150px; width: auto }
    #wrap #content-area .scrollContainer .scrollContent .panel img.h125 { height: 125px; width: auto }
    #wrap #content-area .scrollContainer .scrollContent .panel img.h100 { height: 100px; width: auto }
    #wrap #content-area .scrollContainer .scrollContent .panel img.h90 { height: 90px; width: auto }
    #wrap #content-area .scrollContainer .scrollContent .panel img.h80 { height: 80px; width: auto }
    #wrap #content-area .scrollContainer .scrollContent .panel img.h70 { height: 70px; width: auto }

    #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry { border-bottom: 1px solid black; margin-bottom: 1.5em;}
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .sl-awe-vault-pricetag { float:right; width: 86px; height: 80px;}
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a27 { background:url(../img/sl-awe-pricetag-27.png) no-repeat; }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a37 { background:url(../img/sl-awe-pricetag-37.png) no-repeat; }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a67 { background:url(../img/sl-awe-pricetag-67.png) no-repeat; }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a97 { background:url(../img/sl-awe-pricetag-97.png) no-repeat; }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a197 { background:url(../img/sl-awe-pricetag-197.png) no-repeat; }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a197ea { background:url(../img/sl-awe-pricetag-197ea.png) no-repeat; }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a297 { background:url(../img/sl-awe-pricetag-297.png) no-repeat; }
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .sl-awe-vault-title {display:block; font-size: 11pt; font-weight: bold;}
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .sl-awe-vault-subtt {display:block; font-size: 8pt; font-weight: bold;}
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry ul {}
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry ul li {}

    #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus-main-header { margin-top: 40px; width: 437px; height: 100px; background: url(../img/sl-awe-bonus.jpg) no-repeat }
      #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head { padding-top: 58px; }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head#one { background: url(../img/sl-awe-bonus-1.jpg) no-repeat }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head#two { background: url(../img/sl-awe-bonus-2.jpg) no-repeat }
        #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head#tri { background: url(../img/sl-awe-bonus-3.jpg) no-repeat }
    #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head .title { margin:0 0 5px 12px; padding: 0; display: block; font-size: 14pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #036; text-shadow: 0px 2px 3px #999;}
    #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head .subtt { margin:0 0 5px 12px; padding: 0; display: block; font-size: 12pt; font-weight: bold;}
    #wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-content .sl-bonus-value {display: block; font-size: 12pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#393; text-shadow: 0px 2px 3px #999; }

   footer { width: 680px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #666; line-height: 1.3em;}