@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Anton|Nunito|PT+Sans+Narrow|Ubuntu|Rammetto+One|Suez+One');
body{font-family:'Ubuntu',sans-serif;margin:25px 0px}
audio{margin:10px 0px}
code{color:#000}
#maincontent{margin:10px 5px 20px}
#advert{padding:10px 0px}
#advert a{color:#fff;text-decoration:none}
#abcnotation{padding:5px 15px}
.well-blue{background-color:#4681b3;color:#fff}
.jumbotron{background:#4681B3;color:#DFDFDF;font-family:'Suez One',serif;padding-top:10px;padding-bottom:10px;margin-bottom:15px}
.jumbotron #banner{margin-top:25px}
.jumbotron small{color:#fff}
.footer{background:#eee;text-align:center;bottom:0px;clear:both;min-height:80px;font-family:'PT Sans Narrow',sans-serif;border-top:solid 2px #4681B3}
.footer_container{position:relative;margin:2em auto}
.gold-text{color:gold}
.gold-bg{background-color:gold}
.blue-text{color:#4681b3}
.blue-bg{color:#4681b3}
.grey-text{color:#dfdfdf}
.grey-bg{color:#dfdfdf}
.navbar-default{background-color:#4681b3;border:none;color:#dfdfdf}
.navbar-default .navbar-nav>li>a{color:#dfdfdf}
.navbar-default .navbar-nav>li>a:hover{color:#ffd700}
.navbar-default .navbar-nav>.active,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:active{background-color:#274864;color:#fff;font-weight:bolder}
.navbar-default .navbar-nav>.active>a:hover{color:#ffd700;background-color:inherit}
.navbar-default .navbar-brand{color:#ffd700;font-weight:600}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:lightgoldenrodyellow;font-weight:800}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:active{background-color:#274864;color:#fff;font-weight:bolder}
.navbar-default .navbar-nav>.open>a:hover{color:#ffd700;background-color:#274864;font-weight:bolder}
.navbar-default .dropdown-menu{background-color:#274864;color:#ffd700}
.navbar-default .dropdown-menu>li>a{color:#ffd700}
.navbar-default .dropdown-menu>li>a:hover{color:#ffd700;background-color:#4681b3;font-weight:bolder}
@media screen and (max-width:767px){
.navbar-default .navbar-nav .open .dropdown-menu>li,.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#ffd700}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#ffd700;background-color:#274864;font-weight:bolder}
.navbar-default .navbar-toggle{background-color:#fff;color:#000}
.navbar-default .navbar-toggle:hover{background-color:#ffd700;color:#000}
#abcexample{margin-bottom:20px}
}
.black,.black a,.black:hover,.black:visited{color:#000;text-decoration:none}
audio{width:30%}
ol.olSmallList{margin-bottom:5px;margin-top:0px;font-size:small}
table.center-table{margin-left:auto;margin-right:auto}
/* needed for advertise,software & browse pages */td.padding5{padding:5px}
div.divTuneGraphCanvas{width:300px;height:300px}
div.divTuneGraphScore{width:300px}
.link{fill:none;stroke:#666;stroke-width:1.5px;stroke-opacity:.6}
.node circle{fill:#ccc;stroke:#fff;stroke-width:1.5px}
midi-player{display:inline-block;width:300px;height:46px;margin:3px;vertical-align:bottom;font-family:sans-serif;font-size:14px}
.responsive-youtube{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.responsive-youtube iframe{left:0;top:0;height:100%;width:100%;position:absolute}