/**
 * Striker Superstars :: http://www.strikersuperstars.com
 * Copyright (c) 2011 Coli Games Ltd
 * My Account Stylesheet
 */
/** Importing of LESS styles from library **/
/**
 * Striker Superstars :: http://www.strikersuperstars.com
 * Copyright (c) 2011 Coli Games Ltd
 * Library of Reusable Elements
 */
/** 
 * Variables 
 */
/** 
 * Rounded Corners
 */
/** 
 * Gradient
 */
/**
 * Positioning + Layout Hacks
 */
.clearIt:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@font-face {
  font-family: 'Bauhaus93Regular';
  src: url('../../css/fonts/bauhs93-webfont.eot');
  src: url('../../css/fonts/bauhs93-webfont.eot#iefix') format('embedded-opentype'), url('../../css/fonts/bauhs93-webfont.woff') format('woff'), url('../../css/fonts/bauhs93-webfont.ttf') format('truetype'), url('../../css/fonts/bauhs93-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
 *  Basic Layout Styles
 */
body#account #content-frame {
  background: #000 !important;
  color: #fff !important;
  padding: 12px !important;
  width: 736px !important;
}
body#account #content-frame h1 {
  background: url(../../images/account/profile-icon.jpg) top left no-repeat;
  padding: 0 0 0 42px;
  border-bottom: 0px !important;
}
body#account #content-frame h2.account-back-link {
  position: relative;
  float: right;
  width: 119px;
  height: 33px;
  text-align: center;
  color: #b0afaf;
  line-height: 2.4;
}
body#account #content-frame h2.account-back-link a {
  display: block;
  background: url(../../images/account/change-button.png) top left no-repeat;
  width: 119px;
  height: 33px;
  color: #fff;
  text-decoration: none;
}
body#account #content-frame h2.account-back-link a:hover {
  background-position: 0 -33px;
}
body#account #content-frame h1.dashboard {
  float: left;
  width: 300px;
}
/**
 *  Account Options Styles
 */
#account-options {
  padding: 7px 0 0 0;
  float: right;
}
#account-options li {
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
}
#account-options li a {
  color: #75bdd7;
  text-decoration: none;
}
#account-options li a:hover {
  color: #fff;
  text-decoration: none;
}
/**
 *  Landing Page Options Styles
 */
#account-landing-page-options-wrapper {
  position: relative;
  padding: 7px 0;
}
#account-landing-page-options-wrapper ul {
  position: relative;
  list-style-type: none;
}
#account-landing-page-options-wrapper li {
  position: relative;
  background: url(../../images/account/account-action-background.gif) top left no-repeat;
  width: 715px;
  height: 55px;
  margin-bottom: 15px;
  padding: 10px;
}
#account-landing-page-options-wrapper h2 {
  font-weight: bold;
  background: url(../../images/account/arrow.gif) top left no-repeat;
  margin: 5px 0;
  padding: 0 0 0 13px;
}
#account-landing-page-options-wrapper h4.change-button {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../../images/account/change-button.png) top left no-repeat;
  background-position: 0 -66px;
  width: 119px;
  height: 33px;
  text-align: center;
  color: #b0afaf;
  line-height: 2.4;
}
#account-landing-page-options-wrapper h4.change-button a {
  background: url(../../images/account/change-button.png) top left no-repeat;
  display: block;
  width: 119px;
  height: 33px;
  color: #fff;
  text-decoration: none;
}
#account-landing-page-options-wrapper h4.change-button a:hover {
  background-position: 0 -33px;
}
#account-landing-page-options-wrapper li:hover {
  background-position: 0 -75px;
}
/**
 *  Account Modal Window
 */
div.modal-window-container {
  position: relative;
  width: 529px;
}
div.modal-window-container div.modal-window-top {
  position: relative;
  background: url(../../images/modal/modal-window-top.png) top left no-repeat;
  width: 529px;
  height: 30px;
}
div.modal-window-container div.modal-window-middle {
  position: relative;
  background: url(../../images/modal/modal-window-middle.png) top left repeat-y;
  width: 489px;
  padding: 0 20px;
}
div.modal-window-container div.modal-window-middle h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
div.modal-window-container div.modal-window-middle #form-errors ul {
  list-style-type: none;
  color: #F00;
}
div.modal-window-container div.modal-window-middle ul.form-wrapper {
  list-style-type: none;
  margin: 15px 0;
  margin-bottom: 20px;
}
div.modal-window-container div.modal-window-middle ul.form-wrapper li {
  margin-bottom: 15px;
}
div.modal-window-container div.modal-window-middle div.input-wrapper {
  position: relative;
  background: url(../../images/modal/modal-input.gif) top left no-repeat;
  width: 470px;
  height: 33px;
  padding: 0 5px;
}
div.modal-window-container div.modal-window-middle div.input-wrapper input.text {
  position: relative;
  background: transparent !important;
  color: #fff !important;
  border: 0px !important;
  border-radius: 0px !important;
  width: 100%;
  height: 100%;
}
div.modal-window-container div.modal-window-middle input.submit {
  position: relative;
  background: url(../../images/modal/primary-button.png) top left no-repeat;
  color: #fff !important;
  border: 0px !important;
  width: 100px;
  height: 28px;
  display: inline-block;
  margin-right: 10px;
  line-height: 0.5 !important;
}
div.modal-window-container div.modal-window-middle input.submit:hover {
  background-position: 0 -28px;
}
div.modal-window-container div.modal-window-middle h4.close {
  position: relative;
  background: url(../../images/modal/secondary-button.png) top left no-repeat;
  color: #fff !important;
  border: 0px !important;
  width: 94px;
  height: 22px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 3px;
  margin-bottom: 15px;
}
div.modal-window-container div.modal-window-middle h4.close:hover {
  background-position: 0 -28px;
}
div.modal-window-container div.modal-window-middle div.input-wrapper select {
  position: relative;
  background: url(http://strikersuperstars.com/images/layout/transparent.gif) !important;
  border: 0px !important;
  color: #fff !important;
  padding: 7px 5px 5px 5px;
  width: 100%;
}
/* Hack for Safari + Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  div.modal-window-container div.modal-window-middle div.input-wrapper select {
    background: url(../../images/modal/modal-input-select.gif) !important;
    -webkit-appearance: none;
    outline: none;
  }
}
div.modal-window-container div.modal-window-middle div.input-wrapper select option {
  background: #000;
  color: #fff;
}
div.modal-window-container div.modal-window-end {
  position: relative;
  background: url(../../images/modal/modal-window-bottom.png) top left no-repeat;
  width: 529px;
  height: 19px;
}
/* ---------------- */
body#account div.not-logged-in-container {
  position: absolute;
  top: 140px;
  background: url(../../images/account/locked-box.png) top left no-repeat;
  width: 735px;
  height: 145px;
}
body#account div.not-logged-in-container h3 {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  width: 120px;
  padding: 7px 0px 0px 60px;
  float: left;
}
body#account div.not-logged-in-container div {
  position: relative;
  padding: 7px 0px 0px 0px;
  width: 530px;
  float: right;
}