/*!
 * Interactive Media Object (IMO) 3D Viewer
 * @author Darryl Lehmann
 * @version 0.2r261s
 * @copyright Copyright © Imagineeringart.com, Inc. 2019
 * @license All copies of this software and associated documentation files are subject to copyright restrictions. This software may not be given, sold, or disclosed to any third parties without the written permission of Imagineeringart.com, Inc.
 *          Each Interactive Media Object (IMO) is sold as a packaged media asset granting exclusive and unlimited use of the code and assets therein without modification or sub-licensing when used with it’s packaged media.
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,th {
    padding: 0
}

/*! normalize.css ends */
@font-face {
    font-family: 'SourceSansPro';
    src: url("css/fonts/SourceSansPro-Regular.eot");
    src: url("css/fonts/SourceSansPro-Regular.woff") format("woff"),url("css/fonts/SourceSansPro-Regular.ttf") format("truetype"),url("css/fonts/SourceSansPro-Regular.otf") format("opentype")
}

@font-face {
    font-family: 'SourceSansPro';
    src: url("css/fonts/SourceSansPro-Bold.eot");
    src: url("css/fonts/SourceSansPro-Bold.woff") format("woff"),url("css/fonts/SourceSansPro-Bold.ttf") format("truetype"),url("css/fonts/SourceSansPro-Bold.otf") format("opentype");
    font-weight: bold
}

@font-face {
    font-family: 'SourceSansPro';
    src: url("css/fonts/SourceSansPro-Italic.eot");
    src: url("css/fonts/SourceSansPro-Italic.woff") format("woff"),url("css/fonts/SourceSansPro-Italic.ttf") format("truetype"),url("css/fonts/SourceSansPro-Italic.otf") format("opentype");
    font-style: italic
}

@font-face {
    font-family: 'SourceSansPro';
    src: url("css/fonts/SourceSansPro-BoldItalic.eot");
    src: url("css/fonts/SourceSansPro-BoldItalic.woff") format("woff"),url("css/fonts/SourceSansPro-BoldItalic.ttf") format("truetype"),url("css/fonts/SourceSansPro-BoldItalic.otf") format("opentype");
    font-weight: bold;
    font-style: italic
}

html {
    height: 100%;
    line-height: 1.4;
    color: #000;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    max-width: 1024px;
    font-family: "SourceSansPro","Segoe UI",Segoe,Tahoma,Geneva,sans-serif
}

@media (min-width: 801px) and (max-width: 1024px) {
    body {
        font-size:1.0em
    }
}

@media (min-width: 701px) and (max-width: 800px) {
    body {
        font-size:0.9em
    }
}

@media (min-width: 601px) and (max-width: 700px) {
    body {
        font-size:0.8em
    }
}

@media (min-width: 501px) and (max-width: 600px) {
    body {
        font-size:0.7em
    }
}

@media (min-width: 401px) and (max-width: 500px) {
    body {
        font-size:0.6em
    }
}

@media (max-width: 400px) {
    body {
        font-size:0.5em
    }
}

header,main,footer,section,nav,article,aside {
    margin: 1em
}

::-moz-selection {
    background: #c40;
    text-shadow: none
}

::selection {
    background: #c40;
    text-shadow: none
}

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

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

.basic_table td,.basic_table th {
    border: 1px solid #444444;
    padding: 0.25em
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

textarea {
    resize: vertical
}

.focusable:focus {
    outline: 2px solid #c40
}

body {
    overflow: hidden
}

.imo_color1 {
    color: #EFEFEF;
    background-color: #D30000
}

.imo_color2 {
    color: #EFEFEF;
    background-color: #96507B
}

.imo_color3 {
    color: #EFEFEF;
    background-color: #0079BE
}

.imo_color4 {
    color: #000;
    background-color: #68B3CC
}

.imo_color5 {
    color: #000;
    background-color: #F1BB5B
}

.imo_color6 {
    color: #EFEFEF;
    background-color: #DB7D00
}

.imo_color7 {
    color: #000;
    background-color: #8BC584
}

.imo_color8 {
    color: #EFEFEF;
    background-color: #008500
}

.imo_color1:hover,.imo_color1:focus,.imo_color1.imo_hovered,.imo_color1.imo_selected {
    color: #EFEFEF;
    background-color: #D30000;
    outline: none
}

.imo_color2:hover,.imo_color2:focus,.imo_color2.imo_hovered,.imo_color2.imo_selected {
    color: #EFEFEF;
    background-color: #96507B;
    outline: none
}

.imo_color3:hover,.imo_color3:focus,.imo_color3.imo_hovered,.imo_color3.imo_selected {
    color: #EFEFEF;
    background-color: #0079BE;
    outline: none
}

.imo_color4:hover,.imo_color4:focus,.imo_color4.imo_hovered,.imo_color4.imo_selected {
    color: #000;
    background-color: #68B3CC;
    outline: none
}

.imo_color5:hover,.imo_color5:focus,.imo_color5.imo_hovered,.imo_color5.imo_selected {
    color: #000;
    background-color: #F1BB5B;
    outline: none
}

.imo_color6:hover,.imo_color6:focus,.imo_color6.imo_hovered,.imo_color6.imo_selected {
    color: #EFEFEF;
    background-color: #DB7D00;
    outline: none
}

.imo_color7:hover,.imo_color7:focus,.imo_color7.imo_hovered,.imo_color7.imo_selected {
    color: #000;
    background-color: #8BC584;
    outline: none
}

.imo_color8:hover,.imo_color8:focus,.imo_color8.imo_hovered,.imo_color8.imo_selected {
    color: #EFEFEF;
    background-color: #008500;
    outline: none
}

h1 {
    margin: 0.35em 0 0.25em 0;
    font-family: "SourceSansPro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;
    font-size: 1.8em
}

h2 {
    margin: 0.35em 0;
    font-family: "SourceSansPro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;
    font-weight: normal;
    font-style: italic
}

h3 {
    margin: 0.25em 0;
    font-family: "SourceSansPro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;
    font-weight: normal
}

p {
    margin: 0.25em 0
}

a,a:link {
    color: #4263AE
}

a:hover,a:active {
    color: #c40
}

a.icon:after,dfn:after,span.icon:after {
    content: "";
    background-image: url("img/jump.png");
    background-repeat: no-repeat;
    background-size: 0.8em 0.8em;
    padding-left: 0.8em
}

b {
    font-weight: bold
}

i {
    font-style: italic
}

#container {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 300px;
    min-height: 300px;
    line-height: 0;
    top: 3em;
    left: 25%;
    width: 75%;
    height: 95%;
    margin: 0;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-tap-highlight-color: transparent
}

#container.full_width {
    left: 0;
    width: 100%;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease
}

#container.full_height {
    top: 3em;
    height: 95%;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease
}

#container.slow_icon {
    background-image: url("img/slow.png");
    background-size: 5em 5em;
    background-position: top center;
    background-repeat: no-repeat
}

#container.slow_icon:hover {
    background-image: url("img/slow_roll.png")
}

canvas {
    width: 100%;
    height: 100%
}

#explore_bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 25%;
    min-width: 12.5em;
    margin: 0;
    padding-top: 5.5em;
    z-index: 1001;
    background: #EFEFEF;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0)
}

#explore_bar.slide_out,#explore_bar.slide_over,#explore_bar:focus,#explore_bar.panel_focus {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0)
}

#explore_bar_header {
    margin: 0;
    margin-top: -2.5em;
    height: 2.5em;
    border-bottom: 1px solid #EFEFEF
}

#explore_bar_header_text {
    display: inline-block;
    position: relative;
    padding: 0.5em 1em;
    margin: 0 1em 0 0;
    font-family: "SourceSansPro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    color: #EFEFEF
}

#explore_bar_scrollbox {
    margin: 0;
    padding: 0;
    min-height: 5em;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.label_button {
    display: table;
    width: 100%;
    padding: 0.5em 0 0.5em 0;
    font-size: 1em;
    color: #000;
    text-decoration: none;
    border: none;
    cursor: pointer
}

.label_button:hover,.label_button.focus,.label_button:focus {
    outline: none;
    color: #EFEFEF;
    background: #4263AE
}

.label_button_selected,.label_button_selected:hover {
    color: #EFEFEF;
    background: #4263AE
}

.label_button_num {
    display: table-cell;
    width: 1.8em;
    width: 1.5em;
    padding-left: .65em
}

.label_button_text {
    display: table-cell
}

.label_button:not(:nth-child(13)) .label_button_icon  > img{
	visibility: hidden;
}

/* .label_button:not(:nth-child(13)) .label_button_icon  > img{
	visibility: hidden;
} */

.label_button_icon {
    display: table-cell;
    width: 3em;
    width: 1.5em;
    padding-right: .65em;
    height: 1.5em;
    vertical-align: middle;
    background-image: none;
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat
}

#infobox {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 75%;
    margin: 0;
    z-index: 1003;
    background: #EFEFEF;
    margin-bottom: 0
}


#edit_icon{
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    top: .5em;
    right: 2.5em;
    background-image: url(img/edit.png);
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media (max-width: 800px) {
    #infobox {
        width:100%;
        max-width: 100%
    }
}

#zoom_controls {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    right: 0;
    height: 2em;
    margin: 0.2em;
    background-color: #EFEFEF
}

#zoom_controls p {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    text-align: center;
    margin: 0
}

#zoom_in {
    display: inline-block;
    width: 2em;
    height: 2em;
    background: #4263AE;
    background-image: url("img/zoom_in.png");
    background-size: 1.5em 1.5em;
    background-position: 0.25em 0.25em;
    background-repeat: no-repeat;
    cursor: pointer
}

#zoom_out {
    display: inline-block;
    width: 2em;
    height: 2em;
    background: #4263AE;
    background-image: url("img/zoom_out.png");
    background-size: 1.5em 1.5em;
    background-position: 0.25em 0.25em;
    background-repeat: no-repeat;
    cursor: pointer
}

#zoom_in:hover,#zoom_out:hover {
    background-color: #8EA8E3
}

#zoom_factor {
    position: absolute;
    left: 2em;
    bottom: 0;
    display: inline-block;
    background-color: #4263AE;
    width: 100px;
    height: 10px;
    margin: 0 0.2em
}

#infobox_header {
    margin: 0;
    height: 2.5em
}

#infobox_header_text {
    display: inline-block;
    position: relative;
    padding: 0.5em 1em 0 1em;
    margin: 0 1em 0 0;
    font-family: "SourceSansPro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    color: #EFEFEF
}

#infobox_body {
    display: block;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: max-height 0.25s ease, padding 0.5s ease;
    -webkit-transition: max-height 0.25s ease, padding 0.5s ease;
    -moz-transition: max-height 0.25s ease, padding 0.5s ease;
    -o-transition: max-height 0.25s ease, padding 0.5s ease;
    -ms-transition: max-height 0.25s ease, padding 0.5s ease
}

#infobox_body:empty {
    display: none
}

#infobox.slide_up #infobox_body,#infobox:focus #infobox_body {
    padding: .25em 1em .25em 1em;
    max-height: 16em;
    max-width: 1024px;
    transition: max-height 0.25s ease;
    -webkit-transition: max-height 0.25s ease;
    -moz-transition: max-height 0.25s ease;
    -o-transition: max-height 0.25s ease;
    -ms-transition: max-height 0.25s ease
}

#infobox h3 {
    font-size: 1em;
    font-weight: bold;
    padding: 0.25em 0;
    clear: both
}

#infobox p {
    margin: 0.25em 0
}

#infobox img {
    padding: 0.25em
}

#infobox_icon {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    top: .5em;
    right: .5em;
    background-image: url("img/arrow_down.png");
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    cursor: pointer
}

#infobox_icon.up {
    background-image: url("img/arrow_up.png")
}

#infobox_icon.down {
    background-image: url("img/arrow_down.png")
}

#infobox_icon.up:hover {
    background-image: url("img/arrow_up_roll.png")
}

#infobox_icon.down:hover {
    background-image: url("img/arrow_down_roll.png")
}

.label_button_num{
    padding-right: 5px;
}

.label_button_num.sub{
    padding-left: 30px;
}

/*.label_button:nth-child(11){
    padding-left: 10px;
}

.label_button:nth-child(12){
    padding-left: 10px;
}*/

#infobox_home_crumb {
    position: relative;
    display: inline-block;
    background: #4263AE;
    padding: .75em 1em;
    margin: 0 1em 0 0;
    color: #EFEFEF;
    cursor: pointer;
    padding: 0;
    vertical-align: top;
    width: 2.5em;
    height: 2.5em;
    background-image: url("img/home.png");
    background-size: 2em 2em;
    background-position: center center;
    background-repeat: no-repeat
}

#infobox_home_crumb:before {
    position: absolute;
    right: -15px;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    border-top: 1.25em solid transparent;
    border-bottom: 1.25em solid transparent;
    border-left: 15px solid #EFEFEF
}

#infobox_home_crumb:after {
    position: absolute;
    right: -10px;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    border-top: 1.25em solid transparent;
    border-bottom: 1.25em solid transparent;
    border-left: 10px solid #4263AE
}

#infobox_home_crumb:hover {
    background-color: #4263AE
}

#infobox_home_crumb:hover:after {
    border-top: 1.25em solid transparent;
    border-bottom: 1.25em solid transparent;
    border-left: 10px solid #4263AE
}

#toolbar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3em;
    margin: 0;
    z-index: 1002;
    color: #EFEFEF
}

#imagine3D_logo {
    margin: 0;
    padding: 0.25em;
    width: 10em;
    max-height: 2.5em
}

#toolbar .module {
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: top
}

#toolbar .button {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 100%;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 2.5em 2.5em;
    background-position: 0.25em 0.25em;
    cursor: pointer
}

#toolbar .button.focus,#toolbar .button:focus {
    outline: none;
    color: #EFEFEF;
    background-color: #4263AE
}

#toolbar .panel_out .button.focus,#toolbar .panel_out .button:focus {
    background-color: #c40
}

#toolbar .scrubber {
    display: inline-block;
    position: relative;
    left: 0;
    top: 16%;
    width: 12.5em;
    min-width: 2.5em;
    max-width: 12.5em;
    height: 50%;
    vertical-align: top;
    background-color: #DFDFDF
}

#toolbar .scrubber.compact {
    position: absolute;
    top: 75%;
    width: 3em;
    height: 25%;
    overflow: hidden
}

#toolbar .thumb {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2em;
    height: 100%;
    background-color: #EFEFEF;
    cursor: pointer
}

#toolbar .scrubber.compact .thumb {
    width: 0.5em
}

#toolbar .thumb:hover {
    background-color: #8EA8E3
}

#play_scrub:before,#play_scrub:after {
    content: "0:00";
    position: absolute;
    bottom: -50%;
    width: auto;
    height: 50%;
    font-size: 0.7em;
    line-height: 1.1em;
    text-align: center
}

#play_scrub:before {
    content: attr(data-current_time);
    left: 0
}

#play_scrub:after {
    content: attr(data-total_time);
    right: 0
}

#layer_module::before {
    content: "Layers";
    position: absolute;
    display: block;
    bottom: -1em;
    width: auto;
    height: 50%;
    font-size: 0.7em;
    line-height: 1.1em;
    text-align: center;
    left: 50%
}

#layer_scrub:before,#layer_scrub:after {
    /*content: "\31";*/
    position: absolute;
    bottom: -50%;
    width: auto;
    height: 50%;
    font-size: 0.7em;
    line-height: 1.1em;
    text-align: center
}

#layer_scrub:before {
    /*content: attr(data-current_layer);*/
    left: 0;
    margin-left: 50%
}

#layer_scrub:after {
    /*content: attr(data-total_layers);*/
    right: 0
}

#toolbar .progress {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #4263AE
}

#toolbar .progress.hide {
    background: none
}

#toolbar .panel {
    display: block;
    position: absolute;
    top: 3em;
    top: 0;
    margin-top: 3em;
    margin-top: 0;
    padding-top: 3em;
    right: 0;
    width: 3em;
    height: auto;
    background-color: #4263AE;
    z-index: 1009;
    -webkit-transition: height 0.25s ease, -webkit-transform 0.25s ease;
    transition: height 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, height 0.25s ease;
    transition: transform 0.25s ease, height 0.25s ease, -webkit-transform 0.25s ease;
    -webkit-transition: transform 0.25s ease, height 0.25s ease;
    -moz-transition: transform 0.25s ease, height 0.25s ease;
    -o-transition: transform 0.25s ease, height 0.25s ease;
    -ms-transition: transform 0.25s ease, height 0.25s ease;
    transform-origin: top center;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    -ms-transform-origin: top center;
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transition: scaleY(1);
    -ms-transition: scaleY(1)
}

#toolbar .panel.panel_in {
    height: 0;
    -webkit-transition: height 0.25s ease, -webkit-transform 0.25s ease;
    transition: height 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, height 0.25s ease;
    transition: transform 0.25s ease, height 0.25s ease, -webkit-transform 0.25s ease;
    -webkit-transition: transform 0.25s ease, height 0.25s ease;
    -moz-transition: transform 0.25s ease, height 0.25s ease;
    -o-transition: transform 0.25s ease, height 0.25s ease;
    -ms-transition: transform 0.25s ease, height 0.25s ease;
    transform-origin: top center;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    -ms-transform-origin: top center;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transition: scaleY(0);
    -ms-transition: scaleY(0)
}

#toolbar .panel .button {
    height: 3em;
    opacity: 1;
    transition: opacity 0.15s ease;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    -ms-transition: opacity 0.15s ease
}

#toolbar .panel.panel_in .button {
    opacity: 0;
    transition: opacity 0.15s ease;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    -ms-transition: opacity 0.15s ease
}

#more_module {
    float: right
}

#more_module.panel_out {
    background-color: #4263AE
}

#toolbar .menu {
    background-image: url("img/menu.png")
}

#toolbar .menu:hover {
    background-image: url("img/menu_roll.png")
}

#toolbar .play {
    background-image: url("img/play.png")
}

#toolbar .play:hover {
    background-image: url("img/play_roll.png")
}

#toolbar .pause {
    background-image: url("img/pause.png")
}

#toolbar .pause:hover {
    background-image: url("img/pause_roll.png")
}

#toolbar .layers {
    background-image: url("img/layers.png")
}

#toolbar .layers:hover {
    background-image: url("img/layers_roll.png")
}

#toolbar .slice {
    background-image: url("img/slice.png")
}

#toolbar .slice:hover {
    background-image: url("img/slice_roll.png")
}

#toolbar .reset_view {
    background-image: url("img/refresh.png")
}

#toolbar .reset_view:hover {
    background-image: url("img/refresh_roll.png")
}

#toolbar .toggle_pins {
    background-image: url("img/pins.png")
}

#toolbar .toggle_pins:hover {
    background-image: url("img/pins_roll.png")
}

#toolbar .settings {
    background-image: url("img/settings.png")
}

#toolbar .settings:hover {
    background-image: url("img/settings_roll.png")
}

#toolbar .share {
    background-image: url("img/share.png")
}

#toolbar .share:hover {
    background-image: url("img/share_roll.png")
}

#toolbar .about {
    background-image: url("img/about.png")
}

#toolbar .about:hover {
    background-image: url("img/about_roll.png")
}

#toolbar .help {
    background-image: url("img/help.png")
}

#toolbar .help:hover {
    background-image: url("img/help_roll.png")
}

#toolbar .account {
    background-size: 3em 3em;
    background-position: 0em 0em;
    background-image: url("img/account.png")
}

#toolbar .account:hover {
    background-image: url("img/account_roll.png")
}

#toolbar .more {
    background-image: url("img/more.png");
    width: 2em;
    margin-left: 1em;
    z-index: 1010;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease
}

#toolbar .more:hover {
    background-image: url("img/more_roll.png")
}

#toolbar .more.panel_out {
    width: 3em;
    margin-left: 0;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

figure {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #EFEFEF;
    z-index: 1004;
    text-align: center
}

figure img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

figure figcaption {
    font-size: 1em;
    line-height: 1.1em;
    text-align: left;
    border-top: 0.5em solid #4263AE;
    padding: 1em
}

figure figcaption:empty {
    line-height: 0;
    border-top: none;
    padding: 0
}

figure:hover {
    cursor: pointer
}

figure:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("img/exit_fullscreen_roll.png");
    background-size: contain;
    background-size: 8em 8em;
    background-position: top right;
    background-repeat: no-repeat
}

figure.video:hover:before {
    background: none
}

figure.thumb,figure.video {
    position: relative;
    display: block;
    margin: 0 auto 0 auto;
    width: 25%;
    background: none;
    padding: 0.1em
}

figure.thumb figcaption,figure.video figcaption {
    font-size: 0.8em;
    line-height: 0.9em;
    text-align: left;
    padding: 0;
    border-top: 0.5em solid #4263AE
}

figure.thumb:hover:before {
    background-image: url("img/enter_fullscreen_roll.png");
    background-size: contain;
    background-size: 8em 8em;
    background-position: top right
}

.Imagine3D_Term {
    position: relative;
    font-weight: bold;
    cursor: pointer
}

.Imagine3D_Definition {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1em;
    font-weight: normal;
    display: none;
    z-index: 1005;
    color: #EFEFEF;
    background: #4263AE
}

.Imagine3D_Definition:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1.6em;
    height: 1.6em;
    background-image: url("img/close_icon.png");
    background-repeat: no-repeat;
    background-size: 1.6em 1.6em
}

.Imagine3D_Definition:hover:after {
    background-image: url("img/close_icon_roll.png")
}

.Imagine3D_LinkGroup {
    display: table;
    width: 100%;
    margin: 0.25em 0 0.25em 0
}

.Imagine3D_LinkButton {
    display: table-cell;
    margin: 0;
    padding: 0.5em;
    font-size: 1em;
    background: #EFEFEF;
    border-right: none;
    cursor: pointer
}

.Imagine3D_LinkButton_Icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: none;
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat
}

.Imagine3D_LinkButton:hover {
    color: #EFEFEF;
    background: #4263AE
}

#tooltip {
    position: absolute;
    display: none;
    margin: 0;
    z-index: 1000;
    background: #EFEFEF
}

#tooltip_body {
    display: table-cell;
    font-family: "SourceSansPro","Segoe UI",Segoe,Tahoma,Geneva,sans-serif;
    font-size: 1em;
    font-weight: normal;
    vertical-align: middle;
    padding: .25em
}

.tooltip_icon {
    display: table-cell;
    width: 1.5em;
    height: 1.5em;
    background-image: url("img/info_icon.png");
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    padding-right: 0.1em
}

.tooltip_img {
    width: 100%;
    height: auto
}

#imagineering_logo {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 0 auto
}

.threed_icon {
    background-image: url("img/3d_icon.png")
}

.label_button:hover .threed_icon,.label_button.focus .threed_icon,.label_button_selected .threed_icon,.Imagine3D_LinkButton:hover .threed_icon {
    background-image: url("img/3d_icon_roll.png")
}

.mc_icon {
    background-image: url("img/mc_icon.png")
}

.label_button:hover .mc_icon,.label_button.focus .mc_icon,.label_button_selected .mc_icon,.Imagine3D_LinkButton:hover .mc_icon {
    background-image: url("img/mc_icon_roll.png")
}

.aud_icon {
    background-image: url("img/aud_icon.png")
}

.label_button:hover .aud_icon,.label_button.focus .aud_icon,.label_button_selected .aud_icon,.Imagine3D_LinkButton:hover .aud_icon {
    background-image: url("img/aud_icon_roll.png")
}

.vid_icon {
    background-image: url("img/vid_icon.png")
}

.label_button:hover .vid_icon,.label_button.focus .vid_icon,.label_button_selected .vid_icon,.Imagine3D_LinkButton:hover .vid_icon {
    background-image: url("img/vid_icon_roll.png")
}

.img_icon {
    background-image: url("img/img_icon.png")
}

.label_button:hover .img_icon,.label_button.focus .img_icon,.label_button_selected .img_icon,.Imagine3D_LinkButton:hover .img_icon {
    background-image: url("img/img_icon_roll.png")
}

.no_icon {
    background: none
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.box_shadow {
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3)
}

.bg_imagine_blue {
    background-color: #4263AE
}

.bg_white_radial {
    background: #EFEFEF;
    background: -o-radial-gradient(center, ellipse cover, #fff 0%, #cfcfcf 50%, #b4b4b4 100%);
    background: -o-radial-gradient(center, ellipse, #fff 0%, #cfcfcf 50%, #b4b4b4 100%);
    background: radial-gradient(ellipse at center, #fff 0%, #cfcfcf 50%, #b4b4b4 100%)
}

.bg_plain_white {
    background: #EFEFEF
}

*:focus {
    outline: 0.25em solid #c40
}

#toolbar:focus,#toolbar.panel_focus {
    outline: none;
    background-color: #c40
}

#explore_bar:focus,#explore_bar.panel_focus,#infobox:focus,#infobox.panel_focus {
    outline: none;
    border: 0.25em solid #c40;
    margin-top: -0.25em
}

#explore_bar:focus #explore_bar_header,#explore_bar.panel_focus #explore_bar_header,#infobox:focus #infobox_header,#infobox.panel_focus #infobox_header {
    background-color: #c40
}

#infobox_header_text:focus,#infobox_header_text.focus,#infobox_icon:focus,#infobox_icon.focus {
    outline: none;
    border: 0.25em solid #c40;
    background-color: #4263AE;
    margin-top: -0.25em;
    margin-left: -0.25em
}

#infobox:focus #infobox_home_crumb,#infobox.panel_focus #infobox_home_crumb {
    background-color: #c40
}

#infobox:focus #infobox_home_crumb:after,#infobox.panel_focus #infobox_home_crumb:after {
    border-left: 10px solid #c40
}

#infobox_home_crumb.focus,#infobox_home_crumb:focus {
    outline: none;
    border: 0.25em solid #c40;
    background-color: #4263AE !important;
    margin-top: -0.25em;
    margin-left: -0.25em
}

#infobox_home_crumb.focus:after,#infobox_home_crumb:focus:after {
    border-top: 1.25em solid transparent;
    border-bottom: 1.25em solid transparent;
    border-left: 10px solid #4263AE !important
}

#infobox_body:focus {
    outline: none;
    border: 0.25em solid #4263AE
}

#container:focus {
    outline: none
}

body.panel_focus {
    background: #c40;
    background: -o-radial-gradient(center, ellipse cover, #fff 25%, #c40 100%);
    background: -o-radial-gradient(center, ellipse, #fff 25%, #c40 100%);
    background: radial-gradient(ellipse at center, #fff 25%, #c40 100%)
}

#status_message {
    display: none;
    position: absolute;
    background-color: #4263AE;
    opacity: 0.75;
    color: #EFEFEF;
    width: 100%;
    height: 2em;
    line-height: 2em;
    text-align: center
}

#status_message:empty {
    display: none
}

.screen_reader_only {
    position: absolute !important;
    top: auto;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

#imo_footer {
    font-size: 1.25em
}

.imo_depth1 {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    z-index: 1
}

.imo_depth1:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.imo_depth2 {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    z-index: 2
}

.imo_depth2:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)
}

.imo_depth3 {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    z-index: 3
}

.imo_depth3:hover {
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);
    box-shadow: 0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)
}

.imo_depth4 {
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    z-index: 4
}

.imo_depth4:hover {
    -webkit-box-shadow: 0 23px 46px rgba(0,0,0,0.35),0 20px 14px rgba(0,0,0,0.21);
    box-shadow: 0 23px 46px rgba(0,0,0,0.35),0 20px 14px rgba(0,0,0,0.21)
}

.imo_depth5 {
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);
    box-shadow: 0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    z-index: 5
}

.imo_depth5:hover {
    -webkit-box-shadow: 0 26px 54px rgba(0,0,0,0.4),0 25px 16px rgba(0,0,0,0.2);
    box-shadow: 0 26px 54px rgba(0,0,0,0.4),0 25px 16px rgba(0,0,0,0.2)
}

.imo_selected {
    z-index: 6
}

.imo_selected:after {
    content: "\20";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit
}

.imo_hovered {
    z-index: 7
}

.hidden {
    display: none !important
}

.visually_hidden,.imo_loading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

.visually_hidden.focusable:active,.visually_hidden.focusable:focus,.no-js .imo_loading {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.invisible {
    visibility: hidden
}