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

html, body
{
  height: 100%;
}

body 
{
  padding:0;
  margin:0;
  font-family: Arial, Helvetica, Sans-serif, serif;
  font-size:16px;
  background:#ffffff;
}

/*h1 
{
  font-family:Georgia,"Bitstream Vera Serif","Times New Roman",serif; font-size:1.6em; position:relative 
}*/

/*h2 
{
  margin:0.5em 0 1em;
}*/

h3 
{
  margin:1.5em 0 1em; 
  text-transform:uppercase; 
  color:#605C69; 
  font-size:1.3em;
  font-weight: bold;
}

h4 
{
  color:#997F35; 
  text-transform: uppercase; 
  margin-bottom:0.5em;
  font-weight: bold;
}

img
{
    max-width: 100%;
}

a, div#login_box a 
{
    color:#0F43A3;
    text-decoration:none;
    text-transform:none;
}

.isaana 
{
  font-family:Isaana;
}

.wrapperSite
{
  min-height: 100%;
  position: relative;
  padding-bottom: 70px;
}

@media all and (max-width: 991px)
{
  .footer
  {
    margin-top: 20px;
  }
  
  .social_container
  {
    top: -50px !important;
  }
}

@media all and (max-width: 767px)
{
  .wrapperSite
  {
    padding-bottom: 160px;
  }
  
  .user_subscriptions_table .subscriptions_line
  {
    border-bottom: 1px solid rgba(200,200,200,0.4);
  }
  
  div#topbar a, div#topbar .container
  {
    font-size: 12px !important;
  }
  
  span.divider
  {
    margin: 0 0.1em;
  }
  
  div.secondary_navbar
  {
    text-align: justify;
    height: 38px;
  }
  
  div.secondary_navbar a
  {
    padding-right: 0 !important;
  }
  
  div.secondary_navbar > *
  {
    display: inline-block;
    vertical-align: middle;
  }
  
  .account_details, .account_table
  {
    font-size: 12px;
  }
  
  .account_table
  {
    border-collapse: separate;
    border-spacing: 5px;
  }
  
  div#currency_rel 
  {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    padding: 15px 0;
  }

  #container_small > h1 + table > tbody > tr > td:first-child,
  .book_content > table > tbody > tr > td:first-child {
    display: none;
  }
}

/* small measure for portrait mobile view 
  it wrecks dashboard page */
@media all and (max-width: 565px)
{
  .user_subscriptions_table
  {
    font-size: 12px !important;
  }
}

/* for all but mobile */
@media all and (min-width: 768px)
{
  div#currency_rel 
  {
    position: absolute;
    top: 10px;
    right: 0;
  }
}

span.divider 
{
  margin:0 0.5em;
  font-weight:bold;
}

/* top bar */
.navbar
{
  margin-bottom: 0; 
}

div#topbar
{
  height:26px;
  background:#47444C;
  color:#EDAB1E;
}

div#topbar a 
{
  color:#EDAB1E;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  line-height: 26px;
  font-size: 14px;
  display: inline-block;
}

div#topbar a:hover 
{
  color:#fac773;
}

/* logo bar */
div#headerContainer
{
  margin-bottom: 8px;
  border: 2px solid #F3C51A;
}

a.logo 
{
  display:block; 
  border:0px;
}

a.logo img
{
  width: 100%;
}

/* secondary navbar */
div.secondary_navbar 
{
  background: url(/images/navbar2_bg.gif) repeat-x bottom; 
  padding: 7px 5px; 
  margin: 1em 0 2em; 
  font-family: Arial, Helvetica; 
  font-size: 0.9em;
  text-align: justify;
}

div.secondary_navbar a 
{
  padding-right:20px;
}

a.nav_prev, a.nav_next, a.nav_index, a.nav_slideshow
{
    background:url(/images/nav_icons.png) no-repeat left top;
    cursor: pointer;
    padding-left:20px;
}
a.nav_next 
{
  background-position: 0px -75px; 
}

a.nav_prev 
{
  background-position: 0px -50px; 
}

a.nav_index 
{
  background-position: 0px -25px; 
}

span.nav_divider 
{
  color: #666666; 
  font-weight: bold; 
  padding-right: 5px;
}

span.justifier
{
  width: 100%; 
  display: none; 
  line-height: 0; 
  font-size: 0
}

/* footer */
div#footerContainer 
{
  background: #2f2f2f;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

div.footer 
{
  padding: 5px 10px;
  color:#FFFFFF;
  font-size:0.8em;
  position:relative;
}

div#footerContainer a 
{
  color:#FFFFFF;
  text-decoration:none;
}

div#footerContainer a:hover 
{
  color:#fac773;
}

div.social_container 
{
  position:absolute;
  top:-30px;
  right:10px;
}

div.social_container a, div.social_container img 
{
  border:0;
}

div.footer .footer_line
{
  padding: 4px 0;
}

div.footer ul
{
  padding: 5px 0 0; 
  font-size:12px;
  list-style: none;
  margin: 0 0 10px !important;
}

div.footer ul li
{
  display: inline-block;
  margin-right: 10px;
}

div.footer ul a 
{
  color: white; 
  text-transform:uppercase;
}

div.footer_line span
{
  white-space: nowrap;
}

/* content */
#contentContainer
{
  margin-bottom:5px;
  border-top: 2px solid #E6E6E6;
}

#mainContent
{
  padding-top: 10px;
  position: relative;
}

#page2Container
{
  border-top: 1px dashed #BFBEBF;
  padding-left: 15px;
  padding-right: 15px;
}

#page2Container .page2
{
  padding-top: 1em;
  padding-bottom: 1em;
}

#container_small img
{
  height: auto;
}

#container_small hr
{
  clear: both;
}

.note
{
  text-align: center;
  background-color: #e9ecef;
  font-size: 14px;
  margin: 10px -32px 0;
  padding: 5px 32px;
}

div.flash_notice 
{
    background:#fafecd;
    border-top:3px solid #EEDFA5;
    border-bottom:3px solid #EEDFA5;
    padding:1em;   
    margin-bottom:1em; 
    line-height: 35px;
}

div.flash_notice a 
{
  font-weight:bold;
}

/* user dashboard */
.account_details > div
{
  padding: 5px;
}
.account_details .fieldLabel
{
  color:#EDAB1E;
  text-align:left;
  font-weight: bold;
}

.account_details .stripe 
{
  background:#F4F3F1;
}

.account_management
{
  padding: 0 3px;
}

.account_management li
{
  padding: 5px;
}

.account_management li img
{
  padding-right: 10px;
}

.user_subscriptions_table
{
  margin-bottom: 20px !important;
}

.user_subscriptions_table,
.user_subscriptions_table .subscriptions_header
{
  margin: 0;
}

.user_subscriptions_table .subscriptions_header
{
  border-bottom: 2px solid #605C69; 
  padding: 8px 5px; 
  background-color: #FFEFB2;
  font-weight: bold;
}

.fakeRow::after, .fakeRow::before
{
  display: table;
  content: " ";
  clear: both;
}

.user_subscriptions_table .subscriptions_header > div
{
  padding: 0;
}

.user_subscriptions_table .subscriptions_line
{
  background-color: #FDF4D2;
}

.user_subscriptions_table .subscriptions_line > div
{
  padding: 5px;
}

table.account_table 
{ 
  width:100%; 
  border-collapse:collapse;
}

table.account_table th 
{
    color:#FFFFFF;
    background: #EDAB1E;
    text-align:left;
}

table.account_table th, table.account_table td 
{
  padding:10px 5px;
}

table.account_table tr.stripe 
{
  background:#F4F3F1;
}

#slideshowModal .modal-content
{
  text-align: center;
}

#slideshowModal .modal-dialog
{
  margin-right: auto;
  margin-left: auto;
}

#container_small table
{
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}

#container_small > table > tbody > tr > td
{
  border: none !important;
  padding-left: 10px;
  width: auto !important;
}

#container_small > h1 + table > tbody > tr > td:first-child,
#container_small > p + table > tbody > tr > td:first-child
{
  padding-left: 0;
  width: 28% !important;
  background-color: transparent !important;
  vertical-align: top;
}

#container_small > h1 + table > tbody > tr > td:last-child p:last-child a
{
  display: block;
}

#container_small img
{
  height: auto;
}

#currency_converter
{
  width: auto !important;
  display: initial !important;
}

.lessonPdf {list-style: none;}
.lessonPdf img {vertical-align: middle; margin-right: 5px;}

.fileNoAccessNotice .message
{
  padding: 15px 0;
  text-align: center;
}

.fileNoAccessNotice .message > div
{
  padding: 10px 0;
}

.fileNoAccessNotice .message > div > .slidingDiv
{
  display: none;
}

.fileNoAccessNotice #fileAccessCode *
{
  vertical-align: top;
}

.fileNoAccessNotice .returnMessage
{
  margin: 0 auto;
  display: none;
}

.fileNoAccessNotice .returnMessage > div
{
  margin-top: 3px;
  padding: 8px !important;
  display: inline-block;
  max-width: 610px;
}

.courseSquareContainer img {
  margin: 5px;
}