html, body{
    margin:0;
    padding:0;
    background: url(bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: auto;
	min-height: 100vh;
    font-family: 'Raleway', sans-serif !important;
}

.wrapper {
  margin-right: auto;
  margin-left:  auto;
  position: relative;
  max-width: 960px;

  padding-right: 10px; /* 3 */
  padding-left:  10px; /* 3 */
}

.imgs > img {

  float: left;
}
#text{
  display: inline-block;
  position: absolute;
  margin-top: -7px;
}

.imgs > form{
  
}
#logo {
  margin-top: 10%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}
.form-control {
  box-shadow: none;		
  font-weight: normal;
  font-size: 13px;
}
.navbar-header.col {
  padding: 0 !important;
}	
.navbar {
  background: #fff;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #dfe3e8;
  border-radius: 0;
}
.navbar .navbar-brand, .navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  padding-left: 0;
  font-size: 20px;
  padding-right: 50px;
}
.navbar .navbar-brand b {
  font-weight: bold;
  color: #33cabb;		
}
.navbar .form-inline {
      display: inline-block;
  }
.navbar .nav li {
  position: relative;
}
.navbar .nav .btn-primary, .navbar .nav .btn-primary:active {
  color: #fff;
  background: #C7B136;
  padding-top: 8px;
  padding-bottom: 6px;
  vertical-align: middle;
  border: 1px solid black;
}	
.container .btn-primary{
  margin-top: 15px;
  border: 1px solid black !important;
  width: 25% !important;
  background: #C7B136 !important;
}
.navbar ul.nav a:hover{
  color:#C7B136 !important;
}
.navbar .navbar-right li:first-child a {
  padding-right: 30px;
}
.navbar .nav-item i {
  font-size: 18px;
}
.navbar .dropdown-item i {
  font-size: 16px;
  min-width: 22px;
}
.navbar ul.nav li.active a, .navbar ul.nav li.open > a {
  color: #C7B136;
  background: transparent !important;
}	
.navbar .nav .get-started-btn {
  min-width: 120px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar ul.nav li.open > a.get-started-btn {
  color: #fff;
  background: #31bfb1 !important;
}
.navbar .dropdown-menu {
  border-radius: 1px;
  border-color: #e5e5e5;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.navbar .nav .dropdown-menu li {
  color: #999;
  font-weight: normal;
}
.navbar .nav .dropdown-menu li a, .navbar .nav .dropdown-menu li a:hover, .navbar .nav .dropdown-menu li a:focus {
  padding: 8px 20px;
  line-height: normal;
}
.navbar .navbar-form {
  border: none;
}
.navbar .dropdown-menu.form-wrapper {
  width: 280px;
  padding: 20px;
  left: auto;
  right: 0;
  font-size: 14px;
  margin-top: 1px;    
}
.navbar .dropdown-menu.form-wrapper a {		
  color: #222;
  padding: 0 !important;
}
.navbar .dropdown-menu.form-wrapper a:hover{
  text-decoration: underline;
}
.navbar .social-btn .btn i {
  margin-right: 5px;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.navbar .form-wrapper .form-footer {
  text-align: center;
  padding-top: 10px;
  font-size: 13px;
  line-height: 25px;
}
.navbar .form-wrapper .form-footer a:hover{
  text-decoration: underline;
}
.navbar .navbar-right .dropdown-toggle::after {
  display: none;
}
@media (min-width: 1200px){
  .form-inline .input-group {
    width: 300px;
    margin-left: 30px;
  }
}
@media (max-width: 768px){
  .navbar .dropdown-menu.form-wrapper {
    width: 100%;
    padding: 10px 15px;
    background: transparent;
    border: none;
  }
  .navbar .form-inline {
    display: block;
  }
  .navbar .input-group {
    width: 100%;
  }
  .navbar .nav .btn-primary, .navbar .nav .btn-primary:active {
    display: block;
  }
}

#infoserver{
  position: absolute;
  width: 200px !important;
  height: 550px;
  border: solid 1px black;
  border-radius: 6px;
  background-color: white;
  right:0;
  margin-right: -205px;
}

#infoserver a{
  text-decoration: none;
  color: #C7B136;
}

#infoserver a:hover{
  text-decoration: underline;
  color: black;
}

.container{
  width: 940px !important;
  height: auto;
  border: solid 1px black;
  border-radius: 6px;
  background-color: white;
}

.container-header{
  padding: 10px;
  font-size: 16px;
}

.container img {
  margin-top: -10px;
  padding: 10px;
}

.container-news h3{
  margin-top: -4px;
}

.container-news{
  margin-left: 10px;
  padding: 10px;
  width: 900px !important;
  height: 100%;
  border: solid 1px black;
  background-color: #dbdbdb;
}
hr{
	border-top: 1px dashed #8c8b8b !important;
	border-bottom: 1px dashed #fff !important;
}
.container-news-info{
  padding: 10px;
  width: 880px !important;
  height: 100%;
  border: solid 1px black;
  background-color: white;
}

footer {
  margin-top: 15px;
  width: 940px !important;
  height: auto;
  border: solid 1px black;
  border-radius: 6px;
  background-color: white;
}

footer p{
  margin-left: 15px;
  padding: 10px;
}

footer a{
  color:#C7B136;
  text-decoration: none;
}

footer a:hover{
  text-decoration: underline;
  color:black;
}


.column{
  float: left;
  width: 50%;
  padding:10px;
  height: 300px;
}
#row:after{
  content: "";
  display:table;
  clear:both;
}

.column2{
  float: left;
  width: 33%;
  padding:10px;
  height: 365px;
}
#row2:after{
  content: "";
  display:table;
  clear:both;
}

.notice a:hover {
  text-decoration: underline;
  color: black;
}

.notice a {
  font-weight:bolder;
  text-decoration: none;
  color: #817134;
}
.notice {
  background: #FFF6BF;
  color: #817134;
  text-align: center;
  margin-top: 15px;
  border-color: #FFD324;
  padding: .8em;
  margin-bottom: 1em;
  font-size: 13px;
  border: 2px solid #ddd;

}

.noticered a {
  font-weight:bolder;
  text-decoration: none;
  color: #817134;
}
.noticered {
  background: #FA8072;
  color: black;
  text-align: center;
  margin-top: 15px;
  border-color: #FFD324;
  padding: .8em;
  margin-bottom: 1em;
  font-size: 13px;
  border: 2px solid #ddd;

}
#Register1,#Register2,#Register3,#Register4 {
  background-image: url('../imgs/CopyPaste.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  overflow: auto;      /* simple clearfix */
  position: relative;  /* if you later use absolute children */
}
textarea {
  resize: none;
}

#step2{
  margin-left: 36%;
}
#step2 .btn-primary{
  margin-left: 4%;
}


.buttonskin {
  border: 1px outset #333;
  padding: 1em;
  display: inline-block;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.buttonskin:active {
  border-style: inset;
}
.disabled {
  color: #ccc;
  border-color: #ccc;
}
.disabled:active {
  border-style: outset;
}
#slide {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  height: 300px;
}
.slide-controls {
  width: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#next-slide {
  position: absolute;
  right: 0;
}

.container .btn-primary2{
  margin-top: -68px;
  margin-left: 63px;
  border: 1px solid black !important;
  width: 60% !important;
  background: #C7B136 !important;
}

.changelog_day {
  background: #C7B136;
  color: black;
  padding: 10px;
  display: block;
}

ul.changelog {
  margin: 0;
  padding: 10px 10px 20px 20px;
}

#banlist {
  border-collapse: collapse;
  width: 100%;
}

#banlist td, #banlist th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}


#banlist tr:hover {background-color: #ddd;}

#banlist th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #C7B136;
  color: white;
}

#banlist a{
  color: black;
}
#banlist a:hover{
  color:red;
}

#baninfo{
  text-align:center;
  padding: 10px 20px;
}


#management, #leadadmin, #developers, #testers, #focogaming, #thirdpdevelopers, #staffdisclaimer {
  float: left;
  position: relative;
  width: 737px;
  font-size: 1em;
  margin-left: 11%;
  margin-top: 2%;
}

#managementWrap {
  background: url(../imgs/managementtop.jpg) no-repeat left top;
  width: 737px;
  padding-top: 31px;
}


#list {
  list-style-type: square !important;
}

.bluestaff, .bluestaff a {
  color: #012152;
  font-weight: bold;
  text-decoration: none;
}

.testerstaff, .testerstaff a {
  color: #598a77;
  font-weight: bold;
  text-decoration: none;
}

.redstaff, .redstaff a {
  color: #cc6868;
  font-weight: bold;
  text-decoration: none;
}

.leadstaff, .leadstaff a {
  color: #422828;
  font-weight: bold;
  text-decoration: none;
}

#widecontentborders {
  border-left: 1px #bfbfbf solid;
  border-right: 1px #bfbfbf solid;
  padding: 5px 20px 5px 20px;
}

#widecontentBottom {
  background: url(../imgs/widecontentbottom.jpg) no-repeat left bottom;
  width: 737px;
  height: 13px;
  clear: both;
}


#colWrapL {
  float: left;
  display: inline;
  margin-left: 11%;
}

#levelFour {
  position: relative;
  width: 355px;
  margin-top: 20px;
  font-size: 1em;
}

#levelFourWrap {
  background: url(../imgs/lvl4adminstop.jpg) no-repeat left top;
  width: 355px;
  padding-top: 27px;
}

#thincontentborders {
  border-left: 1px #bfbfbf solid;
  border-right: 1px #bfbfbf solid;
  padding: 5px 20px;
}

#thincontentBottom {
  background: url(../imgs/thincontentbottom.jpg) no-repeat left bottom;
  width: 355px;
  height: 14px;
  clear: both;
}

#levelTwo {
  position: relative;
  width: 355px;
  margin-top: 20px;
  font-size: 1em;
}

#levelTwoWrap {
  background: url(../imgs/lvl2adminstop.jpg) no-repeat left top;
  width: 355px;
  padding-top: 27px;
}

#colWrapR {
  float: left;
  display: inline;
  margin-left: 25px;
}

#levelThree {
  position: relative;
  width: 355px;
  margin-top: 20px;
  font-size: 1em;
}

#levelThreeWrap {
  background: url(../imgs/lvl3adminstop.jpg) no-repeat left top;
  width: 355px;
  padding-top: 27px;
}

#levelOne {
  position: relative;
  width: 355px;
  margin-top: 20px;
  font-size: 1em;
}

#levelOneWrap {
  background: url(../imgs/lvl1adminstop.jpg) no-repeat left top;
  width: 355px;
  padding-top: 27px;
}

#leadadminWrap {
  background: url(../imgs/leadadmintop.jpg) no-repeat left top;
  width: 737px;
  padding-top: 34px;
}

.greystaff {
  color: #a0a0a0;
}

#developersWrap {
  background: url(../imgs/developerstop.jpg) no-repeat left top;
  width: 737px;
  padding-top: 34px;
}

#webdevelopersWrap {
  background: url(../imgs/webdeveloperstop.jpg) no-repeat left top;
  width: 737px;
  padding-top: 34px;
}

.orangestaff, .orangestaff a {
  color: #dd7a0f;
  font-weight: bold;
  text-decoration: none;
}

.webstaff, .webstaff a{
  color: #57577a;
  font-weight: bold;
  text-decoration: none;
}

#testersWrap {
  background: url(../imgs/testerstop.jpg) no-repeat left top;
  width: 737px;
  padding-top: 29px;
}

#listLeft {
  float: left;
  display: inline;
  width: 190px;
  list-style-type: square;
}

#listMiddle {
  float: left;
  display: inline;
  width: 190px;
  list-style-type: square;
}

#listRight {
  float: left;
  display: inline;
  width: 190px;
  list-style-type: square;
}

.blackstaff {
  color: #000000;
  font-weight: bold;
  font-size: 1.4em;
  list-style-type: none;
  margin-left: -14px;
}

.null {
  text-indent: -9999em;
  list-style-type: none;
}

  #samp-status.status {
    font-weight: bold;
  }

  /* green for online */
  #samp-status.online {
    color: #53743B;
  }

  /* red for offline */
  #samp-status.offline {
    color: red;
  }

  /* gray for errors/unavailable */
  #samp-status.error {
    color: gray;
  }