body {
background-color: #200938;
 
}
.songlistmargintop{
top:220px;
}

th, td {
    padding: 2px;
    text-align: left;
}

.sub-menu a {
color: #F9FF94}


}
.maincontent {position:absolute; 
              top:240; 
              margin-left:5px;
              }

#firstpage {background-color:#200938}
table.maintable {
    white-space: wrap;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
	background-color:#455784;
	color:#FFFCFF;
	border-width: 1px;
	border-color: #000000;
	border-collapse: collapse;
}
.maintable a {
    color: #FFFCFF;   
}

.contesttable {
    white-space: wrap;
	font-family: Verdana,Arial,sans-serif;
	
	font-size: 14px;
	background-color:#455784;
	color:#D6CBCB;
	border-width: 1px;
	border-color: #000000;
	border-collapse: collapse;
}
.contesttable a {
    color: ;   
}
.rulestable {
    color: #FFFCFF;   
}

.navtable a {
    color: #F9FF94;   
}
.navtable {
    color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;   
}

.textinforms{

color:#F9FF94;
margin-left:5;
margin-top:0;
margin-bottom:5;
}

form {margin-bottom:0;}
form#howfarback {margin-bottom:10;}
form#alphakey {margin-bottom:5;}
.content {
	padding-top: 70px;
}
.navbar-default {
	background-color: #31228E;
	border-color: #000000;
	color:#FFFFFF;
    text-shadow: 2px 2px 4px #EC0D1B;
	
}
li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFc;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #F9FF94;
    text-shadow: 2px 2px 4px #EC0D1B;
    font-weight:700;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color:#FFFFFF;
    background-color: transparent;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #FFFFFF;
    background-color: transparent;
}
.navbar-default .navbar-brand {
    color: #F9FF94;
    text-shadow: 2px 2px 4px #EC0D1B;
    font-weight:700;
}

 #nav-fixed {
  
 display: block;
  margin: 0 3px;
  padding: 5px 3px;  
}


button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
       color: #F9FF94;
       background-color: #31228E;
       border-width:1px;
       border-color:#000000}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #F9FF94;
}
.navbar-default a {
color:#F9FF94;
text-shadow: 2px 2px 4px #EC0D1B;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
    background-color: #455784;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
}
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover {
    background-color: #ffedc9;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #455784;
    border-color: #ddd;
}
.panel-title a {color:#FFFCFF;}
.button {
  font: bold 11px Arial;
  margin-top:5px;
  margin-bottom:5px;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #31228E;
    color:#FFFFFF;
}
#result {
    display: none;
    position:fixed;
	width:inherit;
    background-color: #31228E;
    color: #FFFFFF;
	z-index: 5;
	margin: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border: ridge #ccc;
  border-width: 6px;
  
      }
@media only screen and (max-width: 450px) {
   
.truncatedText {
    white-space: nowrap;
	width: 280px;
    overflow: hidden;
    color: #FFFCFF;
    text-overflow: ellipsis;
}


#twitter-widget-0 {
    max-width:150px;
}
	}
.btnav {
color:#D6CBCB;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border:none;
    
}
.dropdown-menu {
    
    background-color: #31228E;
    color a: #F9FF94;
   
}
.dropdown-menu > li > a {
     color: #F9FF94;
}
.dropdown-menu > li > a:hover {
     color: #FFFFFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #F9FF94;
    background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFFFFF;
    background-color: transparent;
}
#navigation {
  float: left;
}
#navigation a {
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
}
#navigation a:hover {
  color: #DDF1FF;
}

#search-area {
  float: right;
}

input#search {
  width: 200px;
}


/* Auto-suggest styles */

ul#suggestions {
  list-style: none;
  margin-top: -7;
  margin-left: 1;
  padding: 0;
  width: 206px;
  display: none;
}

ul#suggestions li {

}

ul#suggestions li a {
  display: block;
  min-height: 1em;
  padding: 0.5em 10px;
  background: #455784;
  color:#F9FF94;
  text-decoration: none;
}

ul#suggestions li a:hover {
  background: #31228E;
}
@media screen and (min-width: 768px) {
  ul#suggestions {
  list-style: none;
  margin-top: -7;
  margin-left: 145;
  padding: 0;
  width: 206px;
  display: none;
}
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #FFFFFF;
    background-color: #31228E;
}
.navbar-form {
    width: auto;
    padding-top: 0;
    }
select, textarea {
    max-width:95%;
    width:auto;
    margin:5px;
    font: bold 14px Arial;
    padding: 5px 14px;
    border: 1px solid #455784;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 6px 12px #ccc, inset -1px -10px 5px , 1px 2px 1px black;
    -moz-box-shadow: inset 1px 6px 12px #ccc, inset -1px -10px 5px black, 1px 2px 1px black;
    box-shadow: inset 1px 6px 12px #ccc, inset -1px -10px 5px black, 1px 2px 1px black;
    background-color: #31228E;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black;
    
}
select:focus {
         margin:5px;
        width: auto;
    }

textarea#question {
background-color:white;
color:black;
}
.misc-spans a {color:#F9FF94;}
.misc-spans {
background-color:#31228E;
color: #FFFFFF;
padding:4 4 4 4;
border: #000000;
}

.misc-spans-text {
background-color:beige;
color: SlateGrey;
padding:4 4 4 4;
border: #000000;
}
.login-div {
position: absolute;
padding:7 7 7 7;
margin-left:5vw;
margin-top:5vw;
color:#FFFCFF;
background-color:#455784}

/* Hamburger Stuff Begin   */
.navbar-default .navbar-toggle.collapsed .icon-bar {
    background-color: #FFFCFF;
   
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
    background-color: #455784;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #455784;
}
/************ Begin experiment */


.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFCFF;
}

.navbar-toggle .icon-bar {
width:22px;
margin-left:5px;
background:transparent;

}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;


}
.navbar-toggle .middle-bar {
opacity:0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;

}

.navbar-default .navbar-toggle.collapsed .icon-bar {
margin-left:0px;
}
.navbar-default .navbar-toggle.collapsed .top-bar {
transform: rotate(0deg);

}
.navbar-default .navbar-toggle.collapsed .middle-bar {
opacity:1;
}
.navbar-default .navbar-toggle.collapsed .bottom-bar {
transform: rotate(0deg);
}

/*********** End experiment */

/* Begin extra Hamberger stuff

.navbar-default .navbar-toggle {
border:none;
background:transparent;
&:hover {
background:transparent;
}

.navbar-toggle .icon-bar {
width:22px;
transition: all 0.25;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity:0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
}
.navbar-toggle .navbar-toggle.collapsed {
.navbar-default .navbar-toggle .top-bar {
transform: rotate(0);
}
.navbar-default .navbar-toggle .fuck-bar {
transform: rotate(0);
}
.navbar-toggle .middle-bar {
opacity:1;
}
}

 End of Extra Hamburger stuff*/

/*Hamberger End   */
.insideresult {
 display:inline-block;
 padding:5px;
}
#tipsuggestion{
color:white;
}
img {
  position: absolute;
  right: 10px;
  top: 70px;
  z-index: -1;
}
.jumbotron {
  color:#FFFFFF;
  background-color: #200938;
}
img {
  width: 100%;
  height: auto;
  display: block;
}

.thiscontainer {
  display: flex;
  height: 0px;
  justify-content: left;
  align-items: center;
}

.thiscontent {
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.the-image {
    width:inherit;
    height:inherit;
    object-fit:contain;
}
#submitspecial   
   {
   max-width: 95%;
  width: auto;
  margin: -3px;
  font: bold 14px Arial;
  padding: 5px 20px;
  border: 1px solid #0F2B3D;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 6px 12px #ccc, inset -1px -10px 5px , 1px 2px 1px black;
  -moz-box-shadow: inset 1px 6px 12px #ccc, inset -1px -10px 5px black, 1px 2px 1px black;
  box-shadow: inset 1px 6px 12px #ccc, inset -1px -10px 5px black, 1px 2px 1px black;
  background-color: #455784;
  color: #D6CBCB;
    text-shadow: 1px 1px 1px black;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-bottom: 10px;
  }
@media screen and (min-width: 768px){
img {
  position: absolute;
  right: 27px;
  top: 70px;
  z-index: -1;
}
}
@media screen and (min-width: 810px){
img {
  position: absolute;
  right: 47px;
  top: 70px;
  z-index: -1;
}
}
@media screen and (min-width: 1024px){
img {
  position: absolute;
  right: 137px;
  top: 70px;
  z-index: -1;
}
}

@media screen and (min-width: 475px){
#contactform {
 margin-top:10px;
}
}
.panel-group .panel {
margin-left: 2px; 
margin-right: 2px;
}
.navbar-form {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.0),0 0px 0 rgba(255,255,255,.0);
}
.navbar-collapse {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
}
@media (min-width: 768px) {
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0;
    margin-left: 13px;
    margin-top:-1px;
  }
}
.navbar-toggle{
     margin-right: 55px;
margin-top: 10px;
    }