.container {

  padding-right: 0px;

  padding-left: 0px;

  margin-right: auto;

  margin-left: auto;

  background-color:transparent;

  box-shadow:-10px 0px 50px -2px #000;

}



.collapse {

  display: none;

}



.container:before,

.container:after {

  display: table;

  content: " ";

}



.container:after {

  clear: both;

}



.container:before,

.container:after {

  display: table;

  content: " ";

}



.container:after {

  clear: both;

}



@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}



@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}



@media (min-width: 1200px) {

  .container {

    width: 1290px;

  }

}





nav{

  display: block;

}



html {

  font-family: Arial, Helvetica, sans-serif;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}



body {

  margin: 0;

}

small {

  font-size: 80%;

  color:#000;

}



img {

  border: 0;

}



fieldset {

  padding: 0.35em 0.625em 0.75em;

  margin: 0 2px;

  border: 1px solid #c0c0c0;

}



button,

input {

  line-height: normal;

  margin: 0;

  font-family: inherit;

  font-size: 100%;



}



button{

  text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  cursor: pointer;

  -webkit-appearance: button;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  padding: 0;

  border: 0;

}



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



html {

  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



body {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 13px;

  line-height: 1.428571429;

  color: #333333;

  background-color: #ffffff;

  background-image: -webkit-linear-gradient(right, color-stop(rgba(102,153,153,.2) 0), color-stop(rgba(51,102,102,.0001) 100%));

  background-image: linear-gradient(to right, rgba(102,153,153,.2) 0, rgba(51,102,102,.0001) 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);





}



input,

button{

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}



a {

  color: #428bca;

  text-decoration: none;

}



a:hover,

a:focus {

  color: #2a6496;

}



a:focus {

  outline: thin dotted;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



img {

  vertical-align: middle;

}



.img-responsive {

  display: block;

  height: auto;

  max-width: 100%;

}



hr {

  margin-top: 20px;

  margin-bottom: 20px;

  border: 0;

  border-top: 1px solid #eeeeee;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 500;

  line-height: 1.1;

  color: inherit;

}



p {

  margin: 0 0 10px;

  padding:10px;

}



.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}



.text-center {

  text-align: center;

}



ul{

  margin-top: 0;

  margin-bottom: 10px;

  

}



.list-unstyled {

  padding-left: 0;

  list-style: none;

}

.list-inline {

  padding-left: 0;

  list-style: none;

}



.list-inline > li {

  display: inline-block;

  padding-right: 5px;

  padding-left: 5px;

}



.list-inline > li:first-child {

  padding-left: 0;

}



.col-xs-1,

.col-md-1,

.col-xs-2,

.col-md-2,

.col-xs-3,

.col-md-3,

.col-xs-4,

.col-md-4,

.col-xs-5,

.col-md-5,

.col-xs-6,

.col-md-6,

.col-xs-7,

.col-md-7,

.col-xs-8,

.col-md-8,

.col-xs-9,

.col-md-9,

.col-xs-10,

.col-md-10,

.col-xs-11,

.col-md-11,

.col-xs-12,

.col-md-12{

  position: relative;

  min-height: 1px;

  padding-right: 0px;

  padding-left: 0px;

}

.col-md-2{

	padding:3px;

}





.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12 {

  float: left;

}



.col-xs-12 {

  width: 100%;

}



.col-xs-11 {

  width: 91.66666666666666%;

}



.col-xs-10 {

  width: 83.33333333333334%;

}



.col-xs-9 {

  width: 75%;

}



.col-xs-8 {

  width: 66.66666666666666%;

}



.col-xs-7 {

  width: 58.333333333333336%;

}



.col-xs-6 {

  width: 50%;

}



.col-xs-5 {

  width: 41.66666666666667%;

}



.col-xs-4 {

  width: 33.33333333333333%;

}



.col-xs-3 {

  width: 25%;

}



.col-xs-2 {

  width: 16.666666666666664%;

}



.col-xs-1 {

  width: 8.333333333333332%;

}



@media (min-width: 992px) {

  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12 {

    float: left;

  }

  .col-md-12 {

    width: 100%;

  }

  .col-md-11 {

    width: 91.66666666666666%;

  }

  .col-md-10 {

    width: 83.33333333333334%;

  }

  .col-md-9 {

    width: 77%;

  }

  .col-md-8 {

    width: 66.66666666666666%;

  }

  .col-md-7 {

    width: 58.333333333333336%;

  }

  .col-md-6 {

    width: 50%;

  }

  .col-md-5 {

    width: 41.66666666666667%;

  }

  .col-md-4 {

    width: 33.33333333333333%;

  }

  .col-md-3 {

    width: 23%;

  }

  .col-md-2 {

    width: 16.666666666666664%;

  }

  .col-md-1 {

    width: 8.333333333333332%;

  }

}



fieldset {

  padding: 0;

  margin: 0;

  border: 0;

}

@media (min-width: 768px) {

  .form-inline .form-group {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .form-control {

    display: inline-block;

  }

 

}

.form-control {

  display: block;

  width: 100%;

  height: 34px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.428571429;

  color: #555555;

  vertical-align: middle;

  background-color: #ffffff;

  background-image: none;

  border: 0px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}



.form-control:focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

}



.form-control:-moz-placeholder {

  color: #999999;

}



.form-control::-moz-placeholder {

  color: #999999;

  opacity: 1;

}



.form-control:-ms-input-placeholder {

  color: #999999;

}



.form-control::-webkit-input-placeholder {

  color: #999999;

}



.btn {

  display: inline-block;

  padding: 7px 10px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 1.428571429;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  background-image: none;

  border: 0px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

       -o-user-select: none;

          user-select: none;

}



.btn:focus {

  outline: thin dotted;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



.btn:hover,

.btn:focus {

  color: #333333;

  text-decoration: none;

}



.btn:active{

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}



.btn-default {

  color: #333333;

  background-color: #eeeeee;

  text-shadow:0px 1px 0px #ffffff;

}



.btn-default:hover,

.btn-default:focus,

.btn-default:active{

  color: #cccccc;

  text-shadow:0px 1px 0px #000;

  background-color: #444444;

 }



.btn-default:active,

.btn-default.active{

  background-image: none;

}



.nav {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.nav:before,

.nav:after {

  display: table;

  content: " ";

}



.nav:after {

  clear: both;

}



.nav:before,

.nav:after {

  display: table;

  content: " ";

}



.nav:after {

  clear: both;

}



.nav > li {

  position: relative;

  display: block;

}



.nav > li > a {

  position: relative;

  display: block;

  padding: 5px 15px;

}



.nav > li > a:hover,

.nav > li > a:focus {

  text-decoration: none;

  background-color: #eeeeee;

}



.nav > li > a > img {

  max-width: none;

}



.navbar {

  position: relative;

  min-height: 50px;

}



.navbar:before,

.navbar:after {

  display: table;

  content: " ";

}



.navbar:after {

  clear: both;

}



.navbar:before,

.navbar:after {

  display: table;

  content: " ";

}



.navbar:after {

  clear: both;

}



.navbar-header:before,

.navbar-header:after {

  display: table;

  content: " ";

}



.navbar-header:after {

  clear: both;

}



.navbar-header:before,

.navbar-header:after {

  display: table;

  content: " ";

}



.navbar-header:after {

  clear: both;

}



@media (min-width: 768px) {

  .navbar-header {

    float: left;

  }

}

table{

	margin-left:auto; 

	margin-right:auto; 

 }

@media (max-width: 768px) {

   .pull-right {

	   margin:0px 50px;

	  clear:both;

	  float:left;

	}



}



.navbar-collapse {

  max-height: 340px;

  padding-right: 15px;

  padding-left: 15px;

  overflow-x: visible;

  border-top: 1px solid transparent;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  -webkit-overflow-scrolling: touch;

}



.navbar-collapse:before,

.navbar-collapse:after {

  display: table;

  content: " ";

}



.navbar-collapse:after {

  clear: both;

}



.navbar-collapse:before,

.navbar-collapse:after {

  display: table;

  content: " ";

}



.navbar-collapse:after {

  clear: both;

}



.navbar-collapse.in {

  overflow-y: auto;

}



@media (min-width: 768px) {

  .navbar-collapse {

    width: auto;

    border-top: 0;

    box-shadow: none;

  }

  .navbar-collapse.collapse {

    display: block !important;

    height: auto !important;

    padding-bottom: 0;

    overflow: visible !important;

  }

  .navbar-collapse.in {

    overflow-y: visible;

  }

  

}



.container > .navbar-header,

.container > .navbar-collapse {

  margin-right: -15px;

  margin-left: -15px;

}



@media (min-width: 768px) {

  .container > .navbar-header,

  .container > .navbar-collapse {

    margin-right: 0;

    margin-left: 0;

  }

}



.navbar-toggle {

  position: relative;

  float: right;

  padding: 9px 10px;

  margin-top: 8px;

  margin-right: 15px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

}



.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

}



.navbar-toggle .icon-bar + .icon-bar {

  margin-top: 4px;

}



@media (min-width: 768px) {

  .navbar-toggle {

    display: none;

  }

}



.navbar-nav {

  margin: 7.5px -15px;

}



.navbar-nav > li > a {

  padding: 15px ;

  line-height: 20px;

}



@media (min-width: 768px) {

  .navbar-nav {

    float: left;

    margin: 0;

  }

  .navbar-nav > li {

    float: left;

  }

  .navbar-nav > li > a {

    padding: 10px 10px;

  }

  .navbar-nav.navbar-right:last-child {

    margin-right: -15px;

  }

}





@media (min-width: 768px) {

  .navbar-left {

    float: left !important;

  }

  .navbar-right {

    float: right !important;

  }

}



.navbar-form {

  margin-top: 8px;

  margin-right: -15px;

  margin-bottom: 5px;

  margin-left: -15px;

  border-top: 1px solid transparent;

  border-bottom: 1px solid transparent;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

}



@media (min-width: 768px) {

  .navbar-form .form-group {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .navbar-form .form-control {

    display: inline-block;

  }

 

}



@media (max-width: 767px) {

  .navbar-form .form-group {

    margin-bottom: 5px;

  }



}



@media (min-width: 768px) {

  .navbar-form {

    width: auto;

    padding-top: 0;

    padding-bottom: 0;

    margin-right: 0;

    margin-left: 0;

    border: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  .navbar-form.navbar-right:last-child {

    margin-right: -15px;

  }

}



.navbar-default {

	background-color:#006666;

}



.navbar-default .navbar-nav > li > a {

  color: #dddddd;

  text-shadow:2px 1px 1px #444;

  font-weight:bolder;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  background-color: #BBBBBB;

  color:#333;

  text-shadow:0px 1px 0px #cccccc;

}



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #222222;

}



.navbar-default .navbar-toggle .icon-bar {

  background-color: #cccccc;

}



.panel {

  margin:0 1px 2px 1px;

  background-color: transparent;

}



.panel-body:before,

.panel-body:after {

  display: table;

  content: " ";

}



.panel-body:after {

  clear: both;

}

.panel-body {

  padding:5px 0px 0px 0px;

}



.panel-heading {

  padding: 10px 15px;

  box-shadow:0px 0px 5px -2px #000;

}



.panel-title {

  margin-top: 0;

  margin-bottom: 0;

  font-size: 16px;

  color: #FFFFFF;

  text-shadow:0px 0px 1px #FFF;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}



.panel-title > a {

  color: inherit;

  text-shadow:inherit;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}



.panel-footer {

  padding: 10px 15px;

  border-top: 1px solid #dddddd;

}



.panel-default {

  border-color: #dddddd;

}



.panel-default > .panel-heading, .site-footer {

  color: #eeeeee;

  background-color:#339999;

}



.clearfix:before,

.clearfix:after {

  display: table;

  content: " ";

}



.clearfix:after {

  clear: both;

}



.pull-right {

  float: right !important;

  margin-right:8px;

}



.pull-left {

  float: left !important;

}

@-ms-viewport {

  width: device-width;

}

.text-info{

	padding:2px 15px;

	color:#000;

	text-shadow:1px 0px 1px #ccc;

	font-size:small;

}

.text-info:hover, .text-info:focus{

	color:#ddd;

	text-shadow:0px 1px 1px #222;

}

small.pull-right{ 

	color:#000000;

	background:#AAA;

	padding:2px 5px;

	border-radius:1px;

}



.ring-items, .h4{

	display:block;

	padding:8px 10px;

	color:#000000;

}

.ring-items{

	padding:5px 0 5px 10px;

	font-size:90%;

	color:#555;

}

.ring-items:hover, .ring-items:focus{

	color:#322;

	background:#B7ECBA;

}

.h4{

	font-size:130%;

	margin:2px;

}



.list-unstyled.list-inline.text-left li{

	border-right:2px solid #cccccc;

}

.list-unstyled.list-inline.text-left li a{

	color: #222;

}

.list-unstyled.list-inline.text-left li a:hover, .list-unstyled.list-inline.text-left li a:focus{

	color: #963;

	text-decoration:underline;

}

.list-unstyled.list-inline.text-left{ 

	padding:10px;

}

.searches{

	background:#eeeeee;	

}



.menu_item{

	border-bottom:1px solid #ccc;

	

}

.site-footer{

	text-shadow:0px 1px 1px #000;

	padding:40px 20px;

	color:#eee;

}

.site-footer a{

	color:#eee;

}



.disclaimer{

	padding-left:20px;

}

#downloads{

	min-height:150px;

}

.down_msg{

	padding:10px 20px;

	margin-top:5px;

	background:#eee;

	color:#366;

	

}



.down_links{

	list-style:none;

	width:80%;

	font-size:90%;

	margin:auto;

}

.down_links li{

	display:inline;

	float:left;

	margin:0px 1px 1px 0px;

	background:#669;

	padding:5px;

	min-width:200px;

	box-shadow:0px 0px 3px -1px #000;	

}

.down_links li small{

	color:#CCC;

}

.down_links li a{

	color:#eeeeee;

}

.down_links li a:hover{

	color:#ffffff;

}

.caption{

	padding:10px 5px;

	color:#222;

	font-weight:bold;

}

.song-list > div{

	padding:5px 20px;

	border-bottom:1px solid #ccc;

}

.download_button:hover, .download_button:focus{

	text-decoration:underline;

}

.lyrics-panel{

	background:#9EDEBA;

	padding:15px;

}

.lyrics-panel div{

	color:#111;

	border-bottom:1px solid #666;

	padding-top:5px;		

}

.tabrows td{

	padding:7px 10px;

	border-left:5px solid #A5D1C9;

	border-top:1px solid #C5EBD6;

	border-bottom:1px solid #C5EBD6;

}

.tabrows td a:hover, .tabrows td a:focus{ text-decoration:underline;}

.tabrows td a{

	color:#555;

}

.panel-heading{

  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));

  background-image: linear-gradient(to left, rgba(0,102,102,.5) 0, rgba(0, 0, 0, 0.0001) 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=2);



}