* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

img { line-height: 0; vertical-align: middle }

nav ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent }

ins { background-color: #FFFF99; color: #000000; text-decoration: none }

mark { background-color: #FFFF99; color: #000000; font-style: italic; font-weight: bold }

del { text-decoration: line-through }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }

table { border-collapse: collapse; border-spacing: 0 }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0 }

input, select { vertical-align: middle }

body { font: 13px/1.231 sans-serif; *font-size: small; -webkit-overflow-scrolling: touch }

select, input, textarea, button { font: 99% sans-serif }

pre, code, kbd, samp { font-family: monospace, sans-serif }

body, select, input, textarea { color: #444444 }

h1, h2, h3, h4, h5, h6 { font-weight: bold }

html { overflow-y: scroll }

a:hover, a:active { outline: none }

ul, ol { list-style: none }

ol { list-style-type: decimal }

nav ul, nav li { margin: 0 }

small { font-size: 85% }

strong, th { font-weight: bold }

td, td img { vertical-align: top }

sub { vertical-align: sub; font-size: smaller }

sup { vertical-align: super; font-size: smaller }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word }

textarea { overflow: auto }

.ie6 legend, .ie7 legend { margin-left: -7px }

input[type="radio"] { vertical-align: text-bottom }

input[type="checkbox"] { vertical-align: bottom }

.ie7 input[type="checkbox"] { vertical-align: baseline }

.ie6 input { vertical-align: text-bottom }

label, input[type=button], input[type=submit], button { cursor: pointer }

button, input, select, textarea { margin: 0 }

input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #F0DDDD }

a:link { -webkit-tap-highlight-color: #FF5E99 }

button { width: auto; overflow: visible }

.ie7 img { -ms-interpolation-mode: bicubic }

.clearfix:before, .topic-nav:before, .clearfix:after, .topic-nav:after { content: "\0020"; display: block; height: 0; visibility: hidden }

.clearfix:after, .topic-nav:after { clear: both }

.clearfix, .topic-nav { zoom: 1 }

.a11y-only { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }

.ui-block:last-child, .ui-block.last { margin-right: 0 }

.ui-block-25 { width: 25% }

.ui-block-50 { width: 50% }

.ui-block-75 { width: 75% }

.spacer { margin-bottom: 50px }

.spacer-small { margin-bottom: 10px }

.spacer-med { margin-bottom: 25px }

.spacer-large { margin-bottom: 75px }

.imageblock-image { float: left; margin: 0 10px 0 0 }

.imageblock-image-right { float: right; margin: 0 0 0 10px }

.imageblock-content { display: table-cell; vertical-align: top; width: 1000em }

.ie6 .imageblock-content, .ie7 .imageblock-content { display: block; width: auto; zoom: 1 }

.form-basic, .form-s, .form-small, .form, .form-m, .form-med, .form-l, .form-large { *zoom: 1; margin-bottom: 18px }

.form-basic:after, .form-s:after, .form-small:after, .form:after, .form-m:after, .form-med:after, .form-l:after, .form-large:after { content: ""; display: table; clear: both }

.form-basic.sidesaddle .form-row > label, .sidesaddle.form-s .form-row > label, .sidesaddle.form-small .form-row > label, .sidesaddle.form .form-row > label, .sidesaddle.form-m .form-row > label, .sidesaddle.form-med .form-row > label, .sidesaddle.form-l .form-row > label, .sidesaddle.form-large .form-row > label { float: left; width: 130px; text-align: right }

.form-basic.sidesaddle .input, .sidesaddle.form-s .input, .sidesaddle.form-small .input, .sidesaddle.form .input, .sidesaddle.form-m .input, .sidesaddle.form-med .input, .sidesaddle.form-l .input, .sidesaddle.form-large .input, .form-basic.sidesaddle .legend-h, .sidesaddle.form-s .legend-h, .sidesaddle.form-small .legend-h, .sidesaddle.form .legend-h, .sidesaddle.form-m .legend-h, .sidesaddle.form-med .legend-h, .sidesaddle.form-l .legend-h, .sidesaddle.form-large .legend-h, .form-basic.sidesaddle .input-prepend, .sidesaddle.form-s .input-prepend, .sidesaddle.form-small .input-prepend, .sidesaddle.form .input-prepend, .sidesaddle.form-m .input-prepend, .sidesaddle.form-med .input-prepend, .sidesaddle.form-l .input-prepend, .sidesaddle.form-large .input-prepend, .form-basic.sidesaddle .input-append, .sidesaddle.form-s .input-append, .sidesaddle.form-small .input-append, .sidesaddle.form .input-append, .sidesaddle.form-m .input-append, .sidesaddle.form-med .input-append, .sidesaddle.form-l .input-append, .sidesaddle.form-large .input-append { margin-left: 150px }

.form-basic.sidesaddle .form-actions, .sidesaddle.form-s .form-actions, .sidesaddle.form-small .form-actions, .sidesaddle.form .form-actions, .sidesaddle.form-m .form-actions, .sidesaddle.form-med .form-actions, .sidesaddle.form-l .form-actions, .sidesaddle.form-large .form-actions { padding-left: 150px }

.form-basic .form-row select[multiple], .form-s .form-row select[multiple], .form-small .form-row select[multiple], .form .form-row select[multiple], .form-m .form-row select[multiple], .form-med .form-row select[multiple], .form-l .form-row select[multiple], .form-large .form-row select[multiple] { height: inherit; background-color: #FFFFFF }

.form-basic .form-row textarea, .form-s .form-row textarea, .form-small .form-row textarea, .form .form-row textarea, .form-m .form-row textarea, .form-med .form-row textarea, .form-l .form-row textarea, .form-large .form-row textarea { height: auto }

.form-basic input[type=text], .form-s input[type=text], .form-small input[type=text], .form input[type=text], .form-m input[type=text], .form-med input[type=text], .form-l input[type=text], .form-large input[type=text], .form-basic textarea, .form-s textarea, .form-small textarea, .form textarea, .form-m textarea, .form-med textarea, .form-l textarea, .form-large textarea, .form-basic select, .form-s select, .form-small select, .form select, .form-m select, .form-med select, .form-l select, .form-large select, .form-basic .uneditable-input, .form-s .uneditable-input, .form-small .uneditable-input, .form .uneditable-input, .form-m .uneditable-input, .form-med .uneditable-input, .form-l .uneditable-input, .form-large .uneditable-input { display: inline-block; width: 80%; color: #808080; border: 1px solid #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px }

fieldset { margin-bottom: 18px; padding-top: 18px }

.form-row { *zoom: 1; margin-bottom: 18px }

.form-row:after { content: ""; display: table; clear: both }

.form-row > label { font-weight: bold; color: #404040; margin: 0 0 2px 2px; display: block }

input[type=checkbox], input[type=radio] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; line-height: normal; border: none }

input[type=file] { background-color: #FFFFFF; padding: initial; border: initial; line-height: initial; box-shadow: none }

input[type=button], input[type=reset], input[type=submit], input.button, input.reset, input.submit { width: auto; height: auto }

select, input[type=file], input.file { height: 27px; *height: auto; *margin-top: 4px }

.form-basic input[type=text], .form-s input[type=text], .form-small input[type=text], .form input[type=text], .form-m input[type=text], .form-med input[type=text], .form-l input[type=text], .form-large input[type=text], .form-basic textarea, .form-s textarea, .form-small textarea, .form textarea, .form-m textarea, .form-med textarea, .form-l textarea, .form-large textarea { -webkit-transition: border 0.2s linear; -moz-transition: border 0.2s linear; -ms-transition: border 0.2s linear; -o-transition: border 0.2s linear; transition: border 0.2s linear; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset }

.form-basic input[type=text]:focus, .form-s input[type=text]:focus, .form-small input[type=text]:focus, .form input[type=text]:focus, .form-m input[type=text]:focus, .form-med input[type=text]:focus, .form-l input[type=text]:focus, .form-large input[type=text]:focus, .form-basic input[type=text]:focus, .form-s input[type=text]:focus, .form-small input[type=text]:focus, .form input[type=text]:focus, .form-m input[type=text]:focus, .form-med input[type=text]:focus, .form-l input[type=text]:focus, .form-large input[type=text]:focus, .form-basic textarea:focus, .form-s textarea:focus, .form-small textarea:focus, .form textarea:focus, .form-m textarea:focus, .form-med textarea:focus, .form-l textarea:focus, .form-large textarea:focus, .form-basic textarea:focus, .form-s textarea:focus, .form-small textarea:focus, .form textarea:focus, .form-m textarea:focus, .form-med textarea:focus, .form-l textarea:focus, .form-large textarea:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset, rgba(82, 168, 236, 0.6) 0 0 8px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset, rgba(82, 168, 236, 0.6) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset, rgba(82, 168, 236, 0.6) 0 0 8px }

input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666666 }

input[type=checkbox], input[type=radio] { cursor: pointer }

.uneditable-input { background-color: #FFFFFF; display: block; border-color: #EEEEEE; cursor: not-allowed; -webkit-box-shadow: rgba(0, 0, 0, 0.025) 0 1px 2px inset; -moz-box-shadow: rgba(0, 0, 0, 0.025) 0 1px 2px inset; box-shadow: rgba(0, 0, 0, 0.025) 0 1px 2px inset }

:-moz-placeholder { color: #BFBFBF }

::-webkit-input-placeholder { color: #BFBFBF }

.form-s .form-row input[type=text], .form-s .form-row select, .form-s .form-row textarea, .form-s .form-row .uneditable-input, .form-s .form-row .add-on, .form-small .form-row input[type=text], .form-small .form-row select, .form-small .form-row textarea, .form-small .form-row .uneditable-input, .form-small .form-row .add-on { font-size: 11px; padding: 4px; height: 24px }

.form-s .form-row > label, .form-small .form-row > label { font-size: 11px; line-height: 18px }

.form-s .form-row .inputs-list label, .form-s .form-row .list-inputs label, .form-small .form-row .inputs-list label, .form-small .form-row .list-inputs label { font-size: 11px }

.form-s .btn, .form-s .button, .form-s .btn-lt, .form-s .btn-light, .form-s .btn-dark, .form-s .btn-dk, .form-small .btn, .form-small .button, .form-small .btn-lt, .form-small .btn-light, .form-small .btn-dark, .form-small .btn-dk { height: 24px }

.form-s.sidesaddle .form-row > label, .form-small.sidesaddle .form-row > label { margin-top: 3px }

.form .form-row input[type=text], .form .form-row select, .form .form-row textarea, .form .form-row .uneditable-input, .form .form-row .add-on, .form-m .form-row input[type=text], .form-m .form-row select, .form-m .form-row textarea, .form-m .form-row .uneditable-input, .form-m .form-row .add-on, .form-med .form-row input[type=text], .form-med .form-row select, .form-med .form-row textarea, .form-med .form-row .uneditable-input, .form-med .form-row .add-on { font-size: 13px; padding: 5px; height: 28px }

.form .form-row > label, .form-m .form-row > label, .form-med .form-row > label { font-size: 13px; line-height: 18px }

.form .form-row .inputs-list label, .form .form-row .list-inputs label, .form-m .form-row .inputs-list label, .form-m .form-row .list-inputs label, .form-med .form-row .inputs-list label, .form-med .form-row .list-inputs label { font-size: 13px }

.form .btn, .form .button, .form .btn-lt, .form .btn-light, .form .btn-dark, .form .btn-dk, .form-m .btn, .form-m .button, .form-m .btn-lt, .form-m .btn-light, .form-m .btn-dark, .form-m .btn-dk, .form-med .btn, .form-med .button, .form-med .btn-lt, .form-med .btn-light, .form-med .btn-dark, .form-med .btn-dk { height: 28px }

.form.sidesaddle .form-row > label, .form-m.sidesaddle .form-row > label, .form-med.sidesaddle .form-row > label { margin-top: 4px }

.form-l .form-row input[type=text], .form-l .form-row select, .form-l .form-row textarea, .form-l .form-row .uneditable-input, .form-l .form-row .add-on, .form-large .form-row input[type=text], .form-large .form-row select, .form-large .form-row textarea, .form-large .form-row .uneditable-input, .form-large .form-row .add-on { font-size: 15px; padding: 6px; height: 35px }

.form-l .form-row > label, .form-large .form-row > label { font-size: 15px; line-height: 18px; margin-bottom: 8px }

.sidesaddle .form-l .form-row > label, .sidesaddle .form-large .form-row > label { margin-top: 6px }

.form-l .form-row .inputs-list label, .form-l .form-row .list-inputs label, .form-large .form-row .inputs-list label, .form-large .form-row .list-inputs label { font-size: 15px }

.form-l .form-row .inputs-list input[type=checkbox], .form-l .form-row .inputs-list input[type=radio], .form-l .form-row .list-inputs input[type=checkbox], .form-l .form-row .list-inputs input[type=radio], .form-large .form-row .inputs-list input[type=checkbox], .form-large .form-row .inputs-list input[type=radio], .form-large .form-row .list-inputs input[type=checkbox], .form-large .form-row .list-inputs input[type=radio] { margin-top: 4px }

.form-l .form-row .inputs-list > li, .form-l .form-row .list-inputs > li, .form-large .form-row .inputs-list > li, .form-large .form-row .list-inputs > li { margin-bottom: 4px }

.form-l .btn, .form-l .button, .form-l .btn-lt, .form-l .btn-light, .form-l .btn-dark, .form-l .btn-dk, .form-large .btn, .form-large .button, .form-large .btn-lt, .form-large .btn-light, .form-large .btn-dark, .form-large .btn-dk { height: 35px }

.form-l.sidesaddle .form-row > label, .form-large.sidesaddle .form-row > label { margin-top: 7px }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #F5F5F5; border-color: #DDDDDD; cursor: not-allowed }

.disabled { color: #999999 }

.error > label, .error .help-block, .error .help-inline { color: #B94A48 }

.error input, .error input[type=text], .error textarea { color: #B94A48; border-color: #EE5F5B }

.error input:focus, .error input:focus, .error input[type=text]:focus, .error input[type=text]:focus, .error textarea:focus, .error textarea:focus { border-color: #E9322D; -webkit-box-shadow: #F8B9B7 0 0 6px; -moz-box-shadow: #F8B9B7 0 0 6px; box-shadow: #F8B9B7 0 0 6px }

.error .input-prepend .add-on, .error .input-append .add-on { color: #B94A48; background-color: #FCE6E6; border-color: #B94A48 }

.warning > label, .warning .help-block, .warning .help-inline { color: #C09853 }

.warning input, .warning input[type=text], .warning textarea { color: #C09853; border-color: #C09853 }

.warning input:focus, .warning input:focus, .warning input[type=text]:focus, .warning input[type=text]:focus, .warning textarea:focus, .warning textarea:focus { border-color: #BE9A3F; -webkit-box-shadow: #E5D6B1 0 0 6px; -moz-box-shadow: #E5D6B1 0 0 6px; box-shadow: #E5D6B1 0 0 6px }

.warning .input-prepend .add-on, .warning .input-append .add-on { color: #C09853; background-color: #D2B877; border-color: #C09853 }

.success > label, .success .help-block, .success .help-inline { color: #468847 }

.success input, .success input[type=text], .success textarea { color: #468847; border-color: #57A957 }

.success input:focus, .success input:focus, .success input[type=text]:focus, .success input[type=text]:focus, .success textarea:focus, .success textarea:focus { border-color: #458845; -webkit-box-shadow: #9ACC9A 0 0 6px; -moz-box-shadow: #9ACC9A 0 0 6px; box-shadow: #9ACC9A 0 0 6px }

.success .input-prepend .add-on, .success .input-append .add-on { color: #468847; background-color: #BCDDBC; border-color: #468847 }

.inline-inputs, .inputs-inline { color: #808080 }

.inline-inputs input[type=text], .inline-inputs select, .inputs-inline input[type=text], .inputs-inline select { width: 15% }

.inline-inputs .help-block, .inputs-inline .help-block { padding: 0 2px 0 1px }

.inputs-list, .list-inputs { margin: 0 0 5px; width: 100% }

.inputs-list > li, .list-inputs > li { display: block; padding: 0; width: 100% }

.inputs-list label, .list-inputs label { display: block; float: none; width: auto; padding: 0; margin-left: 20px; line-height: 18px; text-align: left; white-space: normal }

.inputs-list label strong, .list-inputs label strong { color: #808080 }

.inputs-list label small, .list-inputs label small { font-size: 11px; font-weight: normal }

.inputs-list .inputs-list, .inputs-list .list-inputs, .list-inputs .inputs-list, .list-inputs .list-inputs { margin-left: 25px; margin-bottom: 10px; padding-top: 0 }

.inputs-list:first-child, .list-inputs:first-child { padding-top: 6px }

.inputs-list li + li, .list-inputs li + li { padding-top: 2px }

.inputs-list input[type=radio], .inputs-list input[type=checkbox], .list-inputs input[type=radio], .list-inputs input[type=checkbox] { margin-bottom: 0; margin-left: -20px; float: left }

.help-inline, .help-block { font-size: 13px; line-height: 18px; color: #BFBFBF }

.help-inline { padding-left: 5px; *position: relative; *top: -5px }

.help-block { margin-top: 4px; display: block; max-width: 600px }

.input-prepend, .input-append { *zoom: 1 }

.input-prepend:after, .input-append:after { content: ""; display: table; clear: both }

.input-prepend input, .input-append input { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 }

.input-prepend .add-on, .input-append .add-on { position: relative; background: #F5F5F5; border: 1px solid #CCCCCC; z-index: 2; float: left; display: block; width: auto; min-width: 16px; padding: 4px 4px 4px 5px; margin-right: -1px; font-weight: normal; line-height: 18px; color: #BFBFBF; text-align: center; text-shadow: #FFFFFF 0 1px 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px }

.input-prepend .active, .input-append .active { background: #A9DBA9; border-color: #46A546 }

.input-prepend .add-on { *margin-top: 1px }

.input-append input { float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px }

.input-append .add-on { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right: 0; margin-left: -1px }

.legend-h { display: block; font-size: 19.5px; line-height: 1; color: #404040; margin-bottom: 18px; *padding: 0 0 5px 145px; *line-height: 1.5 }

.form-actions { background: #F5F5F5; margin-top: 18px; margin-bottom: 18px; padding: 17px 20px 18px; border-top: 1px solid #DDDDDD; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px }

.form-actions .secondary-action { float: right }

.form-basic .span-5, .form-s .span-5, .form-small .span-5, .form .span-5, .form-m .span-5, .form-med .span-5, .form-l .span-5, .form-large .span-5 { width: 5% }

.form-basic .span-10, .form-s .span-10, .form-small .span-10, .form .span-10, .form-m .span-10, .form-med .span-10, .form-l .span-10, .form-large .span-10 { width: 10% }

.form-basic .span-15, .form-s .span-15, .form-small .span-15, .form .span-15, .form-m .span-15, .form-med .span-15, .form-l .span-15, .form-large .span-15 { width: 15% }

.form-basic .span-20, .form-s .span-20, .form-small .span-20, .form .span-20, .form-m .span-20, .form-med .span-20, .form-l .span-20, .form-large .span-20 { width: 20% }

.form-basic .span-25, .form-s .span-25, .form-small .span-25, .form .span-25, .form-m .span-25, .form-med .span-25, .form-l .span-25, .form-large .span-25 { width: 25% }

.form-basic .span-30, .form-s .span-30, .form-small .span-30, .form .span-30, .form-m .span-30, .form-med .span-30, .form-l .span-30, .form-large .span-30 { width: 30% }

.form-basic .span-35, .form-s .span-35, .form-small .span-35, .form .span-35, .form-m .span-35, .form-med .span-35, .form-l .span-35, .form-large .span-35 { width: 35% }

.form-basic .span-40, .form-s .span-40, .form-small .span-40, .form .span-40, .form-m .span-40, .form-med .span-40, .form-l .span-40, .form-large .span-40 { width: 40% }

.form-basic .span-45, .form-s .span-45, .form-small .span-45, .form .span-45, .form-m .span-45, .form-med .span-45, .form-l .span-45, .form-large .span-45 { width: 45% }

.form-basic .span-50, .form-s .span-50, .form-small .span-50, .form .span-50, .form-m .span-50, .form-med .span-50, .form-l .span-50, .form-large .span-50 { width: 50% }

.form-basic .span-55, .form-s .span-55, .form-small .span-55, .form .span-55, .form-m .span-55, .form-med .span-55, .form-l .span-55, .form-large .span-55 { width: 55% }

.form-basic .span-60, .form-s .span-60, .form-small .span-60, .form .span-60, .form-m .span-60, .form-med .span-60, .form-l .span-60, .form-large .span-60 { width: 60% }

.form-basic .span-65, .form-s .span-65, .form-small .span-65, .form .span-65, .form-m .span-65, .form-med .span-65, .form-l .span-65, .form-large .span-65 { width: 65% }

.form-basic .span-70, .form-s .span-70, .form-small .span-70, .form .span-70, .form-m .span-70, .form-med .span-70, .form-l .span-70, .form-large .span-70 { width: 70% }

.form-basic .span-75, .form-s .span-75, .form-small .span-75, .form .span-75, .form-m .span-75, .form-med .span-75, .form-l .span-75, .form-large .span-75 { width: 75% }

.form-basic .span-80, .form-s .span-80, .form-small .span-80, .form .span-80, .form-m .span-80, .form-med .span-80, .form-l .span-80, .form-large .span-80 { width: 80% }

.form-basic .span-85, .form-s .span-85, .form-small .span-85, .form .span-85, .form-m .span-85, .form-med .span-85, .form-l .span-85, .form-large .span-85 { width: 85% }

.form-basic .span-90, .form-s .span-90, .form-small .span-90, .form .span-90, .form-m .span-90, .form-med .span-90, .form-l .span-90, .form-large .span-90 { width: 90% }

.form-basic .span-95, .form-s .span-95, .form-small .span-95, .form .span-95, .form-m .span-95, .form-med .span-95, .form-l .span-95, .form-large .span-95 { width: 95% }

.form-basic .span-100, .form-s .span-100, .form-small .span-100, .form .span-100, .form-m .span-100, .form-med .span-100, .form-l .span-100, .form-large .span-100 { width: 100% }

.list { padding: 0 0 0 22px; color: #C1E2E7 }

.list > li { margin-bottom: 6px }

.list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list > li > p { visibility: hidden }

.wf-active .list > li > p, .wf-inactive .list > li > p { visibility: visible }

.wf-active .list > li > p { text-rendering: optimizeLegibility }

.list > li > a:hover { text-decoration: underline }

.list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list.horiz > li { *display: inline }

.list-bull, .bull-list { list-style: disc outside; padding: 0 0 0 22px; color: #C1E2E7 }

.list-bull > li, .bull-list > li { margin-bottom: 6px }

.list-bull > li > p, .bull-list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list-bull > li > p, .wf-loading .bull-list > li > p { visibility: hidden }

.wf-active .list-bull > li > p, .wf-inactive .list-bull > li > p, .wf-active .bull-list > li > p, .wf-inactive .bull-list > li > p { visibility: visible }

.wf-active .list-bull > li > p, .wf-active .bull-list > li > p { text-rendering: optimizeLegibility }

.list-bull > li > a:hover, .bull-list > li > a:hover { text-decoration: underline }

.list-bull.horiz > li, .bull-list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-bull.horiz > li, .bull-list.horiz > li { *display: inline }

.list-bull > .list-bull, .bull-list > .list-bull { margin: 9px 0; list-style-type: circle }

.list-alpha, .alpha-list { list-style: lower-alpha outside; padding: 0 0 0 22px; color: #C1E2E7 }

.list-alpha > li, .alpha-list > li { margin-bottom: 6px }

.list-alpha > li > p, .alpha-list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list-alpha > li > p, .wf-loading .alpha-list > li > p { visibility: hidden }

.wf-active .list-alpha > li > p, .wf-inactive .list-alpha > li > p, .wf-active .alpha-list > li > p, .wf-inactive .alpha-list > li > p { visibility: visible }

.wf-active .list-alpha > li > p, .wf-active .alpha-list > li > p { text-rendering: optimizeLegibility }

.list-alpha > li > a:hover, .alpha-list > li > a:hover { text-decoration: underline }

.list-alpha.horiz > li, .alpha-list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-alpha.horiz > li, .alpha-list.horiz > li { *display: inline }

.num-list, .list-num, .number-list, .list-number { list-style: decimal outside; padding: 0 0 0 22px; color: #C1E2E7 }

.num-list > li, .list-num > li, .number-list > li, .list-number > li { margin-bottom: 6px }

.num-list > li > p, .list-num > li > p, .number-list > li > p, .list-number > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .num-list > li > p, .wf-loading .list-num > li > p, .wf-loading .number-list > li > p, .wf-loading .list-number > li > p { visibility: hidden }

.wf-active .num-list > li > p, .wf-inactive .num-list > li > p, .wf-active .list-num > li > p, .wf-inactive .list-num > li > p, .wf-active .number-list > li > p, .wf-inactive .number-list > li > p, .wf-active .list-number > li > p, .wf-inactive .list-number > li > p { visibility: visible }

.wf-active .num-list > li > p, .wf-active .list-num > li > p, .wf-active .number-list > li > p, .wf-active .list-number > li > p { text-rendering: optimizeLegibility }

.num-list > li > a:hover, .list-num > li > a:hover, .number-list > li > a:hover, .list-number > li > a:hover { text-decoration: underline }

.num-list.horiz > li, .list-num.horiz > li, .number-list.horiz > li, .list-number.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.num-list.horiz > li, .list-num.horiz > li, .number-list.horiz > li, .list-number.horiz > li { *display: inline }

.list-horiz, .horiz-list { padding: 0 0 0 22px; color: #C1E2E7 }

.list-horiz > li, .horiz-list > li { margin-bottom: 6px }

.list-horiz > li > p, .horiz-list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list-horiz > li > p, .wf-loading .horiz-list > li > p { visibility: hidden }

.wf-active .list-horiz > li > p, .wf-inactive .list-horiz > li > p, .wf-active .horiz-list > li > p, .wf-inactive .horiz-list > li > p { visibility: visible }

.wf-active .list-horiz > li > p, .wf-active .horiz-list > li > p { text-rendering: optimizeLegibility }

.list-horiz > li > a:hover, .horiz-list > li > a:hover { text-decoration: underline }

.list-horiz.horiz > li, .horiz-list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-horiz.horiz > li, .horiz-list.horiz > li { *display: inline }

.list-horiz > li, .horiz-list > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-horiz > li, .horiz-list > li { *display: inline }

.list-horiz > li:not(:last-child):after, .horiz-list > li:not(:last-child):after { content: '|'; margin-left: 8px }

.ie .list-horiz > li:after, .ie .horiz-list > li:after { content: '|'; margin-left: 8px }

.ie .list-horiz > li.last:after, .ie .horiz-list > li.last:after { content: "" }

.btn-small-light, .btn-small { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 11px; padding: 4px 11px 5px; color: #999999; background-color: #FFFFFF }

.btn-small-light, .btn-small { *display: inline }

.wf-loading .btn-small-light, .wf-loading .btn-small { visibility: hidden }

.wf-active .btn-small-light, .wf-active .btn-small, .wf-inactive .btn-small-light, .wf-inactive .btn-small { visibility: visible }

.wf-active .btn-small-light, .wf-active .btn-small { text-rendering: optimizeLegibility }

.btn-small-light:hover, .btn-small:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-small-light:focus, .btn-small:focus { outline: 1px dotted #666666 }

.btn-small-light.disabled, .disabled.btn-small, .btn-small-light[disabled], [disabled].btn-small, .btn-small-light.disabled:hover, .disabled.btn-small:hover, .btn-small-light[disabled]:hover, [disabled].btn-small:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.btn-small-dark { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 11px; padding: 4px 11px 5px; color: #FFFFFF; border-color: #0064CD #0064CD #003F81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #0064CD; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #049CDB), color-stop(100%, #0064CD)); background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); background-image: -moz-linear-gradient(top, #049CDB, #0064CD); background-image: -o-linear-gradient(top, #049CDB, #0064CD); background-image: -ms-linear-gradient(top, #049CDB, #0064CD); background-image: linear-gradient(top, #049CDB, #0064CD); text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0 }

.btn-small-dark { *display: inline }

.wf-loading .btn-small-dark { visibility: hidden }

.wf-active .btn-small-dark, .wf-inactive .btn-small-dark { visibility: visible }

.wf-active .btn-small-dark { text-rendering: optimizeLegibility }

.btn-small-dark:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-small-dark:focus { outline: 1px dotted #666666 }

.btn-small-alt { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 11px; padding: 4px 11px 5px }

.btn-small-alt { *display: inline }

.wf-loading .btn-small-alt { visibility: hidden }

.wf-active .btn-small-alt, .wf-inactive .btn-small-alt { visibility: visible }

.wf-active .btn-small-alt { text-rendering: optimizeLegibility }

.btn-small-alt:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-small-alt:focus { outline: 1px dotted #666666 }

.btn-med-light, .btn, .btn-med, .btn-light { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px; color: #999999; background-color: #FFFFFF }

.btn-med-light, .btn, .btn-med, .btn-light { *display: inline }

.wf-loading .btn-med-light, .wf-loading .btn, .wf-loading .btn-med, .wf-loading .btn-light { visibility: hidden }

.wf-active .btn-med-light, .wf-active .btn, .wf-active .btn-med, .wf-active .btn-light, .wf-inactive .btn-med-light, .wf-inactive .btn, .wf-inactive .btn-med, .wf-inactive .btn-light { visibility: visible }

.wf-active .btn-med-light, .wf-active .btn, .wf-active .btn-med, .wf-active .btn-light { text-rendering: optimizeLegibility }

.btn-med-light:hover, .btn:hover, .btn-med:hover, .btn-light:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-med-light:focus, .btn:focus, .btn-med:focus, .btn-light:focus { outline: 1px dotted #666666 }

.btn-med-light.disabled, .disabled.btn, .disabled.btn-med, .disabled.btn-light, .btn-med-light[disabled], [disabled].btn, [disabled].btn-med, [disabled].btn-light, .btn-med-light.disabled:hover, .disabled.btn:hover, .disabled.btn-med:hover, .disabled.btn-light:hover, .btn-med-light[disabled]:hover, [disabled].btn:hover, [disabled].btn-med:hover, [disabled].btn-light:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.btn-med-dark, .btn-dark { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px; color: #FFFFFF; border-color: #0064CD #0064CD #003F81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #0064CD; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #049CDB), color-stop(100%, #0064CD)); background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); background-image: -moz-linear-gradient(top, #049CDB, #0064CD); background-image: -o-linear-gradient(top, #049CDB, #0064CD); background-image: -ms-linear-gradient(top, #049CDB, #0064CD); background-image: linear-gradient(top, #049CDB, #0064CD); text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0 }

.btn-med-dark, .btn-dark { *display: inline }

.wf-loading .btn-med-dark, .wf-loading .btn-dark { visibility: hidden }

.wf-active .btn-med-dark, .wf-active .btn-dark, .wf-inactive .btn-med-dark, .wf-inactive .btn-dark { visibility: visible }

.wf-active .btn-med-dark, .wf-active .btn-dark { text-rendering: optimizeLegibility }

.btn-med-dark:hover, .btn-dark:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-med-dark:focus, .btn-dark:focus { outline: 1px dotted #666666 }

.btn-med-alt, .btn-alt { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px }

.btn-med-alt, .btn-alt { *display: inline }

.wf-loading .btn-med-alt, .wf-loading .btn-alt { visibility: hidden }

.wf-active .btn-med-alt, .wf-active .btn-alt, .wf-inactive .btn-med-alt, .wf-inactive .btn-alt { visibility: visible }

.wf-active .btn-med-alt, .wf-active .btn-alt { text-rendering: optimizeLegibility }

.btn-med-alt:hover, .btn-alt:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-med-alt:focus, .btn-alt:focus { outline: 1px dotted #666666 }

.btn-large-light, .btn-large { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 14px; padding: 7px 16px 8px; color: #999999; background-color: #FFFFFF }

.btn-large-light, .btn-large { *display: inline }

.wf-loading .btn-large-light, .wf-loading .btn-large { visibility: hidden }

.wf-active .btn-large-light, .wf-active .btn-large, .wf-inactive .btn-large-light, .wf-inactive .btn-large { visibility: visible }

.wf-active .btn-large-light, .wf-active .btn-large { text-rendering: optimizeLegibility }

.btn-large-light:hover, .btn-large:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-large-light:focus, .btn-large:focus { outline: 1px dotted #666666 }

.btn-large-light.disabled, .disabled.btn-large, .btn-large-light[disabled], [disabled].btn-large, .btn-large-light.disabled:hover, .disabled.btn-large:hover, .btn-large-light[disabled]:hover, [disabled].btn-large:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.btn-large-dark { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 14px; padding: 7px 16px 8px; color: #FFFFFF; border-color: #0064CD #0064CD #003F81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #0064CD; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #049CDB), color-stop(100%, #0064CD)); background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); background-image: -moz-linear-gradient(top, #049CDB, #0064CD); background-image: -o-linear-gradient(top, #049CDB, #0064CD); background-image: -ms-linear-gradient(top, #049CDB, #0064CD); background-image: linear-gradient(top, #049CDB, #0064CD); text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0 }

.btn-large-dark { *display: inline }

.wf-loading .btn-large-dark { visibility: hidden }

.wf-active .btn-large-dark, .wf-inactive .btn-large-dark { visibility: visible }

.wf-active .btn-large-dark { text-rendering: optimizeLegibility }

.btn-large-dark:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-large-dark:focus { outline: 1px dotted #666666 }

.btn-large-alt { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 14px; padding: 7px 16px 8px }

.btn-large-alt { *display: inline }

.wf-loading .btn-large-alt { visibility: hidden }

.wf-active .btn-large-alt, .wf-inactive .btn-large-alt { visibility: visible }

.wf-active .btn-large-alt { text-rendering: optimizeLegibility }

.btn-large-alt:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-large-alt:focus { outline: 1px dotted #666666 }

.icon-speech-sm, .comm-call > .icon { display: block; height: 23px; width: 23px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .icon-speech-sm, .no-svg .comm-call > .icon { background-image: url('../_img/_icons/speech-sm.png') }

.svg .icon-speech-sm, .svg .comm-call > .icon { background-image: url('../_img/_icons/speech-sm.svg') }

.icon-speech, .comm-hdr-icon { display: block; height: 40px; width: 40px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .icon-speech, .no-svg .comm-hdr-icon { background-image: url('../_img/_icons/speech.png') }

.svg .icon-speech, .svg .comm-hdr-icon { background-image: url('../_img/_icons/speech.svg') }

.sc-player { width: 100%; position: relative }

.sc-player.special { border: 2px solid #FF3300; padding: 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px }

.sc-player a { text-decoration: none; color: #333333 }

.sc-player ol.sc-trackslist li.active, .sc-player ol.sc-trackslist li:hover { background-color: #FFFFFF; padding: 4px; color: #000000 }

.sc-player ol.sc-trackslist li.active a { color: #000000 }

.sc-track-duration { text-align: right; float: right; padding: 0 5px; margin-left: 5px; display: none }

.sc-player .sc-info { background: #FFFFFF; opacity: 0.9 }

.sc-player .sc-info-toggle { background: #FFFFFF; color: #003399; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #CCCCCC, 1px, 1px, 4px; -moz-box-shadow: #CCCCCC, 1px, 1px, 4px; box-shadow: #CCCCCC, 1px, 1px, 4px; padding: 4px }

.sc-player .sc-info-toggle:hover { background: #003399; color: #EEEEEE }

.sc-player .sc-info-close { background: #003399; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 2px 4px; font-weight: bold }

.sc-player { width: 100%; position: relative }

.sc-player ol, .sc-player li { margin: 0; padding: 0; list-style-position: inside }

.sc-player .sc-artwork-list { display: none }

.sc-player .sc-artwork-list li { list-style-type: none; display: none }

.sc-player .sc-artwork-list li.active { list-style-type: none; display: block }

.sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div { list-style-type: none; width: 100%; height: 100% }

.sc-pause { text-indent: -3000px }

.sc-play { display: inline-block; position: relative; z-index: 9999 }

.play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; margin-right: 10px; background-color: #FFFFFF; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.play-btn:after { content: "\0020"; position: absolute }

.play-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

.playing .play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: inline-block }

.playing .play-btn:after { content: "\0020"; position: absolute }

.playing .play-btn:after { top: 7px !important; left: 8px !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 3px solid #000000 !important; border-right: 3px solid #000000 !important; width: 3px; height: 10px }

.play-btn:hover { background-color: rgba(255, 255, 255, 0.6) }

.sc-player.player-active .audio-h { display: none }

.sc-pause { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: none }

.sc-pause:after { content: "\0020"; position: absolute }

.sc-pause:after { top: 7px !important; left: 8px !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 3px solid #000000 !important; border-right: 3px solid #000000 !important; width: 3px; height: 10px }

.playing .sc-pause { display: inline-block }

.sc-scrubber { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.player-active .sc-scrubber { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }

.sc-time-span { height: 100%; position: relative }

.sc-waveform-container { height: 100% }

.sc-buffer, .sc-played { position: absolute; top: 0; bottom: 0; width: 0; -webkit-transition: width 0.1s linear; -moz-transition: width 0.1s linear; -ms-transition: width 0.1s linear; -o-transition: width 0.1s linear; transition: width 0.1s linear }

.sc-buffer { background-color: #C1E2E7 }

.sc-played { background-color: #666666; border-right: 5px solid #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3 }

.sc-time-span img { display: none }

.sc-time-indicators { color: #999999; padding: 2px; line-height: 1em; font: normal 10px "Courier New", Courier, mono; text-align: center; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; position: absolute; right: 0; left: 0; bottom: -35px }

.sc-player ol.sc-trackslist { position: absolute; float: left; width: 92%; height: 100%; left: 45px; overflow: auto; display: none }

.sc-player ol.sc-trackslist li { float: left; width: 95.5%; cursor: pointer; margin: 5px; padding: 5px; list-style: none }

.sc-player .sc-info { display: none }

.sc-player .sc-info.active { left: 25%; top: 5% }

.sc-player .sc-info-toggle { position: absolute; top: 10px; left: 10px; display: none }

.sc-player .sc-info-toggle.active { left: -5000px }

.sc-player .sc-info-close { position: absolute; top: 10px; right: 20px }

.sc-player .hidden { display: none }

.sc-player-engine-container { width: 1px; height: 1px; position: fixed; top: 2px; left: 2px }

.article-audio .sc-player { text-align: center }

.article-audio .sc-player, .article-audio .sc-time-span, .article-audio .sc-buffer, .article-audio .sc-played, .article-audio .sc-scrubber, .article-audio .sc-waveform-container { height: 33px }

.article-audio .sc-controls { padding-top: 4px }

.article-audio .sc-waveform-container { background-color: #C1E2E7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7 }

.tz-audio .sc-player { padding: 7px 10px 5px; background-color: transparent }

.tz-audio .sc-controls { display: inline-block; text-align: left }

.tz-audio .sc-time-indicators { left: auto; bottom: 13px; color: #000000; right: 8px; font-weight: bold }

.tz-audio .sc-buffer { background-color: rgba(255, 255, 255, 0.2) }

.tz-audio .sc-played { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; border-color: #444444 }

a { text-decoration: none; color: inherit }

strong { font-weight: bold }

em { font-style: italic }

.layout, .main-nav, .ch-mod { position: relative; max-width: 1400px; margin: 0 30px }

@media (min-width: 600px) {
    .layout, .main-nav, .ch-mod { margin: 0 60px }
}

@media (min-width: 1520px) {
    .layout, .main-nav, .ch-mod { margin: auto }
}

@media (min-width: 1100px) {
    .br { display: block }
}

.bg-link a, .tz-deck a, .about-mod.about .tz-txt-mod a { padding: 2px; background-color: #D3EBEE; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.bg-link a:hover, .tz-deck a:hover, .about-mod.about .tz-txt-mod a:hover { background-color: #C1E2E7 }

.tz-h1, .tz-h2, .tz-h3, .tz-deck { text-align: center; margin-bottom: 20px }

.tz-h1 > a:hover, .tz-h2 > a:hover, .tz-h3 > a:hover, .tz-deck > a:hover { text-decoration: underline }

.tz-h1 { color: #000000; text-transform: uppercase; line-height: 140% !important; font: normal bold 23px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 6px }

.wf-active .tz-h1 { font-weight: normal }

.wf-loading .tz-h1 { visibility: hidden }

.wf-active .tz-h1, .wf-inactive .tz-h1 { visibility: visible }

.wf-active .tz-h1 { text-rendering: optimizeLegibility }

@media (min-width: 500px) {
    .tz-h1 { letter-spacing: 8px; font-size: 26px }
}

@media (min-width: 750px) {
    .tz-h1 { font-size: 28px }
}

.tz-h3 { color: #111111; text-transform: uppercase; line-height: 140% !important; font: normal bold 18px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 7px }

.wf-active .tz-h3 { font-weight: normal }

.wf-loading .tz-h3 { visibility: hidden }

.wf-active .tz-h3, .wf-inactive .tz-h3 { visibility: visible }

.wf-active .tz-h3 { text-rendering: optimizeLegibility }

@media (min-width: 750px) {
    .tz-h3 { font-size: 21px }
}

.h4, .img-tz-h { color: #000000; margin-bottom: 4px; font: normal bold 14px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .h4, .wf-active .img-tz-h { font-weight: normal }

.wf-loading .h4, .wf-loading .img-tz-h { visibility: hidden }

.wf-active .h4, .wf-active .img-tz-h, .wf-inactive .h4, .wf-inactive .img-tz-h { visibility: visible }

.wf-active .h4, .wf-active .img-tz-h { text-rendering: optimizeLegibility }

.h4 > a:hover, .img-tz-h > a:hover { text-decoration: underline }

.h5 { text-transform: uppercase; font: normal bold 12px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 3px }

.wf-active .h5 { font-weight: normal }

.wf-loading .h5 { visibility: hidden }

.wf-active .h5, .wf-inactive .h5 { visibility: visible }

.wf-active .h5 { text-rendering: optimizeLegibility }

.h5 > a:hover { text-decoration: underline }

a.h5:hover { text-decoration: underline }

.tz-deck { margin-bottom: 20px; line-height: 190% !important; font: normal 16px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .tz-deck { visibility: hidden }

.wf-active .tz-deck, .wf-inactive .tz-deck { visibility: visible }

.wf-active .tz-deck { text-rendering: optimizeLegibility }

@media (min-width: 550px) {
    .tz-deck { font-size: 18px; letter-spacing: 2px }
}

.tz-txt, .tz-txt-mod > p { margin-bottom: 16px; line-height: 160% !important; font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .tz-txt, .wf-loading .tz-txt-mod > p { visibility: hidden }

.wf-active .tz-txt, .wf-active .tz-txt-mod > p, .wf-inactive .tz-txt, .wf-inactive .tz-txt-mod > p { visibility: visible }

.wf-active .tz-txt, .wf-active .tz-txt-mod > p { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .tz-txt, .tz-txt-mod > p { font-size: 15px }
}

.tz-txt-mod { max-width: 600px; margin: auto }

.overline { max-width: 275px; margin: 0 20px 45px; padding-bottom: 16px; border-bottom: 1px solid #999999; text-align: center; font: normal 15px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .overline { visibility: hidden }

.wf-active .overline, .wf-inactive .overline { visibility: visible }

.wf-active .overline { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .overline { margin-left: auto; margin-right: auto }
}

.overline strong { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .overline strong { font-weight: normal }

.wf-loading .overline strong { visibility: hidden }

.wf-active .overline strong, .wf-inactive .overline strong { visibility: visible }

.wf-active .overline strong { text-rendering: optimizeLegibility }

.overbox { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px; color: #999999; background-color: #FFFFFF; font-size: 10px; display: block; width: 60px; margin: 0 auto 20px; padding-bottom: 5px }

.overbox { *display: inline }

.wf-loading .overbox { visibility: hidden }

.wf-active .overbox, .wf-inactive .overbox { visibility: visible }

.wf-active .overbox { text-rendering: optimizeLegibility }

.overbox:hover { cursor: pointer; color: #888888; border-color: #999999 }

.overbox:focus { outline: 1px dotted #666666 }

.overbox.disabled, .overbox[disabled], .overbox.disabled:hover, .overbox[disabled]:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.overbox:hover { border-color: #CCCCCC; cursor: default }

.caption { color: #000000; font: normal 13px/160% Tahoma, Verdana, Helvetica, Arial, sans-serif }

.caption strong { font: normal bold 12px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .caption strong { font-weight: normal }

.wf-loading .caption strong { visibility: hidden }

.wf-active .caption strong, .wf-inactive .caption strong { visibility: visible }

.wf-active .caption strong { text-rendering: optimizeLegibility }

.hash, .main-hdr:after, .main-ftr:after, .bonus-articles:before, .bonus-articles:after, .fig-border:before, .article-audio-tz:before, .big-fig:before, .fig-border:after, .article-audio-tz:after, .big-fig:after { display: block; height: 14px; width: 100%; background: transparent url('../_img/hash.png') 50% 50% repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV43M2QkAIAwEUVPyVrIlKxEUj1zz/RhphUh2yZwiABLChXTmwhO58EUmtNAHPXTBCG2YoQkrSOEA9j4mt6HMqekAAAAASUVORK5CYII=); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6 }

.sep, .article-section:before, .about-mod:before { display: block; height: 10px; width: 70px; background-color: #000000; margin: auto }

.mod, .about-mod { margin-bottom: 100px }

@media (min-width: 500px) {
    .mod, .about-mod { margin-bottom: 140px }
}

.line-mod { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 20px 0 }

.bg-mod, .xtra-q-mod { background-color: #C1E2E7; padding: 20px }

.arrow-up, .to-top, .arrow-down { position: relative; display: block; height: 80px; width: 80px; margin: 0 auto 60px; border: 1px solid #CCCCCC; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -9999em; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; -webkit-box-shadow: #CCCCCC 0 0 0px; -moz-box-shadow: #CCCCCC 0 0 0px; box-shadow: #CCCCCC 0 0 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85 }

.arrow-up > .arrow, .to-top > .arrow, .arrow-down > .arrow { display: none }

.arrow-down { background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .arrow-down { background-image: url('../_img/_icons/arrow-down.png') }

.svg .arrow-down { background-image: url('../_img/_icons/arrow-down.svg') }

.arrow-up, .to-top { background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .arrow-up, .no-svg .to-top { background-image: url('../_img/_icons/arrow-up.png') }

.svg .arrow-up, .svg .to-top { background-image: url('../_img/_icons/arrow-up.svg') }

.arrow-txt { color: #666666; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-loading .arrow-txt { visibility: hidden }

.wf-active .arrow-txt, .wf-inactive .arrow-txt { visibility: visible }

.wf-active .arrow-txt { text-rendering: optimizeLegibility }

.arrow-defaults, .arrow-icon-large, .img-tz .tz-video .play-btn, .mini-arrow { position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000 }

.arrow-defaults:after, .arrow-icon-large:after, .img-tz .tz-video .play-btn:after, .mini-arrow:after { content: "\0020"; position: absolute }

.arrow-icon, .audio-mod .play-btn, .article-audio .play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000 }

.arrow-icon:after, .audio-mod .play-btn:after, .article-audio .play-btn:after { content: "\0020"; position: absolute }

.arrow-icon:after, .audio-mod .play-btn:after, .article-audio .play-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

.arrow-icon.left:after, .audio-mod .left.play-btn:after, .article-audio .left.play-btn:after { -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #000000 }

.pause-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000 }

.pause-btn:after { content: "\0020"; position: absolute }

.pause-btn:after { top: 7px !important; left: 8px !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 3px solid #000000 !important; border-right: 3px solid #000000 !important; width: 3px; height: 10px }

.arrow-icon-large, .img-tz .tz-video .play-btn { height: 70px; width: 70px; border-color: #FFFFFF }

.arrow-icon-large:after, .img-tz .tz-video .play-btn:after { top: 23px; left: 27px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #FFFFFF }

.mini-arrow { height: 12px; width: 12px }

.mini-arrow:after { content: "\0020"; position: absolute; top: 4px; left: 3px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 3px solid #000000 }

.mini-arrow.up:after { border: 0; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 3px solid #000000 }

.article-active .more-article > .mini-arrow:after { border: 0; top: 3px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 3px solid #000000 }

.to-top { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; text-indent: 0 }

.to-top > .arrow-txt { position: absolute; bottom: -10px; left: 0; right: 0 }

.topic-hdr { position: relative }

.topic-hdr .tz-h1 { margin-bottom: 40px }

@media (min-width: 960px) {
    .topic-hdr-inner { max-width: 800px; margin: auto }
}

.thumb-tzs { *zoom: 1; max-width: 800px; margin: 0 auto 60px }

.thumb-tzs:after { content: ""; display: table; clear: both }

.thumb-tz, .thumb-tz-ctr { max-width: 400px; margin-bottom: 50px }

@media (min-width: 500px) {
    .thumb-tz, .thumb-tz-ctr { margin-bottom: 80px }
}

.thumb-tz .tz-txt, .thumb-tz-ctr .tz-txt, .thumb-tz .tz-txt-mod > p, .thumb-tz-ctr .tz-txt-mod > p { margin-bottom: 8px }

.wf-active .thumb-tz .tz-txt em, .wf-active .thumb-tz-ctr .tz-txt em, .wf-active .thumb-tz .tz-txt-mod > p em, .wf-active .thumb-tz-ctr .tz-txt-mod > p em { font-family: "StagItalic", Helvetica, Arial, Verdana, sans-serif; font-style: normal }

.thumb-tz sup, .thumb-tz-ctr sup { font-size: 68% }

.thumb-tz sup a, .thumb-tz-ctr sup a { display: inline-block; width: 17px; height: 17px; color: #999999; border: 1px solid #CCCCCC; text-align: center; position: relative; top: 3px; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px }

.thumb-tz sup a:hover, .thumb-tz-ctr sup a:hover { border-color: #666666; color: #666666 }

.thumb-tz sup .sup-txt, .thumb-tz-ctr sup .sup-txt { position: relative; top: -4px }

.thumb-tz .open-q, .thumb-tz-ctr .open-q { display: block; float: left; width: 7px; margin-left: -7px }

.thumb-tz .credit, .thumb-tz-ctr .credit { font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; line-height: 120% !important }

.wf-loading .thumb-tz .credit, .wf-loading .thumb-tz-ctr .credit { visibility: hidden }

.wf-active .thumb-tz .credit, .wf-active .thumb-tz-ctr .credit, .wf-inactive .thumb-tz .credit, .wf-inactive .thumb-tz-ctr .credit { visibility: visible }

.wf-active .thumb-tz .credit, .wf-active .thumb-tz-ctr .credit { text-rendering: optimizeLegibility }

.thumb-tz .credit > a:hover, .thumb-tz-ctr .credit > a:hover { text-decoration: underline }

.thumb-tz .name, .thumb-tz-ctr .name { font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-active .thumb-tz .name, .wf-active .thumb-tz-ctr .name { font-weight: normal }

.wf-loading .thumb-tz .name, .wf-loading .thumb-tz-ctr .name { visibility: hidden }

.wf-active .thumb-tz .name, .wf-active .thumb-tz-ctr .name, .wf-inactive .thumb-tz .name, .wf-inactive .thumb-tz-ctr .name { visibility: visible }

.wf-active .thumb-tz .name, .wf-active .thumb-tz-ctr .name { text-rendering: optimizeLegibility }

.thumb-tz .attr, .thumb-tz-ctr .attr { font-size: 12px; color: #666666 }

.topic-mod .thumb-tz, .topic-mod .thumb-tz-ctr, .topic-tzs .thumb-tz, .topic-tzs .thumb-tz-ctr { clear: right }

.topic-mod .thumb-tz:nth-child(even), .topic-mod .thumb-tz-ctr:nth-child(even), .topic-tzs .thumb-tz:nth-child(even), .topic-tzs .thumb-tz-ctr:nth-child(even) { float: right }

.topic-mod .thumb-tz.even, .topic-mod .even.thumb-tz-ctr, .topic-tzs .thumb-tz.even, .topic-tzs .even.thumb-tz-ctr { float: right }

.thumb-tz-h { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; margin-bottom: 6px }

.wf-active .thumb-tz-h { font-weight: normal }

.wf-loading .thumb-tz-h { visibility: hidden }

.wf-active .thumb-tz-h, .wf-inactive .thumb-tz-h { visibility: visible }

.wf-active .thumb-tz-h { text-rendering: optimizeLegibility }

.thumb-tz-fig { float: right; display: block; width: 60px; height: 60px; margin-left: 10px; position: relative }

.thumb-tz-fig > img { display: block; max-width: 100%; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px }

.thumb-tz-fig.quote { background: transparent url('http://genstuck.wbur.org/_img/svg/quote.svg') 50% 50% no-repeat; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .thumb-tz-fig.quote { background-image: url('../_img/_icons/quote.png') }

.svg .thumb-tz-fig.quote { background-image: url('../_img/_icons/quote.svg') }

.thumb-tz-fig.num { -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; color: #000000; text-align: center }

.thumb-tz-fig.num .num-txt { position: relative; top: 17px; font: normal bold 33px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .thumb-tz-fig.num .num-txt { font-weight: normal }

.wf-loading .thumb-tz-fig.num .num-txt { visibility: hidden }

.wf-active .thumb-tz-fig.num .num-txt, .wf-inactive .thumb-tz-fig.num .num-txt { visibility: visible }

.wf-active .thumb-tz-fig.num .num-txt { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .thumb-tz-fig.num .num-txt { font-size: 46px }
}

.thumb-tz-fig.num .num-txt .pct, .thumb-tz-fig.num .num-txt .dol, .thumb-tz-fig.num .num-txt .fig { font-size: 70% }

.thumb-tz-fig.quote:after, .thumb-tz-fig.quote:before, .thumb-tz-fig.num:after, .thumb-tz-fig.num:before { content: "\0020"; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; display: block; position: absolute; background-color: #C1E2E7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; z-index: -1; width: 100%; height: 100%; pointer-events: none }

.thumb-tz-fig.quote:after, .thumb-tz-fig.num:after { top: 5px; right: -4px }

.thumb-tz-fig.quote:before, .thumb-tz-fig.num:before { top: 0; margin: -5px 0 0 -5px }

@media (max-width: 399px) {
    .thumb-tz-fig.quote, .thumb-tz-fig.num { float: left; margin: 0 25px 10px 0 }
}

.lt-ie9 .thumb-tz-fig.quote { background-position: 80% 20% }

.lt-ie9 .thumb-tz-fig.num:after { background-color: transparent }

.lt-ie9 .thumb-tz-fig.num:before { background-color: #D3EBEE }

.lt-ie9 .thumb-tz-fig.quote:after, .lt-ie9 .thumb-tz-fig.quote:before { background-color: transparent }

@media (min-width: 400px) {
    .thumb-tz-fig { float: left; width: 80px; height: 80px; margin: -7px 0 0 0 }

    .thumb-tz-bd { margin-left: 100px }
}

@media (min-width: 800px) {
    .thumb-tz-fig { width: 90px; height: 90px; margin-top: -7px }

    .thumb-tz-bd { margin-left: 110px }
}

.thumb-tz-ctr { margin-left: auto; margin-right: auto }

.thumb-tz-ctr .thumb-tz-fig { height: 80px; width: 80px; float: none; margin: 0 auto 10px }

.thumb-tz-ctr .thumb-tz-bd { margin: auto; max-width: 400px }

.img-tz img { max-width: 100% }

.img-tz .tz-audio { padding: 7px 10px 5px; color: #000000; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.4); position: absolute; bottom: 0; left: 0; width: 100% }

.lt-ie9 .img-tz .tz-audio { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.soundcloud .img-tz .tz-audio { padding: 0 }

.img-tz .tz-audio .play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: inline-block; margin-right: 10px; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) }

.img-tz .tz-audio .play-btn:after { content: "\0020"; position: absolute }

.img-tz .tz-audio .play-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

.lt-ie9 .img-tz .tz-audio .play-btn { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.img-tz .tz-audio .audio-h { color: #000000 }

.img-tz .tz-video { position: absolute; left: 0; right: 0; top: 25%; bottom: 0 }

@media (min-width: 750px) {
    .img-tz .tz-video { top: 14% }
}

@media (min-width: 850px) {
    .img-tz .tz-video { top: 19% }
}

@media (min-width: 950px) {
    .img-tz .tz-video { top: 25% }
}

.img-tz .tz-video .play-btn { margin: auto; background-color: rgba(255, 255, 255, 0); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.lt-ie9 .img-tz .tz-video .play-btn { background-color: transparent }

.img-tz .tz-video:hover .play-btn { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.2) }

.lt-ie9 .img-tz .tz-video:hover .play-btn { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.img-tz-top { display: block; position: relative; margin-bottom: 8px }

.img-tz-top:hover .audio-h { text-decoration: underline }

.img-tz-txt { line-height: 160% !important; font: italic 12px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .img-tz-txt { font-style: normal }

.wf-loading .img-tz-txt { visibility: hidden }

.wf-active .img-tz-txt, .wf-inactive .img-tz-txt { visibility: visible }

.wf-active .img-tz-txt { text-rendering: optimizeLegibility }

.topic-btn { display: none; margin: 0 auto 40px; max-width: 120px; clear: both }

.comm-call { position: relative; display: block; width: 195px; padding: 10px 12px; margin: 0 auto; text-align: center; color: #999999; *zoom: 1; font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.comm-call:after { content: ""; display: table; clear: both }

.wf-loading .comm-call { visibility: hidden }

.wf-active .comm-call, .wf-inactive .comm-call { visibility: visible }

.wf-active .comm-call { text-rendering: optimizeLegibility }

.comm-call:after, .comm-call:before { content: "\0020"; width: 9px; height: 35px; border: 1px solid #CCCCCC; display: block; position: absolute; top: 2px }

.comm-call:after { right: -10px; border-left: 0 }

.comm-call:before { left: -10px; border-right: 0 }

.comm-call > .icon { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 6px 0 0 }

.comm-call > .icon { *display: inline }

.comm-call:hover .comm-call-txt { text-decoration: underline }

.comm-mod { max-width: 600px; margin: 0 auto 60px }

.comm-hdr { text-align: center; margin-bottom: 30px }

.comm-hdr .tz-h3 { margin-bottom: 8px }

.comm-hdr-icon { margin: 0 auto 16px; background-size: cover }

.xtra-q-mod { text-align: center }

.xtra-q-mod .h5 { padding-bottom: 10px; border-bottom: 1px solid #999999; margin-bottom: 20px }

.comm-q { display: block; color: #333333; font: italic 16px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; line-height: 160% !important }

.wf-active .comm-q { font-style: normal }

.wf-loading .comm-q { visibility: hidden }

.wf-active .comm-q, .wf-inactive .comm-q { visibility: visible }

.wf-active .comm-q { text-rendering: optimizeLegibility }

a.comm-q:hover { text-decoration: underline }

.simple-share { display: block; width: 76px; margin: auto; *zoom: 1 }

.simple-share:after { content: ""; display: table; clear: both }

.simple-share > li { display: inline }

.simple-share > li > a { float: left; display: block; height: 35px; width: 35px; border: 1px solid #333333; background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; -webkit-box-shadow: #000000 0 0 0px; -moz-box-shadow: #000000 0 0 0px; box-shadow: #000000 0 0 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.simple-share > li > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55); opacity: 0.55 }

.simple-share > li.twtr > a { margin-right: 6px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .simple-share > li.twtr > a { background-image: url('../_img/_icons/twtr.png') }

.svg .simple-share > li.twtr > a { background-image: url('../_img/_icons/twtr.svg') }

.simple-share > li.fbook > a { background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .simple-share > li.fbook > a { background-image: url('../_img/_icons/fbook.png') }

.svg .simple-share > li.fbook > a { background-image: url('../_img/_icons/fbook.svg') }

.simple-share .share-txt { display: block; text-indent: -9999em }

.audio-mod, .article-audio { display: block; width: 100%; padding: 14px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center }

.audio-mod:hover .audio-h, .article-audio:hover .audio-h { text-decoration: underline }

.audio-mod .play-btn, .article-audio .play-btn { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; display: inline-block; margin-right: 10px }

.audio-h { position: relative; top: -8px; display: inline-block; color: #666666; text-transform: uppercase; font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-active .audio-h { font-weight: normal }

.wf-loading .audio-h { visibility: hidden }

.wf-active .audio-h, .wf-inactive .audio-h { visibility: visible }

.wf-active .audio-h { text-rendering: optimizeLegibility }

.article-audio-tz { min-height: 95px }

.article-audio-tz .play-btn { display: block; margin: 0 auto 14px }

.article-audio-tz .audio-h { top: 0; display: block }

.article-audio-tz .sc-player.player-active .audio-h { display: block }

.video-mod { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }

.video-mod iframe, .video-mod object, .video-mod embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

.main-hdr { position: relative; min-height: 115px; margin-bottom: 60px }

@media (min-width: 500px) {
    .main-hdr { min-height: 85px }
}

.main-hdr:after { content: "\0020"; position: absolute; top: 0 }

.homepage .main-hdr { min-height: 160px; margin-bottom: 30px }

@media (min-width: 500px) {
    .homepage .main-hdr { margin-bottom: 60px }
}

.main-nav { width: 225px; margin: 0 auto }

@media (min-width: 500px) {
    .main-nav { max-width: 900px; width: auto; margin: 0 20px }
}

@media (min-width: 600px) {
    .main-nav { margin: 0 60px }
}

@media (min-width: 1020px) {
    .main-nav { margin: auto }
}

.nav-logo-mod { width: 225px; margin: auto; position: absolute; left: 0; right: 0; top: 77px }

@media (min-width: 500px) {
    .nav-logo-mod { top: 27px }
}

.homepage .nav-logo-mod { top: 124px }

@media (min-width: 500px) {
    .homepage .nav-logo-mod { top: 140px }
}

.nav-logo { display: block }

.nav-logo > img { max-width: 100%; line-height: 0 }

.nav-toc-btn, .nav-wbur-mod { position: absolute; top: 0 }

.nav-toc-btn { margin-top: 31px; padding: 6px; left: 0; min-width: 65px; border: 1px solid #E5E5E5; z-index: 10; color: #999999; text-transform: uppercase; text-align: center; font: normal bold 11px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in }

.wf-active .nav-toc-btn { font-weight: normal }

.wf-loading .nav-toc-btn { visibility: hidden }

.wf-active .nav-toc-btn, .wf-inactive .nav-toc-btn { visibility: visible }

.wf-active .nav-toc-btn { text-rendering: optimizeLegibility }

.nav-toc-btn:hover { border-color: #CCCCCC; color: #666666 }

.nav-wbur-mod { margin-top: 37px; right: 0; text-indent: -9999em }

.wbur-logo { background-position: 50% 50%; background-repeat: no-repeat; display: block; width: 74px; height: 19px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in }

.no-svg .wbur-logo { background-image: url('../_img/_icons/wbur.png') }

.svg .wbur-logo { background-image: url('../_img/_icons/wbur.svg') }

a:hover .wbur-logo { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65 }

.toc { padding: 20px; background-color: #000000; color: #FFFFFF; z-index: 100; *zoom: 1; display: none }

.toc:after { content: ""; display: table; clear: both }

.toc-layout { max-width: 1160px; margin: auto }

.toc-h { padding: 8px 6px 20px 6px; text-transform: uppercase; font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-active .toc-h { font-weight: normal }

.wf-loading .toc-h { visibility: hidden }

.wf-active .toc-h, .wf-inactive .toc-h { visibility: visible }

.wf-active .toc-h { text-rendering: optimizeLegibility }

.toc-list > li { display: block }

.toc-list > li > a { display: block; padding: 8px 6px 20px 6px; border-top: 1px solid #333333; font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .toc-list > li > a { visibility: hidden }

.wf-active .toc-list > li > a, .wf-inactive .toc-list > li > a { visibility: visible }

.wf-active .toc-list > li > a { text-rendering: optimizeLegibility }

.toc-list > li > a .num { font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-active .toc-list > li > a .num { font-weight: normal }

.wf-loading .toc-list > li > a .num { visibility: hidden }

.wf-active .toc-list > li > a .num, .wf-inactive .toc-list > li > a .num { visibility: visible }

.wf-active .toc-list > li > a .num { text-rendering: optimizeLegibility }

@media (min-width: 350px) {
    .topics .toc-list > li.even { padding-left: 30px }

    .topics .toc-list > li { width: 50%; float: left }
}

@media (min-width: 500px) {
    .toc-content { margin-left: -30px }

    .toc-list-mod.stories, .toc-list-mod.topics { padding-left: 30px; float: left }

    .toc-list-mod.stories { width: 33% }

    .toc-list-mod.topics { width: 66% }
}

.main-ftr { position: relative; border-top: 1px solid #E5E5E5; padding: 55px 0 65px }

.main-ftr:after { content: "\0020"; position: absolute; bottom: 0 }

.ftr-share { margin-bottom: 40px }

@media (min-width: 600px) {
    .ftr-share { margin: 0 }
}

.ftr-wbur, .ftr-ups { display: block; margin-bottom: 40px; height: 40px }

.ftr-wbur > .logo, .ftr-ups > .logo { margin: auto; display: block; background-repeat: no-repeat; background-position: 50% 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4 }

@media (min-width: 600px) {
    .ftr-wbur, .ftr-ups { position: absolute; margin-bottom: 0; top: 0 }
}

.ftr-wbur > .logo { width: 173px; height: 40px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% }

.no-svg .ftr-wbur > .logo { background-image: url('../_img/_icons/wbur-ilab.png') }

.svg .ftr-wbur > .logo { background-image: url('../_img/_icons/wbur-ilab.svg') }

@media (min-width: 600px) {
    .ftr-wbur { left: 0 }
}

.ftr-ups { margin-bottom: 0 }

.ftr-ups > .logo { width: 105px; height: 29px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% }

.no-svg .ftr-ups > .logo { background-image: url('../_img/_icons/upstatement.png') }

.svg .ftr-ups > .logo { background-image: url('../_img/_icons/upstatement.svg') }

@media (min-width: 600px) {
    .ftr-ups { top: 4px; right: 0 }
}

.ftr-logo-txt { display: block; text-indent: -9999em }

.hp-hdr { margin-bottom: 60px }

.kat-sam-h20 { position: relative; min-height: 610px; padding-bottom: 20px }

.kat-sam-h20.single { margin-bottom: 80px }

@media (min-width: 500px) {
    .feat-tzs { margin-left: -80px; *zoom: 1 }

    .feat-tzs:after { content: ""; display: table; clear: both }

    .feat-tzs .feat-tz { float: left; padding-left: 80px; width: 50% }

    .feat-tzs .feat-tz:nth-child(2n+3) { clear: left }
}

.feat-tz > .inner { max-width: 250px; margin: 0 auto 60px }

@media (min-width: 500px) {
    .feat-tz > .inner { margin: 0 }
}

@media (min-width: 650px) {
    .feat-tz.kat > .inner { float: right }
}

.feat-tz .feat-tz-h, .feat-tz .tz-txt, .feat-tz .tz-txt-mod > p, .feat-tz .h5 { z-index: 1; position: relative }

@media (min-width: 500px) {
    .single .feat-tz > .inner { margin: 0 auto; float: none }
}

.feat-tz-h { color: #FFFFFF; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; font: normal 82px Helvetica, Arial, Verdana, sans-serif }

.wf-active .feat-tz-h { font-family: "LeagueScript", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .feat-tz-h { visibility: hidden }

.wf-active .feat-tz-h, .wf-inactive .feat-tz-h { visibility: visible }

.wf-active .feat-tz-h { text-rendering: optimizeLegibility }

.wf-active .feat-tz-h { line-height: 170%; height: 115px; margin: -61px 0 0 -22px; padding-left: 27px }

.sam .feat-tz-h .s { letter-spacing: -2px }

.feat-tz-img { display: block }

.feat-tz-img > img { -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; display: block; margin: auto; max-width: 180px }

@media (min-width: 400px) {
    .feat-tz-img > img { max-width: 230px }
}

.wave { width: 100%; height: 510px; pointer-events: none; position: absolute; background: transparent url('../_img/wave-f.png') 50% 50% repeat-x; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7 }

.wave.front { z-index: 0; top: 95px; pointer-events: none }

@media (min-width: 500px) {
    .wave.front { top: 120px }
}

.wave.back { background-image: url('../_img/wave-b.png'); z-index: -1; bottom: 0; pointer-events: none }

@media (min-width: 500px) {
    .wave.back { top: 100px; bottom: auto }
}

.story .to-top { margin-top: 30px }

.more-stories-mod { padding-top: 160px; background-color: #FFFFFF; position: relative; z-index: 5 }

.ch1, .ch2, .ch3 { background-color: #FFFFFF; position: relative; z-index: 5 }

.ch-mod { padding: 120px 0 }

@media (min-width: 600px) {
    .ch-mod { margin: 0 80px }
}

.slide { position: relative }

@media (min-width: 1450px) {
    .slide { max-width: 1200px; margin: auto }
}

.ch-hdr .tz-deck { margin-bottom: 40px }

.ch-hdr .tz-deck a { background-color: transparent; padding: 0 }

.ch-hdr .tz-deck a:hover { text-decoration: none }

.name-h { color: #FFFFFF; opacity: .5; position: absolute; width: 100%; line-height: 145% !important; font: normal 98px Helvetica, Arial, Verdana, sans-serif }

@media (min-width: 800px) {
    .story-kat .name-h { top: auto; bottom: -107px }
}

.story-sam .name-h { line-height: 160% !important; text-align: right; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px, rgba(0, 0, 0, 0.2) 0 0 60px }

.wf-active .name-h .s { letter-spacing: -6px }

@media (min-width: 850px) {
    .wf-active .name-h .s { letter-spacing: -14px }
}

.wf-active .name-h { font-family: "LeagueScript", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .name-h { visibility: hidden }

.wf-active .name-h, .wf-inactive .name-h { visibility: visible }

.wf-active .name-h { text-rendering: optimizeLegibility }

.wf-active .name-h { letter-spacing: 2px }

@media (min-width: 400px) {
    .name-h { font-size: 112px }
}

@media (min-width: 500px) {
    .name-h { font-size: 150px }

    .wf-active .name-h { letter-spacing: 3px }
}

@media (min-width: 700px) {
    .wf-active .name-h { letter-spacing: 2px }
}

@media (min-width: 800px) {
    .name-h { font-size: 223px }

    .wf-active .name-h { letter-spacing: 4px }
}

.full-img { max-width: 1500px; margin: auto; position: relative }

.full-img > img { max-width: 100% }

@media (min-width: 600px) and (max-width: 899px) {
    .full-img > img { position: absolute; left: 0; right: 0; width: 900px; max-width: none }
}

.story-quote { opacity: .95; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 11; pointer-events: none; position: absolute; display: none }

@media (min-width: 750px) {
    .story-quote { display: block }
}

.story-quote > .inner { position: relative; height: 280px }

.story-quote > .inner.two-line { height: 160px }

.story-quote p { position: absolute }

.story-quote .first { right: 0 }

.story-quote .second { right: 17%; top: 65px }

@media (min-width: 850px) {
    .story-quote .second { top: 80px }
}

.story-quote .third { right: 0; top: 130px }

@media (min-width: 850px) {
    .story-quote .third { top: 160px }
}

.quote-line { display: inline-block; padding: 14px 80px 14px 26px; margin-bottom: 20px; text-align: right; position: relative; color: #FFFFFF; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 1px; font: italic 24px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.lt-ie9 .quote-line { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.wf-active .quote-line { font-style: normal }

.wf-loading .quote-line { visibility: hidden }

.wf-active .quote-line, .wf-inactive .quote-line { visibility: visible }

.wf-active .quote-line { text-rendering: optimizeLegibility }

@media (min-width: 850px) {
    .quote-line { font-size: 32px }
}

.white .quote-line { color: #000000; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.4); text-shadow: rgba(255, 255, 255, 0.3) 0 -1px 1px }

.lt-ie9 .white .quote-line { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.first .quote-line { padding-right: 120px }

.second .quote-line { float: right; text-align: left }

.story-intro { z-index: 1; overflow: hidden; background-color: #000000 }

.lt-ie9 .story-intro { background-color: transparent }

.ch-imgs { position: relative }

.ch-img { min-height: 400px; background-position: 50% top; background-repeat: no-repeat; background-size: 600px }

@media (min-width: 600px) {
    .ch-img { min-height: 400px; background-size: 100% }
}

@media (min-width: 700px) {
    .ch-img { min-height: 450px }
}

@media (min-width: 850px) {
    .ch-img { min-height: 700px; background-size: 1100px }
}

@media (min-width: 1100px) {
    .ch-img { background-size: 100% }
}

@media (min-width: 1450px) {
    .ch-img { background-size: auto }
}

@media (min-width: 1024px) {
    .ch1-img-01, .ch2-img-01, .ch3-img-01 { background-position: 50% bottom; background-attachment: fixed }
}

.intro-img { background-position: 50% top }

.no-animate .intro-img { height: auto !important }

@media (min-width: 600px) {
    .intro-img { min-height: 420px }
}

@media (min-width: 700px) {
    .intro-img { min-height: 490px }
}

@media (min-width: 750px) {
    .intro-img { min-height: 525px }
}

@media (min-width: 850px) {
    .intro-img { min-height: 750px }
}

.story-kat .intro-img { background-image: url("../_img/_kat/intro_600.jpg") }

@media (min-width: 768px) {
    .story-kat .intro-img { background-image: url("../_img/_kat/intro_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .intro-img { background-image: url("../_img/_kat/intro_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .intro-img { background-image: url("../_img/_kat/intro_1200.jpg") }
}

.story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_1200.jpg") }
}

.story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_1200.jpg") }
}

.story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_1200.jpg") }
}

.story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_1200.jpg") }
}

.story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_1200.jpg") }
}

.story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_1200.jpg") }
}

.story-kat .ch2-imgs .story-quote .third { right: 10% }

.story-kat .ch3-img-02 { position: relative }

.story-kat .ch3-img-02 .story-quote { top: 60px; bottom: auto }

@media (min-width: 850px) {
    .story-kat .ch3-img-02 .story-quote { top: 85px }
}

.story-sam .intro-img { background-image: url("../_img/_sam/intro_600.jpg") }

@media (min-width: 768px) {
    .story-sam .intro-img { background-image: url("../_img/_sam/intro_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .intro-img { background-image: url("../_img/_sam/intro_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .intro-img { background-image: url("../_img/_sam/intro_1200.jpg") }
}

.story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_1200.jpg") }
}

.story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_600.jpg"); background-position: 50% top }

@media (min-width: 768px) {
    .story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_1200.jpg") }
}

.story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_1200.jpg") }
}

.story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_600.jpg"); background-position: 50% top }

@media (min-width: 768px) {
    .story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_1200.jpg") }
}

.story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_1200.jpg") }
}

.story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_1200.jpg") }
}

@media (max-width: 399px) {
    .story-sam .ch2-img-01 { min-height: 380px }
}

@media (min-width: 850px) {
    .story-sam .ch2-img-01 { min-height: 610px }
}

.story-sam .ch1-img-02, .story-sam .ch2-img-02 { position: relative }

.story-sam .ch1-img-02 .story-quote, .story-sam .ch2-img-02 .story-quote { top: 20px; bottom: auto }

@media (min-width: 850px) {
    .story-sam .ch1-img-02 .story-quote, .story-sam .ch2-img-02 .story-quote { top: 60px }
}

.story-sam .ch3-img-02 { position: relative }

.story-sam .ch3-img-02 .story-quote { top: 60px; bottom: auto }

@media (min-width: 850px) {
    .story-sam .ch3-img-02 .story-quote { top: 100px }
}

.sam-ch3 .more-article .more-article-txt { display: block }

.fixed { position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 99 }

.story-intro .story-quote { top: auto; bottom: 10% }

@media (min-width: 600px) {
    .story-intro .story-quote { display: none }
}

.kat-ch3 .tz-h1 .br { display: block }

.article-nav-mod { position: relative; margin-top: -39px; padding: 3px; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; z-index: 9999 }

.lt-ie9 .article-nav-mod { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.touch .article-nav-mod, .article-nav-mod:hover { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.7) }

.lt-ie9 .touch .article-nav-mod, .lt-ie9 .article-nav-mod:hover { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

@media (min-width: 600px) {
    .article-nav-mod { position: fixed; top: 0; bottom: 0; right: 0; margin: 0; width: 60px; background: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -ms-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in }

    .article-nav-mod:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; background: transparent }

    .touch .article-nav-mod { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; background: transparent }

    .article-nav-mod > .inner { position: fixed; right: -23px; top: 40% }
}

.article-nav { *zoom: 1 }

.article-nav:after { content: ""; display: table; clear: both }

.article-nav > li > a { padding: 10px 16px; color: #333333; background-color: rgba(255, 255, 255, 0); border-right: 1px solid #777777; border-right: 1px solid rgba(0, 0, 0, 0.2); display: block; float: left; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in }

.article-nav > li > a:hover { text-decoration: underline }

@media (min-width: 600px) {
    .article-nav > li > a { border: 0; border-bottom: 1px solid #CCCCCC; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 40px 10px 8px; float: none; position: relative }

    .article-nav > li > a:hover { left: -20px; text-decoration: none }

    .article-nav > li > a .ltr { position: relative; left: 4px; top: 2px }

    .article-nav-mod:hover .article-nav > li > a { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.4) }

    .lt-ie9 .article-nav-mod:hover .article-nav > li > a { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }
}

@media (max-width: 599px) {
    .article-nav > li:last-child > a { border: 0 }

    .article-nav > li.last > a { border: 0 }
}

.article-nav .ch-prefix > a { text-transform: uppercase; border-right: 0; padding-right: 0; cursor: default; font: normal bold 14px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .article-nav .ch-prefix > a { font-weight: normal }

.wf-loading .article-nav .ch-prefix > a { visibility: hidden }

.wf-active .article-nav .ch-prefix > a, .wf-inactive .article-nav .ch-prefix > a { visibility: visible }

.wf-active .article-nav .ch-prefix > a { text-rendering: optimizeLegibility }

.article-nav .ch-prefix > a:hover { text-decoration: none }

@media (min-width: 600px) {
    .article-nav .ch-prefix { display: none }
}

.article-nav .ch-num { font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .article-nav .ch-num { visibility: hidden }

.wf-active .article-nav .ch-num, .wf-inactive .article-nav .ch-num { visibility: visible }

.wf-active .article-nav .ch-num { text-rendering: optimizeLegibility }

.article-nav .monogram { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit; display: none }

.wf-active .article-nav .monogram { font-weight: normal }

.wf-loading .article-nav .monogram { visibility: hidden }

.wf-active .article-nav .monogram, .wf-inactive .article-nav .monogram { visibility: visible }

.wf-active .article-nav .monogram { text-rendering: optimizeLegibility }

@media (min-width: 600px) {
    .article-nav .monogram { display: block }
}

.article-nav .semantics { display: none }

.more-btn, .more-comm-btn, .more-article { position: relative; display: block; margin: 20px auto 60px; padding: 12px 0 0; width: 150px; border-top: 1px solid #CCCCCC; text-align: center; text-transform: uppercase; font: normal bold 12px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-active .more-btn, .wf-active .more-comm-btn, .wf-active .more-article { font-weight: normal }

.wf-loading .more-btn, .wf-loading .more-comm-btn, .wf-loading .more-article { visibility: hidden }

.wf-active .more-btn, .wf-active .more-comm-btn, .wf-inactive .more-btn, .wf-inactive .more-comm-btn, .wf-active .more-article, .wf-inactive .more-article { visibility: visible }

.wf-active .more-btn, .wf-active .more-comm-btn, .wf-active .more-article { text-rendering: optimizeLegibility }

.more-btn > .mini-arrow, .more-comm-btn > .mini-arrow, .more-article > .mini-arrow { position: relative; top: 1px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6 }

.more-btn .more-article-txt, .more-comm-btn .more-article-txt, .more-btn .more-comm-txt, .more-comm-btn .more-comm-txt, .more-article .more-article-txt, .more-article .more-comm-txt { display: inline-block; margin-right: 2px }

.more-btn a:hover .more-article-txt, .more-comm-btn a:hover .more-article-txt, .more-btn a:hover .more-comm-txt, .more-comm-btn a:hover .more-comm-txt, .more-article a:hover .more-article-txt, .more-article a:hover .more-comm-txt { text-decoration: underline }

a.more-btn:hover, a.more-comm-btn:hover, a.more-article:hover { cursor: pointer }

a.more-btn:hover .more-article-txt, a.more-comm-btn:hover .more-article-txt, a.more-btn:hover .more-comm-txt, a.more-comm-btn:hover .more-comm-txt, a.more-article:hover .more-article-txt, a.more-article:hover .more-comm-txt { text-decoration: underline }

.article-trigger { display: block }

.article-trigger:hover { cursor: pointer }

.bonus-tzs { max-width: 250px; margin: auto }

.bonus-tzs .media-block { margin-bottom: 40px }

@media (min-width: 750px) {
    .bonus-tzs { max-width: 900px }

    .bonus-tzs > .inner { margin-left: -40px; *zoom: 1 }

    .bonus-tzs > .inner:after { content: ""; display: table; clear: both }

    .bonus-tzs > .inner .media-block { float: left; padding-left: 40px; width: 33.3333% }

    .bonus-tzs > .inner .media-block:nth-child(3n+4) { clear: left }

    .ie7 .bonus-tzs > .inner .media-block { width: 33% }
}

.bonus-articles { display: none; padding: 40px 0; position: relative }

.bonus-articles:before, .bonus-articles:after { content: "\0020"; position: absolute; left: 0 }

.bonus-articles:before { top: 0 }

.bonus-articles:after { bottom: 0 }

@media (min-width: 750px) {
    .bonus-articles { margin: auto; max-width: 900px; padding: 20px; background: transparent url('../_img/hash.png') 50% 50% repeat }

    .bonus-articles:before, .bonus-articles:after { display: none }

    .bonus-articles > .inner { background-color: #FFFFFF; padding: 40px }
}

.bonus-articles .more-btn, .bonus-articles .more-comm-btn { margin: 20px auto }

.bonus-article { margin-bottom: 40px; display: none }

@media (min-width: 750px) {
    .bonus-article .tz-h3 { font-size: 24px }
}

.bonus-article .article-audio { margin: 55px 0 }

.bonus-article .article-txt > p.diary { margin-left: 0; margin-right: 0 }

.article-bd { max-width: 600px; margin: auto; display: none; overflow: visible !important }

.article-txt { margin-bottom: 80px }

.article-txt > p, .article-txt .dialogue > p { margin-bottom: 16px; font: normal 16px/200% Georgia, Times, Times New Roman, serif }

@media (min-width: 850px) {
    .article-txt > p, .article-txt .dialogue > p { text-align: justify }
}

.article-txt > p.diary { font-style: italic }

@media (min-width: 600px) {
    .article-txt > p.diary { margin-left: -20px; margin-right: -20px }
}

.article-txt > h3, .article-txt .article-h3 { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; margin: 40px 0 12px }

.wf-active .article-txt > h3, .wf-active .article-txt .article-h3 { font-weight: normal }

.wf-loading .article-txt > h3, .wf-loading .article-txt .article-h3 { visibility: hidden }

.wf-active .article-txt > h3, .wf-inactive .article-txt > h3, .wf-active .article-txt .article-h3, .wf-inactive .article-txt .article-h3 { visibility: visible }

.wf-active .article-txt > h3, .wf-active .article-txt .article-h3 { text-rendering: optimizeLegibility }

.article-txt .byline { text-align: center; line-height: 200% !important; font: italic 14px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .article-txt .byline { font-style: normal }

.wf-loading .article-txt .byline { visibility: hidden }

.wf-active .article-txt .byline, .wf-inactive .article-txt .byline { visibility: visible }

.wf-active .article-txt .byline { text-rendering: optimizeLegibility }

.article-section { margin-top: 120px; position: relative }

.article-section:before { background-color: #444444; content: "\0020"; position: relative; top: -40px }

.article-audio { margin: 75px 0 }

.dropcap, .dropcap-sm { position: relative; display: block; float: left; margin: 0 10px -10px 0; text-align: center }

.dropcap:after, .dropcap-sm:after { background-color: #C1E2E7; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; content: "\0020"; position: absolute; z-index: -1 }

.lt-ie9 .dropcap:after, .lt-ie9 .dropcap-sm:after { background-color: transparent }

.dropcap { line-height: 99px !important; font: normal 108px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit; min-width: 70px }

.wf-loading .dropcap { visibility: hidden }

.wf-active .dropcap, .wf-inactive .dropcap { visibility: visible }

.wf-active .dropcap { text-rendering: optimizeLegibility }

.dropcap:after { height: 125px; width: 125px; left: -28px; top: -15px }

.dropcap.wide { min-width: 100px }

.dropcap.wide:after { height: 135px; width: 135px; left: -20px; top: -18px }

.dropcap-sm { width: 44px; line-height: 66px !important; font: normal 60px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .dropcap-sm { visibility: hidden }

.wf-active .dropcap-sm, .wf-inactive .dropcap-sm { visibility: visible }

.wf-active .dropcap-sm { text-rendering: optimizeLegibility }

.dropcap-sm:after { height: 70px; width: 70px; left: -14px; top: -2px }

.article-breakout, .article-quote, .article-img { margin: 30px -10px }

@media (min-width: 600px) {
    .article-breakout, .article-quote, .article-img { margin-left: -5%; margin-right: -5% }
}

@media (min-width: 800px) {
    .article-breakout, .article-quote, .article-img { margin-left: -10%; margin-right: -10% }
}

.article-quote { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 30px; color: #111111; line-height: 150% !important; font: italic 21px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .article-quote { font-style: normal }

.wf-loading .article-quote { visibility: hidden }

.wf-active .article-quote, .wf-inactive .article-quote { visibility: visible }

.wf-active .article-quote { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .article-quote { font-size: 26px }
}

.article-quote .open-quote { width: 7px; margin-left: -7px }

.article-quote > p { margin-bottom: 20px }

.article-quote .credit { text-transform: uppercase; font: normal bold 11px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; margin-bottom: 0 }

.wf-active .article-quote .credit { font-weight: normal }

.wf-loading .article-quote .credit { visibility: hidden }

.wf-active .article-quote .credit, .wf-inactive .article-quote .credit { visibility: visible }

.wf-active .article-quote .credit { text-rendering: optimizeLegibility }

.article-img > img { max-width: 100% }

.article-img .caption { margin-top: 12px }

.fig-border:before, .article-audio-tz:before, .big-fig:before, .fig-border:after, .article-audio-tz:after, .big-fig:after { width: 80%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; content: "\0020"; position: absolute; left: 10%; right: 0 }

.fig-border:before, .article-audio-tz:before, .big-fig:before { top: -14px }

.fig-border:after, .article-audio-tz:after, .big-fig:after { bottom: -14px }

.article-audio-tz { margin: 40px auto; padding: 5px; display: block; position: relative }

@media (min-width: 350px) {
    .article-audio-tz { width: 275px }
}

.article-audio-tz .article-audio { margin: 0; border: 0 }

.article-audio-tz .article-audio .sc-time-indicators { display: none }

@media (min-width: 500px) {
    .article-audio-tz { margin: 20px -20px 30px 20px; float: right }
}

@media (min-width: 850px) {
    .article-audio-tz { margin-right: -145px; margin-left: 0 }
}

@media (min-width: 1100px) {
    .article-audio-tz { margin-right: 0; float: none; position: absolute; left: -90px }
}

@media (min-width: 1200px) {
    .article-audio-tz { left: -75px; width: 300px }
}

@media (min-width: 1300px) {
    .article-audio-tz { left: -25px }
}

@media (min-width: 1100px) {
    .article-audio-tz.right { left: auto; margin-right: 0; right: -90px }
}

@media (min-width: 1200px) {
    .article-audio-tz.right { right: -75px; width: 300px }
}

@media (min-width: 1300px) {
    .article-audio-tz.right { right: -25px }
}

.big-fig { margin: 40px auto; padding: 25px; width: 225px; text-align: center; display: block; position: relative }

.big-fig:before, .big-fig:after { width: 50%; left: 22% }

@media (min-width: 500px) {
    .big-fig { margin: 20px -20px 20px 20px; float: right }
}

@media (min-width: 850px) {
    .big-fig { margin-right: -120px; margin-left: 0 }
}

@media (min-width: 1100px) {
    .big-fig { margin-right: 0; float: none; position: absolute; left: -40px }
}

@media (min-width: 1200px) {
    .big-fig { left: 0 }
}

@media (min-width: 1300px) {
    .big-fig { left: 50px }
}

@media (min-width: 1100px) {
    .big-fig.right { left: auto; margin-right: 0; right: -40px }
}

@media (min-width: 1200px) {
    .big-fig.right { right: 0 }
}

@media (min-width: 1300px) {
    .big-fig.right { right: 50px }
}

.big-fig .pct, .big-fig .dol, .big-fig .fig { font-size: 70% }

.big-fig .num { display: block; margin-bottom: 6px; font: normal bold 46px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .big-fig .num { font-weight: normal }

.wf-loading .big-fig .num { visibility: hidden }

.wf-active .big-fig .num, .wf-inactive .big-fig .num { visibility: visible }

.wf-active .big-fig .num { text-rendering: optimizeLegibility }

.big-fig .txt { line-height: 160% !important; font: italic 13px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .big-fig .txt { font-style: normal }

.wf-loading .big-fig .txt { visibility: hidden }

.wf-active .big-fig .txt, .wf-inactive .big-fig .txt { visibility: visible }

.wf-active .big-fig .txt { text-rendering: optimizeLegibility }

.article-comm { margin-bottom: 80px }

.article-share { margin-bottom: 20px }

.about-mod { position: relative; padding-top: 50px }

.about-mod:before { content: "\0020"; position: relative; top: -30px }

.about-hdr { margin-bottom: 50px }

.about-mod.about .tz-deck { margin-bottom: 20px }

@media (min-width: 650px) {
    .ks-tzs, .blogger-tzs { margin-left: -50px; *zoom: 1 }

    .ks-tzs:after, .blogger-tzs:after { content: ""; display: table; clear: both }

    .ks-tzs .media-block, .blogger-tzs .media-block { float: left; padding-left: 50px; width: 50% }

    .ks-tzs .media-block:nth-child(2n+3), .blogger-tzs .media-block:nth-child(2n+3) { clear: left }

    .ks-tzs .media-block:nth-child(2n+1) .thumb-tz-ctr, .blogger-tzs .media-block:nth-child(2n+1) .thumb-tz-ctr { float: right }
}

@media (min-width: 900px) {
    .ks-tzs, .blogger-tzs { margin-left: -100px; *zoom: 1 }

    .ks-tzs:after, .blogger-tzs:after { content: ""; display: table; clear: both }

    .ks-tzs .media-block, .blogger-tzs .media-block { float: left; padding-left: 100px; width: 50% }

    .ks-tzs .media-block:nth-child(2n+3), .blogger-tzs .media-block:nth-child(2n+3) { clear: left }
}

.ks-tzs .thumb-tz-h, .blogger-tzs .thumb-tz-h { text-align: center }

.lined-list > li, .topic-list > li { display: block; border-top: 1px solid #CCCCCC }

.lined-list > li > a, .topic-list > li > a { display: block; padding: 16px 12px 30px 12px }

.topic-list-mod { max-width: 600px; margin: auto }

.topic-list .h5 { margin-bottom: 6px }

.topic-list a:hover .h5 { text-decoration: underline }

.credits-mod { max-width: 600px; margin: auto }

.credits-mod .h5 { margin-bottom: 8px }

.credits-mod .list-bull { margin-bottom: 20px }

@media (min-width: 600px) {
    .credit-cols { margin-left: -50px; *zoom: 1 }

    .credit-cols:after { content: ""; display: table; clear: both }

    .credit-cols .media-block { float: left; padding-left: 50px; width: 50% }

    .credit-cols .media-block:nth-child(2n+3) { clear: left }
}

@media (min-width: 1024px) {
    .topic-page #content { padding-top: 600px }

    .topic-page .topic-hdr { position: fixed; left: 60px; right: 60px; top: 145px }

    .toc-active .topic-page .topic-hdr { position: absolute }
}

.topic-nav { margin: -30px 0 40px }

.topic-nav-item { display: inline }

.topic-prev-btn, .topic-next-btn { display: block; width: 48%; border: 1px solid #CCCCCC; padding: 9px; cursor: pointer; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #666666; text-shadow: rgba(255, 255, 255, 0.25) 0 -1px 0; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.wf-loading .topic-prev-btn, .wf-loading .topic-next-btn { visibility: hidden }

.wf-active .topic-prev-btn, .wf-inactive .topic-prev-btn, .wf-active .topic-next-btn, .wf-inactive .topic-next-btn { visibility: visible }

.wf-active .topic-prev-btn, .wf-active .topic-next-btn { text-rendering: optimizeLegibility }

.topic-prev-btn:hover, .topic-next-btn:hover { color: #333333 }

@media screen and (min-width: 750px) {
    .topic-prev-btn, .topic-next-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; position: fixed; top: 25%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35 }

    .topic-prev-btn:after, .topic-next-btn:after { content: "\0020"; position: absolute }

    .topic-prev-btn:hover, .topic-next-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; color: #333333 }

    .toc-active .topic-prev-btn, .toc-active .topic-next-btn { top: 45% }
}

.topic-prev-btn { float: left }

.topic-next-btn { float: right }

@media screen and (min-width: 750px) {
    .topic-prev-btn { left: 8px }

    .topic-prev-btn:hover { left: 2px }

    .topic-prev-btn:after { top: 8px; right: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #000000 }

    .topic-next-btn { right: 8px }

    .topic-next-btn:hover { right: 2px }

    .topic-next-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

    .topic-nav-arrow, .topic-nav-txt { display: none }
}

@media screen and (min-width: 900px) {
    .topic-prev-btn, .topic-next-btn { height: 34px; width: 34px }

    .topic-next-btn { right: 16px }

    .topic-next-btn:hover { right: 10px }

    .topic-next-btn:after { top: 12px; left: 14px }

    .topic-prev-btn { left: 16px }

    .topic-prev-btn:hover { left: 10px }

    .topic-prev-btn:after { top: 12px; right: 14px }
}

@media screen and (min-width: 1024px) {
    .topic-next-btn { right: 5% }

    .topic-next-btn:hover { right: 4.5% }

    .topic-prev-btn { left: 5% }

    .topic-prev-btn:hover { left: 4.5% }
}

.comm-disqus { margin-bottom: 20px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -ms-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in }

.homepage .comm-disqus { max-height: 800px }

.story .comm-disqus { max-height: 400px }

.comm-open .comm-disqus { max-height: none !important }

.touch .comm-disqus, .comm-disqus.comm-active, .comm-disqus:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }

.comm-disqus iframe { margin-top: -37px }

.comm-ta { border: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; width: 100%; height: 150px; border: 1px solid #CCCCCC; padding: 16px; margin-bottom: 16px; color: #999999; line-height: 160% !important; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.comm-ta:focus { outline: 0 }

.wf-loading .comm-ta { visibility: hidden }

.wf-active .comm-ta, .wf-inactive .comm-ta { visibility: visible }

.wf-active .comm-ta { text-rendering: optimizeLegibility }

.comm-ta:focus { color: #333333 }

.comm-ftr { display: none; position: relative; margin-top: -20px; padding-top: 20px; background-color: #FFFFFF; border-top: 1px solid #EDEDED }

.homepage .comm-ftr, .story .comm-ftr { display: block }

.comm-ftr:after { position: absolute; content: "\0020"; left: 0; right: 0; top: -101px; height: 100px; pointer-events: none; background: transparent url('../_img/bg-fade-w.png') 50% 50% repeat-x }

.comm-open .comm-ftr { display: none }

.comm-open .comm-ftr:after { height: 0 }

.more-comm-btn { margin-top: 0; border: 1px solid #CCCCCC; width: 170px; padding: 9px 9px 11px; font: normal 11px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-loading .more-comm-btn { visibility: hidden }

.wf-active .more-comm-btn, .wf-inactive .more-comm-btn { visibility: visible }

.wf-active .more-comm-btn { text-rendering: optimizeLegibility }

.more-comm-btn > .mini-arrow { top: 2px }

.animate .animate-css-trans { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in }

.animate .ch-mod { padding: 300px 0 }

.animate #story-intro { height: 1500px }

.animate #story-intro .intro-img { background-size: cover; background-attachment: fixed }

.animate #story-intro .story-quote { display: block; position: fixed; opacity: 0; top: 46% }

.animate .name-h { position: fixed; left: 0; z-index: 0; pointer-events: none }

@media (min-width: 1450px) {
    .animate .name-h { left: 150px }

    .animate #story-intro .story-quote .first { right: 20% }

    .animate #story-intro .story-quote .second { right: 34% }
}

.animate.lt850 .story-kat .name-h { top: 600px }

.animate.gt850 .story-kat .name-h { top: 700px }

.animate.lt850 .story-sam .name-h { top: 500px }

.animate.gt850 .story-sam .name-h { top: 625px }

@media print {
    * { background: transparent !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important }

    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: "" }

    pre, blockquote { border: 1px solid #999999; page-break-inside: avoid }

    thead { display: table-header-group }

    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 }
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

img { line-height: 0; vertical-align: middle }

nav ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent }

ins { background-color: #FFFF99; color: #000000; text-decoration: none }

mark { background-color: #FFFF99; color: #000000; font-style: italic; font-weight: bold }

del { text-decoration: line-through }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }

table { border-collapse: collapse; border-spacing: 0 }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0 }

input, select { vertical-align: middle }

body { font: 13px/1.231 sans-serif; *font-size: small; -webkit-overflow-scrolling: touch }

select, input, textarea, button { font: 99% sans-serif }

pre, code, kbd, samp { font-family: monospace, sans-serif }

body, select, input, textarea { color: #444444 }

h1, h2, h3, h4, h5, h6 { font-weight: bold }

html { overflow-y: scroll }

a:hover, a:active { outline: none }

ul, ol { list-style: none }

ol { list-style-type: decimal }

nav ul, nav li { margin: 0 }

small { font-size: 85% }

strong, th { font-weight: bold }

td, td img { vertical-align: top }

sub { vertical-align: sub; font-size: smaller }

sup { vertical-align: super; font-size: smaller }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word }

textarea { overflow: auto }

.ie6 legend, .ie7 legend { margin-left: -7px }

input[type="radio"] { vertical-align: text-bottom }

input[type="checkbox"] { vertical-align: bottom }

.ie7 input[type="checkbox"] { vertical-align: baseline }

.ie6 input { vertical-align: text-bottom }

label, input[type=button], input[type=submit], button { cursor: pointer }

button, input, select, textarea { margin: 0 }

input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #F0DDDD }

a:link { -webkit-tap-highlight-color: #FF5E99 }

button { width: auto; overflow: visible }

.ie7 img { -ms-interpolation-mode: bicubic }

.clearfix:before, .topic-nav:before, .clearfix:after, .topic-nav:after { content: "\0020"; display: block; height: 0; visibility: hidden }

.clearfix:after, .topic-nav:after { clear: both }

.clearfix, .topic-nav { zoom: 1 }

.a11y-only { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }

.ui-block:last-child, .ui-block.last { margin-right: 0 }

.ui-block-25 { width: 25% }

.ui-block-50 { width: 50% }

.ui-block-75 { width: 75% }

.spacer { margin-bottom: 50px }

.spacer-small { margin-bottom: 10px }

.spacer-med { margin-bottom: 25px }

.spacer-large { margin-bottom: 75px }

.imageblock-image { float: left; margin: 0 10px 0 0 }

.imageblock-image-right { float: right; margin: 0 0 0 10px }

.imageblock-content { display: table-cell; vertical-align: top; width: 1000em }

.ie6 .imageblock-content, .ie7 .imageblock-content { display: block; width: auto; zoom: 1 }

.form-basic, .form-s, .form-small, .form, .form-m, .form-med, .form-l, .form-large { *zoom: 1; margin-bottom: 18px }

.form-basic:after, .form-s:after, .form-small:after, .form:after, .form-m:after, .form-med:after, .form-l:after, .form-large:after { content: ""; display: table; clear: both }

.form-basic.sidesaddle .form-row > label, .sidesaddle.form-s .form-row > label, .sidesaddle.form-small .form-row > label, .sidesaddle.form .form-row > label, .sidesaddle.form-m .form-row > label, .sidesaddle.form-med .form-row > label, .sidesaddle.form-l .form-row > label, .sidesaddle.form-large .form-row > label { float: left; width: 130px; text-align: right }

.form-basic.sidesaddle .input, .sidesaddle.form-s .input, .sidesaddle.form-small .input, .sidesaddle.form .input, .sidesaddle.form-m .input, .sidesaddle.form-med .input, .sidesaddle.form-l .input, .sidesaddle.form-large .input, .form-basic.sidesaddle .legend-h, .sidesaddle.form-s .legend-h, .sidesaddle.form-small .legend-h, .sidesaddle.form .legend-h, .sidesaddle.form-m .legend-h, .sidesaddle.form-med .legend-h, .sidesaddle.form-l .legend-h, .sidesaddle.form-large .legend-h, .form-basic.sidesaddle .input-prepend, .sidesaddle.form-s .input-prepend, .sidesaddle.form-small .input-prepend, .sidesaddle.form .input-prepend, .sidesaddle.form-m .input-prepend, .sidesaddle.form-med .input-prepend, .sidesaddle.form-l .input-prepend, .sidesaddle.form-large .input-prepend, .form-basic.sidesaddle .input-append, .sidesaddle.form-s .input-append, .sidesaddle.form-small .input-append, .sidesaddle.form .input-append, .sidesaddle.form-m .input-append, .sidesaddle.form-med .input-append, .sidesaddle.form-l .input-append, .sidesaddle.form-large .input-append { margin-left: 150px }

.form-basic.sidesaddle .form-actions, .sidesaddle.form-s .form-actions, .sidesaddle.form-small .form-actions, .sidesaddle.form .form-actions, .sidesaddle.form-m .form-actions, .sidesaddle.form-med .form-actions, .sidesaddle.form-l .form-actions, .sidesaddle.form-large .form-actions { padding-left: 150px }

.form-basic .form-row select[multiple], .form-s .form-row select[multiple], .form-small .form-row select[multiple], .form .form-row select[multiple], .form-m .form-row select[multiple], .form-med .form-row select[multiple], .form-l .form-row select[multiple], .form-large .form-row select[multiple] { height: inherit; background-color: #FFFFFF }

.form-basic .form-row textarea, .form-s .form-row textarea, .form-small .form-row textarea, .form .form-row textarea, .form-m .form-row textarea, .form-med .form-row textarea, .form-l .form-row textarea, .form-large .form-row textarea { height: auto }

.form-basic input[type=text], .form-s input[type=text], .form-small input[type=text], .form input[type=text], .form-m input[type=text], .form-med input[type=text], .form-l input[type=text], .form-large input[type=text], .form-basic textarea, .form-s textarea, .form-small textarea, .form textarea, .form-m textarea, .form-med textarea, .form-l textarea, .form-large textarea, .form-basic select, .form-s select, .form-small select, .form select, .form-m select, .form-med select, .form-l select, .form-large select, .form-basic .uneditable-input, .form-s .uneditable-input, .form-small .uneditable-input, .form .uneditable-input, .form-m .uneditable-input, .form-med .uneditable-input, .form-l .uneditable-input, .form-large .uneditable-input { display: inline-block; width: 80%; color: #808080; border: 1px solid #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px }

fieldset { margin-bottom: 18px; padding-top: 18px }

.form-row { *zoom: 1; margin-bottom: 18px }

.form-row:after { content: ""; display: table; clear: both }

.form-row > label { font-weight: bold; color: #404040; margin: 0 0 2px 2px; display: block }

input[type=checkbox], input[type=radio] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; line-height: normal; border: none }

input[type=file] { background-color: #FFFFFF; padding: initial; border: initial; line-height: initial; box-shadow: none }

input[type=button], input[type=reset], input[type=submit], input.button, input.reset, input.submit { width: auto; height: auto }

select, input[type=file], input.file { height: 27px; *height: auto; *margin-top: 4px }

.form-basic input[type=text], .form-s input[type=text], .form-small input[type=text], .form input[type=text], .form-m input[type=text], .form-med input[type=text], .form-l input[type=text], .form-large input[type=text], .form-basic textarea, .form-s textarea, .form-small textarea, .form textarea, .form-m textarea, .form-med textarea, .form-l textarea, .form-large textarea { -webkit-transition: border 0.2s linear; -moz-transition: border 0.2s linear; -ms-transition: border 0.2s linear; -o-transition: border 0.2s linear; transition: border 0.2s linear; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset }

.form-basic input[type=text]:focus, .form-s input[type=text]:focus, .form-small input[type=text]:focus, .form input[type=text]:focus, .form-m input[type=text]:focus, .form-med input[type=text]:focus, .form-l input[type=text]:focus, .form-large input[type=text]:focus, .form-basic input[type=text]:focus, .form-s input[type=text]:focus, .form-small input[type=text]:focus, .form input[type=text]:focus, .form-m input[type=text]:focus, .form-med input[type=text]:focus, .form-l input[type=text]:focus, .form-large input[type=text]:focus, .form-basic textarea:focus, .form-s textarea:focus, .form-small textarea:focus, .form textarea:focus, .form-m textarea:focus, .form-med textarea:focus, .form-l textarea:focus, .form-large textarea:focus, .form-basic textarea:focus, .form-s textarea:focus, .form-small textarea:focus, .form textarea:focus, .form-m textarea:focus, .form-med textarea:focus, .form-l textarea:focus, .form-large textarea:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset, rgba(82, 168, 236, 0.6) 0 0 8px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset, rgba(82, 168, 236, 0.6) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px inset, rgba(82, 168, 236, 0.6) 0 0 8px }

input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666666 }

input[type=checkbox], input[type=radio] { cursor: pointer }

.uneditable-input { background-color: #FFFFFF; display: block; border-color: #EEEEEE; cursor: not-allowed; -webkit-box-shadow: rgba(0, 0, 0, 0.025) 0 1px 2px inset; -moz-box-shadow: rgba(0, 0, 0, 0.025) 0 1px 2px inset; box-shadow: rgba(0, 0, 0, 0.025) 0 1px 2px inset }

:-moz-placeholder { color: #BFBFBF }

::-webkit-input-placeholder { color: #BFBFBF }

.form-s .form-row input[type=text], .form-s .form-row select, .form-s .form-row textarea, .form-s .form-row .uneditable-input, .form-s .form-row .add-on, .form-small .form-row input[type=text], .form-small .form-row select, .form-small .form-row textarea, .form-small .form-row .uneditable-input, .form-small .form-row .add-on { font-size: 11px; padding: 4px; height: 24px }

.form-s .form-row > label, .form-small .form-row > label { font-size: 11px; line-height: 18px }

.form-s .form-row .inputs-list label, .form-s .form-row .list-inputs label, .form-small .form-row .inputs-list label, .form-small .form-row .list-inputs label { font-size: 11px }

.form-s .btn, .form-s .button, .form-s .btn-lt, .form-s .btn-light, .form-s .btn-dark, .form-s .btn-dk, .form-small .btn, .form-small .button, .form-small .btn-lt, .form-small .btn-light, .form-small .btn-dark, .form-small .btn-dk { height: 24px }

.form-s.sidesaddle .form-row > label, .form-small.sidesaddle .form-row > label { margin-top: 3px }

.form .form-row input[type=text], .form .form-row select, .form .form-row textarea, .form .form-row .uneditable-input, .form .form-row .add-on, .form-m .form-row input[type=text], .form-m .form-row select, .form-m .form-row textarea, .form-m .form-row .uneditable-input, .form-m .form-row .add-on, .form-med .form-row input[type=text], .form-med .form-row select, .form-med .form-row textarea, .form-med .form-row .uneditable-input, .form-med .form-row .add-on { font-size: 13px; padding: 5px; height: 28px }

.form .form-row > label, .form-m .form-row > label, .form-med .form-row > label { font-size: 13px; line-height: 18px }

.form .form-row .inputs-list label, .form .form-row .list-inputs label, .form-m .form-row .inputs-list label, .form-m .form-row .list-inputs label, .form-med .form-row .inputs-list label, .form-med .form-row .list-inputs label { font-size: 13px }

.form .btn, .form .button, .form .btn-lt, .form .btn-light, .form .btn-dark, .form .btn-dk, .form-m .btn, .form-m .button, .form-m .btn-lt, .form-m .btn-light, .form-m .btn-dark, .form-m .btn-dk, .form-med .btn, .form-med .button, .form-med .btn-lt, .form-med .btn-light, .form-med .btn-dark, .form-med .btn-dk { height: 28px }

.form.sidesaddle .form-row > label, .form-m.sidesaddle .form-row > label, .form-med.sidesaddle .form-row > label { margin-top: 4px }

.form-l .form-row input[type=text], .form-l .form-row select, .form-l .form-row textarea, .form-l .form-row .uneditable-input, .form-l .form-row .add-on, .form-large .form-row input[type=text], .form-large .form-row select, .form-large .form-row textarea, .form-large .form-row .uneditable-input, .form-large .form-row .add-on { font-size: 15px; padding: 6px; height: 35px }

.form-l .form-row > label, .form-large .form-row > label { font-size: 15px; line-height: 18px; margin-bottom: 8px }

.sidesaddle .form-l .form-row > label, .sidesaddle .form-large .form-row > label { margin-top: 6px }

.form-l .form-row .inputs-list label, .form-l .form-row .list-inputs label, .form-large .form-row .inputs-list label, .form-large .form-row .list-inputs label { font-size: 15px }

.form-l .form-row .inputs-list input[type=checkbox], .form-l .form-row .inputs-list input[type=radio], .form-l .form-row .list-inputs input[type=checkbox], .form-l .form-row .list-inputs input[type=radio], .form-large .form-row .inputs-list input[type=checkbox], .form-large .form-row .inputs-list input[type=radio], .form-large .form-row .list-inputs input[type=checkbox], .form-large .form-row .list-inputs input[type=radio] { margin-top: 4px }

.form-l .form-row .inputs-list > li, .form-l .form-row .list-inputs > li, .form-large .form-row .inputs-list > li, .form-large .form-row .list-inputs > li { margin-bottom: 4px }

.form-l .btn, .form-l .button, .form-l .btn-lt, .form-l .btn-light, .form-l .btn-dark, .form-l .btn-dk, .form-large .btn, .form-large .button, .form-large .btn-lt, .form-large .btn-light, .form-large .btn-dark, .form-large .btn-dk { height: 35px }

.form-l.sidesaddle .form-row > label, .form-large.sidesaddle .form-row > label { margin-top: 7px }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #F5F5F5; border-color: #DDDDDD; cursor: not-allowed }

.disabled { color: #999999 }

.error > label, .error .help-block, .error .help-inline { color: #B94A48 }

.error input, .error input[type=text], .error textarea { color: #B94A48; border-color: #EE5F5B }

.error input:focus, .error input:focus, .error input[type=text]:focus, .error input[type=text]:focus, .error textarea:focus, .error textarea:focus { border-color: #E9322D; -webkit-box-shadow: #F8B9B7 0 0 6px; -moz-box-shadow: #F8B9B7 0 0 6px; box-shadow: #F8B9B7 0 0 6px }

.error .input-prepend .add-on, .error .input-append .add-on { color: #B94A48; background-color: #FCE6E6; border-color: #B94A48 }

.warning > label, .warning .help-block, .warning .help-inline { color: #C09853 }

.warning input, .warning input[type=text], .warning textarea { color: #C09853; border-color: #C09853 }

.warning input:focus, .warning input:focus, .warning input[type=text]:focus, .warning input[type=text]:focus, .warning textarea:focus, .warning textarea:focus { border-color: #BE9A3F; -webkit-box-shadow: #E5D6B1 0 0 6px; -moz-box-shadow: #E5D6B1 0 0 6px; box-shadow: #E5D6B1 0 0 6px }

.warning .input-prepend .add-on, .warning .input-append .add-on { color: #C09853; background-color: #D2B877; border-color: #C09853 }

.success > label, .success .help-block, .success .help-inline { color: #468847 }

.success input, .success input[type=text], .success textarea { color: #468847; border-color: #57A957 }

.success input:focus, .success input:focus, .success input[type=text]:focus, .success input[type=text]:focus, .success textarea:focus, .success textarea:focus { border-color: #458845; -webkit-box-shadow: #9ACC9A 0 0 6px; -moz-box-shadow: #9ACC9A 0 0 6px; box-shadow: #9ACC9A 0 0 6px }

.success .input-prepend .add-on, .success .input-append .add-on { color: #468847; background-color: #BCDDBC; border-color: #468847 }

.inline-inputs, .inputs-inline { color: #808080 }

.inline-inputs input[type=text], .inline-inputs select, .inputs-inline input[type=text], .inputs-inline select { width: 15% }

.inline-inputs .help-block, .inputs-inline .help-block { padding: 0 2px 0 1px }

.inputs-list, .list-inputs { margin: 0 0 5px; width: 100% }

.inputs-list > li, .list-inputs > li { display: block; padding: 0; width: 100% }

.inputs-list label, .list-inputs label { display: block; float: none; width: auto; padding: 0; margin-left: 20px; line-height: 18px; text-align: left; white-space: normal }

.inputs-list label strong, .list-inputs label strong { color: #808080 }

.inputs-list label small, .list-inputs label small { font-size: 11px; font-weight: normal }

.inputs-list .inputs-list, .inputs-list .list-inputs, .list-inputs .inputs-list, .list-inputs .list-inputs { margin-left: 25px; margin-bottom: 10px; padding-top: 0 }

.inputs-list:first-child, .list-inputs:first-child { padding-top: 6px }

.inputs-list li + li, .list-inputs li + li { padding-top: 2px }

.inputs-list input[type=radio], .inputs-list input[type=checkbox], .list-inputs input[type=radio], .list-inputs input[type=checkbox] { margin-bottom: 0; margin-left: -20px; float: left }

.help-inline, .help-block { font-size: 13px; line-height: 18px; color: #BFBFBF }

.help-inline { padding-left: 5px; *position: relative; *top: -5px }

.help-block { margin-top: 4px; display: block; max-width: 600px }

.input-prepend, .input-append { *zoom: 1 }

.input-prepend:after, .input-append:after { content: ""; display: table; clear: both }

.input-prepend input, .input-append input { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 }

.input-prepend .add-on, .input-append .add-on { position: relative; background: #F5F5F5; border: 1px solid #CCCCCC; z-index: 2; float: left; display: block; width: auto; min-width: 16px; padding: 4px 4px 4px 5px; margin-right: -1px; font-weight: normal; line-height: 18px; color: #BFBFBF; text-align: center; text-shadow: #FFFFFF 0 1px 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px }

.input-prepend .active, .input-append .active { background: #A9DBA9; border-color: #46A546 }

.input-prepend .add-on { *margin-top: 1px }

.input-append input { float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px }

.input-append .add-on { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right: 0; margin-left: -1px }

.legend-h { display: block; font-size: 19.5px; line-height: 1; color: #404040; margin-bottom: 18px; *padding: 0 0 5px 145px; *line-height: 1.5 }

.form-actions { background: #F5F5F5; margin-top: 18px; margin-bottom: 18px; padding: 17px 20px 18px; border-top: 1px solid #DDDDDD; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px }

.form-actions .secondary-action { float: right }

.form-basic .span-5, .form-s .span-5, .form-small .span-5, .form .span-5, .form-m .span-5, .form-med .span-5, .form-l .span-5, .form-large .span-5 { width: 5% }

.form-basic .span-10, .form-s .span-10, .form-small .span-10, .form .span-10, .form-m .span-10, .form-med .span-10, .form-l .span-10, .form-large .span-10 { width: 10% }

.form-basic .span-15, .form-s .span-15, .form-small .span-15, .form .span-15, .form-m .span-15, .form-med .span-15, .form-l .span-15, .form-large .span-15 { width: 15% }

.form-basic .span-20, .form-s .span-20, .form-small .span-20, .form .span-20, .form-m .span-20, .form-med .span-20, .form-l .span-20, .form-large .span-20 { width: 20% }

.form-basic .span-25, .form-s .span-25, .form-small .span-25, .form .span-25, .form-m .span-25, .form-med .span-25, .form-l .span-25, .form-large .span-25 { width: 25% }

.form-basic .span-30, .form-s .span-30, .form-small .span-30, .form .span-30, .form-m .span-30, .form-med .span-30, .form-l .span-30, .form-large .span-30 { width: 30% }

.form-basic .span-35, .form-s .span-35, .form-small .span-35, .form .span-35, .form-m .span-35, .form-med .span-35, .form-l .span-35, .form-large .span-35 { width: 35% }

.form-basic .span-40, .form-s .span-40, .form-small .span-40, .form .span-40, .form-m .span-40, .form-med .span-40, .form-l .span-40, .form-large .span-40 { width: 40% }

.form-basic .span-45, .form-s .span-45, .form-small .span-45, .form .span-45, .form-m .span-45, .form-med .span-45, .form-l .span-45, .form-large .span-45 { width: 45% }

.form-basic .span-50, .form-s .span-50, .form-small .span-50, .form .span-50, .form-m .span-50, .form-med .span-50, .form-l .span-50, .form-large .span-50 { width: 50% }

.form-basic .span-55, .form-s .span-55, .form-small .span-55, .form .span-55, .form-m .span-55, .form-med .span-55, .form-l .span-55, .form-large .span-55 { width: 55% }

.form-basic .span-60, .form-s .span-60, .form-small .span-60, .form .span-60, .form-m .span-60, .form-med .span-60, .form-l .span-60, .form-large .span-60 { width: 60% }

.form-basic .span-65, .form-s .span-65, .form-small .span-65, .form .span-65, .form-m .span-65, .form-med .span-65, .form-l .span-65, .form-large .span-65 { width: 65% }

.form-basic .span-70, .form-s .span-70, .form-small .span-70, .form .span-70, .form-m .span-70, .form-med .span-70, .form-l .span-70, .form-large .span-70 { width: 70% }

.form-basic .span-75, .form-s .span-75, .form-small .span-75, .form .span-75, .form-m .span-75, .form-med .span-75, .form-l .span-75, .form-large .span-75 { width: 75% }

.form-basic .span-80, .form-s .span-80, .form-small .span-80, .form .span-80, .form-m .span-80, .form-med .span-80, .form-l .span-80, .form-large .span-80 { width: 80% }

.form-basic .span-85, .form-s .span-85, .form-small .span-85, .form .span-85, .form-m .span-85, .form-med .span-85, .form-l .span-85, .form-large .span-85 { width: 85% }

.form-basic .span-90, .form-s .span-90, .form-small .span-90, .form .span-90, .form-m .span-90, .form-med .span-90, .form-l .span-90, .form-large .span-90 { width: 90% }

.form-basic .span-95, .form-s .span-95, .form-small .span-95, .form .span-95, .form-m .span-95, .form-med .span-95, .form-l .span-95, .form-large .span-95 { width: 95% }

.form-basic .span-100, .form-s .span-100, .form-small .span-100, .form .span-100, .form-m .span-100, .form-med .span-100, .form-l .span-100, .form-large .span-100 { width: 100% }

.list { padding: 0 0 0 22px; color: #C1E2E7 }

.list > li { margin-bottom: 6px }

.list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list > li > p { visibility: hidden }

.wf-active .list > li > p, .wf-inactive .list > li > p { visibility: visible }

.wf-active .list > li > p { text-rendering: optimizeLegibility }

.list > li > a:hover { text-decoration: underline }

.list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list.horiz > li { *display: inline }

.list-bull, .bull-list { list-style: disc outside; padding: 0 0 0 22px; color: #C1E2E7 }

.list-bull > li, .bull-list > li { margin-bottom: 6px }

.list-bull > li > p, .bull-list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list-bull > li > p, .wf-loading .bull-list > li > p { visibility: hidden }

.wf-active .list-bull > li > p, .wf-inactive .list-bull > li > p, .wf-active .bull-list > li > p, .wf-inactive .bull-list > li > p { visibility: visible }

.wf-active .list-bull > li > p, .wf-active .bull-list > li > p { text-rendering: optimizeLegibility }

.list-bull > li > a:hover, .bull-list > li > a:hover { text-decoration: underline }

.list-bull.horiz > li, .bull-list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-bull.horiz > li, .bull-list.horiz > li { *display: inline }

.list-bull > .list-bull, .bull-list > .list-bull { margin: 9px 0; list-style-type: circle }

.list-alpha, .alpha-list { list-style: lower-alpha outside; padding: 0 0 0 22px; color: #C1E2E7 }

.list-alpha > li, .alpha-list > li { margin-bottom: 6px }

.list-alpha > li > p, .alpha-list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list-alpha > li > p, .wf-loading .alpha-list > li > p { visibility: hidden }

.wf-active .list-alpha > li > p, .wf-inactive .list-alpha > li > p, .wf-active .alpha-list > li > p, .wf-inactive .alpha-list > li > p { visibility: visible }

.wf-active .list-alpha > li > p, .wf-active .alpha-list > li > p { text-rendering: optimizeLegibility }

.list-alpha > li > a:hover, .alpha-list > li > a:hover { text-decoration: underline }

.list-alpha.horiz > li, .alpha-list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-alpha.horiz > li, .alpha-list.horiz > li { *display: inline }

.num-list, .list-num, .number-list, .list-number { list-style: decimal outside; padding: 0 0 0 22px; color: #C1E2E7 }

.num-list > li, .list-num > li, .number-list > li, .list-number > li { margin-bottom: 6px }

.num-list > li > p, .list-num > li > p, .number-list > li > p, .list-number > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .num-list > li > p, .wf-loading .list-num > li > p, .wf-loading .number-list > li > p, .wf-loading .list-number > li > p { visibility: hidden }

.wf-active .num-list > li > p, .wf-inactive .num-list > li > p, .wf-active .list-num > li > p, .wf-inactive .list-num > li > p, .wf-active .number-list > li > p, .wf-inactive .number-list > li > p, .wf-active .list-number > li > p, .wf-inactive .list-number > li > p { visibility: visible }

.wf-active .num-list > li > p, .wf-active .list-num > li > p, .wf-active .number-list > li > p, .wf-active .list-number > li > p { text-rendering: optimizeLegibility }

.num-list > li > a:hover, .list-num > li > a:hover, .number-list > li > a:hover, .list-number > li > a:hover { text-decoration: underline }

.num-list.horiz > li, .list-num.horiz > li, .number-list.horiz > li, .list-number.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.num-list.horiz > li, .list-num.horiz > li, .number-list.horiz > li, .list-number.horiz > li { *display: inline }

.list-horiz, .horiz-list { padding: 0 0 0 22px; color: #C1E2E7 }

.list-horiz > li, .horiz-list > li { margin-bottom: 6px }

.list-horiz > li > p, .horiz-list > li > p { color: #444444; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .list-horiz > li > p, .wf-loading .horiz-list > li > p { visibility: hidden }

.wf-active .list-horiz > li > p, .wf-inactive .list-horiz > li > p, .wf-active .horiz-list > li > p, .wf-inactive .horiz-list > li > p { visibility: visible }

.wf-active .list-horiz > li > p, .wf-active .horiz-list > li > p { text-rendering: optimizeLegibility }

.list-horiz > li > a:hover, .horiz-list > li > a:hover { text-decoration: underline }

.list-horiz.horiz > li, .horiz-list.horiz > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-horiz.horiz > li, .horiz-list.horiz > li { *display: inline }

.list-horiz > li, .horiz-list > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 7px 0 0 }

.list-horiz > li, .horiz-list > li { *display: inline }

.list-horiz > li:not(:last-child):after, .horiz-list > li:not(:last-child):after { content: '|'; margin-left: 8px }

.ie .list-horiz > li:after, .ie .horiz-list > li:after { content: '|'; margin-left: 8px }

.ie .list-horiz > li.last:after, .ie .horiz-list > li.last:after { content: "" }

.btn-small-light, .btn-small { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 11px; padding: 4px 11px 5px; color: #999999; background-color: #FFFFFF }

.btn-small-light, .btn-small { *display: inline }

.wf-loading .btn-small-light, .wf-loading .btn-small { visibility: hidden }

.wf-active .btn-small-light, .wf-active .btn-small, .wf-inactive .btn-small-light, .wf-inactive .btn-small { visibility: visible }

.wf-active .btn-small-light, .wf-active .btn-small { text-rendering: optimizeLegibility }

.btn-small-light:hover, .btn-small:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-small-light:focus, .btn-small:focus { outline: 1px dotted #666666 }

.btn-small-light.disabled, .disabled.btn-small, .btn-small-light[disabled], [disabled].btn-small, .btn-small-light.disabled:hover, .disabled.btn-small:hover, .btn-small-light[disabled]:hover, [disabled].btn-small:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.btn-small-dark { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 11px; padding: 4px 11px 5px; color: #FFFFFF; border-color: #0064CD #0064CD #003F81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #0064CD; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #049CDB), color-stop(100%, #0064CD)); background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); background-image: -moz-linear-gradient(top, #049CDB, #0064CD); background-image: -o-linear-gradient(top, #049CDB, #0064CD); background-image: -ms-linear-gradient(top, #049CDB, #0064CD); background-image: linear-gradient(top, #049CDB, #0064CD); text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0 }

.btn-small-dark { *display: inline }

.wf-loading .btn-small-dark { visibility: hidden }

.wf-active .btn-small-dark, .wf-inactive .btn-small-dark { visibility: visible }

.wf-active .btn-small-dark { text-rendering: optimizeLegibility }

.btn-small-dark:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-small-dark:focus { outline: 1px dotted #666666 }

.btn-small-alt { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 11px; padding: 4px 11px 5px }

.btn-small-alt { *display: inline }

.wf-loading .btn-small-alt { visibility: hidden }

.wf-active .btn-small-alt, .wf-inactive .btn-small-alt { visibility: visible }

.wf-active .btn-small-alt { text-rendering: optimizeLegibility }

.btn-small-alt:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-small-alt:focus { outline: 1px dotted #666666 }

.btn-med-light, .btn, .btn-med, .btn-light { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px; color: #999999; background-color: #FFFFFF }

.btn-med-light, .btn, .btn-med, .btn-light { *display: inline }

.wf-loading .btn-med-light, .wf-loading .btn, .wf-loading .btn-med, .wf-loading .btn-light { visibility: hidden }

.wf-active .btn-med-light, .wf-active .btn, .wf-active .btn-med, .wf-active .btn-light, .wf-inactive .btn-med-light, .wf-inactive .btn, .wf-inactive .btn-med, .wf-inactive .btn-light { visibility: visible }

.wf-active .btn-med-light, .wf-active .btn, .wf-active .btn-med, .wf-active .btn-light { text-rendering: optimizeLegibility }

.btn-med-light:hover, .btn:hover, .btn-med:hover, .btn-light:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-med-light:focus, .btn:focus, .btn-med:focus, .btn-light:focus { outline: 1px dotted #666666 }

.btn-med-light.disabled, .disabled.btn, .disabled.btn-med, .disabled.btn-light, .btn-med-light[disabled], [disabled].btn, [disabled].btn-med, [disabled].btn-light, .btn-med-light.disabled:hover, .disabled.btn:hover, .disabled.btn-med:hover, .disabled.btn-light:hover, .btn-med-light[disabled]:hover, [disabled].btn:hover, [disabled].btn-med:hover, [disabled].btn-light:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.btn-med-dark, .btn-dark { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px; color: #FFFFFF; border-color: #0064CD #0064CD #003F81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #0064CD; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #049CDB), color-stop(100%, #0064CD)); background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); background-image: -moz-linear-gradient(top, #049CDB, #0064CD); background-image: -o-linear-gradient(top, #049CDB, #0064CD); background-image: -ms-linear-gradient(top, #049CDB, #0064CD); background-image: linear-gradient(top, #049CDB, #0064CD); text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0 }

.btn-med-dark, .btn-dark { *display: inline }

.wf-loading .btn-med-dark, .wf-loading .btn-dark { visibility: hidden }

.wf-active .btn-med-dark, .wf-active .btn-dark, .wf-inactive .btn-med-dark, .wf-inactive .btn-dark { visibility: visible }

.wf-active .btn-med-dark, .wf-active .btn-dark { text-rendering: optimizeLegibility }

.btn-med-dark:hover, .btn-dark:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-med-dark:focus, .btn-dark:focus { outline: 1px dotted #666666 }

.btn-med-alt, .btn-alt { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px }

.btn-med-alt, .btn-alt { *display: inline }

.wf-loading .btn-med-alt, .wf-loading .btn-alt { visibility: hidden }

.wf-active .btn-med-alt, .wf-active .btn-alt, .wf-inactive .btn-med-alt, .wf-inactive .btn-alt { visibility: visible }

.wf-active .btn-med-alt, .wf-active .btn-alt { text-rendering: optimizeLegibility }

.btn-med-alt:hover, .btn-alt:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-med-alt:focus, .btn-alt:focus { outline: 1px dotted #666666 }

.btn-large-light, .btn-large { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 14px; padding: 7px 16px 8px; color: #999999; background-color: #FFFFFF }

.btn-large-light, .btn-large { *display: inline }

.wf-loading .btn-large-light, .wf-loading .btn-large { visibility: hidden }

.wf-active .btn-large-light, .wf-active .btn-large, .wf-inactive .btn-large-light, .wf-inactive .btn-large { visibility: visible }

.wf-active .btn-large-light, .wf-active .btn-large { text-rendering: optimizeLegibility }

.btn-large-light:hover, .btn-large:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-large-light:focus, .btn-large:focus { outline: 1px dotted #666666 }

.btn-large-light.disabled, .disabled.btn-large, .btn-large-light[disabled], [disabled].btn-large, .btn-large-light.disabled:hover, .disabled.btn-large:hover, .btn-large-light[disabled]:hover, [disabled].btn-large:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.btn-large-dark { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 14px; padding: 7px 16px 8px; color: #FFFFFF; border-color: #0064CD #0064CD #003F81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #0064CD; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #049CDB), color-stop(100%, #0064CD)); background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); background-image: -moz-linear-gradient(top, #049CDB, #0064CD); background-image: -o-linear-gradient(top, #049CDB, #0064CD); background-image: -ms-linear-gradient(top, #049CDB, #0064CD); background-image: linear-gradient(top, #049CDB, #0064CD); text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0 }

.btn-large-dark { *display: inline }

.wf-loading .btn-large-dark { visibility: hidden }

.wf-active .btn-large-dark, .wf-inactive .btn-large-dark { visibility: visible }

.wf-active .btn-large-dark { text-rendering: optimizeLegibility }

.btn-large-dark:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-large-dark:focus { outline: 1px dotted #666666 }

.btn-large-alt { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 14px; padding: 7px 16px 8px }

.btn-large-alt { *display: inline }

.wf-loading .btn-large-alt { visibility: hidden }

.wf-active .btn-large-alt, .wf-inactive .btn-large-alt { visibility: visible }

.wf-active .btn-large-alt { text-rendering: optimizeLegibility }

.btn-large-alt:hover { cursor: pointer; color: #888888; border-color: #999999 }

.btn-large-alt:focus { outline: 1px dotted #666666 }

.icon-speech-sm, .comm-call > .icon { display: block; height: 23px; width: 23px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .icon-speech-sm, .no-svg .comm-call > .icon { background-image: url('../_img/_icons/speech-sm.png') }

.svg .icon-speech-sm, .svg .comm-call > .icon { background-image: url('../_img/_icons/speech-sm.svg') }

.icon-speech, .comm-hdr-icon { display: block; height: 40px; width: 40px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .icon-speech, .no-svg .comm-hdr-icon { background-image: url('../_img/_icons/speech.png') }

.svg .icon-speech, .svg .comm-hdr-icon { background-image: url('../_img/_icons/speech.svg') }

.sc-player { width: 100%; position: relative }

.sc-player.special { border: 2px solid #FF3300; padding: 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px }

.sc-player a { text-decoration: none; color: #333333 }

.sc-player ol.sc-trackslist li.active, .sc-player ol.sc-trackslist li:hover { background-color: #FFFFFF; padding: 4px; color: #000000 }

.sc-player ol.sc-trackslist li.active a { color: #000000 }

.sc-track-duration { text-align: right; float: right; padding: 0 5px; margin-left: 5px; display: none }

.sc-player .sc-info { background: #FFFFFF; opacity: 0.9 }

.sc-player .sc-info-toggle { background: #FFFFFF; color: #003399; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #CCCCCC, 1px, 1px, 4px; -moz-box-shadow: #CCCCCC, 1px, 1px, 4px; box-shadow: #CCCCCC, 1px, 1px, 4px; padding: 4px }

.sc-player .sc-info-toggle:hover { background: #003399; color: #EEEEEE }

.sc-player .sc-info-close { background: #003399; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 2px 4px; font-weight: bold }

.sc-player { width: 100%; position: relative }

.sc-player ol, .sc-player li { margin: 0; padding: 0; list-style-position: inside }

.sc-player .sc-artwork-list { display: none }

.sc-player .sc-artwork-list li { list-style-type: none; display: none }

.sc-player .sc-artwork-list li.active { list-style-type: none; display: block }

.sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div { list-style-type: none; width: 100%; height: 100% }

.sc-pause { text-indent: -3000px }

.sc-play { display: inline-block; position: relative; z-index: 9999 }

.play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; margin-right: 10px; background-color: #FFFFFF; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.play-btn:after { content: "\0020"; position: absolute }

.play-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

.playing .play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: inline-block }

.playing .play-btn:after { content: "\0020"; position: absolute }

.playing .play-btn:after { top: 7px !important; left: 8px !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 3px solid #000000 !important; border-right: 3px solid #000000 !important; width: 3px; height: 10px }

.play-btn:hover { background-color: rgba(255, 255, 255, 0.6) }

.sc-player.player-active .audio-h { display: none }

.sc-pause { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: none }

.sc-pause:after { content: "\0020"; position: absolute }

.sc-pause:after { top: 7px !important; left: 8px !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 3px solid #000000 !important; border-right: 3px solid #000000 !important; width: 3px; height: 10px }

.playing .sc-pause { display: inline-block }

.sc-scrubber { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.player-active .sc-scrubber { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }

.sc-time-span { height: 100%; position: relative }

.sc-waveform-container { height: 100% }

.sc-buffer, .sc-played { position: absolute; top: 0; bottom: 0; width: 0; -webkit-transition: width 0.1s linear; -moz-transition: width 0.1s linear; -ms-transition: width 0.1s linear; -o-transition: width 0.1s linear; transition: width 0.1s linear }

.sc-buffer { background-color: #C1E2E7 }

.sc-played { background-color: #666666; border-right: 5px solid #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3 }

.sc-time-span img { display: none }

.sc-time-indicators { color: #999999; padding: 2px; line-height: 1em; font: normal 10px "Courier New", Courier, mono; text-align: center; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; position: absolute; right: 0; left: 0; bottom: -35px }

.sc-player ol.sc-trackslist { position: absolute; float: left; width: 92%; height: 100%; left: 45px; overflow: auto; display: none }

.sc-player ol.sc-trackslist li { float: left; width: 95.5%; cursor: pointer; margin: 5px; padding: 5px; list-style: none }

.sc-player .sc-info { display: none }

.sc-player .sc-info.active { left: 25%; top: 5% }

.sc-player .sc-info-toggle { position: absolute; top: 10px; left: 10px; display: none }

.sc-player .sc-info-toggle.active { left: -5000px }

.sc-player .sc-info-close { position: absolute; top: 10px; right: 20px }

.sc-player .hidden { display: none }

.sc-player-engine-container { width: 1px; height: 1px; position: fixed; top: 2px; left: 2px }

.article-audio .sc-player { text-align: center }

.article-audio .sc-player, .article-audio .sc-time-span, .article-audio .sc-buffer, .article-audio .sc-played, .article-audio .sc-scrubber, .article-audio .sc-waveform-container { height: 33px }

.article-audio .sc-controls { padding-top: 4px }

.article-audio .sc-waveform-container { background-color: #C1E2E7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7 }

.tz-audio .sc-player { padding: 7px 10px 5px; background-color: transparent }

.tz-audio .sc-controls { display: inline-block; text-align: left }

.tz-audio .sc-time-indicators { left: auto; bottom: 13px; color: #000000; right: 8px; font-weight: bold }

.tz-audio .sc-buffer { background-color: rgba(255, 255, 255, 0.2) }

.tz-audio .sc-played { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; border-color: #444444 }

a { text-decoration: none; color: inherit }

strong { font-weight: bold }

em { font-style: italic }

.layout, .main-nav, .ch-mod { position: relative; max-width: 1400px; margin: 0 30px }

@media (min-width: 600px) {
    .layout, .main-nav, .ch-mod { margin: 0 60px }
}

@media (min-width: 1520px) {
    .layout, .main-nav, .ch-mod { margin: auto }
}

@media (min-width: 1100px) {
    .br { display: block }
}

.bg-link a, .tz-deck a, .about-mod.about .tz-txt-mod a { padding: 2px; background-color: #D3EBEE; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.bg-link a:hover, .tz-deck a:hover, .about-mod.about .tz-txt-mod a:hover { background-color: #C1E2E7 }

.tz-h1, .tz-h2, .tz-h3, .tz-deck { text-align: center; margin-bottom: 20px }

.tz-h1 > a:hover, .tz-h2 > a:hover, .tz-h3 > a:hover, .tz-deck > a:hover { text-decoration: underline }

.tz-h1 { color: #000000; text-transform: uppercase; line-height: 140% !important; font: normal bold 23px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 6px }

.wf-active .tz-h1 { font-weight: normal }

.wf-loading .tz-h1 { visibility: hidden }

.wf-active .tz-h1, .wf-inactive .tz-h1 { visibility: visible }

.wf-active .tz-h1 { text-rendering: optimizeLegibility }

@media (min-width: 500px) {
    .tz-h1 { letter-spacing: 8px; font-size: 26px }
}

@media (min-width: 750px) {
    .tz-h1 { font-size: 28px }
}

.tz-h3 { color: #111111; text-transform: uppercase; line-height: 140% !important; font: normal bold 18px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 7px }

.wf-active .tz-h3 { font-weight: normal }

.wf-loading .tz-h3 { visibility: hidden }

.wf-active .tz-h3, .wf-inactive .tz-h3 { visibility: visible }

.wf-active .tz-h3 { text-rendering: optimizeLegibility }

@media (min-width: 750px) {
    .tz-h3 { font-size: 21px }
}

.h4, .img-tz-h { color: #000000; margin-bottom: 4px; font: normal bold 14px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .h4, .wf-active .img-tz-h { font-weight: normal }

.wf-loading .h4, .wf-loading .img-tz-h { visibility: hidden }

.wf-active .h4, .wf-active .img-tz-h, .wf-inactive .h4, .wf-inactive .img-tz-h { visibility: visible }

.wf-active .h4, .wf-active .img-tz-h { text-rendering: optimizeLegibility }

.h4 > a:hover, .img-tz-h > a:hover { text-decoration: underline }

.h5 { text-transform: uppercase; font: normal bold 12px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 3px }

.wf-active .h5 { font-weight: normal }

.wf-loading .h5 { visibility: hidden }

.wf-active .h5, .wf-inactive .h5 { visibility: visible }

.wf-active .h5 { text-rendering: optimizeLegibility }

.h5 > a:hover { text-decoration: underline }

a.h5:hover { text-decoration: underline }

.tz-deck { margin-bottom: 20px; line-height: 190% !important; font: normal 16px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .tz-deck { visibility: hidden }

.wf-active .tz-deck, .wf-inactive .tz-deck { visibility: visible }

.wf-active .tz-deck { text-rendering: optimizeLegibility }

@media (min-width: 550px) {
    .tz-deck { font-size: 18px; letter-spacing: 2px }
}

.tz-txt, .tz-txt-mod > p { margin-bottom: 16px; line-height: 160% !important; font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .tz-txt, .wf-loading .tz-txt-mod > p { visibility: hidden }

.wf-active .tz-txt, .wf-active .tz-txt-mod > p, .wf-inactive .tz-txt, .wf-inactive .tz-txt-mod > p { visibility: visible }

.wf-active .tz-txt, .wf-active .tz-txt-mod > p { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .tz-txt, .tz-txt-mod > p { font-size: 15px }
}

.tz-txt-mod { max-width: 600px; margin: auto }

.overline { max-width: 275px; margin: 0 20px 45px; padding-bottom: 16px; border-bottom: 1px solid #999999; text-align: center; font: normal 15px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .overline { visibility: hidden }

.wf-active .overline, .wf-inactive .overline { visibility: visible }

.wf-active .overline { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .overline { margin-left: auto; margin-right: auto }
}

.overline strong { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .overline strong { font-weight: normal }

.wf-loading .overline strong { visibility: hidden }

.wf-active .overline strong, .wf-inactive .overline strong { visibility: visible }

.wf-active .overline strong { text-rendering: optimizeLegibility }

.overbox { text-align: center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; line-height: normal; border: 1px solid #CCCCCC; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-size: 12px; padding: 5px 10px 6px; color: #999999; background-color: #FFFFFF; font-size: 10px; display: block; width: 60px; margin: 0 auto 20px; padding-bottom: 5px }

.overbox { *display: inline }

.wf-loading .overbox { visibility: hidden }

.wf-active .overbox, .wf-inactive .overbox { visibility: visible }

.wf-active .overbox { text-rendering: optimizeLegibility }

.overbox:hover { cursor: pointer; color: #888888; border-color: #999999 }

.overbox:focus { outline: 1px dotted #666666 }

.overbox.disabled, .overbox[disabled], .overbox.disabled:hover, .overbox[disabled]:hover { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }

.overbox:hover { border-color: #CCCCCC; cursor: default }

.caption { color: #000000; font: normal 13px/160% Tahoma, Verdana, Helvetica, Arial, sans-serif }

.caption strong { font: normal bold 12px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .caption strong { font-weight: normal }

.wf-loading .caption strong { visibility: hidden }

.wf-active .caption strong, .wf-inactive .caption strong { visibility: visible }

.wf-active .caption strong { text-rendering: optimizeLegibility }

.hash, .main-hdr:after, .main-ftr:after, .bonus-articles:before, .bonus-articles:after, .fig-border:before, .article-audio-tz:before, .big-fig:before, .fig-border:after, .article-audio-tz:after, .big-fig:after { display: block; height: 14px; width: 100%; background: transparent url('../_img/hash.png') 50% 50% repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV43M2QkAIAwEUVPyVrIlKxEUj1zz/RhphUh2yZwiABLChXTmwhO58EUmtNAHPXTBCG2YoQkrSOEA9j4mt6HMqekAAAAASUVORK5CYII=); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6 }

.sep, .article-section:before, .about-mod:before { display: block; height: 10px; width: 70px; background-color: #000000; margin: auto }

.mod, .about-mod { margin-bottom: 100px }

@media (min-width: 500px) {
    .mod, .about-mod { margin-bottom: 140px }
}

.line-mod { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 20px 0 }

.bg-mod, .xtra-q-mod { background-color: #C1E2E7; padding: 20px }

.arrow-up, .to-top, .arrow-down { position: relative; display: block; height: 80px; width: 80px; margin: 0 auto 60px; border: 1px solid #CCCCCC; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -9999em; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; -webkit-box-shadow: #CCCCCC 0 0 0px; -moz-box-shadow: #CCCCCC 0 0 0px; box-shadow: #CCCCCC 0 0 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85 }

.arrow-up > .arrow, .to-top > .arrow, .arrow-down > .arrow { display: none }

.arrow-down { background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .arrow-down { background-image: url('../_img/_icons/arrow-down.png') }

.svg .arrow-down { background-image: url('../_img/_icons/arrow-down.svg') }

.arrow-up, .to-top { background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .arrow-up, .no-svg .to-top { background-image: url('../_img/_icons/arrow-up.png') }

.svg .arrow-up, .svg .to-top { background-image: url('../_img/_icons/arrow-up.svg') }

.arrow-txt { color: #666666; text-transform: uppercase; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-loading .arrow-txt { visibility: hidden }

.wf-active .arrow-txt, .wf-inactive .arrow-txt { visibility: visible }

.wf-active .arrow-txt { text-rendering: optimizeLegibility }

.arrow-defaults, .arrow-icon-large, .img-tz .tz-video .play-btn, .mini-arrow { position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000 }

.arrow-defaults:after, .arrow-icon-large:after, .img-tz .tz-video .play-btn:after, .mini-arrow:after { content: "\0020"; position: absolute }

.arrow-icon, .audio-mod .play-btn, .article-audio .play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000 }

.arrow-icon:after, .audio-mod .play-btn:after, .article-audio .play-btn:after { content: "\0020"; position: absolute }

.arrow-icon:after, .audio-mod .play-btn:after, .article-audio .play-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

.arrow-icon.left:after, .audio-mod .left.play-btn:after, .article-audio .left.play-btn:after { -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #000000 }

.pause-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000 }

.pause-btn:after { content: "\0020"; position: absolute }

.pause-btn:after { top: 7px !important; left: 8px !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 3px solid #000000 !important; border-right: 3px solid #000000 !important; width: 3px; height: 10px }

.arrow-icon-large, .img-tz .tz-video .play-btn { height: 70px; width: 70px; border-color: #FFFFFF }

.arrow-icon-large:after, .img-tz .tz-video .play-btn:after { top: 23px; left: 27px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #FFFFFF }

.mini-arrow { height: 12px; width: 12px }

.mini-arrow:after { content: "\0020"; position: absolute; top: 4px; left: 3px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 3px solid #000000 }

.mini-arrow.up:after { border: 0; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 3px solid #000000 }

.article-active .more-article > .mini-arrow:after { border: 0; top: 3px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 3px solid #000000 }

.to-top { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; text-indent: 0 }

.to-top > .arrow-txt { position: absolute; bottom: -10px; left: 0; right: 0 }

.topic-hdr { position: relative }

.topic-hdr .tz-h1 { margin-bottom: 40px }

@media (min-width: 960px) {
    .topic-hdr-inner { max-width: 800px; margin: auto }
}

.thumb-tzs { *zoom: 1; max-width: 800px; margin: 0 auto 60px }

.thumb-tzs:after { content: ""; display: table; clear: both }

.thumb-tz, .thumb-tz-ctr { max-width: 400px; margin-bottom: 50px }

@media (min-width: 500px) {
    .thumb-tz, .thumb-tz-ctr { margin-bottom: 80px }
}

.thumb-tz .tz-txt, .thumb-tz-ctr .tz-txt, .thumb-tz .tz-txt-mod > p, .thumb-tz-ctr .tz-txt-mod > p { margin-bottom: 8px }

.wf-active .thumb-tz .tz-txt em, .wf-active .thumb-tz-ctr .tz-txt em, .wf-active .thumb-tz .tz-txt-mod > p em, .wf-active .thumb-tz-ctr .tz-txt-mod > p em { font-family: "StagItalic", Helvetica, Arial, Verdana, sans-serif; font-style: normal }

.thumb-tz sup, .thumb-tz-ctr sup { font-size: 68% }

.thumb-tz sup a, .thumb-tz-ctr sup a { display: inline-block; width: 17px; height: 17px; color: #999999; border: 1px solid #CCCCCC; text-align: center; position: relative; top: 3px; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px }

.thumb-tz sup a:hover, .thumb-tz-ctr sup a:hover { border-color: #666666; color: #666666 }

.thumb-tz sup .sup-txt, .thumb-tz-ctr sup .sup-txt { position: relative; top: -4px }

.thumb-tz .open-q, .thumb-tz-ctr .open-q { display: block; float: left; width: 7px; margin-left: -7px }

.thumb-tz .credit, .thumb-tz-ctr .credit { font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; line-height: 120% !important }

.wf-loading .thumb-tz .credit, .wf-loading .thumb-tz-ctr .credit { visibility: hidden }

.wf-active .thumb-tz .credit, .wf-active .thumb-tz-ctr .credit, .wf-inactive .thumb-tz .credit, .wf-inactive .thumb-tz-ctr .credit { visibility: visible }

.wf-active .thumb-tz .credit, .wf-active .thumb-tz-ctr .credit { text-rendering: optimizeLegibility }

.thumb-tz .credit > a:hover, .thumb-tz-ctr .credit > a:hover { text-decoration: underline }

.thumb-tz .name, .thumb-tz-ctr .name { font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-active .thumb-tz .name, .wf-active .thumb-tz-ctr .name { font-weight: normal }

.wf-loading .thumb-tz .name, .wf-loading .thumb-tz-ctr .name { visibility: hidden }

.wf-active .thumb-tz .name, .wf-active .thumb-tz-ctr .name, .wf-inactive .thumb-tz .name, .wf-inactive .thumb-tz-ctr .name { visibility: visible }

.wf-active .thumb-tz .name, .wf-active .thumb-tz-ctr .name { text-rendering: optimizeLegibility }

.thumb-tz .attr, .thumb-tz-ctr .attr { font-size: 12px; color: #666666 }

.topic-mod .thumb-tz, .topic-mod .thumb-tz-ctr, .topic-tzs .thumb-tz, .topic-tzs .thumb-tz-ctr { clear: right }

.topic-mod .thumb-tz:nth-child(even), .topic-mod .thumb-tz-ctr:nth-child(even), .topic-tzs .thumb-tz:nth-child(even), .topic-tzs .thumb-tz-ctr:nth-child(even) { float: right }

.topic-mod .thumb-tz.even, .topic-mod .even.thumb-tz-ctr, .topic-tzs .thumb-tz.even, .topic-tzs .even.thumb-tz-ctr { float: right }

.thumb-tz-h { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; margin-bottom: 6px }

.wf-active .thumb-tz-h { font-weight: normal }

.wf-loading .thumb-tz-h { visibility: hidden }

.wf-active .thumb-tz-h, .wf-inactive .thumb-tz-h { visibility: visible }

.wf-active .thumb-tz-h { text-rendering: optimizeLegibility }

.thumb-tz-fig { float: right; display: block; width: 60px; height: 60px; margin-left: 10px; position: relative }

.thumb-tz-fig > img { display: block; max-width: 100%; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px }

.thumb-tz-fig.quote { background: transparent url('http://genstuck.wbur.org/_img/svg/quote.svg') 50% 50% no-repeat; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .thumb-tz-fig.quote { background-image: url('../_img/_icons/quote.png') }

.svg .thumb-tz-fig.quote { background-image: url('../_img/_icons/quote.svg') }

.thumb-tz-fig.num { -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; color: #000000; text-align: center }

.thumb-tz-fig.num .num-txt { position: relative; top: 17px; font: normal bold 33px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .thumb-tz-fig.num .num-txt { font-weight: normal }

.wf-loading .thumb-tz-fig.num .num-txt { visibility: hidden }

.wf-active .thumb-tz-fig.num .num-txt, .wf-inactive .thumb-tz-fig.num .num-txt { visibility: visible }

.wf-active .thumb-tz-fig.num .num-txt { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .thumb-tz-fig.num .num-txt { font-size: 46px }
}

.thumb-tz-fig.num .num-txt .pct, .thumb-tz-fig.num .num-txt .dol, .thumb-tz-fig.num .num-txt .fig { font-size: 70% }

.thumb-tz-fig.quote:after, .thumb-tz-fig.quote:before, .thumb-tz-fig.num:after, .thumb-tz-fig.num:before { content: "\0020"; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; display: block; position: absolute; background-color: #C1E2E7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; z-index: -1; width: 100%; height: 100%; pointer-events: none }

.thumb-tz-fig.quote:after, .thumb-tz-fig.num:after { top: 5px; right: -4px }

.thumb-tz-fig.quote:before, .thumb-tz-fig.num:before { top: 0; margin: -5px 0 0 -5px }

@media (max-width: 399px) {
    .thumb-tz-fig.quote, .thumb-tz-fig.num { float: left; margin: 0 25px 10px 0 }
}

.lt-ie9 .thumb-tz-fig.quote { background-position: 80% 20% }

.lt-ie9 .thumb-tz-fig.num:after { background-color: transparent }

.lt-ie9 .thumb-tz-fig.num:before { background-color: #D3EBEE }

.lt-ie9 .thumb-tz-fig.quote:after, .lt-ie9 .thumb-tz-fig.quote:before { background-color: transparent }

@media (min-width: 400px) {
    .thumb-tz-fig { float: left; width: 80px; height: 80px; margin: -7px 0 0 0 }

    .thumb-tz-bd { margin-left: 100px }
}

@media (min-width: 800px) {
    .thumb-tz-fig { width: 90px; height: 90px; margin-top: -7px }

    .thumb-tz-bd { margin-left: 110px }
}

.thumb-tz-ctr { margin-left: auto; margin-right: auto }

.thumb-tz-ctr .thumb-tz-fig { height: 80px; width: 80px; float: none; margin: 0 auto 10px }

.thumb-tz-ctr .thumb-tz-bd { margin: auto; max-width: 400px }

.img-tz img { max-width: 100% }

.img-tz .tz-audio { padding: 7px 10px 5px; color: #000000; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.4); position: absolute; bottom: 0; left: 0; width: 100% }

.lt-ie9 .img-tz .tz-audio { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.soundcloud .img-tz .tz-audio { padding: 0 }

.img-tz .tz-audio .play-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; display: inline-block; margin-right: 10px; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) }

.img-tz .tz-audio .play-btn:after { content: "\0020"; position: absolute }

.img-tz .tz-audio .play-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

.lt-ie9 .img-tz .tz-audio .play-btn { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.img-tz .tz-audio .audio-h { color: #000000 }

.img-tz .tz-video { position: absolute; left: 0; right: 0; top: 25%; bottom: 0 }

@media (min-width: 750px) {
    .img-tz .tz-video { top: 14% }
}

@media (min-width: 850px) {
    .img-tz .tz-video { top: 19% }
}

@media (min-width: 950px) {
    .img-tz .tz-video { top: 25% }
}

.img-tz .tz-video .play-btn { margin: auto; background-color: rgba(255, 255, 255, 0); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.lt-ie9 .img-tz .tz-video .play-btn { background-color: transparent }

.img-tz .tz-video:hover .play-btn { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.2) }

.lt-ie9 .img-tz .tz-video:hover .play-btn { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.img-tz-top { display: block; position: relative; margin-bottom: 8px }

.img-tz-top:hover .audio-h { text-decoration: underline }

.img-tz-txt { line-height: 160% !important; font: italic 12px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .img-tz-txt { font-style: normal }

.wf-loading .img-tz-txt { visibility: hidden }

.wf-active .img-tz-txt, .wf-inactive .img-tz-txt { visibility: visible }

.wf-active .img-tz-txt { text-rendering: optimizeLegibility }

.topic-btn { display: none; margin: 0 auto 40px; max-width: 120px; clear: both }

.comm-call { position: relative; display: block; width: 195px; padding: 10px 12px; margin: 0 auto; text-align: center; color: #999999; *zoom: 1; font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.comm-call:after { content: ""; display: table; clear: both }

.wf-loading .comm-call { visibility: hidden }

.wf-active .comm-call, .wf-inactive .comm-call { visibility: visible }

.wf-active .comm-call { text-rendering: optimizeLegibility }

.comm-call:after, .comm-call:before { content: "\0020"; width: 9px; height: 35px; border: 1px solid #CCCCCC; display: block; position: absolute; top: 2px }

.comm-call:after { right: -10px; border-left: 0 }

.comm-call:before { left: -10px; border-right: 0 }

.comm-call > .icon { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin: 0 6px 0 0 }

.comm-call > .icon { *display: inline }

.comm-call:hover .comm-call-txt { text-decoration: underline }

.comm-mod { max-width: 600px; margin: 0 auto 60px }

.comm-hdr { text-align: center; margin-bottom: 30px }

.comm-hdr .tz-h3 { margin-bottom: 8px }

.comm-hdr-icon { margin: 0 auto 16px; background-size: cover }

.xtra-q-mod { text-align: center }

.xtra-q-mod .h5 { padding-bottom: 10px; border-bottom: 1px solid #999999; margin-bottom: 20px }

.comm-q { display: block; color: #333333; font: italic 16px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; line-height: 160% !important }

.wf-active .comm-q { font-style: normal }

.wf-loading .comm-q { visibility: hidden }

.wf-active .comm-q, .wf-inactive .comm-q { visibility: visible }

.wf-active .comm-q { text-rendering: optimizeLegibility }

a.comm-q:hover { text-decoration: underline }

.simple-share { display: block; width: 76px; margin: auto; *zoom: 1 }

.simple-share:after { content: ""; display: table; clear: both }

.simple-share > li { display: inline }

.simple-share > li > a { float: left; display: block; height: 35px; width: 35px; border: 1px solid #333333; background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; -webkit-box-shadow: #000000 0 0 0px; -moz-box-shadow: #000000 0 0 0px; box-shadow: #000000 0 0 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.simple-share > li > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55); opacity: 0.55 }

.simple-share > li.twtr > a { margin-right: 6px; background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .simple-share > li.twtr > a { background-image: url('../_img/_icons/twtr.png') }

.svg .simple-share > li.twtr > a { background-image: url('../_img/_icons/twtr.svg') }

.simple-share > li.fbook > a { background-position: 50% 50%; background-repeat: no-repeat }

.no-svg .simple-share > li.fbook > a { background-image: url('../_img/_icons/fbook.png') }

.svg .simple-share > li.fbook > a { background-image: url('../_img/_icons/fbook.svg') }

.simple-share .share-txt { display: block; text-indent: -9999em }

.audio-mod, .article-audio { display: block; width: 100%; padding: 14px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center }

.audio-mod:hover .audio-h, .article-audio:hover .audio-h { text-decoration: underline }

.audio-mod .play-btn, .article-audio .play-btn { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; display: inline-block; margin-right: 10px }

.audio-h { position: relative; top: -8px; display: inline-block; color: #666666; text-transform: uppercase; font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-active .audio-h { font-weight: normal }

.wf-loading .audio-h { visibility: hidden }

.wf-active .audio-h, .wf-inactive .audio-h { visibility: visible }

.wf-active .audio-h { text-rendering: optimizeLegibility }

.article-audio-tz { min-height: 95px }

.article-audio-tz .play-btn { display: block; margin: 0 auto 14px }

.article-audio-tz .audio-h { top: 0; display: block }

.article-audio-tz .sc-player.player-active .audio-h { display: block }

.video-mod { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }

.video-mod iframe, .video-mod object, .video-mod embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

.main-hdr { position: relative; min-height: 115px; margin-bottom: 60px }

@media (min-width: 500px) {
    .main-hdr { min-height: 85px }
}

.main-hdr:after { content: "\0020"; position: absolute; top: 0 }

.homepage .main-hdr { min-height: 160px; margin-bottom: 30px }

@media (min-width: 500px) {
    .homepage .main-hdr { margin-bottom: 60px }
}

.main-nav { width: 225px; margin: 0 auto }

@media (min-width: 500px) {
    .main-nav { max-width: 900px; width: auto; margin: 0 20px }
}

@media (min-width: 600px) {
    .main-nav { margin: 0 60px }
}

@media (min-width: 1020px) {
    .main-nav { margin: auto }
}

.nav-logo-mod { width: 225px; margin: auto; position: absolute; left: 0; right: 0; top: 77px }

@media (min-width: 500px) {
    .nav-logo-mod { top: 27px }
}

.homepage .nav-logo-mod { top: 124px }

@media (min-width: 500px) {
    .homepage .nav-logo-mod { top: 140px }
}

.nav-logo { display: block }

.nav-logo > img { max-width: 100%; line-height: 0 }

.nav-toc-btn, .nav-wbur-mod { position: absolute; top: 0 }

.nav-toc-btn { margin-top: 31px; padding: 6px; left: 0; min-width: 65px; border: 1px solid #E5E5E5; z-index: 10; color: #999999; text-transform: uppercase; text-align: center; font: normal bold 11px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in }

.wf-active .nav-toc-btn { font-weight: normal }

.wf-loading .nav-toc-btn { visibility: hidden }

.wf-active .nav-toc-btn, .wf-inactive .nav-toc-btn { visibility: visible }

.wf-active .nav-toc-btn { text-rendering: optimizeLegibility }

.nav-toc-btn:hover { border-color: #CCCCCC; color: #666666 }

.nav-wbur-mod { margin-top: 37px; right: 0; text-indent: -9999em }

.wbur-logo { background-position: 50% 50%; background-repeat: no-repeat; display: block; width: 74px; height: 19px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in }

.no-svg .wbur-logo { background-image: url('../_img/_icons/wbur.png') }

.svg .wbur-logo { background-image: url('../_img/_icons/wbur.svg') }

a:hover .wbur-logo { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65 }

.toc { padding: 20px; background-color: #000000; color: #FFFFFF; z-index: 100; *zoom: 1; display: none }

.toc:after { content: ""; display: table; clear: both }

.toc-layout { max-width: 1160px; margin: auto }

.toc-h { padding: 8px 6px 20px 6px; text-transform: uppercase; font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-active .toc-h { font-weight: normal }

.wf-loading .toc-h { visibility: hidden }

.wf-active .toc-h, .wf-inactive .toc-h { visibility: visible }

.wf-active .toc-h { text-rendering: optimizeLegibility }

.toc-list > li { display: block }

.toc-list > li > a { display: block; padding: 8px 6px 20px 6px; border-top: 1px solid #333333; font: normal 13px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-loading .toc-list > li > a { visibility: hidden }

.wf-active .toc-list > li > a, .wf-inactive .toc-list > li > a { visibility: visible }

.wf-active .toc-list > li > a { text-rendering: optimizeLegibility }

.toc-list > li > a .num { font: normal bold 13px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-active .toc-list > li > a .num { font-weight: normal }

.wf-loading .toc-list > li > a .num { visibility: hidden }

.wf-active .toc-list > li > a .num, .wf-inactive .toc-list > li > a .num { visibility: visible }

.wf-active .toc-list > li > a .num { text-rendering: optimizeLegibility }

@media (min-width: 350px) {
    .topics .toc-list > li.even { padding-left: 30px }

    .topics .toc-list > li { width: 50%; float: left }
}

@media (min-width: 500px) {
    .toc-content { margin-left: -30px }

    .toc-list-mod.stories, .toc-list-mod.topics { padding-left: 30px; float: left }

    .toc-list-mod.stories { width: 33% }

    .toc-list-mod.topics { width: 66% }
}

.main-ftr { position: relative; border-top: 1px solid #E5E5E5; padding: 55px 0 65px }

.main-ftr:after { content: "\0020"; position: absolute; bottom: 0 }

.ftr-share { margin-bottom: 40px }

@media (min-width: 600px) {
    .ftr-share { margin: 0 }
}

.ftr-wbur, .ftr-ups { display: block; margin-bottom: 40px; height: 40px }

.ftr-wbur > .logo, .ftr-ups > .logo { margin: auto; display: block; background-repeat: no-repeat; background-position: 50% 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4 }

@media (min-width: 600px) {
    .ftr-wbur, .ftr-ups { position: absolute; margin-bottom: 0; top: 0 }
}

.ftr-wbur > .logo { width: 173px; height: 40px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% }

.no-svg .ftr-wbur > .logo { background-image: url('../_img/_icons/wbur-ilab.png') }

.svg .ftr-wbur > .logo { background-image: url('../_img/_icons/wbur-ilab.svg') }

@media (min-width: 600px) {
    .ftr-wbur { left: 0 }
}

.ftr-ups { margin-bottom: 0 }

.ftr-ups > .logo { width: 105px; height: 29px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% }

.no-svg .ftr-ups > .logo { background-image: url('../_img/_icons/upstatement.png') }

.svg .ftr-ups > .logo { background-image: url('../_img/_icons/upstatement.svg') }

@media (min-width: 600px) {
    .ftr-ups { top: 4px; right: 0 }
}

.ftr-logo-txt { display: block; text-indent: -9999em }

.hp-hdr { margin-bottom: 60px }

.kat-sam-h20 { position: relative; min-height: 610px; padding-bottom: 20px }

.kat-sam-h20.single { margin-bottom: 80px }

@media (min-width: 500px) {
    .feat-tzs { margin-left: -80px; *zoom: 1 }

    .feat-tzs:after { content: ""; display: table; clear: both }

    .feat-tzs .feat-tz { float: left; padding-left: 80px; width: 50% }

    .feat-tzs .feat-tz:nth-child(2n+3) { clear: left }
}

.feat-tz > .inner { max-width: 250px; margin: 0 auto 60px }

@media (min-width: 500px) {
    .feat-tz > .inner { margin: 0 }
}

@media (min-width: 650px) {
    .feat-tz.kat > .inner { float: right }
}

.feat-tz .feat-tz-h, .feat-tz .tz-txt, .feat-tz .tz-txt-mod > p, .feat-tz .h5 { z-index: 1; position: relative }

@media (min-width: 500px) {
    .single .feat-tz > .inner { margin: 0 auto; float: none }
}

.feat-tz-h { color: #FFFFFF; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; font: normal 82px Helvetica, Arial, Verdana, sans-serif }

.wf-active .feat-tz-h { font-family: "LeagueScript", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .feat-tz-h { visibility: hidden }

.wf-active .feat-tz-h, .wf-inactive .feat-tz-h { visibility: visible }

.wf-active .feat-tz-h { text-rendering: optimizeLegibility }

.wf-active .feat-tz-h { line-height: 170%; height: 115px; margin: -61px 0 0 -22px; padding-left: 27px }

.sam .feat-tz-h .s { letter-spacing: -2px }

.feat-tz-img { display: block }

.feat-tz-img > img { -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; display: block; margin: auto; max-width: 180px }

@media (min-width: 400px) {
    .feat-tz-img > img { max-width: 230px }
}

.wave { width: 100%; height: 510px; pointer-events: none; position: absolute; background: transparent url('../_img/wave-f.png') 50% 50% repeat-x; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7 }

.wave.front { z-index: 0; top: 95px; pointer-events: none }

@media (min-width: 500px) {
    .wave.front { top: 120px }
}

.wave.back { background-image: url('../_img/wave-b.png'); z-index: -1; bottom: 0; pointer-events: none }

@media (min-width: 500px) {
    .wave.back { top: 100px; bottom: auto }
}

.story .to-top { margin-top: 30px }

.more-stories-mod { padding-top: 160px; background-color: #FFFFFF; position: relative; z-index: 5 }

.ch1, .ch2, .ch3 { background-color: #FFFFFF; position: relative; z-index: 5 }

.ch-mod { padding: 120px 0 }

@media (min-width: 600px) {
    .ch-mod { margin: 0 80px }
}

.slide { position: relative }

@media (min-width: 1450px) {
    .slide { max-width: 1200px; margin: auto }
}

.ch-hdr .tz-deck { margin-bottom: 40px }

.ch-hdr .tz-deck a { background-color: transparent; padding: 0 }

.ch-hdr .tz-deck a:hover { text-decoration: none }

.name-h { color: #FFFFFF; opacity: .5; position: absolute; width: 100%; line-height: 145% !important; font: normal 98px Helvetica, Arial, Verdana, sans-serif }

@media (min-width: 800px) {
    .story-kat .name-h { top: auto; bottom: -107px }
}

.story-sam .name-h { line-height: 160% !important; text-align: right; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px, rgba(0, 0, 0, 0.2) 0 0 60px }

.wf-active .name-h .s { letter-spacing: -6px }

@media (min-width: 850px) {
    .wf-active .name-h .s { letter-spacing: -14px }
}

.wf-active .name-h { font-family: "LeagueScript", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .name-h { visibility: hidden }

.wf-active .name-h, .wf-inactive .name-h { visibility: visible }

.wf-active .name-h { text-rendering: optimizeLegibility }

.wf-active .name-h { letter-spacing: 2px }

@media (min-width: 400px) {
    .name-h { font-size: 112px }
}

@media (min-width: 500px) {
    .name-h { font-size: 150px }

    .wf-active .name-h { letter-spacing: 3px }
}

@media (min-width: 700px) {
    .wf-active .name-h { letter-spacing: 2px }
}

@media (min-width: 800px) {
    .name-h { font-size: 223px }

    .wf-active .name-h { letter-spacing: 4px }
}

.full-img { max-width: 1500px; margin: auto; position: relative }

.full-img > img { max-width: 100% }

@media (min-width: 600px) and (max-width: 899px) {
    .full-img > img { position: absolute; left: 0; right: 0; width: 900px; max-width: none }
}

.story-quote { opacity: .95; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 11; pointer-events: none; position: absolute; display: none }

@media (min-width: 750px) {
    .story-quote { display: block }
}

.story-quote > .inner { position: relative; height: 280px }

.story-quote > .inner.two-line { height: 160px }

.story-quote p { position: absolute }

.story-quote .first { right: 0 }

.story-quote .second { right: 17%; top: 65px }

@media (min-width: 850px) {
    .story-quote .second { top: 80px }
}

.story-quote .third { right: 0; top: 130px }

@media (min-width: 850px) {
    .story-quote .third { top: 160px }
}

.quote-line { display: inline-block; padding: 14px 80px 14px 26px; margin-bottom: 20px; text-align: right; position: relative; color: #FFFFFF; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 1px; font: italic 24px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.lt-ie9 .quote-line { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.wf-active .quote-line { font-style: normal }

.wf-loading .quote-line { visibility: hidden }

.wf-active .quote-line, .wf-inactive .quote-line { visibility: visible }

.wf-active .quote-line { text-rendering: optimizeLegibility }

@media (min-width: 850px) {
    .quote-line { font-size: 32px }
}

.white .quote-line { color: #000000; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.4); text-shadow: rgba(255, 255, 255, 0.3) 0 -1px 1px }

.lt-ie9 .white .quote-line { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.first .quote-line { padding-right: 120px }

.second .quote-line { float: right; text-align: left }

.story-intro { z-index: 1; overflow: hidden; background-color: #000000 }

.lt-ie9 .story-intro { background-color: transparent }

.ch-imgs { position: relative }

.ch-img { min-height: 400px; background-position: 50% top; background-repeat: no-repeat; background-size: 600px }

@media (min-width: 600px) {
    .ch-img { min-height: 400px; background-size: 100% }
}

@media (min-width: 700px) {
    .ch-img { min-height: 450px }
}

@media (min-width: 850px) {
    .ch-img { min-height: 700px; background-size: 1100px }
}

@media (min-width: 1100px) {
    .ch-img { background-size: 100% }
}

@media (min-width: 1450px) {
    .ch-img { background-size: auto }
}

@media (min-width: 1024px) {
    .ch1-img-01, .ch2-img-01, .ch3-img-01 { background-position: 50% bottom; background-attachment: fixed }
}

.intro-img { background-position: 50% top }

.no-animate .intro-img { height: auto !important }

@media (min-width: 600px) {
    .intro-img { min-height: 420px }
}

@media (min-width: 700px) {
    .intro-img { min-height: 490px }
}

@media (min-width: 750px) {
    .intro-img { min-height: 525px }
}

@media (min-width: 850px) {
    .intro-img { min-height: 750px }
}

.story-kat .intro-img { background-image: url("../_img/_kat/intro_600.jpg") }

@media (min-width: 768px) {
    .story-kat .intro-img { background-image: url("../_img/_kat/intro_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .intro-img { background-image: url("../_img/_kat/intro_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .intro-img { background-image: url("../_img/_kat/intro_1200.jpg") }
}

.story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch1-img-01 { background-image: url("../_img/_kat/ch1-01_1200.jpg") }
}

.story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch1-img-02 { background-image: url("../_img/_kat/ch1-02_1200.jpg") }
}

.story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch2-img-01 { background-image: url("../_img/_kat/ch2-01_1200.jpg") }
}

.story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch2-img-02 { background-image: url("../_img/_kat/ch2-02_1200.jpg") }
}

.story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch3-img-01 { background-image: url("../_img/_kat/ch3-01_1200.jpg") }
}

.story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_600.jpg") }

@media (min-width: 768px) {
    .story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-kat .ch3-img-02 { background-image: url("../_img/_kat/ch3-02_1200.jpg") }
}

.story-kat .ch2-imgs .story-quote .third { right: 10% }

.story-kat .ch3-img-02 { position: relative }

.story-kat .ch3-img-02 .story-quote { top: 60px; bottom: auto }

@media (min-width: 850px) {
    .story-kat .ch3-img-02 .story-quote { top: 85px }
}

.story-sam .intro-img { background-image: url("../_img/_sam/intro_600.jpg") }

@media (min-width: 768px) {
    .story-sam .intro-img { background-image: url("../_img/_sam/intro_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .intro-img { background-image: url("../_img/_sam/intro_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .intro-img { background-image: url("../_img/_sam/intro_1200.jpg") }
}

.story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch1-img-01 { background-image: url("../_img/_sam/ch1-01_1200.jpg") }
}

.story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_600.jpg"); background-position: 50% top }

@media (min-width: 768px) {
    .story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch1-img-02 { background-image: url("../_img/_sam/ch1-02_1200.jpg") }
}

.story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch2-img-01 { background-image: url("../_img/_sam/ch2-01_1200.jpg") }
}

.story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_600.jpg"); background-position: 50% top }

@media (min-width: 768px) {
    .story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch2-img-02 { background-image: url("../_img/_sam/ch2-02_1200.jpg") }
}

.story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch3-img-01 { background-image: url("../_img/_sam/ch3-01_1200.jpg") }
}

.story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_600.jpg") }

@media (min-width: 768px) {
    .story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_768.jpg") }
}

@media (min-width: 980px) {
    .story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_980.jpg") }
}

@media (min-width: 1200px) {
    .story-sam .ch3-img-02 { background-image: url("../_img/_sam/ch3-02_1200.jpg") }
}

@media (max-width: 399px) {
    .story-sam .ch2-img-01 { min-height: 380px }
}

@media (min-width: 850px) {
    .story-sam .ch2-img-01 { min-height: 610px }
}

.story-sam .ch1-img-02, .story-sam .ch2-img-02 { position: relative }

.story-sam .ch1-img-02 .story-quote, .story-sam .ch2-img-02 .story-quote { top: 20px; bottom: auto }

@media (min-width: 850px) {
    .story-sam .ch1-img-02 .story-quote, .story-sam .ch2-img-02 .story-quote { top: 60px }
}

.story-sam .ch3-img-02 { position: relative }

.story-sam .ch3-img-02 .story-quote { top: 60px; bottom: auto }

@media (min-width: 850px) {
    .story-sam .ch3-img-02 .story-quote { top: 100px }
}

.sam-ch3 .more-article .more-article-txt { display: block }

.fixed { position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 99 }

.story-intro .story-quote { top: auto; bottom: 10% }

@media (min-width: 600px) {
    .story-intro .story-quote { display: none }
}

.kat-ch3 .tz-h1 .br { display: block }

.article-nav-mod { position: relative; margin-top: -39px; padding: 3px; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; z-index: 9999 }

.lt-ie9 .article-nav-mod { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

.touch .article-nav-mod, .article-nav-mod:hover { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.7) }

.lt-ie9 .touch .article-nav-mod, .lt-ie9 .article-nav-mod:hover { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }

@media (min-width: 600px) {
    .article-nav-mod { position: fixed; top: 0; bottom: 0; right: 0; margin: 0; width: 60px; background: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -ms-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in }

    .article-nav-mod:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; background: transparent }

    .touch .article-nav-mod { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; background: transparent }

    .article-nav-mod > .inner { position: fixed; right: -23px; top: 40% }
}

.article-nav { *zoom: 1 }

.article-nav:after { content: ""; display: table; clear: both }

.article-nav > li > a { padding: 10px 16px; color: #333333; background-color: rgba(255, 255, 255, 0); border-right: 1px solid #777777; border-right: 1px solid rgba(0, 0, 0, 0.2); display: block; float: left; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in }

.article-nav > li > a:hover { text-decoration: underline }

@media (min-width: 600px) {
    .article-nav > li > a { border: 0; border-bottom: 1px solid #CCCCCC; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 40px 10px 8px; float: none; position: relative }

    .article-nav > li > a:hover { left: -20px; text-decoration: none }

    .article-nav > li > a .ltr { position: relative; left: 4px; top: 2px }

    .article-nav-mod:hover .article-nav > li > a { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.4) }

    .lt-ie9 .article-nav-mod:hover .article-nav > li > a { background: transparent url('http://genstuck.wbur.org/_img/_bg/') 50% 50% repeat }
}

@media (max-width: 599px) {
    .article-nav > li:last-child > a { border: 0 }

    .article-nav > li.last > a { border: 0 }
}

.article-nav .ch-prefix > a { text-transform: uppercase; border-right: 0; padding-right: 0; cursor: default; font: normal bold 14px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .article-nav .ch-prefix > a { font-weight: normal }

.wf-loading .article-nav .ch-prefix > a { visibility: hidden }

.wf-active .article-nav .ch-prefix > a, .wf-inactive .article-nav .ch-prefix > a { visibility: visible }

.wf-active .article-nav .ch-prefix > a { text-rendering: optimizeLegibility }

.article-nav .ch-prefix > a:hover { text-decoration: none }

@media (min-width: 600px) {
    .article-nav .ch-prefix { display: none }
}

.article-nav .ch-num { font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .article-nav .ch-num { visibility: hidden }

.wf-active .article-nav .ch-num, .wf-inactive .article-nav .ch-num { visibility: visible }

.wf-active .article-nav .ch-num { text-rendering: optimizeLegibility }

.article-nav .monogram { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit; display: none }

.wf-active .article-nav .monogram { font-weight: normal }

.wf-loading .article-nav .monogram { visibility: hidden }

.wf-active .article-nav .monogram, .wf-inactive .article-nav .monogram { visibility: visible }

.wf-active .article-nav .monogram { text-rendering: optimizeLegibility }

@media (min-width: 600px) {
    .article-nav .monogram { display: block }
}

.article-nav .semantics { display: none }

.more-btn, .more-comm-btn, .more-article { position: relative; display: block; margin: 20px auto 60px; padding: 12px 0 0; width: 150px; border-top: 1px solid #CCCCCC; text-align: center; text-transform: uppercase; font: normal bold 12px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-active .more-btn, .wf-active .more-comm-btn, .wf-active .more-article { font-weight: normal }

.wf-loading .more-btn, .wf-loading .more-comm-btn, .wf-loading .more-article { visibility: hidden }

.wf-active .more-btn, .wf-active .more-comm-btn, .wf-inactive .more-btn, .wf-inactive .more-comm-btn, .wf-active .more-article, .wf-inactive .more-article { visibility: visible }

.wf-active .more-btn, .wf-active .more-comm-btn, .wf-active .more-article { text-rendering: optimizeLegibility }

.more-btn > .mini-arrow, .more-comm-btn > .mini-arrow, .more-article > .mini-arrow { position: relative; top: 1px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6 }

.more-btn .more-article-txt, .more-comm-btn .more-article-txt, .more-btn .more-comm-txt, .more-comm-btn .more-comm-txt, .more-article .more-article-txt, .more-article .more-comm-txt { display: inline-block; margin-right: 2px }

.more-btn a:hover .more-article-txt, .more-comm-btn a:hover .more-article-txt, .more-btn a:hover .more-comm-txt, .more-comm-btn a:hover .more-comm-txt, .more-article a:hover .more-article-txt, .more-article a:hover .more-comm-txt { text-decoration: underline }

a.more-btn:hover, a.more-comm-btn:hover, a.more-article:hover { cursor: pointer }

a.more-btn:hover .more-article-txt, a.more-comm-btn:hover .more-article-txt, a.more-btn:hover .more-comm-txt, a.more-comm-btn:hover .more-comm-txt, a.more-article:hover .more-article-txt, a.more-article:hover .more-comm-txt { text-decoration: underline }

.article-trigger { display: block }

.article-trigger:hover { cursor: pointer }

.bonus-tzs { max-width: 250px; margin: auto }

.bonus-tzs .media-block { margin-bottom: 40px }

@media (min-width: 750px) {
    .bonus-tzs { max-width: 900px }

    .bonus-tzs > .inner { margin-left: -40px; *zoom: 1 }

    .bonus-tzs > .inner:after { content: ""; display: table; clear: both }

    .bonus-tzs > .inner .media-block { float: left; padding-left: 40px; width: 33.3333% }

    .bonus-tzs > .inner .media-block:nth-child(3n+4) { clear: left }

    .ie7 .bonus-tzs > .inner .media-block { width: 33% }
}

.bonus-articles { display: none; padding: 40px 0; position: relative }

.bonus-articles:before, .bonus-articles:after { content: "\0020"; position: absolute; left: 0 }

.bonus-articles:before { top: 0 }

.bonus-articles:after { bottom: 0 }

@media (min-width: 750px) {
    .bonus-articles { margin: auto; max-width: 900px; padding: 20px; background: transparent url('../_img/hash.png') 50% 50% repeat }

    .bonus-articles:before, .bonus-articles:after { display: none }

    .bonus-articles > .inner { background-color: #FFFFFF; padding: 40px }
}

.bonus-articles .more-btn, .bonus-articles .more-comm-btn { margin: 20px auto }

.bonus-article { margin-bottom: 40px; display: none }

@media (min-width: 750px) {
    .bonus-article .tz-h3 { font-size: 24px }
}

.bonus-article .article-audio { margin: 55px 0 }

.bonus-article .article-txt > p.diary { margin-left: 0; margin-right: 0 }

.article-bd { max-width: 600px; margin: auto; display: none; overflow: visible !important }

.article-txt { margin-bottom: 80px }

.article-txt > p, .article-txt .dialogue > p { margin-bottom: 16px; font: normal 16px/200% Georgia, Times, Times New Roman, serif }

@media (min-width: 850px) {
    .article-txt > p, .article-txt .dialogue > p { text-align: justify }
}

.article-txt > p.diary { font-style: italic }

@media (min-width: 600px) {
    .article-txt > p.diary { margin-left: -20px; margin-right: -20px }
}

.article-txt > h3, .article-txt .article-h3 { font: normal bold 16px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; margin: 40px 0 12px }

.wf-active .article-txt > h3, .wf-active .article-txt .article-h3 { font-weight: normal }

.wf-loading .article-txt > h3, .wf-loading .article-txt .article-h3 { visibility: hidden }

.wf-active .article-txt > h3, .wf-inactive .article-txt > h3, .wf-active .article-txt .article-h3, .wf-inactive .article-txt .article-h3 { visibility: visible }

.wf-active .article-txt > h3, .wf-active .article-txt .article-h3 { text-rendering: optimizeLegibility }

.article-txt .byline { text-align: center; line-height: 200% !important; font: italic 14px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .article-txt .byline { font-style: normal }

.wf-loading .article-txt .byline { visibility: hidden }

.wf-active .article-txt .byline, .wf-inactive .article-txt .byline { visibility: visible }

.wf-active .article-txt .byline { text-rendering: optimizeLegibility }

.article-section { margin-top: 120px; position: relative }

.article-section:before { background-color: #444444; content: "\0020"; position: relative; top: -40px }

.article-audio { margin: 75px 0 }

.dropcap, .dropcap-sm { position: relative; display: block; float: left; margin: 0 10px -10px 0; text-align: center }

.dropcap:after, .dropcap-sm:after { background-color: #C1E2E7; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; content: "\0020"; position: absolute; z-index: -1 }

.lt-ie9 .dropcap:after, .lt-ie9 .dropcap-sm:after { background-color: transparent }

.dropcap { line-height: 99px !important; font: normal 108px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit; min-width: 70px }

.wf-loading .dropcap { visibility: hidden }

.wf-active .dropcap, .wf-inactive .dropcap { visibility: visible }

.wf-active .dropcap { text-rendering: optimizeLegibility }

.dropcap:after { height: 125px; width: 125px; left: -28px; top: -15px }

.dropcap.wide { min-width: 100px }

.dropcap.wide:after { height: 135px; width: 135px; left: -20px; top: -18px }

.dropcap-sm { width: 44px; line-height: 66px !important; font: normal 60px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: inherit }

.wf-loading .dropcap-sm { visibility: hidden }

.wf-active .dropcap-sm, .wf-inactive .dropcap-sm { visibility: visible }

.wf-active .dropcap-sm { text-rendering: optimizeLegibility }

.dropcap-sm:after { height: 70px; width: 70px; left: -14px; top: -2px }

.article-breakout, .article-quote, .article-img { margin: 30px -10px }

@media (min-width: 600px) {
    .article-breakout, .article-quote, .article-img { margin-left: -5%; margin-right: -5% }
}

@media (min-width: 800px) {
    .article-breakout, .article-quote, .article-img { margin-left: -10%; margin-right: -10% }
}

.article-quote { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 30px; color: #111111; line-height: 150% !important; font: italic 21px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .article-quote { font-style: normal }

.wf-loading .article-quote { visibility: hidden }

.wf-active .article-quote, .wf-inactive .article-quote { visibility: visible }

.wf-active .article-quote { text-rendering: optimizeLegibility }

@media (min-width: 400px) {
    .article-quote { font-size: 26px }
}

.article-quote .open-quote { width: 7px; margin-left: -7px }

.article-quote > p { margin-bottom: 20px }

.article-quote .credit { text-transform: uppercase; font: normal bold 11px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; margin-bottom: 0 }

.wf-active .article-quote .credit { font-weight: normal }

.wf-loading .article-quote .credit { visibility: hidden }

.wf-active .article-quote .credit, .wf-inactive .article-quote .credit { visibility: visible }

.wf-active .article-quote .credit { text-rendering: optimizeLegibility }

.article-img > img { max-width: 100% }

.article-img .caption { margin-top: 12px }

.fig-border:before, .article-audio-tz:before, .big-fig:before, .fig-border:after, .article-audio-tz:after, .big-fig:after { width: 80%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; content: "\0020"; position: absolute; left: 10%; right: 0 }

.fig-border:before, .article-audio-tz:before, .big-fig:before { top: -14px }

.fig-border:after, .article-audio-tz:after, .big-fig:after { bottom: -14px }

.article-audio-tz { margin: 40px auto; padding: 5px; display: block; position: relative }

@media (min-width: 350px) {
    .article-audio-tz { width: 275px }
}

.article-audio-tz .article-audio { margin: 0; border: 0 }

.article-audio-tz .article-audio .sc-time-indicators { display: none }

@media (min-width: 500px) {
    .article-audio-tz { margin: 20px -20px 30px 20px; float: right }
}

@media (min-width: 850px) {
    .article-audio-tz { margin-right: -145px; margin-left: 0 }
}

@media (min-width: 1100px) {
    .article-audio-tz { margin-right: 0; float: none; position: absolute; left: -90px }
}

@media (min-width: 1200px) {
    .article-audio-tz { left: -75px; width: 300px }
}

@media (min-width: 1300px) {
    .article-audio-tz { left: -25px }
}

@media (min-width: 1100px) {
    .article-audio-tz.right { left: auto; margin-right: 0; right: -90px }
}

@media (min-width: 1200px) {
    .article-audio-tz.right { right: -75px; width: 300px }
}

@media (min-width: 1300px) {
    .article-audio-tz.right { right: -25px }
}

.big-fig { margin: 40px auto; padding: 25px; width: 225px; text-align: center; display: block; position: relative }

.big-fig:before, .big-fig:after { width: 50%; left: 22% }

@media (min-width: 500px) {
    .big-fig { margin: 20px -20px 20px 20px; float: right }
}

@media (min-width: 850px) {
    .big-fig { margin-right: -120px; margin-left: 0 }
}

@media (min-width: 1100px) {
    .big-fig { margin-right: 0; float: none; position: absolute; left: -40px }
}

@media (min-width: 1200px) {
    .big-fig { left: 0 }
}

@media (min-width: 1300px) {
    .big-fig { left: 50px }
}

@media (min-width: 1100px) {
    .big-fig.right { left: auto; margin-right: 0; right: -40px }
}

@media (min-width: 1200px) {
    .big-fig.right { right: 0 }
}

@media (min-width: 1300px) {
    .big-fig.right { right: 50px }
}

.big-fig .pct, .big-fig .dol, .big-fig .fig { font-size: 70% }

.big-fig .num { display: block; margin-bottom: 6px; font: normal bold 46px "StagBold", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .big-fig .num { font-weight: normal }

.wf-loading .big-fig .num { visibility: hidden }

.wf-active .big-fig .num, .wf-inactive .big-fig .num { visibility: visible }

.wf-active .big-fig .num { text-rendering: optimizeLegibility }

.big-fig .txt { line-height: 160% !important; font: italic 13px "StagItalic", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px }

.wf-active .big-fig .txt { font-style: normal }

.wf-loading .big-fig .txt { visibility: hidden }

.wf-active .big-fig .txt, .wf-inactive .big-fig .txt { visibility: visible }

.wf-active .big-fig .txt { text-rendering: optimizeLegibility }

.article-comm { margin-bottom: 80px }

.article-share { margin-bottom: 20px }

.about-mod { position: relative; padding-top: 50px }

.about-mod:before { content: "\0020"; position: relative; top: -30px }

.about-hdr { margin-bottom: 50px }

.about-mod.about .tz-deck { margin-bottom: 20px }

@media (min-width: 650px) {
    .ks-tzs, .blogger-tzs { margin-left: -50px; *zoom: 1 }

    .ks-tzs:after, .blogger-tzs:after { content: ""; display: table; clear: both }

    .ks-tzs .media-block, .blogger-tzs .media-block { float: left; padding-left: 50px; width: 50% }

    .ks-tzs .media-block:nth-child(2n+3), .blogger-tzs .media-block:nth-child(2n+3) { clear: left }

    .ks-tzs .media-block:nth-child(2n+1) .thumb-tz-ctr, .blogger-tzs .media-block:nth-child(2n+1) .thumb-tz-ctr { float: right }
}

@media (min-width: 900px) {
    .ks-tzs, .blogger-tzs { margin-left: -100px; *zoom: 1 }

    .ks-tzs:after, .blogger-tzs:after { content: ""; display: table; clear: both }

    .ks-tzs .media-block, .blogger-tzs .media-block { float: left; padding-left: 100px; width: 50% }

    .ks-tzs .media-block:nth-child(2n+3), .blogger-tzs .media-block:nth-child(2n+3) { clear: left }
}

.ks-tzs .thumb-tz-h, .blogger-tzs .thumb-tz-h { text-align: center }

.lined-list > li, .topic-list > li { display: block; border-top: 1px solid #CCCCCC }

.lined-list > li > a, .topic-list > li > a { display: block; padding: 16px 12px 30px 12px }

.topic-list-mod { max-width: 600px; margin: auto }

.topic-list .h5 { margin-bottom: 6px }

.topic-list a:hover .h5 { text-decoration: underline }

.credits-mod { max-width: 600px; margin: auto }

.credits-mod .h5 { margin-bottom: 8px }

.credits-mod .list-bull { margin-bottom: 20px }

@media (min-width: 600px) {
    .credit-cols { margin-left: -50px; *zoom: 1 }

    .credit-cols:after { content: ""; display: table; clear: both }

    .credit-cols .media-block { float: left; padding-left: 50px; width: 50% }

    .credit-cols .media-block:nth-child(2n+3) { clear: left }
}

@media (min-width: 1024px) {
    .topic-page #content { padding-top: 600px }

    .topic-page .topic-hdr { position: fixed; left: 60px; right: 60px; top: 145px }

    .toc-active .topic-page .topic-hdr { position: absolute }
}

.topic-nav { margin: -30px 0 40px }

.topic-nav-item { display: inline }

.topic-prev-btn, .topic-next-btn { display: block; width: 48%; border: 1px solid #CCCCCC; padding: 9px; cursor: pointer; font: normal 12px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #666666; text-shadow: rgba(255, 255, 255, 0.25) 0 -1px 0; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.wf-loading .topic-prev-btn, .wf-loading .topic-next-btn { visibility: hidden }

.wf-active .topic-prev-btn, .wf-inactive .topic-prev-btn, .wf-active .topic-next-btn, .wf-inactive .topic-next-btn { visibility: visible }

.wf-active .topic-prev-btn, .wf-active .topic-next-btn { text-rendering: optimizeLegibility }

.topic-prev-btn:hover, .topic-next-btn:hover { color: #333333 }

@media screen and (min-width: 750px) {
    .topic-prev-btn, .topic-next-btn { height: 26px; width: 26px; position: relative; display: block; -webkit-border-radius: 300px; -moz-border-radius: 300px; -ms-border-radius: 300px; -o-border-radius: 300px; border-radius: 300px; border: 1px solid #000000; position: fixed; top: 25%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35 }

    .topic-prev-btn:after, .topic-next-btn:after { content: "\0020"; position: absolute }

    .topic-prev-btn:hover, .topic-next-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; color: #333333 }

    .toc-active .topic-prev-btn, .toc-active .topic-next-btn { top: 45% }
}

.topic-prev-btn { float: left }

.topic-next-btn { float: right }

@media screen and (min-width: 750px) {
    .topic-prev-btn { left: 8px }

    .topic-prev-btn:hover { left: 2px }

    .topic-prev-btn:after { top: 8px; right: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #000000 }

    .topic-next-btn { right: 8px }

    .topic-next-btn:hover { right: 2px }

    .topic-next-btn:after { top: 8px; left: 10px; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #000000 }

    .topic-nav-arrow, .topic-nav-txt { display: none }
}

@media screen and (min-width: 900px) {
    .topic-prev-btn, .topic-next-btn { height: 34px; width: 34px }

    .topic-next-btn { right: 16px }

    .topic-next-btn:hover { right: 10px }

    .topic-next-btn:after { top: 12px; left: 14px }

    .topic-prev-btn { left: 16px }

    .topic-prev-btn:hover { left: 10px }

    .topic-prev-btn:after { top: 12px; right: 14px }
}

@media screen and (min-width: 1024px) {
    .topic-next-btn { right: 5% }

    .topic-next-btn:hover { right: 4.5% }

    .topic-prev-btn { left: 5% }

    .topic-prev-btn:hover { left: 4.5% }
}

.comm-disqus { margin-bottom: 20px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -ms-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in }

.homepage .comm-disqus { max-height: 800px }

.story .comm-disqus { max-height: 400px }

.comm-open .comm-disqus { max-height: none !important }

.touch .comm-disqus, .comm-disqus.comm-active, .comm-disqus:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }

.comm-disqus iframe { margin-top: -37px }

.comm-ta { border: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; width: 100%; height: 150px; border: 1px solid #CCCCCC; padding: 16px; margin-bottom: 16px; color: #999999; line-height: 160% !important; font: normal 14px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in }

.comm-ta:focus { outline: 0 }

.wf-loading .comm-ta { visibility: hidden }

.wf-active .comm-ta, .wf-inactive .comm-ta { visibility: visible }

.wf-active .comm-ta { text-rendering: optimizeLegibility }

.comm-ta:focus { color: #333333 }

.comm-ftr { display: none; position: relative; margin-top: -20px; padding-top: 20px; background-color: #FFFFFF; border-top: 1px solid #EDEDED }

.homepage .comm-ftr, .story .comm-ftr { display: block }

.comm-ftr:after { position: absolute; content: "\0020"; left: 0; right: 0; top: -101px; height: 100px; pointer-events: none; background: transparent url('../_img/bg-fade-w.png') 50% 50% repeat-x }

.comm-open .comm-ftr { display: none }

.comm-open .comm-ftr:after { height: 0 }

.more-comm-btn { margin-top: 0; border: 1px solid #CCCCCC; width: 170px; padding: 9px 9px 11px; font: normal 11px "Stag", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 2px }

.wf-loading .more-comm-btn { visibility: hidden }

.wf-active .more-comm-btn, .wf-inactive .more-comm-btn { visibility: visible }

.wf-active .more-comm-btn { text-rendering: optimizeLegibility }

.more-comm-btn > .mini-arrow { top: 2px }

.animate .animate-css-trans { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in }

.animate .ch-mod { padding: 300px 0 }

.animate #story-intro { height: 1500px }

.animate #story-intro .intro-img { background-size: cover; background-attachment: fixed }

.animate #story-intro .story-quote { display: block; position: fixed; opacity: 0; top: 46% }

.animate .name-h { position: fixed; left: 0; z-index: 0; pointer-events: none }

@media (min-width: 1450px) {
    .animate .name-h { left: 150px }

    .animate #story-intro .story-quote .first { right: 20% }

    .animate #story-intro .story-quote .second { right: 34% }
}

.animate.lt850 .story-kat .name-h { top: 600px }

.animate.gt850 .story-kat .name-h { top: 700px }

.animate.lt850 .story-sam .name-h { top: 500px }

.animate.gt850 .story-sam .name-h { top: 625px }

@media print {
    * { background: transparent !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important }

    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: "" }

    pre, blockquote { border: 1px solid #999999; page-break-inside: avoid }

    thead { display: table-header-group }

    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 }
}