/*HTML5 display definitions*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*Base*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { font-size:100%; margin: 0; font-size: 1em; line-height: 1.4; }

/*Remove text-shadow in selection highlight*/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/*Links*/
a { color: #00399b; }
a:visited { color: #00399b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*Typography*/
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ffffff; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*Lists*/
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/*Embedded content*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/*Figures*/
figure { margin: 0; }

/*Forms*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/*Tables*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*Chrome Frame Prompt*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
















/* Template Specific Styles (part-minified) */
/* Author: Vince Cutting (http://www.vcwebdesigns.com) */
/* Template: EnglishGrammarExpress.com */
/* Version: 1.0 */

/*Generic*/
body{text-align: center; background: #fff; color: #1a1a1a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.875em; line-height: 1.25em;}
pre {background: #333;color: lime;padding: 5px 10px;}
h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.5em; color: #232323; border-bottom: 1px solid #ebebeb; padding-bottom: 13px; margin-bottom: 13px;}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1a1a1a; font-size: 1.45em; margin-top: 23px; padding-top: 0;}
.main-text h2 {margin-top:8px}
h2.smaller {font-size:1.30em}
h2.smaller-again {font-size:1.15em}
h3 {font-size: 1.05em;}
h4 {font-size: 1em;margin: 10px 0;}
.smaller {font-size: 0.9em;}
.smaller-again, .smaller_again, .smallest {font-size: 0.85em;font-weight:normal}
a img { border: none; }
p { margin: 10px 0 15px; }
.indent-text{margin-left: 30px;}
b, strong {font-weight: bold;}
em {font-style: italic}
.bold-turquise {font-weight: bold;color: #102b3b;}
.john-says {color: #800000; font-size: 0.9em;padding-left:50px;background:url('../images/john-says.png') no-repeat 0 0; font-style: italic;min-height:50px;display:block}
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.f-left { float: left; }
.f-right { float: right; }
img.f-left { margin-right: 18px;margin-bottom:5px }
img.f-right { margin-left: 18px;margin-bottom:5px }
/*Lists*/
ul, ol { margin: 10px 0 10px 20px; padding: 0;}
ul li {margin: 3px 0;list-style: none;display: block;padding: 0 0 0 15px;background: url('../images/bullet1.png') no-repeat 0 7px;}
ol li {margin: 3px 0;padding: 0 0 0 5px;}
ul.hyphen {margin-left:0}
ul.hyphen li {background: url(../images/bullet-hyphen.png) no-repeat 0 7px;margin:0 0 10px 0}
ul.arrow-tick {list-style:none;margin:0 0 0 10px;}
ul.arrow-tick li {background: url(../images/bullet-arrow.png) no-repeat 0 5px;margin:0;padding:0 0 0 25px}
ul.arrow-tick ul {margin: 0;}
ul.arrow-tick ul li {background-image: url(../images/bullet-tick.png);}
ul.tick-subscribe {margin: 0;padding: 0;}
ul.tick-subscribe li {padding: 0 0 0 29px;margin: 13px 0 21px 0;background: url(../images/tick.png) no-repeat 0 2px;}
ul.tick {margin: 15px 0 15px 0;}
ul.tick li {list-style: none;display: block;padding: 0 0 0 30px;background: url('../images/tick.png') no-repeat 0 3px;}
ul.tick li strong {color: #00374a;}
ul.boldlist {margin: 15px 0 15px 30px;padding: 0;}
ul.boldlist li {list-style: none;padding: 2px 0 2px 20px;background: url('../images/bullet1.png') no-repeat 0 7px;font-weight: bold;padding: 0 0 0 20px;}
.main-col {position: relative;}

.greybox {
  background: #ebebeb;
  border: 1px solid #cdcdcd;
  margin: 0 -26px -1px -46px;
  padding: 0 26px 0 46px;
  display:block;
}
.item-page.dlpage .page-inner {
  margin-bottom: 0;
}

#mywrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
header {
  border-top: 10px solid #505050;
  height: 154px;
  margin: 0;
}
.logo {
  display: block;
  float: left;
  width: 461px;
  height: 111px;
  margin: 22px 0 0 45px;
}
.social-links {
  text-align: right;
  width: 80px;
  position: absolute;
  top: 10px;
  right: 0;
}
.social-links a {
  float: right;
}
.social-links a.facebook-icon {
  display: block;
  height: 30px;
  width: 20px;
}
.social-links a.twitetr-icon {
  display: block;
  height: 30px;
  width: 22px;
}
.social-links a.googleplus-icon {
  display: block;
  height: 30px;
  width: 20px;
}
.mainmenu {
  width: 415px; /*estimate*/
  float: right;
  margin: 30px 0 0 0;
}
.mainmenu ul {
  margin: 0;
  padding: 0;
}
.mainmenu li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
.mainmenu li a:link, .mainmenu li a:visited {
  height: 124px;
  display: block;
  text-indent: -999em;
  font-size: 0em;
  line-height: 0;
}

.item101 a { /* Home */
  width: 74px;
  background: url('../images/mainmenu.png') no-repeat 0 0;
}
.item101 a:hover, .item101#current a { 
  width: 74px;
  background: url('../images/mainmenu.png') no-repeat 0 -124px;
}
.item102 a { /* Lessons */
  width: 76px;
  background: url('../images/mainmenu.png') no-repeat -74px 0;
}
.item102 a:hover, .item102#current a { /
  width: 76px;
  background: url('../images/mainmenu.png') no-repeat -74px -124px;
}
.item103 a { /* Video Course */
  width: 118px;
  background: url('../images/mainmenu.png') no-repeat -150px 0;
}
.item103 a:hover, .item103#current a, li.selected.item103 a:link { 
  width: 118px;
  background: url('../images/mainmenu.png') no-repeat -150px -124px;
}
.item104 a { /* About */
  width: 68px;
  background: url('../images/mainmenu.png') no-repeat -268px 0;
}
.item104 a:hover, .item104#current a { 
  width: 68px;
  background: url('../images/mainmenu.png') no-repeat -268px -124px;
}
.item105 a { /* Contact */
  width: 79px;
  background: url('../images/mainmenu.png') no-repeat -336px 0;
}
.item105 a:hover, .item105#current a { 
  width: 79px;
  background: url('../images/mainmenu.png') no-repeat -336px -124px;
}

/*Content Page styles*/
.item-page {
  position: relative;
  border: 1px solid #cdcdcd;
  margin-bottom: 8px;
}
.page-inner {
  margin: 20px 30px 20px 45px;
  position: relative;
}
.contact-page h1.item-title {
  margin: -20px 0 0 -45px;
  padding: 0;
  line-height: 0;
  font-size: 0;
  text-indent: -999em;
  background: url('../images/titles/titles.png') no-repeat 0 -150px;
  width: 149px;
  height: 50px;
  border-bottom: none;
}
.about-page h1.item-title {
  margin: -20px 0 0 -45px;
  padding: 0;
  line-height: 0;
  font-size: 0;
  text-indent: -999em;
  background: url('../images/titles/titles.png') no-repeat 0 -200px;
  width: 149px;
  height: 50px;
  border-bottom: none;
}
.video-course-page h1.item-title {
  margin: -20px 0 0 -45px;
  padding: 0;
  line-height: 0;
  font-size: 0;
  text-indent: -999em;
  background: url('../images/titles/titles.png') no-repeat 0 -250px;
  width: 530px;
  height: 50px;
  border-bottom: none;
}
.video-course-contents-page h1.item-title {
  margin: -20px 0 0 -45px;
  padding: 0;
  line-height: 0;
  font-size: 0;
  text-indent: -999em;
  background: url('../images/titles/titles.png') no-repeat 0 -300px;
  width: 592px;
  height: 50px;
  border-bottom: none;
}
.video-course-page h2 {
  color: #00374a;
}
.video-course-contents-page div.separator {height:23px;margin-bottom: 23px;}
h2.course-content-lesson-title {
  color: #012f7b;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1.3em;
}
h3.course-content-lesson-subtitle {
  font-size: 1em;
  color: #00374a;
  margin: 0 0 -10px 0;
  padding: 0;
}
.orange {color:#da5101}
.grey {color:#565656}
.turquoise {color:#00374a}
table.testimonials-table {margin: 0 0 25px 0;}
table.testimonials-table td {vertical-align: middle;}
table.testimonials-table img {margin: 5px 0 4px;}
table.testimonials-table p {font-size: .8em;margin: 0 0 0 10px}
table.testimonials-table p span {color: #7a7a7a;}
div.separator {
  text-indent: -999em;
  font-size: 0;
  line-height: 0;
  height: 1px;
/*  width: 100%;*/
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 13px;
  clear: both;
}
.boxed {
  border: 1px solid #cdcdcd;
  padding: 5px 15px 10px;
  margin: 10px 0;
  font-style: italic;
  background: #ebebeb;
  font-size: .85em;
  display: block
}

.main {
  clear: both;
  padding-top: 14px;
  background: url('../images/gradient-bar.png') repeat-x 0 0;
}
.main-col {
  float: left;
  width: 638px;
}
.right-col {
  float: right;
  width: 314px;
}

footer {
  background: url('../images/gradient-bar.png') repeat-x 0 0;
  text-align: center;
  margin: 0 0 50px 0;
  font-size: 0.9em;
  padding-top: 19px;
}
footer p {
  margin: 15px 0 0 0;
  padding: 0;
  color: #191919;
}
footer ul {
  margin: 0;
  padding: 0;
}
footer li {
  margin: 0 10px;
  padding: 0;
  display: inline;
  background: none;
}
footer li a:link, footer li a:visited {
  
}
footer li a:hover {
  
}
.legalsmenu a {
  color: #191919;
}

/*Modules*/
.right-col .moduletable {
  border: 1px solid #cdcdcd;
  margin-bottom: 8px;
}
.right-col .moduletable h3 {
  color: #fff;
  background: #afafaf;
  margin: 0;
  padding: 15px 10px 15px 20px;
}
.right-col .moduletable.light-blue h3 {
  background: #94dffc;
}
.right-col .moduletable.blue h3 {
  background: #0048c8;
}
.right-col .moduletable.dark-blue h3 {
  background: #102b3b;
}
.right-col .moduletable .modulecontent {
  margin: 10px;
  overflow: hidden;
}
.right-col .moduletable.nopadding .modulecontent {
  margin: 0;
}
.moduletable-blank {
  margin: 0 0 8px 0;
}
.moduletable-blank0 {
  margin: 0;
}
.moduletable-blank p, .moduletable-blank0 p {
  margin: 0;
  padding: 0;
}
.right-col .modfeaturedlessons h3, .right-col .modtwitter h3, .right-col .modfacebook h3, .right-col .modgoogleplus h3 {
  margin: 0;
  padding: 0;
  width: 313px;
  height: 44px;
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
}
.right-col .moduletable.modfeaturedlessons h3 {
  background: url('../images/module-headings.png') no-repeat 0 0;
}
.right-col .moduletable.modtwitter h3 {
  background: url('../images/module-headings.png') no-repeat 0 -44px;
}
.right-col .moduletable.modfacebook h3 {
  background: url('../images/module-headings.png') no-repeat 0 -88px;
}
.right-col .moduletable.modgoogleplus h3 {
  background: url('../images/module-headings.png') no-repeat 0 -132px;
}

.main-col .moduletable {
  border: 1px solid #cdcdcd;
  margin-bottom: 8px;
}
.moduletable.welcomemod h3.moduletitle {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  text-indent: 0;
  height: 50px;
  width: 100%;
  background: url('../images/titles/titles.png') no-repeat 0 0;
}
.main-col .moduletable .modulecontent {
  margin: 15px 25px;
}
.moduletable .modulecontent .inset, .inset {
  background: #e6e6e6;
  border-top: 1px solid #cdcdcd;
  margin: 0 -25px -15px;
  padding: 0 25px 1px;
  display: block;
}

/*Main homepage mod*/
.moduletable.homemain h3.moduletitle {
  width: 100%;
  height: 50px;
  margin: 0 0 10px 0;
  background: url('../images/titles/titles.png') no-repeat 0 -50px;
  line-height: 0;
  font-size: 0;
  text-indent: -999em;
}

  


/*Lessons index*/
.pagination-container {
  height: 25px;
  margin-bottom: 10px;
}
.pagination {
  text-align: center;
  position: relative;
  float: right;
  left: -50%;
}
.prev-button, .next-button {
  display: block;
  width: 75px;
  height: 25px;
  float: left;
  line-height: 0;
  font-size: 0;
  text-indent: -999em;
  position: relative;
  left: 50%;
  margin: 0 5px;
}
.prev-button {
  background: url(../images/prev-next.png) no-repeat left bottom;
}
.next-button {
  background: url(../images/prev-next.png) no-repeat left top;
}
.lessons-page, .lesson-page {
  margin: 0 0 8px 0;
  border: 1px solid #cdcdcd;
}
.back-to-top-bar {
  margin: 0;
  padding: 0;
  display: block;
  text-indent: -999em;
  font-size: 0;
  line-height: 0;
  height: 33px;
  width: 637px;
  background: url('../images/back-to-top-bar.png') no-repeat 0 0;
}
h1.lessons-title {
  margin: 0 0 0 0;
  padding: 0;
  text-indent: -999em;
  font-size: 0;
  line-height: 0;
  height: 50px;
  width: 100%;
  background: url('../images/titles/titles.png') no-repeat 0 -100px;
  border-bottom: none;
}
.lesson-block {
  margin: 26px 0;
}
.lesson-block .lesson-thumbnail {
  display: block;
  position: relative;
  width: 150px;
  height: 84px;
  margin-right: 24px;
  text-align: center;
  float: left;
  background: #000; /*TODO: Add a noimage background, or foreground img in view*/
}
.lesson-block .lesson-intro {
  float: left;
  width: 437px;
}
.lesson-block .vid-length {
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #ccc;
  padding: 0 3px;
  font-size: 0.9em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.lesson-block .lesson-title-date {
  padding-top: 5px;
}
.lesson-block h2.lesson-title {
  margin: 20px 0 0 0;
  padding: 0;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #001F67;
  font-size: 1.2em;
  display: inline;
}
.lesson-block h2.lesson-title a:link, .lesson-block h2.lesson-title a:visited {
  text-decoration: none;
  color: #001F67;
}
.lesson-block h2.lesson-title a:hover {
  text-decoration: underline;
}
.lesson-block p.lesson-date {
  display: inline;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #4D4D4D;
  font-size: 0.8em;
  margin-left: 5px;
}
.lesson-block .lesson-intro-text {
  height: 64px;
  margin-top: -8px;
  overflow-y: hidden;
  overflow-x: hidden;
}


/*Lesson layouts*/
.inner_content {
  margin-left: 35px;
}
.layout_summary {
  
}
.layout_summary_title {
  float: left;
  width: 100px;
}
.layout_summary_title h4 {
  
}
.layout_summary_description {
  width: 440px;
  float: right;
}

.inset_title {
  float: left;
  width: 125px;
  margin-left: 35px;
}
.inset_download {
  float: left;
  width: 120px;
  margin: 10px 0 0 20px;
  height: 40px;
}
.inset_download a {
  margin-left: 25px;
  display: block;
}
.inset_download.pdf {
  background: url('../images/pdf-icon.png') no-repeat 0 50%;
}
.transcript_text {
  margin-top: 10px;
}
hr {display:block;text-indent: -999em;font-size: 0;line-height: 0;height: 1px;border:none;border-bottom: 1px solid #cdcdcd;margin-bottom: 13px;clear: both;outline:none}
/*Featured Lessons module*/
ul.flessons {
  margin: 7px;
  padding: 0;
}
.flessons li {
  margin: 0 0 23px 0;
  padding: 0;
  list-style: none;
  clear: both;
  background: none;
}
.flessons li:last-child {
  margin-bottom: 0;
}
.flessons h4 a:link, .flessons h4 a:visited {
  text-decoration: none;
  color: #002939;
}
.flessons h4 a:hover {
  text-decoration: underline;
}
.flessons li a.thumb-bg:link, .flessons li a.thumb-bg:visited {
  display: block;
  position: relative;
  width: 104px;
  height: 78px;
  float: left;
  margin-right: 10px;
  background: url('../images/mod_featuredlessons-thumb-bg.png') no-repeat 0 0;
}
.flessons .thumb-bg img {
  margin: 10px 0 0 1px;
  width: 100px;
}
.flessons .thumb-bg .vid-length {
  position: absolute;
  bottom: 13px;
  right: 5px;
  background: #000;
  color: #ccc;
  padding: 0 2px;
  font-size: 0.65em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mod_featuredlessons .all-lessons-link {
  clear: both;
  font-size: .9em;
  margin: 5px 0 5px;
}
.mod_featuredlessons h4.flesson-title {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #002939;
  margin: 1px 0 3px 0;
  padding: 0;
}
.mod_featuredlessons .flesson-date {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: .9em;
  color: #676767;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.mod_featuredlessons .flesson-teaser {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: .9em;
  color: #1a1a1a;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
/*Lesson Page*/
.lesson-page h1.new-lesson-title.new-lesson, .mod_homepagelessons h2.homepagelessontitle.new-lesson {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/titles/titles.png') no-repeat 0 -350px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.video-lesson, .mod_homepagelessons h2.homepagelessontitle.video-lesson {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/titles/titles.png') no-repeat 0 -450px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.exercise, .mod_homepagelessons h2.homepagelessontitle.exercise {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/titles/titles.png') no-repeat 0 -550px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}

.lesson-page h1.new-lesson-title.attention, .mod_homepagelessons h2.homepagelessontitle.attention {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 0;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.bad-grammar, .mod_homepagelessons h2.homepagelessontitle.bad-grammar {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -100px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.comprehension, .mod_homepagelessons h2.homepagelessontitle.comprehension {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -200px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.conversation, .mod_homepagelessons h2.homepagelessontitle.conversation {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -300px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.grammar-check, .mod_homepagelessons h2.homepagelessontitle.grammar-check {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -400px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.grammar-test, .mod_homepagelessons h2.homepagelessontitle.grammar-test {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -500px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.interview, .mod_homepagelessons h2.homepagelessontitle.interview {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -600px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.lesson, .mod_homepagelessons h2.homepagelessontitle.lesson {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -700px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.mistakes-check, .mod_homepagelessons h2.homepagelessontitle.mistakes-check {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -800px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.teacher-says, .mod_homepagelessons h2.homepagelessontitle.teacher-says {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -900px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}
.lesson-page h1.new-lesson-title.video-exercise, .mod_homepagelessons h2.homepagelessontitle.video-exercise {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  padding: 0 0 0 174px;
  margin: 0;
  background: url('../images/more-corner-images.png') no-repeat 0 -1000px;
  height: 50px;
  border-bottom: none;
  line-height: 50px;
}

.lesson-page .inner_content {
  margin: 0 25px 0 59px;
}
.lesson-page h4.layout_summary_title {
  float: left;
  width: 100px;
}
.lesson-page .layout_summary_description {
  width: 435px;
  float: right;
}
.lesson-page h4.transcript_text_title {
  float: left;
  width: 100px;
}
.lesson-page .transcript_text_description {
  width: 435px;
  float: right;
}
.lesson-page .inner_content .main-text {
  margin-bottom:20px;
}
.lesson-page .pdf_downloads {
  background: #ebebeb;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  padding: 10px 25px 10px 59px;
}
.lesson-page .pdf_downloads h4 {
  float: left;
  width: 125px;
}
.lesson-page .pdf_downloads .lesson-download {
  float: left;
  width: 120px;
  margin: 10px 0 0 16px;
  height: 40px;
  background: lime;
}
.lesson-page .pdf_downloads .lesson-download a {
  margin-left: 37px;
  display: block;
}
.lesson-page .pdf_downloads .lesson-download.pdf {
  background: url('../images/pdf-icon.png') no-repeat 0 50%;
}
a.more-lessons-link {margin-bottom: 8px;display: block}

video {
  background: #000;
}
.expand-vid {
  margin: 0 -25px 0 -45px;
}
.video-js-box {
  background: #000;
}
#mywrapper .tubecss .vjs-duration {
  width: 31.5em;
}
/*FBRSS - Joomla's RSS module with fbrss class*/
.fbrss ul { margin: 5px 0 2px; padding: 0; }
.fbrss li { background: none;margin: 0 13px; padding: 0; border-bottom: 1px solid #cdcdcd; line-height: 1.3em; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
.fbrss li.last-child { border-bottom: none; margin-bottom: -5px; }
.fbrss a:link, .fbrss a:visited { margin: 16px 0 19px; padding: 0; display: block; color: #333; text-decoration: none; }
.fbrss a:hover { text-decoration: underline; }
.fbrss h4 { font-weight: normal; margin: 0; padding: 0; line-height: 1.1em; font-size: 0.85em; }
.right-col .moduletable .fbrss .modulecontent {overflow:hidden;margin-top:-5px;margin-bottom:-5px;}
/* END Template Specific Styles */
.absolutevid {position:absolute;left:0;}
.box .absolutevid {left:46px;}
.lesson-page .absolutevid {left:46px;}
.youtubevid .absolutevid {left:0}
.item-page .youtubevid .absolutevid {left:-46px}
.vjs-fullscreen-control{ display:none; }
#mywrapper .vjs-default-skin .vjs-volume-control {margin-right: 5px}








/*Media Queries*/
@media only screen and (min-width: 35em) {
  
}

/*Non-semantic helper classes*/
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats */
.clearfix:before, .clearfix:after, .cf:before, .cf:after  { content: ""; display: table; }
.clearfix:after, .cf:after { clear: both; }
.clearfix, .cf { *zoom: 1; }

/*Print styles*/
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}