/* common */




/* ### */
div.main {
    visibility:hidden;
}
div.jswarning {
    position: fixed;
    left:20px;
    top:10px;
    background: #fff;
    
    -webkit-animation: fadein 7s;
       -moz-animation: fadein 7s;
        -ms-animation: fadein 7s;
         -o-animation: fadein 7s;
            animation: fadein 7s;
}
div.jswarning p {
    margin: 0.75em;
}
div.jswarning p.signature {
    padding-top: 1em;
}
div.jswarning a.testpage {
    margin: 1em 3em;
    font-family: Arial;
}
@keyframes fadein {
    0%   {opacity: 0;}
    40%  {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fadein {
    0%   {opacity: 0;}
    40%  {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fadein {
    0%   {opacity: 0;}
    40%  {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes fadein {
    0%   {opacity: 0;}
    40%  {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fadein {
    0%   {opacity: 0;}
    40%  {opacity: 0;}
    100% {opacity: 1;}
}
#jsloadingdiv {
-webkit-animation: fadein 2s;
   -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
     -o-animation: fadein 2s;
        animation: fadein 2s;
}








 div.floating-menu {
    position: fixed;
    text-align: center;
    visibility: hidden;
 }
 
div.floating-menu table {
    height: 100%;
}

div.floating-menu td {
    text-align:center;
    line-height: 1;
}

div.floating-menu #styles td {
   vertical-align: top;
   padding-left: 0;
}
div.floating-menu #styles td:first-child {
   padding-right: 0px;
}
div.floating-menu #styles td:nth-child(2) {
   padding-right: 4px;
}
div.floating-menu #styles td:last-child {
   padding-right: 3px;
}
div.floating-menu img#HelpLink {
    margin-right: 8%;
}

div.floating-menu tr:last-child td {
    padding: 6px 0 0 0;
}

div.floating-menu #MathJaxMessage {
    visibility:hidden;
}

div.floating-menu:not(.helpmode) #TextWidthControl.narrow img {
    opacity: 0.25;
}

div.floating-menu a {
    text-decoration: none;
    display: block;
}

div.floating-menu a.paused {
    pointer-events: none;
}

div.floating-menu.helpmode a {
    pointer-events: auto !important;
}

div.floating-menu:not(.helpmode) tr.paused {
    opacity: 0.25;
}

div.floating-menu:not(.helpmode) a.paused img {
    opacity: 0.25;
}

div.floating-menu td a.activefont {
    text-decoration: underline;
    color: Black;
}
div.floating-menu td a.inactivefont {
    text-decoration: none;
    color: '#9c0000';
}

body:not(.mobile) div.floating-menu a:hover {
    color: black!important;
}

div.floating-menu a:active {
    color: black!important;
}

div.floating-menu img {
    border:0;
    vertical-align:middle;
}

body:not(.mobile) div.floating-menu a:not(.narrow) img:hover {
    filter: brightness(0);
}

body:not(.mobile) div.floating-menu.helpmode #TextWidthControl img:hover {
    filter: brightness(0);
}

@-webkit-keyframes color_change {
    from { color: blue; }
    to { color: red; }
}
@-ms-keyframes color_change {
    from { color: blue; }
    to { color: red; }
}
@keyframes color_change {
    from { color: blue; }
    to { color: red; }
}
@-o-keyframes color_change {
    from { color: blue; }
    to { color: red; }
}

/* floating menu */

body.floating div.main {
    margin-right:7.25em;
    padding:0 0 0 1.75em;
}

body.floating div.floating-menu {
    right:0;
    top: 1em;
    width:7.25em !important;
    visibility: visible !important;
}

body.floating div.floating-menu table {
    margin-right:0;
    width:7.25em;
    margin-bottom: 8px;
}

body.floating #MathJaxMessage {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}

body.floating div.floating-menu td {
    padding: 2px 7px 12px 7px;
}

body.floating div.floating-menu #styles td {
    padding-bottom: 4px;
}

body.floating div.floating-menu #content td {
    padding: 0 0 4px 0;
}

body.floating div.floating-menu #navlinks a {
   font-size: 140%;
}

body.floating div.floating-menu #mediumA {
   font-size: 140%;
}

body.floating div.floating-menu #bigA {
   font-size: 180%;
}

body.floating div.floating-menu tr#social td {
    padding-top: 6px;
}

body.floating div.floating-menu tr#navlinks td {
    padding-bottom: 6px;
}

body.floating div.floating-menu img#AudioLink {
    margin-left: 4%;
}

body.floating div.floating-menu tr:last-child td {
    padding-bottom: 0;
}

body.floating div.floating-menu #SummaryLink {
    font-size: 110%;
}

/* sliding menu */

body.sliding div.main {
    margin-right:0;
    padding:0 1em 0 1.75em;
}

body.sliding div.floating-menu {
    width:1.1em;
    height:18.25em;
    top: 0px;
    visibility: visible!important;
    
    cursor: pointer;
    background:#eec;

    border-style: solid;
    border-color:#A0A090;
    border-radius: 0 1em 1em 0;
    border-width:.2em .2em .2em 0;
    
    transition-property: width;
    transition-timing-function: linear, step-end;
    transition-duration: 0.3s;
    transition-delay: 0;
    -webkit-transition-property: width;
    -webkit-transition-timing-function: linear, step-end;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-delay: 0;
    
     z-index:300;
     opacity: 0.95;
     overflow: visible;
    -webkit-overflow-scrolling: touch;
}

body.sliding div.floating-menu.nomathjax {
    height: 16.7em;
}

body.sliding div.floating-menu table {
    margin-right:1.1em;
    width:11em;
    
    cursor: default;
    background:#ffa;
}

body.sliding div.floating-menu table tr:last-child td
{
    padding-bottom: 5px;
}

body.sliding #MathJaxMessage {
            transform: rotate(90deg) translateY(2em) translateX(-11.2em);
    -webkit-transform: rotate(90deg) translateY(2em) translateX(-11.2em);
        -ms-transform: rotate(90deg) translateY(2em) translateX(-11.2em);
          o-transform: rotate(90deg) translateY(2em) translateX(-11.2em);
}

body.sliding div.floating-menu td {
    padding: 7px;
}

body.sliding div.floating-menu #styles td {
    padding-top: 1px;
    padding-bottom: 2px;
}

body.sliding div.floating-menu #content td {
     padding: 0 0 1px 0;
}

body.sliding div.floating-menu tr#navlinks td {
    padding-bottom: 1px;
    padding-top: 10px;
}

body.sliding div.floating-menu tr#social td {
    padding-bottom: 4px;
    padding-top: 10px;
}

body.sliding div.floating-menu img#MobileLink {
    margin-left: 8%;
}

body.sliding div.floating-menu img#DesktopLink {
    margin-right: 8%;
}

body.sliding div.floating-menu a {
   font-size: 125%;
}

body.sliding div.floating-menu.closed a {
    pointer-events: none;
}

body.sliding div.floating-menu #navlinks a {
    font-size: 175%;
}

body.sliding div.floating-menu #mediumA {
   font-size: 175%;
}

body.sliding div.floating-menu #bigA {
   font-size: 225%;
}