/* =Home
---------------------------------------------*/

#home #content {
	width: 722px;
	height: 334px;
	background: url('images/home_bkg.jpg') no-repeat;
}

#home #introtxt {
	width: 330px;
	float: right;
	margin-top: 40px;
}

#home #intro {
	margin-left: 58px;
	padding-right: 15px;
}

#home #play-button {
	float: right;
}

#home #rulestxt {
	font-size: 10px;
	margin: 70px 0 0 140px;
}

#home #intro p {
	text-align: right;
	margin-right: 10px;
}


/* =AAdvantage
---------------------------------------------*/

#aadvantage #content {
	width: 722px;
	height: 333px;
	background: url('images/aadvantage_bkg.jpg') no-repeat;
}

#aadvantage #contenttxt {
	float: right;
	width: 500px;
	margin: 10px 10px 0 0;
	font-size: 10px;
}

#aadvantage-logo {
	margin: -110px 0 0 340px;
}

#aadvantage #hdr4 {
	width: 320px;
}

#aadvantage #hdr5 {
	width: 320px;
}


/* =Inspiration
---------------------------------------------*/

/*These styles clear out the defaults from the template to make room for the flash*/
#inspiration #content-wrapper {
	padding: 0;
	margin: 0;
	background: none;
	width: 733px;
}

#inspiration #content-wrapper-bottom {
	background: none;
	height: none;
}


/* =Rules
---------------------------------------------*/

#rules #content {
	width: 600px;
	padding-left: 50px;
}


/* =Login
---------------------------------------------*/
#login #content {
	width: 722px;
	height: 334px;
	background: url('images/login_bkg.gif') no-repeat;
}

#login #register-box {
	float: left;
	padding: 35px 0 0 32px;
}

#login #login-box {
	width: 335px;
	float: right;
	padding: 35px 15px 0px 0px;
	position: relative;
}

#register-box .content-block {
	width: 300px;
	padding: 0 0 0 10px;
	color: #ffffff;
}
#register-box #btn-new-players {
	display: inline;
}
#generic-box{
	padding: 40px;
	color: #FFFFFF;
}
#login-form {
	width: 321px;
	height: 204px;
	margin: 10px 0 0 10px;
	background: url('images/login_box_bkg.gif') no-repeat;
}
#login-form #email {
	margin: 22px 0 0 25px;
}
#login-form #password {
	margin: 15px 0 0 25px;
}
#login-form input {
	margin: 10px 0 0 25px;
	width: 260px;
	height: 20px;
}
#login-form #submit {
	position: relative;
	top: 4px; /* Becasue of the hacks below this is only used by safari */
	left: 157px;
}
/* Hack to get the submit button to line up correctly in IE*/
/* At the end of this css see the "Unfortunate Safari Hack" this is where the top property is set for Firefox*/
* html #login-form #submit {
	top: -12px
}
#login-box .content-block {
	padding: 20px 0 0 10px;
	color: #ffffff;
}
/* Hack to get the forgot password text to line up correctly in IE*/
* html #login-box .content-block {
	padding: 0 0 0 10px;
	color: #ffffff;
}
#login a {
	color: #ffffff;
}
#login #LoginBtn{
	width: 148px;
	height: 48px;
	border:none; 
	background:url('/images/login_box_submit.gif') no-repeat;	
	/*margin-top:10px;*/
}
/* =Forgot password
---------------------------------------------*/
#login .ResetPasswordContainer{
	padding-top:30px;
}
#login  #PanelForgotPassword{
	padding: 20px;	
	color: #FFFFFF;
}
#login #ResetPasswordBtn{
	width: 189px;
	padding-bottom:8px !important;
	padding-bottom:18px;
	border:none; 
}


/* =Registration
---------------------------------------------*/

#registration #content {
	width: 722px;
	/*height: 895px;*/
	background: url('/images/reg_bkg.gif') no-repeat;	
}

#registration #reg-content {
	/*height: 570px;*/
	background: url('/images/reg_img.jpg') 4px 6px no-repeat;
}

#registration #reg-intro {
	width: 420px;
	float: right;
	margin: 25px 0 0 0;
}

#registration ol {
	margin: 0;
	padding: 0;
	width: 380px;	
}

#registration li {
	display: bolck;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#registration #reg-form {
	float: right;
	padding-right: 15px;
}

#registration #reg-form td{
	font-size: 11px;
}

#registration #content-footer {
	width: 672px;
	margin: 10px 0 0 5px;
	padding: 10px 20px 10px 20px;
	background: #E7EDF9;
}
#registration #content-wrapper-bottom {
	background: url('images/reg_content_bottom.gif') no-repeat;
	height: 29px;
}
#registration #privacy {
	float: left;
}

#registration #SaveBtn {
	float: right;
	width: 206px;
	height: 27px;
	border:none; 
	background:url('/images/reg_submit.jpg') no-repeat;	
	margin: 0px 0px 0px 0px;
	font-size: 1%;
}
#registration #thank-you {
	width: 300px;
	padding: 15px;
	margin-left: 350px 
}
/*
#registration #LinkContinue{
	width: 99px;
	height: 20px;
	border:none; 
	background:url('/images/btn_continue.gif') no-repeat;	
	margin: 0px 0px 0px 0px;
	font-size: 1%;
}*/

/* =Game Landing
---------------------------------------------*/

#glanding #content {
	width: 722px;
	height: 335px;
	background: url('images/glanding_bkg.gif') no-repeat;	
}

#glanding #img {
	float: left;
	padding: 6px 0 0 5px;
}

#glanding #game-box {
	float: right;
	padding: 35px 20px 0 0;
}

#game-form {
	margin-top: 5px;
	font-size: 10px;
}

#game-top {
	width: 323px;
	height: 200px;
}

#game-top #choose {
	margin: 20px 0 0 18px;
}

#select-destination {
	background: url('/images/glanding_bg.jpg') no-repeat;
}

#game-form #PlayGameBtn{
	width: 150px;
	height: 45px;
	border:none; 
	background:url('/images/glanding_submit.jpg') no-repeat;	
	margin: 12px 0px 0px 177px;
	
}

/* =Homepage
---------------------------------------------*/
#homepage #content {
	/*margin: 10px 10px 0px 10px;*/
	width: 722px;
	/*height: 335px;*/
	background: url('images/glanding_bkg.gif') no-repeat;	
}
#homepage #content img{
	margin: 6px 0px 0px 5px;
}
#homepage #tree_boxes {
	margin-top:5px !important;
	margin-top:2px;
}

/* =Transition
---------------------------------------------*/

/*These styles clear out the defaults from the template to make room for the flash*/
#transition #content-wrapper {
	padding: none;
	background: none;
}

#transition #content-wrapper-bottom {
	background: none;
	height: none;
}

/* =sendtofriend
---------------------------------------------*/

#sendtofriend #content-wrapper {
	background: none;
}

#sendtofriend #content-wrapper-bottom {
	background: none;
}

#sendtofriend #ErrorTitle{
	left: 350px;
}
#sendtofriend #SendToFriendBtn{
	width: 81px;
	height: 30px;
	border:none; 
	background:url('/images/btn_send.gif') no-repeat;	
	margin: 5px auto;
	
}

#sendtofriend table table td{
	color: #FFFFFF;
}

/* =Win/Lose Page
---------------------------------------------*/

#wl #content {
	width: 722px;
	height: 334px;
	background: url('images/wl_bkg.gif') no-repeat;	
}

#wl #img {
	float: left;
	padding: 5px 0 0 5px;
}

#wl #booking-mod {
	width: 246px;
	height: 325px;
	float: right;
	background: url('images/booking_mod_bkg.gif') bottom no-repeat;
}

#wl #booking-form {
	padding: 50px 0 0 30px;
}

#wl #win-txt {
	width: 250px;
	height: 315px;
	margin-top: 20px;
	float: right;
	background: url('images/wl_wintxt_bkg.gif') no-repeat;
}

#win-txt .content-block {
	width: 225px;
	padding: 15px 0 0 20px;
	color: #ffffff;
}

#win-txt a {
	color: #ffffff;
}





/* =Unfortunate Safari Hack
---------------------------------------------*/

/* 
Hack safari will ignore this bolck of code becasue of the extra #
This is used to line up the submit button on the login page
This must be the last style on the page because Safari will ignore everything after it.
*/
#login-form #submit {
	position:absolute;
	top:232px;
	left:167px;
/*	top: -8px !important;
	top: -12px;*/
}