* {
  margin:  0;
  padding: 0;
}

img {
  border: 0;
}

#slickstergames {
  width:      100%;
  height:     37px;
  background: url(../images/fmbg.gif) repeat-x;
}

#slickstergames .left {
  float: left;
}

#slickstergames .right {
  float:  right;
  width:  383px;
  height: 37px;
}

#slickstergames .form {
  background-color: #bdbebe;
  margin-top:       3px;
}

#slickstergames img {
  display: block;
}

#slickstergames ul.one {
  list-style-type: none;
  width:           172px;
  height:          37px;
  float:           left;
}

#slickstergames ul.one li {
  float: left;
}

#slickstergames .divider {
  width:      2px;
  height:     37px;
  background: url(../images/line.gif) no-repeat;
  display:    block;
}

#slickstergames .online {
  width:       168px;
  height:      25px;
  padding-top: 12px;
  font-size:   11px;
  color:       #606b64;
  text-align:  center;
}

#slickstergames .online span {
  font-weight: bold;
  color:       #005c80;
}

#slickstergames .network {
  float:   right;
  width:   191px;
  height:  30px;
  padding: 7px 7px 0 13px;
}

#slickstergames .network ul {
  list-style-type: none;
}

#slickstergames .network ul li {
  width:       191px;
  height:      18px;
  display:     block;
  background:  url(../images/network.gif) no-repeat;
  color:       #26ade4;
  font-size:   11px;
  font-weight: bold;
  /*vertical-align: bottom;*/
}

#slickstergames .network ul li p {
  padding: 5px 0 0 10px;
  margin:  0;
}

#slickstergames .network ul li ul {
  position:        absolute;
  margin-left:     -10000px;
  list-style-type: none;
}

#slickstergames .network ul li:hover ul {
  /*width: 191px;*/
  position:    absolute;
  margin-left: 0;
  display:     inline;
}

#slickstergames .network ul li:hover ul li.bg {
  width:       191px;
  height:      23px;
  color:       #016a94;
  background:  url(../images/hover.gif) no-repeat;
  font-weight: normal;
}

#slickstergames .network ul li:hover ul li.bg p {
  padding: 5px 0 0 24px;
}

#slickstergames .network ul li:hover ul li.bottom {
  width:      191px;
  height:     6px;
  background: url(../images/hoverbottom.gif) no-repeat;
}

#slickstergames .network ul li:hover ul li p {
  margin: 0 0 0 0;
}

#slickstergames .network ul li:hover ul li a {
  color:           #016a94;
  font-size:       11px;
  text-decoration: none;
}

#slickstergames .network ul li:hover ul li a:hover {
  text-decoration: underline;
}

#slickstergames .network .bottom {
  width:      191px;
  height:     4px;
  background: url(../images/networkbottom.gif) no-repeat;
}

ul, li {
  margin:  0;
  padding: 0;
}

ul, menu, dir {
  display: block;
}

li {
  display:    list-item;
  text-align: -webkit-match-parent;
}

.sites {
  margin:  0;
  padding: 0;
}

body {
  margin:     0;
  background: #000000 url(../images/login.png) no-repeat top center;
}

.container {
  width:    960px;
  height:   auto;
  padding:  0;
  margin:   auto;
  overflow: hidden;
}

.header {
  width:   100%;
  height:  auto;
  padding: 0;
  margin:  0;
  float:   left;
}

.logo {
  background-image: url(../images/logo.png);
  width:            326px;
  height:           38px;
  padding:          0;
  margin:           0;
  margin-top:       25px;
  float:            left;
}

.menu {
  width:      auto;
  height:     auto;
  padding:    0;
  margin:     0;
  margin-top: 30px;
  float:      right;
}

.menu ul {
  padding: 0;
  margin:  0;
  float:   left;
}

.menu ul li {
  display: inline;
}

.menu ul li a {
  display:         block;
  color:           #ffffff;
  width:           70px;
  height:          auto;
  font-family:     "Arial Black";
  font-size:       12px;
  font-style:      italic;
  line-height:     22px;
  text-decoration: none;
  padding:         0;
  padding-left:    10px;
  padding-right:   10px;
  margin:          0;
  float:           left;
}

.menu ul li a:hover {
  background-image:  url(../images/menu.png);
  background-repeat: no-repeat;
  width:             70px;
  height:            25px;
}

.content {
  width:   100%;
  height:  auto;
  padding: 0;
  margin:  0;
  float:   left;
}

.content_right {
  width:        570px;
  height:       auto;
  padding:      0;
  margin:       0;
  margin-right: 10px;
  margin-top:   20px;
  float:        right;
}

.intro {
  width:   100%;
  height:  auto;
  padding: 0;
  margin:  0;
  float:   left;
}

.intro_head {
  width:   100%;
  height:  auto;
  padding: 0;
  margin:  0;
  float:   left;
}

.intro_head p {
  color:       #500000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:   17px;
  font-weight: bold;
  padding:     0;
  margin:      0;
  float:       left;
}

.introtxt {
  width:      100%;
  height:     auto;
  padding:    0;
  margin:     0;
  margin-top: 15px;
  float:      left;
}

.introtxt p {
  color:       #e6e6e6;
  font-family: Arial, Helvetica, sans-serif;
  font-size:   13px;
  padding:     0;
  margin:      0;
  float:       left;
}

.registerplate {
  width:        470px;
  height:       auto;
  padding:      0;
  margin:       0;
  margin-top:   50px;
  margin-right: 15px;
  float:        right;
}

.login-form {
  width:      215px;
  text-align: center;
  margin:     -1rem auto 0;
}

.loginplate {
  display:      block;
  position:     absolute;
  width:        250px;
  padding-top:  350px;
  padding-left: 380px;
}

.loginplate_top {
  width:       230px;
  height:      65px;
  padding:     0;
  margin-left: -10px;
  float:       left;
}

.loginplate_mid {
  width:          230px;
  height:         auto;
  padding:        0;
  margin-left:    -10px;
  float:          left;
  vertical-align: central;
}

.loginplate_bottom {
  width:   230px;
  height:  14px;
  padding: 0;
  margin:  0;
  float:   left;
}

.infoplate {
  position:     absolute;
  padding-left: 960px;
}

.player-count {
  color:     #ffffff;
  clear:     right;
  float:     right;
  font-size: 16px;
  height:    69px;
  overflow:  hidden;
  padding:   10px 0 0 18px;
  position:  absolute;
  right:     -175px;
  top:       480px;
  width:     420px;
}

.player-count li {
  float:           left;
  text-align:      left;
  padding-right:   12px;
  list-style-type: none;
}

.player-count strong {
  text-align: left;
  color:      var(--primary-background-color);
  display:    inline-block;
  font-size:  26px;
}

.screen-shots {
  border:   none;
  float:    right;
  height:   69px;
  position: absolute;
  right:    -100px;
  top:      370px;
  width:    400px;
}

.screen-shots a {
  float:           left;
  padding-right:   52px;
  list-style-type: none;
}

.signupbutton {
  border:            none;
  background-image:  url(../images/qqo1lg.png);
  background-color:  transparent;
  background-repeat: no-repeat;
  width:             120px;
  height:            40px;
  padding:           0;
  margin:            0;
  margin-left:       45px;
  float:             left;
}

.forgotbutton {
  border:            none;
  background-image:  url(../images/o91thg.png);
  background-color:  transparent;
  background-repeat: no-repeat;
  width:             160px;
  height:            40px;
  padding:           0;
  margin:            0;
  margin-left:       45px;
  float:             left;
}

.signupbutton a {
  color:           #eaecef;
  font-family:     "Arial Black";
  font-size:       20px;
  font-style:      italic;
  font-weight:     bold;
  text-decoration: none;
  text-shadow:     #000000 1px 1px 0;
  padding:         0;
  margin:          0;
  margin-left:     65px;
  margin-top:      7px;
  float:           left;
}

.or {
  width:   100%;
  height:  auto;
  padding: 0;
  margin:  0;
  float:   left;
}

.or p {
  color:       #c6b0cf;
  font-family: Arial, Helvetica, sans-serif;
  font-size:   16px;
  font-weight: bold;
  padding:     0;
  margin:      0;
  margin-top:  10px;
  margin-left: 135px;
  float:       left;
}

.frmtxt {
  padding: 0;
  margin:  0;
  float:   left;
}

.frmtxt p {
  color:       #eaecef;
  font-family: Arial, Helvetica, sans-serif;
  font-size:   12px;
  padding:     0;
  margin:      0;
  margin-top:  15px;
  float:       left;
}

.txt {
  background-image: url(../images/textfld.png);
  width:            180px;
  height:           22px;
  padding:          0;
  margin:           0;
  margin-top:       10px;
  float:            left;
}

.txt_img {
  background-image: url(../images/textfld2.png);
  width:            80px;
  height:           22px;
  padding:          0;
  margin:           0;
  margin-top:       10px;
  float:            left;
}

.loginbutton {
  width:      96px;
  height:     25px;
  margin-top: 5px;
}

.loginbutton a {
  color:           #ffffff;
  font-family:     Arial, Helvetica, sans-serif;
  font-size:       14px;
  font-weight:     bold;
  text-decoration: none;
  padding:         0;
  margin:          0;
  margin-left:     27px;
  margin-top:      5px;
  float:           left;
}

.footer {
  position:     fixed;
  bottom:       -4px;
  width:        75%;
  margin:       0;
  margin-right: 20px;
  text-align:   center;
}

.footer p {
  color:       #550000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:   12px;
  text-align:  center;
}

.my-2 {
  margin-top:    2px;
  margin-bottom: 2px;
}