/*global*/
    
body {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; line-height: 20px; font-size: 16px; font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif; color: #535352; margin: 0px; padding: 0px}
div {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
dt {margin: 0px 0px 15px 0px}
dd {margin: 0px 0px 15px 40px}
img {border: 0px}
a {color: #2c5376; border: 0px}
a:active{outline:0 none;position:relative;top:1px;}
a.displayOnly {margin: 0px 0px 0px 20px; color: #535352}
a.paging:hover {color: #2c5376}
a.rtBibleRef {text-decoration: none}
a.rtBibleRef:hover {text-decoration: underline}
h1.author {font-size: 20px }
#content H1.qaTitle {font-size: 20px; line-height: normal; padding-top: 30px}
h1.searchTerm {font-size: 20px; line-height: normal }
h1.sectionHeading {font-size: 24px; line-height: normal}
h1.bookSectionHeading {font-size: 24px; line-height: normal; margin: 0px; padding: 0px}
h2.sectionSubHeading {font-size: 18px; font-weight: bold; margin-top: 30px}
h3.sectionSubHeading {font-size: 14px; font-weight: bold; margin-top: 30px}
p.author {font-weight: bold}
p.text {}
ul.seriesNav {list-style-image: url('https://2018.thirdmill.org/images/white_downarrow.png')}
    
.addLink { text-decoration: none; color: #2c5376 }
.addLink:hover { text-decoration: underline}
.audioSeries {list-style-type: none; padding: 0px; margin: 0px}
.audioSeriesLink {text-decoration: none; color: #2c5376}
.audioSeriesLink:hover {text-decoration: underline}
.authorLink { text-decoration: none; color: #2c5376 }
.authorLink:hover { text-decoration: underline}
.bc {font-size: 13px}
.bottomBorder {border-bottom: 1px solid #BDE5EC; }
.categoryColor { color: #535352 }
.catLink { text-decoration: none; color: #2c5376 }
.catLink:hover { text-decoration: underline}
.footerMenu {padding-bottom: 40px; border-top: 0px}
.formatsColor { color: #535352 }
.genSearchResultLink { text-decoration: none; color: #2c5376 }
.genSearchResultLink:hover { text-decoration: underline}
.glossary {text-decoration: none; background-color: #BDE5EC; border-bottom: 1px solid #f15d43}
.lessonTitle {font-weight: bold}
.lessonTitle a {text-decoration: none}
.lessonTitle a:hover {text-decoration: underline}
.navBarWrap {background-image: url('https://2018.thirdmill.org/images/download_bar4.png'); background-repeat: no-repeat; margin-left: 20px; margin-top: 5px; min-width: 448px; height: 23px; position: relative}
.navMenu {position: absolute}
.noMargins {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
.noResults{padding: 0px 0px 20px 0px; border-bottom: 1px solid #BDE5EC; width: auto}
.paging {margin: 0px 3px 0px 3px}
.qaAnswer {padding: 10px 0px 20px 0px; border-bottom: 1px solid #BDE5EC; }
.qaAnswer img {max-width: 100%}
.qaAnswerLegacy {padding: 10px 0px 20px 0px}
.qaBio {margin: 20px 0px 0px 0px}
.qaFquestion {padding: 10px 0px 20px 0px; border-bottom: 1px solid #BDE5EC; }
.qaSectionHead {margin: 20px 0px 0px 0px; font-weight: bold}
.qaStudyBible {padding: 0px 0px 20px 0px; border-bottom: 1px solid #BDE5EC; }
.resultsPerPage {background-color: transparent; border: 0px; padding: 0px 0px 0px 30px}
.searchMargins {margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px}
.searchPaging {padding: 20px 0px 20px 0px; border-bottom: 1px solid #BDE5EC; width: auto}
.searchResult { font-size: 15px; font-weight: bold; text-decoration: none }
.searchResult:hover { text-decoration: underline }
.searchResultList {list-style-type: none; width: 100%}
.searchResultNoLink { font-size: 15px; font-weight: bold; text-decoration: none }
.selectedPageNumber {font-weight: bold; font-size: larger }
.submenu {background-color: #535352; margin: -13px 0px 0px -17px; display: none; position: absolute; top: 0px; z-index: 150}
.subNavDiv {position: relative; float: left}
.subNavM {display: none}
.tagMargins {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px}

/*jwplayer*/
.jw-state-idle .jw-controls {background: rgba(0,0,0,0.0) !important;}
.jw-controls-backdrop {background: rgba(0,0,0,0.0) !important;}

#body {width: 100%; position: absolute; top: 0px; left: 0px}
#searchClose {display: none}

#header {display: table; width: 100%; padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; z-index: 100; background-color: #BDE5EC; }
    #header img {border: 0px; }
    /*#header.fixed {position: fixed}*/
    #donateLink, #donateJS {background-color: #f15d43; color: white; font-weight: bold; text-decoration: none; margin: 0px; -webkit-border-radius:5px; border-radius:5px; cursor: pointer}
    #navMenuDonate, #navMenuDonate a  {background-color: #2c5376; color: white; text-decoration: none}
    #navMenuDonate {position: absolute; display: none}
    #logo, #donate, #topNav, #searchIcon, #languages {display: table-cell; vertical-align: middle}
    #logo, #donate {text-align: center}
    #logo, #donate, #searchIcon, #languages {text-align: center; padding-right: 2vw}
    #logo, #searchIcon {padding-left: 2vw}
    #logo img {position: relative; margin: 0px; height: 4.6vw; width: 7.4vw; min-height: 32px; min-width: 51.2px; max-height: 70px; max-width: 112}
    #navMain {position: absolute}

    /*not used on thirdmill2018*/
    #title {display: none}
    #title h1 {font-size: 10px}
    #title h2 {font-size: 10px}
    #tagline1 {position: relative; top: 52px; left: 357px; height: 48px; width: 434px; margin: 0px 0px 0px 0px; background-color: transparent}
    #tagline {z-index: 16; position: absolute; top: 0px; left: 375px; width: 480px; height: 30px; border: none; color: #535352; font-weight: normal}
    #tagLine img {margin: 0px 0px 0px 33px}

    /*language: select-option list*/
    #languages {font-weight: normal; z-index: 15}
    #languages select, #languages select option {color: #2c5376; cursor: pointer}
    #languages select {border: 2px solid #2c5376; -webkit-border-radius: 5px; border-radius: 5px; background-color: #BDE5EC; padding: 1vw}
    #languages select option {background-color: white}
    #languages img {display: none}
    #languages a {margin: 0px; padding: 0px; border: 0px}
    
    /*search and small screen navigation*/
    #searchm {display: none; position: absolute; left: 0px; top: 100px; width: 100%; min-height: 1600px; 
        margin: 0px; padding: 0px; border: 0px; border-top: 2px solid #4496a1; z-index: 14; background: #2c5376; color: #f4f2e9; font-size: 16px}
    #searchm input {font-size: 16px}
    #searchm span.subNavL {display: block}
    .subNavL {float: left; width: 40px; min-height: 1600px; position: relative; z-index: 16; background: #f4f2e9; 
        background-image: url('https://2018.thirdmill.org/images/subNavL.png');
        background-repeat: repeat-y; background-size: 100% 100%}
    .subNavL img {width: 20px; height: 20px; margin: 10px 0px 0px 10px}
    #searchIconImage, #navImage {cursor: pointer}
    #searchIcon svg {padding: 0px}


    /*search form*/
    .leftmobisearch {z-index: 6}
    .leftmobisearch dl {position: relative}
    .leftmobisearch dt {font-weight: bold}
    .leftmobisearch a {color: white; text-decoration: none}
    .advSearchIntro {display: none;}
    .kw2m {position: relative;}
    .advSearchSubmit {display: none}
    .searchButtonM {position: absolute; padding: 0px; margin: 0px}
    .searchButtonM .submitM {display: block; width: 32px; height: 32px; background-image: url('https://2018.thirdmill.org/images/white_arrow_26.png');
        -webkit-border-radius:0; border-radius:0;}
    .kw2m {width: calc(100% - 138px); height: 26px; top: 10px; left: 10px; padding-left: 3px; padding-right: 3px}
    .leftmobisearch dl {padding: 10px 0px 0px 20px}
    .leftmobisearch dt {padding: 0px 0px 0px 30px}
    .leftmobisearch dd {padding: 0px 20px 0px 0px}
    .leftmobisearch p.bottomBorder {margin: 20px 15px 20px 50px}
    #advSearchSubmitM {margin: 15px 0px 15px 100px}
    #searchButtonM {width: 32px; right: 30px; display: inline-block}
    #mtopsearchButtonM {width: 32px; top: 10px; right: 46px; display: inline-block}
    .searchResultHead span {display: inline-block; vertical-align: top; white-space: nowrap}
    .searchPaging {max-width: calc(100% - 20px)}
    .searchPaging span {display: inline-block}
    .resultsPerPage {padding: 0px}
    a.displayOnly {margin: 0px}


/*899px and narrower*/
@media screen and (max-width: 899px) {
    #topNav, #leftNav, #breadcrumbs {display: none}
    #nav, #searchIcon, #languages {display: table-cell; vertical-align: middle; text-align: center; height: 5.28vw} 
    #logo, #donate, #nav, #searchIcon {padding-right: 3vw}
    #donateJS {font-size: 16px; display: inline; padding: 1.45vw 1.97vw 1.45vw 1.97vw}
    #donateLink {display: none}
    #navMain, #navMenuDonate {text-transform: capitalize }
    #nav {width: 40vw; margin: 0px; padding: 0px; text-align: right}
    #navImage {height: 4vw; width: 4vw; min-height: 26px; min-width: 26px}
    #topNav, #navMenuDonate {position: absolute; left: 0px; top: 6.6vw; width: 100%; min-height: 1600px; border-top: 2px solid #4496a1; margin: 0px; text-align: left; z-index: 15; 
        background-color: #2c5376; color: #f4f2e9; font-size: 14px}
    #topNav div, #navMenuDonate div {position: relative; z-index: 15; margin: 0px; padding: 0px; border: 0px; min-height: 1600px; background: #2c5376;}
    #topNav div .navCol, #navMenuDonate div .navCol {min-height: 0px; display: block; }
    #topNav div ul li, #navMenuDonate div ul li {height: 40px; }
    #topNav div ul li.sublist, #navMenuDonate div ul li.sublist {display: none}
    #topNav div ul li a, #navMenuDonate div ul li a {padding: 10px; top: 10px}
    #topNav div ul li span.anchor, #navMenuDonate div ul li span.anchor {padding: 10px; top: 10px}
    #topNav div ul li ul li, #navMenuDonate div ul li ul li {padding: 0px 15px 0px 0px; }
    #topNav span.subNavL, #navMenuDonate span.subNavL {display: block}
    #topNav ul, #navMenuDonate ul {list-style-type: none; margin: 0px; padding: 0px; border: 0px; background: #2c5376;}
    #topNav ul li, #navMenuDonate ul li {margin: 0px; padding: 0px; border-bottom: 1px solid #4496a1; float: none; font-weight: bold; background: #2c5376; color: white;}
    #topNav ul li a, #navMenuDonate ul li a {position: relative; top: 10px; padding: 10px; font-size: 16px; text-decoration: none; font-weight: bold; color: #f4f2e9 }
    #topNav ul li span.anchor, #navMenuDonate ul li span.anchor {position: relative; }
    #topNav ul li ul, #navMenuDonate ul li ul {margin: 0px; }
    #topNav ul li ul li, #navMenuDonate ul li ul li {margin: 0px; border-bottom: 1px solid  #4496a1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
    #topNav #navMain, #navMenuDonate {display: none; padding-left: 0px; top: 0px}
    #topNav #navMain ul, #navMenuDonate div ul {margin: 0px; padding: 0px}
    #topNav #navMain ul li, #navMenuDonate div ul li {display: block; margin: 0px; padding: 0px}
    #topNav a:hover {color: inherit}
    .subNavR {float: right; width: 40px; height: 40px; margin: 0px; padding: 0px; position: relative; z-index: 16}
    .subNavR img {width: 20px; height: 20px; margin: 10px 0px 0px 10px}
    #searchIcon svg {height: 4vw; width: 4vw; min-height: 26px; min-width: 26px}
    #languages select, #languages select option {font-size: calc(10px + 1vw)}
    #content {border: none; padding: 0px 25px 25px 25px}
    #content.sbNoteContent {left: 0px;}
}

/*1519px and narrower*/
@media screen and (max-width: 1519px) {
    #header {height: 6.6vw; min-height: 54px; max-height: 100px}
    /*#header.fixed {top: calc(-8.2vw + 1px)}*/
    #topNav div, #searchm {top: 6.6vw}
    /*#navMenuDonate {padding-left: 2.62vw}*/
    #middleTable {padding-top: 6.6vw;}        
}        
        
/*900px and wider*/
@media screen and (min-width: 900px) {
    #title, #navClose, #spanNavClose, .subNavL, .subNavR {display: none}
    #donateJS {display: none}
    #donateLink {display: inline}
    #navMenuDonate a:hover {text-decoration: underline}
    #nav, #navImage, #navSpacer {display: none} 
    #topNav, #topNav #navMain {visibility: visible}
    #topNav {position: relative; margin: 0px; text-align: left; background-color: transparent; z-index: 15}
    #topNav a {margin: 0px; text-decoration: none}
    #topNav div {position: absolute; margin: 0px; padding: 0px; background-color: white; border: 2px solid #2c5376; visibility: hidden}
    #topNav div div, #donate div div {position: relative; top: auto; display: none; text-align: left; margin: 0px; padding: 0px; border: 0px}
    #topNav div.cols1 {min-width: 14vw; max-width: 20vw}
    #topNav div.cols2 {white-space: nowrap;}
    #topNav div .navCol, #donate div .navCol {display: inline-block; vertical-align: top; margin: 0px; padding: 0vw 0vw 0vw 0vw; background-image: none; background-color: transparent; white-space: normal; min-width: 14vw; max-width: 20vw}
    #topNav div .col2 {padding-left: 0px}
    #topNav div ul, #donate div ul {display: block; list-style-type: none; margin: 0px; padding: 0px; border: 0px}
    #topNav div ul li, #donate div ul li {float: none; margin: 0px; border: 0px; background-color: transparent; color: #535352; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif; text-transform: uppercase; padding: 10px}
    #topNav div ul li.sublist {display: list-item; padding-top: .6vw}
    #topNav div ul li a {color: #535352}
    #topNav div ul li a:hover {text-decoration: underline}
    #topNav div ul li ul {margin: 0px; padding: 0px 1vw 1vw 0px}
    #topNav div ul li ul li {float: none; border: 0px; margin: 0px; padding: 0px 0px 0px 4vw; text-indent: -2vw}
    #topNav div ul li ul li a {color: #535352; text-transform: none; font-weight: normal; line-height: normal}
    #topNav div ul li ul li a:hover {text-decoration: underline}
    #topNav #navMain {display: block; position: relative; top: auto; border: 0px; background-color: transparent}
    #topNav #navMain ul {padding: 0px}
    #topNav #navMain ul li {position: relative; display: inline-block}
    #topNav #navMain ul li a {padding: .5vw; font-weight: normal; color: #2c5376; border-bottom: 2px solid #BDE5EC; }
    #topNav #navMain ul li a:hover {text-decoration: none}
    #navMenuBegin, #navMenuWatch, #navMenuConnect {position: relative}
    #navMenuBegin {left: 0px; right: auto}
    #navMenuConnect {left: auto; right: 0px}
    #spanSearchClose {display: block}
    #languages select, #languages select option {font-size: 1.57vw}
    #leftNav {display: inline-block; vertical-align: top; position: relative; top: 20px; border-right: 1px solid #BDE5EC; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; width: 240px; background-color: transparent}
    #leftNav h5 {font-size: 16px; font-weight: bold; text-decoration: none; margin: 0px; padding: 0px 0px 15px 0px}
    #leftNav a {text-decoration: none}
    #leftNav a:hover {text-decoration: underline}
    #leftNav dl {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent}
    #leftNav dt {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; background-color: transparent}
    #leftNav dd {margin: 0px 0px 5px 20px; padding: 0px 20px 0px 0px; background-color: transparent}
    #leftNav h4 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-weight: bold}
    #leftNav #advSearchSubmit {margin: 20px 0px 0px 0px; padding: 3px 7px 3px 7px; width: 170px; font-weight: bold}
    #leftNav ul {font-size: 16px; list-style-type: none}
    #leftNav li {padding: 0px; margin: 0px 0px 5px -20px}
    #leftNav li.hanging-indent {text-indent: -25px; padding-left: 25px;}
    #breadcrumbs {float: left; padding: 3px 0px 0px 30px; z-index: 4; background-color: transparent; font-size: 10px; font-weight: normal; font-style: italic; color: #6C6A6B}
    #content {display: inline-block; position: relative; top: 0px; left: -5px; vertical-align: top; border-left: 1px solid #BDE5EC; margin: 0px; padding: 0px 25px 0px 25px; width: calc(100vw - 365px); background-color: transparent}
}

/*900px to 1519px*/
@media screen and (min-width: 900px) and (max-width: 1519px) {
    #topNav #navMain ul li {padding: .8vw}
    #donateLink {font-size: 1.7vw; padding: 1.45vw 1.97vw 1.45vw 1.97vw}
}

/*900px to 1519px*/
@media screen and (min-width: 900px) and (max-width: 1519px) {
    #topNav #navMain ul li {font-size: 2vw}
    #searchIcon svg {height: 2vw; width: 2vw}
}

/*900px to 1339px*/
@media screen and (min-width: 900px) and (max-width: 1339px) {
    #topNav #navMain {line-height: 2.1vw;}
}

/*900px to 1069px*/
@media screen and (min-width: 900px) and (max-width: 1069px) {
    #topNav, #navMenuDonate {font-size: 1.4vw}
    #topNav div ul, #donate div ul {padding: .5vw .25vw .5vw .25vw}
    #topNav div ul li, #donate div ul li {vertical-align: top}
}

/*1070px and wider*/
@media screen and (min-width: 1070px) {
    #languages select {padding: 10px}
}

/*1070px to 1339px*/
@media screen and (min-width: 1070px) and (max-width: 1339px) {
    #topNav, #navMenuDonate {font-size: 1.2vw}
    #topNav div ul, #donate div ul {padding: 16px}
    #topNav div ul li, #donate div ul li {font-size: 15px}
}

/*1340px and wider*/
@media screen and (min-width: 1340px) {
    #topNav, #navMenuDonate {font-size: 16px}
    #topNav div ul, #donate div ul {padding: 16px}
    #topNav #navMain {line-height: 32px;}
}

/*1340px to 1519px*/
@media screen and (min-width: 1340px) and (max-width: 1519px) {
    #topNav #navMain ul li {padding: 1vw}
    #languages select {font-size: 1.57vw}
}

/*1520px and wider*/
@media screen and (min-width: 1520px) {
    #header {height: 100px}
    /*#header.fixed {top: -100px}*/
    #donateLink {font-size: 26px; padding: 22px 30px 22px 30px}
    /*#navMenuDonate {padding-left: 40px}*/
    #topNav #navMain ul li {padding: 16px; font-size: 31px}
    #searchIcon svg {height: 31px; width: 31px}
    #languages select, #languages select option {font-size: 24px}
    #topNav div, #searchm {top: 100px}
    #middleTable {padding-top: 100px}
}

/*459px and narrower*/
@media screen and (max-width: 459px) {
    #popover {display: none}

    #content .prattlist li {margin-left: 20px; max-width: 430px}
    #content .qaTitle {padding-top: 0px}
    #content .teamBio1 {font-size: 20px; line-height: 24px; padding-bottom: 0px; margin-bottom: 0px}
    #content .teamBio2 {font-size: 16px; line-height: 20px; padding-top: 10px; margin-top: 0px}
    #content h1.sectionHeadingTop {padding: 0px 0px 0px 0px; margin: 0px}
    #content h1.hma1 {}
    #content h1.hma2 {font-size: 18px}
    #content #fixOverlap {position: relative; left: 0px; top: 0px}

    #related {margin-top: 30px}
        
    #seriestitle {padding: 0px}
    h1.hma {display: block;}
    .filesize {color: #535352}
    #content li.smpad {padding: 0px 0px 0px 0px; margin:0px 0px 5px 30px}

    .nomobi {display: none}

    .banner {width: calc(100% - 20px)}
    .progcol {width: calc(100% - 40px)}
    .discArt {width: calc(100% - 20px)}
    .wideimage {max-width: calc(100% - 40px); height: auto}
    .forminput {width: calc(100% - 120px)}
    .forminputdev {width: 100%}
    .forminputwide {width: calc(100% - 60px)}
    .forminputfull {width: calc(100% - 20px)}

    #related {width: calc(100% - 20px)}
        
    #series {padding: 0px}
    #vscoverart {position: relative; top: 0px; left: 0px}

    h1.sectionHeading {font-size: 24px; line-height: normal; padding-bottom: 20px; margin-bottom: 0px}
    h1.bookSectionHeading {font-size: 24px; line-height: normal; margin: 0px; padding: 0px}
    .teamDept {margin-top: 20px}

    h1 span.hma {float: right; font-size: 18px; margin-top: -4px}
    .smallScreen {display: block}
    .smallScreen dl {padding-bottom: 10px}
    .largeScreen {display: none}
    #seriesdescription {display: none}
    .lessonTitle {width: auto}
}


/*all sizes*/    

#middle {position: relative; width: 100%; margin: 0px auto 0px auto; background-image: none; background-color: white}
    #middleTable {display: block; position: relative; margin: 0px auto 0px auto; background-color: white}
        #middleContent {position: relative; width: 100%; min-height: 680px; margin: 0px auto 40px auto; background-color: white; }
            #breadcrumbs {position: absolute; left: 0px; padding: 3px 0px 0px 30px; z-index: 4; background-color: transparent; font-size: 10px; font-weight: normal; font-style: italic; color: #6C6A6B}
            #breadcrumbs a {text-decoration: none; color:  #6C6A6B}
            #breadcrumbs a:hover {text-decoration: underline}
            #breadcrumbs img {border: none; position: relative; top: 3px}
            
            #middleSpacer {display: block; height: 35px; width: auto; position: relative; margin-right: 20px; z-index: 3}
            #open {float: left; padding: 12px 0px 0px 300px}
            @media screen and (max-width: 889px) {#open {float: none; padding: 12px 0px 0px 0px; text-align: center}}
            @media screen and (max-width: 600px) {#open {font-size: 12px}}
            @media screen and (max-width: 560px) {#open {display: none}}
            /*@media screen and (max-width: 540px) {#open {float: left; padding: 35px 0px 0px 45px; }}*/
            /*@media screen and (max-width: 459px) {#open {padding: 12px 0px 0px 5px; }}*/
            #open a {color: white; padding: 5px; font-weight: normal; border-radius: 10px; text-decoration: none; background-color: #2B9E43}
            #addThis {position: absolute; right: 0px}
            #addThis a {position: relative; top: 5px; padding: 0px; margin: 0px}
            
            #content #iframe {position: relative; left: 0px; width: 100%; min-height: 700px; margin: 0px; padding: 0px; border: 0px; background-color: transparent; z-index: 0}
            #content #authorBio {padding: 0px 0px 20px 0px; border-bottom: 1px solid #BDE5EC; min-height: 200px}
            #content h1 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; line-height: normal}
            #content h1.sectionHeadingTop {padding: 20px 0px 10px 0px; margin: 0px}
            #content ul {margin: 0px; padding: 0px}
            #content li {margin: 0px 0px 0px 40px; padding: 0px}
            #content .pageitems {MARGIN-TOP: 10px; MARGIN-BOTTOM: 40px}
            #content .index {padding: 0px; margin: 0px 0px 10px 40px}
            
            .videoWrapper169 {position: relative; padding-bottom: 56.25% /* 16:9 */; height: 0;}
            .vid {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .tvid {width: 400px; height: 225px}
            
            .progcol {display: inline-block; vertical-align: top; width: 180px}
            .discArt {border: 1px solid silver}

            .forminput {width: 400px}
            .forminputdev {min-width: 30vw; max-width: 400px}
            .forminputwide {width: 460px}
            .forminputfull {width: 500px}

            .kw2 {width: 180px; height: 26px; font-size: 16px}
            #content #fixOverlap {position: relative; top: 20px}
            .topLinkPad {padding-top: 20px}

            #seriestitle {padding: 20px 0px 0px 0px}
            h1.hma {display: inline;}
            #content h1.hma1 {}
            #content h1.hma2 {float: right; padding: 0px; font-size: 18px}
            .smallScreen {display: block}
            .largeScreen {display: none}
            .filesize {color: #bbbbbb}
            #seriesdescription {display: none}
            .lessonTitle {}
            #content.sbNoteContent {border: none; left: 65px}
            
            #related {min-height: 300px; margin-top: 30px}
            #related h5 {font-size: 14px; font-weight: bold; text-decoration: none; margin: 0px; padding: 0px 0px 15px 0px}
            #related ul {font-size: 13px; list-style-type: none}
            #related li {padding: 0px; margin: 0px 0px 10px 0px}
            #related .lists {border: 1px solid #BDE5EC; padding: 20px; background-color: white; vertical-align: top;
                display: inline-block; width: 210px; min-height: 170px; margin: 0px 20px 0px 0px}
            #related .searchResult {font-size: 14px; font-weight: inherit; text-decoration: underline}
            #related .related {font-size: 11px}

    #footer {font-size: 16px; display: block; position: relative; width: 100%; margin: 0px; padding: 0px; background-color: #535352; color: white; text-align: center; }
        #footerContent {display: inline-block; margin-top: 30px; padding-bottom: 40px; text-align: left}
        #footerContent div {width: 22vw; min-width: 250px; clear: both}
        #followUs {margin: 5px 0px 0px 0px}
        #followUs img {vertical-align: middle; margin: 5px 10px 5px 0px; height: 36px; width: 36px}
    
        #ecfa {margin: 10px 0px 0px 0px}
        #intphil {margin: 10px 0px 0px 0px}
        #legalfoot {margin: 20px 0px 0px 0px}

        #ecfa img, #intphil img {float: left; margin: 0px 15px 15px 0px}
        #footer ul {list-style-type: none; margin: 0px; padding: 10px 0px 0px 30px}
        #footer #footerColumn3 ul {padding-left: 10px}
        #footer ul li {padding: 0px; border: 0px; float: none}
        #footer .subhead {font-weight: bold}
        #footer a {margin: 0px; padding: 0px; text-decoration: none; color: white}
        #footer a:hover {color: #bde5ec}
        #footer .hanging-indent {text-indent: -25px; padding-left: 25px;}
        #footer a:active {color: #bde5ec}
        #footer a:selected {color: #bde5ec}
        #footer h3 {font-size: 16px; margin: 0px; padding: 20px 0px 0px 10px; font-weight: bold}