/* Typography */
h1 {
  color: #63A40D;
}
/* End Typography */


/* Background */
body {
  background-color: #545559;
}

.background {
  background: url('../images/background/background.png') 0 0 repeat-x #fff;
  z-index: 1;
}

.background .swooshes {
  background: url('../images/background/swooshes.png') center 0 no-repeat;
  height: 390px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
/* End Background */


/* MusicXML Header */
.header .search-wrapper .search-submit {
  background: url('../images/header/search-submit.png') 0 0 no-repeat;
}

.header .menu-main-container li a:hover,
.header .menu-main-container li.current-menu-item a,
.header .menu-main-container li.current-page-ancestor a {
  color: #63a40d;
}
/* End Header */


/* Gradients */
.action-btn,
.button,
.arrow-button,
.prev-btn,
.next-btn,
.cse input.gsc-search-button,
input.gsc-search-button {
background: #63a40d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYTQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5N2MwMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #63a40d 0%, #97c032 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63a40d), color-stop(100%,#97c032));
  background: -webkit-linear-gradient(top, #63a40d 0%,#97c032 100%);
  background: -o-linear-gradient(top, #63a40d 0%,#97c032 100%);
  background: -ms-linear-gradient(top, #63a40d 0%,#97c032 100%);
  background: linear-gradient(to bottom, #63a40d 0%,#97c032 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a40d', endColorstr='#97c032',GradientType=0 );
}

.action-btn:hover,
.button:hover,
.arrow-button:hover,
.prev-btn:hover,
.next-btn:hover,
.sidebar .side-nav li a:hover,
.cse input.gsc-search-button:hover,
input.gsc-search-button:hover {
  background: #97c032;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YzAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2E0MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #97c032 0%, #63a40d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97c032), color-stop(100%,#63a40d));
  background: -webkit-linear-gradient(top,  #97c032 0%,#63a40d 100%);
  background: -o-linear-gradient(top,  #97c032 0%,#63a40d 100%);
  background: -ms-linear-gradient(top,  #97c032 0%,#63a40d 100%);
  background: linear-gradient(to bottom,  #97c032 0%,#63a40d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c032', endColorstr='#63a40d',GradientType=0 );
  color: #fff;
  text-shadow: 1px 1px rgba(0,0,0,0.3);
}
/* End Gradients */

/* New Google CSE */

form.gsc-search-box {
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

table.gsc-search-box {
  margin:0!important;
}

.gsc-input input.gsc-input {
  background: transparent!important;
  border: none!important;
  color: #333;
  padding-top: 5px!important;
  padding-left: 15px!important;
}

.cse .gsc-search-box .gsc-search-button input.gsc-search-button,
.gsc-search-box .gsc-search-button input.gsc-search-button {
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
  background:transparent;
  position:relative;
  z-index:10;
  background-color:transparent!important;
  background:transparent!important;
  border-radius:0!important;
  -webkit-border-radius:0!important;
  text-indent:-999em;
  position:relative;
}

.gsc-input {
  min-width:175px!important;
}

td.gsc-clear-button {
    position: absolute;
    right: 35px;
    top: 7px;
}

.gsc-search-button {
  position:relative;
  width:20px!important;
  height:20px!important;
  padding:0!important;
  min-width:20px!important;
}

.gsc-search-box .gsc-search-button input.gsc-search-button {
  z-index:10;
}

.gsc-search-box .gsc-search-button::after {
  content:'';
  background:url('data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 20px!important;
  height: 20px!important;
  padding:0!important;
  display: inline-block;
  position: absolute;
  left: calc(50% - 10px);
  top: 3px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  background-color:transparent!important;
  border:0!important;
}

.gsc-table-cell-snippet-close:focus {
  outline:none!important;
}

.gsc-above-wrapper-area {
  margin-bottom:8px;
}

.gsc-table-result {
    border-bottom: 1px solid #eee;
}

td.gsc-table-cell-snippet-close {
  padding: 0 0 20px;
}

.cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover {
  border-color: transparent!important;
  background-color: transparent!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
}

.gsc-cursor-page.gsc-cursor-current-page, .gsc-cursor-page {
  border: 1px solid #ccc!important;
  text-decoration: none!important;
  background: none!important;
  text-shadow: none!important;
  border-radius: 0!important;
  -webkit-border-radius: 0!important;
  -moz-border-radius: 0!important;
  margin: 0!important;
  padding: 10px 15px!important;
  border-right: 0!important;
  color:#333!important;
}


.gsc-cursor-page:last-child {
  border-right:1px solid #ccc!important;
}

.gsc-cursor-page.gsc-cursor-current-page::after {
  content:'';
  border-top:8px solid #01749f;
  border-right:5px solid transparent;
  border-left:5px solid transparent;
  position:absolute;
  top:0;
  left:calc(50% - 5px);
}

.gsc-cursor-page:focus {
  outline:0;
}