body {background-color: #000000;}

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

.sub-menu a {
color: #fff;


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

#firstpage {background-color:#000000}
table.maintable {
    white-space: wrap;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
	background-color:#10040E;
	color:#FFFFFF;
	border-width: 1px;
	border-color: #8C72A1;
	border-collapse: collapse;
}
.maintable a {
    color: #FFFFFF;   
}


.contesttable a {
    color: ;   
}
.rulestable {
    color: #FFFFFF;   
}

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

.textinforms{

color:#FFFFFF;
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: #D41FC4;
	border-color: #8C72A1;
	color:FFFFFF;
    
	
}
li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: FFFFFF;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color:FFFFFF;
    background-color: #8C247D;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: FFFFFF;
    background-color: #8C247D;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF;
}
.navbar-default .navbar-brand {
    color: #FFFFFF;
}

 #nav-fixed {
  
 display: block;
  margin: 0 3px;
  padding: 10px 3px;  
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight:bold;
        line-height: inherit;
       color: #FFFFFF;
       background-color: #D41FC4;
       border-width:1px;
       border-color:#8C72A1}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
.navbar-default a {color:#FFFFFF;}

.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: #10040E;
    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: #10040E;
    border-color: #ddd;
}
.panel-title a {color:#FFFFFF;}
.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: #D41FC4;
    color:FFFFFF;
}
#result {
    display: none;
    position:fixed;
	width:inherit;
    background-color: #D41FC4;
    color: FFFFFF;
	z-index: 5;
	margin: auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: ridge #ccc;
  border-width: 4px;
  left:5%;
		
		  
      }
@media only screen and (max-width: 450px) {
   
.truncatedText {
    white-space: nowrap;
	width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#FFFFFF;
}


#twitter-widget-0 {
    max-width:150px;
}
	}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border:none;
    
}
.dropdown-menu {
    
    background-color: #D41FC4;
    color a: #FFFFFF;
   
}
.dropdown-menu > li > a {
     color: #FFFFFF;
}
.dropdown-menu > li > a:hover {
     color: FFFFFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
    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: #10040E;
  color:#FFFFFF;
  text-decoration: none;
}

ul#suggestions li a:hover {
  background: #D41FC4;
}
@media screen and (min-width: 768px) {
  ul#suggestions {
  list-style: none;
  margin-top: -7;
  margin-left: 145;
  padding: 0;
  width: 206px;
  display: none;
}
}
@media only screen and (max-width: 650px) {
   
.truncatedText {
    white-space: nowrap;
	width: 280px;
    overflow: hidden;
    
    text-overflow: ellipsis;
    color:#FFFFFF;
}
	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: FFFFFF;
    background-color: #D41FC4;
}
.navbar-form {
    width: auto;
    padding-top: 0;
    }
select, textarea {
    max-width:95%;
    font: bold 14px Arial;
    padding: 5px 20px;
    border: 1px solid #10040E;
    
    background-color: #D41FC4;
    color: FFFFFF;
    
    
}

textarea#question {
background-color:white;
color:black;
}
.misc-spans a {color:#FFFFFF;}
.misc-spans {
background-color:#8C247D;
padding:5 5 5 5;
color:#FFFFFF;
border: 1px solid #8C72A1;
}
.login-div {
position: absolute;
padding:7 7 7 7;
margin-left:5vw;
margin-top:5vw;
color:#FFFFFF;
background-color:#10040E}

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

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


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

.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   */
.table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 0px;
   
}