html {
    height: 900px;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

body {
    font-family: 'Arial Black', Gadget, sans-serif;
    font-size: 14px;
    background-color: whitesmoke;
    min-width:1200px;
    width:inherit;
    height: 900px;
    overflow-x: auto;
    overflow-y: visible;
}

iframe {
    background-color: whitesmoke;
    border-style: none;
    width:100%;
    height:900px;
    overflow-x: hidden;
    overflow-y: visible;
}

.embedded {
    min-width:900px;
    max-width:1450px;
    min-height:900px;
    max-height:1200px;
    overflow: hidden;
}

div {
    height:inherit;
    width:inherit;
}

div.tab-pane {
    height:inherit;
    width:inherit;
}

div.tab-content {
    height:inherit;
    width:inherit;
}
ul.nav.nav-pills > li.active > a, 
ul.nav.nav-pills > li.active > a:hover, 
ul.nav.nav-pills > li.active > a:focus {
    color:white;
    font-weight: bold;
    font: 'Arial Black' Charcoal sans-serif;
    background-color:darkslategrey;
}
ul.nav.nav-pills > li > a {
    color: darkcyan;
    font: 'Arial Black' Charcoal sans-serif;
    font-size: 16px;
}

div.tab-content > div.tab-pane > ul.nav.nav-pills > li.active > a:hover,
div.tab-content > div.tab-pane > ul.nav.nav-pills > li.active > a:focus,
div.tab-content > div.tab-pane > ul.nav.nav-pills > li.active > a {
    color:white;
    font-weight: bold;
    font: 'Arial Black' Charcoal sans-serif;
    background-color:darkslategrey;
}
div.tab-content > div.tab-pane > ul.nav.nav-pills > li > a {
    color: darkcyan;
    font: 'Arial Black' Charcoal sans-serif;
    font-size: 16px;
}

ul.nav.nav-pills.nav-stacked > li.active > a:hover, 
ul.nav.nav-pills.nav-stacked > li.active > a:focus,  
ul.nav.nav-pills.nav-stacked > li.active > a {
    color:white;
    font-weight: bold;
    font: 'Arial Black' Charcoal sans-serif;
    background-color:darkslategrey;
}
ul.nav.nav-pills.nav-stacked > li > a {
    color: darkcyan;
    font: 'Arial Black' Charcoal sans-serif;
    font-size: 16px;
}