/* --------------------------------------------------------------------------------------------- */

html
{
  overflow: auto;
}

body
{

/*
  background-color: #5B5B5B;
  background-image: url('Images/BodyBackground.gif');
  background-repeat: repeat;
*/
  background-attachment: fixed;
  background-color: #FFFFFF;
  background-image: url('Images/BodyBackground.png');
  background-repeat: repeat-x;
  
  color: #C0C0C0;
  font-family: Calibri, Arial;
  font-size: 16px;
  margin: 0px;
}

a
{
  color: #FFFFFF;
  text-decoration: none;
}

a:hover
{
  color: #FF7107;
}

h2
{
  color: #FF7107;
  font-weight: bold;
}

object
{
  outline: none;
}

/* --------------------------------------------------------------------------------------------- */

.SmallLabel
{
  font-size: 11px;
}

/* --------------------------------------------------------------------------------------------- */

.SmallOrangeButton
{
  background-color: transparent;
  background-image: url('Images/SmallOrangeButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #606060;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  outline: none;
  width: 90px;
}

.MediumOrangeButton
{
  background-color: transparent;
  background-image: url('Images/MediumOrangeButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #606060;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  outline: none;
  width: 120px;
}

.LargeOrangeButton
{
  background-color: transparent;
  background-image: url('Images/LargeOrangeButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #606060;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  outline: none;
  width: 180px;
}

.HugeOrangeButton
{
  background-color: transparent;
  background-image: url('Images/HugeOrangeButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 42px;
  font-weight: bold;
  height: 90px;
  outline: none;
  width: 260px;
}

.HugeOrangeButton:hover
{
  background-position: 0px -90px;
}

/* --------------------------------------------------------------------------------------------- */

.MediumRedButton
{
  background-color: transparent;
  background-image: url('Images/MediumRedButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  line-height: 16px;
  padding: 4px 0px 0px 0px;
  outline: none;
  text-align: center;
  width: 120px;
}

.MediumRedButton:hover
{
  color: #FFFFFF;
}

.LargeRedButton
{
  background-color: transparent;
  background-image: url('Images/LargeRedButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 22px;
  font-weight: bold;
  height: 40px;
  line-height: 22px;
  outline: none;
  width: 180px;
}

.HugeRedButton
{
  background-color: transparent;
  background-image: url('Images/HugeRedButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
  line-height: 24px;
  outline: none;
  width: 180px;
}

/* --------------------------------------------------------------------------------------------- */

.MediumBlueButton
{
  background-color: transparent;
  background-image: url('Images/MediumBlueButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  line-height: 16px;
  padding: 4px 0px 0px 0px;
  outline: none;
  text-align: center;
  width: 120px;
}

.MediumBlueButton:hover
{
  color: #FFFFFF;
}

/* --------------------------------------------------------------------------------------------- */

.MediumGreenButton
{
  background-color: transparent;
  background-image: url('Images/MediumGreenButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  line-height: 16px;
  padding: 4px 0px 0px 0px;
  outline: none;
  text-align: center;
  width: 120px;
}

.MediumGreenButton:hover
{
  color: #FFFFFF;
}

.LeftGreenButton
{
  background-color: transparent;
  background-image: url('Images/LeftGreenButtonBackground.png');
  background-repeat: no-repeat;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, Arial;
  font-size: 20px;
  font-weight: bold;
  height: 26px;
  outline: none;
  padding: 12px 0px 12px 8px;
  text-align: center;
  width: 102px;
}

.LeftGreenButton:hover
{
  color: #FFFFFF;
  background-position: 0px -50px;
}

/* --------------------------------------------------------------------------------------------- */

.DownArrowButton
{
  background-color: transparent;
  background-image: url('Images/Arrows/DownArrowButton.png');
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  height: 40px;
  outline: none;
  width: 95px;
}

.UpArrowButton
{
  background-color: transparent;
  background-image: url('Images/Arrows/UpArrowButton.png');
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  height: 40px;
  outline: none;
  width: 95px;
}

/* --------------------------------------------------------------------------------------------- */

.FacebookLoginButton
{
  background-color: transparent;
  background-image: url('Images/FacebookLoginButton.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  height: 25px;
  outline: none;
  width: 80px;
}

/* --------------------------------------------------------------------------------------------- */

.SmallTextBox
{
  background-color: transparent;
  background-image: url('Images/SmallTextBoxBackground.png');
  background-position: right top;
  background-repeat: no-repeat;
  border: none;
  color: #606060;
  font-family: Calibri, Arial;
  font-size: 16px;
  height: 20px;
  padding: 5px 5px 5px 5px;
  width: 50px;
}

.SmallTextBox:focus
{
  background-image: url('Images/SmallOrangeTextBoxBackground.png');
}

.MediumTextBox
{
  background-color: transparent;
  background-image: url('Images/MediumTextBoxBackground.png');
  background-position: right top;
  background-repeat: no-repeat;
  border: none;
  color: #606060;
  font-family: Calibri, Arial;
  font-size: 16px;
  height: 20px;
  padding: 5px 5px 5px 5px;
  width: 110px;
}

.MediumTextBox:focus
{
  background-image: url('Images/MediumOrangeTextBoxBackground.png');
}

.LargeTextBox
{
  background-color: transparent;
  background-image: url('Images/LargeTextBoxBackground.png');
  background-position: right top;
  background-repeat: no-repeat;
  border: none;
  color: #606060;
  font-family: Calibri, Arial;
  font-size: 16px;
  height: 20px;
  padding: 5px 5px 5px 5px;
  width: 170px;
}

.LargeTextBox:focus
{
  background-image: url('Images/LargeOrangeTextBoxBackground.png');
}

.PasswordTextBox
{
  font-family: Arial;
}

/* --------------------------------------------------------------------------------------------- */

.LargeDropDownList
{
  background-color: #FFFFFF;
  background-image: url('Images/LargeTextBoxBackground.png');
  background-position: right top;
  background-repeat: no-repeat;
	border: none;
	color: #606060;
	font-family: Calibri, Arial;
	font-size: 16px;
  height: 30px;
  padding: 5px 5px 5px 5px;
	width: 180px;
}

.LargeDropDownList:focus
{
  background-image: url('Images/LargeOrangeTextBoxBackground.png');
}

/* --------------------------------------------------------------------------------------------- */

.LargeRadioButtonList
{
  line-height: 24px;
  vertical-align: middle;
}

/* --------------------------------------------------------------------------------------------- */

.RequiredFieldValidator
{
  color: #FF7107;
  font-weight: bold;
  font-size: 22px;
}

/* --------------------------------------------------------------------------------------------- */

#PageContainer
{
  background-color: #000000;
  background-image: url('Images/PageBackground.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: solid 4px #374F5B;
  border-left: solid 4px #374F5B;
  border-right: solid 4px #374F5B;
  border-top: solid 4px #374F5B;
  height: 740px;
  margin: auto;
  position: relative;
  width: 1000px;
}

.HeaderContainer
{
  background-position: top left;
  background-repeat: no-repeat;
  height: 100px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1000px;
}

.ContentContainer
{
  background-color: transparent;
  height: 600px;
  position: absolute;
  top: 100px;
  width: 1000px;
}

.FooterContainer
{
  background-color: transparent;
  color: #C0C0C0;
  height: 40px;
  position: absolute;
  top: 700px;
  width: 1000px;
}

.FooterContainer a
{
  color: #FFFFFF;
}

.FooterContainer a:hover
{
  color: #FF7107;
}

/* --------------------------------------------------------------------------------------------- */

#HeaderLogoContainer
{
  background-image: url('Images/PortalLogo.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 60px;
  left: 40px;
  position: absolute;
  top: 20px;
  width: 240px;
}

#HeaderLogoContainer:hover
{
  background-position: 0px -60px;
}

#HeaderMenuContainer
{
  height: 100px;
  left: 295px;
  position: absolute;
  top: 0px;
  width: 410px;
}

#HeaderLoginContainer
{
  background-image: url('Images/LoginBoxBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  height: 86px;
  position: absolute;
  right: 40px;
  top: 7px;
  width: 240px;
}

#FooterLinkContainer
{
  left: 40px;
  position: absolute;
  top: 8px;
}

#FooterBookmarkContainer
{
  left: 438px;
  position: absolute;
  top: 8px;
}

#FooterInfoContainer
{
  position: absolute;
  right: 40px;
  top: 8px;
}

#FooterLanguageContainer
{
  position: absolute;
  right: 40px;
  top: 8px;
}

/* --------------------------------------------------------------------------------------------- */

.MenuBoxContainer
{
  background-position: 0px 00px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  height: 36px;
  line-height: 16px;
  padding: 4px 0px 0px 0px;
  position: absolute;
  text-align: center;
  width: 130px;
}

.HomeMenuBoxContainer
{
  background-image: url('Images/HomeMenuBackground.png');
  font-size: 20px;
  height: 28px;
  left: 0px;
  padding: 12px 0px 0px 12px;
  top: 7px;
}
.HomeMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.CommunityMenuBoxContainer
{
  background-image: url('Images/OrangeMenuBackground.png');
  font-size: 20px;
  height: 28px;
  left: 0px;
  padding: 12px 0px 0px 12px;
  top: 52px;
}
.CommunityMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.SmallSingleplayerTrialMenuBoxContainer
{
  background-image: url('Images/PurpleMenuBackground.png');
  left: 145px;
  top: 7px;
}
.SmallSingleplayerTrialMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.MediumSingleplayerTrialMenuBoxContainer
{
  background-image: url('Images/MediumPurpleMenuBackground.png');
  font-size: 22px;
  height: 28px;
  left: 135px;
  padding: 12px 0px 0px 0px;
  top: 7px;
  width: 265px;
}
.MediumSingleplayerTrialMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.LargeSingleplayerTrialMenuBoxContainer
{
  background-image: url('Images/LargePurpleMenuBackground.png');
  font-size: 24px;
  height: 28px;
  left: 0px;
  padding: 12px 0px 0px 0px;
  top: 7px;
  width: 400px;
}
.LargeSingleplayerTrialMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.JackpotTournamentMenuBoxContainer
{
  background-image: url('Images/BlueMenuBackground.png');
  left: 280px;
  top: 7px;
}
.JackpotTournamentMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.MegaJackpotTournamentMenuBoxContainer
{
  background-image: url('Images/RedMenuBackground.png');
  background-position: 0px -40px;
  color: #FFFF00;
  font-size: 18px;
  height: 40px;
  left: 0px;
  top: 52px;
}
.MegaJackpotTournamentMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.KnockoutTournamentMenuBoxContainer
{
  background-image: url('Images/DarkBlueMenuBackground.png');
  left: 280px;
  top: 7px;
}
.KnockoutTournamentMenuBoxContainer:hover
{
  background-position: 0px -40px;
}


.MultiplayerChallengeMenuBoxContainer
{
  background-image: url('Images/RedMenuBackground.png');
  left: 145px;
  top: 52px;
}
.MultiplayerChallengeMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

.MultiplayerMatchMenuBoxContainer
{
  background-image: url('Images/GreenMenuBackground.png');
  left: 280px;
  top: 52px;
}
.MultiplayerMatchMenuBoxContainer:hover
{
  background-position: 0px -40px;
}

/* --------------------------------------------------------------------------------------------- */

#UsernameTextBoxContainer
{
  height: 30px;
  left: 8px;
  position: absolute;
  top: 10px;
}

#PasswordTextBoxContainer
{
  bottom: 10px;
  height: 30px;
  left: 8px;
  position: absolute;
}

#LoginButtonContainer
{
  bottom: 10px;
  right: 8px;
  position: absolute;
}

#LoginStatusContainer
{
  bottom: 8px;
  height: 30px;
  right: 8px;
  position: absolute;
  width: 90px;
}

#RegistrationHyperLinkContainer
{
  position: absolute;
  right: 8px;
  text-align: center;
  top: 14px;
  width: 90px;
}

#AccountHyperLinkContainer
{
  background-color: transparent;
  background-image: url('Images/MediumOrangeButtonBackground.png');
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  bottom: 8px;
  color: #606060;
  cursor: pointer; 
  font-weight: bold;
  height: 20px;
  left: 8px;
  padding: 5px 0px 5px 5px;
  position: absolute;
  text-align: center;
  width: 115px; 
}

#LoginNameContainer
{
    /*border: dotted 1px silver;*/
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bold;
  height: 20px;
  left: 0px;
  padding: 0px 8px 0px 8px;
  position: absolute;
  text-align: center;
  top: 2px;
  vertical-align: text-top;
  width: 224px;
}

.FlagImage
{
  position: absolute;
  top: 6px;
  right: 10px;
}

#AccountMoneyContainer
{
    /*border: dotted 1px silver;*/
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bold;
  height: 20px;
  left: 0px;
  padding: 0px 8px 0px 8px;
  position: absolute;
  text-align: center;
  top: 22px;
  width: 224px;
}

/* --------------------------------------------------------------------------------------------- */

.CloseButtonContainer
{
  background-image: url('Images/CloseButton.png');
  position: absolute;
  height: 40px;
  right: 0px;
  top: 0px;
  width: 40px;
  z-index: 1
}
.CloseButtonContainer:hover
{
  background-position: 0px -40px;
}

/* --------------------------------------------------------------------------------------------- */