@import url('https://fonts.googleapis.com/css?family=Italianno');



@import url('https://fonts.googleapis.com/css?family=Parisienne');







@charset "UTF-8";



html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, img, ins, kbd, q, s, samp,



tt, var,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



    border: 0;



    font-size: 100%;



    font: inherit;



    margin: 0;



    padding: 0;



    vertical-align: baseline;



}#header .header-logo



@font-face {



    font-family: "sn_pm_icons";



    src: url('sn_pm_icons.eot?1474633992');



    src: url('sn_pm_icons.eot?&1474633992#iefix') format('embedded-opentype'), url('sn_pm_icons.woff?1474633992') format('woff'), url('sn_pm_icons.ttf?1474633992') format('truetype');



    font-weight: 400;



}



@font-face {



    font-family: "Daytona W01 Light";



    src: url('Daytona W01 Light.ttf');



    font-weight: 400;



}



body {



    line-height: 1;



}







ol, ul {



    list-style: none;



}







blockquote, q {



    quotes: none;



}







blockquote:before, blockquote:after,



q:before, q:after {



    content: '';



    content: none;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







html {



    overflow-y: scroll;



    -webkit-text-size-adjust: 100%;



    -ms-text-size-adjust: 100%;



}







/* Global



------------------------------------------------------------------------------*/



html {



    font: 62.5% "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



    /* Widescreen Global base font-size */



}







body {



    background: #FFF;



    color: #333;



    font-size: 13px;



    font-size: 1.3rem;



    min-width: 320px;



    /* Equal to $break-smartphone */



    overflow-y: hidden;



}



@media screen and (min-device-width: 320px) {



    body {



        /* MQ: Smartphone */







    }



}







body.cms-lang-jp {



    font-family: "MS PGothic", sans-serif;



}







div, dt, form, label, li, p, span {



    display: block;



    margin: 7px 0;



}



@media screen and (min-device-width: 320px) {



    div, dt, form, label, li, p, span {



        /* MQ: Smartphone */



        margin: 0;



    }



}







@media screen and (min-device-width: 320px) {



    li {



        /* MQ: Smartphone */



        display: list-item;



    }



}







@media screen and (min-device-width: 320px) {



    span, label {



        /* MQ: Smartphone */



        display: inline;



    }



}







/* Basic Design



------------------------------------------------------------------------------*/



#header {



    background: #f1f1f1;



    margin: 0;



    padding: .5em .5em;



}



@media screen and (min-device-width: 320px) {



    #header {



        /* MQ: Smartphone */



        padding: 0;



    }



}







#content,



#footer-nav,



#footer {



    padding: .2em .5em;



}



@media screen and (min-device-width: 320px) {



    #content,



    #footer-nav,



    #footer {



        /* MQ: Smartphone */



        padding: 0;



    }



}







/* Typography



------------------------------------------------------------------------------*/



h1, h2 {



    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



    font-weight: normal;



    letter-spacing: 0.02em;



    line-height: 1.2;



}



.cms-lang-jp h1, .cms-lang-jp h2 {



    font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



}







h1 {



    font-size: 26px;



    font-size: 2.6rem;



    margin: 7px 0 14px;



}



@media screen and (min-width: 600px) {



    h1 {



        /* MQ: Tablet */



        font-size: 30px;



        font-size: 3rem;



    }



}







h1 span {



    color: #999999;



}







h2 {



    font-size: 24px;



    font-size: 2.4rem;



    margin: 7px 0;



}







h3 {



    font-size: 16px;



    font-size: 1.6rem;



    font-weight: normal;



    margin: 7px 0 5px;



}







sub, sup {



    font-size: 9px;



    font-size: 0.9rem;



    line-height: 1;



}







sub {



    vertical-align: text-bottom;



}







sup {



    vertical-align: text-top;



}







/* Links



------------------------------------------------------------------------------*/



a {



    color: #262262;



    text-decoration: none;

}







a:hover,



a:active,



a:focus {



    color: #dead26;



    text-decoration: underline;



}







/* truncator */



a[href='#more'],



a[href='#less'] {



    color: #666666;



    font-size: 11px;



    font-size: 1.1rem;



    text-decoration: underline;



    white-space: nowrap;



}







a[href='#more']:hover,



a[href='#less']:hover {



    color: #333;



}







/* external */



a.external:after {



    /* blue external link indicator */



    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALUlEQVQYlWNgLDv8H4YZoABFDFkCGeBVABPDqgBDA7rdWO3C5gacVmBVgA8DACqIPj0jO7W7AAAAAElFTkSuQmCC") no-repeat right center;



    /* patternify URL: http://ptrn.it/ugEXX3 */



    content: '';



    display: inline-block;



    height: 8px;



    margin-left: 7px;



    width: 8px;



}







/* Hiding



------------------------------------------------------------------------------*/



.hidden {



    display: none !important;



    visibility: hidden;



}







#gimme-satisfaction,



#reader-overlay,



.js-hidden,



.pillow-btn,



.no-js #results-only-access-checkbox,



.tooltip {



    display: none;



}







#pub-date-graph {



    position: absolute;



    left: -1000px;



}



@media screen and (min-width: 1004px) {



    #pub-date-graph {



        /* MQ: Widescreen */



        position: relative;



        left: auto;



    }



}







.bar-dock {



    position: absolute;



    left: -100000px;



}



@media screen and (min-width: 600px) {



    .bar-dock {



        /* MQ: Tablet */



        position: static;



        left: auto;



    }



}







.flyout-caption {



    position: absolute;



    left: -10000px;



}



@media screen and (min-device-width: 320px) {



    .flyout-caption {



        /* MQ: Smartphone */



        left: auto;



    }



}







@media screen and (min-width: 600px) {



    #gimme-satisfaction {



        /* MQ: Tablet */



        display: block;



    }



}







#fdbk_tab {



    -webkit-transition: all 0.25s ease-in-out;



    -moz-transition: all 0.25s ease-in-out;



    -o-transition: all 0.25s ease-in-out;



    transition: all 0.25s ease-in-out;



    opacity: 0;



}



@media screen and (min-width: 1004px) {



    #fdbk_tab {



        /* MQ: Widescreen */



        opacity: 1;



    }



}



@media screen and (max-width: 1020px) {



    #fdbk_tab {



        display: none;



    }



}







.js #fdbk_screen {



    opacity: .75;



}







/* Accessibility



------------------------------------------------------------------------------*/



.accessibility {



    position: absolute;



    left: -100000px;



}







/* JavaScript/Chrome/Redirect -prompt notices



------------------------------------------------------------------------------*/



.no-js {



    padding-top: 42px;



}







/* Specific module styles for Base mode



------------------------------------------------------------------------------*/



/* Scale #site-qualifier to full-width */



#site-qualifier img {



    width: 98%;



}



@media screen and (min-device-width: 320px) {



    #site-qualifier img {



        /* MQ: Smartphone */



        width: auto;



    }



}







/* Make call-to-actions more prominent */



#abstract-actions,



.bar-actions {



    font-size: 16px;



    font-size: 1.6rem;



    font-weight: bold;



}



@media screen and (min-device-width: 320px) {



    #abstract-actions,



    .bar-actions {



        /* MQ: Smartphone */



        font-size: 100%;



        font-weight: normal;



    }



}



#abstract-actions a span,



.bar-actions a span {



    display: inline-block;



}







img.lazy {



    display: none;



}







/* Qualaroo */



#ki_container {



    display: none;



}



@media screen and (min-width: 1100px) {



    #ki_container {



        display: block;



    }



}







/* Forms



------------------------------------------------------------------------------*/



button,



input,



select,



textarea {



    color: #666666;



    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



}



.cms-lang-jp button, .cms-lang-jp



input, .cms-lang-jp



select, .cms-lang-jp



textarea {



    font-family: "MS PGothic", sans-serif;



}







input[type=text],



input[type=email],



input[type=number],



input[type=date],



input[type=password],



textarea {



    background-color: #FFF;



    border: 1px solid #bcbcbc;



    -webkit-border-radius: 2px;



    -moz-border-radius: 2px;



    border-radius: 2px;



    -webkit-box-shadow: inset 2px 2px 5px #efefef;



    -moz-box-shadow: inset 2px 2px 5px #efefef;



    box-shadow: inset 2px 2px 5px #efefef;



    font-size: 13px;



    font-size: 1.3rem;



    padding: 4px 3px;



}







input[type=text].placeholder,



input[type=email].placeholder,



input[type=password].placeholder {



    color: #999999;



}







input[type=text]:focus,



input[type=email]:focus,



input[type=password]:focus,



textarea:focus {



    border-color: #3A2C12;



    -webkit-box-shadow: 0 0 3px #3A2C12;



    -moz-box-shadow: 0 0 3px #3A2C12;



    box-shadow: 0 0 3px #3A2C12;



    outline: none;



}







button,



input[type=button],



input[type=submit],



input[type=image],



label {



    cursor: pointer;



}







button::-moz-focus-inner,



input::-moz-focus-inner {



    /* remove button padding in firefox */



    border: 0;



    padding: 0;



}







.lt-ie8 input,



.lt-ie8 select {



    vertical-align: middle;



}











meta.foundation-version {



    font-family: "/{{VERSION}}/";



}







meta.foundation-mq-small {



    font-family: "/only screen/";



    width: 0;



}







meta.foundation-mq-small-only {



    font-family: "/only screen and (max-width: 37.4em)/";



    width: 0;



}







meta.foundation-mq-medium {



    font-family: "/only screen and (min-width:37.47143em)/";



    width: 37.47143em;



}







meta.foundation-mq-medium-only {



    font-family: "/only screen and (min-width:37.47143em) and (max-width:62.65em)/";



    width: 37.47143em;



}







meta.foundation-mq-large {



    font-family: "/only screen and (min-width:62.72143em)/";



    width: 62.72143em;



}







meta.foundation-mq-large-only {



    font-family: "/only screen and (min-width:62.72143em) and (max-width:100em)/";



    width: 62.72143em;



}







meta.foundation-mq-xlarge {



    font-family: "/only screen and (min-width:100.07143em)/";



    width: 100.07143em;



}







meta.foundation-mq-xlarge-only {



    font-family: "/only screen and (min-width:100.07143em) and (max-width:200em)/";



    width: 100.07143em;



}







meta.foundation-mq-xxlarge {



    font-family: "/only screen and (min-width:200.07143em)/";



    width: 200.07143em;



}







meta.foundation-data-attribute-namespace {



    font-family: false;



}







.row {



    margin: 0 auto;



    max-width: 72.8571em;



    width: 100%;



}



.row:before, .row:after {



    content: " ";



    display: table;



}



.row:after {



    clear: both;



}



.row.collapse > .column,



.row.collapse > .columns {



    padding-left: 0;



    padding-right: 0;



}



.row.collapse .row {



    margin-left: 0;



    margin-right: 0;



}



.row .row {



    margin: 0 -1.4285em;



    max-width: none;



    width: auto;



}



.row .row:before, .row .row:after {



    content: " ";



    display: table;



}



.row .row:after {



    clear: both;



}



.row .row.collapse {



    margin: 0;



    max-width: none;



    width: auto;



}



.row .row.collapse:before, .row .row.collapse:after {



    content: " ";



    display: table;



}



.row .row.collapse:after {



    clear: both;



}







.column,



.columns {



    padding-left: 1.4285em;



    padding-right: 1.4285em;



    width: 100%;



    float: left;



}







.column + .column:last-child,



.columns + .column:last-child, .column +



.columns:last-child,



.columns +



.columns:last-child {



    float: right;



}



.column + .column.end,



.columns + .column.end, .column +



.columns.end,



.columns +



.columns.end {



    float: left;



}







@media only screen {



    .small-push-0 {



        position: relative;



        left: 0;



        right: auto;



    }







    .small-pull-0 {



        position: relative;



        right: 0;



        left: auto;



    }







    .small-push-1 {



        position: relative;



        left: 8.33333%;



        right: auto;



    }







    .small-pull-1 {



        position: relative;



        right: 8.33333%;



        left: auto;



    }







    .small-push-2 {



        position: relative;



        left: 16.66667%;



        right: auto;



    }







    .small-pull-2 {



        position: relative;



        right: 16.66667%;



        left: auto;



    }







    .small-push-3 {



        position: relative;



        left: 25%;



        right: auto;



    }







    .small-pull-3 {



        position: relative;



        right: 25%;



        left: auto;



    }







    .small-push-4 {



        position: relative;



        left: 33.33333%;



        right: auto;



    }







    .small-pull-4 {



        position: relative;



        right: 33.33333%;



        left: auto;



    }







    .small-push-5 {



        position: relative;



        left: 41.66667%;



        right: auto;



    }







    .small-pull-5 {



        position: relative;



        right: 41.66667%;



        left: auto;



    }







    .small-push-6 {



        position: relative;



        left: 50%;



        right: auto;



    }







    .small-pull-6 {



        position: relative;



        right: 50%;



        left: auto;



    }







    .small-push-7 {



        position: relative;



        left: 58.33333%;



        right: auto;



    }







    .small-pull-7 {



        position: relative;



        right: 58.33333%;



        left: auto;



    }







    .small-push-8 {



        position: relative;



        left: 66.66667%;



        right: auto;



    }







    .small-pull-8 {



        position: relative;



        right: 66.66667%;



        left: auto;



    }







    .small-push-9 {



        position: relative;



        left: 75%;



        right: auto;



    }







    .small-pull-9 {



        position: relative;



        right: 75%;



        left: auto;



    }







    .small-push-10 {



        position: relative;



        left: 83.33333%;



        right: auto;



    }







    .small-pull-10 {



        position: relative;



        right: 83.33333%;



        left: auto;



    }







    .small-push-11 {



        position: relative;



        left: 91.66667%;



        right: auto;



    }







    .small-pull-11 {



        position: relative;



        right: 91.66667%;



        left: auto;



    }







    .column,



    .columns {



        position: relative;



        padding-left: 1.4285em;



        padding-right: 1.4285em;



        float: left;



    }







    .small-1 {



        width: 8.33333%;



    }







    .small-2 {



        width: 16.66667%;



    }











    .small-3 {



        width: 25%;



    }







    .small-4 {



        width: 33.33333%;



    }







    .small-5 {



        width: 41.66667%;



    }







    .small-6 {



        width: 50%;



    }







    .small-7 {



        width: 58.33333%;



    }







    .small-8 {



        width: 66.66667%;



    }







    .small-9 {



        width: 75%;



    }







    .small-10 {



        width: 83.33333%;



    }







    .small-11 {



        width: 91.66667%;



    }







    .small-12 {



        width: 100%;



    }







    .small-offset-0 {



        margin-left: 0 !important;



    }







    .small-offset-1 {



        margin-left: 8.33333% !important;



    }







    .small-offset-2 {



        margin-left: 16.66667% !important;



    }







    .small-offset-3 {



        margin-left: 25% !important;



    }







    .small-offset-4 {



        margin-left: 33.33333% !important;



    }







    .small-offset-5 {



        margin-left: 41.66667% !important;



    }







    .small-offset-6 {



        margin-left: 50% !important;



    }







    .small-offset-7 {



        margin-left: 58.33333% !important;



    }







    .small-offset-8 {



        margin-left: 66.66667% !important;



    }







    .small-offset-9 {



        margin-left: 75% !important;



    }







    .small-offset-10 {



        margin-left: 83.33333% !important;



    }







    .small-offset-11 {



        margin-left: 91.66667% !important;



    }







    .small-reset-order {



        float: left;



        left: auto;



        margin-left: 0;



        margin-right: 0;



        right: auto;



    }







    .column.small-centered,



    .columns.small-centered {



        margin-left: auto;



        margin-right: auto;



        float: none;



    }







    .column.small-uncentered,



    .columns.small-uncentered {



        float: left;



        margin-left: 0;



        margin-right: 0;



    }







    .column.small-centered:last-child,



    .columns.small-centered:last-child {



        float: none;



    }







    .column.small-uncentered:last-child,



    .columns.small-uncentered:last-child {



        float: left;



    }







    .column.small-uncentered.opposite,



    .columns.small-uncentered.opposite {



        float: right;



    }







    .row.small-collapse > .column,



    .row.small-collapse > .columns {



        padding-left: 0;



        padding-right: 0;



    }



    .row.small-collapse .row {



        margin-left: 0;



        margin-right: 0;



    }



    .row.small-uncollapse > .column,



    .row.small-uncollapse > .columns {



        padding-left: 1.4285em;



        padding-right: 1.4285em;



        float: left;



    }



}



@media only screen and (min-width: 37.47143em) {



    .medium-push-0 {



        position: relative;



        left: 0;



        right: auto;



    }







    .medium-pull-0 {



        position: relative;



        right: 0;



        left: auto;



    }







    .medium-push-1 {



        position: relative;



        left: 8.33333%;



        right: auto;



    }







    .medium-pull-1 {



        position: relative;



        right: 8.33333%;



        left: auto;



    }







    .medium-push-2 {



        position: relative;



        left: 16.66667%;



        right: auto;



    }







    .medium-pull-2 {



        position: relative;



        right: 16.66667%;



        left: auto;



    }







    .medium-push-3 {



        position: relative;



        left: 25%;



        right: auto;



    }







    .medium-pull-3 {



        position: relative;



        right: 25%;



        left: auto;



    }







    .medium-push-4 {



        position: relative;



        left: 33.33333%;



        right: auto;



    }







    .medium-pull-4 {



        position: relative;



        right: 33.33333%;



        left: auto;



    }







    .medium-push-5 {



        position: relative;



        left: 41.66667%;



        right: auto;



    }







    .medium-pull-5 {



        position: relative;



        right: 41.66667%;



        left: auto;



    }







    .medium-push-6 {



        position: relative;



        left: 50%;



        right: auto;



    }







    .medium-pull-6 {



        position: relative;



        right: 50%;



        left: auto;



    }







    .medium-push-7 {



        position: relative;



        left: 58.33333%;



        right: auto;



    }







    .medium-pull-7 {



        position: relative;



        right: 58.33333%;



        left: auto;



    }







    .medium-push-8 {



        position: relative;



        left: 66.66667%;



        right: auto;



    }







    .medium-pull-8 {



        position: relative;



        right: 66.66667%;



        left: auto;



    }







    .medium-push-9 {



        position: relative;



        left: 75%;



        right: auto;



    }







    .medium-pull-9 {



        position: relative;



        right: 75%;



        left: auto;



    }







    .medium-push-10 {



        position: relative;



        left: 83.33333%;



        right: auto;



    }







    .medium-pull-10 {



        position: relative;



        right: 83.33333%;



        left: auto;



    }







    .medium-push-11 {



        position: relative;



        left: 91.66667%;



        right: auto;



    }







    .medium-pull-11 {



        position: relative;



        right: 91.66667%;



        left: auto;



    }







    .column,



    .columns {



        position: relative;



        padding-left: 1.4285em;



        padding-right: 1.4285em;



        float: left;



    }







    .medium-1 {



        width: 8.33333%;



    }







    .medium-2 {



        width: 16.66667%;



    }







    .medium-3 {



        width: 25%;



    }







    .medium-4 {



        width: 33.33333%;



    }







    .medium-5 {



        width: 41.66667%;



    }







    .medium-6 {



        width: 50%;



    }







    .medium-7 {



        width: 58.33333%;



    }







    .medium-8 {



        width: 66.66667%;



    }







    .medium-9 {



        width: 75%;



    }







    .medium-10 {



        width: 83.33333%;



    }







    .medium-11 {



        width: 91.66667%;



    }







    .medium-12 {



        width: 100%;



    }







    .medium-offset-0 {



        margin-left: 0 !important;



    }







    .medium-offset-1 {



        margin-left: 8.33333% !important;



    }







    .medium-offset-2 {



        margin-left: 16.66667% !important;



    }







    .medium-offset-3 {



        margin-left: 25% !important;



    }







    .medium-offset-4 {



        margin-left: 33.33333% !important;



    }







    .medium-offset-5 {



        margin-left: 41.66667% !important;



    }







    .medium-offset-6 {



        margin-left: 50% !important;



    }







    .medium-offset-7 {



        margin-left: 58.33333% !important;



    }







    .medium-offset-8 {



        margin-left: 66.66667% !important;



    }







    .medium-offset-9 {



        margin-left: 75% !important;



    }







    .medium-offset-10 {



        margin-left: 83.33333% !important;



    }







    .medium-offset-11 {



        margin-left: 91.66667% !important;



    }







    .medium-reset-order {



        float: left;



        left: auto;



        margin-left: 0;



        margin-right: 0;



        right: auto;



    }







    .column.medium-centered,



    .columns.medium-centered {



        margin-left: auto;



        margin-right: auto;



        float: none;



    }







    .column.medium-uncentered,



    .columns.medium-uncentered {



        float: left;



        margin-left: 0;



        margin-right: 0;



    }







    .column.medium-centered:last-child,



    .columns.medium-centered:last-child {



        float: none;



    }







    .column.medium-uncentered:last-child,



    .columns.medium-uncentered:last-child {



        float: left;



    }







    .column.medium-uncentered.opposite,



    .columns.medium-uncentered.opposite {



        float: right;



    }







    .row.medium-collapse > .column,



    .row.medium-collapse > .columns {



        padding-left: 0;



        padding-right: 0;



    }



    .row.medium-collapse .row {



        margin-left: 0;



        margin-right: 0;



    }



    .row.medium-uncollapse > .column,



    .row.medium-uncollapse > .columns {



        padding-left: 1.4285em;



        padding-right: 1.4285em;



        float: left;



    }







    .push-0 {



        position: relative;



        left: 0;



        right: auto;



    }







    .pull-0 {



        position: relative;



        right: 0;



        left: auto;



    }







    .push-1 {



        position: relative;



        left: 8.33333%;



        right: auto;



    }







    .pull-1 {



        position: relative;



        right: 8.33333%;



        left: auto;



    }







    .push-2 {



        position: relative;



        left: 16.66667%;



        right: auto;



    }







    .pull-2 {



        position: relative;



        right: 16.66667%;



        left: auto;



    }







    .push-3 {



        position: relative;



        left: 25%;



        right: auto;



    }







    .pull-3 {



        position: relative;



        right: 25%;



        left: auto;



    }







    .push-4 {



        position: relative;



        left: 33.33333%;



        right: auto;



    }







    .pull-4 {



        position: relative;



        right: 33.33333%;



        left: auto;



    }







    .push-5 {



        position: relative;



        left: 41.66667%;



        right: auto;



    }







    .pull-5 {



        position: relative;



        right: 41.66667%;



        left: auto;



    }







    .push-6 {



        position: relative;



        left: 50%;



        right: auto;



    }







    .pull-6 {



        position: relative;



        right: 50%;



        left: auto;



    }







    .push-7 {



        position: relative;



        left: 58.33333%;



        right: auto;



    }







    .pull-7 {



        position: relative;



        right: 58.33333%;



        left: auto;



    }







    .push-8 {



        position: relative;



        left: 66.66667%;



        right: auto;



    }







    .pull-8 {



        position: relative;



        right: 66.66667%;



        left: auto;



    }







    .push-9 {



        position: relative;



        left: 75%;



        right: auto;



    }







    .pull-9 {



        position: relative;



        right: 75%;



        left: auto;



    }







    .push-10 {



        position: relative;



        left: 83.33333%;



        right: auto;



    }







    .pull-10 {



        position: relative;



        right: 83.33333%;



        left: auto;



    }







    .push-11 {



        position: relative;



        left: 91.66667%;



        right: auto;



    }







    .pull-11 {



        position: relative;



        right: 91.66667%;



        left: auto;



    }







    .small-2 img{



        width : 100%;



    }



}



@media only screen and (min-width: 62.72143em) {



    .large-push-0 {



        position: relative;



        left: 0;



        right: auto;



    }







    .large-pull-0 {



        position: relative;



        right: 0;



        left: auto;



    }







    .large-push-1 {



        position: relative;



        left: 8.33333%;



        right: auto;



    }







    .large-pull-1 {



        position: relative;



        right: 8.33333%;



        left: auto;



    }







    .large-push-2 {



        position: relative;



        left: 16.66667%;



        right: auto;



    }







    .large-pull-2 {



        position: relative;



        right: 16.66667%;



        left: auto;



    }







    .large-push-3 {



        position: relative;



        left: 25%;



        right: auto;



    }







    .large-pull-3 {



        position: relative;



        right: 25%;



        left: auto;



    }







    .large-push-4 {



        position: relative;



        left: 33.33333%;



        right: auto;



    }







    .large-pull-4 {



        position: relative;



        right: 33.33333%;



        left: auto;



    }







    .large-push-5 {



        position: relative;



        left: 41.66667%;



        right: auto;



    }







    .large-pull-5 {



        position: relative;



        right: 41.66667%;



        left: auto;



    }







    .large-push-6 {



        position: relative;



        left: 50%;



        right: auto;



    }







    .large-pull-6 {



        position: relative;



        right: 50%;



        left: auto;



    }







    .large-push-7 {



        position: relative;



        left: 58.33333%;



        right: auto;



    }







    .large-pull-7 {



        position: relative;



        right: 58.33333%;



        left: auto;



    }







    .large-push-8 {



        position: relative;



        left: 66.66667%;



        right: auto;



    }







    .large-pull-8 {



        position: relative;



        right: 66.66667%;



        left: auto;



    }







    .large-push-9 {



        position: relative;



        left: 75%;



        right: auto;



    }







    .large-pull-9 {



        position: relative;



        right: 75%;



        left: auto;



    }







    .large-push-10 {



        position: relative;



        left: 83.33333%;



        right: auto;



    }







    .large-pull-10 {



        position: relative;



        right: 83.33333%;



        left: auto;



    }







    .large-push-11 {



        position: relative;



        left: 91.66667%;



        right: auto;



    }







    .large-pull-11 {



        position: relative;



        right: 91.66667%;



        left: auto;



    }







    .column,



    .columns {



        position: relative;



        padding-left: 1.4285em;



        padding-right: 1.4285em;



        float: left;



    }







    .large-1 {



        width: 8.33333%;



    }







    .large-2 {



        width: 16.66667%;



    }







    .large-3 {



        width: 20%;



    }







    .large-4 {



        width: 33.33333%;



    }







    .large-5 {



        width: 41.66667%;



    }







    .large-6 {



        width: 50%;



    }







    .large-7 {



        width: 58.33333%;



    }







    .large-8 {



        width: 66.66667%;



    }







    .large-9 {



        width: 80%;



    }







    .large-10 {



        width: 83.33333%;



    }







    .large-11 {



        width: 91.66667%;



    }







    .large-12 {



        width: 100%;



    }







    .large-offset-0 {



        margin-left: 0 !important;



    }







    .large-offset-1 {



        margin-left: 8.33333% !important;



    }







    .large-offset-2 {



        margin-left: 16.66667% !important;



    }







    .large-offset-3 {



        margin-left: 25% !important;



    }







    .large-offset-4 {



        margin-left: 33.33333% !important;



    }







    .large-offset-5 {



        margin-left: 41.66667% !important;



    }







    .large-offset-6 {



        margin-left: 50% !important;



    }







    .large-offset-7 {



        margin-left: 58.33333% !important;



    }







    .large-offset-8 {



        margin-left: 66.66667% !important;



    }







    .large-offset-9 {



        margin-left: 75% !important;



    }







    .large-offset-10 {



        margin-left: 83.33333% !important;



    }







    .large-offset-11 {



        margin-left: 91.66667% !important;



    }







    .large-reset-order {



        float: left;



        left: auto;



        margin-left: 0;



        margin-right: 0;



        right: auto;



    }







    .column.large-centered,



    .columns.large-centered {



        margin-left: auto;



        margin-right: auto;



        float: none;



    }







    .column.large-uncentered,



    .columns.large-uncentered {



        float: left;



        margin-left: 0;



        margin-right: 0;



    }







    .column.large-centered:last-child,



    .columns.large-centered:last-child {



        float: none;



    }







    .column.large-uncentered:last-child,



    .columns.large-uncentered:last-child {



        float: left;



    }







    .column.large-uncentered.opposite,



    .columns.large-uncentered.opposite {



        float: right;



    }







    .row.large-collapse > .column,



    .row.large-collapse > .columns {



        padding-left: 0;



        padding-right: 0;



    }



    .row.large-collapse .row {



        margin-left: 0;



        margin-right: 0;



    }



    .row.large-uncollapse > .column,



    .row.large-uncollapse > .columns {



        padding-left: 1.4285em;



        padding-right: 1.4285em;



        float: left;



    }







    .push-0 {



        position: relative;



        left: 0;



        right: auto;



    }







    .pull-0 {



        position: relative;



        right: 0;



        left: auto;



    }







    .push-1 {



        position: relative;



        left: 8.33333%;



        right: auto;



    }







    .pull-1 {



        position: relative;



        right: 8.33333%;



        left: auto;



    }







    .push-2 {



        position: relative;



        left: 16.66667%;



        right: auto;



    }







    .pull-2 {



        position: relative;



        right: 16.66667%;



        left: auto;



    }







    .push-3 {



        position: relative;



        left: 25%;



        right: auto;



    }







    .pull-3 {



        position: relative;



        right: 25%;



        left: auto;



    }







    .push-4 {



        position: relative;



        left: 33.33333%;



        right: auto;



    }







    .pull-4 {



        position: relative;



        right: 33.33333%;



        left: auto;



    }







    .push-5 {



        position: relative;



        left: 41.66667%;



        right: auto;



    }







    .pull-5 {



        position: relative;



        right: 41.66667%;



        left: auto;



    }







    .push-6 {



        position: relative;



        left: 50%;



        right: auto;



    }







    .pull-6 {



        position: relative;



        right: 50%;



        left: auto;



    }







    .push-7 {



        position: relative;



        left: 58.33333%;



        right: auto;



    }







    .pull-7 {



        position: relative;



        right: 58.33333%;



        left: auto;



    }







    .push-8 {



        position: relative;



        left: 66.66667%;



        right: auto;



    }







    .pull-8 {



        position: relative;



        right: 66.66667%;



        left: auto;



    }







    .push-9 {



        position: relative;



        left: 75%;



        right: auto;



    }







    .pull-9 {



        position: relative;



        right: 75%;



        left: auto;



    }







    .push-10 {



        position: relative;



        left: 83.33333%;



        right: auto;



    }







    .pull-10 {



        position: relative;



        right: 83.33333%;



        left: auto;



    }







    .push-11 {



        position: relative;



        left: 91.66667%;



        right: auto;



    }







    .pull-11 {



        position: relative;



        right: 91.66667%;



        left: auto;



    }



}



[class*="block-grid-"] {



    display: block;



    padding: 0;



    margin: 0 -1.4285em;



}



[class*="block-grid-"]:before, [class*="block-grid-"]:after {



    content: " ";



    display: table;



}



[class*="block-grid-"]:after {



    clear: both;



}



[class*="block-grid-"] > li {



    display: block;



    float: left;



    height: auto;



    padding: 0 1.4285em 2.857em;



}







@media only screen {



    .small-block-grid-1 > li {



        list-style: none;



        width: 100%;



    }



    .small-block-grid-1 > li:nth-of-type(1n) {



        clear: none;



    }



    .small-block-grid-1 > li:nth-of-type(1n+1) {



        clear: both;



    }







    .small-block-grid-2 > li {



        list-style: none;



        width: 50%;



    }



    .small-block-grid-2 > li:nth-of-type(1n) {



        clear: none;



    }



    .small-block-grid-2 > li:nth-of-type(2n+1) {



        clear: both;



    }







    .small-block-grid-3 > li {



        list-style: none;



        width: 33.33333%;



    }



    .small-block-grid-3 > li:nth-of-type(1n) {



        clear: none;



    }



    .small-block-grid-3 > li:nth-of-type(3n+1) {



        clear: both;



    }







    .small-block-grid-4 > li {



        list-style: none;



        width: 25%;



    }



    .small-block-grid-4 > li:nth-of-type(1n) {



        clear: none;



    }



    .small-block-grid-4 > li:nth-of-type(4n+1) {



        clear: both;



    }







    .small-block-grid-5 > li {



        list-style: none;



        width: 20%;



    }



    .small-block-grid-5 > li:nth-of-type(1n) {



        clear: none;



    }



    .small-block-grid-5 > li:nth-of-type(5n+1) {



        clear: both;



    }







    .small-block-grid-6 > li {



        list-style: none;



        width: 16.66667%;



    }



    .small-block-grid-6 > li:nth-of-type(1n) {



        clear: none;



    }



    .small-block-grid-6 > li:nth-of-type(6n+1) {



        clear: both;



    }



}



@media only screen and (min-width: 37.47143em) {



    .medium-block-grid-1 > li {



        list-style: none;



        width: 100%;



    }



    .medium-block-grid-1 > li:nth-of-type(1n) {



        clear: none;



    }



    .medium-block-grid-1 > li:nth-of-type(1n+1) {



        clear: both;



    }







    .medium-block-grid-2 > li {



        list-style: none;



        width: 50%;



    }



    .medium-block-grid-2 > li:nth-of-type(1n) {



        clear: none;



    }



    .medium-block-grid-2 > li:nth-of-type(2n+1) {



        clear: both;



    }







    .medium-block-grid-3 > li {



        list-style: none;



        width: 33.33333%;



    }



    .medium-block-grid-3 > li:nth-of-type(1n) {



        clear: none;



    }



    .medium-block-grid-3 > li:nth-of-type(3n+1) {



        clear: both;



    }







    .medium-block-grid-4 > li {



        list-style: none;



        width: 25%;



    }



    .medium-block-grid-4 > li:nth-of-type(1n) {



        clear: none;



    }



    .medium-block-grid-4 > li:nth-of-type(4n+1) {



        clear: both;



    }







    .medium-block-grid-5 > li {



        list-style: none;



        width: 20%;



    }



    .medium-block-grid-5 > li:nth-of-type(1n) {



        clear: none;



    }



    .medium-block-grid-5 > li:nth-of-type(5n+1) {



        clear: both;



    }







    .medium-block-grid-6 > li {



        list-style: none;



        width: 16.66667%;



    }



    .medium-block-grid-6 > li:nth-of-type(1n) {



        clear: none;



    }



    .medium-block-grid-6 > li:nth-of-type(6n+1) {



        clear: both;



    }



}



@media only screen and (min-width: 62.72143em) {



    .large-block-grid-1 > li {



        list-style: none;



        width: 100%;



    }



    .large-block-grid-1 > li:nth-of-type(1n) {



        clear: none;



    }



    .large-block-grid-1 > li:nth-of-type(1n+1) {



        clear: both;



    }







    .large-block-grid-2 > li {



        list-style: none;



        width: 50%;



    }



    .large-block-grid-2 > li:nth-of-type(1n) {



        clear: none;



    }



    .large-block-grid-2 > li:nth-of-type(2n+1) {



        clear: both;



    }







    .large-block-grid-3 > li {



        list-style: none;



        width: 33.33333%;



    }



    .large-block-grid-3 > li:nth-of-type(1n) {



        clear: none;



    }



    .large-block-grid-3 > li:nth-of-type(3n+1) {



        clear: both;



    }







    .large-block-grid-4 > li {



        list-style: none;



        width: 25%;



    }



    .large-block-grid-4 > li:nth-of-type(1n) {



        clear: none;



    }



    .large-block-grid-4 > li:nth-of-type(4n+1) {



        clear: both;



    }







    .large-block-grid-5 > li {



        list-style: none;



        width: 20%;



    }



    .large-block-grid-5 > li:nth-of-type(1n) {



        clear: none;



    }



    .large-block-grid-5 > li:nth-of-type(5n+1) {



        clear: both;



    }







    .large-block-grid-6 > li {



        list-style: none;



        width: 16.66667%;



    }



    .large-block-grid-6 > li:nth-of-type(1n) {



        clear: none;



    }



    .large-block-grid-6 > li:nth-of-type(6n+1) {



        clear: both;



    }



}



/* small displays */



@media only screen {



    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {



        display: inherit !important;



    }







    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {



        display: none !important;



    }







    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {



        position: static !important;



        height: auto;



        width: auto;



        overflow: visible;



        clip: auto;



    }







    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {



        clip: rect(1px, 1px, 1px, 1px);



        height: 1px;



        overflow: hidden;



        position: absolute !important;



        width: 1px;



    }







    table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {



        display: table !important;



    }







    thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {



        display: table-header-group !important;



    }







    tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {



        display: table-row-group !important;



    }







    tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {



        display: table-row;



    }







    th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {



        display: table-cell !important;



    }



}



/* medium displays */



@media only screen and (min-width: 37.47143em) {



    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {



        display: inherit !important;



    }







    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {



        display: none !important;



    }







    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {



        position: static !important;



        height: auto;



        width: auto;



        overflow: visible;



        clip: auto;



    }







    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {



        clip: rect(1px, 1px, 1px, 1px);



        height: 1px;



        overflow: hidden;



        position: absolute !important;



        width: 1px;



    }







    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {



        display: table !important;



    }







    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {



        display: table-header-group !important;



    }







    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {



        display: table-row-group !important;



    }







    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {



        display: table-row;



    }







    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {



        display: table-cell !important;



    }



}



/* large displays */



@media only screen and (min-width: 62.72143em) {



    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {



        display: inherit !important;



    }







    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {



        display: none !important;



    }







    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {



        position: static !important;



        height: auto;



        width: auto;



        overflow: visible;



        clip: auto;



    }







    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {



        clip: rect(1px, 1px, 1px, 1px);



        height: 1px;



        overflow: hidden;



        position: absolute !important;



        width: 1px;



    }







    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {



        display: table !important;



    }







    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {



        display: table-header-group !important;



    }







    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {



        display: table-row-group !important;



    }







    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {



        display: table-row;



    }







    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {



        display: table-cell !important;



    }



}



/* xlarge displays */



@media only screen and (min-width: 100.07143em) {



    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {



        display: inherit !important;



    }







    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {



        display: none !important;



    }







    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {



        position: static !important;



        height: auto;



        width: auto;



        overflow: visible;



        clip: auto;



    }







    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {



        clip: rect(1px, 1px, 1px, 1px);



        height: 1px;



        overflow: hidden;



        position: absolute !important;



        width: 1px;



    }







    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {



        display: table !important;



    }







    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {



        display: table-header-group !important;



    }







    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {



        display: table-row-group !important;



    }







    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {



        display: table-row;



    }







    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {



        display: table-cell !important;



    }



}



/* xxlarge displays */



@media only screen and (min-width: 200.07143em) {



    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {



        display: inherit !important;



    }







    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {



        display: none !important;



    }







    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {



        position: static !important;



        height: auto;



        width: auto;



        overflow: visible;



        clip: auto;



    }







    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {



        clip: rect(1px, 1px, 1px, 1px);



        height: 1px;



        overflow: hidden;



        position: absolute !important;



        width: 1px;



    }







    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {



        display: table !important;



    }







    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {



        display: table-header-group !important;



    }







    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {



        display: table-row-group !important;



    }







    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {



        display: table-row;



    }







    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {



        display: table-cell !important;



    }



}



/* Orientation targeting */



.show-for-landscape,



.hide-for-portrait {



    display: inherit !important;



}







.hide-for-landscape,



.show-for-portrait {



    display: none !important;



}







/* Specific visibility for tables */



table.hide-for-landscape, table.show-for-portrait {



    display: table !important;



}







thead.hide-for-landscape, thead.show-for-portrait {



    display: table-header-group !important;



}







tbody.hide-for-landscape, tbody.show-for-portrait {



    display: table-row-group !important;



}







tr.hide-for-landscape, tr.show-for-portrait {



    display: table-row !important;



}







td.hide-for-landscape, td.show-for-portrait,



th.hide-for-landscape,



th.show-for-portrait {



    display: table-cell !important;



}







@media only screen and (orientation: landscape) {



    .show-for-landscape,



    .hide-for-portrait {



        display: inherit !important;



    }







    .hide-for-landscape,



    .show-for-portrait {



        display: none !important;



    }







    /* Specific visibility for tables */



    table.show-for-landscape, table.hide-for-portrait {



        display: table !important;



    }







    thead.show-for-landscape, thead.hide-for-portrait {



        display: table-header-group !important;



    }







    tbody.show-for-landscape, tbody.hide-for-portrait {



        display: table-row-group !important;



    }







    tr.show-for-landscape, tr.hide-for-portrait {



        display: table-row !important;



    }







    td.show-for-landscape, td.hide-for-portrait,



    th.show-for-landscape,



    th.hide-for-portrait {



        display: table-cell !important;



    }



}



@media only screen and (orientation: portrait) {



    .show-for-portrait,



    .hide-for-landscape {



        display: inherit !important;



    }







    .hide-for-portrait,



    .show-for-landscape {



        display: none !important;



    }







    /* Specific visibility for tables */



    table.show-for-portrait, table.hide-for-landscape {



        display: table !important;



    }







    thead.show-for-portrait, thead.hide-for-landscape {



        display: table-header-group !important;



    }







    tbody.show-for-portrait, tbody.hide-for-landscape {



        display: table-row-group !important;



    }







    tr.show-for-portrait, tr.hide-for-landscape {



        display: table-row !important;



    }







    td.show-for-portrait, td.hide-for-landscape,



    th.show-for-portrait,



    th.hide-for-landscape {



        display: table-cell !important;



    }



}



/* Touch-enabled device targeting */



.show-for-touch {



    display: none !important;



}







.hide-for-touch {



    display: inherit !important;



}







.touch .show-for-touch {



    display: inherit !important;



}







.touch .hide-for-touch {



    display: none !important;



}







/* Specific visibility for tables */



table.hide-for-touch {



    display: table !important;



}







.touch table.show-for-touch {



    display: table !important;



}







thead.hide-for-touch {



    display: table-header-group !important;



}







.touch thead.show-for-touch {



    display: table-header-group !important;



}







tbody.hide-for-touch {



    display: table-row-group !important;



}







.touch tbody.show-for-touch {



    display: table-row-group !important;



}







tr.hide-for-touch {



    display: table-row !important;



}







.touch tr.show-for-touch {



    display: table-row !important;



}







td.hide-for-touch {



    display: table-cell !important;



}







.touch td.show-for-touch {



    display: table-cell !important;



}







th.hide-for-touch {



    display: table-cell !important;



}







.touch th.show-for-touch {



    display: table-cell !important;



}







/* Screen reader-specific classes */



.show-for-sr {



    clip: rect(1px, 1px, 1px, 1px);



    height: 1px;



    overflow: hidden;



    position: absolute !important;



    width: 1px;



}







.show-on-focus {



    clip: rect(1px, 1px, 1px, 1px);



    height: 1px;



    overflow: hidden;



    position: absolute !important;



    width: 1px;



}



.show-on-focus:focus, .show-on-focus:active {



    position: static !important;



    height: auto;



    width: auto;



    overflow: visible;



    clip: auto;



}







/*



 * Print styles.



 *



 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/



 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)



*/



.print-only {



    display: none !important;



}







@media print {



    * {



        background: transparent !important;



        box-shadow: none !important;



        color: #000000 !important;



        /* Black prints faster: h5bp.com/s */



        text-shadow: none !important;



    }







    .show-for-print {



        display: block;



    }







    .hide-for-print {



        display: none;



    }







    table.show-for-print {



        display: table !important;



    }







    thead.show-for-print {



        display: table-header-group !important;



    }







    tbody.show-for-print {



        display: table-row-group !important;



    }







    tr.show-for-print {



        display: table-row !important;



    }







    td.show-for-print {



        display: table-cell !important;



    }







    th.show-for-print {



        display: table-cell !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;



        /* h5bp.com/t */



    }







    tr,



    img {



        page-break-inside: avoid;



    }







    img {



        max-width: 100% !important;



    }







    @page {



        margin: .5cm;



    }



    p,



    h2,



    h3 {



        orphans: 3;



        widows: 3;



    }







    h2,



    h3 {



        page-break-after: avoid;



    }







    .hide-on-print {



        display: none !important;



    }







    .print-only {



        display: block !important;



    }







    .hide-for-print {



        display: none !important;



    }







    .show-for-print {



        display: inherit !important;



    }



}



/* Print visibility */



@media print {



    .show-for-print {



        display: block;



    }







    .hide-for-print {



        display: none;



    }







    table.show-for-print {



        display: table !important;



    }







    thead.show-for-print {



        display: table-header-group !important;



    }







    tbody.show-for-print {



        display: table-row-group !important;



    }







    tr.show-for-print {



        display: table-row !important;



    }







    td.show-for-print {



        display: table-cell !important;



    }







    th.show-for-print {



        display: table-cell !important;



    }



}



@media not print {



    .show-for-print {



        display: none !important;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* SpringerNature page layout



  ------------------------------------------------------------------------------*/



    #wrapper,



    .page-wrapper {



        -webkit-box-shadow: 0 0 4px #BBB;



        -moz-box-shadow: 0 0 4px #BBB;



        box-shadow: 0 0 4px #BBB;



        background-color: #FFF;



        margin: 0 auto;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #wrapper,



    .page-wrapper {



        /* MQ: Tablet */



    }



}



@media screen and (min-device-width: 320px) {



    #wrapper #content,



    .page-wrapper #content {



        -webkit-transition: padding 0.25s ease-in-out;



        -moz-transition: padding 0.25s ease-in-out;



        -o-transition: padding 0.25s ease-in-out;



        transition: padding 0.25s ease-in-out;



        padding: 0;



    }



    #wrapper #content:before, #wrapper #content:after,



    .page-wrapper #content:before,



    .page-wrapper #content:after {



        content: " ";



        display: table;



    }



    #wrapper #content:after,



    .page-wrapper #content:after {



        clear: both;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #wrapper #content,



    .page-wrapper #content {



        /* MQ: Tablet */



        padding: 0 20px 60px;



    }



    .cms-barebone #wrapper #content, .cms-barebone



    .page-wrapper #content {



        padding: 0;



    }



}







@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Layouts



  ------------------------------------------------------------------------------*/



    /* based on a 980 grid with 12 columns,*/



    .col-aside,



    .col-main {



        margin: 0 0 30px 0;



        width: 100%;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .col-aside,



    .col-main {



        /* MQ: Tablet */



        display: inline;



        float: left;



        margin: 0;



    }



}







@media screen and (min-device-width: 320px) {



    /* layout 1 (4/8, e.g. home) */



    .layout-1:before, .layout-1:after {



        content: " ";



        display: table;



    }



    .layout-1:after {



        clear: both;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-1 .col-aside {



        /* MQ: Tablet */



        width: 31.914893617%;



        /* Math: 300 / 940 */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-1 .col-main {



        /* MQ: Tablet */



        float: right;



        width: 65.9574468085%;



        /* Math: 620 / 940 */



    }



}







@media screen and (min-device-width: 320px) {



    /* layout 2 (3/9, e.g. results) */



    .layout-2:before, .layout-2:after {



        content: " ";



        display: table;



    }



    .layout-2:after {



        clear: both;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-2 .col-aside {



        /* MQ: Tablet */



        width: 23.4042553191%;



        /* Math: 220 / 940 */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-2 .col-main {



        /* MQ: Tablet */



        float: right;



        width: 74.4680851064%;



        /* Math: 700 / 940 */



    }



}







@media screen and (min-device-width: 320px) {



    /* layout 3 (8/4, e.g. abstract) */



    .layout-3:before, .layout-3:after {



        content: " ";



        display: table;



    }



    .layout-3:after {



        clear: both;



    }



    .layout-3 .col-main {



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-3 .col-main {



        /* MQ: Tablet */



        margin-left: 4.25531914894%;



        /* Math: 40 / 940 */



        width: 61.7021276596%;



        /* Math: 580 / 940 */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-3 .col-aside {



        /* MQ: Tablet */



        margin-left: 4.25531914894%;



        /* Math: 40 / 940 */



        width: 25.5319148936%;



        /* Math: 240 / 940 */



    }



}







@media screen and (min-device-width: 320px) {



    /* layout 3b (8/4 width col-aside first, e.g. only Signup) */



    .layout-3b:before, .layout-3b:after {



        content: " ";



        display: table;



    }



    .layout-3b:after {



        clear: both;



    }



    .layout-3b .col-main {



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-3b .col-main {



        /* MQ: Tablet */



        margin-left: 4.25531914894%;



        /* Math: 40 / 940 */



        width: 61.7021276596%;



        /* Math: 580 / 940 */



    }



}



@media screen and (min-device-width: 320px) {



    .layout-3b .col-aside {



        margin-bottom: 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-3b .col-aside {



        /* MQ: Tablet */



        float: right;



        margin: auto 4.25531914894% 30px auto;



        width: 25.5319148936%;



        /* Math: 240 / 940 */



    }



}







@media screen and (min-device-width: 320px) {



    /* layout 4 (~7, e.g. info) */



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-4 {



        /* MQ: Tablet */



        padding: 10px 34.0425531915% 54px 4.25531914894%;



        /* Math: 320 / 940 &  40 / 940*/



    }



}







@media screen and (min-device-width: 320px) {



    /* layout 5 (1 column) */



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-5 {



        /* MQ: Tablet */



        padding: 0 4.95283018868%;



        /* Math: 42 / 848 */



    }



}







@media screen and (min-device-width: 320px) {



    /* layout 6 (6/6 without margins, e.g. support/manage promotions) */



    .layout-6:before, .layout-6:after {



        content: " ";



        display: table;



    }



    .layout-6:after {



        clear: both;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-6 .col-main {



        /* MQ: Tablet */



        width: 46.808511%;



        /*44.6808510638%;   /* Math: 440 / 940 */



    }



}



@media screen and (min-device-width: 320px) {



    .layout-6 .col-aside {



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-6 .col-aside {



        /* MQ: Tablet */



        margin-left: 6.3829787234%;



        /* Math: 60 / 940 */



        width: 46.808511%;



        /* Math: 440 / 940 */



    }



}







@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Abstract actions */



    #abstract-actions {



        margin: 17px 0;



        min-height: 25px;



    }



    #abstract-actions .action {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        -webkit-border-radius: 3px;



        -moz-border-radius: 3px;



        border-radius: 3px;



        -webkit-box-shadow: inset 0 1px 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 #FFF;



        box-shadow: inset 0 1px 0 #FFF;



        border: 1px solid #bcbcbc;



        color: #666666;



        font-size: 14px;



        font-size: 1.4rem;



        margin-right: 0;



        min-height: 30px;



        padding: 0;



        vertical-align: top;



        width: 99.5%;



        display: inline-block;



        /*Action icons*/



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #abstract-actions .action {



        /* MQ: Tablet */



        min-width: 19em;



        max-width: 48%;



    }



    #abstract-actions .action:first-child {



        margin: 0 6px 6px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action {



        /* MQ: Widescreen */



        background: none;



        background-image: none;



        -webkit-border-radius: 0;



        -moz-border-radius: 0;



        border-radius: 0;



        -webkit-box-shadow: 0 0 0;



        -moz-box-shadow: 0 0 0;



        box-shadow: 0 0 0;



        border: none;



        color: #3A2C12;



        font-size: 12px;



        font-size: 1.2rem;



        margin-right: 0;



        min-height: 0;



        padding: 0;



        vertical-align: middle;



        width: auto;



        min-width: 0;



        max-width: 100%;



    }



    #abstract-actions .action:first-child {



        margin: 0 26px 0 0;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action:hover, #abstract-actions .action:focus, #abstract-actions .action:active {



        border-color: #999999;



        color: #333;



        text-decoration: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action:hover, #abstract-actions .action:focus, #abstract-actions .action:active {



        /* MQ: Widescreen */



        border: none;



        color: #3A2C12;



        text-decoration: underline;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action:active, #abstract-actions .action.act {



        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action:active, #abstract-actions .action.act {



        /* MQ: Widescreen */



        -webkit-box-shadow: 0px 0px #000000;



        -moz-box-shadow: 0px 0px #000000;



        box-shadow: 0px 0px #000000;



    }



}



@media screen and (min-device-width: 320px) {



    .ie9 #abstract-actions .action:active {



        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";



    }



    #abstract-actions .action a:before {



        content: '';



    }



    #abstract-actions .action a {



        color: #333;



        display: block;



        line-height: 2.6;



        padding: 6px 6px 6px 48px;



        white-space: nowrap;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action a {



        /* MQ: Widescreen */



        color: #3A2C12;



        display: inline-block;



        line-height: 2.2;



        padding: 0 0 0 35px;



    }



    #abstract-actions .action a:before {



        content: '\00BB\0020';



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action span {



        display: inline-block;



    }



    #abstract-actions .action.icon-download:first-child, #abstract-actions .action.icon-view:first-child {



        background: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));



        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: linear-gradient(top, #38a0e5, #3A2C12);



        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        border-color: #3A2C12;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action.icon-download:first-child, #abstract-actions .action.icon-view:first-child {



        /* MQ: Widescreen */



        background: none;



        background-image: none;



        -webkit-border-radius: 0;



        -moz-border-radius: 0;



        border-radius: 0;



        -webkit-box-shadow: 0 0 0;



        -moz-box-shadow: 0 0 0;



        box-shadow: 0 0 0;



        border: none;



        color: #3A2C12;



        font-size: 12px;



        font-size: 1.2rem;



        margin-right: 0;



        min-height: 0;



        padding: 0;



        vertical-align: middle;



        width: auto;



        min-width: 0;



        max-width: 100%;



    }



    #abstract-actions .action.icon-download:first-child:first-child, #abstract-actions .action.icon-view:first-child:first-child {



        margin: 0 26px 0 0;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action.icon-download:first-child:hover, #abstract-actions .action.icon-download:first-child:focus, #abstract-actions .action.icon-download:first-child:active, #abstract-actions .action.icon-download:first-child.act, #abstract-actions .action.icon-view:first-child:hover, #abstract-actions .action.icon-view:first-child:focus, #abstract-actions .action.icon-view:first-child:active, #abstract-actions .action.icon-view:first-child.act {



        border-color: #0266a8;



        color: #b3dcf5;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action.icon-download:first-child:hover, #abstract-actions .action.icon-download:first-child:focus, #abstract-actions .action.icon-download:first-child:active, #abstract-actions .action.icon-download:first-child.act, #abstract-actions .action.icon-view:first-child:hover, #abstract-actions .action.icon-view:first-child:focus, #abstract-actions .action.icon-view:first-child:active, #abstract-actions .action.icon-view:first-child.act {



        /* MQ: Widescreen */



        -webkit-box-shadow: 0 0 0;



        -moz-box-shadow: 0 0 0;



        box-shadow: 0 0 0;



        border: none;



        color: #3A2C12;



        text-decoration: underline;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action.icon-download:first-child a,



    #abstract-actions .action.icon-download:first-child span, #abstract-actions .action.icon-view:first-child a,



    #abstract-actions .action.icon-view:first-child span {



        color: #FFF;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action.icon-download:first-child a,



    #abstract-actions .action.icon-download:first-child span, #abstract-actions .action.icon-view:first-child a,



    #abstract-actions .action.icon-view:first-child span {



        /* MQ: Widescreen */



        color: #3A2C12;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action.icon-download a {



        background-position: 12px -91px;



        /* white icon */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action.icon-download a {



        /* MQ: Widescreen */



        background-position: 0 -50px;



        /* blue icon */



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action.icon-view:first-child a {



        background-position: 12px -241px;



        /* white icon */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action.icon-view:first-child a {



        /* MQ: Widescreen */



        background-position: 0 -200px;



        /* blue icon */



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .action.icon-view a {



        background-position: 12px -141px;



        /* grey icon */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .action.icon-view a {



        /* MQ: Widescreen */



        background-position: 0 -200px;



        /* blue icon */



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .leaf-pricing {



        overflow: auto;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #abstract-actions .leaf-pricing {



        /* MQ: Tablet */



        display: inline-block;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .leaf-pricing {



        /* MQ: Widescreen */



        vertical-align: middle;



        margin: 0 14px 0 0;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .leaf-pricing form {



        display: inline;



    }



    #abstract-actions #leaf-pricing-buy-now {



        margin: 0;



        float: right;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #abstract-actions #leaf-pricing-buy-now {



        /* MQ: Tablet */



        float: none;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .leaf-pricing-content {



        margin: 0 14px 14px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #abstract-actions .leaf-pricing-content {



        /* MQ: Tablet */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #abstract-actions .leaf-pricing-content {



        /* MQ: Widescreen */



        margin-bottom: 0;



        max-width: 256px;



    }



}



@media screen and (min-device-width: 320px) {



    #abstract-actions .leaf-pricing-content h3 {



        font-size: 12px;



        font-size: 1.2rem;



        margin-top: 0;



    }



    #abstract-actions .leaf-pricing-content .content-prices {



        font-size: 20px;



        font-size: 2rem;



        margin-bottom: 14px;



    }



    #abstract-actions .leaf-pricing-content .price-disclaimer {



        font-size: 11px;



        font-size: 1.1rem;



        color: #777777;



    }



    #abstract-actions #leaf-pricing-buy-now,



    #abstract-actions .leaf-pricing-content {



        display: inline-block;



        vertical-align: top;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Action



  ------------------------------------------------------------------------------*/



    .action {



        font-size: 12px;



        font-size: 1.2rem;



        font-weight: bold;



        display: block;



        margin: 7px 26px 7px 0;



        /* link */



        /* text (e.g. filesize) */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .action {



        /* MQ: Tablet */



        display: inline-block;



        margin: 0 26px 0 0;



    }



}



@media screen and (min-device-width: 320px) {



    .action a:before {



        content: '\00BB\0020';



    }



    .action span {



        color: #999999;



        font-weight: normal;



    }







    /* Icons (KS: refactoring needed! get rid of *-alt)



  ------------------------------------------------------------------------------*/



    .icon-download a,



    .icon-download-alt a,



    .icon-view a,



    .icon-view-alt a,



    .icon-browse a,



    .icon-browse-alt a,



    .icon-unlock a,



    .icon-unlock-alt a {



        background: url(/spcom/sites/sgw/images/action_icons.png) no-repeat;



        display: inline-block;



        padding-left: 35px;



    }







    .icon-download a {



        background-position: 12px 9px;



        /* grey */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .icon-download a {



        /* MQ: Widescreen */



        background-position: 0 -50px;



        /* blue */



    }



}







@media screen and (min-device-width: 320px) {



    .icon-view a {



        background-position: 12px -141px;



        /* grey */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .icon-view a {



        /* MQ: Widescreen */



        background-position: 0 -200px;



        /* blue */



    }



}







@media screen and (min-device-width: 320px) {



    .icon-browse a {



        background-position: 12px -291px;



        /* grey */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .icon-browse a {



        /* MQ: Widescreen */



        background-position: 0 -350px;



        /* blue */



    }



}







@media screen and (min-device-width: 320px) {



    .icon-unlock a {



        background-position: 12px -441px;



        /* grey */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .icon-unlock a {



        /* MQ: Widescreen */



        background-position: 0 -500px;



        /* blue */



    }



}







@media screen and (min-device-width: 320px) {



    .icon-download-alt a,



    .bar-actions .icon-download a {



        background-position: 0 -100px;



        /* white */



    }







    .icon-view-alt a,



    .bar-actions .icon-view a {



        background-position: 0 -250px;



        /* white */



    }







    .icon-browse-alt a,



    .bar-actions .icon-browse a {



        background-position: 0 -400px;



        /* white */



    }







    .icon-unlock-alt a,



    .bar-actions .icon-unlock a {



        background-position: 0 -550px;



        /* white */



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Actions bar



  ------------------------------------------------------------------------------*/



    /* bar in default state and scrolled state */



    .bar-dock {



        display: none;



        min-height: 38px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .bar-dock {



        /* MQ: Widescreen */



        display: block;



    }



}



@media screen and (min-device-width: 320px) {



    .bar-dock.myspringer {



        margin-top: 10px;



        display: block;



    }







    .bar-actions {



        background: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));



        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: linear-gradient(top, #38a0e5, #3A2C12);



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        border: 1px solid #3A2C12;



        color: #FFF;



        min-height: 26px;



        line-height: 2.2;



        padding: 5px 4.148936170936% 4px;



        /* Math: 40 / 940 - 1 / 940 for the border 0,10638297872 */



        position: relative;



        z-index: 10;



    }







    .ie6 .bar-actions {



        height: 26px;



    }







    /* Stick to top of viewport */



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    /* MQ: Widescreen */



    .bar-dock .bar-scrolled {



        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);



        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);



        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);



        position: fixed;



        top: 0;



        z-index: 5;



        /* left set via jQuery */



        max-width: 960px;



    }



}



@media screen and (min-device-width: 320px) {



    /* links & actions */



    .bar-actions a {



        color: #ffffff;



        font-weight: bold;



    }







    .bar-actions .action span {



        color: #FFF;



    }







    /* search within */



    .bar-actions form {



        background: url(../images/search_within_arrow.png) no-repeat 0 3px;



        height: 24px;



        padding-left: 22px;



        margin: 7px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .bar-actions form {



        /* MQ: Widescreen */



        margin: 0;



        position: absolute;



        right: 40px;



        top: 6px;



    }



}







@media screen and (min-device-width: 320px) {



    .bar-actions input {



        float: left;



    }







    .bar-actions input.search-within {



        border: 1px solid #3A2C12;



        font-size: 12px;



        font-size: 1.2rem;



        height: 18px;



        letter-spacing: 0.02em;



        padding: 2px 10px;



        position: relative;



        width: 189px;



    }







    .bar-actions input.search-within:focus {



        outline: none;



    }







    .bar-actions .search-submit {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4918px no-repeat;



        background-color: #3A2C12;



        border: 1px solid #3A2C12;



        -webkit-border-radius: 0 2px 2px 0;



        -moz-border-radius: 0 2px 2px 0;



        border-radius: 0 2px 2px 0;



        color: #FFF;



        font-size: 14px;



        font-size: 1.4rem;



        height: 24px;



        margin-left: -1px;



        padding: 0;



        position: relative;



        width: 30px;



    }







    .bar-actions .search-submit:hover,



    .bar-actions .search-submit:focus {



        border-color: #0266a8;



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4870px no-repeat;



    }







    .bar-actions .search-submit:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4827px no-repeat;



        border-color: #0266a8;



    }







    /* Restricted Access */



    .bar-wrapper {



        position: relative;



    }







    .js .unlock-wrapper {



        position: absolute;



        top: 37px;



        z-index: 5;



        width: 100%;



    }







    .bar-access-restr {



        background: #feeeae url(../images/grdnt_yellow_fff3c6_feeeae.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff3c6), to(#feeeae));



        background-image: -webkit-linear-gradient(top, #fff3c6, #feeeae);



        background-image: -moz-linear-gradient(top, #fff3c6, #feeeae);



        background-image: -ms-linear-gradient(top, #fff3c6, #feeeae);



        background-image: -o-linear-gradient(top, #fff3c6, #feeeae);



        background-image: linear-gradient(top, #fff3c6, #feeeae);



        border: 1px solid #fdda4c;



        border-width: 0 1px 1px 1px;



        -webkit-border-radius: 0 2px 2px 0;



        -moz-border-radius: 0 2px 2px 0;



        border-radius: 0 2px 2px 0;



        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);



        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);



        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);



        color: #333;



        line-height: 2.2;



        min-height: 28px;



        text-align: center;



        text-shadow: 0 2px 1px rgba(255, 255, 255, 0.6);



        padding: 0 4.25531914894% 0 4.25531914894%;



        /* Math: 40 / 940 */



    }







    .bar-access-restr strong {



        background: url(../images/lock.png) no-repeat 0 4px;



        display: inline-block;



        padding: 0 0 0 31px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Alert messages



  ------------------------------------------------------------------------------*/



    .alert {



        position: relative;



        margin: 20px 0;



        border: 1px solid;



        -webkit-border-radius: 3px;



        -moz-border-radius: 3px;



        border-radius: 3px;



        padding: 14px 14px 14px 41px;



        vertical-align: top;



    }



    .alert .alert-block {



        padding-bottom: 16px;



    }



    .alert:before {



        position: absolute;



        left: 14px;



        top: 14px;



    }



    .alert *:first-child {



        margin-top: 1px;



    }



    .alert *:last-child {



        margin-bottom: 0;



    }



    .alert p,



    .alert ul,



    .alert ol {



        line-height: 1.4;



        margin-bottom: 5px;



    }



    .alert p strong {



        display: block;



        margin-bottom: 5px;



    }







    .alert-success {



        border-color: #71ab0b;



        background: rgba(113, 171, 11, 0.1);



    }



    .alert-success:before {



        content: url(../images/alert-success.png);



        display: block;



        float: none;



        width: 19px;



        height: 19px;



    }







    .alert-info {



        border-color: #38a0e5;



        background: rgba(56, 160, 229, 0.1);



    }



    .alert-info:before {



        content: url(../images/alert-info.png);



        display: block;



        float: none;



        width: 19px;



        height: 19px;



    }







    .alert-warning {



        border-color: #ffcc00;



        background: rgba(255, 204, 0, 0.1);



    }



    .alert-warning:before {



        content: url(../images/alert-warning.png);



        display: block;



        float: none;



        width: 19px;



        height: 19px;



    }







    .alert-error {



        border-color: #c40606;



        background: rgba(196, 6, 6, 0.08);



    }



    .alert-error:before {



        content: url(../images/alert-error.png);



        display: block;



        float: none;



        width: 19px;



        height: 19px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .article-note {



        border-top: 1px solid #dcdcdc;



        padding-top: 7px;



        color: #777777;



        margin: 24px 0;



        /* 24px 0 -13px 0 */



    }



    .article-note div.simple-para,



    .article-note p {



        display: block;



        font-style: italic;



        line-height: 1.4;



        padding-left: 20px;



        margin: 7px 0 12px 0;



    }



    .article-note div.simple-para:before,



    .article-note p:before {



        content: "\02022\0020";



        /* bull + space */



        margin-left: -13px;



        padding-right: 4px;



        position: relative;



        top: 0;



    }







    #predecessor-info.article-note {



        border-top: 0 none;



        padding-top: 0;



    }



    #predecessor-info.article-note p {



        margin-top: 0;



    }







    .lt-ie8 .formatted .article-note {



        margin: 2px 0;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* authors/editors */



    .editor-list,



    .author-list {



        margin: 0 0 7px 0;



    }



    .editor-list h2,



    .author-list h2 {



        display: inline;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-weight: bold;



        font-size: 13px;



        font-size: 1.3rem;



        letter-spacing: normal;



    }



    .editor-list ul,



    .author-list ul {



        display: inline;



    }



    .editor-list .authors li,



    .editor-list .editors li,



    .author-list .authors li,



    .author-list .editors li {



        display: inline;



        line-height: 1.5;



    }



    .editor-list .authors a,



    .editor-list .editors a,



    .author-list .authors a,



    .author-list .editors a {



        border-bottom: 1px solid #D7D6D6;



        color: #333;



    }



    .editor-list .authors a:hover,



    .editor-list .editors a:hover,



    .author-list .authors a:hover,



    .author-list .editors a:hover {



        border-color: #333;



        text-decoration: none;



    }



    .editor-list .authors .show-all-hide-authors,



    .editor-list .editors .show-all-hide-authors,



    .author-list .authors .show-all-hide-authors,



    .author-list .editors .show-all-hide-authors {



        display: none;



    }



    .editor-list .authors .show-all,



    .editor-list .authors .hide-some,



    .editor-list .editors .show-all,



    .editor-list .editors .hide-some,



    .author-list .authors .show-all,



    .author-list .authors .hide-some,



    .author-list .editors .show-all,



    .author-list .editors .hide-some {



        color: #666666;



        cursor: pointer;



        font-size: 11px;



        font-size: 1.1rem;



        text-decoration: underline;



        white-space: nowrap;



    }



    .editor-list .authors .show-all:hover,



    .editor-list .authors .hide-some:hover,



    .editor-list .editors .show-all:hover,



    .editor-list .editors .hide-some:hover,



    .author-list .authors .show-all:hover,



    .author-list .authors .hide-some:hover,



    .author-list .editors .show-all:hover,



    .author-list .editors .hide-some:hover {



        color: #333;



    }







    .show-all-authors,



    .hide-authors,



    .show-all-editors,



    .hide-editors {



        color: #3A2C12;



        cursor: pointer;



        text-decoration: underline;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Autosuggest / Autocomplete



    ------------------------------------------------------------------------------*/



    .ui-autocomplete {



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        background: #FFF;



        border: 1px solid #bcbcbc;



        padding: 7px 0 5px 0;



        position: absolute;



        left: 0;



    }



    .ui-autocomplete li



    a {



        color: #666666;



        cursor: default;



        display: block;



        font-size: 16px;



        font-size: 1.6rem;



        padding: 3px 9px;



        text-decoration: none;



    }



    .ui-autocomplete li



    a:focus, .ui-autocomplete li



    a.ui-state-focus, .ui-autocomplete li



    a:hover, .ui-autocomplete li



    a.ui-state-hover {



        background: #E6F1F9;



    }



    .ui-autocomplete strong {



        color: #333;



        font-style: normal;



        font-weight: bold;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Back link



  ------------------------------------------------------------------------------*/



    .back-link {



        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAJklEQVQYlWNggALGssP/GQgBxrLD/2GYKEUEFRNt9VBSiO5zZBoA5cEsdfq340wAAAAASUVORK5CYII=") no-repeat 0 1px;



        display: inline-block;



        font-size: 12px;



        font-size: 1.2rem;



        position: relative;



        padding: 2px 0 0 20px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .banner-advert {



        position: absolute;



        top: 13.75em;



        right: -13.4em;



        visibility: hidden;



        opacity: 0;



        -webkit-transition: visibility 0s 0.5s, opacity 0.5s linear;



        transition: visibility 0s 0.5s, opacity 0.5s linear;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1180px) {



    .banner-advert {



        visibility: visible;



        opacity: 1;



        -webkit-transition: opacity 0.5s linear;



        transition: opacity 0.5s linear;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Box



  ------------------------------------------------------------------------------*/



    .box {



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        margin-bottom: 20px;



        padding: 15px 20px;



    }



    .box:last-child {



        margin-bottom: 0;



    }



    .box .box-section {



        border-top: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        clear: both;



        margin: 14px -20px 0;



        padding: 14px 20px 0;



    }







    .box-header {



        font-size: 26px;



        font-size: 2.6rem;



        line-height: 1.2;



        margin: 0 0 25px;



    }







    /* alternative box */



    .box-alt {



        padding: 8px 7px;



    }



    .box-alt .box-header {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        font-size: 12px;



        font-size: 1.2rem;



        font-weight: bold;



        margin: -8px -7px 8px -7px;



        padding: 6px 7px;



    }







    .box-primary {



        background-color: #b3dcf5;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#d7ecfa), to(#b3dcf5));



        background-image: -webkit-linear-gradient(top, #d7ecfa, #b3dcf5);



        background-image: -moz-linear-gradient(top, #d7ecfa, #b3dcf5);



        background-image: -ms-linear-gradient(top, #d7ecfa, #b3dcf5);



        background-image: -o-linear-gradient(top, #d7ecfa, #b3dcf5);



        background-image: linear-gradient(top, #d7ecfa, #b3dcf5);



        border: 1px solid #70bced;



        -webkit-border-radius: 3px;



        -moz-border-radius: 3px;



        border-radius: 3px;



        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;



        -moz-box-shadow: inset 0 1px 0 0 #ffffff;



        box-shadow: inset 0 1px 0 0 #ffffff;



        color: #333;



        margin: 14px 0;



        padding: 14px 20px;



    }



    .box-primary .box-section {



        border-top: 1px solid #70bced;



        -webkit-box-shadow: inset 0 1px 0 0 #d7ecfa;



        -moz-box-shadow: inset 0 1px 0 0 #d7ecfa;



        box-shadow: inset 0 1px 0 0 #d7ecfa;



    }







    .box-secondary {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5_l.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        border: 1px solid #D7D6D6;



        -webkit-border-radius: 3px;



        -moz-border-radius: 3px;



        border-radius: 3px;



        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;



        -moz-box-shadow: inset 0 1px 0 0 #ffffff;



        box-shadow: inset 0 1px 0 0 #ffffff;



        margin: 14px 0;



        padding: 14px 20px;



    }



    .box-secondary .box-section {



        border-top: 1px solid #D7D6D6;



        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;



        -moz-box-shadow: inset 0 1px 0 0 #ffffff;



        box-shadow: inset 0 1px 0 0 #ffffff;



    }







    .confirmation-box {



        background: #f1f6e6;



        border: 1px solid #71AB0B;



        border-radius: 2px;



        padding-top: 9px;



    }



    .confirmation-box p:first-child {



        margin-top: 10px;



    }



    .confirmation-box h2 {



        font-size: 19px;



        font-size: 1.9rem;



    }



    .confirmation-box.styled-checkmark {



        background: url(/spcom/sites/sgw/images/checkmark-green.png) no-repeat 12px 12px #f1f6e6;



        line-height: 1.5em;



    }



    .confirmation-box.styled-checkmark:before, .confirmation-box.styled-checkmark:after {



        content: " ";



        display: table;



    }



    .confirmation-box.styled-checkmark:after {



        clear: both;



    }



    .confirmation-box.styled-checkmark h2,



    .confirmation-box.styled-checkmark p {



        margin-left: 28px;



    }



    .confirmation-box.styled-checkmark h2:first-child,



    .confirmation-box.styled-checkmark p:first-child {



        margin-top: 0;



    }



    .confirmation-box.styled-checkmark > a {



        float: right;



    }



    .confirmation-box.styled-checkmark > a:before {



        content: '\00BB\0020';



    }







    .popup-box {



        background: #fff;



        -moz-background-clip: padding;



        -webkit-background-clip: padding;



        background-clip: padding-box;



        border: 20px solid black;



        /* some browsers don't understand rgba */



        border: 20px solid rgba(0, 0, 0, 0.35);



        position: absolute;



        z-index: 10000;



        display: none;



        width: 35%;



        max-width: 67rem;



        line-height: 2rem;



    }







    .popup-box .btn-monster {



        margin-top: 1em;



    }







    .popup-box .closeTrigger {



        position: absolute;



        right: 20px;



        /* IE8 */



        right: 2rem;



    }







    .popup-box-bg {



        background: #000;



        width: 100%;



        height: 100%;



        position: fixed;



        top: 0;



        left: 0;



        z-index: 9999;



        display: none;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Browsing Area ('jump to' box)



  ------------------------------------------------------------------------------*/



    .browse {



        margin: 25px 0 25px 0;



        position: relative;



        zoom: 1;



    }



    .browse p {



        display: inline-block;



        font-size: 16px;



        font-size: 1.6rem;



        margin-bottom: 25px;



    }



    .browse p strong {



        font-size: 18px;



        font-size: 1.8rem;



    }



    .browse form {



        margin-bottom: 1em;



    }



    .browse form:before, .browse form:after {



        content: " ";



        display: table;



    }



    .browse form:after {



        clear: both;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .browse form {



        /* MQ: Widescreen */



        margin-bottom: 0;



    }



}



@media screen and (min-device-width: 320px) {



    .browse label {



        cursor: text;



        display: block;



        font-size: 13px;



        font-size: 1.3rem;



        margin-bottom: 8px;



    }



    .browse .field {



        float: left;



        margin-right: 6px;



    }



    .browse .field .error-message {



        bottom: 32px;



    }



    .browse input.text {



        -webkit-box-sizing: border-box;



        -moz-box-sizing: border-box;



        box-sizing: border-box;



        height: 24px;



        width: 86px;



    }



    .browse .search-submit {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4918px no-repeat;



        border: 1px solid #3A2C12;



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        float: left;



        height: 24px;



        width: 29px;



    }



    .browse .search-submit:hover, .browse .search-submit:focus {



        border-color: #0266a8;



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4870px no-repeat;



    }



    .browse .search-submit:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4827px no-repeat;



        border-color: #0266a8;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .browse .all {



        /* MQ: Widescreen */



        margin: 0;



        position: absolute;



        right: 20px;



        bottom: 13px;



    }



}







@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .browse-no-search .all {



        /* MQ: Widescreen */



        float: right;



    }



}



@media screen and (min-device-width: 320px) {



    .browse-no-search p {



        display: block;



        margin-bottom: 8px;



    }







    /* Book Series page



  ------------------------------------------------------------------------------*/



    /* browse */



    #book-series .browse input.text {



        width: 100%;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Buttons with text



   ------------------------------------------------------------------------------*/



    /* basics (grey) - essential class for every button, other .btn-* are optional */



    .btn {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        -webkit-border-radius: 3px;



        -moz-border-radius: 3px;



        border-radius: 3px;



        -webkit-box-shadow: inset 0 1px 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 #FFF;



        box-shadow: inset 0 1px 0 #FFF;



        border: 1px solid #bcbcbc;



        color: #666666;



        font-size: 13px;



        font-size: 1.3rem;



        display: inline-block;



        height: 21px;



        line-height: 1.7;



        padding: 1px 10px 0;



        white-space: nowrap;



    }



    .btn:hover, .btn:focus, .btn:active {



        border-color: #999999;



        color: #333;



        text-decoration: none;



    }



    .btn:active, .btn.act {



        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



    }



    .ie9 .btn:active {



        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";



    }







    button.btn {



        height: 24px;



        /* needs height including the 2 px for the border */



        padding-top: 0;



    }







    /* Primary buttons */



    .btn-primary {



        background: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));



        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);



        background-image: linear-gradient(top, #38a0e5, #3A2C12);



        border-color: #3A2C12;



        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);



        color: #ffffff;



    }



    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.act {



        background-color: #0266a8;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#0266a8));



        background-image: -webkit-linear-gradient(top, #38a0e5, #0266a8);



        background-image: -moz-linear-gradient(top, #38a0e5, #0266a8);



        background-image: -ms-linear-gradient(top, #38a0e5, #0266a8);



        background-image: -o-linear-gradient(top, #38a0e5, #0266a8);



        background-image: linear-gradient(top, #38a0e5, #0266a8);



        border-color: #0266a8;



        color: #ffffff;



    }







    /* close */



    .btn-close:before {



        background: url(../images/close_icon.png) no-repeat;



        content: '';



        display: inline-block;



        height: 11px;



        margin: 0 7px -1px 0;



        width: 11px;



    }







    /* dropdown */



    .btn-dd {



        cursor: pointer;



        position: relative;



    }



    .btn-dd:after {



        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGklEQVQImWP4jwcwMDAwMOCUgAGcEsgKkPkA9no/wdzS4fwAAAAASUVORK5CYII=") no-repeat right top;



        content: '';



        display: inline-block;



        height: 6px;



        width: 33px;



    }



    .btn-dd .menu {



        background: #FFF;



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);



        display: none;



        position: absolute;



        top: 23px;



        left: -1px;



        min-width: 100%;



        z-index: 5;



    }



    .no-js .btn-dd:hover .menu {



        display: block;



    }



    .btn-dd .menu a {



        display: block;



        padding: 4px 11px;



    }



    .btn-dd .menu a:before {



        content: '\00BB\0020';



    }



    .btn-dd .menu a:hover {



        background: #edf5fb;



        text-decoration: none;



    }







    /* red version - for enforced login - only applied on hover*/



    .btn-red:hover, .btn-red:focus, .btn-red:active {



        background: #EA0707 url(../images/grdnt_red_ea0707_c50606.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#EA0707), to(#C50606));



        background-image: -webkit-linear-gradient(top, #EA0707, #C50606);



        background-image: -moz-linear-gradient(top, #EA0707, #C50606);



        background-image: -ms-linear-gradient(top, #EA0707, #C50606);



        background-image: -o-linear-gradient(top, #EA0707, #C50606);



        background-image: linear-gradient(top, #EA0707, #C50606);



        border-color: #c40606;



        -webkit-box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);



        -moz-box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);



        box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);



        color: #FFF;



        text-shadow: 1px 1px 0 #A40505;



    }



    .btn-red:active {



        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);



    }







    /* monster */



    .btn-monster {



        font-size: 15px;



        font-size: 1.5rem;



        height: 28px;



        padding: 1px 12px 0 12px;



    }







    button.btn-monster {



        height: 31px;



        /* needs height including the 2 px for the border */



        padding-top: 0;



    }







    /* Buttons / Links with add icon */



    .btn-add:before {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4170px no-repeat;



        content: '';



        display: inline-block;



        height: 11px;



        margin-right: 6px;



        position: relative;



        top: 1px;



        width: 11px;



    }







    /* higher buttons in lightboxes */



    .facet-expanded .facet-header .btn,



    .lb .mod-hd .btn,



    #cboxContent .functions-bar .btn,



    #reader-buttons .btn {



        height: 25px;



    }







    .btn-link {



        background: none;



        border: none;



        -webkit-border-radius: 0;



        -moz-border-radius: 0;



        border-radius: 0;



        -webkit-box-shadow: none;



        -moz-box-shadow: none;



        box-shadow: none;



        color: #3A2C12;



        padding-left: 0;



    }







    /* Buttons without text



  ------------------------------------------------------------------------------*/



    .remove-btn {



        background-repeat: no-repeat;



        color: transparent;



        direction: ltr;



        display: block;



        overflow: hidden;



        text-align: left;



        text-indent: -9999em;



        text-transform: capitalize;



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;



        cursor: pointer;



        height: 24px;



        width: 24px;



    }



    .remove-btn:hover, .remove-btn:focus {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;



    }



    .remove-btn:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Pillow-emboss button



    ------------------------------------------------------------------------------*/



    .pillow-btn {



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);



        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);



        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);



        -webkit-transition: opacity 0.25s ease-in-out;



        -moz-transition: opacity 0.25s ease-in-out;



        -o-transition: opacity 0.25s ease-in-out;



        transition: opacity 0.25s ease-in-out;



        -webkit-transition: right 0.25s ease-in-out;



        -moz-transition: right 0.25s ease-in-out;



        -o-transition: right 0.25s ease-in-out;



        transition: right 0.25s ease-in-out;



        border: 1px solid #dcdcdc;



        cursor: pointer;



        display: inline-block;



        height: 34px;



        opacity: 1;



        padding: 0 15px;



        visibility: visible;



        white-space: nowrap;



    }



    .ie9 .pillow-btn {



        filter: none;



    }



    .pillow-btn:hover {



        border-color: #bcbcbc;



    }



    .pillow-btn.pillow-btn-active {



        -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);



        -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);



        box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);



        background-color: #dcdcdc;



        border: none;



        padding: 1px 16px;



        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Checkmarks list



  ------------------------------------------------------------------------------*/



    .checkmarks li {



        background: url(../images/checkmark.png) no-repeat 0 2px;



        margin-top: 7px;



        padding-left: 23px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Content item list



  ------------------------------------------------------------------------------*/



    .content-item-list {



        /* list item */



        /* content type */



        /* title */



        /* snippet, subtitle, coverage */



        /* meta (authors, enumeration) */



        /* actions */



        /* list item with cover */



        /* list item without access */



    }



    .content-item-list li {



        border-top: 1px solid #dcdcdc;



        padding: 12px 10px 15px 10px;



        position: relative;



        -webkit-transition: all 0.3s linear;



        -moz-transition: all 0.3s linear;



        -o-transition: all 0.3s linear;



        transition: all 0.3s linear;



    }



    .content-item-list li:before, .content-item-list li:after {



        content: " ";



        display: table;



    }



    .content-item-list li:after {



        clear: both;



    }



    .content-item-list li:hover {



        background-color: #FBFBFB;



        -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;



        box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;



    }



    .content-item-list li:first-child {



        border-top: 0;



    }



    .content-item-list .content-type {



        color: #777777;



        font-size: 11px;



        font-size: 1.1rem;



    }



    .content-item-list h2 {



        font-size: 20px;



        font-size: 2rem;



        margin: 4px 0 8px;



    }



    .content-item-list .snippet,



    .content-item-list .subtitle,



    .content-item-list .coverage {



        color: #777777;



        line-height: 1.6;



        margin-top: 7px;



    }



    .content-item-list .subtitle + .coverage {



        margin-top: 0;



    }



    .content-item-list .meta {



        line-height: 1.2;



        margin-top: 3px;



    }



    .content-item-list .meta a {



        color: #333;



    }



    .content-item-list li .authors a,



    .content-item-list li .editors a {



        border-bottom: 0;



        color: #333;



    }



    .content-item-list li .authors a:hover,



    .content-item-list li .editors a:hover {



        text-decoration: underline;



    }



    .content-item-list .cited-count {



        font-style: normal;



    }



    .content-item-list .actions {



        margin-top: 12px;



    }



    .content-item-list .action {



        margin-right: 18px;



    }



    .content-item-list li.has-cover .text {



        margin-left: 90px;



    }



    .content-item-list li.has-cover .cover {



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        float: left;



        width: 68px;



    }



    .content-item-list .no-access,



    .content-item-list .no-access:hover {



        /* keep the yellow bgcolor on hover */



        background-color: #fffdf4;



        padding-top: 7px;



    }



    .content-item-list .no-access .content-type {



        margin: -15px 0 10px 28px;



    }



    .content-item-list .no-access-message {



        background: #fff9e0;



        color: #666666;



        font-size: 11px;



        font-size: 1.1rem;



        font-style: italic;



        font-weight: bold;



        height: 16px;



        margin: -7px -13px 0 -7px;



        /* according to the padding of the li */



        padding: 6px 13px 0 0;



        text-align: right;



    }



    .content-item-list .no-access-message img {



        position: absolute;



        top: 1px;



        left: 10px;



    }







    /* Featured



  ------------------------------------------------------------------------------*/



    .featured {



        margin-top: 35px;



        /* list */



        /* tooltip */



        /* tooltip content */



    }



    .featured h2 {



        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        border-bottom: 1px solid #D7D6D6;



        padding: 0 4px 7px 0;



        margin-bottom: 27px;



    }



    .featured ul:before, .featured ul:after {



        content: " ";



        display: table;



    }



    .featured ul:after {



        clear: both;



    }



    .featured li {



        display: inline-block;



        margin-left: 10%;



        /* Math: 64 / 591 */



        position: relative;



        z-index: 5;



        width: 16.4128595601%;



        /* Math: 97 / 591 */



        zoom: 1;



    }



    .lt-ie8 .featured li {



        display: block;



        float: left;



    }



    .featured li:first-child {



        margin-left: 0.846023688663%;



    }



    .featured li img {



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        max-width: 100%;



    }



    .featured li:hover {



        z-index: 15;



    }



    .ie7 .featured li:hover {



        z-index: 5;



    }



    .featured li:hover .tooltip {



        display: block;



        top: 110px;



    }



    .featured .content-type {



        color: #777777;



        font-size: 11px;



        font-size: 1.1rem;



    }



    .featured h3 {



        font-size: 14px;



        font-size: 1.4rem;



        line-height: 1.4;



        margin-top: 3px;



    }



    .featured .coverage {



        color: #777777;



        font-size: 12px;



        font-size: 1.2rem;



        margin-top: 7px;



    }



    .featured .meta {



        font-size: 12px;



        font-size: 1.2rem;



        margin-top: 7px;



    }



    .featured .meta a {



        color: #333;



    }



    .featured .date {



        color: #666666;



    }







    /* Ranked Item List (based on content-item-list): Most Read & Rec. published



  ------------------------------------------------------------------------------*/



    .ranked h2 {



        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        border-bottom: 1px solid #D7D6D6;



        padding: 0 4px 7px 0;



    }



    .ranked .content-item-list h3 {



        line-height: 1.4;



        margin-top: 4px;



    }



    .ranked .content-item-list .date {



        color: #666666;



    }



    .ranked .show-all {



        background: #f8f8f8 url(../images/grdnt_grey_ffffff_f8f8f8.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f8f8f8));



        background-image: -webkit-linear-gradient(top, #FFFFFF, #f8f8f8);



        background-image: -moz-linear-gradient(top, #FFFFFF, #f8f8f8);



        background-image: -ms-linear-gradient(top, #FFFFFF, #f8f8f8);



        background-image: -o-linear-gradient(top, #FFFFFF, #f8f8f8);



        background-image: linear-gradient(top, #FFFFFF, #f8f8f8);



        border-top: 1px solid #dcdcdc;



        border-bottom: 1px solid #D7D6D6;



        -webkit-box-shadow: inset 0 -1px 0 0 #FFF;



        -moz-box-shadow: inset 0 -1px 0 0 #FFF;



        box-shadow: inset 0 -1px 0 0 #FFF;



        padding: 14px 7px;



        text-align: right;



    }



    .ranked .show-all a {



        font-size: 12px;



        font-size: 1.2rem;



    }



    .ranked .show-all a:before {



        content: '\00BB\0020';



    }







    /* Related list (in expander)



  ------------------------------------------------------------------------------*/



    #related-list {



        list-style-type: decimal;



        margin-top: -10px;



        padding-left: 1.5em;



    }



    #related-list li {



        border-top: 1px solid #dcdcdc;



        line-height: 1.5;



        padding: 10px 0 9px 0;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #related-list li {



        /* MQ: Tablet */



        padding-right: 120px;



    }



}



@media screen and (min-device-width: 320px) {



    #related-list li:first-child {



        border-top: 0;



    }



    #related-list .date {



        color: #666666;



        font-size: 11px;



        font-size: 1.1rem;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #related-list .date {



        /* MQ: Tablet */



        position: absolute;



        right: 0;



        top: 12px;



    }



}







@media screen and (min-device-width: 320px) {



    #related-list.cited-by li {



        padding-right: 0;



    }







    /* Chapter list (table of contents)



  ------------------------------------------------------------------------------*/



    .document-main .col-main .toc h2 span {



        font-size: 13px;



        font-size: 1.3rem;



    }







    .toc {



        margin-top: 30px;



        /* functions bar with pagination */



        /* list */



        /* headlines for parts */



        /* item */



        /* no access */



    }



    .toc h2,



    .toc h3 {



        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        border-bottom: 1px solid #D7D6D6;



        padding: 0 4px 7px 0;



        margin-bottom: 10px;



    }



    .toc .functions-bar-top {



        margin: -11px 0 5px;



    }



    .toc ol ol {



        border: 0;



    }



    .toc ol ol ol {



        margin-bottom: 5px;



    }



    .toc ol ol h3,



    .toc ol ol ol {



        margin-left: 30px;



    }



    .toc li,



    .toc li li:first-child {



        border-top: 1px solid #dcdcdc;



    }



    .toc li:first-child,



    .toc ul li,



    .toc ul li:first-child {



        border-top: 0;



        /* removes the double border at the top of the list (h2 has already one) */



    }



    .toc h3 {



        border-bottom: 1px solid #FFF;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 20px;



        font-size: 2rem;



        margin: 0;



        padding: 5px 10px;



    }



    .cms-lang-jp .toc h3 {



        font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



    }



    .toc .toc-item + h3 {



        border-top: 1px solid #dcdcdc;



        margin-top: 5px;



    }



    .toc .toc-item {



        padding: 12px 15px 13px 10px;



        position: relative;



        zoom: 1;



    }



    .toc .toc-item:hover {



        background-color: #FBFBFB;



        -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;



        box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;



    }



    .toc .content-type {



        color: #666666;



        font-size: 11px;



        font-size: 1.1rem;



        position: relative;



    }



    .toc .page-range,



    .toc .citation-info {



        color: #666666;



        font-size: 11px;



        font-size: 1.1rem;



        position: absolute;



        right: 20px;



        bottom: 13px;



    }



    .toc h3.title {



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



    }



    .toc .title,



    .toc h3.content-type,



    .toc h4.content-type {



        /* bg, bb, ff & padding are reset, Karl: review; h4.content-type for book front/back matter */



        background: none;



        border-bottom: 0;



        -webkit-box-shadow: none;



        -moz-box-shadow: none;



        box-shadow: none;



        color: #333;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 16px;



        font-size: 1.6rem;



        line-height: 1.4;



        margin: 3px 0 0 0;



        padding: 0;



    }



    .toc h3.content-type,



    .toc h4.content-type {



        margin: 0 !important;



    }



    .toc .abstract-content {



        color: #666666;



        font-size: 14px;



        font-size: 1.4rem;



        margin: 3px 0 0 0;



    }



    .toc .abstract-content img {



        max-width: 100%;



    }



    .toc ul.authors {



        margin: 3px 80px 0 0;



    }



    .toc .toc-item .authors a {



        /* .toc-item for higher specifity */



        border-bottom: 0;



        text-decoration: none;



    }



    .toc .toc-item .authors a:hover,



    .toc .toc-item .authors a:focus {



        text-decoration: underline;



    }



    .toc .meta {



        margin-right: 100px;



        margin-top: 5px;



    }



    .toc .actions {



        margin-top: 10px;



    }



    .toc .no-access {



        background-color: #fffdf4;



    }



    .toc .no-access .page-range {



        bottom: 17px;



    }



    .toc .no-access .content-type {



        margin-top: -15px;



        margin-left: 26px;



    }



    .toc .no-access .title {



        margin-top: 7px;



    }



    .toc .no-access-message {



        background: #fff9e0;



        color: #666666;



        font-size: 11px;



        font-size: 1.1rem;



        font-style: italic;



        font-weight: bold;



        height: 16px;



        margin: -12px -15px 0 -5px;



        padding: 6px 15px 0 0;



        text-align: right;



    }



    .toc .no-access-message img {



        left: 7px;



        position: absolute;



        top: 1px;



    }







    /* About this (in expander)



  ------------------------------------------------------------------------------*/



    .summary:before, .summary:after {



        content: " ";



        display: table;



    }



    .summary:after {



        clear: both;



    }



    .summary dl {



        line-height: 1.5;



        margin: 0 0 7px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .summary dl {



        /* MQ: Tablet */



        display: inline;



        float: left;



        margin: 0 0 0 2.32558139535%;



        /* Math: 20 / 860 */



        width: 30.2325581395%;



        /* Math: 260 / 860 */



    }



}



@media screen and (min-device-width: 320px) {



    .summary dl:first-child {



        margin-left: 0;



    }



    .summary dt {



        border-top: 1px solid #dcdcdc;



        font-weight: bold;



        margin: 10px 0 2px;



        padding-top: 10px;



    }



    .summary dt:first-child {



        border-top: 0;



        margin-top: 0;



        padding-top: 0;



    }



    .summary dd {



        color: #666666;



        word-wrap: break-word;



    }



    .summary a:before {



        content: '\00BB\0020';



    }



    .summary .authors a:before,



    .summary .editors a:before {



        content: '';



    }



    .summary .authors li a:first-child,



    .summary .editors a {



        border-bottom: 1px solid #D7D6D6;



    }



    .summary .authors li a:first-child:hover,



    .summary .editors a:hover {



        border-color: #666666;



        text-decoration: none;



    }







    /* References (in expander)



  ------------------------------------------------------------------------------*/



    #abstract-references .enumeration {



        font-style: italic;



        margin-right: 10px;



    }







    #abstract-references li a,



    .report-download a {



        font-size: 11px;



        font-size: 1.1rem;



        margin-right: 10px;



    }



    #abstract-references li a:before,



    .report-download a:before {



        content: '\00BB\0020';



    }







    #abstract-references li a:before,



    .report-download a {



        white-space: nowrap;



    }







    /* Material list / Supplementary materials (in expander)



  ------------------------------------------------------------------------------*/



    .material-list li {



        border-top: 1px solid #dcdcdc;



        line-height: 1.5;



        min-height: 34px;



        padding: 10px 0 9px 37px;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .material-list li {



        /* MQ: Tablet */



        padding-right: 120px;



    }



}







@media screen and (min-device-width: 320px) {



    .material-list li:first-child {



        border-top: 0;



    }







    /* type icons */



    .material-list .icon {



        background-repeat: no-repeat;



        color: transparent;



        direction: ltr;



        display: block;



        overflow: hidden;



        text-align: left;



        text-indent: -9999em;



        text-transform: capitalize;



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2159px no-repeat;



        height: 34px;



        position: absolute;



        left: 0;



        top: 11px;



        width: 26px;



    }







    .material-list li.type-audio .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -397px no-repeat;



    }







    .material-list li.type-video .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -3226px no-repeat;



    }







    /* filesize */



    .material-list .filesize {



        color: #999999;



    }







    /* Abstract



  ------------------------------------------------------------------------------*/



    /* beautify messy content - visually reduce too much line breaks */



    .abstract-content br + br,



    .abstract-content ul > br {



        display: none;



    }







    /* Formatted content



  ------------------------------------------------------------------------------*/



    .formatted {



        /* paragraphs */



        /* lists */



    }



    .formatted h3 {



        margin-top: 10px;



    }



    .formatted p {



        line-height: 1.6;



        margin-top: 10px;



    }



    .formatted h3 + p,



    .formatted p:first-child {



        margin-top: 0;



    }



    .formatted li p {



        margin: 0;



    }



    .formatted ol,



    .formatted ul {



        margin-top: 10px;



        padding-left: 1.6em;



    }



    .formatted ol {



        list-style-type: decimal;



    }



    .formatted ul {



        list-style-type: disc;



    }



    .formatted li {



        line-height: 1.5;



        margin-top: 7px;



    }



    .formatted li:first-child {



        margin-top: 0;



    }







    /*images*/



    .figure img {



        max-width: 98%;



        margin: 7px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .figure img {



        /* MQ: Widescreen */



        max-width: 100%;



    }



}







@media screen and (min-device-width: 320px) {



    /* Introduction ('Home' & 'Industry Sector' Page)



  ------------------------------------------------------------------------------*/



    #intro {



        margin: 0 27px 24px 0;



    }



    #intro p {



        color: #999999;



        font-size: 16px;



        font-size: 1.6rem;



        line-height: 1.4;



    }







    /* Notes



  ------------------------------------------------------------------------------*/



    .notes {



        border-top: 1px solid #dcdcdc;



        color: #777777;



        font-style: italic;



        list-style: outside disc;



        margin: 10px 0 20px;



        padding: 18px 0 0 15px;



    }



    .browse + .notes {



        border-top: 0;



        padding-top: 0;



    }



    .notes li + li {



        margin-top: 0.75em;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Dialog prompt for 'are you sure?' situations



  ------------------------------------------------------------------------------*/



    .check-prompt {



        display: none;



    }







    .lb.check-prompt-content {



        width: 298px;



    }







    .check-prompt-content p {



        margin-bottom: 15px;



    }







    .check-prompt-content .btn {



        margin-right: 15px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Expander



  ------------------------------------------------------------------------------*/



    .expander {



        margin: 0 -12px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .expander {



        /* MQ: Tablet */



        margin: 5px 0;



    }



}







@media screen and (min-device-width: 320px) {



    /* title */



    .expander-title {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        -webkit-box-shadow: inset 0 1px 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 #FFF;



        box-shadow: inset 0 1px 0 #FFF;



        border-bottom: 1px solid #DBDBDA;



        border-top: 1px solid #DBDBDA;



        font-size: 14px;



        font-size: 1.4rem;



        font-weight: bold;



        height: auto;



        margin-bottom: -1px;



        padding: 14px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .expander-title {



        /* MQ: Tablet */



        border: 1px solid #EEECEC;



        height: 26px;



        magrin-bottom: 0;



        padding: 0;



    }



}







@media screen and (min-device-width: 320px) {



    .js .expander-title:hover {



        border-color: #cccccc;



    }







    .expander-title div {



        background: url(/spcom/sites/sgw/images/expander_arrows.png) no-repeat 20px -44px;



        border-top: none;



        display: block;



        font-weight: bold;



        padding: 0 5px 0 34px;



    }







    .expander-loading div.expander-title div {



        background: url(/spcom/sites/sgw/images/loading_expander.gif) no-repeat 12px 5px;



    }







    .no-js .expander-title div {



        background: none;



    }







    .js .expander-content {



        display: none;



    }







    .expander-open .expander-content {



        display: block;



    }







    .expander-title h2,



    #dashboard-area .expander-title h2 {



        color: #3A2C12;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 14px;



        font-size: 1.4rem;



        font-weight: bold;



        line-height: 1.8;



        margin: 0 !important;



    }







    .expander-title h2 span {



        color: #333 !important;



        font-weight: normal;



    }







    /* open */



    .expander-open .expander-title div {



        background-position: 20px 10px;



    }







    /* empty */



    .expander-empty .expander-title,



    .expander-empty .expander-title h2 {



        color: #999999;



    }







    .expander-empty .expander-title div {



        background-position: 20px -94px;



    }







    .expander-empty .expander-title:hover {



        border-color: #EEECEC;



        /* apply default color if empty */



        cursor: default;



    }







    .show-more {



        margin: 0 0 0 19px;



    }







    /* abstract expander styles */



    .document-aside .expander-title div {



        padding-left: 4.25531914894%;



        /* Math: 40 / 940 */



    }







    .document-aside .expander-content-inner {



        padding: 15px 4.25531914894% 10px;



        /* Math: 40 / 940 */



    }







    /* Journal All Volumes & Issues Expanders */



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #journal-volumes-issues .col-main .expander {



        /* MQ: Tablet */



        margin-left: -40px;



        /* reset padding */



        margin-right: 20px;



    }



}







@media screen and (min-device-width: 320px) {



    #journal-volumes-issues .col-main .meta + .expander {



        margin-top: 30px;



    }







    #journal-volumes-issues .col-main .expander-title div {



        padding-left: 40px;



    }







    .issues-list {



        margin-left: 20px;



        margin-right: 25px;



    }







    .issues-list li {



        border-top: 1px solid #dcdcdc;



        list-style: none;



        margin: 0;



        padding: 10px 0 12px 0;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .issues-list li {



        /* MQ: Tablet */



        padding-right: 120px;



    }



}







@media screen and (min-device-width: 320px) {



    .issues-list li:first-child {



        border-top: 0;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Enumeration */



    #enumeration {



        font-size: 11px;



        font-size: 1.1rem;



        line-height: 1.5;



        white-space: no-wrap;



        width: 100%;



    }



    #enumeration a {



        -webkit-transition: all 0.2s ease-in-out;



        -moz-transition: all 0.2s ease-in-out;



        -o-transition: all 0.2s ease-in-out;



        transition: all 0.2s ease-in-out;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #enumeration a {



        /* MQ: Widescreen */



        color: #333;



    }



}



@media screen and (min-device-width: 320px) {



    .col-main:hover #enumeration a {



        color: #3A2C12;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Facets



  ------------------------------------------------------------------------------*/



    .facet {



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);



        margin-top: 13px;



    }







    /* header */



    .facet-header {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        border-bottom: 1px solid #dcdcdc;



        -webkit-box-shadow: inset 0 1px 0 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 0 #FFF;



        box-shadow: inset 0 1px 0 0 #FFF;



        padding: 6px 10px;



        position: relative;



    }



    .facet-header h3 {



        font-size: 13px;



        font-size: 1.3rem;



        font-weight: bold;



        margin: 0;



    }



    .facet-header .all {



        color: #333;



        font-size: 10px;



        font-size: 1rem;



        line-height: 1.2;



        position: absolute;



        right: 10px;



        top: 7px;



    }







    /* list */



    .facet ol li {



        border-top: 1px solid #E9E9E9;



        font-size: 11px;



        font-size: 1.1rem;



        position: relative;



    }



    .facet ol li:first-child {



        border-top: 0;



    }



    .facet ol li a {



        border: 1px solid #FFF;



        color: #333;



        display: block;



        overflow: hidden;



        position: relative;



        text-decoration: none;



        zoom: 1;



    }







    .facet-title {



        display: block;



        line-height: 1.1;



        padding: 5px 55px 5px 10px;



        position: relative;



        z-index: 10;



        word-wrap: break-word;



    }







    .facet-amount {



        position: absolute;



        right: 10px;



        bottom: 5px;



        z-index: 10;



    }







    .facet-percentage {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        display: block;



        height: 100%;



        overflow: hidden;



        position: absolute;



        left: 0;



        top: 0;



        z-index: 5;



        text-indent: -999em;



    }







    /* facet mouseover and click */



    .facet ol li a:hover {



        text-decoration: none;



    }







    .facet li a:hover .facet-title {



        color: #ee7d11;



    }







    /* facet active */



    .facet-active .facet-title {



        color: #ee7d11;



        font-weight: bold;



        padding-right: 25px;



    }







    .facet-active .facet-amount {



        display: none;



    }







    .facet-active a:hover .remove {



        background-position: 0 -50px;



    }







    .facet-active a:active .remove {



        background-position: 0 -75px;



    }







    /* remove (maybe move this part to the global elements section if also used on other pages) */



    .remove {



        background-repeat: no-repeat;



        color: transparent;



        direction: ltr;



        display: block;



        overflow: hidden;



        text-align: left;



        text-indent: -9999em;



        text-transform: capitalize;



        background: url(../images/remove_icons.png) no-repeat;



        height: 14px;



        width: 14px;



    }







    .remove:hover {



        background-position: 0 -50px;



    }







    .facet .remove {



        position: absolute;



        right: 9px;



        bottom: 4px;



        z-index: 5;



    }







    /* expanded facet */



    .facet-expanded {



        border-color: #cccccc;



        margin: 24px auto;



        width: 99.8%;



    }



    .facet-expanded .facet-header {



        border-bottom: 1px solid #BBBCBD;



        padding: 11px 20px;



    }



    .facet-expanded .facet-header h3 {



        font-size: 16px;



        font-size: 1.6rem;



    }



    .facet-expanded .facet-header .btn {



        position: absolute;



        right: 8px;



        top: 5px;



    }



    .facet-expanded .functions-bar {



        -webkit-border-radius: 0;



        -moz-border-radius: 0;



        border-radius: 0;



        border: 0;



        margin: 0;



    }



    .facet-expanded .facet-header + .functions-bar {



        /* top bar */



        border-bottom: 1px solid #dcdcdc;



        margin-bottom: 1px;



    }



    .facet-expanded ol + .functions-bar {



        /* bottom bar */



        border-top: 1px solid #dcdcdc;



        margin-top: 1px;



    }



    .facet-expanded li {



        font-size: 13px;



        font-size: 1.3rem;



    }



    .facet-expanded .facet-title {



        padding: 5px 18px;



    }







    /* expanded facet in the lightbox */



    #cboxLoadedContent .facet-expanded {



        -webkit-box-shadow: none;



        -moz-box-shadow: none;



        box-shadow: none;



        margin: 0;



    }







    #cboxLoadedContent .facet-expanded .functions-bar-top .field .error-message {



        bottom: auto;



        top: 28px;



    }







    #cboxLoadedContent .facet-expanded .functions-bar-top .field .error-message:after {



        background: url(../images/error_tooltip_up.png) no-repeat;



        bottom: auto;



        top: -13px;



    }







    /* highlight animation */



    .facet .highlight-area {



        background: #ee7d11;



        display: block;



        height: 100%;



        position: absolute;



        left: 0;



        top: 0;



        z-index: 5;



        width: 100%;



    }







    .facet-expanded li a:active {



        background-color: #ee7d11;



    }







    .facet-expanded li a:active .facet-title {



        color: #FFF;



    }







    .facet-expanded li a:active .facet-percentage,



    .facet-expanded li a:active .facet-amount {



        visibility: hidden;



    }







    /* Expanded facet - search filter */



    .search-filter input {



        -webkit-box-sizing: border-box;



        -moz-box-sizing: border-box;



        box-sizing: border-box;



        height: 24px;



        margin-left: 10px;



        padding-left: 7px;



        width: 43.3996383363%;



        /* Math: 240 / 553 */



    }







    .search-filter input[type=text] {



        margin-right: -1px;



    }







    .search-filter .search-submit {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4942px no-repeat;



        border: 0 none;



        display: inline;



        margin-left: -5px;



        width: 24px;



    }







    .search-filter .search-submit:hover {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4486px no-repeat;



    }







    .search-filter .search-submit:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4460px no-repeat;



    }







    .search-filter .ui-autocomplete {



        left: 20px;



        line-height: 1;



        top: 28px !important;



        width: 59.6745027125%;



        /* Math: 330 / 553 */



    }







    .search-filter .ui-autocomplete li a {



        font-size: 13px;



        font-size: 1.3rem;



    }







    /* Graphing module for date published



  ------------------------------------------------------------------------------*/



    .publication-date-range {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        border-top: 1px solid #dadbdb;



        margin-top: -36px;



        padding: 35px 10px 10px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #pub-date-graph {



        /* MQ: Widescreen */



        display: block;



        margin: 0 10px 17px 10px;



    }



    .lt-ie8 #pub-date-graph {



        display: none;



    }



}







@media screen and (min-device-width: 320px) {



    .tickLabel {



        font-size: 11px;



        font-size: 1.1rem;



    }







    .tickLabel:first-child {



        font-weight: bold;



        left: -16px !important;



    }







    .tickLabel:last-child {



        font-weight: bold;



        left: auto !important;



        right: -18px !important;



    }







    /* Loading



  ------------------------------------------------------------------------------*/



    .facet-link.loading .remove,



    .facet-link.loading:hover .remove,



    .facet-link.loading .facet-amount {



        display: none;



    }







    .facet-link .loading {



        height: 14px;



        position: absolute;



        right: 12px;



        top: 4px;



        width: 14px;



        z-index: 5;



    }







    #results .col-main .facet-link .loading {



        right: 0;



        top: 1px;



    }







    #wrapper #content .facet-link.loading,



    .page-wrapper #content .facet-link.loading {



        background: none;



    }







    #global-search img.loading {



        height: 20px;



        position: absolute;



        right: 16px;



        top: 9px;



        width: 20px;



        z-index: 5;



    }







    img.loading {



        height: 14px;



        position: absolute;



        right: 7px;



        top: 5px;



        width: 14px;



        z-index: 5;



    }







    .search-filter img.loading {



        right: 262px;



        top: 10px;



    }







    #date-facet-submit-wrapper {



        float: left;



        position: relative;



    }







    #date-facet img.loading {



        left: 5px;



        top: 5px;



    }







    .search-filter .search-submit.loading,



    .search-filter .search-submit.loading:hover,



    .search-filter .search-submit.loading:focus,



    #date-facet .search-submit.loading,



    #date-facet .search-submit.loading:hover,



    #date-facet .search-submit.loading:focus {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4657px no-repeat;



    }







    .bar-actions .search-submit.loading,



    .bar-actions .search-submit.loading:hover,



    .bar-actions .search-submit.loading:focus {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4894px no-repeat;



    }







    /* Filtered message



  ------------------------------------------------------------------------------*/



    .filtered-message {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5_l.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        border: 1px solid #D7D6D6;



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        -webkit-box-shadow: inset 0 1px 0 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 0 #FFF;



        box-shadow: inset 0 1px 0 0 #FFF;



        margin-top: 14px;



        padding: 14px;



        position: relative;



    }



    .filtered-message p {



        font-size: 16px;



        font-size: 1.6rem;



        line-height: 1.1;



    }







    /* Bars (on the homepage)



  ------------------------------------------------------------------------------*/



    .bars li {



        border-top: 1px solid #FFF;



        font-size: 14px;



        font-size: 1.4rem;



        position: relative;



    }







    .bars li:first-child {



        border-top: 0;



    }







    .bars a {



        background-color: #eaeaea;



        display: block;



        position: relative;



        text-decoration: none;



        zoom: 1;



    }







    .bars a:hover {



        background-color: #E4E4E4;



    }







    .bar-title {



        color: #333;



        display: block;



        line-height: 1;



        padding: 6px 70px 6px 12px;



        position: relative;



        z-index: 10;



    }







    .bar-amount {



        color: #666666;



        position: absolute;



        right: 5px;



        bottom: 5px;



        z-index: 10;



    }







    .bar-percentage {



        background-color: #CACACA;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#B9B9B9));



        background-image: -webkit-linear-gradient(top, #CACACA, #B9B9B9);



        background-image: -moz-linear-gradient(top, #CACACA, #B9B9B9);



        background-image: -ms-linear-gradient(top, #CACACA, #B9B9B9);



        background-image: -o-linear-gradient(top, #CACACA, #B9B9B9);



        background-image: linear-gradient(top, #CACACA, #B9B9B9);



        display: block;



        height: 100%;



        overflow: hidden;



        position: absolute;



        left: 0;



        top: 0;



        z-index: 5;



        text-indent: -999em;



    }







    /* Subjects navigation (Verticals and Disciplines)



  ------------------------------------------------------------------------------*/



    /* tab links */



    .categories-tab {



        color: #666666;



        display: inline-block;



        float: left;



        font-size: 15px;



        font-size: 1.5rem;



        font-weight: bold;



        padding: 10px 0;



        text-indent: 18px;



        width: 49.7%;



    }







    a.categories-tab {



        background: #F3F3F3 url(../images/grdnt_grey_ffffff_f3f3f3.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));



        background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: linear-gradient(top, #FFFFFF, #F3F3F3);



        -webkit-transition: all 0.2s ease-in-out;



        -moz-transition: all 0.2s ease-in-out;



        -o-transition: all 0.2s ease-in-out;



        transition: all 0.2s ease-in-out;



        color: #999999;



        border: 1px solid #dcdcdc;



        border-top: none;



    }







    a.categories-tab:hover,



    a.categories-tab:focus {



        background: #EDEDED url(../images/grdnt_grey_fafafa_ededed.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));



        background-image: -webkit-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: -moz-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: -ms-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: -o-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: linear-gradient(top, #FAFAFA, #EDEDED);



        color: #3A2C12;



        text-decoration: none;



    }







    a.first-tab {



        border-left: none;



    }







    a.last-tab {



        border-right: none;



    }







    /* link to other */



    .categories .back-link {



        margin: 15px 0 0 20px;



    }







    /* header */



    .categories .box-header {



        color: #666666;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 22px;



        font-size: 2.2rem;



        margin: 15px 0 10px 18px;



    }







    /* list */



    .categories {



        padding: 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories {



        /* MQ: Tablet */



        padding-bottom: 10px;



    }



}



@media screen and (min-device-width: 320px) {



    .categories ol {



        margin: 14px 0 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories ol {



        /* MQ: Tablet */



        margin: 0 14px;



    }



}



@media screen and (min-device-width: 320px) {



    .categories li {



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        border-top: 1px solid #eee;



        margin-bottom: 1px;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories li {



        /* MQ: Tablet */



        border: none;



    }



}



@media screen and (min-device-width: 320px) {



    .categories li a {



        background: url(/spcom/sites/sgw/images/action_arrow_right.png) no-repeat 8px 20px;



        display: block;



        font-size: 16px;



        font-size: 1.6rem;



        margin: 0;



        padding: 14px 0 14px 24px;



        word-wrap: break-word;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories li a {



        /* MQ: Tablet */



        background-position: 5px 10px;



        padding: 4px 5px 4px 17px;



    }



}



@media screen and (min-device-width: 320px) {



    .categories li a:hover {



        background-position: 12px 13px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories li a:hover {



        /* MQ: Tablet */



        background-position: 5px 3px;



    }



}



@media screen and (min-device-width: 320px) {



    .categories .categories-secondary li a {



        background-position: 12px 18px;



        /*width: 78.3582089552%;   /* Math: 210 / 268 */



        padding-right: 45px;



        font-size: 13px;



        font-size: 1.3rem;



        line-height: 1.3;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories .categories-secondary li a {



        /* MQ: Tablet */



        background-position: 4px 8px;



    }



}



@media screen and (min-device-width: 320px) {



    .categories .categories-secondary li a:hover {



        background-position: 12px 11px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories .categories-secondary li a:hover {



        /* MQ: Tablet */



        background-position: 4px 1px;



    }



}



@media screen and (min-device-width: 320px) {



    .categories .categories-secondary li a span {



        position: absolute;



        right: 16px;



        top: 15px;



        z-index: 5;



        font-size: 11px;



        font-size: 1.1rem;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .categories .categories-secondary li a span {



        /* MQ: Tablet */



        right: 4px;



        top: 4px;



    }



}







@media screen and (min-device-width: 320px) {



    .single-level li:hover,



    .multi-level li li:hover {



        background-color: #3A2C12;



        color: #FFF;



        text-decoration: none;



    }







    .single-level li:hover a,



    .multi-level li li:hover a {



        color: #FFF;



        text-decoration: none;



    }







    .multi-level h3 {



        margin: 15px 0 7px 4px;



    }







    .tab-content-first,



    .tab-content-last {



        clear: both;



        overflow: hidden;



    }







    /* Collapsing categories (e.g industry sector pages */



    .show-nav,



    .collapse-nav {



        background: url(../images/double_arrow.png) no-repeat 50% -18px;



        border-top: 1px solid #dcdcdc;



        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        display: none;



        height: 26px;



        margin: 15px 0 -10px 0;



        width: 100%;



    }







    .show-nav:hover {



        background-color: #edf5fb;



        background-position: 50% -68px;



    }







    .collapse-nav {



        background-position: 50% 7px;



    }







    .collapse-nav:hover {



        background-color: #edf5fb;



        background-position: 50% -43px;



    }







    .js .hide-nav {



        display: none;



    }







    .js .show-nav {



        display: block;



    }







    .ie6 .categories li a {



        background: none;



        padding: 4px 5px 4px 8px;



    }







    /* JS version of multi-level catergories */



    .js .multi-level ul {



        display: none;



        margin-left: 14px;



    }



    .js .multi-level ul a {



        width: auto;



    }



    .js .multi-level h3 {



        color: #3A2C12;



        cursor: pointer;



        margin: -2px;



        padding: 4px 5px 4px 5px;



    }



    .js .multi-level h3:before {



        background: url(../sites/rd/images/expander_arrows.png) no-repeat 4px -44px;



        content: '';



        width: 16px;



        height: 18px;



        display: inline-block;



    }



    .js .multi-level h3:hover {



        background: #3A2C12;



        color: #fff;



    }



    .js .multi-level h3:hover:before {



        background-position: 4px -331px;



    }



    .js .multi-level h3.is-open:before {



        background-position: 0 10px;



    }



    .js .multi-level h3.is-open:hover:before {



        background-position: 0 -384px;



    }







    /* Content Type Links ('Industry Sector' Page)



  ------------------------------------------------------------------------------*/



    .content-types {



        margin: -10px 0 34px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .content-types {



        /* MQ: Widescreen */



        margin-left: 8px;



    }



}



@media screen and (min-device-width: 320px) {



    .content-types h2 {



        color: #999999;



        border-bottom: 2px solid #999999;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 16px;



        font-size: 1.6rem;



        padding: 5px 3% 5px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .content-types h2 {



        /* MQ: Tablet */



        border-bottom: none;



        border-right: 2px solid #999999;



        display: inline-block;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .content-types h2 {



        /* MQ: Widescreen */



        padding-right: 26px;



    }



}



@media screen and (min-device-width: 320px) {



    .lt-ie8 .content-types h2 {



        float: left;



        /* Annoying fix for ie6/7 otherwise it looks bad */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .content-types h2 span {



        /* MQ: Tablet */



        display: block;



    }



}



@media screen and (min-device-width: 320px) {



    .content-types a span {



        display: block;



    }



    .content-types a {



        border-right: 1px solid #dcdcdc;



        display: inline-block;



        font-size: 16px;



        font-size: 1.6rem;



        padding: 6px 22px 6px 18px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .content-types a {



        /* MQ: Tablet */



        padding: 6px 3% 6px 2%;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .content-types a {



        /* MQ: Widescreen */



        padding: 6px 30px 6px 22px;



    }



}



@media screen and (min-device-width: 320px) {



    .content-types a:last-child {



        border-right: none;



        padding-right: 0;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Flyout



    ------------------------------------------------------------------------------*/



    .flyout {



        float: left;



        display: inline-block;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .flyout {



        /* MQ: Tablet */



        float: none;



    }



}







@media screen and (min-device-width: 320px) {



    .flyout-caption {



        color: #ffffff;



        cursor: pointer;



        display: block;



        font-size: 11px;



        font-size: 1.1rem;



        margin-top: 3px;



        outline: none;



        padding: 12px 0 12px 16px;



        position: relative;



        z-index: 5;



    }



    .flyout-caption:hover, .flyout-caption:focus {



        color: #bcbcbc;



    }



    .flyout-caption:focus {



        outline: 1px dotted;



    }



    .is-open .flyout-caption:focus {



        outline: none;



    }



    .flyout-caption:before {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2291px no-repeat;



        display: block;



        content: "";



        float: right;



        width: 7px;



        height: 5px;



        margin: 4px 5px 0 9px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .flyout-caption:before {



        /* MQ: Tablet */



        margin-right: 15px;



    }



}



@media screen and (min-device-width: 320px) {



    .flyout-caption:hover:before {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2284px no-repeat;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .flyout-caption {



        /* MQ: Widescreen */



        color: #666666;



        padding: 0;



    }



    .flyout-caption:hover {



        color: #333;



    }



    .flyout-caption:before {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2298px no-repeat;



    }



    .flyout-caption:hover:before {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2277px no-repeat;



    }



    .lt-ie8 .flyout-caption {



        margin-right: 15px;



    }



}







@media screen and (min-device-width: 320px) {



    .no-js .flyout:hover .flyout-caption,



    .is-open .flyout-caption {



        color: #666666;



    }







    .flyout-content {



        -webkit-border-radius: 3px;



        -moz-border-radius: 3px;



        border-radius: 3px;



        -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);



        -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);



        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);



        background-color: #FFF;



        border: 1px solid #dcdcdc;



        display: none;



        font-size: 12px;



        font-size: 1.2rem;



        padding: 3.4em 10px .5em;



        position: absolute;



        left: 0;



        top: 0;



        z-index: 5;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .flyout-content {



        /* MQ: Tablet */



        min-width: 150px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .flyout-content {



        /* MQ: Widescreen */



        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);



        border-color: #dcdcdc;



        left: auto;



        right: 0;



        top: -.35em;



        z-index: 10;



        padding-top: 2em;



    }



}



@media screen and (min-device-width: 320px) {



    .flyout-content ul,



    .flyout-content ol {



        border-top: 1px solid #E4E4E4;



        padding-top: 4px;



    }



    .flyout-content li {



        font-size: 11px;



        font-size: 1.1rem;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .flyout-content li {



        /* MQ: Widescreen */



        font-size: 12px;



        font-size: 1.2rem;



    }



}



@media screen and (min-device-width: 320px) {



    .flyout-content li a {



        color: #666666;



        display: block;



        padding: 6px 9px;



    }



    .flyout-content li a:hover, .flyout-content li a:focus {



        background: #f1f1f1;



    }







    /* show on hover (.is-open is used by js logic) */



    .no-js .flyout:hover .flyout-caption,



    .flyout.is-open .flyout-caption {



        z-index: 15;



    }



    .no-js .flyout:hover .flyout-content,



    .flyout.is-open .flyout-content {



        display: block;



    }



}



label.extend-error, .form-row label.error {



    color: #C30000;



    padding: 8px 0 0 0;



    font-size: 11px;



    font-size: 1.1rem;



    line-height: 1.2;



    font-weight: normal;



}







@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Form components



  ------------------------------------------------------------------------------*/



    .default-form {



        border: 1px solid #dcdcdc;



    }



    .box .default-form, .box-primary .default-form, .box-secondary .default-form {



        border: none;



    }







    .default-form + .default-form {



        border-top: none;



    }







    .form-section {



        border-bottom: 1px solid #dcdcdc;



        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        padding: 0 28px 20px 20px;



        position: relative;



    }







    .form-section:last-of-type {



        border-bottom: 1px solid #dcdcdc;



    }







    .form-row label {



        clear: both;



        color: #666666;



        display: block;



        font-weight: bold;



        padding: 20px 0 7px 0;



    }



    .form-row label.inline {



        display: inline;



        padding: 0;



        margin: 0;



    }







    .form-row input[type=text],



    .form-row input[type=email],



    .form-row input[type=password] {



        display: block;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .form-row input[type=text],



    .form-row input[type=email],



    .form-row input[type=password] {



        /* MQ: Tablet */



        width: 97.4358974359%;



        /* Math: 380 / 390 */



    }



}







@media screen and (min-device-width: 320px) {



    .form-section .multiple-input {



        float: left;



    }







    .form-section .multiple-input:first-child {



        margin: 0 34px 0 0;



    }







    .form-section .multiple-input label {



        width: 100%;



    }







    .form-section .multiple-input input {



        width: 94.3820224719%;



        /* Math: 168 / 178 */



    }







    .form-submit-section {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        padding: 12px 20px;



    }







    .form-submit-section .btn {



        margin: 0 12px 0 0;



    }







    .form-section .btn {



        margin: 12px 12px 0 0;



    }







    .form-section .btn-gray {



        top: 1px;



        position: relative;



    }







    .form-section .success-message,



    .form-section .error-message {



        margin-bottom: 20px;



    }







    .form-section input.error {



        border: 1px solid #c40606;



        -webkit-box-shadow: 0 0 3px #c40606;



        -moz-box-shadow: 0 0 3px #c40606;



        box-shadow: 0 0 3px #c40606;



    }







    .js-validation label.error span {



        background: #FFF url(../images/cross_error.png) no-repeat 6px center;



        border: 1px solid #c40606;



        -webkit-border-radius: 4px;



        -moz-border-radius: 4px;



        border-radius: 4px;



        -webkit-box-shadow: 3px 3px 5px -3px #cccccc;



        -moz-box-shadow: 3px 3px 5px -3px #cccccc;



        box-shadow: 3px 3px 5px -3px #cccccc;



        display: block;



        margin: 0;



        padding: 6px 12px 7px 26px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .js-validation label.error {



        /* MQ: Tablet */



        padding: 0 0 0 13px;



        position: absolute;



        width: 43.4%;



    }



}







@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .js-validation label.error:after {



        /* MQ: Tablet */



        background: url(../images/error_tooltip_left.png) no-repeat left center;



        top: 50%;



        content: "";



        display: block;



        height: 23px;



        left: 1px;



        margin-top: -11px;



        position: absolute;



        width: 13px;



    }



}







@media screen and (min-device-width: 320px) {



    .ie8 .js-validation label.error:after {



        background: none;



    }







    .js-validation label.error-down:after {



        background: url(../images/error_tooltip_down.png) no-repeat center bottom;



        bottom: -8px;



        left: 50%;



        top: auto;



    }







    .js-validation label.error.tick:after {



        display: none !important;



    }







    .js-validation .form-section label.tick {



        background: url(../images/success_icon.png) no-repeat 0 0;



        border: none;



        padding: 0;



        position: absolute;



        height: 15px;



        width: 16px;



    }







    .progress-bar {



        background: #eaeaea;



        -webkit-border-radius: 8px;



        -moz-border-radius: 8px;



        border-radius: 8px;



        height: 10px;



        position: absolute;



        width: 76px;



    }







    .progress-bar span {



        -webkit-border-radius: 8px;



        -moz-border-radius: 8px;



        border-radius: 8px;



        display: block;



        height: 10px;



        -webkit-transition: all 0.5s ease;



        -moz-transition: all 0.5s ease;



        -o-transition: all 0.5s ease;



        transition: all 0.5s ease;



        width: 0;



    }







    .is0 span {



        width: 0;



    }







    .is10 span {



        width: 10%;



    }







    .is20 span {



        width: 20%;



    }







    .is30 span {



        width: 30%;



    }







    .is40 span {



        width: 40%;



    }







    .is50 span {



        width: 50%;



    }







    .is60 span {



        width: 60%;



    }







    .is70 span {



        width: 70%;



    }







    .is80 span {



        width: 80%;



    }







    .is90 span {



        width: 90%;



    }







    .is100 span {



        width: 100%;



    }







    .bad span {



        background-color: #ff7575;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#c40606), to(#ff7575));



        background-image: -webkit-linear-gradient(top, #c40606, #ff7575);



        background-image: -moz-linear-gradient(top, #c40606, #ff7575);



        background-image: -ms-linear-gradient(top, #c40606, #ff7575);



        background-image: -o-linear-gradient(top, #c40606, #ff7575);



        background-image: linear-gradient(top, #c40606, #ff7575);



    }







    .weak span {



        background-color: #ffe282;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffe282));



        background-image: -webkit-linear-gradient(top, #ffcc00, #ffe282);



        background-image: -moz-linear-gradient(top, #ffcc00, #ffe282);



        background-image: -ms-linear-gradient(top, #ffcc00, #ffe282);



        background-image: -o-linear-gradient(top, #ffcc00, #ffe282);



        background-image: linear-gradient(top, #ffcc00, #ffe282);



    }







    .good span {



        background-color: #57c840;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#1b9d01), to(#57c840));



        background-image: -webkit-linear-gradient(top, #1b9d01, #57c840);



        background-image: -moz-linear-gradient(top, #1b9d01, #57c840);



        background-image: -ms-linear-gradient(top, #1b9d01, #57c840);



        background-image: -o-linear-gradient(top, #1b9d01, #57c840);



        background-image: linear-gradient(top, #1b9d01, #57c840);



    }







    /* specific forms */



    #login-register .default-form {



        max-width: 438px;



    }







    #login-register .form-section p {



        margin: 20px 0 0 0;



    }







    /* Form layout 2 */



    .form-layout-2.form-section {



        padding: 20px 0 0 0;



    }







    .form-layout-2 .form-row {



        clear: both;



        padding: 0 28px 0 20px;



        position: relative;



    }



    .form-layout-2 .form-row:before, .form-layout-2 .form-row:after {



        content: " ";



        display: table;



    }



    .form-layout-2 .form-row:after {



        clear: both;



    }







    .form-layout-2 .form-row label {



        display: block;



        margin: 7px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .form-layout-2 .form-row label {



        /* MQ: Tablet */



        clear: none;



        display: inline-block;



        margin: 14px 4.86891385768% 14px 0;



        /* Math: 26 / 534 */



        padding: 0;



        text-align: right;



        width: 20.5992509363%;



        /* Math: 110 / 534 */



    }



}







@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .form-layout-2 .form-row label.error {



        /* MQ: Tablet */



        display: block;



        margin: 0 0 7px 25.2808988764%;



        /* Math: 135 / 534 */



        max-width: 320px;



        text-align: left;



        width: 59.925093633%;



        /* Math: 320 / 534 */



    }



}







@media screen and (min-device-width: 320px) {



    .form-layout-2 .form-row p {



        display: block;



        padding: 4px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .form-layout-2 .form-row p {



        /* MQ: Tablet */



        display: inline-block;



        width: 59.925093633%;



        /* Math: 320 / 534 */



    }



}







@media screen and (min-device-width: 320px) {



    .form-layout-2 .form-section-divider {



        border-top: 1px solid #dcdcdc;



        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;



        padding: 5px 28px 14px 20px;



    }







    .form-layout-2 .form-row .warning-message,



    .form-layout-2 .form-row .warning-message a {



        color: #c40606;



    }







    .form-layout-2 .form-row .warning-message a {



        text-decoration: underline;



    }







    .form-layout-2 .form-row .warning-message,



    .form-layout-2 .form-row .success-message {



        background: none;



        border: none;



        clear: both;



        font-size: 12px;



        font-size: 1.2rem;



        line-height: 1.5;



        margin: 0 0 14px 26.2172284644%;



        /* Math: 140 / 534 */



        padding: 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .form-layout-2 .form-row input[type="text"],



    .form-layout-2 .form-row input[type="email"],



    .form-layout-2 .form-row input[type="password"] {



        /* MQ: Tablet */



        display: inline-block;



        margin-left: -5px;



        width: 59.5505617978%;



        /* Math: 318 / 534 */



    }



}







@media screen and (min-device-width: 320px) {



    .form-layout-2 .form-row span.label {



        color: #666666;



        display: inline-block;



        font-weight: bold;



        margin: 14px 26px 14px 0;



        padding: 0;



        text-align: right;



        width: 110px;



    }







    /* Editable form */



    html.js .editable-form .form-submit-section {



        display: none;



    }







    html.js .editing-form .form-submit-section {



        display: block;



    }







    html.js .form-layout-2 .form-row-editable input {



        display: none;



    }







    html.js .editing-form .form-row-editable input {



        display: inline-block;



    }







    html.js .editing-form .form-row-editable p,



    html.js .editing-form .form-row-editable .edit-link {



        display: none;



    }







    .ie6 .form-layout-2 .form-row-editable {



        zoom: 1;



    }







    .lt-ie8 .form-layout-2 .form-row-editable label {



        float: left;



        margin: 4px 26px 14px 0;



    }







    .js .form-row-editable {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        border-top: 1px solid #dcdcdc;



        border-right: 1px solid #fff;



        border-bottom: 1px solid #dcdcdc;



        border-left: 1px solid #fff;



    }







    .js .edit-field,



    .js .editing-form .edit-field:hover {



        background: #fff;



        border: 1px solid #fff;



        cursor: default;



    }







    .js .edit-field:hover {



        background: #f4f4f4;



        cursor: pointer;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .form-row .edit-link {



        /* MQ: Tablet */



        padding: 0 0 0 17px;



        position: absolute;



        top: 14px;



        right: 14px;



    }



}







@media screen and (min-device-width: 320px) {



    .lt-ie8 .form-row .edit-link {



        top: 5px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    html.no-js .edit-link:hover,



    html.js .form-row-editable:hover .edit-link {



        /* MQ: Tablet */



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1926px no-repeat;



    }



}







@media screen and (min-device-width: 320px) {



    html.no-js .editing-form .edit-link {



        display: none;



    }







    html.no-js .form-layout-2 .form-row-editable input,



    html.no-js .editable-form .form-submit-section {



        display: none;



    }







    html.no-js .editing-form .form-row-editable input {



        display: inline-block;



    }







    html.no-js .editing-form .form-submit-section {



        display: block;



    }







    .no-js .editing-form .form-row p#email-address-text,



    .no-js .editing-form .form-row p#first-name-text,



    .no-js .editing-form .form-row p#last-name-text {



        display: none;



    }







    .submit-edit {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -882px no-repeat;



        cursor: pointer;



        display: none;



        height: 24px;



        position: absolute;



        top: 10px;



        right: 40px;



        width: 24px;



    }







    .submit-edit:hover,



    .submit-edit:focus {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -856px no-repeat;



    }







    .submit-edit:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -830px no-repeat;



    }







    .cancel-edit {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;



        cursor: pointer;



        display: none;



        height: 24px;



        position: absolute;



        top: 10px;



        right: 11px;



        width: 24px;



    }







    .cancel-edit:hover,



    .cancel-edit:focus {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;



    }







    .cancel-edit:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;



    }







    .lt-ie8 .form-row .cancel-edit,



    .lt-ie8 .form-row .submit-edit {



        top: 1px;



    }







    .js-validation .form-layout-2 label.error {



        margin: 0;



        max-width: 230px;



        padding: 0 0 0 13px;



        width: auto;



    }







    .editable-form .form-section {



        border-bottom: none;



    }







    /* Change password */



    .default-form .change-password {



        border-bottom: 1px solid #dadbdb;



    }







    .form-layout-2 .change-password-link span.label {



        margin-bottom: 0;



    }







    .editing-form .change-password-link {



        border-bottom: 1px solid #dadbdb;



        margin-top: 15px;



    }







    .form-layout-2 .change-password-link .success-message {



        margin-top: 7px;



        margin-bottom: 0;



    }







    .change-password {



        background: #F3F3F3 url(../images/grdnt_grey_ffffff_f3f3f3.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));



        background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);



        background-image: linear-gradient(top, #FFFFFF, #F3F3F3);



        display: none;



    }







    .editing-form .change-password {



        display: block;



    }







    .change-password .form-row input[type="password"] {



        width: 84.8314606742%;



        /* Math: 453 / 534 */



    }







    /* New generic form components



  ------------------------------------------------------------------------------*/



    /* form field */



    .form-field {



        margin-top: 14px;



        /* inline form field */



    }



    .form-field label {



        color: #666666;



        font-weight: bold;



    }



    .form-field input,



    .form-field select {



        -webkit-box-sizing: border-box;



        -moz-box-sizing: border-box;



        box-sizing: border-box;



        display: block;



        margin: 4px 0;



        width: 100%;



    }



    .form-field.inline-field input {



        -webkit-box-sizing: content-box;



        -moz-box-sizing: content-box;



        box-sizing: content-box;



        width: auto;



        margin: 2px;



        display: inline-block;



    }



    .form-field.inline-field select {



        -webkit-box-sizing: content-box;



        -moz-box-sizing: content-box;



        box-sizing: content-box;



        width: auto;



        display: inline-block;



    }







    /* form fields in a 2 column layout */



    .form-fields-col1:before, .form-fields-col1:after {



        content: " ";



        display: table;



    }



    .form-fields-col1:after {



        clear: both;



    }



    .form-fields-col1 .form-field {



        float: left;



        width: 100%;



    }







    /* form fields in a 2 column layout */



    .form-fields-col2:before, .form-fields-col2:after {



        content: " ";



        display: table;



    }



    .form-fields-col2:after {



        clear: both;



    }



    .form-fields-col2 .form-field {



        float: left;



        width: 47%;



    }



    .form-fields-col2 .form-field + .form-field {



        margin-left: 6%;



    }







    /* form fields in a 3 column layout */



    .form-fields-col3:before, .form-fields-col3:after {



        content: " ";



        display: table;



    }



    .form-fields-col3:after {



        clear: both;



    }



    .form-fields-col3 .form-field {



        float: left;



        width: 30%;



    }



    .form-fields-col3 .form-field + .form-field {



        margin-left: 5%;



    }







    /* form submit */



    .form-submit {



        margin-top: 14px;



    }



    .form-submit:before, .form-submit:after {



        content: " ";



        display: table;



    }



    .form-submit:after {



        clear: both;



    }







    /* Deposit interuption



  ------------------------------------------------------------------------------*/



    .deposit-interruption.lb {



        width: 298px;



    }



    .deposit-interruption.lb .help {



        font-size: 11px;



        font-size: 1.1rem;



    }



    .deposit-interruption form {



        display: inline;



    }



    .deposit-interruption label {



        font-weight: normal;



        color: #333;



    }



    .deposit-interruption .form-field.inline-field input {



        margin: 11px 2px 2px 4px;



    }



    .deposit-interruption .form-submit-section {



        border-top: 1px solid #dcdcda;



        margin: 20px -20px -20px;



    }







    /* Enforced Login box



  ------------------------------------------------------------------------------*/



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .login-box {



        /* MQ: Tablet */



        width: 453px;



    }



}







@media screen and (min-device-width: 320px) {



    .login-box p em {



        color: #666666;



    }







    .login-box .mod-bd a {



        font-size: 13px;



        font-size: 1.3rem;



        position: relative;



        top: 3px;



    }







    .login-box form {



        border: 1px solid #dadbdb;



        margin: 15px 0 12px 0;



        padding: 0 20px;



    }







    .login-box .error-message {



        margin-top: 15px;



    }







    .login-box .form-submit-section {



        border-top: 1px solid #dadbdb;



        margin: 15px -20px 0 -20px;



        position: relative;



    }







    .login-box #auth-remember-label {



        display: block;



        line-height: 1.3;



        margin: 0 0 7px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .login-box #auth-remember-label {



        /* MQ: Tablet */



        position: absolute;



        top: 9px;



        right: 20px;



    }



}



@media screen and (min-device-width: 320px) {



    .login-box #auth-remember-label em {



        color: #666666;



        display: block;



        font-size: 11px;



        font-size: 1.1rem;



        margin: 0 0 0 20px;



    }







    .login-box #auth-remember-label input {



        position: relative;



        top: 2px;



        width: 14px;



    }







    .ie7 .login-box #auth-remember-label {



        text-align: right;



    }







    /* Success and error message



  ------------------------------------------------------------------------------*/



    .success-header {



        background: url(../images/success_icon.png) no-repeat left center;



        color: #71ab0b;



        margin-top: 7px;



        padding-left: 26px;



    }







    .success-message {



        background: url(../images/success_icon.png) no-repeat 5px 5px;



        border: 1px solid #71ab0b;



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        color: #71ab0b;



        display: block;



        font-size: 11px;



        font-size: 1.1rem;



        font-style: italic;



        line-height: 1.3 !important;



        padding: 6px 6px 6px 33px;



    }







    .error-message {



        background: #FFF url(../images/cross_error.png) no-repeat 6px center;



        border: 1px solid #c40606;



        -webkit-border-radius: 4px;



        -moz-border-radius: 4px;



        border-radius: 4px;



        -webkit-box-shadow: 3px 3px 5px -3px #cccccc;



        -moz-box-shadow: 3px 3px 5px -3px #cccccc;



        box-shadow: 3px 3px 5px -3px #cccccc;



        color: #C30000;



        display: block;



        font-size: 11px;



        font-size: 1.1rem;



        line-height: 1.2;



        margin: 0;



        padding: 7px 12px 7px 26px;



        word-wrap: break-word;



    }







    .error {



        color: #C30000;



    }







    /* in a field */



    .field {



        position: relative;



    }



    .field .error-message {



        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);



        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);



        box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);



        line-height: 1.5;



        margin-left: -90px;



        /* half the outer width - 2px => for centering */



        position: absolute;



        left: 50%;



        bottom: 28px;



        /* left 50% is for centering */



        width: 137px;



        word-wrap: break-word;



    }



    .field .error-message:after {



        background: url(../images/error_tooltip_down.png) no-repeat;



        content: '';



        display: block;



        height: 13px;



        margin-left: -12px;



        position: absolute;



        left: 50%;



        bottom: -13px;



        width: 25px;



    }



    .field .pagination-error {



        left: 52%;



        top: 28px;



        bottom: auto;



    }



    .field .pagination-error:after {



        background: url(../images/error_tooltip_up.png) no-repeat;



        content: '';



        display: block;



        height: 13px;



        margin-left: -12px;



        position: absolute;



        left: 50%;



        top: -13px;



        width: 25px;



    }







    #date-facet-fields .error-message {



        line-height: 1.5;



        z-index: 10;



    }







    /* Helper text



  -----------------------------------------------------------------------------*/



    .helper-text {



        color: #666666;



        display: block;



        font-size: 11px;



        font-size: 1.1rem;



        font-style: italic;



        margin: 4px 0 0 0;



    }







    /* Advanced Search



  -----------------------------------------------------------------------------*/



    #advanced-search form {



        margin: 20px 0;



    }







    #advanced-search .form-section {



        max-width: 506px;



        width: 86.4957264957%;



        /* Math 506 / 585 */



    }







    #advanced-search input[type="text"] {



        width: 94.4%;



        /* Math 480 / 506 */



    }







    #advanced-search form h2 {



        font-size: 20px;



        font-size: 2rem;



        margin: 0;



        padding: 20px 0 0 0;



    }







    #advanced-search label {



        font-weight: normal;



    }







    #advanced-search #date-facet {



        margin-top: 0;



    }



    #advanced-search #date-facet:before, #advanced-search #date-facet:after {



        content: " ";



        display: table;



    }



    #advanced-search #date-facet:after {



        clear: both;



    }







    #advanced-search #date-facet input {



        display: inline;



    }







    #advanced-search #results-only-access {



        margin: 20px 0 0 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #advanced-search #results-only-access {



        /* MQ: Tablet */



        width: 39.3280632411%;



        /* Math 199 / 506 */



    }



}







@media screen and (min-device-width: 320px) {



    .no-js #advanced-search #results-only-access div {



        position: absolute;



    }







    #advanced-search #results-only-access label {



        padding: 0;



    }







    /* Institutional login */



    .institutional-login {



        display: inline-block;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Functions bar



  ------------------------------------------------------------------------------*/



    .functions-bar {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        -webkit-box-shadow: inset 0 1px 0 #FFF;



        -moz-box-shadow: inset 0 1px 0 #FFF;



        box-shadow: inset 0 1px 0 #FFF;



        border: 1px solid #dcdcdc;



        line-height: 1.8;



        margin-top: 17px;



        padding: 5px 10px;



        position: relative;



        z-index: 5;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .functions-bar {



        /* MQ: Tablet */



        height: 24px;



    }



}







@media screen and (min-device-width: 320px) {



    .ie9 .functions-bar {



        /* don't use ms-filter here because the error message of the pagination becomes hidden! [KS] */



        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";



    }







    .functions-bar .pagination {



        margin: 7px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .functions-bar .pagination {



        /* MQ: Tablet */



        margin: 0;



        position: absolute;



        right: 5px;



        top: 5px;



    }



}







@media screen and (min-device-width: 320px) {



    .functions-bar-bottom {



        margin-top: 5px;



    }







    /* sorting */



    .sorting label {



        font-size: 11px;



        font-size: 1.1rem;



        font-weight: bold;



        margin-right: 10px;



    }



    .sorting select {



        font-size: 11px;



        font-size: 1.1rem;



    }



    .sorting .btn {



        font-size: 11px;



        font-size: 1.1rem;



        height: 16px;



        line-height: 1.4;



    }



    .sorting .btn.selected {



        border-color: #666666;



        font-weight: bold;



    }



    .js .sorting .btn {



        display: none;



    }



    .no-js .sorting select {



        display: none;



    }







    /* pagination */



    .pagination {



        font-size: 11px;



        font-size: 1.1rem;



    }



    .pagination:before, .pagination:after {



        content: " ";



        display: table;



    }



    .pagination:after {



        clear: both;



    }



    .pagination .prev,



    .pagination .next {



        background-repeat: no-repeat;



        color: transparent;



        direction: ltr;



        display: block;



        overflow: hidden;



        text-align: left;



        text-indent: -9999em;



        text-transform: capitalize;



        float: left;



        height: 24px;



        vertical-align: middle;



        width: 24px;



    }



    .pagination .prev {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -215px no-repeat;



        margin-right: 10px;



    }



    .pagination .next {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -371px no-repeat;



        margin-left: 10px;



    }



    .pagination a.prev:hover,



    .pagination a:focus.prev {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -137px no-repeat;



    }



    .pagination a.prev:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -85px no-repeat;



    }



    .pagination span.prev {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -163px no-repeat;



    }



    .pagination a.next:hover,



    .pagination a:focus.next {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -293px no-repeat;



    }



    .pagination a:focus.next,



    .pagination a:focus.prev {



        outline: 1px #999999 dotted;



    }



    .pagination a.next:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -241px no-repeat;



    }



    .pagination span.next {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -319px no-repeat;



    }



    .pagination .page-nr {



        float: left;



    }



    .pagination input {



        font-size: 11px;



        font-size: 1.1rem;



        margin: 0 2px;



        padding: 4px 3px;



        text-align: center;



        width: 44px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Get Access



  ------------------------------------------------------------------------------*/



    .get-access {



        background: #FFF url(../images/grdnt_grey_f8f8f8_ffffff.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#FFFFFF));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #FFFFFF);



        background-image: -moz-linear-gradient(top, #f8f8f8, #FFFFFF);



        background-image: -ms-linear-gradient(top, #f8f8f8, #FFFFFF);



        background-image: -o-linear-gradient(top, #f8f8f8, #FFFFFF);



        background-image: linear-gradient(top, #f8f8f8, #FFFFFF);



        border: 1px solid #DBDBDA;



        margin: 0 auto;



        position: relative;



    }



    .get-access .mod-bd {



        /* for nicer animation */



        overflow: hidden;



        text-align: center;



    }



    .get-access .mod-bd h2 {



        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        border-bottom: 1px solid #D7D6D6;



        padding: 0 4px 7px 0;



        padding-bottom: 12px;



        margin: 6px -20px 20px -20px;



        text-align: center;



    }



    .get-access img {



        display: inline-block;



        margin-bottom: 2px;



    }



    .get-access p {



        color: #666666;



        font-size: 16px;



        font-size: 1.6rem;



        line-height: 1.4;



        margin: 0 7px 30px 0;



        text-align: left;



    }



    .get-access #getaccess-webshop {



        margin-top: 7px;



        text-align: right;



    }



    .get-access .btn-back,



    .get-access .btn-close {



        position: absolute;



        top: 5px;



        right: 5px;



    }



    .get-access .requested-access {



        -webkit-box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;



        box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;



        border: 1px solid #dcdcdc;



        clear: both;



        display: none;



        margin: 20px 0 0 0;



        padding: 7px;



    }



    .get-access .requested-access p {



        background: url(../images/success_icon.png) no-repeat 0 0;



        color: #333;



        font-size: 13px;



        font-size: 1.3rem;



        margin: 7px;



        padding: 0 0 0 25px;



    }



    .get-access .journal-cover-small {



        float: left;



        width: 68px;



        height: 90px;



        margin-bottom: 20px;



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .get-access .journal-cover-small {



        /* MQ: Tablet */



        margin: 0 20px 20px 0;



    }



}



@media screen and (min-device-width: 320px) {



    .get-access .content-pricing {



        margin: 0 7px 12px 0;



        overflow: hidden;



        padding: 0;



        text-align: left;



        clear: left;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .get-access .content-pricing {



        /* MQ: Tablet */



        clear: none;



    }



}



@media screen and (min-device-width: 320px) {



    .get-access .content-pricing h3 {



        clear: both;



        float: left;



        font-size: 13px;



        font-size: 1.3rem;



        margin: 0;



        text-align: left;



    }



    .get-access .content-pricing p {



        clear: both;



        float: left;



        margin: 0;



    }



    .get-access .content-pricing .content-prices {



        font-size: 20px;



        font-size: 2rem;



    }



    .get-access .content-pricing .btn {



        font-size: 14px;



        font-size: 1.4rem;



        height: 28px;



        padding: 1px 12px 0 12px;



    }



    .get-access .leaf-pricing p, .get-access .leaf-pricing h3 {



        color: #333;



    }



    .get-access .aggregate-pricing p, .get-access .aggregate-pricing h3 {



        color: #777777;



    }



    .get-access .price-disclaimer {



        color: #777777;



        font-size: 11px;



        font-size: 1.1rem;



        margin: 0 0 20px 0;



    }



    .get-access .get-access-footer {



        clear: both;



        border-top: 1px solid #dcdcdc;



        padding-top: 20px;



    }



    .get-access .get-access-footer p {



        font-size: 14px;



        font-size: 1.4rem;



        margin: 0;



    }



    .get-access .get-access-footer .btn {



        font-size: 12px;



        font-size: 1.2rem;



        float: right;



    }







    /* single on a page */



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #content > .get-access {



        /* MQ: Tablet */



        margin-top: 86px;



        margin-bottom: 86px;



    }



}







@media screen and (min-device-width: 320px) {



    /* in the lightbox */



    .btn-close {



        display: none;



        /* only show in lightbox (see a few lines below) */



    }







    #cboxLoadedContent .btn-back {



        display: none;



    }







    #cboxLoadedContent .btn-close,



    #reader .btn-close {



        display: inline-block;



    }







    #cboxLoadedContent .get-access {



        border: 0;



        margin: 0;



    }







    .ie7 #cboxClose {



        visibility: hidden;



        /* Fixes IE7 bug, using hidden to not break any tests (if there are any) */



    }







    /* in the bar wrapper */



    .bar-wrapper .get-access {



        display: none;



        margin: 0;



        width: auto;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .bar-wrapper .get-access {



        /* MQ: Widescreen */



        padding-left: 182px;



        padding-right: 182px;



    }



}







@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Cover images look inside







  ------------------------------------------------------------------------------*/



    .look-inside {



        display: none;



        min-height: 188px;



        position: relative;



        max-width: 170px;



        text-decoration: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .look-inside {



        /* MQ: Tablet */



        display: block;



    }



}







@media screen and (min-device-width: 320px) {



    .look-inside > a {



        display: block;



        padding-bottom: 17px;



        text-decoration: none;



    }







    .look-inside > a img {



        display: block;



        max-height: 203px;



        max-width: 100%;



        min-height: 203px;



        min-width: 153px;



    }







    .look-inside-cover {



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        position: relative;



        top: 0;



        left: 0;



        z-index: 2;



    }







    .look-inside-page {



        background: url("../sites/rd/images/abstract_cover_placeholder.png") no-repeat 0 0;



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        position: absolute;



        right: -2px;



        bottom: 0;



        z-index: 1;



    }







    .look-inside-badge {



        background-color: #f1f1f1;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e06310));



        background-image: -webkit-linear-gradient(top, #f1f1f1, #e06310);



        background-image: -moz-linear-gradient(top, #f1f1f1, #e06310);



        background-image: -ms-linear-gradient(top, #f1f1f1, #e06310);



        background-image: -o-linear-gradient(top, #f1f1f1, #e06310);



        background-image: linear-gradient(top, #f1f1f1, #e06310);



        border: 1px solid #e06310;



        border-radius: 0 0 0 10px;



        -webkit-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);



        -moz-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);



        box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);



        color: #FFF;



        display: block;



        font-size: 16px;



        line-height: 1.1;



        padding: 6px 33px 6px 10px;



        position: absolute;



        right: -1px;



        bottom: 28px;



        z-index: 4;



    }



    .look-inside-badge:after {



        position: absolute;



        top: 6px;



        right: 7px;



        content: '';



        width: 11px;



        height: 16px;



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2722px no-repeat;



    }







    #content #scroller .look-inside-interrupt {



        display: block;



        padding: 20px 40px;



        text-align: left;



        background: #E5E5E5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        border: 1px solid #A8A8A8;



        border-top: 0 none;



    }



    #content #scroller .look-inside-interrupt h3 {



        font-weight: bold;



        margin-bottom: 0.7em;



    }



    #content #scroller .look-inside-interrupt .col-1 {



        width: 50%;



    }



    #content #scroller .look-inside-interrupt .col-1 p {



        margin-bottom: 1em;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* My copy



  ------------------------------------------------------------------------------*/



    .my-copy-price {



        display: inline-block;



        font-size: 20px;



        font-size: 2rem;



        margin: 5px 0 10px 0;



    }



    .my-copy-price .curr {



        color: #999999;



    }







    .my-copy-btn {



        display: block;



        height: auto;



        white-space: normal;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .my-copy-btn {



        /* MQ: Widescreen */



        display: inline-block;



    }



}







@media screen and (min-device-width: 320px) {



    .my-copy-btn:before {



        margin-left: -1em;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Open Access */



    .open-access .help {



        -webkit-border-radius: 4px;



        -moz-border-radius: 4px;



        border-radius: 4px;



        background-color: #e06310;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));



        background-image: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);



        background-image: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);



        background-image: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);



        background-image: -o-linear-gradient(top, #f1f1f1, #f1f1f1);



        background-image: linear-gradient(top, #f1f1f1, #f1f1f1);



        color: #ffffff;



        display: inline-block;



        line-height: 1.2;



        margin: 4px 0 7px 0;



        padding: 1px 5px 1px 5px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Partner Logos



  ------------------------------------------------------------------------------*/



    .partner-logos {



        color: #999999;



        font-size: 11px;



        font-size: 1.1rem;



        margin: 15px 0 7px;



    }







    .partner-logos img {



        display: block;



        max-width: 175px;



        max-height: 70px;



        margin: 7px 0 12px 0;



    }







    .partner-logos a {



        display: block;



        margin-bottom: 12px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* JavaScript/Chrome/Redirect prompt notices



    ------------------------------------------------------------------------------*/



    .prompt-bar {



        background-color: #46474D;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#4F5056), to(#3D3E42));



        background-image: -webkit-linear-gradient(top, #4F5056, #3D3E42);



        background-image: -moz-linear-gradient(top, #4F5056, #3D3E42);



        background-image: -ms-linear-gradient(top, #4F5056, #3D3E42);



        background-image: -o-linear-gradient(top, #4F5056, #3D3E42);



        background-image: linear-gradient(top, #4F5056, #3D3E42);



        -webkit-box-shadow: -2px -6px 22px 4px #333;



        -moz-box-shadow: -2px -6px 22px 4px #333;



        box-shadow: -2px -6px 22px 4px #333;



        -webkit-transition: padding 0.25s ease-in-out;



        -moz-transition: padding 0.25s ease-in-out;



        -o-transition: padding 0.25s ease-in-out;



        transition: padding 0.25s ease-in-out;



        color: #dadbdb;



        min-height: 18px;



        margin: 0;



        overflow: hidden;



        padding: 12px 0;



        position: absolute;



        left: 0;



        top: 0;



        text-align: center;



        text-shadow: 1px 1px 0 #222222;



        width: 100%;



        z-index: 20;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .prompt-bar {



        /* MQ: Widescreen */



        min-width: 960px;



    }



}



@media screen and (min-device-width: 320px) {



    .prompt-bar a {



        color: #FFF;



        text-decoration: underline;



    }



    .prompt-bar a:hover {



        text-decoration: none;



    }



    .prompt-bar p {



        margin: 0 7px;



    }







    .prompt-wrapper {



        max-width: 960px;



        margin: 7px auto 0 auto;



        min-height: 43px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .prompt-actions {



        /* MQ: Widescreen */



        float: right;



    }



}



@media screen and (min-device-width: 320px) {



    .prompt-actions a {



        border-bottom: 1px solid #535458;



    }



    .prompt-actions a:hover {



        border-bottom: 1px solid #d9dadb;



        text-decoration: none;



    }



    .prompt-actions a:focus {



        text-decoration: none;



    }



    .prompt-actions button {



        background: transparent;



        border: 1px solid #38393D;



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        -webkit-box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;



        -moz-box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;



        box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;



        color: #dadadb;



        padding: 7px 12px;



        margin-left: 20px;



        text-shadow: 1px 1px 0 #222222;



    }



    .prompt-actions button:hover {



        border: 1px solid #28292b;



        color: #FFF;



    }



    .prompt-actions button:active {



        border: 1px solid #28292b;



        color: #FFF;



        -webkit-box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;



        -moz-box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;



        box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;



    }







    #redirect-prompt {



        display: none;



        min-height: 50px;



        padding: 0;



    }



    .js #redirect-prompt {



        display: block;



        margin-top: -50px;



    }



    #redirect-prompt h1 {



        font-size: 24px;



        font-size: 2.4rem;



        margin: 30px 0 0 0;



    }



    #redirect-prompt p {



        font-size: 16px;



        font-size: 1.6rem;



        margin-top: 10px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #redirect-prompt p {



        /* MQ: Widescreen */



        float: left;



        line-height: 1;



    }



}



@media screen and (min-device-width: 320px) {



    #redirect-prompt .more-info-text {



        margin: 0 auto;



        max-width: 960px;



        padding: 0 15px;



        overflow: hidden;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #redirect-prompt .more-info-text {



        /* MQ: Widescreen */



        padding: 0;



        text-align: left;



    }



}



@media screen and (min-device-width: 320px) {



    #redirect-prompt .more-info-text p {



        font-size: 14px;



        font-size: 1.4rem;



        line-height: 1.6;



    }



    #redirect-prompt .more-info-text a {



        font-size: 14px;



        font-size: 1.4rem;



        font-weight: normal;



    }



    #redirect-prompt .more-info-text .external:after {



        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpi/P///xkGKGBkZDQB0chiMI4dFMOAHUgcLIeiGk0TVgVIJoJNQlGAJokiCLcbXY4JzfpD6O5hwWIKCgAIMABuazu420UFvAAAAABJRU5ErkJggg==") no-repeat 0 0;



        text-shadow: 1px 1px 0 #222222;



    }







    .more-info-wrapper {



        -webkit-box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);



        -moz-box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);



        box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);



        background: #3d3e43 url(../images/bg-mobile-menu.png) 0 0 repeat;



        display: none;



        padding: 0 0 30px 0;



    }







    #jsnotice p {



        overflow: hidden;



        white-space: nowrap;



    }



    #jsnotice p span {



        display: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #jsnotice p span {



        /* MQ: Tablet */



        display: inline;



    }



}







@media screen and (min-device-width: 320px) {



    #chrome-prompt {



        display: none;



    }







    #chrome-prompt span {



        background: url(../images/remove_icons.png) no-repeat 0 0;



        cursor: pointer;



        display: block;



        height: 14px;



        position: absolute;



        top: 8px;



        right: 8px;



        text-indent: -10000px;



        width: 14px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Search



    ------------------------------------------------------------------------------*/



    .search-submit {



        background-repeat: no-repeat;



        color: transparent;



        direction: ltr;



        display: block;



        overflow: hidden;



        text-align: left;



        text-indent: -9999em;



        text-transform: capitalize;



    }







    .big-search {



        position: relative;



    }



    .big-search input {



        vertical-align: bottom;



    }



    .big-search .search-field {



        /* extra div needed because IE doesn't support padding-right on input fields therefore text would overlap the "new search" link */



        background-color: #FFF;



        border: 1px solid #bcbcbc;



        border-radius: 2px;



        -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);



        -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);



        box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);



        height: 36px;



        width: 100%;



        -webkit-box-sizing: border-box;



        -moz-box-sizing: border-box;



        box-sizing: border-box;



        padding-right: 52px;



        position: relative;



    }



    .lt-ie8 .big-search .search-field {



        width: auto;



        height: 35px;



    }



    .big-search.contains-new-search-link .search-field {



        padding-right: 107px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .big-search.contains-new-search-link .search-field {



        /* MQ: Widescreen */



        padding-right: 157px;



    }



}



@media screen and (min-device-width: 320px) {



    .big-search.has-focus .search-field {



        /* this selector needed for :focus styles, class applied with JS */



        border-color: #3A2C12;



        -webkit-box-shadow: 0 0 3px #3A2C12;



        -moz-box-shadow: 0 0 3px #3A2C12;



        box-shadow: 0 0 3px #3A2C12;



        outline: none;



    }



    .big-search .text {



        background-color: transparent;



        border: 0;



        border-radius: 2px;



        font-size: 16px;



        font-size: 1.6rem;



        font-weight: 200;



        height: 34px;



        letter-spacing: 0.02em;



        padding: 5px 0 2px 9px;



        width: 100%;



        -webkit-box-sizing: border-box;



        -moz-box-sizing: border-box;



        box-sizing: border-box;



        -webkit-box-shadow: none;



        -moz-box-shadow: none;



        box-shadow: none;



    }



    .big-search .text:focus {



        -webkit-box-shadow: none;



        -moz-box-shadow: none;



        box-shadow: none;



        border: 0;



        outline: none;



    }



    .big-search .search-submit {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4791px no-repeat;



        background-color: #3A2C12;



        border: 1px solid #3A2C12;



        border-radius: 2px;



        color: #FFF;



        font-size: 16px;



        font-size: 1.6rem;



        height: 36px;



        padding: 0;



        position: absolute;



        right: 0;



        top: 0;



        z-index: 5;



        width: 52px;



    }



    .big-search .search-submit:hover, .big-search .search-submit:focus {



        border-color: #02548a;



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4719px no-repeat;



    }



    .big-search .search-submit:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4683px no-repeat;



        border-color: #02548a;



    }



    .lt-ie8 .big-search .search-submit {



        top: 1px;



    }



    .big-search .search-submit.loading, .big-search .search-submit.loading:hover, .big-search .search-submit.loading:focus {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4755px no-repeat;



    }



    .big-search #global-search-new {



        color: #bcbcbc;



        font-size: 11px;



        font-size: 1.1rem;



        height: 27px;



        line-height: 2.5;



        position: absolute;



        right: 60px;



        top: 6px;



        z-index: 5;



        overflow: hidden;



        text-decoration: none;



        width: 40px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .big-search #global-search-new {



        /* MQ: Widescreen */



        width: auto;



    }



}



@media screen and (min-device-width: 320px) {



    .big-search #global-search-new:hover, .big-search #global-search-new:focus {



        color: #666666;



    }



    .big-search #global-search-new:before {



        background: url(../images/remove_icons.png) no-repeat 0 -100px;



        content: '';



        display: inline-block;



        height: 14px;



        margin: 0 6px 0 16px;



        vertical-align: text-bottom;



        width: 14px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .big-search #global-search-new:before {



        /* MQ: Widescreen */



        margin-left: 11px;



    }



}



@media screen and (min-device-width: 320px) {



    .big-search #global-search-new:hover:before, .big-search #global-search-new:focus:before, .big-search #global-search-new:active:before {



        background-position: 0 0;



    }



    .big-search #global-search-new:after {



        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQImWPYs2fPfwY4AAAnqAM0Zy8pUwAAAABJRU5ErkJggg==") repeat-y 0 0;



        content: '';



        display: block;



        height: 27px;



        position: absolute;



        left: 0;



        top: 0;



        width: 1px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Section links and other actions



  ------------------------------------------------------------------------------*/



    .section-links,



    .other-actions {



        margin-top: 30px;



    }



    .lt-ie8 .section-links, .lt-ie8



    .other-actions {



        clear: both;



    }







    .other-actions {



        display: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .other-actions {



        /* MQ: Tablet */



        display: block;



    }



}







@media screen and (min-device-width: 320px) {



    .section-links h2,



    .other-actions h2,



    .book-metrics h2 {



        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        border-bottom: 1px solid #D7D6D6;



        padding: 0 4px 7px 0;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 16px;



        font-size: 1.6rem;



        margin-bottom: 10px;



    }







    .section-links ol,



    .other-actions ul {



        margin-right: 30px;



    }







    .section-links li a,



    .other-actions li a {



        background: url(/spcom/sites/sgw/images/action_arrow_right.png) no-repeat 0 9px;



        display: block;



        line-height: 1.2;



        padding: 4px 5px 4px 14px;



    }



    .section-links li a.external:after,



    .other-actions li a.external:after {



        margin-top: 4px;



        position: absolute;



    }







    /* no access */



    .no-access .section-links ol {



        list-style-type: disc;



        padding-left: 1.5em;



    }







    .no-access .section-links li {



        padding: 4px 0;



        line-height: 1.2;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Social links



  ------------------------------------------------------------------------------*/



    .no-js .share {



        display: none;



    }







    .share {



        margin-bottom: 14px;



    }







    .share a {



        display: inline-block;



        height: 24px;



        margin: 0 7px 0 0;



        outline: none;



        text-indent: -100000px;



        width: 24px;



    }



    .lt-ie8 .share a {



        display: block;



        float: left;



    }



    .share a:hover:after {



        background: #000;



        border-radius: 3px;



        content: '';



        height: 24px;



        opacity: 0.2;



        position: absolute;



        left: 0;



        top: 0;



        width: 24px;



    }







    #twitter {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -5304px no-repeat;



    }







    #facebook {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2133px no-repeat;



    }







    #linkedin {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2455px no-repeat;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Default tables



  ------------------------------------------------------------------------------*/



    .default-table {



        margin: 34px 0 22px 0;



        position: relative;



        overflow-x: auto;



        width: 100%;



    }



    .default-table table {



        width: 100%;



        table-layout: fixed;



    }



    .default-table caption {



        border: 1px solid #DCDCDA;



        border-bottom: 1px solid #dcdcdc;



        -webkit-border-radius: 3px 3px 0 0;



        -moz-border-radius: 3px 3px 0 0;



        border-radius: 3px 3px 0 0;



        -webkit-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        color: #666666;



        font-size: 16px;



        font-size: 1.6rem;



        padding: 20px 2.71739130435%;



        text-align: left;



    }



    .default-table caption span {



        color: #999999;



        display: block;



        font-size: 13px;



        font-size: 1.3rem;



        margin: 7px 0 0 32px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .default-table caption span {



        /* MQ: Tablet */



        display: inline;



        margin: 0 0 0 12px;



    }



}



@media screen and (min-device-width: 320px) {



    .default-table td,



    .default-table th {



        border: 1px solid #DCDCDA;



        color: #666666;



        padding: 15px;



        text-align: left;



        vertical-align: middle;



    }



    .default-table th {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        -webkit-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        border-top: none;



        font-weight: bold;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .default-table .table-actions {



        /* MQ: Tablet */



        position: absolute;



        right: 12px;



        top: 22px;



    }



}



@media screen and (min-device-width: 320px) {



    .default-table td .action {



        margin-right: 0;



    }



    .default-table td a {



        font-size: 13px;



        font-size: 1.3rem;



    }



    .default-table tfoot td {



        font-size: 11px;



        font-size: 1.1rem;



        color: #999999;



        padding: 9px 15px;



        border: none;



    }



    .default-table .table-links a {



        margin: 0 12px 0 12px;



    }



    .default-table .table-links a:before {



        content: '\00BB\0020';



    }



    .default-table .table-actions-bottom {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        border: 1px solid #DADBDB;



        border-top: none;



        min-height: 15px;



        padding: 15px;



        position: relative;



    }



    .default-table .table-actions-bottom .table-actions {



        position: absolute;



        right: 12px;



        top: 12px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Sortable-table



  ------------------------------------------------------------------------------*/



    .sortable-table th {



        cursor: pointer;



        padding: 0;



    }



    .sortable-table th a {



        color: #666666;



        display: block;



        margin: 0 15px 0 0;



        outline: none;



        padding: 15px 0 15px 15px;



        text-decoration: none;



    }



    .sortable-table th.sorted-ascending, .sortable-table th.sorted-descending {



        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);



        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);



        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);



    }



    .sortable-table th:hover {



        background: #EDEDED url(../images/grdnt_grey_fafafa_ededed.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));



        background-image: -webkit-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: -moz-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: -ms-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: -o-linear-gradient(top, #FAFAFA, #EDEDED);



        background-image: linear-gradient(top, #FAFAFA, #EDEDED);



    }



    .sortable-table th:hover a,



    .sortable-table th a:focus {



        background: url(../images/expander_arrows.png) no-repeat right -253px;



    }



    .sortable-table th.sorted-ascending a {



        background: url(../images/expander_arrows.png) no-repeat right -253px;



    }



    .sortable-table th.sorted-descending a {



        background: url(../images/expander_arrows.png) no-repeat right -142px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Deposit Contracts



  ------------------------------------------------------------------------------*/



    .deposit-contracts caption {



        padding-right: 15px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .deposit-contracts caption span {



        /* MQ: Tablet */



        float: right;



    }



}







@media screen and (min-device-width: 320px) {



    .deposit-contracts th:first-child {



        width: 224px;



    }







    .deposit-contracts th span:first-child {



        float: left;



        width: 50px;



    }







    .deposit-contracts th span.last,



    .deposit-contracts td span.last {



        float: right;



        margin: 0 25px 0 0;



        text-align: right;



        width: 50px;



    }







    .deposit-contracts .progress-bar {



        margin: 3px 0 0 0;



        position: relative;



        width: 200px;



    }







    .deposit-contracts td a {



        display: inline-block;



        font-size: 11px;



        font-size: 1.1rem;



        margin: 4px 0 0 14px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Member-list



  ------------------------------------------------------------------------------*/



    .member-list caption {



        padding-right: 45.2898550725%;



        /* Math: 250 / 552 */



    }







    .member-list th:last-child,



    .member-list th:nth-child(5) {



        width: 80px;



    }







    .member-list th:last-child a,



    .member-list th:nth-child(5) a {



        width: 80px;



    }







    .sortable-table th.remove-member {



        color: #666666;



        cursor: default;



    }







    td.remove-member a {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;



        cursor: pointer;



        display: inline-block;



        height: 24px;



        outline: none;



        margin: 0;



        text-indent: -99999px;



        width: 24px;



    }







    td.remove-member a:hover,



    td.remove-member a:focus {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;



    }







    td.remove-member a:active {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;



    }







    .lt-ie8 td.remove-member a {



        display: block;



    }







    .default-table .remove-member,



    .member-list th:nth-child(5),



    .member-list td:nth-child(5) {



        text-align: center;



    }







    .new-user-link {



        text-align: right;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .topical-collection {



        margin: 7px 0 0 0;



    }



    .topical-collection a {



        display: block;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Toolbar



  ------------------------------------------------------------------------------*/



    #toolbar {



        margin-bottom: 14px;



    }



    #toolbar:before, #toolbar:after {



        content: " ";



        display: table;



    }



    #toolbar:after {



        clear: both;



    }







    /* tools */



    #tools {



        /* tools group */



        /* links */



        /* Journal Page */



    }



    #tools div {



        float: left;



        height: 24px;



        padding-left: 4px;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #tools div {



        /* MQ: Tablet */



        margin-left: 10px;



    }



}



@media screen and (min-device-width: 320px) {



    #tools a {



        float: left;



        text-decoration: none;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #tools a {



        /* MQ: Tablet */



        margin: 0 0 0 7px;



    }



}



@media screen and (min-device-width: 320px) {



    #tools a .icon {



        background-repeat: no-repeat;



        color: transparent;



        direction: ltr;



        display: block;



        overflow: hidden;



        text-align: left;



        text-indent: -9999em;



        text-transform: capitalize;



        float: left;



        height: 24px;



        width: 24px;



    }



    #tools a .tooltip {



        margin-left: -102px;



        /* half the outer width => for centering */



        top: 36px;



        width: 178px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #tools a:hover .tooltip {



        /* MQ: Widescreen */



        display: block;



    }



}



@media screen and (min-device-width: 320px) {



    #journal #tools {



        -webkit-transition: all 0.25s ease-in-out;



        -moz-transition: all 0.25s ease-in-out;



        -o-transition: all 0.25s ease-in-out;



        transition: all 0.25s ease-in-out;



        margin: -16px 0 0 0;



        /* #JC251012 Position of feed icon on tablet overlays the cover image... */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #journal #tools {



        /* MQ: Tablet */



        float: right;



        margin: 0 0 -24px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #journal #tools {



        /* MQ: Widescreen */



        margin: 18px 0 0 0;



    }



}







@media screen and (min-device-width: 320px) {



    /* icons for page tools */



    #tool-email .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2877px no-repeat;



    }







    #tool-email:hover .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2851px no-repeat;



    }







    #tool-email:active .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2825px no-repeat;



    }







    #tool-print .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4235px no-repeat;



    }







    #tool-print:hover .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4209px no-repeat;



    }







    #tool-print:active .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4183px no-repeat;



    }







    #tool-rss .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4434px no-repeat;



    }







    #tool-rss:hover .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4408px no-repeat;



    }







    #tool-rss:active .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -4382px no-repeat;



    }







    #tool-download {



        display: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #tool-download {



        /* MQ: Tablet */



        display: block;



    }



}







@media screen and (min-device-width: 320px) {



    #tool-download .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1880px no-repeat;



    }







    #tool-download:hover .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1832px no-repeat;



    }







    #tool-download:active .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -1704px no-repeat;



    }







    /* icons for social tools */



    #tool-twitter .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -5304px no-repeat;



    }







    #tool-facebook .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2133px no-repeat;



    }







    #tool-linkedin .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2455px no-repeat;



    }







    #tool-gplus .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2408px no-repeat;



    }







    #tool-mendeley .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -2903px no-repeat;



    }







    #tool-weibo .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -5468px no-repeat;



    }







    #tool-shares .icon {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -5113px no-repeat;



    }







    /* social tools smaller */



    #tools-social a {



        margin-top: 4px;



    }







    #tools-social a .icon {



        height: 16px;



        width: 16px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Tooltip & Help



  ------------------------------------------------------------------------------*/



    .tooltip {



        background-color: #FFF;



        border: 1px solid #dcdcdc;



        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);



        color: #666666;



        display: none;



        font-size: 12px;



        font-size: 1.2rem;



        font-weight: normal;



        line-height: 1.3;



        margin-left: -60px;



        /* half the outer width - 2.5px => for centering */



        margin-top: -12px;



        padding: 13px;



        position: absolute;



        left: 50%;



        top: 8px;



        z-index: 15;



        /* left 50% is for centering */



        width: 100px;



        word-wrap: break-word;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .tooltip {



        /* MQ: Widescreen */



        margin-left: -127px;



        /* half the outer width - 2.5px => for centering */



        margin-top: 0;



        width: 230px;



    }



}







@media screen and (min-device-width: 320px) {



    .tooltip:before {



        background: url(../images/tooltip_arrow_up.png) no-repeat center top;



        content: '';



        display: block;



        height: 12px;



        position: absolute;



        left: 0;



        top: -12px;



        width: 100%;



    }







    /* help */



    .help {



        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAD0lEQVQImWNgYGD4zwAFAAkEAQAd1+6MAAAAAElFTkSuQmCC") repeat-x left bottom;



        cursor: help;



        position: relative;



    }







    .help:hover .tooltip {



        display: block;



    }







    .js .help:hover .tooltip {



        display: none;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Traffic lights */



    .green-light,



    .amber-light,



    .red-light {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -444px no-repeat;



        display: block;



        height: 10px;



        width: 15px;



    }







    .amber-light {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -468px no-repeat;



    }







    .red-light {



        background: url('springer-sprite-s5b407fa7c7.png') 0 -456px no-repeat;



    }







    /* Deposit Contracts



  ------------------------------------------------------------------------------*/



    .traffic-light {



        margin: 0 0 25px 0;



    }







    .traffic-light li {



        color: #666666;



        margin: 7px 0;



    }







    .traffic-light li > span {



        float: left;



        margin: 3px 7px 0 0;



    }







    .traffic-light strong span {



        font-weight: normal;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .cms-image-only-teaser img {



        width: 100%;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* TEASER (general)



  --------------------------------------------------*/



    p.link-text {



        text-align: right;



        margin-top: 0;



    }



    p.link-text a:before {



        content: '\00BB\0020';



    }







    /* SIDEBAR TEASER



  -----------------------------------------------*/



    .cms-teaser-sidebar h3 {



        margin: 0.5em 0;



        font-size: 20px;



        font-size: 2rem;



    }



    .cms-teaser-sidebar .link-image {



        position: relative;



    }



    .cms-teaser-sidebar img {



        width: 100%;



    }



    .cms-teaser-sidebar p {



        font-size: 12px;



        font-size: 1.2rem;



        line-height: 1.5em;



    }



    .cms-teaser-sidebar .look-inside-badge {



        bottom: 20px;



        right: -15px;



        padding-right: 15px;



        max-width: 60%;



        display: block;



        -webkit-border-radius: 0 0 0 10px;



        -moz-border-radius: 0 0 0 10px;



        border-radius: 0 0 0 10px;



    }



    .cms-teaser-sidebar .look-inside-badge:after {



        content: "";



        background: none;



    }



    .cms-teaser-sidebar .look-inside-badge p {



        font-size: inherit;



        line-height: 1.2em;



        margin: 0;



    }







    /* TRIPLE TEASERS



  -----------------------------------------------*/



    .cms-teaser-triple h3 {



        font-size: 14px;



        font-size: 1.4rem;



        line-height: 20px;



        line-height: 2rem;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-weight: bold;



        margin: 0 0 10px;



    }



    .cms-lang-jp .cms-teaser-triple h3 {



        font-family: "MS PGothic", sans-serif;



    }



    .cms-teaser-triple .cms-col:last-child {



        display: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-teaser-triple .cms-col:last-child {



        /* MQ: Tablet */



        display: block;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-teaser-triple img {



        width: 100%;



        margin: 0 0 15px;



    }



    .cms-teaser-triple p {



        font-size: 12px;



        font-size: 1.2rem;



        line-height: 18px;



        line-height: 1.8rem;



    }







    /* PRODUCT TEASER



  --------------------------------------------------------*/



    h1 + .cms-teaser-products {



        margin-top: -1em;



    }







    .cms_link_target_in_english:after {



        content: "in English";



        color: #808080;



        font-size: 12px;



        font-style: italic;



        font-weight: normal;



        padding: 0;



        margin: 0 0 0 0.8em;



        display: inline-block;



        text-decoration: none;



    }



    .channel-title .cms_link_target_in_english:after {



        content: "";



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* CAREER



  ------------------------------------------------------------------------------*/



    .cms-career .cms-career-content {



        display: none;



    }



    .cms-career .cms-career-nojobs {



        display: none;



    }



    .cms-career .cms-career-filter {



        margin: 1.5em 0 -1.4em;



    }



    .cms-career .cms-career-filter select {



        font-size: 16px;



        font-size: 1.6rem;



        padding: 3px;



        max-width: 40%;



        margin: 0 .5em 1em 0;



    }



    .cms-career .cms-career-filter a {



        font-size: 16px;



        font-size: 1.6rem;



        color: #666666;



        white-space: nowrap;



        display: none;



    }



    .cms-career .cms-career-filter.filtered a {



        display: inline-block;



    }



    .cms-career .cms-career-jobs {



        padding: 0;



        margin-top: .9em;



    }



    .cms-career .cms-career-job {



        border-top: 1px solid #dcdcdc;



        border-bottom: 1px solid #dcdcdc;



        cursor: pointer;



        padding: 9px 0;



        margin: 0;



    }



    .cms-career .cms-career-job p.date {



        font-size: 11px;



        font-size: 1.1rem;



        color: #666666;



    }



    .cms-career .cms-career-job h3 {



        margin: .1em 0 .25em;



    }



    .cms-career .cms-career-job p.location {



        color: #666666;



    }



    .cms-career .cms-career-job + .cms-career-job {



        border-top: none;



    }



    .cms-career .cms-career-more {



        display: none;



        text-align: right;



        padding: 1em 0;



        background-color: #f4f4f4;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));



        background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);



        background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);



        background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);



        background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);



        background-image: linear-gradient(top, #ffffff, #f4f4f4);



        margin-bottom: .3em;



        border-bottom: 1px solid #dcdcdc;



    }



    .cms-career .cms-career-more a {



        padding-right: 20px;



    }



    .cms-career .cms-career-more a:before {



        content: '\00BB\0020';



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .col-aside,



    .col-main {



        min-height: 1px;



    }



}



#print-header {



    display: none;



}



#print-header img {



    position: absolute;



    left: 0;



}







.showOnPrint, .showOnlyOnPrint {



    display: block;



}







.showOnPrintInline, .showOnlyOnPrintInline {



    display: inline;



}







.removeOnPrint {



    display: none;



}







/*



This CSS resource incorporates links to font software which is the valuable copyrighted



property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,



redistribute, convert, modify or reverse engineer this font software. Please contact Monotype



Imaging with any questions regarding Web Fonts:  http://www.fonts.com



*/







/* Foundation Base */



html {



    box-sizing: border-box;



}







*,



*:before,



*:after {



    -webkit-box-sizing: inherit;



    -moz-box-sizing: inherit;



    box-sizing: inherit;



}







@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Springer Nature Basics and resets



  --------------------------------------------------*/



    body {



        background-color: #efefef;



        font-size: 14px;



        font-size: 1.4rem;



        color: #444;



        line-height: 1.55;



    }







    .cms-client-springernature p {



        margin-bottom: .66em;



    }



    .cms-client-springernature h1, .cms-client-springernature h2 {



        color: #262262;



        font-size: 36px;



        font-size: 3.6rem;



        line-height: 1.17;



        margin-top: 0;



        margin-bottom: .8em;



        padding-bottom: .25em;



        border-bottom: 1px solid #deecff !important;



    }



    .cms-client-springernature h3 {



        color: #333;



        font-size: 24px;



        font-size: 2.4rem;



        line-height: 1.333;



    }



    .cms-client-springernature h4 {



        color: #444;



        font-size: 20px;



        font-size: 2rem;



        line-height: 1.3;



    }



    .cms-client-springernature h1,



    .cms-client-springernature h2,



    .cms-client-springernature h3,



    .cms-client-springernature h4,



    .cms-client-springernature p {



        -webkit-font-smoothing: antialiased;



        word-spacing: -.05em;



        letter-spacing: .01em;



    }



    .cms-client-springernature p {



        font-size: 16px;



        font-size: 1.6rem;



    }



    .cms-client-springernature .cms-common {



        font-size: 16px;



        font-size: 1.6rem;



        line-height: 1.5;



    }



    .cms-client-springernature .cms-common p {



        margin: .75em 0;



    }



    .cms-client-springernature .section-header {



        border-bottom: none;



        box-shadow: none;



        margin-bottom: 0;



        margin-top: 0;



        padding: 0;



        position: static;



    }



    .cms-client-springernature .section-header h2 {



        margin-right: inherit;



        margin-top: inherit;



    }



    .cms-client-springernature .default-table {



        overflow-x: visible;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* Corporate Homepage



  --------------------------------------------------*/



    #header {



        background: #ffffff;



    }



    #header #headerlogo {



        display: inline-block;



        background: url("ccs-ksu.svg");



        background-repeat: no-repeat;



        background-position: 2px 0;



        background-size: contain;



        width: 490px;



        height: 75px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #header #headerlogo {



        /* MQ: Tablet */



        display: inline-block;



        background: url("ccs-ksu.svg");



        background-repeat: no-repeat;



        background-position: 2px 0;



        background-size: contain;



        width: 400px;



        height: 70px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header #headerlogo {



        /* MQ: Widescreen */



        display: inline-block;



        background: url("ccs-ksu.svg?v=2");



        background-repeat: no-repeat;



        background-position: 2px 0;



        background-size: contain;



        width: 470px;



        height: 100px;



    }



}



@media screen and (min-device-width: 320px) {



    #header .header-logo {



        padding-top: 16px;



        height: 100px;



    }



}



@media screen and (max-width: 600px) and (min-device-width: 320px) {



    #header .btn-raccourci{







    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header .header-logo {



        /* MQ: Widescreen */



        padding-top: 32px;



        height: auto;



    }











    #header .btn-raccourci{

        padding-top: 32px;

        text-align: right;



    }







}



@media screen and (min-device-width: 320px) {



    #header .navigation-toggle {



        display: block;



        float: right;



        padding: 18px 13px;



        height: 50px;



        width: 50px;



        outline: 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header .navigation-toggle {



        /* MQ: Widescreen */



        display: none;



    }



}



@media screen and (min-device-width: 320px) {



    #header .navigation-toggle .icon-bar {



        display: block;



        height: 2px;



        width: 24px;



        background-color: #333;



    }



    #header .navigation-toggle .icon-bar + .icon-bar {



        margin-top: 4px;



    }



    #header .navigation-toggled {



        background-color: #cedbe0;



    }



    #header .navigation-toggle + nav {



        display: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header .navigation-toggle + nav {



        /* MQ: Widescreen */



        display: block;



    }



}



@media screen and (min-device-width: 320px) {



    #header .navigation-toggle.navigation-toggled + nav {



        display: block;



    }



    #header nav {



        background-color: #ecfbff;



        padding-top: 0;



        padding-bottom: 7.1em;



        /*             margin-top: 1em; bg menu mobile*/



        /*             @include respond-to (tablet) { */



        /*                 margin-top: 0; */



        /*             } */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header nav {



        /* MQ: Widescreen */



        background-color: transparent;



        padding-top: 20px;



        padding-bottom: 10px;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header nav ul {



        /* MQ: Widescreen */







    }







    #global-nav{



        display:flex;



        justify-content:space-between



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header nav ul li {



        /* MQ: Widescreen */



        float: left;



        /*margin-left: 1.9em;*/



        margin-right: 0;



    }







    #header nav ul li:first-child {



        margin-left: 0em;



    }











}



@media screen and (min-device-width: 320px) {



    #header nav ul li a {



        text-decoration: none;



        display: block;



        font-size: 18px;



        font-size: 1.8rem;



        padding: 0.66em 0 .55em;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header nav ul li a {



        /* MQ: Widescreen */



        display: inline;



        font-size: 16px;



        font-size: 1.7rem;



        color: #262262;



        padding: 0;



    }



}



@media screen and (min-device-width: 320px) {



    #header nav ul li a.active {



        font-weight: bold;



    }



    #header nav ul li a:hover {



        color: #262262;



    }



    #header nav ul li + li {



        border-top: 1px solid #f1f1f1;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    #header nav ul li + li {



        /* MQ: Widescreen */



        border-top: none;



        color: antiquewhite;



    }



}







@media screen and (min-device-width: 320px) {



    #footer {



        font-size: 14px;



        font-size: 1.4rem;



        background-color: #262262;



        color: #fff;



        padding: 2.5em 0;



    }



    #footer a {



        color: #fff;



    }



    #footer ul:before, #footer ul:after {



        content: " ";



        display: table;



    }



    #footer ul:after {



        clear: both;



    }



    #footer ul li {



        float: left;



        margin-right: 2em;



    }



    #footer ul li:before, #footer ul li:after {



        content: " ";



        display: table;



    }



    #footer ul li:after {



        clear: both;



    }



    #footer .footer-right {



        text-align: right;



        margin-top: 1em;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    #footer .footer-right {



        /* MQ: Tablet */



        margin-top: 0;



    }



}







@media screen and (min-device-width: 320px) {



    .layout-nature-home .col-main {



        box-sizing: border-box;



        padding: 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .layout-nature-home .col-main {



        /* MQ: Tablet */



        /*             padding: 0 40px; */



    }



}







@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .layout-nature-home .cms-container {



        margin: 0;



        padding-top: 52px;



        padding-bottom: 40px;



    }



    .layout-nature-home .cms-container:last-child {



        padding-bottom: 80px;



    }



    .layout-nature-home .cms-container .cms-container:last-child {



        padding-bottom: 40px;



    }



    .layout-nature-home .cms-container-grid {



        padding-bottom: 0;



    }



    .layout-nature-home .cms-highlight-1 {



        background-color: #168AAD;



        color: #fff;



    }



    .layout-nature-home .cms-highlight-1 h1, .layout-nature-home .cms-highlight-1 h2 {



        border-bottom-color: #fff;



    }



    .layout-nature-home .cms-highlight-0 + .cms-highlight-0,



    .layout-nature-home .cms-highlight-1 + .cms-highlight-1 {



        padding-top: 0;



    }



    .layout-nature-home .cms-grid-collection,



    .layout-nature-home .cms-video,



    .layout-nature-home .cms-sn-brands {



        margin-bottom: 1.4em;



    }



    .layout-nature-home .cms-image-only-teaser {



        margin-top: 1.45em;



        margin-bottom: 1.9em;



    }



    .layout-nature-home .cms-person-side-image,



    .layout-nature-home .cms-article-side-image {



        /*             margin-top: -1.5em; */



    }



    .layout-nature-home .cms-collection-list > .cms-container {



        padding-top: 0;



    }



    .layout-nature-home .cms-grid-collection .cms-collection-list .cms-container {



        padding-top: 0;



        padding-bottom: 0;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* COMMON STYLES FOR COREMEDIA CONTENT: forked from .formatted



  ------------------------------------------------------------------------------*/



    .cms-richtext {



        -webkit-font-smoothing: antialiased;



        word-spacing: -.05em;



        letter-spacing: .01em;



        /* paragraphs */



        /* lists */



        /** Special paragraph styles */



        /* last divider needs to simulate */



        /** Image styles */



    }



    .cms-richtext h1 {



        margin-top: .9em;



        margin-bottom: .9em;



    }



    .cms-richtext h2 {



        margin: 1.3em 0 0 0;



        border: none;



    }



    .cms-richtext h3 {



        margin: 38px 0 0;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 20px;



        font-size: 2rem;



        margin-bottom: 0;



        line-height: 1.2;



    }



    .cms-lang-jp .cms-richtext h3 {



        font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



    }



    .cms-richtext h4 {



        font-size: 16px;



        font-size: 1.6rem;



        margin-top: 1.3em;



        font-weight: normal;



        margin-bottom: .66em;



        line-height: 1.2;



    }



    .cms-richtext h1:first-child {



        margin-top: .4em;



    }



    .cms-richtext p {



        line-height: 1.6;



        margin-top: .6em;



    }



    .cms-richtext li p {



        margin: 0;



    }



    .cms-richtext ol,



    .cms-richtext ul {



        padding-left: 1.6em;



    }



    .cms-richtext ol {



        list-style-type: decimal;



    }



    .cms-richtext ul {



        list-style-type: none;



        padding-left: 1em;



    }



    .cms-richtext li {



        line-height: 1.6;



        margin-top: .6em;



    }



    .cms-richtext p.intro--paragraph {



        font-size: 20px;



        font-size: 2rem;



        line-height: 1.4;



    }



    .cms-richtext p.intro--paragraph + * {



        margin-top: 2.5rem;



    }



    .cms-richtext p.intro--paragraph.twoColumnRight--paragraph + * {



        margin-top: .6em;



    }



    .cms-richtext p.twoColumnLeft--paragraph.intro--paragraph + .intro--paragraph {



        margin-top: .6em;



    }



    .cms-richtext p.divider--paragraph {



        border-top: 1px solid #dcdcda;



        border-bottom: 1px solid #dcdcda;



        padding: 0.5em 0;



        margin-top: 1.25em;



    }



    .cms-richtext p.divider--paragraph + p.divider--paragraph {



        border-top: none;



        margin: 0;



    }



    .cms-richtext p.divider--paragraph + p {



        margin-top: 1.1em;



    }



    .cms-richtext .divider--list p:first-child {



        border-top: 1px solid;



    }



    .cms-richtext img {



        max-width: 100%;



    }



    .cms-richtext p img {



        margin-top: .4em;



        margin-bottom: .5em;



    }



    .cms-richtext img.float--left {



        margin-right: 1.5em;



    }



    .cms-richtext img.float--right {



        margin-left: 1.5em;



    }







    /* SPACING of elements



  -------------------------------------------------------------------------------*/



    .cms-container {



        margin: 2.6em 0;



        overflow: hidden;



    }



    .cms-container:first-child {



        margin-top: 0;



    }







    .cms-container-overflow {



        overflow: visible;



    }







    .box .cms-container {



        margin: 0;



    }







    /* ARTICLE



  ------------------------------------------------------------------------------*/



    .cms-article {



        /* table */



    }



    .cms-article .taxonomy {



        font-size: 11px;



        font-size: 1.1rem;



        color: #777777;



    }



    .cms-article .taxonomy a {



        color: inherit;



    }



    .cms-article .taxonomy .publication-date + .subjects::before {



        content: "|";



        margin: 0 8px;



    }



    .cms-article .imgAvatar {



        max-width: 140px;



    }



    .cms-article .imgSmall {



        max-width: 261px;



    }



    .cms-article .imgMedium {



        max-width: 576px;



    }



    .cms-article .imgLarge {



        max-width: 776px;



    }



    .cms-article table {



        margin: 1.1em 0;



    }



    .cms-article table p {



        margin: 0;



    }



    .cms-article table tr:first-child {



        font-weight: bold;



        /* copy from "default-table th" as CM does not provide th; with top border as there is no caption in CM yet */



    }



    .cms-article table tr:first-child td {



        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));



        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);



        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);



        -webkit-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        font-weight: bold;



    }



    .cms-article ol, .cms-article ul {



        margin-top: .6em;



    }



    .cms-article ul li:before {



        /* background: url(list-bullet-small.png) no-repeat 0px 0px; */



        width: 3px;



        height: 3px;



        display: inline-block;



        content: " ";



        position: absolute;



        left: -12px;



        top: 9px;



    }



    .cms-article .cms-link-list li {



        background: none !important;



    }



    .cms-article .cms-link-list li:before {



        background: none !important;



    }



    .cms-article .twoColumnLeft--paragraph {



        float: left;



        clear: left;



        width: 80px;



    }



    .cms-article .twoColumnRight--paragraph {



        margin-left: 100px;



    }



    .cms-article .twoColumnSeparatorLeft--paragraph,



    .cms-article .twoColumnSeparatorLeft--paragraph--noborder {



        clear: both;



        height: 0;



        margin: .1em 0;



        overflow: hidden;



    }



    .cms-article .twoColumnSeparatorLeft--paragraph {



        border-top: 1px solid #dcdcdc;



        margin: 1.1em 0;



    }



    .cms-article .twoColumnSeparatorLeft--paragraph + .twoColumnLeft--paragraph {



        margin-top: 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .cms-article {



        /* MQ: Widescreen */



    }



    .cms-article .twoColumnLeft--paragraph {



        width: 160px;



    }



    .cms-article .twoColumnRight--paragraph {



        margin-left: 180px;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-article p.intro--paragraph.twoColumnRight--paragraph + * {



        margin-top: .6em;



    }



    .cms-article h3 {



        clear: both;



    }







    .cms-article:hover .taxonomy a {



        color: #3A2C12;



    }







    .cms-categorized-list .taxonomy {



        margin: 1.5em 0 -2.7em;



    }



    .cms-categorized-list h3 {



        line-height: 1.3;



    }



    .cms-categorized-list > ul > li {



        border-bottom: 1px solid #dcdcdc;



        padding-bottom: 1em;



    }



    .cms-categorized-list > ul > li p {



        margin-top: .6em;



    }



    .cms-categorized-list .abstract {



        margin: .7em 0;



        color: #777777;



    }



    .cms-categorized-list .action {



        font-size: 13px;



        font-size: 1.3rem;



    }







    /* RELATED LINK ("see all")



  ------------------------------------------------------------------------------*/



    h1 + .related, h2 + .related, h3 + .related, .section-header + .related {



        float: right;



        display: block;



        position: relative;



        height: 0;



        padding: 0;



        margin: 0;



        overflow: visible;



    }



    h1 + .related a:before, h2 + .related a:before, h3 + .related a:before, .section-header + .related a:before {



        content: '\00BB\0020';



    }



    h1 + .related {



        top: -4.5em;



    }



    h2 + .related, .section-header + .related {



        top: -4.5em;



    }



    h3 + .related {



        top: -2em;



    }







    /* PERSON-TYPE ARTICLE STYLES



  ------------------------------------------------------------------------------*/



    .cms-person .person-type {



        margin-top: 1.1em;



    }



    .cms-person .overview {



        margin-top: -.5em;



    }



    .cms-person .overview:before, .cms-person .overview:after {



        content: " ";



        display: table;



    }



    .cms-person .overview:after {



        clear: both;



    }



    .cms-person .avatar {



        margin-top: 1em;



        float: left;



        max-width: 25%;



        margin-right: 7%;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-person .avatar {



        /* MQ: Tablet */



        margin-right: 7%;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-person .description {



        float: left;



        width: 68%;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-person .description {



        /* MQ: Tablet */



        width: 68%;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-person .description p:first-of-type span:first-of-type {



        font-weight: bold;



    }



    .cms-person address {



        margin-top: .6em;



    }



    .cms-person address p {



        margin: 0;



    }



    .cms-person .person-detail {



        margin-top: 2.15em;



    }



    .cms-person ol, .cms-person ul {



        margin-top: .6em;



    }







    .cms-person-list h2 {



        padding-right: 0;



    }



    .cms-person-list ul {



        list-style-type: none;



        padding: 0;



    }



    .cms-person-list li:before, .cms-person-list li:after {



        content: " ";



        display: table;



    }



    .cms-person-list li:after {



        clear: both;



    }



    .cms-person-list li + li {



        margin-top: 1.3em;



    }



    .cms-person-list .cms-person h3 {



        margin-top: .1em;



    }



    .cms-person-list .cms-person .avatar {



        margin-top: .5em;



    }



    .cms-person-list .cms-person .description--paragraph {



        margin-top: .7em;



    }







    /* CMS FORM



  --------------------------------------------------*/



    .cms-form .form-section > h2 {



        margin-top: .55em;



    }



    .cms-form .form-row p {



        color: #666666;



    }







    /* CMS LINK LISTS (Quick Access)



  ----------------------------------------------------------*/



    .cms-linklists h3 {



        margin-top: -.1em;



        border-bottom: 1px solid #dcdcdc;



        padding-bottom: .65em;



    }



    .cms-linklists h4 {



        margin-top: 1em;



        margin-bottom: .5em;



        font-size: 14px;



        font-size: 1.4rem;



        font-weight: bold;



    }



    .cms-linklists ul {



        margin-top: .85em;



    }



    .cms-linklists .cms-col + .cms-col ul {



        margin-top: 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-linklists .cms-col + .cms-col ul {



        /* MQ: Tablet */



        margin-top: .85em;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-linklists h4 + ul {



        margin-top: .6em;



    }







    /* Counter



  -----------------------------------------*/



    .counter {



        color: #999999;



    }



    .counter:before {



        content: "(";



    }



    .counter:after {



        content: ")";



    }







    /* HEADERS



  -----------------------------------------*/



    .section-header {



        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;



        border-bottom: 1px solid #D7D6D6;



        padding: 0 4px 7px 0;



        padding-right: 0;



        position: relative;



    }



    .section-header:before, .section-header:after {



        content: " ";



        display: table;



    }



    .section-header:after {



        clear: both;



    }



    .section-header h2 {



        margin-top: 0;



        margin-right: 1.5em;



    }



    .section-header .counter {



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 16px;



        font-size: 1.6rem;



    }



    .cms-lang-jp .section-header .counter {



        font-family: "MS PGothic", sans-serif;



    }







    .section-header a.back-link {



        position: absolute;



        right: 0;



        bottom: 0;



        margin-bottom: 6px;



        background-position: 0 5px;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        padding: 3px 0 0 15px;



        font-size: 13px;



        font-size: 1.3rem;



    }



    .cms-lang-jp .section-header a.back-link {



        font-family: "MS PGothic", sans-serif;



    }







    .cms-container > h1,



    .cms-container > h2,



    .cms-container > h3,



    .cms-container > .section-header,



    .cms-container > .section-header h1,



    .cms-container > .section-header h2,



    .cms-container > .section-header h3,



    .cms-container > div > h1,



    .cms-container > div > h2,



    .cms-container > div > h3,



    .cms-container > div > .section-header,



    .cms-container > div > .section-header h1,



    .cms-container > div > .section-header h2,



    .cms-container > div > .section-header h3 {



        margin-top: 0;



    }







    /* LINK LIST (WITH RAQUO, PLAIN)



  -------------------------------------------*/



    .cms-link-list li {



        line-height: 1.3;



    }



    .cms-link-list a {



        padding-left: 1.1em;



        display: inline-block;



    }



    .cms-link-list a:before {



        content: "\bb  ";



        display: inline-block;



        margin-right: .5em;



        margin-left: -1.1em;



    }







    .shop-disciplines dl, .shop-disciplines ul.cms-link-list,



    .cms-toc dl,



    .cms-toc ul.cms-link-list,



    .cms-linklists dl,



    .cms-linklists ul.cms-link-list,



    .cms-article dl,



    .cms-article ul.cms-link-list,



    .cms-person dl,



    .cms-person ul.cms-link-list {



        padding-left: 0;



        list-style-type: none;



    }



    .shop-disciplines li,



    .cms-toc li,



    .cms-linklists li,



    .cms-article li,



    .cms-person li {



        margin-top: 0;



        margin-bottom: .45em;



        position: relative;



    }







    .cms-tab-content p.link-text {



        margin-bottom: 0;



    }







    ol.cms-link-list-transparent,



    ul.cms-link-list-transparent {



        padding: 0 !important;



        list-style-type: none !important;



    }



    ol.cms-link-list-transparent li,



    ul.cms-link-list-transparent li {



        margin-top: 0;



    }







    .cms-toc .abstract {



        margin-bottom: 2.2em;



    }



    .cms-toc ul {



        margin-bottom: 3.7em;



    }







    /*



  -------------------------------------------------------*/



    .cms-video-wrapper {



        margin-top: .6em;



    }







    /** General floats (coremedia uses double dashes!) */



    .float--left, .float-left {



        float: left;



    }







    .float--right, .float-right {



        float: right;



    }







    .float--none, .float-none {



        float: none;



    }







    .cms-image-responsive img {



        max-width: 100% !important;



    }







    /* OVERWRITES if part of cms



  ----------------------------------------------------------*/



    .cms #wrapper #content,



    .cms .page-wrapper #content {



        padding-bottom: 27px;



    }



    .cms .box {



        padding: 14px;



        overflow: hidden;



    }



    .cms .default-table {



        margin: 0;



        overflow-x: visible;



        /* needed for article flaps */



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms .default-table {



        /* MQ: Tablet */



        overflow-x: auto;



    }



}



@media screen and (min-device-width: 320px) {



    .cms a.external:after {



        margin: 0 5px;



    }



    .cms .form-submit-section {



        text-align: right;



    }



    .cms .form-submit-section .btn {



        margin: 0 0 0 12px;



    }



    .cms .cms-col > .btn, .cms .cms-col > a > .btn {



        /* two-column buttons need to be column-wide */



        display: block;



        text-align: center;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .cms-sn-banner {height: 416px;margin: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-sn-banner {



        /* MQ: Tablet */



        margin: 0 0 .5em;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-sn-banner .bookmark {



        box-sizing: border-box;



        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        font-size: 24px;



        font-size: 2.4rem;



        line-height: 1.3;



        -webkit-font-smoothing: antialiased;



        word-spacing: -.05em;



        letter-spacing: .01em;



        position: absolute;



        left: 10%;



        right: 10%;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 400px) {



    .cms-sn-banner .bookmark {



        /* MQ: Smartphone Large */



        width: 281px;



        left: auto;



        right: .85em;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-sn-banner .bookmark .bookmark-text {



        background: url(springernature-bookmark.png) transparent center bottom no-repeat;



        background-size: 100% auto;



        color: #cedbe0;



        padding: 25px 25px 98px;



        min-height: 253px;



    }



    .cms-sn-banner .bookmark .bookmark-text p {



        font-size: 20px;



        font-size: 2rem;



        margin: 0;



    }







    .cms-sn-banner.cms-sn-banner-2 .bookmark {



        font-family: "Daytona W01 Regular", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;



        letter-spacing: .05em;



    }



    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text {



        background: url(springernature-bookmark-2.png) transparent center bottom no-repeat;



        background-size: 100% auto;



        color: #cedbe0;



        padding: 25px 25px 69px;



        min-height: 146px;



    }



    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text p {



        text-transform: uppercase;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .cms-sn-brands .brand-logos-block a {



        display: block;



        line-height: 1;



        width: 100%;



        padding: 1.3em 0;



        border-bottom: 1px solid #ccc;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-sn-brands .brand-logos-block a {



        /* MQ: Tablet */



        display: block;



        margin: 2.9em 0 0 0;



        width: auto;



        padding: 0;



        border: none;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .cms-sn-brands .brand-logos-block a {



        /* MQ: Widescreen */



        text-align: center;



    }



}







@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .cms-article-side-image .columns h3:first-child,



    .cms-person-side-image .columns h3:first-child {



        margin-top: 0;



    }



    .cms-article-side-image .align-image-text img,



    .cms-person-side-image .align-image-text img {



        margin-top: 7px;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .cms-person-side-image .person-profile p:first-of-type span:first-of-type {



        font-weight: bold;



    }



    .cms-person-side-image .person-detail {



        margin-top: 0;



    }



    .cms-person-side-image .person-detail h2 {



        margin: 1.3em 0 0 0;



        border: none;



    }



    .cms-person-side-image .person-detail h3 {



        margin: 1.9em 0 0;



    }



    .cms-person-side-image .person-detail h4 {



        margin-top: 1.3em;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .cms-quote {



        position: relative;



        padding: 1.66em 0;



    }



    .small-12 .cms-quote {



        /*padding-left: 1.8em;*/



    }



    .cms-quote .cms-quote-icon {



        display: block;



        position: absolute;



        background: url('springer-sprite-s5b407fa7c7.png') 0 -5139px no-repeat;



        top: -52px;



        right: 0;



        width: 44px;



        height: 69px;



    }



    .cms-quote p {



        line-height: 1.333;



        color: #3A2C12;



        font-size: 24px;



        font-size: 2.4rem;



        position: relative;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-quote p {



        /* MQ: Tablet */



        font-size: 30px;



        font-size: 3rem;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-quote p:before {



        content: "e";



        font-family: "sn_pm_icons";



        text-transform: none;



        position: absolute;



        display: inline;



        font-size: 14px;



        font-size: 1.4rem;



        left: -1.5em;



        top: .1em;



        color: #183642;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-quote p:before {



        /* MQ: Tablet */



        font-size: 16px;



        font-size: 1.6rem;



        left: -1.5em;



        top: .2em;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-quote p:after {



        content: "d";



        font-family: "sn_pm_icons";



        text-transform: none;



        position: relative;



        display: inline;



        font-size: 14px;



        font-size: 1.4rem;



        right: -.1em;



        top: -.5em;



        color: #183642;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 600px) {



    .cms-quote p:after {



        /* MQ: Tablet */



        font-size: 16px;



        font-size: 1.6rem;



        right: -.1em;



        top: -.7em;



    }



}



@media screen and (min-device-width: 320px) {



    .cms-quote .cms-quote-name {



        font-size: 12px;



        font-size: 1.2rem;



        text-transform: uppercase;



        color: #557081;



    }







    .cms-highlight-1 + .cms-highlight-1 .cms-quote {



        padding-top: 0;



    }



    .cms-highlight-1 + .cms-highlight-1 .cms-quote .cms-quote-icon {



        display: none;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .cms-teaser-text:hover .cms-font-icon {



        color: #3A2C12;



    }



    .cms-teaser-text img {



        width: 100%;



    }



    .cms-teaser-text a {



        text-decoration: none;



    }



    .cms-teaser-text a h3 {



        color: inherit;



        font-size: 22px;



        font-size: 2.2rem;



        line-height: 1.3;



        margin-top: 0;



        margin-bottom: .66em;



    }



    .cms-teaser-text p {



        font-size: 15px;



        font-size: 1.5rem;



        line-height: 1.5;



    }



    .cms-teaser-text p.link-text {



        text-align: left;



        font-weight: bold;



        margin-bottom: 0;



    }



    .cms-teaser-text p.link-text a:before {



        content: "X ";



        font-family: sn_pm_icons;



        font-size: 2.4rem;



        font-weight: normal;



        position: relative;



        top: 5px;



        margin-right: -6px;



    }



    .cms-teaser-text > a {



        display: block;



        font-size: 0;



    }







    .cms-teaser-box {



        padding: 1em 0 2.7em;



        position: relative;



    }



    .cms-teaser-box p.link-text {



        position: absolute;



        bottom: .9em;



        display: block;



    }



    .cms-teaser-bg-primary .cms-teaser-box {



        background-color: #8faec1;



        color: #fff;



        padding: 1.1em 1.45em 3em;



        border-radius: 0 0 0 1em;



    }



    .cms-teaser-bg-primary .cms-teaser-box a {



        color: #fff;



    }



    .cms-teaser-bg-secondary .cms-teaser-box {



        background-color: #f1f1f1;



        color: #333;



        padding: 1.1em 1.45em 2.7em;



        border-radius: 0 0 0 1em;



    }



    .cms-teaser-bg-secondary .cms-teaser-box a {



        color: #3A2C12;



    }



    .cms-highlight-1 .cms-teaser-box {



        background-color: #fff;



        color: #333;



        padding: 1.1em 1.45em 2.7em;



        border-radius: 0 0 0 1em;



    }



    .cms-highlight-1 .cms-teaser-box a {



        color: #3A2C12;



    }







    .cms-teaser-box-with-icon {



        padding-left: 70px;



        position: relative;



    }



    .cms-teaser-box-with-icon .cms-font-icon {



        position: absolute;



        display: block;



        cursor: default;



        height: 60px;



        width: 60px;



        font-size: 30px;



        font-size: 3rem;



        padding-top: 7px;



        text-align: center;



        color: #fff;



        border: none;



        border-radius: 50%;



        top: 11px;



        background-color: #8faec1;



        left: 0;



    }



    .cms-teaser-box-with-icon h3 {



        color: #3A2C12;



        font-size: 18px;



        font-size: 1.8rem;



    }



    .cms-teaser-bg-primary .cms-teaser-box-with-icon {



        padding-left: 80px;



    }



    .cms-teaser-bg-primary .cms-teaser-box-with-icon .cms-font-icon {



        background-color: #fff;



        color: #3A2C12;



        left: 10px;



    }



    .cms-teaser-bg-secondary .cms-teaser-box-with-icon {



        padding-left: 80px;



    }



    .cms-teaser-bg-secondary .cms-teaser-box-with-icon .cms-font-icon {



        background-color: #fff;



        color: #3A2C12;



        left: 10px;



    }



    .cms-highlight-1 .cms-teaser-box-with-icon {



        padding-left: 80px;



    }



    .cms-highlight-1 .cms-teaser-box-with-icon .cms-font-icon {



        background-color: #f1f1f1;



        color: #3A2C12;



        left: 10px;



    }







    .cms-font-icon {



        font-family: sn_pm_icons;



    }







    .cms-bg-image-teaser {



        padding: 0;



        background-size: cover;



        background-position: center;



        background-color: #efefef;



    }



    .cms-highlight-1 .cms-bg-image-teaser, .cms-highlight-2 .cms-bg-image-teaser {



        background-color: #ffffff;



    }



    .cms-bg-image-teaser a {



        text-decoration: none;



        color: #333;



        display: block;



        padding: 20px;



        box-sizing: border-box;



    }



    .cms-bg-image-teaser h3 {



        font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;



        margin: 0 0 .6em;



        font-size: 20px;



        font-size: 2rem;



    }



    .cms-bg-image-teaser .button {



        margin-top: .6em;



        margin-bottom: 0;



    }



    .cms-bg-image-teaser.cms-bg-image-teaser-with-img h3, .cms-bg-image-teaser.cms-bg-image-teaser-with-img div {



        padding: 10px;



        background-color: #fff;



        display: inline-block;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    /* CAREER



  ------------------------------------------------------------------------------*/



    .cms-career .cms-career-content {



        margin-bottom: 4em;



    }



    .cms-career .cms-career-filter {



        margin: 0;



        font-weight: bold;



    }



    .cms-career .cms-career-filter a {



        color: #3A2C12;



    }



    .cms-career .cms-career-filter a:hover {



        text-decoration: none;



    }



    .cms-career .cms-career-filter a::before {



        top: 1px;



        content: "t ";



        font-family: "sn_pm_icons";



        text-transform: none;



        position: relative;



        display: inline;



    }



    .cms-career .cms-career-job p.area {



        font-weight: bold;



        color: #333;



        margin-bottom: .25em;



    }



    .cms-career .cms-career-job p.location {



        margin-top: .25em;



    }



    .cms-career .cms-career-more {



        text-align: left;



        background-image: none;



        background-color: transparent;



        border-bottom: none;



    }



    .cms-career .cms-career-more a:before, .cms-career .cms-career-more a::before {



        content: "C ";



        font-family: "sn_pm_icons";



        text-transform: none;



        position: relative;



        display: inline;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    #content {



        padding: 0 !important;



    }







    .sg-rows .row .columns {



        background: #9f9;



    }



    .sg-rows .row .columns:nth-child(2n) {



        background: #7f7;



    }



    .sg-rows span {



        display: block;



        background: #fcc;



        height: 3em;



        margin: .5em 0;



        text-align: center;



    }







    .sg-color div {



        padding: 1em;



    }



    .sg-color .action-1 {



        background-color: #3A2C12;



    }



    .sg-color .action-2 {



        background-color: #02548a;



    }



    .sg-color .action-3 {



        background-color: #0266a8;



    }



    .sg-color .action-4 {



        background-color: #38a0e5;



    }



    .sg-color .action-5 {



        background-color: #70bced;



    }



    .sg-color .action-6 {



        background-color: #b3dcf5;



    }



    .sg-color .action-7 {



        background-color: #d7ecfa;



    }



    .sg-color .action-8 {



        background-color: #edf5fb;



    }



    .sg-color .type-1 {



        color: #333;



    }



    .sg-color .type-2 {



        color: #444;



    }



    .sg-color .type-3 {



        color: #666666;



    }



    .sg-color .type-4 {



        color: #777777;



    }



    .sg-color .type-5 {



        color: #999999;



    }



}



@media screen and (min-device-width: 320px) {



    /* MQ: Smartphone */



    .styleguide {



        position: fixed;



        z-index: 1000;



        left: 0;



        top: 0;



        background: #eee;



        opacity: .9;



        width: 300px;



        overflow: visible;



        border-right: 1px solid #999;



        border-bottom: 1px solid #999;



        border-radius: 0 0 15px 0;



        background-color: #ddd;



        padding: 0;



        box-shadow: 0 0 10px 0 #999;



        box-sizing: content-box;



    }



    .styleguide:before, .styleguide:after {



        content: " ";



        display: table;



    }



    .styleguide:after {



        clear: both;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .styleguide {



        /* MQ: Widescreen */



        width: 320px;



    }



}



@media screen and (min-device-width: 320px) {



    .styleguide.off {



        transform: translate(-300px, -180px);



        border-color: #00cc00;



        background-color: #ccffcc;



        padding: 0 30px 30px 0;



    }



}



@media screen and (min-device-width: 320px) and (min-width: 1004px) {



    .styleguide.off {



        /* MQ: Widescreen */



        transform: translate(-320px, 0);



        padding: 0 30px 0 0;



    }



}



@media screen and (min-device-width: 320px) {



    .styleguide > div {



        padding: .5em 1em;



    }



    .styleguide input[type=checkbox],



    .styleguide select,



    .styleguide label {



        vertical-align: middle;



    }



    .styleguide select,



    .styleguide input[type=submit] {



        margin-top: -4px;



    }







    .styleguide__components .glyphs li {



        cursor: pointer;



    }



    .styleguide__components .glyphs p {



        color: #999999;



    }







    .styleguide-separator {



        text-align: center;



        clear: both;



        border-bottom: 1px solid #333;



        margin: 1em 0;



    }







    .sg-color div {



        padding: 1em;



    }



    .sg-color .action-1 {



        background-color: #3A2C12;



    }



    .sg-color .action-2 {



        background-color: #02548a;



    }



    .sg-color .action-3 {



        background-color: #0266a8;



    }



    .sg-color .action-4 {



        background-color: #38a0e5;



    }



    .sg-color .action-5 {



        background-color: #70bced;



    }



    .sg-color .action-6 {



        background-color: #b3dcf5;



    }



    .sg-color .action-7 {



        background-color: #d7ecfa;



    }



    .sg-color .action-8 {



        background-color: #edf5fb;



    }



    .sg-color .type-1 {



        color: #333;



    }



    .sg-color .type-2 {



        color: #444;



    }



    .sg-color .type-3 {



        color: #666666;



    }



    .sg-color .type-4 {



        color: #777777;



    }



    .sg-color .type-5 {



        color: #999999;



    }



}











#idnn{



    margin-top:-7px;  padding: 20px 0;



}







#idnn p{



    font-size: 18px;



}







#idnn .cms-quote p:before{



    content:""



}







#idnn .cms-quote p:after{



    content:""



}







.cms-quote .cms-quote-icon {



    display: block;



    position: absolute;



    background: url('news-icon.png')no-repeat;



    background-size: 88%;



    top: -21px;



    right: -5px;



    width: 47px;



    height: 89px;



}







.teaser-box.has-background-image .core {



    min-height: 18.75rem;



}







.teaser-box.has-background-image .core {



    min-height: 18.75rem;



}







.teaser-box .core {



    display: -webkit-box;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    justify-content: flex-start;



    background-color: #8faec1;



    background-position: center;



    background-size: cover;



    border-radius: 0 0 0 1.25rem;



    color: #fff;



    padding-bottom: 0.9375rem;



    padding-left: 1.25rem;



    padding-right: 0.9375rem;



    padding-top: 0.9375rem;



    position: relative;



}







.richtext ul,



.richtext ol {



    list-style: none;



    margin-bottom: 1.875rem; }



.richtext ul li,



.richtext ol li {



    margin: 1.25rem 0;



    padding-left: 2.8125rem;



    padding-top: 0.375rem;



    position: relative; }



.richtext ul li::before,



.richtext ol li::before {



    background: #ebf1f5;



    border-radius: 100%;



    color: #3A2C12;



    display: inline-block;



    height: 2.1875rem;



    left: 0;



    line-height: 2.1875rem;



    margin-right: 0.625rem;



    position: absolute;



    text-align: center;



    top: 0;



    width: 2.1875rem; }







.richtext ol {



    counter-reset: item; }



.richtext ol li {



    counter-increment: item; }



.richtext ol li::before {



    font-weight: normal;



    font-family: "Daytona W01 Regular", sans-serif;



    font-size: 1rem;



    line-height: 1.375;



    content: counter(item);



    color: #3A2C12;



    line-height: 2.1875rem;



    top: 0; }







.richtext ul li::before {



    background-image: url("data:image/svg+xml,%3Csvg id='Pfad' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3E_%3C/title%3E%3Cpath fill='%233A2C12' d='M9.083,29.042H9.027a1,1,0,0,1-.752-.409L.192,17.548a1,1,0,1,1,1.616-1.179l7.363,10.1L30.322,3.39A1,1,0,0,1,31.8,4.741L9.82,28.718A1,1,0,0,1,9.083,29.042Z'/%3E%3C/svg%3E");



    background-repeat: no-repeat;



    background-position: 7px;



    background-size: 50%;



    content: ''; }















.tagRoom{



    background: #262262;



    padding: 2px 5px;



    border-radius: 4px;



    font-size: 9px;



    color: #fff;



    display: block;



    width: fit-content;



    width: -moz-fit-content;

}



.tagRoom>a{



    font-size: inherit !important;



    color: inherit !important;



}



.tagRoom>a:hover{



    text-decoration:underline



}







.title-table-programe{



    display: flex;



    justify-content: space-between;



    align-items: center;



}







.bg-programe1{



    background: #ECEFF1;



}







.bg-programe2{



    background: #262262;



    color: #fff;

}



.bg-programe2 td{



    color:#fff



}







.title-section{cursor: pointer;border-bottom: 1px solid #deecff !important;}



.title-section:hover{border-bottom: 1px solid #e8e8e8 !important}







.cms-richtext a{



    color: #38a0e5;

}







.color1{



    color: #262262;

}







.color2{



    color: #38a0e5;

}





.color3{



    color: #f3712e;

}



.color4{

    color: #016334 !important;

}



.colorred{

    color: #FC2B2B !important;

}





#footer a {



    color: #dead26;

}







.cadre1 {



    background: url(bg_archaique.png) no-repeat;



    background-size: cover;



    padding: 20px;



    font-family: 'Parisienne', cursive;



    font-weight: bold;



    font-size: 20px;



    color: #37474F;



    -webkit-box-shadow:  2px 0px 5px 0px rgba(0,0,0,0.75);



    -moz-box-shadow:  2px 0px 5px 0px rgba(0,0,0,0.75);



    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);



    text-align: justify;



}











.flexContent{



    display: flex;



    justify-content: space-between;



}



.sponsorShipContent .title-section{



    cursor: pointer;



}



.sponsorShipContent .body-section{



    margin: 20px 0;



    line-height: 1.9em;



}







.itemTrip{



    display: flex;



    justify-content: space-between;



    margin-top: 20px;



}







.imgTrip{



    background-repeat: no-repeat;



    background-size: cover;



    border-radius: 0 0 0 1.8rem;



    height: 165px;



    width: 250px;



}







.richtext ul li, .richtext ol li{



    font-size: 16px;



}











ul.bullet-1 li {







    margin-bottom: 0.625rem;







    margin-top: 0;







    padding-left: 0.75rem;







}







ul.bullet-1 li::before {







    background-color: #466a7f;







    background-image: none;







    height: 0.3125rem;







    top: 1.5rem;







    width: 0.3125rem;







}







ul.bullet-0 li {







    margin-bottom: 0.625rem;







    margin-top: 0;







    padding-left: 2.75rem;







}







ul.bullet-0 li::before {







    background-color: #ecf2f5;







    color: #fff;







    height: 1.5rem;







    top: 1rem;







    width: 1.5rem;







    background-repeat: no-repeat;







    background-position: 4px;







    background-size: 50%;







    content: '';







}







.cadre-gray{



    border:2px solid #ddd;



}







.quote-content{



    font-size: 8px !important;



    vertical-align: text-top;



}



.towItemInline{



    display: flex;







    flex-wrap: wrap;







}







.towItemInline .itemInfo{



    flex:1;



    min-width: 420px



}



.columnEqualeDesck{

    flex: 1;

}



.socialFooter a {

    display: inline-block;

    margin-right: 4px;

    margin-top: 10px;

    border-radius: 50px;

    border: 1px solid #eee;

    width: 27px;

    height: 27px;

    text-align: center;

    font-size: 14px;

    line-height: 27px;

    transition: all 0.5s ease;

}



.socialFooter a:hover {

    background: #4a4746;

    color: #fff !important;

}



#header nav ul.nav-sub li a{

    color: #333;

}



#header nav ul.nav-sub li a:hover{

    color: #262262;

}



.layout-nature-home .cms-highlight-1{

    background: url(facts-bg-last.png) no-repeat center center #262262;

}



.layout-nature-home .cms-highlight-2{

    background: url(facts-bg-last-4.png) no-repeat center center #EEEEEE;

}



.layout-nature-home .cms-highlight-3{

    background: #f0f4f7;

}

.cms-highlight-1 h2, .cms-highlight-1 h3{

    color: #fff;

}

.cms-highlight-1 a{

    color: #dead26;

}



.cms-highlight-1 h3.title-section{



    margin-bottom: 20px;



    border-bottom-color: #fff !important;



    padding-bottom: 10px;



    margin-top: 30px;



    color: #fff;

}



.committes-page h4{

    line-height: 28px !important;

    padding-bottom: 5px;

}



.committes-page .overview{

    display: flex;

}



.committes-page .cms-person .avatar{

    width: 118px;

    max-width: initial;

    margin-right: 25px;

    margin-top: 0;

}



.committes-page h3.title-section{

    margin-bottom: 25px;

}



.committes-page a.internal{

    display: block;

    width: 118px;

    height: 131px;

    margin-right: 25px;

}



.legende{

    position: absolute;

    right: 0;

    top: 250px;

    background: #15253cd6;

    padding: 2px 10px;

    color: #fff;

    border-left: 3px solid #262262;

    margin-right: 20px;

    font-size: 12px;

    text-transform: uppercase;

}



.date_important .default-table tr td:last-child {

    width: 250px;

}



@media screen and (max-width: 970px) {



    .flexContent{



        flex-wrap: nowrap;



    }



    #header nav{

        background-color: #262262;

    }



    #header nav .mainNavigationMark .nav-main a{

        color: #fff;

    }



}



@media screen and (max-width: 670px) {



    .flexContent{



        flex-wrap: wrap;



    }



    .columnEqualeDesck{

        flex: initial;

        width: 100%

    }



}



.default-table td a {

    font-size: inherit;

}





.img-border-radius{

    border-bottom-left-radius: 5rem;

    border: 2px solid #ddd;

}



.cms-highlight-1 .img-border-radius{

    border: 2px solid #262262;

}





@media screen and (min-device-width: 320px) and (max-device-width: 999px) {

    #header nav{

        background-color: #262262;

        display: none;

    }



    #header nav .mainNavigationMark .nav-main a{

        color: #fff;

    }

}