a:link { color: #923E05} a:hover, a:focus { color: #AE5E0D; text-decoration: underline } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } @media screen and (max-width: 1024px) { nav[role="custom-dropdown"] ul { display: none; height: 100%; width: 90%; margin-left: 20px } nav[role="custom-dropdown"] label { position: relative; display: block; width: 100%; min-height: 2.25em; padding: .45em; font-size: 1.3em; margin: 0; color: #666 } nav[role="custom-dropdown"] label:after { position: absolute; right: .25em; top: 0; content: "\2261"; font-size: 2em } nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after { color: #222 } nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul { display: block } nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li { width: 100%; text-align: left; border-bottom-color: #666; border-bottom: 1px solid #000 } nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:after { position: absolute; right: .25em; content: "\203A"; font: bold 1.4em sans-serif } } #abort-box { position: relative; float: right; margin: 0 0 5px 20px; padding: 8px; border: 1px; border-color: #888; border-style: solid; border-radius: 8px; background-color: #DFDFDF; width: 300px } @media screen and (max-width: 768px) { #abort-box { float: none; text-align: center } } @media screen and (max-width: 480px) { #abort-box { float: left; margin: 0 0 5px; padding: 3px 0; width: 100% } } .abortion { width: 100% } #abortion { text-align: center; width: 300px; height: 10px } #abort-counter { font-family: Franklin Gothic Medium; font-size: 18pt; color: #333; font-weight: 700; width: 100% } #abort-caption { font-family: Arial, Helvetica, sans-serif; font-size: .875em; padding: 8px; line-height: 1.2 } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } .hr { background-repeat: repeat-x; height: 2px; padding: 10px 0 0; background-image: url(/images-new/hr.png) } .hr-35 { background-repeat: repeat-x; width: 35%; height: 2px; padding: 10px 0 0; background-image: url(/images-new/hr.png) } .hr-toc { background-repeat: repeat-x; height: 2px; padding: 10px 0 0; background-image: url(/images-new/hr.png); clear: both } .hr-more { background-repeat: repeat-x; height: 2px; padding: 10px 0 0; background-image: url(/images-new/hr.png); margin-left: -20px } .hr-dark { background-repeat: repeat-x; height: 2px; padding: 10px 0 0; background-image: url(/images-new/hr-dark.png) } .hr-fifty { text-align: center; width: 50%; background-repeat: repeat-x; height: 2px; padding: 10px 0 0; background-image: url(/images-new/hr.png) } .hr-toc { clear: both; float: left; text-align: left; width: 100%; padding-bottom: 0; background-image: url(/images-new/hr.png) } body.busy { cursor: wait } label.inline { display: inline; margin: 0 } label span { color: #666; font-size: .9em } label span.right { position: absolute; bottom: 0; right: 1em; text-align: right } label.disabled { color: #ccc } input:invalid, textarea:invalid { -webkit-box-shadow: 0 0 2px red; -moz-box-shadow: 0 0 2px red; box-shadow: 0 0 2px red } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #ccc } @-webkit-keyframes "bugfix" { from { padding: 0; } to { padding: 0; } } #google_ad_top { position: relative; padding: 20px 0 10px; margin-top: 30px } #google_ad_comments { position: relative; padding: 10px; margin-top: 30px } .google_ad_page { margin-top: 10px; margin-bottom: 30px } #google_responsive { position: relative; padding: 0 0 10px } #article ul { font-size: 1.1em; line-height: 1.5 } p.indent { margin: 0 50px 20px } .indent { margin: 0 50px 20px } .indent-two { margin: 0 100px 20px } p.indent-two { margin: 0 100px 20px } p.footbot { color: #700505; font-family: "Arial", Times, serif; font-size: 0.875em !important; text-align: left; color: #434F35 } .footnote { font-size: .875em; color: #333; text-align: left } .foot { margin-left: auto; margin-right: auto; left: 35px; text-indent: 0; width: 88%; color: #333 } p.foot { margin-left: auto; margin-right: auto; left: 35px; text-indent: 0; width: 88%; color: #333 } p.hfour { font-weight: 700 } .video_playlist_container { margin-left: 35px } .video_single_playlist { margin: 0 0 15px; font-family: Arial, Helvetica, sans-serif; height: auto; line-height: 1.2em; position: relative; list-style-position: inside; width: 100%; text-align: center } .video_playlist_heading { clear: both; padding: 0; position: relative; font-size: 1em; font-weight: 700; top: 5px; text-align: center; width: 80% } .video_playlist_text { width: 100%; font-size: .938em; margin: 10px 0; color: #AE5E0D; text-align: left; position: absolute; top: 130px } .video_playlist_time { width: 85%; font-size: .775em; margin: 10px 0 10px -10px; color: #000; text-align: right; position: absolute; top: -13px; font-family: Arial, Helvetica, sans-serif }.video_playlist_time2 { width: 85%; left:5px; top:-19px; font-size:.7em; margin: 10px 0 10px -10px; color: #000; text-align: right; position: absolute; font-family: Arial, Helvetica, sans-serif } .video_single_playlist li { color: #333; margin-left: -15px; font-size: 1.2em; font-weight: 700 } .round_video_playlist { width: 120px; height: 80px; -webkit-box-shadow: -5px -5px 15px 0 rgba(50, 50, 50, 0.55); -moz-box-shadow: -5px -5px 15px 0 rgba(50, 50, 50, 0.55); box-shadow: -5px -5px 15px 0 rgba(50, 50, 50, 0.55); margin-left: 25px; border-radius: 8px; border: solid; border-width: 1px; border-color: #73664D; background-repeat: no-repeat; text-align: right } @media only screen and (max-width: 840px) { .col video_1_of_5 { width: 100% } } .spacer_death { padding-top: 250px } .spacer { padding-top: 135px } .spacer_5_lines { padding-top: 15px } .spacer_15_lines { padding-top: 60px } .spacer_25 { padding-top: 135px } .spacer_50 { padding-top: 135px } .spacer_75 { padding-top: 135px } .spacer_100 { padding-top: 135px } @media only screen and (max-width: 768px) { .spacer_25 { padding-top: 135px } .spacer_50 { padding-top: 145px } .spacer_75 { padding-top: 195px } .spacer_100 { padding-top: 205px } } @media screen and (max-width: 480px) { .spacer_25 { padding-top: 155px } .spacer_50 { padding-top: 225px } .spacer_75 { padding-top: 260px } .spacer_100 { padding-top: 275px } } @media screen and (max-width: 320px) { .spacer_25 { padding-top: 155px } .spacer_50 { padding-top: 245px } .spacer_75 { padding-top: 350px } .spacer_100 { padding-top: 385px } } .back-arrow { position: relative; clear: both; float: left; margin-top: 7px; background-image: url(/images-new/back-arrow.png); width: 24px; height: 22px } .back-arrow-text { position: relative; padding-left: 25px; color: #666 } #video-text { color: #333; font-size: .7em; line-height: 125%; width: 120px; margin-left: 20px; margin-top: 5px; font-family: MuseoSlab300, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; font-weight: 400; letter-spacing: -1px; text-shadow: 0 1px 1px #fff } #article #video-text { font-size: .7em } .table-heading { color: #333; font-size: 1em; line-height: 125%; width: auto; margin-left: 20px; margin-top: 5px; font-family: MuseoSlab300, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; font-weight: 700; letter-spacing: -1px; text-shadow: 0 1px 1px #fff } .table-text { font-family: Arial, Helvetica, sans-serif; line-height: 1.5; color: #555555; font-size: 0.9em; font-weight: 400 } .table_col_4_of_4 { width: 100%; text-align: left; padding: 10px 15px; background-color: #ffffff } .table_col_3_of_4 { width: 74.6%; text-align: left; padding: 10px 15px; background-color: #ffffff } .table_col_2_of_4 { width: 49.2%; text-align: left; padding: 10px 15px; background-color: #ffffff } .table_col_1_of_4 { width: 23.8%; text-align: left; padding: 10px 15px; background-color: #ffffff } .table_col_3_of_3 { width: 100%; text-align: left; padding: 10px 15px; background-color: #ffffff } .table_col_2_of_3 { text-align: left; width: 66.13%; padding: 10px 15px; background-color: #ffffff } .table_col_1_of_3 { width: 32.26%; text-align: left; float: left; padding: 10px 15px; border-color: #4E4933; border-style: solid; border-left-width: 1px; border-collapse: collapse; background-color: #ffffff } .table_col_1_of_2 { text-align: left; width: 49.2%; float: left; padding: 10px 15px; border-color: #4E4933; border-collapse: collapse; background-color: #ffffff; border-style: solid; border-left-width: 1px } .table_col_2_of_2 { width: 100%; text-align: left } @media only screen and (max-width: 800px) { .table_col_3_of_3 { width: 100% } .table_col_2_of_3 { width: 100% } .table_col_1_of_3 { width: 100% } .table_col_1_of_2 { width: 100% } .table_col_4_of_4 { width: 100% } .table_col_3_of_4 { width: 100% } .table_col_2_of_4 { width: 100% } .table_col_1_of_4 { width: 100% } } #verse { float: left; font-size: .875em; margin-top: -10px; margin-left: 25px; padding-right: 20px; text-shadow: 0 1px 1px #fff } #add_this { float: right; padding-top: 10px; margin-right: 25px } p.audio-menu { float: left; margin-left: 40px; width: 100%; font-size: 1.2em; margin-top: -23px } p.audio-menu-text { font-family: "Arial", Times, serif; font-size: .8em; text-align: left; color: #000 } .audio-dropdown-img { top: 0 } @media (max-width: 1078px) { p.audio-menu { padding-left: 40px; margin-top: -20px } } .audio_toc_icon { float: left; position: relative; height: auto; top: 0; left: 0; width: 100%; padding-right: 10px } #image_top { background-image: url(/images-new/mystery-dvd.jpg); margin-left: 20px; width: 251px; height: 250px; float: right; background-repeat: no-repeat; text-align: right } @media (max-width: 840px) { #image_top { visibility: hidden; display: none } } p.methodist { font-weight: 700; color: #9A6618 } p.churchman { font-weight: 700; color: #495144 } p.note { color: #4E3F30; font-family: "Arial", Times, serif; font-size: .9em } p.first { text-align: left } @media (max-width: 768px) { p.first { text-align: left; clear: both } } #dvd { position: relative; color: #333; font-family: "Arial", Times, serif; float: left; padding: 20px 20px 20px 40px } .table { width: 100%; padding: 0; margin-left: 0; margin-right: auto; border-collapse: collapse; background-color: #ffffff; font-family: "Arial", Times, serif; font-size: 1em; line-height: 1.2; text-align: left; color: #333 } .table-head { width: 90%; padding: 10px; margin-left: 0; margin-right: auto; border-style: none; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; vertical-align: text-top; border-collapse: collapse; background-color: #ffffff; font-family: "Arial", Times, serif; font-size: 1em; line-height: 125%; text-align: left; color: #333; font-weight: 700 } td.head-63 { width: 63% } td.head-30 { width: 30% } td.txtfix { width: 25%; font-size: 1em; line-height: 125%; vertical-align: text-top; padding: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: solid } .table_pray { margin-top: 20px; width: 100%; border-collapse: collapse; font-family: "Arial", Times, serif; font-size: 1em; line-height: 125%; text-align: left; color: #333; padding-top: 0; padding-right: 0; padding-bottom: 0; clear: both } td { border-top-style: none; font-size: 1em; line-height: 125%; border-bottom-style: none } th { border: 1px solid #8c815e; font-size: .9em; border-top-style: none; border-bottom-style: solid; padding: 10px } td.head { width: 680px; border-width: 1px; border-style: double; border-color: #6c755c; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000; border-right-color: #dbdad8; border-bottom-color: #dbdad8; border-left-color: #000; padding: 5px } td.col-1 { width: 15%; font-size: 1em; line-height: 125%; vertical-align: text-top; padding: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: solid } td.col-2 { width: 35%; font-size: 1em; line-height: 125%; vertical-align: text-top; padding: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: none } td.col-3 { width: 25%; font-size: 1em; line-height: 125%; vertical-align: text-top; padding: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: none } td.col-same-1 { width: 31%; font-size: 1em; line-height: 125%; padding-right: 10px; padding-left: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: solid } td.col-same-2 { width: 31%; font-size: 1em; line-height: 125%; padding-right: 10px; padding-left: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: solid } td.col-same-3 { width: 31%; font-size: 1em; padding-right: 10px; padding-left: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: solid } td.col-two-1 { width: 49%; font-size: 1em; vertical-align: text-top; padding-right: 10px; padding-left: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: solid } td.col-two-2 { width: 49%; font-size: 1em; vertical-align: text-top; padding-right: 10px; padding-left: 10px; border: 1px solid #8c815e; border-right-style: solid; border-bottom-style: none; border-left-style: solid } th.txtfix { width: 200px; font-weight: 700; font-size: .9em; border-width: 1px; border-color: #8c815e; border-collapse: collapse; padding: 10px; border-style: none solid solid none } td.txtfixtwo { width: 300px; border-width: 1px; border-color: #8c815e; border-collapse: collapse; font-size: .9em; line-height: 125%; vertical-align: text-top; padding: 10px; border-style: none solid none none } th.txtfixtwo { width: 300px; font-weight: 700; font-size: .9em; border-left-style: none; border-width: 1px; border-color: #8c815e; border-collapse: collapse; padding: 10px } td.noright { border-width: 1px; border-color: #8c815e; width: 200px; font-size: .9em; padding: 10px; border-style: none none none solid } td.norighttwo { border-right-style: none; width: 300px; font-size: .9em; border-left-style: none; padding: 10px } th.noright { font-weight: 700; font-size: .9em; border-right-style: none; width: 200px; border-left-style: none; padding: 10px } th.norighttwo { font-weight: 700; font-size: .9em; border-right-style: none; width: 300px; border-left-style: none; padding: 10px } td.narrow { width: 100px; border-width: 1px; border-color: #8c815e; border-collapse: collapse; font-size: .9em; line-height: 125%; vertical-align: text-top; padding: 10px; border-style: none solid none none } .one { width: 90%; border-style: none; border: 1px solid #8c815e; padding: 10px } td.nero { border: 1px solid #8c815e; vertical-align: text-top; width: 50%; margin-left: auto; margin-right: auto; border-collapse: collapse; color: #333; font-family: "Arial", Times, serif; font-size: .9em; line-height: 125%; text-align: right; border-style: none solid none none } td.neronoright { color: #333; font-family: "Arial", Times, serif; font-size: .9em; text-align: left; border-style: none } td.nerotop { color: #333; font-family: "Arial", Times, serif; font-size: .9em; text-align: left; border-style: solid none none } td.nerotopr { color: #333; font-family: "Arial", Times, serif; font-size: .9em; text-align: right; border-style: solid none none } td.txt_pray { width: 200px; border-style: none; border-top-style: none; border-bottom-style: solid; border-right-style: solid; border-left-style: none; border-width: 1px; border-color: #8c815e; border-collapse: collapse; font-size: 1.3em; line-height: 125%; vertical-align: text-top; padding: 10px; color: #9A6618; font-weight: 700 } td.narrow_pray { border-width: 1px; border-color: #8c815e; border-collapse: collapse; font-size: .9em; font-weight: bolder; line-height: 125%; vertical-align: text-top; border-style: none solid solid none } td.noright_pray { border: 1px solid #8c815e; border-right-style: none; border-bottom-style: solid; width: auto; height: auto; font-size: 1em; border-left-style: none; padding: 20px } .table_preach { border: 1px solid #8c815e; margin-top: 10px; width: 90%; margin-left: auto; margin-right: auto; vertical-align: text-top; border-collapse: collapse; font-family: "Arial", Times, serif; font-size: 1em; line-height: 125%; text-align: left; color: #333; padding-top: 0; padding-right: 0; padding-bottom: 0; clear: both } td.preach { border: 1px solid #8c815e; text-align: left; width: 50%; font-size: .9em; padding: 10px } th.preach { border: 1px solid #8c815e; font-weight: 700; font-size: .9em; width: auto; padding: 10px } @media (max-width: 768px) { .table { font-size: .875em } td.col-1 { width: 15% } td.col-2 { width: 25% } td.col-3 { width: 5% } } @media (max-width: 480px) { .table-head { margin-left: -20px } .table { font-size: .875em; margin-left: -20px } td.col-3-same { width: 100% } } @media (max-width: 320px) { .table-head { margin-left: -20px } .table { font-size: .875em; margin-left: -20px } } .head-note { font-size: .875em; color: #333; text-align: left; padding: 20px 0; line-height: 1.2em } span.head-note { font-size: 1em; color: #333; text-align: left; padding-right: 0; padding-left: 0 } #head-note { font-size: 1em; color: #AE5E0D; text-align: left; margin-bottom: 20px } .gk { font-family: "PCSB Greek"; font-size: 1.1em; color: #333 } .gkpc { font-family: "PCSB Greek"; font-size: 1.1em; color: #333 } .heb { font-family: "PCSB Hebrew Outline"; font-size: .9em; color: #333 } p.cfont { font-family: Arial; font-family: Arial, Times, serif; text-align: center; font-weight: 700; color: #333 } p.dfont { font-family: "Arial", Times, serif; font-size: .8em; text-align: center; color: #6c635b }  p.indenttwo { margin-left: auto; margin-right: auto; line-height: 125%; text-align: left; color: #333; left: 47px; text-indent: 0; width: 79% } .bold_verses { color: #600; font-weight: 700 } .red_italic { color: #600; font-style: italic } .leftimage { float: left; left: 0; padding-left: 40px; padding-right: 0; padding-top: 10px; width: 140px } .rightimage { float: right; right: 0; padding: 20px 40px 0 20px } div.leftimage_2 { float: left; left: 0; padding: 20px 20px 0 40px } .links_top { font-size: .8em; font-family: "Arial", Times, serif; color: #704431 } .links_head { font-family: "Arial", Times, serif; font-weight: bolder; font-size: 1em; text-align: left; color: #695024 } .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none } .modalDialog:target { opacity: 1; pointer-events: auto } .modalDialog > div { width: 640px; position: relative; margin: 10% auto; padding: 5px 20px 13px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999) } .close { background: #606061; color: #FFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: 700; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000 } .close:hover { background: #00d9ff } .clear-left { clear: left } .hide { display: none } .home_1_of_2 { width: 49.2%; text-align: center; float: left } @media only screen and (max-width: 840px) { .home_1_of_2 { width: 100% } } .home_1_of_4 { width: 23.8% } @media only screen and (max-width: 840px) { .home_1_of_4 { width: 100% } } #content { font-size: 1.3em; text-align: left; line-height: 1.5em } #center-img { margin-top: 20px } .one-edge-shadow { -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px #000; box-shadow: 0 8px 6px -6px #000 } .icons-container { position: relative; margin-left: 0; padding-top: 40px; width: 100%; text-align: center } span.icons-topic { padding-right: 0 } .home_2_of_2 { position: absolute; top: 0; display: none; visibility: hidden } @media only screen and (max-width: 840px) { .home_2_of_2 { position: relative; display: block; visibility: visible; margin-bottom: 5px; margin-top: 15px; margin-left: 0; padding: 0 30px 0 10px; color: #000; text-shadow: 0 1px 1px #fff } } .leftimage { float: left; left: 0; padding-left: 0; padding-right: 0; padding-top: 10px; width: 140px } .rightimage { float: right; right: 0; padding: 20px 0px 0 20px } div.leftimage_2 { float: left; left: 0; padding: 20px 20px 0 0px } blockquote, q { quotes: none; line-height: 1.5; margin-left: 40px; margin-right: 20px } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help } table { border-collapse: collapse; border-spacing: 0 } th { font-weight: 700; vertical-align: bottom } td { font-weight: 400; vertical-align: top } pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word } .ie7 input[type="checkbox"] { vertical-align: baseline } .ie6 input { vertical-align: text-bottom } pre, code, kbd, samp { font-family: monospace, sans-serif } .clickable, label, input[type=submit], input[type=file], .ie7 img { -ms-interpolation-mode: bicubic } table { font-size: inherit; font: 100% } small { font-size: 85% } strong { font-weight: 700 } td, td img { vertical-align: top } a:focus { outline: thin dotted } a:hover, a:active { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } i { font-style: italic } mark { background: #ff0; color: #000 } p, pre { margin: 1em 0 } 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: 75% } sub, sup { font-size: 75%; line-height: 0; position: relative; height: 0; ine-height: 1; vertical-align: baseline; _vertical-align: bottom; color: #733406 } sup { top: -.5em; bottom: .5ex } sub { bottom: -.25em; top: .5ex } dl, menu, ol, ul { margin: 1em 0 } dd { margin: 0 0 0 40px } menu, ol, ul { padding: 0 0 0 40px } nav ul, nav ol { list-style: none; list-style-image: none } svg:not(:root) { overflow: hidden } figure { margin: 0 } table { border-collapse: collapse; border-spacing: 0 } h4 { color: #666; margin-bottom: .5em; font-size: 1.2em; line-height: 1.25; font-weight: 700 } h5 { color: #777; margin-bottom: 1.25em; font-size: 1em } h6 { color: #4E3F30; font-size: 1.2em } p, ol, ul, dl, address { margin-bottom: 1.5em } p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto } ul, ol { margin: 0 0 1.5em; padding: 0 0 0 24px; list-style-type: disc; list-style-position: inside } li ul { margin: 0; font-size: 1em } dl, dd { margin-bottom: 1.5em } dt { font-weight: 400 } b, strong { font-weight: 700 } small { font-size: 1em } #skiptomain { display: none } #audiocontentcontainer { width: 100% } #footercontainer { width: 100%; border-top: 6px solid #bbb; background: #222 url(/videos/images/footerback.png) left top } footer { clear: both; width: 80%; font-size: .8125em; max-width: 92.3em; margin: 0 auto; padding: 20px 0 10px; color: #999 } footer li { color: #BFBC9B; list-style-type: disc } .footer_headers { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1.1em; color: #B64705; margin-left: 0; text-decoration: underline; text-align: left; padding-top: 0; padding-bottom: 5px } .footer_column { font-family: Arial, Helvetica, sans-serif; font-size: 1em; list-style-type: disc; list-style-position: inside; color: #B3731C; margin-left: 0; line-height: 135%; padding: 0; text-align: left } .footer_copyrights { font-size: .7em; padding: 0; color: #B64705; clear: both; text-align: left } .footer_copyrights a { color: #c5c2a2; text-decoration: none; font-size: .9em } .footer_copyrights a:hover { color: #C1801E; text-decoration: none } .footer_column a { color: #c5c2a2; text-decoration: none } .footer_column a:visited { color: #c5c2a2; text-decoration: none } .footer_column a:hover { color: #C1801E; text-decoration: none } .copyright { text-align: left; font-family: "Arial", Times, serif; font-size: .875em; margin-top: 24px; color: #B64705; width: 270px } .disclaimer { color: #4E3F30; font-size: .750em } pre.code { padding: 0; margin: 0; font-family: monospace; white-space: pre-wrap; font-size: 1.1em } strong.code { font-weight: 400; font-family: monospace; font-size: 1.2em } #example .col { background: #ccc; background: rgba(204, 204, 204, 0.85) } #sample .col { background: #ccc; padding: 1em 0; background: rgba(204, 204, 204, 0.85) } #calculated .col { background: #ccc; padding: 1em 0; background: rgba(204, 204, 204, 0.85) } .note { position: relative; padding: 1em 1.5em; margin: 0 0 1em; background: #fff; background: rgba(255, 255, 255, 0.5); overflow: hidden } .note:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; border-style: solid; border-color: transparent transparent #ccc #ccc; background: #ccc; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); display: block; width: 0 } .note.rounded { -webkit-border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px } .note.rounded:before { border-width: 8px; border-color: #ff #ff transparent transparent; background: url(/images/bodyback.png); -webkit-border-bottom-left-radius: 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px } .siteimage { max-width: 90%; padding: 5%; margin: 0 0 1em; background: transparent url(/images/stripe-bg.png); -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease } .siteimage:hover { background: #bbb url(/images/stripe-bg.png); position: relative; top: -2px } .twocolumns { -moz-column-count: 2; -moz-column-gap: 2em; -webkit-column-count: 2; -webkit-column-gap: 2em; column-count: 2; column-gap: 2em } .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-weight: 400; color: #fff; padding: .5em 1em; margin: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); background: #c12 url(/images/glass.png) repeat-x 0 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 1.1em } .button:hover { background: #d23 url(/images/glass.png) repeat-x 0 50%; color: #fff; text-decoration: none } .button:active { background: #d23 url(/images/glass.png) repeat-x 0 50%; color: #fff; position: relative; top: 1px } .button:visited { color: #fff } .breaker { clear: both } .group:before, .group:after { content: ""; display: table } .group:after { clear: both } .group { zoom: 1 } .floatleft { float: left } .floatright { float: right } ::-webkit-selection { background: #c4bdad; color: #fafafa; text-shadow: none } ::-moz-selection { background: #c4bdad; color: #fafafa; text-shadow: none } ::selection { background: #c4bdad; color: #fafafa; text-shadow: none } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button } ::-webkit-input-placeholder { font-size: .875em; line-height: 1.4 } input:-moz-placeholder { font-size: .875em; line-height: 1.4 } .ie7 img, .iem7 img { -ms-interpolation-mode: bicubic } input[type="checkbox"], input[type="radio"] { box-sizing: border-box } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } .section { clear: both; padding: 0; margin: 0 } .group:before, .group:after { content: ""; display: table } .group:after { clear: both } .group { zoom: 1 } .col { display: block; float: left; margin: 1% 0 1% 1.6% } .col:first-child { margin-left: 0 } @media only screen and (max-width: 480px) { .col { margin: 1% 0 } } .span_2_of_2 { width: 100% } .span_1_of_2 { width: 49.2%; text-align: left } @media only screen and (max-width: 480px) { .span_2_of_2 { width: 100% } .span_1_of_2 { width: 100% } } .span_3_of_3 { width: 100% } .span_2_of_3 { width: 66.13% } .span_1_of_3 { width: 32.26%; text-align: left } @media only screen and (max-width: 480px) { .span_3_of_3 { width: 100% } .span_2_of_3 { width: 100% } .span_1_of_3 { width: 100% } } .span_4_of_4 { width: 100% } .span_3_of_4 { width: 74.6% } .span_2_of_4 { width: 49.2% } .span_1_of_4 { width: 23.8% } @media only screen and (max-width: 480px) { .span_4_of_4 { width: 100% } .span_3_of_4 { width: 100% } .span_2_of_4 { width: 100% } .span_1_of_4 { width: 100% } } .span_5_of_5 { width: 100% } .span_4_of_5 { width: 79.68% } .span_3_of_5 { width: 59.36% } .span_2_of_5 { width: 39.04% } .span_1_of_5 { width: 18.72% } @media only screen and (max-width: 480px) { .span_5_of_5 { width: 100% } .span_4_of_5 { width: 100% } .span_3_of_5 { width: 100% } .span_2_of_5 { width: 100% } .span_1_of_5 { width: 100% } } #owl-demo .item { color: #FFF; text-align: left; margin: 15px 0 0 -15px; font-size: 1em } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel .owl-item { float: left } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .grabbing { cursor: url(/images-new/grabbing.png) 8 8, move } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-theme .owl-controls { margin-top: 10px; text-align: center } .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 1.1em; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #586054; filter: Alpha(Opacity=50); opacity: .5 } #play-all { width: 125px; color: #fff; display: inline-block; zoom: 1; *display: inline; margin: 5px 15px 5px 0; padding: 3px 10px; font-size: 1.1em; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #586054; filter: Alpha(Opacity=50); opacity: .5; position: relative; text-align: center } #play_all_100 { padding-left: 5px; margin-left: -10px; text-align: left; width: 120px } #play-all a { color: #fff; text-decoration: none } #play-all a:hover, a:focus { color: #1F201C; text-decoration: underline } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline } .owl-theme .owl-controls .owl-page span { display: block; width: 20px; height: 20px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #586054 } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1 } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-item.loading { min-height: 150px; background: url(/images-new/AjaxLoader.gif) no-repeat center center } .clearfix:before, .clearfix:after { content: ""; display: table; height: 0; overflow: hidden } .clearfix:after { clear: both } .clearfix { *zoom: 1 } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease } .collapse.in { height: auto } 
.lity {z-index: 9990;position: fixed;top: 0;right: 0;bottom: 0;left: 0;white-space: nowrap;background: #0b0b0b;background: rgba(0, 0, 0, 0.9);outline: none !important;opacity: 0;-webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}.lity.lity-opened {opacity: 1;}.lity.lity-closed {opacity: 0;}.lity * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.lity-wrap {z-index: 9990;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: center;outline: none !important;}.lity-wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}.lity-loader {z-index: 9991;color: #fff;position: absolute;top: 50%;margin-top: -0.8em;width: 100%;text-align: center;font-size: 14px;font-family: Arial, Helvetica, sans-serif;opacity: 0;-webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}.lity-loading .lity-loader {opacity: 1;}.lity-container {z-index: 9992;position: relative;text-align: left;vertical-align: middle;display: inline-block;white-space: normal;max-width: 100%;max-height: 100%;outline: none !important;}.lity-content {z-index: 9993;width: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;-o-transition: -o-transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;}.lity-loading .lity-content, .lity-closed .lity-content {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}.lity-content:after {content: '';position: absolute;left: 0;top: 0;bottom: 0;display: block;right: 0;width: auto;height: auto;z-index: -1;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}.lity-close {z-index: 9994;width: 35px;height: 35px;position: fixed;right: 0;top: 0;-webkit-appearance: none;cursor: pointer;text-decoration: none;text-align: center;padding: 0;color: #fff;font-style: normal;font-size: 35px;font-family: Arial, Baskerville, monospace;line-height: 35px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);border: 0;background: none;outline: none;-webkit-box-shadow: none;box-shadow: none;}.lity-close::-moz-focus-inner {border: 0;padding: 0;}.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {text-decoration: none;text-align: center;padding: 0;color: #fff;font-style: normal;font-size: 35px;font-family: Arial, Baskerville, monospace;line-height: 35px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);border: 0;background: none;outline: none;-webkit-box-shadow: none;box-shadow: none;}.lity-close:active {top: 1px;}.lity-image img {max-width: 100%;display: block;line-height: 0;border: 0;}.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {width: 100%;max-width: 964px;}.lity-iframe-container {width: 100%;height: 0;padding-top: 56.25%;overflow: auto;pointer-events: auto;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-overflow-scrolling: touch;}.lity-iframe-container iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}.lity-hide {display: none;}
.abs-center{margin: auto;position: fixed;top:0;right:0;bottom:0;left:0;}#timeline{width: 300px;height: 5px;margin-top: 20px;float: left;border-radius: 15px;background: rgba(173, 78, 19, .8);}#playhead{cursor: pointer;width: 15px;height: 15px;border-radius: 50%;margin-top: -6px;background: black;}#audioplayer{width: 460px;height: 30px;margin: auto;margin-top: 0px;margin-left: 10px;}@media only screen and (max-width:480px){#timeline{width:240px}#audioplayer {margin-left: 10px;}}#pButton{height:60px;width: 60px;border: none;background-size: 50% 50%;background-repeat: no-repeat;background-position: center;float:left;outline:none;margin-top: -7px;}.play{background: url('/audio-player/images/play.png') ;}.pause{background: url('/audio-player/images/pause.png') ;}#handle{cursor: pointer;width: 18px;height: 18px;border-radius: 50%;margin-top: 1px;}#audio_wrapper {width: 100%;max-width: 400px;min-width: 270px;position: relative;text-align: left;padding: 0 0 30px;margin-left: -27px;}#audio-player {overflow: hidden;background-color: #ffffff;hieght:20px;}.sticky {position: fixed;top: 0;margin-left: -40px;height:40px;width: 100%;background-image:url(/images-new/background.jpg);}.sticky + #article {padding-top: 60px;}.audio-time {position:relative;left:-50px;float:right;font-size:.8em}@media only screen and (max-width:480px){.audio-time{left:-120px;font-size:.7em}}