@media screen and (max-width: 60em) {
 #responsive-menu li {
     display:block;
     width:100%;
 }
}

body {
	background-color: #000000;
	color:#eeeeee;
	font-family: Verdana, Arial, Helvetica;
/*	font-size:0.85em;*/
}

a {
   color:#000;
}

input[type=checkbox] {
    margin-top:15px;
}
p {
    background-color: #000;
}

#logo {
    padding-left: 0.9375rem;
    background-color:#000000;
}

h3 {
    border-bottom:1px #eeeeee solid;
}

.rbox {
    padding:5px;
    background-color: #000000;
}

tbody, thead {
    border:0 !important;
}

.top-bar h3 {
    text-align:right;
    padding-right: 0.9375rem;
    color:#000000;
}

.top-bar ul {
    background-color:#000000;
}

#example-animated-menu {
    background-color:#000000;   
}

ul.vertical li a {
white-space: nowrap;
}

.top-bar ul a, .top-bar a {
    color:#ffffff;
    font-weight:600;
}

.top-bar ul a:hover, .top-bar a:hover {
    color:#999999;
    font-weight:600;
}

a {
  background-color: #000000 !important;
  color:#EEEEEE;
  border-color:#000000  transparent transparent transparent !important; 
 }

a:after {
  background-color: #000000 !important;
  color:#EEEEEE;
  border-color:#000000  transparent transparent transparent !important; 
 }
 
.top-bar .is-dropdown-submenu-parent > a:hover {
  color:#999999 !important; 
}

.top-bar .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
    color:#999999;
}


.top-bar .dropdown li:hover:not(.has-form):.active > a:not(.button) {
    color:#999999;
}

.menu .active > a {
    color: #999999 !important;
}

@media screen and (max-width: 40em) {
 .top-bar h3 {
    display:none;
 }
}

.top-bar {
    background: #fff;
}
.button {
    background-color:#999;
    color:#fff;
}

.button:hover {
    background-color:#777;
    color:#fff;
}

input[data-toggle] {
  display: none; 
 }
 
input[data-toggle]:checked + label,
input[data-toggle]:checked + label:active {
  background-color: black;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 
}

.accordion-title, .accordion-title {
    background-color: #EFEFEF;
    color:#000000;
    font-size:12px;
}

.accordion-title:focus, .accordion-title:hover {
    background-color: #DEDEDE;
    color:#000000;
    font-size:12px;    
}

.pic50 {
   height:50px; !important;
}

.ui-autocomplete-loading {
   background: white url("img/ui-anim_basic_16x16.gif") right center no-repeat;
}

#container{
    width: 100%;
    background-color:#000;
}

#floated{
    float: right;
    width: 300px;
}